/* CUSTOM CSS - LOGIN */
body { background: linear-gradient(to right, #E8EDF1, #F2F7FB); }


/* LOGO DO DESENVOLVEDOR */
div.cprime { position: fixed; bottom: 5px; left: 15px; opacity: 0.5; transition: 0.4s; cursor: pointer; }
div.cprime:hover { transition: 0.4s; opacity: 1; }

div.cprime > img.esfera { width: 30px; }
div.cprime > img.descricao { height: 20px; margin-left: 4px; vertical-align: super; }


/* ULTIMA ATUALIZAÇÃO */
div.last-update { position: fixed; bottom: 5px; right: 20px; opacity: 0.7; font-size: 14px; cursor: default; }



/* CAIXA DE LOGIN */
div.login-box { position: relative; background-color: #fff; border-radius: 2px; margin: 10vh 0px; padding: 12px 15px 25px 15px !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); }

div.login-box > span.version { position: absolute; top: 10px; right: 10px; font-size: 12px; font-weight: 500; color: rgba(0, 0, 0, 0.3); cursor: default; }

div.login-box > div.logotipo { margin-bottom: 12px; padding-left: 0px; padding-top: 0px; }
div.login-box > div.logotipo > img.hospitality { width: 50%; }


div.login-box > span.title { display: block; width: 100%; font-size: 18px; font-weight: 500; color: rgba(0, 0, 0, 0.8); cursor: default; padding: 0px 10px; }
div.login-box > span.subtitle { display: block; width: 100%; font-size: 16px; color: rgba(0, 0, 0, 0.8); cursor: default; padding: 0px 10px 20px 10px; }


div.input-field { margin-top: 15px; }


div.login-box button.btn-entrar { margin-top: 40px; border-radius: 2px; margin-right: 10px; }



/* CSS CONTENT - TELA MOBILE */
@media only screen and (max-width: 992px) {
	div.login-box { margin: 8vh 0px; }
	div.login-box > div.logotipo > img.hospitality { width: 40%; }
	div.login-box img.view-password { display: none; }
}


/* CSS CONTENT - TELA MOBILE */
@media only screen and (max-width: 600px) {
	div.login-box { margin: 6vh 0px; padding: 20px 10px !important; }
	div.login-box > span.version { display: none;  }

	div.login-box > div.logotipo > img.hospitality { width: 60%; }
}