@font-face {
     font-family: 'Fira Sans';
     src: url(../myfonts/fira_sans/eot/FiraSans-Light.eot);
     src: url(../myfonts/fira_sans/eot/FiraSans-Light.eot) format('embedded-opentype'), url(../myfonts/fira_sans/woff2/FiraSans-Light.woff2) format('woff2'), url(../myfonts/fira_sans/woff/FiraSans-Light.woff) format('woff'), url(../myfonts/fira_sans/ttf/FiraSans-Light.ttf) format('truetype');
     font-weight: 300;
     font-style: normal
}
 @font-face {
     font-family:'Fira Sans';
    src:url(../myfonts/fira_sans/eot/FiraSans-Regular.eot);
    src:url(../myfonts/fira_sans/eot/FiraSans-Regular.eot) format('embedded-opentype'),url(../myfonts/fira_sans/woff2/FiraSans-Regular.woff2) format('woff2'),url(../myfonts/fira_sans/woff/FiraSans-Regular.woff) format('woff'),url(../myfonts/fira_sans/ttf/FiraSans-Regular.ttf) format('truetype');
    font-weight:400;
    font-style:normal
}
 @font-face {
     font-family:'Fira Sans';
    src:url(../myfonts/fira_sans/eot/FiraSans-SemiBold.eot);
    src:url(../myfonts/fira_sans/eot/FiraSans-SemiBold.eot) format('embedded-opentype'),url(../myfonts/fira_sans/woff2/FiraSans-SemiBold.woff2) format('woff2'),url(../myfonts/fira_sans/woff/FiraSans-SemiBold.woff) format('woff'),url(../myfonts/fira_sans/ttf/FiraSans-SemiBold.ttf) format('truetype');
    font-weight:600;
    font-style:normal
}
 @font-face {
     font-family:'Fira Sans';
    src:url(../myfonts/fira_sans/eot/FiraSans-Bold.eot);
    src:url(../myfonts/fira_sans/eot/FiraSans-Bold.eot) format('embedded-opentype'),url(../myfonts/fira_sans/woff2/FiraSans-Bold.woff2) format('woff2'),url(../myfonts/fira_sans/woff/FiraSans-Bold.woff) format('woff'),url(../myfonts/fira_sans/ttf/FiraSans-Bold.ttf) format('truetype');
    font-weight:700;
    font-style:normal
}
 body,input,select {
     font-family: 'Open Sans',sans-serif
}
 body {
     margin: 0;
     padding: 0
}
p {
     margin: 0 auto;
     color: #595959;
     line-height: 40px;
     display: none
}
input:-webkit-autofill {
     -webkit-box-shadow: 0 0 0 1000px #fff inset
}
input:focus {
     outline: none;
}
button, input {
    overflow: visible;
}
*, ::after, ::before {
    box-sizing: border-box;
}
.skin-mut #login {
     position: fixed;
     width: 100%;
     height: 100%;
     display: block
}
.skin-mut #login-box #login-top,.skin-mut #login-box #page-wrap {
    /* width: 450px */
}
.skin-mut #login-box #page-wrap {
     position: relative;
     margin: 0 auto;
     padding: 15px 0
}
.skin-mut #login-box #login-top {
     padding: 0
}
.skin-mut #login #login-box #login-top .ico-cassa {
     background: url(img/ico-z-home.png) no-repeat
}
.skin-mut #login #login-box #login-top .login-title {
     margin: 1rem 0;
     text-align: center;
}
 #copyright,
 #login-top,
 #pswerror {
     position: relative;
     text-align: center
}
 #copyright {
     margin: 0 auto;
     font-size: 11px;
     font-weight: 300;
     color: #ccc;
     width: 100%;
     padding: 0;
     background-color: transparent
}
.skin-mut #login .login-spec {
     position: absolute;
     bottom: 5px;
     left: 50%;
     transform: translateX(-50%);
     margin: 0;
     padding: 0;
     font-size: 11px;
     line-height: 14px;
     font-weight: 300;
     text-align: center;
     color: #ccc
}
 .login-box-alert {
     position: relative;
     margin: 0 auto;
     text-align: center
}
 .login-box-alert {
     height: auto;
     padding: 20px 0 0;
     background-color: #ff9f00;
     font-weight: 400;
     min-height: 42px;
     vertical-align: middle;
     display: none;
     width: 440px;
     font-size: 14px
}
 .spectext {
     text-align: center;
     font-family: "Open Sans",sans-serif;
     font-size: 13px;
     font-weight: 400;
}
 .name-contest,.spectext,.spectext img {
     position: relative
}
.skin-mut #login #login-box .specmore .spectext img {
     margin: 0 5px 0 0
}
 .name-contest {
     margin: 0 auto;
     text-align: center;
     font-weight: 500;
     font-family: 'Open Sans',sans-serif;
     color: #212121;
     font-size: 28px;
     letter-spacing: -2px
}
 form {
     display: flex;
     flex-direction: row;
}
 #logoclickCassa,#textclickCassa {
     display: inline-block;
     margin-left: .8rem
}
.skin-mut #login #login-box .bottoneAccedi {
     border: 2px solid #1276BC;
     border-radius: 3rem;
     padding: 6px 0;
     font-size: 1rem!important;
     background-color: #1276BC;
     color: #fff;
     width: 100%;
     margin-top: 10px;
     cursor: pointer;
     transition: background-color .5s ease;
     font-weight: 300
}
 .login-select {
     position: relative
}
.skin-mut * {
     font-family: 'Fira Sans',sans-serif!important
}
.skin-mut #logoclickCassa {
     height: 30px
}
.skin-mut #login #login-box {
     left: 50%;
     top: 50%;
     -webkit-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
     position: absolute;
     max-width: 450px;
     padding: 2rem;
     background-color: #fff;
     box-shadow: 0 0 35px 10px rgba(0,0,0,.3);
     border-radius: 0.3rem;
     -webkit-transition: all .2s ease;
     transition: all .2s ease
}
.skin-mut #login #login-box #login-top {
     margin: 0 auto!important;
     border-bottom: 0!important;
     -webkit-transition: all .2s ease;
     transition: all .2s ease
}
.skin-mut #login #login-box #login-top .name-contest {
     color: #777;
     font-size: 1rem!important;
     font-weight: 300!important;
     letter-spacing: normal
}
.skin-mut #login #login-box .login-input input {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-bottom: 1px solid #ccc;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.skin-mut #login #login-box .login-input {
     position: relative!important;
     min-height: 30px;
     margin-bottom: 20px;
}
.skin-mut #login #login-box .login-forgot-psw {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 13px;
  margin: 1.5rem 0 0.5rem;
}
.skin-mut #login #login-box .login-forgot-psw .bottoneReset,
.skin-mut #login #login-box .login-forgot-psw .bottoneRegistra {
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: 0;
  color: #777;
  font-size: 0.8rem;
  font-weight: 300;
  text-decoration: none;
}
#ermsg {
    text-align: center;
}

.skin-mut #login #login-box .bottoneRegistra {
     /*
     background-color: transparent;
     margin-left: 0;
     border: 0;
     color: #0989c7;
     font-size: 1rem;
     text-decoration: underline;
     width: auto
     */
}
.skin-mut #login #login-box a {
     color: #0989c7
}
.skin-mut #login #login-box .login-forgot-psw .bottoneReset:hover,
.skin-mut #login #login-box .bottoneRegistra:hover {
     background-color: transparent!important;
     color: #999!important;
     text-decoration: underline;
     cursor: pointer
}
.skin-mut #login #login-box .speclink {
     line-height: 1.5
}
.skin-mut #login #login-box .speclink,.skin-mut #login #login-box .specmore {
     margin: 0.5rem 0;
     color: #888;
     text-align: center
}
.skin-mut .clear {
     clear: both
}
.skin-mut #login #login-box #page-wrap #page-wrap-login .login-input p,.skin-mut #login #login-box #page-wrap #page-wrap-login .login-select p,.skin-mut #login #login-box .login-input p,.skin-mut .login-select p {
     color: #dc3545!important;
     background-color: transparent!important;
     font-size: 14px!important
}
.skin-mut #login #login-box #pswerror {
     width: 100%;
     padding: 15px 0;
     margin-top: 1.5rem;
     color: #856406;
     border-top: 3px solid rgb(240,173,78,.8);
     background-color: rgba(255,243,205,.8);
}
.skin-mut #login #login-box #page-wrap {
     padding: 0;
     border-radius: 0 0 10px 10px;
     -webkit-transition: all .2s ease;
     transition: all .2s ease
}
.skin-mut #login #login-box #page-wrap #page-wrap-login .login-select select {
     font-weight: 300;
     width: 100%;
     height: 40px;
     padding-left: 3rem;
     border: 0;
     outline: 0;
     outline-offset: 0
}
.skin-mut #login #login-box .login-input {
     width: 100%
}
.skin-mut #login #login-box #page-wrap #page-wrap-login {
    position: relative;
    flex: 1;
    margin-top: 0.5rem;
}
.skin-mut #login #login-box #page-wrap #page-wrap-login-footer {
    margin-top: 1.5rem;
 }
.skin-mut #login #login-box button:hover {
     background-color: #0088c6!important;
     color: #fff;
     font-weight: 400 !important;
}
.skin-mut #login #login-box .disabilitabottoneRegistra,.skin-mut #login #login-box .disabilitabottoneRegistra:hover,.skin-mut #login #login-box.skin-mut button.disabilitabottoneRegistra:hover {
     display: none
}
.skin-mut #login #login-bg {
     position: fixed;
     width: 110vw;
     height: 110vh;
     top: -10px;
     left: -10px;
    /* background-image: linear-gradient(135deg,rgba(0,0,0,.2) 45%,rgba(0,114,188,.7) 95%),url(img/bg-img.jpg); */
     background-image: radial-gradient(rgba(0,0,0, 0), rgba(0,0,0, .5)),url(img/bg-img-2.jpg);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     z-index: -1;
    /* filter: blur(8px) */
}
.skin-mut #login #login-box .spectext a {
  color: #777;
  font-weight: 300;
}
.skin-mut #login #login-box .spectext a.bottoneRegistra {
  font-weight: 400;
}

.skin-mut #login #login-box #page-wrap .ico-cassa,.skin-mut #login #login-box #page-wrap .ico-psw,.skin-mut #login #login-box #page-wrap .ico-user {
    /* display: inline-block; */
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     width: 25px;
     height: 25px;
     position: absolute;
     top: 8px;
     left: 8px;
}
.skin-mut #login #login-box #page-wrap form {
     margin-bottom: 0.5rem
}
.skin-mut #login #login-box #login-top #TitoloDinamico {
     color: #1276BC;
     text-align: center;
     font-size: 20px;
     font-weight: 400;
     margin: 0;
     display: inline-block
}
.skin-mut #login #login-box button.bottoneAccedi:hover {
     background-color: #ddd!important;
     border: 2px solid #ddd;
     color: #0089c7
}
.skin-mut #login #login-box button.bottoneAccedi:focus {
    outline: none;
    border: 2px solid #0089c7;
 }

 #ermsg {
     color: #e23b2c
}
/* END Ribbon */
/*.skin-mut #login #login-box.unico #login-top .ribbon {
     width: 150px;
     height: 150px;
     overflow: hidden;
     position: absolute;
     z-index: 1
}
.skin-mut #login #login-box.unico #login-top .ribbon::after,.skin-mut #login #login-box.unico #login-top .ribbon::before {
     position: absolute;
     z-index: -1;
     content: '';
     display: block;
     border: 5px solid #2980b9
}
.skin-mut #login #login-box.unico #login-top .ribbon span {
     position: absolute;
     display: block;
     width: 225px;
     padding: 16px 0;
     background-color: #3498db;
     box-shadow: 0 5px 10px rgba(0,0,0,.1);
     color: #fff;
     font: 700 16px/1 'Fira Sans',sans-serif;
     text-shadow: 0 1px 1px rgba(0,0,0,.2);
     text-transform: uppercase;
     text-align: center
}
.skin-mut #login #login-box.unico #login-top .ribbon-top-right {
     top: -10px;
     right: -10px
}
.skin-mut #login #login-box.unico #login-top .ribbon-top-right::after,.skin-mut #login #login-box.unico #login-top .ribbon-top-right::before {
     border-top-color: transparent;
     border-right-color: transparent
}
.skin-mut #login #login-box.unico #login-top .ribbon-top-right::before {
     top: 0;
     left: 0
}
.skin-mut #login #login-box.unico #login-top .ribbon-top-right::after {
     bottom: 0;
     right: 0
}
.skin-mut #login #login-box.unico #login-top .ribbon-top-right span {
     left: -20px;
     top: 35px;
     transform: rotate(45deg)
}
 */
/* END Ribbon */
.skin-mut #login #login-box .login-input input:hover,.skin-mut #login #login-box .login-input input:focus {
     border-color: #666;
}
.skin-mut #login #login-box .login-input input::placeholder {
     color: #aaa;
     font-size: 1rem;
     font-weight: 400;
}
.skin-mut #login #login-box #page-wrap .ico-user {
     background: url(img/ico-z-gender-neutral-user.png) no-repeat
}
.skin-mut #login #login-box #page-wrap .ico-psw {
     background: url(img/ico-z-lock.png) no-repeat
}
.skin-mut #login .form-check {
     position: relative;
     display: block;
     margin-bottom: 2rem
}
.skin-mut #login input[type=checkbox],
.skin-mut #login input[type=radio] {
     box-sizing: border-box;
     padding: 0
}
.skin-mut #login .form-check-input {
     position: absolute;
     margin-left: -1.25rem;
     margin-top: .3rem
}
.skin-mut #login button,
.skin-mut #login input,
.skin-mut #login optgroup,
.skin-mut #login select,
.skin-mut #login textarea {
     margin: 0;
     font-family: inherit;
     font-size: inherit;
     line-height: inherit
}
.skin-mut #login .form-check-label {
     margin-bottom: 0;
     font-size: 1.4rem
}
.skin-mut #login label {
     display: inline-block;
     margin-bottom: .5rem
}
.skin-mut #login .form-check .form-check-input,.skin-mut #login .form-check .form-check-label {
     cursor: pointer
}
.skin-mut #login .text-xs {
     font-size: 60%
}
.skin-mut #login [type=radio]:checked,.skin-mut #login [type=radio]:not(:checked) {
     position: absolute;
     left: -9999px
}
.skin-mut #login [type=radio]:checked+label,.skin-mut #login [type=radio]:not(:checked)+label {
     position: relative;
     padding-left: 2.5rem;
     cursor: pointer;
     line-height: 20px;
     display: inline-block;
     color: #666
}
.skin-mut #login [type=radio]:checked+label:before,.skin-mut #login [type=radio]:not(:checked)+label:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 18px;
     height: 18px;
     border: 2px solid #0089c7;
     border-radius: 100%;
     background: 0 0
}
.skin-mut #login [type=radio]:checked+label:after,.skin-mut #login [type=radio]:not(:checked)+label:after {
     content: '';
     width: 12px;
     height: 12px;
     background: #0089c7;
     position: absolute;
     top: 5px;
     left: 5px;
     border-radius: 100%;
     -webkit-transition: all .2s ease;
     transition: all .2s ease
}
.skin-mut #login [type=radio]:not(:checked)+label:after {
     opacity: 0;
     -webkit-transform: scale(0);
     transform: scale(0)
}
.skin-mut #login [type=radio]:checked+label:after {
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1)
}
.skin-mut #login input::placeholder {
     color: #000;
}
.skin-mut #login select::-ms-expand {
     display: none;
}
.skin-mut #login input,.skin-mut #login select,.skin-mut #login textarea,.skin-mut #login button {
    /* Flippin mobile Safari's flippin inner shadow of annoyance */
     -webkit-appearance: none;
}
.skin-mut #login select {
     padding-right: 2rem !important;
     -moz-appearance: none;
     -webkit-appearance: none;
     appearance: none;
     background-image: url(img/ico-z-angle_down.png);
     background-repeat: no-repeat;
     background-position: right center;
     cursor: pointer;
     border-radius: .3rem;
}

/*  Google Material Design in CSS3 Inputs  */
.skin-mut #login input.login {
   background-color: transparent !important;
   border: 0 !important;
   border-bottom: 1px solid #dddddd !important;
   border-radius: 0px !important;
}
.skin-mut #login label {
  pointer-events:none;
  transition: 0.2s ease all;
}
.skin-mut #login .labelFocus {
  position: relative;
  float: left;
  margin-top: -27px;
  margin-left: 10px;
  font-size: 1rem;
  color: #aaa;
  font-weight: 400;
}
.skin-mut #login input.login:focus ~ .labelFocus,
.skin-mut #login input.login:valid ~ .labelFocus {
  margin-top: -50px !important;
  font-size: .8rem;
  font-weight: 300;
  color: #1276BC;
}
.skin-mut #login .bar {
  position:relative;
  display:block;
}
.skin-mut #login .bar:before,
.skin-mut #login .bar:after {
  content:'';
  height:2px;
  width:0;
  bottom:0px;
  position:absolute;
  background:#1276BC;
  transition: 0.2s ease all;
}
.skin-mut #login .bar:before {
  left:50%;
}
.skin-mut #login .bar:after {
  right:50%;
}
.skin-mut #login input:focus ~ .bar:before,
.skin-mut #login input:focus ~ .bar:after {
  width: 50%;
}
.skin-mut #login input:focus ~ .bar:before,
.skin-mut #login input:focus ~ .bar:after {
  width:50%;
}
.skin-mut .