#loading{
    position: absolute;
    z-index:9999;
    top:50vh;
    left: 50vw;
    visibility: hidden;
}
:root{
  --bs-heading-color: #fff;
  --bs-body-color-change: #fff;
  --bs-cart-title: #2b2e3b;
  --bs-heading-color:#FFF;
  --bs-breadcrumb-item-active-color:#FFF;
  --custom-color-primary:#900802;
  --custom-color-second:#FFBD21;
}
.btn-primary{
    background-color: var(--custom-color-primary);
    border-color:var(--custom-color-primary);
}
.form-control:focus{
  color:var(--bs-cart-title);
}
.table>:not(caption)>*>*,.form-label{
    color:var(--bs-cart-title);
}
.card-title{
    color:var( --bs-cart-title)!important;
}
.breadcrumb-item>a,.breadcrumb-item.active {

    color: var(--bs-heading-color);
}
.table>:not(caption)>*>*,.form-label,.card-header *{
    color:var(--bs-cart-title);
}

#page-topbar{
    background:#3e000387;
}
.card-body *{
    color:var(--bs-cart-title);
}
.btn-primary{
    color:#FFF;
}
body{
    background: url('/assets/images/bg-dashboard.jpg');
}
.authentication-bg{
    background-image: url('/assets/images/bg-gateway.jpg'), url('/assets/images/bg-2.jpg');
    /* background-color: #a41010; */
    /* background:url('/assets/images/bg-gateway.jpg'); */
    background-size: cover,contain !important;
    background-repeat: no-repeat,repeat-y !important;
    background-position: top center;
    max-height: 100vh;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
}

.account-pages{
    display:flex;
    flex:1;
    flex-direction: column;
    position: relative;
    padding-top:520px;
}

.card{
  	background: linear-gradient(135deg, rgba(255, 243, 224, 0.95), rgba(255, 200, 150, 0.95));
    border-radius: 16px;
    box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.3);
    border: 2px solid #d12b2b;
 	margin-bottom:1.25rem;
}

.form-login,.form-register{
    background: linear-gradient(135deg, rgba(255, 243, 224, 0.95), rgba(255, 200, 150, 0.95));
    border-radius: 16px;
    max-width: 450px;
    margin: auto;
    box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.3);
    border: 2px solid #d12b2b;
}
.btn-login{
    background: linear-gradient(135deg, #d0382b, #e0a23b);
    color: white;
    border-radius: 12px;
    padding: 10px;
    width: 100%;
    transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    border:0px;
}
.authentication-bg footer {
    background-color: #a41010;
    background-image: url('/assets/images/bg-footer.jpg');
    color: white;
    padding: 20px;
    height:299px;
    box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.2);
    max-width: 100vw;
    width:100%;
    position: relative;
    bottom: 0;

}
.authentication-bg footer p{
    margin-bottom:5px;
}

.vertical-menu{
    background:rgba(62, 0, 3, 0.93);
}
.navbar-brand-box{
    background-color:transparent;
}
/*#sidebar-menu ul li a.active{
    background:#FFBD21;
    color:#900802!important;
}*/
.mm-active>a.active{
  color:#900802!important;
}
.mm-active>a,.mm-active>a>i{
    background: #FFBD21;
    color: #900802!important;
}
#sidebar-menu ul li ul.sub-menu li a{
    color:#FFBD21!important;
}
#sidebar-menu ul li a.active i{
    color:#900802!important;
}
#sidebar-menu ul li a,#sidebar-menu ul li a i{
    color:#FFF;
}
#sidebar-menu ul li a:hover,#sidebar-menu ul li a:hover i{
     color:#FFBD21!important;
}
li.menu-title{
    color:#F47A00;
  font-weight:bold;
}
.simplebar-content #sidebar-menu{
    border:2px solid #FFBD21;
    border-radius:20px;
}
.vertical-menu-btn{
    color:#FFBD21;
}
#sidebar-menu ul li a:hover.active, 
#sidebar-menu ul li a:hover.active i{
    color:#FFF!important;
}
#sidebar-menu .mm-active a:hover,#sidebar-menu .mm-active a:hover i{
    color:#FFF!important;
}
.mm-active .active{
    color:#FFFFFF!important;
}
body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a,
body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>ul{
    background:#900802;
}
.btn:hover{
    background-color:#c6120a;
}
@media only screen and (max-width:468px){
    .authentication-bg{
        background-size: contain!important;
    }
    .account-pages{
        padding-top: 120px !important;;
    }
}

@media only screen and (min-width:768px){
    .account-pages{
        padding-top:220px;
    }
}
@media only screen and (min-width:1200px){
    .account-pages{
        padding-top:380px;
    }
}
.card-title-desc-custom {
background-color: rgb(255 210 168 / 95%);
padding: 10px;
font-family: sans-serif;
color: #a90000;
text-shadow: -1px 1px 1px #ffffff;
border-radius: 10px;
border: 1px solid;
}
.card-title-custom {
font-family: sans-serif;
color: #a90000 !important;
font-weight: bold;
text-shadow: -1px 1px 1px #ffffff;
font-size: 20px;
text-align: center;
}
.card-form-custom {
background-color: #efce9b;
padding: 10px;
font-family: sans-serif;
color: #a90000;
text-shadow: -1px 1px 1px #ffffff;
border-radius: 10px;
border: 1px solid;
}

.text-primary-custom {
font-family: sans-serif;
color: #a90000 !important;
font-weight: bold;
text-shadow: -1px 1px 1px #ffffff;
font-size: 20px;
text-align: center;
}

.text-muted-custom {
font-family: sans-serif;
color: #a90000 !important;
text-shadow: -1px 1px 1px #ffffff;
font-size: 14px;
text-align: center;
}

.text-form-custom {
font-family: sans-serif;
color: #a90000 !important;
text-shadow: -1px 1px 1px #ffffff;
font-size: 12px;

}