/* Your custom styles */
.pl-3_5 {
    padding-left: 1.2rem !important;
}
.pl-4_1 {
    padding-left: 2.1rem !important;
}
.pl-4_5 {
    padding-left: 2.5rem !important;
}
.pl-4_6 {
    padding-left: 2.6rem !important;
}
.pb-1_2 {
    padding-bottom: 1px !important;
}
.pb-1_3 {
    padding-bottom: 8px !important;
}
.pt-2-5 {
    padding-top: 0.6rem !important;
}
.mb-4_5 {
    margin-bottom: 27px !important;
}
.pt-4_5 {
    padding-top: 2.5rem !important;
}
.mt-4_5 {
    margin-top: 2.1rem !important;
}
.ml-4_5 {
    padding-left: 40px !important;
}
.th-strong th {
    font-weight: 900 !important; 
}
.modal-dialog{
    overflow-y: initial !important
}
.modal-body{
    /*max-height: calc(100vh - 235px);
    overflow-y: auto;*/
}

/* Forgot password modal - lightweight GEMS styling */
.gems-modal-card {
    border-radius: 24px;
    border: 0;
    box-shadow: 0 30px 60px -32px rgba(15, 23, 42, 0.35);
    overflow: hidden;
}

.gems-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.4rem 1.75rem;
    background: #ffffff;
    border-bottom: 1px solid rgba(148, 163, 184, 0.28);
}

.gems-modal-title {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.gems-modal-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: rgba(99, 102, 241, 0.12);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #4338ca;
    font-size: 1.15rem;
}

.gems-modal-heading {
    font-size: 1.18rem;
    font-weight: 600;
    color: #1e293b;
}

.gems-modal-close {
    border: none;
    background: transparent;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1e293b;
    transition: background 0.2s ease, color 0.2s ease;
}

.gems-modal-close:hover,
.gems-modal-close:focus {
    background: rgba(99, 102, 241, 0.16);
    color: #4338ca;
    outline: none;
}

.gems-modal-body {
    background: #ffffff;
    padding: 1.7rem 1.85rem 1.9rem;
}

.gems-modal-section + .gems-modal-section {
    margin-top: 1.75rem;
}

.gems-section-grid {
    display: grid;
    gap: 1.1rem;
}

.gems-field {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.gems-field-label {
    font-size: 0.92rem;
    font-weight: 600;
    color: #1f2937;
}

.gems-field-input {
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.35);
    padding: 0.75rem 1rem;
    background: #f8fafc;
    font-weight: 500;
    color: #0f172a;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.gems-field-input:focus {
    background: #ffffff;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.18);
    outline: none;
}

.gems-field-error {
    margin: 0;
    font-size: 0.8rem;
    color: #dc2626;
}

.gems-modal-footer {
    padding: 1.1rem 1.85rem 1.6rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.85rem;
    background: #f8fafc;
    border-top: 1px solid rgba(148, 163, 184, 0.3);
}

.gems-modal-footer .btn {
    border-radius: 999px;
    padding: 0.65rem 1.6rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
}

@media (max-width: 576px) {
    .gems-modal-body {
        padding: 1.4rem 1.25rem 1.7rem;
    }

    .gems-modal-footer {
        flex-direction: column;
        align-items: stretch;
    }

    .gems-modal-footer .btn {
        justify-content: center;
        width: 100%;
    }
}

.cascading-admin-card {
    margin-top: 1.25rem; }
.cascading-admin-card .admin-up {
    margin-left: 4%;
    margin-right: 4%;
    margin-top: -1.25rem; }
.cascading-admin-card .admin-up .fas,
.cascading-admin-card .admin-up .far,
.cascading-admin-card .admin-up .fab {
    padding: 1.7rem;
    font-size: 2rem;
    color: #fff;
    text-align: left;
    -webkit-border-radius: 3px;
    border-radius: 3px; }
.cascading-admin-card .admin-up .data {
    float: right;
    margin-top: 2rem;
    text-align: right; }
.cascading-admin-card .admin-up .data p {
    color: #999999;
    font-size: 12px; }

ul.striped li {
    padding: 0.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
ul.striped li:last-child {
    border-bottom: 0; }

/* temp fix to alignment issue for select box labels  */
.select-wrapper+label{
    z-index: 0;
    top: 0;
    margin-left: 0px;
}
.select-wrapper+label.active{
    font-size: 0.8rem;
    top: 0.7rem;
}
.md-outline.select-wrapper+label {
    top: .5em !important;
    z-index: 2 !important;
}
.select-wrapper.md-form.md-outline input.select-dropdown {
    /*margin-bottom: 0px;*/
    padding: 0rem .75rem;
}
.select-wrapper.md-form.md-outline+label {
    top: -1.7em!important;
    font-size: 13px;
}
.md-form.md-outline .form-control {
    margin-bottom: 0px;
}

.select-wrapper.md-form input.select-dropdown {
    margin-bottom: 0px;
}

@-webkit-keyframes autofill {
    to {
        color: #666;
        background: transparent; } }

@keyframes autofill {
    to {
        color: #666;
        background: transparent; } }

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    animation-name: autofill;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }

.trigger {
    padding: 1px 10px;
    font-size: 12px;
    font-weight: 400;
    border-radius: 10px;
    background-color: #eee;
    color: #212121;
    display: inline-block;
    margin: 2px 5px;
}

.hoverable, .trigger {
    transition: box-shadow 0.55s;
    box-shadow: 0;
}

.hoverable:hover, .trigger:hover {
    transition: box-shadow 0.45s;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.dataTables_wrapper {
    font-size: 14px;
}
.table {
    border-collapse: collapse;
    border-spacing: 2px;
}
.table > thead > tr > th {
    text-align: center !important;
    padding-top: 0px !important;
    padding-bottom: 5px !important;
}
.table > tbody > tr > td {
    padding: 4px !important;
}
.font-radio {
    font-size: 0.92rem;
}
/*
.form-control:disabled {
    background-color: #f5f5f5 !important;
    opacity: 1 !important;
}
*/

/* Text color hoover  */
.primary-lighter-hover {
    color: #4285F4;
    -webkit-transition: .4s;
    transition: .4s; }
.primary-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #8ab4f8; }

.primary-darker-hover {
    color: #4285F4;
    -webkit-transition: .4s;
    transition: .4s; }
.primary-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #0d5bdd; }

.danger-lighter-hover {
    /* color: #ff3547; */
    color: #F8C4C4;
    -webkit-transition: .4s;
    transition: .4s; }
.danger-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #ff828d; }

.danger-darker-hover {
    color: #ff3547;
    -webkit-transition: .4s;
    transition: .4s; }
.danger-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #e80015; }

.warning-lighter-hover {
    color: #FF8800;
    -webkit-transition: .4s;
    transition: .4s; }
.warning-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #ffac4d; }

.warning-darker-hover {
    color: #FF8800;
    -webkit-transition: .4s;
    transition: .4s; }
.warning-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #b35f00; }

.success-lighter-hover {
    /* color: #00C851; */
    color: #98F874;
    -webkit-transition: .4s;
    transition: .4s; }
.success-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #35BD02; }

.success-darker-hover {
    color: #00C851;
    -webkit-transition: .4s;
    transition: .4s; }
.success-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #007c32; }

.info-lighter-hover {
    color: #33b5e5;
    -webkit-transition: .4s;
    transition: .4s; }
.info-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #77ceee; }

.info-darker-hover {
    color: #33b5e5;
    -webkit-transition: .4s;
    transition: .4s; }
.info-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #178ab4; }

.default-lighter-hover {
    color: #2BBBAD;
    -webkit-transition: .4s;
    transition: .4s; }
.default-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #5ad9cd; }

.default-darker-hover {
    color: #2BBBAD;
    -webkit-transition: .4s;
    transition: .4s; }
.default-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #1d7d73; }

.secondary-lighter-hover {
    color: #aa66cc;
    -webkit-transition: .4s;
    transition: .4s; }
.secondary-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #ca9fdf; }

.secondary-darker-hover {
    color: #aa66cc;
    -webkit-transition: .4s;
    transition: .4s; }
.secondary-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #8639ac; }

.elegant-lighter-hover {
    color: #2E2E2E;
    -webkit-transition: .4s;
    transition: .4s; }
.elegant-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #545454; }

.elegant-darker-hover {
    color: #2E2E2E;
    -webkit-transition: .4s;
    transition: .4s; }
.elegant-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #080808; }

.unique-lighter-hover {
    color: #880e4f;
    -webkit-transition: .4s;
    transition: .4s; }
.unique-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #cd1577; }

.unique-darker-hover {
    color: #880e4f;
    -webkit-transition: .4s;
    transition: .4s; }
.unique-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #430727; }

.dark-green-lighter-hover {
    color: #388E3C;
    -webkit-transition: .4s;
    transition: .4s; }
.dark-green-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #56bc5b; }

.dark-green-darker-hover {
    color: #388E3C;
    -webkit-transition: .4s;
    transition: .4s; }
.dark-green-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #225725; }

.mdb-color-lighter-hover {
    color: #59698D;
    -webkit-transition: .4s;
    transition: .4s; }
.mdb-color-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #8290b0; }

.mdb-color-darker-hover {
    color: #59698D;
    -webkit-transition: .4s;
    transition: .4s; }
.mdb-color-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #3b465e; }

.red-lighter-hover {
    color: #D32F2F;
    -webkit-transition: .4s;
    transition: .4s; }
.red-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #e06e6e; }

.red-darker-hover {
    color: #D32F2F;
    -webkit-transition: .4s;
    transition: .4s; }
.red-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #962020; }

.pink-lighter-hover {
    color: #ec407a;
    -webkit-transition: .4s;
    transition: .4s; }
.pink-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #f386aa; }

.pink-darker-hover {
    color: #ec407a;
    -webkit-transition: .4s;
    transition: .4s; }
.pink-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #cb1452; }

.purple-lighter-hover {
    color: #8e24aa;
    -webkit-transition: .4s;
    transition: .4s; }
.purple-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #b843d7; }

.purple-darker-hover {
    color: #8e24aa;
    -webkit-transition: .4s;
    transition: .4s; }
.purple-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #59176b; }

.deep-purple-lighter-hover {
    color: #512da8;
    -webkit-transition: .4s;
    transition: .4s; }
.deep-purple-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #7651d0; }

.deep-purple-darker-hover {
    color: #512da8;
    -webkit-transition: .4s;
    transition: .4s; }
.deep-purple-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #341d6c; }

.indigo-lighter-hover {
    color: #3f51b5;
    -webkit-transition: .4s;
    transition: .4s; }
.indigo-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #7280ce; }

.indigo-darker-hover {
    color: #3f51b5;
    -webkit-transition: .4s;
    transition: .4s; }
.indigo-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #2b387c; }

.blue-lighter-hover {
    color: #1976D2;
    -webkit-transition: .4s;
    transition: .4s; }
.blue-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #4e9cea; }

.blue-darker-hover {
    color: #1976D2;
    -webkit-transition: .4s;
    transition: .4s; }
.blue-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #11508e; }

.light-blue-lighter-hover {
    color: #82B1FF;
    -webkit-transition: .4s;
    transition: .4s; }
.light-blue-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #cfe1ff; }

.light-blue-darker-hover {
    color: #82B1FF;
    -webkit-transition: .4s;
    transition: .4s; }
.light-blue-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #3681ff; }

.cyan-lighter-hover {
    color: #00bcd4;
    -webkit-transition: .4s;
    transition: .4s; }
.cyan-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #22e6ff; }

.cyan-darker-hover {
    color: #00bcd4;
    -webkit-transition: .4s;
    transition: .4s; }
.cyan-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #007888; }

.teal-lighter-hover {
    color: #00796b;
    -webkit-transition: .4s;
    transition: .4s; }
.teal-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #00c6af; }

.teal-darker-hover {
    color: #00796b;
    -webkit-transition: .4s;
    transition: .4s; }
.teal-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #002d27; }

.green-lighter-hover {
    color: #388E3C;
    -webkit-transition: .4s;
    transition: .4s; }
.green-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #56bc5b; }

.green-darker-hover {
    color: #388E3C;
    -webkit-transition: .4s;
    transition: .4s; }
.green-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #225725; }

.light-green-lighter-hover {
    color: #8bc34a;
    -webkit-transition: .4s;
    transition: .4s; }
.light-green-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #b0d683; }

.light-green-darker-hover {
    color: #8bc34a;
    -webkit-transition: .4s;
    transition: .4s; }
.light-green-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #649130; }

.lime-lighter-hover {
    color: #afb42b;
    -webkit-transition: .4s;
    transition: .4s; }
.lime-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #d2d655; }

.lime-darker-hover {
    color: #afb42b;
    -webkit-transition: .4s;
    transition: .4s; }
.lime-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #73761c; }

.yellow-lighter-hover {
    color: #fbc02d;
    -webkit-transition: .4s;
    transition: .4s; }
.yellow-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #fcd778; }

.yellow-darker-hover {
    color: #fbc02d;
    -webkit-transition: .4s;
    transition: .4s; }
.yellow-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #d79b04; }

.amber-lighter-hover {
    color: #ffa000;
    -webkit-transition: .4s;
    transition: .4s; }
.amber-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #ffbd4d; }

.amber-darker-hover {
    color: #ffa000;
    -webkit-transition: .4s;
    transition: .4s; }
.amber-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #b37000; }

.orange-lighter-hover {
    color: #f57c00;
    -webkit-transition: .4s;
    transition: .4s; }
.orange-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #ffa243; }

.orange-darker-hover {
    color: #f57c00;
    -webkit-transition: .4s;
    transition: .4s; }
.orange-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #a95500; }

.deep-orange-lighter-hover {
    color: #ff7043;
    -webkit-transition: .4s;
    transition: .4s; }
.deep-orange-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #ffaa90; }

.deep-orange-darker-hover {
    color: #ff7043;
    -webkit-transition: .4s;
    transition: .4s; }
.deep-orange-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #f63b00; }

.brown-lighter-hover {
    color: #795548;
    -webkit-transition: .4s;
    transition: .4s; }
.brown-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #a57868; }

.brown-darker-hover {
    color: #795548;
    -webkit-transition: .4s;
    transition: .4s; }
.brown-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #49332b; }

.grey-lighter-hover {
    color: #616161;
    -webkit-transition: .4s;
    transition: .4s; }
.grey-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #878787; }

.grey-darker-hover {
    color: #616161;
    -webkit-transition: .4s;
    transition: .4s; }
.grey-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #3b3b3b; }

.blue-grey-lighter-hover {
    color: #78909c;
    -webkit-transition: .4s;
    transition: .4s; }
.blue-grey-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #a4b4bc; }

.blue-grey-darker-hover {
    color: #78909c;
    -webkit-transition: .4s;
    transition: .4s; }
.blue-grey-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #546973; }

.white-lighter-hover {
    color: #fff;
    -webkit-transition: .4s;
    transition: .4s; }
.white-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: white; }

.white-darker-hover {
    color: #fff;
    -webkit-transition: .4s;
    transition: .4s; }
.white-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #d9d9d9; }

.black-lighter-hover {
    color: #000;
    -webkit-transition: .4s;
    transition: .4s; }
.black-lighter-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #262626; }

.black-darker-hover {
    color: #000;
    -webkit-transition: .4s;
    transition: .4s; }
.black-darker-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: black; }

.section-header-style {
    float: left!important;
    width: 22px;
    height: 45px;
}
.section-header-title {
    font-weight: 700!important;
    padding-left: 2.3rem !important;
    margin-top: 12px;
    margin-bottom: 0!important;
}
.form-control:disabled {
    background-color: #f6f3f3 !important;
    opacity: 1;
}

.table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
    bottom: 0.5em !important;
}
.table-custom-badge > tbody > tr > td {
    padding-top: 0.35rem !important;
    padding-bottom: 0.05rem !important;
}
.table-tight {
    border-collapse: collapse;
    border-spacing: 1px;
}
.table-tight > thead > tr > th {
    font-size: 13.5px;
    font-weight: bold !important;
    text-align: center !important;
    padding-top: 0 !important;
    padding-bottom: 7px !important;
}
.th-tight-bordered > th {
    padding-top: 4px !important;
    padding-bottom: 1px !important;
}
.table-tight > tbody > tr > td {
    font-size: 13.5px;
    padding: 4px 5px 3px 5px !important;
}