//Estilos pagina convocatoria. (Url: /convocatoria)
.page-convocatoria {
	#main {
		@include holder;
		max-width: 660px;
	}

	.view-convocatorias {
		@include search-files;
		@include form-select;

		.views-exposed-widgets {

			.views-widget-filter-field_tipo_de_convocatoria_value {
				margin-right: 0;
			}

			.views-exposed-widget {
				float: none;
				width: 49%;	

				label {
					width: 100%;
				}
				.views-widget {
					width: 100%;
				}
			}

			.views-submit-button {
				float: right;
				margin-top: 1em;
				width: 19%;
			}
		}

		.views-row {
			border-top: 1px dotted shade($c-silver, 20);
			display: inline-block;
			padding: 8px 0;
			position: relative;
			width: 100%;

			.views-field-title {
				float: left;
				padding-right: 10%;
				width: 80%;

				a {
					color: $c-brand-green-dark;
					font-size: 130%;
					font-weight: 100;
    				line-height: 1.3;
					padding-right: 10%;
				}
			}

			.views-field-field-fecha-convocatoria {
    			color: $c-dimgray;
    			float: left;
    			font-size: 90%;
    			font-weight: 300;
    			line-height: 1.2;
				padding-right: 10%;
				width: 80%;
			}

			.views-field-field-requisitos {
				
				.file-application-pdf {
					position: inherit;
				}

				.content {
					margin-top: -20px;
					position: absolute;
					right: 0;
					top: 50%;

					.file-icon {
						display: none;
					}

					a {
						@include imgreplace;
						@include size(40px);
						display: inline-block;
						background: url('../images/button-download-pdf-big.png') no-repeat;
						background-size: 40px; 
					}	
				}
			}
		}
	}
}