body {
	background: #F7F7F7;
	font-family: 'hdi-gerling_sanscondensed', 'Verdana', 'Arial', sans-serif;
	line-height: 1.471;
	color: #787878;
}

div.k-loading-image {
	display: none;
}

.disabledDay {
	opacity: 0.5;
}

/*Container Logo*/
.container-logo {
	background-color: #fff;
	height: 60px;
}

.navbar-right {
	margin: 1px 0;
	padding: 0;
}

.color-white {
	color: white;
}

.color-green {
	color: #00A353 !important;
}

/*CONTAINER PRINCIPAL*/
.card {
	background-color: #fff;
	margin: 0.5%;
	width: 99%;
}

.conPrincipal, #cadastroRegiao {
	padding: 2% 5% !important;
}

#chevron {
	font-size: 16px;
}

.btnForm {
	margin: 0 15px 0 0;
	float: left;
}

.page-header {
	margin: 10px 0;
	font-size: 20px;
	/*margin-top: 0;
	margin-right: 10px;*/
}

.forms {
	width: auto;
	padding: 11px;
}

.btnAcoes, .alinhaEsq {
	width: 100%;
	float: left;
}

.alert-danger p, .alert-success p {
	vertical-align: middle;
}

.row {
	padding: 0 3px 8px 3px;
}

.centraliza {
	margin: 0 auto;
}

/*INPUTS*/
.k-button, .k-input[type=text], .k-input[type=number], .k-picker-wrap .k-input,
	.k-textbox, .k-textbox>input {
	padding-left: 8px;
}

.k-multiselect .k-button.k-state-hover {
	border-color: #497a61 !important;
	background-color: #00773d !important;
}

.k-multiselect .k-button {
	border-color: #497a61 !important;
	background-color: #00a353 !important;
}

.camposPeriodo {
	float: left;
	margin-right: 25px;
	width: 250px;
}

span[data-for="frequencia"]{
	position:absolute !important;
	left:0;
	top:25px;
}

span[data-for="dataBloq"]{
	position:absolute !important;
	left:0;
	top:25px;
}

.k-widget.k-tooltip-validation {
	z-index: 999999 !important;
	border-color: #E7F5EE !important;
	background-color: #E7F5EE !important;
	position: absolute;
	display: inherit;
}

.k-dropdown-wrap.k-state-hover, .k-dropdown-wrap.k-state-focused {
	background-color: #ffffff !important;
	color: #787878;
}

/*TABELAS RESULTADOS*/
#divResultados, #divTabela {
	width: 99%;
}

.mapa {
	width: 100%;
	float: left;
	padding: 10px;
}

.btnEditar {
	position: relative;
	left: 13%;
}

.btnGrid {
	min-width: 30px !important;
	height: 27px;
	border: solid 1px #ccc;
	padding: 2px 4px !important
}

.btnEditar:hover, .btnGrid:hover {
	background-color: #ebebeb !important;
	color: #787878 !important;
}

.k-grid tr.k-state-selected:hover td, .k-grid tr:hover .k-state-selected
	{
	background-color: #8C9490 !important;
}

.btnGrid {
	margin-bottom: 5px !important;
}

/*GERAL*/
.textoCentro {
	text-align: center;
}

.textoEsquerda {
	text-align: left;
}

.textoDireita {
	text-align: right;
}

.camposLadoDir {
	float: left;
	padding-right: 25px;
	margin-left: 0;
	width: 50%;
}

.camposLadoEsq {
	float: left;
	width: 50%;
}

.elemLado {
	width: 100%;
	float: left;
	white-space: nowrap;
}

/*DETALHES VISTORIA*/
#protocolo {
	/*font-size: 16px;*/

}

#detalhes {
	text-transform: normal;
}

.titSecoes {
	font-size: 15px;
	text-transform: uppercase;
	color: #656161;
	font-weight: bold;
	padding: 10px 0 0 0 !important;
	border-bottom: dotted 1.5px;
	border-bottom-color: #ddd;
	text-align: left !important;
}

#detalhes p {
	font-weight: bold;
	margin: 2px 0;
}

#detalhes span {
	font-weight: normal;
	padding-left: 5px;
}

#tblDetalhes, #tblLaudo {
	width: 100%;
}

#tblDetalhes td, #tblLaudo td {
	margin: 0 10px;
	padding-right: 15px;
	min-width: 150px;
}

.rodapeRelatorio {
	margin-top: 50px;
	border-top: solid 1px;
	border-top-color: #497a61;
}

.btnRelatorio {
	float: right;
	margin: 10px 0 10px 10px;
}

/*HISTORICO*/
.bloco {
	width: 90%;
	margin: 5px auto;
}

.blocoFilho {
	float: left;
	margin: 0 15px;
	width: 28%;
}

#historico p {
	font-weight: bold;
	font-size: 16px;
}

#historico span {
	font-weight: normal;
	text-transform: uppercase;
}

.historicoDestaque {
	text-align: center;
	font-size: 18px !important;
	color: #497a61 !important;
}

/* Laudo */
.thumbsBox {
	width: 100%;
	margin: 15px 55px;
}

.thumbs {
	float: left;
	margin: 5px;
	cursor: pointer;
	border: #DFE2E0 6px solid;
}

.thumbs.foto-repick {
    border: 6px solid red;
}

.thumbs.foto-repick::before {
    content: "FOTO IRREGULAR";
    position: absolute;
    color: #FFFFFF;
    font-weight: bolder;
    transform: rotate(-27deg);
    text-align: center;
    z-index: 9;
    width: 154px;
    margin-top: 34px;
}

.slick-prev:before, .slick-next:before {
	color: #497a61;
}

.md-dialog-content {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.btnFoto {
	margin-right: 44px !important;
}

.marginRL {
	margin: 0 10px;
}

#tblAvarias {
	width: 100%;
	border: solid 1px #ccc;
	margin: 5px 0;
}

#tblAvarias td {
	padding: 0 3px;
	text-align: center;
}

.bordaTbl {
	border-right: solid 1px #ccc;
	margin-right: 5px;
}

.total {
	border-top: solid 1px #ccc;
	font-weight: bold;
}

.tblTitulo {
	border-bottom: solid 1px #ccc;
	font-weight: bold;
}
/*Região*/
.k-grid tr {
	cursor: pointer;
}

*, *:before, *:after {
	box-sizing: border-box;
}

.btn:focus, .btn:active:focus, .dropdown-menu:focus {
	outline: none;
}

.clear {
	clear: both;
}

.align-right {
	float: right;
}

.align-left {
	float: left;
}

.last {
	margin-right: 0;
	padding-right: 0;
}

.container {
	margin: 0;
	padding: 0;
	width: 100%;
}

.logo {
	float: left;
	margin: 0;
	padding-top: 12px;
	padding-left: 16px;
}

.preloader {
	float: left;
	margin: 0;
	padding-top: 12px;
	padding-left: 16px;
}

#navbar-menu>ul>li>a {
	color: #FFFFFF;
}

#navbar-menu.dropdown-menu {
	color: #FFFFFF;
}

#container-footer {
	margin-top: 15px;
	background: #9E9E9E;
	margin-bottom: 15px;
	margin-left: 15px;
	color: #ffffff;
}

.footer-inner {
	padding: 15px 0;
}

.div-view {
	min-height: 500px;
	overflow: hidden;
}

.spacer {
	margin-top: 15px;
}

.table th, td {
	text-align: center;
}

.pagination>li>a, .pagination>li>span {
	color: rgb(0, 163, 83);
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover,
	.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
	{
	background-color: rgb(0, 163, 83);
	border: 0 transparent;
}

.vermelho-hdi {
	color: #e8472c;
}

.verde-hdi {
	color: #00a353;
}

.background-branco {
	background-color: #FFFFFF;
}

hdi-paginacao {
	font-size: 12px;
}

.input-group {
	margin: 0;
}

.nav>li.usuario {
	position: relative;
	float: right;
	display: inline-block;
}

.nav>li.manual-vistoria {
	margin-top: 5px;
	position: relative;
	display: inline-block;
}

.usuario-avatar {
	width: 29px;
	height: 29px;
	margin-right: 10px;
}

.dropdown-menu {
	border: medium none;
	box-shadow: none;
	display: none;
	float: left;
	font-size: 12px;
	left: 0;
	list-style: none outside none;
	padding: 0;
	position: absolute;
	text-shadow: none;
	top: 100%;
	z-index: 100;
	border: 1px solid #D9DEE4;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.dropdown-menu.alertas {
	width: 300px;
}

.dropdown-menu.alertas li {
	position: relative;
	display: inline-block;
	float: right;
	background: #f7f7f7;
	padding: 5px;
	margin: 6px 6px 0;
	width: 96%;
	cursor: pointer;
}

.dropdown-menu.alertas a {
	padding: 3px 5px;
	color: #00a353;
	display: block;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	white-space: nowrap;
}

.dropdown-menu.alertas li.ultimo {
	margin: 6px 6px;
}

.dropdown-menu.alertas a>span {
	display: block;
	font-size: 11px;
	white-space: normal;
}

.glyphicon-user, .glyphicon-bell {
	font-size: 20px;
	height: 29px;
	width: 29px;
}

.glyphicon-menu-down {
	font-size: 12px;
	padding-left: 5px;
}

.dropdown-menu>li>a {
	width: 100%;
	padding: 12px 20px;
}

.menu-alerta {
	margin-right: 20px;
}

.numero-alerta {
	font-size: 10px;
	font-weight: normal;
	line-height: 13px;
	padding: 2px 6px;
	position: absolute;
	right: 12px;
	top: 4px;
	background: #e8472c;;
	border: 1px solid #e8472c;;
	color: #fff;
	border-radius: 10px;
}

.submenu {
	background-image: linear-gradient(to bottom, #008a46 0, #00994e 100%);
	border: 0;
}

.submenu>li>a {
	color: #FFF;
}

.submenu>li>a:hover {
	background-color: #497a61;
	background-image: none;
	color: #FFF;
}

.painel {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px 17px;
	display: inline-block;
	background: #fff;
	border: 1px solid #E6E9ED;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	opacity: 1;
	transition: all .2s ease;
}

.painel-titulo {
	border-bottom: 2px solid #E6E9ED;
	padding: 1px 5px 6px;
	margin-bottom: 10px;
}

.alertaMsg {
	background-color: #E7F5EE;
	border: solid 1px red;
	padding: 10px;
	margin: 0 15px;
}

.painel-titulo h2 {
	margin: 5px 0 6px;
	float: left;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 18px;
}

.painel-titulo ul {
	padding: 0;
}

.painel-titulo li {
	float: left;
}

.painel-titulo li>a {
	padding: 0;
}

.tabela-vistorias-mes {
	width: 100%;
}

.tabela-vistorias-mes td {
	padding: 0 10px;
	line-height: 47px;
	border-top: 1px solid #eeeeee;
	color: #73879C;
}

.tabela-vistorias-mes .valor {
	font-size: 18px;
	color: #00a353;
}

.primeira-coluna {
	margin-top: 10px;
	padding-left: 25px;
	padding-right: 0;
}

.coluna {
	margin-top: 10px;
	padding-left: 5px;
	padding-right: 0;
}

.negrito {
	font-weight: bold;
}

.sk-circle {
    width: 40px;
    height: 40px;
    position: relative;
}

.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #00a353 ;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

.sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleBounceDelay {
   0%, 80%, 100% {
       -webkit-transform: scale(0);
       transform: scale(0);
   } 40% {
       -webkit-transform: scale(1);
       transform: scale(1);
   }
}

@keyframes sk-circleBounceDelay {
   0%, 80%, 100% {
   -webkit-transform: scale(0);
   transform: scale(0);
   } 40% {
       -webkit-transform: scale(1);
       transform: scale(1);
   }
}

.msgInfoConfirma {
	font-weight: normal;
	margin: 5px 15px;
	text-align: justify;
	color: #555753;
}

.msgInfoConfirma span {
	font-weight: bold;
	color: #4f4f50;
}

#vistoriaXML p {
	font-size: 16px;
}

.navbar {
	min-height: 30px;
}

.navbar-default {
	background-image: none;
	box-shadow: none;
}

.painelMapa {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px 17px;
	display: inline-block;
	background: #fff;
	border: 1px solid #E6E9ED;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	opacity: 1;
	transition: all .2s ease;
	height: 930px;
}

/*IMPRESSAO*/
.imprime {
	display: none;
}

.nao-imprime {
	display: block;
}

@media print {
	div#laudo-resumo-campo-email {
		display: none;
	}
}

div#laudo-resumo-campo-email {
	display: block;
	width: 94%;
	margin: 0 auto;
}

/*Agendamento Bate Pronto*/
.invalid-slot {
	background: red !important;
	cursor: no-drop;
}

#scheduler .k-scheduler-header tr:first-child, .k-scheduler-table .k-today,
	#schedulerAgenda .k-scheduler-header tr:first-child, .k-scheduler-table .k-today
	{
	text-transform: capitalize;
	background-color: #00a353;
	color: #fff;
}

#scheduler .k-scheduler-header:first-child tr:first-child th,
	#schedulerAgenda .k-scheduler-header:first-child tr:first-child th {
	text-align: center;
	padding: 10px 0;
}

#scheduler .k-scheduler-header .k-scheduler-header-all-day tr,
	#scheduler .k-scheduler-table .k-nonwork-hour, #schedulerAgenda .k-scheduler-header .k-scheduler-header-all-day tr,
	#schedulerAgenda .k-scheduler-table .k-nonwork-hour, .k-scheduler-table .k-today
	{
	background-color: transparent !important;
}

div.k-scheduler table.k-scheduler-layout>tbody>tr:nth-child(1)>td div.k-scheduler-times>table>tbody>tr:nth-child(1)>th
	{
	background-color: #00a353;
}

div.k-scheduler table.k-scheduler-layout>tbody>tr:nth-child(1)>td div.k-scheduler-times>table>tbody>tr:nth-child(1)>th:after
	{
	background: url('../img/calendar.png') no-repeat;
	background-size: 25px;
	width: 25px;
	height: 25px;
	display: block;
	margin: -15px;
	position: relative;
	top: -11px;
	left: 19px;
	content: "";
}

#scheduler .k-scheduler-toolbar {
	display: none;
	height: 0;
	padding: 0;
}

#calendario {
	margin: 20px 0;
}

#infoCalendario {
	margin: 0 auto;
	position: relative;
	background: #ffffff;
	border: 3px solid #00a353;
	padding: 15px;
	width: 350px;
	height: 80px;
	z-index: 1;
}

#infoCalendario:after, #infoCalendario:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	z-index: 1;
}

#infoCalendario:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}

#infoCalendario:before {
	border-color: rgba(0, 163, 83, 0);
	border-top-color: #00a353;
	border-width: 14px;
	margin-left: -14px;
}

#infoCalendario div {
	color: #fff;
	padding: 8px 5px;
	background-color: #00a353;
	float: right;
	width: 10%;
	text-transform: uppercase;
}

#infoCalendario div p {
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	margin: -6px;
}

.campo {
	float: left;
	margin: 0 5px;
}

.campo-p {
	width: 70px !important;
	border: 1px solid #dbdbdb;
	height: 23px !important;
}

.conteudoModalEvento {
	margin: 0 50px;
	width: 90%;
}

.diaSemana {
	font-weight: bold;
	font-size: 16px;
	text-transform: capitalize;
	margin: 0 5px;
}

.diaSemanaCompl {
	font-weight: bold;
	font-size: 12px;
	margin: 0 5px 15px 5px;
}
/*GESTAO AGENDA*/
.calendarioInfo {
	width: 235px;
	float: left;
}

.btnBloquearAgenda {
	margin: 0 13px;
	padding: 8px 20px;
	background-color: #00a353;
	color: #fff;
	width: 190px;
	height: 35px;
	float: left;
	font-weight: bold;
}

.btnBloquearAgenda span {
	background: url('../img/lock.png') no-repeat;
	background-size: 18px;
	width: 18px;
	height: 18px;
	float: left;
	margin: 0 10px;
}

.icoInfo {
	background: url('../img/question.png') no-repeat;
	background-size: 18px;
	width: 18px;
	height: 18px;
	float: right;
	margin: 8px 0;
}

#gestaoAgenda {
	margin: 20px auto;
	width: 90%;
}

/* Tooltip*/
.icoInfo .icoInfoToolTip {
	visibility: hidden;
	position: relative;
	background: #ffffff;
	border: 3px solid #00a353;
	z-index: 7;
	width: 450px;
	padding: 15px;
	top: -35px;
	left: 30px;
}

.icoInfo  .icoInfoToolTip:after, .icoInfoToolTip:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.icoInfo  .icoInfoToolTip:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 5px;
	margin-top: -5px;
}

.icoInfo  .icoInfoToolTip:before {
	border-color: rgba(0, 163, 83, 0);
	border-right-color: #00a353;
	border-width: 9px;
	margin-top: -9px;
}

.icoInfo:hover .icoInfoToolTip {
	visibility: visible;
	opacity: 1;
}
/*Posto Atendimento*/
.box-periodo {
	float: left;
	width: 33%;
	margin: 10px 0;
}

.box-periodo label {
	float: left !important;
	padding-top: 6px;
	text-align: left !important;
}

.painelHorarios {
	height: auto;
	min-height: 100%;
	overflow: hidden;
	margin-top: 10px;
	padding: 15px;
}

.posicionamento-tela-analise {
	width: 100%;
	background: #fff;
	position: absolute;
	top: 60px;
}

.linha-menu-tela-analise {
	margin-top: 0px;
	margin-bottom: 2px;
	border: 0;
	border-top: 1px solid #eee;
}

.label-lista-agendamento {
	font-size: 20px;
	color: #787878;
}

.alinhamento-fechar-modal {
	float: right;
	margin: -20px 15px 0 0;
}

.alinhar-texto-titulo-modal-parecer {
	font-size: 16px;
	margin-top: 10px;
	font-weight: bold;
	text-align: center;
}

/*Tela prestador regioes atendidas*/
.conteudoDinamico {
	width: 100%;
	float: left;
}

.listaLateral {
	width: 23%;
	max-height: 800px;
	height: 800px;
	float: left;
}

.regioesAtendidas {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.regioesAtendidas li {
	padding: 10px 0;
	background-color: #f0eeee;
	border-top-color: #fff;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #fff;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	width: 100%;
	float: left;
}

.redimensiona {
	max-height: 200px;
	overflow: auto;
}

.fecharvigencia {
	float: right;
	cursor: pointer;
	margin-right: 10px
}

.mapasVistoria {
	width: 76%;
	float: right;
	margin: 0;
	padding: 0;
}

.checkLista {
	float: left;
	margin: 4px 10px !important;
}

.checkPrestSelecionados {
	background-color: #fff !important;
	color: #555;
	border-top: solid 1px #f0eeee !important;
	border-bottom: solid 1px #f0eeee !important;
	text-transform: capitalize;
}

.alertaInfo {
	top: -3px;
	position: relative;
}

.warnIco {
	padding: 0 10px;
	font-size: 20px;
	top: 5px !important;
}

.legendaCor {
	padding: 0 10px;
	float: right;
	margin: 0 2px;
	height: 15px;
}


.apresentacao_doc {
	margin-bottom: 10px;
	font-size: 16px;
}

.apresentacao-doc-lista {
	margin-bottom: 15px;
	font-size: 16px;
}

.alinhamento-btn-historico-analise {
	float: right;
	margin-top: -15px;
}

.linha-horizontar-verde {
	border-bottom: 1px solid #00a353
}

#mapDivPrest {
	width: 76%;
	float: right;
	margin: 0;
	padding: 0;
}

.tituloLista {
	padding: 10px 19px;
	color: #fff;
	background-color: #00a353;
	width: auto;
	font-size: 16px;
	font-weight: bold;
}

.listasFiltroPrest {
	font-weight: bold;
	color: #a6a6a6;
	padding: 10px;
}

#conteudoDetalhes {
	width: 90%;
	margin: 0 auto;
}

.divHorarios {
	float: left;
	margin-right: 25px;
	width: 20%;
}

.camposHorarios {
	float: left;
	margin-right: 10px;
	width: 100%;
}

#descPeriodo {
	margin: 20px 25px 0 65px;
	float: left;
	width: 70px;
}


.alinhamento-fechar-modal-parecer {
	float: right;
	margin: -38px -8px 0 0;
	font-size: 12px;
}

.form-control.k-widget {
    width: 100%;
}

.col-align-bottom {
	display: flex;
    align-items: flex-end;
}
.col-align-top {
	display: flex;
    align-items: flex-start;
}

.col-align-center {
	display: flex;
    align-items: center;
}

.margin-top-16{
	margin-top: 16px;
}

.btn-help{
  cursor: pointer;
  padding-top:12px;
  margin-left: 8px;
  margin-right: 8px;
}

.btn-help:hover {
    color: #497a61;
    border-color: #497a61;
}

.iframe-container {
	position: relative;
    width: 100%;
    padding-bottom: 100%;
}

.iframe-kibana {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* ########
//  Modal de recusa com ressalvas
// ######## */ 


.modal-recusa .card {
	margin: 0;
	width: 100%;
}



.modal-recusa .container-fluid {
	padding: 0
}


.modal-recusa .header {
    display: block;
    background-color: #006634;
    overflow: auto;
}


.modal-recusa h2 {
    color: white;
    font-size: 1.7em;
    margin: 10px 20px 5px;
}

.modal-recusa h3 {
    color: white;
    font-size: 1em;
    margin: 0 20px 10px;
}

.modal-recusa .modal-body {
	padding: 20px;
}

.modal-recusa .modal-body input, .modal-recusa .modal-body select, .modal-recusa .modal-body textarea {	
	width: 100%;
	margin-bottom: 10px;	
	border: 1px solid #006634;
}
.modal-recusa .modal-body input {
	padding: 4px 5px;
}

.modal-recusa .modal-body select  {
	padding: 14px 4px 4px;
	
}
.modal-recusa .modal-body textarea {	
	padding: 14px 6px;
}

.modal-recusa .modal-body label {
	margin-bottom: -14px;
    background-color: white;
    margin-left: 10px;
    display: block;
    position: relative;
    width: max-content;
	padding: 4px;
	color: #006634;
}

.modal-recusa .modal-body .botoes {
	width: 100%;
	margin-bottom: 10px;
	text-align: right;
	margin-top: 20px;

}

.modal-recusa .modal-body .botoes-ressalvas {
	width: 100%;
	margin-bottom: 10px;	
	text-align: center;

}


.modal-recusa .filtro {
	position: relative;
}

.modal-recusa .filtro i {
	position: absolute;
    right: 10px;
    top: 7px;
    vertical-align: middle;
}

.modal-recusa .custon-icon {	
	transform: rotate(90deg);
    width: 100px;
    color: #006634;
}

.foto {
	overflow: hidden;
	    text-align: center;
}

.foto img {
	height: 100%;
	position: relative;
}