#login {
    margin: 0 auto;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;
    /*background: #E1E1E1 url(img/fondo_login.jpg) top left repeat-x;*/
    /*background: #E1E1E1 url(img/Img-Login-Groupama.jpg) top left repeat-x;*/
    font-family: verdana,geneva,arial,helvetica,sans-serif;
}


#login .login_box {
    position: relative;
    width: 640px;
    /*height: 420px;*/
    margin: 0 auto;
    text-align: center;
    /*background: transparent url(img/fondo_box_login.png) top left no-repeat;*/
}

/****** Importato da MerulaClient ******/

#barraLogin {
    position:fixed;
    color:white;
    top:0px;
    right:200px;
    width:300px;
    height:100%;
    margin:0px;
    padding:0px;
    /*-moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.7);
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.7);*/
    border-left: 1px solid rgba(200,200,200,0.7);
    border-right: 1px solid rgba(200,200,200,0.7);
    display:table;
    background-color:rgba(128, 128, 128, 0.9);
}

.loginMagazzino #barraLogin{
    /*background-color:rgba(128, 128, 128, 0.9);*/
    background-color:rgba(73, 86, 124, 0.9);
}

/*logo verticale*/
/*#barraLogin #logoMerula {*/
/*position:fixed;*/
/*font-family: Arial, sans-serif;*/
/*background-image: url("../images/logoMerulaVert.png");*/
/*background-repeat:no-repeat;*/
/*background-position: 12px 12px;*/
/*background-size: 180px auto;*/
/*text-align: center;*/
/*width:300px;*/
/*height: 350px;*/
/*letter-spacing: 2px;*/
/*}*/

/*logo orizzontale*/
#barraLogin #logoMerula {
    /*background-image: url("../images/logoMerulaBig.png");*/
    /*background-position: 10px 78px;*/
    /*background-repeat: no-repeat;*/
    /*background-size: 266px auto;*/
    /*font-family: Helvetica,Arial,sans-serif;*/
    /*height: 350px;*/
    /*letter-spacing: 2px;*/
    /*position: fixed;*/
    /*text-align: center;*/
    /*width: 350px;*/
    position: absolute;
    text-align: center;
    width: 100%;
    margin-top: 30px;
    font-size: 8.2em;
}

#barraLogin #logoBme {
    position:fixed;
    bottom:20px;
    font-family: Helvetica,Arial,sans-serif;
    text-align: center;
    width:330px;
    letter-spacing: 2px;
}
#divInformazioniLogin {
    position:fixed;
    right:0px;
    bottom:0px;
    font-family: Helvetica,Arial,sans-serif;
    text-align: center;
    width:20px;
    height:20px;
}
#divInformazioniLogin label {
    width:20px;
    height:20px;
    color:transparent;
    display:block;
}
#barraLogin h1 {
    font-size: 24px;
}
#barraFormLogin {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px;
}
#barraFormLogin input{
    box-sizing: border-box;
}

#immagineLogin  {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    color: transparent;
    z-index: 0;
    background-color:rgba(128,128,128,1);
    background-image: url(../images/login1.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
}
/*#immagineLogin:after {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    color: transparent;
    z-index: 0;
    content: '';
    background: transparent url(../images/pattern.png) repeat top left;
}*/
#immagineLogin.immagineLoginMagazzino1  {
    background-image: url(../images/loginMagazzino1.jpg);
}
#immagineLogin.immagineLoginMagazzino2  {
    background-image: url(../images/loginMagazzino2.jpg);
}
#immagineLogin.immagineLoginMagazzino3  {
    background-image: url(../images/loginMagazzino3.jpg);
}
#immagineLogin.immagineLoginMagazzino4  {
    background-image: url(../images/loginMagazzino4.jpg);
}
#immagineLogin.immagineLoginMagazzino5  {
    background-image: url(../images/loginMagazzino5.jpg);
}
#immagineLogin.immagineLoginMagazzino6  {
    background-image: url(../images/loginMagazzino6.jpg);
}

#barraFormLogin {
    /* Size and position */
    width: 300px;
    margin: 60px auto 30px;
    /*padding: 10px;*/
    position: relative;

    /* Font styles */
    font-family: Helvetica,Arial,sans-serif;
    color: white;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

#barraFormLogin h2 {
    font-size: 18px;
    padding-bottom: 8px;
}

#barraFormLogin #username,
#barraFormLogin #password {
    width: 300px;

    color:white;

    padding: 6px 0 6px 8px;
    margin: 0px 0px 6px 0px;

    border: 1px solid rgba(200, 200, 200, 0.5);
    background: rgba(0,0,0,0.5);
    border-radius: 3px;
    box-shadow:
        0 1px 0 rgba(255,255,255,0.2),
        inset 0 1px 1px rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    /* Font styles */
    font-family: Helvetica,Arial,sans-serif;
    color: #ffffff;
    font-size: 13px;
}


#barraFormLogin #username:hover,
#barraFormLogin #password:hover {
    /*box-shadow:*/
    /*0 1px 0 rgba(255,255,255,0.2),*/
    /*inset 0 1px 1px rgba(0,0,0,0.1),*/
    /*0 0 0 3px rgba(255,255,255,0.15);*/
    outline: none;
}

#barraFormLogin #username:focus,
#barraFormLogin #password:focus {
    /*box-shadow:*/
    /*0 1px 0 rgba(255,255,255,0.5),*/
    /*inset 0 1px 1px rgba(0,0,0,0.1),*/
    /*0 0 0 3px rgba(255,255,255,0.4);*/
    border: 1px solid rgba(200, 200, 200, 0.9);
    outline: none;
    color: #ffffff;
}

#barraFormLogin #pulsanteLogin:focus {
    /*box-shadow:*/
    /*0 1px 0 rgba(255,255,255,0.5),*/
    /*inset 0 1px 1px rgba(0,0,0,0.1),*/
    /*0 0 0 3px rgba(255,255,255,0.4);*/
    outline: none;
}

#barraFormLogin #pulsanteLogin  {
    /* Size and position */
    width: 100%;

    padding: 5px;

    /* Styles */
    border-radius: 5px;
    border: 1px solid #4e3043;
    box-shadow: inset 0 1px rgba(255,255,255,0.4), 0 2px 1px rgba(0,0,0,0.1);
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    /* Font styles */
    color: white;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    font-size: 16px;
    font-weight: bold;
    font-family: Helvetica,Arial,sans-serif;
}

/*Pulsante arancione*/
/*#barraFormLogin #pulsanteLogin {*/

/*background: #f59926 !important; *//* Old browsers */
/*background: -moz-linear-gradient(top,  #f59926 0%, #e5580b 100%) !important; *//* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f59926), color-stop(100%,#e5580b)) !important; *//* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top,  #f59926 0%,#e5580b 100%) !important; *//* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top,  #f59926 0%,#e5580b 100%) !important; *//* Opera 11.10+ */
/*background: -ms-linear-gradient(top,  #f59926 0%,#e5580b 100%) !important; *//* IE10+ */
/*background: linear-gradient(to bottom,  #f59926 0%,#e5580b 100%) !important; *//* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59926', endColorstr='#e5580b',GradientType=0 ) !important; *//* IE6-9 */
/*}*/
/*#barraFormLogin #pulsanteLogin:hover {*/
/*background: #f4aa50 !important; *//* Old browsers */
/*background: -moz-linear-gradient(top,  #f4aa50 0%, #e87400 100%) !important; *//* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4aa50), color-stop(100%,#e87400)) !important; *//* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top,  #f4aa50 0%,#e87400 100%) !important; *//* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top,  #f4aa50 0%,#e87400 100%) !important; *//* Opera 11.10+ */
/*background: -ms-linear-gradient(top,  #f4aa50 0%,#e87400 100%) !important; *//* IE10+ */
/*background: linear-gradient(to bottom,  #f4aa50 0%,#e87400 100%) !important; *//* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4aa50', endColorstr='#e87400',GradientType=0 ) !important; *//* IE6-9 */
/*}*/

/*#barraFormLogin #pulsanteLogin:active {*/
/*background: #e5580b !important; *//* Old browsers */
/*background: -moz-linear-gradient(top,  #e5580b 0%, #ef8726 100%) !important; *//* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5580b), color-stop(100%,#ef8726)) !important; *//* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top,  #e5580b 0%,#ef8726 100%) !important; *//* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top,  #e5580b 0%,#ef8726 100%) !important; *//* Opera 11.10+ */
/*background: -ms-linear-gradient(top,  #e5580b 0%,#ef8726 100%) !important; *//* IE10+ */
/*background: linear-gradient(to bottom,  #e5580b 0%,#ef8726 100%) !important; *//* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5580b', endColorstr='#ef8726',GradientType=0 ) !important; *//* IE6-9 */
/*}*/

#barraFormLogin label {
    display: none;
    padding: 0 0 5px 2px;
    cursor: pointer;
}

#barraFormLogin label:hover ~ input {
    border-color: #333;
}

#barraFormLogin #pulsanteLoginLoadingImage {
    left: 20px;
    position: absolute;
    visibility: hidden;
    display: none;
}

#barraFormLogin .pulsanteLoginLoading #pulsanteLoginLoadingImage {
    visibility: visible;
    display: inline;
}

#divSegnalazioni {
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
    border-radius: 3px 3px 3px 3px;
    color: #B94A48;
    font-size: 14px;
    display: block;
    margin-top: 10px;
    padding: 5px;
    position: fixed;
    text-shadow: 0 0 0;
    width: 287px;
}

#divSegnalazioni.nascosto {
    visibility: hidden;
}


.loginIndex #barraFormLogin #pulsanteLogin {

    background: #ee5f5b; /* Old browsers */
    background: -moz-linear-gradient(top,  #ee5f5b 0%, #bd362f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee5f5b), color-stop(100%,#bd362f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ee5f5b 0%,#bd362f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ee5f5b 0%,#bd362f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ee5f5b 0%,#bd362f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ee5f5b 0%,#bd362f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee5f5b', endColorstr='#bd362f',GradientType=0 ); /* IE6-9 */

}

.loginIndex #barraFormLogin #pulsanteLogin:hover {
    background: #ed322f; /* Old browsers */
    background: -moz-linear-gradient(top,  #ed322f 0%, #bd362f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed322f), color-stop(100%,#bd362f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ed322f 0%,#bd362f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ed322f 0%,#bd362f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ed322f 0%,#bd362f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ed322f 0%,#bd362f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed322f', endColorstr='#bd362f',GradientType=0 ); /* IE6-9 */
}

.loginIndex #barraFormLogin #pulsanteLogin:active{
    background: #bd362f; /* Old browsers */
    background: -moz-linear-gradient(top,  #bd362f 0%, #bd362f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bd362f), color-stop(100%,#bd362f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #bd362f 0%,#bd362f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #bd362f 0%,#bd362f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #bd362f 0%,#bd362f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #bd362f 0%,#bd362f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd362f', endColorstr='#bd362f',GradientType=0 ); /* IE6-9 */

}