@font-face {font-family: 'Bariol Regular';font-style: normal;font-weight: normal;src: local('Bariol Regular'), url('../webfonts/bariol_regular-webfont.woff') format('woff');}
@font-face {font-family: 'Bariol Regular Italic';font-style: normal;font-weight: normal;src: local('Bariol Regular Italic'), url('../webfonts/bariol_regular_italic-webfont.woff') format('woff');}
@font-face {font-family: 'Bariol Thin Italic';font-style: normal;font-weight: normal;src: local('Bariol Thin Italic'), url('../webfonts/bariol_thin_italic-webfont.woff') format('woff');}
@font-face {font-family: 'Bariol Thin';font-style: normal;font-weight: normal;src: local('Bariol Thin'), url('../webfonts/bariol_thin-webfont.woff') format('woff');}
@font-face {font-family: 'Bariol Light';font-style: normal;font-weight: normal;src: local('Bariol Light'), url('../webfonts/bariol_light-webfont.woff') format('woff');}
@font-face {font-family: 'Bariol Light Italic';font-style: normal;font-weight: normal;src: local('Bariol Light Italic'), url('../webfonts/bariol_light_italic-webfont.woff') format('woff');}
@font-face {font-family: 'Bariol Bold';font-style: normal;font-weight: normal;src: local('Bariol Bold'), url('../webfonts/bariol_bold-webfont.woff') format('woff');}
@font-face {font-family: 'Bariol Bold Italic';font-style: normal;font-weight: normal;src: local('Bariol Bold Italic'), url('../webfonts/bariol_bold_italic-webfont.woff') format('woff');}
body{font-family: "Bariol Regular";}
a:link,a:hover,a:visited, a:active{color:white;text-decoration: none;}
.wrapper{height: 100vh;}
.lateral{background-color: #008888;color: white;}
.lateralDerecha {background-image: url("../img/Login_8_nomilinea.jpg");background-size: cover;}
.regresoicono{font-size: 1.8em;font-weight: bold;float: right;}
.regreso{float: right;}
.logonomilinea{background: url('../img/logo-nomilinea.svg');height: 140px;background-repeat: no-repeat;background-size: cover;background-position-y: center;margin: 20px 0 0 0;}
.bullet{font-size: 1.8em;font-family: "Bariol Bold";}
.prueba{font-size: 1.5em;font-family: "Bariol Thin";}
.login{background-color:#008888; color: white; width: 350px; height: auto; margin: 50px auto 0;}
.login-header{font-family: "Bariol Bold"; width: 100%;padding: 5% 5% 0;font-size: 1.5em;}
.login-body{font-family: "Bariol Regular"; width: 100%;padding: 5% 5% 0;font-size: 1em;}
.login-body input[type="text"],.login-body input[type="email"],.login-body input[type="password"]{border-radius: 10px;background-color: lightgray;color:#696868;}
.login-body input[type="text"]::placeholder,.login-body input[type="email"]::placeholder,.login-body input[type="password"]::placeholder{color:white;}
input[type='checkbox'] {opacity: 0;position: absolute;}
input[type='checkbox'] + label:before {content: '';background: #fff;border: 2px solid #ddd;display: inline-block;vertical-align: middle;width: 18px;height: 18px;padding: 5px;margin-right: 10px;text-align: center;font-size: 15px;line-height: 18px;border-radius: 50px;}
input[type='checkbox']:checked + label:before {content: '\2714';color: #fff;line-height: 0;padding: 7px 0px;background: #008888;border-color:#1DCAD3;border-radius: 50px;}
.btn-nomi{border-radius: 15px;background-color: #1DCAD3;padding:.5rem 3rem;}
.login-footer{font-family: "Bariol Regular"; width: 100%;padding: 0 5%;font-size: 1em;}
.sociallogin{border-radius: 50px; background-color: white;width: 80%;height: 40px; margin: auto;}
.registro{margin: 10px auto;}
.registro-header{font-family: "Bariol Bold"; width: 100%;padding: 2% 5% 0;font-size: 1.5em;}
.registro-body{font-family: "Bariol Regular"; width: 100%;padding: 2% 5% 0;font-size: 1em;}
footer{background-color: white;color: #008888;z-index: 1;}
.logosicoss{background: url('../img/powered-sicoss.png');height: 100px;background-repeat: no-repeat;background-position-y: center;}
.derechosreservados{line-height: 100px;}
.labelInput{padding: 5px 5px;}
.parrafo {margin: 5px 5px;}
.footerLogoSS{position: absolute; bottom: 0px; left: 0px; width: 100%;margin: 0px 0px;}
.txtNomi{color: #008888;}