//Estilos de la pagina de celulares recuperados (Url: /celulares-recuperados)
.page-celulares-recuperados{
	#preface{
		#preface-third{
			#page-title{
				@include title-block(tint($c-dimgray, 10), 234%);
				font-weight: 100;
	    		margin: 0 auto 28px auto;
	    		max-width: 660px;
				text-align: center;

	    		&:after {
	    			margin: 15px auto 0 auto;
	    			width: 60px;
	    		}
	    	}
		}
	}


	.view-celulares-recuperados{
		max-width: 660px;
		margin: 0 auto;
		color: $c-dimgray;

		.view-filters{
			.views-exposed-widget {
				@include inline-block(top);
				float: none;
				padding: 0;
				width: 70%;

				> label {
					@include inline-block(top);
				}
				
				> .views-widget {
					@include inline-block(top);
					margin-left: 6%;
					width: 86%;

					label {
						display: none;
					}
				}

				.form-text {
					border-radius: 8px;
				}
			}

			.views-submit-button {
				@include inline-block(top);
				padding: 0;
				text-align: right;
				width: 29%;

				.form-submit {
					@include button;
					font-weight: 100;
					width: 160px;
				}
			}
		}

		.view-content{
			@include gray-blocks();
			.views-row-1{
				.views-field-nothing{
								
					&:before{
						content: url('../images/icon-phone-not-found.png');
						display: inline-block;
					}

					span{
						margin-top: 10px;
    					display: inherit;
					}
				}
			}
		}

		.view-empty{
			@include gray-block();
			position: relative;

			&:before{
				content: url('../images/icon-document-not-found.png');
				display: inline-block;
			}
		}
	}
}