body, #plainwrapper, html {
    height: 100%;
    background: #e5f2f6;
}

.studentbg {
    background-image: url('../images/blurredbookpages.jpg');
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.transparent {
    opacity: 0.8;
}

#app {
    height: 100%;
}

.mud-main-content {
    /*height: 100%;*/
    background: rgb(229 242 246);
    padding-bottom: 40px;
}

.max400 {
    max-width: 400px;
}

.maxdivheight {
    max-height: 100% !important;
    height: 600px;
}

.lightSelect .mud-input-text, .lightSelect .mud-input-label {
    color: #cecece !important;
}

.topdd .rz-card.card {
    background: transparent;
}

.hiddenfield.mud-input-control,
.hiddenfield div, .hiddenfield > div {
    height: 0px !important;
    margin: 0px !important;
    border: 0px !important;
    margin-top: 0px !important;
}



.glass-style {
    background: #808080;
}

.searchColumns .mud-input-control.mud-input-control-boolean-input {
    float: left;
}

.advanceSearchContent {
    display: inline-flex;
}

    .advanceSearchContent .mud-grid-item {
        margin-left: 10px;
        margin-right: 10px;
    }

/*status colors*/
.returnedstatus, .truestatus {
    border: 3px solid #37663f69;
    color: #37663f;
    padding: 3px 10px;
    font-weight: 500;
    background: #ffffff;
    border-radius: 15px;
}

.outstandingstatus, .falsestatus, .assignedstatus {
    border: 3px solid #b62c2c87;
    color: #b62c2c;
    padding: 3px 10px;
    font-weight: 600;
    border-radius: 15px;
    background: #ffffff;
}

.otherstatus, .damagedstatus {
    border: 3px solid #f5a62a;
    color: #d69020;
    padding: 3px 10px;
    font-weight: 600;
    background: #ffffff;
    border-radius: 15px;
}

.mud-table, .mud-paper.mud-elevation-10, .gradient-bg {
    background: rgb(240 246 247);
}

.mud-expand-panel-text {
    font-weight: 600;
    font-size: large;
    color: #6f6f70;
}

.mud-expand-panel {
    border: 1px solid #cac9c9;
}

@media (min-width: 1280px) {
    .mud-drawer-open-mini-lg-left .mud-main-content {
        margin-left: 300px;
        background: rgb(91 177 199 / 8%);
    }
}

.mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--open {
    width: 300px;
    border: none;
    border-right: none !important;
    background: transparent;
    overflow: hidden;
}

.mud-nav-group {
    /* border-bottom: 1px solid #e6e5e5; */
}

.mud-nav-item.mud-ripple {
    /* border-bottom: 1px solid #e6e5e5; */
    /* border-top: 1px solid #e6e5e5; */
}

@media (min-width: 600px) {
    .mud-container {
        padding-left: 24px;
    }
}

.roundedborder {
    border-radius: 10px;
}

.TitleBar {
    border: 0;
    border-bottom: 1px solid #dcdcdf !important;
    margin: 24px 0 24px 0px !important;
    padding: 6px 0px;
}

/*.mud-layout.main-content {
    background: linear-gradient(128deg, rgb(219 218 218) 7%, rgb(104 145 177 / 18%) 47.7%, rgb(43 67 86 / 42%) 100.6%);
}*/

.mud-drawer {
    background: transparent;
}

.mud-drawer--open .mud-drawer-content .mud-navmenu {
    /* background: linear-gradient(128deg, rgb(66 66 66) 7%, rgb(37 72 100) 47.7%, rgb(20 113 187) 100.6%); */
    color: #616161;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: 24px;
    /* box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; */
}

.mud-drawer--closed .mud-drawer-content .mud-navmenu {
    background: linear-gradient(128deg, rgb(226 225 225) 7%, rgb(199 225 245) 47.7%, rgb(20 113 187) 100.6%);
    color: #ffffff;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: 24px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.mud-elevation-1 {
    box-shadow: none;
}

.mud-drawer.mud-drawer--closed svg.mud-icon-root.mud-svg-icon.mud-icon-size-medium.mud-nav-link-expand-icon {
    padding-right: 5px;
}

.top-header {
    background: linear-gradient(335deg, rgb(33 66 92 / 89%) 7%, rgb(42 87 123 / 90%) 47.7%, rgb(116 134 148 / 95%) 100.6%);
}

.default-shadow {
    box-shadow: rgb(0 0 0 / 9%) 0px 54px 55px, rgb(0 0 0 / 12%) 0px -12px 30px, rgb(0 0 0 / 12%) 0px 4px 6px, rgb(241 240 240 / 9%) 0px 12px 13px, rgb(0 0 0 / 9%) 0px -3px 5px;
}

.bta-highlight {
    padding: 5px 10px;
    background: #e3ecf2;
}

.mud-expand-panel-content .searchColumns {
    display: inline-flex;
}

.bordered-mud-item {
    border: 1px solid #ffffff;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
}

.mud-item-bg {
    background: rgb(91 177 199 / 28%);
}

.mud-item-bg.default-padding {
        padding: 10px;
}

.mud-grid-item.date-margin {
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.mud-grid-item.text-top-margin {
    margin-top: 10px;
}

.mud-grid-item.body-padding-left: 25px;

aside.mud-drawer.mud-drawer-fixed.mud-drawer-pos-left.mud-drawer--open.mud-drawer-lg.mud-drawer-clipped-never.mud-elevation-1.mud-drawer-responsive {
    background: #ffffff;
}

.roundedGrid {
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #bee0e9;
}


.transparentBg {
    background: #ffffff;
}

.sideTable .mud-table-pagination-actions .mud-button-root {
    padding: 1px;
}

.sideTable .mud-table-pagination-caption {
    padding-left: 0px;
    padding-right: 0px;
}

.mud-drawer {
    background: #ffffff;
}

.mud-dialog-title {
    background: #80e4a9;
}

.mud-dialog-content {
    background: #80e4a921;
}

.mud-dialog-actions {
    padding-right: 20px !important;
    background: #80e4a921;
}

.mud-dialog.pa-0 .mud-dialog-content{
    padding: 0px;
}

.simple-card, .simple-border {
    border-radius: 20px;
    padding-left: 15px;
    padding-top: 10px;
    background: #ffffff;
    border: 1px solid #e6e5e5;
}

.custom-navmenu {
    background-color: #f9fafb;
    border-right: 1px solid #e5e7eb;
    padding: 1rem;
    font-family: 'Segoe UI', sans-serif;
}

    .custom-navmenu .mud-nav-link {
        font-weight: 600;
        color: #1f2937;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

        .custom-navmenu .mud-nav-link:hover {
            background-color: #e0e7ff;
            color: #1e40af;
        }

        .custom-navmenu .mud-nav-link.mud-nav-link-active {
            background-color: #c7d2fe;
            color: #1e3a8a;
        }

    .custom-navmenu .mud-collapse-container {
        padding-left: 1rem;
        transition: all 0.3s ease;
    }

    .custom-navmenu .mud-nav-link .mud-icon-root {
        margin-right: 0.75rem;
    }

    .custom-navmenu .mud-nav-group .mud-nav-link .mud-nav-link-expand-icon {
        transition: transform 0.3s ease;
    }

    .custom-navmenu .mud-nav-group.mud-nav-expanded .mud-nav-link-expand-icon {
        transform: rotate(90deg);
    }

.nav-loading, .nav-error {
    text-align: center;
    margin: 1rem 0;
}