/* devis.colors.cs */

@import "../../css/contact.colors.css";
@import "../../css/newtemp25.css";

:root {
    --MB-main-color: #ea6551;
    --MB-subheader-bgcolor: #2b57b5;
    --MB-subheader-color: white;
    --MB-sprite-header-url: url(/assurpeople/marques_blanches/UB/images/sprite--header.png);
    --MB-sprite-fonds-icones-url: url(/assurpeople/marques_blanches/UB/images/fonds_icones_sprites.png);
}

/* DEVIS RC PRO */

.rcpro-vtc.responsive #module_devis .mon_fieldset .mon_legend,
.rcpro-vtc.responsive #module_devis .mon_bloc .mon_legend {
    background-color: white;
    color: var(--MB-subheader-bgcolor);
}
.rcpro-vtc.responsive .col-phone .orange {
    color: var(--MB-subheader-bgcolor) !important;
}
.rcpro-vtc.responsive #module_devis .icone_aideactive {
    background-color: var(--MB-subheader-bgcolor);
}
.rcpro-vtc.responsive #module_devis .ligne .reponse {
    background-color: white;
    border-bottom: 1px solid #ccc;
    width: 30%;
}
.rcpro-vtc.responsive #module_devis .ligne .reponse.erreur {
    background-color: #fd706d 
}

.rcpro-vtc.responsive #module_devis .ligne select.reponse,
.rcpro-vtc.responsive #module_devis .ligne .reponse.radio label {
    background-color: white;
    border: 1px solid #2b57b5;
    border-radius: 30px;
    -webkit-appearance: none;
    appearance: none;
}
.rcpro-vtc.responsive #module_devis #progression ul {
	list-style-image: none;
}
.rcpro-vtc.responsive #module_devis #progression ul li {
	color: #666;
}
.rcpro-vtc.responsive #module_devis #progression ul li.actif {
	color: #fff;
}
.rcpro-vtc.responsive #module_devis #progression ul li a {
	color: var(--MB-subheader-bgcolor);
}
.rcpro-vtc.responsive #module_devis #progression li {
  background: #dedede;
  color:#666;
}
.rcpro-vtc.responsive #module_devis #progression li.actif {
  color:white;
  background: var(--MB-subheader-bgcolor);
}
.rcpro-vtc.responsive #module_devis #progression li.actif:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: var(--MB-subheader-bgcolor);
}
.rcpro-vtc.responsive #module_devis #progression li:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #dedede;
}
.rcpro-vtc.responsive #module_devis #progression li:before {
  border-color: rgba(255, 225, 255, 0);
  border-left-color: #fff;
}

/* responsive evol */
.rcpro-vtc.responsive #module_devis .ligne .reponse.radio label {
    width: 45%;
}
.rcpro-vtc.responsive #module_devis .ligne .reponse.radio label.checked,
.rcpro-vtc.responsive #module_devis .ligne .reponse.radio label:hover {
    background-color: var(--MB-subheader-bgcolor);
    color: white;
}
.rcpro-vtc.responsive #module_devis .ligne .reponse.radio {
    border: none;
}
.rcpro-vtc.responsive #module_devis fieldset, 
.rcpro-vtc.responsive #module_devis .bloc {
   border:none;
}
.rcpro-vtc.responsive #module_devis .ligne label.libele {
   font-weight: bold;
}
.rcpro-vtc.responsive #module_devis .icone_aideactive {
    border-radius: 30px;
    background-size: 684px;
}
.rcpro-vtc.responsive #module_devis.no_col_droite .ligne label.libele {
    width: 50%;
}
.rcpro-vtc.responsive #module_devis .ligne {
    margin-bottom: 25px;
    margin-top: 20px;
}
.rcpro-vtc.responsive .btn-default.type-devis,
.rcpro-vtc.responsive a.bouton_recevoir {
   border-radius: 100px !important;
}        
.rcpro-vtc.responsive .btn-default.type-devis .fleche {
    display:none;
}

.rcpro-vtc.responsive .bloc-tarif {
    background-color: #eee;
    padding: 15px;
}

.rcpro-vtc.responsive .bloc-garanties {
    background-color: #eeeeee38;
    padding: 10px;
    color: var(--MB-subheader-bgcolor);
    text-align: left;
    padding: 15px;
}

.rcpro-vtc.responsive .bloc-tarif .titre {
    font-weight: bold;
    color: var(--MB-subheader-bgcolor);
    font-size: 2em;
}

.rcpro-vtc.responsive .bloc-tarif p,
.rcpro-vtc.responsive .bloc-garanties div {
    font-weight: bold;
    color: var(--MB-subheader-bgcolor);
    font-size: 1.1em;
}

.rcpro-vtc.responsive .bloc-garanties div {
    margin-bottom: 10px;
}

.rcpro-vtc.responsive .bloc-garanties p.desc {
    padding-left: 25px;
}

.rcpro-vtc.responsive .bloc-tarif p strong {
    
    color: #ea6551;
}

.rcpro-vtc.responsive .bloc-tarif .prime {
    background-color: var(--MB-subheader-bgcolor);
    width: 200px;
    height: 200px;
    margin: 32px auto;
    border-radius: 100px;
    color: white;
    line-height: 180px;
    font-size: 2.8em;
    font-weight: bold;
}
.rcpro-vtc.responsive .bloc-tarif .prime span {
    line-height: normal;
    display: block;
    margin-top: -64px;
    font-size: 0.4em;
    font-weight: normal;
}

.rcpro-vtc.responsive .bloc-cta {
    margin-top: 30px;
}
.rcpro-vtc.responsive #module_devis .ligne.multiple .reponse {
            width: auto !important;
}

.rcpro-vtc.responsive #module_devis .promo-assurance-auto p:first-child {
    margin-bottom: 0;
    margin-top: 30px;
}
.rcpro-vtc.responsive #module_devis .promo-assurance-auto .titre {
    font-size: 1.8em;
    margin-bottom: 20px;
}

.rcpro-vtc.responsive #module_devis .ligne_connect {
    margin-top: 50px;
}

.rcpro-vtc.responsive #module_devis .ligne.declaration label {
    font-weight: normal;
}

/*  ADD MEDIA QUERIES   */
@media (max-width: 767px) {

        .rcpro-vtc.responsive #module_devis .icone_aideactive {
            background: #2d57b4 url(/assurpeople/marques_blanches/UB/images/fonds_icones_sprites.png) no-repeat 0px center;
            display:inline-block; /* pour ne pas afficher sur le marques blanches */
        }
        .rcpro-vtc.responsive #module_devis .ligne {
            position: relative;
        }        
        .rcpro-vtc.responsive #module_devis .ligne .icone_aideactive {
            float: right;
        }
        .rcpro-vtc.responsive #aide_active_contextuelle {
            width: auto;
        }
        .rcpro-vtc.responsive #aide_contextuelle {
            margin-top: 20px
        }
        .rcpro-vtc.responsive #module_devis.no_col_droite .ligne label.libele {
            width: 100% !important; 
        }
        .rcpro-vtc.responsive #module_devis .ligne .reponse {
            width: 100% !important;
            max-width: 100% !important; 
        }
        .rcpro-vtc.responsive #module_devis .ligne .aideactive.reponse,
        .rcpro-vtc.responsive #module_devis .ligne .datepicker.reponse {
            width: 80% !important;
            max-width: 80% !important; 
        }
        .rcpro-vtc.responsive #module_devis .ligne .radio.reponse {
            width: 100% !important;
            max-width: 100% !important; 
        }
        .rcpro-vtc.responsive #module_devis .ligne .icones {
            display: none;
        }
        .rcpro-vtc.responsive #module_devis .ligne.erreur .libele {
            color:red;
        }
        .rcpro-vtc.responsive #module_devis .ligne .reponse.erreur,
        .rcpro-vtc.responsive #module_devis .ligne .radio label.erreur {
            background-color: white !important;
            background-image: none;
            color:red;
        }
        .rcpro-vtc.responsive div.Zebra_DatePicker_Icon {
            float:right;
        }
        .rcpro-vtc.responsive #erreurs {
            position: fixed !important;
            width: 100% !important;
            font-size: 1.2em !important;
            top: 0px !important;
            left: 0% !important;
            border-width: 0;
            border-radius: 0;
            background-color: #fff;
            padding-top: 15px;
            padding-bottom: 15px;
            background-position-y: center;
            background-image: none;
        }
        
        .rcpro-vtc.responsive .sub-header img {
            display:none;
        }
        .rcpro-vtc.responsive .sub-header .content--sub-header {
            background-color: var(--MB-subheader-bgcolor);
        }
        .rcpro-vtc.responsive .sub-header .content--sub-header .h1-like {
            font-size: 1.5em;
        }
        
        .rcpro-vtc.responsive  #module_devis  .precedent {
            display: none;
        }
        .rcpro-vtc.responsive #module_devis .ligne.multiple .reponse{
            width: auto !important;
        }
        
        .rcpro-vtc.responsive #module_devis .ligne.declaration.erreur {
            color:red;
        }
        
        
}