html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th,  d, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { 	margin: 0; 	padding: 0; 	border: 0; 	font-size: 100%; 	font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
img {max-width: 100%; height: auto;}
a {text-decoration: none;}

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

body {font-family: 'Roboto', sans-serif;}
p {margin: 0 0 1.5rem; line-height: 1.2; font-weight: 300; font-family: 'Roboto', sans-serif; text-shadow: none;}
h1,h2,h3,h4,h5,h6 {text-shadow: none;}
strong {font-weight: 700;}
select {max-width: 100%;}
em {font-style: italic;}

h5 {font-size: 13px; text-align: center; font-weight: 700;}

#login {width: 100%; padding: 8% 0 0; margin: auto;}
#login img {margin: auto; display: block; width: 260px;}
#login h2 {font-size: 20px; text-align: center; color: #fff; margin-bottom: 20px; font-weight: 300;}

.login h1 a {background: url(http://visanacomunicacao.com.br/clientes/sboc/wp-content/uploads/2018/04/logo-login.jpg) no-repeat center center; max-width: 276px; max-height: 199px; width: 60%; background-size: contain; height: 20vh;}
.login form {background: #041B4C !important; margin-top: 20px; margin-left: 0; padding: 26px 24px 46px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.13);}
.login label {color: #fff !important;}
.login #nav {background: #103468; padding: 40px 26px 350px; margin: 0;}
.login #nav a {color: #fff;}
.login form .input, .login form input[type="checkbox"], .login input[type="text"] { background: #fbfbfb; border: 1px solid #ddd; box-shadow: inset 0 1px 2px rgba(0,0,0,.07); background-color: #fff; color: #32373c; outline: 0; transition: 50ms border-color ease-in-out;}
.login form .input, .login input[type="text"] { font-size: 15px;width: 100%;padding: 3px; margin: 2px 6px 16px 0;}

.login form .forgetmenot {font-size: 12px;line-height: 19px;}

#wp-submit { border-color: #006799;    color: #fff; height: 30px; line-height: 28px; padding: 0 12px 2px; vertical-align: baseline; background: url(img/bg-subit.jpg) !important; float: right; border: none;}

#nav {font-size: 13px;}
#nav a:first-child {margin-bottom: 10px; display: block;}

#result {float: left; background: #28ABE1; width: 100%;}

#result #left-result {width: 14%; float: left; max-width: 165px; height: 100vh; background: #28ABE1;}
#result #left-result {display: block; line-height: 0;}
#result #left-result img {width: 100%; display: block;}

#result #right-result {color: #fff;}
#result #right-result > div {width: 86%; float: left; min-height: 100vh;}
#result #right-result > div > div {width: 90%; padding: 5%;}
#result #right-result .fase1 {background: #031B4B;}
#result #right-result .fase2 {background: #0270BB;}
#result #right-result .fase3 {background: #28ABE1;}

.fase2 {display: none;}
.fase3 {display: none;}

.next, .back, .end {display: inline-block;}
.next img, .back img, .end img { max-height: 45px;}

.app-title {text-align: center; text-transform: uppercase; font-size: 14px; float: left; width: 100%; margin: 1rem 0; font-weight: 300;}

header {background: #E5E5E5; float: left; width: 100%;}
header img {float: right; height: 70px;}

#header-initial {width: 23px; height: 24px; border-radius: 50px; background: #fff; margin-right: 10px; font-size: 20px; text-align: center; vertical-align: middle; padding: 7px 10px 8px 8px; display: inline-block; color: #0071BC; font-weight: 500; float: left; margin-top: -10px;}
header a:first-child {color: #4D4D4D; font-size: 15px; padding: 25px 0 0 15px; display: inline-block;}

.fase-title {margin: 20px 0; text-align: center;}

#right-result footer {padding: 5px 0 0; float: left; width: 100%;}
#right-result footer a:last-child {float: right;}

.grau-title {width: 40px; height: 40px; font-weight: 900; font-size: 30px; color: #fff; background: #80b8de; float: left; text-align: center; margin-right: 5px; margin-bottom: 20px;}
.grau-desc {float: left;  width: 100%; display: none;}
.doenca-title {font-weight: 900; margin-bottom: 20px;}

#lista-consultas li {margin-bottom: 10px; padding: 0px 5% 10px; border-bottom: 1px solid #808080; float: left; width: 90%;}
#lista-consultas li:last-child {border-bottom: 0;}

.titulo {padding: 5%; background: #0071BC; color: #fff; float: left; width: 90%; margin-bottom: 20px;}