.admin_authentification_centrale {
    background:#fff;position:absolute; left:50%;top:50%;margin:0 auto;transform:translateY(-50%) translateX(-50%);width:100%;max-width:320px;min-height:310px;border:1px solid #bbb;box-shadow:0 0 4px 1px #ababab;
}
.admin_authentification_centrale #form_Authentification {
    background:url(../images/login_logo.jpg) 50% 1%  no-repeat;padding:60px 15px 0px 15px;box-sizing:border-box;
}
.admin_authentification_centrale #form_Authentification a {font-size:11px;}
/*.admin_authentification_centrale #form_Authentification span {display:block;margin-top:5px;font-size:10px;text-align:center;}*/
.admin_authentification_centrale #form_Authentification h2 {display:block;text-align:center;font-size:23px;color:#999;margin:0px 0px 20px 0px;}

.admin_authentification_centrale #form_Authentification .field { margin-bottom:20px;}
.admin_authentification_centrale #form_Authentification .label { font-size:20px;display:block;float:left;line-height:32px;;width:40px;color:#999;}
.admin_authentification_centrale #form_Authentification .input { display:block;float:left;width:calc( 100% - 50px);}
.admin_authentification_centrale #form_Authentification .input input { border-radius:0;border:0;border-bottom:1px solid #000;color:#ccc; }
.loginbtn {
  margin:0px 20px 20px 20px;
}
.bouton.login { background:#4B5A7B;color:#fff;display:block;width:100%;box-sizing:border-box;}
/*
.admin_authentification_centrale #form_Authentification label {color:#d5d5d5;float:none;}
.admin_authentification_centrale #form_Authentification input {font-size:15px;border:1px solid #a5a5a5;width:150px;margin:0px auto 10px auto;display:block;}
*/

.bloc_authentification {background:#ffffff;padding:10px 5px;display:inline-block;vertical-align:top;}
.bloc_authentification .avatar {display:block;height:60px;width:auto;margin:0 10px 0 0;float:left;border:1px solid #ccc;border-radius:50px;}
.bloc_authentification span {font-size:16px;font-weight:bold;color:#384e6a;}
.bloc_authentification a {color:#01a1ff;}

@media screen and (min-width: 1px) and (max-width: 800px){
	.bloc_authentification {width: 200px;padding:0 2%;display: inline-block;font-size:14px;}
}

@media screen and (min-width: 1px) and (max-width: 640px){
	.bloc_authentification {width:50%;padding:0;text-align:left;}
}

img.header-logo
{
    width: 100%;
    margin-bottom: 20px;
}

#login.bloc-login
{
    width: 40%;
    margin: auto;
    margin-top: 20px;
}

#login .container
{
    width: 100%;
    text-align: center;
    background: url('/canevas/svor/admin/images/login-header.jpg') top center no-repeat;
    background-size: 100% auto;
    border-radius: 10px 10px 0px 0px;
    background-position: 0px -60px;
}
#login .container .header
{
    line-height: 120px;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    background: rgba(98, 114, 124, 0.9);
    border-radius: 10px 10px 0px 0px;
}
#login .container .content
{
    background: #fff;
    padding: 20px;
    border-radius: 0px 0px 10px 10px;
}
#login .container .content .input
{
    padding: 5px 20px;
    margin: auto;
}
#login .container .content .input > input
{
    width: 100%;
    line-height: 25px;
    border: none;
    border-bottom: 1px solid #dcdcdc;
    margin-top: 5px;
    margin-bottom: 5px;
}
#login .row
{
    display: flex;
    margin-top: 5px;
    margin-bottom: 5px;
}
#login .col-50
{
    width: calc(50% - 5px);
    /*border: 1px solid #000;*/
    min-height: 10px;
    padding: 5px 20px;
}
#login .align-left
{
    text-align: left;
}
#login .align-right
{
    text-align: right;
}
#login .col-100
{
    width: calc(100% - 5px);
    /*border: 1px solid #000;*/
    min-height: 10px;
    margin: auto;
}
#login .bouton.login
{
    background: #ff0000;
    color: #fff;
    border-radius: 15px;
    line-height: 30px;
    width: auto;
    font-size: 12px;
}
#login a
{
    color: #999;
}

#login .erreur
{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    width: calc(80%);
    margin: auto;
    padding: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    border-radius: 4px;
    border: 1px solid transparent

}
@media screen and (min-width: 1px) and (max-width: 430px)
{
    #login.bloc-login
    {
        width: 100%;
    }
    #login .container .content
    {
        padding: 0px;
        margin-top: -5px;
    }
    #login .col-50,
    #login .container .content .input
    {
        padding: 5px 10px;
    }
}
@media screen and (min-width: 431px) and (max-width: 1000px)
{
    #login.bloc-login
    {
        width: 370px;
    }
}

nav.verticalTabs {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    color: #6C5D5D;
    width: 100%;
    font-size:14px;
}
nav.verticalTabs a i{
    padding-right: 5px;
}

nav.verticalTabs a {
    position: relative;
    padding: 10px;
    text-align: left;
    width: 92%;
    cursor: pointer;
    border-radius: 10px;
    padding-left: 20px;
    margin-top: 10px;
    font-size:14px;
}

nav.verticalTabs a:hover,
nav.verticalTabs a.selected {
    background: #000;
    color: #FFF;
}

.tabsVertical .content {
    padding: 10px;
    position: relative;
    color: #6C5D5D;
    transition: opacity 0.1s linear 0s;
    display: none;
}

.tabsVertical .content.visible {
    display: block;
    min-height: 500px;
}

.tabsVertical .content p { padding-bottom: 2px;}

.tabsVertical .content p:last-of-type { padding-bottom: 0px; }

select.verticalTabs{ display: none; }
div.selectStyled{ display: none !important; }

@media screen and (min-width: 1px) and (max-width: 840px){
    nav.verticalTabs { display: none; }
    select.verticalTabs { display: inline-block;font-size:14px !important;
        margin: 4px !important;
        padding: 0 !important;}
    div.selectStyled { display: flex !important;font-size: 14px; }
}