@media print {
    html, body {
        margin: 0;
        padding: 0;
        border: 0;
        
    }
    body * {
		visibility: hidden;
    }
    .print, .print * {
        visibility: visible;
    }
    .print {
	    position: absolute;
	    left: 0;
	    top: 0;
  	}
}

.bodyPrint{
	overflow: hidden !important;
}

@font-face {
	font-family: UbuntuLt;
	src: url("../../fontes/Ubuntu-L.ttf");
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: FuturaLtBt;
	src: url("../../fontes/Futura Lt BT Light.ttf");
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: FuturaBkBtBook;
	src: url("../../fontes/Futura Bk BT Book.ttf");
	font-style: normal;
	font-weight: bold;
}

@font-face {
	font-family: FuturaLtBtItalic;
	src: url("../../fontes/Futura Lt BT Light Italic.ttf");
	font-style: italic;
	font-weight: normal;
}

@media (min-height: 500px) {
  .fancy-fieldset {
    max-height: 430px;
    overflow-y:auto;
  }
}

@media (min-height: 600px) {
  .fancy-fieldset {
    max-height: 530px;
    overflow-y:auto;
  }
}

@media (min-height: 750px) {
  .fancy-fieldset {
    max-height: 650px;
    overflow-y:auto;
  }
}

@media (min-height: 900px) {
  .container {
    max-height: 830px;
    overflow-y:auto;
  }
}

body {
	padding: 0px 0px 0px 0px;
	margin: 0;
	font-family: UbuntuLt, Arial, Helvetica, 'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	-webkit-tap-highlight-color: transparent;
}

a {
	text-decoration:none;
	word-break: break-word;
}

label { //
	display: block;
	padding-right: 3px;
	min-width: 20%; //
	float: left;
}

br {
	clear: left;
}

h4 {
	line-height: 100%;
}

.fundobranco{
	background-color: white;
	padding: 3px;
}

.small-font{
	font-size:14px;
	font-weight:normal;
}

.outInnerSpin::-webkit-inner-spin-button {
	-webkit-appearance:none;
}

.wrapper {
    display: flex;
    align-items: stretch;
}

.outInnerSpin {
	width:45px;
	margin-right:2px;
	padding:2px;
}

.paddingside10 {
	padding: 0px 10px;
}

.display-none {
	display:none !important;
}

#menu_titulo {
	text-align: center;
	font-size: medium;
	background-color: #1e73be;
	display: none;
}

#menu_titulo span {
	color: white;
	height: 20px;
}

#servico_coluna1 {
	width: 38%;
	border-right: 1px solid #b7d6eb;
	border-left: 1px solid #b7d6eb;
}

#servico_coluna1_ref {
	width: 38%;
	border-right: 1px solid #b7d6eb;
	border-left: 1px solid #b7d6eb;
	line-height: 1.6em;
}

#servico_coluna1_rodape {
	width: 38%;
	height: auto;
	border-right: 1px solid #b7d6eb;
	border-left: 1px solid #b7d6eb;
	vertical-align: middle;
	background: #1e73be;
}

#servico_coluna2 {
	width: 62%;
	border-right: 1px solid #b7d6eb;
}

#servico_coluna2_rodape {
	width: 62%;
	border-right: 1px solid #b7d6eb;
	background: #155b8f;
	position: relative;
}

.toggle-arrow{
	transform: rotate(90deg);
	transition:0.5s;
	color: #505050;
}

.toggle-rotate{
	transform: rotate(270deg);
	transition:0.5s;
}

.toggle-buttom{
	position:relative;
	top:7px;
	cursor:pointer;
}

.satu {
	display: none;
	position: relative;
	background-color: #b7d6eb;
	opacity: 0.9;
	width: 100%;
	height: 35px;
	text-align: center;
}

.satu img {
	margin: 15px auto;
    height: 6px;
}

.tabela_servico {
	display: table;
	width: 100%;
	background-color: #f0f5fb;
}

.tabela_coluna_servico {
	display: table-column;
}

.tabela_linha_servico {
	display: table-row;
	width: 100%;
	vertical-align: top;
}

#espaco_servico_detalhes { //
	height: 62vh;
}

.tabela_celula_servico {
	display: table-cell;
	vertical-align: top;
}

#mp {
	width: 100%;
	height: 35px;
	background-color: white;
	position: fixed;
	z-index: 100;
	border-bottom: 2px solid #155b8f;
}

#menu_icone {
	left: 14.5924%;
	position: absolute;
	width: 14.5924%;
	background-image: url('../../netpronto/imagens/menu_icone.png');
	background-repeat: no-repeat;
	background-position: center top;
}

#logonetpronto {
	position: absolute;
	background-color: transparent;
	vertical-align: bottom;
	text-align: center;
}

#logonetpronto img { //
	position: absolut;
	max-width: 100%;
	max-height: 100%;
	padding-left: 10px;
	padding-right: 10px;
	max-width: 150px;
    max-height: 30px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#menuprincipal {
	height: 35px;
    width: auto;
    top: 0px;
/*     background-color: #155b8f; */
    margin-left: 170px;
    vertical-align: bottom;
    text-align: left;
    font-size: medium;
    color: white;
}

#logobanner {
	height: 35px;
}

#caixausuario-mobile {
	cursor:pointer;
	float:right;
	margin-right: 5px;
	display:none;
}

#caixausuario {
	vertical-align: middle;
	top: 10px;
}

#caixausuario1 {
	margin-top:4px;
	text-align: right;
}

#caixausuario2 {
	display: none;
	background-color: #155b8f;
	position: fixed;
	width: auto;
	color: white;
	margin: 5px;
	padding: 5px;
	border: solid white 1px;
	text-align: left;
	right: 0px;
	top: 30px;
}

#caixausuario2 a {
	text-decoration: none;
	color: white;
}

#caixausuario img {
	width: 16px;
	vertical-align: middle;
}

#bannerrodape { //
	margin-left: 18.5924%;
	max-width: 50%;
	max-height: 50%; //
	padding-bottom: 5%; //
	text-align: center;
	display: none;
}

#menuprincipalmobile {
	width: 61.8%;
	background-color: transparent;
	position: absolute;
	margin-left: 14.5924%;
	vertical-align: bottom;
	bottom: 10%;
	text-align: left;
	font-size: xx-large;
	color: #1e73be;
}

#menuprincipalmobile a {
	display: inline-block;
	text-decoration: none;
	padding-left: 3%;
	padding-right: 3%;
	color: #1e73be;
}

#menuprincipalmobile a:HOVER {
	display: inline-block;
	color: #f26522;
}

#areausuario {
	/*width: 250px;*/
	background-color: transparent;
	position: absolute; //
	margin-left: 14.5924%;
	padding-right: 10px;
	vertical-align: bottom;
	bottom: 10%;
	text-align: left;
	font-size: medium;
/* 	color: white; */
	color: #155b8f;
	right: 0px;
}

#corposite {
	top: 6.89%;
	position: absolute;
	width: 100%;
}

#divimagemhome { //
	top: 6.89%;
	position: absolute;
	width: 100%; //
	height: 86.22%;
	height: 100%;
	padding-top: 0;
	margin-top: 0; ////
	background-image: url(../../imagens/Natural1.jpg); ////
	background-repeat: no-repeat; ////
	background-position: 50% 0; ////
	background-size: 120%; //
	overflow: scroll;
}

#divimagemhome .divhome {
	position: static;
	min-height: 100%;
}

#home {
	background-image: url(../../imagens/desktop-netpronto.jpg);
	height: 100%;
}

#oquee { //
	background-image: url(../../imagens/t1_verde_listras-musgo.jpg); //
	background: #006a35, #dedede; //
	background: #f26522; /* Old browsers */ //
	background: -moz-linear-gradient(top, #f26522 50%, #f37538 51%);
	/* FF3.6+ */ //
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f26522),
		color-stop(51%, #f37538)); /* Chrome,Safari4+ */ //
	background: -webkit-linear-gradient(top, #f26522 50%, #f37538 51%);
	/* Chrome10+,Safari5.1+ */ //
	background: -o-linear-gradient(top, #f26522 50%, #f37538 51%);
	/* Opera 11.10+ */ //
	background: -ms-linear-gradient(top, #f26522 50%, #f37538 51%);
	/* IE10+ */ //
	background: linear-gradient(to bottom, #f26522 50%, #f37538 51%);
	/* W3C */ //
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f26522',
		endColorstr='#f37538', GradientType=0); /* IE6-9 */
	color: white;
	border-bottom: #1e73be solid 3px;
}

#sistema { //
	background-image: url(../../imagens/Natural2.jpg);
	background: #1e73be; /* Old browsers */
	color: white;
}

#paraquem { //
	background-image: url(../../imagens/fundoparaquem2.jpg); //
	background-image: white; /* Old browsers */ //
	background-image: -moz-linear-gradient(right, #1e73be 32%, white 32%);
	/* FF3.6+ */ //
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(32%, #1e73be),
		color-stop(32%, white)); /* Chrome,Safari4+ */ //
	background-image: -webkit-linear-gradient(right, #1e73be 32%, white 32%);
	/* Chrome10+,Safari5.1+ */ //
	background-image: -o-linear-gradient(right, #1e73be 32%, white 32%);
	/* Opera 11.10+ */ //
	background-image: -ms-linear-gradient(right, #1e73be 32%, white 32%);
	/* IE10+ */ //
	background-image: linear-gradient(to left, #1e73be 32%, white 32%);
	/* W3C */ //
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e73be',
		endColorstr='white', GradientType=0); /* IE6-9 */
	height: auto;
	border-bottom: #1e73be solid 10px;
	border-left: #1e73be solid 3px;
}

#paraquem #npsite img { //
	background-image: url(../../imagens/Natural2.jpg); //
	background: #b5ccf9; /* Old browsers */
	height: 50%;
	width: auto;
}

#paraquem table {
	width: 68%;
	border-bottom: transparent solid 1px;
}

#telas img {
	max-height: 200px;
	max-width: 500px;
	float: left;
	padding: 10px;
}

#telas table {
	width: 100%;
	border-bottom: transparent solid 1px;
}

#preco {
	background: #1e73be; /* Old browsers */
	height: 90%;
	color: white;
	border-bottom: transparent solid 1px;
}

#netpronto { //
	background-image: url(../../imagens/Natural2.jpg);
	background: #1e73be; /* Old browsers */
	height: auto;
	color: white;
	border-bottom: transparent solid 10px;
}

#videoyoutubeindex {
	position: relative;
	left: 100%;
	bottom: 50%;
}

#linkcontato {
	text-decoration: none;
	color: white;
}

#linkcontato:VISITED {
	text-decoration: none;
	color: white;
}

#contato {
	background: url(../../imagens/Natural1.jpg) no-repeat;
	height: 100%;
	color: white;
}

#divimagemhome .divssubhome { //
	top: 0px;
	position: relative; //
	width: 100%; //
	background-color: white; ////
	opacity: 0.9; //
	margin: 0px 0px 0px 0px;
	font-size: x-large;
	font-stretch: expanded; //
	font-weight: bold; //
	height: auto;
	padding: 0px 0px 0px 0px;
	background-position: 50% 0;
	background-repeat: repeat;
	background-attachment: fixed;
	background-size: 100%; //
	-webkit-box-shadow: -20px 0 20px 5px rgba(0, 0, 0, 0.7); //
	-moz-box-shadow: -20px 0 20px 5px rgba(0, 0, 0, 0.7); //
	-ms-box-shadow: -20px 0 20px 5px rgba(0, 0, 0, 0.7); //
	-o-box-shadow: -20px 0 20px 5px rgba(0, 0, 0, 0.7); //
	box-shadow: -20px 0 20px 5px rgba(0, 0, 0, 0.7); //
	border-bottom: transparent solid 1px;
}

#divimagemhome .divssubhome article {
	width: 70%; //
	text-align: center;
	margin: auto auto;
	padding: 3% 0 0;
}

/** formata texto **/
//
article h1 {
	font-size: 40px;
}

article p {
	line-height: 30px;
	font-size: 20px;
	margin-top: 15px;
}

article table tr td {
	padding: 30px;
}

//
article p a {
	color: #FFF;
	text-decoration: none;
	font-size: 30px;
}

#divimagemhome .divssubhome img { //
	padding: 10px;
	float: left;
	width: 100%;
}

#titulopaginanormal {
	position: relative;
	font-size: 22pt;
	font-weight: bold;
}

#conteudopaginanormal {
	position: relative;
}

#titulohome {
	position: absolute;
	background-color: white;
	opacity: 0.2;
	font-size: 22pt;
	font-weight: bold;
	top: 5%;
	left: 3.09%;
}

#conteudohome {
	position: absolute;
	color: white;
	font-size: 22pt;
	font-weight: bold;
	top: 15%;
	left: 9.27%;
}

.fundotrocaarea {
	position:fixed;
	overflow: auto;
	z-index:99999;
	width:100%;
	height:100%;
	background-color:black;
/* 	opacity:0.8; */
	color:black;
	background:url('../../imagens/desktop-netpronto.jpg') center no-repeat ;
	background-size:cover;
}

#cadastresehome {
	top: 37px;
	position: relative;
	background-color: white;
	font-size: 16pt;
	font-weight: bold;
	max-width: 600px;
	height: auto; 
	text-align: center; 
	padding: 5px;
	margin: 0 auto;
}

#cadastresehome .mensagemacesso {
	background-color: red;
}

#cadastresehome input {
	width: 50%;
	border: 1;
	background-color: white;
	color: #f26522;
	font-weight: bold;
	font-size: x-large; 
	margin-top: 2%;
}

#cadastresehome .button {
	width: auto;
	background-color: #f26522;
	color: white;
	font-weight: bold;
	font-size: x-large; 
}

#cadastresehome .checkbox {
	width: 20px;
	height: 20px;
	background-color: #f26522;
	color: white;
	font-weight: bold;
	font-size: x-large;
	opacity: 0.8;
	text-align: left;
}

#cadastresehome a div {
	padding: 8px;
	margin: 2px; //
	text-align: left;
	color: white;
	background-color: #082939;
	font-size: 8pt;
/* 	float: left; */
}

#divimagemhomemobile {
	position: absolute;
	width: 100%;
	height: 100%;
	padding-top: 0;
	margin-top: 0; //
	background-image: url(../../imagens/Natural2-mobile.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 150%;
	overflow: auto;
}

#divimagemhomemobile .divhome {
	position: static;
	height: 90%;
}

#divimagemhomemobile .divssubhome {
	position: static;
	width: 95%;
	background-color: white;
	opacity: 0.9;
	margin: 2%;
	font-size: x-large;
}

#conteudohomemobile {
	position: relative;
	opacity: 0.8;
	font-size: 34pt;
	font-weight: bold;
	color: black;
	text-align: center;
}

#cadastresehomemobile {
	position: inherit;
	background-color: #1e73be;
	font-size: 34pt;
	font-weight: bold;
	width: 100%;
	height: auto;
	left: 19.1%;
	opacity: 0.9;
	text-align: center;
	color: white;
	padding-top: 5%;
	padding-bottom: 2%;
}

#cadastresehomemobile input {
	width: auto;
	padding-top: 1%;
	border: 0;
	background-color: white;
	color: #1e73be;
	font-weight: bold;
	font-size: 34pt;
	opacity: 0.8;
	margin-top: 3%;
}

#cadastresehomemobile .button {
	width: auto;
	background-color: #f26522;
	color: white;
	font-weight: bold;
	font-size: 34pt;
	opacity: 0.8;
}

#cadastresehomemobile .checkbox {
	width: 40px;
	height: 40px;
	font-weight: bold;
	font-size: 34pt;
	opacity: 0.8;
	text-align: left;
}

#cr {
	width: 100%;
	height: 6.89%;
	background-color: white;
	position: fixed;
	z-index: 100;
	top: 93.11%;
	border-top: 2px solid #1e73be;
	text-align: center;
	vertical-align: middle; //
	padding-top: 0.5%; //
	font-size: 8pt;
	display: none;
}

#cr img {
	position: absolut;
	max-width: 40%;
	max-height: 40%;
	padding: 2px;
	vertical-align: middle;
}

#n {
	width: 100%;
	background-color: white;
	position: absolute;
	top: 35px;
}

#n1 {
	width: 60px;
	height: 100%;
	background-color: #155b8f;
	position: fixed;
	overflow-y: auto;
	text-align: center;
	padding-top: 10px;
	z-index: 99;
}

#n1 img {
	max-width: 50px;
	max-height: 50px;
	margin: 0;
}

#n1 a {
	text-decoration: none;
	text-transform: capitalize;
	text-align: center;
	color: white;
	font-size: x-large;
	display: block; //
	line-height: 170%; //
	padding-left: 5%;
}

#n2 {
	width: auto;
	height: auto;
	background-color: white;
	left: 60px;
	margin-bottom: 100px;
	margin-left: 60px;
	margin-right: 20px;
	font-size: 14px;
	display: none;
}

#n3 {
    width: auto;
    right: 0px;
    top: 39px;
    max-height: 80%;
    background-color: #093953;
    position: fixed;
    float: right;
    display: none;
    z-index: 99;
    color: white;
    margin: 3px;
    padding: 5px;
    border: solid white 1px;
    overflow-y: auto;
}

#navbar:not(.collapsed){
	width: calc(100% - 11.563rem);
}

#navbar.collapsed {
	width: calc(100% - 3.125rem);
}

#blocosfiltro{
	border: 1px solid white;
	//padding: 3px;
	margin: 3px;
	white-space: nowrap;
	//max-width: 33%;
	overflow: hidden;
}

#blocosfiltro h4{
	background-color: white;
	color: #155b8f;
	padding: 3px;
	margin: 0px;
}

#blocosfiltro p{
	padding: 0px 3px 0px 3px;
	margin: 0px;
}

.iconespeq {
	max-width: 16px;
	max-height: 16px;
	vertical-align: middle;
}

.icones_menu {
	font-size: 36px;
    padding: 6px;
}

.icones_menu_sel {
	color: #ff6500;
}

.icones_menu:hover {
	color: #ff6500;
}

.coluna{
	display: block;
}

.linha{
	display: inline-block;
	float: left;
}

.tabela{
	display: table;
}

#n4 {
	width: 70px;
	float: right;
	right: 0px;
	top: 70px;
	height: 100%;
	position: fixed;
	overflow-y: auto;
	font-size: small;
	z-index: 99;
	background-color: #155b8f;
	text-align: center;
	padding-top: 20px;
}

#n4 img {
	max-width: 50px;
	max-height: 50px;
	margin: 0;
}

#n4 a {
	text-decoration: none;
	text-transform: capitalize;
	text-align: center;
	color: white;
	font-size: x-large;
	display: block; //
	line-height: 170%; //
	padding-left: 5%;
}

#janelaaberta {
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	top:0px;
	background-color: rgba(0, 0, 0, 0.8); //
	opacity: 0.8;
	color: black;
	display: none;
	overflow-y: auto;
}

#fecharjanela {
	font-size: 16pt;
	font-weight: bold;
	color: white;
	right: 10px;
	float: right;
	padding: 10px;
}

#janelaaberta #menu_campos_sec {
	top: 70px;
	position: relative;
	background-color: white;
	font-size: 14pt;
	font-weight: bold;
	max-width: 80%;
	height: auto; //
	left: 61.8%; //
	opacity: 0.5;
	text-align: center; //
	color: white;
	margin: 0 auto;
	border-radius: 4px;
}

#janelaaberta #menu_campos {
	top: 30px;
	position: relative;
	font-size: 14pt;
	font-weight: bold;
	width: 600px;
	height: auto; //
	left: 61.8%; //
	opacity: 0.5;
	text-align: center; //
	color: white;
	margin: 0 auto;
	border-radius: 4px;
}

#janelaaberta #menu_tarefa {
	top: 70px;
	position: relative;
	background-color: white;
	width: 600px;
	height: auto; //
	left: 61.8%; //
	opacity: 0.5;
	color: black;
	margin: 0 auto;
	border-radius: 4px;
}

#janelaaberta #menu_fluxo_campos {
    text-align: left;
}

#menu_campos_ld {
	//padding: 3%;
	position: relative;
}

#menu_campos_ld a {
	text-decoration: none;
	color: white;
}

#menu_campos_ld a:hover {
	text-decoration: none;
	color: #f26522;
}

#divlinkmenu a {
	text-decoration: none;
	color: #225377;
	padding-left: 7px;
}

#divlinkmenu a:hover {
	text-decoration: none;
	color: #f26522;
}

#divlinkmenucontrato a {
	text-decoration: none;
	color: #225377;
	padding-left: 3px;
}

#divlinkmenucontrato {
	padding-left: 15px;
}

#divlinkmenucontrato a:hover {
	text-decoration: none;
	color: #f26522;
}

#menu_campos {
	padding: 0 1.3% 0 1.3%;
	position: relative;
}

#menu_campos_atualizado {
	padding: 0;
	position: relative;
}

#listagempadrao {
	width: 100%;
	border-spacing: 0px;
}

#listagempadrao tr:hover {
	background-color: #1e73be;
	color: white;
}

#listagempadrao td {
	border: solid 0;
	vertical-align: middle;
}

#listagempadrao td img {
	vertical-align: bottom;
	padding: 1px;
}

#listagemcabecalho {
	background-color: #dedede;
}

#listagemcabecalho tr:hover {
	background-color: #dedede;
}

/*DIV de listagem*/
#listagem {
	width: 100%;
	border-spacing: 0px;
	vertical-align: middle;
	border: solid 0px;
	padding-top: 15px;
}

#listagem a {
	text-decoration: none;
}

#listagem_contrato {
	width: 98%;
	border-spacing: 0px;
	vertical-align: middle;
	border: 2px solid #c4c4c4;
	color: #f26522;
	background-color: white;
	padding: 3px;
	margin: 3px;
}

#listagem_contrato a {
	text-decoration: none;
}

#corpolistagem:hover {
	background-color: #1e73be;
	color: white; //
	border-radius: 5px;
}

#listagem_cliente {
	background-color: #f0f5fb;
	position: absolute;
	padding-left: 7px;
	padding-bottom: 10%;
	width: 92%;
}

#corpolistagem {
	padding-left: 7px;
	padding-bottom: 3px;
}

#caixa_cliente {
	width: 30%;
	min-height: 190px;
	margin: 3px;
	display: inline;
	float: left;
	background-color: white;
	color: #f26522;
	padding: 3px;
	border: 2px solid #c4c4c4;
	position: relative;
}

#caixa_cliente img {
	float: right;
	padding: 2px;
}

#caixa_cliente:hover {
	background-color: #1e73be;
	color: white; //
	border-radius: 5px;
}

#caixa_cliente_add {
/* 	min-height: 190px; */
/* 	margin: 3px; */
/* 	width: 30%; */
/* 	display: inline; */
/* 	float: left; */
/* 	background-color: white; */
/* 	color: #f26522; */
/* 	padding: 3px; */
/* 	border: 2px solid #c4c4c4; */
/* 	position: relative; */
/* 	text-align: center; */
	background-image: url('../../netpronto/imagens/novo_cliente_icone.png');
	background-position: center;
	background-repeat: no-repeat;
}

/* #caixa_cliente_add:hover { */
/* 	background-color: #1e73be; */
/* 	color: white; // */
/* 	border-radius: 5px; */
/* } */

#fichacliente {
	padding-bottom: 10px;
}

#fichacliente img {
	float: right;
}

#caixa_frota_top {
	width:100%;
	min-height:300px;
}

#caixa_cliente_portal {
	width: 40%;
	min-height: 200px;
	max-height: 295px;
	margin: 3px;
	display: inline;
	float: left;
	background-color: white;
	color: #f26522;
	padding: 3px;
	border: 2px solid #c4c4c4;
	position: relative;
}

#caixa_cliente_portal img {
	float: right;
	padding: 2px;
}

#caixa_cliente_portal:hover {
	background-color: #fff4bb;
	color: #1e73be; //
	border-radius: 5px;
}



#caixa_notifi_frota {
	width: 57%;
	min-height: 295px;
}

#caixa_notifi_detail {
	width: 100%;
	min-height: 295px;
}

#table_notificacao {
  text-align:left;
  border-collapse: collapse;
  border-spacing:10px;
}
#table_notificacao td, #table_notificacao th {
  border-right: 1px solid #d1d1d1;
  border-spacing:10px;
  padding:5px;
  border-bottom: 0;
}

}
#table_notificacao tr td:first-child,
#table_notificacao tr th:first-child {
  border-left: 0;
  border-right: 0;
}
#table_notificacao tr td:last-child,
#table_notificacao tr th:last-child {
  border-right: 0;
  border-left: 0;
}

#caixa_generica_portal {
	min-width: 25%;
	min-height: 70px;
}

.fichaitem {
	float: left;
}



#ultimos_servicos {
	min-width: 48%;
	max-width: 97%;
}

#listagem img {
	vertical-align: bottom;
	padding: 1px;
}

#topolistagem {
	background-color: #dedede;
	padding: 3px;
}

/*\DIV de listagem*/
#icorel {
	max-width: 22px;
	max-height: 16px;
	vertical-align: middle;
	margin-top: -5px;
    margin-right: 5px;
}

#icotempo {
	max-width: 32px;
	max-height: 32px;
	vertical-align: middle;
}

#icocontroletempo {
	max-width: 22px;
	max-height: 16px;
	vertical-align: middle;
}

#icorel2 {
	max-width: 60%;
	max-height: 10px;
	vertical-align: middle;
}

#icotopo {
	height: 24px;
	float: left;
	vertical-align: bottom;
}

#setascontrolecampo {
	border: solid 0;
	float: none;
	padding: 0;
}

#setascontrolecampo td {
	border: solid 0;
}

#setascontrolecampo img {
	width: 18px;
}

#linhasetas {
	width: 18px;
}

#divlink { //
	padding-right: 3px; //
	display: table-cell; //
	width: 20.5%;
}

#divlink a { //
	background: #c7d8e9;
	text-align: center; //
	border-radius: 5px; //
	color: black;
	text-decoration: none; //
	margin-right: 5px; //
	margin-left: 5px;
	padding-left: 3px;
	padding-right: 3px; //
	font-size: large;
}

#catfiltro { //
	float: left;
	display: marker;
	width: 100%;
}

#divlinkfiltro { //
	padding-right: 10px;
}

#divlinkfiltro a { //
	background: #8fb1d3;
	text-align: left; //
	border-radius: 5px;
	color: #457aaf;
	text-decoration: none; //
	margin-right: 5px;
	margin-left: 5px; //
	line-height: 10px; //
	font-variant: small-caps; //
	padding-left: 3px; //
	padding-right: 3px; //
	font-size: small;
}

.finan_lista_tabela {
	display: table;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 100%;
	height: auto;
}

.finan_lista_linha {
	display: table-row; //
	margin-bottom: 10px; //
	margin-left: 10px; //
	width: auto; //
	height: auto;
}

.finan_lista {
	display: table-cell; //
	margin-bottom: 10px; //
	margin-left: 10px; //
	width: auto; //
	height: auto;
}

.finan_listat {
	display: table-cell; //
	margin-bottom: 10px; //
	margin-left: 10px; //
	width: auto; //
	height: auto;
}

.finan_lista_cabecalho {
	display: table-header-group;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 100%;
	height: auto;
}

#divanexo {
	width: 20%;
	height: 60px; //
	overflow: hidden;
	display: inline-table;
	margin-bottom: 10px;
	margin-left: 10px;
	position: static;
	opacity: 0.5;
}

#divanexo.wordwrap {
	white-space: pre-wrap; /* CSS3 */
	white-space: -moz-pre-wrap; /* Firefox */
	white-space: -pre-wrap; /* Opera <7 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* IE */
}

#divanexo:HOVER {
	opacity: 1; //
	background: transparent; //
	display: inline-block; //
	position: absolute; //
	z-index: 100; //
	width: 100%; //
	height: 20%;
}

#divanexo #nomeanexo {
	display: table-cell;
	vertical-align: bottom;
	text-align: left;
	color: black; //
	background-color: white;
	text-decoration: none;
	bottom: 50%; //
	margin-right: 5px; //
	margin-left: 5px; //
	padding-left: 3px; //
	padding-right: 3px;
	font-size: x-small;
	overflow: hidden;
}

#divanexo2 {
	width: 7%;
	height: 60px; //
	overflow: hidden;
	display: inline-table;
	margin-bottom: 10px;
	margin-left: 10px;
	position: static;
	opacity: 0.5;
}

#divanexo2.wordwrap {
	white-space: pre-wrap; /* CSS3 */
	white-space: -moz-pre-wrap; /* Firefox */
	white-space: -pre-wrap; /* Opera <7 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* IE */
}

#divanexo2:HOVER {
	opacity: 1; //
	background: transparent; //
	display: inline-block; //
	position: absolute; //
	z-index: 100; //
	width: 100%; //
	height: 20%;
}

#divanexo2 #nomeanexo {
	display: table-cell;
	vertical-align: bottom;
	text-align: left;
	color: black; //
	background-color: white;
	text-decoration: none;
	bottom: 50%; //
	margin-right: 5px; //
	margin-left: 5px; //
	padding-left: 3px; //
	padding-right: 3px;
	font-size: x-small;
	overflow: hidden;
}

#divanexo #excluiranexo {
	display: table-cell;
	text-align: center; //
	border-radius: 5px;
	color: black;
	text-decoration: none; //
	margin-right: 5px; //
	margin-left: 5px; //
	padding-left: 3px; //
	padding-right: 3px; //
	font-size: large;
}

.dds_sub_func {
	max-height: 38vh;
	overflow: auto;
}

.dds_sub_func_chat {
	max-height: 62vh;
	overflow: auto;
}

#avisocarregando {
	text-align: center;
}

#avisocarregando img {
	width: 20px;
	padding-right: 3px;
}

.imagemampliada {
	display: none;
	position: fixed;
	width: 62%;
	height: 90%;
	z-index: 99;
	top: 10%;
	left: 14.5924%;
	text-align: right;
}

.imagemampliada a {
	text-align: center;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
	font-size: large;
	cursor: pointer;
}

#fechaimagemanexo {
	cursor: pointer;
}

.botaolink-old {
	border: 0px solid #c7d8e9;
	background: #c7d8e9;
	text-align: center; //
	border-radius: 5px;
	color: black;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
	padding-left: 3px;
	padding-right: 3px; //
	font-size: medium;
	font-family: FuturaLtBt, calibri, Calibri, Arial, sans-serif;
}

.botaolink {
	position: relative;
	border-top: 1px solid #155b8f;
	border-bottom: 1px solid #155b8f;
	border-left: 1px solid #155b8f;
	border-right: 1px solid #b7d6eb;
	background-color: #155b8f;
	color: white;
	font-size: medium;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 20px;
	width: 100%;
	font-family: FuturaLtBt, calibri, Calibri, Arial, sans-serif;
}

#linktopo { //
	background: #1e73be;
	background: white;
	border: 2px solid #f06524;
	text-align: center; //
	border-radius: 5px;
	color: #f06524;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
	padding-left: 3px;
	padding-right: 3px; //
	font-size: large;
}

#linktopo:hover { //
	background: #1e73be;
	background: #f06524;
	border: 2px solid #f06524;
	text-align: center; //
	border-radius: 5px;
	color: white;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
	padding-left: 3px;
	padding-right: 3px; //
	font-size: large;
}

.linkabas {
	padding: 8px;
	display: table-cell;
	/*background:#f0f5fb;	*/
}

.linkabas .abas {
	background:#d8e9f9;
	border: 2px solid #9cc0e2;
	color:#155b8f;
	float:left;
	text-decoration: none;
	text-align:center;
	margin: 0 5px;
	padding: 0 3px;
	cursor:pointer;
}

.linkabas .active, .linkabas .abas:hover {
	background:#155b8f;
	color:white;
	border:2px solid #155b8f;
}

.linkabasn {
	display: table-cell;
}

.linkabasn .abasn {
	background:#155b8f;
	border:4px solid #155b8f;
	color:white;
	float:left;
	text-decoration: none;
	text-align:center;
	margin: 0 5px;
	padding: 0 3px;
	cursor:pointer;
}

.linkabasn .activen, .linkabasn .abasn:hover {
	background:#082939;
	color:white;
	border:4px solid #082939;
}

#divlink .active { //
	background: #1e73be;
	background: #f06524;
	border: 2px solid #f06524;
	text-align: center; //
	border-radius: 5px;
	color: white;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
	padding-left: 3px;
	padding-right: 3px; //
	font-size: large;
}

#linkstopo {
	background: #1e73be; //
	background: white;
	border: 2px solid white;
	text-align: center; //
	border-radius: 5px;
	color: white;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
	padding-left: 3px;
	padding-right: 3px; //
	font-size: large;
}

#listarclienteservico { //
	background: #1e73be;
	background: white;
	border: 0px solid transparent;
	text-align: center; //
	border-radius: 5px;
	color: #f06524;
	text-decoration: none;
	
	text-transform: uppercase;
	font-size: small;
	
	
    margin: 6px 6px 6px 6px;
    //margin-left: 5px; 
    padding: 8px 8px 8px 8px;
    //padding-right: 3px; 
    line-height: 3.0em;
}

#listarclienteservico:hover { //
	background: #1e73be;
	text-transform: uppercase;
	background: #f06524;
	border: 0px solid transparent;
	text-align: center; //
	border-radius: 5px;
	color: white;
	text-decoration: none;
	//margin-right: 5px;
	//margin-left: 5px;
	//padding-left: 3px;
	//padding-right: 3px; //
	font-size: large;
}

#corpolistagemnovoservico{
	float:left;
}

#iconemedio {
	max-width: 48px;
	max-height: 48px;
	vertical-align: middle;
}

#iconegrande {
	max-width: 128px;
	max-height: 128px;
	vertical-align: middle;
}

#iconeggrande {
	max-width: 40%;
	max-height: 40%;
	vertical-align: middle;
}

#iconexgrande {
	max-width: 50%;
	max-height: 50%;
	vertical-align: middle;
}

#mensagem {
	padding: 2%;
}

#mensagemerro {
	background-color: red;
}

#mensagemsucesso {
	background-color: lime;
}

#sempermissaoicone {
	width: 100px;
	float: left;
}

#spanservico {
	text-decoration: none;
	text-transform: none;
	color: #1e73be;
	padding-left: 3px; //
	display: table-cell; //
	padding-bottom: 10px;
}

#spanservico2 {
	color: #1e73be;
	font-size: medium;
}

#legendadados { //
	border-radius: 5px; //
	padding: 0.2em 0.5em;
	border: 0px solid #1e73be;
	background-color: #bed8e9; //
	color: #155b8f;
	padding: 3px;
	font-weight: bold;
	font-size: small;
	text-align: left;
	width: auto;
}

#legendadados span {
	padding-right: 3px;
}
/*
fieldset {
	padding-top: 6px;
	padding-bottom: 3px;
	margin-bottom: 6px;
	margin-top: 6px;
	background-color: #f0f5fb;
	border: 0px solid transparent;
	box-shadow: 2px 2px 3px #666;
	-webkit-box-shadow: 2px 2px 3px #666;
	-moz-box-shadow: 2px 2px 3px #666;
	min-width: auto;
	
}

legend {
	border-radius: 5px;
	padding: 0.2em 12px;
	margin-left: -12px;
	border: 0px solid transparent;
	background-color: #155b8f;
	color: white;
	font-size: medium;
	text-align: left;
	width: 100%;
	position: relative;
	box-shadow: 2px 2px 3px #666;
	-webkit-box-shadow: 2px 2px 3px #666;
	-moz-box-shadow: 2px 2px 3px #666;
}
*/
.item_portal_cliente {
	border: 2px solid #c4c4c4;
	margin-bottom: 3px;
	background-color: white;
}

.item_portal_cliente:HOVER {
	background-color: #fff4bb;
}

#fieldsetdados { //
	border-radius: 5px; //
	padding: 0.2em 0.5em;
	border: 0px solid #efefef; //
	background-color: #d2e4f0;
	color: black;
	text-align: left;
	word-break: break-word;
}

#fieldsetdados p { //
	font-style: italic; //
	font-size: medium; //
	font-size: small;
	margin: 3px;
	padding: 3px 3px 8px 3px;
	word-break: break-word;
}

#fieldsetservicos { //
	border-radius: 5px;
	position: relative;
	padding: 0.2em 0.5em;
	border: 1px solid #edf2f8;
	background-color: #edf2f8;
	color: black;
	text-align: left;
	font-size: medium;
}

#legendaservicos {
	position: relative;
	border: 1px solid #1e73be;
	background-color: #1e73be;
	color: white;
	font-size: medium;
	display: table-cell;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	height: 40px;
	width: 1%;
}

.tresbotoesservico {
	width: 33.33333333%;
}

.tresbotoesservico a {
	border: 1px solid transparent;
	text-decoration: none;
	background-color: #155b8f;
	color: white;
	font-size: medium;
	text-align: center;
	width: 1%;
	height: 40px;
	display: table-cell;
	vertical-align: middle;
}

#logoservico {
	max-width: 38%;
	max-height: 50px;
	overflow: hidden;
/* 	float: left; */
	margin: 5px;
}

#rodapeservicos {
	position: relative; //
	border: 1px solid #1e73be;
	background-color: #1e73be;
	color: white;
	font-size: medium;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: auto;
	width: 1%;
}

#fieldsetgertempo { //
	border-radius: 5px; //
	padding: 0.2em 0.5em;
	border: 1px solid #f2f2f2;
	background-color: #f2f2f2;
	color: black;
	text-align: left;
}

#fieldsetservicos textarea { //
	border-radius: 5px;
	position: relative;
	margin: 10px 0px 3px 3px;
	padding: 0.2em 0.5em;
	border: 0px solid #1e73be;
	background-color: white;
	color: black;
	text-align: left;
	width: 95%;
	height: 80px;
}

#corpolistagemservico textarea {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 70px;
}

textarea {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 70px;
}

//
#fieldsetservicos .inputtttttttext { //
	border-radius: 5px; //
	position: relative; //
	padding: 0.2em 0.5em; //
	border: 0px solid #1e73be; //
	background-color: white; //
	color: black; //
	text-align: left;
	//
}

input { //
	border-radius: 5px; //
	position: relative;
	padding: 0.2em 0.5em;
	border: 1px solid #b7d6eb;
	background-color: white;
	color: black;
	text-align: left;
}

select,input,textarea,button {
	font-family: UbuntuLt, Arial, Helvetica, 'lucida grande', tahoma, verdana, arial, sans-serif;
}

input[type="submit"] { //
	border-radius: 5px; //
	position: relative;
	padding: 0.2em 0.5em;
	border: 1px solid #ffc679;
	background-color: white;
	color: black;
	text-align: left;
}

#logonoservico {
	max-width: 80px;
	max-height: 50px;
	margin-right: 3px;
}

#areacronometro {
	width: 100%;
	height: 80px;
	border: 2px solid #f26522;
	background: #f26522;
}

#areadescricaotempo {
	background: #f26522;
	display: inline-block;
	position: absolute; //
	width: 100%; //
	height: 100%;
	color: white;
	margin-left: 3px;
	text-transform: capitalize;
	text-decoration: none;
}

#areadescricaotempo a {
	color: white;
	text-decoration: none;
}

#areatempo {
	background: white;
	border: 2px solid #f26522;
	display: block;
	float: left;
	text-align: center; //
	width: 32%;
	height: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: middle;
}

#divtempo {
	padding-bottom: 3%;
	margin: 2% 2% 10% 2%;
	display: block;
	width: 100%;
}

#divtempodescricao { //
	font-size: small;
}

#divlinktempo {
	padding-bottom: 10px;
}

#divlinktempo a { //
	background: #c7d8e9;
	text-align: center; //
	border-radius: 5px;
	color: black;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
	padding-left: 3px;
	padding-right: 3px; //
	font-size: small;
}

#relatorios {
	width: 100%; //
	font-size: x-small;
	border-spacing: 0px;
}

#relatorios td {
	border: solid 2px transparent;
	vertical-align: middle;
}

#relatorioslegenda {
	background-color: #dedede;
	padding: 3px;
}

#relatorios tr:hover {
	background-color: #1e73be;
	color: white;
}

#relatoriosconteudo a {
	text-decoration: none;
	color: #f26522;
}

#relatoriosconteudo a:VISITED {
	text-decoration: none;
	color: #2e5072;
}

#relatoriosconteudo a:hover {
	text-decoration: none;
	color: white;
}

#temporodando {
	display: block;
	float: left;
	width: 90%;
}

.novodado {
	display: block;
	width: 100%;
	height: 10px;
	background-color: #f26522;
}

#grafico {
	display: table;
	width: 100%;
}

#grafico_contrato {
	display: table-cell;
	border: 2px solid transparent;
	width: 62%;
	height: 20px;
}

#grafico_contrato #c1 {
	display: inline-block; //
	position: absolute;
	background-color: #f26522;
	height: 20px;
	float: left;
}

#grafico_contrato #c1:HOVER {
	opacity: 0.8;
}

#grafico_contrato #c2:HOVER {
	opacity: 0.8;
}

#grafico_contrato #c2 {
	display: inline-block; //
	position: absolute;
	height: 20px;
	background-color: #dedede;
}

#grafico_contrato_leg {
	text-align: right;
	display: table-cell;
	width: 38%;
}

#mostra_boleto {
	background-color: white;
}

#paginacaoservicos {
	text-align: center;
}

#prontopagina {
	width: 20%;
}

#blococarregando {
	display: none;
	width: 100%;
	height: 100%;
	background: #155b8f;
	position: fixed;
	z-index: 99999;
	opacity: 0.5;
	background-image: url(../../netpronto/imagens/carregando.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 32px 32px;
}
#middle_box_33 {
	width:32.5%;
	max-width:32.5%;
	margin-right:5px;
	float:left;
}

.content_fadebox {
	color:white;
	display:none;
	position:fixed;
	z-index:9999;
	top:50%;
	left:50%;
	width:260px;
	min-height:80px;
	padding:0px 20px 10px 20px;
	margin:-45px 0 0 -150px;
	background:#155b8f;
	border-radius:2px;
}

.bg_fadebox {
	display:none;
	position:fixed;
	z-index:9999;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background:rgba(0, 0, 0, 0.6);
}

.fechar_fadebox {
	top:50%;
	left:50%;
	display:none;
	position:fixed;
	z-index:9999;
	border:0px!important;
}

.content_imagebox {
	color:white;
	display:none;
	position:fixed;
	z-index:9999;
	top:50%;
	left:50%;
	width:260px;
	min-height:80px;
	padding:0px 20px 10px 20px;
	margin:-45px 0 0 -150px;
	background:#155b8f;
	border-radius:2px;
}

.bg_imagebox {
	display:none;
	position:fixed;
	z-index:9999;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background:rgba(0, 0, 0, 0.8);
}

.fechar_imagebox {
	top:50%;
	left:50%;
	display:none;
	position:fixed;
	z-index:9999;
	border:0px!important;
}

.image_imagebox {
	padding-top:22px;
}


#caixanotificacoes2 {
	display: none;
	position: fixed;
	right:232px;
	top:33px;
	margin:5px;
	padding:5px;
	border:solid white 1px;
	overflow-y:auto;
	overflow-x:hidden;
	width:auto;
	max-height:70%;
	max-width:40%;
	color:white;
	background:#155b8f;
	z-index:99;
}
#listnotificacoes hr {
	margin:0px;
}
#linknotifica {
	padding: 5px 0px;
}
#resultadoBusca2 {
	display: none;
	position: fixed;
	left:345px;
	top:29px;
	margin:5px;
	padding:5px;
	border:solid white 1px;
	overflow-y:auto;
	overflow-x:hidden;
	width:auto;
	max-height:70%;
	max-width:70%;
	color:white;
	background:#155b8f;
	z-index:99;
}
#resultadoBusca table {
	text-align:left;
	color:white;
}
#resultadoBusca tr {
	border-bottom:solid 1px #fff;
}
#resultadoBusca th, #resultadoBusca td {
	border-bottom:solid 1px #fff;
	padding: 3px 5px;
	margin:0px;
}
#resultadoBusca td {
	cursor:pointer;
}
.buscaInput {
	position:fixed;
	font-family: FuturaLtBt, Arial, Helvetica, 'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 16;
	z-index: 99;
	left:350px;
	top:4px;
	padding:5px 5px 5px 26px;
	width:300px;
	border: 1px solid #fff;
	border-radius:1px;
	background:#084d80;
	color:white;
}
.buscaInput::placeholder {
	color:#fff;
	font-family: FuturaLtBt, Arial, Helvetica, 'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 16;
}
.buscaIcon {
	position:fixed;
	width:22px;
	height:19px;
	top:9px;
	left:354px;
	color:white;
	cursor: text;
	fill: currentColor;
	z-index:100;
}
.edit-dados {
	float:right;
	color:#6188a0;
	cursor:pointer;
	font-size: 18px!important;
}
.tab-links {
	padding: 8px;
    display: table-cell;
    background: #f0f5fb;
}

.mes-tab {
	border-top: 0px !important;
    padding: 0px !important;
    top: -2px;
    position: relative;
}

.hover-tr {
	background-color: rgba(0, 0, 0, 0.075)!important;
}

.fatura-card {
	padding:0px;
	min-width:240px;
	max-width:90%;
	margin:0 10px;
}
#float-buttons {
	position:fixed;
	z-index:999;
	bottom:25px;
	right:5px;
}
#float-buttons .btn {
    width: 54px;
    height: 54px;
    padding: 0px;
    margin-top:10px;
    border-radius: 99px;
    box-shadow: 2px 4px 20px -3px #000;
}
#float-buttons .btn .material-icons {
	padding:25%;
	font-size:25px;
	font-weight:bold;
}
.btn-netpronto {
	color: #fff;
    background-color: #fe6500;
    border-color: #fe6500;
}
.bg-netpronto {
	color: #fff;
    background-color: #1a6ead;
    border-color: #1a6ead;
}

.bg-netpronto-titulos {
	color: #fff;
    background-color: #082939;
}

.text-netpronto-titulos {
	color: #082939;
}
.btn-netpronto:hover {
	color: #fff;
    background-color: #336699;
    border-color: #336699;
}
.btn-netpronto:active {
	color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
}

#hidefunc{
	display:none;
}

/* Loader Animation */
#netloader{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	z-index:999999;
	background: rgba(255, 255, 255, 0.877);
	display:none;
}
#text-loader{
	width: 100px;
    height: 20px;
    margin: 5px auto;
    text-align: center;
    color:rgb(12, 1, 76);
    font-weight:bold;
}
.sk-cube-grid {
  width: 60px;
  height: 60px;
  margin: calc(25% - 30px) auto;
  margin-bottom:0px;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background: url('../../netpronto/imagens/loader.png');
  background-size: 60px;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.95s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.95s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  background-position: 0px 0px; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
  background-position: -20px 0px; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  background-position: -40px 0px; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
  background-position: 0px -20px; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  background-position: -20px -20px; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
  background-position: -40px -20px; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  background-position: 0px -40px; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
  background-position: -20px -40px; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  background-position: -40px -40px; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}

/* Fim Loader */

#cronjob{
	max-width:40%;
	max-height:20%;
	padding:20px;
	overflow-y: auto;
	position:fixed;
	z-index:99999;
	bottom:0px;
	right:0px;
	background:white;
	border: 1px solid #000;
	border-radius:3px;
}

#fechar-cronjob {
	position:relative;
	width:10px;
	height:10px;
	top:-15px;
	left:-15px;
	padding:0px;
	cursor:pointer;
}

.inativo{
	color:red;
	background: rgba(255,0,0,.2);
}

.aviso-logo{
	max-height:80px;
	margin-bottom:-15px;
	opacity:.7;
	padding:0px;
}

.br{
	clear: both;
}

.ui-icon-gripsmall-diagonal-se{
	left:auto;
	right:1px;
	bottom:1px;
}

.bg-orange {
	background-color:#ea560d;
}




.chat
{
    list-style: none;
    margin: 1px;
    padding: 1px;
}

.chat li
{
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9;
}

.chat li.left .chat-body
{
    margin-left: 60px;
}

.chat li.right .chat-body
{
    margin-right: 60px;
}


.chat li .chat-body p
{
    margin: 0;
    color: #777777;
}

.img-circle{border-radius:50%}

.pull-right {
    float: right!important;
}

.pull-left {
    float: left!important;
}

.chat-height {
	max-height:0px;
	overflow-y:auto;
	transition:all 0.5s;
}

.chat-max {
	max-height:230px;
	transition:all 0.5s;
	
	position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.width100 {
	width:99.5% !important;
	transition:all 0.5s;
}
.width1001 {
	width:98% !important;
	transition:all 0.5s;
}

.anexo-img {
	margin:2px auto;
	width:130px!important;
	height:130px;
	background-size:97% auto!important;
}

.anexo-title {
	text-align:right;
	padding-bottom:5px;
	max-width:100px;
	font-weight:bold;
	margin-top:5px;
}

.anexo-ext {
	padding-bottom:5px;
	font-weight:bold;
	margin-top:5px;
}

.anexo-close {
	position: absolute;
    top: 0px;
    right: -5px;
    border-radius: 100%;
    color: white;
    padding: 1px;
    cursor: pointer;
    z-index: 1;
}
.ativo-close {
    position: absolute;
    top: -9px;
    right: -9px;
    border-radius: 100%;
    color: white;
    padding: 1px;
    cursor: pointer;
    z-index: 1;
}
.servico-close {
	position: absolute;
    top: -5px;
    right: -5px;
    border-radius: 100%;
    color: black;
    padding: 1px;
    cursor: pointer;
    z-index: 1;
}

.cliente-bloqueado {
	background: rgba(255,0,0,.2) !important;
}
.cliente-bloqueado:hover {
	background: rgba(255,20,20,.7) !important;
}
.cliente-inativo {
	background: rgba(180,180,180,.35) !important;
}
.cliente-inativo:hover {
	background: rgba(180,180,180,.8) !important;
}

.play-arrow {
	font-size:14px;
	transform: rotate(90deg);
	color: #a4a4a4;
}

.play-arrow.cima {
	transform: rotate(-90deg) !important;
}

.card-border {
    border: 1px solid rgba(0, 0, 0, 0.18);
}

.card-estoque {
	float: left;
    max-width: 30%;
    cursor: pointer;
}

.badge-quantity {
	background: #fe6500!important;
	position: absolute;
    margin-top: -1.1em;
    font-size: .6rem!important;
    border-radius: 99px;
    padding-left: 5px!important;
    padding-right: 5px!important;
    margin-left: 4px!important;
    padding-bottom: 3px!important;
    padding-top: 2px!important;
}

.badge-notification {
	background: #fe6500;
    color: white;
    font-size: 9px;
    border-radius: 999px;
    padding-left: 3px!important;
    padding-right: 3px!important;
    position: absolute;
    padding-bottom: 2px!important;
    padding-top: 2px!important;
    margin-top: 0px;
    margin-left: -10px;
}

.mb-200 {
	margin-bottom:200px !important;
}

.mb-6 {
	margin-bottom:6rem !important;
}

.control-label {
	font-weight: bold;
    font-size: 18px;
    float: left;
    text-align: right;
    padding-top: .9rem;
}

.week-items {
    display: inline-flex;
    align-items: stretch;
    justify-content: center;
    width: 24px;
    height: 24px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 50%;
    background-color: #ddd;
    color: #757575;
    margin-right: .3em;
    cursor: pointer;
}

.week-item {
    display: inline-flex;
    align-items: stretch;
    justify-content: center;
    flex-grow: 1;
    border-radius: 50%;
}

.week-item.week-day {
    align-items: center;
}
.week-items.week-check {
    background-color:#155b8f;
    color:white;
}

.pointer {
	cursor:pointer;
}

.no-pointer {
	cursor:auto!important;
}

.pointer .material-icons{
  font-size:18px;
}

.border-bottom-3 {
	border-bottom: 3px solid #dee2e6;
}

.border-npc1 {
	border-color: #7ba8c6 !important;
}

.border-npc2 {
	border-color: #ea560d !important;
}

.border-npc3 {
	border-color: #f5a582 !important;
}

.border-npt-1 {
	border-style: solid;
	border-width: 1px;
}

.border-npt-2 {
	border-style: solid;
	border-width: 2px;
}

.border-npt-3 {
	border-style: solid;
	border-width: 3px;
}

.border-npt-4 {
	border-style: solid;
	border-width: 4px;
}

.border-npt-5 {
	border-style: solid;
	border-width: 5px;
}

.border-bottom-npt-1 {
	border-bottom: solid 1px;
}

.border-bottom-npt-2 {
	border-bottom: solid 2px;
}

.border-bottom-npt-3 {
	border-bottom: solid 3px;
}

.border-bottom-npt-4 {
	border-bottom: solid 4px;
}

.border-bottom-npt-5 {
	border-bottom: solid 5px;
}

.border-right-npt-1 {
	border-right: solid 1px;
}

.border-right-npt-2 {
	border-right: solid 2px;
}

.border-right-npt-3 {
	border-right: solid 3px;
}

.border-right-npt-4 {
	border-right: solid 4px;
}

.border-right-npt-5 {
	border-right: solid 5px;
}

.table-smm th, .table-smm td {
    padding: 0.1rem 0.25rem;
}

.bg-warning2 {
	background-color: #faffbd!important;
	border-color: #fff97b!important;
}

.bs-popover-bottom .arrow.bd-warning::after, .bs-popover-auto[x-placement^="bottom"] .arrow.bd-warning::after {
  top: 1px;
  border-bottom-color: #faffbd;
}

.display-inline-flex {
  display:inline-flex;
}

.nav-side-menu li a {
  width: 100%;
}
.nav-side-menu li a span {
  text-overflow: unset;
  overflow: hidden;
}
.nav-side-menu:not(.collapsed) {
  overflow-x: hidden;
  background-color: #082939;
  position: fixed;
  top: 0px;
  left: 0px!important;
  width: 11.563rem;
  height: 100%;
  color: #ffffff;
  z-index:999;
}
.nav-side-menu:not(.collapsed) .brand {
  height: 37px;
  font-size: 14px;
  border-bottom:3px solid #ea560d;
  opacity:1;
}
.nav-side-menu:not(.collapsed) .brand-collapsed {
  display:none;
  opacity:0;
}
.nav-side-menu:not(.collapsed) ul,
.nav-side-menu:not(.collapsed) li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  cursor: pointer;
}

.nav-side-menu:not(.collapsed) ul .active,
.nav-side-menu:not(.collapsed) li .active {
  border-left: 3px solid #d19b3d;
  background-color: #4f5b69;
}

.nav-side-menu:not(.collapsed) li {
  padding-left: 0px;
  padding-right: 15px;
  border-left: 3px solid #2e353d;
  white-space: nowrap;
}
.nav-side-menu:not(.collapsed) li a {
  text-decoration: none;
  color: #ffffff;
  line-height: 36px;
  display:inline-flex;
}
.nav-side-menu:not(.collapsed) li a i {
  font-size:28px;
}
.nav-side-menu:not(.collapsed) li:hover,
.nav-side-menu:not(.collapsed) li.active {
  border-left: 3px solid #ea560d;
  background-color: #093953;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

/* Collapsed */
.nav-side-menu.collapsed {
  overflow-x: hidden;
  background-color: #082939;
  position: fixed;
  width: 3.125rem;
  height: 100%;
  top: 0px;
  left: 0px!important;
  color: #e1ffff;
  z-index:999;
}
.nav-side-menu.collapsed .brand-collapsed {
  height: 37px;
  font-size: 14px;
  border-bottom:3px solid #ea560d;
  opacity:1;
}
.nav-side-menu.collapsed .brand {
  display:none;
  opacity:0;
}
.nav-side-menu.collapsed ul,
.nav-side-menu.collapsed li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  cursor: pointer;
}

.nav-side-menu.collapsed ul .active,
.nav-side-menu.collapsed li .active {
  border-left: 3px solid #d19b3d;
  background-color: #4f5b69;
}

.nav-side-menu.collapsed li {
  padding-left: 0px;
  border-left: 3px solid #2e353d;
  white-space: nowrap;
}
.nav-side-menu.collapsed li a {
  text-decoration: none;
  color: #ffffff;
  line-height: 38px;
  display:inline-flex;
}
.nav-side-menu.collapsed li a i {
  font-size:28px;
  margin-right:calc(.5rem + 3px)!important;
}
.nav-side-menu.collapsed li a span.nav-title {
  display:none;
}
.nav-side-menu.collapsed li:hover,
.nav-side-menu.collapsed li.active {
  border-left: 3px solid #ea560d;
  background-color: #093953;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

/* NavBar */

#navbar {
	position:fixed;
	background:white;
	top:0px;
	right:0px;
	height:37px;
	border-bottom:3px solid #ea560d;
	color:#155b8f;
	z-index:998;
}

.text-align-right {
  text-align:right;
}

  
.searchBox.search .searchBox-icon {
  border: 1px solid #b7d6eb;
  border-right:0px;
}

.searchBox.search {
  float:right;
  display:inline-flex;
  width:35%;
}
.searchBox.search .searchBox-input {
  display:block;
  border-left:0px;
  width:100%;
  float:right;
}


.searchBox:not(.search) {
  float:right;
  display:inline-flex;
}

.searchBox:not(.search) .searchBox-input {
  border-right:0px;
  display:none;
  width:0;
  float:right;
}

.searchBox .searchBox-input:focus {
  outline:none;
}

.searchBox:not(.search) .searchBox-icon {
  border: 1px solid #fff;
  cursor:pointer;
}

#resultadoBusca {
    display: none;
    position: fixed;
    right: 80px;
    top: 35px;
    margin: 5px;
    padding: 5px;
    border: solid white 1px;
    overflow-y: auto;
    overflow-x: hidden;
    width: auto;
    max-height: 70%;
    max-width: 70%;
    color: white;
    background: #093953;
    z-index: 99;
}

#caixanotificacoes {
    display: none;
    position: fixed;
    right: 50px;
    top: 35px;
    margin: 5px;
    padding: 5px;
    border: solid white 1px;
    overflow-y: auto;
    overflow-x: hidden;
    width: auto;
    max-height: 70%;
    max-width: 40%;
    color: white;
    background: #093953;
    z-index: 99;
}

#navbar .dropdown-item {
  color: white;
  padding: 0.25rem .8rem;
  width: calc(100% - 1.6rem);
}

#navbar .dropdown-item:hover,#navbar .dropdown-item:focus,#navbar .dropdown-item:active {
  color: white;
  background: #082939;
  padding: 0.25rem .8rem;
  width: calc(100% - 1.6rem);
  outline:none;
}

#navbar .dropdown-menu.dropdown-menu-right {
  top:2px!important;
}

.ncard {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #f5f9fc;
  background-clip: border-box;
  padding-bottom:5px;
}
.ncard-header {
    padding: 0.3rem .7rem;
    margin-bottom: 0;
    background-color: #eaf3f9;
    border-bottom:2px solid #fff;
}
.ncard-footer {
    padding: 0.3rem .7rem;
    margin-top: 0;
    background-color: #eaf3f9;
    border-top:2px solid #fff;
}
.ncard-title {
  color:#093953;
  margin: 3px 0 0 0;
  font-size: 1.17em;
  font-weight:bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ncard-title.sub {
  margin: -3px;
}
.ncard-subtitle {
  margin:0;
  color:#656565;
  line-height: 15px;
  font-weight:normal;
  font-size: 0.8em;
}
.ncard-buttons {
  float:right;
  border-left:1px solid #7ba8c6;
  padding-left:8px;
  margin-left: 8px;
}
.ncard-buttons .material-icons {
  font-size:18px;
  color:#7ba8c6;
  padding: 4px 3px;
  cursor:pointer;
}
.ncard-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: .5rem .7rem;
    overflow: hidden;
}

.ncard2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #d3e2e9;
  background-clip: border-box;
  padding-bottom:5px;
  border-radius:8px;
}
.ncard2-header {
  padding: 0.3rem .7rem;
  margin-bottom: 0;
  background-color: #d3e2e9;
  border-bottom:2px solid #fff;
  border-radius:8px 8px 0 0;
}
.ncard2-title {
  color:#093953;
  margin: 3px 0 0 0;
  font-size: 1.17em;
  font-weight:bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ncard2-title.sub {
  margin: -3px;
}
.ncard2-subtitle {
  margin:0;
  color:#656565;
  line-height: 15px;
  font-weight:normal;
  font-size: 0.8em;
}
.ncard2-buttons {
  float:right;
  border-left:1px solid #7ba8c6;
  padding-left:8px;
  margin-left: 8px;
}
.ncard2-buttons .material-icons {
  font-size:18px;
  color:#7ba8c6;
  padding: 4px 3px;
  cursor:pointer;
}
.ncard2-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: .5rem .7rem;
    overflow: hidden;
}

.badge-netpronto {
  color: #fff;
  font-weight:normal;
  padding: 0.4em 0.5em;
  background-color: #185f97;
}

.ninput-group {
  padding:.5rem .25rem;
  color:#093953;
}
.ninput-group .nlabel {
  float:left;
  min-width:20%;
}
.nlabel-label {
  margin: 3px 0;
}
.ninput-group .ninput div {
  font-weight:bold;
}
h2.ntitle {
	margin: 0 0 .35em 0;
	font-size:1.3em;
	color:#ea560d;
}
.dark-netpronto {
	color:#093953;
}
.max-width100 {
	max-width:99%;
}
.min-width70 {
	min-width:70%;
}

.switch.small {
  position: relative;
  display: inline-block;
  width: 29px;
  min-width: 29px;
  height: 18px;
}

.switch.medium {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch.large {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch.small .slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch.small input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}

.switch.medium .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch.medium input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

.switch .slider.large:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider.large:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

input:checked + .slider {
  background-color: #7ba8c6;
}

/* Rounded sliders */
.switch .slider.round {
  border-radius: 34px;
}

.switch .slider.round:before {
  border-radius: 50%;
}

.ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.vertical-align-middle { 
    vertical-align: middle; 
}

table.table {
  border-spacing:unset;
  border-collapse:unset;
  color: #093953;
}
table.table thead th {
  padding: .5rem;
  background-color: #eaf3f9;
  border-bottom: 1px solid #7ba8c6;
}
table.table tfoot th {
	padding: .5rem;
	background-color: #eaf3f9;
	border-top: 1px solid #7ba8c6;
}
table.table td {
  padding: .4rem .3rem;
}
.note-image-url {
	width:70%;
}

.note-video-url {
	width:70%;
}

.link_btn_m {
	display: table-cell;
}

.btn_m {
	background:#155b8f;
	border:8px solid #155b8f;
	color:white;
	float:left;
	text-decoration: none;
	text-align:center;
	margin: 0 5px;
	padding: 0 3px;
	cursor:pointer;
	font-size: large;
}

.link_btn_m .btn_m_active, .btn_m:hover {
	background:#082939;
	color:white;
	border:8px solid #082939;
}

.link_btn_p {
	display: table-cell;
}

.btn_p {
	background:#155b8f;
	border:2px solid #155b8f;
	color:white;
	float:left;
	text-decoration: none;
	text-align:center;
	margin: 0 5px;
	padding: 0 3px;
	cursor:pointer;
}

.link_btn_p .btn_p_active, .btn_p:hover {
	background:#082939;
	color:white;
	border:2px solid #082939;
}

#btn_prox {
	background:#155b8f;
	border:8px solid #155b8f;
	color:white;
	float:left;
	text-decoration: none;
	text-align:center;
	margin: 0 5px;
	padding: 0 3px;
	cursor:pointer;
	font-size: large;
}

#btn_prox:hover {
	background:#082939;
	color:white;
	border:8px solid #082939;
}

.note-image-popover{
	z-index:9000;
}

.note-table-popover{
	z-index:9000;
}

.table-bordered {
    border: 0px solid #dee2e6;
}
.btn_acao_edital{
	text-decoration: none;
    color: #fff;
    background-color: #ff6500;
    border-color: #9ec1e3;
    display: block;
    width: 90%;
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    cursor:pointer;
} 

.badge-today{
	border:1px solid white;

}
/* .popover-content { */
/* 	display: none; */
/* } */

@media (min-width: 34em) {
    .card-columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

@media (min-width: 48em) {
    .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (min-width: 66em) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

@media (min-width: 75em) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

select[readonly] {
	background: #eee;
	pointer-events: none;
	touch-action: none;
}