@import 'loading.css';
body{
	font:13px/20px 'Lato','Open Sans',Arial,sans-serif;
	background-color: #2a737d;
}
.index{
	border-right: 2px solid #c9c9c9;
	border-bottom: 2px solid #c9c9c9;
	padding: 20px;
	display: grid;
	margin-top: 20px;
	background-color: rgba(255, 255, 255, 0.8);
	margin-bottom: 20px;
}
.titulo_page{
	font-size: 20px;
	border-bottom: 1px solid #e7e7e7;
	padding: 10px 0px 14px;
	margin-bottom: 20px;
}
.forward{
	border:none;
	color:#fff;
	padding:7px 12px;
	text-decoration:none;
	transition:background .5s ease;
	-moz-transition:background .5s ease;
	-webkit-transition:background .5s ease;
	-o-transition:background .5s ease;
	display:inline-block;
	cursor:pointer;
	font-weight:600;
	text-transform:uppercase;
	outline:none;
	background:#2a737d;
	position:relative;
}
.img_logo {
	text-align: center;
	width: 100%;
}
.forward:hover {
	background: #a93252;
	color: #fff;
}
.borda {
	border-left: 5px solid #5a738e !important;
	border-radius: 6px !important;
}
.borda2 {
	border-left: 5px solid #5a738e !important;
	border-radius: 6px !important;
	border-top: 1px solid #e6e9ed;
	padding-left: 5px;
	position: relative;
}
.bordabaixo {
	border-bottom: 1px solid #a6ce39;
}
.borda:focus {
	border-left: 5px solid #a6ce39 !important;
}
.grupo {
	/*padding-top: 5px;*/
}
.grupo1 {
	float: left;
	padding: 0 2px 5px;
	text-align: center;
}
.grupo_pai {
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-radius: 6px;
	padding: 5px 10px;
	border-left: 5px solid #5a738e;
}
.linha1 {
	display: inline-block;
	width: 100%;
}
.btn-primary {
	background: #5a738e;
}
.btn {
	border-radius: 6px;
	padding: 4px 8px;
}
.btn-lupa{
	margin-top: 20px;
	padding: 7px 8px;
	margin-left: 5px;
	float: left;
}
.btn_50 {
	border-radius: 50%;
	padding: 4px 8px;
}
.separador{
	border-left: 1px solid #e6e9ed;
	margin-left: 5px;
}
.obrig {
	font-size: 10px;
	text-align: right;
}
.modal_servico {
	padding: 10px;
	background: white;
	margin-bottom: 0px;
}
.form-group {
	/*margin-bottom: 3px !important;*/
}
.btn-success {
	background: #a6ce39 !important;
	border: 1px solid #b2cc6d !important;
}
.btn-success:hover {
	background: #96b541 !important;
	border: 1px solid #b2cc6d !important;
}
.pull-right {
	text-align: center !important;
	float: none !important;
	font-size: 10px;
}
.area-login {
	background: #fff;
	padding: 10px 15px;
	border-radius: 5px;
	border: 1px solid #5a738e;
	box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.3);
}
.area-login label {
	margin-bottom: 3px !important;
	float: left !important;
	font-size: 15px !important;
	font-weight: normal !important;
}
.area-login input[type="text"] {
	margin: 0 0 15px !important;
}
.area-login input[type="submit"] {
	float: none !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}

#login .login_content div .reset_pass {
	margin-top: 0px !important;
	margin-right: 0px !important;
}

.login_content form div a {
	margin: 0px !important;
}
.reset_pass {
	margin-top: 0px !important;
}
footer {
	bottom: 0px;
}
.footer {
	background: #0066b3;
	width: 100%;
	height: 45px;
	bottom: 0px;
	position: fixed;
}
.footer p {
	color: white;
	padding: 15px;
	text-align: right;
}
th {
	text-align: center;
}
.table-bordered {
	margin-top: 15px;
}
.coluna_azul {
	background-color: rgb(42, 115, 125);
	color: white;
}
.coluna_azul > tr > th {
	vertical-align: middle !important;
}
.coluna_verde {
	background-color: #bddc68;
	color: white;
}
.coluna_opcoes {
	background-color: hsla(209, 100%, 26%, 0.49);
	color: white;
}
/*.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
 border: 2px solid #fff !important;
 }*/
 .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th {
 	padding: 8px;
 }
 .col_mod > tbody > tr > td {
 	text-align: center;
 }
 .ui-widget.ui-widget-content {
 	border: 1px solid #c5c5c5;
 	/*border-left: 5px solid #5a738e !important;*/
 	border-radius: 6px !important;
 	background: white;
 }
 .ui-autocomplete .ui-menu .ui-widget .ui-widget-content .ui-corner-all {
 	padding-left: 10px;
 }
 .ui-menu-item:hover {
 	background: rgba(166,206,57,0.3);
 }
 .ui-menu-item {
 	padding-left: 10px;
 }
 .ui-state-hover, .ui-widget-content .ui-state-hover {
 	background: none !important;
 }
 .custom-combobox-input {
 	height: 34px;
 }
 .encarregado {
 	background: #fff;
 	*/
 	color: #5a738e;
 	padding: 10px;
 	/* border-radius: 5px 5px 0 0; */
 	font-size: 15px;
 	/* width: 275px; */
 	/* border: 1px solid white; */
 	border: 1px solid #eeeeee;
 	border-radius: 5px;
 	margin-bottom: 10px;
 	font-weight: bold;
 }
 .encarregado a {
 	color: #a6ce39 !important;
 }
 .encarregado u {
 	font-size: 16px;
 }
 .encarregado button {
 	margin-top: -4px;
 }
 .cel_branca {
 	background: white;
 	color: #004484;
 }
 .middle {
 	vertical-align: middle !important;
 }
 .daterangepicker.picker_2 table.table-condensed thead tr {
 	color: #a6ce39;
 }
 .form-control2 {
 	border: 1px solid #ccc;
 	height: 34px;
 	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 	padding: 6px 12px;
 	font-size: 14px;
 	line-height: 1.42857143;
 	color: #555;
 	margin: 2px;
 	width: 100%;
 }
 input.form-control, select.form-control, textarea.form-control {
 	background: none;
 	background-color: #f9f9f9;
 	border: 1px solid #c9c9c9;
 	border-radius: 0;
 	/* -webkit-appearance: none; */
 	-webkit-border-radius: 0;
 	-moz-border-radius: 0;
 	-webkit-box-shadow: none;
 	box-shadow: none;
 	-webkit-transition: none;
 	color: #999;
 	height: 30px;
 	font-size: 12px;
 	font-weight: 400;
 	margin-bottom: 10px;
 	/* font-family: 'Open Sans',Arial,sans-serif; */
 	/* line-height: 1.428571429; */
 	padding: 6px 12px;
 }
 #form_pagamento, #form_configuracao, #form_curso {
 	margin-top: 15px;
 }
 .filtro {
 	text-align: right;
 	padding-bottom: 5px;
 }
 .x_title {
 	border-bottom: none !important;
 }
 .fa-2x{
 	margin: 0 2px;
 }
 .ui-dialog .ui-dialog-content {
 	overflow: hidden !important;
 }
 .title_left h3 {
 	padding: 10px 10px 20px 10px;
 }
 .nav_menu {
 	/*background: linear-gradient(to bottom,rgb(166, 206, 57) 0,rgb(120, 165, 0) 100%);*/
 }
 .nav_menu .fa .fa-bars {
 	color: #fff;
 }
 @media (max-width: 891px) {
 	footer {
 		margin-left: 0px !important;
 	}
 }

 .accordion_help .ui-state-default {
 	color: #fff;
 	background-color: #73879c;
 	border-color: #ddd;
 }
 .accordion_help .ui-state-default:hover, .accordion_help .ui-state-active:hover, .panel-default > .panel-heading:hover {
 	/*color: #73879c;*/
 	background-color: #a6ce39 !important;
 	border-color: #ddd;
 	transition: all .2s linear;
 }
 .accordion_help .ui-state-active, .panel-default > .panel-heading {
 	border: 1px solid #ddd;
 	background: #2a3f54;
 	font-weight: normal;
 	color: #ffffff;
 }
 .accordion_help .ui-accordion-header {
 	font-size: 18px !important;
 }
 .accordion_help .ui-icon {
 	margin-right: 5px;
 }
/*.right_col {
 min-height: 500px !important;
 }*/
 .page-title .title_left {
 	width: 100% !important;
 }
 .x_title button {
 	float: right;
 }
 #filtro {
 	float: right;
 }
 .coluna50 {
 	width: 50%;
 	float: left;
 }
 .legenda b {
 	color: #a6ce39;
 }
 body.nav-sm .nav.side-menu li.active-sm {
 	border-right: 5px solid #a6ce39 !important;
 }

 .top_nav .dropdown-menu li a {
 	width: 100%;
 	padding: 5px 15px;
 	font-size: 12px;
 	text-align: right;
 	border: 1px solid #ededed;
 }
 .top_nav .dropdown-menu li a:hover {
 	border-left: 4px solid #00386c;
 	/*background: #d9dee4;*/
 	-webkit-transition: 0.2s linear;
 	-moz-transition: 0.2s linear;
 	-o-transition: 0.2s linear;
 	transition: 0.2s linear;
 }
 .campos_troca {
 	width: 50%;
 	margin: 0 auto;
 	padding: 50px 0px;
 }
 #tela_redefinir {
 	/*display: none;*/
 }
 label {
 	margin-bottom: 0px;
 }
 .x_panel {
 	border-radius: 5px;
 }
 .grupos {
 	clear: both;
 	font-weight: bolder;
 	/* padding-top: 20px; */
 	/*border: 1px solid #eeeeee;*/
 	padding: 5px;
 	border-radius: 5px;
 	/*margin-top: 20px;*/
 }
 .checkbox input[type=checkbox] {
 	position: initial;
 	margin-left: 0px;
 	margin-right: 3px;
 }
 .ui-widget-header .ui-icon {
 	/*background-image: url("../js/jquery-ui-1.8.22/css/images/ui-icons_999999_256x240.png") !important;*/
 }
 .ui-widget-header a{
 	background: #d7d7d7;
 }
 .imagem {
 	border: 1px solid #cfcfcf;
 	border-radius: 5px;
 	padding: 10px;
 	text-align: center;
 	margin-top: 10px;
 }
 .imagem img {
 	/*margin: 3px;*/
 	-webkit-transition: all .5s ease-in-out;
 	-moz-transition: all .5s ease-in-out;
 	-o-transition: all .5s ease-in-out;
 	transition: all .5s ease-in-out;
 	max-width: 100%;
 	border: 1px solid #8a8a8a;
 	background: #08080b;
 	box-shadow: 2px 2px 6px #8a8a8a;
 	margin: 5px 0;
 }
 .imagem img:hover {
 	/*zoom: 200%;*/

 }
 .imagem .lightgallery a{
 	padding: 5px !important;
 }

 @media (min-width: 768px){
 	.modal_galeria .modal-dialog {
 		width: 780px !important;
 	}
 }
 .modal_galeria .modal-dialog{
 	max-height: 400px !important;
 }
 .modal_galeria .imagem{
 	max-height: 450px;
 	overflow: overlay;
 	margin-top: 0px !important;
 }
 .modal_galeria .modal-header, .modal_alt .modal-header{
 	background-color: #5a738e;
 	color: #fff;
 	font-weight: bold;
 	text-align: center;
 }

 .zoomContainer{
 	z-index: 1200;
 }
 .legenda {
 	border-bottom: 1px solid;
 	margin-bottom: 3px;
 	font-size: 14px;
 	font-weight: bold;
 }
 .overflow {
 	overflow-y: scroll;
 	max-height: 500px;
 }
 .tab-pane {
 	/*border: 1px solid #dddddd;*/
 	border-top: 0px;
 	padding: 15px;
 }
 .nav-tabs>li{
 	width: 50%;
 	border-left: 0px;
 	text-align: center;
 }
 .nav-tabs > li > a {
 	background-color: #a93252;
 	color: #fff;
 	font-weight: bold;
 	font-size: 14px;
 	margin-right: 0px !important;
 	border-radius: 0px !important;
 	border: 2px solid #c9c9c9 !important;
 	border-bottom-width: 0px !important;
 	border-left-width: 0px !important;
 	border-top-width: 0px !important;

 }
 .nav>li>a:focus, .nav>li>a:hover {
 	text-decoration: none;
 	background-color: rgba(255, 255, 255, 0.5) !important;
 	color: #2a737d !important;
 }
 .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
 	color: #73879c;
 }
 #mapa_1, #mapa_2, #mapa_3, #mapa_4, #mapa_5 {
 	padding: 20px 0;
 }
 .pagination {
 	margin: 0px !important;
 }
 .icone {
 	text-align: center;
 }
 #table_item_financeiro_fiscalizacao .custom-combobox .custom-combobox-input {
	/*border-left: 5px solid #5a738e !important;
	width: 100% !important;*/
}
#table_item_financeiro_fiscalizacao .custom-combobox {
	/*display: block !important;*/
}
.child_menu2 {
	display: block;
	left: 100%;
	position: absolute;
	top: 0;
	/* padding: 10px; */
	width: 210px;
	z-index: 4000;
	background: #3E5367;
}
.nav.child_menu2 > li > a {
	color: rgba(255, 255, 255, 0.75) !important;
	font-size: 12px;
	padding: 9px;
}
li.current-page {
	/*background: none !important;*/
}
.ui-dialog-titlebar-close::after {
	content: "X";
	color: #d03434;
}
.ui-corner-right {
	padding: 15px 1em !important;
}
.scroll {
	overflow-y: scroll;
	overflow-x: hidden;
	width: 100%;
	height: auto;
	max-height: 400px;
}
.img_carregando {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
}
.img_carregando img {
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
	position: absolute;
}
.carregando_div{
	text-align: center;
	position: absolute;
	z-index: 99;
	background: #ffffff;
	width: 100%;
	height: 100%;
	opacity: .9;
	border-radius: 6px;
}
.carregando_div img{
	margin-top: 25%
}
#mapa .img img {
	max-width: 100px;
	max-height: 100px;
}
.ui-dialog .ui-dialog-titlebar-close {
	padding: 7px !important;
}
.gm-style-iw{
	text-align: center;;
}
.modal-backdrop.in{
	display: block;
}
.nopadding{
	padding: 0px !important;
}

.thumbnail_galeria {
	position: relative;
	width: 165px;
	height: 124px;
	overflow: hidden;
	float: left;
	border: 1px solid #8a8a8a;
	background: #08080b;
	box-shadow: 2px 2px 6px #8a8a8a;
}
.thumbnail_galeria img {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100%;
	width: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.thumbnail_galeria img.portrait {
	width: 100%;
	height: auto;
}

.imagem_galeria .excluir {
	top: -10px;
	right: 0px;
	position: absolute;
	z-index: 15;
	cursor: pointer;
}
.borda2 .excluir{
	position: absolute;
	top: -10px;
	right: -10px;
	cursor: pointer;
}

.imagem_galeria {
	float: left;
	padding: 0 8px;
	margin: -12px 0;
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
}
.modal-header2{
	background-color: #2a3f54 !important;
}
.error{
	color: #e44047;
	text-align: center;
	/*margin-top: 10px;*/
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.modal-body #senha{
	width: 50% !important;
	margin: 0 auto;
}
.modal-content2{
	max-width: 600px;
	margin: 0 auto;
}
#gallery{
	display: inline-block;
	width: 100%;
	height: 100%;
	/*background: red;*/
	max-height: 275px;
	overflow-y: auto;
	padding-top: 5px;
}
.saudacao{
	padding: 10px;
	color: #2a737d;
	border-bottom: 1px solid #d7d7d7;
}
.bemvindo{
	padding: 5px 10px;
	/*color: #a93252;*/
	font-size: 16px;
}

.login-user{
	background: none !important;
	text-transform: uppercase;
}

/***Estilo para paginação da tabela***/
.disabled{
	background-color: #eee !important;
	color: #ccc;
	cursor: not-allowed !important;
}
.paginate_button{
	cursor: pointer
}
.paginate_button:hover{
	font-weight: bold;
	color: #a93252;
}
.current{
	background: #a93252 !important;
	color: #fff;
	font-weight: bold;
}

/* ===== Responsividade de tabelas =====
   1) .index é um grid; por padrão o item de grid tem min-width:auto e não
   encolhe abaixo da largura mínima do conteúdo. Com uma tabela larga dentro,
   o item estourava o container e empurrava a página inteira para a direita
   (scroll horizontal no body, menu e coluna "Ações" cortados). Além disso, a
   extensão Responsive do DataTables media esse container já estourado e por
   isso nunca colapsava as colunas. min-width:0 devolve o encolhimento. */
.index > * {
	min-width: 0;
}
/* 2) Fallback: se ainda assim alguma tabela estourar (tabela sem DataTables,
   coluna com texto muito longo), o wrapper rola na horizontal em vez de
   quebrar o layout da página. */
.dataTables_wrapper,
.table-responsive-fallback {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
/* 3) A tabela aninhada da coluna "Ações" não deve forçar largura. */
.index td > table {
	max-width: 100%;
}
/* 4) As listas perderam a classe "nowrap": com ela o Responsive media cada
   coluna pelo texto inteiro sem quebra (o Nome de cargo dava 485px), não
   cabia nenhuma coluna em tela pequena e o plugin caía no fallback de exibir
   só a primeira. Deixando quebrar, a medida vira a da maior palavra e as
   colunas prioritárias (Nome, Ações, Valor) cabem.
   Obs.: não usar word-break/break-word aqui — isso deixaria a largura mínima
   de cada coluna do tamanho de uma letra, o Responsive concluiria que tudo
   cabe e voltaria a espremer as 5 colunas no celular. */
.index table.dataTable td,
.index table.dataTable th {
	white-space: normal;
}
/* 5) "Exibindo N entradas" e "Pesquisar" ficam lado a lado por float e se
   sobrepõem em tela estreita; empilha e ocupa a largura toda. */
@media (max-width: 767px) {
	.dataTables_wrapper .dataTables_length,
	.dataTables_wrapper .dataTables_filter,
	.dataTables_wrapper .dataTables_info,
	.dataTables_wrapper .dataTables_paginate {
		float: none;
		width: 100%;
	}
	/* o alinhamento centralizado em telas pequenas vem do dataTables.bootstrap;
	   aqui só garantimos que o campo de busca não estoure a largura. */
	.dataTables_wrapper .dataTables_filter input {
		max-width: 100%;
		margin-left: 0;
	}
	.dataTables_wrapper .dataTables_paginate {
		margin-top: 10px;
	}
	.index {
		padding: 10px;
	}
	.titulo_page {
		font-size: 17px;
	}
}

/* ===== Menu lateral em tela pequena =====
   Até 991px o tema esconde a coluna do menu (display:none) e conta com o
   hamburguer para trazê-la de volta — mas o clique do hamburguer não estava
   ligado (ver header.php). Com o clique funcionando, aqui o menu vira uma
   gaveta sobre o conteúdo, com a largura cheia de 230px em vez da barra de
   ícones de 70px, que fica ilegível no celular. */
@media (max-width: 991px) {
	body.menu-aberto .container.body .col-md-3.left_col {
		display: block !important;
		position: fixed;
		top: 0;
		left: 0;
		width: 230px;
		height: 100%;
		overflow-y: auto;
		z-index: 9999;
		box-shadow: 2px 0 8px rgba(0, 0, 0, 0.35);
	}
	body.menu-aberto .container.body .col-md-3.left_col .nav.side-menu li a {
		text-align: left;
		font-size: 13px;
		padding: 13px 15px;
	}
	.nav_menu .nav.toggle {
		display: block;
	}
	#menu_toggle {
		cursor: pointer;
	}
}