.user-roles[data-v-f9050380]{position:relative;padding:10px}.user-roles__add_user[data-v-f9050380],.user-roles__search[data-v-f9050380]{display:flex;justify-content:flex-end}.user-roles__search[data-v-f9050380]{align-items:flex-end;gap:10px}.user-roles__search[data-v-f9050380] .base-form-input{width:300px}.user-roles__search[data-v-f9050380] .base-form-input input{height:48px}.user-roles__search .add-button[data-v-f9050380],.user-roles__search .search-button[data-v-f9050380]{max-width:150px}@media (max-width:768px){.user-roles__search[data-v-f9050380]{display:block}.user-roles__search .add-button[data-v-f9050380],.user-roles__search .search-button[data-v-f9050380]{max-width:100%;display:block;margin:10px 0}.user-roles__search .base-form-input[data-v-f9050380]{width:100%}}.user-roles__content[data-v-f9050380]{position:relative}@media (max-width:992px){.user-roles__content[data-v-f9050380]{overflow-x:scroll}}.user-roles__content .loader-icon[data-v-f9050380]{right:auto}.user-roles__content .table[data-v-f9050380]{border-collapse:collapse;text-indent:0;border-color:inherit;min-width:100%;border-radius:var(--radius-second)!important;overflow-x:hidden;border:1px solid #e9e9eb;background-color:#fff;margin:20px 0;overflow-y:visible!important}.user-roles__content .table .remove-button[data-v-f9050380]{background-color:var(--color-warning);color:var(--grayscale-0);padding:5px;border:1px solid var(--color-warning);border-radius:5px;transition:all .2s ease-in;cursor:pointer}.user-roles__content .table .remove-button[data-v-f9050380]:hover{background-color:var(--grayscale-0);color:var(--color-warning)}@media (max-width:1024px){.user-roles__content .table[data-v-f9050380]{overflow-x:scroll}}.user-roles__content .table td[data-v-f9050380],.user-roles__content .table th[data-v-f9050380]{font-size:14px;padding:18px 12px;vertical-align:middle;border-top:1px solid #e8e8e8;text-align:center}.user-roles__content .table tbody tr td[data-v-f9050380]:first-child{width:20px}.user-modal[data-v-f9050380]{z-index:9999}.user-modal[data-v-f9050380] .vm--modal{overflow-y:scroll}@media (max-width:1024px){.user-modal[data-v-f9050380] .vm--modal{width:90%!important;left:50%!important;transform:translateX(-50%)}}.user-modal .multi_select[data-v-f9050380]{display:block;margin:0 auto 20px auto;max-width:600px;position:relative}.user-modal .multi_select[data-v-f9050380] .month-closing-selectbox{width:100%}.user-modal .multi_select[data-v-f9050380] .month-closing-selectbox .vs__dropdown-toggle{min-height:50px;border:1px solid #41807a;height:auto}.user-modal .multi_select[data-v-f9050380] .month-closing-selectbox .vs__selected{margin:3px;padding:10px;margin-bottom:0}.user-modal .multi_select[data-v-f9050380] .month-closing-selectbox .vs__selected:first-child{margin-left:0}.user-modal .multi_select[data-v-f9050380] .month-closing-selectbox ul[role=listbox]{height:110px;overflow-y:scroll}.user-modal .multi_select .select_button[data-v-f9050380]{border-radius:7px;padding:10px;max-width:200px;display:flex;align-items:center;justify-content:center;margin-top:20px;margin-bottom:5px;cursor:pointer;background-color:#41807a;color:#fff}.user-modal .multi_select p[data-v-f9050380]{margin-top:10px;font-size:12px;color:#41807a}.user-modal .modal-heading[data-v-f9050380]{height:40px;border-bottom:1px solid var(--grayscale-30);display:flex;align-items:center;padding:15px 30px;justify-content:space-between}.user-modal .modal-heading .close[data-v-f9050380]{margin:5px;cursor:pointer}.user-modal .modal-bottom[data-v-f9050380]{margin-top:1em;border-top:1px solid var(--grayscale-30);display:flex;justify-content:space-between;padding:15px 30px}.user-modal .modal-bottom .base-button[data-v-f9050380]{background-color:var(--color-primary-default);color:var(--grayscale-0);width:180px;font-size:15px}.user-modal .modal-bottom .base-button.warning[data-v-f9050380]{background-color:var(--color-warning)}.user-modal .modal-body[data-v-f9050380]{padding:15px 30px}.user-modal .modal-body__top[data-v-f9050380]{display:flex;align-items:center;flex-wrap:wrap}.user-modal .modal-body__image .image[data-v-f9050380]{margin-right:30px;width:96px;height:140px;-o-object-fit:contain;object-fit:contain}.user-modal .modal-body__detail[data-v-f9050380]{width:100%;margin-top:20px}.user-modal .modal-body__detail .base-form-input[data-v-f9050380] input{height:40px}.user-modal .modal-body__detail .accordion[data-v-f9050380]{position:relative}.user-modal .modal-body__detail .accordion__button[data-v-f9050380]{display:flex;justify-content:space-between;border-bottom:1px solid #000;padding:10px 0;padding-bottom:0;margin-bottom:20px;font-weight:700;font-size:14px;cursor:pointer}.user-modal .modal-body__detail .accordion__content__wrapper__title[data-v-f9050380]{font-size:14px;font-weight:700;text-decoration:underline;margin-bottom:5px}