@font-face {
    font-family: 'themify';
    src: url('themify/themify.eot?-fvbane');
    src: url('themify/themify.eot?#iefix-fvbane') format('embedded-opentype'), url('themify/themify.woff?-fvbane') format('woff'), url('themify/themify.ttf?-fvbane') format('truetype'),
    url('themify/themify.svg?-fvbane#themify') format('svg');
    font-weight: normal;
    font-style: normal;
}
[data-bs-theme="limeGreen"] {
    --bs-black: #000;
    --bs-green: #007236; /*main color*/
    --bs-dark: #212529;
    --bs-white: #fff;
    --bs-primary: #0d6efd;
    --bs-warning: #ffeb3b;
    --bs-danger: #dc3545;
    --bs-success: #007236; /*main color*/
    --bs-info: #0dcaf0;
    --bs-secondary: #6c757d;
    --bs-body-color: #000;
    --bs-secondary-bg: #e9ecef;
    --bs-body-font-size: 1rem;
    --bs-body-font-family: 'Lexend', sans-serif !important;
}
body {
    font-family: var(--bs-body-font-family);
    font-weight: 400; /* Regular */
    background-color: #f4f4f4;
    color: var(--bs-body-color);
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a, p, p a {
    font-family: var(--bs-body-font-family);
}
a:focus-within.btn {
    color: #FFF;
}
.btn {
    --bs-btn-padding-x: 1.5rem;
}
.btn.btn-sm{
    --bs-btn-padding-x: 0.5rem;
}
.btn-primary {
    --bs-btn-color: #FFF;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-hover-color: #FFF;
    --bs-btn-active-color: #FFF;
    --bs-btn-disabled-color: #FFF;
}
.btn-danger {
    --bs-btn-color: #FFF;
    --bs-btn-hover-color: #FFF;
    --bs-btn-active-color: #FFF;
    --bs-btn-disabled-color: #FFF;
}
.btn-success {
    --bs-btn-color: #FFF;
    --bs-btn-bg: var(--bs-success);
    --bs-btn-hover-color: #FFF;
    --bs-btn-active-color: #FFF;
    --bs-btn-disabled-color: #FFF;
}
.btn-info {
    --bs-btn-bg: var(--bs-info);
}
.text-bg-success {
    background-color: var(--bs-success) !important;
}
.text-bg-warning {
    background-color: var(--bs-warning) !important;
}
.bg-pending .card-body,
.bg-rejected .card-body,
.bg-approved .card-body,
.bg-completed .card-body,
.bg-draft .card-body,
.bg-expired .card-body {
    --bs-card-spacer-y: 0.5rem;
}
.bg-pending, .bg-pending a, .bg-pending .h6 {
    background-color: var(--bs-warning) !important;
    color: #000 !important;
    font-weight: bold;
    margin-bottom: 0;
}
.bg-newApplication, .bg-newApplication a {
    background-color: var(--bs-primary) !important;
    color: #FFF !important;
    font-weight: bold;
}
.bg-rejected, .bg-rejected a, .bg-rejected .h6 {
    background-color: var(--bs-danger) !important;
    color: #FFF !important;
    font-weight: bold;
    margin-bottom: 0;
}
.bg-approved, .bg-approved a, .bg-approved .h6,
.bg-completed, .bg-completed a, .bg-completed .h6 {
    background-color: var(--bs-success) !important;
    color: #FFF !important;
    font-weight: bold;
    margin-bottom: 0;
}
.bg-draft, .bg-draft a, .bg-draft .h6 {
    background-color: var(--bs-secondary) !important;
    color: #FFF !important;
    font-weight: bold;
    margin-bottom: 0;
}
.bg-expired, .bg-expired a, .bg-expired .h6 {
    background-color: var(--bs-dark) !important;
    color: #FFF !important;
    font-weight: bold;
    margin-bottom: 0;
}
a {
    color: var(--bs-primary);
}
.bg-green {
    background-color: var(--bs-green) !important;
}
.text-green {
    color: var(--bs-green) !important;
}
.text-bg-green {
    color: #FFF !important;
    background-color: var(--bs-green) !important;
}
.fs-xs {
    font-size: 10px;
}
.form-check-input {
    width: 1.5em;
    height: 1.5em;
    margin-top: 0;
    margin-right: 5px;
}
.ErrorMessage {
    font-size: 14px !important;
    color: #fff;
    background-color: #DC3545;
    border-radius: 5px;
    line-height: 2rem;
    margin-bottom: 0;
}
.ErrorMessage i {
    padding-left: 8px;
}
label.asterisk:after,
span.asterisk:after {
    content: "*";
    color: #dc3545;
    margin-left: 1px;
}
hr {
    color: var(--bs-green) !important;
    opacity: 1;
}
.form-control[readonly] {
    background-color: var(--bs-secondary-bg);
    cursor: default;
    box-shadow: none;
    opacity: 1;
}
.form-select, .form-control {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.form-select {
    background-position: right 0.5rem center;
}
select, select option {
    font-family: Nunito, sans-serif;
}
#divAll .h6 {
    margin-bottom: 0px;
    background-color: #E9FFF9;
    font-weight: normal;
    font-size: 14px;
}
#divAll p, #divAll span {
    margin-bottom: 0px;
    word-wrap: break-word !important;
    word-break: break-word !important;
}
#divAll .row > .col:first-child {
    min-height: 40px;
    padding: 8px 5px 5px 8px;
    border: 1px solid #6c757d !important;
    border-bottom: 0px !important;
}
#divAll .row > .col:nth-child(2),
#divAll .row > .col:nth-child(3),
#divAll .row > .col:nth-child(4) {
    min-height: 40px;
    border: 1px solid #6c757d !important;
    padding: 8px 5px 5px 8px;
    border-left: 0px !important;
    border-bottom: 0px !important;
}
#divAll .row .row .col:first-child {
    /*Working Duration & Time*/
    min-height: 40px;
    padding: 8px 5px 5px 8px;
    border: 1px solid #6c757d !important;
    border-top: 0px !important;
    border-left: 0px !important;
}
#divAll .row .row .col:nth-child(2) {
    /*Working Duration & Time*/
    min-height: 40px;
    padding: 8px 5px 5px 8px;
    border: 1px solid #6c757d !important;
    border-top: 0px !important;
    border-right: 0px !important;
    border-left: 0px !important;
}
#divAll .row .row .col:nth-child(3) {
    /*Working Duration & Time*/
    min-height: 40px;
    padding: 8px 5px 5px 8px;
    border: 1px solid #6c757d !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
    border-left: 0px !important;
}
#divAll .row .row .col:nth-child(4) {
    /*Working Duration & Time*/
    min-height: 40px;
    padding: 8px 5px 5px 8px;
    border: 0px !important;
}
#divAll .row.lastRow .col:first-child,
#divAll .row.lastRow .col:nth-child(2) {
    /*lastRow*/
    border-bottom: 1px solid #6c757d !important;
}
table tbody tr td a.btn {
    margin-bottom: 5px;
}
@media screen and (max-width: 992px) {
    #divAll .row > .col:first-child {
        border: 1px solid #6c757d !important;
    }

    #divAll .row > .col:nth-child(2) {
        border: 1px solid #6c757d !important;
        border-left: 0px !important;
    }
    #divAll .row > .col:nth-child(3) {
        border: 1px solid #6c757d !important;
        border-top: 0px !important;
        border-bottom: 0px !important;
    }
    #divAll .row > .col:nth-child(4) {
        border: 1px solid #6c757d !important;
        border-top: 0px !important;
        border-left: 0px !important;
        border-bottom: 0px !important;
    }
    #divAll .row > .col.col-lg-3:first-child {
        border: 1px solid #6c757d !important;
        border-bottom: 0px !important;
    }

    #divAll .row > .col.col-lg-9:nth-child(2) {
        border: 1px solid #6c757d !important;
        border-left: 0px !important;
        border-bottom: 0px !important;
    }
    #divAll .row .row .col:first-child,
    #divAll .row .row .col:nth-child(3) {
        /*Working Duration & Time*/
        border: 1px solid #6c757d !important;
        border-top: 0px !important;
        border-left: 0px !important;
        border-right: 0px !important;
    }
    #divAll .row.lastRow .col:first-child,
    #divAll .row.lastRow .col:nth-child(2) {
        /*lastRow*/
        border-bottom: 1px solid #6c757d !important;
    }
}

@media only screen and (max-width: 1280px) {
    .pageBTN a.btn {
        margin-bottom: 5px;
    }
}

@media only screen and (max-width: 768px) {
    #LoginUserName {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100px;
        display: block;
    }
}
/******************************** Side Navigation Bar ********************************/
.sidebar-menu > li > a .icon-holder {
    border-radius: 6px;
    display: inline-block;
    font-size: 17px;
    height: 35px;
    left: 0;
    line-height: 35px;
    margin-right: 6px;
    position: relative;
    text-align: center;
    transition: all 0.3s ease;
    width: 35px;
}
.header .header-container .nav-right > li > a.btn {
    line-height: 30px;
    min-height: 30px;
    margin-top: 16px;
}
/******************************** DATATABLE ********************************/
div.dataTables_wrapper div.dataTables_info {
    padding-top: 0px !important;
    color: #313435;
    margin-bottom: 10px;
}
.dataTables_wrapper .dataTables_length select {
    color: #313435;
}
.dataTables_wrapper .dataTables_length {
    margin-left: 5px;
}
table.dataTable thead tr th {
    background-color: var(--bs-dark);
    color: var(--bs-white);
}
.pagination {
    --bs-pagination-active-bg: var(--bs-primary);
    --bs-pagination-active-border-color: var(--bs-primary);    
}
table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:before {
    display: none;
}

table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:after {
    display: none;
}
.dataTables_wrapper .dataTables_filter input {
    border-radius: 0.375rem;
}
.dataTables_wrapper .dataTables_length select {
    min-width: 60px;
    border-radius: 0.375rem;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0px;
}
.page-item:first-child .page-link,
.page-item:last-child .page-link {
    border-radius: 0;
}
/******************************** Simple Stepper for register & video page ********************************/
.simple-stepper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    flex-direction: column;
    align-items: center;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 1rem;
}

.stepper-item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 20px;
    align-items: center;
    flex: 1;
    position: relative;
    z-index: 2;
    text-align: left;
}

.stepper-item:last-child {
    margin-bottom: 0px;
}

.stepper-circle {
    min-width: 40px;
    height: 40px;
    background-color: #6c757d;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    margin-right: 15px;
    margin-bottom: 0;
    transition: background-color 0.3s ease, color 0.3s ease;
    border: 2px solid #6c757d;
}

.stepper-label {
    font-size: var(--bs-body-font-size);
    color: #6c757d;
    transition: color 0.3s ease;
}

.stepper-item.active .stepper-circle {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #fff;
}

.stepper-item.active .stepper-label {
    color: var(--bs-black);
}

.stepper-item.completed .stepper-circle {
    background-color: var(--bs-green);
    border-color: var(--bs-green);
    color: #fff;
}

.stepper-item.completed .stepper-label {
    color: #000;
}

.step-footer .step-btn[data-step-action="prev"],
.step-footer .step-btn[data-step-action="next"],
.step-footer .step-btn[data-step-action="finish"] {
    display: none !important;
}

/******************************** select 2 ********************************/
.select2-container--bootstrap-5 .select2-selection {
    min-height: 34.6px !important;
    font-size: 0.875rem !important;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem !important;
}
/******************************** SweetAlert2 ********************************/
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
    background-color: var(--bs-primary);
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel) {
    background-color: var(--bs-secondary);
}

.textspace {
    white-space: normal;
    overflow-y: auto;
}