/* 
    Created on : 5 janv. 2017, 10:55:49
    Author     : Fred
*/
html{
    /*background-image: url("/images/logo/ServicesSecurisesFond.png");background-repeat: repeat;  background-size:20%;*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8fc800+0,8fc800+100;Green+Flat+%232 */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4e391+12,61c419+50,b4e391+100 */
    background: #b4e391; /* Old browsers */
    background: -moz-linear-gradient(top, #b4e391 12%, #61c419 50%, #b4e391 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #b4e391 12%,#61c419 50%,#b4e391 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b4e391 12%,#61c419 50%,#b4e391 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); /* IE6-9 */
}

body{
    margin:0;
}

label{
    font-weight: bold;
    font-size: 14px;
}

.error_log{
    margin-top:2%;
    float: right;
    min-width:102%;
}

#connectBtn{
    margin-top:3%!important;
    border:2px solid #32a540;
    float:right;
}

#connectBtn:hover{
    margin-top:3% !important;
}

.login_form{
    border:1px solid darkslategray;
}




.center_page{
    margin-left:20% !important;
    width:50%;
    padding:5%;
    margin-top:30vh;
}

.btn-ats{
    background-color: #43a352;
    color:white;
    font-weight:700 !important;
    margin:4px!important;
}

.btn-info{
    background-color: rgba(75, 244, 93, 0.49) !important;
    color:#413054 !important;
    font-weight: 600!important;
    border: 3px ridge black !important;
    padding:10px !important;
}

.btn-ats:hover{
    background-color: white;
    color: #31a540 !important;
}

#login, #password{
    float:right;
    background-color: rgba(0, 47, 92, 0.22);
}

#login_label, #password_label{
    float:left;
    text-align:left;
}

#login_label a, #password_label a{
    vertical-align: baseline !important;
}

#logo{
    margin-right:10%;
    margin-bottom:5%;
    float:left;
    margin-top: 2%;
    box-sizing: content-box!important;
}

.log_form{
    margin-left:5% !important;
}

.em_25{
    width: 25em;
    margin-top:5px;
}

#connectForm{
    width: 25em;

}

#connectPanel{

}

.portalLogo{

}

.boLoginInput{

}

.logFail {

}



/*
        Styles pour la version mobile
 */
@media screen and (max-width: 500px) {

    .center_page{
        margin:5px!important;
        padding:5px!important;
    }

    .col-sm-4{
        margin:5px!important;
        padding:5px!important;
        width:50%!important;
    }

    .em_25{
        width: 23em!important;
        margin-top:5px;
    }

    #connectForm {
        width: 23em!important;
    }

}


/*************************** Update Structure Form **************************************************************/
#mainContainer{

}

#updaterPanel{
    top: 40px!important;
    background:white;
    padding-top:20px;
    padding-bottom:20px;
    left:0px!important;
    display:inline-block;
    width:75%;
}

#myLogo{
    float:left;
    margin-top:35px;
    margin-right:20px;
    margin-left:10px;
}

#divForm{
    background:#e2e2e2;
    color:black;
    padding-bottom:30px;
}

#updaterForm{
    padding:1vw;
    margin:15px;
    text-shadow:none;
    color:white;
    display:inline-block;
    border-radius: 8px;

}


.establishementContainer{
    width:42%;
    display:inline-block;
    margin-right:4vw;
    margin-left:20px;
}

.establishementContainer p{
    font-weight: 800;
    text-shadow:none;
}

.budgetContainer{
    width:42%;
    display:inline-block;
    margin-left:20px;
    margin-right:4vw;
}

.budgetContainer p{
    font-weight: 800;
    text-shadow:none;
}

#logoAt{
    margin:10px;
    display:inline-block;
}

.formTitle{
    border-radius:8px;
    border: 3px ridge lightslategray;
    text-align:center;
    background: #9B97C8!important;
    padding:10px;
    width:100%;
    font-weight:700;
    text-shadow:none;
    color:#373737;
    display: inline-block;
}

#divEntete{
    display:inline-block;
    width:220px;
}

#divEtsInfoUpdater{
    width:200px;
    margin-left:30vw;
    margin-top:20px;
}

#pictoAttention{
    display:inline-block;
    width:20px;
    height:20px;
    margin-right:15px;
    color:#413054;
    vertical-align: bottom;
}


@media screen and (max-width:  1150px){

    .budgetContainer{
        width:90%;
    }

    .establishementContainer{
        width:90%;
    }

    #updaterPanel{
        top: 0px!important;
        width:100vw;
    }

    #updaterForm{
        padding:5px;
        width:94%;
        margin:5px;
        margin-right:10px;
    }

    .formTitle{
        width:93%;
        margin-right:10px;
    }

    #updaterPanel{
        top: 20px!important;
    }

}