[data-theme=light]{--theme-color: #41aab3;--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}.p-0{padding:0!important}.p-20{padding:20px!important}.p-30{padding:30px!important}.p-0-5{padding:0 5px!important}.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.wrap{flex-wrap:wrap}.d-flex.nowrap{flex-wrap:nowrap}.d-flex.column-reverse{flex-direction:column-reverse}.d-flex.row-reverse{flex-direction:row-reverse}.d-flex.align-start{align-items:flex-start}.d-flex.align-end{align-items:flex-end}.d-flex.align-center{align-items:center}.d-flex.justify-start{justify-content:flex-start}.d-flex.justify-end{justify-content:flex-end}.d-flex.justify-center{justify-content:center}.d-flex.justify-space-between{justify-content:space-between}.d-flex.justify-space-around{justify-content:space-around}.d-flex.justify-space-evenly{justify-content:space-evenly}.d-flex.gap-2{gap:8px}.d-flex.gap-4{gap:16px}.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;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}.link{cursor:pointer;text-decoration:none;font-size:14px}.secondary-color{color:var(--dark-btn-color);background:#f5f5f5}.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}a{text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px;border:none;cursor:pointer;transition:all .2s cubic-bezier(.25,.8,.25,1);text-decoration:none;font-family:inherit}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important}.btn.primary-color,.btn.primary{background:var(--theme-color);color:#fff;box-shadow:0 4px 10px #0000001a}.btn.primary-color:hover:not(:disabled),.btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 14px #00000026}.btn.primary-color:active:not(:disabled),.btn.primary:active:not(:disabled){transform:scale(.98)}.btn.secondary,.btn.secondary-color{background:#fff;color:var(--theme-color);border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 5px #0000000d}.btn.secondary:hover:not(:disabled),.btn.secondary-color:hover:not(:disabled){background:#f8f9fa;transform:translateY(-1px);box-shadow:0 4px 8px #00000014}.btn .icon-left{font-size:18px}.btn.small,.btn.sm{padding:4px 12px;font-size:12px;border-radius:12px}.btn.small .icon-left,.btn.sm .icon-left{font-size:14px}.btn-large-brand{width:100%;max-width:400px;padding:14px;border-radius:14px;font-size:17px;font-weight:600;border:none;cursor:pointer;background:var(--theme-color);color:#fff;box-shadow:0 10px 20px #00000026;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;align-items:center;justify-content:center}.btn-large-brand:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 24px #0003}.btn-large-brand:active:not(:disabled){transform:scale(.98)}.btn-large-brand:disabled{background:#ccc;box-shadow:none}.btn-large-secondary{width:100%;max-width:400px;padding:14px;border-radius:14px;font-size:17px;font-weight:600;border:none;cursor:pointer;background:#f2f2f7;color:#1d1d1f;transition:all .2s}.btn-large-secondary:hover:not(:disabled){background:#e5e5ea}.btn-large-secondary:active:not(:disabled){background:#d1d1d6}.icon-btn{width:32px;height:32px;border-radius:50%;border:none;background:#0000000d;color:#1d1d1f;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.icon-btn:hover{background:#0000001a;transform:scale(1.05)}.icon-btn.glass-btn{color:#6e6e73}.icon-btn.glass-btn:hover,.icon-btn.glass-btn.active{background:rgba(var(--theme-color),.1);color:var(--theme-color)}.icon-btn.close-btn:hover{background:#ff3b301a;color:#ff3b30}.icon-btn .material-symbols-outlined{font-size:18px}.icon-btn.xs{width:24px;height:24px}.icon-btn.xs .material-symbols-outlined{font-size:14px}.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!important}.card__tools{display:flex;align-items:center;gap:10px}.table-content__user-content{display:flex;column-gap:15px}.table-content__user-image{width:50px;height:50px;border-radius:13px;background-position:center;background-size:cover;flex:0 0 auto}.table-content__user-details{display:flex;flex-direction:column;justify-content:space-evenly}.table-content__user-details .title{font-size:15px;font-weight:500;color:var(--theme-color)}.table-content__user-details .title span{color:var(--title-color);font-size:12px;font-weight:400}.table-content__user-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;display:flex;align-items:center}.table-content__search-icon .material-symbols-outlined{font-size:20px}.table-content__search-icon .material-symbols-outlined{font-variation-settings:"wght" 300}.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 .material-symbols-outlined,.table-content table td .material-symbols-outlined{transition:.3s}.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;color:var(--text-color);padding:10px;border-radius:5px;border:1px solid #d6d6d6;margin:5px}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 #cccccc;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 .input-btn{position:absolute;top:12px;right:10px;margin:auto;background:var(--light-bg-color);border:none;min-width:25px;height:25px;text-align:center;border-radius:5px;color:var(--theme-color);cursor:pointer}form .input-group .input-btn:hover{background-color:var(--theme-color);color:#fff}form .wrapper-with-tooltip{display:flex;align-items:center;gap:.5rem}form .wrapper-with-tooltip .tooltip-wrapper{position:relative;display:inline-block}form .wrapper-with-tooltip .tooltip-wrapper .tooltip-icon{background-color:#999;color:#fff;border-radius:50%;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;cursor:pointer}form .wrapper-with-tooltip .tooltip-wrapper .custom-tooltip{visibility:hidden;opacity:0;width:max-content;min-width:250px;max-width:500px;background-color:#f8feff;color:#4a4a4a;text-align:left;border-radius:1rem;z-index:1;bottom:150%;right:-1rem;transition:opacity .3s;font-size:14px;padding:.2rem;box-shadow:2px 2px 5px #cef4f833;border:1px solid rgba(220,248,252,.7);position:absolute}form .wrapper-with-tooltip .tooltip-wrapper .custom-tooltip:after{content:"";position:absolute;top:100%;right:6%;margin-left:0;border-width:7px;border-style:solid;border-color:#d0f3f7 transparent transparent transparent}form .wrapper-with-tooltip .tooltip-wrapper .custom-tooltip .title{font-weight:400;padding:.5rem;background:#ebf6f8;border-radius:2rem;color:#495b69}form .wrapper-with-tooltip .tooltip-wrapper .custom-tooltip .body{padding:.5rem}form .wrapper-with-tooltip .tooltip-wrapper .custom-tooltip .body ul{margin:.5rem 0;padding:0}form .wrapper-with-tooltip .tooltip-wrapper .custom-tooltip .body ul li{list-style-type:none;margin-bottom:.6rem}form .wrapper-with-tooltip .tooltip-wrapper .custom-tooltip .body ul li span{color:var(--theme-color);font-weight:400}form .wrapper-with-tooltip .tooltip-wrapper:hover .custom-tooltip{visibility:visible;opacity:1}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{position:absolute;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-wrapper{position:relative}form .autocomplete{position:absolute;top:100%;left:0;width:100%;background:#fff;z-index:10;list-style:none;padding:0;margin: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,form .autocomplete li.active{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)}form .action{display:flex;justify-content:flex-end;align-items:center;padding:1rem 0px;margin-top:1rem;gap:1rem}form .section-title{text-transform:capitalize;font-weight:400;font-size:14px;color:var(--title-color);margin:1rem 0;background:var(--light-bg-color);padding:.5rem .8rem;border-radius:.5rem}form .checkbox-group{margin-top:.5rem}form .checkbox-group label{margin-left:.5rem}form .checkbox-group-items{margin-top:.5rem}form .checkbox-group-items label{display:block;margin-left:.5rem;margin-top:.5rem}form input[type=checkbox]{cursor:pointer}.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}.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}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.segment-control-wrapper{margin-bottom:20px;display:flex;justify-content:flex-start}.segment-control{display:inline-flex;background-color:#f0f2f5;padding:4px;border-radius:12px;gap:4px;box-shadow:inset 0 1px 2px #0000000d}.segment-control .segment-btn{border:none;background:transparent;padding:8px 24px;font-size:14px;font-weight:500;color:#6c757d;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;white-space:nowrap}.segment-control .segment-btn.active{background-color:#fff;color:var(--theme-color);font-weight:600;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.segment-control .segment-btn:hover:not(.active){color:var(--title-color, #333);background-color:#00000008}.segment-control .segment-btn:focus-visible{outline:2px solid var(--theme-color);outline-offset:2px}.split-layout-container{display:flex!important;flex-direction:row;gap:20px;min-height:80vh;overflow:visible;padding-right:10px;padding-bottom:10px}.split-layout-container .list-content{flex:1;min-width:0;display:flex;flex-direction:column}.split-layout-container .sidebar-content{display:flex;flex-direction:column;row-gap:20px;width:440px;flex-shrink:0}@media (max-width: 1024px){.split-layout-container{flex-direction:column;overflow-y:auto}.split-layout-container.mobile-show-details .list-content{display:none}.split-layout-container.mobile-show-details .sidebar-content{width:100%;height:100%}.split-layout-container .sidebar-content{width:100%}}:root{--primary-color: var(--theme-color);--primary-dark: var(--dark-btn-color)}body{margin:0;font-weight:300;font-style:normal;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--title-color);line-height:normal}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 100,"GRAD" 0,"opsz" 24}.NgxEditor{background:transparent!important;border-radius:0!important;border:none!important}.NgxEditor__MenuBar{background-color:transparent!important}::-webkit-scrollbar{width:8px;height:8px;background-color:transparent}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#0003;border-radius:10px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#0006}