@import "compass";
@import "mixins";

$color1: #5EA631;
$color2: #3C672B;
$color3: #2B561A;


.aui .btn-primary{
	background: $color1 !important;
	color: #FFFFFF !important;
	width: 150px;
	font-size: 16px;
	&:hover{
		background: $color2 !important;
	}
}

.contenidoCentrado{
	width:896px; 
	margin: 0 auto;	
}


.portlet-title{
	color: $color3;
	font-size: 2.5em;
	font-weight: bold;
	margin: 20px 0px;
	padding: 10px;
}

.portlet-description{
	margin-bottom: 20px;
}

.tratamientos-datos-personales{
	width: 80%;
	display: none;
	margin: 5px auto 0;
	padding: 25px;
	height: 400px;
	overflow-y:scroll;
	border: 1px solid #f0f0f0;
}
.tramites-y-servicios{
	width: 85%;
	margin: 15px auto;
	display:none;
}
.aceptar-terminos{
	margin-left: 8%;
	display:none;
}

#detallePQRS{
	width: 80%;
	margin: 0 auto;
	padding: 1em;
	border: 1px solid #c0c0c0;
}
.float-right{
	float:right;
}


.oculto{
	display:none;
}

table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td{
	
	border-top: 1px solid #ddd;	
}

.tabla-interna{
	width: 100%;
  diplay:block;
  padding: 0;
  background: none !important;

}

.tabla-interna tr{
	background: none !important;
}

.aui label{
	font-size: 16px;
}

legend{
	color: #fff !important;
	font-size: 20px;
	background: $color1;
	text-align: center;
	font-weight: bold;
	margin-bottom: 30px;
    margin-top: 10px;
}

@media (min-width: 992px){
	.aui{
		label{
			display: inline-block;
			width: 165px;
			
			&.checkbox{
				width: auto;
				display:block;
			}
		}
		.textarea{
			label{
				display: block;
			}
			textarea{
				width: 96%;
			}
		}
		.tab-content{
			overflow: hidden;
		}
	}
	.column-content{
		position: relative;
		.help-inline{
			padding-left: 0px;
			display:block !important;
		}
		div[role=alert]{
			color: #C00;
			font-size: 12px;
		}
	}
}
.error label, .error{
	color: #C00 !important;
}


.color-rojo{
	color: #F00;
}
.color-naranja{
	color: #C9740C;
}
.color-azul{
	color: #0088CF;
}
.color-azul2{
	color: #3c672b;
}
.color-verde{
	color: #439C43;
}

.select-table{
	max-width: 144px !important;
	margin-top: 8px !important;
	font-size: 12px !important;
}

.estado{
	padding: 4px 12px;
	font-size: 14px !important;
	line-height: 17px !important;
	text-align: center;
	vertical-align:middle;
	display: inline-block;
	border: 1px ridge #c0c0c0;
	
	&:hover{
		cursor: pointer;
	}
	
	&.color-rojo{
		background: #F99;
		border-color: #F00;
	}
	&.color-naranja{
		background: #FFFF97;
		border-color: #C9740C;
	}
	&.color-azul{
		background: #6DF1FF;
		border-color: #0088CF;
	}
	&.color-azul2{
		background: #6EA5CC;
		border-color: #3c672b;
	}
	&.color-verde{
		background: #97F097;
		border-color: #439C43;
	}
}