/* Importation Police Ruda */
@font-face{
    font-family: 'Ruda';
    src: url('Ruda_Regular.ttf');
}

body{
    font-family: 'Ruda', sans-serif;
    background-color: #f5f5f5;
    font-size: 14px;
}

a{
    text-decoration: none !important;
}

nav {
    font-size: 16px;
}

table {
    font-size: 11px !important;
}
table tbody td {
    vertical-align: middle !important;
}

h5.text-rco {
    text-transform: uppercase;
    font-size: 16px;
}
h5.text-rco_soft {
    text-transform: uppercase;
    font-size: 16px;
}
h5.text-chrono {
    text-transform: uppercase;
    font-size: 16px;
}

.container{
    max-width: 100%;
    margin-top:15px;
}

.box{
    background: #ffffff;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 0.4rem;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.ombre{
    box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
}

.thead-rco{
    background-color: #F01516;
    color:white;
}
.thead-rco tr th {
    border: 1px solid #ffffff60;
}

.thead-rco_soft{
    background-color: #398aca;
    color:white;
}
.thead-rco_soft tr th {
    border: 1px solid #ffffff60;
}

.thead-chrono{
    background-color: #000000;
    color:#ffffff;
}
.thead-chrono tr th {
    border: 1px solid #ffffff60;
}

/* Dropdown avec colonnes dans le menu */
div.dropdown-multicol{
    text-align: center;
    width: 25em;
}
div.dropdown-multicol .dropdown-item{
    text-align: left;
}
div.dropdown-multicol>div.dropdown-col{
    display:inline-block;
    width: auto;
}
div.dropdown-col .intitule{
    color: #398aca;
}
div.dropdown-col .intitule:hover{
    background-color: #22242A;
}

/* Alerte aux couleurs de RCO */
.alert-sm {
    padding: .5rem 1rem !important;
    font-size: 30px !important;
}
.alert-primary{
    background-color: #d6f3ff !important;
    border: none !important;
    color:#1b2b5e !important;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.alert-primary h1 {
    font-size: 28px !important;
}
.alert-primary hr {
    border-top-color: #0000001a !important;
}
.alert-rco{
    color: #ffffff;
    background-color: #f02d2d;
    border-color: #f01516;
}

.alert-rco_soft{
    color: #ffffff;
    background-color: #398aca;
    border-color: #2f7eb9;
}

.alert-chrono{
    color: #ffffff;
    background-color: #ff592e;
    border-color: #e0411a;
}

.titre-page {
    font-size:16px;
}

.titre_separateur {
    align-items: center;
    display: flex;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
}
.titre_separateur::before,
.titre_separateur::after {
    border-top: .0625em solid;
    content: "";
    flex: 1;
    margin: 0 .5em;
}

/*
* Carrés de couleurs
*/
.card-icon{
    position:absolute;
    top:0;
    right:25px;
    font-size:2em;
}
.card-content{
    padding-top:50px;
    padding-left: 10px;
    font-size: 1.1em;
}
.card-number{
    font-size:1.7em;
}
.card-link, .card-link:hover{
    color:inherit;
}

/* Carré rouge */
.card-rouge1{
    width:auto;
    height:130px;
    background-color: #e9b3b3;
    color:#9c4949;
    font-size:1.3em;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%) !important
}
.card-rouge1:hover{
    background-color: #db8f8f;
    border-color: #db8f8f;
    cursor:pointer;
}

.card-rouge2{
    width:auto;
    height:130px;
    background-color: #9c4949;
    color:#e9b3b3;
    font-size:1.3em;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%) !important
}
.card-rouge2:hover{
    background-color: #af6161;
    border-color: #af6161;
    cursor:pointer;
}

/* Carré vert */
.card-vert1{
    width:auto;
    height:130px;
    background-color: #bae9b3;
    color:#539c49;
    font-size:1.3em;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%) !important
}
.card-vert1:hover{
    background-color: #9adb8f;
    border-color: #9adb8f;
    cursor:pointer;
}

.card-vert2{
    width:auto;
    height:130px;
    background-color: #539c49;
    color:#bae9b3;
    font-size:1.3em;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%) !important
}
.card-vert2:hover{
    background-color: #6cb65f;
    border-color: #6cb65f;
    cursor:pointer;
}

/* Carré bleu */
.card-bleu1{
    width:auto;
    height:130px;
    background-color: #b3bde9;
    color:#49589c;
    font-size:1.3em;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%) !important
}
.card-bleu1:hover{
    background-color: #8fa3db;
    border-color: #8fa3db;
    cursor:pointer;
}

.card-bleu2{
    width:auto;
    height:130px;
    background-color: #49589c;
    color:#b3bde9;
    font-size:1.3em;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%) !important
}
.card-bleu2:hover{
    background-color: #657ab3;
    border-color: #657ab3;
    cursor:pointer;
}

/* Carré jaune */
.card-jaune1{
    width:auto;
    height:130px;
    background-color: #e9dbb3;
    color:#9c7f49;
    font-size:1.3em;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%) !important
}
.card-jaune1:hover{
    background-color: #dbc08f;
    border-color: #dbc08f;
    cursor:pointer;
}

.card-jaune2{
    width:auto;
    height:130px;
    background-color: #9c7f49;
    color:#e9dbb3;
    font-size:1.3em;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%) !important
}
.card-jaune2:hover{
    background-color: #ac9261;
    border-color: #ac9261;
    cursor:pointer;
}

/* Card chiffres avec icone */
.stat-widget{ 
    min-height: 60px;
}
.stat-icon {
    font-size: 50px;
    line-height: 50px;
    position: absolute;
    left: 30px;
    top: 20px; 
} 
.stat-content { 
    margin-left: 100px;
}
.stat-text {
    color:#455a64;
    font-size: 20px;
}
.stat-heading { 
    color:#626e74;
    font-size: 14px; 
}  
/* Couleurs au survol de la card */
.color-red{
    color:#EC7063;
}
.card-stat-red:hover{
    background-color: #FADBD8;
    transition: 0.5s;
}
.color-sable{
    color:#bd9e66;
}
.card-stat-sable:hover{
    background-color: #eee5ce;
    transition: 0.5s;
}
.color-green{
    color:#58D68D;
}
.card-stat-green:hover{
    background-color: #D5F5E3;
    transition: 0.5s;
}
.color-blue{
    color:#5499C7;
}
.card-stat-blue:hover{
    background-color: #D4E6F1;
    transition: 0.5s;
}
.color-purple{
    color:#AF7AC5;
}
.card-stat-purple:hover{
    background-color: #EBDEF0;
    transition: 0.5s;
}
.color-greyblue{
    color:#5D6D7E;
}
.card-stat-greyblue:hover{
    background-color: #D6DBDF;
    transition: 0.5s;
}
.color-orange{
    color:#FF592E;
}
.card-stat-orange:hover{
    background-color: #FAE5D3;
    transition: 0.5s;
}
.color-greenblue{
    color:#17a2b8;
}
.card-stat-greenblue:hover{
    background-color: #d7f4f8;
    transition: 0.5s;
}
.color-warning{
    color:#ffc107;
}
.card-stat-warning:hover{
    background-color: #f0e7cc;
    transition: 0.5s;
}

/* Background secondary (gris) */
.bg-secondary{
    background-color: #bbecaf !important;
}

.bg-lightgrey{
    background-color: #e9ecef !important;
    text-decoration: underline !important;
}

.field-icon {
    float: right;
    margin-top: 10px;
    position: relative;
    z-index: 2;
}

.breadcrumb{
    background-color: #ffffff00;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}

/* Taille du modal xl */
.modal-xl{
    max-width: 1400px;
}