.checkout-result-999,
.checkout-result-999 *:not(button):not(.btn):not(.btn *) {
    background-color: #96E1FF !important;
}

.checkout-result-1,
.checkout-result-1 *:not(button):not(.btn):not(.btn *) {
    background-color: #ffc2c2 !important;
}

.checkout-result-1 .card-header,
.checkout-result-1 .card-header * {
    background-color: #ffafaf!important;
}

.checkout-result-2,
.checkout-result-2 *:not(button):not(.btn):not(.btn *) {
    background-color: #ffc889!important;
}

.checkout-result-2 .card-header,
.checkout-result-2 .card-header * {
    background-color: #ffc079!important;
}

.checkout-result-3,
.checkout-result-3 *:not(button):not(.btn):not(.btn *) {
    background-color: #a7ffb4!important;
}

.checkout-result-3 .card-header,
.checkout-result-3 .card-header * {
    background-color: #8bff9d!important;
}

.checkout-result-4,
.checkout-result-4 *:not(button):not(.btn):not(.btn *) {
    background-color: #ffe969!important;
}

.checkout-result-4 .card-body {
    background-color: inherit!important;
}

.checkout-result-4 .card-header,
.checkout-result-4 .card-header * {
    background-color: #ffe449!important;
}

.checkin-created-text {
    color: blue!important;
}

.checkin-approved-text {
    color: green!important;
}

.checkin-created-border {
    border-color: blue!important;
    border-width: 2px!important;
}

.checkin-approved-border {
    border-color: green!important;
    border-width: 2px!important;
}

.w-400 {
    width: 400px;
}

.w-250 {
    width: 250px!important;
}

.w-200 {
    width: 200px!important;
}


.card-sm {
    width: 215px!important;
    height: 265px!important;
}

.card-sm,
.card-sm .card-body * {
    font-size: 11px!important;
}

.card-sm .card-header {
    font-size: 13px!important;
}

.card-sm .card-header {
    padding: 0 0.4rem 0 0.4rem!important;
}

.card-sm .card-body {
    padding: 0 0.4rem 0 0.4rem!important;
}

.circle {
    border-radius: 50%;
}

.multi-select .selected-wrapper {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-xsmall {
    font-size:0.6rem!important;
}

/* .profile-image-small {
    width: 40px;
    height: 40px;
    margin: 1px;
    border: 1px solid #bfbfbf;
} */

/* .profile-image-xsmall {
    width: 30px;
    height: 30px;
    margin: 1px;
    border: 1px solid #bfbfbf;
}

.profile-image-medium {
    width: 65px;
    height: 65px;
    margin: 1px;
    border: 1px solid #bfbfbf;
}

.profile-image-large {
    width: 110px;
    height: 110px;
    margin: 1px;
    border-radius: 50%;
    border: 1px solid #bfbfbf;
}  */

.disabled-text {
    color: rgb(160, 160, 160)!important;
}

.toast .btn-close {
    width: 0.8rem !important;
    height: 0.8rem !important;
    background-size: 0.8rem !important;
}

.toast {
    width: 400px!important;
    color: rgb(72, 72, 72) !important;
    font-size: 12pt !important;
}

.toast i {
    font-size: 20px!important;
    color: rgb(0, 0, 146);
}

.border-1-gray {
    border: 1px solid #a0a0a0;
}

.student-profile_box {
    background-color: #fcfcfc!important;
}

.navbar-logo {
    width: 150px;
}

/* .toast-body {
    font-size: 11pt !important;
    margin: 3px 0px 3px 3px !important;
} */

/* #toast-text span {
    font-size: 13pt !important;
} */

/* .profile-image-medium {
    width: 85px;
    height: 85px;
}



/* .fade, .modal-dialog {
    transition: none!important;
}

.btn-xsm {
    padding: .10rem .20rem!important;
}



p.form-control {
    background-color :rgb(246, 246, 246)!important;
}

.border-3-light {
    border: 3px solid #f6f6f6;
}

.border-2-dark {
    border: 2px solid #404040;
}

.profile-sidebar {
    background: linear-gradient(135deg, #4158D0 0%, #C850C0 100%);
}

.subject-row-header {
    padding: 6px!important;
    background-color: #404040;
    color: white;
    font-weight:bold;
    font-size: 1.1rem;
}

.list-item {
    padding: 7px 6px 7px 6px!important;
    border: 1px solid rgb(170, 170, 170);
    background-color: #f5f5f5;
    color: rgb(67, 67, 67);
    font-size: 1.0rem;
    text-decoration: none;
}

.list-item .drag-handle {
    margin: 0px;
    font-size: 1.3rem;
    cursor: pointer;
}

.list-item-drag-item {
    background-color: rgb(224, 224, 255)!important;
}

.list-item-complete {
    background-color: #daf7ea!important;
}

.nav-pills .nav-link {
    color: #6c757d!important;;
    border-radius: 10px!important;;
    padding: 12px 20px!important;;
    margin: 4px 0!important;;
    transition: all 0.3s ease!important;;
}

.nav-pills .nav-link:hover {
    background-color: #f8f9fa!important;
}

.nav-pills .nav-link.active {
    background-color: #fff!important;
    color: #4158D0!important;;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1)!important;;
}

.profile-header {
    background-color: #e7e7e7;
    border-radius: .25rem;
    border: 1px solid #d6d6d6;
}

.settings-card {
    border-radius: 15px;
    border: none;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.settings-card:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.form-switch .form-check-input {
    width: 3em;
    height: 1.5em;
    margin-left: -3.5em;
}

.activity-item {
    border-left: 2px solid #e9ecef;
    padding-left: 20px;
    position: relative;
}

.activity-item::before {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #4158D0;
    position: absolute;
    left: -7px;
    top: 5px;
} */