/* TELA INICIAL DE LOGIN (html.login--inicio)*/
html.login--inicio *{
	box-sizing:border-box;
}

img{
	max-width:100%;
	display:inline-block;
	height:auto;
}

.min--width-110{
	min-width:110px !important;
}

html body .input--custom-copy-input-default{
	width:100%;
	display:block;
	padding:3px 0px;
	border:none;
	text-align:left;
	border-bottom:1px solid #CCC;
	transition:all 0.4s linear;
}

html body .input--custom-copy-input-default:focus{
	box-shadow:none !important;
	outline:none !important;
	border-bottom-color:#3F51B5;
	border-bottom-width:2px;
}

.login-panel{
	padding-top:2px;
}

.login-panel .ui-g .logo-portal{
	padding:0 !important;
}

.login-panel input{
	min-height:30px;
}

.margin-left{
	margin-left: 5px;
}

.login-panel .ui-selectonemenu-label.ui-inputfield.ui-corner-all{
	min-height:38px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	z-index:20;
}

.login-panel .ui-g .ui-g-12.margin-div-botoes{
	padding-top: 36px !important;
}

.login-panel .ui-selectonemenu-trigger.ui-state-default.ui-corner-right{
	top:12px;
	z-index:20;
}

/* TELA INICIAL DE LOGIN (html.login--inicio)*/
html.login--inicio{
	background-color:#666;
    background-size:cover;
    background-attachment:fixed;
}

/* TELA INICIAL DE LOGIN (html.login--inicio)*/
html.login--inicio body{
	background:none !important;
	padding:30px !important;
}

body .ui-state-active, body .ui-state-highlight {
	background-color: #2196f3;
	color: #ffffff;
}

html body .data-table--custom.data-table-custom--fixer-active .ui-widget-header .ui-paginator-pages > *.ui-state-active{
	color:#000 !important;
	background-color:#fbc02d !important;
	border-radius:100%;
}

html body .data-table--custom.data-table-custom--fixer-active .ui-widget-header a:not(.ui-state-disabled){
	transition:all 0.4s linear;
}
/* PARA OS DATATABLES QUE CONTENHAM PAGINAÇÃO, TROCAR CORES PARA DIFERENCIAR OS ATIVOS DOS 
DESATIVOS */
html body .data-table--custom.data-table-custom--fixer-active .ui-widget-header .ui-paginator-pages > *:hover,
html body .data-table--custom.data-table-custom--fixer-active .ui-widget-header .ui-paginator-pages > *:focus,
html body .data-table--custom.data-table-custom--fixer-active .ui-widget-header a:not(.ui-state-disabled):hover,
html body .data-table--custom.data-table-custom--fixer-active .ui-widget-header a:not(.ui-state-disabled):focus{
	background-color:#d29704 !important;
	color:#FFF;
}

body .ui-button.azul {
	background-color: #003867;
	color: #ffffff;
}

body .ui-button.vermelho {
	background-color: #2196f3 !important;
	color: #ffffff;
}

.centralizado {
	text-align: center;
}

.capitulado {
	text-transform: uppercase;
}

body .ui-datatable tbody tr.ui-datatable-even.ui-state-highlight {
    background-color: #2196f3;
    color: #ffffff;
}

body .ui-widget-header {
    background-color: #003867;
    color: #ffffff;
    font-size: 16px;
    border: 1px solid #003867;
}

body .header-grid .ui-widget-header {
    background-color: #2196f3;
    color: #ffffff;
    font-size: 16px;
    border: 1px solid #2196f3;
}

body .ui-button {
    background-color: #003867;
}

body .login-panel{
	padding-top:8px !important;
}

.numeroCentralizado .ui-inputfield {
	text-align: center;
}

.textoDiretaNegrito {
	font-weight: bold;
	float: right;
}

.margin10 {
	margin-top: 10px;
}

body .ui-panelgrid .ui-panelgrid-cell {
    padding: 10px 6px;
}

body .grid-tarefas .ui-widget-content {
    background-color: #f7f7f7;
}

.botao-azul {
    background-color: #2196f3;
}

.espaco-margin {
	margin-top:20px;
}

.titulo-label {
	color: #2196f3;
    font-weight: 600;
}

.ui-datascroller .ui-datascroller-content {
    padding: 0px;
}

.botao-azul-claro {
 	background-color: #2196f3 !important;
 }
 
 html body .ui-selectonemenu-panel .ui-selectonemenu-filter-container{
 	width:100% !important;
 	padding-right:0;
 }
 
 html body .corrigir-tamanho--input .ui-selectonemenu{
 	min-height:40px;
 	display:flex;
 	align-items:center;
 }
 
 html body .corrigir-tamanho--input .ui-selectonemenu .ui-selectonemenu-trigger{
 	top:12px;
 }
 
 /*#49*/
 html body .panel--diario-classe{
 	display:flex;
 	flex-wrap:wrap;
 } 
 
 html body .btn--padrao{
 	display:inline-block;
 	padding:9px 15px;
 	border-radius:0px;
 	transition:all 0.4s ease;
 	box-shadow:0 0 4px rgba(0,0,0,0.4);
 	font-weight:bold !important;
 }
 
 html body .btn--padrao.btn--large{
 	font-size:16px;
 	padding:5px 20px;
 	height:auto !important;
 	min-width:100px;
 	
 }
 
 html body .title--section-padrao{
 	display:block;
 	text-align:left;
 	font-weight:bold;
 	width:100%;
 	line-height:1.2;
 }
 
 html body .title--section-padrao.title-section--primary{
 	font-size:26px;
 }
 
 html body .title--section-padrao.title-section--secundary{
 	font-size:20px;
 }
 
 html body .title--section-padrao.title-section--three{
 	font-size:18px;
 }
 
/*BTN PADRAO AZUL*/ 
 html body .btn--padrao.btn-padrao--info{
 	background-color:#2196f3;
 	color:#FFF;
 }
 
/*BTN PADRAO AMARELO*/
 html body .btn--padrao.btn-padrao--warning{
 	background-color: #fbc02d;
 	color:#000;
 }
 
 html body .btn--padrao.btn-padrao--info:hover{
 	background-color:#0960a5;
 }
 
 html body .btn--padrao.btn-padrao--warning:hover{
 	background-color:#f0ad05;
 }
 
 html body .btn--padrao.btn-padrao--info:focus{
 	background-color:#074f88;
 	box-shadow:0 0 2px 4px rgba(7, 79, 136, 0.6);
 }
 
 html body .btn--padrao.btn-padrao--warning:focus{
 	background-color:#d29704;
 	box-shadow:0 0 2px 4px rgba(210, 151, 4, 0.4);
 }
 
 html body .ui-datatable.datatable--custom-selected-item tbody tr.ui-state-highlight{
 	background-color:#fbc02d !important;
 	color:#000 !important;
 }
 
 @media(min-width:641px) and (max-width:1269px){
 
 	html form .card .ui-datatable.datatable--responsivo .ui-datatable-tablewrapper thead tr{
 		display:none !important;
 	}
	
	.card .ui-datatable.ui-widget.ui-datatable-reflow .ui-datatable-tablewrapper td{
		text-align:center;
	}
	
	.card .ui-datatable.datatable--responsivo .ui-datatable-tablewrapper .ui-widget-content .ui-column-title{
		display:block;
		font-weight:bold;
		margin-bottom:6px;
		margin-right:0 !important;
	} 
 
 }

@media(min-width:641px) and (max-width:1075px){
	
	.ml-md--20{
		margin-left:20px;
	}
	
	html form .card .ui-datatable.datatable--responsivo .ui-datatable-tablewrapper td,
	html form .card .ui-datatable.datatable--responsivo .ui-datatable-tablewrapper tr{
		display:block;
		width:100%;
	}
	
}

@media (max-width: 740px) {
	
	html body .ui-datatable.datatable--custom-mb-itens table tbody tr{
	 	padding-bottom:20px;
		border-bottom:1px solid #DDD;
		margin-bottom:20px;
	 }
	
	html body .data-table--custom.data-table-custom--fixer-label-responsive table thead{
		display:none !important;
	}
	
	html body .data-table-custom--fixer-label-responsive,
	html body .data-table-custom--fixer-label-responsive table,
	html body .data-table-custom--fixer-label-responsive table tbody,
	html body .data-table-custom--fixer-label-responsive table tbody tr,
	html body .data-table-custom--fixer-label-responsive table tbody td{
		display:block !important;
		width:100% !important;
	}
	
	html body .data-table-custom--fixer-label-responsive,
	html body .data-table-custom--fixer-label-responsive table tbody,
	html body .data-table-custom--fixer-label-responsive table tbody tr{
		font-size:16px !important;
	}
	
	html body .data-table-custom--fixer-label-responsive table .ui-button{
		max-width:140px;
		margin-left:auto;
		margin-right:auto;
	}
	
	html body .data-table-custom--fixer-label-responsive table tbody tr td{
		float:none !important;
	}
	
	html body .data-table--custom.data-table-custom--fixer-label-responsive table tbody tr.ui-datatable-even{
		background-color:transparent;
	}
	
	html body .data-table--custom.data-table-custom--fixer-label-responsive table tbody td{
		padding:0 !important;
		border:none !important;
		padding-top:16px !important;
		text-align:center;
	}
	
	html body .data-table--custom.data-table-custom--fixer-label-responsive table tbody td button{
		padding:5px 10px;
		max-width:230px;
		margin-left:auto;
		margin-right:auto;
		height:auto;
	}
	
	html body .data-table--custom.data-table-custom--fixer-label-responsive table tbody tr{
		padding-bottom:20px;
		border-bottom:1px solid #DDD;
	}
	
	html body .data-table--custom.data-table-custom--fixer-label-responsive .label--responsive:before{
		display:block;
		font-size:16px;
		font-weight:bold;
		color:#000;
		margin-bottom:6px;
	}
	
	html body .data-table--custom.data-table-custom--fixer-label-responsive .label--responsive.label-responsive--data:before{
		content:'Data:';
	}
	
	html body .data-table--custom.data-table-custom--fixer-label-responsive .label--responsive.label-responsive--bimestre:before{
		content:'Bimestre:';
	}
	
	html body .data-table--custom.data-table-custom--fixer-label-responsive .label--responsive.label-responsive--sala:before{
		content:'Sala:';
	}
	
	html body .data-table--custom.data-table-custom--fixer-label-responsive .label--responsive.label-responsive--titulo:before{
		content:'Titulo:';
	}

	.fix--dashboard-responsive .card{
		margin-bottom:30px !important;
	}
	
	.fix--dashboard-responsive .card span{
	 	position:relative !important;
	 	display:block;
	 	width:auto !important;
	 	padding:5px 10px !important;
	 }
	 
	 .fnt-27-md{
	 	font-size:27px !important;
	 }
	 
	 html body .ui-grid--fixer-responsive{
	 	width:100% !important;
	 	
	 }
	
}

@media (max-width: 640px) {
	.textoDiretaNegrito {
		font-weight: bold;
		float: left;
	}
	
	.login-panel{
		padding:0 !important;
		margin:0 auto !important;
		width:auto !important;
		max-width:290px !important;
	}
	
	.card .ui-datatable.ui-widget.ui-datatable-reflow .ui-datatable-tablewrapper td{
		text-align:center;
	}
	
	.card .ui-datatable.ui-widget.ui-datatable-reflow .ui-datatable-tablewrapper .ui-widget-content .ui-column-title{
		display:block;
		font-weight:bold;
		margin-bottom:6px;
		margin-right:0 !important;
	}
	
	html body .corrigir-tamanho--input .corrigir--este-campo .ui-selectmanymenu{
	 	width:100% !important;
	 }
	 
	 html .modal--fixer-responsive{
	 	width:100% !important;
	 	border:10px solid transparent;
	 }
	
}

.cardDiario{
	font-weight: bold;
	background-color: #003867;
	text-decoration: none;
	color: white;
}

.layout-menu-tooltip-text{
	display: none;
}

