.logo_caravana {
    position: absolute;
    width: 134px;
    margin-left: 155px;
    top: -3px;
    cursor: pointer;
}

.date{
    text-align: center;
}

body{
    background-color: rgb(243, 240, 240);
}

.espace_client {
    width: 100%;
    border: solid 1px black;
    height: 35px;
    background-color: black;
    text-align: center;
    font-size: 16px !important;
    color: white !important;
    margin-top: 10px;
}

/* .col-8{
    background-color: #5a1e1e30;
    margin-top: 14px;
} */

input[type='text'], [type='number'], [type='email'], [type='search'], [type='time'], [type='date'] {
    color: #922d26;
    font-size: 11px;
    text-transform: uppercase; 
    height: 25px;
}

select {
    color: #922d26 !important;
    font-size: 11px !important;
    text-transform: uppercase !important; 
    height: 25px !important;

}

textarea{
    color: #922d26 !important;
    font-size: 11px !important;
    text-transform: uppercase !important; 
    height: 40px !important;

}

label{
    font-size: 11px;
}

.card-img, .card-img-top {
    padding: 8px;
}

#vol {
    width: 230px !important;
    font-size: 12px !important;
    height: 30px !important;
    margin-left: -20px !important;
}

.origine, .origim_cl{
    font-size: 14px;
    color: blue;
}

.destino, .destino_cl{
    font-size: 14px;
    color: green;
}

.companie{
    font-size: 14px;
    color: #ff5722;
}

/* ########################################## CONFIMATION ######################################### */

/* img{
    width: 25px;
    height: 35px;
    cursor: pointer;
}



#corpo {
    border: solid 1px rgb(224, 224, 224);
    padding: 10px;
    border-radius: 10px;
}

.media {
    border: solid 1px rgb(185, 201, 231);
    padding: 10px;
    border-radius: 10px;
} */

/* ############################## MODAL ################################## */


table {
    border-collapse: separate;
    border-spacing: 0 8px;
    margin-top: -8px;
}
  

th {
    border-left-width: 0;
    min-width: 120px;
    height: 18px;
}

.modal-header {
    border-bottom: 1px solid #ad2323 !important;
}

.img_logo{
    padding: 15px !important;
}

.logo_{
    height: 210px !important;
}

.wts{
    width: 20px;
    height: 20px;
}

.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 2px;
    background-color: #966e6e;
    color: white;
}


.num_cl,
.date_vol_cl,
.nome_cl,
.sobrenome_cl,
.scal_cl,
.date_cl {
    color: blue;
}

.prix_cl, .place {
    color: green;
}

.dollar_cl {
    color: red;
}

.etoile{
    color: red;
}


/* ########################## 20/12/2022 ################################## */
.paie{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.gauche{
    width: 34%;
}

.gauche .card{
    background-color: #5a1e1e30;
}

#modal_confimation{
    background-color: #bca2a2;
}

.droite{
    width: 64%;
}

@media only screen and (max-width: 640px) {
    .paie{
        background-color: #e2e2e2;
        display: block;
    }

    .gauche{
        width: 99%;
        height: auto;
    }

    .droite{
        width: 99%;
        height: auto;
    }
    
.espace_client {
    height: 52px;

}