.custom-loader-wrapper{min-height:100vh;min-height:100dvh;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:10px}.custom-loader-wrapper>img{width:30px;height:auto;border-radius:2px}.custom-loader-wrapper .loading{font-size:2.8rem;font-weight:800;text-align:center}.custom-loader-wrapper .loading span{display:inline-block}.custom-loader-wrapper .loading08 span{position:relative;color:#2557a180;animation:loading08-parent 5s infinite}.custom-loader-wrapper .loading08 span:after{position:absolute;top:0;left:0;content:attr(data-text);color:#2557a1;opacity:.4;animation:loading08-child 5s infinite}.custom-loader-wrapper .loading08 span:nth-child(2):after{animation-delay:.1s}.custom-loader-wrapper .loading08 span:nth-child(3):after{animation-delay:.2s}.custom-loader-wrapper .loading08 span:nth-child(4):after{animation-delay:.3s}.custom-loader-wrapper .loading08 span:nth-child(5):after{animation-delay:.4s}.custom-loader-wrapper .loading08 span:nth-child(6):after{animation-delay:.5s}.custom-loader-wrapper .loading08 span:nth-child(7):after{animation-delay:.6s}.custom-loader-wrapper .loading08 span:nth-child(8):after{animation-delay:.7s}.custom-loader-wrapper .loading08 span:nth-child(9):after{animation-delay:.8s}.custom-loader-wrapper .loading08 span:nth-child(10):after{animation-delay:.9s}@keyframes loading08-parent{0%,35%,to{color:#2557a133}60%,80%{color:#2557a1}}@keyframes loading08-child{0%{opacity:1}25%,to{opacity:0}}*{box-sizing:border-box}html,body{padding:0;margin:0;font-family:Montserrat}mark{background-color:transparent}.ant-form-item-label>label{font-weight:500}.ant-drawer-title{font-size:1.2rem!important}.invert-color{filter:invert(100%)}.m-0{margin:0!important}.m-t-0{margin-top:0!important}.text-capitilize{text-transform:capitalize!important}.text-uppercase{text-transform:uppercase!important}.text-18{font-size:18px!important}.text-14{font-size:14px!important}.text-12{font-size:12px!important}.text-color-dim{color:#273240!important}.rotate-270{transform:rotate(270deg)}.font-weight-medium{font-weight:500}.white-space-nowrap{white-space:nowrap}.h-100{height:100%}.w-100{width:100%}.cursor-pointer{cursor:pointer}.scale-up-1-5{scale:1.5}.login-form-wrapper{max-height:600px;max-width:500px;background:white;padding:30px;border-radius:14px;box-shadow:#5a6acf38 0 10px 50px;width:100%;display:flex;height:85%;flex-direction:column;justify-content:center}.login-form-wrapper .login-divider{margin:15px 0 30px}.login-form-wrapper .login-title{display:flex;justify-content:center}.login-form-wrapper .login-btn-wrapper{display:flex;gap:20px;flex-direction:column}.login-form-wrapper .login-btn-wrapper button:nth-child(1){align-self:center}.login-form-wrapper .span-forget{color:#d75895;cursor:pointer;display:flex;justify-content:flex-end;margin:5px 0 20px}.login-form-wrapper .password-field-mb{margin-bottom:20px}.login-form-wrapper .password-field-mb-0{margin-bottom:0}.login-form-wrapper .login-form-signup{display:flex;justify-content:center;gap:5px}.home-page .home-card{background-color:#f1f2f7;min-height:130px;border-radius:12px;padding:10px 25px;justify-content:space-between;display:flex;align-items:center;gap:10px;height:100%;flex-direction:column}.home-page .home-card__left{display:inline-flex;flex-direction:column;gap:10px}.home-page .home-card__right__icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:30px}.home-page .ant-segmented .ant-segmented-item{width:100%}.ant-avatar-string{transform:scale(.85)!important}.customize-dropdown{width:100%;max-width:280px}.assignee-avatar-container{position:relative;display:inline-block;width:100%;height:100%;box-sizing:border-box;padding:15px}.assignee-avatar-container:hover{border:dotted 1px rgba(0,0,0,.3725490196)}.remove-assignee-icon{position:absolute;top:6px;background-color:#c7ceff;border-radius:50%;height:18px;width:18px;display:flex;justify-content:center;border:2px solid #ffffff;margin-left:20px}.assignee-dropdown{background:#ffffff;box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px;border-radius:8px;max-height:350px;overflow-y:auto}.assignee-dropdown .filter-dropdown{padding-top:8px;border-bottom:1px solid rgba(0,0,0,.137254902)}.assignee-dropdown .ant-input-outlined{border-color:#0000}.assignee-dropdown .ant-list-item{border-block-end:none}.assignee-dropdown .ant-list-item .ant-list-item-meta .ant-list-item-meta-description{color:#2a2e34}.assignee-dropdown .ant-input-group-wrapper{position:sticky;top:0;background:#ffffff;z-index:9999;margin-bottom:0!important}.assignee-dropdown .ant-input-group-addon{border-color:#0000;border:rgba(0,0,0,0);background:rgba(0,0,0,0)}.assignee-dropdown .ant-input-outlined:focus{border-color:#0000;box-shadow:none}.assignee-dropdown .ant-divider{margin:2px 0}.assignee-dropdown .ant-list-bordered{cursor:pointer;border-radius:0;border:none;padding:5px}.assignee-dropdown .ant-list .ant-list-item .ant-list-item-meta{align-items:center}.assignee-dropdown .ant-list-item:hover{background-color:#f5f5f5;border-radius:4px}.role-tag{position:absolute;right:16px}.video-wrapper{width:100%;display:flex;margin-top:20px;flex-direction:column}.video-wrapper .video-player{display:flex;border-radius:8px;justify-content:center;border:1px dashed #d9d9d9;height:380px;transition:border-color .3s}.video-wrapper .video-player:hover{border-color:#4471ad}.info-wrapper{gap:10px;display:flex;flex-direction:column}video{width:100%;height:100%;border-radius:8px}.ant-dragger-hidden .ant-upload-drag{display:none}.report-wrapper{display:flex;flex-direction:column;margin-top:20px;width:100%}.video-and-report-wrapper{display:flex;gap:20px}@media (max-width: 768px){.video-and-report-wrapper{flex-wrap:wrap}}.upload-height{height:100%}.divider-wrapper{top:10em;height:15em;border-inline-start:2px solid rgba(5,5,5,.1)}.download-remove-file-wrapper{display:flex;align-items:center;justify-content:space-between}.download-remove-file-wrapper .download-remove-button-wrapper{display:flex;align-items:flex-end;gap:10px}.video-wrapper-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5em}.video-wrapper-header h5{margin:0!important}.home-page{display:flex;flex-direction:column;gap:10px}.home-page .ant-segmented{max-width:238px}.status-indicator{display:flex;align-items:center;gap:15px}.status-indicator .status-icons{display:flex}.status-indicator .ant-empty-normal{margin-block:0}.avatar-selected .ant-avatar{border:2px solid #2557a1;box-shadow:0 0 8px #2557a1}.task-label-icon{display:flex;justify-content:center;align-items:center;gap:5px}.staff-page__card .ant-card-body{padding-top:5px;border:1px solid #ffffff}.user-list-table .ant-table-tbody .ant-table-cell{padding:10px}.switch-approval .ant-switch-inner .ant-switch-inner-unchecked{margin-top:-24px;font-size:20px;padding:0}.switch-approval .ant-switch-inner .ant-switch-inner-checked{font-size:20px}.pagination-container{text-align:right}.users-page{display:flex;flex-direction:column;gap:10px}.signup-form-wrapper{max-width:500px;background:white;padding:30px;border-radius:14px;box-shadow:#5a6acf38 0 10px 50px;width:100%;display:flex;height:85%;flex-direction:column;justify-content:center}.signup-form-wrapper .signup-title{display:flex;justify-content:center}.signup-form-wrapper .signup-divider{margin:15px 0 30px}.signup-form-wrapper .btn-sign-up{padding-top:40px}.signup-form-login{display:flex;justify-content:center;gap:5px}.forget-password-form-wrapper{max-width:500px;background:white;padding:30px;border-radius:14px;box-shadow:#5a6acf38 0 10px 50px;width:100%;display:flex;height:85%;flex-direction:column;justify-content:center}.forget-password-form-wrapper .forget-title{display:flex;padding:15px;justify-content:center}.forget-password-form-wrapper .forget-password-divider{margin:15px 0 30px}.forget-password-form-wrapper .forget-btn-send-email{width:100%}.default-layout-wrapper{background-color:#fff;height:100vh;height:100dvh;display:grid;grid-template-columns:170px auto;grid-template-rows:65px auto;grid-template-areas:"sidebar header" "sidebar pages-wrapper";row-gap:15px;transition:.3s grid-template-columns}.default-layout-wrapper:has(.aside-collapsed){grid-template-columns:60px auto}.default-layout-wrapper>aside{grid-area:sidebar;background-color:#131313;padding-top:20px;display:flex;flex-direction:column}.default-layout-wrapper>aside .top-side{display:flex;gap:10px;align-items:center;position:relative;justify-content:center}.default-layout-wrapper>aside .top-side .app-logo-text{display:grid;grid-template-columns:1fr;overflow:hidden;white-space:nowrap}.default-layout-wrapper>aside .top-side>img{width:auto;height:45px;border-radius:2px}.default-layout-wrapper>aside .menu-links{margin-top:35px;padding:0 10px}.default-layout-wrapper>aside .menu-links__wrapper{display:flex;flex-direction:column}.default-layout-wrapper>aside .menu-links .menu-link{padding:15px 10px;color:#fff;border-radius:4px;display:flex;align-items:center;gap:5px;transition:.3s border-radius;position:relative}.default-layout-wrapper>aside .menu-links .menu-link>svg{flex-shrink:0;width:16px;height:16px}.default-layout-wrapper>aside .menu-links .menu-link>span{display:grid;grid-template-columns:1fr;overflow:hidden}.default-layout-wrapper>aside .menu-links .menu-link.active{color:#1e1e20;background-color:#fff}.default-layout-wrapper>aside .menu-links .menu-link:not(.active):hover{color:#d75895}.default-layout-wrapper>aside .collapse-icon{border-top:1px solid rgba(255,255,255,.6);margin-top:auto;display:inline-flex;justify-content:center;align-items:center;height:50px;cursor:pointer}.default-layout-wrapper>aside .collapse-icon>svg{width:20px;height:20px;color:#f1f2f7;transition:.3s color,.1s transform;transform:rotate(180deg)}.default-layout-wrapper>aside.aside-collapsed .menu-link{gap:0}.default-layout-wrapper>aside.aside-collapsed .app-logo-text,.default-layout-wrapper>aside.aside-collapsed .menu-link>span{grid-template-columns:0fr;transition:grid-template-columns .3s 1s;flex-basis:0}.default-layout-wrapper>aside.aside-collapsed .menu-link{border-radius:50%;width:40px;height:40px}.default-layout-wrapper>aside.aside-collapsed .menu-link>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.default-layout-wrapper>aside.aside-collapsed .collapse-icon>svg{transform:rotate(0)}@media (max-width: 576px){.default-layout-wrapper>aside.aside-collapsed .collapse-icon{display:none}}.default-layout-wrapper>header{grid-area:header;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.default-layout-wrapper>header .header-right{display:flex;gap:10px;align-items:center}.default-layout-wrapper>header .page-title{display:flex;align-items:flex-end;gap:7px}.default-layout-wrapper>header .page-title__icon{font-size:22px}.default-layout-wrapper>header .page-title__icon path{fill:#273240}.default-layout-wrapper .pages-wrapper{grid-area:pages-wrapper;padding:0 20px 20px;min-width:0;min-height:0}.user-info{display:flex;flex-direction:column}.user-info .user-name{font-weight:600;color:#131313}.logout-profile{display:flex;gap:5px;justify-content:center}.custom-logout-item{color:#d75895!important}.custom-logout-item:hover{background-color:#d75895!important;color:#fff!important}.auth-layout{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:50% 50%}.auth-layout .app-label-section{display:flex;justify-content:center;align-items:center;padding-bottom:2rem;gap:10px}.auth-layout .app-label-section img{width:300px;height:auto}.auth-layout .app-label-section .app-logo{width:30px!important;border-radius:4px}.auth-layout .auth-form{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:2rem}@media (max-width: 992px){.auth-layout{grid-template-columns:1fr}.auth-layout .auth-form{justify-content:center;align-items:center}.auth-layout .app-label-section{display:none}}.not-auth-result-page{display:flex;justify-content:center;align-items:center;flex-direction:column}.not-auth-result-page img{width:400px;height:400px}:root{--greenStatus: #008844;--orangeStatus: #FFA000;--blueStatus: #66bdff}.delete-account-page{padding:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;min-height:100vh;min-height:100svh}.delete-account-page img{width:600px;height:auto;order:-1}.delete-account-page .d-a-btn-wrapper{display:flex;justify-content:center;gap:10px}.delete-account-page .d-a-btn-wrapper button{align-self:flex-start}@media (max-width: 576px){.delete-account-page{gap:50px}.delete-account-page img{width:100%;height:100%}}