/*TGS CSS Start*/

@charset "UTF-8";

/*Typography Styles Start*/

body {
    font-family: 'Inter', sans-serif !important;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

h1,
.cm-h1 {
    font-family: 'Inter', sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 125%;
    margin: 0;
}

h2,
.cm-h2 {
    font-family: 'Inter', sans-serif;
    font-size: 2rem;
    font-weight: 600;
    line-height: 125%;
    margin: 0;
}

h3,
.cm-h3 {
    font-family: 'Inter', sans-serif;
    font-size: 1.65rem;
    font-weight: 600;
    line-height: 125%;
    margin: 0;
}

h4,
.cm-h4 {
    font-family: 'Inter', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 125%;
    margin: 0;
}

h5,
.cm-h5 {
    font-family: 'Inter', sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 125%;
    margin: 0;
}

h6,
.cm-h6 {
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 150%;
    margin: 0;
}

p,
.cm-body {
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.sidebar .sidebar-menu ul li a span,
.cm-menu-style {
    font-family: 'Inter', sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: normal;
}

.cm-small-text {
    font-family: 'Inter', sans-serif;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 150%;
}

/*Typography Styles End*/


/*Color Styling Start*/

:root {
    --background-color: #F7F9FC;
    --white: #FFFFFF;
    --black: #1A1C19;
    --primary-default: #007A48;
    --primary-dark: #005B36;
    --primary-darker: #003D24;
    --primary-light: #7FBCA3;
    --primary-lighter: #BFDED1;
    --primary-lightest1: #E5F1EC;
    --primary-lightest2: #F2F8F6;
    --secondary-default: #526350;
    --secondary-dark: #3D4A3C;
    --secondary-darker: #293228;
    --secondary-light: #A8B1A7;
    --secondary-lighter: #D4D8D3;
    --secondary-lightest1: #EDEFED;
    --secondary-lightest2: #F6F7F6;
    --default-default: #CCCCCC;
    --default-dark: #999999;
    --default-darker: #666666;
    --default-light: #E5E5E5;
    --default-lighter: #F2F2F2;
    --default-lightest1: #FAFAFA;
    --default-lightest2: #FCFCFC;
    --info-default: #0288D1;
    --info-dark: #01669D;
    --info-darker: #014469;
    --info-light: #80C3E8;
    --info-lighter: #C0E1F3;
    --info-lightest1: #E5F3FA;
    --info-lightest2: #F2F9FD;
    --success-default: #2E7D32;
    --success-dark: #225E25;
    --success-darker: #173F19;
    --success-light: #96BE98;
    --success-lighter: #CBDECC;
    --success-lightest1: #EAF2EA;
    --success-lightest2: #F4F8F5;
    --warning-default: #ED6C02;
    --warning-dark: #B25101;
    --warning-darker: #773601;
    --warning-light: #F6B580;
    --warning-lighter: #FADAC0;
    --warning-lightest1: #FDF0E5;
    --warning-lightest2: #FEF8F2;
    --error-default: #BA1A1A;
    --error-dark: #8B1313;
    --error-darker: #5D0D0D;
    --error-light: #DC8C8C;
    --error-lighter: #EEC6C6;
    --error-lightest1: #F8E8E8;
    --error-lightest2: #FBF3F3;
    --delete-button: #f17d1e;
    --edit-button: #6279ae;
    --view-button: #80C3E8;

    /*Bootstrap Styles Override Start*/

    --bs-primary: var(--primary-default);
    --bs-secondary: var(--secondary-default);
    --bs-success: var(--success-default);
    --bs-info: var(--info-default);
    --bs-warning: var(--warning-default);
    --bs-danger: var(--error-default);

    --bs-primary-rgb: 0, 122, 72;
    --bs-secondary-rgb: 82, 99, 80;
    --bs-success-rgb: 46, 125, 50;
    --bs-info-rgb: 2, 136, 209;
    --bs-warning-rgb: 237, 108, 2;
    --bs-danger-rgb: 186, 26, 26;

    /*Bootstrap Styles Override End*/
}

/*Color Styling End*/

/*Shadows Styling Start*/

.cm-bottom-shadow {
    box-shadow: 0px 10px 20px 0px rgba(82, 99, 80, 0.05);
}

.cm-upper-shadow {
    box-shadow: 0px -10px 20px 0px rgba(82, 99, 80, 0.05);
}

/*Shadows Styling End*/

/* Button styles start*/
.btn {
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 0.5rem;
    --bs-border-radius: 0.25rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
    transition: all 0.5s ease-in-out;
    border-radius: 0.25rem;
    min-width: 5.75rem;
}

.btn i,
.btn img {
    font-size: 1.25rem;
    max-width: 1.25rem;
    aspect-ratio: 1 / 1;
}

.btn i.las,
.btn i.material-icons {
    font-size: 1.5rem;
    max-width: 1.5rem;
}

.btn.cm-btn-icon {
    min-width: unset;
    aspect-ratio: 1 / 1;
    padding: 0.5rem;
}

.btn-remove {
    color: var(--error-default);
}

.btn-primary {
    border: 1px solid var(--info-darker);
    background: var(--info-darker);
    color: var(--white, #FFF);
}

.btn-delete-icon {
    color: var(--delete-button) !important;
}

.btn-edit-icon {
    color: var(--edit-button) !important;
}

.btn-view-icon {
    color: var(--view-button) !important;
}

.btn-change-key-icon {
    color: var(--error-light) !important;
}

[data-layout-mode=light] .sidebar .sidebar-menu ul li a:hover {
    color: #014469 !important;
}

.color-primary{
    color: #014469 !important;
}

.account-page .main-wrapper {
    background-image: unset !important;
    background-color: var(--background-color) !important;
}

.account-page .main-wrapper .account-content .account-box .account-btn {
    background: linear-gradient(to right, #014469 0%, #014469 100%);
}

.account-page .main-wrapper .account-content .account-box .account-wrapper .account-heading .account-subtitle {
    color: var(--info-dark) !important;
}

.account-page .main-wrapper .account-content .account-box .account-wrapper .account-heading .account-description {
    color: var(--info-dark) !important;
}

.account-page .main-wrapper .account-content .account-box .account-wrapper .forgot-password a {
    color: var(--info-dark) !important;
}

.account-page .main-wrapper .account-content .account-box .account-wrapper .account-title {
    color: var(--info-dark) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 26px !important;
}

#loader-wrapper #loader .loader-ellips .loader-ellips__dot:nth-child(1) {
    background: var(--info-light) !important;
}

#loader-wrapper #loader .loader-ellips .loader-ellips__dot:nth-child(2) {
    background: var(--info-dark) !important;
}

#loader-wrapper #loader .loader-ellips .loader-ellips__dot:nth-child(3) {
    background: var(--info-light) !important;
}

#loader-wrapper #loader .loader-ellips .loader-ellips__dot:nth-child(4) {
    background: var(--info-light) !important;
}

.nav-tabs.nav-tabs-bottom li a.active {
    border-bottom-color: #014469;
    color: #014469;
}

.upload-image .editIcon {
    background: #014469 !important;
}

.account-page .main-wrapper .account-content .account-logo img {
    max-height: 100px !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary .active:not(:disabled):not(.disabled),
.btn-primary:active:not(:disabled):not(.disabled) {
    border: 1px solid var(--info-dark);
    background: var(--info-dark, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%));
}

.btn-danger {
    border: 1px solid var(--error-default);
    background: var(--error-default);
    color: var(--white, #FFF);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger .active:not(:disabled):not(.disabled),
.btn-danger:active:not(:disabled):not(.disabled) {
    border: 1px solid var(--error-dark);
    background: var(--error-dark, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%));
}

.btn-success {
    border: 1px solid var(--success-default);
    background: var(--success-default);
    color: var(--white, #FFF);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success .active:not(:disabled):not(.disabled),
.btn-success:active:not(:disabled):not(.disabled) {
    border: 1px solid var(--success-dark);
    background: var(--success-dark, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%));
}

.btn-warning {
    border: 1px solid var(--warning-default);
    background: var(--warning-default);
    color: var(--white, #FFF);
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning .active:not(:disabled):not(.disabled),
.btn-warning:active:not(:disabled):not(.disabled) {
    border: 1px solid var(--warning-dark);
    background: var(--warning-dark, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%));
}

.btn-info {
    border: 1px solid var(--info-default);
    background: var(--info-default);
    color: var(--white, #FFF);
}

.btn-info:hover,
.btn-info:focus,
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info .active:not(:disabled):not(.disabled),
.btn-info:active:not(:disabled):not(.disabled) {
    border: 1px solid var(--info-dark);
    background: var(--info-dark, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%));
}

.btn-outline-primary {
    border: 1px solid var(--info-darker);
    color: var(--info-darker);
}

.btn-outline-primary:hover {
    color: var(--white, #FFF);
    border: 1px solid var(--info-dark);
    background: var(--info-dark, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%));
}

.btn-outline-success {
    border: 1px solid var(--success-default);
    color: var(--success-default);
}

.btn-outline-success:hover {
    color: var(--white, #FFF);
    border: 1px solid var(--success-dark);
    background: var(--success-dark, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%));
}

.btn-outline-danger {
    border: 1px solid var(--error-default);
    color: var(--error-default);
}

.btn-outline-danger:hover {
    color: var(--white, #FFF);
    border: 1px solid var(--error-dark);
    background: var(--error-dark, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%));
}

.btn-outline-warning {
    border: 1px solid var(--warning-default);
    color: var(--warning-default);
}

.btn-outline-warning:hover {
    color: var(--white, #FFF);
    border: 1px solid var(--warning-dark);
    background: var(--warning-dark, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%));
}

.btn-outline-info {
    border: 1px solid var(--info-default);
    color: var(--info-default);
}

.btn-outline-info:hover {
    color: var(--white, #FFF);
    border: 1px solid var(--info-dark);
    background: var(--info-dark, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%));
}

/* Button styles end*/

/*Input Styles Start*/

.form-control,
.select2-container .select2-selection.select2-selection--single {
    padding: 0.75rem 1rem;
    align-items: center;
    gap: 0.5rem;
    height: 3rem;
    color: var(--black, #1A1C19);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
    border-radius: 0.25rem;
    border: 1px solid var(--secondary-default, #526350);
    transition: all 0.5s ease-in-out;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

select.form-control,
.select2-container .select2-selection.select2-selection--single .select2-selection__arrow {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    padding-right: 2.25rem;
    background-image: var(--bs-form-select-bg-img);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
}

.select2-container .select2-selection.select2-selection--single .select2-selection__arrow b {
    border: none;
}

.form-control:focus,
.select2-container .select2-selection.select2-selection--single:focus {
    border: 1px solid var(--secondary-default, #526350);
}

.form-label {
    color: var(--secondary-light, #526350);
    background-color: inherit;
    padding: 0;
    margin: 0;
    z-index: 0;
}

.form-label::after {
    content: "";
    background-color: var(--white);
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
}

.form-control:focus~.did-floating-label,
.did-floating-select:not([value=""]):valid~.did-floating-label,
.did-floating-input:not(:placeholder-shown)~.did-floating-label {
    top: -0.3rem;
    left: 0.75rem;
    color: var(--secondary-default, #526350);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 0.75rem;
    letter-spacing: 0.00938rem;
    padding: 0rem 0.25rem;
    background-color: transparent;
}

.form-control:focus~.did-floating-label::after,
.did-floating-select:not([value=""]):valid~.did-floating-label::after,
.did-floating-input:not(:placeholder-shown)~.did-floating-label::after {
    opacity: 1;
    visibility: visible;
}

.cm-helpertext {
    color: var(--secondary-default, #526350);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 166%;
    letter-spacing: 0.025rem;
}

.form-check {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

input[type="radio"],
.form-check-input,
.form-check-input[type=checkbox] {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.25rem;
    border: 1px solid var(--info-darker);
    background-color: var(--info-lightest1);
}

input[type="radio"]:checked,
.form-check-input:checked,
.form-check-input[type=checkbox]:checked {
    border: 1px solid var(--info-darker);
    background-color: var(--info-lightest1);
    background-image: var(--bs-form-check-bg-image);
}

.cm-required .form-control,
.cm-required .select2-container .select2-selection.select2-selection--single {
    color: var(--black);
    border: 1px solid var(--black);
    background-color: var(--white);
}

.cm-required .form-label,
.cm-required .select2-container .select2-selection.select2-selection--single .select2-selection__placeholder {
    color: var(--black);
}

.cm-required .form-control:focus~.did-floating-label,
.cm-required .did-floating-select:not([value=""]):valid~.did-floating-label,
.cm-required .did-floating-input:not(:placeholder-shown)~.did-floating-label {
    color: var(--black);
}

.cm-disable {
    pointer-events: none;
}

.cm-disable-input {
    opacity: 0.5;
    /* background-color: var(--secondary-lightest1); */
    pointer-events: none;
}

.cm-disable .form-control,
.cm-disable .select2-container .select2-selection.select2-selection--single {
    opacity: 0.5;
    background-color: var(--secondary-lightest1);
}

.cm-disable .form-label,
.cm-disable .select2-container .select2-selection.select2-selection--single .select2-selection__placeholder {
    opacity: 0.5;
}

.cm-disable .form-control:focus~.did-floating-label,
.cm-disable .did-floating-select:not([value=""]):valid~.did-floating-label,
.cm-disable .did-floating-input:not(:placeholder-shown)~.did-floating-label {
    opacity: 1;
}

.error.form-control,
.error.form-control~.select2-container .select2-selection.select2-selection--single {
    color: var(--error-default);
    border: 1px solid var(--error-default);
}

.error.form-control~.form-label,
.error.form-control~.select2-container .select2-selection.select2-selection--single .select2-selection__placeholder {
    color: var(--error-light);
}

.error.form-control~.error {
    /* position: absolute; */
    /* bottom: -1rem; */
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.025rem;
    transition: all 0.5s ease-in-out;
    z-index: 1;
    display: inline-flex;
}

.did-floating-label-content[data-select2-id^="select2-data-"] .error.form-control~.error {
    bottom: -1rem;
}

.error.form-control:focus~.did-floating-label,
.error.did-floating-select:not([value=""]):valid~.did-floating-label,
.error.did-floating-input:not(:placeholder-shown)~.did-floating-label {
    color: var(--error-default);
}

.table tr td .error.form-control~.error {
    bottom: -1rem;
}

.cm-blocked .form-control,
.cm-blocked .form-control[readonly],
.cm-form-blocked .form-control,
.cm-form-blocked .form-control[readonly],
.cm-blocked .select2-container .select2-selection.select2-selection--single,
.cm-form-blocked .select2-container .select2-selection.select2-selection--single {
    pointer-events: none;
    opacity: 0.5;
    color: var(--error-default);
    border: 0.996px solid var(--error-default);
    background-color: var(--error-lightest2);
}

.cm-blocked .form-label,
.cm-form-blocked .form-label,
.cm-blocked .form-check .form-check-label,
.cm-form-blocked .form-check .form-check-label {
    pointer-events: none;
    opacity: 0.5;
    color: var(--error-light);
}

.cm-blocked .form-check .form-check-input,
.cm-form-blocked .form-check .form-check-input {
    border-color: var(--error-default);
    background-color: var(--error-lightest2);
    pointer-events: none;
    opacity: 0.5;
}

.cm-blocked .form-check .form-check-input:checked,
.cm-form-blocked .form-check .form-check-input:checked {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23BA1A1A'/%3e%3c/svg%3e");
}

.cm-blocked .form-control:focus~.did-floating-label,
.cm-blocked .did-floating-select:not([value=""]):valid~.did-floating-label,
.cm-blocked .did-floating-input:not(:placeholder-shown)~.did-floating-label,
.cm-form-blocked .form-control:focus~.did-floating-label,
.cm-form-blocked .did-floating-select:not([value=""]):valid~.did-floating-label,
.cm-form-blocked .did-floating-input:not(:placeholder-shown)~.did-floating-label {
    opacity: 1;
    color: var(--error-default);
}

.select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
    padding: 0;
    flex: 1 1 0;
    color: inherit;
}

.select2-container .select2-selection.select2-selection--single .select2-selection__clear {
    order: 1;
}

.select2-container .select2-selection.select2-selection--single .select2-selection__arrow {
    order: 2;
    height: 100%;
}

/*Input Styles End*/

/*Table Styles Start*/

.dataTables_wrapper .datatable {
    width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.main-wrapper .dataTables_wrapper .dataTables_filter {
    text-align: left;
    margin: 0.25rem 1rem;
}

.main-wrapper .dataTables_wrapper .dataTables_filter label .form-control {
    width: 100%;
    max-width: 250px;
    margin-left: 0;
}

.dataTables_wrapper .dataTables_filter+div {
    overflow: auto;
    width: 100%;
}

.table tr th {
    background-color: var(--info-lightest1);
    padding: 0.75rem;
    color: var(--info-darker);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 130%;
    vertical-align: middle;
}

.table tr td {
    background-color: var(--white, #FFF);
    padding: 0.75rem;
    color: var(--black, #1A1C19);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 130%;
    vertical-align: middle;
    position: relative;
}

.table tr th .form-control,
.table tr td .form-control {
    padding: 0.5rem 0.75rem;
    height: auto;
}

.table tr th .btn,
.table tr td .btn {
    padding: 0rem 0.25rem;
    min-width: unset;
}

.table tr.even td {
    background-color: var(--info-lightest2);
}

.main-wrapper .dataTables_wrapper .cm-dataTables-footer .dataTables_paginate .pagination {
    align-items: center;
}

.main-wrapper .dataTables_wrapper .cm-dataTables-footer .dataTables_length label {
    padding: 0.57143rem 0rem;
}

.main-wrapper .dataTables_wrapper .cm-dataTables-footer .dataTables_length label select {
    height: auto;
    padding: 0.25rem 1.5rem 0.25rem 0.5rem;
    background-position: right 0.3rem center;
    appearance: none;
}

@media screen and (max-width: 767px) {
    .main-wrapper .dataTables_wrapper .cm-dataTables-footer {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}

@media screen and (max-width: 575px) {
    .main-wrapper .dataTables_wrapper .dataTables_filter {
        text-align: left;
        margin: 0 1rem 1rem;
    }

    .main-wrapper .dataTables_wrapper .dataTables_filter label {
        width: 100%;
    }

    .main-wrapper .dataTables_wrapper .dataTables_filter label .form-control {
        max-width: 100%;
    }
}

/*Table Styles End*/

/*Chip Style Start*/

.cm-chip {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    color: var(--white, #FFF);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1rem;
    border-radius: 0.25rem;
    border: 1px solid var(--white, #FFF);
    background-color: transparent;
}

.cm-chip.cm-chip-default {
    color: var(--secondary-darker, #526350);
    border: 1px solid var(--default-light, #CCC);
    background-color: var(--default-default, #CCC);
}

.cm-chip.cm-chip-primary {
    color: var(--white, #FFF);
    border: 1px solid var(--info-darker);
    background-color: var(--info-darker);
}

.cm-chip.cm-chip-info {
    color: var(--white, #FFF);
    border: 1px solid var(--info-default, #0288D1);
    background-color: var(--info-default, #0288D1);
}

.cm-chip.cm-chip-success {
    color: var(--white, #FFF);
    border: 1px solid var(--success-default, #2E7D32);
    background-color: var(--success-default, #2E7D32);
}

.cm-chip.cm-chip-warning {
    color: var(--white, #FFF);
    border: 1px solid var(--warning-default, #ED6C02);
    background-color: var(--warning-default, #ED6C02);
}

.cm-chip.cm-chip-error {
    color: var(--white, #FFF);
    border: 1px solid var(--error-default, #BA1A1A);
    background-color: var(--error-default, #BA1A1A);
}

.cm-chip.cm-chip-outline-default {
    color: var(--secondary-darker, #526350);
    border: 1px solid var(--default-light, #CCC);
}

.cm-chip.cm-chip-outline-primary {
    border: 1px solid var(--info-darker);
    color: var(--info-darker);
}

.cm-chip.cm-chip-outline-info {
    border: 1px solid var(--info-default, #0288D1);
    color: var(--info-default, #0288D1);
}

.cm-chip.cm-chip-outline-success {
    border: 1px solid var(--success-default, #2E7D32);
    color: var(--success-default, #2E7D32);
}

.cm-chip.cm-chip-outline-warning {
    border: 1px solid var(--warning-default, #ED6C02);
    color: var(--warning-default, #ED6C02);
}

.cm-chip.cm-chip-outline-error {
    border: 1px solid var(--error-default, #BA1A1A);
    color: var(--error-default, #BA1A1A);
}

/*Chip Style End*/

/*Card Style Start*/

.card {
    border-radius: 0.5rem;
    border: none;
    background: var(--white, #FFF);
    box-shadow: 0px 10px 20px 0px rgba(82, 99, 80, 0.05);
}

.card .card-body {
    padding: 1.5rem;
}

/*Card Style End*/

/*Modal Styles Start*/

.modal .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
}

.modal .modal-header .modal-title {
    color: var(--info-darker);
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 125%;
    margin-bottom: 0;
}

.modal .modal-header .btn-close {
    width: 1.5rem;
    height: 1.5rem;
}

.modal .modal-body {
    min-height: 18.75rem;
    padding: 1.5rem;
}

.modal .cm-role-modal {
    min-height: 13.75rem;
}

.modal .modal-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 1rem 1.5rem;
    gap: 1rem;
}

.modal .modal-footer>* {
    margin: 0;
}

/*Modal Styles End*/

/*Page Titles Styles Start*/

.cm-page-title {
    color: var(--info-darker);
}

/*Page Titles Styles End*/

/*Header Style Start*/

[data-topbar=light] body .header {
    height: 4rem;
    display: flex;
    align-items: center;
    background: transparent;
    box-shadow: none;
}

body .header {
    height: 4rem;
    display: flex;
    align-items: center;
    background: transparent;
    box-shadow: none;
}

.header .header-left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 17.5rem;
    padding: 1rem 1.25rem;
    height: 4rem;
    background-color: var(--white);
    transition: all 0.5s ease-in-out;
}

.header .cm-header-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.625rem;
    margin: 0 1.5rem;
    flex: 1 1 0;
    height: 4rem;
    background-color: var(--white);
    border-radius: 0rem 0rem 0.5rem 0.5rem;
    padding: 1rem;
}

[data-topbar=light] body .header .header-left .logo,
[data-topbar=light] body .header .header-left .logo2 {
    line-height: 1;
    transition: all 0.5s ease-in-out;
}

[data-topbar=light] body .header .header-left .logo img,
[data-topbar=light] body .header .header-left .logo2 img {
    max-height: 4rem;
    justify-content: center;
}

.header .header-left #toggle_btn {
    float: none;
    line-height: 1;
    padding: 0;
}

.header .header-left #toggle_btn .bar-icon {
    vertical-align: middle;
}

.header .user-menu {
    float: none;
}

.header .user-menu .user-img img {
    width: 2rem;
}

.header .user-menu .user-img .status {
    bottom: 70%;
    height: 0.75rem;
    width: 0.75rem;
    right: -5%;
}

.header .user-menu.nav>li>a {
    height: auto;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: 0;
}

.header .user-menu.nav>li>a .cm-user-info .cm-user-name {
    margin: 0;
    color: var(--info-darker);
    line-height: 1.1;
}

.header .user-menu.nav>li>a .cm-user-info .cm-user-role {
    color: var(--black);
}

@media (min-width: 992px) {
    .mini-sidebar .header-left {
        width: 5.25rem;
        justify-content: center;
    }

    [data-topbar=light] body.mini-sidebar .header .header-left .logo2 {
        display: none;
    }
}

@media (max-width: 991px) {
    .header .cm-header-right {
        justify-content: space-between;
        margin: 0;
    }

    .header .cm-header-right #mobile_btn {
        position: unset;
        padding: 0;
        width: auto;
        height: auto;
    }

    .header .cm-header-right .logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .header .cm-header-right .logo img {
        max-height: 2rem;
    }

    .header .mobile-user-menu {
        position: unset;
        padding: 0;
        width: auto;
        height: auto;
    }
}

/*Header Style End*/

/*Sidebar Style Start*/

.sidebar,
.two-col-bar {
    width: 17.5rem;
    top: 4rem;
    transition: all 0.5s ease-in-out;
}

.sidebar .sidebar-menu,
.two-col-bar .sidebar-menu {
    padding: 0.5rem 0;
}

.sidebar .sidebar-menu .sidebar-vertical,
.two-col-bar .sidebar-menu .sidebar-vertical,
.sidebar .sidebar-menu ul li.submenu,
.two-col-bar .sidebar-menu ul li.submenu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
    width: 100%;
}


.sidebar .sidebar-menu ul li.submenu ul,
.two-col-bar .sidebar-menu ul li.submenu ul {
    width: 100%;
}

.sidebar .sidebar-menu ul li,
.two-col-bar .sidebar-menu ul li {
    width: 100%;
}

.sidebar .sidebar-menu ul li.submenu ul li,
.two-col-bar .sidebar-menu ul li.submenu ul li {
    margin: 0.5rem 0;
}

.sidebar .sidebar-menu ul li.submenu ul li:first-child,
.two-col-bar .sidebar-menu ul li.submenu ul li:first-child {
    margin-top: 0;
}

.sidebar .sidebar-menu ul li.submenu ul li:last-child,
.two-col-bar .sidebar-menu ul li.submenu ul li:last-child {
    margin-bottom: 0;
}

.sidebar .sidebar-menu ul li a,
.two-col-bar .sidebar-menu ul li a {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 0.75rem 1rem;
    transition: all 0.5s ease-in-out;
    width: 100%;
    border-right: 5px solid var(--white, #ffffff);
}

.sidebar .sidebar-menu ul li.submenu ul li a,
.two-col-bar .sidebar-menu ul li.submenu ul li a {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.75rem 1rem 0.75rem 4rem;
    transition: all 0.5s ease-in-out;
    width: 100%;
    border: none;
    background: none;
    color: var(--secondary-default, #526350);
}

.sidebar .sidebar-menu ul li.active>a,
.two-col-bar .sidebar-menu ul li.active>a,
.sidebar .sidebar-menu ul li:hover>a,
.two-col-bar .sidebar-menu ul li:hover>a {
    color: var(--info-darker);
    border-right: 5px solid var(--info-darker);
    background: var(--info-lightest1, linear-gradient(0deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.90) 100%));
}

.sidebar .sidebar-menu ul li.submenu ul li.active a,
.two-col-bar .sidebar-menu ul li.submenu ul li.active a,
.sidebar .sidebar-menu ul li.submenu ul li:hover>a,
.two-col-bar .sidebar-menu ul li.submenu ul li:hover>a {
    color: var(--info-darker, #014469);
    background: var(--info-lightest2, linear-gradient(0deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%), #014469);
}
.sidebar .sidebar-menu ul li a i,
.two-col-bar .sidebar-menu ul li a i {
    font-size: 1.5rem;
    line-height: 1;
    width: auto;
}

.sidebar .sidebar-menu ul li a span,
.two-col-bar .sidebar-menu ul li a span {
    margin-left: 0;
    flex: 1 1 0;
}

.sidebar .sidebar-menu ul li a span.menu-arrow,
.two-col-bar .sidebar-menu ul li a span.menu-arrow {
    position: unset;
    flex: unset;
}

/* .sidebar .sidebar-menu ul li.submenu ul li.active a.submenuactive + ul {
    display: none !important;
}

.sidebar .sidebar-menu ul li.submenu ul li.active a.submenuactive.subdropdata + ul {
    display: block !important;
} */

.cm-ipd-num {
    max-width: 7.5rem;
}

.cm-filters {
    position: absolute;
    justify-content: flex-start;
    margin-top: 33px;
}

.cm-filter-status {
    width: 100px;
    height: 45px;
}

label.text-danger.server-side-error.test {
    bottom: -4px;
    position: absolute;
}

.cm-pathology-date {
    color: var(--secondary-default);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.sidebar .sidebar-menu ul li.cm-active > a, .sidebar .sidebar-menu ul li.cm-active a.submenuactive {
    color: var(--info-darker);
    background-color: var(--info-lightest1);
}

.sidebar .sidebar-menu ul li.cm-active > a.active span, .sidebar .sidebar-menu ul li.cm-active a.submenuactive span {
    font-weight: 600;
}

@media (min-width: 992px) {
    .mini-sidebar .sidebar {
        width: 5.25rem;
    }

    .header #toggle_btn .bar-icon span,
    [data-topbar=light] body .header #toggle_btn .bar-icon span {
        background-color: var(--black);
    }
}

@media (max-width: 991px) {

    .sidebar,
    .two-col-bar {
        margin-left: -17.5rem;
    }
}

/*Sidebar Style End*/

/*Main Content Style Start*/

.content-wrapper .page-wrapper {
    margin: 0 0 0 17.5rem;
    padding: 4rem 1.5rem 3rem;
    transition: all 0.5s ease-in-out;
}

/*upload patient img style start */

.cm-img-wrapper {
    position: relative;
}

.cm-img-wrapper img {
    aspect-ratio: 15 / 17;
    object-fit: cover;
    position: relative;
    border-radius: 8px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}

.cm-img-wrapper .upload-image .editIcon {
    left: auto;
    right: -12px;
    top: -12px;
}
.cm-in-out-flag{
    margin-left: 12px;
}

.cm-patinetimg-wrapper .cm-img-wrapper {
    height: 100%;
    width: 100%;
    background-color: var(--primary-lightest1);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed var(--primary-dark);
    border-radius: 8px;
    overflow: hidden;
}

.cm-patinetimg-wrapper .cm-img-wrapper label,
.cm-patinetimg-wrapper .cm-img-wrapper .cm-upload-wrapper {
    height: 100%;
    width: 100%;
    min-height: 15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    padding: 1rem 0;
    transition: all 0.5s ease-in-out;
}

.cm-patinetimg-wrapper .cm-img-wrapper .cm-camera-upload {
    background-color: var(--info-darker);
    border-radius: 50%;
    padding: 12px;
    aspect-ratio: 1 / 1;
    display: inline-block;
}

.cm-patinetimg-wrapper .cm-img-wrapper h5 {
    margin-top: 0.5rem;
    color: var(--primary-dark);
}

.cm-patinetimg-wrapper .cm-img-wrapper .cm-upload-wrapper {
    border: none;
    color: var(--info-darker);
}

.cm-patinetimg-wrapper .cm-img-wrapper label:hover,
.cm-patinetimg-wrapper .cm-img-wrapper label.cm-upload-wrapper:hover,
.cm-patinetimg-wrapper .cm-img-wrapper label.cm-upload-wrapper.dropzone-wrapper.dragover {
    background-color: var(--primary-lighter);
}

.cm-patinetimg-wrapper .cm-img-wrapper .cm-upload-wrapper .dropzone-desc {
    position: unset;
}

.cm-patinetimg-wrapper .cm-img-wrapper .cm-upload-wrapper #choose_photo {
    opacity: 0;
}

.cm-patinetimg-wrapper .cm-uploaded-wrapper {
    background-color: var(--primary-lightest1);
    border: 1px dashed var(--primary-dark);
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
    max-height: 240px;
    position: relative;
    z-index: 1;
}

.cm-patinetimg-wrapper .cm-uploaded-wrapper::after {
    content: "No Preview Available";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--primary-lighter);
    font-weight: 500;
    font-size: 1.5rem;
    text-align: center;
    line-height: 1.5;
    z-index: -1;
}

.cm-patinetimg-wrapper .cm-uploaded-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    aspect-ratio: 15 / 17;
}

.cm-patinetimg-wrapper .cm-uploaded-wrapper img.cm-uploaded-img {
    object-fit: cover;
}

#web_cam {
    width: 100% !important;
    height: auto !important;
    text-align: center;
}

#web_cam video {
    object-fit: cover;
    object-position: center;
    aspect-ratio: 15 / 17;
    width: auto !important;
    height: 240px !important;
}

.cm-img-wrapper img {
    aspect-ratio: 15 / 17;
    object-fit: cover;
    position: relative;
    border-radius: 8px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}

.cm-paramname-text{
    width: 170px;
}

.cm-unit-select{
    width: 128px;
}

/*upload patient img style End */

@media (min-width: 992px) {
    .mini-sidebar .content-wrapper .page-wrapper {
        margin-left: 5.25rem;
    }
}

@media (max-width: 991px) {
    .content-wrapper .page-wrapper {
        margin: 0;
        padding: 4rem 1.5rem 0;
    }
}

/*Main Content Style End*/

/*Footer Style Start*/

body .main-wrapper footer.main-footer {
    margin-left: 19rem !important;
    padding: 1rem;
    width: calc(100% - 20.5rem);
    background-color: var(--white);
    border-radius: 0.5rem 0.5rem 0rem 0rem;
    position: fixed;
    bottom: 0;
    z-index: 9;
    transition: all 0.5s ease-in-out;
}

footer.main-footer .footer-content {
    margin-left: 0;
}

footer.main-footer .footer-content li,
footer.main-footer .footer-content a {
    color: var(--secondary-default);
    transition: all 0.3s ease-in-out;
}

footer.main-footer .footer-content a:hover {
    color: var(--info-darker);
}

footer.main-footer .company-details {
    margin-right: 0;
    color: var(--secondary-default);
}

footer.main-footer .company-details a {
    color: var(--info-darker);
    font-weight: 500;
}

footer.main-footer .company-details a:hover {
    color: var(--primary-dark);
}

@media (min-width: 992px) {
    body.mini-sidebar .main-wrapper footer.main-footer {
        margin-left: 6.75rem !important;
        width: calc(100% - 8.25rem);
    }
}

@media (max-width: 991px) {
    body .main-wrapper footer.main-footer {
        margin-left: 0 !important;
        width: 100%;
    }
}

.btn.disabled, .btn:disabled{
     border-color: transparent;
}
.is_stand_alone{
    margin-top: 10px;
}
/*Footer Style End*/

/*TGS CSS End*/
.text-light-red{
    width: 9px;
    justify-content: center;
    color:red;
}

.text-right{
    text-align: right;
}
#incident_image::file-selector-button {
    border: 2px solid #dee2e6;
    color: #000;
    padding: 0.2em 0.4em;
    border-radius: 0.2em;
    background-color: #dee2e6;
    transition: 1s;
}

.tooltip-inner {
    max-height:150px;
    overflow-y: auto;
}
textarea.form-control {
    max-height: 150px;
    overflow-y: auto;
    white-space: break-spaces;
}
a.remove-cousor{
    cursor: unset;
}
.complaint-img img {
    width: 200px;
    height: 100px;
}

.dashboard-box-title {
    font-size: 20px;
    margin-left: -7px;
    font-weight: 700;
    font-family: Inter;
}

.fa-circle {
    font-size: 0.75rem;
}

.dot-danger {
    color: #f62d51 !important;
}

.background-image {
    background-size: contain;
    background-repeat: round;
}
#modalImage {
    max-width: 100%;
    max-height: calc(100vh - 250px);
    width: 100%;
    height: auto;
}

.cm-event-file {
    max-width: 420px;
}

.cm-status-align{
    margin-left: -24px;
}

.custom-file-upload {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    max-width: 420px;
}

.custom-file-upload input[type="file"] {
    cursor: pointer;
}

.custom-file-upload #fileLabel.hidden {
    opacity: 0;
    visibility: hidden;
}

.custom-file-upload #fileLabel {
    position: absolute;
    left: 28%;
    bottom: 1px;
    width: calc(72% - 5px);
    height: calc(100% - 2px);
    vertical-align: middle;
    text-align: center;
    background: #fff;
    display: flex;
    align-items: center;
    border-radius: 8px;
    font-size: 1rem;
}

.cm-file-error {
    left: 0.75rem;
}

.custom-file-upload #noticeLabel.hidden {
    opacity: 0;
    visibility: hidden;
}

.custom-file-upload #noticeLabel {
    position: absolute;
    left: 35%;
    bottom: 1px;
    width: calc(66% - 5px);
    height: calc(100% - 2px);
    vertical-align: middle;
    text-align: center;
    background: #fff;
    display: flex;
    align-items: center;
    border-radius: 8px;
    font-size: 1rem;
}

#cropzee-modal.light-modal {
    --lm-body-bg: #FFFFFF;
    --lm-modal-bg: #000000;
    --lm-close-bg: #F7F7F7;
}
#cropzee-modal .light-modal-footer {
    background: #fff;
    border-top: 1px solid #e9ecef;
}
#cropzee-modal .croppr-container {
    text-align: center;
}
#cropzee-modal .light-modal-content {
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    overflow: hidden;
}
#cropzee-modal .btn-default {
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    color: #444;
}
#cropzee-modal .btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
#cropzee-modal .light-modal-header {
    background: #fff;
    border-bottom: 1px solid #e9ecef;
}
#cropzee-modal .light-modal-heading {
    margin: 0;
    font-size: 25px;
}

.cm-amc-export-rate{
    margin-right: 22px;
}

.cm-hardware-displayed{
    background-color: gainsboro !important;
}

.cm-rights-label{
    margin-top: 5px;
}

#employee_Datatable, #workspace_Datatables, #branch_Datatables, #designationDatatable, #student_Datatables, #course_Datatables, #courseFees_Datatables, #courseExam_Datatables, #itemCategoryDatatable, #itemDatatable, #departmentDatatable, #timeslotDatatable, #batch_Datatables, #branchOffsDatatable, #studentAttendanceDatatables, #task_Datatables, #leadTagsDatatable, #leadSourceDatatable, #lead_Datatables, #supplier_Datatable, #employerDatatable, #feedbacktypeDatatable, #employeeAttendanceDatatable, #cocviolationTypeDatatable, #cocPenaltiesDatatables, #expensetypeDatatable, #expenseDatatable, #itemTransactionDatatables, #itemPurchaseDatatables, #errorsLogsDatatable, #feesCollectionDueDatatables{
    margin-top: 10px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
    margin-top: 8px !important;
}

#cocTable tbody td {
    word-wrap: break-word;
    white-space: normal;
    max-width: 300px;
}


.cm-record-deleted {
    opacity: 0.5;
    background-color: var(--secondary-lightest1);
    pointer-events: none;
}

label#official_flag-error,label#boarding_charge_type-error,#guest_arrival_time-error,#guest_depart_time-error{
    position: static;
}

.cm-branch-title{
    color: var(--info-darker);
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    line-height: normal;
}

.branch-btn:hover{
    background: #fff !important;
    color: #01669D !important;
    border: 1px solid #01669D !important;
}

.cm-disable-edit-access {
    opacity: 0.5;
    background-color: var(--secondary-lightest1);
    pointer-events: none;
}

.cm-radio-check{
    padding-left: 1.3rem;
}

.cm-radio-main{
    padding-left: 0px !important;
}

@media screen and (max-width:1199px) {
    .custom-file-upload #fileLabel {
        left: 50%;
        bottom: 1px;
        width: calc(50% - 5px);
    }

    .custom-file-upload #noticeLabel {
        left: 50%;
        bottom: 1px;
        width: calc(50% - 5px);
    }
}

@media screen and (max-width:991px) {
    .custom-file-upload #fileLabel {
        left: 45%;
        bottom: 1px;
        width: calc(55% - 5px);
    }

    .custom-file-upload #noticeLabel {
        left: 45%;
        bottom: 1px;
        width: calc(55% - 5px);
    }
}