@import "aui_variables.scss";
@import "compass";
.aui{
	
	
/*ETAPAS REGULATORIAS - CONSULTA ------------------------------------------- */
	.etapas-regulatorias-consulta{
		
		/*topButtons*/
		.top-buttons {
			background: #004a99;
			border-top: 5px solid #2c66ce;
			padding: 15px;
			overflow:hidden;
			button{
				float:right;
			}
		}
		
		
		/*Busca - header*/
		.busca{
			background: #e5e8ea;
			border-top: 5px solid #004a99;
			box-shadow: 0 2px 1px #ccc;
			margin-bottom: 30px;
			overflow: hidden;
			padding: 10px 15px 15px;
			.data-label{
				text-align:center;
				padding-top:5px;
			}
			form{
				margin:0;
				pading:0;
			}
			.campo-de-busca{
				p{
					text-align:right;
					margin:0 0 10px 0;
				}
				label{
				font-size:14px;
				font-weight:bold;
				}
				.input-datepicker{
					width:100%;
				}
				.input-append, .input-prepend{
					max-width:500px !important
				}
				button{
					width:100%;
				}
				.input-datepicker input {
				border: 1px solid #cfcfcf;
				border-radius: 5px 0 0 5px !important;
				color: #172938;
				width: calc(100% - 40px) !important;
				height:20px !important;
				}
			}
		}
		
		/*Busca - paginacao*/
		
		.busca-paginacao {
			background: #F1F3F5;
			border-top: 1px solid #004a99;
			clear: both;
			overflow: hidden;
			padding: 15px;
			
			.display {
				float: left;
				width: 50%;
				
				p {
					color: #999999;
					font-size: 12px;
					margin:0;
					span {
					color: #004a99;
					}
				}
			
				select{
					width:50px !important;
					display:inline-block;
					margin:0 5px;
				}
		
		 	}
			
			.botoes-paginacao {
				float: right;
				width: 50%;
				text-align:right;
			}
		}
		
		/* Filtros */
	
	
		.filtros {
			background: #F1F3F5;
			border: 1px solid #9fa5ae;
			border-radius: 5px;
			float: right;
			margin-bottom: 10px;
			width: 30%;
			
			.filtro-lista {
			border-bottom: 1px solid #9fa5ae;
			padding: 15px;
			}
			
			.filtro-lista:last-child {
				border-bottom: 0 !important;
			}
			
			.campo {
				border: none;
				margin: 0;
				padding: 0;
				
				legend {
					color: #172938;
					display: block;
					font-size: 12px !important;
					font-weight: bold !important;
					margin-bottom: 10px;
					border: 0 !important;
					padding: 0 !important;
					line-height: 10px !important;
				}
				
				input[type="checkbox"], input[type="radio"] {
				margin: -2px 5px 0 0 !important;
				}
				
				ul {
					margin: 0;
					list-style: none;
					padding: 0;
					li {
						margin: 0;
						padding: 0;
						color: #172938;
						font-weight: normal;
						font-size: 11px;
					}
				}
				
			}
		}/* fecha -filtros */
		
		@media screen and (max-width: 767px) {
			.filtros, .listagem {
				width: 100% !important;
				max-width: 100% !important;
				margin-bottom: 20px;
			}
		}
		
		/* Listagem */
		.listagem {
			float: left;
			margin-bottom: 30px;
			width: calc(70% - 30px);
			.print-button-left{
				text-align:left;
				margin-bottom:15px;
			}
			.print-button-right{
				text-align:right;
				margin-bottom:15px;
			}
			ul {
				margin: 0;
				list-style-type: none !important;
				li {
					list-style-type: none !important;
					padding: 0;
					border-bottom: 1px dashed #999 !important;
					margin-bottom: 15px !important;
					h2 {
						color: #172938;
						font-weight: bold;
						font-size: 16px;
						margin: 0 0 15px;
						padding: 0;
						line-height: 20px !important;
						a {
							color: #004a99;
							margin: 0;
							padding: 0;
							text-decoration: none;
						}
					}
					p {
						line-height: 20px;
						margin-bottom: 10px;
						span {
							font-weight: bold;
						}
					}
					/*formatacao para data e hora do liferay*/
					p.data-hora span {
						margin: 0 5px 0 10px;
						color: #004a99;
					}
					p.data-hora span:first-child {
						margin-left: 0 !important;
					}
				}
				li:last-child {
					border-bottom: 0 !important;
				}
			}
			
		}/*fecha - listagem*/
		
	}/* fecha - etapas-regulatorias-consulta */



/* ETAPAS REGULATORIAS - FORMULARIO ------------------------------------------- */
	/* padrao para formularios FORM_V.1 (uso de btn e spanCOL bootstrap-2) */
	
	.formulario-padrao {
	
	
		/*Geral*/
		.avisos {
			height: 115px;
		}
		
		input[type="text"]:focus, textarea:focus, select:focus {
			box-shadow: 0 3px 3px #ccc !important;
			border: 1px solid #9fa5ae !important;
		}
		input[type="text"]{
			width: calc(100% - 15px); /*calc para subtrair o padding de 15px*/
			height: 20px !important;
		    padding: 4px 6px;
		    border-radius:5px;
		    font-size:13px !important;
		    color:#555;
		}
		textarea{
			width: calc(100% - 15px); /*calc para subtrair o padding de 15px*/
		    border-radius:5px;
		    font-size:13px;
		    color:#555;
		}
		select {
			width:100%;
		    border-radius:5px;
		    font-size:13px;
		    color:#555;
		    outline:none !important;
		}
		
		@media screen and (max-width: 767px) {
			select{
				width:calc(100% - 5px);
				margin:10px 0;
				display:block;
			}
			input[type="text"], textarea{
				width:calc(100% - 20px);
				margin:10px 0;
			}
		}
		
		.input-datepicker input[type="text"]{
			border-radius:5px 0 0 5px !important;
		}
		.topo{
		    background: #004a99;
		    border-top: 5px solid #2c66ce;
		    box-shadow: 0 2px 1px #ccc;
		    margin-bottom: 30px;
		    min-height: 40px;
		    padding: 15px;
		    width: calc(100% - 30px);
		    
		    h2{
		    	color: #ffffff;
			    font-size: 22px;
			    margin: 0;
			    padding: 0;
		    }
		}
		
		ul{
			overflow:hidden;
			list-style-type:none;
			margin:0;
		}
		
		h3{
		    	color:#004a99;
		    	font-size:14px;
		    	margin:0;
		    	padding:0;
		}
		h4{
			margin:0 0 20px 0;
			color:#004a99;
			font-size:18px !important;
		}
		
		legend{
			margin-bottom:10px;
			line-height:16px;
			font-size:14px;
			font-weight:normal;
			border:0;
			overflow:hidden;
		}
		legend.add-linha{
			min-height:35px;/*para que não desalinhe os elemento de baixo caso a legenda seja grande*/
		}
		
		span.legend{
			color:#555;
			display:block;
			line-height:16px;
			font-size:12px;
			margin-top:5px 0 15px 0;
			font-style: oblique;
		}
		button, .btn, input[type="file"], input[type="submit"]{
			background: #004a99;
		    border: none;
		    border-radius: 5px;
		    box-shadow: 0 2px 1px #ccc;
		    color: #ffffff;
		    cursor: pointer;
		    padding: 5px 15px !important;
		    text-transform: uppercase;
		    text-shadow:none !important;
		    font-size:14px;
		}
		
		input[type="checkbox"], input[type="radio"] {
		margin: -2px 3px 0 0 !important;
		}
		
		.footer-buttons{
		    background: #F1F3F5;
		    border-top: 1px solid #004a99;
		    clear: both;
		    overflow: hidden;
		    padding: 15px 15px 10px;
		    margin-top:20px;
		    text-align:right;
		}
		
		
		/*Definicoes do escopo*/
		

		.upload-arquivos td.ng-binding{
			color:#000;
			font-family: monospace;
		}
		
		
		th.coluna-anexo-01{
			width:80%;
		}
		
		th.coluna-anexo-02{
			button, .btn, input[type="file"]{
			width:calc(100% - 30px);
			}
		}
		
		.regime-referencia button{
			margin-top:-10px;
		}
		
		.btn-file {
		position: relative;
		overflow: hidden;
		}

		.btn-file input[type=file] {
		position: absolute;
		width:100%;
		height:100%;
		left:0;
		bottom:0;
		opacity:0;
		}
		
		.sessionForm{
			padding-bottom:30px;
			margin:30px 0;
			border-bottom:1px dashed #222;
			h5{
				min-height:20px; /*para que não desalinhe os elementos de baixo caso a não exita caracter no elemnto*/
			}
		}
		.referencia-internacional{
			button.btnPadrao-A{
				float:right;
				margin-bottom:10px;
			}
			button.btnPadrao-negado{
				margin:0 auto;
				display:block;
			}
		}
		
		@media screen and (max-width: 767px) {
			.prazo-contribuicao > p > span{
				display:block;
			}
			.input-datepicker {
				width:100%;
			}
			.data-prazo input, .data-publicacao input, .prazo-contribuicao input:first-child, .input-datepicker input{
				width: calc(100% - 50px);
				margin:0;
			}
			.regime-referencia select{
				margin-bottom:20px;
			}
			.coluna-anexo-02{
				button, .btn, input[type="file"], input[type="submit"]{
					width:100% !important;
					font-size:12px;
				}
			}
			
		}
		
		
		/*Adaptacoes-datePicker*/
		.add-on{
			height:20px;
			line-height:20px;
			i.icon-th {
				display: iline-block !important;
				margin-top: 4px !important;
				color: #999;
			}
		}
		
		.ato-lista{
				padding:5px 15px; 
				border:1px solid #ccc; 
				background:#f9f9f9;
				overflow:hidden;
				border-radius:3px;
				margin-top:15px;
				.btnPadrao-negado{
					margin-top:37px;
				}
		}
		
	}/*fecha - formulario-padrao*/
		.modal-ato{
		 	.span6{
		 		margin:0;
		 		width:50%;
		 		float:left;
		 		input, select{
		 			width:calc(100% - 15px);
		 		}
		 		.btn-busca-ato{
		 			margin: 38px 0 0 20px;
		 		}
		 	}
		}
	
	/*BOTOES*/
	.btnExportar-PDF{
		background: #f2f2f2 !important;
	    border: 1px solid #59738c !important;
	    border-radius:5px !important;
	    color:#59738c !important;
	    font-size: 14px !important;
	    cursor:pointer;
	    span{
	    	margin-right:5px;
	    }
	}
	/*variacao 1 da corPadrao*/
	.btnPadrao-A{
	    background:#004a99 !important;
	    color:#fff !important;
	    text-shadow:none !important;
	    border:1px solid #0f477f !important;
	    cursor:pointer;
    }
    /*variacao 2 da corPadrao*/
    .btnPadrao-B{
	    background:#2c66ce !important;
	    color:#fff !important;
	    text-shadow:none !important;
	    border:1px solid #0e4cb7 !important;
	    cursor:pointer;
    }
    /*variacao 3 da corPadrao*/
    .btnPadrao-C{

    }
    /*alerta*/
    .btnPadrao-alerta{
	    background:yellow !important;
	    color:#fff !important;
	    text-shadow:none !important;
	    border:1px solid #79a0c4!important;
		cursor:pointer;
    }
     /*negado*/
    .btnPadrao-negado{
	    background:#ce4848!important;
	    color:#fff !important;
	    text-shadow:none !important;
	    border:1px solid #d32323!important;
	    cursor:pointer;
    }
    
     /*sucesso*/
    .btnPadrao-sucesso{
	    background:greenyellow !important;
	    color:#fff !important;
	    text-shadow:none !important;
	    border:1px solid #79a0c4!important;
		box-shadow: 0 2px 1px #ccc;
		cursor:pointer;
    }
    
    /* LABEL ALERTAS */
    .alerta-aviso{
	    background-color: #f9f9f9 !important;
	    border: 2px solid #a3bad1 !important;
	    color: #004a99 !important;
	    padding:15px;
	    margin-bottom:10px;
	    h3{
	    	border-bottom:1px solid #a3bad1;
	    	display:block;
	    	margin-bottom:15px !important
	    }
	    p{
	    	line-height:16px;
	    	font-size:14px;
	    	text-align:justify;
	    }
	}
	.alinhar-esquerda{
	    text-align:left !important;
	    width:100% !important;
	    margin-bottom:10px;
	}
	.alinhar-direita{
	    text-align:right !important;
	    width:100% !important;
	    margin-bottom:10px;
	}
	span.item-obrigatorio{
		color:#ce4848;
		font-size:12px;
		display:block;
		width:100%;
		i{
			display:block;
			font-size:13px;
			float:left;
			margin: 2px 5px 0 0;
		}
	}	
    /*input obrigadorio*/
    .control-group.error input, .control-group.error select, .control-group.error textarea{
    	border:1px solid #ce4848 !important;
    	box-shadow: 0 2px 2px #555 !important;
    }
    

/* ETAPAS REGULATORIAS - VISUALIZAR ------------------------------------------- */
		.titulo-consulta{
			color: #004a99;
			background: #f9f9f9;
			padding:15px;
			margin-bottom:20px !important;
			border-top: 4px solid #2c66ce;
			h2{
				margin:0;
				font-size:18px;
				color:#004a99 !important;
				line-height:22px !important;
				a{
					color: #004a99 !important;
				}
			}
			h3{
				color:#222 !important;
				font-size:15px;
				margin:0;
				line-height:normal;
				border-left:1px solid #ccc;
				padding-left:15px;
			}
			.span3{
				border-left:1px dashed #999;
				padding-left:15px;
				a{
					display:block;
				}
				button{
					width:100%;
					margin-top:5px;
				}
			}
		}
	.detalhe-consulta{
	  	border-bottom:1px dashed #999;
		margin-bottom:25px;
		padding-bottom:20px;
		&:last-child{
			border-bottom:0 !important;
		}
		a{
			display:inline-block;
		}
		a.link-inline{
			display:inline;
		}
		.area-links{
			 padding:8px 15px;
			 background:#fff;
		}
		ul{
			list-style-type:none;
			margin:0;
		}
		
		h3{
			font-size:22px;
			margin:0;
		}
		
		p{
			background:#f9f9f9;
			padding:5px 8px 3px 8px;
			margin:8px 0 !important;
			border:1px solid #f2f2f2;
			font-size:14px !important;
			display:inline-block;
			width: calc(100% - 15px);
		}
		
		label{
			display:inline-block;
			font-weight:bold;
			margin-right:10px;
		}
		.marcar-caixa{
			span.checkbox-item{
				margin-right:10px;
			}
		}
		.row p{
			display:block;
		}
		
	}
	/*Retificações Liferay*/
		
		alert-error{
		    margin-top:20px !important;
		}
		.alert-success{
			margin-top:20px !important;
		}

	.date-picker{
		margin-top: 0 !important;
	}
	
	
	.configuracao-portlet-atos{
		h2{
			font-size: 18px;
		    margin-bottom: 15px;
		    padding-bottom: 15px;
		    line-height: normal;
		    border-bottom: 1px solid #e5e5e5;
		    span{
				font-size: 14px;
				display: block;
				font-weight: normal;
		    }
		}
	}
	
	.select-file{
		input{
			margin-bottom: 0 !important;
		}
	}

}/*fecha aui*/


.print{
	display:none
}