@font-face {
    font-family: "Artico Bold";
    src: url('../fonts/cretype-Artico-Bold.otf');
}

@font-face {
    font-family: "Artico";
    src: url('../fonts/cretype-Artico.otf');
}

@font-face {
    font-family: "Artico Medium";
    src: url('../fonts/cretype-Artico-Medium.otf');
}

@font-face {
    font-family: 'Abel';
    src: url('../fonts/FontsFree-Net-Abel-Regular.ttf');
}

/*.content-wrapper-hide {*/
/*    background-color: #f4f6f9;*/
/*    height: 100%;*/
/*    overflow: hidden;*/
/*}*/

/*.content-wrapper-hide>.content {*/
/*    padding: 1.5rem 0.5rem;*/
/*}*/

.main-header-hide {
    margin-left: 0px;
    border-bottom: 1px solid #dee2e6;
}
.all-header-menu {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.all-header-menu::-webkit-scrollbar {
    display: none;
}
/*.main-footer-hide {*/
/*    margin-left: 0px;*/
/*    border-top: 1px solid #dee2e6;*/
/*    padding: 19px 61px;*/
/*    background-color: #fff;*/
/*    border-top: 1px solid #dee2e6;*/
/*    color: #869099;*/
/*}*/

#cke_content_preview .cke_contents,
#cke_description_preview .cke_contents,
#ViewBodyModal .cke_contents,
#LessonCurriculum .cke_contents,
#cke_mail_content .cke_contents {
    height: 606px !important;
}

.verificationCLs .cke_contents {
    height: 400px !important;
}
#SchoolContactLoginReminder .cke_contents,
#EditCustomizeEmailTemplates .cke_contents,
#EditCustomizeClearancesInstructions .cke_contents,
#AccountCredentialsModal .cke_contents {
    height: 400px !important;
}

#AnnouncementSendMailModal .cke_contents,
#InstructorSendMailModal .cke_contents,
#ScheduleProgramSendMailModal .cke_contents {
    height: 300px !important;
}
#SchoolContactLoginReminder .modal-dialog,
#EditCustomizeEmailTemplates .modal-dialog,
#PreviewCustomizeEmail .modal-dialog,
#AnnouncementSendMailModal .modal-dialog,
#ViewBodyModal .modal-dialog,
#EditCustomizeClearancesInstructions .modal-dialog,
#InstructorSendMailModal .modal-dialog,
#ScheduleProgramSendMailModal .modal-dialog,
#AccountCredentialsModal .modal-dialog {
    max-width: 1150px;
}

#EditCustomizeEmailTemplates #cke_subject .cke_contents {
    height: 100px !important;
}

#PreviewCustomizeEmail #cke_subject_preview .cke_contents {
    height: 100px !important;
}

.img-wraps {
    position: relative;
    display: inline-block;
    font-size: 0;
    width: 200px;
    padding-left: 5px;
}

.select2-container--default .select2-selection--single {
    color: #555;
    background-color: #fff;
    background-image: none;
    border-radius: unset;
    border-radius: 0;
    box-shadow: none;
    border-color: #d2d6de;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: flex !important;
    margin-bottom: unset !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

.select2-container--default .select2-search--inline .select2-search__field {
    display: none;
}

.mailTo .select2-container--default .select2-search--inline .select2-search__field,
.cc .select2-container--default .select2-search--inline .select2-search__field,
.bcc .select2-container--default .select2-search--inline .select2-search__field,
.to_school_contact .select2-container--default .select2-search--inline .select2-search__field,
.key_words_curriculum .select2-container--default .select2-search--inline .select2-search__field,
.studEmail .select2-container--default .select2-search--inline .select2-search__field,
.program_filter .select2-container--default .select2-search--inline .select2-search__field,
.program_note .select2-container--default .select2-search--inline .select2-search__field {
    display: block;
}

.select2-container {
    width: 100% !important;
}

.select2-selection__arrow {
    height: 34px !important;
}

.orderDisplayContainer .table-responsive {
    height: 188px;
}

.enroll-not {
    width: 212px !important;
}

.enroll-not p {
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #FF8032 !important;
}

.content-enroll {
    margin-right: auto;
    margin-left: auto;
}

.select2-container--default .select2-results__option--selected::before {
    font-family: fontAwesome;
    content: "\f00c";
    color: #000;
    border: 0;
    display: inline-block;
    padding-left: 3px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #eaeaeb;
    color: #272727;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 4px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #f77750;
    border-width: 2px;
}

.select2-container--default .select2-selection--multiple {
    border-width: 2px;
}

.select2-selection .select2-selection--multiple:after {
    content: 'hhghgh';
}

.select-icon .select2-selection__placeholder .badge {
    display: none;
}

.filter_parent .select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected=true]:before {
    display: none !important;
}

.select2 .select2-selection__choice__remove {
    margin-left: unset !important;
    color: #FF8038 !important;
    font-size: 14px;
    padding-left: 7px;
}

.select2-selection__choice {
    color: #FF8038 !important;
    width: max-content !important;
    font-size: 13px !important;
    background-color: #FFFFFF !important;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #D2D6DE !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding-left: unset !important;
    padding-right: unset !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 6px !important;
    border: 1px solid #FF8038!important;
}

#dropdown--data .select2-selection__choice__display::after,
#notification-form .select2-selection__choice__display::after {
    content: ",";
}

.img-wraps .closes {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 100;
    padding: 4px 3px;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    font-size: 22px;
    line-height: 10px;
}

.img-wraps .closes:hover {
    opacity: 1;
    color: red;
}

#dropdown--data .select2-selection__choice__display {
    color: #444444;
}

.tabbable-panel {
    border: 1px solid #eee;
    padding: 10px;
}

@media(max-width: 992px) {
    .orderDisplayContainer .table-responsive {
        height: 188px;
        width: 100%;
    }

    .enroll-not {
        width: 50% !important;
    }

    .totals {
        justify-content: center;
    }

    .content {
        min-height: unset;
    }

    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper {
        margin-left: 4.6rem !important;
    }
}

@media(min-width: 993px) {
    .layout-fixed .main-sidebar {
        width: 310px !important;
    }
}

@media(min-width: 992px) {
    .main-header .toggle-side-bar {
        display: none !important;
    }
}

@media(max-width: 457px) {
    #instructor_form .modal-body {
        padding: unset !important;
        width: 100%;
    }
    #ShowRegisteredStudentModal .modal-content,
    #ShowRegisteredStudentModal .modal-body {
        padding: unset !important;
        width: auto;
        overflow-y: auto;
    }

    .profile-content-heading {
        padding: 15px 13px 0px 13px !important;
    }

    .navbar-expand .navbar-nav .nav-link {
        padding-right: unset !important;
    }

    .instructor_documents .form-group {
        padding-right: 7.5px !important;
        padding-left: 7.5px !important;
    }

    #instructor_form .select2-selection__choice {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100% !important;
    }

}

.fs-option.selected {
    background-color: #ffd3ab !important;
}

.select2-results__option[aria-selected="true"] {
    background-color: #ffd3ab !important;
}


@media (max-width: 991.98px) {
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper {
        margin-left: 0 !important;
    }

    .main-header {
        margin-left: 0 !important;
    }

    .navbar-nav .toggle-menu {
        padding: 21px 21px;
    }

    .layout-fixed .main-sidebar {
        width: 250px !important;
    }
}

.main-header .toggle-side-bar {
    display: block;
}

.tabbable-line>.nav-tabs {
    border: none;
    margin: 0px;
}

.tabbable-line>.nav-tabs>li {
    margin-right: 2px;
}

.tabbable-line>.nav-tabs>li>a {
    border: 0;
    margin-right: 0;
    color: #737373;
}

.tabbable-line>.nav-tabs>li>a>i {
    color: #a6a6a6;
}

.tabbable-line>.nav-tabs>li.open,
.tabbable-line>.nav-tabs>li:hover {
    border-bottom: 4px solid #fbcdcf;
}

.tabbable-line>.nav-tabs>li.open>a,
.tabbable-line>.nav-tabs>li:hover>a {
    border: 0;
    background: none !important;
    color: #333333;
}

.tabbable-line>.nav-tabs>li.open>a>i,
.tabbable-line>.nav-tabs>li:hover>a>i {
    color: #a6a6a6;
}

.tabbable-line>.nav-tabs>li.open .dropdown-menu,
.tabbable-line>.nav-tabs>li:hover .dropdown-menu {
    margin-top: 0px;
}

.tabbable-line>.nav-tabs>li.active {
    border-bottom: 4px solid #f3565d;
    position: relative;
}

.tabbable-line>.nav-tabs>li.active>a {
    border: 0;
    color: #333333;
}

.tabbable-line>.nav-tabs>li.active>a>i {
    color: #404040;
}

.tabbable-line>.tab-content {
    margin-top: -3px;
    background-color: #fff;
    border: 0;
    border-top: 1px solid #eee;
    padding: 15px 0;
}

.portlet .tabbable-line>.tab-content {
    padding-bottom: 0;
}

.tabbable-line.tabs-below>.nav-tabs>li {
    border-top: 4px solid transparent;
}

.tabbable-line.tabs-below>.nav-tabs>li>a {
    margin-top: 0;
}

.tabbable-line.tabs-below>.nav-tabs>li:hover {
    border-bottom: 0;
    border-top: 4px solid #fbcdcf;
}

.tabbable-line.tabs-below>.nav-tabs>li.active {
    margin-bottom: -2px;
    border-bottom: 0;
    border-top: 4px solid #f3565d;
}

.tabbable-line.tabs-below>.tab-content {
    margin-top: -10px;
    border-top: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

.search_inline {
    display: -webkit-inline-box;
}

.preview-images-zone {
    width: 100%;
    border: 2px dashed #ddd;
    min-height: 180px;
    padding: 5px 5px 0px 5px;
    position: relative;
    overflow: auto;
}

.preview-images-zone>.preview-image {
    height: 185px;
    width: 185px;
    position: relative;
    margin-right: 5px;
    float: left;
    margin-bottom: 5px;
}

.preview-images-zone>.preview-image>.image-zone {
    width: 100%;
    height: 100%;
}

.preview-images-zone>.preview-image>.image-zone>img {
    width: 100%;
    height: 100%;
}

.preview-images-zone>.preview-image>.tools-edit-image {
    position: absolute;
    z-index: 100;
    color: #fff;
    bottom: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    display: none;
}

.preview-images-zone>.preview-image>.image-cancel {
    font-size: 18px;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: bold;
    margin-right: 10px;
    cursor: pointer;
    display: none;
    z-index: 100;
}

.preview-image:hover>.image-zone {
    cursor: move;
    opacity: .5;
}

.preview-image:hover>.tools-edit-image,
.preview-image:hover>.image-cancel {
    display: block;
}

.inputAttribute {
    width: 150px;
}

.selectAttribute {
    width: 150px;
}

.order_items_table {
    text-align: left;
    background: #cdd4d8 !important;
}


/*  Make Select2 UI Look same as other Selects */
.select2-container--default .select2-selection--single {
    color: #555;
    background-color: #fff;
    background-image: none;
    border-radius: unset;
    border-radius: 0;
    box-shadow: none;
    border-color: #d2d6de;
}

.select2-container .select2-selection--single {
    height: 38px !important;
    border-radius: 5px !important;
}

.select2-container .select2-selection--multiple {
    min-height: 38px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: flex !important;
    margin-bottom: unset !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-break: break-word;
    padding-bottom: 6px;
}

.select2-selection__arrow {
    height: 34px !important;
}

.assign_role_div {
    padding-top: 10px;
    padding-left: 20px;
}

.permission_font-w {
    font-weight: unset !important;
}

.layout-fixed .main-sidebar {
    background-color: rgba(255, 255, 255, 1);
    width: 15%;
}

[class*=sidebar-dark] .brand-link {
    border-bottom: 1px solid #dee2e6;
}

.elevation-4,
.elevation-2 {
    box-shadow: unset !important;
}
.sidebar-dark-primary .nav-sidebar>div>.nav-item>.nav-link.active {
    background-color: #FF8032;
    color: #000;
}


.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #FF8032;
    color: #000;
}

.nav-item>.nav-link.active .sidebar-heading {
    color: #FFFFFF;
}
.nav-item>.nav-link.active svg path{
    fill: #FFFFFF;
}

.layout-fixed .brand-link {
    width: 310px;
}

body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper {
    margin-left: 310px;
}

.main-header {
    height: 61px;
    margin-left: 286px;
}

.sidebar {
    border-right: 1px solid #dee2e6;
}

.main-header .toggal-navbar-nav {
    display: none;
}

.brand-link {
    padding: 7px 17px;
}

@media (min-width: 576px) {
    .navbar-nav>.user-menu .user-image {
        margin-top: 0px;
    }
}

.navbar-nav>.user-menu .user-image {
    width: 49px;
    height: 45px;
}

.main-header .nav-link {
    height: 62px;
}

.uname {
    font-family: "Artico Bold";
    color: #052633;
    font-weight: 600;
    font-size: 15px;
}

.header-logout {
    color: #052633;
    font-size: 13px;
    cursor: pointer;
}

[class*=sidebar-dark-] .sidebar a {
    color: #052633;
}

.nav-link {
    padding: 10px 21px;
    margin-right: unset !important;
}

.sidebar .side-menu {
    padding-left: 21px;
    text-transform: uppercase;
    font-size: 13px;
    color: rgba(5, 38, 51, 0.5);
    margin-top: 26px;
    font-family: "Artico";
}

.sidebar {
    padding-right: unset !important;
    padding-left: unset !important;
}

.nav-pills .nav-link {
    border-radius: unset;
}

.sidebar-mini .main-sidebar .nav-link {
    width: unset;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link.active {
    box-shadow: unset;
}

.nav-sidebar .nav-item>.nav-link {
    margin-top: 0.2rem;
}

/*.icon-sidebar {*/
/*    border-right: 0.636203px solid rgba(5, 38, 51, 0.5);*/
/*    padding-right: 10px;*/
/*}*/

.fa-envelope:hover {
    color: #052633;
}

.sidebar-heading {
    padding-left: 9px;
    font-size: 13px;
    font-family: "Artico Medium";
    color: #052633;
}

.fa,
.fab,
.fad,
.fal,
.far,
.fas {
    line-height: unset;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
    color: #052633;
    font-family: 'Artico Medium';
    font-size: 13px;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link {
    color: #000;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
    background-color: #ffe5ce;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:focus,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:hover {
    color: #052633;
}

.orange-color {
    background-color: #FF8032;
    color: #052633;
    font-family: "Artico Medium";
    font-size: 12.5px;
    line-height: 20px;
}

.orange-color-swal {
    background-color: #FF8032 !important;
    color: #052633 !important;
    font-family: "Artico Medium" !important;
    /*font-size: 12.5px!important;*/
    /*line-height: 20px!important;*/
}

.blue-color {
    color: #052633;
}

.add_new {
    border-radius: 8px;
    padding: 6px 12px;
}

.content-wrapper>.content {
    padding: 1.5rem 0.5rem;
}

.content-wrapper {
    overflow: hidden;
}

.content-heading {
    padding: 30px 33px 0px 33px;
}

.card-body.p-0 .table thead>tr>th:first-of-type {
    padding-left: 33px;
}

.card-body.p-0 .table tbody>tr>td:first-of-type {
    padding-left: 33px;
}

.card {
    border-radius: 8px;
    box-shadow: unset;
}

.heading-table {
    font-family: "Abel";
    line-height: 20px;
    /* color: white; */
}
.head{
    font-family: Artico;
}
.table th {
    border-top: unset;
}

table thead th {
    border-bottom: 1px solid #dee2e6 !important;
}

.table-responsive .table {
    font-family: 'Artico';
    font-size: 13px;
    line-height: 20px;
}


/*  model css */
.modal-content {
    box-shadow: 0px 10px 41.8664px rgba(0, 0, 0, 0.031);
    border-radius: 9px;
    border: unset;
}

.modal-footer {
    border-top: unset;
    padding: unset;
    display: unset;
}

.modal-header {
    padding: 14px 20px 17px 21px;
}

.modal-body {
    padding: 20px;
}

.modal-title {
    font-family: 'Abel';
    font-size: 19px;
    line-height: 31px;
    color: #052633;
}

.modal-header .close,
.modal-header .mailbox-attachment-close {
    padding: 19px 24px;
}

.close,
.mailbox-attachment-close {
    color: #052633;
    opacity: unset !important;
}

.create-data {
    border-radius: 7px;
    padding: 8px 50px;
}

.modal-dialog {
    max-width: 775px;
}

.modal-footer>* {
    margin: unset;
    margin-top: 8px;
}

.form-group label,
.session {
    color: #052633;
    font-family: 'Artico';
    font-size: 14px;
    line-height: 20px;
}

::placeholder {
    font-family: 'Artico';
    font-size: 13px;
    color: #98A2B3!important;
}

.bigdrop {
    width: 600px !important;
}

select:focus,
input:focus {
    outline: none;
}

.card-footer {
    padding: unset;
    background-color: unset;
    border-top: unset;
}

label.error {
    color: red;
}

span.error-text,
.error-text-contact_phone,
.error-text-extension,
#reason_error {
    color: red;
    font-size: 13px;
    font-family: 'Artico';
}

p.errorMessages {
    list-style-type: disc;
    margin: 0 10px 15px 10px;
    padding: 8px 35px 8px 30px;
    color: #B94A48;
    background-color: #F2DEDE;
    border: 2px solid #EED3D7;
    border-radius: 4px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.block_errorMessages {
    display: none;
}

td.text-center {
    padding-top: 26px;
}

.save-data {
    border-radius: 7px;
    padding: 8px 40px;
}

.select2-container--default .select2-results>.select2-results__options,
.select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
}

.pagination {
    justify-content: end;
}

.action_btn {
    color: #FF8032;
    border: 1px solid rgba(5, 38, 51, 0.2);
    font-size: 13.2644px;
    font-family: 'Artico';
    border-radius: 0.25rem;
    padding: 9px 12px;
}
.text-color-orange,
.text-color-orange:hover,
.action_btn:hover {
    color: #FF8032;
}

.modal_sub_section {
    padding-bottom: 1rem;
    background: #F4F7FB;
    width: 100%;
}

.que-contact .modal_sub_section{
    background: aliceblue;
    margin-bottom: 15px;
    padding: 6px 20px 6px 20px;
    color: #052633;
    font-family: 'Artico';
    font-size: 15px;
}

.que-contact .row{
    margin-bottom: unset!important;
}
.session {
    padding: 14px 20px 0px 21px;
    border-bottom: 1px solid #e9ecef;
}

.session-fields,
.contacts-fields,
.que-contacts-fields{
    padding: 10px 20px 0px 20px;
    margin-right: unset !important;
    margin-left: unset !important;
}

.que-contacts-fields{
    padding: 16px 0px 10px 0px!important;
    background: aliceblue;
}

.footer-btn {
    margin-bottom: 21px;
    margin-left: 20px;
}

.file-input {
    display: inline-block;
    text-align: left;
    padding: 4px 6px 7px 6px;
    width: 100%;
    position: relative;
    border-radius: 3px;
    border: 1px solid #ced4da;
}

.file-input>[type='file'] {
    position: absolute;
    opacity: 0;
    z-index: 10;
    cursor: pointer;
}

input[type=file] {
    display: block;
}

.file-input .button {
    cursor: pointer;
    background-color: #FF8032;
    color: #052633;
    font-family: "Artico Medium";
    font-size: 10px;
    line-height: 20px;
    padding: 6px 15px;
    border-radius: 3px;
}

.file-input>.label {
    color: #333;
    white-space: nowrap;
    opacity: .3;
    font-size: 13px;
}


.choose_file {
    margin: 0 auto;
    padding: 4px 5px;
    height: auto;
    overflow: hidden;
    border-radius: 3px;
    border: 1px solid #ced4da;
}

.choose_file label {
    margin: 0;
    padding: 4px 16px;
    width: auto;
    max-width: 300px;
    height: auto;
    background-color: #FF8032;
    border: none;
    color: #052633;
    cursor: pointer;
    text-align: center;
    border-radius: 3px;
    transition: 0.2s ease all;
    font-size: 10px;
}

.choose_file [type=file] {
    display: none;
}

.session-fields .form-group {
    margin-bottom: 7px;
}

.choose_file .label {
    font-size: 11px;
    font-family: 'Artico';
    color: #2FAF3C;
    padding-left: 10px;
}

.sub-modal .modal-body {
    padding: unset;
    width: 100%;
    max-height: 400px;
    overflow: auto;
}

/* scrollbar */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.3);
}

.orange-btn,
.orange-btn:hover,
.orange-btn:focus,
.orange-btn:active {
    background-color: #FF8032 !important;
    border-color: #FF8032 !important;
    color: #052633 !important;
    font-family: Artico;
    font-size: 13px;
}

.filter-heading {
    padding: 15px 0px 0px 0px;
}

.pl-33 {
    padding-left: 33px;
}

.pr-33 {
    padding-right: 33px;
}

.btn-edit-view,
.btn-add,
.btn-questions-add,
.btn-minus,
.btn-que-contact-minus,
.btn-questions-minus,
.btn-add-availability,
.btn-add-modelAvailability,
.btn-minus-subject,
.btn-minus-receipt,
.btn-add-subject,
.btn-add-receipt,
.add-contact,
.btn-minus-availability,
.btn-custom-clearance {
    display: inline-block;
    font-weight: 400;
    border-color: rgba(5, 38, 51, 0.2) !important;
    color: #FF8032 !important;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 9px 12px;
    background-color: transparent;
    border: 1px solid transparent;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    cursor: pointer;
}

.add-contact{
    padding: 7px 12px;
}

.invitation-edit-btn {
    margin-top: 5px;
}

.plus-btn {
    padding: 2px 5px 2px 5px;
}

.child-row {
    display: none;
}

.hr-margin-remove {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    margin-top: unset;
}

.disable_row .form-group label,
.disable_row .form-group .form-control::placeholder {
    color: #05263359;
}

.disable_row .form-group .form-control {
    font-size: 15px;
}

.card-body-padding-unset {
    padding-top: unset;
}

.card-body-div-6 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.card-body-h5 {
    margin-top: 10px;
}

#manageAssignSubPrograms-table,
#adminTimeKeepingRecords-table,
#instructorTimekeepingReports-table,
#manageAssignPrograms-table,
#main-program-reminder-table,
#email-logs-table {
    table-layout: fixed;
}

#manageAdmins-table {
    table-layout: fixed;
}

#manageAdmins-table th {
    white-space: nowrap;
}

#manageAssignSubPrograms-table th {
    white-space: nowrap;
}

.date-th-td {
    width: 153px !important;
}

.width {
    width: 92px !important;
}


#adminTimeKeepingRecords-table th,
#instructorTimekeepingReports-table th,
#manageAssignPrograms-table th,
#email-logs-table th {
    white-space: nowrap;
}

#manageAdmins-table th {
    white-space: nowrap;
}

#manageAssignSubPrograms-table .form-control::placeholder,
#manageAssignSubPrograms-table .form-control::-webkit-datetime-edit-day-field:not([aria-valuetext]),
::-webkit-datetime-edit-month-field:not([aria-valuetext]),
::-webkit-datetime-edit-year-field:not([aria-valuetext]) {
    color: #4950577d !important;
}

#manageAssignSubPrograms-table .form-control {
    font-size: 14px !important;
}

.custom-control-label::before {
    width: 43px !important;
    height: 21px !important;
}

.custom-switch .custom-control-label::before {
    border-radius: 16px;
    cursor: pointer;
}

.custom-switch .custom-control-label::after {
    top: calc(0.25rem + 3px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 0px);
    height: calc(1rem - 0px);
    cursor: pointer;
}

.clearance {
    cursor: pointer;
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    transform: translateX(24px);
    background-color: white;
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: #FF8032;
    background-color: #FF8032 !important;
}


/*login*/
.login-box .card,
.register-box .card {
    box-shadow: unset !important;
    width: 408px;
}

.login-card-body,
.register-card-body,
.build-program-card-body {
    border-radius: 8px;
}

.login-box .card-header,
.register-box .card-header {
    padding: 15px 1.25rem;
}

.login-card-body .login-title,
.register-card-body .register-title{
    color: #052633;
    font-family: 'Artico Bold';
    font-weight: 600;
    font-size: 19px;
    line-height: 100%;
}

.build-program-card-body .register-title {
    color: #344054;
    font-family: 'Artico';
    font-weight: 600;
    font-size: 19px;
    line-height: 100%;
    letter-spacing: 0.6px;
}

.login-card-body label,
#loginModel label,
.login-card-body .forgotPWD,
#loginModel .forgotPWD,
.register-card-body label,
.register-card-body .forgotPWD,
.build-program-card-body label,
.build-program-card-body .forgotPWD {
    color: #052633;
    font-size: 13px;
    font-family: 'Artico';
}

.login-box,
.register-box {
    width: 408px;
}

.login-card-body .form-control,
.register-card-body .form-control {
    background-color: unset !important;
    font-size: 14px;
}

.login-card-body .password,
.register-card-body .password,
.register-card-body .retype_password,
.build-program-card-body .retype_password {
    font-family: 'Artico Bold';
    color: #052633 !important;
}

.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.login-card-body .form-control:focus,
.register-card-body .form-control:focus {
    border-top: 1px solid rgba(255, 171, 94, 1);
    border-bottom: 1px solid rgba(255, 171, 94, 1);
    border-left: 1px solid rgba(255, 171, 94, 1);
}

.login-card-body .valid,
.register-card-body .valid
.build-program-card-body .valid {
    border-top: 1px solid rgba(255, 171, 94, 1) !important;
    border-bottom: 1px solid rgba(255, 171, 94, 1) !important;
    border-right: 1px solid rgba(255, 171, 94, 1) !important;
}

.login-card-body .btn-primary,
.login-card-body .btn-primary:hover,
.register-card-body .btn-primary,
.build-program-card-body .btn-primary,
.register-card-body .btn-primary:hover,
.build-program-card-body .btn-primary:hover {
    color: #052633;
    background-color: #FF8038;;
    border-color: #FF8038;;
    box-shadow: none;
}

.login-card-body .account_create,
.register-card-body .account_create,
.build-program-card-body .account_create {
    font-size: 13px;
    color: #002244;
    line-height: 20px;
    font-family: Artico;
}

.login-card-body .account_create span,
.register-card-body .account_create span,
.build-program-card-body .account_create span {
    color: #FF8032;
    font-family: 'Artico Bold';
}

.login-card-body [class*=icheck-]>input:first-child+label::before,
.register-card-body [class*=icheck-]>input:first-child+label::before,
.build-program-card-body [class*=icheck-]>input:first-child+label::before {
    width: 19px;
    height: 19px;
    border: 1px solid #D3CFC8;
    border-radius: 5px;
    background: #EAF4FF;
}

.login-card-body [class*=icheck-]>input:first-child:checked+input[type=hidden]+label::after,
.register-card-body [class*=icheck-]>input:first-child:checked+input[type=hidden]+label::after,
.build-program-card-body [class*=icheck-]>input:first-child:checked+input[type=hidden]+label::after,
[class*=icheck-]>input:first-child:checked+label::after {
    width: 5px;
    height: 11px;
    border: 2px solid #1E1E20;
    border-left: none;
    border-top: none;
    top: -1px;
}

.remember:hover {
    background-color: rgba(227, 105, 38, 1);
}

.forgot_sub_title {
    color: #052633;
    font-size: 13px;
    font-family: 'Artico';
    margin-bottom: 2rem;
}

.show_pass {
    cursor: pointer;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #052633 !important;
    background-color: #FF8032 !important;
    border-color: #FF8032 !important;
}

.show-data label {
    font-family: 'Artico';
    color: #212529;
    font-size: 14px;
}

.list_of_session {
    color: #052633 !important;
    font-size: 13px;
    font-family: 'Artico';
}

.list_of_session tbody>tr>td:first-of-type,
.list_of_session thead>tr>th:first-of-type {
    padding-left: 1.5rem !important;
}

.list_of_session .thead-light th {
    color: #052633;
}

#CreateSchoolModal .btn-add,
#EditSchoolModal .btn-add {
    border-radius: 16%;
    padding: 9px 12px;
    cursor: pointer;
}

#CreateSchoolModal .btn-add img,
#EditSchoolModal .btn-add img {
    margin-bottom: 2px;
}

#CreateSchoolModal .modal_sub_section,
#CreateInstructorModal .modal_sub_section,
#EditProgramModal .modal_sub_section,
#EditInstructorModal .modal_sub_section,
#RatingAndFeedback .modal_sub_section,
#InstructorModal .modal_sub_section,
#CreateProgramModal .modal_sub_section,
#EditSchoolModal .modal_sub_section,
.instructor-profile .modal_sub_section {
    padding: 6px 20px 6px 20px;
    color: #052633;
    font-family: 'Artico';
    font-size: 15px;
}

.clearance_modal_sub_section,
.header-sub-div {
    padding: 12px 20px 12px 20px;
    color: #052633;
    font-family: 'Artico';
    font-size: 15px;
    background: #F4F7FB;
    width: 100%;
}

.header-sub-div {
    padding: 6px 20px 6px 20px !important;
}

.view-clearances,
.checkbox_selection {
    pointer-events: none !important;
    cursor: not-allowed !important;
}


#add-clearance-documents,
#add-instrutor-state-clearance-documents,
#subject-topics,
.header-main-div {
    margin-left: -2.5%;
    margin-right: -2.5%;
}

#instructor_form #add-clearance-documents, #add-instrutor-state-clearance-documents
#instructor_form #subject-topics {
    margin-left: -13px;
    margin-right: -13px;
}

.clearance-documents {
    padding: 10px 0px 10px 0px;
}

#schoolDetailsEditModal .sub-modal .modal-body,
#CreateSchoolModal .sub-modal .modal-body,
#EditSchoolModal .sub-modal .modal-body {
    height: unset;
}

#CreateSchoolModal .minus-btn,
#schoolDetailsEditModal .minus-btn,
#EditSchoolModal .minus-btn,
#CreateInstructorModal .minus-btn,
#EditInstructorModal .minus-btn,
#RatingAndFeedback .minus-btn,
#InstructorModal .minus-btn,
.instructor-profile .minus-btn,
.que-section .minus-btn{
    float: right;
}

#CreateInstructorModal .btn-minus,
#InstructorModal .btn-minus {
    padding: 2px 5px;
    border: 1px solid #D10000 !important;
    border-color: #D10000 !important;
    cursor: pointer;
}

.btn-minus-availability,
.btn-minus-receipt,
.btn-minus-subject {
    padding: 8px 12px;
    border: 1px solid #D10000 !important;
    border-color: #D10000 !important;
    cursor: pointer;
}

#EditInstructorModal .btn-minus,
#RatingAndFeedback .btn-minus-receipt,
#RatingAndFeedback .btn-minus {
    padding: 2px 4px;
    border: 1px solid #D10000 !important;
    border-color: #D10000 !important;
    cursor: pointer;
}

#EditInstructorModal .show-image img,
#RatingAndFeedback .show-image img,
#EditProgramModal .show-image img {
    padding-bottom: 3px;
}

#instructor_form .show-image img {
    padding-bottom: 4px;
}

#EditInstructorModal .show-image,
#RatingAndFeedback .show-image {
    padding: 0px 5px;
}

#CreateSchoolModal .btn-minus,
#CreateSchoolModal .btn-que-contact-minus,
#schoolDetailsEditModal .btn-minus,
#schoolDetailsEditModal .btn-que-contact-minus,
#schoolDetailsEditModal .remove-clearance,
#EditSchoolModal .btn-minus,
#EditSchoolModal .btn-que-contact-minus,
#Edit_schools_profile_form .btn-que-contact-minus,
#EditSchoolModal .remove-clearance,
.que-section .btn-que-contact-minus {
    padding: 1px 5px;
    border: 1px solid #D10000 !important;
    border-color: #D10000 !important;
    cursor: pointer;
}


#EditInstructorModal .title label,
#RatingAndFeedback .title label,
#CreateInstructorModal .title label {
    margin-bottom: 10px;
}

.instructor-profile .btn-minus {
    padding: 4px 5px;
    border: 1px solid #D10000 !important;
    border-color: #D10000 !important;
    cursor: pointer;
}


#RatingAndFeedback .modal_sub_section {
    padding: 15px 20px 15px 20px !important;
}

.additional_notes {
    margin-bottom: 1rem!important;
    font-size: 1rem!important;
    color: black!important;
}

#instructor_form .title label {
    margin-bottom: 16px;
}

.remove_nested_fields .btn-minus {
    margin-top: 6px;
}

.session-fields,
.contacts-fields,
.que-contacts-fields,
.documents-fields,
.availability-fields {
    padding: 10px 20px 10px 20px;
}

.documents-fields {
    padding: 10px 21px 10px 27px;
}

.delete_btn,
.delete_btn:hover {
    color: #FF2C2C;
    font-family: 'Artico';
}


.read-more,
.read-more:hover {
    cursor: pointer;
    color: rgba(255, 152, 57, 1);
    font-family: 'Artico';
}

.disable-row {
    background-color: #e4e8eb;
}

.cls-Paid {
    color: #1FBF85;
}

.cls-Pending {
    color: #F19242;
}

.document_file_label,
.file_label,
.profile_picture_label,
.resume_label,
.receipt_file_label,
.school_profile_label,
.roaster_file_label {
    font-size: 15px;
    padding-left: 8px;
    opacity: unset !important;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: unset;
    font-family: 'Artico';
}

#body-error {
    margin-left: 17px
}


#adminTimeKeepingRecords-table button.disabled {
    color: #959B9D;
}

#adminTimeKeepingRecords-table button:disabled {
    color: #959B9D;
}

.custom-col-right,
.custom-col-left {
    max-width: 47%;
}

.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.grid-container .grid-child {
    padding: 22px 7.5px 15px 7.5px;
    border-radius: 8px;
}

.pl-09 {
    padding-left: 9px;
}

.caret-right {
    float: right;
    position: relative;
    top: 50%;
    transform: translateY(80%);
}

.daterangepicker .ranges li.active,
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #FF8032;
}

.drp-buttons .btn-primary {
    background-color: #FF8032;
    border-color: #FF8032;
}

.pl-23 {
    padding-left: 23px;
}

.toggle {
    --width: 80px;
    --height: calc(var(--width) / 3);

    position: relative;
    display: inline-block;
    width: var(--width);
    height: var(--height);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: var(--height);
    cursor: pointer;
    margin-bottom: 0px;
    top: 5px;
}

.toggle input {
    display: none;
}

.toggle .slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--height);
    background-color: #ccc;
    transition: all 0.4s ease-in-out;
}

.toggle .slider::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(var(--height));
    height: calc(var(--height));
    border-radius: calc(var(--height) / 2);
    background-color: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    transition: all 0.4s ease-in-out;
}

.toggle input:checked+.slider {
    background-color: #FF8032;
}

.toggle input:checked+.slider::before {
    transform: translateX(calc(var(--width) - var(--height)));
}

.toggle .labels {
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-family: sans-serif;
    transition: all 0.4s ease-in-out;
}

.toggle .labels::after {
    content: attr(data-off);
    position: absolute;
    right: 7px;
    color: #052633;
    opacity: 1;
    transition: all 0.4s ease-in-out;
    top: -3px;
}

.toggle .labels::before {
    content: attr(data-on);
    position: absolute;
    left: 10px;
    color: #052633;
    opacity: 0;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);
    transition: all 0.4s ease-in-out;
    top: -3px;
}

.toggle input:checked~.labels::after {
    opacity: 0;
}

.toggle input:checked~.labels::before {
    opacity: 1;
}

.form-control {
    font-size: 15px !important;
}

.hr-line {
    border: 1px solid lightgray;
    margin: 2px 0px 12px 0px;
}

li.select2-results__option:has(span.highlight-option) {
    color: green;
}

.clock-in-happen-cls {
    background-color: #FF80387d;
}

.event-none {
    pointer-events: none !important;
}

.sendMail {
    cursor: pointer;
}

.geo-Pass {
    color: green;
}

.geo-Fail {
    color: red;
}

.list_show_page {
    font-size: 14px !important;
    margin-top: 10px !important;
    margin-right: -14px;
}

select.list_page_drop {
    border-radius: 10px;
    height: 43px;
    border: 1px solid #D0D5DD;
    background: #F2F6F9;
    padding: 0px 9px;
    color: #667085;
    font-size: 15px;
    font-family: 'Artico';
}

.space_1 {
    margin-right: 10px;
}

.space_2 {
    margin-left: 10px;
    margin-right: 8px;
}

/* start for responsive pagination */
.res-view .pagination {
    display: inline-block;
}

.res-view .pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    border-radius: .25rem;
    margin-bottom: -15px;
    background-color: #FF8032;
}

.res-view .pagination a.active {
    color: #0F1012;
    background-color: #fff;
}

.res-view .pagination-div .pagination {
    padding: 0px 0px 0px 0px;
}

.res-view .pagination-div {
    font-weight: bold;
    padding-right: 43px;
}

/* End for responsive pagination */


/* Start for web view pagination */
.web-view .pagination a {
    padding: 11px 16px;
    text-decoration: none;
    margin-bottom: -15px;
    font-size: 19px;
    font-size: 17px;
    font-family: 'Artico';
}

.web-view .pagination a.active {
    color: #0F1012;
    background-color: #fff;
}

.web-view {
    padding-top: 33px;
}

.web-view .left-div {
    padding-left: 33px;
}

.web-view .page-item.active .page-link {
    color: #FF8032;
    padding: 11px 17px;
    background: #FFF7EF;
    border: 1px solid var(--brand300, #FFDCBD);
    border-radius: 10px;
    font-size: 17px;
    font-family: 'Artico';
}

/* End for web view pagination */

.help-block {
    color: #999;
    font-family: 'Artico';
    font-size: 13px;
    line-height: 20px;

    margin-top: 9px;
}

.mrl {
    margin-right: 49px;
    margin-left: 9px;
}

.fa-map-marker {
    cursor: pointer;
}

.disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    pointer-events: none!important;
    color: black;
}

.addComment {
    color: #0056b3;
    cursor: pointer;
    text-decoration: underline;
}

.view-image-file {
    color: #FF8032;
    font-family: 'Artico';
    font-size: 12px;
    cursor: pointer;
    padding-left: 19px;
}

.show-image {
    border-radius: 4px;
    padding: 1px 5px;
    margin-right: 10px;
    color: #FF8032;
    border: 1px solid #D2D8DA;
}

.btn-delete {
    padding: 0px 4px;
    border: 1px solid #D10000 !important;
    border-color: #D10000 !important;
    cursor: pointer;
}

.btn-delete img {
    padding-bottom: 3px;
}

#instructor_form .show-image {
    padding: 2px 5px;
}

.row.disable_row .no_of_session {
    padding-right: 69px;
}

.no_of_session_save {
    border: 0;
    border-radius: 4px;
    padding: 5px 16px;
    position: absolute;
    right: 14px;
    top: 37px;
    font-size: 12px;
    background-color: #FF8032;
    border-color: #FF8032;
    color: #052633;
    font-weight: 500;
}

.save {
    border: 0;
    border-radius: 4px;
    padding: 5px 16px;
    position: absolute;
    right: 14px;
    top: 37px;
    font-size: 12px;
    background-color: #FF8032;
    border-color: #FF8032;
    color: #052633;
    font-weight: 500;
    cursor: pointer;
}

.save:hover {
    color: #052633;
}

.show_password {
    position: absolute;
    right: 16px;
    top: 14px;
    font-size: 12px;
    color: #052633;
    cursor: pointer;
}

.buttonIn {
    position: relative;
    display: inline-block;
    width: 100%;
}

#SelectSessions .icheck-primary>input:first-child:checked+label::before {
    background-color: white !important;
    border-color: #FF8032 !important;
}
.invoice_payment_checkbox>input:checked+label::before,
.school_invoice_file_check .icheck-primary>input:first-child:checked+label::before,
.clearances .icheck-primary>input:first-child:checked+label::before,
.invoiceTH .icheck-primary>input:first-child:checked+label::before,
.scheduleProgramCheck .icheck-primary>input:first-child:checked+label::before,
.instructorCheck .icheck-primary>input:first-child:checked+label::before,
.icheck-curriculum-generation>input:checked+label::before {
    background-color: #FF8032 !important;
    border-color: #FF8032 !important;
    border-radius: 3px;
}
.invoice_payment_checkbox>input:not(:checked):not(:disabled):hover+label::before,
#SelectSessions .icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before,
.clearances .icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before,
.invoiceTH .icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before,
.scheduleProgramCheck .icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before,
.instructorCheck .icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-curriculum-generation>input:not(:checked):not(:disabled):hover+label::before {
    border-color: #FF8032 !important;
}
.invoice_payment_checkbox>input+label::before,
#SelectSessions [class*=icheck-]>input:first-child+label::before,
.clearances [class*=icheck-]>input:first-child+label::before,
.school_invoice_file_check [class*=icheck-]>input:first-child+label::before,
.invoiceTH [class*=icheck-]>input:first-child+label::before,
.scheduleProgramCheck [class*=icheck-]>input:first-child+label::before,
.instructorCheck [class*=icheck-]>input:first-child+label::before,
.icheck-curriculum-generation>input+label::before {
    background-color: white !important;
    border-radius: 3px;
}

#SelectSessions .icheck-primary label {
    font-size: 14px;
    font-family: 'Artico';
    color: #052633;
}

#SelectSessions .icheck-primary {
    padding: 10px 15px;
}

#SelectSessions .disable-task {
    background: #FF80387d;
}

#SelectSessions .modal-body p {
    color: red;
    font-family: 'Artico';
    font-size: 14px;
}

.clearances [class*=icheck-]>input:first-child:disabled+label,
.invoiceTH [class*=icheck-]>input:first-child:disabled+label,
.scheduleProgramCheck [class*=icheck-]>input:first-child:disabled+label,
.instructorCheck [class*=icheck-]>input:first-child:disabled+label {
    opacity: unset;
}

.search {
    margin-left: 9px;
}

.search_school,
.search_instructor {
    font-size: 14px;
    font-weight: 500;
}

.applyButton {
    margin-top: 31px;
}

.mb-18 {
    margin-bottom: 18px;
}

#manageSchools-table .btn-success,
#manageSchools-table .btn-danger,
#manageInstructors-table .btn-success,
#manageInstructors-table .btn-danger {
    padding: 6px 12px;
    font-size: 12px;
}


.serchbox {
    outline: 0;
    height: 42px;
    width: 244px;
    line-height: 42px;
    padding: 0 16px;
    background-color: rgba(255, 255, 255, 0.8);
    color: #212121;
    float: left;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    border-right: unset;
}

.serchbox:focus {
    outline: unset;
    background-color: #FFF;
    border-color: #ced4da;
}

.magnifier-button {
    outline: 0;
    background: none;
    background-color: #FF8032;
    float: left;
    height: 42px;
    width: 42px;
    border: 0;
    text-align: center;
    line-height: 42px;
    color: #FFF;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px;
    text-rendering: auto;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
}

#InstructorFilter .modal-dialog {
    right: 0 !important;
    transform: translateX(-50%);
    width: 26%;
}

#InstructorFilter .modal-content {
    height: 100%;
    overflow: auto;
    border-radius: 0;
}

#InstructorFilter .modal-dialog {
    position: fixed;
    margin: auto;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

#InstructorFilter .modal-dialog {
    transform: translateX(0%);
}

.strength {
    color: gray;
    font-family: Artico;
    font-size: 18px;
    padding-right: 16px;
}

.lastLabel {
    color: gray;
    font-family: Artico;
    font-size: 15px;
    padding-left: 15px;
}

#InstructorFilter input[type=number] {
    width: unset !important;
    display: unset
}

.bgColor {
    background-color: #ffe5ce;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:not(.tutoring-radio-exclude):checked+label,
[type="radio"]:not(.tutoring-radio-exclude):not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    margin-left: 15px;
}

[type="radio"]:not(.tutoring-radio-exclude):checked+label:before,
[type="radio"]:not(.tutoring-radio-exclude):not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

#ValidationModal [type="radio"]:not(:checked)+label:before {
    border: 1px solid lightslategrey !important;
}

[type="radio"]:not(.tutoring-radio-exclude):checked+label:after,
[type="radio"]:not(.tutoring-radio-exclude):not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #FF8032;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

[type="radio"]:checked+label:before {
    border: 1px solid #FF8032;
}

.disabled_form {
    pointer-events: none;
    opacity: 0.7;
}

.locationMap {
    padding: 4px 6px;
    right: -6px;
    top: 2px;
}

.radioLabel {
    font-size: 14px;
    font-family: artico medium;
    font-weight: unset
}

[type="radio"]:disabled+label {
    cursor: unset;
}

.errorTxt {
    font-size: 15px;
}

.view-details-card {
    background: #F4F6F9;
    padding: 18px;
    border-radius: 6px;
}

.inst-clearance {
    background: #e9ecef;
    padding: 11px;
    margin-left: 0;
    border-radius: 6px;
    margin-bottom: 20px;
}

.accept-disabled .disabled {
    opacity: .65;
    color: black !important;
    pointer-events: none;
}

.main-footer {
    padding: 19px 61px;
}

.content-terms-condition h2,.content-refund-policy h2{
    text-align: center;
    font-family: Artico Bold;
    padding: 40px 0px;
}

.content-terms-condition .card-body h5,.content-refund-policy .card-body h5{
    font-family: artico medium;
    font-size: 17px;
}

.content-terms-condition p,
.content-terms-condition h6,
.content-terms-condition ul {
    color: gray;
    font-size: 15px;
}

#nav-treeview {
    font-size: 13px;
    font-family: "Artico Medium";
    color: #052633;
}

#nav-treeview a {
    padding-left: 57px;

}

.pac-container {
    z-index: 10000;
}

.instructor-search-options,
.student-search-options,
.school-search-options,
.district-search-options,
.contact-name-search-options,
.contact-email-search-options,
.email-search-options,
.program-search-options,
.subject-search-options,
.assign-instructor-search,
.role-name-search-options,
.state-search-options,
.sales-search-options {
    max-height: 200px;
    overflow-y: auto;
}

.global-search-options .select2-results__option,
.instructor-search-options .select2-results__option,
.role-name-search-options .select2-results__option,
.contact-name-search-options .select2-results__option,
.contact-email-search-options .select2-results__option,
.student-search-options .select2-results__option,
.school-search-options .select2-results__option,
.district-search-options .select2-results__option,
.email-search-options .select2-results__option,
.state-search-options .select2-results__option,
.program-search-options .select2-results__option,
.subject-search-options .select2-results__option,
.assign-instructor-search .select2-results__option,
.sales-search-options .select2-results__option {
    cursor: pointer;
    font-size: 15px;
}

.global-search-options .select2-results__option:hover,
.instructor-search-options .select2-results__option:hover,
.role-name-search-options .select2-results__option:hover,
.student-search-options .select2-results__option:hover,
.school-search-options .select2-results__option:hover,
.district-search-options .select2-results__option:hover,
.contact-name-search-options .select2-results__option:hover,
.contact-email-search-options .select2-results__option:hover,
.email-search-options .select2-results__option:hover,
.state-search-options .select2-results__option:hover,
.program-search-options .select2-results__option:hover,
.subject-search-options .select2-results__option:hover,
.assign-instructor-search .select2-results__option:hover,
.sales-search-options .select2-results__option:hover {
    background-color: #FF8032 !important;
}

.global-search-options .select2-results__option--highlighted,
.instructor-search-options .select2-results__option--highlighted,
.role-name-search-options .select2-results__option--highlighted,
.student-search-options .select2-results__option--highlighted,
.school-search-options .select2-results__option--highlighted,
.district-search-options .select2-results__option--highlighted,
.contact-name-search-options .select2-results__option--highlighted,
.contact-email-search-options .select2-results__option--highlighted,
.email-search-options .select2-results__option--highlighted,
.state-search-options .select2-results__option--highlighted,
.program-search-options .select2-results__option--highlighted,
.subject-search-options .select2-results__option--highlighted,
.assign-instructor-search .select2-results__option--highlighted,
.sales-search-options .select2-results__option--highlighted {
    background-color: #FF8032 !important;
}

.searchData.select2-dropdown {
    border: unset !important;
    border-left: 1px solid #ced4da !important;
    border-right: 1px solid #ced4da !important;
    border-top: none !important;
}

#start_date:read-only {
    pointer-events: none;
}

.fa-question-circle,
.fa-envelope {
    font-size: 21px;
    color: #FF8032;
    cursor: pointer;
    padding: 7px 18px;
}

@media(max-width: 457px) {

    .fa-question-circle,
    .fa-envelope {
        padding: 7px 11px 0px 0px;
    }

    .uname {
        font-size: 11px;
    }

    .header-logout {
        font-size: 12px;
    }
}

#rubricTable {
    border: 1px solid #dee2e6 !important;
}

.fa-envelope:hover {
    color: #FF8032;
}

.readonly-type {
    background-color: #e9ecef;
    opacity: 1;
    pointer-events: none;
}

.scroll-class {
    height: 700px;
}

.not_lat_lng {
    color: red;
    font-family: 'Artico';
    font-size: 14px;
}

.astro-sort {
    cursor: pointer;
}

.fa-sort:before,
.fa-sort-up:before,
.fa-sort-down:before {
    font-size: 17px;
}

.fa-sort:before {
    color: #BFBFBF;
}

.fa-sort-up,
.fa-sort-down {
    color: #052633;
}

.astro-sort {
    position: relative;
}

.fa.fa-fw {
    position: absolute;
    margin-left: 7px;
}

.blockUI.blockOverlay {
    z-index: 1051 !important;
}

.badge-success,
.badge-danger,
.badge-dark,
.badge-info,
.badge-warning,
.badge-primary {
    font-size: 12px;
    padding: 5px 11px;
    font-weight: 500;
}

.listing-dropdown .dropdown-toggle {
    padding: 5px 15px;
    background-color: #FF8032 !important;
    border-color: #FF8032 !important;
}

.listing-dropdown .dropdown-toggle::after {
    content: none;
}

.listing-dropdown .dropdown-menu {
    margin: unset;
    border: unset;
    background: #FFF8F3;
    left: -22px !important;
}

.listing-dropdown .main-list {
    height: 205px;
    overflow-x: auto;
    min-width: 13rem;
}

.listing-dropdown .dropdown-menu li,
.listing-dropdown .dropdown-menu a {
    width: 100%;
    font-size: 14px;
    text-align: left;
    border-radius: unset;
    font-family: "Artico";
    color: #052633;
}

.listing-dropdown .dropdown-menu li:hover,
.listing-dropdown .dropdown-menu a:hover {
    background-color: #FF8032;
}

.wrapper-ext {
    display: flex;
}

.left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}

::-webkit-scrollbar {
    width: 8px;
    height: 14px;
}

.disabled-link {
    background-color: #ddd !important;
    pointer-events: none;
    cursor: not-allowed;
}

.fixed_header {
    overflow-x: auto;
    max-height: 700px;
    display: block;
}

.fixed_header thead {
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 1;
}

.user-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 10px;
    padding: 40px;
    width: 650px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 20px -5px rgba(0, 0, 0, 0.5);
}

.user-card:before {
    content: '';
    position: absolute;
    height: 300%;
    width: 173px;
    background: #262626;
    top: -60px;
    left: -125px;
    z-index: 0;
    transform: rotate(17deg);
}

.user-card-img {
    display: flex;
    justify-content: center;
    z-index: 3;

    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.25);
    position: absolute;
    /* top: -30.56%; */
    border: 1px solid white;
}

.user-card-img img {
    /* margin-top: 30%; */
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 20px;
    background-color: white;
}

.all-details-card {
    text-align: center;
}

.all-details-card h2 {
    font-size: 24px;
    margin: 0;
    margin-bottom: 10px;
    font-family: 'Bebas Neue', sans-serif;
    letter-spacing: 3px;
}

.all-details-card p {
    font-size: 14px;
    margin-bottom: 6px;
}

.all-details-card p span {
    font-weight: 700;
    margin-right: 10px;
}


@media only screen and (min-width: 768px) {
    .user-card {
        flex-direction: row;
        align-items: flex-start;
    }

    .user-card-img {
        margin-bottom: 30px;
    }

    .all-details-card {
        text-align: left;
    }
}

@media (max-width: 767px) {
    .user-card:before {
        width: 300%;
        height: 200px;
        transform: rotate(0);
    }

    .all-details-card h2 {
        margin-top: 25px;
        font-size: 35px;
    }

    .all-details-card p span {
        display: block;
        margin-bottom: 15px;
        font-size: 18px;
    }
}

@media (max-width: 1400px) {
    .all-details-card {
        padding-left: 65px;
    }

    .user-card-img img {
        width: 150px;
        height: 150px;
    }
}

.pt-39 {
    padding-top: 39px !important;
}

#ConnectingEmail p {
    color: gray;
    font-size: 16px;
    font-family: Artico;
}

#ConnectingEmail p strong {
    color: black;
}

#ConnectingEmail h6 {
    font-size: 18px;
    margin-bottom: 27px;
    font-weight: 600;
    font-family: Artico;
}

#rubricTable {
    font-family: Artico;
    font-size: 15px;
    color: #052633;
}

.clickable-col:hover {
    cursor: pointer;
}

.clickable-row td:first-child {
    font-weight: bold;
}

#RatingAndFeedback .selected {
    background: #9dc209;
    color: white;
}

/* Custom button styles */
.custom-yes-button,
.custom-ok-button,
.custom-overwrite-button,
.custom-skip-button {
    background-color: #FF8032 !important;
    color: #052633 !important;
    font-size: 16px !important;
    box-shadow: unset !important;
    font-family: "Artico Medium";
}

.custom-no-button,
.custom-cancel-button {
    background-color: #052633 !important;
    font-size: 16px !important;
}

.custom-title {
    font-size: 24px !important;
    color: #052633 !important;
    font-family: Artico;
}
.build-program-custom-title {
    font-size: 20px !important;
    color: #052633 !important;
    font-family: Artico;
    text-align: left !important;
}
.custom-title-grade {
    font-size: 21px !important;
    color: #052633 !important;
    font-family: Artico;
}

#selectRole {
    position: unset !important;
}


.view-icon {
    padding: 10px 11px;
    margin: 0px 10px 10px 0px;
    color: #052633;
    font-size: 13px;
    font-family: 'Artico';
    border-radius: 6px;
    background: #e9ecef;
}

.task-list-box {
    padding: 10px 11px;
    margin: 0px 0px 7px 0px;
    color: #052633;
    font-size: 13px;
    font-family: 'Artico';
    border-radius: 6px;
    background: #e9ecef;
    height: 100%;
}

.view-icon span,
.task-list-box span {
    margin-right: 6px;
}

.section {
    background: #ffead6;
    font-size: 14px;
    font-family: 'Artico Medium';
    color: #052633;
    border-radius: 3px;
}

.section-details .card-body {
    padding: 16px;
}

.section-details {
    color: #212529;
    font-family: 'Artico';
    font-size: 14px;
    margin-bottom: unset;
}

.section-detailsPM {
    padding: 13px 13px 0px 13px;
    margin-top: 170px;
}

.section-detailsPM-new {
    padding: 13px 13px 0px 13px;
    margin-top: 72px;
}

.section-details .row {
    margin-bottom: 8px;
}

.overview-tbody td {
    padding: 4px 0px 6px 0px !important;
}

.text-muted {
    font-size: 14px;
}

.overview-tbody .fa {
    padding: unset !important;
    color: #FF8032
}

.hr-line-section {
    background: #FF8032;
    padding: 2px;
    border-radius: 3px 3px 0px 0px;
}

.section .title {
    padding: 4px 15px 7px 15px;
}


/*.t-container {*/
/*display: flex;*/
/*flex-direction: row;*/
/*flex-wrap: wrap;*/
/*align-items: center;*/
/*justify-content: center;*/
/*}*/

.t-container .profile-card {
    /*width: 346px;*/
    font-family: artico;
    border: 1px;
}

.t-container .card-body {
    width: auto;
    height: max-content;
    background: white;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    border-radius: 15px;
    position: relative;
    display: flex;
    flex-direction: column;
}

.t-container .name {
    position: absolute;
    font-family: Artico;
    font-weight: bolder;
    line-height: normal;
    /* top: 48%; */
    color: #212529;
    font-size: 22px;
}

.billing-details {
    font-family: 'Artico Medium';
}

.billing-details td {
    padding: 4px 24px 6px 0px !important;
}

.mr-22 {
    margin-right: 22px;
}

.mb-14 {
    margin-bottom: 14px;
}

#DisplayResumeFilesModal .modal-dialog,
#backgroundClearanceModal .modal-dialog,
#viewClearanceDocumentModal .modal-dialog,
#DisplaySchoolInvoiceFilesModal .modal-dialog,
#DisplayReceiptFilesModal .modal-dialog,
#ViewMultimediaModal .modal-dialog,
#DisplayRoasterFilesModal .modal-dialog {
    max-width: 1080px;
}

.total_applicant {
    color: #28a745;
    font-weight: 600;
    font-size: 14px;
}

.applied_color {
    color: #28a745;
    font-weight: 600;
    font-size: 14px;
}

.child-tab.active {
    background-color: unset !important;
}

.child-tab.active p {
    color: #FF8032 !important;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus,
[class*=sidebar-dark-] .nav-sidebar>.nav-item .nav-item.menu-open>.nav-link,
[class*=sidebar-dark-] .nav-sidebar>.nav-item .nav-item>.nav-link:focus {
    background-color: #FF8032;
}

.overview-icon {
    cursor: pointer;
}

.report-card {
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, .03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, .03), 0 0.25rem 0.53125rem rgba(4, 9, 20, .05), 0 0.125rem 0.1875rem rgba(4, 9, 20, .03);
    border-width: 0;
    transition: all .2s;
}

.widget-content .widget-content-wrapper {
    display: flex;
    flex: 1;
    position: relative;
    align-items: center;
}

.text-color {
    color: #fff !important;
}

.widget-content .widget-content-left .widget-heading {
    font-weight: 700;
}

.widget-content .widget-content-right {
    margin-left: auto;
}

.widget-content .widget-numbers {
    font-weight: 700;
    font-size: 21px;
    display: block;
}

.widget-content {
    padding: 13px 17px;
    flex-direction: row;
    align-items: center;
}

.gradient-emerald-wave {
    background: linear-gradient(90.63deg, #28B07E 0.55%, #4CCA9C 100.24%);
}

.gradient-blue-cyan {
    background: linear-gradient(90.63deg, #17BFCF 0.55%, #1FDDF0 100.24%);
}

.gradient-blue-sky {
    background: linear-gradient(90.63deg, #48A9F8 0.55%, #7AC3FF 103.81%);
}

.gradient-deep-blue {
    background: linear-gradient(90.63deg, #385076 0.55%, #5B80BA 100.24%);
}

.gradient-sunset-orange {
    background: linear-gradient(90.63deg, #FF8032 0.55%, #f79d49 100.24%);
}

.gradient-warm-peach {
    background: linear-gradient(90.63deg, #F15854 0.55%, #FF6965 52.75%);
}

.gradient-tropical-green {
    background: linear-gradient(90.63deg, #28B07E 0.55%, #4CCA9C 100.24%);
}

.widget-heading {
    font-family: 'Artico Bold';
}

.subheading {
    width: 80%;
    font-family: 'Artico';
    font-size: 14px;
}

.widget-subheading {
    font-family: 'Artico';
    font-size: 14px;
}

.is_registration_based_programs .custom-control-label::before,
.is_supply_reimbursement .custom-control-label::before,
.is_auto_generate_curriculum .custom-control-label::before {
    width: 63px !important;
    height: 31px !important;
}

.is_registration_based_programs .custom-switch .custom-control-label::after,
.is_supply_reimbursement .custom-switch .custom-control-label::after,
.is_auto_generate_curriculum .custom-switch .custom-control-label::after {
    width: calc(23px - 0px);
    height: calc(23px - 0px);
    top: calc(5px + 3px);
    left: calc(-34px + 2px);
}

.is_registration_based_programs .custom-switch .custom-control-label::after,
.is_supply_reimbursement .custom-switch .custom-control-label::after,
.is_auto_generate_curriculum .custom-switch .custom-control-label::after {
    border-radius: 50%;
}

.is_registration_based_programs .custom-switch .custom-control-input:checked~.custom-control-label::after,
.is_supply_reimbursement .custom-switch .custom-control-input:checked~.custom-control-label::after,
.is_auto_generate_curriculum .custom-switch .custom-control-input:checked~.custom-control-label::after {
    transform: translateX(31px);
}

#CreateAssignProgramModal .is_registration_based_programs {
    padding-right: 7px;
}

#CreateAssignProgramModal .is_auto_generate_curriculum {
    border-left: 1px solid grey;
    padding-left: 8px;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    background-image: -webkit-linear-gradient(top, #FFC48E, #FF8032) !important;
    font-weight: bolder;
}

#MatrixRecordsModal .table td,
#MatrixRecordsModal .table th {
    padding: 9px;
}

#MatrixRecordsModal .modal-body {
    padding: 20px 20px 0px 20px;
}

#MatrixRecordsModal {
    padding: unset !important;
}

.career-grid-container {
    display: grid;
    column-gap: 15px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    row-gap: 15px;
}

.career-grid-item {
    background-color: rgba(255, 255, 255, 0.8);
    border: 2px solid #ced0d3;
    /* padding: 15px; */
    font-size: 13px;
    /* text-align: center; */
    border-radius: 10px;
    position: relative;
    /* cursor: pointer; */
}

.career-grid-item img.career_new_img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.career-buttons-div {
    position: absolute;
    top: 76%;
    left: 26%;
    display: none;
}

.career-grid-item:hover .career-buttons-div {
    display: block;
    /* Show buttons on hover */
}

/* .career-grid-item:hover {
    background: linear-gradient(90.63deg, #ffb6748f 0.55%, rgba(243, 146, 59, 0.77) 100.24%);
    color: black;
    transition: 1s ease;
    border: 2px solid #5B80BA;
} */

.program-career {
    font-size: 18px !important;
    font-weight: bold !important;
}

.career-grid-item p {
    font-size: 15px;
    font-weight: 500;
}

.career-heading {
    padding: 30px 0px 0px 0px;
}

.label-p {
    font-weight: bold;
    color: #7a7474;
}

.label-val {
    font-weight: 500;
}

.carrier-footer-btn {
    display: flex;
    justify-content: right;
}

.mr-15 {
    margin-right: 10px;
}

.mr-10 {
    margin-right: 10px;
}

.btn-inline,
.btn-inline:hover {
    background: linear-gradient(90.63deg, #385076 0.55%, #5B80BA 100.24%);
    color: white;
}

.instructor-send-career-invitation-modal-dialogue {
    max-width: 70%;
}

.career-modal-fixed-div {
    overflow-x: auto;
    max-height: 760px;
    display: block;
}

.validation_message {
    font-weight: 500;
    font-family: 'Artico Medium';
    color: #052633;
    text-align: center;
    font-size: 18px;
}

.btn-blue-color {
    background-color: #052633;
    color: #fff;
    font-family: "Artico Medium";
    font-size: 12.5px;
    line-height: 20px;
}
.schedule_program_btn:hover,
.btn-blue-color:hover {
    color: #fff;
}

.overwrite-session-date,
.instructor-overwrite-session-date {
    font-family: 'Artico';
    font-size: 15px;
    justify-content: center;
}

.disabled-session {
    color: crimson;
}

.enable-session {
    color: #052633;
}

.disabled-btn {
    pointer-events: none;
    opacity: 0.7;
}

#VerificationCurriculum .modal-footer {
    border-top: 1px solid #e9ecef;
}

.schedule-div {
    display: flex;
    padding-right: unset;
    padding-left: unset;
    justify-content: space-between;
;
}

.lesson-edit-submit {
    padding-left: 30px;
    padding-right: 30px;
}

/*--------------  date range CSS ----------------------- */
.ranges li.active {
    border: unset;
}

.ranges li:hover {
    background-color: darkgray;
    border: 1px solid darkgray;
}

.range_inputs .btn-success {
    background-color: #FF8032;
    border-color: #FF8032;
}

.range_inputs .btn-success:hover {
    background-color: #FF8032;
    border-color: #FF8032;
}

.daterangepicker .daterangepicker_input i {
    top: 4px;
}

.ranges li {
    color: #052633;
}

.range_inputs .btn-success.disabled,
.range_inputs .btn-success:disabled {
    background-color: #FF8032;
    border-color: #FF8032;
}

.range_inputs .btn-success:not(:disabled):not(.disabled).active,
.range_inputs .btn-success:not(:disabled):not(.disabled):active,
.show>.range_inputs .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #FF8032;
    border-color: #FF8032;
}

.feedback-btn,
.feedback-btn:hover,
.feedback-btn:focus,
.feedback-btn:active {
    color: #fff !important;
    background-color: #FF8032 !important;
    border-color: #FF8032 !important;
}

.modal-confirm {
    color: #636363;
    width: 400px;
}

.modal-confirm .modal-content {
    padding: 20px;
    border-radius: 5px;
    border: none;
    text-align: center;
    font-size: 14px;
}

.modal-confirm .modal-header {
    border-bottom: none;
    position: relative;
}

.modal-confirm h4 {
    text-align: center;
    font-size: 26px;
    margin: 30px 0 -10px;
}

.modal-confirm .close {
    position: absolute;
    top: -5px;
    right: -2px;
}

.modal-confirm .modal-body {
    color: #999;
}

.modal-confirm .modal-footer {
    border: none;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
    padding: 10px 15px 25px;
}

.modal-confirm .modal-footer a {
    color: #999;
}

.modal-confirm .icon-box {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    z-index: 9;
    text-align: center;
    border: 3px solid #f15e5e;
}

.modal-confirm .icon-box i {
    color: #f15e5e;
    font-size: 46px;
    display: inline-block;
    margin-top: 13px;
}

.modal-confirm .btn,
.modal-confirm .btn:active {
    color: #fff;
    background: #60c7c1;
    text-decoration: none;
    transition: all 0.4s;
    line-height: normal;
    min-width: 120px;
    border: none;
    min-height: 40px;
    border-radius: 3px;
    margin: 0 5px;
}

.modal-confirm .btn-secondary {
    background: #c1c1c1;
}

.modal-confirm .btn-secondary:hover,
.modal-confirm .btn-secondary:focus {
    background: #a8a8a8;
}

.modal-confirm .btn-danger {
    background: #f15e5e;
}

.modal-confirm .btn-danger:hover,
.modal-confirm .btn-danger:focus {
    background: #ee3535;
}

#promptModal .cke_contents {
    height: 296px !important;
}

#promptModal .cke_top {
    height: 17px !important;
}

.total-instructor-count-div,
.total-school-count-div,
.total-school-invoice-div,
.total-program-profit-div {
    background: linear-gradient(90.63deg, #FF8032 0.55%, #fd7e14c7 100.24%);
    color: white;
    border-radius: 12px;
    padding: 3px;
    height: 61px;
}
.total-school-hour-div-allschoolinvoice,
.total-school-cost-div-allschoolinvoice,
.total-school-select-div-allschoolinvoice
{
    background: linear-gradient(90.63deg, #FF8032 0.55%, #fd7e14c7 100.24%);
    color: white;
    border-radius: 12px;
    padding: 2px;
}

.total-school-hour-div-allschoolinvoice .total-school-hour-allschoolinvoice,
.total-school-cost-div-allschoolinvoice .total-school-cost-allschoolinvoice, .total-school-selected-allschoolinvoice,
.total-instructor-count-div .total-instructor-count,
.total-school-count-div .total-school-count,
.total-school-invoice-div .total-school-invoice,
.total-program-profit-div .total-program-profit-count,
.total-sales-count-div .total-sale-count {
    text-align: center;
    font-weight: 700;
}

.total-school-hour-div-allschoolinvoice label,
.total-school-cost-div-allschoolinvoice label,
.total-instructor-count-div label,
.total-school-count-div label,
.total-school-invoice-div label,
.total-program-profit-div label,
.total-sales-count-div label {
    text-align: center;
    display: block;
}

.upper-instructor-count, .upper-school-count, .upper-schoolcost-count {
    float: right;
    position: absolute;
    right: 0;
    bottom: 20px;
}

.total-program-profit{
    float: right;
    position: absolute;
    right: 0;
}

.feedback-btn,
.feedback-btn:hover,
.feedback-btn:focus,
.feedback-btn:active {
    color: #fff !important;
    background-color: #FF8032 !important;
    border-color: #FF8032 !important;
}

.scrollable-table {
    overflow-y: auto;
    height: 300px;
    /* Adjust the height as needed */
}

.scrollable-table .table {
    table-layout: fixed;
}

.scrollable-table thead {
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 1;
}

/*pending task button design*/
.pending-task-button {
    padding: 25px 16px;
    background: #052633;
    width: 192px;
    bottom: 0;
    color: white;
    right: 0;
    margin: 15px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    box-shadow: 0 2px 15px rgba(44, 80, 239, 0.21);
    cursor: pointer;
    position: fixed;
    font-family: 'Artico';
    z-index: 999;
}

.pending-task-button span::before {
    content: "";
    height: 14px;
    width: 14px;
    background: #FF8032;
    position: absolute;
    transform: translate(0, -6px);
    border-radius: 20px;
}

.pending-task-button span::after {
    content: "Pending Task List";
    font-size: 15px;
    color: white;
    position: absolute;
    left: 43px;
    top: 15px;
}

.pending-task-box {
    height: 57%;
    width: 457px;
    position: fixed;
    display: flex;
    flex-direction: column;
    z-index: 15;
    right: 0;
    bottom: 0;
    margin: 15px;
    background: #fff;
    border-radius: 15px;
    visibility: hidden;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.pending-task-box-header {
    height: 10%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    display: flex;
    font-size: 14px;
    padding: 0.5em 0;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.025);
}

.pending-task-box .fa fa-window-minimize {
    color: #052633;
    margin-top: 6px;
}

.pending-task-box-header h3 {
    font-family: 'Artico Bold';
    font-weight: 400;
    float: left;
    position: absolute;
    left: 24px;
    font-size: 15px;
    top: 16px;
    color: #052633;
    margin-top: 6px;
}

.pending-task-box-header p {
    float: right;
    position: absolute;
    right: 16px;
    cursor: pointer;
    margin: 0;
    margin-top: 7px;
    margin-right: 13px;
}

.pending-task-box-body {
    height: 87%;
    overflow-y: auto;
    padding: 8px 18px;
}

.pending-task-box-body-content {
    background: white;
    padding: 18px 20px;
    border-radius: 5px;
    color: #052633;
    /*width: 100%;*/
}

.pending-task-box-body-content:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.pending-task-box-body-content span {
    font-family: 'Artico';
    font-size: 15px;
}

.pending-task-box-body-content a {
    cursor: pointer;
}

.question-circle {
    cursor: pointer;
}

.pending-task-checkbox [class*=icheck-]>input:first-child+label::before {
    top: 4px;
}

.pending-task-checkbox [class*=icheck-]>input:first-child:checked+label::after {
    top: 3px;
}

.left-arrow {
    padding-right: 15px;
    cursor: pointer;
}

@media(max-width: 457px) {
    .pending-task-box {
        width: 100%;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        margin: unset;
    }
}

.clearance-description-box {
    position: fixed;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 15;
    right: 478px;
    bottom: 0;
    margin: 15px 5px;
    background: linen;
    border-radius: 15px;
    padding: 7px 0px 7px 9px !important;
    height: 57%;
}

.clearance-description-box:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(58, 188, 61, 0);
    border-left-color: linen;
    border-width: 15px;
    margin-top: -19px;
}

.clearance-description-body {
    color: #052633;
    font-family: 'Artico';
    font-size: 15px;
    height: 81%;
    overflow-y: auto;
    padding-left: 35px;
}

.clearance-description-body ul {
    padding-left: 14px;
}

.clearance-description-box-header {
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    padding: 10px 21px 0px 9px;
}

.clearance-description-box-header h3 {
    font-family: 'Artico Bold';
    font-weight: 400;
    left: 24px;
    font-size: 15px;
    top: 16px;
    color: #052633;
    padding-right: 20px;
    padding-bottom: 13px;
}

.clearance-description-box-header .fa-times {
    color: #052633;
    cursor: pointer;
}

.badge-primary {
    background: #3c8dbc !important;
    font-size: 12px;
    padding: 5px 11px;
    font-weight: 500;
}

.badge-success {
    background: #398439 !important;
    font-size: 12px;
    padding: 5px 11px;
    font-weight: 500;
}

.pending-task-checkbox [class*=icheck-]>input:first-child+label::before {
    border: 1px solid lightslategray;
}

.data-not-found {
    font-size: 13px;
    font-family: "Artico Medium";
    color: red;
    text-align: center;
}

.pending-task-label {
    padding-left: 15px;
}

.pending-task-label li {
    color: #052633;
    font-weight: 700;
    font-family: 'Artico';
    font-size: 15px;
}

.pending-task-label li::marker {
    color: #FF8032;
}

.pending-task-label li {
    list-style-type: none;
    position: relative;
    /* It's needed for setting position to absolute in the next rule. */
}

.pending-task-label li::before {
    content: '';
    position: absolute;
    left: -24px;
    margin-top: 4px;
    font-size: 1.1em;
    background: #FF8032;
    width: 13px;
    height: 13px;
    border-radius: 50%;
}

.view-receipt {
    width: max-content;
    padding: 4px 6px;
    margin-right: 2px !important;
}

.delete-receipt {
    padding: 4px 8px;
    margin-right: 5px;
}

#DisplayReceiptFilesModal .modal-dialog {
    overflow-y: initial !important
}

#DisplayReceiptFilesModal .modal-body,
#DisplayRoasterFilesModal .modal-body {
    height: 80vh;
    overflow-y: auto;
}

.scheduleProgramCheck [class*=icheck-]>input:first-child {
    position: unset !important;
}

.upper-sales-count {
    display: flex;
    justify-content: space-between;
    position: absolute;
    right: 0;
    bottom: 43px;
}

.total-sales-count-div {
    background: linear-gradient(90.63deg, #fd7e14c7 0.55%, #f39c12bd 100.24%);
    color: white;
    border-radius: 12px;
    padding: 3px;
    height: 61px;
    width: inherit;
    margin-right: 5px;
}

.program-image {
    width: 69px;
    height: 66px;
    object-fit: cover;
    cursor: pointer;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px
}

.new-add-pl {
    padding-left: 18px !important;
}

.schedule_checkbox_pv {
    padding: 0 !important;
    vertical-align: middle !important;
}

.school-show-data .card-body {
    background: unset;
    box-shadow: unset;
    border-radius: unset;
}

.readonly-toggle,
.readonly-toggle::before,
.readonly-toggle::after {
    pointer-events: none !important;
}

.register_instor_radio {
    margin-left: 0 !important;
    padding-top: 2px !important;
    color: #052633 !important;
    font-size: 13px;
    font-family: 'Artico';
}

.register_student_radio {
    padding-top: 2px !important;
    color: #052633 !important;
    font-size: 13px;
    font-family: 'Artico';
}

.disable_register {
    display: none;
}

.student-card-other {
    height: 235px !important;
}

.student-body-card {
    height: 235px !important;
}

.student-other-name {
    top: 65% !important;
}

[class*=icheck-]>.curriculum_checkbox:first-child:disabled+label::before {
    opacity: .90 !important;
}

.email-list {
    padding-left: 17px;
    /* Adjust padding as needed */
}

#InstructorFilterStudent .modal-dialog {
    right: 0 !important;
    transform: translateX(-50%);
    width: 26%;
}

#InstructorFilterStudent .modal-content {
    height: 100%;
    overflow: auto;
    border-radius: 0;
}

#InstructorFilterStudent .modal-dialog {
    position: fixed;
    margin: auto;
    height: 100%;
    -ms-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

#InstructorFilterStudent .modal-dialog {
    transform: translateX(0%);
}

#InstructorFilterStudent input[type=number] {
    width: unset !important;
    display: unset
}

.search-box {
    width: inherit;
    position: relative;
    display: flex;
}

.search-input {
    width: 100%;
    padding: 10px;
    border: 4px solid #FFFFFF;
    border-radius: 10px 0 0 10px;
    border-right: none;
    outline: none;
    font-size: 20px;
    font-family: "Artico";
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.search-button {
    text-align: center;
    height: 58px;
    width: 65px;
    outline: none;
    cursor: pointer;
    border: 4px solid #FFCFA2;
    border-radius: 0 10px 10px 0;
    border-left: none;
    background: none;
    font-size: 20px;
    border-left: 4px solid #FFCFA2;
    background: #FFCFA2;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.tutoring_program::placeholder,
.open_program::placeholder,
.search_program::placeholder {
    font-family: "Artico";
    font-size: 20px;
}

.search-box-main-div {
    position: relative;
}

.tutuor_title {
    font-family: "Artico";
    color: #052633;
    font-weight: 600;
    text-align: center;
}

.tutoring_list_result {
    position: absolute;
    /* z-index: 1; */
    z-index: 1050;
    width: inherit;
    border: 1px solid #ced4da;
    border-radius: 10px;
    background: #FFFFFF;
    display: inline-block;
    padding: 7px 15px;
    max-height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
}
.tutoring_list_result_list ul,
.tutoring_list_result ul {
    font-family: "Artico";
    font-size: 17px;
    list-style-type: none;
    padding: 0;
    margin-bottom: unset !important;
}

.tutoring_hover li {
    text-decoration: none;
    padding: 3px 0px;
}
.program_page_link,
.program_page_link:hover,
.tutoring_hover li:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #FF8032;
}

.tutoring_check {
    display: none;
}

.tutoring_final-pt {
    padding-top: 26px;
}

.tutroing_hourly_pte {
    margin: auto;
    padding-top: 75px;
    text-align: center;
}

.disable_btn_instructor {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed !important;
}

.tutoring_reject {
    text-overflow: ellipsis;
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.studnet-schedule-btn-pt {
    padding-top: 32px;
}

.studnetCode-btn-pt {
    padding-top: 35px;
}

div:where(.swal2-container) .swal2-html-container {
    font-family: 'Artico' !important;
    font-size: 15px !important;
}

#RatingAndFeedback {
    padding-right: unset !important;
}

.parent-option,
.category-option,
.parent-school {
    font-weight: bold;
}

.child-option,
.program-option,
.child-school {
    padding-left: 40px !important;
}

.add-css {
    background-color: #ffecdb;
}

.matrix,
.bottom-matrix,
.deleteScheduleA,
.confirmation-open {
    cursor: pointer;
}

.color-red,
.color-red:hover {
    color: red;
}

.question li {
    font-family: 'Artico' !important;
    font-size: 14px !important;
    line-height: 21px !important;
}

/* review  */
.wrapper-rating {
    background: var(--white);
    padding: 2rem;
    border-radius: .75rem;
    box-shadow: var(--shadow);
    text-align: center;
}

.wrapper-rating h3 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.rating {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    grid-gap: .5rem;
    font-size: 2rem;
    color: var(--yellow);
    margin-bottom: 2rem;
}

.rating .star {
    cursor: pointer;
}

.rating .star.active {
    opacity: 0;
    animation: animate .5s calc(var(--i) * .1s) ease-in-out forwards;
}

@keyframes animate {
    0% {
        opacity: 0;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.2);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.rating .star:hover {
    transform: scale(1.1);
}

.rating_error_span {
    float: inline-start;
    margin-top: -25px;
    margin-left: 5px;
}

/* review end */

/*.parent_custom_ptb{*/
/*    padding: 20px 0;*/
/*}*/
.notification-div {
    margin-left: auto;
    background-color: #e86767;
    color: white;
    padding: 7px;
    text-align: center;
}

.notification-div a {
    color: white;
}

.notification-div img {
    margin-right: 5px;
}

.reject-btn {
    background-color: #cd2a2ae6;
    color: white;
}

.highlight {
    animation: highlight 2s ease-in-out;
}

@keyframes highlight {
    from {
        background-color: yellow;
    }

    to {
        background-color: white;
    }
}

.carousal-div {
    background-color: #FF8032;
    display: flex;
    justify-content: center;
    flex-direction: column;
    /*height: 90%;*/
    /*margin-top: -60px;*/
}

.carousal-thumb-div {
    /*background-image: url(../image/Concorde-Thumb.jpg);*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 80%;
    height: 383px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-indicators li {
    width: 12px !important;
    height: 11px !important;
    border-radius: 50% !important;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    /*height: 15px!important;*/
    background-clip: unset !important;
    box-sizing: unset !important;
}

.carousel_title_font_h1 {
    font-family: "Artico Bold";
    color: #052633;
    font-weight: 600;
    font-size: 24px;
}
.carousel_title_font_p {
    font-family: 'Artico';
    font-size: 16px;
}

.carousal-div .carousel-indicators {
    bottom: -80px;
}

.carousal-div .carousel-control-next {
    margin-right: 38%;
    width: 15px;
}

.carousal-div .carousel-control-prev {
    margin-left: 38%;
    width: 15px;
}

.thumb_play_img:hover {
    cursor: pointer;
}

#videoPlayerModal .modal-content {
    background-color: unset !important;
    border: unset !important;
    box-shadow: unset !important;
    height: 100%;
    border-radius: 0;
}

#videoPlayerModal .modal-dialog {
    width: 100%;
    height: 95%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

#videoPlayerModal .modal-body {
    /*overflow-y: auto;*/
    padding: unset;

}

#videoPlayerModal .modal-header {
    border-bottom: unset;
    padding: 3px 20px 3px 21px;
}

/*.carousel-indicators .active {*/
/*    background-color: #e76808 !important;*/
/*}*/

#videoPlayerModal iframe {

    height: 100% !important;
    width: 100% !important;
}

/*.carousel-indicators .active {*/
/*    background-color: #e76808 !important;*/
/*}*/
.schedule_session_model_text {
    font-family: 'Artico';
    font-size: 14px;
    line-height: 20px;
}

.login-header .navbar-nav .nav-link {
    font-size: 18px;
    font-weight: 600;
    color: #5e5b5b;
}

.header-logo {
    width: 40px;
    height: 40px;
}

.login-head {
    height: 100vh;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
    /*align-items: center;*/
}

.login-header .navbar {
    padding: 1.5rem .5rem;
}

.login-header {
    background-color: #FFFFFF;
    flex: 0 0 auto;
    display: flex;
    padding: 14px 25px;
}

.login-header .header-logo {
    display: block;
    height: auto;
    width: auto;
}

.login-page {
    height: 91vh;
}

.carousal-div #carouselExampleIndicators {
    margin-top: -70px;
}

.signuprole-page .login-title {
    font-size: 28px;
    text-align: center;
    margin-bottom: 25px;
}

.signuprole-page .sub-text {
    text-align: center;
    font-weight: 600;
    margin-bottom: 30px;
}

.signuprole-page .role-name {
    display: block;
    color: #FFB16A;
    font-size: 18px;
    margin-top: 20px;
    text-align: center;
    border: 3px #FFB16A solid;
    padding: 8px;
    border-radius: 30px;
}

.signuprole-page .login-link {
    margin-bottom: 35px;
    margin-top: 16px;
}

.signuprole-page .login-link a {
    color: #0F1012;
}

.relevent_tutor_box {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.tutor_profile_subject {
    border-radius: 50%;
    background: #FF8032;
    font-family: "Artico";
    color: #000000;
    text-align: center;
    line-height: 65px;
    margin: 20px 0;
    padding: 0px 23px;
}

.tutor_profile_subject_topic {
    border-radius: 50%;
    background: #FF8032;
    font-family: "Artico";
    color: #000000;
    text-align: center;
    line-height: 40px;
    margin: 8px 0;
    padding: 0px 15px;
    margin-top: 0px;
    height: 50%;
}

.review_tutor_student {
    background: #FFFFFF;
    color: #000000;
    padding: 10px;
    border-radius: 25px;
    border: 1px solid hsla(0, 0%, 100%, 0.1);
    height: 100%;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.review_tutor_font {
    font-family: 'Artico';
    font-size: 24px;
    line-height: 20px;
}

.all-details-card p.reviewDataSt span {
    margin-right: unset;
}

.all-details-card p.reviewDataSt {
    font-size: 22px;
    /* padding-right: 10px; */
}

.review_student_tutro {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    font-family: 'Artico';
    font-size: 15px;
}

.carousel-inner .carousel-div-center {
    text-align: center;
}

.carousel-inner .text-div {
    position: relative;
}

.carousel-inner .text-inner-div {
    position: relative;
}

.div-signup-role {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.div-signup-role a:nth-child(1) {
    width: 70%;
}

.div-signup-role a:nth-child(2) {
    width: 80%;
}

.div-signup-role a:nth-child(3) {
    width: 90%;
}

.div-signup-role a:nth-child(4) {
    width: 100%;
}

.studentPhnumber {
    display: none;
}

.carousel-inner .carousel-item {
    transition: transform 0.5s ease;
}

.MeetingWidthModel {
    width: 25%;
}

.customRemaingBtn {
    padding: .75rem !important;
    display: flex !important;
    justify-content: center !important;
    margin-top: -40px;
}

.checked {
    color: orange;
}

.radio-toggles {
    align-items: center;
    background: #eee;
    display: flex;
    justify-content: center;
    overflow: hidden;
    margin-left: 3rem !important;
    position: relative;
}

.tutoring-toggle-switch label {
    cursor: pointer;
    padding: 12px 20px;
    text-align: center;
    /*width: 33.33%;*/
    z-index: 2;
}

.tutoring-toggle-switch .slide-item {
    background: white;
    border-radius: 9999px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    height: calc(100% - 8px);
    left: calc(33.33% + 4px);
    position: absolute;
    width: calc(33.33% - 8px);
    transition: left .4s;
    z-index: 0;
}

.tutoring-toggle-switch input[type="radio"] {
    left: -9999px;
    position: absolute;
    z-index: -1;
}

.tutoring-toggle-switch input[type="radio"]:nth-of-type(1):checked~.slide-item {
    left: 4px;
}

.tutoring-toggle-switch [type="radio"]:checked+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 31px;
    display: inline-block;
    color: #FFFFFF;
    margin-bottom: unset !important;
    background-color: #FF8032;
}

.subject-question {
    margin-left: 13px;
    width: 15px;
}

.bullet-paragraph::before {
    content: '•';
    /* Unicode for bullet */
    position: absolute;
    left: 15px;
    color: black;
    /* Bullet color */
}

.bullet-paragraph {
    margin-left: 10px;
    font-size: 12px !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    /*margin: 0;*/
    font-family: 'Artico';
}

.record-meeting-stop {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}

/* Specific styles for Safari */
@supports (-webkit-backdrop-filter: none) {
    .select2-container .select2-selection--multiple .select2-selection__rendered {
        display: flex !important;
    }
}

.tutor_suggetion_ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.checkAge_h {
    display: none;
}

.profileImageOld {
    border-radius: 50%;
    background: #FF8032;
    font-family: "Artico";
    color: #000000;
    text-align: center;
    line-height: 50px;
    /*margin: 20px 0;*/
    padding: 0px 23px;
}

.programs_bubble {
    background: #FFFFFF;
    color: #000000;
    padding: 10px;
    border-radius: 25px;
    border: 1px solid hsla(0, 0%, 100%, 0.1);
    display: flex;
    align-items: center;
    height: 100px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.program_mt_bubble {
    margin-top: -6px;
}

.homework_document_ellipsis {
    display: block;
    width: 100%;
}

.HomeWorkListData {
    overflow-y: scroll;
    height: 60%;
}

.HomeWork-mb {
    margin-bottom: -15%;
}

.green {
    background: #9dc209 !important;
    border-color: #9dc209 !important;
}
.green:hover {
    background: #9dc209 !important;
    border-color: #9dc209 !important;
}

.feedback-absent {
    background: #F97066 !important;
    border-color: #F97066 !important;
}
.feedback-absent:hover {
    background: #F97066 !important;
    border-color: #F97066 !important;
}

.orange {
    background-color: #FF8032 !important;
}

.feedback-btn {
    /*position: relative;*/
    padding-right: 25px;
    /* Adjust padding to make space for the icon */
}

.pin-icon-container {
    position: relative;
}

.pin-icon {
    position: absolute;
    top: 30px;
    right: 34px;
    font-size: 24px;
    transform: rotate(316deg);
    color: #052633;
}

.grade-class {
    margin-left: unset;
    font-style: italic;
    color: #FF8032;
    font-weight: bolder;
    font-size: 14px;
}

.subject-cards .grade-class {
    color: rgba(126, 142, 147, 1);
    font-weight: 500;
    font-size: 13px;
    font-family: 'Artico';
    font-style: unset;
}

.document-switch .custom-control-label {
    margin-left: 47px;
}

.document-switch {
    float: right;
}

.document-div {
    text-align: center;
}

.document-div .document-img {
    width: 100px;
    height: 100px;
}

.subject-topic-d {
    display: none;
}

.dashboard-section {
    margin: 13px 0px 25px 0px;
}

.custom-soical {
    display: none;
}

.view_profile {
    border-right: 1px solid rgba(5, 38, 51, 0.5);
    padding-right: 16px;
    cursor: pointer;
}

/* show more css */
.show-more-btn {
    background: none;
    border: none;
    color: #FF8032;
    cursor: pointer;
    text-decoration: underline;
    padding: 0;
    font-size: 14px;
    font-family: 'Artico';
    position: relative;
    /* Needed for positioning the arrow */
    padding-right: 20px;
    /* Adjust padding to make space for the arrow */
}

.show-more-btn::after {
    content: '';
    position: absolute;
    right: 2px;
    /* Position the arrow at the right edge of the button */
    top: 20%;
    transform: translateY(-50%);
    border: solid #FF8032;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg);
}

.show-more-btn.up-arrow::after {
    transform: translateY(45%) rotate(-135deg);
    /* Up-pointing arrow */
}

.show-more-home {
    color: #000000 !important;
}

.show-more-btn:hover {
    color: #FF8032;
    text-decoration: none;
}

.home_without_w {
    width: 75%;
}

.checkSocial_w {
    width: 335px;
}

@media(max-width: 1536px) {
    /*.profile-card.resp_pf_ml {*/
    /*    margin: 114px 25px 25px 10px !important;*/
    /*}*/

    .resp-tutor-w {
        width: 280px !important;
    }

    .resp-social-m {
        margin-right: 20px !important;
    }

    .rep_instruct_wr {
        width: 260px;
        margin: 16px -5px !important;
    }

    .social.home_without_w {
        margin-right: 30px !important;
    }

}

@media(max-width: 1440px) {
    .subject-suggetion_card .sub-name.resp_ellipsis {
        -webkit-line-clamp: 1 !important;
        width: 90px;
    }

    .resp-subj-gread {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .social.resp-social-m {
        margin-right: 0px;
    }

    .social-links {
        padding: 0 !important;
    }

    .resp-social-m {
        margin: 16px 16px !important;
    }

    .checkSocial_w.rep_instruct_wr {
        width: 260px;
        margin: 16px -16px !important;
    }
}

@media(max-width: 1366px) {
    /*.resp-tutor-w {*/
    /*    width: 260px !important;*/
    /*}*/

    .subject-suggetion_card .sub-name.resp_ellipsis {
        -webkit-line-clamp: 1 !important;
        width: 90px;
    }

    .resp-subj-gread {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .subject-suggetion_card .sub-name.resp_ellipsis {
        width: 70px !important;
    }

    /*.profile-card.resp_pf_ml {*/
    /*    margin: 114px 25px 25px 75px !important;*/
    /*}*/

    .social.resp-social-m {
        margin-right: -40px;
    }

    .document-video-new {
        height: 100px !important;
    }

    .resp-social-m {
        margin: 16px 10px !important;
    }

    .home_without_w {
        right: -25px;
    }

    .resp-social-m {
        width: 240px;
    }

    .checkSocial_w.rep_instruct_wr {
        margin: 16px 5px !important;
    }
}

@media(max-width: 1280px) {
    .checkSocial_w.rep_instruct_wr {
        width: 250px;
        margin: 16px 0 !important;
    }

    .resp-tutor-protf-dj {
        display: flex;
        justify-content: space-around;
    }

}

@media(max-width: 1024px) {
    /*.profile-card.resp_pf_ml {*/
    /*    margin: 114px 25px 25px 60px !important;*/
    /*}*/

    .resp-tutor-w {
        width: 225px !important;
    }

    .resp-soical-pm {
        padding: 0 10px !important;
    }

    .social.resp-social-m {
        margin-right: -55px;
        margin-left: -20px;
    }

    .resp-video-nw {
        height: unset !important;
    }

    .thumb_play_img {
        height: 20px !important;
    }

    .resp-play-icon {
        top: 30% !important;
    }

    .resp_imgW {
        height: 80px !important;
    }

    .resp-social-m {
        margin: 16px -17px !important;
        width: 210px;
    }

    .resp-tutor-home-w {
        width: 280px !important;
    }

    .social.home_without_w {
        margin: 16px -20px !important;
        width: 240px;
        right: -20px;
    }

    .checkSocial_w.rep_instruct_wr {
        width: 220px;
        margin: 16px -24px !important;
    }

    .social.rep_instruct_wr.rep_soical_m {
        width: 225px;
        margin: 18px -40px !important;
    }

    .social.reps_tutor_social_p {
        width: 100% !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .col-md-6.resp_subject_md {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .resp-tutor-protf-dj {
        display: flex;
        justify-content: space-around;
    }

}

@media(max-width: 768px) {
    .subject-suggetion_card .sub-name.resp_ellipsis {
        width: 70px !important;
    }

    /*.resp_pf_ml {*/
    /*    margin: 114px 25px 25px 60px !important;*/
    /*}*/

    .resp-tutor-w {
        width: 225px !important;
    }

    .card-body.resp-tutor-home-w {
        width: 240px !important;
    }

    .resp_job_profile_p {
        padding: 10px 36px !important;
    }

    .resp_home_info_pt {
        padding-top: 15%;
    }

    div .resp-social-m.home_without_w {
        width: 215px !important;
        /* margin: 16px -34px !important; */
    }

    /* .resp-social-m.social.home_without_w{
        margin: 16px -34px !important;
    } */
    .reps_tutor_social_p {
        padding: 0 100px !important;
    }

    .resp-social-m.reps_tutor_social_p {
        margin: 16px -30px !important;
        width: 200px !important;
        padding: unset !important;
    }

    .reps_tutorsocial_pu {
        padding: unset !important;
    }
}



@media(max-width: 712px) {
    .tutoring-toggle-switch label {
        padding: 0 20px;
    }

    .card-body.resp-tutor-w {
        width: 340px !important;
    }

    .social.resp-social-m {
        margin-right: 10px !important;
        margin-left: 0 !important;
    }

    .col-sm-5.resp-tutor-infom {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .resp-bullet-p {
        -webkit-box-orient: unset;
    }

    .subject-suggetion_card .sub-name.resp_ellipsis {
        width: unset !important;
    }

    .resp_home_total_ml {
        text-align: unset !important;
        margin-left: 25%;
    }

    .resp_home_totalhoure_mtl {
        text-align: unset !important;
        margin-top: -20%;
        margin-left: 50%;
    }

    .resp-social-m {
        right: -190px;
    }

    .social.rep_instruct_wr.rep_soical_m {
        margin: 16px -24px !important;
        right: -20px;
    }

    .resp-video-nw {
        width: 100%;
        /* Ensure the video takes full width */
        height: auto;
        /* Maintain aspect ratio */
    }

    .resp-play-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .resp-social-m.reps_tutor_social_p {
        right: unset;
        width: 55% !important;
        margin-right: unset !important;
    }
}

@media(max-width: 540px) {
    .resp-tutor-w {
        width: 340px !important;
    }

    .social.resp-social-m {
        margin-right: 0 !important;
    }
    .card-body.resp-tutor-w {
        width: 300px !important;
    }
}

.social-img-bb {
    border-radius: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    margin-right: 10px;
}

.social {
    display: flex;
    align-items: center;
    position: relative;
    height: 55px;
    font-size: 18px;
    font-weight: 700;
    box-shadow: inset 0 0 0 1px #052633;
    border-radius: 9px;
    color: #9aa9b5;
    overflow: hidden;
    margin: 16px 9px;
    transition: box-shadow .2s ease-out;
}
.shoolShareurl {
    display: flex;
    align-items: center;
    position: relative;
    height: 55px;
    font-size: 18px;
    font-weight: 700;
    box-shadow: none !important;
    border-radius: 0px !important;
    color: #9aa9b5;
    overflow: hidden;
    border: none !important;
    justify-content: end !important;
    margin-right: 20px !important;
}

.social span,
.social div {
    margin: auto;
    font-family: 'Artico';
    font-size: 16px;
    color: #052633;
}

.social .social-links {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(62, 130, 251, 0);
    width: 100%;
    height: 100%;
    padding: 0 30px;
    transition: all .25s ease;
}

.social .social-links a {
    margin: auto;
    background: #fff;
    color: #3e82fb;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    line-height: 40px;
    font-size: 15px;
    transform: translate3d(0, 60px, 0);
    transition: all .2s;
}

.social:hover {
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

.social:hover .social-links {
    background: white;
}

.social:hover .social-links>a {
    animation: elastic .5s ease-out forwards 0s;
}

.social:hover .social-links>a:nth-child(2) {
    animation-delay: 0.05s;
}

.social:hover .social-links>a:nth-child(3) {
    animation-delay: 0.1s;
}

.social:hover .social-links>a:nth-child(4) {
    animation-delay: 0.15s;
}

.social:hover .social-links>a:nth-child(5) {
    animation-delay: 0.2s;
}

@keyframes elastic {
    0% {
        transform: translate3d(0, 60px, 0);
    }

    40% {
        transform: translate3d(0, -5px, 0);
    }

    70% {
        transform: translate3d(0, 5px, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

/*strat tutoring Portfolio*/
.bullet-paragraph::before {
    margin-left: 5px;
}

.document-img-cover img {
    width: 100%;
    object-fit: cover;
    display: block;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.document-img-new {
    height: 160px;
}

.ellipse_text_cust {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 8px;
}

.protfile_text_font {
    font-family: 'Artico';
    font-size: 15px !important;
    color: #052633;
}

.document-video-new {
    width: 100%;
    height: 150px;
    max-width: 300px;
    /* Adjust as needed */
    border-radius: 10px;
}

.play-icon {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

.documnet-pro-cover img {
    width: 75%;
    display: block;
    object-fit: cover;
}

.document-img-procover {
    height: 100px;
}

.show-image-grid {
    display: block;
    padding: 5px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.show-image-grid:hover {
    transform: scale(1.05);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
}

.proft-icon-tutor img {
    width: 100%;
}

/*end tutoring Portfolio*/

.isAgree label::after {
    top: 0px !important;
    left: -18px !important;
}

.isAgree label {
    font-family: 'Artico';
    font-size: 15px;
    color: #052633;
}

.tutor_suggetion_ellipsis {
    font-family: 'Artico Medium';
    font-size: 15px;
    color: #052633;
}

.drop-box op-menu {
    border-radius: 2%;
    margin-top: 11px;
    padding: 8px 0px;
}

.subject_data {
    font-size: 14px;
    color: #667085 !important;
    padding: 7px 0px
}

.box ul li {
    margin-bottom: 5px;
}

.rate-val {
    display: flex;
    justify-content: space-between;
    padding-top: 12px;
    color: rgba(5, 38, 51, 0.5);
    font-family: 'Artico';
    font-size: 14px;
}

@media(max-width: 991px) {
    .navbar-collapse {
        display: flex !important;
        justify-content: end !important;
    }

    .navbar-nav {
        flex-direction: row;
    }

    .navbar-nav .nav-link {
        padding-right: 25px !important;
    }
    .home-header .nav-link {
        padding: 10px 11px;
    }
}

@media (max-width: 767px) {
    .navbar-nav .nav-link {
        padding-right: 19px !important;
    }
}
@media (max-width: 768px) {
    .round-btn{
        font-size: 13px!important;
    }
}


.home-header .nav-item {
    font-size: 16px;
    font-weight: 400;
    margin: unset !important;
    font-family: 'Artico';
}

.home-header .nav-item a {
    color: #052633;
}

@media (max-width: 799px) {
    .home-header .navbar-nav .nav-link {
        padding-right: 19px !important;
    }
}

@media (max-width: 576px) {
    .documnet-pro-cover {
        text-align: center;
        margin-bottom: 20px;
    }

    .document-img-procove {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 575px) {
    .home-header .nav-item {
        font-size: 14px;
        font-family: Artico;
    }

    .home-header .nav-link {
        padding: 9px 10px;
    }

    .home-header {
        justify-content: space-evenly !important;
    }
    .login-header{
        padding: 7px 0px;
    }
}
.dashboard-hr {
    width: 102.6%;
    margin-left: -1.6%;
}

/* tutoring page */

.profile-info {
    text-align: center;
    margin-bottom: 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 20px 20px;
    border-radius: 5px;
}

.instrutor_fonts {
    font-family: 'Artico';
    color: #052633;
    font-weight: 600;
    font-size: 25px;
}

.instrutor_fonts_text {
    font-family: 'Artico';
    color: #052633;
}

.instrutor_fonts_c {
    color: #B4BEC2 !important;
}

.inst_bio_font {
    font-family: 'Artico';
}

.profile-pic {
    border-radius: 50%;
    width: 150px;
    height: 150px;
    object-fit: cover;
    margin-bottom: 10px;
}

.profile-ins-mb {
    margin-bottom: -35px;
}

.profile-vanityurl-pt {
    padding-top: 30px;
}

.profile_instructor_hourly_bg {
    background: #ffead6;
    border-bottom: 5px solid #FF8032;
    border-radius: 5px;
}

.tutoring_head_title {
    background-color: #ffead6;
    border-top: 4px solid #FF8032;
    padding: 5px 5px;
    margin: 0 0;
    border-radius: 3px;
}

.hourly-rate {
    font-size: 18px;
    margin-bottom: 10px;
}

.stats {
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
}

.stats div {
    text-align: center;
}

.instrutor_overview {
    margin-top: 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    border-radius: 5px;
}

.inst_overview_title {
    background-color: #FDE8D4;
    border-top: 5px solid #FF8032;
    border-radius: 5px;

}

.inst_overview_title h3 {
    font-size: 14px;
    font-family: 'Artico Medium';
    color: #052633;
    padding: 10px 0 10px 20px;
}

.instrutor_description {
    padding: 20px 20px;
}

.tutoring_portfolio_box {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.tutoring_port_img {
    height: 150px;
    width: 150px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    border-radius: 8px;
}

.tutoring_prot_title_img {
    height: 25px;
}

.tutoring_prot_title {
    font-weight: 600;
    letter-spacing: unset !important;
}

.tutoring_proft_p {
    padding: 20px 20px;
    border-radius: 5px;
    margin: 0 15px;
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}


.student_review_text {
    color: #16364D;
    font-family: 'Artico';
    font-weight: 500;
    font-size: 15px !important;
}

.student_review_title {
    letter-spacing: unset !important;
    font-weight: 700;
}

.student_review_subject {
    font-family: 'Artico';
    color: #052633;
    font-style: italic;
}

.post-slide {
    margin: 20px 15px 20px;
    border-radius: 10px;
    padding-top: 1px;
    padding: 15px 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.owl-dots {
    text-align: center;
    margin-top: 20px;
}

.owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #D9D9D9 !important;
    margin: 5px;
    border-radius: 50%;
    cursor: pointer;
}

.owl-dot.active {
    background-color: #FF8032 !important;
    /* Active dot color */
}

@media only screen and (max-width:1280px) {
    .post-slide {
        padding: 0px 15px 25px 15px;
    }
}

.tutoring_portfolio_box {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.tutoring_proft_p {
    padding: 20px 20px;
    border-radius: 5px;
    margin: 0 15px;
}

.tutoring_prot_title_img {
    height: 25px;
}

.instrutor_fonts_text {
    font-family: 'Artico';
    color: #052633;
}

.tutoring_prot_title {
    font-weight: 600;
    letter-spacing: unset !important;
}

.tutoring_port_img {
    height: 150px;
    width: 150px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    border-radius: 8px;
}

@media (max-width: 767px) {
    .resp_title_photo {
        font-size: 18px !important;
        margin-top: 5px !important;
    }
}

@media (max-width: 712px) {
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .resp-video-nw {
        width: 100%;
        /* Ensure the video takes full width */
        height: auto;
        /* Maintain aspect ratio */
    }

    .resp-play-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

@media (max-width: 576px) {
    .documnet-pro-cover {
        text-align: center;
        margin-bottom: 20px;
    }

    .document-img-procove {
        width: 100%;
        height: auto;
    }
}

/* end tutoring  */

.tutoring_homeapp_mt {
    margin-top: 28px;
}

.reps_tutor_social_p {
    width: 80%;
}

.btn-link {
    font-size: 18px;
    font-weight: bold;
    color: #FF8032;
    padding-left: unset;
}

.btn-link:hover {
    color: #FF8032;
}

.guide-card {
    border: none;
    margin-bottom: 10px;
}

.guide .heading-table {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

#accordion {
    font-family: Artico
}

.guide-card .card-header {
    background-color: #f8f9fa;
}

.programRequirementModal,
.StudentRequirementModal {
    max-width: 500px;
}

.check_overflow_xh {
    overflow-x: hidden;
}

.onboarding_error_m {
    margin-top: -20px;
    margin-bottom: 10px;
}

.p-img {
    width: 100%;
    height: 185px;
    object-fit: cover;
    cursor: pointer;
    border-radius: 8px;
}

.p-date {
    font-family: 'Artico';
    font-size: 13px;
    color: #052633;
    margin-top: 3px;
}

.mb-unset {
    margin-bottom: unset;
}
/* Start Professional Position */
.education-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.education_font_h {
    color: #052633;
    font-family: 'Artico';
    font-size: 23px;
    font-weight: 600;
    margin-left: 7px;
}

.remove-education,
.remove-professional {
    padding: 5px 10px;
    border: 1px solid #D10000 !important;
    border-color: #D10000 !important;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    color: #FF8032 !important;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}

.remove_eduSub {
    margin-top: 33px;
}

.add-education {
    display: inline-block;
    font-weight: 400;
    border-color: rgba(5, 38, 51, 0.2) !important;
    color: #FF8032 !important;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 5px 10px;
    background-color: transparent;
    border: 1px solid transparent;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    cursor: pointer;
}

/* End Professional Position */

.education-custom-table{
    border-left: 5px solid #FF8032;
    border-radius: 6px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

.education-custom-b {
    background: #FFEAD6;
}

.education-custom-b th:not(:last-child) {
    border-right: 1px solid #0526334D;
}

/* .education-custom-b th:not(:first-child) {
    padding-left: 15px;
}
.eduction-custom-pl td:not(:first-child) {
    padding-left: 15px;
} */

.programRequirementModal,
.StudentRequirementModal {
    max-width: 500px;
}

.check_overflow_xh {
    overflow-x: hidden;
}

.onboarding_error_m {
    margin-top: -20px;
    margin-bottom: 10px;
}

.eduction_title_font {
    font-family: "Artico Bold";
    color: #052633;
    font-weight: 600;
    font-size: 16px;
}

.eduction_box_skill {
    border-radius: 6px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    padding: 15px 10px;
}

.education_main_title {
    font-family: 'Artico';
    font-size: 16px !important;
    color: #052633;
}

/* strat lanague custom checkbox  */
.container-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input~.checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked~.checkmark {
    background-color: #FF8032;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
    left: 8px;
    top: 3px;
    width: 9px;
    height: 15px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media only screen and (max-width: 1024px) {
    .custom-language-col {
        flex: 0 0 33.3333%;
        /* This makes it take up 4 columns out of 12 (1/3rd width) */
        max-width: 33.3333%;
    }
}
/* end lanague custom checkbox  */
.p-img{
    width: 100%;
    height: 185px;
    object-fit: cover;
    cursor: pointer;
    border-radius: 8px;
}
.p-date{
    font-family: 'Artico';
    font-size: 13px;
    color: #052633;
    margin-top: 3px;
}
.mb-unset{
    margin-bottom: unset;
}


/* end lanague custom checkbox  */
.register-end-date{
    position: absolute;
    top: 63%;
    color: gray;
    margin-bottom: unset;
    font-family: "Artico";
    font-size: 14px;
}
.input-error{
    color: red;
    border: 1px solid red;
}

/*start filter language*/
.languages-container {
    display: flex;
    flex-wrap: wrap;
    gap: 5px; /* Space between items */
}
.language-item {
    background: #F2F6F9;
    font-family: 'Artico';
    border-radius: 36px;
    padding: 9px 16px;
    border: 1px solid #052633;
    color: #052633;
    margin-right: 6px;
    cursor: pointer;
    font-size: 14px;
    margin-bottom: 5px;
}

.language-item .close-btn {
    cursor: pointer;
    display: none;
}

/*end filter language*/
.view_question_btn {
    display: none;
}

.roaster_file_ellis_text{
    display: inline-block;
    width: 150px;
    margin-bottom: -5px;
}

.collapse:not(.show) {
    display: none !important;
}

/* signup new css start  */

.signup-card {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 30px 25px;
    margin-bottom: 20px;
    height: 100%;
}
.signup-card img {
    max-width: 80%;
    height: auto;
}

.singup_card_box{
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 30px 25px 30px 30px;
    flex: 1;
    max-width: 48%;
}

.signup_tutor_btn {
    background-color: #FF8038;
    color: #FFFFFF;
    font-family: "Artico Medium", sans-serif;
    font-size: 14px;
    border-radius: 25px;
    padding: 12px 20px;
    white-space: nowrap;
    display: inline-block;
    text-align: center;
    min-width: 150px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
}

.signup_tutor_btn:hover {
    background-color: #E66A20;
    color: #FFFFFF;
    text-decoration: none;
}

.signup_font_title{
    font-family: "Artico Bold";
    color: #052633;
    font-size: 20px;
    padding-bottom: 10px;
}
.signup_font_title_p{
    font-family: "Artico";
    color: #667085;
    font-size: 14px;
    padding-bottom: 25px;
}
.signup_font_st{
    font-size: 40px !important;
}
.signup_text_a{
    color: #FF8038;
    text-decoration: underline;
}
.signup_text_a:hover {
    color: #FF8038;
    text-decoration: underline;
}

.signup-logo-container {
    padding: 5px;
}
.logo-img-new {
    max-width: 100%;
    height: auto;
    width: auto;
    max-height: 80px;
}
.signup_age_lable{
    font-family: "Artico";
    color: #344054;
    font-size: 14px;
    font-weight: 500 !important;
}
.signup-page-container {
    min-height: 90vh;
    display: flex;
    flex-direction: column;
}
.signup-content-age {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.signup-card-top {
    margin-bottom: 20px;
}
.signup_text_ellipsis_title{
    display: -webkit-box;
    max-width: 216px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height:25px;
}
.signup_text_ellipsis_title_p{
    display: -webkit-box;
    max-width: 250px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height:45px;
}
@media (min-width: 768px) {
    .signup-logo-container {
        padding: 5px 0 0 30px;
    }
    .logo-img-new {
        max-height: 100px;
    }
}

@media (max-width: 576px) {
    .signup_tutor_btn {
        font-size: 12px;
        padding: 10px 15px;
        min-width: 120px;
    }
}
/* end signup new css   */

/* start school profile  */
.school-container {
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 1rem;
    height: 350px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;

}
.school-profile-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.school-container h2,
.school-container p {
    position: relative;
    z-index: 2;
    color: #000000;
    margin: 0;
}
.school-container h2 {
    font-size: 24px;
}
.school-container p {
    margin-top: 10px;
}
.school_addText{
    margin-left: 5px;
}
.school_addText-info{
    margin-left: 10px;
}
.school_fontText_h2{
    font-family: "Artico Bold";
    font-weight: 600;
}
.school_fontText_p{
    font-family: "Artico";
    font-weight: unset !important;
}
/* @media (max-width: 576px) {
    .school-container.resp-contaent_h {
        height: auto;
    }
} */
.school-info-card {
    width: 100%;
    height: 200px; /* Adjust as needed */
    overflow: hidden;
    border-radius: 8px;
}
.school-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.school-info-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    max-width: 75%; /* Adjust this value as needed */
    background: linear-gradient(to right, rgba(248, 198, 152, 0.9), rgba(238, 162, 92, 0.9));
    padding: 15px;
    color: #000000;
    z-index: 1;
    border-top-right-radius: 20px; /* Rounded corner on top-right */
    border-bottom-left-radius: 8px;
}
.school-address, .school-hours {
    font-size: 0.9em;
    margin: 5px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.school-name {
    font-size: 1.5em;
    margin-bottom: 5px;
}
.school-address, .school-hours {
    font-size: 0.9em;
    margin: 5px 0;
}
.icon-location, .icon-clock {
    margin-right: 5px;
}

@media (max-width: 768px) {
    .school-info-overlay {
        max-width: 100%;
    }

    /* .school-info-overlay::after {
      display: none;
    } */
}

/* end school profile  */
.school-date-p {
    text-align: left;
    color: gray;
    margin-bottom: 6px;
    font-family: "Artico";
    font-size: 14px;
}
.school_cost {
    width: 100%;
    text-align: left;
    font-weight: 500;
}

@media (max-width: 757px)  {
    .signup-resp-col {
        margin: 0 15px;
    }
}
@media (min-width: 768px) and (max-width: 912px) {
    .col-md-4.signup-resp-col{
        flex: 0 0 50%;
        max-width: 50%;
    }
}
/* end signup new css   */

.present {
    background-color: #d4edda; /* Light green for present */
}

.absent {
    background-color: #f8d7da; /* Light red for absent */
}

.late {
    background-color: #fff3cd; /* Light yellow for late */
}
/* end signup new css   */
.upload-background-title{
    font-family: "Artico";
    color: #FF8038;
    font-size: 15px;
    cursor: pointer;
}
.upload-background-title:hover{
    color: #FF8038;
}
.check_background_div{
    /* position: absolute;
    top: 20%;
    display: flex; */
    align-items: center; /* Vertical centering */
    justify-content: center; /* Horizontal centering */
}
.verfiy_class img {
    width: 150px;
    position: absolute;
    top: 3px;
    left: -20px;
    z-index: 5;
}
.verify-image-tutor {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.verify_account_check_tutor{
    border: 1px solid #67B01C;
    border-radius: 5px;
    padding: 5px 5px;
    background-color: #F6FCEF;
}
.verify_not_account_check_tutor{
    border: 1px solid #FF3D3D;
    border-radius: 5px;
    padding: 5px 5px;
    background-color: #FCEFEF;
}
span.schoolAdminLable{
    font-family:'Artico' !important;
    color: #9CA3AA !important;
    font-size: 14px !important;
    font-weight: 100 !important;
}

.suggestion_topic, .grade-range{
    background: white;
    font-family: 'Artico';
    border-radius: 36px;
    padding: 9px 16px;
    border: 1px solid #052633;
    color: #052633;
    margin-right: 10px;
    cursor: pointer;
    font-size: 14px;
    margin-bottom: 10px;
}

.grade-range{
    padding: 7px 16px;
    background: #F2F6F9;
}
.suggestion_topic:hover, .grade-range:hover, .selected-val{
    background: #FF8038;
    color: white;
    border: 1px solid #FF8038;
}

/* start program without login page new css   */
.program-footer-btn{
    padding: 12px 49px;
    border-radius: 32px;
    font-size: 15px;
    font-family: 'Artico';
    background: #000000;
    color: #ffffff;
}
.program-footer-btn:hover{
    color: #ffffff;
}
.program-tutor-section {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 4rem;
}

.program-tutor-image-content {
    width: 100%;
    position: relative;
    margin: 0 auto;
}

.program-tutor-image-content img {
    width: 100%;
    /*height: 500px;*/
    object-fit: fill;
}

.program-tutor-text-content {
    position: absolute;
    top: 50%;
    left: 26%;
    transform: translate(-50%, -50%);
    max-width: 490px;
    z-index: 2;
}

.program-tutor-footertext-content{
    position: absolute;
    top: 48%;
    left: 23%;
    transform: translate(-50%, -50%);
    max-width: 36%;
    z-index: 2;
}

h3.program_tutor_bgtext {
    font-family: "Artico Bold";
    font-weight: 600;
    font-size: 36px;
    color: #000000;
    line-height: 1.3;
    margin-bottom: 0.5rem;
}

.program-tutor-text-content h3 .highlight {
    background-color: #A6F4c5 !important;
    padding: 0 20px;
    border-radius: 40px;
}

p.program_tutor_bgp {
    font-family: "Artico";
    color: #000000;
    font-size: 16px;
    line-height: 1.6;
    margin-top: 12px;
    margin-bottom: 18px;
}

@media screen and (max-width: 1440px) {
    .program-tutor-text-content {
        left: 30%;
        max-width: 450px;
    }
}
@media screen and (max-width: 1440px) {
    .program-tutor-text-content {
        max-width: 345px;
    }
    h3.program_tutor_bgtext {
        font-size: 24px;
        line-height: 1.2;
    }
    p.program_tutor_bgp {
        font-size: 14px;
    }
}

@media screen and (max-width: 992px) {
    .program-tutor-text-content {
        left: 35%;
        max-width: 400px;
    }

    h3.program_tutor_bgtext {
        font-size: 30px;
    }

    p.program_tutor_bgp {
        font-size: 16px;
    }
}

@media (max-width: 912px) {
    .program-tutor-footertext-content{
        transform: unset;
        top: 20%;
        left: 7%;
        max-width: 310px;
    }
}

@media (max-width: 820px) {

    .program-tutor-text-content {
        left: 30%;
        max-width: 300px;
    }

    h3.program_tutor_bgtext {
        font-size: 26px;
    }

    p.program_tutor_bgp {
        font-size: 16px;
    }
    .program-tutor-footertext-content{
        max-width: 310px;
    }
}

@media (max-width: 397px) {
    .program-tutor-footertext-content {
        left: 9%!important;
    }
    .program-footer-btn {
        padding: 10px 36px!important;
        font-size: 12px!important;
    }
    p.program_tutor_bgp {
        font-size: 12px!important;
    }
    p.program_tutor_bgp {
        margin-bottom: 12px!important;
    }
}

@media (max-width: 768px) {
    .add-new-bghover{
        display: none;
    }
    .program-tutor-image-content.resp-show-newbg{
        display: unset !important;
    }
    .program-tutor-text-content {
        position: relative;
        transform: none;
        top: -300px;
        left: auto;
        margin: -100px auto 0;
        width: 90%;
        max-width: unset;
        height: 0;
    }
    /*.program-tutor-image-content img {*/
    /*    height: unset !important;*/
    /*}*/

    /*img.resp-program-bg-new{*/
    /*    height: 850px !important;*/
    /*}*/
    .program-tutor-footertext-content{
        transform: unset;
        top: 11%;
        left: 20%;
    }

}

@media (max-width: 480px) {
    .program-tutor-text-content {
        margin-top: -35%;
        padding: 1.5rem;
    }
    h3.program_tutor_bgtext {
        font-size: 20px;
    }
    p.program_tutor_bgp {
        font-size: 14px;
    }

}

@media (max-width: 320px) {
    p.program_tutor_bgp {
        font-size: 13px;
    }
    .view_program_div{
        margin-top: 5px !important;
    }
}

/* end program without login page new css */

.round-btn{
    background: white;
    font-family: 'Artico';
    border-radius: 36px;
    padding: 8px 16px;
    border: 1px solid black;
    font-size: 14px;
}
.cursor-pointer{
    cursor: pointer;
}
.card-body.p-0 #school-invoice-file-table.table tbody>tr>td:first-of-type {
    padding: .75rem;
}
.program-action-dp a.dropdown-toggle{
    padding: 0px 10px;
    background-color: #FFF7EF !important;
    border-color: #FFF7EF !important;
}

.program-action-view{
    color: #FF8038;
}
.program_backview_a{
    font-family: "Artico";
    margin-right: 7px;
    color: #FF8038 !important;
    cursor: pointer;
    font-size: 16px;
}
.programFontTitle{
    font-family: "Artico";
    color: #050505 !important;
    font-size: 24px;
    font-weight: 600;

}

.scheduled_programShow .form-group label {
    color: #344054;
}
.scheduledProgram_card_b{
    border: 1px solid #E4E7EC;
}
.program_docTimeNew{
    font-family: "Artico";
    color: #98A2B3;
    font-size: 18px;
}
.program_carriiclum_p{
    font-family: "Artico";
    margin-bottom: unset;
    color: #FF8038;
    font-size: 16px;
    cursor: pointer;
}
.program_carriiclum_p:hover{
    color: #FF8038;
}
.program_detailsCard {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    border-radius: 5px;
}
.program_listBox{
    padding: 10px 11px;
    margin: 0px 0px 7px 0px;
    border-radius: 6px;
    height: 100%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.program_docTextEllipsis{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.program_schduleschEllipsis{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
#DisplayTutoringPortfolio #modalContent embed{
    height: auto !important;
}
.public-tutor-profile .schedule_a_session{
    width: 100%;
    text-align: center;
    background: #FF8038;
    color: white;
    border: 2px #FF8038 solid;
    padding: 10px 49px;
    font-weight: 400;
    border-radius: 32px;
    font-size: 15px;
    cursor: pointer;
    font-family: 'Artico';
}
.public-tutor-profile .left-card{
    padding: 30px;
}
.public-tutor-profile .total-cost{
    font-size: 32px;
    font-family: 'Artico Bold';
    font-weight: 400;
    color: #052633;
}
.public-tutor-profile .lesson{
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #667085;
}
.public-tutor-profile .left-card-details span{
    font-family: 'Artico';
}
.public-tutor-profile .left-card-details img{
    padding-right: 10px;
}

.public-tutor-profile .left-card-details b{
    padding-right: 4px;
}
.public-tutor-profile .left-card-details span{
    font-size: 15px;
}
.mb-10{
    margin-bottom: 10px;
}
.public-tutor-profile .schedule_a_session{
    margin: 23px 0px
}
.public-tutor-profile .share-profile span{
    color: #667085;
    font-family: "Artico";
    font-size: 15px;
    cursor: pointer;
}
.public-tutor-profile .details_card{
    border-radius: 15px;
    border: 1px solid #E3E8EC;
    box-shadow: 0px 8px 25px 0px #0000000D;
}
.right-details-card{
    border-radius: 18px;
    box-shadow: 0px 8px 25px 0px #0000000D;
    border: 1px solid #ECECEC;
}
.right-details-card .card-body{
    padding: 35px 35px 0px 35px;
}
.right-details-card .tutore_profile_img img{
    width: 150px;
    height: 150px;
    border-radius: 20px;
}
.background-verified{
    border-radius: 50px;
    padding: 0px 16px;
    background-color: #F6FCEF;
    color: #027A48;
    font-family: 'Artico';
    font-size: 11px;
    font-weight: 500;
    background: #D1FADF;
    margin-left: 30px;
    height: 29px;
}
.right-details-card .tutor_name{
    color: #052633;
    font-size: 22px;
    text-overflow: ellipsis;
    margin-bottom: unset;
    font-size: 26px;
    font-weight: 600;
    margin-left: 6px;
}
.right-details-card .language-p span{
    font-family: 'Artico';
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #667085;
}
.icon-lang{
    padding-right: 12px;
}
.right-details-card .info-div-list{
    padding-left: 30px;
}
.profile-details-section .nav-tabs .nav-link.active {
    color: #007bff;
    border-color: #007bff;
}

.profile-details-section .nav-tabs .nav-link {
    color: #6c757d;
    margin-right: 23px!important;
    padding-bottom: 10px!important;
    padding:unset;
}

.profile-details-section .tab-content {
    padding-top: 1.5rem;
}
.profile-details-section .nav-tabs .nav-link.active {
    color: #007bff;
    border-bottom-color: #FF8038;
    border-top: unset;
    border-left: unset;
    border-right: unset;
    font-family: 'Artico';
    font-size: 14px;
    font-weight: 600;
}
.profile-details-section .nav-tabs .nav-link {
    border: 3px solid transparent;
    color: #667085;
    font-family: 'Artico';
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.5px;
}
#nav-tabContent h5{
    font-family: 'Artico';
    font-size: 22px;
    font-weight: 600;
    line-height: 36px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #052633;
    letter-spacing: 0.6px;
}
#nav-about{
    margin-top: 16px;
}
#nav-tabContent p{
    font-family: 'Artico';
    font-size: 13px;
    font-weight: 400;
    line-height: 23px;
    color: #052633;
}
.profile-details-section .show-more-btn{
    text-decoration: unset;
    font-size: 12px;
}
.profile-details-section .show-more-btn::after {
    right: 4px;
    top: 14%;
    padding: 3px;
}
.profile-details-section .subject_text{
    font-family: 'Artico';
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.4px;
    color: #052633;
}
.profile-details-section .topic{
    color: #FF8038;
    font-size: 12px;
    padding: 3px 0px;
    font-family: 'Artico';
}
.profile-details-section .main-div{
    background: var(--50, #F2F4F7);
    padding: 10px 13px;
    cursor: pointer ;
    margin-top: 6px;
}

.profile-details-section .link-box .box{
    padding: 10px 15px;
}
.profile-details-section .link-box .box .grade{
    color: #667085;
    font-size: 13px;
    padding: 3px 0px;
    font-family: 'Artico';
}
.profile-details-section .link-box .subject-arrow::after {
    content: '';
    position: absolute;
    right: 8px;
    top: 33%;
    transform: translateY(-50%);
    border: 1.5px solid #667085;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(45deg);
}
.profile-details-section .link-box .subject-arrow, .profile-details-section .link-box .new-arrow-color{
    position: relative;
    background: white;
    padding: 11px 11px;
    border-radius: 7px;
}
.new-arrow-color::after {
    content: '';
    position: absolute;
    right: 8px;
    top: 44%;
    transform: translateY(-50%);
    border: 1.5px solid #FF8032;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(226deg);
}
#nav-specialties h5, #nav-education h5, #nav-work h5, #nav-documentfiles h5, #nav-clearance h5, #nav-skills h5{
    margin-top: 50px;
    margin-bottom: 24px;
}
#nav-instructorExperience h5{
    margin-top: 50px;
    margin-bottom: 7px;
}
.education-img, .work-img{
    background: var(--50, #F2F4F7);
    padding: 12px 10px;
    border-radius: 8px;
}
#nav-education .eduction_title_font, #nav-work .eduction_title_font {
    font-family: "Artico Bold";
    color: #052633;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 4px !important;
}
#nav-education p, #nav-work p {
    font-family: 'Artico';
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    color: #052633;
    color: #667085;
}
#nav-education .education-div, #nav-work .work-div{
    margin-top: 25px;
}
#nav-work .description{
    font-family: 'Artico';
    font-size: 13px;
    font-weight: 400;
    line-height: 23px;
    color: #050505;
    margin-top: 10px;
}
#nav-work .work-span{
    color: #FF8032;
    padding-left: 6px;
    padding-right: 6px;
}
.you-might .d-flex{
    font-family: 'Artico Bold';
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}
.like-section{
    background-image: url(../image/like-banner.png);
    padding-top: 63px;
    padding-left: 5%;
    padding-right: 6%;
    padding-bottom: 30px;
}
.like-section .tutore_profile_img img {
    width: 95px;
    height: 95px;
    overflow: hidden;
    object-fit: cover;
    margin-bottom: 12px;
    border-radius: 20px;
}
.like-section .tutroing_text {
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    max-width: 100%;
    display: inline-block;
}
.like-section .tutroing_text span {
    font-weight: bold;
    font-size: 18px;
}
.like-section .span-60hr {
    font-size: 12px !important;
    color: #808080c2 !important;
    font-weight: 200 !important;
}
.like-section .verify-account {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    margin-bottom: unset;
    white-space: nowrap;
    font-family: 'Artico Medium';
    font-weight: 400;
    color: #052633;
    font-size: 14px;
}
.like-section .language-p {
    text-align: left;
    color: gray;
    font-family: "Artico";
    font-size: 14px;
}
.like-section .language-p img {
    margin-right: 12px;
}
.like-section .tutor_profile_grid .subject_text .subject_name {
    text-align: left;
    margin-bottom: 3px;
}
.like-section .tutoring_text_grid {
    font-size: 19px;
}
.like-section .tutor_profile .info-div {
    padding-left: 8%;
    text-align: left;
}
@media (min-width: 1394px) {
    .like-section .tutor_profile_grid {
        height: 240px;
    }
}
@media (min-width: 906px) and (max-width: 991px) {
    .like-section .tutor_profile_grid {
        height: 260px;
    }
}
@media (min-width: 768px) and (max-width: 853px) {
    .like-section .tutor_profile_grid {
        height: 259px;
    }
}
@media (min-width: 992px) {
    .like-section .tutor_profile_grid {
        height: 334px;
    }
}
@media (min-width: 1023px) {
    .like-section .tutor_profile_grid {
        height: 269px;
    }
}

@media (min-width: 1214px) {
    .like-section .tutor_profile_grid {
        height: 275px;
    }
}
@media (min-width: 1394px) {
    .like-section .tutor_profile_grid {
        height: 261px;
    }

    .like-section .with-login .tutor_profile_grid {
        height: 255px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .like-section .with-login .tutor_profile_grid {
        height: 230px !important;
    }
}
.like-section .prev, .like-section .next{
    position: relative;
    padding: 0px 19px;
    border-radius: 50%;
    border: 1px solid #667085DB;
    cursor: pointer;
}
.like-section .prev:after{
    content: '';
    position: absolute;
    right: 10px;
    top: 33%;
    border: 1px solid #667085;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
    transform: rotate(133deg);
}
.like-section .next:after{
    content: '';
    position: absolute;
    right: 14px;
    top: 33%;
    border: 1px solid #667085;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
    transform: rotate(-47deg);
}
.like-section .prev{
    margin-right: 6px;
}
.scheduleTutor_homea{
    color: #FFFFFF;
}
.scheduleTutor_homea:hover{
    color: #FFFFFF;
}
.home_without_w.home_bmunset{
    box-shadow: unset;
    margin: unset !important;
}
.home_bmunset span{
    color: #667085;
    display: flex;
    align-items: center;
    font-weight: normal !important;
}
.text-containerAbout{
    width: auto;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit to 7 lines */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis; /* Add ellipsis for truncated text */
}
.text-containerAbout.expanded {
    -webkit-line-clamp: unset; /* Remove line clamp to show full text */
    overflow: visible;
}
.show-more-btn {
    margin-top: 10px;
    cursor: pointer;
    background-color: transparent;
}
.resp_schoolProgram{
    margin-top: -310px;
}
@media (max-width: 1280px) {
    .resp_schoolProgram {
        margin-top: -270px;
    }
}

@media (max-width: 1024px) {
    .resp_schoolProgram {
        margin-top: -210px;
    }
}
@media (max-width: 912px) {
    .resp_schoolProgram {
        margin-top: -190px;
    }
}
@media (max-width: 853px) {
    .resp_schoolProgram {
        margin-top: -175px;
    }
}
@media (max-width: 768px) {
    .resp_schoolProgram {
        margin-top: -150px;
    }
}
@media (max-width: 540px) {
    .resp_schoolProgram {
        margin-top: -110px;
    }
}
@media (max-width: 414px) {
    .resp_schoolProgram {
        margin-top: -75px;
    }
}
@media (max-width: 412px) {
    .resp_schoolProgram {
        margin-top: -80px;
    }
}
@media (max-width: 400px) {
    .resp_schoolProgram {
        margin-top: -70px;
    }
}

/* @media screen and (max-width: 1280px) {
    .resp_schoolProgram {
        margin-top: -265px !important;
    }
}
@media screen and (max-width: 1024px) {
    .resp_schoolProgram {
        margin-top: -210px !important;
    }
}
@media screen and (max-width: 820px) {
    .resp_schoolProgram {
        margin-top: -165px !important;
    }
}
@media screen and (max-width: 912px) {
    .resp_schoolProgram {
        margin-top: -190px !important;
    }
}

@media screen and (max-width: 768px) {
    .resp_schoolProgram {
        margin-top: -150px !important;
    }
}



@media (max-width: 425px) {
    .resp_schoolProgram {
        margin-top: -85px !important;
    }
}
@media (max-width: 360px) {
    .resp_schoolProgram {
        margin-top: -70px !important;
    } */

.bell-text{
    font-family: 'artico';
    font-size: 16px;
    font-weight: 600;
}
.bell-span-detials{
    font-family: 'artico';
    font-size: 14px;
    color: #FF914D;
}
#see-all-notifications{
    font-family: 'artico bold';
    font-size: 14px;
}
.alert-primary {
    color: #004085!important;
    background-color: #cce5ff!important;
    border-color: #b8daff!important;
    font-family: 'Artico';
}
.fa-bell{
    font-size: 20px;
}
#notificationDropdown.dropdown-toggle::after{
    content: unset!important;
}
.navbar-light .navbar-nav .show>.nav-link{
    color: #FF8032!important;
}
.practice_class{
    color: #667085;
    font-size: 14px !important;
    font-weight: 500;
}
.program_details_CF{
    color: #565353f5;
    font-weight: 400;
}
.img-div-progrm {
    text-align: center; /* Center the image if needed */
    max-width: 100%; /* Ensure the container does not exceed the screen width */
}
.img-div-progrm img {
    width: 100%;
    height: auto;
    max-width: 500px;
}
.custom-radius {
    border-top-left-radius: 10px; /* Adjust the value as needed */
    border-top-right-radius: 10px; /* Adjust the value as needed */
    overflow: hidden; /* Ensures the image respects the border radius */
}
@media (max-width: 1024px) {
    .resp_program_session.col-lg-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    a.resp_job_profile_reg{
        padding: 5px 0;;
    }
    .resp_programDetails_pru.CustomereCards{
        padding-right: unset;
    }
    .resp_staticdiv.static-div-school{
        top: -195px;
    }
}
@media (max-width: 768px) {
    .resp_staticdiv.static-div-school{
        top: -200px;
    }
}
@media (max-width: 768px) {
    .resp_staticdiv.static-div-school{
        top: -200px;
    }
}
@media (max-width: 767px) {
    .resp_staticdiv.static-div-school{
        top: auto;
    }
    .repo_programSchool_details{
        display: none;
    }
    .card.resp_bookProgram_log{
        display: block !important;
    }
}
@media (max-width:910px){
    .common-bottom-space{
        margin-bottom: 8.5rem !important;
    }
}
.notification_fc{
    text-align: unset;
    color: #052633;
    font-size: 22px;
    font-weight: 600;
    font-family: "Artico";
}
.notify_link_h{
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #052633;
}
.notify_link_h:active{
    color: #052633;
}
.bell-text-span {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word;
    max-width: calc(100% - 50px);
}
.bell_nofiyTime{
    font-family: 'artico';
    font-size: 12px;
    color: rgba(5, 38, 51, 0.5);
}
.notication_cust_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 16px 11px 16px;
}

.notication_cust_header h3 {
    margin: 0;
}

.notication_cust_header .close-btn-notfiy {
    background: none;
    border: 1px solid #05263380;
    border-radius: 5px;
    font-size: 12px;
    cursor: pointer;
}

.dropdown-item:hover{
    background: unset;
}
.main_notificationDropdown_w{
    max-height: 400px;
    overflow-y: auto;
    width: 500px;
}
@media (max-width: 516px) {
    .main_notificationDropdown_w{
        width: 100%;
        padding: 8px !important;
    }
    .dropdown-menu{
        min-width: 18rem;
    }
}
div .requermentModel{
    max-width: 500px;
}

#accordionExample{
    overflow-x: auto;
    max-height: 930px;
}
.supply_cost {
    padding-left: 9px !important;
    font-family: Artico !important;
    font-size: 14px !important;
    margin-bottom: unset !important;
}

@media (max-width: 540px) {
    .resp-instructor-top{
        display: none;
    }
    div.instructorTop-d{
        display: none;
    }
    .radio-toggles.instructorTop-d{
        background: unset;
        margin-left: unset !important;
        justify-content: unset !important;
    }
    .tutoring-toggle-switch.instructorTop-d [type="radio"]:checked+label{
        line-height: 42px;
    }
    .resp-social-m {
        right: unset;
        width: unset;
    }
    /*div.profile-card.resp_pf_ml{*/
    /*    margin: 114px 25px 25px 25px !important;*/
    /*}*/
}

#signatureCanvas {
    border: 1px solid #000;
    cursor: crosshair;
    margin-bottom: 7px;
}
#signatureButton a {
    background-color: #4CAF50;
    color: white;
    padding: 8px 10px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    margin: 0 5px;
}
#signatureButton a:hover {
    background-color: #45a049;
}

@keyframes gradientBG {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.programsSubSection{
    background: #F4F7FB;
    width: 100%;
    padding: 5px 10px;
}
.programsSubSection div{
    color: #052633;
    font-size: 20px;
    font-weight: 600;
    font-family: "Artico";
}
.programServiceMinus{
    display: flex;
    align-items: end;
    justify-content: end;
}

/* service Agreement */
.serviceMainTitle{
    font-family: "Artico";
    font-size: 18px;
    font-weight: 600;
}
.serviceName p{
    font-family: "Artico";
    line-height: 0.5;
    font-weight: 500;
}
.serviceReciverName p{
    font-family: "Artico";
    line-height: 0.7;
}
.serviceTitleBill{
    font-family: "Artico Bold";
    font-size: 32px;
    color: #999999;
}
.serviceAgrrementTable th{
    background-color: #1493cc;
    color: #ffffff;
}
.serviceAgrrementTable th, .serviceAgrrementTable td{
    text-align: left;
    border: 1px solid #fff;
}
.serverTutorlist td{
    background-color: #DDF4FF;
}
.serviceProgramName{
    font-family: "Artico";
    font-size: 15px;
    font-weight: 600;
}
.serviceProgramSubtitle p{
    font-family: "Artico";
    margin-bottom: unset;
    color: #999999;
}
.serviceProgramAgreement p{
    font-family: "Artico";
    margin-bottom: unset;
}
.checkAgreementClick{
    cursor: pointer;
    font-family: "Artico";
}
.disableAgreementBtn{
    opacity: 0.7;
    cursor: not-allowed;
    pointer-events: none;

}

.requestProgramSchool{
    cursor: pointer;
}
.pronouns{
    position: absolute;
    font-family: Artico;
    line-height: normal;
    top: 40%;
    color: #6c757d;
    font-size: 15px;
}
.public-profile-pronouns{
    font-family: 'Artico'!important;
    font-size: 14px!important;
    font-weight: 400!important;
    line-height: 17px!important;
    color: #667085!important;
    margin-left: 8px;
}
.hide-arrow + .select2-container .select2-selection__arrow {
    display: none !important;
}
.no_practice{
    color: #667085;
    font-size: 14px !important;
    font-weight: 500;
}

tr.school_details_programs {
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
tr.school_details_programs:hover{
    background-color: #FFF7EF;
    cursor: pointer;
    /* box-shadow: inset 0 1px 0 #ffdebc, inset 0 -2px 0 #ffdebc; */
}
.clearance_modal_section{
    background: #F4F7FB;
    width: 100%;
    padding: 7px 10px;
}
.clearance_add_btn{
    padding: 5px 10px !important;
}
.clearanceStateName{
    color: #FF8038;
    font-family: 'Artico';
}
.clearanceStateName:hover{
    color: #eb5500;
}
.clearance_new_doc{
    color: #676767;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 90%;
    opacity: unset !important;
    font-size: 15px;
    padding-left: 8px;
    display: inline-flex;
    align-items: center;
}
.clearanceDetilasView{
    line-height: 2;
}
.clearanceDetailsImg{
    margin-left: 5px;
    cursor: pointer;
}

.clearance_info_font{
    color: #052633;
    font-size: 14px;
    font-family: 'Artico';
    line-height: 2.5;
}
.ProfileUsercircle {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 24px;
    font-family: 'Artico';
    color: white;
    line-height: 50px;
    text-align: center;
    background: orange;
}
.add_new_district{
    line-height:unset;
    font-size: 11px;
    float: right;
    margin-bottom: 6px;
}
.districtBorder{
    border: 1px solid #ccc;
}
.total-program-profit-div{
    height: auto;
    font-size: 17px;
}
.total-program-profit-count{
    font-size: 23px;
}

.all-details-card-for-tutor .card-body {
    width: auto;
    height: auto;
    background: white;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    border-radius: 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 40px;
    font-family: 'Artico'
}

@media (max-width: 1024px) {
    .all-details-card-for-tutor .card-body {
        padding: 25px !important;
    }
}
@media (max-width: 425px) {
    .all-details-card-for-tutor {
        padding-left: 0px !important;
    }
    .profile-detail-card{
        padding: 20px 12px !important;
        margin: 0 auto;
    }
}
.about-me {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.about-item  {
    width: calc(50% - 10px); /* Ensures two items per row */
    display: flex;
    align-items: center;

}

@media (max-width: 1024px) {
    .about-me{
        flex-direction: column !important;
    }
    .about-item{
        width: 100% !important;
    }
}
.experience-card-main {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
}

.experience-card {
    flex: 1 1 calc(33.33% - 10px);
    padding: 15px;
    border-radius: 12px;
    background-color: #F9FAFB;
    text-align: center;
    min-width: 250px;
}

.number {
    font-size: 35px;
    color: black;
}


@media (max-width: 768px) {
    .experience-card {
        flex: 1 1 calc(50% - 10px);
    }
}

@media (max-width: 480px) {
    .cexperience-card {
        flex: 1 1 100%;
    }
}
.document-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .document-container {
        gap: 5px !important;
    }
}

.document-item {
    flex: 1 1 calc(33.33% - 15px);
    padding: 10px;
    min-width: 250px;
}

.document-item label {
    font-size: 17px;
    font-weight: 500;
    color: #050505;
}

@media (max-width: 768px) {
    .document-item {
        flex: 1 1 calc(50% - 15px);
        padding: 5px !important;
    }
}


@media (max-width: 480px) {
    .document-item {
        flex: 1 1 100%;
    }
}
.clearance-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
}

.clearance-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1 1 calc(50% - 15px);
    min-width: 280px;
    padding: 5px 10px;
}


@media (max-width: 768px) {
    .clearance-item {
        flex: 1 1 100%;
    }
    .clearance-container{
        gap: 10px !important;
    }
}
.download-icon {
    color: #FF6F00;
    font-size: 20px;
}
.upload-link {
    color: #FF6F00;
    text-decoration: none;
    font-weight: 500;
}
.upload-link:hover {
    text-decoration: underline;
}
.documentfiles-container,
.gallery-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* .gallery-item {
    width: calc(80% / 5 - 10px);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
} */

.documentfiles-item,
.gallery-item {
    width: 100%;
    max-width: 150px;
    height: 150px;
    overflow: hidden;
}

/* .media-item {
    width: 100%;
    max-width: 150px;
    height: 150px;
    object-fit: cover;
    display: block;
    border:unset!important;
    border-radius:unset!important;
} */

.media-item {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border: unset !important;
    border-radius: unset !important;
}

.pdf-box, .file-box {
    width: 150px;
    height: 150px;
    background: rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    text-align: center;
    border:unset!important;
    border-radius:unset!important;
}
/* @media (max-width: 1024px) {
    .gallery-item { width: calc(80% / 3 - 10px); }
}
@media (max-width: 768px) {
    .gallery-item { width: calc(80% / 3 - 10px); }
}
@media (max-width: 576px) {
    .gallery-item { width: calc(80% / 2 - 10px); }
}
@media (max-width: 480px) {
    .gallery-item { width: 80%; text-align: center; }
} */
/* Last Item with Overlay */
.last-item {
    position: relative;
    cursor: pointer;
}

.see-more-overlay {
    position: absolute;
    top: 0;
    /* left: 26px; */
    width: 100%;
    height: 100%;
    background: #FF8038CC;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3sease;
}
.see-more-overlay-Gallery {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #FF8038CC;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3sease;
}
@media (max-width: 1440px) {
    .see-more-overlay {
        left: 2px;
        width: 98%;
    }
    .see-more-overlay-Gallery {
        left: 2px;
        width: 98%;
    }
}
.see-more-content {
    color: white;
    text-align: center;
    z-index: 2;
}

.see-more-content i {
    font-size: 2rem;
    margin-bottom: 10px;
}

.see-more-content p {
    margin: 0;
    font-weight: bold;
}

.common-text {
    color: #667085;
    font-size: 14px;
    font-weight: 400;
}

.common-font{
    font-family: 'Artico';
    font-size: 14px;
    font-weight: 400;
}

.toast-warning {
    color: black !important;
    font-weight: bold;
}

.guide-card{
    max-width: 800px;
    margin: 20px auto;
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    font-family: Artico;
}
.guide-card h1{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.guide-card p{
    font-size: 1.1rem;
    text-align: center;
    color: #555;
}
.guide-card h2{
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 20px;
    color: #333;
}
.guide-card ul {
    padding-left: 20px;
    margin-top: 10px;
}

.program_upcomming_font {
    font-family: "Artico Bold";
    font-weight: 600;
    font-size: 40px;
    color: #000000;
}
.program_highlight {
    font-family: "Artico Bold";
    font-weight: 600;
    font-size: 14px;
    color: #050505;
}
.program_descrip_ml{
    margin-left: -15px;
}
.program_icon_img img {
    /* width: 100%; */
}
.program_tutor_new_bg{
    background-image: url(../image/program_tutor_home_new.png);
    background-repeat: no-repeat;
    width: 100%;
    min-height: 587px;
}

.program_assistance_content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0 80px;
    max-width: 50%;
}
.program_assistance_div {
    display: flex;
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally */
}
.contact_program_from{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 50px;
}
.contact_assistance_br{
    border-radius: 10px;
}


.final-program-assistance-btn:hover {
    background-color: #f0610e;
    color: #fff;
}

.card-assessment .heading-table{
    background: #FF8038;
    color: white;
    padding: 20px 60px;
    font-family: 'Artico'!important;
    border-radius: 8px 8px 0px 0px;
    font-size: 18px;
    margin: 0px 0px;
}
.card-assessment{
    margin-top: 95px;
    margin-left: calc(22%);
    margin-right: calc(17%);
    width: calc(52%);
    z-index: 1;
    position: absolute;
}
.card-assessment [type="radio"]:not(.tutoring-radio-exclude):not(:checked)+label, .card-assessment [type="radio"]:not(.tutoring-radio-exclude):checked+label{
    margin-left: 0px;
    margin-bottom: 25px;
    font-weight: 500;
}
.assessment-bg{
    position: relative;
}
.card-assessment .quiz-question .fw-bold,
.card-assessment .review-quiz-question .fw-bold{
    font-family: 'Artico';
    font-weight: 800;
    font-size: 23px;
    margin-bottom: 23px;
    text-align: left;
}
.card-assessment .assessment-btn{
    background: #FF8038;
    border: none;
    cursor: pointer;
    min-width: 155px;
    text-align: center;
    font-family: 'Artico Medium';
    border-radius: 36px;
    padding: 10px 0px;
    font-size: 14px !important;
    color: #FFFFFF !important;
    letter-spacing: 1px;
    margin-top: 50px;
}
.quiz-content p{
    font-size: 23px;
    font-family: 'Artico';
    font-weight: bolder;
    letter-spacing: 0.8px;
    text-align: center;
}
.your-score{
    font-family: 'Artico';
    text-align: center;
    margin-top: 60px;
}
.your-score h6{
    color: #344054;
    font-size: 15px;
    margin-bottom: 16px;
}
.score{
    color: #FF8038;
}
.your-score h3{
    font-weight: 600;
}
.correct{
    color: green!important;
}
.correct:after{
    content: ''!important;
    width: 12px!important;
    height: 12px!important;
    background: green!important;
    position: absolute!important;
    top: 5px!important;
    left: 5px!important;
    border-radius: 100%!important;
    -webkit-transition: all 0.2s ease!important;
    transition: all 0.2s ease!important;
    opacity: 1!important;
    transform: scale(1)!important;
}
.assessment-total{
    font-family: 'Artico';
    color: #344054;
}
.tutor_expertise{
    font-family: "Artico";
    color: #052633;
    font-weight: 600;
    font-size: 14px;
    text-overflow: ellipsis;
    text-align: left;
    margin-bottom: unset;
}

.total-cls{
    color: #667085;
    font-size: 14px;
    padding-top: 10px;
}
.user-stats{
    margin: 30px 23px 0px 23px;
}
.opt-out{
    font-size: 14px;
    color: #050505;
    margin-top: 7px;
    margin-right: 13px;
}
.onboarding-table .table-header{
    color: #344054;
    font-size: 14px;
}
.onboarding-table tbody tr{
    border-bottom: 2px solid #D9DBE1;
}
.downloadThePdfLink{
    font-size: 14px;
}
.onboarding-table .table .table-header {
    background-color: #FFE7D3;
}
.onboarding-table .table th, .onboarding-table .table td {
    vertical-align: middle;
}
@media(max-width: 1700px) {
    .user-stats {
        margin: 20px 15px 0px 15px;
    }
}
@media(max-width: 1488px) {
    .profile-card .shadow {
        width: 100px !important;
        height: 100px !important;
    }
}
.attendance-field{
    font-family: Artico;
    font-size: 14px;
}
.attendance-field div{
    background: aliceblue;
    padding: 21px 21px;
    margin-top: 11px;
}
.attendance-field  .icheck-primary{
    margin-top: unset!important;
    margin-bottom: unset!important;
}
.attendance-field [class*=icheck-]>input:first-child+label::before {
    border-color: #FF8032!important;
}
.program_requirements_column{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 200px;
}
.school_program_offered_btn_text{
    display: flex;
    align-items: center;
    justify-content: center;
}
.position-absolute.requestProgramCloseRight{
    right: 0px !important;
}
.programRequestfont{
    font-family: "Artico Bold";
    color: #052633;
    font-weight: 600;
    font-size: 18px;
}
.careers_program_title{
    font-family: "Artico Bold";
    color: #052633;
    font-weight: 600;
    font-size: 18px;
}

.careers_program_date {
    display: flex;
    align-items: center;
    gap: 15px;
}
.careers_program_date img {
    width: 22px;
    height: auto;
}
.careers_program_btn{
    display: block;
    width: 100%;
    padding: 10px 20px;
    background-color: #FF8038;
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    transition: background 0.3s ease;
}
.careers_program_btn:hover{
    color: white;
    background-color: #f76b25;
}
.careers_p_font{
    font-family: 'Artico';
    font-size: 14px !important;
    font-weight: 400 !important;
    margin: unset !important;
    color: #667085;
}
.careers_p_ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.careers_h2_ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#schoolDetailsEditModal .btn-custom-clearance,
#EditSchoolModal .btn-custom-clearance {
    border-radius: 16%;
    padding: 5px 10px;
    cursor: pointer;
}
.school-custom-minus{
    border-radius: 5px;
    padding: 0px 5px 3px 5px !important;
}
.program-tab.active{
    background-color: #FF8032;
    color: #FFFFFF;
}
.program-tab{
    cursor: pointer;
    display: inline-block;
    color: #6E7782;
    margin-bottom: unset !important;
    background-color: #EEEEEE;
    padding: 10px 15px;
    text-align: center;
    font-size: 14px;
    font-family: 'Artico';
    width: 'auto';
    margin: 0 3px;
}
.budge{
    background: #FF8032;
    padding: 3px 8px;
    border-radius: 50%;
    color: #414651;
}
.program-tab.active .budge{
    background: #FFFFFF;
}
.total_scheduled_program_count{
    background: #FF8032;
    color: #414651;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 5px;
    border-radius: 50%;
    font-size: 14px;
}
.program-tab.active .total_scheduled_program_count{
    background: #FFFFFF;
}

.instructor_detail_section .row{
    justify-content: space-between;
}

.instructor_detail_section .descriptionDiv{
    background-color: #fff;
    display: flex;
    gap: 15px;
    margin-bottom: 2rem;
    justify-content: space-between;
    padding: 15px 40px;
}

.instructor_detail_section .detailsDiv{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.instructor_detail_section .detailsTime h4{
    margin-bottom: 20px;
}

.school_DetailDiv{
    background-color: #fff;
    margin-bottom: 2rem;
    padding: 15px 40px;
    height: 91%;
}

.View_Curriculum_link{
    color: #FF8038;
    height: 40px;
}

.View_Curriculum_link:hover{
    color: #FF8038;
}

.school_DetailDiv .schoolName{
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 1rem 0;
}

.school_DetailDiv .schoolName p{
    margin: 0;
    font-size: 16px;
}

@media screen and (max-width: 1200px) {
    .instructor_detail_section .row .descriptionDiv{
        flex-direction: column;
        width: 100% !important;
    }
    .instructor_detail_section .detailsdIV{
        width: 100% !important;
    }
}

@media screen and (max-width: 1800px) {
    .instructor_detail_section .row {
        flex-direction: column;
    }

    .instructor_detail_section .row .descriptionDiv{
        width: 100% !important;
    }

    .instructor_detail_section .row .Defination{
        font-size: 14px;
    }



    .instructor_detail_section .row .school_DetailMainDiv{
        width: 100% !important;
    }

    .instructor_detail_section .detailsTime h4{
        font-size: 18px;
    }

    .instructor_detail_section .detailsTime p{
        margin: 5px 0;
        font-size: 14px;
    }

}
.insrtuctor_program_grade{
    background-color:#E8EDFC;
    color:#344054;
    padding: 4px 8px;
    border-radius: 5px;
}
.insrtuctor_program_teaching{
    background-color:#C9F8CC;
    color:#0B5D11;
    padding: 4px 8px;
    border-radius: 5px;
}
.school_location_content{
    display: flex;
}
.school_location_content img {
    height: 100%;
    width: auto;
    max-height: 25px;
}

.school_location_content p {
    margin: 0;
    padding-left: 5px;
}
.newProgram_title{
    font-weight: 500;
    font-size: 19px;
    color: #050505;
    font-family: 'Artico Bold';
}
.newProgram_title_p{
    font-family: 'Artico';
    color: #344054;
    font-weight: 400;
    font-size: 15px;
}
.profile_edit_new_icon {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    text-decoration: none;
    color: #FF8038;
    user-select: none;
    font-family: 'Artico';
    font-weight: 400;
    font-size: 15px;
    cursor: pointer;
}
.profile_edit_new_icon:hover {
    color: #FF8038;
}
.profile_edit_new_icon img{
    height: 100%;
    width: auto;
    max-height: 50px;
}
.student_profile_dp,
.insrctor_profile_dp {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    /* height: 100%; */
}
.insrctor_profile_dp img {
    width: 100%;
    height: 325px;
    max-width: 325px;
    /* max-height: 150px;  */
    /* object-fit: cover;  */
    border-radius: 20px;
    border: 2px dashed #98A2B3;
}
.insrctor_profile_upload_p{
    font-weight: 400;
    font-size: 12px;
    color: #98A2B3;
    font-family: 'Artico';
    text-align: center;
}
.student_profile_upload_btn,
.insrctor_profile_upload_btn {
    display: inline-flex;
    align-items: center;
    gap: 8px; /* Space between icon and text */
    background: none;
    border: none;
    color: #f37a2e; /* Orange color */
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    padding: 5px 10px;
    font-family: 'Artico';
}
.insrctor_profile_upload_btn .insrctor_profile_upload_icon {
    width: 20px;
    height: 20px;
}
.profile_close_btn_orange{
    color: #FF8038;
    border: 1px solid #FF8038;
    font-family: "Artico";
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 11px 18px;
    border-radius: 8px;
}
.profile_close_btn_orange:hover{
    color: #FFFFFF;
    background-color: #FF8038;
    border: 1px solid #FF8038;
}
.profile_save_btn_orange{
    color: #FFFFFF;
    background-color: #FF8038;
    border: 1px solid #FF8038;
    font-family: "Artico";
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 11px 18px;
    border-radius: 8px;
}
.profile_save_btn_orange:hover{
    color: #FFFFFF;
}
.footer-mbl-btn{
    margin-bottom: 21px;
    margin-left: 10px
}
.profile_notice_title{
    font-weight: 600;
    font-size: 24px;
    color: #FFFFFF;
    font-family: 'Artico Bold';
    margin: 0;
}
.profile_notice {
    gap: 10px;
}
.profile_notice img {
    max-width: 100px;
    height: auto;
}
.profile_notice_p{
    font-family: "Artico";
    color: #FFFFFF;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: unset !important;
    padding-top: 8px;
}
.profile_notice_a{
    font-family: "Artico";
    padding: 10px 30px;
    background-color: #FFFFFF;
    border-radius: 5px;
    color: #FF8038;
    font-weight: 500;
    font-size: 16px;
    user-select: none;
    margin-top: 16px;
}
.profile_notice_a:hover{
    color: #FF8038;
}
.instructor_waring_card{
    background-color: #FF8032 !important;
    padding: 20px 40px !important;
    margin-bottom: 10px;
}
.personal_ai_bio{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    user-select: none;
    font-weight: 500;
    font-size: 14px;
    color: #FF8038;
}
.personal_ai_bio:hover{
    color: #FF8038;
}
.personal_ai_bio img {
    width: 15px;
    height: 15px;
}
.form-group label.custom_lable_profile{
    font-size: 14px;
    font-weight: 500;
    color: #344054;
    font-family: 'Artico Bold';
}
.tags-program-skills-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.skills-tag {
    font-family: "Artico";
    padding: 4px 16px;
    border: 1px solid #667085;
    border-radius: 10px;
    font-weight: 400;
    font-size: 14px;
    color: #052633;
    cursor: pointer;
}
.skills-tag:hover {
    background-color: #e0e0e0;
}
.close-tag {
    cursor: pointer;
    margin-left: 5px;
    color: orange; /* Color for the close button */
}
.instructor_profile_main_title{
    font-family: 'Artico Bold';
    font-weight: 600;
    font-size: 24px;
    color: #052633;
}
.resume_main_title{
    font-weight: 500 !important;
    color: #212529 !important;
}
.resume_text_view{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Artico';
    color: #FF8038;
    cursor: pointer;
    user-select: none;
}
.resume_text_view:hover{
    color: #FF8038;
}
.resume_text_view img{
    height: 16px;
    width: auto;
    display: block;
}
/* instructor profile table start */
.profile_table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 8px;
    /* overflow: hidden; */
    /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
    border: 1px solid #E4E7EC; /* Ensures border on all sides */
}
.profile_table td {
    font-weight: 500;
    font-size: 14px;
    color: #050505;
    font-family: 'Artico';
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #E4E7EC;  /* Ensure all cells have borders */
}

.profile_table thead {
    background-color: #f8f9fa;
    font-weight: bold;
}

.profile_table thead tr {
    border-bottom: 2px solid #E4E7EC;
}

.profile_table tbody tr:hover {
    background-color: #FFF7EF;
}

.profile_table td:last-child {
    color: #FF8038;
    cursor: pointer;
}
.profile_table th{
    font-weight: 500;
    font-size: 12px;
    color: #667085;
    font-family: 'Artico Bold';
    padding: 12px;
    text-align: left;
    border-bottom: 3px solid #E4E7EC !important;

}
.open_document_center {
    display: flex;
    align-items: center;
    gap: 5px;
    border-top: unset !important;
    color: #FF8038;
}
.open_document_center:hover {
    color: #FF8038;
}
.open_document_center img {
    vertical-align: middle;
    height: 14px;
}
/* instructor profile table end */
.scl_profile_note_title,
.profile_gallery_title_p{
    font-family: 'Artico';
    font-weight: 400;
    font-size: 14px;
    color: #6C757D;
}
.profile_notification_text_p {
    font-family: 'Artico';
    font-weight: 400;
    font-size: 14px;
    color: #212529;
    display: flex;
    align-items: center;
    gap: 8px;
    padding-right: 25px;
}
.profile_notification_text_p img {
    width: auto;
    height: auto;
    max-height: 20px;
}
.profile_notification_opt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 0;
}

.profile_notification_opt label {
    margin-bottom: 0;
}
.custom_model_sm.profile_notification_model_sm{
    max-width: 500px !important;
}
.onboarding_doc_status {
    display: flex;
    align-items: center;
    gap: 5px;
}
.onboarding_doc_status img {
    height: auto;
    max-height: 20px;
}
.onboading_down_title{
    font-family: 'Artico';
    font-weight: 500;
    font-size: 14px;
    color: #FF8038;
    cursor: pointer;
    white-space: nowrap;
}
.onboading_down_title:hover{
    color: #FF8038;
}
.onboading_document_file_new {
    font-weight: 500 !important;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    color: #FF8038 !important;
    text-decoration: none;
    gap: 5px;
}
#onboading-file-upload {
    display: none;
}
.onboading_lable_title{
    font-weight: 600 !important;
}
.onboading_lable_title_p{
    font-weight: 400;
    font-size: 14px;
    color: #050505;
    font-family: 'Artico';
}
.program-tab{
    cursor: pointer;
    display: inline-block;
    color: #6E7782;
    margin-bottom: unset !important;
    background-color: #EEEEEE;
    padding: 10px 15px;
    text-align: center;
    font-size: 14px;
    font-family: 'Artico';
}
.budge{
    background: #FF8032;
    padding: 3px 8px;
    border-radius: 50%;
    color: #414651;
}
.program-tab.active .total_today_program{
    background: #FFFFFF;
}
.why-choose{
    padding: 36px 0px;
}
.why-choose h5{
    font-family: 'artico medium';
}
.why-choose p{
    font-family: 'artico';
    text-align: center;
}
.total_pending_program_count,
.total_scheduled_program_count,
.total_today_program{
    background: #FF8032;
    color: #414651;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 5px;
    border-radius: 50%;
    font-size: 14px;
}
.program-tab.active .total_pending_program_count,
.program-tab.active .total_scheduled_program_count{
    background: #FFFFFF;
}

.instructor_detail_section .row{
    justify-content: space-between;
}

.instructor_detail_section .descriptionDiv{
    background-color: #fff;
    display: flex;
    gap: 15px;
    margin-bottom: 2rem;
    justify-content: space-between;
    padding: 15px 40px;
}

.instructor_detail_section .detailsDiv{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.instructor_detail_section .detailsTime h4{
    margin-bottom: 20px;
}

.school_DetailDiv{
    background-color: #fff;
    margin-bottom: 2rem;
    padding: 15px 40px;
    height: 91%;
}

.View_Curriculum_link{
    color: #FF8038;
    height: 40px;
}

.View_Curriculum_link:hover{
    color: #FF8038;
}

.school_DetailDiv .schoolName{
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 1rem 0;
}

.school_DetailDiv .schoolName p{
    margin: 0;
    font-size: 16px;
}

@media screen and (max-width: 1200px) {
    .instructor_detail_section .row .descriptionDiv{
        flex-direction: column;
        width: 100% !important;
    }
    .instructor_detail_section .detailsdIV{
        width: 100% !important;
    }
}

@media screen and (max-width: 1800px) {
    .instructor_detail_section .row {
        flex-direction: column;
    }

    .instructor_detail_section .row .descriptionDiv{
        width: 100% !important;
    }

    .instructor_detail_section .row .Defination{
        font-size: 14px;
    }



    .instructor_detail_section .row .school_DetailMainDiv{
        width: 100% !important;
    }

    .instructor_detail_section .detailsTime h4{
        font-size: 18px;
    }

    .instructor_detail_section .detailsTime p{
        margin: 5px 0;
        font-size: 14px;
    }

}
.insrtuctor_program_grade{
    background-color:#E8EDFC;
    color:#344054;
    padding: 4px 8px;
    border-radius: 5px;
}
.insrtuctor_program_teaching{
    background-color:#C9F8CC;
    color:#0B5D11;
    padding: 4px 8px;
    border-radius: 5px;
}
.school_location_content{
    display: flex;
}
.school_location_content img {
    height: 100%;
    width: auto;
    max-height: 25px;
}

.school_location_content p {
    margin: 0;
    padding-left: 5px;
}
.newProgram_title{
    font-weight: 500;
    font-size: 19px;
    color: #050505;
    font-family: 'Artico Bold';
}
.newProgram_title_p{
    font-family: 'Artico';
    color: #344054;
    font-weight: 400;
    font-size: 15px;
}
.instructor_clickable_row {
    cursor: pointer;
}
.instructor_clickable_row:hover {
    background-color: #FFF7EF;
}
.no-click {
    cursor: default;
}
.feedback-doc-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#loginModel .sign-up:hover, #signUpModal .sign-in:hover{
    color: #FF8032;
    cursor: pointer;
}
.program-tab .budge{
    background: #FF8032;
    color: #414651;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 5px;
    border-radius: 50%;
    font-size: 14px;
}
.program-tab.active .budge {
    background: #FFFFFF;
}

.profile_edit_new_icon {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    text-decoration: none;
    color: #FF8038;
    user-select: none;
    font-family: 'Artico';
    font-weight: 400;
    font-size: 15px;
    cursor: pointer;
}
.profile_edit_new_icon:hover {
    color: #FF8038;
}
.profile_edit_new_icon img{
    height: 100%;
    width: auto;
    max-height: 50px;
}
.insrctor_profile_dp {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    /* height: 100%; */
}
.insrctor_profile_dp img {
    width: 100%;
    height: 325px;
    max-width: 325px;
    /* max-height: 150px;  */
    /* object-fit: cover;  */
    border-radius: 20px;
    border: 2px dashed #98A2B3;
}
.insrctor_profile_upload_p{
    font-weight: 400;
    font-size: 12px;
    color: #98A2B3;
    font-family: 'Artico';
    text-align: center;
}
.insrctor_profile_upload_btn {
    display: inline-flex;
    align-items: center;
    gap: 8px; /* Space between icon and text */
    background: none;
    border: none;
    color: #f37a2e; /* Orange color */
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    padding: 5px 10px;
    font-family: 'Artico';
}
.insrctor_profile_upload_btn .insrctor_profile_upload_icon {
    width: 20px;
    height: 20px;
}
.profile_close_btn_orange{
    color: #FF8038;
    border: 1px solid #FF8038;
    font-family: "Artico";
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 11px 18px;
}
.profile_close_btn_orange:hover{
    color: #FFFFFF;
    background-color: #FF8038;
    border: 1px solid #FF8038;
}
.profile_save_btn_orange{
    color: #FFFFFF;
    background-color: #FF8038;
    border: 1px solid #FF8038;
    font-family: "Artico";
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 11px 18px;
}
.profile_save_btn_orange:hover{
    color: #FFFFFF;
}
.footer-mbl-btn{
    margin-bottom: 21px;
    margin-left: 10px
}
.profile_notice_title{
    font-weight: 600;
    font-size: 24px;
    color: #FFFFFF;
    font-family: 'Artico Bold';
    margin: 0;
}
.profile_notice {
    gap: 10px;
}
.profile_notice img {
    max-width: 100px;
    height: auto;
}
.profile_notice_p{
    font-family: "Artico";
    color: #FFFFFF;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: unset !important;
    padding-top: 8px;
}
.profile_notice_a{
    font-family: "Artico";
    padding: 10px 30px;
    background-color: #FFFFFF;
    border-radius: 5px;
    color: #FF8038;
    font-weight: 500;
    font-size: 16px;
    user-select: none;
    margin-top: 16px;
}
.profile_notice_a:hover{
    color: #FF8038;
}
.instructor_waring_card{
    background-color: #FF8032 !important;
    padding: 20px 40px !important;
    margin-bottom: 10px;
}
.personal_ai_bio{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    user-select: none;
    font-weight: 500;
    font-size: 14px;
    color: #FF8038;
}
.personal_ai_bio:hover{
    color: #FF8038;
}
.personal_ai_bio img {
    width: 15px;
    height: 15px;
}
.form-group label.custom_lable_profile{
    font-size: 14px;
    font-weight: 500;
    color: #344054;
    font-family: 'Artico Bold';
}
.tags-program-skills-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.skills-tag {
    font-family: "Artico";
    padding: 4px 16px;
    border: 1px solid #667085;
    border-radius: 10px;
    font-weight: 400;
    font-size: 14px;
    color: #052633;
    cursor: pointer;
}
.skills-tag:hover {
    background-color: #e0e0e0;
}
.close-tag {
    cursor: pointer;
    margin-left: 5px;
    color: orange; /* Color for the close button */
}
.instructor_profile_main_title{
    font-family: 'Artico Bold';
    font-weight: 600;
    font-size: 24px;
    color: #052633;
}
.resume_main_title{
    font-weight: 500 !important;
    color: #212529 !important;
}
.resume_text_view{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Artico';
    color: #FF8038;
    cursor: pointer;
    user-select: none;
}
.resume_text_view:hover{
    color: #FF8038;
}
.resume_text_view img{
    height: 16px;
    width: auto;
    display: block;
}
/* instructor profile table start */
.profile_table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 8px;
    /* overflow: hidden; */
    /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
    border: 1px solid #E4E7EC; /* Ensures border on all sides */
}
.profile_table td {
    font-weight: 500;
    font-size: 14px;
    color: #050505;
    font-family: 'Artico';
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #E4E7EC;  /* Ensure all cells have borders */
}

.profile_table thead {
    background-color: #f8f9fa;
    font-weight: bold;
}

.profile_table thead tr {
    border-bottom: 2px solid #E4E7EC;
}

.profile_table tbody tr:hover {
    background-color: #FFF7EF;
}

.profile_table td:last-child {
    color: #FF8038;
    cursor: pointer;
}
.profile_table th{
    font-weight: 500;
    font-size: 12px;
    color: #667085;
    font-family: 'Artico Bold';
    padding: 12px;
    text-align: left;
    border-bottom: 3px solid #E4E7EC !important;

}
.open_document_center {
    display: flex;
    align-items: center;
    gap: 5px;
    border-top: unset !important;
    color: #FF8038;
}
.open_document_center:hover {
    color: #FF8038;
}
.open_document_center img {
    vertical-align: middle;
    height: 14px;
}
/* instructor profile table end */
.profile_gallery_title_p{
    font-family: 'Artico';
    font-weight: 400;
    font-size: 14px;
    color: #6C757D;
}
.profile_notification_text_p {
    font-family: 'Artico';
    font-weight: 400;
    font-size: 14px;
    color: #212529;
    display: flex;
    align-items: center;
    gap: 8px;
    padding-right: 25px;
}
.profile_notification_text_p img {
    width: auto;
    height: auto;
    max-height: 20px;
}
.profile_notification_opt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 0;
}

.profile_notification_opt label {
    margin-bottom: 0;
}
.custom_model_sm.profile_notification_model_sm{
    max-width: 500px !important;
}
p.onbording_sub_title{
    font-weight: 600 !important;
    font-size: 16px;
    color: #052633 !important;
}
.onboarding_doc_status {
    display: flex;
    align-items: center;
    gap: 5px;
}
.onboarding_doc_status img {
    height: auto;
    max-height: 20px;
}
.onboading_down_title{
    font-family: 'Artico';
    font-weight: 500;
    font-size: 14px;
    color: #FF8038;
    cursor: pointer;
    white-space: nowrap;
}
.onboading_down_title:hover{
    color: #FF8038;
}
.onboading_document_file_new {
    font-weight: 500 !important;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    color: #FF8038 !important;
    text-decoration: none;
    gap: 5px;
}
#onboading-file-upload {
    display: none;
}
.onboading_lable_title{
    font-weight: 600 !important;
}
.onboading_lable_title_p{
    font-weight: 400;
    font-size: 14px;
    color: #050505;
    font-family: 'Artico';
}

/*Sign Up For Instructor Start*/
.signup_logo_container_new{
    justify-content: center;
    top: 52px;
}
.signup_logo_container_new img{
    width: 125px;
    height: 50px;
}
.signup-card-tutor{
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;

    width: 440px;
    height: 100%;
    border-radius: 12px;
    padding: 40px 62px 40px 62px;
}
.signup-card-tutor img{
    max-width:unset;
}
.signup-card-tutor .form-control{
    height: 40px;
}
.signup_font_title_new {
    color: #052633;
    /* padding-bottom: 10px; */
    font-family: "Artico";
    font-weight: 600;
    font-size: 26px;
    /* line-height: 44px; */
    text-align: center;
}
.signup_img_content{
    position: absolute;
    margin: 10px;
    right: 0px;
    top: 0px;
    z-index: 4;
    /* pointer-events: none; */
}
.signup_extra_note{
    font-family: "Artico";
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #98A2B3;
}
.signup_extra_link{
    font-family: "Artico";
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #475467;
}
.signup_tutor_btn_new {
    background-color: #FF8038;
    color: #FFFFFF;
    font-family: "Artico Medium", sans-serif;
    font-size: 14px;
    white-space: nowrap;
    display: inline-block;
    text-align: center;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
    height: 40px;
    border-radius: 8px;
    padding:4px 14px 4px 14px;
}

.signup_tutor_btn_new:hover {
    background-color: #E66A20;
    color: #FFFFFF;
    text-decoration: none;
}
@media(max-width: 1024px) and (min-width: 768px){
    .signup-card-tutor{
        padding: 40px 30px 40px 30px;
    }

}
@media(max-width: 768px){
    .signup-card-tutor{
        padding: 40px 30px 40px 30px;
    }
}
/*Sign Up For Instructor End*/

#is_agree{
    cursor: pointer;
}

/*Student Program List CSS Start*/
.schedule_program_btn{
    height: 40px;
    padding: 4px 14px;
    gap: 8px;
    border: 1px solid #FF8038;
    border-radius: 8px;
    font-family: 'Artico';
    background-color: #FF8038;
    color: white;
    cursor: pointer;
}
.schedule_program_btn_filter_add{
    height: 40px;
    padding: 4px 14px;
    gap: 8px;
    border: 1px solid #FF8038;
    border-radius: 8px;
    font-family: 'Artico';
    color: white;
    text-align: center;
    cursor: pointer;
    background-color: #FFF7EF;
    color: #FF8038;
}
.schedule_view_type_container span,
.schedule_view_type_container{
    color: #808080;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-family: artico;
    margin-bottom: 12px;
}
.calenderlistcheckNew .active-view,
.calenderlistcheckNew.active {
    fill: none !important;
    stroke: #FF8038 !important;
    color: #FF8038 !important;
}
.calenderlistcheckNew.active .view-type-font{
    color: #FF8038 !important;
}
.rounded_box {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    border-radius: 8px;
    border: 1.5px solid #667085;
    width: auto;
}

.rounded_box_icon {
    height: 14px;
    width: auto;
    margin-right: 6px;
}

.rounded_box_font {
    color: #052633;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    white-space: nowrap;
}
.bold_text{
    font-weight: bold;
    color: #050505;
}
/*Schedule Program Grid System Start*/
.student-school-register-program-grid-item{
    background-color: #FFFFFF;
    font-size: 14px;
    position: relative;
    width: 371px;
    height: 488px;
    line-height: 17px;
    border-radius: 20px;
    border: 1px solid #ECECEC;
}
.student-schedule-program-grid-item{
    background-color: #FFFFFF;
    font-size: 14px;
    position: relative;
    width: 280px;
    height: 402px;
    line-height: 17px;
    border-radius: 15px;
    border: 1px solid #E3E8EC;
}
.student-school-register-program-grid-item img.schedule_program_new_img{
    max-width: 370px;
    height: 100%;
    height: 192px;
    object-fit: cover;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.student-schedule-program-grid-item img.schedule_program_new_img {
    max-width: 277px;
    height: 100%;
    height: 166px;
    object-fit: cover;
    width: 100%;
    height: 150px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.schedule_program_font{
    font-family: 'Artico';
    font-size: 15px !important;
    font-weight: 400 !important;
    margin: unset !important;
    color: #667085;
}
.view_school_request_program{
    display: block;
    width: 100%;
    background-color: #FF8038;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: background 0.3s ease;
    line-height: 22px;
    max-width: 321px;
    height: 44px;
    padding: 4px 16px;

}
.view_schedule_program{
    display: block;
    width: 100%;
    background-color: #FF8038;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: background 0.3s ease;
    line-height: 22px;
    max-width: 248px;
    height: 40px;
    padding: 4px 14px;
}
.view_program_text{
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    vertical-align: -webkit-baseline-middle;
    cursor: pointer;
}
.rounded_apply_filter_btn{
    color: #FFFFFF;
    background-color: #FF8038;
    border: 1px solid #FF8038;
    font-family: "Artico";
    font-size: 12px;
    font-weight: 500;
    border-radius: 8px !important;
}
.rounded_from_btn{
    color: #FFFFFF;
    background-color: #FF8038;
    border: 1px solid #FF8038;
    font-family: "Artico";
    font-size: 12px;
    font-weight: 500;
    padding: 8px 15px;
}
.rounded_apply_filter_btn:hover,
.rounded_from_btn:hover,
.view_school_request_program:hover,
.view_schedule_program:hover{
    color: #FFFFFF;
}
.studentScheduleProgramList .fc-button-group .fc-next-button,
.studentScheduleProgramList .fc-button-group .fc-prev-button,
.studentScheduleProgramList .fc .fc-button-primary {
    background-color: white !important;
    width: auto;
    height: 34px;
    padding: 4px 10px;
    border-bottom-right-radius:8px !important;
    border-top-right-radius:8px !important;
    border-bottom-left-radius:8px !important;
    border-top-left-radius:8px !important;
    border-radius: 8px;
    border: 1px solid #FF8038 !important;
    color: #FF8038 !important;
    cursor: pointer;
}
.studentScheduleProgramList .fc-button-group .fc-next-button :hover,
.studentScheduleProgramList .fc-button-group .fc-prev-button :hover,
.studentScheduleProgramList .fc .fc-button-primary:hover {
    color: #FF8038 !important;
    background-color: white !important;
}
.studentScheduleProgramList .fc-button-primary.fc-button-active{
    background-color: #FF8038 !important;
    color: white !important;
    border: 1px solid #FF8038 !important;
}
.studentScheduleProgramList .fc .fc-button-group {
    display: inline-flex;
    position: relative;
    vertical-align: middle;
    gap: 10px;
    margin-top: 3px;
}
.white_bg_btn{
    background-color: white !important;
    width: auto;
    height: auto;
    /* height: 34px; */
    padding: 4px 14px;
    border-radius: 8px;
    border: 1px solid #FF8038 !important;
    color: #FF8038 !important;
    cursor: pointer;
}
.tutoring_list_result_list{
    position: absolute;
    border: 1px solid #ced4da;
    border-radius: 8px;
    background: #FFFFFF;
    text-align: left;
    padding: 7px 15px;
    width: 100%;
    z-index: 1;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
.tutoring_list_result_list::-webkit-scrollbar {
    display: none;
}

.search-button-input{
    text-align: center;
    height: 38px;
    width: 60px;
    outline: none;
    cursor: pointer;
    border: 4px solid #FF8038;
    border-radius: 0 5px 5px 0;
    border-left: none;
    background: none;
    font-size: 20px;
    border-left: 4px solid #FF8038;
    background: #FF8038;
    box-shadow:unset!important;
}
.student_school_prgm_title{
    font-family: "Artico Bold";
    color: #050505;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
}


@media(max-width: 400px) {
    .student-school-register-program-grid-item{
        height:auto !important;
        width: auto;
    }
}
@media(max-width: 712px) {
    .school_contact_text,
    .school_name_text{
        text-align: center !important;
    }
}
/*Schedule Program Grid System End*/



/*Student Program List CSS End*/
#document-clearance-file-upload{
    display: none;
}
.clearance_descrip_p + p{
    font-weight: 400;
    font-size: 14px;
    color: #050505;
    font-family: 'Artico';
}
#int-documentClearance-fileUpload{
    display: none;
}
.custom_model_sm.instructor_availability_model_sm{
    max-width: 700px !important;
}
.availability_list{
    display: flex;
    align-items: center;
    gap: 10px;
}
.availability_list_text{
    font-family: 'Artico Bold';
    font-weight: 600;
    font-size: 14px;
    color: #052633;
    margin: unset !important;
}
.availability_list_time_p{
    font-family: 'Artico';
    font-weight: 400;
    font-size: 14px;
    color: #052633;
    margin-bottom: unset !important;
}
.unavailability_list_p{
    font-family: 'Artico';
    font-weight: 400;
    font-size: 14px;
    color: #6C757D;
    margin-bottom: unset !important;
}
.tutor_experience_img img {
    width: initial;
    height: initial;
}
.tutor_experience_title{
    font-family: "Artico Bold";
    font-weight: 700;
    font-size: 16px;
    color: #052633;
}
.tutor_experience_title_p{
    font-family: "Artico";
    font-weight: 400;
    font-size: 14px;
    color: #052633;
}
.custom_model_sm.instructor_work_experience_model_sm{
    max-width: 1000px !important;
}
.workexperience_model_pro{
    max-height: 510px;
    overflow-y: auto;
    overflow-x: hidden;
}
.profile_instructor_subject_model_sm{
    min-width: 1200px !important;
}

.tutoring_strengths_card {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.basic-card {
    flex: 1 1 calc(33.333% - 20px);
    min-width: 300px;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    min-height: 220px;

}

.card-header-box {
    min-height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.skill-container {

    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.skill-badge {
    display: inline-block;
    padding: 4px 14px;
    margin: 5px;
    border: 1px solid #f97316;
    border-radius: 10px;
    color: #f97316;
    font-weight: bold;
    cursor: pointer;
}

.skill-badge:hover {
    background-color: #FF8038;
    color: white;

}

.expertise-title,
.additional-title {
    font-size: 18px;
    font-weight: 600;
}

.expertise-grade {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #6C757D !important;
}

@media (max-width: 768px) {
    .basic-card {
        flex: 1 1 calc(50% - 20px);
    }
}

@media (max-width: 480px) {
    .basic-card {
        flex: 1 1 100%;
        min-width: 100%;
        margin: 0 auto;
    }
}
.expertise_sub_title {
    display: flex;
    align-items: center;
    gap: 5px;
}
.expertise_sub_title img {
    height: auto;
}
.expertise_sub_title p {
    margin: 0;
    font-family: 'Artico Bold';
    font-weight: 600;
    font-size: 18px;
    color: #052633;
}
.tutoring_strengths_model_o{
    max-height: 510px;
    overflow-y: auto;
    overflow-x: hidden;
}
.custom_lable_profile_bio{
    font-size: 14px;
    font-weight: 500;
    color: #344054;
    font-family: 'Artico Bold';
}
@media (max-width: 425px) {
    .resp_profile_ui_card {
        padding-right: 7.5px !important;
        margin-bottom: 15px;
    }
}

.email-text {
    font-weight: 400;
    font-size: 14px;
    color: #667085;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

@media (max-width: 425px) {
    .about-item {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .email-text {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

@media (max-width: 1024px) and (min-width: 411px) {
    .resp_resume_text_view {
        margin-left: 1px !important;
    }
}
.email-options{
    margin-bottom: .5rem;
    font-family: 'Artico';
    font-size: 15px;
    float: right;
}
#toggle-cc, #toggle-bcc{
    cursor: pointer;
    color: #052633;
}
#toggle-cc:hover, #toggle-bcc:hover{
    text-decoration: underline;
}
.billing-address{
    padding: 8px 8px 0px 10px;
    /* background: aliceblue; */
    /* margin: 12px 6px 25px 8px; */
    border-radius: 7px;
}

/* Student Profile Page Start */
.school_conatct_title_font{
    font-weight: 500;
    font-size: 20px;
    vertical-align: middle;
    color: #344054;
}
.student_profile_dp img{
    width: 100%;
    height: 178px;
    max-width: 178px;
    /* max-height: 150px;  */
    /* object-fit: cover;  */
    border-radius: 20px;
    border: 2px dashed #98A2B3;
}
/* Student Profile Page End */
.no-spinner::-webkit-inner-spin-button,
.no-spinner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.no-spinner {
    -moz-appearance: textfield;
}

/*Concorde Academy program banner Satrt*/

.program-tutor-text-content-concorde {
    position: absolute;
    top: 50%;
    left: 26%;
    transform: translate(-50%, -50%);
    max-width: 490px;
    z-index: 2;
}
.program-tutor-text-content-concorde h3.program_tutor_bgtext {
    font-family: "Artico Bold";
    font-weight: 600;
    font-size: 36px;
    color: #000000;
    line-height: 1.3;
    margin-bottom: 0.5rem;
}
.program-tutor-text-content-concorde h3 .highlight {
    background-color: #A6F4c5 !important;
    padding: 0 20px;
    border-radius: 40px;
}
.program-tutor-text-content-concorde p.program_tutor_bgp {
    font-family: "Artico";
    color: #000000;
    font-size: 16px;
    line-height: 1.6;
    margin-top: 12px;
    margin-bottom: 18px;
}
@media (max-width: 1440px) {
    .program-tutor-text-content-concorde {
        left: 30%;
        /* max-width: 400px; */
        max-width: 385px;
    }
    .program-tutor-text-content-concorde h3.program_tutor_bgtext {
        font-size: 24px;
    }
    .program-tutor-text-content-concorde p.program_tutor_bgp {
        font-size: 15px;
    }
}
@media (min-width: 992px)  and (max-width: 1440px) {
    /* .program-tutor-text-content-concorde {
        max-width: 360px;
    } */
    .program-tutor-text-content-concorde h3.program_tutor_bgtext {
        font-size: 23px;
        line-height: 1;
    }
    .program-tutor-text-content-concorde p.program_tutor_bgp {
        font-size: 14px;
    }
}
@media  (min-width: 800px) and (max-width: 992px) {
    .program-tutor-text-content-concorde {
        left: 30%;
        /* left: 33%; */
        /* max-width: 371px; */
    }

    .program-tutor-text-content-concorde h3.program_tutor_bgtext {
        font-size: 26px;
    }

    .program-tutor-text-content-concorde p.program_tutor_bgp {
        font-size: 14px;
    }
    .program-tutor-image-content-concorde img {
        height: 412px !important;
    }
}
@media  (min-width: 769px) and (max-width: 800px) {

    .program-tutor-text-content {
        left: 30%;
        max-width: 300px;
    }

    .program-tutor-text-content-concorde h3.program_tutor_bgtext {
        font-size: 26px;
    }

    .program-tutor-text-content-concorde p.program_tutor_bgp {
        font-size: 16px;
    }
    .program-tutor-image-content-concorde img {
        height: 400px !important;
    }
}
.program-tutor-image-content-concorde {
    width: 100%;
    position: relative;
    margin: 0 auto;
}
.program-tutor-image-content-concorde img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}
@media (max-width: 768px) {
    .add-new-bghover {
        display: none;
    }

    .program-tutor-image-content-concorde.resp-show-newbg-concorde {
        display: block !important;
    }
    .program-tutor-text-content-concorde {
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -20%);
        padding: 0 30px;
        width: 90%;
        max-width: 100%;
    }
}
@media (max-width: 534px) {
    .program-tutor-text-content-concorde {
        padding: 0 15px;
    }
    .program-tutor-image-content-concorde img{
        height: 650px
    }
}
@media (max-width: 400px) {
    .program-tutor-text-content-concorde {
        padding: 0 10px;
    }
    .program-tutor-image-content-concorde img{
        height: 750px;
    }
}
/*Concorde Academy program banner End*/
@media (min-width: 769px) and (max-width: 991px) {
    .program-tutor-image-content img{
        height: 260px!important;
    }
    h3.program_tutor_bgtext {
        font-size: 24px!important;
    }
    p.program_tutor_bgp {
        font-size: 14px!important;
    }
}

.student_school_contacts_s{
    max-height: 300px;
    overflow-y: auto;
}
.badge.student_tutor_lable_stp{
    border: 1px solid #052633;
    border-radius: 20px;
    padding: 6px 10px;
    color: #343a40;
    background-color: unset;
}
.badge.student_tutor_lable_stc{
    border: 1px solid #3c8dbc;
    border-radius: 20px;
    padding: 6px 10px;
    color: #3c8dbc;
    background-color: unset !important;
}
.badge.student_tutor_lable_stse{
    border: 1px solid #ffc107;
    border-radius: 20px;
    padding: 6px 10px;
    color: #ffc107;
    background-color: unset;
}
.badge.student_tutor_lable_str{
    border: 1px solid #dc3545;
    border-radius: 20px;
    padding: 6px 10px;
    color: #dc3545;
    background-color: unset;
}
.join-session-img {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #FFFFFF !important;
    padding: 9px 20px;
}
.join-session-img img {
    height: 20px;
    width: auto;
}
button.btn.join-session-img.disabled {
    background-color: #9B9B9B !important;
    border-color: #9B9B9B !important;
    color: #FFFFFF !important;
    opacity: 0.8 !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}
.join-session-img.disabled img {
    filter: grayscale(100%);
    opacity: 0.6;
    pointer-events: none;
}
.tutoring_session_sw{
    font-size: 14px !important;
    font-weight: 500;
}
.button.tutoring_upload_btn{
    background-color: unset !important;
    border: 1px solid #FF8038;
    border-radius: 8px;
    color: #FF8038;
    font-size: 14px;
    font-weight: 500;
    font-family: "Artico";
}
.final_check_upload_btn.tutoring_homework_btn{
    padding: 8px 12px;
    border-radius: 8px;
    background-color: unset;
    border: 1px solid #FF8038;
    color: #FF8038;
    font-family: 'Artico';
    font-size: 16px;
    font-weight: 500;
}
.tutoring_leave_review_text{
    font-family: 'Artico';
    color: #FF8038 !important;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}

.sp_assessment{
    margin-top: -15%;
    margin-left: calc(14%);
    margin-rght: unset;
    width: calc(53%);
    z-index: 1;
    position: absolute;
}

.fc-toolbar, .fc-toolbar.fc-header-toolbar {
    padding: 11px 20px 21px 20px !important;
}

.quiz-auth-info{
    /* border-bottom: 2px solid #FF8038; */
    font-size: 18px !important;
}

.orange_highlight{
    background: #FF8032;
    color: white;
    padding: 3px 10px;
    border-radius: 4px;
}

/* set password card css */
.password-reset-container {
    max-width: 504px;
    margin: 60px auto;
    padding: 40px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    font-family: Artico !important;
}

.secure-acoount-title {
    font-size: 23px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
    color: #050505;
}

.secure-acoount-subtitle {
    font-size: 15px;
    color: #344054;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 400;
}


.form-group small {
    display: block;
    color: #98A2B3;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px !important;
}

.password-input-wrapper {
    position: relative;
}

.password-input-wrapper input {
    width: 100%;
    padding: 10px 40px 10px 12px;
    border: 1px solid #CED4DA;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 400 !important;
    color: #98A2B3;
}

.toggle-password {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 16px;
    color: #052633;
}

.set-password-btn {
    display: block;
    width: 100%;
    padding: 12px;
    background-color: #FF7A30;
    color: white;
    font-size: 14px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    margin-top: 10px;
    font-weight: 500;
    text-align: center;
}

.set-password-btn:hover {
    background-color: #e66920;
    color: white;
}

@media (max-width: 480px) {
    .password-reset-container {
        margin: 30px 15px;
        padding: 20px;
    }
}

/* school password changes welcome card css  */

.welcome-container {
    max-width: 420px;
    margin: 60px auto;
    padding: 30px;
    font-family: Artico !important;
    text-align: start;
}

.welcome-concorde-title {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 22px;
    color: #050505;
}

.welcome-concorde-subtitle {
    font-size: 15px;
    color: #344054;
    margin-bottom: 20px;
    line-height: 1.6;
    font-weight: 400;
}

.feature-list {
    text-align: left;
    margin: 0 auto 20px 20px;
    padding: 0;
    list-style: none;
}

.feature-list li {
    font-size: 15px;
    color: #344054;
    margin-bottom: 10px;
    position: relative;
    padding-left: 24px;
    font-weight: 400;
}

.feature-list li::before {
    content: '✔';
    color: #FF7A30;
    position: absolute;
    left: 0;
    font-size: 16px;
}

.comlete-school-button{
    display: inline-block;
    background-color: #FF7A30;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 20px;
    border: none;
    border-radius: 6px;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
    width: 100%;
    text-align: center;
}

.comlete-school-button:hover {
    background-color: #e66920;
    color: #fff;
}

.comlete-school-button i {
    margin-left: 5px;
}

@media (max-width: 480px) {
    .welcome-container {
        margin: 30px 15px;
        padding: 20px;
    }
}

/* school profile complete step form css  */

.school-profile-main-container {
    max-width: 1000px;
    margin: 30px auto;
}

.school-page-header {
    text-align: center;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 22px;
    color: #050505;
}

.school-page-subheader {
    text-align: center;
    color: #344054;
    font-size: 15px;
    margin-bottom: 30px;
    font-weight: 400;
}

.school-form-container {
    background: white;
    border-radius: 8px;
    padding: 50px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
}

.school-stepwizard-custom {
    margin-bottom: 20px;
    width: 100%;
}

.step-btn-circle {
    width: 27px;
    height: 27px;
    text-align: center;
    padding: 5px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.step-btn-circle:hover {
    color: #FFFFFF;
}

.school-btn-custom-step {
    background-color: #667085;
    color: white;
    border: none;
    font-weight: 400;
    font-size: 14px;
}

.step-btn-default {
    background-color: #e2e2e2;
    color: #666;
    border: none;
}

.step-btn-default.active {
    background-color: #007bff;
    color: white;
}

.school_sub_step_p {
    font-size: 14px;
    font-weight: 400;
    color: #667085;
}

.school_subject_title_font {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
}

.school-setup-content {
    display: none;
}

.school-setup-content.active {
    display: block;
}

.stepBtn-bg {
    background-color: #FF8038;
    color: white;
    padding: 9px 30px;
    border: none;
    font-size: 14px;
    border-radius: 8px;
}

.stepBtn-bg:hover {
    color: white;
}

.prevstepBtn-bg {
    border-radius: 8px;
    padding: 9px 20px;
    cursor: pointer;
    border: 1px solid #FF8038;
    color: #FF8038;
    font-size: 14px;
    font-weight: 500;
}
.prevstepBtn-bg:hover {
    color: #FF8038;
}

#Edit_schools_profile_form .add-new-btn, #Edit_schools_profile_form .add-ganeral-contact-btn:hover {
    background-color: #FFFFFF!important;
}


.upload-photo-container {
    border: 2px dashed #ddd;
    padding: 30px;
    text-align: center;
    background-color: #f9f9f9;
    border-radius: 5px;
    margin-bottom: 20px;
}

.upload-photo-container p {
    color: #999;
    margin-top: 10px;
    font-size: 12px;
}

.upload-photo-btn{
    color: #FF8038!important;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
}

/* New CSS for Step 2 school contact to match the UI */

.contact-section-title {
    font-size: 15px;
    font-weight: 700;
    color: #052633;
    margin-bottom: 10px;
}

.contact-section-subtitle {
    font-size: 15px;
    font-weight: 400;
    color: #344054;
    margin-bottom: 15px;
}

.contact-card {
    background-color: #fff5f0;
    border-radius: 8px;
    padding: 20px;
    position: relative;
}

.add-new-btn {
    color: #ff6b33;
    background-color: white;
    border: 1px solid #ff6b33;
    border-radius: 9px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 24px;
}

.add-new-btn,.add-ganeral-contact-btn:hover {
    background-color: #e65e2d;
    color: #FF8038;
}

/* New CSS for Step 3 Invoice to match the UI */
.payment-options {
    display: flex;
    gap: 20px;
    margin-top: 10px;
}

.payment-option {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #1a2e44;
}

.payment-option input[type="radio"] {
    display: none;
}

.invoice-radio-custom {
    width: 20px;
    height: 20px;
    border: 2px solid #e2e8f0;
    border-radius: 50%;
    margin-right: 8px;
    position: relative;
    display: inline-block;
}

.payment-option input[type="radio"]:checked+.invoice-radio-custom {
    border-color: #ff6b33;
    background-color: #ff6b33;
}

.payment-option input[type="radio"]:checked+.invoice-radio-custom::after {
    content: '';
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.invoicing-schedule,
.invoicing-schedule-radio,
.invoicing-po-schedule,
.invoicing-like {
    display: flex;
    gap: 40px;
    align-items: center;
    margin-bottom: 10px
}

.invoicing-schedule label {
    width: 39%;

}

.invoicing-po-schedule label {
    width: 23%;
}

.invoicing-like label {
    width: 33%;
}

.invoicing-po-schedule input {
    max-width: 35% !important;
    text-align: start;
}

.invoicing-schedule select,
.invoicing-like select {
    max-width: 40% !important;
    text-align: start;
}

.invoicing-common-label {
    font-weight: 600!important;
    font-size: 14px;
    color: #052633;
}

@media only screen and (min-width: 268px) and (max-width: 768px) {

    .invoicing-schedule label,
    .invoicing-po-schedule label,
    .invoicing-like label {
        width: 100% !important;

    }

    .invoicing-po-schedule input,
    .invoicing-schedule select,
    .invoicing-like select {
        width: 100% !important;
        max-width: 100% !important;
        text-align: start;
    }

    .invoicing-schedule,
    .invoicing-schedule-radio,
    .invoicing-po-schedule,
    .invoicing-like {
        display: flex;
        flex-direction: column !important;
        gap: 0px !important;
        align-items: flex-start !important;
        margin-bottom: 40px;
    }

}

/* New CSS for Step 4 to match the UI */
.clearance-select {
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    height: 40px;
    font-size: 14px;
    color: #1a2e44;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>') no-repeat right 10px center;
    background-size: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 30px;
}

.selected-count {
    font-size: 12px;
    color: #666;
    margin-top: 5px;
    display: block;
}

.school-clearance-item {
    margin-bottom: 15px;
}

.clearance-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

/* Icon styling */
.clearance-icon {
    margin-right: 8px;
    color: #1a2e44;
}

.clearance-title {
    font-size: 14px;
    font-weight: 500;
    color: #1a2e44;
    flex: 1;
}

.clearance-remove-btn {
    background: none;
    border: 1px solid #ff6b33;
    border-radius: 4px;
    width: 35px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.clearance-remove-btn svg {
    color: #ff6b33;
    width: 34px;
    height: 45px;
}
.upload-section-main {
    background-color: #fff5f0;
    border-radius: 6px;
    padding: 10px;
}

.upload-section {
    /* background-color: #fff5f0;
    border-radius: 6px;
    padding: 10px; */
    display: flex;
    align-items: center;
    gap: 10px;
}

.clearance-upload-btn {
    background: white;
    border: none;
    color: #ff6b33;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin: 0;
    border: 1px solid #ff6b33;
    padding: 5px;
    border-radius: 7px;
}

.upload-status {
    font-size: 14px;
    color: #666;
}

.other-clearance-card {
    background-color: #fff5f0;
    border-radius: 8px;
    padding: 11px;
    position: relative;
}

.question-select {
    width: 30%;
}
.remove-main-contact, .remove-billing-contact, .remove-ganeral-contact, .remove-clearance-btn, .remove-custom-clearance, .remove-education {
    border: 1px solid #D10000 !important;
    border-radius: 5px;
    padding: 5px  !important;
    cursor: pointer;

}

.new-clearance-main-card {
    background-color: #fff5f0;
    border-radius: 8px;
    padding: 20px;
    position: relative;
    margin-bottom: 20px;
}
.add-ganeral-contact-btn, .add-main-contact-btn, .add-billing-contact-btn{
    border-radius: 8px;
    padding: 9px 20px;
    cursor: pointer;
    border: 1px solid #FF8038;
    color: #FF8038!important;
    font-size: 14px;
    font-weight: 500;
}

.clearance-document-label label:hover {
    color: #FF8038 !important;
    background-color: white !important;
}

.font-class{
    color: #98A2B3;
    font-family: 'Artico';
    font-size: 15px;
}
.artico-font{
    font-family: "Artico";
}
.school-page-subheader{
    color: #344054;
}
.unset-padding{
    padding-left: unset!important;
    padding-right: unset!important;
}

#school_password_reset_card label, #school_profile_main_container label{
    /*color: #344054;*/
    font-family: 'Artico';
    font-size: 14px;
    font-weight: unset!important;
}

#school_password_reset_card .password-input-wrapper input{
    color: #344054!important;
}
.blue_highlight {
    background: #007bff !important;
    color: white;
    padding: 3px 10px;
    border-radius: 4px;
}
.gray_highlight {
    background: #e3eaf3 !important;
    color: #344054;
    padding: 5px 12px;
    border-radius: 4px;
    font-size: 13px;
}
.detail-card .grade-bg {
    background-color:#E8EDFC !important;
    color: #344054 !important;
    padding: 3px 10px;
    border-radius: 4px;
}

.purple_highlight {
    background: #6f42c1;
    color: white;
    padding: 3px 10px;
    border-radius: 4px;
}

.green_highlight {
    background: #C9F8CC;
    color: #0B6811;
    padding: 5px 12px;
    border-radius: 4px;
    font-size: 14px;
}
.green_highlight_shadow{
    background: #C9F8CC;
    color: #0B6811;
    padding: 5px 12px;
    border-radius: 4px;
    font-size: 14px;
}
.purple_highlight{
    background: #EDDFFB;
    color: #480F81;
    padding: 3px 10px;
    border-radius: 4px;
}

.red_highlight {
    background: #dc3545;
    color: white;
    padding: 3px 10px;
    border-radius: 4px;
}

.flash_at_middle{
    position: fixed;
    top: 45%;
    left: 50%;
    transform: translateX(-50%);
    background: rgb(227 234 243);
    border: 1px solid #F4F6F9;
    padding: 20px;
    z-index: 9999;
    border-radius: 10px;
    box-shadow: #11111A08 0px 4px 10px;
    max-width: 800px;
}

/* School Details Page CSS Start */
.scl_detail_title{
    font-weight: 400;
    font-size: 20px;
    color: #052633;
}
.scl_detail_font_color{
    font-family: 'Artico';
    color: #FF8038 !important;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
}
.scl_details_edit_font{
    font-family: 'Artico';
    color: #052633 !important;
    font-size: 15px;
    font-weight: 400;
    cursor: pointer;
}
.content_center{
    text-align: center;
}
.school_profile_main_title{
    font-family: 'Artico Bold';
    font-weight: 600;
    font-size: 24px;
    color: #052633;
}
.contacttype_wise_contact_details td{
    padding: 5px;
}
.filled_orange_btn,
.school_details_save_btn_orange{
    width: auto;
    height: 40px;
    padding: 6px 14px;
    border-radius: 8px;
    background-color: #FF8038;
    color: white !important;
    border-color:unset !important;
    cursor: pointer;
}
.filled_orange_btn:hover,
.school_details_save_btn_orange:hover{
    color: white;
}
.filled_white_btn,
.school_details_close_btn_orange{
    width: auto;
    height: 40px;
    padding: 6px 14px;
    border-radius: 8px;
    background-color: #FFFFFF;
    color: #FF8038;
    border: 1px solid #FF8038;
    cursor: pointer;
}
.filled_white_btn:hover,
.school_details_close_btn_orange:hover{
    color: #FF8038;
    cursor: pointer;
}

.filled_red_btn{
    width: auto;
    /* font-weight: 500; */
    height: 40px;
    padding: 6px 14px !important;
    border-radius: 9px !important;
    background-color: #E14337;
    color: #FFFFFF;
    border: 1px solid #E14337;
    cursor: pointer;
}
.filled_red_btn:hover{
    color: #FFFFFF;
}
.peach_bgcolor{
    background: #FFF9F5;
    /* border: 1px solid #FF8038; */
    border-radius: 3px !important;
}
.existing_contact_edit_modal {
    border-radius:8px !important;
}
.custom_model_dismiss_btn{
    padding: 4px 10px !important;
    border-radius: 8px !important;
    border: 1px solid #FF8038 !important;

}

.school_profile_dp {
    /* display: flex; */
    width: 100%;
}
.school_profile_dp img{
    width: 100%;
    height: 216px;
    max-width: 216px;
    border-radius: 12px;
    border: 2px dashed #98A2B3;
}

.school_profile_upload_btn {
    display: inline-flex;
    align-items: center;
    gap: 8px; /* Space between icon and text */
    background: none;
    border: none;
    color: #f37a2e; /* Orange color */
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    padding: 5px 10px;
    font-family: 'Artico';
}

.school_profile_upload_icon {
    width: 20px;
    height: 20px;
}

.dark_question_font{
    font-family: 'Artico Bold';
    font-weight: 600;
    color: #052633;
}
.school_profile_title_lable{
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: 1px solid #052633;
}
.school_profile_sub_font{
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

/* School Details Page CSS End */

#Edit_schools_profile_form .custom-clearance-section{
    padding: 19px 21px;
    background: #FFF9F5;
    border-radius: 8px;
}
#Edit_schools_profile_form #custom-clearance-container{
    margin: 16px 9px;
}
.step-complete {
    background-color: #667085;
    color: #fff;
    border: none;
}
.dark-orange-color-common{
    font-family: 'Artico';
    color: #FF8038;
    background-color: white;
    border-radius: 11px;
    border: 1px solid #FF8038;
    font-size: 15px;
}
.dark-orange-color-common:hover{
    background-color: #FF8038;
    color: white;
}
.button-filter-add {
    padding: 3px 13px;
    text-align: center;
    cursor: pointer;
    background-color: #FFFFFF;
    color: #FF8038;
    border: 1px solid #FF8038;
    border-radius: 5px;
}
.schudeled_programs_filter span {
    color: #98A2B3;
    font-size: 14px;
    font-weight: 400;
}
.program-detail-title{
    font-family: "Artico Bold";
    color: #052633;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px;
}
.program_profile_dp img{
    width: 121px;
    height: 121PX;
    max-width: 216px;
    border-radius: 16px;
}

.student-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    max-width: 750px;
    margin-bottom: 13px;
}
.student-item {
    display: flex;
    align-items: start;
    text-align: center;
    width: 120px;
}
.student-avatar img{
    width: 50px !important;
    height: 50px !important;
    border-radius: 30px;
    margin-bottom: 8px;
}
.clearance-data{
    color: #344054;
    font-size: 14px;
    font-family: 'Artico';
}
.font-artico{
    font-family: 'Artico';
}
.instr-details p{
    color: #6C757D;
    font-size: 13px;
}
.program-detail-title-new {
    font-family: "Artico";
    color: black;
    font-weight: 500;
    font-size: 17px;
}
.show-filter-card-details{
    box-shadow: 0px 2px 4px 0px #11111A0F;
}
.invite-students-container {
    padding: 20px;
    margin: 0 auto;
}
.invite-students-section-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}
.student-info {
    display: flex;
    align-items: center;
}
.manage-student-table td {
    vertical-align: middle !important;
}

.manage-student-table td{
    font-family: "Artico";
    font-size: 15px;
    font-weight: 400;
    color: #6E7782;
    padding: 7px;

}
.our_programs_back:hover{
    color: #FF8032;
}
.invoicing-schedule .question-icon-invoicing {
    font-size: 15px;
    padding: 0px 0px 0px 5px;
}
.invoicing-schedule-note,.clearance-sub-title {
    font-size: 14px;
    color: #6E7782;
    font-family: 'Artico';
    font-weight: 400;
    margin-bottom: 20px;
}

.custom-container-program {
    max-width: 75% !important;
}
.program-filter-main {
    margin-top: 80px;
}

#school_request_programs_form label{
    color: #344054;
    font-size: 13px;
    letter-spacing: 0.3px;
    font-weight: unset!important;
}
.font-style{
    font-family: 'Artico';
    color: #344054;
    font-size: 14px;
    letter-spacing: 0.5px;
}
.input-group {
    max-width: 100%;
}
.add_dollar .input-group-text {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-right: none;
    border-radius: 5px 0 0 5px;
    color: #212529;
    padding-left: 15px!important;
    padding-right: unset!important;
}

.add_date .input-group-text {
    background-color: #fff;
    padding-right: 15px;
}
#SchoolBasedProgramRequestModal #school_program_margin,
#SchoolBasedProgramRequestModal #instructor_price,
#SchoolBasedProgramRequestModal #per_student_per_hour_rate {
    border: 1px solid #ced4da;
    border-left: none;
    border-radius: 0 5px 5px 0;
    padding: 10px;
    font-size: 16px;
    color: #212529;
}
#SchoolBasedProgramRequestModal #school_program_margin:focus,
#SchoolBasedProgramRequestModal #instructor_price:focus,
#SchoolBasedProgramRequestModal #per_student_per_hour_rate:focus, #SchoolBasedProgramRequestModal .date:focus {
    box-shadow: none;
    border-color: #ced4da;
}
#Edit_schools_form .fs-options .disabled,
#Edit_schools_profile_form .fs-options .disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    color: black !important;
}
.invoice_payment_checkbox.no-bg>input:checked+label::before{
    background-color: unset !important;
}
.fs-option.fixed-option {
    pointer-events: none;    /* Disable mouse interactions */
    opacity: 0.6;            /* Visual disabled look */
    cursor: not-allowed;
}

.link-style {
    color: #0d6efd; /* Bootstrap primary link color */
    text-decoration: underline;
    cursor: pointer;
}
.swal-left-align li,
.swal-left-align p {
    text-align: left !important;
}
#education-section {
    max-height: 510px;
    overflow-y: auto;
}
@media (max-width: 425px) {
    .school_detail_title {
        flex-direction: column !important;
    }
    .responsive-contact-table tr,
    .responsive-contact-table td {
        display: block;
        width: 100%;
    }

    .responsive-contact-table tr {
        margin-bottom: 10px;
    }

    .responsive-contact-table .contact-label {
        font-weight: bold;
        margin-top: 10px;
    }
    .contact-detail-main{
        margin: 0px !important;
    }
    .instructor-clearance {
        margin-left: 0px !important;
    }
}

.countdown-timer{
    font-weight: bold;
    color: #FF8032;
    font-size: 14px;
    padding: 6px !important;
    margin: 5px;
    border-radius: 5px;
    background: #ffebdf;
    display: inline-block;
}
.start-meeting-link {
    font-family: "Artico";
    margin-bottom: unset;
    color: #FF8038;;
    cursor: pointer;
}
.start-meeting-link:hover {
    color: #FF8038;
}
.impersonate-msg{
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    font-family: 'Artico';
}

.dollar_for_clearance{
    font-weight:bold;
    margin-right: 4px !important;
    margin-top: 5px !important;
    vertical-align: middle !important;
    color: gray !important;
}
.clearance_cost_input{
    width: 94% !important;
    display: inline-block !important;
    vertical-align: middle !important;
}
.education{
    font-family: 'Artico Bold';
    font-size: 20px;
    padding-top: 15px;
    letter-spacing: -1px;
}
#contactDetailsBody td{
    vertical-align: inherit!important;
}
#new-district{
    background: antiquewhite;
    padding: 0px 10px;
    border-radius: 8px;
}
.total-schools-count{
    font-family: Artico;
    font-size: 15px;
    margin-bottom: unset;
}
#InstructorFilter .tutoring-toggle-switch {
    background: #eee;
}
#InstructorFilter .tutoring-toggle-switch [type="radio"]:checked+label {
    padding: 12px 20px!important;
}

.kanban-container {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    padding-bottom: 10px;
}

.kanban-column {
    background-color: #d3d3d3;
    border-radius: 8px;
    padding: 15px;
    width: 350px;
    flex-shrink: 0;
    height: 630px;
}

.kanban-header {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.kanban-container{
    font-family: Artico;
}

.kanban-column {
    position: relative;
}

.loader-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 50; /* Ensure it overlays cards */
}

.spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #007bff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.count-badge {
    font-size: 0.9em;
    color: #666;
    font-weight: normal;
    margin-left: 5px;
}

.feedback-program-gallery-thumb {
    width: 100%;
    height: 150px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

/* Hover effect for the thumbnail */
.feedback-program-gallery-thumb:hover {
    transform: scale(1.05);
}

/* Caption styling inside card-body */
.feedback-gallery-caption {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}





/* For public page Lightbox modal restyle for #feedbackGalleryLightbox Start*/
#feedbackGalleryLightbox .modal-dialog {
    max-width: 85vw;
    max-height: 85vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

#feedbackGalleryLightbox .modal-content {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    border: none;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}

/* Header */
#feedbackGalleryLightbox .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border-bottom: 1px solid #e9ecef;
}

/* Body */
#feedbackGalleryLightbox .modal-body {
    background: #f8f9fa;
    padding: 20px;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

#feedbackGalleryPreviewContainer iframe,
#feedbackGalleryPreviewContainer img,
#feedbackGalleryPreviewContainer video {
    max-width: 100%;
    max-height: calc(85vh - 200px);
    object-fit: contain;
    border-radius: 6px;
}

/* File Display (for generic file types) */
#feedbackGalleryPreviewContainer .file-display {
    text-align: center;
    padding: 40px;
}

/* Footer */
#feedbackGalleryLightbox .modal-footer {
    padding: 16px 20px;
    border-top: 1px solid #e9ecef;
    background: #f8f9fa;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Navigation Buttons */
#feedbackGalleryPrevBtn,
#feedbackGalleryNextBtn {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.7);
    color: white;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10001;
    transition: background 0.2s ease;
}

#feedbackGalleryPrevBtn:hover:not(:disabled),
#feedbackGalleryNextBtn:hover:not(:disabled) {
    background: rgba(0, 0, 0, 0.95);
}

#feedbackGalleryPrevBtn:disabled,
#feedbackGalleryNextBtn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

#feedbackGalleryPrevBtn {
    left: 20px;
}

#feedbackGalleryNextBtn {
    right: 20px;
}
@media (max-width: 767px) {
    #feedbackGalleryLightbox .modal-dialog {
        text-align: center;
        margin: 0 auto;
    }

}
/* For public page Lightbox modal restyle for #feedbackGalleryLightbox End*/


/* manage school detail page responsive start*/

.total-program-profit {
   top:88px !important;
}
.school_type_badge{
    font-size: 12px !important;
    padding: 3px 6px !important;
    white-space: normal !important;
    line-height: 1.2;
    max-width: 100%;
    display: inline-block;
}
@media (max-width: 480px) {
    .all-details-card {
        padding-left: 5px !important;
        padding-right: 5px !important;

    }

    .school-profile-img {
        width: 100%;
        height: auto;
    }

    .school-info-overlay h2 {
        font-size: 18px;
    }

    .school-info-overlay p {
        font-size: 14px;
    }
}

@media (max-width: 500px) {
    .total-program-profit {
        position:unset !important;
        top: 16px !important;
    }
    .calculation_matrix_box{
        padding-right: unset !important;
    }
    .count-card-result {
        margin-bottom: 50px;
    }

}

@media (max-width: 768px){
    .all-details-card {
        flex: unset !important;
        max-width: unset !important;
    }
}
@media (max-width: 768px) and (min-width: 425px){
     .total-program-profit{
        flex: unset !important;
        max-width: unset !important;
        position:unset !important;
        top: 16px !important;
    }

}
@media (min-width: 768px) and (max-width: 1024px){
    .total-program-profit{
        flex: 0 0 66%;
        max-width: 66.666667%;
        position:unset !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px){

    .share_media_program_btn .resp-social-m{
        width: 158px !important;
    }
}
/* manage school detail page responsive end*/