/*cotem todos os elementos conteudo tela situacao*/
.situacaoContainer {
    height: 91%;
    margin: auto auto auto 35px;
}

/*contem selects de situacoes origem e destino para quadras do picklist, contem selects filtro distrito + setor*/
.situacao .selectSituacaoContainer, .situacao .select_camadaSituacaoContainer {
	display: inline-block;
	margin: 10px 3px 0;
}

.situacao #situacaoDestino>.rotulo {
	display: block;
	margin: auto;
	text-align: center;
	width: 50px;
}

.situacao #situacaoDestino>div {
	padding: 0 8px;
}

.situacao .selectSituacaoContainer, .situacao .selectSituacao {
	width: 100%;
}

/*contem select situacao origem*/
.situacao .selectSituacaoContainer:last-child {
	float: right;
}

/*contem picklist define situacao quadras*/
.situacao .picklistSituacaoContainer {
	margin: 13px 0 0;
	height: 100%;
}

.situacao .picklistSituacaoContainer .pickList {
	height: 82%;
}

.situacao .pickList button {
	color: #fff;
	border: none;
	margin: 1px;
}

.situacao .pickList button:disabled {
	background: none repeat scroll 0 0 rgba(140, 140, 168, 0.6) !important;
}

/*animacao carregando picklisto origem*/
.situacao .picklistSituacaoContainer .pickList_sourceList>img {
	margin: 74% 0 0 50%;
	position: static;
}

/*botoes reordenar item picklist*/
.situacao .botao.ordernarQuadraSituacao.destino {
	float: right;
	margin: -6px 4px 0 0;
}

.situacao .botao.ordernarQuadraSituacao.destino:nth-child(3) {
	margin-right: 16px;
}

.situacao .botao.ordernarQuadraSituacao.destino:nth {
	float: right;
	margin: -6px 4px 0 0;
}

/*controles do picklist situacao quadras*/
.situacao .picklistSituacaoContainer .pickList_controlsContainer {
	margin: 35% 0 0;
}

/*contem campos com lista destino e origem qudras*/
.situacao .picklistSituacaoContainer .pickList_listContainer {
	height: 100%;
	width: 43%;
}

/*largura dos campos de origem e destino pickilist quadras situacao*/
.situacao .picklistSituacaoContainer .pickList_list {
	width: 100%;
	height: 99%;
}

/*item do picklist*/
.situacao .picklistSituacaoContainer .pickList_listItem {
	text-align: center;
	cursor: pointer;
	padding: 8px;
}

/*ordem dos botoes do picklist*/
.situacao .pickList_controlsContainer {
	display: flex;
	flex-flow: column;
}

.situacao .pickList_add {
	order: 1;
}

.situacao .pickList_addAll {
	order: 2;
}

.situacao .pickList_remove {
	order: 3;
}

.situacao .pickList_removeAll {
	order: 3;
}

.situacao .picklistSituacaoContainer .pickList_listItem.disabled, .situacao .disabled .quadraPendencia label
	{
	cursor: default;
}

/*botao aplicar selecao picklist quadras situacao*/
.situacao .btnEnviarQuadraSituacao {
	float: right;
	margin: 16px;
}

/*popup justificativa*/
.situacao .conteudoJustificativa {
	height: 212px !important;
}

.situacao .textoJustificativaSituacao {
	display: block;
	width: 100%;
}

/*botan enviar justificativa + quadras*/
.situacao .btnJustificativaSituacao.botao {
	display: block;
	margin: 7px 0 0 !important;
	width: 46px;
}


.situacao .addJustificativa textarea {
	resize: none;
	border-radius: 0;
	box-shadow: none;	
}

.situacao .addJustificativa form label {
	margin-top: 20px;
}

.situacao  .quadraPendencia label {
	color: #333333;
	cursor: pointer;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	vertical-align: middle;
}

.situacao  .pickList_selectedListItem .quadraPendencia label,
	.situacao .picklistSituacaoContainer .pickList_listItem:not(.disabled):hover .quadraPendencia label
	{
	color: #fff;
}

.situacao .quadraPendencia {
	color: red;
	margin: 0 0 0 -15px;
}

.situacao .quadraPendencia .exportar {
    color: #F00;
    font-size: 20px;
}

.situacao  .quadraPendencia .exportar {
    color: #F00;
    font-size: 20px;
}

.situacao .picklistSituacaoContainer .pickList_listItem:hover {
	background-color: #264A93;
	color: #ffffff;
	text-decoration: none;
}

.selectSituacao.destino.anterior {
	background: lightcoral;
}

.selectSituacao.destino.posterior {
	background: lightgreen;
}

.situacaoDestino, .situacaoOrigem {
	display: block;
	text-align: center;
}

/**
*Menu Lateral Situa��o
*/
.group.situacao ul {
	display: block !important;
}

.situacao .container_select>div {
	float: left;
}