/************************/
/* Cor Principal 	#51A8B1 */
/* Cor Secundaria 	#F58634 */
/* Cor Texto 		#67757c */

/* Possibilidade */
/* Quente:  #F00 */
/* Morno:   #F90 */
/* Frio:    #06F */
/************************/

@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
/************** Geral **************/
html{
	margin: 0px;
	padding: 0px;
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	font-family: "Poppins", sans-serif;
	color: #67757c;
	height: 100%;
	background-color: #eef5f9;
}
pre{
	width: 100%;
	text-align: left !important;
	border: 1px solid #cdcdcd;
	background-color: #cdcdcd;
	color: #000;
}
.btn{
	width: 100%;
}

.img-carregando{
	display: none;
}

.info-print{
	display: none;
}

/******* mostrar em páginas sem permissão*/
.block{
	display: none;
	background-color: #fff;
	width: 100%;
	height: 100%;
	z-index: 9999;
	position: absolute;
	top: 0;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.block-on{
	display: flex;
}
.block-off{
	display: none;
}
.block-msg{
	width: 400px;
	height: 400px;
	background: #fff;
	border: 1px solid #d7dfe3;
	border-radius: 4px;
	text-align: center;
	padding: 15px;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
}

.main{

}
/************ Login ***************/
.login-container {
	width: 100vw;
	height: 100vh;
	background: #fff;
	padding: 0px;
	margin: 0px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.login-box {
	width: 400px;
	height: 525px;
	background: #fff;
	border: 1px solid #d7dfe3;
	border-radius: 4px;
	text-align: center;
	padding: 15px;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
}
.login-box label{
	width: 100%;
	text-align:  left !important;
	margin-top: 25px;
}
.login-box .input-text{
	border:  0px;
	border-bottom: 1px solid #ccc;
	border-radius: 0px;
	color: #67757c;
}
.login-box .btn-login{
	margin-top: 25px;
	background-color: #51A8B1;
	color: #fff;
}
.login-box .esqueci{
	font-size: 13px;
	margin-top: 15px;
}
.login-box .esqueci a{
	text-decoration: none;
	color: #51A8B1;
}
.login-box .esqueci a:hover{
	text-decoration: underline;
}

.login-box .alert-retorno{
	display: none;
}

/*************************************/
.conteudo{
	width: 100% - 50px;
	min-height: 100px;
	margin-left: 50px;
	padding-top:  95px;
}

@media only screen and (max-width: 600px) {
	.conteudo{
		width: 100%;
		min-height: 100px;
		margin-left: 0px;
		padding-top:  125px;
	}
}

.conteudo .breadcrumb{
	background-color: #fff;
	padding: 5px 5px;
	font-size: 12px;
	color: #51A8B1;
	width: 100%;
}
.conteudo .breadcrumb span{
	padding: 0px 5px;
}
/*************************************/

.footer{
	border-top: 1px solid #cdcdcd;
	width: 100% - 50px;
	margin-left: 50px;
	margin-top: 15px;
	margin-bottom: 15px;
	position: relative;
	font-size: 12px;
	text-align: right;
	line-height: 30px;
	height: 30px;
}
.footer ul{
	margin:  0;
	padding: 0;

}
.footer ul li{
	display: inline-block;
	padding: 5px;
	list-style-type: disc;
}
.footer a{
	color: #51A8B1;
	text-decoration: none;
}
.footer a:hover{
	text-decoration: underline;
}
@media only screen and (max-width: 600px) {
	.footer{
		border-top: 1px solid #cdcdcd;
		width: 100%;
		margin-left: 0px;
		position: relative;
		font-size: 12px;
		text-align: right;
		margin-top: 15px;
	}
}


/*****************/

.modal{
	z-index: 999999 !important;
}

.modal-content{
	border: 0px !important;
}

.close {
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: 0.2;
	background-color: transparent;
}
.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
button.close {
	float: right;
	padding: 0;
	cursor: pointer;
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/*********** table light mode */

table.dataTable tfoot{
	border: 0px solid #cdcdcd !important;
}
table.dataTable tfoot th, table.dataTable tfoot td{
	border-top: 0px solid #cdcdcd;
}

.table .collumn-frozen{
	color: #67757c;
	background-color: #eef5f9;
}

.selecionado{
	border: 5px solid #333;
	border-radius: 50%;
}
.card-body a{
	text-decoration: none;
	color: #666;
}

.card-footer{
	font-size: 12px;
	text-align: right;
}

.btn-dias{
	font-size: 12px;
	background-color: #999;
	color: #fff;
	margin-bottom: 15px;
}

.btn-dias:hover{
	font-size: 12px;
	background-color: #666;
	color: #fff;
}

.btn-dias-active{
	font-size: 12px;
	background-color: #cdcdcd;
	color: #666;
}
.table, .dataTables_info{
	font-size: 12px;
}
.table td{
	border: 0px;
}

table.dataTable thead th, table.dataTable thead td{
	border-bottom: 1px solid #cdcdcd !important;
}

.btn-comentarios{
	font-size: 12px;
	border: 0px solid #cdcdcd;
	color: #fff;
}

.btn-prioritaria{
	background-color: #fc4b6c;
}
.btn-nao-prioritaria{
	background-color: #1e88e5;
}
.btn-agendamentos{
	background-color: #93DDE5;
}
.btn-disabled{
	background-color: #1e88e5;
	opacity: .4;
}
.btn-download{
	background-color: #F58634;
	color: #fff;
}
.btn-download:hover{
	background-color: #fff;
	color: #F58634;
	border: 1px solid #F58634;
}

.btn-gerar, .btn-gerar:hover{
	background-color: #51A8B1;
	color: #fff;
}
.btn-baixar, .btn-baixar:hover{
	background-color: #F58634;
	color: #fff;
}
.btn-proposta, .btn-proposta:hover{
	background-color: #F58634;
	color: #fff;
}
.versao .card-title{
	font-size: 16px;
}
.versao .card-title small{
	font-size: 12px;
	float: right;
}
.versao .numero_versao{
	width: 60px;
	border: 0px solid #000;
	display: inline-block;
}