/* 
 * Tout droits réservés à la société Pitva sprl. 
 * Toute modification / ré-utilisation de tout ou partie de ce code est strictement interdite, sauf accord express de la société Pitva sprl
 * info@pitva.eu
 * www.pitva.eu

 * Créé le:     04-mai-2017, 11:45:23
 * Auteur :     Vincent Andruétan <info@pitva.eu>
*/



body {
    background-size:cover;
    font-family: Ubuntu;
    color : #012d67;
    background-color: #F2F2F2;
}

.moto {
    margin-top:100px;
}
.fondGris {
    min-height: 100%;
    height: 100%;
}

.fondBlanc {
    background-color: #fff;
}

.row {
    margin-bottom: 10px;
}

.header {
    position:relative;
    z-index:10;
}
.logo {
    text-align: center;
    position : absolute;
    width : 100%;
    z-index:50;
}

.logo img {
    /*max-width: 200px;*/
    max-height: 120px;
}

.moto {
    font-size:30px;
    font-weight: bold;
    color :#012d67;
    line-height: 35pt;
}

.moto.trois img{
    max-height:40px;
}

.moto.deux {
    color : #de689d;
}

.bonnets img {
    max-height: 270px;
    position:relative;
    top:40px;
}

#workzone {
    position:relative;
    top:0px;
    padding:100px 20px 20px 20px;
    height : 100vh;
}

h3 {
    font-size:19px;
}

.ui-datepicker {
    z-index:99 !important;
}
.box {
    /*    border-radius: 20px;
        background-color: #4dc8e9;
        padding:20px 16px;*/
}

.box .row {
    padding-top:12px;
}

.selecthat img {
    max-height: 90px;
    position:relative;
    top:-30px;
}

label {
    font-weight:normal;
    float:left;
    margin-right:10px;
}

.labelradio {
    float:none;
    margin-right:0px;
}

input {
    border: none;
    border-bottom: solid 2px #012d67;
    background-color: transparent;
    color:#000;
    width:10vw;
}

input.small {
    width:5vw;
}

input.large {
    width:20vw;
}

input[type="radio"] {
    border : solid 1px;
    position:relative;
    top:4px;
    width:15px;
}


@media only screen and (max-width: 768px) {
    input {
        width:40vw;
    }
    input.small {
        width:15vw;
    }
}

input:focus{
    border-color : rgb(237,112,186);
}

.labelfocus{
    color : rgb(237,112,186);
}
.birthdate input {
    width:80px;
}

input.large {
    width:100%;
    display: table-cell;
}
.spanWithPaddingTop {
    padding-top:9px;
}

.confirmation {
    border-top : 25px;
}

.petitsbonnets {
    max-height: 100px;
    position:relative;
    right:-34px;
    -ms-transform: rotate(-48deg); /* IE 9 */
    -webkit-transform: rotate(-48deg); /* Chrome, Safari, Opera */
    transform: rotate(-48deg);
}

#process_update {
    background-color: #ef3e36;
    border-radius: 20px;
    color:#fff;
    font-size: 18px;
    height : 60px;
    vertical-align: middle;
    padding : 15px 35px;
    border-top:25px;
    cursor: pointer;
}

.disclaimer {
    position: relative;
    top:-10px;
}
.disclaimer2 {
    position: relative;
    top:-0px;
}

.error {
    height:300px;
    width:100%;
    color:#000;
    border:solid 2px red;
    border-radius: 20px;
    background-color: #fff;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    padding-top:150px;
    margin-top : 150px;
}

.errorUpdate {
    color : red !important;
    font-weight: bold;
    padding : 20px;
    text-align: center;
}

#colonnes de la même taille

.row.is-flex {
    display: flex;
    flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand. 
* Use a preprocesser with autoprefixing.
*/
.row.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}