body {font-family:'Avenir Next 2';font-weight:700; overflow: hidden; font-style:normal; color: #4A4A4A; font-size: 24px; background-size: cover; background-repeat: no-repeat; position: relative; background-position: center; height: calc(100vh);}
body.fondis{background-image: url(../img/modbox.jpg);}
body.winemaster{background-image: url(../img/bg_winemaster.jpg);}

h1{font-size: 48px;}

.login-page{font-size: 16px; font-family:'Avenir Next';font-weight:400;font-style:normal}

.font-weight-bold{font-family:'Avenir Next 2';font-weight:700;font-style:normal}
.font-weight-normal{font-family:'Avenir Next';font-weight:400;font-style:normal}
.login-page{height: 100vh;}
.step{position: absolute; top: 0; left:15px; width: calc(100% - 30px);}
.step .container{    top: 45%;
    position: relative; transform: translateY(-50%);}
    .form-control, .button-wrapper{max-width: 400px;}

.link{border-bottom: 1px solid #4A4A4A; cursor: pointer; opacity: 0.8; transition: all 0.3s}
.link:hover{padding-bottom: 3px; opacity: 1}
.disable-link, .disable-link:hover{opacity: 0.4; padding-bottom: 0; cursor: not-allowed;}
a{color: #4A4A4A; text-decoration: underline;}

.login-page .col-md-5:before{content: ""; width: 100%; z-index: 999; height: 6px; position: absolute; top: 0; left: 0; background-color: #AE261E;}

.logo-login{max-width: 180px;}
.container-login{overflow: auto; max-width: 660px; position: relative; backdrop-filter: blur(10px);background-color: rgba(255, 255, 255, .85);}