.mb-20 {
    margin-bottom: 20px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

/* header section starts */
header.custom-header .nav-link,
header .dropdown .btn {
    color: #5B5B5B;
    font-size: 15px;
    font-family: 'Semi Bold';
}

header.custom-header .nav-link {
    padding: 10px 8px !important;
}

header.custom-header .dropdown-toggle::after {
    vertical-align: middle !important;
}

header.custom-header li.active .nav-link {
    color: #5B5B5B !important;
    background-color: rgba(26, 115, 232, 0.1) !important;
    border-radius: 7px 7px 0px 0px;
    border-bottom: 4px solid #1A73E8;
}

header.custom-header .nav-link:hover,
header .dropdown .btn:hover {
    background-color: rgba(26, 115, 232, 0.1);
    border-radius: 7px 7px 0px 0px;
}

header.custom-header {
    margin-bottom: 20px;
}

/* header section ends */

/* footer section starts */
.footer-bottom {
    background-color: #1153A9;
    height: 45px;
    padding: 12px 0;
    color: #fff !important;
}

.footer-bottom a {
    color: #fff !important;
    text-decoration: none;
}

.footer-bottom a:hover,
.footer-bottom a:active,
.footer-bottom a:focus {
    text-decoration: underline;
}

/* footer section ends */

.section-title {
    font-family: 'Semi Bold';
    font-size: 20px;
    color: #000000;
    margin-bottom: 30px;
}

.sub-section-title {
    font-size: 18px;
}

.filter-btn {
    background-color: rgba(66, 66, 66, 0.1);
    border-radius: 7px 7px 0px 0px;
    border-bottom: 2px solid #8A8A8A;
    font-size: 15px;
    font-family: 'Semi Bold';
    color: #5B5B5B;
    width: 175px;
    padding: 9px 12px;
    display: inline-block;
    text-decoration: none;
    margin-right: 20px;
    margin-bottom: 15px;
    cursor: pointer;
    line-height: 19px;
}

.filter-btn.active {
    background-color: rgba(26, 115, 232, 0.1);
    border-bottom: 2px solid #1A73E8;
}

.filter-left-sec {
    border-right: 2px solid #CFCFCF;
    padding-right: 5px;
    display: inline-block;
    width: 100px;
}

.filter-btn.active .filter-left-sec {
    border-right: 2px solid #B1C2D9;
}

.filter-right-sec {
    text-align: center;
    display: inline-block;
    padding-left: 5px;
    width: 45px;
}

.search-bar input {
    height: 40px;
    text-indent: 34px;
    border: 2px solid #d6d4d4;
    border-radius: 7px;
    min-width: 300px;
}

.search-bar input:focus {
    box-shadow: none;
}

.search-bar input::placeholder,
input.ui-select-search::placeholder {
    color: #A7A7A7;
    font-size: 16px;
}

.search-bar .search-icon {
    top: 12px;
    left: 16px;
}

.program-card {
    border: 2px solid #DADCE0;
}

.program-card .card-header {
    display: flex;
    justify-content: space-between;
    background-color: transparent;
    margin: 0 15px;
    border-bottom: 2px solid #DADCE0 !important;
    padding: 20px 2px 10px;
}

.program-card .card-header h4.title,
.program-card .card-header h4.title a {
    font-family: 'Semi Bold';
    font-size: 16px !important;
    color: #000000 !important;
    cursor: pointer;
    word-break: break-all;
    padding-right: 20px;
}

.program-card .card-header h4.title a:hover,
.program-card .card-header h4.title a:focus,
.program-card .card-header h4.title a:active {
    color: #047BF8 !important;
}

.program-card .card-body {
    border-radius: 7px;
    padding: 0px 20px 20px;
}

.program-card .card-body .program-details {
    color: #828282;
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
    font-weight: 500;
}

.program-card .card-body .program-details:last-child {
    margin-bottom: 0;
}

.pagination {
    --bs-pagination-border-color: none
}

.pagination a {
    color: #0C8CE9;
    font-size: 16px;
    font-family: 'Semi Bold';
}

.pagination .page-item.active a {
    color: #000000 !important;
    background-color: transparent !important;
}

.pagination a:focus {
    box-shadow: none;
}

.program-list-view .border-end {
    border-right: 2px solid #C4C4C4 !important;
}

.program-filter-list {
    display: inline-block;
    min-width: 100px;
    border-right: 2px solid #C4C4C4;
    padding-right: 18px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.program-filter-list:last-child {
    border-right: 0;
}

.program-name {
    color: #6A6A6A;
    font-size: 16px;
    font-family: 'Medium';
}

.program-value {
    color: #565656;
    font-size: 16px;
    font-family: 'Semi Bold';
    padding-left: 15px;
}

.seat-dist-calc {
    border: 1px solid #BDBDBD;
    padding: 10px 15px;
    color: #000000;
    font-size: 16px;
    font-family: 'Semi Bold';
    border-radius: 10px;
}

table.table thead th {
    color: #505050;
    font-size: 14px;
    font-family: 'Semi Bold';
    background-color: #E8E8E9;
    border: none;
}

table.table.first-padding thead th:first-child,
table.table.first-padding tbody td:first-child {
    padding-left: 40px !important;
}

table.table thead th:first-child,
table.table tbody {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

table.table thead th:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

table.table tbody tr td {
    border-top: 2px solid #CECECE;
    border-bottom: 0;
}

table.table tbody tr td:first-child {
    border-left: 2px solid #CECECE;
}

table.table tbody tr:last-child td {
    border-bottom: 2px solid #CECECE;
}

table.table tbody tr td:last-child {
    border-right: 2px solid #CECECE;
}

table.table tbody td {
    color: #505050;
    font-size: 13px;
    font-family: 'Semi Bold';
}

table.table thead th,
table.table tbody td,
table.table tfoot td,
table.table .tfoot td {
    padding: 10px 15px !important;
}

table.table.table-border tbody td,
table.table.table-border tfoot td,
table.table.table-border .tfoot td {
    border-right: 1px solid #CECECE;
}

.table-td-dv-border {
    padding: 5px 5px;
    border-bottom: 1px solid #CECECE;
    font-size: 12px !important;
}

table.table.table-vacancy tbody td,
table.table.table-vacancy tfoot td,
table.table.table-vacancy .tfoot td {
    padding: 8px !important;
}

table.table.table-vacancy thead th {
    padding: 10px 8px !important;
}

table.table tbody td.p-0 {
    padding: 0 0px !important;
}

table.table-report thead th,
table.table-report tbody td {
    padding: 10px 10px !important;
}

table.table-report thead th {
    font-size: 14px !important;
}

table.table-report tbody td {
    font-size: 13px !important;
}

table.seat-distribution thead th:first-child,
table.seat-distribution tbody td:first-child {
    padding-left: 10px !important;
}

.table-x-scroll {
    width: 100%;
    overflow-x: auto;
}

.table-vr {
    background-color: #E7E7E7;
    width: 4px;
    height: 20px;
    margin-top: 6px;
}

table.table tbody tr:nth-child(even) {
    background-color: #fbfbfb !important
}

table.table.no-random-color tbody tr:nth-child(even) {
    background-color: #ffffff !important
}

table.table tbody tr:nth-child(even).opened-card {
    background-color: #deecff !important;
}

table.table tbody tr:nth-child(even).opened-card:hover {
    background: #FFFFE1 !important;
    background-color: #FFFFE1 !important;
}

.table-scroll {
    height: calc(100vh - 260px);
    overflow: auto;
    padding-right: 5px;
}

.modal-table-scroll {
    max-height: calc(100vh - 260px);
    overflow: auto;
    padding-right: 5px;
}

.table-scroll-full {
    height: calc(100vh - 260px);
}

.table-pagination {
    height: calc(100vh - 305px);
}

.table-scroll thead th {
    position: sticky;
    top: 0;
}

.table-scroll thead tr.second-thead th {
    top: 65px
}

.table-foot-fixed tfoot td,
.table-foot-fixed .tfoot td {
    position: sticky;
    bottom: -1px;
    background-color: #f7f7f7;
    font-family: "Semi Bold";
}

.table-foot-fixed {
    max-height: calc(100vh - 280px);
    overflow: auto;
    height: auto !important;
}

table.table-standard {
    max-width: 100%;
    width: 100%;
    border-spacing: 0;
}

.table-standard thead tr {
    background-color: #555555;
}

table.table-standard thead th {
    color: #FFFFFF;
    font-size: 15px;
    font-family: 'Inter';
    font-weight: 500;
    background: #555555;
    background-color: #555555;
    border: none;
    border-left: none;
    z-index: 1;
}

table.table-standard tbody td {
    color: #222222;
    font-size: 14px;
}

table.table-standard tbody tr:nth-child(even) {
    background-color: #FFFFFF;
}

table.table-standard tbody tr td {
    border-top: 1px solid #E5E5E5;
    font-family: 'Inter';
    white-space: normal;
}

table.table tbody tr td:first-child,
table.table tfoot tr td:first-child {
    border-left: 1px solid #E5E5E5;
}

table.table tbody tr td.no-hover {
    background-color: transparent !important;
    background: #ffffff !important;
}

table.table tbody tr td:last-child,
table.table tfoot tr td:last-child {
    border-right: 1px solid #E5E5E5;
}

table.table tbody tr:last-child td {
    border-bottom: 1px solid #E5E5E5;
}

.table-x-scroll {
    max-width: 100%;
    overflow-x: auto;
    margin-bottom: 10px;
}

.table-x-scroll table {
    margin-bottom: 0;
}

table.table>tbody>tr:hover,
table.table>tbody>tr:hover .action {
    background: #FFFFE1 !important;
    background-color: #FFFFE1 !important;
}

.slot-date-tr,
.table-tr-gray {
    background-color: #fafafa !important;
}

.bg-color-none {
    background-color: transparent !important;
}

.horizontal-rule {
    height: 4px;
    background-color: #D9D9D9;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.08);
}

.session-table input {
    width: 160px;
    font-size: 13px;
    line-height: 16px;
    color: #505050;
}

.seat-distribution input {
    text-align: center;
    font-size: 13px;
    width: 55px;
    color: #505050;
}

.seat-distribution select {
    font-size: 13px;
    color: #505050;
    min-width: 80px;
}

.row-column-seats {
    display: none;
}

.error-row .row-column-seats {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    margin-top: 3px;
    margin-bottom: 0 !important;
}

table .validation.text-danger {
    line-height: 15px;
    margin-top: 3px;
    font-size: 12px;
}

.border-dark {
    border-color: #A9A9A9 !important;
}

.text-black {
    color: #000000 !important;
}

/* sidebar */
.offcanvas-start {
    height: 100vh;
}

.offcanvas-header1,
.offcanvas-body,
.offcanvas {
    padding-left: 15px;
    padding-right: 15px;
}

.offcanvas-body {
    height: calc(100vh - 170px);
    margin-bottom: 50px
}

.offcanvas .filter-button {
    position: absolute;
    bottom: 10px;
    right: 16px;
}

.offcanvas label {
    display: block;
    margin-left: 20px;
    margin-top: 12px;
}

.offcanvas-body hr {
    margin: 20px 0;
}

.filter-title {
    font-size: 16px;
    font-family: 'Medium';
    color: #494949;
    margin-bottom: 15px;
}

.offcanvas-body .form-check label {
    font-size: 14px;
    font-family: 'Semi Bold';
    color: #494949;
}

.offcanvas-body hr {
    height: 2px;
}

.offcanvas .clear-all {
    background-color: transparent;
    text-decoration: underline;
    color: #1A73E8;
    border: none;
    font-family: 'Semi Bold';
}

.offcanvas .btn-close {
    padding: 15px;
    background-color: #FFFFFF;
    opacity: 1;
    background-image: url('../images/close.svg');
}

.offcanvas .btn-close:focus {
    box-shadow: none;
}

.offcanvas .close {
    right: -40px;
    top: 15px;
}

.offcanvas {
    scrollbar-color: #D9D9D9 #8C8C8C;
}

.offcanvas .clear-all:hover,
.offcanvas .clear-all:focus {
    background-color: transparent;
    color: #175CB6;
}

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

/* Track */
.offcanvas ::-webkit-scrollbar-track {
    background: #D9D9D9;
}

/* Handle */
.offcanvas ::-webkit-scrollbar-thumb {
    background: #8C8C8C;
}

/* sidebar ends */

.tab-list-btn {
    border: 2px solid #DADCE0;
    border-radius: 7px;
    font-size: 14px;
    display: inline-block;
    color: #6B6B6B;
    min-width: 143px;
    padding: 8px 12px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.tab-list-left-sec {
    border-right: 2px solid #D9D9D9;
    min-width: 63px;
    display: inline-block;
    padding-right: 20px;
    font-family: 'Medium';
    font-size: 14px;
}

.tab-list-right-sec {
    width: 40px;
    display: inline-block;
    font-family: 'Semi Bold';
    font-size: 15px;
    text-align: right;
}

.tab-list-btn .vr {
    background-color: #B1C2D9;
    width: 2px;
}

.tab-list-button {
    display: inline-block;
}

.tab-list-button .btn {
    min-width: 200px;
    padding: 0.5rem 0.7rem;
    margin-top: 5px;
    display: inline-block;
}

.tab-btn {
    padding: 15px;
    border: 2px solid #DADCE0;
    border-radius: 7px;
    margin-right: 2.25rem;
    margin-bottom: 1.6rem;
}

.tab-btn .title {
    color: #6B6B6B;
    font-size: 14px;
    font-family: 'Medium';
}

.tab-btn .value,
.createSlotModal .sub-title {
    color: #6B6B6B;
    font-size: 16px;
    font-family: 'Semi Bold';
}

.tab-btn .vr {
    background-color: #B1C2D9;
    width: 2px;
}

.tab .btn {
    width: 100% !important;
}

.call-for-list thead th {
    background-color: #555555;
    padding: 7px 8px;
    color: #FFFFFF;
    border: 1px solid #555555;
    font-size: 16px;
    font-family: 'Medium';
    font-weight: normal;
}

.call-for-list tbody tr {
    border: 2px solid #DADCE0;
}

.call-for-list tbody td {
    padding: 12px 8px;
    color: #505050;
    font-size: 13px;
    font-family: 'Semi Bold';
}

.table th .dropdown-menu .option {
    margin: 0 12px;
    border-bottom: 1px solid #E9E9E9;
    font-size: 14px;
    font-family: 'Medium';
    color: #5B5B5B;
    padding: 12px 0;
}

.table th .dropdown-menu .option .checkbox {
    width: 15px;
    height: 15px;
    top: 3px;
    border: 2px solid #5B5B5B;
}

.table th .dropdown-menu li:last-child .option {
    border-bottom: none;
}

.no-button {
    background-color: transparent !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-width: auto !important;
}

.no-button:after {
    display: none;
}

.no-dropdown-btn {
    background-color: transparent;
    border: none;
}

.dropdown-menu a {
    padding: 6px 15px !important;
    text-decoration: none;
    color: #5B5B5B;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-family: 'Medium';
}

.dropdown-menu a svg {
    margin-top: -2px;
}

.input-with-icon img {
    top: 15px;
    right: 100px;
}

.slot input {
    background-color: #F9F9F9;
}

.slot tbody td {
    padding: 9px 12px;
}

.btn .btn-secondary {
    background-color: #394d60 !important;
    border-color: #394d60 !important;
}

.btn .btn-secondary:hover,
.btn .btn-secondary:focus,
.btn .btn-secondary:active {
    background-color: #394d60 !important;
    border-color: #394d60 !important;
}

.status-pill {
    width: 10px;
    height: 10px;
    border-radius: 30px;
    background-color: #eee;
    display: inline-block;
    margin-right: 5px;
}

.invoice-tags {
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    color: hsl(0, 0%, 13%) !important;
    margin: 3px 7px;
    display: inline-block;
    background-color: #E8E8E8 !important;
    padding: 3px 8px;
}

.invoice-header {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.invoice-title {
    margin-bottom: 0;
    text-transform: uppercase;
    color: #ced4da;
    font-weight: 700;
    position: relative !important;
}

.fee-invoice-status-absolute {
    position: absolute;
    left: 0;
    padding: 8px 10px;
    color: #fff;
    font-size: 13px;
    top: 50px;
    width: 100%;
    text-align: center;
}

.billed-from {
    margin-top: 0px;
}

.billed-from h5 {
    color: #1153A9;
}

.billed-from p {
    line-height: 1.7;
}

.billed-to h6 {
    color: #343a40;
    font-size: 15px;
}

.yellow {
    background-color: #E2B513 !important
}

.blue {
    background-color: #1A73E8 !important
}

.red {
    background-color: #C42020 !important
}

.orange {
    background-color: #FF560E !important
}

.teal {
    background-color: #06958C !important
}

.green {
    background-color: #1F8B1C
}

.gray {
    background-color: #606060;
}

.call-for-list-create-model {
    width: 994px;
}

.date-icon {
    top: 10px;
    right: 17px;
    z-index: 1000;
}

.form-control {
    color: #555;
    border: 1px solid #656667;
    background-color: #FFF;
    padding: 0.25rem 0.7rem;
    font-size: 14px;
}

input.form-control,
input.select {
    min-height: 33px;
}

.form-control.btn {
    padding: 0.25rem 0.7rem !important;
}

.form-control.btn {
    padding: 0.25rem 0.7rem !important;
}

.form-group label {
    font-family: 'Semi Bold';
    margin-bottom: 5px;
}

table .form-control {
    border: 1px solid #A9A9A9;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #ddd;
    opacity: 1;
}

.form-control.flatpickr-input:disabled {
    background-color: #ddd !important;
    opacity: 1;
}

.form-control:hover,
.form-control:focus,
.form-control:active {
    box-shadow: none;
    border-color: #047BF8;
}

.form-control::-webkit-input-placeholder {
    color: #d7d7d7;
}

.modal-title {
    font-size: 20px;
    font-weight: 600;
    color: #000000;
}

.modal-dialog.modal-dialog-centered.model-custom {
    max-width: 677px;
}

.model-confirm .modal-body h5 {
    line-height: 30px;
    font-size: 17px;
}

.list-title {
    font-size: 16px;
    font-family: 'Inter';
    color: #606060;
}

.list-value {
    font-size: 16px;
    font-family: 'Semi Bold';
    color: #606060;
}

.spot-form {
    border: 1px solid rgba(0, 0, 0, 0.0175);
    padding: 30px 45px;
    margin-top: 30px;
    border-radius: 8px;
    background: #f8f8f8;
}

.createSlotModal .modal-body .sub-list {
    font-size: 14px;
    font-family: 'Light';
    color: #606060;
}

.edit-slot {
    font-size: 16px;
    font-family: 'Semi Bold';
    color: #323232;
}


.profileText {
    color: #5B5B5B;
    font-size: 20px;
    font-weight: 600;
}

.registration-font {
    font-size: 20px;
    font-weight: 600;
    color: #000000;
}

.profile-details-font {
    font-size: 16px;
    font-weight: 500;
    color: #676767;
}

.timer {
    border: 2px solid #1A73E8;
    border-radius: 45px 0px 0px 45px;
    padding: 15px 40px 15px 25px;
    display: flex;
    top: 90px;
}

.timer span {
    font-size: 26px;
    color: #1A73E8;
    padding-left: 25px;
}

.timer i {
    font-style: normal;
    display: inline-block;
    width: 30px;
}

.verify-btn {
    background-color: #429A50;
    color: #FFFFFF;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
}

.btn-cancel {
    background-color: #F4F4F4;
    color: #D9D9D9;
    border: 2px solid #D9D9D9 !important;
    border-radius: 5px;
}

.btn-cancel:hover {
    background: #153E74;
}

.card-subject-color {
    color: #FFFFFF !important;
    font-weight: 600;
    text-decoration: none;
}

.subject-sub-text {
    font-size: 14px;
    line-height: 20px;
}

.subject-list {
    border-radius: 8px;
    width: 190px;
    padding: 1rem;
    padding-bottom: 0.25rem !important;
    margin-bottom: 1.4rem;
    margin-right: 1.5rem;
    display: inline-block;
    color: #FFFFFF !important;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}

.subject-list:hover,
.subject-list:focus,
.subject-list:active {
    opacity: 0.85;
}

.subject-sf-bg {
    background: #C2A458;
}

.subject-aided-bg {
    background: #B14848;
}

.subject-disabled {
    background: #E1E1E1;
}

.list-inline>li>a {
    text-decoration: none !important;
    font-size: 16px;
    font-family: 'Semi Bold';
}

.list-inline>li>a.active {
    border-bottom: 3px solid #1A73E8;
    margin-bottom: -5px;
    list-style: none;
}

.category-subject-select-list {
    border: 2px solid #1A73E8;
    border-radius: 15px;
    min-width: 180px;
    color: #1A73E8;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
}

.seat-filter-card {
    padding: 10px 10px 0px;
    border-top: 1px solid #1A73E8;
    color: #1A73E8;
    font-size: 12px;
    transition: all 0.4s ease-in-out;
    text-align: center;
}

.sheet-item-a:hover .category-subject-select-list,
.sheet-item-a:focus .category-subject-select-list,
.sheet-item-a:active .category-subject-select-list {
    background-color: #1A73E8;
}

.sheet-item-a:hover .enable-item,
.sheet-item-a:focus .enable-item,
.sheet-item-a:active .enable-item {
    color: #FFFFFF;
}

a.sheet-item:hover,
a.sheet-item:focus,
a.sheet-item:active {
    background-color: #1A73E8;
    color: #FFFFFF;
}

a.sheet-item:hover .seat-filter-card,
a.sheet-item:focus .seat-filter-card,
a.sheet-item:active .seat-filter-card {
    color: #FFFFFF;
    border-color: #ffffff !important;
}

a.sheet-item.no-hover:hover,
a.sheet-item.no-hover:focus,
a.sheet-item.no-hover:active {
    background-color: #ffffff !important;
    color: #1A73E8 !important;
}

a.sheet-item.no-hover:hover .seat-filter-card,
a.sheet-item.no-hover:focus .seat-filter-card,
a.sheet-item.no-hover:active .seat-filter-card {
    border-top: 1px solid #1A73E8 !important;
    color: #1A73E8 !important;
}

.category-subject-select-list.list-disabled {
    border: 2px solid #B9B9B9 !important;
    color: #B9B9B9 !important;
    background-color: #ffffff !important;
    font-weight: 600;
}

.category-subject-select-list.list-disabled .seat-filter-card {
    border-top: 1px solid #B9B9B9 !important;
    color: #B9B9B9 !important;
}

.subject-sub-category {
    border-bottom: 1px solid;
    text-align: center;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.profile-details-top {
    display: inline-block;
    padding-bottom: 1rem;
    padding-right: 3rem;
    min-width: 180px;
    padding-left: 1rem;
}

.profile-details-bottom {
    display: inline-block;
    min-width: 180px;
    font-size: 18px;
    font-weight: 600;
    color: #454545;
    padding-right: 3rem;
    padding-left: 1rem;
    margin-top: 0.5rem;
}

.profile-details-bottom .btn-outline-success {
    border: 2px solid #429A50;
    font-family: 'Medium';
    color: #429A50;
    font-size: 17px !important;
    border-radius: 7px;
    line-height: 22px;
}

.profile-details-bottom .btn-outline-danger {
    border: 2px solid #B14848;
    font-family: 'Medium';
    color: #B14848;
    font-size: 17px !important;
    border-radius: 7px;
    line-height: 22px;
}

.profile-details-bottom .btn-outline-danger:hover,
.profile-details-bottom .btn-outline-danger:focus .profile-details-bottom .btn-outline-danger:active {
    background-color: #B14848;
    color: #FFFFFF;
}

.profile-details-bottom .btn-outline-success:hover,
.profile-details-bottom .btn-outline-success:focus,
.profile-details-bottom .btn-outline-success:active {
    background-color: #429A50;
    color: #FFFFFF;
}

.content-subject-sec {
    padding: 82px;
    padding-bottom: 150px;
}

.content-subject-sec h5 {
    color: #676767;
    font-size: 13px;
    font-family: 'Medium';
}

.accordion-body {
    padding: 30px 46px 15px 46px;
}

.accordion-button {
    padding: 16px 30px 15px;
    color: #454545;
    font-size: 16px;
    font-family: 'Medium';
    box-shadow: none;
    border-radius: 7px 7px 0px 0px;
}

.accordion-button.collapsed {
    border-radius: 7px;
}

.accordion-button:focus {
    border: none;
}

.accordion-button:not(.collapsed) {
    border-bottom: 1px solid #AAAAAA;
}

.accordion-button:focus,
.accordion-button:not(.collapsed) {
    background-color: #F5F5F5;
    color: #454545;
}

.accordion-button:not(.collapsed):focus,
.accordion-button:focus {
    box-shadow: none;
}

.accordion-button.collapsed::after {
    background-image: url('../images/down-arrow.svg') !important;
    background-size: 15px 10px;
    background-position-y: 5px;
}

.accordion-button::after {
    background-image: url('../images/down-arrow.svg') !important;
    background-size: 15px 10px;
    background-position-y: 5px;
}

.accordion-item {
    border-radius: 7px;
    border: 1px solid #AAAAAA;
    border-top: 1px solid #AAAAAA !important;
}

.is-preferred {
    background: #afddf9 !important;
}

.search-group.input-group .search {
    background-color: transparent;
}

.search-group.input-group .form-control:hover,
.search-group.input-group .form-control:active,
.search-group.input-group .form-control:focus {
    border-color: #ced4da;
    border-left: none;
}

.search-group.search-bar button {
    border-radius: 7px;
}

.search-group.input-group input {
    border-left: none;
    text-indent: 5px;
}

.subject-category-text {
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
}

.all-subject-cl {
    color: #5F5F5F;
}

.aided-subject-cl {
    color: #B14848;
}

.self-finance-subject-cl {
    color: #C2941C;
}

.subject-title {
    font-family: 'Semi Bold';
    font-size: 20px;
    text-decoration: none;
}

.subject-title.s-aided {
    color: #B14848;
}

.subject-title.s-sf {
    color: #C2941C;
}

.subject-total-seats {
    font-weight: 500;
    font-size: 18px;
}

.sheet-item {
    display: inline-block;
    margin-bottom: 3rem;
    margin-right: 3rem;
}

.slot-list {
    color: #606060;
}

.slot-filter .dropdown-item img {
    width: 17px;
    height: 17px;
}

.slot-filter .dropdown-menu a {
    padding: 5px 15px;
}

a.dropdown-item {
    cursor: pointer !important;
}

.print-text {
    font-size: 16px !important;
}

.dropdown-toggle {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

/*table*/
.slot-list-item thead th {
    background-color: #555555;
    padding: 7px 12px;
    color: #FFFFFF;
    border: 1px solid #555555;
    font-size: 16px;
}

.slot-list-item thead th:first-child,
.slot-list-item thead th:last-child,
.slot-list-item tbody td:first-child,
.slot-list-item tbody td:last-child {
    text-align: left;
}

.slot-list-item tbody td {
    padding: 12px;
    padding-left: 15px !important;
    color: #222222;
    font-size: 14px;
    width: 170px;
}

.status-table {
    display: flex;
    justify-content: space-between;
    padding-left: 1rem;
    padding-right: 1.5rem;
}

tr.v-align-middle td {
    vertical-align: middle;
}

.page-link {
    cursor: pointer;
}

tr.table-row-custom.error-row {
    background: #fee9e9 !important;
}

.call-for-list-delete .alert-icon {
    opacity: 0.4;
}

.call-for-list-delete:hover .alert-icon {
    opacity: 0.85;
}

.call-for-list-delete {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    right: 5px;
    top: 22px;
}

.validation-msg-absolute .validation.validation.text-danger {
    position: absolute;
    bottom: -17px;
}

.cursor-pointer {
    cursor: pointer !important;
}

.input-group-text {
    border-width: 2px !important;
}

.input-group-text-bg {
    background-color: #dadada !important;
}

.ui-select-search .form-control.btn {
    padding: 0.467rem 0.7rem !important;
}

.ui-select-search .form-control {
    border: 2px solid #ced4da !important;
}

.ui-select-search.ui-select-container::after {
    top: 17px !important;
}

.btn-search-lg {
    padding: 0.532rem 0.7rem !important;
}

.seats-modal-body span,
.seats-modal-body label {
    font-size: 16px;
}

.slot-applicant-list {
    display: inline-block;
    padding-right: 10px;
    margin-right: 5px;
    border-right: 2px solid #606060;
    margin-bottom: 5px;
}

tr.tr-bg-white {
    background-color: #FFFFFF !important;
}

.btn.td-btn-sm {
    font-size: 12px !important;
    padding: 3px !important;
}

.more-action {
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
}

@media (min-width: 1250px) and (max-width: 1400px) {
    .container {
        max-width: 95%;
    }
}

@media screen and (max-width: 1200px) {
    .input-with-icon img {
        right: 25px;
    }
}

@media screen and (max-width: 991px) {

    /* start of large tablet styles */
    .details-content {
        display: inline-block !important;
    }

    .user-profile {
        text-align: unset !important;
        padding-left: 26px !important;
    }

}

@media (min-width: 1200px) {
    .slot-edit-modal {
        min-width: 1000px !important;
    }
}

/* Radio Button */
.option {
    position: relative;
    padding-right: 15px;
    display: inline-block;
    vertical-align: middle;
}

.option.nolabel {
    padding-right: 0;
}

.option.nolabel .checkbox {
    top: 5px;
    margin: 0;
    padding: 0;
    height: 16px;
    width: 16px;
}

.option.notop .checkbox {
    top: -4px;
    padding-right: 0;
}

.option.nolabel .checkbox:before {
    position: absolute;
    top: 3px;
    left: 2px;
    width: 6px;
    height: 3px;
    border: solid #686597;
    -webkit-border-width: 0 0 2px 2px;
    -moz-border-width: 0 0 2px 2px;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.option:hover {
    cursor: pointer;
}

.option>input {
    position: absolute;
    height: inherit;
    width: inherit;
    opacity: 0;
    left: 0;
}

.checkbox,
.radio {
    position: relative;
    margin-right: 4px;
    background: #fff;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
    height: 21px;
    width: 21px;
    top: 5px;
}

.checkbox:before,
.radio:before {
    content: '';
    display: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0;
    margin: 0;
}

input:checked+.checkbox:before,
input:checked+.radio:before {
    display: block;
}

.checkbox:before {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 8px;
    height: 4px;
    border: solid #494949;
    -webkit-border-width: 0 0 2px 2px;
    -moz-border-width: 0 0 2px 2px;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.radio {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.radio:before {
    margin: 5px;
    width: 7px;
    height: 7px;
    background: #494949;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

input:invalid~.invalid-feedback.option-invalid {
    position: absolute;
    min-width: 250px;
    left: 0px;
    margin-top: 3px;
}

.was-validated input:invalid~span.radio,
.was-validated input:invalid~span.checkbox {
    border-color: #dc3545;
}

.checkbox,
.radio {
    border: 2px solid #494949;
}


input:checked+.checkbox,
input:checked+.radio {
    border: 2px solid #494949;
}

input:disabled+.checkbox,
input:disabled+.radio {
    border: 2px solid #DDD;
    color: #DDD;
    background: #ddd;
}

/* @radio + checkbox :hover state
-------------------------------------------------- */
input:hover+.checkbox,
input:hover+.radio {
    border-color: #494949;
}

.ui-select-dropdown.dropdown-menu {
    display: block !important;
}

.ui-select-dropdown.dropdown-menu.ng-hide {
    display: none !important;
}

.ui-select-bootstrap .ui-select-choices-row.active>span {
    background-color: #1A73E8;
}

.loader-overlayout {
    position: absolute;
    overflow: hidden;
    height: 100%;
    min-height: 200vh;
    width: 100%;
    z-index: 999999;
    background-color: rgba(255, 255, 255, 0.85);
    text-align: center;
}

.loader-overlayout img {
    margin-top: 15%;
}

select {
    background: url(../images/custom-select.png) right 0.75rem center no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding-right: 1.6rem !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

/***** Alert Message *****/
.alert-msg {
    border: 5px solid;
    border-radius: 5px;
    padding: 25px 20px 20px;
    position: fixed;
    z-index: 999999;
    top: 100px;
    right: 25px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    width: 350px;
}

.alert-msg.alert-success {
    border-color: #118437;
}

.alert-msg.alert-error {
    border-color: #D53220;
}

.alert-msg.alert-info {
    border-color: #116EDF;
}

.alert-msg.alert-warning {
    border-color: #FFC107;
}

.alert-msg .close-icon {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 6;
    cursor: pointer;
}

.alert-msg .close-icon img {
    width: 15px;
}

.alert-msg h5 {
    font-family: 'Semi Bold';
    font-size: 20px;
}

.icon {
    width: 25px;
    height: 25px;
}

.alert-icon-20 {
    width: 20px;
    height: 20px;
}

/** Angular UI Select Overrides **/
.ui-select-search {
    min-width: auto;
    display: inline-block;
    min-width: 100%;
}

.input-group>.ui-select-bootstrap>input.ui-select-search.form-control {
    border-radius: 0px;
}

.ui-select-choices {
    font-size: 0.825rem;
}

.ui-select-dropdown.dropdown-menu {
    display: block;
    margin-top: 0 !important;
    border-radius: 0px !important;
    margin-top: -2px !important;
}

.ui-select-container.ui-select-multiple .ui-select-dropdown.dropdown-menu {
    margin-top: -2px !important;
    left: -2px !important;
    width: calc(100% + 4px) !important;
}

.ui-select-container[disabled="disabled"] {
    background-color: #ddd;
}

.open.direction-up .ui-select-dropdown.dropdown-menu {
    margin-top: 2px !important;
    box-shadow: none !important;
}

.ui-select-container.ui-select-multiple.open.direction-up .ui-select-dropdown.dropdown-menu {
    margin-top: 2px !important;
}

.ui-select-dropdown label {
    display: block;
    cursor: text;
}

.ui-select-match-item.btn {
    padding: 0.2rem 0.75rem 0.3rem !important;
    font-size: 0.7rem;
    font-weight: 600;
    border: none;
    border-radius: 1.875rem;
    box-shadow: none !important;
    -webkit-appearance: button-bevel;
    position: relative;
}

.ui-select-match-item.btn .close {
    font-size: 1rem !important;
    opacity: .75;
    font-weight: 650;
    text-shadow: none;
    padding-top: 0.044rem;
    line-height: 0.65 !important;
    float: right;
    padding-top: 3px;
    padding-left: 3px;
}

.ui-select-match-item.btn .close:hover {
    opacity: 1;
}

.ui-select-match,
.ui-select-container.ui-select-bootstrap.dropdown:focus {
    box-shadow: none !important;
    outline: 0;
}

.ui-select-multiple.ui-select-bootstrap {
    height: auto;
    padding: 0.12rem 1.8rem 0.07rem 0.5rem !important;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
    margin: 2px 3px 2px 0;
}

.ui-select-container.open {
    box-shadow: none !important;
    outline: 0;
}

.ui-select-container::after {
    content: " ";
    position: absolute;
    right: 12px;
    top: 12px;
    width: 16px;
    height: 16px;
    background-image: url('../images/down-arrow.svg');
    background-repeat: no-repeat;
}

.ui-select-container.ui-select-multiple::after {
    top: 12px;
}

.ui-select-match .ui-select-toggle {
    padding-right: 1.8rem;
    font-weight: 400 !important;
    min-height: 33px;
    min-width: 100%;
}

.ui-select-container .form-control.ui-select-search {
    padding: 0.25rem .75rem !important;
}

.ui-select-match-text {
    overflow: hidden;
    display: inline;
}

.input-group>.ui-select-bootstrap.dropdown {
    position: relative;
    flex: 1 1 auto;
}

.input-group.input-group-two>.ui-select-bootstrap.dropdown {
    width: 10%;
}

.ui-select-bootstrap>.ui-select-choices,
.ui-select-bootstrap>.ui-select-no-choice {
    width: 100%;
}

.ui-select-bootstrap .ui-select-choices-row>span {
    white-space: normal !important;
}

.ui-select-choices-row {
    border-bottom: 1px solid rgba(0, 0, 0, .07);
}

.ui-select-bootstrap>.ui-select-choices {
    padding: 0rem 0 0;
}

.ui-select-choices-row>span {
    padding: 5px 8px !important;
}

.ui-select-match a.btn .glyphicon.glyphicon-remove::before,
a.btn .glyphicon.glyphicon-remove::before {
    font-size: 13px;
    content: "X";
    font-style: normal;
    color: rgba(0, 0, 0, 0.65);
    font-weight: 600;
}

.ui-select-match a.btn:hover .glyphicon.glyphicon-remove::before,
a.btn:hover .glyphicon.glyphicon-remove::before {
    color: rgba(0, 0, 0, 0.90);
}

.ui-select-bootstrap .ui-select-toggle>a.btn {
    position: absolute;
    height: 25px;
    right: 20px;
    margin-top: -2px;
    top: 0;
    text-decoration: none !important;
    min-width: auto;
}

.ui-select-match[disabled="disabled"] .ui-select-toggle {
    background-color: #ddd;
    opacity: 1;
    cursor: default;
}

.ui-select-match.btn-default-focus .ui-select-toggle {
    border: 1px solid #047BF8;
}

.ui-select-bootstrap>.ui-select-choices {
    border: 1px solid #047BF8 !important;
    border-top: 0px !important;
}

.ui-select-match-item.btn,
.ui-select-match-item.btn-primary {
    background-color: #047BF8 !important;
    border-color: #047BF8 !important;
    color: #fff;
    font-size: 12px !important;
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
    min-height: 26px;
}

/*** Angular js Validation Plugin ***/
.validation.help-block {
    color: #FB2730;
}

.ng-invalid.ng-dirty:not(:focus),
.ng-invalid.ng-touched:not(:focus),
.ng-invalid.ng-touched:not(:focus) .form-control.ui-select-toggle {
    border-color: #FB2730 !important;
}

.column {
    position: relative;
}

.calender-caret {
    position: absolute;
    right: 0;
    top: 0;
}

.calender-caret::before {
    content: "";
    background: url(../images/datePicker.svg);
    width: 18px;
    height: 20px;
    position: absolute;
    right: 8px;
    top: 6px;
}

.calender-caret.time::before {
    width: 21px;
    background: url(../images/timePicker.svg);
}

/* ----------wizard starts------------ */

.wizard-section {
    padding: 25px 52px;
    border-radius: 10px;
    border: 1px solid #8C8C8C;
    padding-bottom: 40px;
}

.wizard-section .title {
    font-size: 30px;
    color: #5B5B5B;
    font-family: 'Medium';
    text-align: center;
    margin-bottom: 47px;
}

.wizard-section .progress-bar {
    width: 100%;
    list-style-type: none;
    display: flex;
    padding: 0;
    justify-content: center;
    flex-direction: row;
    margin-bottom: 4px;
}

.wizard-section .progress-bar li.progress-bar__dot {
    display: block;
    width: 28px;
    height: auto;
    background-color: white;
    cursor: pointer;
    transition: all 0.5s ease;
}

.wizard-section .progress-bar li.progress-bar__dot.icon {
    background-image: url('../images/wizard.svg');
    background-repeat: no-repeat;
    height: 29px;
}

.wizard-section .progress-bar li.progress-bar__dot.icon.active {
    background-image: url('../images/processing-icon.svg');
    background-repeat: no-repeat;
}

.wizard-section .progress-bar li.progress-bar__dot.icon.completed {
    background-image: url('../images/completed-icon.svg');
    background-repeat: no-repeat;
}

.wizard-section .progress-bar li.progress-bar__dot.list {
    width: 165px;
    color: #5E5E5E;
    font-size: 14px;
}

.wizard-section .border-left {
    border-left: 1px solid #E5E5E5;
}

.wizard-section .progress-bar li.progress-bar__dot.active.list {
    color: #000000;
    font-family: 'Semi Bold';
    text-decoration: none;
}

.wizard-section .progress-bar li.progress-bar__connector {
    display: block;
    width: 10em;
    border-radius: 1000em;
    height: 0.1em;
    background-color: #C9C9C9;
    margin-top: 0.9em;
}

.wizard-section .section-title {
    margin-bottom: 10px;
}

.wizard-section a {
    color: #1A73E8;
    text-decoration: none;
    font-size: 16px;
    font-family: 'Semi Bold';
}

.wizard-section .form-switch .form-check-input {
    /* border: 1px solid #000000; */
    /* background-image: url("../images/Toggle.svg"); */
    margin: auto;
    width: 3em !important;
    height: 1.5em !important;
}

.wizard-section .form-switch .form-check-input:checked {
    background-color: #0d6efd;
}

.wizard-section .cancel-btn {
    background-color: #b9b9c3;
    border: #E8E8E9;
    color: #000000;
}

.wizard-section .cancel-btn:hover {
    background-color: #a8a8ad;
}

.form-switch .form-check-input:focus {
    box-shadow: none;
}

.hidden {
    display: none;
}

.wizard-section .button-group {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 45px;
}

.fee-setup {
    padding: 25px 52px;
    border-radius: 10px;
    border: 1px solid #8C8C8C;
    padding-bottom: 40px
}

/* ----------wizard ends------------ */

/* manage user starts */
.manage-user button {
    padding: 0.5rem 0.7rem;
}

.manage-user .dropdown-menu a {
    padding: 6px;
}

.manage-user th a {
    text-decoration: none;
    color: #FFFFFF;
}

table>thead>tr>th.sort.descending::after,
table>thead>tr>th.sort.ascending::after {
    color: #FC831F;
}

table>thead>tr>th.sort.ascending::after,
th.tablesort-asc::after {
    content: "";
    padding-left: 0.75em;
    background: url("../images/down-arrow-white.svg") no-repeat;
    display: inline-block;
    width: 10px;
    height: 8px;
    margin-left: 7px;
}

table>thead>tr>th.sort.descending::after,
th.tablesort-desc::after {
    content: "";
    padding-left: 0.75em;
    background: url("../images/down-arrow-white.svg") no-repeat;
    display: inline-block;
    width: 10px;
    height: 8px;
    margin-left: 7px;
    transform: rotate(180deg);
}

/* manage user ends */

/* send notification starts */
.send-notify-sec {
    max-height: 62px;
    overflow-y: auto;
    border: 2px solid #DDE2EC;
    padding: 5px 10px;
    background-color: #efefef;
    color: black;
}

.send-notify-sec .bg-secondary {
    border: 1px solid rgba(120, 129, 149, 0.59);
    background-color: #EFEFEF !important;
    color: #000000;
    padding: 6px 10px 3px;
}

/** Switch **/
.switch {
    position: relative;
    display: inline-block;
    width: 60px !important;
    height: 24px;
}

.switch-lg {
    position: relative;
    display: inline-block;
    width: 85px !important;
    height: 24px;
}

.switch input,
.switch-lg input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    height: 14px;
    width: 14px;
    left: 7px;
    bottom: 5px;
}

input[type="checkbox"]:not(:checked)+.slider {
    background-color: #a8a8a8;
}

input:focus+.slider {
    box-shadow: 0 0 1px #342F51;
}

.slider.btn-attendance {
    background-color: #ca2222 !important;
}

input:checked+.slider.btn-attendance {
    background-color: #21A321 !important;
}

input:checked+.slider:before {
    -webkit-transform: translateX(33px);
    -ms-transform: translateX(33px);
    transform: translateX(33px);
}

.switch-lg input:checked+.slider:before {
    -webkit-transform: translateX(57px);
    -ms-transform: translateX(57px);
    transform: translateX(57px);
}

.on {
    display: none;
}

.on {
    color: #fff;
    font-weight: 600;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 46%;
    left: 40%;
}

.off {
    color: #fff;
    font-weight: 600;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 46%;
    left: 60%;
}

.switch-lg .on {
    left: 40%;
}

.switch-lg .off {
    left: 57%;
}

input:checked+.slider .on {
    display: block;
}

input:checked+.slider .off {
    display: none;
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

input[type="checkbox"]:not(:checked)+.slider {
    background-color: #A8A8A8;
}

.bulk-action-bar {
    padding: 0.3rem 1.2rem 0.4rem;
    color: #fff;
    position: relative;
    background-color: #1153A9;
}

.bulk-action-bar a {
    color: #fff !important;
    font-weight: 600;
    cursor: pointer;
    padding-bottom: 1px;
}

.bulk-action-bar::before {
    content: "";
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #1153A9;
    top: 30px;
    position: absolute;
    left: 10px;
    z-index: 999;
}

.dynamic-tags {
    border: 2px solid #DDE2EC;
    background: #FCFCFC;
    border-bottom: none;
    padding: 5px 10px;
    color: #333;
}

.dynamic-tags span {
    display: inline-block;
    color: #333;
    border: 1px solid #aaa;
    padding: 3px 6px;
    margin: 5px 4px;
    background: #eee;
}

.recp-count {
    font-size: 0.7rem;
    line-height: 1.0;
    padding: 0.2rem 0.4rem;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #6DAB6A;
}

#enrollNotifyModal label.required::after,
label.required.star::after {
    content: "*";
    color: #f32323;
    font-size: 18px;
    top: 3px;
    padding-right: 2px;
    position: relative;
}

/* send notification ends */

.font-weight-bold {
    font-family: 'Bold';
}

/* fee collect starts */
.invoice-title {
    text-transform: uppercase;
    color: #ced4da;
    font-weight: 700;
}

.section-label {
    color: #adb5bd;
    font-family: 'Bold';
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.billed-to p {
    line-height: 1.7;
    font-weight: normal;
    margin-bottom: 5px;
}

.billed-to span {
    font-family: 'Semi Bold';
}

.invoice-info-row {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    margin-bottom: 0;
    border-top: 1px dashed #dee2e6;
}

.card-body-payment {
    height: calc(100vh - 220px);
    overflow-x: hidden;
    overflow-y: auto;
}

.card-body-invoice {
    height: calc(100vh - 165px);
    overflow-x: hidden;
    overflow-y: auto;
}

.net-amount {
    font-size: 16px;
    font-family: 'Semi Bold';
}

.total {
    font-size: 20px;
    font-family: 'Semi Bold';
}

.invoice-status {
    font-size: 20px;
}

.billed-to h4 {
    font-size: 15px;
    font-family: 'Semi Bold';
}

.card-body-payment .radio:before {
    margin: 6px;
}

.fee-collect-radio:before {
    margin: 5px !important;
}

.table-special-fee-title {
    font-size: 16px !important;
}

/* fee collect ends */

/* dashboard start */

.card .main-dashboard-card h6 {
    float: right;
}

.application-column-list {
    display: inline-block;
    padding-bottom: 4px;
    border-bottom: 4px solid;
    font-size: 18px;
    font-family: 'Semi Bold';
}

.application-count-list {
    font-size: 18px;
    font-family: 'Bold';
}

.sea-green-color {
    border-color: #06958C;
}

.primary-color {
    border-color: #1A73E8;
}

.green-color {
    border-color: #1F8B1C;
}

.light-green-color {
    border-color: #8EBD09;
}

.yellow-color {
    border-color: #E2B513;
}

.orange-color {
    border-color: #FF560E;
}

.violet-color {
    border-color: #B620C3;
}

.red-color {
    border-color: #C42020;
}

.status-pill {
    width: 10px;
    height: 10px;
    border-radius: 30px;
    background-color: #eee;
    display: inline-block;
    margin-right: 5px;
}

.yellow {
    background-color: #E2B513 !important
}

.blue {
    background-color: #1A73E8 !important
}

.red {
    background-color: #C42020 !important
}

.orange {
    background-color: #FF560E !important
}

.teal {
    background-color: #06958C !important
}

.green {
    background-color: #1F8B1C
}

.gray {
    background-color: #606060;
}

.black {
    background-color: #000000;
}

.violet {
    background-color: #B620C3 !important
}

.dashboard-Card .border-bottom {
    border-bottom: 4px solid #D9D9D9 !important;
}

.content {
    display: inline-block;
    padding-right: 2rem;
}

/* .parent-border-right {
    border-right: 4px solid #D9D9D9 !important;
} */

.child-border-right {
    border-right: 4px solid #D9D9D9 !important;
    flex-grow: 1;
    flex-basis: 0;
}

.primary-dashboard-card div h6 {
    margin-left: 65px;
}

table.table.table-bordered.dashboard-table,
table.dashboard-table thead th,
table.dashboard-table tbody td {
    border: 1px solid #D2D2D2;
}

.dashboard-table thead th {
    color: #505050;
    font-weight: 600;
}

.dashboard-table tbody td {
    color: #444444;
    font-weight: 700;
}

.dashboard-filter-btn {
    /* width: 112px; */
    background-color: #E1E1E1;
    padding: 5px 15px;
    margin-right: 20px;
    margin-top: 10px;
    border-radius: 8px;
    display: inline-block;
}

.dashboard-close-icon {
    width: 19px;
    height: 19px;
    fill: #928e8e;
    margin-left: 6px;
    cursor: pointer;
}

.dashboard-close-icon:hover {
    fill: #6e6b6b;
}

.dashboard-filter-btn a {
    text-decoration: none;
    color: #555555;
    font-weight: 500;
}

.dashboard-filter-btn img {
    left: 10px;
    position: relative;
}

.dashboard-boards .board-list-items div {
    display: flex;
    justify-content: space-between;
    padding: 11px 8px;
    font-weight: 500;
    color: #494949;
}

.dashboard-table .dashboard-rowspan {
    border: 0;
}

table .dd {
    border: 2px solid gray;
    border-spacing: 20px;
}

.dashboard-dropdown .program-category label:last-child {
    border-bottom: none !important;
}

.dashboard-dropdown .dropdown-menu {
    padding-left: 11px !important;
    padding-right: 11px !important;
}

.chart--container {
    height: 100%;
    width: 100%;
    min-height: 530px;
}

.zc-ref {
    display: none;
}

.dashboard-Card .parent-border-right .content:last-child {
    border-right: none !important;
}

/* dashboard ends */

.accordion-body-dues {
    background: #fbfbfb;
}

@media screen and (max-width: 1150px) {
    .timer {
        padding: 9px 5px 10px 5px;
    }

    .search-bar input {
        min-width: 0 !important;
    }

    .search-bar.program-search input::placeholder {
        font-size: 12px;
    }

    .search-bar .search-icon {
        width: 15px;
        height: 15px;
        top: 13px;
    }

}

@media screen and (max-width: 576px) {
    .timer {
        padding: 4px 3px 4px 5px;
    }
}

.photo {
    text-align: center;
    width: 120px;
    max-height: 150px;
    overflow: hidden;
    border: 1px solid #8CB9F0;
    display: inline-block;
}

/**** Fees ****/
.badge-category {
    text-decoration: none;
    font-size: 14px;
    font-family: 'Semi Bold';
    color: #222222 !important;
    margin: 5px 7px;
    cursor: pointer;
    background-color: none !important;
    padding: 8px 16px;
}

.badge-category.active,
.badge-category:hover,
.badge-category:focus,
.badge-category:active {
    background-color: #1153A9 !important;
    color: #FFFFFF !important;
}

.font-w600 {
    font-family: 'Semi Bold';
}

.form-check-input {
    border: 1px solid rgb(0 0 0 / 50%) !important;
}

table.table-admission>thead.admission-sheet-table-header {
    color: #000000 !important;
    background-color: #D6DADF !important;
    font-weight: 600;
    font-size: 13px;
    border-radius: 10px;
}

table.table-admission>tbody>tr>td {
    font-weight: 600;
    font-size: 15px;
    color: #454545;
    border-bottom-width: 0px !important;
}

.table-admission .program-table-span {
    background-color: #ffffff !important;
}

.table-admission thead tr th:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.table-admission thead tr th:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.table-admission tbody tr:first-child td:first-child {
    color: #ffffff;
}

.table-admission tbody tr:first-child td:last-child {
    border-top-right-radius: 12px;
}

.table-admission tbody tr:last-child td:last-child {
    border-bottom-right-radius: 12px;
}

table.table-admission .aided-sheet-content {
    box-shadow: 0 0 0 2px #8A2424;
    border-radius: 10px;
}

table.table-admission .self-financed-sheet-content {
    box-shadow: 0 0 0 2px #c7a44d;
    border-radius: 10px;
}

.category-type {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-align: center;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 16px !important;
    width: 50px;
    max-width: 50px;
    min-width: 50px;
}

.table-admission .aided-bg-color {
    background: #8A2424 !important;
}

.table-admission .self-financed-bg-color {
    background: #c7a44d !important;
}

.table-admission .td-subject-list {
    text-align: center;
    color: #ffffff;
    font-size: 14px !important;
    width: 140px;
    max-width: 140px;
    min-width: 140px;
}

.td-subject-list.aided-bg-color {
    background: rgb(138 36 36 / 75%) !important;
}

.td-subject-list.self-financed-bg-color {
    background: rgb(199 164 77 / 70%) !important;
    color: #000000 !important;
}

.table-admission .board-type {
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 12px;
    background: rgba(233, 233, 233, 0.8);
    border: 1px solid #c6c4c4;
    min-width: 240px;
    max-width: 240px;
    width: 240px;
    word-break: break-word;
}

.table-admission .qouta-type {
    background: #F7F7F7 !important;
    border: 10px solid #ececec;
    border-left: 0;
    border-right: 0;
    vertical-align: middle;
    width: 80px !important;
    max-width: 80px !important;
    min-width: 80px !important;
    text-align: center;
}

.quota-type-header {
    width: 80px !important;
    max-width: 80px !important;
    min-width: 80px !important;
}

.table-admission .qouta-type-name {
    background: #F7F7F7 !important;
    border: 10px solid #ececec;
    border-left: 0;
    border-right: 0;
    vertical-align: middle;
    width: 100px !important;
    max-width: 100px !important;
    min-width: 100px !important;
    text-align: center;
    font-size: 13px;
}

.table-admission .qouta-type span {
    width: 100%;
    display: block;
    text-align: center;
}

.table-admission tbody tr:first-child td {
    border-top: 0 !important;
}

table.table-admission thead th {
    padding: 10px 15px !important;
    text-align: center;
    background-color: #afbbca;
}

table.table-admission tbody td {
    padding: 4px 15px !important;
}

.seat-availability-sec {
    transform: translateY(0%);
    transition: transform 0.75s;
    visibility: visible;
}

.table-right-hide {
    transform: translateY(150%);
    visibility: hidden;
}

.table-left-hide {
    transform: translateY(-150%);
    transition: transform 1s;
}

.table-manage-enrollment td {
    vertical-align: middle;
}

.table-manage-enrollment .checkbox,
.table-manage-enrollment .radio {
    top: 3px;
}

.seat-table-scroll {
    height: calc(100vh - 260px);
    overflow: auto;
}

.program-wise-header-size thead th {
    font-size: 13px !important;
}

.seat-table-scroll thead th {
    position: sticky;
    top: 0;
    z-index: 99;
}

.seat-table-scroll .category-type {
    font-size: 14px !important;
}

.admin-table-admission tr:hover,
.admin-table-admission tr:hover .qouta-type {
    background: #FFFFE1 !important;
    background-color: #FFFFE1 !important;
}

.admin-table-admission tr:hover .qouta-type-name {
    background: #FFFFE1 !important;
    background-color: #FFFFE1 !important;
}

.certificate-status-update {
    padding: 20px;
    border-bottom: 1px solid #cecece;
}

.certificate-status-update:hover,
.certificate-status-update:active,
.certificate-status-update:focus {
    background-color: #FFFFE1;
}

.ui-select-filter {
    width: 200px;
}

.font-s12 {
    font-size: 12px !important;
}

.font-s14 {
    font-size: 14px !important;
}

.font-s16 {
    font-size: 16px !important;
}

.font-s17 {
    font-size: 16px !important;
}

.filter-item-scroll {
    max-height: calc(100vh - 70vh) !important;
    overflow-y: auto !important;
}

/** Input ngTag **/
.inputTag {
    height: 100px !important;
    overflow-y: auto;
}

.inputTagCustomFilter {
    height: 250px !important;
}

.inputTag-75px {
    height: 75px !important;
}

tags-input .tags {
    background-color: #fff;
    border: 2px solid #DDE2EC;
    box-shadow: none;
    height: 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
}

tags-input .tags:hover {
    border-color: #B0B3DC;
}

tags-input .tags.focused {
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #1A73E8;
    background-color: #FFF;
}

tags-input .tags .tag-item {
    background: none !important;
    padding: 3px 10px 2px !important;
    font-size: 14px;
    font-family: 'Semi Bold';
    border: none;
    border-radius: 1.875rem;
    box-shadow: none !important;
    -webkit-appearance: button-bevel;
    background-color: #1A73E8 !important;
    border-color: #B0B3DC !important;
    color: #fff;
    height: auto;
    line-height: normal;
}

tags-input .tags .tag-item .remove-button {
    color: rgba(255, 255, 255, 0.75) !important;
    text-decoration: none !important;
}

tags-input .tags .tag-item .remove-button:hover,
tags-input .tags .tag-item .remove-button:focus {
    color: rgba(255, 255, 255, 0.95) !important;
}

tags-input .tags .input {
    font-size: 0.875rem;
}

tags-input {
    padding: 5px !important;
}

tags-input .host {
    margin: 0px !important;
    height: auto !important;
}

tags-input .tags {
    border: 0px !important;
}

tags-input .tags .input {
    height: 23px;
}

tags-input.ng-invalid .tags,
tags-input .tags.focused {
    box-shadow: none !important;
}

.tags input {
    box-shadow: none !important;
    width: auto !important;
    border: 0 !important;
}

tags-input .tags {
    box-shadow: none !important;
}

.tr-background {
    background-color: #F8F8F8 !important;
}

.invoice-background {
    background-color: #FFFFFF !important;
}

table.table tbody tr.subitem-background {
    background-color: #f5f5f5 !important;
}

/* End */

.tbody-page-count {
    border: 1px solid #D6DADF;
    border-radius: 100%;
    display: inline-block;
    width: 30px;
    height: 30px;
    padding-top: 5px;
    padding-left: 0px;
    text-align: center;
}

.word-break {
    word-break: break-all;
}

.text-break-word {
    word-break: break-word !important;
}

.filter-section {
    margin-bottom: 10px;
}

.filter-section label {
    font-family: 'Bold';
}

.filter-section .filter-key {
    display: inline-block;
    padding: 3px 6px;
    border: 1px solid #ddd;
    background-color: #ededee;
    border-radius: 5px;
    font-size: 13px;
    margin: 3px;
}

.total-record-list {
    font-family: 'Semi Bold';
}

td.merit-bg {
    color: #0d6efd !important;
}

td.mgmt-bg {
    color: #FF560E !important;
}

td div.merit-bg {
    background-color: #e7f0ff !important;
}

td div.mgmt-bg {
    background-color: #ffecd5 !important;
}

td div.override-bg {
    background-color: #ffe1e1 !important;
}

.file-loader {
    top: 0 !important
}

.status-dropdown {
    position: relative;
    display: inline-block;
}

.fs-18px {
    font-size: 18px !important;
}

.fs-13px {
    font-size: 13px !important;
}

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

.outline-badge-secondary {
    border: 1px solid #6C757D;
    color: #6C757D;
    border-radius: 5px;
}

.status-dropdown .dropdown {
    display: none;
    position: absolute;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    border-radius: 0.375rem;
    border: 1px solid rgba(0, 0, 0, 0.35);
    width: 200px;
    background-color: #ffffff;
    z-index: 9;
    padding: 10px 5px;
}

.status-dropdown .dropdown div {
    padding: 5px 15px;
}

.status-dropdown:hover .dropdown {
    display: block;
}

.badge-light-gray {
    border: 1px solid rgba(120, 129, 149, 0.59);
    background-color: #EFEFEF;
    color: #222222;
}

.font-s13 {
    font-size: 13px !important;
}

.font-w500 {
    font-weight: 500 !important;
}

.btn.delete-btn {
    min-width: auto !important;
    padding-left: 12px !important;
    padding-right: 8px !important;
}

.delete-btn svg {
    fill: #ffffff;
}

.opened-card .program-card,
tr.opened-card {
    background-color: #deecff !important;
}

.opened-card .program-card .card-body .program-details {
    color: #4c4c4c;
}

.slot-open-card .program-card,
tr.slot-open-card {
    background-color: #dfffe5 !important;
}

.slot-open-card .program-card .card-body .program-details {
    color: #4c4c4c;
}

.modal-body-max-scroll {
    max-height: calc(100vh - 250px);
    overflow-x: hidden;
    overflow-y: auto;
}

.table-no-border td {
    border: 0px !important;
    padding: 0px !important;
}

.ui-select-bootstrap .ui-select-choices-row>span {
    word-break: break-all !important;
}

.ui-select-bootstrap .ui-select-match-text {
    word-break: break-word;
    padding-right: 20px;
    display: block;
}

.ui-select-bootstrap.word-break-all .ui-select-match-text {
    word-break: break-all !important;
}

.enrolled-card-bg {
    background-color: #f4f9ff;
}

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

.th-title {
    width: 35px;
    display: inline-block;
    text-align: right;
}

.body-student-strength-report .th-title {
    width: 45px;
}

.history-callforlist {
    list-style: number !important;
}

.history-callforlist li {
    font-size: 1rem;
    margin-bottom: 15px;
}

.report-modal .ui-select-match .ui-select-toggle {
    line-height: 24px;
}

.form-control.flatpickr-input:disabled,
.form-control.flatpickr-input[readonly] {
    border: 1px solid #656667 !important;
}

.seat-reallocation-table tbody td {
    font-size: 14px !important;
}

table.table tbody .table-sub-thead td {
    background-color: #f7f7f7;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    position: sticky;
    font-size: 13px !important;
    border-top: 0 !important;
}

table.table tbody .table-sub-thead.tr-one td {
    top: 42px;
}

table.table tbody .table-sub-thead.tr-two td {
    top: 68px;
}

table.table tbody .table-sub-thead.tr-three td {
    top: 93px;
}

.table-sub-thead td .border-bottom {
    margin-bottom: 2px;
    padding-bottom: 2px;
}

.seat-reallocation-table tbody td a {
    cursor: pointer;
}

.seat-reallocation-table tbody td a:hover,
.seat-reallocation-table tbody td a:focus,
.seat-reallocation-table tbody td a:active {
    color: #0C8CE9 !important;
}

.table.seat-reallocation-table>tbody>tr:hover,
.table.seat-reallocation-table>tbody>tr:hover .action {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

.seat-reallocation-table tbody tr td.highlighted {
    background-color: #FFFFE1 !important;
}

.overflow-x-hide {
    overflow-x: hidden !important;
}

.custom-dropdown-list .btn-outline-opacity {
    border: 2px solid rgba(120, 129, 149, 0.59) !important;
    color: #333 !important;
    padding: 0 !important;
}

.custom-dropdown-list .btn-label {
    position: relative;
    right: -15px;
    display: inline-block;
    padding: 4px 3px 6px 7px;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 0;
}

.btn.btn-small {
    font-size: 12px !important;
    padding: 0.2rem 0.5rem !important;
    width: auto !important;
    min-width: auto !important;
}

table.custom-alignment .td-fixed {
    position: sticky;
    background: #ffffff;
}

table.custom-alignment tbody tr:nth-child(even) .td-fixed {
    background-color: #fbfbfb !important;
}

table.custom-alignment tr th.td-fixed {
    background: #555555;
    z-index: 2 !important;
}

.table>tbody>tr:hover .td-fixed {
    background: #FFFFE1 !important;
}

table.custom-alignment tbody tr:nth-child(even):hover .td-fixed {
    background: #FFFFE1 !important;
}

table.custom-alignment tr td.first-left,
table.custom-alignment tr th.first-left {
    left: -1px !important;
    width: 46px;
}

table.custom-alignment tr td.second-left,
table.custom-alignment tr th.second-left {
    left: 43px !important;
    width: 83px;
}

table.custom-alignment tr td.first-right,
table.custom-alignment tr th.first-right {
    right: -6px !important;
    width: 50px;
}

.card-text-value {
    color: #000 !important;
}

.card.card-dashboard {
    background-color: #FAFAFAE5;
    border-radius: 10px;
    border: 0 !important;
    padding: 15px;
}

.card.card-dashboard .card-body {
    background-color: #ffffff;
    border: 2px solid #ECEEF6;
    border-radius: 6px;
    padding: 35px 20px;
    min-width: 180px;
}

.card.card-dashboard .card-body svg {
    margin-left: -2px;
}

.card.card-dashboard .card-body h6 {
    font-size: 16px;
    font-weight: 600;
    color: #343434;
    margin-bottom: 15px;
}

.card.card-dashboard .card-body h5 {
    font-size: 24px;
    font-weight: 600;
    color: #232323;
    margin-bottom: 0px;
}

.custom-card {
    width: 90% !important;
    margin: auto;
}

.modal-lg-1000 {
    max-width: 80% !important;
    width: 80%;
}

.custom-width {
    min-width: 170px !important;
    max-width: 170px !important;
}

.label-font .form-group .option-group label {
    font-family: 'inter';
    margin-bottom: 5px;
}

.card-body-preference-scroll {
    height: calc(100vh - 490px);
    min-height: 250px;
    overflow: auto;
}

.font-s20 {
    font-size: 20px !important;
}

.form-horizontal label {
    float: left;
    width: 30%;
    padding: 5px 15px 0px;
    min-height: 45px;
    margin-bottom: 0;
}

.form-horizontal .column {
    float: left;
    width: 55%;
    margin: 0 2.5%;
    position: relative;
}

.form-horizontal .w-100 {
    display: inline-block;
}

@media (min-width: 1200px) {
    .modal-lg-1000 {
        max-width: 1000px !important;
        width: 1000px;
    }

    .custom-card {
        width: 790px !important;
        margin: auto;
    }
}

@media print {
    .page-break-avoid {
        page-break-inside: avoid;
    }

    .text-end {
        text-align: right !important;
    }

    .text-center {
        text-align: center !important;
    }

    h5 {
        font-weight: normal !important;
    }

    table.table.table-border tfoot td,
    table.table.table-border .tfoot td {
        border-bottom: 1px solid #CECECE;
    }

    table tfoot td,
    table .tfoot td {
        border-bottom: 1px solid #CECECE;
    }

    td {
        vertical-align: top !important;
    }

    th {
        background: #555555 !important;
        background-color: #555555 !important;
        text-align: left;
    }

    .table-scroll {
        overflow: visible;
    }

    .table-foot-fixed tfoot td,
    .table-foot-fixed .tfoot td {
        position: static;
        bottom: 0;
    }

    table.table tbody tr td:last-child,
    table.table tfoot tr td:last-child {
        border-right: 1px solid #E5E5E5 !important;
    }

    .text-end {
        text-align: right;
    }

}

@media (min-width: 992px) {
    .notify-modal {
        min-width: 80%;
        max-width: 80%;
    }

    .custom-callforlist-modal {
        min-width: 70%;
        max-width: 70%;
    }
}



/**** New 2024 Design CSS ****/
.header-wrapper {
    margin: 0 -12px;
    background: #f7fbff;
    margin-bottom: 20px;
    border-bottom: 1px solid #f0f6ff;
}

.header-wrapper header.custom-header {
    margin-bottom: 0;
}

.header-wrapper header.custom-header .nav-link {
    padding: 10px 8px !important;
    white-space: nowrap;
}

.form-control.flatpickr-input[readonly] {
    background-color: #fff !important;
}


/* PG ADM */

.list-container table.table tr:nth-child(odd) {
    background-color: #ffffff;
}

.list-container table.table tbody tr:nth-child(even) {
    background-color: #f8f8f8 !important;
}

.list-container table.table>tbody>tr:hover {
    background: #FFFFE1 !important;
    background-color: #FFFFE1 !important;
}

.collapse-list-header {
    border-bottom: 1px solid #f0f6ff;
    padding: 10px 10px;
    background: #f7fbff;
}

.collapse-list-header .btn-sm {
    padding: 0.20rem 0.4rem !important;
    font-size: 12px !important;
}

.collapse-list-header h5 {
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}

.collapse-list-header .btn img {
    width: 15px;
    height: 15px;
    margin-right: 3px;
    vertical-align: middle;
}

.icon-toggle {
    width: 20px;
    height: 20px;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
    margin-right: 10px;
}

h5[aria-expanded="false"] .icon-toggle {
    transform: rotate(180deg);
}

.collapse-list-body {
    padding: 20px 20px 7px;
    transition: all 0.4s ease-in-out;
}

.header-rl {
    background-color: #e8f2f9;
}

.body-rl {
    background-color: #f6fbff;
}

.header-sl {
    background-color: #ecf7e9;
}

.body-sl {
    background-color: #f5fbf3;
}

.header-wl {
    background-color: #f9f7de;
}

.body-wl {
    background-color: #fdfcf1;
}

.header-cl {
    background-color: #fbf1ed;
}

.body-cl {
    background-color: #fff9f7;
}

.header-spot {
    background-color: #f1edfb;
}

.h-20px {
    height: 20px !important;
}

.rl-border {
    border: 1px solid #e8f2f9 !important;
}

.sl-border {
    border: 1px solid #ecf7e9 !important;
}

.wl-border {
    border: 1px solid #f9f7de !important;
}

.cl-border {
    border: 1px solid #fbf1ed !important;
}


.manage-enroll-header {
    margin-bottom: 5px;
    padding: 8px 10px;
}

.manage-enroll-header h5 {
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
}

.manage-enroll-header .more-icon {
    width: 18px;
}

.tr-selection-list {
    background-color: #fafff9;
}

.tr-waiting-list {
    background-color: #fdfcf1;
}

.tr-callfor-list {
    background-color: #fffbf9;
}

.tr-spot-list {
    background-color: #f1edfb8a;
}

.collapse-list-body table.table tbody td {
    font-family: 'Medium' !important;
}

.manage-enroll-header .search-bar input {
    height: 32px;
    min-width: 150px;
}

.manage-enroll-header .search-bar .search-icon {
    top: 7px;
}

.manage-enroll-body table.table tbody td .checkbox {
    top: 0 !important;
}

/* ModalBody scroll */
.modal-body-scroll {
    max-height: 65vh;
    overflow-y: auto;
}

.adm-seat-view {
    border: 1px solid #e5efff;
    background: #f7fbff;
    margin-bottom: 10px;
    text-align: center;
}

.seat-section {
    border-right: 1px solid #e5efff;
    padding: 10px 8px;
    font-weight: 600;
    font-size: 13px;
}

.seat-section:last-child {
    border-right: none;
}

.seat-section div {
    padding: 5px 2px;
    text-align: center;
}