/*
.btn-primary .fa-arrow-circle-right, .btn-primary .fa-times-circle{
    position: absolute;
    right: 7px;
    top: calc(51% - 9px);
    transition-property: right;
    transition-duration: .14s;
}

.btn-primary:hover .fa-arrow-circle-right{
    right: 5px;
}
*/


.program-header {
    padding: 15px 0;
    background-image: linear-gradient(to right, #009999, #274690);
}

.program-header > .title, .subtitle{
    color: white;
    font-weight: bold;
}

.btn {
    white-space: normal !important;
}
.form-control{
    height: 2.2rem;
    padding: 1.1rem .5rem;
    font-size: 14px;
}
.form-inline .form-control{
    display: inline-block;
}


.vertiCenter {
    height: 37px;
    display: table;

}

.vertiCenter span {
    display: table-cell;
    vertical-align: middle;
}


.form-main-title {
/*
       border-bottom: 2px solid #cedded;
       font-weight: bold;
       padding-bottom: 22px !important;
       font-size: 18px;
       color: #387CBF;
       margin2px 0 10px 0;
  */
       border-bottom: 2px dotted #9ebad9;
       font-weight: bold;
       padding-bottom: 19px !important;
       font-size: 26px;
       color: #387CBF;
       margin-top: 10px;
        text-shadow: 0 1px 1px #FFF;

}



.radioCustom, .radioImage {
    background-image: none;
    background-color: #FFFFFF !important;
    border-radius: 8px;
    min-width: 100px;
    color: #000;
    border: 1px solid #d7e2ee;
    margin: 0 0 5px 15px;
    padding: 6px 12px 5px 12px;
}

.radioCustom:hover, .radioCustom:hover .ref_isolant_form{
    background-image: none;
    background-color: #125ba6 !important;
    color:#FFF;
    border: none;
}
.radioCustom.active, .radioCustom.active .ref_isolant_form{
    background-color: #387CBF !important;
    color:#FFF !important;
    border: none !important;
}

.radioImage{
    background-image: none;
    background-color: #FFFFFF !important;
    margin: 10px;
    color:#000;
    padding: 15px;
    border-radius: 8px;
    width: 46%;
}
.radioImage:hover, .radioImage:hover .ref_isolant_form{
    background-image: none;
    background-color: #125ba6 !important;
    color:#FFF;
    border: none;
}
.radioImage.active, .radioImage.active .ref_isolant_form{
    background-color: #387CBF !important;
    color:#FFF !important;
    border: none !important;
}



.radioImage .etiquette {
    margin: 15px 0 0 0;
}
.radioImage img {
    margin: 0;
    width: 100%;
}

.radioCustom:hover, .radioImage:hover {
    border: 1px solid #387CBF;
}

.radioCustom.active, .radioImage.active{
    border: 1px solid #387CBF!important;
}


.btn-danger {
    background-color: #e54b4b;
    background-image: linear-gradient(to bottom,#e54b4b 0,#e54b4b 100%);
}

.break-line {
    background-color: #cfd7e7;
    border-top: 1px solid #cfd7e7;
}

.frameBgBlue {
    background-color: #d8ecf2;
    border-radius: 8px;
    padding: 12px 20px 30px 20px;
    margin-top: 9px;
    margin-bottom: 15px;
}


.frameBgGrey {
    /*
    background-color: #E8EDF2;
    padding: 12px 20px 30px 20px;
    margin-top: 9px;
    margin-btom: 15px;
  */
    background-color: #e6eaeF;
    padding: 12px 20px 30px 20px;
    margin-top: 9px;
    margin-bottom: 15px;
    /*box-shadow: inset 0 0 150px 80px #e6eaeF;*/
    border: 1px solid #dee3ea;

}

.frameBgBeige{
    background-color: #f5f2f0;;
}

.frameBgIsol{
    background-image: url("../../images/ONGLET_4.png");
}
.frameBgHouse{
    background-image: url("../../images/ISO-TAB-WEB.jpg");
    background-position: center;
}
.frameBgHouse2{
    background-image: url("../../images/baraque.jpg");
    background-repeat: no-repeat;
    background-color: #f6f2ee;
}
.frameBgblur{
    background-image: url("../../images/ONGLET_4_blur.png");
    background-position: bottom;
}

.frameBgIsol, .frameBgHouse, .frameBgblur, .frameBgHouse2, .frameBgBeige{
    padding: 12px 20px 30px 20px;
    margin-top: 9px;
    margin-bottom: 15px;
    border: 1px solid #dee3ea;
}


.title_vert {
    color: #007878;
    margin: 20px auto;
    font-size: 1em;
    font-weight: bold;
}
.title_bleu{
    color: #387CBF;
    margin: 20px auto;
    font-size: 1em;
    font-weight: bold;
}
.ref_isolant_form{
    font-weight: bold;
    color: #387CBF;
}

.blue_title, .blue_head_title {
    color: #387CBF;
}

.blue_head_title {
    font-weight: bold;
}

.panel {
    border-radius: 8px !important;
}

.panel-body ul {
    list-style: none;
}

.text-nowrap {
    white-space: nowrap;
}
.noBlock input{
    display: unset;
}

.row-eq-height {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.row-eq-height > [class*='col-'] {
    display: flex;
    flex-direction: column;
}



.prime {
    font-size: 3em;
    color: #347cc0;
    font-weight: bold;
    text-shadow: 3px 3px 0px #fff;
}

.well {
    background: #FFF;
    border-radius: 8px;
    box-shadow: none;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #d8ecf2;
}



[data-toggle=buttons]>.btn input[type=checkbox], [data-toggle=buttons]>.btn input[type=radio], [data-toggle=buttons]>.btn-group>.btn input[type=checkbox], [data-toggle=buttons]>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

[data-toggle=buttons]{
    margin-left: 2em;
}

.col-form-label-moteur {
    font-weight: bold;
    padding: 0 15px 0 0;
}
.col-form-label{
    font-weight: bold;
    /*font-size: 12px;*/
}


.input-moteur{
    border: 1px solid #82a9d0;
    border-radius: 8px;
    max-width: 120px;
    margin-right: 10px;
}

.field-info{
    color: #777777;
    font-style: italic;
}

.img-responsive2{
    margin: 0 0 10px 47px;
    border: 2px solid #ffffff;
    max-width: calc(100% - 20px);
}

.img-rounded{
    border-radius: 8px;
}
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance:unset;
}
.form-check-label {
    padding: 0;
    font-weight: unset;
}

.form-control:focus, .form-group:focus  {
    border: 1px solid #347cc0;
    box-shadow: none;
}

.btn.focus, .btn:focus {
    outline: unset;
    box-shadow: unset;
}

hr {
    margin: 10px 0;
    width: 100%;
    /*   border-top: 2px solid #CEDDED;*/

    border-top: 1px solid #c3d4e6;
    border-bottom: 1px solid #f2f5f8;
}


@media(min-device-width: 400px) and (max-device-width: 801px) and (orientation: portrait){
.form-inline .form-control {
    display: inline-block;
}
.ml-10 {
    margin-left: 0;
    padding-left: 0;
    width: 100%;
}
}

@media(min-device-width: 400px) and (orientation: landscape){
.ml-10 {
    float: right;
}
}

@media (max-width: 970px) {
.radioCustom{
    width: 46%;
}

[data-toggle=buttons]{
    margin-left: 0;
}
.img-responsive2 {
    margin: 0 0 10px 15px;
    border: 2px solid #ffffff;
}
}

.green{
color: #31BA59;
}

@media (max-width: 430px) {
.radioCustom{
    width: 90%;
}

}

@media (max-width: 768px) {
.radioImage {
    width: 90%;
}
}