@font-face {
    font-family: Lato;
    src: url(../../fonts/lato-regular.eot?#iefix) format('embedded-opentype'),
    url(../../fonts/lato-regular.woff) format('woff'),
    url(../../fonts/Lato-regular.ttf) format('ttf'),
    url(../../fonts/lato-regular.woff2)  format('truetype');
}
@font-face {
    font-family: Lato-bold;
    src: url(../../fonts/lato-bold.eot?#iefix) format('embedded-opentype'),
    url(../../fonts/lato-bold.woff) format('woff'),
    url(../../fonts/Lato-bold.ttf) format('ttf'),
    url(../../fonts/lato-bold.woff2)  format('truetype');
}

@font-face {
    font-family: Lato-italic;
    src: url(../../fonts/lato-italic.eot?#iefix) format('embedded-opentype'),
    url(../../fonts/lato-italic.woff) format('woff'),
    url(../../fonts/Lato-italic.ttf) format('ttf'),
    url(../../fonts/lato-italic.woff2)  format('truetype');
}

@font-face {
    font-family: Lato-BoldItalic;
    src: url(../../fonts/lato-bolditalic.eot?#iefix) format('embedded-opentype'),
    url(../../fonts/lato-bolditalic.woff) format('woff'),
    url(../../fonts/lato-bolditalic.ttf) format('ttf'),
    url(../../fonts/lato-bolditalic.woff2)  format('truetype');
}


*{
    font-family:Lato,Calibri,Sans-serif;
}

#main_container{
background : url("../../../img/admin/login/background.png") no-repeat center fixed;
    margin:0;
    padding:0;
    -webkit-background-size:cover;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
}

.table{
    display:table;
    width:100%;
    height:calc(100vh - 100px);
}

.table-default{
    display:table;
    width:100%;
    height:100%;
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.no-margin{
    margin-left:0px !important;
    margin-right: 0px !important;
}
.custom-col{
    text-align:center;
    margin: 0 auto 20px;
}
.custom-col.left{
    padding-top:20px;
}

#error-box{
    max-width:440px;
    border:0px;
    color:white;
    background-color:rgba(231, 76, 60, .88);
    margin: auto auto 10px;
}
#demo-link{
    color:white;
    font-family:Lato-bold;
    text-decoration:underline;

}
#start-btn{
    color:white;
    background-color:#429daa;
    padding-top:20px;
    padding-bottom:20px;
    cursor:pointer;
    transition:0.5s;
    text-align:center;
    border-radius:1px;
    font-family:Lato-bold;
    width:440px;
    border:0px;
    margin: 30px auto 10px;
    max-width:100%;
}
#start-btn:hover{
    transition:0.5s;
    opacity:0.9;
}
.img-responsive{
    max-width:100%;
    margin: 0 auto;
}


/* Modal at middle */
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
}
.modal-body{
    text-align:center;
}
.modal-content{
    border-radius:3px !important;
}
#modal-title{
    font-family:Lato-bold;
    font-size:27px;
    margin-bottom:23px;
    color: #323232;
}
#modal-text{
    font-family:Lato-italic;
    font-size:13px;
    max-width:400px;
    margin:0 auto;
}
#modal-choice-title{
    font-family:Lato-italic;
    font-size:17px;
    margin-bottom:15px;
}
.modal-choice{
    font-family:Lato-italic;
    color: #4a4a4a;
}
.btn-choice,#btn-close-fom-success{
    color:white;
    text-align:center;
    padding-top:15Px;
    padding-bottom:15px;
    cursor:pointer;
    border-radius:3px;
    font-size:16px;
    margin-bottom:3px;
}
.btn-choice:hover,#btn-close-fom-success{
    transition:0.5s;
    opacity:0.9;
}

#form-response-success{
    margin-top:20px;
    font-size:17px;
    margin-bottom:40px;
}

.btn-choice.visit,#btn-close-fom-success{
    background-color:#469F8B;
}
.btn-choice.skype{
    background-color:#49A6CF;
}
.btn-choice.phone{
    background-color:#666666;
}

label{
    font-weight:initial !important;
    color:#666666;
    float:left;
}

.form-control{
    border-radius:0px !important;
}

#form-container{
    margin-top:10px;
    display:none;
}
#main-form-container{
    position:relative;
}
#form-loader{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,0.9);
    z-index:2;
    color: #717171;
    display:none;
}

.btn-success{
    background-color: #469F8B !important;
    font-family:Lato !important;
    border-radius:0px !important;
    border: 0px !important;
}


.choice-container{
    padding-top:10px;
    padding-bottom:10px;
    cursor:pointer;
    padding-left:5px !important;
    width:100%;
    padding-right:5px !important;
}

.choice-container-in{
    padding:20px 5px;
    width:100%;
    height:100%;
}
.choice-container-in:hover,.choice-container-in.active{
    background-color: rgb(250, 250, 250);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(29, 29, 29, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(29,29,29,0.75);
    box-shadow: 0px 0px 5px 0px rgba(29,29,29,0.75);
    border-radius:4px;
    transition:0.5s;
}

.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
.alert{
    border:0px !important;
    border-radius:0px !important;
}

#beshort-copyright{
    color:white;position:absolute;bottom:5px;text-align:center;width:100%;
}

.text-container{
    font-family:Lato;
    color:white;
    margin: auto;
    width:450px;
    max-width:100%;
    line-height:22px;
    font-size:22px;
}
.text-container-in{
    margin-bottom:10px;
}
#beta-text{
    color:white;
    font-size:13px;
}
#construction-text{
    color:#417F66;
    font-size:12px;
}
.white-link,.white-link:hover{
    color:white;
    font-family:Lato-bold;
}
.bold{
    font-family:Lato-bold;
}

#email{
    max-width:440px;margin:auto;height:45px;border-radius:2px;
}
#logo{
    max-width:200px;
}
@media (min-width: 768px) {
    .row.equal {
        display: flex;
        flex-wrap: wrap;
    }
    .text-container{
        font-size:18px;
    }
}