@charset "utf-8";
/* CSS Document */
body {
	color: gray;
	background-color: #3D3D3D;
}

.icon-plus-circled {
	margin-right: 8px;
}

.layout-header-widgets {
	top: 8px;
}
.layout-header-widgets-submenu {
	/* margin-top: 12px; */
}

.ui-tree, .ui-datatable .ui-datatable-tablewrapper table thead tr th, 
.ui-datatable table thead tr th, .ui-datatable table tbody tr td, 
.ui-menu .ui-menuitem .ui-menuitem-link, table tbody tr td {
	color: gray;
}

.ui-fluid .ui-button, .ui-fluid .ui-splitbutton, .ui-fluid .ui-splitbutton .ui-button {
	width: auto;
}

.ui-tree .ui-tree-container {
	padding: 0;
	overflow-x: hidden;
}

.ui-tree .ui-tree-toggler, .ui-tree .ui-treenode-leaf-icon {
	display: none;
}

.ui-tree .ui-treenode-icon {
	position: relative;
	left: 18px;
	top: 15px;
	margin-right: 10px;
}

.ui-tree .ui-icon-folder-open, .ui-tree .ui-icon-folder-collapsed {
	background-size: 200%
}

.ui-treenode-content {
    /* padding-left: 8px; */
}

.comprimentoSidebar {
	width: 260px !important;
}
@media (max-width: 1200px) and (min-width: 641px) {
	.comprimentoSidebar {
		width: 50px !important;
	}
	.comprimentoSidebar:hover {
		width: 260px !important;
	}
}

#layout-menubar li {
	padding: 0 !important;
	/* border-bottom: 1px solid #4E4E4E; */
	min-height: 35px;
	background-color: #3D3D3D;
}

#layout-menubar li ul li {
    background: none;
}

#buttonArea {
    display: block !important;
}

@media (max-width: 1200px) and (min-width: 641px)  {
	#layout-menubar {
		width: auto !important;
	}
	#layout-menubar.slimmenu {
	    width: 50px !important;
	}
	.layout-menubar-container {
	    width: 260px !important;
	}
	.slimmenu .layout-menubar-container {
	    width: 48px !important;
	}
}

.ui-tree {
	background: none;
}

.slimmenu li {
	width: 50px !important;
	overflow: hidden;
}
.slimmenu li:hover {
	width: 260px !important;
}

.slimmenu li ul {
	padding: 0 !important;
}

.slimmenu li .ui-treenode-icon {
	margin-right: 20px;
}

.slimmenu li ul li {
	width: auto !important;
}

#layout-menubar li a:hover {
    color: #FFD100 !important;
}

#layout-menubar .layout-menubar-container li a:focus {
    color: #FFD100;
}

#layout-menubar li a {
    color: #D9D9D9 !important;
    /* width: auto !important; */
    text-decoration: none;
}

.ui-tree .ui-treenode .ui-state-highlight {
	color: #3D3D3D;
}

.ui-tree .ui-treenode .ui-treenode-label.ui-state-hover {
	color: #3D3D3D;
}

.ui-tree .ui-treenode-label {
	width: 89%;
}

.noDecoration {
	text-decoration: none !important;
}

@media (min-width: 640px) {
	#sm-topmenu .layout-header-widgets-submenu {
		width: 200px;
		margin-left: -190px;
	}
	
	#sm-topmenu .layout-header-widgets-submenu.bigger {
		width: 330px;
		margin-left: -320px;
	}
}

#sm-topmenu .icon {
	padding: 12px 0 12px 10px;
}

.layout-header-widgets li i {
	margin-top: 8px;
}

img {
	border-style: none;
}

a {
	text-decoration: none;
}

a:hover {
	/* color: darkblue !important; */
}

/* td {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
} */

#container { /* 	width: 1024px; */
	width: auto;
	/* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto;
	/* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left;
	/* this overrides the text-align: center on the body element. */
}

#timer {
	float: right;
}

#mainContent {
	padding: 30px 20px 20px 20px;
	/* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}

#iconSistema {
	float: left;
	height: 30px;
	margin: 10px;
}

@media (max-width: 640px) {
	#mainContent {
		padding: 30px 0 20px;
	}
	#tceLink {
		display: none;
	}
	.panelBotoes {
		text-align: center;
	}
	
	.ui-dialog {
		width: 100% !important;
	}
}

#iconTce {
	float: left;
	padding: 0 10px;
	margin: 7px 0;
	height: 35px;
	border-right: 1px solid #A8CAE6;
}


.negrito {
	font-weight: bold;
}

.headerNegrito {
	font-weight: bold;
	font-size: 11.5px;
}

.semBorda, .semBorda tr, .semBorda td, .semBorda tbody tr td {
	border: none !important;
}

.semCellpadding .ui-panelgrid-cell {
	padding: 2px 0;
}

.semPadding>tbody>tr>td {
	padding: 0px !important;
}

#lblHeader {
	margin-right: 10px;
	margin-top: 12px;
	height: auto;
	color: white;
	font-size: 18px;
	display: block;
	float: left;
}

#footer {
	background: white;
	padding-bottom: 3px;
	padding-bottom: 10px;
	bottom: 0;
}

.textoRodape {
	padding: 10px;
}
@media (max-width: 640px) {
	.textoRodape {
		font-size: 12px;
		padding: 6px;
	}
	body {
		background-color: #FFF;
	}
	
	.dataTableResponsive td {
		width: auto !important;
	}
	.dataTableResponsive .ui-paginator span {
		margin-right: 1px !important;
		margin-left: 1px !important;
	}
	#sm-topmenu {
		width: 70% !important;
	}
}

.breadcrumbTopTextLabel {
	float: right;
	text-align: right;
	color: black;
	font-size: 10px;
}

.campoObrigatorio {
	font-weight:bold !important;
}

.ellipsis {
	text-overflow:ellipsis; 
	white-space:nowrap; 
	overflow:hidden; 
	max-width:96%;
	display: inline-block;
}
	
.comprimentoAuto {
  width: 100% !important;
}
	
.limitarWidthEllipsis > span > span.ui-treenode-label {
	width: calc(100% - 40px);
}
	
.panelScrollBoder {
	overflow:scroll;  
	border:none;
}
	
.ui-menu-list {
  	position: static;
	overflow: auto;
	max-height: 500px;
	max-width: 100%;
}

.breadcrumb {
	height: 25px;
	padding: 1px 5px 7px;
}

.ui-datagrid-no-border>.ui-datagrid-content {
	border: none;
}

.tamanho-content .ui-panel-content {
	height: calc(100%);
}

.lido {
	font-weight: normal; !important;
}

.naolido {
	font-weight: bold; !important;
}

.marcadorNumeroVermelho {
	color:red
}	

.fonteVermelha {
	color:red
}

.ui-datatable .ui-column-filter{
	width: 100px !important;
    max-width: calc(100% - 20px) !important;
}

.ui-menu .ui-menuitem-text {
    white-space: normal !important;
    text-align: left;
}

.alertInfo {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    padding: 10px;
	border-radius: 10px;
}

.middle td {
	vertical-align: middle;
}

table.padding_zero  tbody tr td:first-child {
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;
}

.ui-datatable tbody td span.colNome {
    display:block; 
    text-align: left;
}

.ui-datatable tbody td span.colCodigo {
    display:block; 
    text-align: center;
}

.ui-datatable tbody td span.colValor {
    display:block; 
    text-align: right;
}

.alinhamentoEsquerda {
	display:block; 
    text-align: left;
}

.alinhamentoSelectEsquerda {
    float: left !important; 
    display: block !important;
}

.autocompleteSize .ui-autocomplete-multiple-container {
	width: 100%;
}

.ui-autocomplete-table {
	min-width: 450px;
}

.ui-autocomplete-panel {
	min-width: 450px;
}

.ui-growl-item-container {
    opacity: 1.0 !important;
}

.ui-fileupload-content.ui-widget-content.ui-corner-bottom {
	display: none !important;		
}

ul.ui-autocomplete-multiple-container.ui-widget.ui-inputfield.ui-state-default.ui-corner-all {
    width: 100% !important;
}

.ui-splitbutton {
	padding-right: 1px;
}
.ui-splitbutton .ui-button.ui-splitbutton-menubutton {
	position: relative;
}


.ui-inputfield {
    background: white !important;
}

.ui-accordion .ui-tabs-outline {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}


.ui-datatable .ui-paginator .ui-state-active {
    background: #F3F5F7;
}

 @media (max-width: 1200px) and (min-width: 641px) {
	/* #layout-menubar { width: 260px; }
	#layout-menubar .layout-menubar-container { width: 100%; }
	#layout-menubar .layout-menubar-container>li:hover { width: 100%; }
	#layout-menubar .layout-menubarinner-box { width: 230px; padding: 10px 15px; }
	#layout-menubar #layout-menubar-resize { float: right; }
	#buttonArea { display: block; } */
}

.ui-autocomplete-panel .ui-autocomplete-items .ui-state-highlight td span {
	color: #00AEEF;
}

.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all.medium-input {
	min-width: 0px !important;
}

.ui-spinner .ui-spinner-button {
	height: 22px !important;
}

.ui-spinner .ui-spinner-button .ui-button-text {
	height: 5px !important;
}

.ui-fluid .ui-spinner .ui-spinner-button .ui-icon {
    left: 0px !important;
}

.larguraAuto{
	width: auto !important;
}

.largura30{
	width: 35px !important;
}

.btnOpcao.ui-button-icon-only .ui-button-text {
    padding: 2px 0px !important;
}

.ui-growl-info .ui-growl-item {
	border: solid 1px #3D3D3D;;
	background-color: #FBFCFD;
}
.ui-growl-info .ui-growl-message {
	color: #63BCE2 !important;
}
.ui-growl-info .ui-growl-image-info {
	background-image: url(/escola/javax.faces.resource/images/warn-blue.svg.xhtml?ln=primefaces-sentinel) !important;
}

.box {
	margin-top: 10px;
	height: 160px;
}
.box .ui-commandlink {
	text-decoration: none;
}

.boxTurma {
	margin: 5px;
	padding: 15px;
	height: 130px;
	border: 3px solid lightblue;
	border-radius: 10px
}
.boxTurma .ui-commandlink {
	text-decoration: none;
	display: block;
	height: 100px;
}
.boxTurma.paralisada {
	border-color: #c8cdd0;
	background-color: #eff1f3;
}
.boxTurma.planejamento {
	border-color: #c8cdd0;
}
.boxTurma.fechada {
	border-color: #c8cdd0;
}
.boxTurma.fechada .ui-commandlink {
	color: #72828B !important;
}

.boxTurmaPublico {
	margin: 5px 10px;
	padding: 15px;
	height: 150px;
	color: white;
}
.boxTurmaPublico .boxTitulo {
	display: flex;
	height: 95px;
	font-weight: bold;
}
.boxTurmaPublico .boxTitulo .titulo {
	margin: auto;
}

.fonteRegularImportant * {
	font-family: 'titillium_webregular' !important;
	font-size: 16px !important;
}

.campoMedio {
	width: 150px !important;
}

.listaComBotao {
	display: block;
	width: 100%;
	float: left;
}

.ui-fluid .listaComBotao .ui-datalist-data {
	padding-bottom: 0;
}

.ui-fluid .listaComBotao .listItem {
	height: 40px;
}

.ui-fluid .listaComBotao .listItem .botaoRemover { 
	width: 35px !important;
	float: right;
	top: -5px;
}

.padLeft {
	padding-left: 12px;
    box-sizing: border-box;
}

.box-passo-a-passo {
	margin-top: 10px;
	height: 260px;
}

.label-passo-a-passo {
    margin-top: 20px;
    margin: auto;
	max-width: 260px;
    display: block;
}

.box-cadastrar-passo-a-passo {
	vertical-align: bottom;
	display: table-cell;
	height: 200px;
}

@media screen and (max-width: 1025px) {
	.box-cadastrar-passo-a-passo {
		display: block;
		height: 60px;
		padding: 20px;
	}
}

.ui-datagrid-blank, .ui-datagrid-blank:hover {
	border: none;
	background: none;
}


@media (min-width: 960px) {
	.DesktopIndent {
		margin: 30px 40px;
	}
}

.imagem-passo-a-passo {
	height: 150px;
	padding: 20px;
}

.colorPickerSimples button {
	width: auto !important;
}
.colorPickerSimples .ui-button-text-only .ui-button-text {
	padding: 0 !important;
	border: none !important;
	font-size: 24px;
}

.CyanButton .ui-button-text {
    box-shadow: inset 0 0 0 1px #56D4E5;
    border: solid 1px #006184;
    text-shadow: 0 -1px 0 #005675;
    background: #17cef3;
    background: -moz-linear-gradient(top, #17cef3 0%, #10a8c7 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #17cef3), color-stop(100%, #10a8c7));
    background: -webkit-linear-gradient(top, #17cef3 0%, #10a8c7 100%);
    background: -o-linear-gradient(top, #17cef3 0%, #10a8c7 100%);
    background: -ms-linear-gradient(top, #17cef3 0%, #10a8c7 100%);
    background: linear-gradient(to bottom, #17cef3 0%, #10a8c7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17cef3', endColorstr='#10a8c7', GradientType=0 );
}
.CyanButton.ui-state-hover .ui-button-text, .CyanButton.ui-state-focus .ui-button-text {
    color: #ffffff !important;
    background: #10a8c7;
    background: -moz-linear-gradient(top, #10a8c7 0%, #17cef3 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #10a8c7), color-stop(100%, #17cef3));
    background: -webkit-linear-gradient(top, #10a8c7 0%, #17cef3 100%);
    background: -o-linear-gradient(top, #10a8c7 0%, #17cef3 100%);
    background: -ms-linear-gradient(top, #10a8c7 0%, #17cef3 100%);
    background: linear-gradient(to bottom, #10a8c7 0%, #17cef3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10a8c7', endColorstr='#17cef3', GradientType=0 );
}

.ui-panelgrid-cell .ui-panelgrid .ui-panelgrid-cell {
	padding: 0 10px 0 0;
}

.ui-state-disabled:not(button), .ui-widget-content .ui-state-disabled:not(button) {
	opacity: 1;
	border-color: #eeeeee;
}

#corpo.ui-fluid .ui-button.ui-button-text-only {
    width: auto;
}

.ui-selectonemenu, .ui-selectcheckboxmenu {
	padding-right: 2em !important;
}

#mainContent.protegido .ui-breadcrumb {
	margin: -33px -20px 10px;
	overflow: unset;
}

@media (max-width: 640px) {
	#mainContent.protegido .ui-breadcrumb {
		margin: -33px -8px 10px;
	}
}

.folha {
	display: block;
	max-width: 1000px;
	margin: 20px auto;
	padding: 30px 40px;
	border-radius: 2px;
	box-shadow: 0 0 8px rgba(0,0,0,0.25), 0 8px 12px rgba(0,0,0,0.22);
}