@font-face {
    font-family: 'Roboto';
    src: url('../assets/fonts/Roboto-Regular.woff2') format('woff2'),
         url('../assets/fonts/Roboto-Regular.woff') format('woff'),
         url('../assets/fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../assets/fonts/Roboto-Bold.woff2') format('woff2'),
         url('../assets/fonts/Roboto-Bold.woff') format('woff'),
         url('../assets/fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

body {
    font-family: Roboto, sans-serif; /* Fallback to sans-serif in case Roboto is unavailable */
}
 
 body{background:#f9f9f9;}
#wrapper{padding:90px 15px;}
.navbar-expand-lg .navbar-nav.side-nav{flex-direction: column;}
.card{margin-bottom: 15px; border-radius:0; box-shadow: 0 3px 5px rgba(0,0,0,.1); }
.header-top{box-shadow: 0 3px 5px rgba(0,0,0,.1)}
@media(min-width:992px) {
#wrapper{margin-left: 200px;padding: 90px 15px 15px;}
.navbar-nav.side-nav{background: #585f66;box-shadow: 2px 1px 2px rgba(0,0,0,.1);position:fixed;top:56px;flex-direction: column!important;left:0;width:200px;overflow-y:auto;bottom:0;overflow-x:hidden;padding-bottom:40px}
}

.btn {
    background-color: #c11414;
    color: #fff;
    border: none;
}

.btn:hover {
    background-color: #c11414;
    color: #fff;
    border: none;
}

.super-admin-navbar {
    background-color: #c11414;
    color: #fff;
    padding: .5rem 1rem;
}

.navbar-front-end {
    background-color: #c11414;
    color: #fff;
    padding: .5rem 1rem;
}

.navbar-brand {
    color: #fff;
}

.nav-link {
    color: #fff;
}