@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

:root, [data-bs-theme=light]{
    --vz-body-font-size: 14px;
    --vz-primary-rgb: 55, 93, 251;
    --vz-primary-border-subtle: #375DFB;
    --vz-primary-text-emphasis:#204e94;
    --vz-primary-bg-subtle: #EBF1FF;

    --vz-dark: #20232D;

    --vz-danger: #DF1C41;
    --vz-danger-bg-subtle: #FDEDF0;

    --vz-border-radius: 10px;

    --vz-border-color: var(--dj-stroke-soft-200);

    --vz-heading-color: var(--dj-text-main-900);

    --dj-rounded-8: 8px;
}

:root{
    --dj-primary-base: #375DFB;
    --dj-primary-lighter: #EBF1FF;
    --dj-primary-second: #2961B6;
    --dj-Primary: #2961B6;
    --dj-cs-Primary: #2961B6;
    --dj-cs-unknow-Primary: #2961B6;
    --dj-primary-darker: #162664;

    --dj-Primary-200: #F1F8FD;
    --dj-Primary-500: #2961B6;
    --dj-Neutral-50: #FFFFFF;
    --dj-Neutral-300: #E3E4E5;
    --dj-Neutral-500: #919599;
    --dj-neutral-500: #525866;

    --dj-Neutral-600: #31383F;

    /* Text Color */
    --dj-text-main-900: #0A0D14;
    --dj-text-strong-900: #0A0D14;
    --dj-text-strong-950: #0E121B;
    --dj-text-sub-500: #525866;
    --dj-text-sub-600: #525866;
    --dj-text-disabled-300: #CDD0D5;
    --dj-text-soft-400: #868C98;
    --dj-text-white-0: #FFFFFF;
    --dj-text-1D4581: #1D4581;
    --dj-text-5A6065: #5A6065;
    --dj-text-8080808C-55: #8080808C;
    --dj-text-gradient-F3F3F3-2961B6: linear-gradient(90deg, #F3F3F3 -40.57%, #2961B6 103.77%);
    --dj-text-31383F: #31383F;
    --dj-text-Grays-Gray-2: #AEAEB2;



    /* Background Color */
    --dj-bg-weak-100: #F6F8FA;
    --dj-bg-modal: #D9D9D9;
    --dj-bg-white: #ffffff;
    --dj-bg-white-0: #FFFFFF;
    --dj-bg-soft-200: #E2E4E9;
    --dj-bg-ecf2fe: #ecf2fe;

    /* Icon Color */
    --dj-icon-white-0:#FFFFFF;
    --dj-icon-sub-500:#525866;
    --dj-icon-sub-400:#868C98;
    --dj-icon-soft-400: #868C98;
    --dj-icon-disabled-300: #CDD0D5;



    /* Border Color */
    --dj-stroke-soft-200:#E2E4E9;
    --dj-stroke-sub-300: #CACFD8;

    --vz-tertiary-bg: #F6F8FA;

    /* Button */
    --dj-gray-dark: #212529;
    --dj-gray-dark-bg-subtle: #E3E4E5;

    /* Main Color */
    --dj-state-success: #38C793;
    --dj-state-away: #F2AE40;
    --dj-green-lighter: #EFFAF6;
    --dj-state-warning: #F17B2C;
    --dj-orange-lighter: #FEF3EB;
    --dj-state-error: #DF1C41;
    --dj-red-lighter: #FDEDF0;
    --dj-state-information: #375DFB;
    --dj-state-information-base: #335CFF;
    --dj-green-darker: #176448;
    --dj-red-darker: #710E21;
    --dj-green-light: #CBF5E5;
    --dj-red-light: #F8C9D2;

    /* color */
    --dj-red-base: #DF1C41;
    --dj-blue-lighter: #EBF1FF;
    --dj-blue-dark: #253EA7;
    --dj-teal-lighter: #EBFAFF;
    --dj-teal-dark: #1F87AD;
    --dj-yellow-base: #F2AE40;

}

.card{
    --vz-card-border-width: 1px;
}

[type="checkbox"] {
    cursor: pointer;
}

*{
    font-family: "Inter", sans-serif !important;
}

body {
    background-color: #ffffff;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-family: Poppins,sans-serif;
    font-weight: 500;
    line-height: 1.2;
    color: var(--dj-text-main-900);
}

hr {
    opacity: 1;
    border-color: var(--dj-stroke-soft-200);
}

/* Text */
.dj-cs-Primary{
    color: var(--dj-cs-Primary);
}
.dj-text-main-900{
    color: var(--dj-text-main-900);
}
.dj-Primary-500{
    color: var(--dj-Primary-500);
}
.dj-icon-sub-400{
    color: var(--dj-icon-sub-400);
}
.dj-icon-soft-400{
    color: var(--dj-icon-soft-400);
}
.dj-icon-disabled-300{
    color: var(--dj-icon-disabled-300);
}
.dj-text-sub-500{
    color: var(--dj-text-sub-500);
}
.dj-text-sub-600{
    color: var(--dj-text-sub-600);
}
.dj-text-sub-900{
    color: var(--dj-text-sub-900);
}
.dj-blue-dark-text{
    color: var(--dj-blue-dark);
}
.dj-teal-dark-text{
    color: var(--dj-teal-dark);
}
.dj-yellow-base-text{
    color: var(--dj-yellow-base);
}
.dj-text-strong-950{
    color: var(--dj-text-strong-950);
}
.dj-Neutral-300-text{
    color: var(--dj-Neutral-300);
}
.dj-Neutral-50-text{
    color: var(--dj-Neutral-50);
}
.dj-Neutral-500-text{
    color: var(--dj-Neutral-500);
}
.dj-neutral-500-text{
    color: var(--dj-neutral-500);
}
.dj-Neutral-600-text{
    color: var(--dj-Neutral-600);
}
.dj-text-soft-400{
    color: var(--dj-text-soft-400);
}
.dj-state-information-text{
    color: var(--dj-state-information);
}
.dj-state-information-base-text{
    color: var(--dj-state-information-base);
}
.img-placeholder-text{
    color: var(--dj-text-main-900);
}



/* Background */
.dj-bg-weak-100{
    background: var(--dj-bg-weak-100) !important;
}
.dj-Primary-200-bg{
    background: var(--dj-Primary-200);
}
.dj-bg-modal{
    background: var(--dj-bg-modal);
}
.dj-blue-lighter-bg{
    background: var(--dj-blue-lighter);
}
.dj-teal-lighter-bg{
    background: var(--dj-teal-lighter);
}
.dj-bg-soft-200{
    background: var(--dj-bg-soft-200) !important;
}
.dj-bg-white-0{
    background: var(--dj-bg-white-0) !important;
}
.dj-red-lighter-bg{
    background: var(--dj-red-lighter);
}
.dj-bg-ecf2fe{
    background: var(--dj-bg-ecf2fe);
}


/* icon */
.dj-icon-sub-500{
    color: var(--dj-icon-sub-500);
}
.dj-icon-sub-400{
    color: var(--dj-icon-sub-400);
}
.dj-icon-disabled-300{
    color: var(--dj-icon-disabled-300);
}


/* Main Color */
.dj-state-success-bg{
    background: var(--dj-state-success);
}
.dj-state-success-text{
    color: var(--dj-state-success);
}
.dj-state-away-bg{
    background: var(--dj-state-away);
}
.dj-state-away-text{
    color: var(--dj-state-away);
}
.dj-state-error-bg{
    background: var(--dj-state-error);
}
.dj-state-error-text{
    color: var(--dj-state-error);
}
.dj-text-gradient-F3F3F3-2961B{
    background: var(--dj-text-gradient-F3F3F3-2961B6) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}
.dj-text-1D4581{
    color: var(--dj-text-1D4581);
}
.dj-text-5A6065{
    color: var(--dj-text-5A6065);
}
.dj-text-8080808C-55{
    color: var(--dj-text-8080808C-55);
}
.dj-text-31383F{
    color: var(--dj-text-31383F);
}
.dj-text-Grays-Gray-2{
    color: var(--dj-text-Grays-Gray-2);
}

/* Color */
.dj-red-base-text{
    color: var(--dj-red-base);
}


/* Form Controller */
.form-label{
    color: var(--dj-text-main-900);
    margin-bottom: .3rem;
}
.form-control {
    border: var(--vz-border-width) solid var(--dj-stroke-soft-200);
    border-radius: 10px;
    font-size: 14px;
    padding: 8.5px 14px;
    color: var(--dj-text-main-900);
}
.form-control:focus {
    border-color: var(--vz-primary-border-subtle);
}
.form-icon i{
    left: 13px;
    font-size: 18px;
    color: var(--dj-icon-soft-400);
    line-height: normal;
}
.form-icon .form-control-icon {
    padding-left: 38px;
    position: relative;
}
.form-icon.right .form-control-icon {
    padding-left: 14px;
    padding-right: 38px;
    position: relative;
}
/* .cs-edit-input-group{
    position: relative;
}
.cs-edit-input-group .cs-edit-input-group-icon{
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
}
.cs-edit-input-group input{
    padding-right: 35px;
} */
.modal-bg-textControll .cs-fm-control .form-control{
    background: var(--dj-stroke-soft-200);
}
.modal-bg-textControll .cs-fm-control .form-control:focus{
    background: var(--dj-bg-white);
}
/* .form-check-input:focus{
    border-color: var(--dj-stroke-soft-200);
} */
.select2-dropdown{
    border-radius: 10px !important;
    box-shadow: 0px 16px 40px -8px #585C5F29;
    overflow: hidden;
}
.select2-dropdown.select2-dropdown--below{
    margin-top: 10px;
}
.select2-dropdown.select2-dropdown--above{
    margin-bottom: 10px;
}
/* .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 10px !important;
} */
.select2-container .select2-selection--single{
    border: var(--vz-border-width) solid var(--dj-stroke-soft-200);
    border-radius: 10px !important;
    font-size: 14px;
    height: calc(1.5em + 1rem + calc(var(--vz-border-width)* 2 + 1px));
}
.select2-container--default .select2-results>.select2-results__options{
    padding: 0px 0px 5px 0px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
    padding-right: 25px;
}
.select2-container .select2-selection--single .select2-selection__arrow {
    height: 38px;
    width: 25px;
}
.select2-container .select2-selection--single .select2-selection__arrow b{
    border-width: 5px 4px 0 4px;
}
.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 4px 5px 4px !important;
}
.select2-container .select2-selection--single .select2-selection__arrow b{
    display: contents;
}
.select2-selection__arrow b[role="presentation"]:after {
    content: "\f0140";
    position: absolute;
    border: 0;
    border-color: #212529 transparent transparent;
    right: 8.5px;
    left: auto;
    font-family: "Material Design Icons";
    width: auto;
    height: auto;
    margin-top: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}
.select2-container--open .select2-selection__arrow b[role="presentation"]:after {
    margin-top: 0;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}

.select2-results__options {
    scrollbar-width: none;
    scrollbar-color: #6e6e6e #ffffff;
}

/* Chrome, Edge, and Safari */
.select2-results__options::-webkit-scrollbar {
    width: 0px;
}

.select2-results__options::-webkit-scrollbar-track {
    background: #ffffff;
}

.select2-results__options::-webkit-scrollbar-thumb {
    background-color: #6e6e6e;
    border-radius: 4px;
    border: 0px solid #ffffff;
}

.cs-filter-se + .select2{
    width: auto !important;
    min-width: 110px;
}

.cs-filter-se + .select2.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 32.5px;
    padding-right: 25px;
}
.cs-filter-se + .select2.select2-container .select2-selection--single .select2-selection__arrow {
    height: 32.5px;
    width: 25px;
}
.cs-filter-se + .select2.select2-container .select2-selection--single {
    border-radius: 8px !important;
    height: calc(1.5em + 1rem + calc(var(--vz-border-width)* 2 + -6.5px));
}
.cs-filter-se + .select2.select2-container .select2-selection__arrow b[role="presentation"]:after{
    right: 6.5px;
}
.cs-filterselect2-container{
    min-width: 100px;
}

.select2-withIcon{
    position: relative;
}
.select2-withIcon i{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
}
.select2-withIcon .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 38px;
}


.select-style1 + .select2-container .select2-selection--single {
    border: unset;
    height: calc(1.5em + 1rem + calc(var(--vz-border-width)* 2 + 17px));
}
.select-style1 + .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 56px;
    padding-right: 28px;
    padding-left: 18px;
}
.select-style1 + .select2-container .select2-selection--single .select2-selection__arrow {
    height: 56px;
}
.select-style1-container .select2-results__option {
    padding: 18px 18px;
}

select.SE2-h-40px + .select2.select2-container .select2-selection--single {
    height: calc(1.5em + 1rem + calc(var(--vz-border-width)* 2 + 0.5px));
}
select.SE2-h-40px + .select2.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 39.5px;
}
select.SE2-h-40px + .select2.select2-container .select2-selection--single .select2-selection__arrow {
    height: 39.5px;
    width: 25px;
}

.invalid-select2 + .select2 .select2-selection{
    border-color: var(--dj-state-error);
}
/* Form Controller */


/* Line Clamp */
.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* Line Clamp */



/* line Height */
.lh-normal{
    line-height: normal;
}
/* line Height */




/* Vertical Align */
.vertical-align-sub{
    vertical-align: sub;
}
.vertical-align-top{
    vertical-align: top;
}
.vertical-align-middle{
    vertical-align: middle;
}



/* Border Radius */
.rounded-1{
    border-radius: 1px !important;
}
.rounded-4{
    border-radius: 4px !important;
}
.rounded-5{
    border-radius: 5px !important;
}
.rounded-8{
    border-radius: 8px !important;
}
.rounded-10{
    border-radius: 10px !important;
}
.rounded-12{
    border-radius: 12px !important;
}
.rounded-15{
    border-radius: 15px !important;
}
.rounded-20{
    border-radius: 20px !important;
}
.rounded-25{
    border-radius: 25px !important;
}
.rounded-30{
    border-radius: 30px !important;
}
.rounded-35{
    border-radius: 35px !important;
}


/* Font Weight */
.fw-100{
    font-weight: 100;
}
.fw-200{
    font-weight: 200;
}
.fw-300{
    font-weight: 300;
}
.fw-400{
    font-weight: 400 !important;
}
.fw-500{
    font-weight: 500 !important;
}
.fw-600{
    font-weight: 600;
}
.fw-700{
    font-weight: 700;
}
.fw-800{
    font-weight: 800;
}
.fw-900{
    font-weight: 900;
}


.white-space-nowrap{
    white-space: nowrap;
}


.avatar-40px-40px{
    height: 40px;
    width: 40px;
    min-width: 40px;
    min-height: 40px;
}
.avatar-44px-44px{
    height: 44px;
    width: 44px;
    min-width: 44px;
    min-height: 44px;
}


/* Height */
.min-vh-50{
    min-height: 50vh;
}
.min-h-auto{
    min-height: auto !important;
}
/* Height */


/* Width */
.min-w-auto{
    min-width: auto !important;
}
.mx-w-none{
    max-width: none !important;
}
.mx-w-100{
    max-width: 100% !important;
}
.mx-w-240px{
    max-width: 240px !important;
}
.mx-w-300px{
    max-width: 300px !important;
}
.mx-w-395px{
    max-width: 395px !important;
}
.mx-w-500px{
    max-width: 500px !important;
}
.mx-w-540px{
    max-width: 540px !important;
}
.mx-w-550px{
    max-width: 550px !important;
}
.mx-w-750px{
    max-width: 750px !important;
}
.mx-w-840px{
    max-width: 840px;
}
/* Width */


/* Buttons */
.btn{
    font-weight: 500;
    border-radius: 10px;
}
.btn-cs-white{
    border: 1px solid var(--dj-stroke-soft-200);
    color: var(--dj-text-sub-500);
    /* max-width: 140px;
    width: 100%; */
    min-width: 140px;
}
.btn-cs-white:hover{
    border: 1px solid var(--dj-stroke-soft-200);
    background-color: var(--vz-dark-bg-subtle);
}
.btn-cs-primary{
    /* max-width: 140px;
    width: 100%; */
    min-width: 140px;
}
.btn-cs-unknow-Primary, .btn-cs-unknow-Primary:focus{
    border: 1px solid var(--dj-cs-unknow-Primary);
    color: var(--dj-cs-unknow-Primary);
    background: var(--dj-bg-white-0);
}
.btn-cs-unknow-Primary:hover, .btn-cs-unknow-Primary:is(.btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active){
    border: 1px solid var(--dj-cs-unknow-Primary);
    color: var(--dj-bg-white-0);
    background: var(--dj-cs-unknow-Primary);
}
.btn-cs-unknow-Primary.active{
    border: 1px solid var(--dj-cs-unknow-Primary);
    color: var(--dj-bg-white-0);
    background: var(--dj-cs-unknow-Primary);
}
[disabled].btn{
    background-color: var(--dj-bg-weak-100);
    border-color: var(--dj-bg-weak-100);
    color: var(--dj-text-disabled-300);
    cursor: not-allowed !important;
}

.btn-style1-Primary{
    min-width: 140px;
}
.btn-style1-Primary, .btn-style1-Primary:focus{
    border: 1px solid #2961B6;;
    /* color: #2961B6;; */
    background: #2961B6;
}
.btn-style1-Primary:hover, .btn-style1-Primary:is(.btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active){
    border: 1px solid #2961B6;;
    color: var(--dj-bg-white-0);
    background: #2961B6;;
}
.btn-style1-Primary.active{
    border: 1px solid #2961B6;;
    color: var(--dj-bg-white-0);
    background: #2961B6;;
}
.login-page [disabled].btn{
    background-color: var(--dj-bg-soft-200);
    border-color: var(--dj-bg-soft-200);
    color: #fff;
    cursor: not-allowed !important;
}
/* [disabled].btn{
    background-color: var(--dj-bg-weak-100);
    border-color: var(--dj-bg-weak-100);
    color: var(--dj-text-disabled-300);
    cursor: not-allowed !important;
} */

.btn-soft-gray-dark {
    --vz-btn-color: var(--dj-gray-dark);
    --vz-btn-bg: var(--dj-gray-dark-bg-subtle);
    --vz-btn-border-color: transparent;
    --vz-btn-hover-bg: var(--dj-gray-dark);
    --vz-btn-hover-border-color: transparent;
    --vz-btn-focus-shadow-rgb: var(--vz-dark-rgb);
    --vz-btn-active-bg: var(--dj-gray-dark);
    --vz-btn-active-border-color: transparent;
    color: var(--dj-text-sub-500);
}
.btn-soft-gray-dark:hover {
    color: white;
}
.btn-cs-see-all{
    padding-top: 6px !important;
    padding-bottom: 5px !important;
}
.btn-red-base{
    background: var(--dj-red-base);
    color: var(--dj-text-white-0);
}
.btn-check:checked+.btn.btn-red-base, .btn.btn-red-base.active, .btn.btn-red-base.show, .btn.btn-red-base:first-child:active, :not(.btn-check)+.btn.btn-red-base:active, .btn-red-base:hover{
    background: var(--dj-red-base) ;
    color: var(--dj-text-white-0);
}
/* Buttons */

/* Start Simplebar */
.simplebar-content-wrapper{
    outline: none;
    border: none;
}
/* End Simplebar */


/* Start Toster */
#toast-container>div {
    opacity: 1;
    border-radius: 8px;
    box-shadow: unset;
    border: unset;
}
#toast-container>div:hover{
    box-shadow: unset;
}
.toast-close-button {
    right: auto;
    top: auto;
    margin-left: 15px;
    font-size: 22px;
    font-weight: 400;
    opacity: 1 !important;
    text-shadow: unset;
}
.bottom-responsive-toast{
    padding: 0px 15px 0px 265px;
}
.bottom-responsive-toast .toast{
    margin-bottom: 15px !important;
}
[data-sidebar-size="sm"] .bottom-responsive-toast{
    padding: 0px 15px 0px 85px;
}
.bottom-responsive-toast .toast{
    width: 100% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.toast-success {
    background-color: var(--dj-green-light);
    color: var(--dj-green-darker) !important;
}
#toast-container>.toast-success {
    background-size: 22px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMeSURBVHgBxZgxb9NQEMfvXiqlFSB5gWYMUtnTioHR2bwBn6ApFMRGv0GSkS0LEqKNGj5B26WkE+7GVPIBKtVsoWWwBEhNa/u4M0lIUruxm9fkv/jZOdu/3Lt3d88IKZV7Y+XJx6cEVMAATEA0AMj49yu6BIHDAwdR2ZihvfaHppPm+ZjUMPfKKhHBKg9NSCEGbymFtfbH5qck9mOBcuuWSQjb/OQ8TCIUr0FlHFgskLFhGtlfCxVAegtaRbWO16m6DduFpEASJ4FPO0hYgNuQeCsDxaj4wigY8uHLxFN0Qyg1eCLTNBUYEb8j8GjHKJlGLFAYM9OA6QoBC9m5bHn4WlfdZb0NMxBDFNtbTVvGfQ8RQBlmpDCtdBUCiXduc6okOQaolnngxBjkc6+t1T4QEWrONcMwF16neLa530IfinFQFEBJjhgucw9O4BbUgxlMgmHmB17JEVJZlVdSKGFaMPLnMX7hBBf+M8V3mjAtmDE5jjgNSAzlIclLCBrs6spYuxvCiKSdmUsCJDCn9eaajB+sW5I3KrphwvuRDPW/uYox4pf0YESnW81qlKcmhRFx5jZUAqMCr4zK4LVRKB0wPWXurjza4OP8GDvz3soS/j46tnsX/hwdH95ZWRIcQxcM/zGXVxm5yYyhHOUpXTBdOZk7j5cKHKRJG7ErnjpvOeeaYERfFcdIK80dUZ7SBMMbGLCVbFUgpUahdHWZeIl7YT+0uG5JbTEhpfjmKsxxwtQAE6aXrYPlcNkHASTaM119CJTJw286WhfuOGpy7HeMiy+tEz7LwyzELcmPevOhDPuJkQNqDWakYCDJZnoDXsoOJ0kpI09gigp443hWP3jXOx8qHQtetgop08BE4qm65F3s4KUhIKex66JHz2N7X80w0tKObqmvFNd2o+lc1/vqYaGwv5Z3jf4WWe3FcMGfX+bpq4FmScxI/YuCEY39HHP/hVXi+lKeOCWwx32FpZ+bnw+vM0v8wSoEU7JdorRfROyAO86zuqYPVqPKlbhuZXingmGpyYdZGrtdJyEHKLmkwMYAW5153HXf739P8/y/ljHHfVD54BUAAAAASUVORK5CYII=)!important;
}
#toast-container>.toast-success .toast-close-button {
    color: var(--dj-green-darker) !important;
}
.toast-error {
    background-color: var(--dj-red-light);
    color: var(--dj-red-darker) !important;
}
#toast-container>.toast-error {
    background-size: 22px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJ/SURBVHgBzZjPcdNAFMa/txiGixl1gFwBzi1HUQFQQUwFsYcCYo4cGKsDQgVABTY3brgDLx1okhwyHkYv760kj+PIsbWyFf1mZK2ltfXp7e77s4SKDIMwpBTvGOgTUQRGIJeD/HYihyWCZeYZL/ErvrUWFaB9Ow674YAMnYmACNWYgzmeXNvv+3TeKUgsElFK36QZoh5WhI13CaNHhASUmjHA5zgglHKcdvA5TmxSeh/lYmSe0A9p9nEcLC/5bdn8oi1ipqg/RF6iaEOMDBP9bUBMwZyNiFobPrN+N5szjYlR+uY/LtYvrCzkljW51dQ4nIqVbuxM2ysLiZgL+JByNLlakB5qfngg/m1lCCdIrYNmh2qTcNQNz1AIEusc1Nf4wKCBno0ucxzP3+yNxL/o08vea6OBEi0hfcHvjYvYLYFZ3IB8hGgJahyd1CHaQ6CCArSHwKBldJClnf5WMuiL63AhSGLhG/UoNUg6Es2SPC/2hGJxHTm1xOjvrdFkHC1BVrw1pEl4SxBvPaM8Q1zAEwaPSd7MtUlKI9AQnkgG2XOTcdTtTWUuRfBB048b+1ubeYUyhRc8n1zZE7fs5S33qpmOCiPWkxMUX9tLIDP7E2GLeq1TXJE08qNkbtXNbWg2etXL2in8kAKyaD4rGn+WiT19HgQS4E7RIGKIWPLpL8X3+6FDKko06wZs/kyUCtL6SBL1D2hmPmWF4kZJ/SC4SgebVw8Wx2O+rZQujfa5qBMdXxwY/U9XrW7ZN9q9HZMVkFqzhaiHFSc6KJzoNiptWEnvcwkNlSoUDd7ykMuDbVg9EJZv6Un8ilKCJEIU4v6WXuJEEOZmST+/3i7+oQJ3O1oOBUAIhv0AAAAASUVORK5CYII=)!important;
}
#toast-container>.toast-error .toast-close-button {
    color: var(--dj-red-darker) !important;
}
/* End Toster */



/* Start All Rounder */
.border-dashed-9747FF{
    border: 1px dashed #9747FF;
}
.dj-primary-base-border{
    border: 1px solid var(--dj-primary-base);
}
.dj-state-error-border{
    border: 1px solid var(--dj-state-error) !important;
}
.cs-icon-spinner{
    animation: animName 2s linear infinite;
}
@keyframes animName {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
.avatar-sm {
    height: 3rem;
    width: 3rem;
    min-width: 3rem;
    min-height: 3rem;
}
.auth-pass-inputgroup-icon + input{
    padding-left: 35px;
}
.auth-pass-inputgroup-icon {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
}
.update-success{
    color: var(--dj-green-darker);
    background: var(--dj-green-light);
    padding: 8px 14px;
    display: flex;
    justify-content: space-between;
}
.close-InAbsolutMD{
    position: absolute;
    top: 10px;
    right: 10px;
}
.card-title{
    line-height: normal;
}
.card-title-icon{
    font-size: 22px;
    line-height: normal;
}
.top-5header{
    padding: 4px;
    border: 4px solid var(--dj-bg-weak-100);
    border-radius:10px !important;
    font-weight: 500;
    color: var(--dj-text-main-900);
}
.error {
    margin-bottom: 0px;
}
.closebtnOffcanvas-1{
    background: unset;
    background-color: #F0F0F0;
    border-radius: 50rem;
    background-size: 10px;
    padding: 6px !important;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-top: -12px !important;
}
.audio-main-container{
    display: flex;
    align-items: center;
    border-radius: 8px;
    background: var(--dj-Primary-200);
    padding: 1rem !important;
}
.wave-audio-animation-container {
    width: 100%;
    height: 15px;
    /* position: absolute; */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.wave-audio-sound-container {
    position: relative;
    /* width: 150px; */
    height: 100%;
    /* display: inline-block; */
    /* margin-left: 4px; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.wave-audio-animation-container .wave-audio-sound-container > div {
    position: relative;
    height: 100%;
    width: 4px;
    background: #D9D9D9;
    display: inline-block;
    border-radius: 1px;
}
.wave-audio-animation.play .wave-audio-animation-container .wave-audio-sound-container > div{
    animation: wave 3s infinite ease-in-out;
    -webkit-animation: wave 3s infinite ease-in-out;
}

.wave-audio-animation-container .wave-audio-sound-container .rect-1 {
    transform: scaleY(3);
}

.wave-audio-animation-container .wave-audio-sound-container .rect-2 {
    animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
    transform: scaleY(1);
}

.wave-audio-animation-container .wave-audio-sound-container .rect-3 {
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    transform: scaleY(1.7);
}

.wave-audio-animation-container .wave-audio-sound-container .rect-4 {
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    transform: scaleY(1);
}

.wave-audio-animation-container .wave-audio-sound-container .rect-5 {
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
    transform: scaleY(2);
}

.wave-audio-animation-container .wave-audio-sound-container .rect-6 {
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    transform: scaleY(3);
}

.wave-audio-animation.play .wave-audio-animation-container .wave-audio-sound-container .rect-1 {
    transform: scaleY(3);
}

.wave-audio-animation.play .wave-audio-animation-container .wave-audio-sound-container .rect-2 {
    animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
    transform: scaleY(1);
}

.wave-audio-animation.play .wave-audio-animation-container .wave-audio-sound-container .rect-3 {
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    transform: scaleY(1.7);
}

.wave-audio-animation.play .wave-audio-animation-container .wave-audio-sound-container .rect-4 {
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    transform: scaleY(1);
}

.wave-audio-animation.play .wave-audio-animation-container .wave-audio-sound-container .rect-5 {
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
    transform: scaleY(2);
}

.wave-audio-animation.play .wave-audio-animation-container .wave-audio-sound-container .rect-6 {
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    transform: scaleY(3);
}

@keyframes wave {
    0%, 100% {
      transform: scaleY(1);
      background: #D9D9D9;
    }
    16.67% {
      transform: scaleY(3);
      background: #D9D9D9;
    }
    33.33% {
      transform: scaleY(1);
      background: #D9D9D9;
    }
    50% {
      transform: scaleY(3);
      background: #D9D9D9;
    }
    66.67% {
      transform: scaleY(1);
      background: #D9D9D9;
    }
    83.34% {
      transform: scaleY(3);
      background: #D9D9D9;
    }
}
.wave-audio-btn i{
    color: var(--dj-Neutral-600);
    font-size: 26px;
    margin-right: 10px;
}
.wave-audio-btn i:first-child{
    display: block;
}
.wave-audio-btn i:last-child{
    display: none;
}
.wave-audio-btn.play i:first-child{
    display: none;
}
.wave-audio-btn.play i:last-child{
    display: block;
}

.video-overlay1{
    display: block;
    position: relative;
    overflow: hidden;
}
.video-overlay1::before{
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background: #00000033;
}
.video-overlay1-btn{
    color: var(--dj-Neutral-300);
    position: absolute;
    z-index: 11111111;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    text-align: center;
}
.video-overlay1-btn .video-overlay1-btn-icon{
    height: 48px;
    display: inline-flex;
    border-radius: 50rem;
    width: 48px;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    background: var(--dj-Neutral-50);
    margin-bottom: 8px;
}
.modal-max-w-1050 .modal-dialog{
    --vz-modal-width: 1050px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    /* --vz-modal-margin: 0.5rem; */
}
.modal-max-w-805 .modal-dialog{
    --vz-modal-width: 805px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    /* --vz-modal-margin: 0.5rem; */
}
.modal-max-w-690 .modal-dialog{
    --vz-modal-width: 690px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    /* --vz-modal-margin: 0.5rem; */
}
.modal-max-w-450 .modal-dialog{
    --vz-modal-width: 450px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    /* --vz-modal-margin: 0.5rem; */
}
.modal-max-w-985 .modal-dialog{
    --vz-modal-width: 985px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    /* --vz-modal-margin: 0.5rem; */
}
.modal-min-hw-360 .modal-dialog{
    --vz-modal-width: 360px;
    /* min-height: 360px; */
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    /* --vz-modal-margin: 0.5rem; */
}
.modal-min-hw-360 .modal-dialog .modal-content{
    min-height: 360px;
}
.modal-min-w-360 .modal-dialog{
    --vz-modal-width: 360px;
    /* min-height: 360px; */
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    /* --vz-modal-margin: 0.5rem; */
}
.modal-footer>*{
    margin: 0px;
}
.status-active, .status-paid{
    background: var(--dj-green-lighter);
    color: var(--dj-state-success);
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 6px;
}
.status-inactive{
    background: var(--dj-red-lighter);
    color: var(--dj-state-error);
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 6px;
}
.status-new{
    background: var(--dj-primary-lighter);
    color: var(--dj-primary-base);
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 6px;
}
.status-break, .status-pending{
    background: var(--dj-orange-lighter);
    color: var(--dj-state-warning);
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 6px;
}

.tab-white-pills.nav-success{
    border: 1px solid var(--dj-stroke-sub-300);
    border-radius: 10px;
    padding: 4px;
    display: inline-flex;
}
.tab-white-pills.nav-success .nav-link{
    font-size: 14px;
    font-weight: 500;
    color: var(--dj-text-soft-400);
    overflow: hidden;
    padding: 5px 15px;
    border-radius: 6px;
    min-width: 110px;
    text-align: center;
}
.tab-white-pills.nav-success .nav-link.active{
    background: var(--dj-bg-white-0);
    color: var(--dj-text-main-900);
    box-shadow: 0px 2px 4px 0px #1B1C1D05;
}

.tab-normal-white-pills.nav-success .nav-link.active {
    border-radius: 6px;
    box-shadow: 0px 2px 4px 0px #1B1C1D05;
    box-shadow: 0px 6px 10px 0px #1B1C1D0F;

}
.tab-normal-white-pills.nav-success .nav-link {
    color: var(--dj-text-soft-400);
    min-width: 72px;
    padding: 0.3rem 0.5rem;
    text-align: center;
}
.tab-normal-white-pills.nav-success .nav-link.active {
    color: var(--dj-text-main-900);
    background-color: var(--dj-bg-white-0);
    border-radius: 6px;
}

.apexcharts-pie circle, .apexcharts-pie line {
    stroke: transparent;
}

.dj-cs-flieupload-area{
    border: 1px dashed var(--dj-stroke-sub-300);
    padding: 20px;
    border-radius: 12px;
    transition: 0.2s;
}
.dj-cs-flieupload-area.dj-cs-flieupload-area-hover{
    background: #375dfb0f;
    border: 1px dashed var(--dj-primary-base);
}
.dj-cs-flieupload-list{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.dj-cs-flieupload-filelist{
    border: 1px solid var(--dj-stroke-soft-200);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    gap: 5px;
}
.dj-cs-flieupload-filelist img{
    margin-right: 5px;
}
/* End All Rounder */


/* Start Datatable */
.accordionTbl .listDatatable.dataTable.table th{
    background-color: var(--dj-bg-soft-200);
}
.accordionTbl-mainFilter .cs-filter-se + .select2{
    min-width: 123px;
}
.accordionTbl-mainFilter .cs-filter-se + .select2-container .select2-selection--single .select2-selection__rendered{
    color: var(--dj-text-sub-500);
}
.accordionTbl-mainFilter .cs-input-group{
    height: 36px;
}
.accordionTbl-mainheader{
    padding: 9px 15px;
    color: var(--dj-text-sub-500);
    font-size: 14px;
}
.DatatableStyle1.listDatatable.dataTable.table {
    border-spacing: 0px 10px !important;
}
.DatatableStyle1.listDatatable.dataTable.table thead th {
    background: var(--dj-bg-soft-200);
    vertical-align: middle;
}
.DatatableStyle1.listDatatable.dataTable.table tbody tr td {
    background: var(--dj-bg-white-0);
    padding: 16px .75rem;
}
.DatatableStyle1.listDatatable.dataTable.table tbody td:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}
.DatatableStyle1.listDatatable.dataTable.table tbody td:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}
/* .accordionTbl-mainFilter .cs-filter-se + .select2{
    min-width: 123px;
} */
.tbl-1footer-select{
    padding: 20px 15px;
    background: var(--dj-bg-weak-100);
    border-radius: var(--dj-rounded-8);
}
.tbl-1footer-footer{
    /* display: flex;
    justify-content: space-between;
    align-items: center; */
    padding: 18px 0px;
    gap: 10px;
}

/* .tbl-1footer-pagination .pagination{
    gap: 5px;
    flex-wrap: wrap;
    justify-content: center;
}
.tbl-1footer-pagination .pagination .page-link{
    border-radius: 6px;
}
.tbl-1footer-pagination .pagination .page-item{
    border-color: var(--dj-stroke-soft-200);
}
.tbl-1footer-pagination .pagination .page-item .page-link{
    color: var(--dj-text-sub-500);
}
.tbl-1footer-pagination .pagination .page-item.active .page-link{
    border-color: var(--dj-stroke-soft-200);
    background-color: var(--dj-bg-weak-100);
    color: var(--dj-text-main-900);
    font-weight: 500;
}
.tbl-1footer-pagination .fast-forword .page-link i{
    color: var(--dj-icon-sub-500);
}
.tbl-1footer-pagination .fast-forword[disabled] .page-link i{
    color: var(--dj-icon-disabled-300);
}
.tbl-1footer-pagination .fast-forword .page-link{
    border-color: transparent;
    padding: 0px 5px;
    font-size: 20px;
    display: flex;
    align-items: center;
}
.tbl-1footer-pagination .fast-forword .page-link .ri-arrow-drop-left-line, .tbl-1footer-pagination .fast-forword .page-link .ri-arrow-drop-right-line{
    font-size: 26px;
    line-height: normal;
}
.tbl-1footer-pagination .page-item:nth-last-child(2)  .page-link{
    margin-left: 0px;
} */

.tbl-cs-fullPagination{
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    margin-top: 25px;
}
.tbl-cs-fullPagination .dt-button-collection .button-page-length{
    transition: unset;
}
.tbl-cs-fullPagination .dataTables_info{
    position: initial;
    margin: 0px;
    /* order: 1; */
}
.tbl-cs-fullPagination div.dt-buttons {
    float: none;
}
.tbl-cs-fullPagination .dt-buttons .dt-button.buttons-page-length {
    border-radius: 8px !important;
    border: 1px solid var(--vz-border-color) !important;
    height: auto;
    background: transparent;
    color: var(--dj-text-main-900) !important;
    font-weight: 400;
    padding: 5px 12px !important;
}
.tbl-cs-fullPagination div.dt-button-collection {
    width: 117px !important;
    padding: 0 !important;
    border: 1px solid var(--vz-border-color);
    border-radius: 8px !important;
    box-shadow: none !important;
    transform: translateY(-172px);
}
.tbl-cs-fullPagination div.dt-button-collection button.dt-button.active:not(.disabled), .tbl-cs-fullPagination div.dt-button-collection div.dt-button:active:not(.disabled), .tbl-cs-fullPagination div.dt-button-collection div.dt-button.active:not(.disabled), .tbl-cs-fullPagination div.dt-button-collection a.dt-button:active:not(.disabled), .tbl-cs-fullPagination div.dt-button-collection a.dt-button.active:not(.disabled){
    background: var(--vz-tertiary-bg) !important;
    color: var(--vz-dropdown-link-active-color) !important;
}
.tbl-cs-fullPagination .dt-button-collection div .dt-button:hover {
    background: #375DFB !important;
    color: #fff !important;
}


.tbl-cs-fullPagination .dataTables_paginate{
    margin: 0px;
    justify-content: center;
    /* order: 2; */
}
.tbl-cs-fullPagination .pagination{
    margin: 0px !important;
    justify-content: center;
}
.tbl-cs-fullPagination .pagination{
    gap: 5px;
    flex-wrap: wrap;
    justify-content: center;
}
.tbl-cs-fullPagination .pagination .page-item{
    border-color: var(--dj-stroke-soft-200);
}
.tbl-cs-fullPagination .pagination .page-item .page-link{
    color: var(--dj-text-sub-500);
    border-radius: 6px;

}
.tbl-cs-fullPagination .pagination .page-item.active .page-link{
    border-color: var(--dj-stroke-soft-200);
    background-color: var(--dj-bg-weak-100);
    color: var(--dj-text-main-900);
    font-weight: 500;
}
.tbl-cs-fullPagination .page-item.previous .page-link i, .tbl-cs-fullPagination .page-item.next .page-link i{
    color: var(--dj-icon-sub-500);
}
.tbl-cs-fullPagination .page-item.previous.disabled .page-link i, .tbl-cs-fullPagination .page-item.next.disabled .page-link i{
    color: var(--dj-icon-disabled-300);
}
.tbl-cs-fullPagination .page-item.previous .page-link, .tbl-cs-fullPagination .page-item.next .page-link{
    border-color: transparent;
    padding: 0px 5px;
    font-size: 20px;
    display: flex;
    align-items: center;
}
/* .tbl-cs-fullPagination .page-item.previous .page-link .ri-arrow-drop-left-line, .tbl-cs-fullPagination .page-item.previous .page-link .ri-arrow-drop-right-line{
    font-size: 26px;
    line-height: normal;
} */
.tbl-cs-fullPagination .page-item:nth-last-child(2)  .page-link{
    margin-left: 0px;
}

#ProgramLaunchSubPeopleTBL_wrapper .dataTables_scrollBody{
    max-height: calc(100vh - 450px) !important;
    min-height: 450px;
}
.dataTables_processing[style="display: none;"] + .dataTables_scroll .dataTables_scrollBody{
    min-height: auto !important;
}
/* End Datatable */



/* Start Side Menu */
.navbar-brand-box {
    padding: 0 1.1rem;
    height: 91px;
    display: flex;
    align-items: center;
}
[data-sidebar-size="sm"] .navbar-brand-box{
    justify-content: center;
    align-items: center;
}
[data-sidebar-size="sm"] .navbar-brand-box .logo-dark{
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.navbar-menu{
    padding: 0 0 calc(233px + 25px) 0;
}
.navbar-menu.bottomoption1{
    padding: 0 0 calc(91px + 71px + 47.78px) 0;
}
.navbar-menu.bottomoption2{
    padding: 0 0 calc(91px + 71px + 47.78px + 47.78px) 0;
}
[data-sidebar-size="sm"] .navbar-menu.bottomoption1 {
    padding: 0 0 calc(8px + 71px + 47.78px) 0;
}
[data-sidebar-size="sm"] .navbar-menu.bottomoption2 {
    padding: 0 0 calc(16px + 71px + 47.78px + 47.78px) 0;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu {
    padding-top: 91px;
}
[data-sidebar-size="sm"] .navbar-menu {
    padding: 0 0 calc(45px + 135px) 0;
}
.navbar-menu .navbar-nav .nav-item{
    position: relative;
}
.navbar-menu .navbar-nav .nav-link{
    padding: 0.4rem 0.8rem;
    font-weight: 500;
    margin: 4px 12px;
    border-radius: 8px;
    color: var(--dj-text-sub-500);
}
[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-link{
    margin: 5px 10px;
}
[data-sidebar-size="sm"] .sidebar-profile-drop .topbar-user{
    justify-content: center !important;
    margin: 0px !important;
}
[data-sidebar-size="sm"] .sidebar-profile-drop button span.d-flex{
    justify-content: center !important;
}
[data-sidebar-size="sm"] .sidebar-profile-drop .topbar-user .header-profile-content{
    display: none;
}

.navbar-menu .navbar-nav .nav-link.active, .navbar-menu .navbar-nav .nav-link:hover{
    color: var(--dj-primary-base);
    background: var(--dj-bg-weak-100) !important;
}
.navbar-menu .navbar-nav .nav-link.active::before{
    content: '';
    width: 4px;
    height: calc(100% - 31%);
    position: absolute;
    background: var(--dj-primary-base);
    left: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link {
    background: var(--dj-bg-weak-100);
}
/* .navbar-menu .navbar-nav .nav-link.active {
    color: var(--dj-primary-base);
} */
.header-profile-user {
    height: 45px;
    width: 45px;
}
[data-sidebar-size="sm"] .sidemenu-checklist{
    display: none;
}
/* End Side Menu */




/* Start Top Bar */
.top-main-tabs .nav-tabs{
    width: 100%;
}
.top-main-tabs .nav-link {
    padding: 12px 15px;
    font-size: 14px;
    color: var(--dj-text-sub-500);
}
.top-main-tabs .nav-item .nav-link.active, .top-main-tabs .nav-item .nav-link:hover {
    /* color: var(--dj-text-main-900); */
    background: transparent;
}
.top-main-tabs .nav-item .nav-link:hover {
    color: var(--dj-primary-base);
    background: transparent;
}
.navbar-header {
    height: 90px;
    padding: 0 calc(1.5rem* 0.5) 0 calc(1.5rem* 0.5);
}
/* .top-main-tabs .nav-item .nav-link::after {
    height: 2px;
} */
/* End Top Bar */


/* Shimmer CSS */
.shimmer-nl badge,
.shimmer-nl h2,
.shimmer-nl h3,
.shimmer-nl h4,
.shimmer-nl h5,
.shimmer-nl h6,
.shimmer-nl button,
.shimmer-nl input,
.shimmer-nl i,
.shimmer-nl del,
.shimmer-nl p,
.shimmer-nl span {
    opacity: 0.3;
    border-radius: 5px;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background: darkgray !important;
    -webkit-animation: placeholder-glow 2s ease-in-out infinite;
    animation: placeholder-glow 2s ease-in-out infinite;
    filter: brightness(0);
}

.shimmer-nl img {
    opacity: 0.3;
    border-radius: 0;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background: darkgray !important;
    -webkit-animation: placeholder-glow 2s ease-in-out infinite;
    animation: placeholder-glow 2s ease-in-out infinite;
    filter: brightness(0);
}
@keyframes placeholder-glow {
    50% {
        opacity: .1;
    }
}

@-webkit-keyframes placeholder-glow {
    50% {
        opacity: .1
    }
}
/* Shimmer CSS */


/* Start Slider */
.swiper-slider-style1-button-prev.swiper-button-lock, .swiper-slider-style1-button-next.swiper-button-lock{
    display: none;
}
/* End Slider */



/* Start Page Layout */
.page-content {
    padding: calc(90px + 1.5rem) calc(1.5rem * 0.5) 30px calc(1.5rem * 0.5);
}
/* End Page Layout */



/* Start Auth Modual */
.auth-body{
    background: linear-gradient(180deg, #6098C2 -35.06%, #F2F6F9 75.01%);
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* End Auth Modual */



/* Start Setting page css */
.lightGraybtnTab.nav-pills .nav-link {
    color: var(--dj-icon-sub-500);
}
.lightGraybtnTab.nav-pills .nav-link.active, .lightGraybtnTab.nav-pills .show>.nav-link {
    color: var(--dj-text-main-900);
    background-color: var(--dj-bg-weak-100);
}
.lightGraybtn-iconActiveTab .nav-link.active i{
    color: var(--dj-primary-base);
}
.checkBox-dark {
    width: 1.13em;
    height: 1.13em;
    border: 2px solid var(--dj-stroke-soft-200);
}
.checkBox-dark + label{
    color: var(--dj-text-sub-500);
}
.checkBox-dark:checked + label{
    color: var(--dj-text-strong-900);
}
.change-password-validation .line-valid{
    display: flex;
    gap: 2px 5px;
}
.change-password-validation .line-valid div{
    width: 100%;
    height: 4px;
    background: var(--dj-bg-soft-200);
    border-radius: 50rem;
}
.change-password-validation .line-valid-1 div:nth-child(1){
    background: var(--dj-state-error);
}
.change-password-validation .line-valid-2 div:nth-child(2), .change-password-validation .line-valid-2 div:nth-child(1){
    background: var(--vz-warning);
}
.change-password-validation .line-valid-3 div:nth-child(3), .change-password-validation .line-valid-3 div:nth-child(2), .change-password-validation .line-valid-3 div:nth-child(1){
    background: var(--dj-state-success);

}
.modal-360px-580px{
    max-width: 360px;
}
.modal-352px{
    max-width: 352px;
}
.modal-360px{
    max-width: 360px;
}
.KYC-completion-steper ul{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    display: flex;
    align-items: center;
    gap: 4px 10px;
    color: var(--dj-text-sub-500);
}
.KYC-completion-steper .KYC-completion-countsteper{
    width: 20px;
    height: 20px;
    border: 1px solid var(--dj-bg-soft-200);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50rem;
    font-size: 9px;
    font-weight: 900;
}
.KYC-completion-steper ul li.completed span{
    color: var(--dj-icon-white-0);
    background: var(--dj-state-success);
    border-color: var(--dj-state-success);
    font-size: 12px;
}
.KYC-completion-steper ul li.completed span i::before{
    content: "\eb7b";
}
.KYC-completion-steper ul li.active span{
    color: var(--dj-icon-white-0);
    background: var(--dj-primary-base);
    border-color: var(--dj-primary-base);
}

.settingsAdmin-userUL{
    list-style-type: none;
    padding: 0px;
}
.settingsAdmin-userUL .active{
    background: var(--dj-bg-weak-100);
}
.settingsAdmin-userUL li{
    margin-bottom: 10px;
}
.user-status {
    width: 10px;
    height: 10px;
    background-color: #adb5bd;
    border-radius: 50%;
    border: 2px solid var(--vz-secondary-bg);
    position: absolute;
    right: 0;
    left: auto;
    bottom: 0;
}
.user-status.online {
    background-color: #49A2A6;
}
.ModulepermissionsListUL{
    padding: 0px;
    list-style-type: none;
    margin: 0px;
}

.disabled-button {
    pointer-events: none; /* Disables click events */
    opacity: 0.5; /* Visually indicate that the button is disabled */
    cursor: not-allowed; /* Change cursor to indicate not allowed action */
}
/* Start Setting page css */


/* Start Program page css */
.half-round-chart .apexcharts-datalabels-group{
    transform: translate(0%, -18%);
}
.half-donut-chart{
    /* height: 60%; */
    min-height: auto !important;
}
.half-donut-chart .apexcharts-pie text{
    fill: var(--dj-text-main-900);
}
.half-donut-chart .apexcharts-svg{
    height: 79% !important;
}

#NoofPeopleEnrollCH .apexcharts-radialbar .apexcharts-datalabels-group text:first-child, #ProgramsListOfProgramsNoOfPeopleEnrolledCH .apexcharts-radialbar .apexcharts-datalabels-group text:first-child, #ProgramsListOfProgramsTaskUpdateCH .apexcharts-radialbar .apexcharts-datalabels-group text:first-child{
    fill: var(--dj-text-sub-500);
    font-weight: 400;
    font-size: 12px;
}
#NoofPeopleEnrollCH .apexcharts-radialbar .apexcharts-datalabels-group text:last-child, #ProgramsListOfProgramsNoOfPeopleEnrolledCH .apexcharts-radialbar .apexcharts-datalabels-group text:last-child, #ProgramsListOfProgramsTaskUpdateCH .apexcharts-radialbar .apexcharts-datalabels-group text:last-child{
    font-weight: 500;
}

.out-of-fontchart .apexcharts-datalabels-group text:first-child{
    font-size: 32px;
    font-weight: 500;
    fill: var(--dj-text-main-900);
}
.out-of-fontchart .apexcharts-datalabels-group text:last-child{
    font-size: 16px;
    font-weight: 500;
    fill: var(--dj-text-sub-500);
}

.overall-fontchart .apexcharts-datalabels-group text:first-child{
    font-size: 16px;
    font-weight: 500;
    fill: var(--dj-text-sub-500);
}
.overall-fontchart .apexcharts-datalabels-group text:last-child{
    font-size: 24px;
    font-weight: 500;
    fill: var(--dj-text-main-900);
}

@media (min-height:700px) {
    .modal-360px-580px .modal-content{
        height: 580px;
    }
}

.live-program-show-card-img{
    vertical-align: text-bottom;
    width: 27px;
}
.live-program-show-card{
    border: 1px solid var(--dj-Primary-500);
    background-image: url('../images/program/live-program-card-bg.png');
    background-repeat: no-repeat;
    background-position: top right;
}
.live-program-show-card .live-program-show-card-count{
    font-size: 24px;
    font-weight: 600;
    color: var(--dj-Primary-500);
}
.live-program-show-card .live-program-show-card-day{
    font-size: 15px;
    font-weight: 600;
    color: var(--dj-Primary-500);
}
.live-program-show-card .live-program-show-card-title{
    font-size: 18px;
    font-weight: 600;
    color: var(--dj-Neutral-600);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.live-program-show-card .live-program-show-MoreDetails{
    font-size: 14px;
    font-weight: 500;
    color: var(--dj-text-soft-400);
}
.live-program-show-card .live-program-show-card-img{
    vertical-align: text-bottom;
    width: 21px;
}
.live-program-show-card-removeBtn{
    background: #F0F0F0CC;
    color: #000000;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    border-radius: 50rem;
    margin: -7px -5px;
}

.live-program-show-2card {
    background-image: url('../images/program/live-program-card-bg-small.png');
    border-color: var(--dj-stroke-soft-200);
}
.live-program-show-2card .live-program-show-card-title{
    font-size: 16px;
    font-weight: 500;
}
.live-program-show-2card .live-program-show-card-count{
    font-size: 18px;
}
.live-program-show-2card .live-program-show-card-day{
    font-size: 18px;
}
.live-program-show-2card .live-program-show-MoreDetails{
    font-size: 12px;
    text-decoration: underline;
}
.live-program-show-2card .live-program-show-card-month{
    font-weight: 500;
    font-size: 12px;
    color: var(--dj-text-soft-400);
}
.live-program-show-2card .live-program-show-card-prea{
    font-weight: 400;
    font-size: 12px;
    color: var(--dj-text-soft-400);
}

.info-div{
    border: 1px solid var(--dj-stroke-soft-200);
    padding: 4px 6px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    color: var(--dj-text-sub-500);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0px 5px;
}
.info-div i{
    font-size: 14px;
    color: var(--dj-icon-soft-400);
    font-weight: 400;
}
.top-5table thead tr th{
    font-weight: 500;
    color: var(--dj-text-main-900) !important;
    background-color: var(--dj-bg-weak-100);
    padding: 8px 12px;
    font-size: 12px;
    border-color: transparent;
}
.top-5table thead th:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.top-5table thead th:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.top-5table tbody tr td {
    padding: 10px 5px;
    border-color: transparent;
}
.CurrentlyActiveProgramMD .modal-body{
    background-image: url(../images/program/live-program-card-bg-big.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.CurrentlyActiveProgramMD .live-program-show-card-count{
    font-size: 26px;
    font-weight: 600;
    color: var(--dj-Primary-500);
}
.CurrentlyActiveProgramMD .live-program-show-card-day{
    font-size: 16px;
    font-weight: 600;
    color: var(--dj-Primary-500);
}
.CurrentlyActiveProgramMD  .live-program-show-card-title{
    font-size: 24px;
    font-weight: 500;
    color: var(--dj-Neutral-600);
}
.CurrentlyActiveProgramMD .live-program-show-card-img{
    vertical-align: text-bottom;
    width: 27px;
}
.accordionTbl .accordion-item .accordion-header .form-check{
    position: absolute;
    z-index: 99;
    top: 50%;
    transform: translateY(-50%);
    left: 17px;
}
.accordionTbl .accordion-item .accordion-header .accordion-button{
    padding: 22px 18px 22px 0px;
    padding-left: 45px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    color: var(--dj-text-main-900);
}
.accordionTbl .accordion-item .accordion-header .accordion-button span{
    color: var(--dj-neutral-500);
}
.accordionTbl .accordion-item .accordion-header .accordion-button:not(.collapsed){
    background: var(--dj-bg-white-0);
}


.tesachat-s1-card .card-body{
    display: flex;
    flex-direction: column;
    justify-content: end;
    /* min-height: calc(100vh - 192px); */
}
.tesachat-s1-chat .tesachat-s1-chat-cover{
    margin-bottom: 0px;
    padding-left: 0px;
    padding-bottom: 9px;
    overflow: auto;
    min-height: calc(100vh - 230px);
    max-height: calc(100vh - 230px);
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.tesachat-s1-chat-subcover{
    max-height: calc(100vh - 239px);
}
.tesachat-s1-chat .tesachat-s1-chat-ul{
    margin-bottom: 0px;
    padding-left: 0px;
    padding-bottom: 9px;
    overflow: auto;
    /* display: flex;
    flex-direction: column;
    justify-content: end; */
}
.tesachat-s1-chat .tesachat-chat-content-cover{
    margin-top: 4px;
}
.tesachat-s1-chat .tesachat-profile-image{
    margin-right: 8px;
    margin-bottom: auto;
    width: 48px;
    height: 48px;
}
.tesachat-s1-chat .tesachat-seprater{
    display: block;
    padding: 12px 0px;
}
.tesachat-s1-chat .right-chat{
    max-width: 900px;
    margin-left: auto;
    padding-left: 40px;
}
.tesachat-s1-chat .right-chat .tesachat-chat-subs2content{
    padding: 15px;
    background: #F3F4F6;
    border-radius: 15px;
}
.tesachat-s1-chat .left-chat .tesachat-chat-content-cover{
    max-width: 1200px;
    padding-right: 100px;
}
.tesachat-s1-chat .left-chat .tesachat-chat-subs2content{
    margin-top: 5px;
    /* background: var(--dj-bg-ecf2fe); */
}
.tesachat-s1-chat .left-chat .tesachat-chat-subs2content.active{
    border-radius: 15px;
    padding: 15px;
    background: var(--dj-bg-ecf2fe);
}
.tesachat-s1-chat .tesachat-content-s2text ol{
    padding-left: 17px;
    margin: 0px;
}
.tesachat-s1-chat .tesachat-content-s2text ol li{
    margin-bottom: 4px;
}
.tesachat-s1-chat .tesachat-chat-yesno .btn-white{
    border-color: var(--dj-primary-darker);
}
.tesachat-chat-loader-div{
    margin-top: 5px;
}
.tesachat-chat-loader {
    margin: 0px 16px;
    width: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    animation: tesachatchatloader 1s infinite linear alternate;
    filter: brightness(0) saturate(100%) invert(29%) sepia(78%) saturate(991%) hue-rotate(188deg) brightness(97%) contrast(90%);
}
@keyframes tesachatchatloader {
    0%  {box-shadow: 15px 0 #000, -15px 0 #0002;background: #000 }
    33% {box-shadow: 15px 0 #000, -15px 0 #0002;background: #0002}
    66% {box-shadow: 15px 0 #0002,-15px 0 #000; background: #0002}
    100%{box-shadow: 15px 0 #0002,-15px 0 #000; background: #000 }
}

.SendProgramForReviewMD .modal-body{
    background-image: url(../images/program/live-program-card-bg-big.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.SendProgramForReviewMD .top-head-width{
    max-width: calc(100% - 180px);
}
.SendProgramForReviewMD .live-program-show-card-count{
    font-size: 26px;
    font-weight: 600;
    color: var(--dj-Primary-500);
}
.SendProgramForReviewMD .live-program-show-card-day{
    font-size: 16px;
    font-weight: 600;
    color: var(--dj-Primary-500);
}
.SendProgramForReviewMD  .live-program-show-card-title{
    font-size: 24px;
    font-weight: 500;
    color: var(--dj-Neutral-600);
}
.SendProgramForReviewMD .live-program-show-card-img{
    vertical-align: text-bottom;
    width: 27px;
}
.SendProgramForReviewMD [type="radio"], .SendProgramForReviewMD [type="checkbox"]{
    box-shadow: 0px 2px 2px 0px #1B1C1D1F;
}
.likedislikeBtnActive + .btn .icon-off, .chatlikedislikeBtnActive + .btn .icon-off{
    display: none;
}
.likedislikeBtnActive:checked + .btn .icon-off, .chatlikedislikeBtnActive:checked + .btn .icon-off{
    display: block;
}
.likedislikeBtnActive + .btn .icon-on, .chatlikedislikeBtnActive + .btn .icon-on{
    display: block;
}
.likedislikeBtnActive:checked + .btn .icon-on, .chatlikedislikeBtnActive:checked + .btn .icon-on{
    display: none;
}
.likedislikeDislike .likedislikeDislike-content, .chatlikedislikeDislike .chatlikedislikeDislike-content{
    max-width: 500px;
    background: #F2F2F7;
    padding: 12px;
    border-radius: 5px;
}
.likedislikeDislike-content-bedge, .chatlikedislikeDislike-content-bedge{
    border: 1px solid #0000004D;
    color: #000000;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 10px;
}
.likedislikeDislike-content-bedge.active, .chatlikedislikeDislike-content-bedge.active{
    background: #DADADF;
}
/* End Program page css */




/* End Employee page css */
.employee-notification-ul li{
    max-height: 420px;
    overflow: auto;
}
.employee-notification-ul li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 12px;
    background: var(--dj-bg-white-0);
    padding: 12px 12px;
    margin-bottom: 5px;
}
/* End Employee page css */


/* Start Support page css */
.support-search input{
    max-width: 400px;
}
.support-search-area{
    position: absolute;
    background: var(--dj-bg-white-0);
    box-shadow: 4px 16px 40px -8px #00000029;
    max-width: 590px;
    width: 100%;
    border-radius: 16px;
    padding: 25px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}
.support-search-area.show{
    opacity: 1;
    visibility: visible;
}

.support-accordion .accordion-item .accordion-button{
    font-size: 16px;
    font-weight: 600;
    color: var(--dj-text-strong-950);
    background: var(--dj-bg-white);
    box-shadow: none;
}

.resource-related-blog-card{
    border-width: 4px;
    overflow: hidden;
}
.resource-related-blog-card img{
    aspect-ratio: 16 / 5;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    object-fit: cover;
}

.supportpopular-blogsection{
    margin: 0 calc(-1.5rem* 1) -30px calc(-1.5rem* 1);
}

.textarea-attchfile textarea{
    padding-bottom: 60px;
}
.textarea-attchfile .textarea-attchfile-div{
    position: absolute;
    bottom: 1px;
    left: 1px;
    display: flex;
    justify-content: space-between;
    padding: 10px 0px 10px 12px;
    align-items: center;
    width: calc(100% - 18px);
    background: #F9FAFD;
    border-bottom-left-radius: 10px;
}
.textarea-attchfile .textarea-attchfile-div .attachment-btn{
    color: #818FA4;
    font-size: 14px;
}

.star-rating {
    display: flex;
    flex-direction: row-reverse;
    font-size: 33px;
    justify-content: space-around;
    text-align: center;
    max-width: 300px;
}
.star-rating input {
    display:none;
}
.star-rating label {
    color:#8b9bb391;
    cursor:pointer;
}
.star-rating :checked ~ label {
    color:#F2AE40;
}
.star-rating label:hover,
.star-rating label:hover ~ label {
    color:#fc0;
}
.dataTables_scrollHeadInner{
    width: 100% !important;
}
.dataTables_scrollHead .DatatableStyle1.listDatatable.dataTable.table{
    min-height: auto !important;
    border-spacing: 0px !important;
}
.dataTables_scrollHeadInner .listDatatable{
    min-height: auto !important;
}

#listPointsAccumulatedDT_paginate{
    display: none;
}

.card-disabled-50 {
    opacity: 50%;
    pointer-events: none;
    cursor: not-allowed;
}

/* End Support page css */
.custom-error-input, .custom-error-input:focus, .custom-error-input:active{
    border-color: var(--dj-state-error);
}

.read-more .less{
    display: none;
}
.read-more .more{
    display: block;
}
.read-more.active .more{
    display: none;
}
.read-more.active .less{
    display: block;
}


@media (max-width: 991px) {
    .tesachat-s1-chat .left-chat .tesachat-chat-content-cover{
        padding-right: 50px;
    }
}
@media (max-width: 767px) {
    .bottom-responsive-toast{
        padding: 0px 15px 0px 15px;
    }
    #toast-container>div {
        padding: 15px 15px 15px 50px;
        width: 18em;
    }
    .CurrentlyActiveProgramMD .modal-body{
        background-image: unset;
    }
    .SendProgramForReviewMD .modal-body{
        background-image: unset;
    }
    .SendProgramForReviewMD .top-head-width{
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    .modal-max-w-1050 .modal-dialog{
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        /* --vz-modal-margin: 0.5rem; */
    }
    .modal-max-w-805 .modal-dialog{
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        /* --vz-modal-margin: 0.5rem; */
    }
    .modal-max-w-690 .modal-dialog{
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        /* --vz-modal-margin: 0.5rem; */
    }
    .modal-max-w-450 .modal-dialog{
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        /* --vz-modal-margin: 0.5rem; */
    }
    .modal-max-w-985 .modal-dialog{
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        /* --vz-modal-margin: 0.5rem; */
    }
    .modal-min-hw-360 .modal-dialog{
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        /* --vz-modal-margin: 0.5rem; */
    }
    .modal-min-w-360 .modal-dialog{
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        /* --vz-modal-margin: 0.5rem; */
    }
    .btn-cs-white, .btn-cs-primary{
        min-width: auto;
    }

    .tesachat-s1-chat .tesachat-profile-image{
        margin-right: 6px;
        width: 42px;
        height: 42px;
    }
    .tesachat-s1-chat .left-chat .tesachat-chat-content-cover{
        padding-right: 0px;
    }
}

@media (max-width:542px){
    .tesachat-s1-chat .tesachat-s1-chat-cover {
        min-height: calc(100vh - 275px);
        max-height: calc(100vh - 275px);
    }
    .tesachat-s1-chat-subcover {
        max-height: calc(100vh - 284px);
    }
}

@media (min-width:766px) {
    .max-w-md-352px{
        max-width: 352px;
    }
}