.layout-footer-fixed.sidebar-collapse .user-panel a {
    display: none !important;
}

.brand-image-mobile {
    display: none;
}

.layout-footer-fixed.sidebar-collapse .brand-image {
    display: none;
}

    .layout-footer-fixed.sidebar-collapse .brand-image.brand-image-mobile {
        display: block;
        margin-left: 6px;
    }

.custom-card .card-header {
    color: #1998cb;
    font-weight: bold;
}

.custom-card .img-placeholder {
    width: 140px;
}

.custom-card .icon-placeholder {
    font-size: 8rem;
    color: #1998cb;
}

.btn-primary {
    background-color: #1998cb;
    border-color: #0da2df;
}

    .btn-primary.focus, .btn-primary:focus {
        color: #fff;
        background-color: #0881b2;
        border-color: #0da2df;
        box-shadow: 0 0 0 0 rgba(38,143,255,.5);
    }

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0881b2;
        border-color: #0da2df;
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #0881b2;
        border-color: #0da2df;
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #0da2dfdb;
        border-color: #0da2dfd1;
    }

.text-bule {
    color: #0da2df;
}

.min-width-148 {
    min-width: 148px;
}

.invalid {
    outline: 1px solid red !important;
}

.validation-message {
    color: red !important;
}

.custom-auth-box {
    width: 360px !important;
}

.custom-auth-logo {
    font-size: 2.1rem;
    font-weight: 300;
    margin-bottom: 0.9rem;
    text-align: center;
}

.custom-auth-card-body {
    background-color: #fff;
    border-top: 0;
    color: #666;
    padding: 20px;
}

@media (max-width: 574px) {
    .btn-manage-secrets,
    .btn-manage-quizze {
        margin-top: 10px;
    }
}

@media (min-width: 1010px) {
    .main-header {
        display: none !important;
    }

    .layout-navbar-fixed .wrapper .content-wrapper {
        margin-top: 0;
    }
}

body {
    font-family: "Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;
    font-size: 1rem !important;
}

.mud-dialog-title .mud-typography-h6 {
    text-align: center !important;
    margin-top: 25px !important;
}

.custom-border {
    border: 10px solid #dee2e6; /* Set the color as per your requirement */
}


.card-info-placeholder {
    background: #cacaca;
    width: 100%;
    height: 14px;
    border-radius: 5px;
    margin-bottom: 9px;
}

.underline-text {
    text-decoration: underline !important;
}

/* start Styles for the toggle switch */
.toggle-switch {
    -webkit-appearance: none;
    appearance: none;
    width: 50px;
    height: 25px;
    background-color: #ccc;
    border-radius: 12.5px;
    position: relative;
    cursor: pointer;
    outline: none;
    transition: background-color 0.3s;
    margin-right: 10px;
}

    .toggle-switch:checked {
        background-color: #1998cb;
        border-color: #0da2df;
    }

    .toggle-switch:before {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        background-color: white;
        border-radius: 50%;
        top: 2.5px;
        left: 2.5px;
        transition: transform 0.3s;
    }

    .toggle-switch:checked:before {
        transform: translateX(25px);
    }

.custom-label {
    display: flex;
    align-items: center;
}
/* end Styles for the toggle switch */

.Dates-Due {
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
}

.custom-datepicker {
    width: 180px;
}

    .custom-datepicker .mud-input {
        padding: 2px 12px;
        border-radius: 18px;
        border: 1px solid #b8bbbf;
        margin: 0 !important;
    }

        .custom-datepicker .mud-input.mud-input-underline:before {
            border: none;
        }


.dateRangeSelect {
    padding: 2px 12px;
    border-radius: 18px;
    border: 1px solid #b8bbbf;
    margin: 0 !important;
}

.custom-popup-height {
    max-height: 200px; /* Adjust the height as needed */
    overflow-y: auto;
}

#mud-snackbar-container {
    z-index: 111111111 !important;
}

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

.mud-dialog {
    margin-right: 10px !important;
    margin-left: 10px !important;
}

.mini-sidebar-fixed {
    margin-left: 0px !important;
}

.pre-wrap {
    white-space: pre-wrap;
}



.spinner-border-custom {
    width: 1.5rem;
    height: 1.5rem;
}

.card-parent {
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #DADEE3;
    background: white;
}


    .card-parent .row {
        padding: 1rem;
        border-bottom: 1px solid #DADEE3;
    }

.sub-heading {
    font-weight: bold;
}

.form-check-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

@media (max-width: 600px) {
    .custom-date-filter {
        display: block !important;
    }

    /*  .check-in-filter:has(>.custom-date-filter ) {
        justify-content: flex-start !important;
    }*/

    .check-in-filter {
        justify-content: flex-start !important;
    }

    .custom-date-filter .fw-normal {
        margin-left: 0px !important;
    }

    .check-in-filter .Dates-Due {
        margin-bottom: 5px !important;
    }
}

@media (max-width: 574px) {
    .Dates-Due .form-control {
        width: 50% !important;
    }

    .custom-auth-box {
        margin-top: .5rem !important;
        width: 90% !important;
    }

    .card-parent .sub-row {
        display: none;
    }

    .card-parent {
        background: transparent;
        border: 0px;
    }

    .card-child .row {
        border-radius: 20px;
        overflow: hidden;
        border: 0px solid #DADEE3;
        margin: 14px 0;
        background: white;
    }

    .view-btn-responsive {
        display: flex !important;
        justify-content: end !important;
    }

    .mobile-tag {
        display: inline-block !important;
        font-weight: bold !important;
    }

    .custom-margin {
        margin-top: 16px !important;
    }
}
/*sidebar*/
@media (max-width: 1009.98px) {

    .main-sidebar {
        box-shadow: none !important;
        margin-left: -250px;
    }

    .content-wrapper {
        margin-left: 0px !important;
    }

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

    .hide-top-buttons {
        display: none !important;
    }

    .show-bottom-buttons {
        display: block !important;
    }

    .small-box .inner {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (min-width: 1100px) {
    .login-page:has(>.register-box .register-card) {
        /* height: auto !important;*/
    }
}

.invalid {
    outline: 1px solid red !important;
}

.validation-message {
    color: red !important;
}

.custom-auth-box {
    width: 360px !important;
}

.custom-auth-logo {
    font-size: 2.1rem;
    font-weight: 300;
    margin-bottom: 0.9rem;
    text-align: center;
}

.custom-auth-card-body {
    background-color: #fff;
    border-top: 0;
    color: #666;
    padding: 20px;
}