@charset "UTF-8";[data-theme=light]{--theme-color: #91c0c6;--icon-hover-color: #aad9df;--light-bg-color: #ebf6f8;--title-color: #495b69;--light-title-color: #828282 --sub-title-color: #aeaeae;--icon-bg-color: #495b69;--gray-bg-color: #f5f5f5;--dark-btn-color: #496e73;--input-color: #495b69}[data-theme=dark]{--theme-color: red}.m-0{margin:0!important}.m-t-10{margin-top:10px}.m-t-20{margin-top:20px}.m-t-30{margin-top:30px}.m-10-0{margin:10px 0!important}.m-0-5{margin:0 5px!important}.p-0{padding:0!important}.p-20{padding:20px!important}.p-30{padding:30px!important}.p-0-5{padding:0 5px!important}.full-width{width:100%}.text-center{text-align:center!important}.d-flex{display:flex!important}.d-flex.column{flex-direction:column}.d-flex.row{flex-direction:row}.d-flex.right{justify-content:right}.d-flex.center{align-items:center}.d-flex.space-between{justify-content:space-between}.d-flex.gap-10{gap:10px}.d-flex.gap-20{gap:20px}.d-flex.gap-30{gap:30px}.flex-1{flex:1}.p-relative{position:relative}.bg-primary{background-color:#007bff!important}.line{height:1px;background-color:#dedede;width:90%;margin:auto}a{cursor:pointer}.red{color:#ff5b5b!important}.red:before{background-color:#ff5b5b!important}.yellow{color:#f79f18!important}.yellow:before{background-color:#f79f18!important}.green{color:#18ab93!important}.green:before{background-color:#18ab93!important}.blue{color:#aadade!important}.blue:before{background-color:#aadade!important}.gray{color:#717171!important}.gray:before{background-color:#717171!important}.dark{color:#495b69!important}.dark:before{background-color:#495b69!important}.btn{cursor:pointer;border-radius:12px;align-items:center;display:flex;justify-content:center;position:relative;transition:.3s;font-size:14px;padding:10px 20px;min-width:100px;font-weight:400;border:none}.btn.fit{width:fit-content}.btn:disabled{opacity:.2;cursor:not-allowed}.icon-btn{cursor:pointer;width:35px;height:35px;border-radius:8px;align-items:center;display:flex;justify-content:center;color:#000;position:relative;background:#fff;transition:.3s}.icon-btn:hover{background:var(--gray-bg-color)}.small-btn{cursor:pointer;border-radius:8px;align-items:center;display:flex;justify-content:center;position:relative;transition:.3s;padding:5px 10px}button{border:none}.link{cursor:pointer;text-decoration:none;font-size:14px}.secondary-color{color:var(--dark-btn-color);background-color:#efefef}.secondary-color:hover{color:var(--theme-color)}.primary-color{color:#fff;background:var(--theme-color)}.primary-color:hover{background:var(--dark-btn-color)}.transparent-color{color:var(--title-color)}.transparent-color:hover{background:#fff;color:var(--theme-color)}.vertical-border-line{height:20px;border-right:1px solid var(--theme-color)}.color-0:before{background-color:#ffcdd2}.color-1:before{background-color:#f8bbd0}.color-2:before{background-color:#e1bee7}.color-3:before{background-color:#d1c4e9}.color-4:before{background-color:#c5cae9}.color-5:before{background-color:#bbdefb}.color-6:before{background-color:#b3e5fc}.color-7:before{background-color:#b2ebf2}.color-8:before{background-color:#b2dfdb}.color-9:before{background-color:#c8e6c9}.popup-window{display:flex;flex-direction:column;position:absolute;inset:0 0 auto auto;margin:0;transform:translateY(42px);padding:10px 0;min-width:140px;background:#fff;border-radius:10px;box-shadow:#1e20251f 0 5px 10px;z-index:10}.popup-window.left{left:0}.popup-window .item{padding:8px 20px;font-size:14px;color:var(--title-color);display:flex;align-items:center;column-gap:10px}.popup-window .item.dotted:before{content:"";display:inline-block;width:5px;height:5px;background-color:var(--icon-hover-color);border-radius:0;margin-right:5px;position:relative;top:-2px}.popup-window .item:hover{background:var(--theme-color);color:#fff}.popup-window .item:hover:before{background-color:#fff}.popup-window .item:hover .material-symbols-outlined{font-variation-settings:"FILL" 1}.popup-window .item .material-symbols-outlined{font-variation-settings:"wght" 200;font-size:20px}.card{background:#fff;padding:20px;border-radius:15px}.card__title{font-family:Ubuntu,serif;font-weight:500;font-size:19px;color:var(--title-color);display:flex;align-items:center;justify-content:space-between}.card__title.medium-size{font-size:15px}.card__title.small-size{font-size:14px}.card__content{margin-top:20px}.card__tools{display:flex;align-items:center;gap:10px}.table-content__item-content{display:flex;column-gap:15px}.table-content__item-image{width:50px;height:50px;border-radius:13px;background-position:center;background-size:cover;flex:0 0 auto}.table-content__item-details{display:flex;flex-direction:column;justify-content:space-evenly}.table-content__item-details .title{font-size:15px;font-weight:500;color:var(--theme-color)}.table-content__item-details .title span{color:var(--title-color);font-size:12px;font-weight:400}.table-content__item-details .sub-title{font-size:14px;font-weight:400;color:var(--sub-title-color)}.table-content__search-bar{display:flex;align-items:center;gap:5px}.table-content__search-icon{color:#969696;margin-right:-37px;z-index:1;height:22px}.table-content__search-icon .material-symbols-outlined{font-size:20px}.table-content__search-icon .material-symbols-outlined{font-variation-settings:"wght" 300}.table-content__search-input{width:100%;height:25px;border-radius:12px;padding:5px 5px 5px 40px;border:none;background:#f5f5f5;color:#828282}.table-content__search-input:focus,.table-content__search-input:active{outline:none;border:none}.table-content table{width:100%;border-collapse:collapse}.table-content table th{text-align:left;font-weight:500;font-size:14px;color:var(--title-color)}.table-content table th,.table-content table td{padding:12px;font-size:15px;transition:.3s}.table-content table th .btn,.table-content table td .btn{transition:.3s;cursor:pointer}.table-content table th .material-symbols-outlined,.table-content table td .material-symbols-outlined{transition:.3s;font-size:20px;font-variation-settings:"FILL" 0,"wght" 200,"GRAD" 0,"opsz" 24}.table-content table th .actions,.table-content table td .actions{display:flex;align-items:center;justify-content:center;gap:10px}.table-content table tr.group-header:hover td{background:#c2e2e6;color:#fff}.table-content table tr.group-header td{background:#c2e2e6;color:#fff;font-weight:500}.table-content table tr.active td,.table-content table tr.active td .icon-btn{background:var(--gray-bg-color)}.table-content table tr.active td .icon-btn:hover{background:#fff;font-variation-settings:"FILL" 1,"wght" 100,"GRAD" 0,"opsz" 24;color:var(--icon-hover-color)}.table-content table tr:hover td,.table-content table tr:hover td .icon-btn{background:var(--gray-bg-color)}.table-content table tr:hover td .icon-btn:hover{background:#fff;font-variation-settings:"FILL" 1,"wght" 100,"GRAD" 0,"opsz" 24;color:var(--icon-hover-color)}.table-content table tr td{cursor:pointer}.table-content table tr td:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.table-content table tr td:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px;white-space:nowrap;width:80px}.table-content table tr td .actions{column-gap:10px;justify-content:flex-end}.table-content table .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}.rotating{animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}form .input-group{position:relative;width:100%;margin:20px 0}form .input-group textarea{font-size:14px;outline:none;background:transparent;transition:all .2s ease;min-width:230px;color:var(--text-color);width:230px;padding:10px;border-radius:5px;border:1px solid #d6d6d6;margin:5px;width:calc(100% - 30px)}form .input-group textarea:focus{border-color:#3f51b5}form .input-group textarea:focus+label,form .input-group textarea:not(:placeholder-shown)+label{top:5px;color:#3f51b5;padding:0 3px;background:#fff;margin-left:10px;font-size:12px}form .input-group textarea:disabled{background:#e4e4e4;border-color:#e4e4e4}form .input-group .input-image{width:20px;height:20px;position:absolute;left:10px;top:15px;background-color:#b2ebf2;border-radius:5px;background-position:center;background-size:cover;background-repeat:no-repeat}form .input-group input{font-size:14px;outline:none;background:transparent;transition:all .2s ease;min-width:230px;color:var(--text-color);width:230px;padding:10px;border-radius:5px;border:1px solid #d6d6d6;margin:5px;width:calc(100% - 30px)}form .input-group input:focus{border-color:#3f51b5}form .input-group input:focus+label,form .input-group input:not(:placeholder-shown)+label{top:5px;color:#3f51b5;padding:0 3px;background:#fff;margin-left:10px;font-size:12px}form .input-group input:disabled{background:#e4e4e4;border-color:#e4e4e4}form .input-group input.image-included{padding-left:30px;width:calc(100% - 50px)}form .input-group select{padding:10px;font-size:14px;outline:none;background:transparent;transition:all .2s ease;appearance:none;border:1px solid #ccc;border-radius:4px;cursor:pointer;min-width:252px;margin:5px;width:calc(100% - 10px)}form .input-group select:focus{border-color:#3f51b5}form .input-group select:focus+label,form .input-group select:not(:has(option:checked[value=""]))+label{top:5px;color:#3f51b5;padding:0 3px;background:#fff;margin-left:10px;font-size:12px}form .input-group label{position:absolute;font-size:14px;font-weight:400;top:50%;left:5px;transform:translateY(-50%);color:#777;transition:all .3s ease;pointer-events:none;margin-left:10px;padding:0 3px}form .input-group.select-wrapper:after{content:"\25bc";position:absolute;top:50%;right:15px;transform:translateY(-50%);font-size:12px;color:#777;pointer-events:none}form .form-common-message{font-size:13px;padding:10px;display:flex;align-items:center;justify-content:center}form .form-common-message .error{color:#ffacac}form .form-message{font-size:12px;padding:0 10px;display:flex;align-items:center;justify-content:flex-start;margin-top:-22px}form .form-message .error{color:#ffacac}form .autocomplete{position:absolute;top:65px;left:0;right:0;margin:auto;width:calc(100% - 10px);background:#fff;z-index:10;list-style:none;padding:0;max-height:200px;overflow-y:auto;border-radius:9px;cursor:pointer;font-size:14px;box-shadow:3px 2px 8px -3px #959595}form .autocomplete li{padding:10px;margin:5px;border-radius:8px}form .autocomplete li:hover{background:var(--theme-color);color:#fff;font-weight:400}form .autocomplete::-webkit-scrollbar{width:12px}form .autocomplete::-webkit-scrollbar-track{background:#f9f9f9;border-radius:8px}form .autocomplete::-webkit-scrollbar-thumb{background-color:var(--theme-color);border-radius:8px;border:2px solid transparent;background-clip:content-box}form .autocomplete::-webkit-scrollbar-thumb:hover{background-color:var(--dark-btn-color)}.switch-wrapper{display:flex;align-items:center;gap:12px;margin:5px}.switch-wrapper I .label{font-size:14px;cursor:pointer;font-weight:400}.switch-wrapper .switch{position:relative;display:inline-block;width:40px;height:21px}.switch-wrapper .switch input{opacity:0;width:0;height:0}.switch-wrapper .switch .slider{position:absolute;cursor:pointer;background-color:#ccc;border-radius:20px;inset:0;transition:.4s}.switch-wrapper .switch .slider:before{position:absolute;content:"";height:15px;width:15px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.4s}.switch-wrapper .switch input:checked+.slider{background-color:var(--theme-color)}.switch-wrapper .switch input:checked+.slider:before{transform:translate(18px)}.switch-wrapper .switch .slider.round{border-radius:18px}.tab{border-radius:9px;background:var(--gray-bg-color);justify-content:flex-start}.tab .tab-item{padding:9px 10px;margin:4px;border-radius:10px;font-weight:300;cursor:pointer}.tab .tab-item:not(.disabled):hover{color:#91c0c6}.tab .tab-item.active{font-weight:400;background:#91c0c6;color:#fff}.tab .tab-item.active:hover{color:#fff}.tab .tab-item.disabled{cursor:not-allowed;opacity:.2}.tags-group .tags-wrapper{margin:10px;display:flex;gap:5px;flex-wrap:wrap}.tags-group .tags-wrapper .tag{padding:3px 5px;font-size:12px;font-weight:400;border:1px solid var(--theme-color);border-radius:20px;display:flex;align-items:center;gap:5px;width:fit-content;text-transform:capitalize;background:var(--theme-color);color:#fff}.tags-group .tags-wrapper .tag .close-btn{display:flex}.tags-group .tags-wrapper .tag .close-btn .material-symbols-outlined{font-size:18px}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{margin:0;font-weight:300;font-style:normal;background:#fff;font-family:Ubuntu,serif;color:var(--title-color);line-height:normal}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 100,"GRAD" 0,"opsz" 24}.scrollbar,body,.layout-sidebar{scrollbar-width:thin;scrollbar-color:rgba(100,100,100,.4) transparent}.scrollbar::-webkit-scrollbar,body::-webkit-scrollbar,.layout-sidebar::-webkit-scrollbar{width:8px;height:8px}.scrollbar::-webkit-scrollbar-track,body::-webkit-scrollbar-track,.layout-sidebar::-webkit-scrollbar-track{background:transparent}.scrollbar::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,.layout-sidebar::-webkit-scrollbar-thumb{background:#64646466;border-radius:8px;transition:background .3s ease}.scrollbar::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,.layout-sidebar::-webkit-scrollbar-thumb:hover{background:#64646499}