.gslogo { background: url('../images/logo/glicosys-base.png'); background-repeat: no-repeat; background-position: center 0; text-indent: -9000px; height:80px; }
.topbar .gslogo { background-image: url('../images/logo/glicosys-base.png'); background-size: auto 50px; display: inline-block; height: 60px; margin-top: 10px; width: 200px; }
.navbar-default > .container > div {margin-top: 5px}
body .side-menu.left, body .side-bar.right-bar{ top: 70px !important}
.left.side-menu {position: fixed;}
.ajaxLoading { background: rgba(0, 0, 0, 0) url("../images/ajax-loader.gif") no-repeat scroll 0 center; color: #bbb; font-size: 0.8em; padding-left: 25px; }
.byhmdbio, .brand { background: rgba(0, 0, 0, 0) no-repeat scroll right center; display: inline-block; float: right; height: 33px; margin-top: -15px; text-indent: -9999px; width: 95px; }
.footer .versao { font-size: 0.7em; opacity: 0.5; }
.hash { font-family: consolas; font-size: 1.4em; padding: 2px; }
.hash.mini { font-size: 0.8em; padding: 0; margin-top: -4px; }

.al { text-align: left !important; }
.ar { text-align: right !important; }
.ac { text-align: center !important; }

div.pgtotal { display: inline-block; height: 34px; line-height: 1.6; margin: 20px 0; padding: 6px 8px; vertical-align: top; }
.sel2 .btn.dropdown-toggle.btn-white { padding: 6px 25px 6px 12px; }
/* #wrapper.enlarged .topbar .topbar-left .logo.gslogo { background-position: left center; width: 40px;background-image: url('../images/glico.png') } */
table.tbLogs td { font-size: 0.8em; }
.tpuser { cursor: default; }
#wrapper { overflow: visible; }
.content-page { overflow: visible; }
.wrapper-page {max-width: 94%}
.wrapper-page.termos { width: auto; max-width: 90%; }

.dropdown-menu > li > span { padding: 6px 20px 6px 43px; display: inline-block; }
.dropdown-menu > li > span > i { margin-left: -23px; }

.input-group-btn .btn { height: 38px; }
.input-group-addon { height: 38px; }
.btn-group .btn { height: 38px; }
.termos h3 { margin: 40px 0 10px; }
.termos h4 { margin: 40px 0 10px; }
.termos p { text-align: justify; }
.termos li { margin: 0 0 10px 0; }
.userName { white-space: nowrap; }

.legenda { text-align: right; margin-top: 10px; }
.legenda > span { display: inline-block; margin-right: 15px; font-size: 0.9em; }
.legenda > span .badge { font-size: 0.5em; vertical-align: bottom; margin: 0 5px 2px 0; }

.dProtocolo .label { font-size: 0.7em; }
.dProtocolo .hash { font-size: 1.3em; margin-right:10px; }
.dProtocolo .hash.mini { font-size: 1em; }

#tbMsgs tr.unread td { font-weight: bold; }
#tbMsgs tr.unread td:first-child { border-left: 3px solid red; }

/* Tabela distribuição de valores */
.tabela-dist-valores > .row:first-child {border-radius: 8px; overflow: hidden}
.divHiper,.divHipo,.divNormal{float:left;height:20px;text-align:center}.hipoBg{background-color:#f05050}.hiperBg{background-color:#34D3EB}.normalBg{background-color:#81C868}.hipoBg:hover{background-color:#ff6969}.hiperBg:hover{background-color:#4decff}.normalBg:hover{background-color:#9ae181}.tabela-dist-valores td{display:flex;justify-content:space-between}.tabela-dist-valores div{transition:.3s all ease}
#dayButtons .btn,#gBtn button,.btn-graphs button{display:inline-block;margin:0 5px 15px 0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px!important;outline:0!important;padding:5px 10px!important;font-size:12px!important;line-height:1.5;font-family:'Noto Sans','Helvetica Neue',Helvetica,Arial,sans-serif;height:auto}#dayButtons .btn:disabled,#gBtn button:disabled,.btn-graphs button:disabled{cursor:default;opacity:.65}#dayButtons .btn:last-child,#gBtn button:last-child,.btn-graphs button:last-of-type{margin-right:0}#dayButtons .btn.active,#gBtn button.active,.btn-graphs button.ative{color:#fff!important;background-color:#5fbeaa!important;box-shadow:none!important}#dayButtons .btn:active,#gBtn button:active,.btn-graphs button:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125)!important;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)!important}#emailModal .btn{margin-bottom:0!important;margin-left:5px}#gCanvas,.grafico{height:400px}#gCanvas{width:100%;position:relative;top:-400px;border:1px solid #000}.tooltipChart{background-color:#fff;padding:4px}.choose-date *{display:inline-block;height:34px}.choose-date input{max-width:162px;position:relative;top:2px}.choose-date .ate{margin-top:1px;background-color:#5fbeaa;color:#fff;padding:6px 12px;font-size:14px;font-weight:400;text-align:center;vertical-align:middle}.choose-date button{background:0 0;color:#5fbeaa;border-radius:5px;border:2px solid #5fbeaa;font-weight:600;transition:all .4s ease-in-out;position:relative;top:2px}.choose-date button:hover{background:#5fbeaa;color:#fff}.modal .form-group{display:flex}
#dataEscolha {top: 5px}
#dataInicio {border-radius: 4px 0 0 4px}#dataFim{border-radius: 0 4px 4px 0}
.banner .bg-icon {margin-right: 20px}
.banner.download {cursor:pointer}
.banner.download a i {color: #797979}
.portlet{overflow: hidden}
.checkbox,li.download {display: inline-block}
li.download i {margin-right: 10px}
@media screen and (max-width:720px) {
	li.download span {display: none}
}
.bg-icon-white{background-color: rgba(0, 0, 0, 0.0625);border: 1px solid rgba(0,0,0,0.25)}
#login.card-box .panel-heading{padding:10px 20px 0}
#login.card-box .panel-body{padding:0 15px 15px}

.loading {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 100;
	display: none;
}
.loading.active {
	display: block;
}
.loading.default {
	position: fixed;
	top: 60px;
	left: 240px;
	height: 100vh;
	width: 100vw;
	max-width: calc(100vw - 240px);
}
#wrapper.enlarged .loading.default{
	left:0;
	max-width: 100vw;
}
@media (min-width: 768px) {
	#wrapper.enlarged .loading.default{
		left:70px;
		max-width: calc(100vw - 70px);
	}
}
.loading .spinner {
	position: relative;
	top: 30%;
}
.loading h2 {
	text-align: center;
	color: #e0e0e0;
}

.loader,.loader:after {
	border-radius: 50%;
	width: 10em;
	height: 10em;
}
.loader {
	margin: 60px auto 30px;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(255, 255, 255, 0.2);
	border-right: 1.1em solid rgba(255, 255, 255, 0.2);
	border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
	border-left: 1.1em solid #ffffff;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.content-page > .content{margin-top: 70px}
.demo .navbar-default{background-color:#1d2731}
.demo .gslogo{background-image: url('../images/logo/glicosys-demo.png')}
.demo .topbar .gslogo {background-image: url('../images/logo/glicosys-demo-branco.png')}
.dev .navbar-default{background-color:#1d2731}
.dev .gslogo{background-image: url('../images/logo/glicosys-dev.png')}
.dev .topbar .gslogo {background-image: url('../images/logo/glicosys-dev-branco.png')}
.glucoleader .gslogo, .www .gslogo { background: url('../images/logo/glicosys-glucoleader.png'); background-repeat: no-repeat; background-position: center 0; text-indent: -9000px; height:80px; }
.glucoleader .topbar .gslogo, .www .topbar .gslogo { background-image: url('../images/logo/glicosys-glucoleader-branco.png'); background-size: auto 50px; display: inline-block; height: 60px; margin-top: 10px; width: 200px; }
.glucoleader .byhmdbio, .glucoleader .brand, .www .byhmdbio, .www .brand { background-image: url("../images/logo/footer-glucoleader.png") }
.okmeter .navbar-default{background-color:#253C5D}
.okmeter #bokmeter{background-image: url('../images/okmeter.png');background-repeat:no-repeat;background-position:95% 50%;background-size:140px}
.okmeter .gslogo{background-image: url('../images/logo/glicosys-okmeter.png')}
.okmeter .topbar .gslogo {background-image: url('../images/logo/glicosys-okmeter-branco.png')}
.okmeter .byhmdbio, .okmeter .brand{background-image: url("../images/logo/footer-okmeter.png")}
#wrapper.enlarged .topbar .topbar-left .logo.gslogo { background-position: left top !important; width: 27px !important}
/* responsive do logo */
@media (max-width: 420px) {
	h3.gslogo { background-size: 100% auto !important; }
	.topbar .gslogo { background-position: left top !important; width: 27px !important; }
}
img.lazy{opacity: 0}
img.lazy:not(.initial){transition: opacity 1s}
img.lazy.initial,img.lazy.loaded,img.lazy.error{opacity: 1}
img.lazy:not([src]){visibility: hidden}
.mobile .sidebar-inner.slimscrollleft{overflow-y: auto !important}
ul.glicosys-list li{
	list-style-image: url('../images/logo/bullet.png');
}