body { margin: 0; padding: 0; font-family: 'daimler_serif_regular', Arial; background-color: #fff; }
a { background-color: transparent; color: inherit; text-decoration: none; }
.container-login { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #cccccc; background: -moz-radial-gradient(center, ellipse cover, #cccccc 0%, #ffffff 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#cccccc), color-stop(100%,#ffffff)); background: -webkit-radial-gradient(center, ellipse cover, #cccccc 0%,#ffffff 100%); background: radial-gradient(ellipse at center, #cccccc 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=1 ); display: block; }
    .container-login .box-login { width: 500px; height: 300px; position: absolute; left: 50%; top: 50%; margin-left: -250px; margin-top: -300px; }
        .container-login .box-login .btn-accedi { display: block; background: #272729; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3MjcyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZDFlMWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #272729 0%, #1d1e1d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272729), color-stop(100%,#1d1e1d)); background: -webkit-linear-gradient(top, #272729 0%,#1d1e1d 100%); background: -o-linear-gradient(top, #272729 0%,#1d1e1d 100%); background: -ms-linear-gradient(top, #272729 0%,#1d1e1d 100%); background: linear-gradient(to bottom, #272729 0%,#1d1e1d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272729', endColorstr='#1d1e1d',GradientType=0 ); margin: 10px 10px 10px 10px; padding: 15px; border-radius: 5px; position: relative; height: 10px; }
            .container-login .box-login .btn-accedi .a-btn-accedi { background: #272729; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3MjcyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZDFlMWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #272729 0%, #1d1e1d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272729), color-stop(100%,#1d1e1d)); background: -webkit-linear-gradient(top, #272729 0%,#1d1e1d 100%); background: -o-linear-gradient(top, #272729 0%,#1d1e1d 100%); background: -ms-linear-gradient(top, #272729 0%,#1d1e1d 100%); background: linear-gradient(to bottom, #272729 0%,#1d1e1d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272729', endColorstr='#1d1e1d',GradientType=0 ); color: #fff; position: absolute; top: 0; right: 130px; bottom: 0; left: 0; border-radius: 5px 0 0 5px; }
        .container-login .box-login .input-login-mask { background-color: rgba(255,255,255,0.7); display: inline-block; position: absolute; border-radius: 5px; box-shadow: inset 0.5px 0.5px 2px rgba(0,0,0,0.7); width: 400px; left: 50%; overflow: hidden; top: 200px; transform: translate(-50%,0); }
            .container-login .box-login .input-login-mask .input-login { border: none; border-bottom: dotted 1px #666; background-color: transparent; display: block; margin: 10px; padding: 10px 10px 10px 50px; width: 320px; background-position: left center; background-repeat: no-repeat; background-size: 32px; }
.input-login.name { background-image: url(../img/icons/pack/0110.svg); }
.input-login.password { background-image: url(../img/icons/pack/0111.svg); }
.container-login .box-login .btn-accedi table { position: absolute; top: 0; right: 0; bottom: 0; line-height: 37px; color: #fff; }
.container-login .box-login .input-login-mask .recuperopassword { color: #000; display: block; background-color: #D39F4E; margin: 10px 10px 10px 10px; padding: 5px; border-radius: 5px; position: relative; text-decoration: none; font-size: 12px; }
    .container-login .box-login .input-login-mask .recuperopassword:hover { background-color: #d3ad73; }
.messaggio-login { display: none; position: relative; margin: 10px 20px 10px 20px; background-color: #fff; padding: 15px 10px 15px 50px; border-radius: 5px; background-image: url(../img/icons/pack/0112.svg); background-position: 10px center; background-repeat: no-repeat; background-size: 32px; }
.fontArial { font-family: 'daimler_serif_regular', Arial, Helvetica, sans-serif; }

@media screen and (min-width: 1280px) {
    /*DESKTOP*/
    .container-login .box-login .logo { display: block; position: absolute; top: 0; right: 0; left: 0; height: 100px; background: url(../img/logo.svg) no-repeat center center; background-size: 200px auto; }
    /**/
    .container-login .box-login .btn-accedi .a-btn-accedi:hover { color: #222; border-radius: 5px; background: #cccccc; background: -moz-linear-gradient(top, #cccccc 0%, #999999 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#999999)); background: -webkit-linear-gradient(top, #cccccc 0%,#999999 100%); background: -o-linear-gradient(top, #cccccc 0%,#999999 100%); background: -ms-linear-gradient(top, #cccccc 0%,#999999 100%); background: linear-gradient(to bottom, #cccccc 0%,#999999 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#999999',GradientType=0 ); -moz-transition: .5s; -o-transition: .5s; -webkit-transition: .5s; transition: .5s; border-radius: 5px; width: 100%; }
    /**/
    input[type="button"] { border: none; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; display: block; position: relative; margin-left: 0 auto; width: 250px; }
    input[type="submit"] { border: none; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; position: relative; margin-left: 0 auto; width: 250px; }
}

@media screen and (max-width: 1280px) {
    /*TABLET AND SMALL SCREEN*/
    .container-login .box-login .logo { display: block; position: absolute; top: 0; right: 0; left: 0; height: 100px; background: url(../img/logo.svg) no-repeat center center; background-size: 200px auto; }
    /**/
    .container-login .box-login .btn-accedi .a-btn-accedi:hover { color: #222; border-radius: 5px; background: #cccccc; background: -moz-linear-gradient(top, #cccccc 0%, #999999 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#999999)); background: -webkit-linear-gradient(top, #cccccc 0%,#999999 100%); background: -o-linear-gradient(top, #cccccc 0%,#999999 100%); background: -ms-linear-gradient(top, #cccccc 0%,#999999 100%); background: linear-gradient(to bottom, #cccccc 0%,#999999 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#999999',GradientType=0 ); -moz-transition: .5s; -o-transition: .5s; -webkit-transition: .5s; transition: .5s; border-radius: 5px 0 0 5px; }
}

@media screen and (max-width: 767px) {
    /*MOBILE*/
    .container-login .box-login .logo { display: block; position: absolute; top: 0; right: 0; left: 0; height: 100px; background: url(../img/logo.svg) no-repeat center center; background-size: 100px auto; }
    /**/
    .container-login .box-login .btn-accedi .a-btn-accedi:hover { color: #222; border-radius: 5px; background: #cccccc; background: -moz-linear-gradient(top, #cccccc 0%, #999999 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#999999)); background: -webkit-linear-gradient(top, #cccccc 0%,#999999 100%); background: -o-linear-gradient(top, #cccccc 0%,#999999 100%); background: -ms-linear-gradient(top, #cccccc 0%,#999999 100%); background: linear-gradient(to bottom, #cccccc 0%,#999999 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#999999',GradientType=0 ); -moz-transition: .5s; -o-transition: .5s; -webkit-transition: .5s; transition: .5s; border-radius: 5px 0 0 5px; }
}