:root{
    --facture_color: #56AABA;
}

@media screen and (max-width: 768px) { }

.titre{
    text-align: center;
    color: #BA9856 !important;
}

.view-id-relance .views-col{
    text-align: center;
    margin: 25px !important;
    padding: 15px;
    border-radius: 25px;
    box-shadow: 0px 0px 15px 5px #9a9a9a;
    transition: 0.5s;
}

.view-id-relance .views-col:hover{
    box-shadow: 0px 0px 15px 5px #686868;
}

.block-relance{
    text-align: center;
    text-decoration: none;
    color: black;
    transition: 0.5s;
}

.block-relance:hover{
    color: black;
    text-decoration: none;
}

.head{
    margin: 5px;
}

.img-voiture{
    text-align: center;
}

.description p{
    text-align: center;
}

.resumer{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
}

.resumer_item{
    text-decoration: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    border-radius: 15px;
    padding: 20px;
    margin: 15px;
    transition: 0.5s;
}

.resumer_item p{
    color: white !important;
    font-size: 25px;
    font-weight: bold;
    text-decoration: none !important;
}

.marron1{ background-color: #BA9856; }
.marron1:hover{ background-color: #A0844C; }
.tm1{ color: #BA9856; }

.marron2{ background-color: #A0844C; }
.marron2:hover{ background-color: #876F42; }
.tm2{ color: #A0844C; }

.marron3{ background-color: #876F42; }
.marron3:hover{ background-color: #6D5B38; }
.tm3{ color: #876F42; }

.marron4{ background-color: #6D5B38; }
.marron4:hover{ background-color: #615133; }
.tm4{ color: #6D5B38; }

#dashboard-recherche-form{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 1fr;
    grid-gap: 5px;

    margin: 25px;
}

#dashboard-recherche-form fieldset{
    display: flex;
    justify-content: baseline;
    align-items: center;
    margin: 0;
}

#dashboard-recherche-form input{
    margin: 0;
}

#dashboard-recherche-form #edit-actions--2{
    margin: 0;
}

.not_found{
    color: red;
    font-weight: bold;
    text-align: center;
}

#searchResults{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    text-align: center;
}

#searchResults a{
    text-decoration: none;
    transition: 0.5s;
}

#searchResults a:hover{
    color: #BA9856;
    font-size: larger;
}

.search_titre{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    font-weight: bolder;
    font-size: large;
}

.form--inline{
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
}

/*--- visite ---*/
.grille{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.grille_ligne{
    width: 100%;
    padding: 7px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.special{
    grid-template-columns: repeat(4, 1fr);
}

.stat{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    width: 75%;
    padding: 10px;
    border-radius: 10px;
    color: white;
    font-size: large;
    text-align: center;
    transition: 0.5s;
}

.stat h3{
    font-weight: bold;
}

.stat p{
    margin: 0;
}

.data_stat{
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    /* width: 75%; */
    padding: 10px;
    border-radius: 25px;
    font-size: large;
    color: black;
}

.data_stat p{
    margin: 0;
    margin-left: 10px;
}

.containt_table{
    width: 100%;
}

.grille_document{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

/*.views-row{
	text-align: end;
}*/

.views-row .views-field-field-reduction-remuneration{
	margin: 15px !important;
	font-size: 1em !important;
}

/*.field-content{
	font-weight: bolder;
}*/

/*----- form_step_1  -----*/

.info_on_cg{
    display: grid;
    grid-template-columns: 95% 5%;
    grid-template-rows: repeat(1, 1fr);
    align-items: center;
}

.info_on_cg a{
    justify-self: center;
    vertical-align: top;
}

.info_on_cg i{
    font-size: 1.25em;
    transition: 0.5s;
}

.info_on_cg i:hover{
    color: #BA9856;
}

.info_on_cg i:active{
    border-radius: 25px;
    box-shadow: 0px 0px 5px 5px #BA9856;
}

.req_span, .req_span_alt{
    height: 30px;
    color: red;
    font-size: 1.75em;
    text-align: center;
}

.req_span2{
    align-self: baseline;
    height: 30px;
    color: red;
    font-size: 1.75em;
    text-align: center;
}

.info_icon{
    height: 100%;
    /* display: flex;
    align-items: center;
    flex-direction: column; */
    display: grid;
    grid-template-rows: 1fr 1.5fr;
}

.box_info_cg{
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgb(42, 42, 42);
}

.swal2-actions{
    margin: 0 !important;
}

.swal2-confirm{
    margin: 0 !important;
}

.swal2-styled.swal2-confirm:focus{
    box-shadow: none !important;
}

.swal2-image{
    margin-bottom: 0 !important;
    border: solid #BA9856;
}

.node-vehicule-photos-vehicule-form .image-style-thumbnail{
    max-width: 250px !important;
    max-height: 200px !important;

    margin-top: 1em;
}

.accordion{
    margin-bottom: 1em;
}

.accordion-body a{
    text-decoration: underline;
}

.img_accordion{
    max-width: 250px !important;
    max-height: 200px !important;

    margin-bottom: 1em;
    margin-left: 1em;
}

.field--type-image{
    height: auto !important;
}

#webform-submission-location-sur-mesure-add-form .input-group{
    /* form-item-equipements-souhaites-add-more-items */
    display: none;
}

.form-item-field-car-apport-value .form-checkbox{
    padding: 10px;
    /* background-color: red; */
}

.form-item-field-car-apport-value .form-check-label{
    margin-left: 15px;
}

.node-vehicule-step-2-form .form-item-revision{
    display: none;
}

.node-vehicule-step-autovista-form .field--name-field-car-vehiculeequipoption{
    width: 100%;
}

.node-vehicule-step-autovista-form .field--name-field-car-vehiculeequipserie{
    width: 100%;
}

.autovista_infos{ margin: 0; }
.autovista_wrong{ color: red; }

#views-exposed-form-front-vehicule-recherche-page-1 .form-row{ justify-content: center; }

.image-mask::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.text-on-mask {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.text-on-mask h1{
    color: #fff !important;
}

.col-btn{
    display: flex;
    justify-content: center;
    align-items: center;
}

.profile-particulier-edit-form .fa-asterisk{
    display: none !important;
}

.soc_cards_docs{
  border: solid 1px black !important;
  padding: 20px !important;
  box-shadow: 0px 4px 4px 0px #00000040;
  /* margin: 20px 3px 0px 0px; */
}