/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 @charset "UTF-8"; 
 .erreur{display: none;}
 .date .input-group-addon{cursor: pointer;}
 .has-error .erreur{display: inline-block;padding-left: 5px;color:#a94442}
 #form_protolong .has-error .erreur{position: absolute;    top: 35px;}
 .fiv_calc input[type='text']:not('.has-error'){
    border-color: #ccc;
    border-width: 1px!important;
    border-style: solid!important;
    background-color: rgba(143, 117, 181, 0.17)!important;border-style: solid;
    }
 .has-error input{
    border-width: 1px!important;border-style: solid!important;
    }
 .btn-fivfr{
    background-color: rgba(143, 117, 181, 0.77);
    color: white!important;
    }
 .btn-fivfr.active {
    background-color: #8f75b5;
    color: white!important;
    }
 .btn-fivfr:hover {
    background-color: #8f75b5;
    color: white!important;
    }
    .datepicker-switch{font-weight: 600;}
 .datepicker{z-index: 3000!important;} 
 #result .row:nth-of-type(odd){background-color: hsla(264,30%,90%,1);padding:4px;}
 #result .row:nth-of-type(even){background-color:white}
 #result {padding-left:0px;padding-right:0px;margin-top:20px;}
 #result .row div  {margin-bottom: 0px;text-align: justify;}
 .protolong .row div:nth-child(1){font-weight: 600; text-align: center!important;padding-top: 5px;padding-bottom: 5px;}
 .protolong .row div:nth-child(2){padding: 0px!important;text-align: center!important;font-weight: 600;color: #af67bb}
 @media (min-width: 768px) {
 #result .row {
    display: flex;
    align-items: center;}}

  #form_protolong button:focus,#form_protolong input:focus{outline-color: #b67ef3!important;color: white}
 #form_protolong .form-control:focus {
    border-color: #b67ef3;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(182,126,243,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(182,126,243,.6);
}   
  @media (max-width: 768px) {
            #date_acc{text-align:center}
            .btn-fivfr{float: none!important;} 
            .terme strong div{width: 100%;    text-align: center;}
            
	        .zodiac strong{line-height: normal!important;width: 100%;    text-align: center;}
            .nbweek strong div {width: 100%;    text-align: center;}
            .nbweek strong span{display: inline-block;width: 100%;text-align: center;}
            #clear,#go_date_terme,#go_proto_long {margin-left: auto!important;
    margin-right: auto!important;
    display: block!important;
    float: none!important;}
           
            }
/*#result .row.row {display:flex}
#result .rowdiv {margin: auto!important;}
  */  
    .option-input:checked{  font-family: FontAwesome!important}
   .option-input:checked::before{color:white!important;}