@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&family=Rubik:wght@300&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");

body{
    font: 16px 'Rubik', sans-serif;
    margin: 0px !important;
    background-color: #F8F6F5;
}

#login{
    background-color: #ecedee;
}

img#loginLogo{
    margin: 10px 0 25px 5px;
}

#sidebar-menu ul li a {
    font-size: 16px;
}

.menu-title {
    font-size: 14px;
}

.bi-2x{
    font-size: 1.2rem;
}

.select2{
    width: 100% !important;
}


.card-stat{

    background-color: #ffffff;
    color: rgb(39, 39, 39);
    border: solid 1px #D67048;
    border-radius: 5px;
    box-shadow: 0px 2px 4px #0000001c;

}

.card-stat .card-text{
    color: rgb(58, 58, 58);
    font-size: 30px;
    font-weight: bolder;
}

.card-stat .card-title{
    color: #D67048;
    font-size: 15px;
}


.card-bloc .card-body{
    background: #ffffff !important;
    font-weight: 800;
    color: #554432;
    border-radius: 10px;
    box-shadow: 0px 3px 6px #00000023;

}

.card-bloc .card-body:hover{
    background: #D67048 !important;
    color: #ffffff !important;
    box-shadow: 0px 6px 12px #00000033;

}

.card-bloc .card-body:hover *{
    color: #ffffff !important;
    font-weight: 800;
}

#ticketBloc, #loyerBloc{
    display: none;
}