:root {
--default-color: #E30918;
--default-rgb-color: 227, 9, 24;
--default-light-color: #FCE6E7;
--default-intense-color: #9E0610;
--default-login-color: #E30918;
}

@media (min-width: 992px) {
.login-aside .aside-img, .login-aside .login-logo {
    display: none !important;
}
.login .login-aside {
    background-size: contain !important;
    background-repeat: no-repeat  !important;
    background-color: #000  !important;
    background-position: center  !important;
}
}

@media screen and (max-width:800px)
{
.login .login-aside {
    background-size: auto !important;
    }
#mobile_subheader li button i, #mobile_subheader li button span, #mobile_subheader li a i {
color: #ffffff !important;

}
.carousel-item i, .carousel-item h3, .carousel-item time {
    color: white !important; 
}


#kt_header_mobile {
	background-color: #000!important;
}
#kt_header_mobile * {
    color: white !important;
}

#mobile_subheader .card {
        background-color: #000 !important;
    }     
    #mobile_subheader .btn.btn-icon-primary  {
        font-size: 11px;
    }
 #lobbyMenuCardContainer .btn.btn-light-primary {
     border-color: #ffffff !important;
 }
 #lobbyMenuCardContainer .btn.btn-light-primary i, .btn.btn-light-primary span {
     color: #ffffff !important;
 }
button.btn.btn-fixed-height.btn-text-dark-50.btn-hover-text-primary.btn-icon-primary.font-weight-bold.font-size-sm.px-2 {
color: #ffffff !important;
}
#mobile_subheader button i, #mobile_subheader a i {
color: #ffffff !important;
}
}
@media (min-width:801px) and (max-width:991px) {

div#kt_header_mobile {
  background-color: #000 !important;
}

#kt_header_mobile *, .carousel-item i, .notification-description, .notification-description time {
    color: white !important;
}


}