// Estilos pagina estados de la vida (Url: /estado-vias)
.page-estado-de-las-vias {
	#page-title {				
		@include title-block(tint($c-dimgray, 10), 234%);
		font-weight: 300;
	    margin: 0 auto 28px auto;
		text-align: center;

	    &:after {
	    	margin: 15px auto 0 auto;
	    	width: 60px;
	    }
	}
}

.view-estado-de-las-v-as {
	.view-header {
		background: $c-gainsboro;
	    color: shade($c-dimgray, 40);
		font-size: 125%;
	    font-weight: 100;
	    padding: 1%;
		text-align: center;
	}

	.views-exposed-widgets {
		background: $c-gainsboro;

		.views-widget-filter-field_departamento_via_tid {
			border-top: 1px solid $c-white;
   		 	float: none;
   		 	margin: 0 auto;
   		 	padding: 0;
			width: 96%;

			.bef-checkboxes {
				@include ib-grid;

				.form-item  {
					@include inline-block(top);
					background: none;
					width: 25%;

					label {
						background: url('../images/check-box.png') no-repeat left center;
						font-size: 97%;
						font-weight: 400;
						padding: 0 0 0 20px;
					}

					input {
						display: none;
					}

					&.highlight {
						label {
							background: url('../images/check-box-selected.png') no-repeat left center; 
						}
					}
				}	
			}
		}

		.views-submit-button {
    		border-top: 1px solid $c-white;
   		 	float: none;
    		margin: 1em auto 0 auto;
    		padding: 1% 0;
    		text-align: right;
    		width: 96%;

    		.form-submit {
    			@include button;
    			margin: 0;
    		}
		}
	}

	.view-content {
		.views-row {
			@include ib-grid;
			border-bottom: 1px solid shade($c-gainsboro, 30);

			legend {
				border-bottom: 1px solid shade($c-gainsboro, 30);
				box-sizing: border-box;
				color: tint($c-dimgray, 20);
				display: none;
				font-weight: bold;
				font-size: 110%;
				padding: 4px 5%;
				text-transform: uppercase;
				width: 100%;
			}
		}

		.views-row-1 {
			legend {
				display: block;
			}
		}

		.views-row-even {
			background: tint($c-silver, 80);
		}
		fieldset {
			@include inline-block(top);
			box-sizing: border-box;
			border: none;
			padding: 0;
			width: 25%;
		}

		h3 {
			color: tint($c-dimgray, 40);
			font-size: 146%;
			font-weight: 100;
			margin: 1.5em 0px;
		}

		.fieldset-wrapper {
			padding: 3px 5%;

			.views-field {
				color: shade($c-dimgray, 40);
				.views-label {
					font-weight: bold;
				}

				.field-content {
					font-weight: 100;
				}
			}
		}
	}

	@include view-empty;

}