.logo-empresa-login {
     position: relative;
     width:130px;
     height:50px;
     overflow: hidden;
     margin:0 auto;
     margin-bottom: 20px;
}
 .logo-empresa-login img {
     position: absolute;
     left: 50%;
     top: 50%;
     height: 100%;
     width: 100%;
     -webkit-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
     object-fit:contain;
}
 .marca-login {
     left: 18px;
     position: absolute;
     top: 8px;
     -webkit-transition: opacity .4s ease;
     transition: opacity .4s ease;
     z-index: 40
}
 .marca-login img {
     max-width: 60px;
}
 .marca-login--html5-fullscreen.marca-login {
     -webkit-animation: none;
     animation: none;
     opacity: 0
}
 .nav-login {
     background: #FFFFFF;
     background-clip: padding-box;
     border: 1px solid rgba(23, 24, 26, 0.11);
     border-radius: 5px;
     overflow: hidden;
     position: absolute;
     right: 10px;
     top: 10px;
     -webkit-transition: border-color .5s ease, opacity .4s ease;
     transition: border-color .5s ease, opacity .4s ease;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     z-index: 40
}
 .nav-login--html5-fullscreen.nav-login {
     -webkit-animation: none;
     animation: none;
     opacity: 0
}
 .nav-login .nav-login__items {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     list-style: none;
     margin: 0;
     padding: 0;
     white-space: nowrap
}
 .nav-login .nav-login__subitems {
     border: 0;
     display: inline-block;
     height: 2.375rem;
     list-style: none;
     margin: 0 0 0 -2px;
     overflow: hidden;
     padding: 0;
     position: relative;
     white-space: nowrap;
     width: 0
}
 .no-js .nav-login .nav-login__subitems {
     width: auto
}
 .nav-login .nav-login__subitems:after {
     background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
     background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
     bottom: 1px;
     content: '';
     position: absolute;
     right: 0;
     top: 1px;
     width: 12px
}
 .nav-login .nav-login__label {
     cursor: pointer;
     display: inline-block;
     height: auto;
     line-height: 2.375rem;
     position: relative;
     -webkit-transition: color .2s ease-out;
     transition: color .2s ease-out
}
 .nav-login .nav-login__label--channel {
     max-width: 14.7142857143em;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
}
 .nav-login .nav-login__label--channel::first-letter {
     text-transform: uppercase
}
 .nav-login .nav-login__back-icon {
     height: 18px;
     padding-right: 12px;
     -webkit-transform: rotate(-180deg);
     transform: rotate(-180deg);
     vertical-align: middle
}
 .nav-login .nav-login__item {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     border-right: 1px solid #D4D7D9;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-transition: background-color .2s ease-out;
     transition: background-color .2s ease-out
}
 .is-mobile-ready .nav-login .nav-login__item {
     display: inline-block
}
 @media (min-width: 48em) {
     .nav-login .nav-login__item:hover {
         background: #F7F9FA
    }
}
 .no-js .nav-login .nav-login__item:hover {
     background: inherit
}
 .nav-login .nav-login__item .nav-login__label {
     color: #3b5858;
     font-weight: 500;
     font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
     font-size: 0.875em;
     letter-spacing: 0;
     padding: 0 12px;
     text-decoration: none
}
 .fonts-loaded .nav-login .nav-login__item .nav-login__label {
     font-family: Fakt Pro Medium, "Fakt Pro Medium Cyr", "Fakt Pro Medium Grk", -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif
}
 .nav-login--with-panel .nav-login__item .nav-login__label {
     color: #000000
}
 .nav-login .nav-login__item:last-of-type {
     border-right: 0
}
 .nav-login--with-panel .nav-login__item:hover {
     background: #F7F9FA
}
 .nav-login--with-panel .nav-login__item:hover>.nav-login__label {
     color: #17181A
}
 .nav-login .nav-login__item.nav-login__item--active {
     background: #FFFFFF
}
 .nav-login .nav-login__item.nav-login__item--active>.nav-login__label {
     color: #17181A
}
 .nav-login .nav-login__subitem {
     display: inline-block;
     margin: 0
}
 .nav-login .nav-login__subitem .nav-login__label {
     color: #6A6D70;
     font-weight: 400;
     font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
     font-size: 0.8125em;
     letter-spacing: 0.15px;
     padding: 0 5px;
     top: 0.0769230769em
}
 .fonts-loaded .nav-login .nav-login__subitem .nav-login__label {
     font-family: Fakt Pro Normal, "Fakt Pro Normal Cyr", "Fakt Pro Normal Grk", -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif
}
 .nav-login .nav-login__subitem:last-of-type .nav-login__label {
     margin-right: 12px
}
 .nav-login .nav-login__subitem--active .nav-login__label:after, .nav-login .nav-login__subitem:hover .nav-login__label:after {
     background: rgba(23, 24, 26, 0.11);
     bottom: .8em;
     content: '';
     height: 1px;
     left: 5px;
     overflow: hidden;
     position: absolute;
     right: 5px
}
 .nav-login .nav-login__image {
     background-position: center;
     background-size: cover;
     border-radius: 0.75em;
     cursor: pointer;
     display: inline-block;
     height: 1.5em;
     margin: 0 0.625em 0 -0.3125em;
     width: 1.5em
}
 .nav-login--with-panel .nav-login__image {
     -webkit-filter: grayscale(1);
     filter: grayscale(1);
     opacity: .5;
     -webkit-transition: all .2s ease;
     transition: all .2s ease
}
 .nav-login--with-panel .nav-login__item:hover .nav-login__image {
     -webkit-filter: none;
     filter: none;
     opacity: 1
}
 .nav-login--with-panel .nav-login__item--active .nav-login__image {
     -webkit-filter: none;
     filter: none;
     opacity: 1
}
 .login-form-cont {
     padding:10px 20px;
}
 .recuperar-clave {
     font-size: 11px;
     padding-right: 5px;
}
 .login-cont .boton-login {
     background: #09be98;
     border:1px solid transparent;
     color: #fff;
     padding: 10px 20px;
     border-radius: 8px;
     text-align: center;
     font-size: 14px;
     font-weight: 600;
     max-width: 100%;
     display: block;
     transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
}
 .login-cont .boton-login:hover {
     background: #009ca7;
}
 .login-cont .form-control {
     border-radius:0;
     height: 48px;
     font-size: 14px;
     font-weight: 600;
     color: #000;
     margin:0;
     border-left: 0;
     border-right: 0;
     padding-left: 25px;
}
 .login-cont .pass {
     border-bottom: 0;
}
 .login-cont {
     background: #FFFFFF;
     padding: 20px 0;
     border-radius: 10px;
     box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1), 0 10px 30px 0 rgba(0, 0, 0, 0.2);
     height: 25em;
     left: 5em;
     margin: -12.8125em 0 0;
     position: absolute;
     top: 50%;
     -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
     transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
     transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
     transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
     width: 20em;
     z-index: 30
}
 .panel .login-cont {
     border-radius: 0;
     box-shadow: none;
     height: auto;
     margin: 0;
     position: static;
     -webkit-transform: none;
     transform: none;
     -webkit-transition: none;
     transition: none;
     width: inherit
}
 .login-cont--no-transition {
     -webkit-transition: none;
     transition: none
}
 .login-cont--html5-fullscreen {
     -webkit-transform: translateX(-20em);
     transform: translateX(-20em)
}
 .login-cont--html5-fullscreen:hover {
     -webkit-transform: translateX(-19.1666666667em);
     transform: translateX(-19.1666666667em)
}
 .login-cont--full-panel {
     -webkit-transform: translateX(-150%);
     transform: translateX(-150%)
}
 .login-cont--half-panel {
     -webkit-transform: none;
     transform: none
}
 @media (max-width: 79.9375em) {
     .login-cont--half-panel {
         -webkit-transform: translateX(-2.5em);
         transform: translateX(-2.5em)
    }
}
 @media (max-width: 65.5625em) {
     .login-cont--half-panel {
         -webkit-transform: translateX(-150%);
         transform: translateX(-150%)
    }
}
 .login-cont .login-cont__window {
     height: 100%
}
 .wallpaper {
     background: #17181A;
     height: 100%;
     left: 0;
     overflow: hidden;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 10
}
 .wallpaper--no-transition iframe {
     -webkit-transition: none;
     transition: none
}
 .wallpaper--full-panel iframe {
     -webkit-transform: translateX(-20%);
     transform: translateX(-20%)
}
 .wallpaper--half-panel iframe {
     -webkit-transform: none;
     transform: none
}
 @media (max-width: 79.9375em) {
     .wallpaper--half-panel iframe {
         -webkit-transform: translateX(-10%);
         transform: translateX(-10%)
    }
}
 @media (max-width: 65.5625em) {
     .wallpaper--half-panel iframe {
         -webkit-transform: translateX(-20%);
         transform: translateX(-20%)
    }
}
 .wallpaper iframe {
     background: transparent;
     border: 0;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
     transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
     transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
     transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
     width: 100%;
     z-index: 1
}
 .wallpaper__cover {
     background: rgba(0, 0, 0, 0.01);
     cursor: pointer;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 4
}
 .wallpaper__title {
     bottom: 14px;
     color: #FFFFFF;
     display: inline-block;
     font-size: 0.875em;
     position: absolute;
     right: 14px;
     text-decoration: none;
     text-overflow: ellipsis;
     font-weight: 500;
     font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
     text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     white-space: nowrap;
     z-index: 3
}
 .fonts-loaded .wallpaper__title {
     font-family: Fakt Pro Medium, "Fakt Pro Medium Cyr", "Fakt Pro Medium Grk", -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif
}
 @media (max-width: 30em) {
     .wallpaper__title {
         bottom: 14px;
         font-size: 0.8125em;
         right: 14px
    }
}
 .wallpaper--with-intercom .wallpaper__title {
     margin-right: 5.7142857143em
}