@font-face {
     font-family: Roboto;
     src: url('custom/fonts/Roboto-ExtraBold.ttf');
	 font-weight:bolder;
}

@font-face {
     font-family: Roboto;
     src: url('custom/fonts/Roboto-Bold.ttf');
	 font-weight: bold;
}

@font-face {
     font-family: Roboto;
     src: url('custom/fonts/Roboto-SemiBold.ttf');
	 font-weight:700;
}

@font-face {
     font-family: Roboto;
     src: url('custom/fonts/Roboto-Regular.ttf');
	 font-weight:normal;
}

.form-control {
	font-family:Verdana, Geneva, sans-serif
}

* {
	font-family:Roboto;
}

#div_AguardeSombra {
	z-index: 5000;
	width: 100%;
	height: 100%;
	position: fixed;
	align-items: center;
	display: none;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
		
}

#div_Aguarde {
	width:161;
	height:56;
	z-index:5001;
}

.nav_top {
	background:#FFF;
	height:80px;
	line-height:80px;
	text-align:center;
	color:#000;
	border-bottom:#CCC solid thin !important;
	font-size:21px;
	z-index:100;
}

.nav_mobile {
	display:inline;
	float: left;
	padding-left:20px;
}

.div_relogio {
	position:fixed;
	width:100%;	
}

.nav_top_div {
	float: right;	
	height:80px;
	padding-right:80px;
}

.nav_top_ul {
	height:100px;
	right:0;
	margin:0px;
}

.nav_top_ul li {
	height:100px;
	border-right-style:solid;
	border-right-color:#000;
	border-right-width:thin;
	
}

.nav_top_ul span {
	padding-left:25px;
	padding-right:25px;
	padding-top:25px;	
}

.nav_top_ul a {
	height:100px;
	color:#FFF !important;
}

.nav_top_ul a:hover {
	color:#FFF !important;
	background-color:#3C387B !important;
}

.nav_top_ul a:focus  {
	background-color:#FFF !important;
	color:#3C387B !important;
}

.nav_top_ul a:active  {
	background-color:#FFF !important;	
	color:#3C387B !important;
}

.round {
	border-radius: 10%;
	overflow: hidden;
	width: 45px;
	height: 45px;
}

.round div {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-size: cover; /*ajusta a imagem dentro do div, mantendo a proporção da imagem */
	background-position: center center
}

.areausu {
	float:right;
	padding-top:0px; 
	padding-right:0px; 
	white-space: nowrap; 
	display: inline-block;
}

.ul_dropdown {
	color:#3C387B !important;
	width:100% !important;
	box-shadow:none !important;
}

.ul_dropdown li{
	height:30px; !important;
	color:#3C387B !important;
}

.ul_dropdown a{
	height:30px; !important;
	color:#3C387B !important;
}

.ul_dropdown a:visited{
	height:30px; !important;
	color:#3C387B !important;
}

.ul_dropdown a:hover{
	height:30px !important;
	background-color:3C387B !important;
	color:#FFF !important;
}

.li_menu_mobi {
	display:none;	
}

.div_menu_left {
	background:#FFF;
	left:0px;
	height:100%;
	width:103px;
	border-right:#EEE solid 2px !important;
	padding-top:35px;
	-webkit-transition: width 0.5s;
	overflow: hidden;
}

.div_menu_left:hover {
	width:300px;
}

.div_menu_left a {
	display:inline-block;
}

.ul_menu_left {
	list-style:none;
	padding-left:0px;
	line-height: 600%;
	margin-left:20px;
}

.ul_menu_left li{
	padding-left:20px;
}

.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

@media only screen and (max-height:884px) {
	.ul_menu_left{
		line-height:500%;
	}
}

@media only screen and (max-height:756px) {
	.ul_menu_left{
		line-height:400%;
	}
}

@media only screen and (max-height:650px) {
	.ul_menu_left{
		line-height:300%;
	}
}

.ul_menu_left a{
	color:#000;
	opacity:0.4;	
}

.ul_menu_left a:visited{
	color:#000;
	opacity:0.4;
}

.ul_menu_left a:hover {
	opacity:0.7;
}

.span_menu_left {
	color:#000;
	font-weight:bold;
	visibility:hidden;
}

#li_logo {
	line-height:0px;
	margin-bottom:80px;
	opacity:1.0 !important;
}

#li_maisServicos {
	line-height:0px;
	opacity:1 !important;
}

#div_maisservicos {
	border-top-style:solid;
	border-top-width:thin;
	border-top-color:#DDD;
	padding-top:30px;
	padding-left:20px;
	margin-top:25px;
	margin-right: 20px;
}

.menu_left_selected a{
	color:#1D184B !important;
	opacity:1 !important;	
}

.menu_left_selected a:visited{
	color:#1D184B !important;
	opacity:1 !important;	
}

.menu_left_selected div{
	border-right:#1D184B solid thick !important;
}

#div_chat {
	position:fixed;
	top:90%;
	right:40px;
	z-index:1000;
	
}

.div_chat_msg {
	float:left;	
	box-shadow: 0px 10px 20px #DDD;
	padding:15px !important;
	margin-right:15px;
	font-size:16px;
}

#div_chat_ball {
	float:left;
	box-shadow: 0px 10px 20px #CCC;
	height:57px;
	width:57px;
	border-radius:50%;
	background:#273143;
	background-image: url("custom/imagens/cw_img_chat.png");
	background-repeat: no-repeat;
	background-position: center;
}


.div_main {
	padding-top:150px;
	padding-left:450px;
	padding-right:450px
}

.div_pagina {
	color:#273143;
	margin-top:0px !important;
	margin-bottom:30px;
	font-weight:700;
	font-size:36px;
	float:left;
	width: 37%;
	font-weight:bold;
}

.subTitilo {
	color:#C4C5C9;
	font-size:28px;
	font-weight:normal;
}

.div_SelEmpresa {
    float:right;
	width:50%; 
	margin-top:0px; 
	margin-bottom:25px
}

.div_SelEmpresa:last-child {
    margin-bottom: 0;
}

.input_form_sel {
	border-color:#EEE !important;
	border-style:solid !important;
	border-width:2px !important;
	-webkit-appearance: none;  /* Remove estilo padrão do Chrome */
   	-moz-appearance: none; /* Remove estilo padrão do FireFox */
   	appearance: none; /* Remove estilo padrão do FireFox*/
	background: url(custom/imagens/cw_select.png) no-repeat;
	background-position:right;
	background-color:#FFF;
	border-radius:9px;
	width:100%;
	font-size:16px;
	padding:15px;
	max-width:300px;
	float:right !important;
}

.input_form_select {
	border-color:#EEE !important;
	border-style:solid !important;
	border-width:2px !important;
	-webkit-appearance: none;  /* Remove estilo padrão do Chrome */
   	-moz-appearance: none; /* Remove estilo padrão do FireFox */
   	appearance: none; /* Remove estilo padrão do FireFox*/
	background: url(custom/imagens/cw_select.png) no-repeat;
	background-position:right;
	background-color:#FFF;
	border-radius:9px;
	font-size:16px;
	padding:15px;
	max-width:300px;
	padding-right:40px;
}

.input_form {
	border-color:#EEE !important;
	border-style:solid !important;
	border-width:2px !important;
	-webkit-appearance: none;  /* Remove estilo padrão do Chrome */
   	-moz-appearance: none; /* Remove estilo padrão do FireFox */
   	appearance: none; /* Remove estilo padrão do FireFox*/
	border-radius:9px;
	font-size:16px;
	padding:15px;
}

.input_form_sem {
	border-style:none !important;
	-webkit-appearance: none;  /* Remove estilo padrão do Chrome */
   	-moz-appearance: none; /* Remove estilo padrão do FireFox */
   	appearance: none; /* Remove estilo padrão do FireFox*/
	font-size:13px;
	height:18px;
	color:#999;
	font-weight:bold;
	width:125px;
}

.painel {
	padding-left:0px;
	padding-right:0px;
	padding-top:10px;
	border-color:#BBB !important;
	border-style:solid !important;
	border-width:1px !important;
	border-radius:9px;
	box-shadow:0px !important;
	background:#FFF;
	overflow:hidden;
}

.painel_interno {
	margin:0px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	border-bottom:medium solid;
}

.painel_conteudo {
	border-top:#DDD solid thin;
	margin-top:20px;
}

.cab_form {
	border:none;
	-webkit-appearance: none;  /* Remove estilo padrão do Chrome */
   	-moz-appearance: none; /* Remove estilo padrão do FireFox */
   	appearance: none; /* Remove estilo padrão do FireFox*/
	font-size:18px;
	font-weight:bold;
}

.button_selempresa {
	border-color:#EEE !important;
	border-style:solid !important;
	border-width:2px !important;
	height:60px;
	width:230px;
	font-size:18px !important;
	float:right;
	border-radius:9px !important;
}

.div_filtro_venc {
	float:left; width:30%; text-align:left; padding:0px; height:56px; padding:5px; min-width:310px; max-width:330px;	
}

.div_flitros_l {
	float:left; width:70%; text-align:left
}
.div_flitros_r {
	float:right; text-align:right
}

.glyphicon.glyphicon-one-fine-dot:before {
    content: "\25cf";
	font-size:18px;
}

@media only screen and (max-width:1670px) {
	.div_relogio {
		position:absolute;
		width:100%;
		white-space:nowrap;
	}	
}

@media only screen and (max-width:1250px) {
	.div_relogio {
		position:absolute;
		width:100%;
		white-space:nowrap;
	}	
}

@media only screen and (max-width:1090px) {
	.div_relogio {
		display:none;
	}

	.div_main {
		padding-left: 200px !important;
		padding-right: 200px !important;
	}
}

@media only screen and (max-width:760px) {
	.div_menu_left {
		display:none;
	}
	
	.div_main {
		padding-left:20px !important;
		padding-right:20px !important;
	}
	
	.nav_mobile {
		display:inline;
		padding-left:20px;
		font-size:28px;
	}
	
	.nav_mobile a {
		color:#FFF;
	}
	
	.nav_mobile a:visited {
		color:#FFF;
	}
	
	.nav_top {
		text-align:left !important;	
	}
	
	.span_menu_nav {
	}
	.li_nav {
		display:none !important;
	}
	.dropdown-menu {
		background:#FFF !important;
		border:#000 thin solid !important;
	}
	.navbar-nav {
		margin-top:0px !important;
	}
	.dropdown {
		padding-top:0px !important;
		text-align:left;
		float:right !important;
	}
	
	.nav_top_ul {
		padding-right:10px !important;	
	}
	
	.areausu {
		padding-top:10px !important;	
	}
	
	.li_menu_mobi {
		display:list-item;
	}
	
	.div_chat_msg {
		display:none;	
	}
	
	.div_chat {
		right:20px !important;	
	}
	
	.sp_nomeUsuario {
		display:none;
	}
	
	.div_pagina {
		width:100%;	
	}
	
	.div_SelEmpresa {
		width:100%;
	}
	
	.button_selempresa {
		float:left;	
	}
	
	.input_form_select {
		width:100% !important;	
		max-width:100%;
	}
	
	.input_form {
		width:100% !important;	
		max-width:100%;
	}
	
	.div_filtro_venc {
		width:100% !important;	
		max-width:100%;
	}
	.div_flitros_l	{
		width:100% !important;	
	}
	.div_flitros_r	{
		width:100% !important;
		padding-top:10px
	}
	
	.input_form_sem {
		
		border-style:none !important;
		-webkit-appearance: textfield !important;  /* Remove estilo padrão do Chrome */
		-moz-appearance: textfield !important; /* Remove estilo padrão do FireFox */
		appearance: textfield !important; /* Remove estilo padrão do FireFox*/
		font-size:8px;
		color:#000 !important;
		font-weight:bold;
		background:#FFF !important;
	}
	
}

/*MOBI*/
.div_menu_mobi {
	padding-top:25px;
	height: 100%;
    width: 0;
    position: fixed;
    z-index: 2001;
    top: 0;
    left: 0;
    overflow-x: hidden;
    transition: 0.5s;	
	background:#FFF;
}

.div_menu_mobi a {
    padding: 8px 8px 8px 8px;
    text-decoration: none;
    display: block;
    transition: 0.3s;
}

#div_logo_ab {		
}

#div_logo_ab a {
	color:#273143;
	display:inline-block;
}

.closebtn {
	font-size:24px;
	display:inline-block;
	padding-left:60px;
}

#div_sombra_mobi {
	height:100%;
	width:100%;
	background:#000;
	opacity:0.5;
	display:none;
	z-index:1500;
	position:absolute;
	overflow:hidden;
}

#li_logo_mobi {
	margin-bottom:50px;
}

.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}