.c-btn-group .btn.btn-success {
    border: none;
    font-weight: 500;
    color: #8BC9B4 !important;
}

.c-btn-group .btn.btn-success.text-success:hover {
    color: #fff !important;
    background-color: #28C590;
}

.c-btn-group .btn-check:checked + .btn {
    color: #fff !important;
    background-color: #28C590;
}

.border-radius-15 {
    border-radius: 20px !important;
}

.c-btn-group .btn {
    background-color: #E5F9F2;
    border-color: #E5F9F2;
}

.c1-btn-group .btn.btn-primary {
    /*background-color: #F2F4F9;*/
    background-color: #e9ebef;
    color: #7A8AAF;
    border: none;
    font-weight: 500;
    min-width: max-content;
}

.c1-btn-group .btn.btn-primary:hover {
    background: rgb(4, 104, 250);
    background: linear-gradient(90deg, rgba(4, 104, 250, 1) 35%, rgba(0, 155, 255, 1) 100%);
    color: #ffffff;
}

.c1-btn-group .btn-check:checked + .btn {
    background: rgb(4, 104, 250);
    background: linear-gradient(90deg, rgba(4, 104, 250, 1) 35%, rgba(0, 155, 255, 1) 100%);
    color: #ffffff;
}

:root {
    --body-bg: #FCFCFC;
    --enrollment-rgb: 97, 134, 255;
    /* --enrollment-last-rgb: 141, 194, 255; */
}

.bg-primary-9 {
    --bg-opacity: 0.9;
    background-color: rgba(var(--primary-rgb), var(--bg-opacity)) !important;
}

.bg-primary-8 {
    --bg-opacity: 0.8;
    background-color: rgba(var(--primary-rgb), var(--bg-opacity)) !important;
}

.bg-primary-7 {
    --bg-opacity: 0.7;
    background-color: rgba(var(--primary-rgb), var(--bg-opacity)) !important;
}

.bg-primary-6 {
    --bg-opacity: 0.6;
    background-color: rgba(var(--primary-rgb), var(--bg-opacity)) !important;
}

.bg-primary-5 {
    --bg-opacity: 0.5;
    background-color: rgba(var(--primary-rgb), var(--bg-opacity)) !important;
}

.bg-primary-2 {
    --bg-opacity: 0.2;
    background-color: rgba(var(--primary-rgb), var(--bg-opacity)) !important;
}

.bg-enrollment-last-day {
    background-color: #6186FF4D !important;
}

.bg-enrollment {
    --bg-opacity: 1;
    background-color: rgba(var(--enrollment-rgb), var(--bg-opacity)) !important;
    /* background-color: #6186FF !important; */
}

.bg-enrollment-9 {
    --bg-opacity: 0.9;
    background-color: rgba(var(--enrollment-rgb), var(--bg-opacity)) !important;
    /* background-color: rgba('#6186FF', 0.9) !important; */
}

.bg-enrollment-8 {
    --bg-opacity: 0.8;
    background-color: rgba(var(--enrollment-rgb), var(--bg-opacity)) !important;
    /* background-color: rgba('#6186FF', 0.8) !important; */
}

.bg-enrollment-7 {
    --bg-opacity: 0.7;
    background-color: rgba(var(--enrollment-rgb), var(--bg-opacity)) !important;
    /* background-color: rgba('#6186FF', 0.7) !important; */
}

.bg-enrollment-6 {
    --bg-opacity: 0.6;
    background-color: rgba(var(--enrollment-rgb), var(--bg-opacity)) !important;
    /* background-color: rgba('#6186FF', 0.6) !important; */
}

.bg-enrollment-5 {
    --bg-opacity: 0.5;
    background-color: rgba(var(--enrollment-rgb), var(--bg-opacity)) !important;
    /* background-color: rgba('#6186FF', 0.5) !important; */
}

.bg-enrollment-3 {
    --bg-opacity: 0.3;
    background-color: rgba(var(--enrollment-rgb), var(--bg-opacity)) !important;
    /* background-color: rgba('#6186FF', 0.5) !important; */
}

.bg-last-revenue {
    background-color: #8DC2FF;
}

.paginate_button {
    /* background-color: rgba(var(--enrollment-rgb), 0.5); */
    border-radius: 10px;
    padding: 3px;
    margin: 2px;
}

.dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:hover, .dataTables_paginate .paginate_button.current:focus {
    color: #fff;
    background-color: #455A64;
}

.dataTables_paginate .paginate_button {
    display: inline-block;
    padding: 9px;
    min-width: 38px;
    margin-left: 2px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    color: #333333;
    border-radius: 3px;
}

.dataTables_filter input {
    outline: 0;
    width: 200px;
    height: 38px;
    padding: 8px 0;
    padding-right: 0px;
    padding-right: 24px;
    font-size: 13px;
    line-height: 1.5384616;
    color: #333333;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-bottom-color: transparent;
    border-left-width: 1px;
    border-width: 1px 0;
    border-bottom-color: #ddd;
}

.dataTables_length span {
    padding-right: 6px;
}

.file-btn {
    position: absolute;
    right: 0px;
    top: 18px;
}

.file-body {
    position: relative;
}

/*home progressbar*/

.progress-bar {
    width: 0;
    animation: progress 1.5s ease-in-out forwards;
}

@keyframes progress {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@keyframes show {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.progress-container {
    display: flex;
    align-items: center;
}

.progress {
    flex: 1;
}

.status-label {
    width: 100px; /* Adjust the width as needed */
    text-align: right; /* Align text to the right within the fixed width */
    margin-right: 10px; /* Space between label and progress bar */
    align-items: start !important;
}

.applied {
    background: #C9C8FF;
}

.waitlisted {
    background: #D1E6FA;
}

.rejected {
    background: #FBE0F8;
}

.enroll {
    background: #E8D1FA;
}

.deposit {
    background: #FADBD1;
}

.document {
    background: #FAD1D1;
}

.registration {
    background: #D1FADA;
}

.row {
    display: flex;
    flex-wrap: wrap;
}

.card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.card-body {
    flex: 1;
}

.card-body.student-progress {
    overflow-y: auto; /* Optional: Add scroll if content overflows */
}

.required-span {
    color: red;

}

i {
    cursor: pointer !important; /* Changes cursor to a hand (pointer) on hover */
    display: inline-block; /* Ensure proper alignment if needed */
    font-size: 24px; /* Adjust size if needed */
}

.dataTables_wrapper .dataTables_length select {
    border-radius: 0.25rem; /* Customize the border radius */
    padding: 0.5rem; /* Customize the padding */
}

.save {
    min-width: 100px;
}

.chartjs-legend li {
    font-weight: bold; /* Make legend items bold */
}

.bg-success-400 {
    background-color: #66BB6A;
    border-color: #66BB6A;
    color: #fff;
}

.bg-danger-400 {
    background-color: #F44336;
    border-color: #F44336;
    color: #fff;
}

.bg-grey-400 {
    background-color: #888;
    border-color: #888;
    color: #fff;
}

.label {
    display: inline-block;
    font-weight: 500;
    padding: 2px 5px 1px 5px;
    line-height: 1.5384616;
    border: 1px solid transparent;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.1px;
    border-radius: 2px;
}

.swal2-icon-content {
    font-size: inherit !important;
}

.bs-stepper .card {
    border: none;
}

.promotionForm .input-group {
    gap: 10px !important;
}

.promotionForm .input-group input, .promotionForm .input-group button {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
}

.promotionForm .input-group button {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
}

.promotionForm .sample {
    padding: 0.5rem;
!important;
}

.datepicker {
    background-color: #fff; /* Override background color */
    border: 1px solid #ddd; /* Match border with the Limitless theme */
}

.datepicker table tr td.active {
    background-color: #4caf50; /* Match the theme's primary color */
}

label.error, .invalid-feedback {
    color: #fe1010;
}

/*.image-area {*/
/*    position: relative;*/
/*    !*width: 10%;*!*/
/*    max-width: 70px;*/
/*    max-height: 70px;*/
/*    !*background: #333;*!*/
/*}*/

/*.image-area img {*/
/*    !*max-width: 100%;*!*/
/*    max-width: 70px;*/
/*    max-height: 70px;*/
/*    height: auto;*/
/*}*/

.image-area {
    position: relative;
}

.remove-image {
    position: absolute;
    top: -7px;
    right: 0;
    cursor: pointer;
    /*background: rgba(255, 255, 255, 0.7);*/
    border-radius: 50%;
    /*padding: 2px;*/
    z-index: 10;
    color: #000;
}
.remove:hover {
    background: rgba(255, 0, 0, 0.7);
}

.remove-image:hover {
    color: #000 !important;
}

.blur-background {
    background: rgba(255, 255, 255, 0.6);
    /*background: #fff;*/
    backdrop-filter: blur(10px);
    top: 0;
    left: 0;
    z-index: 9999;
}

.loader-visible {
    display: flex !important;
}

.loader-hidden ,.hidden{
    display: none !important;
}

.page-header .page-header{
    min-height: 60px;
}

.checkbox-label-container input[type="radio"] {
    display: none;
}

.c1-btn-group .btn.active {
    background: rgb(4, 104, 250);
    background: linear-gradient(90deg, rgba(4, 104, 250, 1) 35%, rgba(0, 155, 255, 1) 100%) !important;
    color: #ffffff !important;
}

.c-btn-group .btn.active, .c-btn-group .btn.btn-success:hover  {
    color: #fff !important;
    background-color: #28c590;
    box-shadow: none;
}
.c-btn-group .btn.btn-success {
    border: none;
    font-weight: 500;
    color: #8bc9b4;
    max-width: max-content;
    padding: 8px 15px;
    font-size: 14px !important;
    border-radius: 20px;
    min-width: max-content;

}

.mainDiv-input {
    display: none;
}

th {
    vertical-align: middle;
    min-width: max-content;
    background: #E7F3FF80 !important;
    color: #7A8AAF !important;
    border-right: 0 !important;
}
.dataTables_paginate .paginate_button {
    /*padding: 0 !important;*/
    margin: 0 !important;
}
.accordion-button::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: auto;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.5s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1h-8a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.accordion-button {
    font-size: 16px;
    font-weight: 500;
    color: #000; /* Color for the button text */
}

.accordion-button:not(.collapsed) {
    color: #000000; /* Adjust the color for expanded state */
}

.accordion-collapse {
    box-shadow: none !important;
}

.accordion-item {
    background-color: #fff;
}

.card{
    border: 0px;
    box-shadow: none;
}

.accordion-body{
    padding: 0px;
}

.accordion-button{
    padding: 10px;
}

.report-page .card{
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), var(--box-shadow) !important;
}

.report-page p, .report-page h1{
    color: rgba(124, 124, 124, 1);
}
.report-page b {
    color: rgb(48 48 48 / 87%);
}

.whatsapp-btn{
    font-weight: 700;
    color: green;
    background: rgba(226, 249, 225, 1);
    border: none;
    border-radius: 50%;
    height: 45px;
    width: 45px;
}

.datepicker table{
    width: 100%;
}
.datepicker th{
    background-color: #fff !important;
}

.eye-color{
    color:#769bc7;
}

.datatable-header , .datatable-footer{
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
}

.active .parent-icon svg path{
    fill: #0C82FE;

}

.hover-color p:hover{
    color: var(--link-color) !important;
}

.modal-body .btn-secondary,.modal-body .btn-primary {
    min-width: 70px;
}

.underline {
    text-decoration: underline;
}

.pointer{
    cursor: pointer;
}
.bg-blue-50{
    background-color: rgb(235,245,255)
}
.card-text-color{
    color: #5494C6 !important;
}

.not-editable {
    display: none;
}

.static-text.hidden {
    display: none;
}

.editable {
    display: inline-block !important;
}

#tracking-table tbody tr td:nth-child(2) {
    font-weight: bold;
}


.ck-editor__editable_inline{
    min-height: 200px !important;
}

.lightbox .lb-image{
    border: none !important;
}
.lb-number, .lb-close{
    display: none !important;
}

.lb-outerContainer{
    background-color: none !important;
}
.slick-track{
    margin-left: 0 !important;
}

.lightbox{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.bg-blur {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    filter: blur(6px);
    opacity: 0.5;
    z-index: 0;
}