/*
INFO: Este CSS está destinado a cambiar la apariencia de aquellos elementos que necesitan variar según
una resolución específica y determinada o dentro de un rango concreto.
*/
/* ================================================================================================================ */
/* === Bootstrap v3 resolutions: 768, 992, 1200 =================================================================== */
/* ================================================================================================================ */
@media all and (max-width:575px) {
	.xxs_min_area12{padding:12px !important;}
	.xxs_display_inline_block{display:inline-block !important;}
	.xxs_display_none{display:none !important;}
	.xxs_align_left{text-align:left !important;}
	.xxs_border_none{border:none !important;}
	.xxs_item_propuesta_b_left{border-left:1px solid #8aaec2;}
	.xxs_header_propuesta_b_right_none{border-right:none;}
	.columna_derecha{margin-top:-1px;}
	.propuesta_row{border-bottom: 1px solid #8aaec2;}
	#area_filtros{overflow-y:hidden; height:0px;}
	#hoja_propuesta{width:100%; display:inline-block; text-align:left;}
	.xxs_relation_task{border-left:none !important; border-top:1px solid #bacad5; /*padding-left:4px !important;*/}
}
@media all and (min-width:576px) and (max-width:767px) {
	.columna_derecha{margin-top:-1px;}
	#area_filtros{overflow-y:hidden; height:0px;}
	.sm_display_none{display:none !important;}	
	#hoja_propuesta{width:100%; display:inline-block; text-align:left; padding:24px;}
	.sm_relation_task{border-left:none !important; border-top:1px solid #bacad5; /*padding-left:4px !important;*/}
}
@media all and (min-width:768px) and (max-width:991px) {
	.mysm-border-none{border:none;}
	.columna_derecha{margin-top:-1px;}
	#area_filtros{overflow-y:hidden; height:0px;}
	.md_display_none{display:none !important;}
	#hoja_propuesta{width:100%; display:inline-block; text-align:left; padding:24px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
	.mysm-border-none{border:none;}	
	.lg-border-none{border:none !important;}
	.lg_display_none{display:none !important;}
	.columna_derecha{margin-top:-1px;}
	#area_filtros{overflow-y:hidden; height:0px;}
	#hoja_propuesta{width:890px; display:inline-block; text-align:left; padding:24px; margin:24px; border:1px solid #c5c5ce;}
}
@media all and (min-width:1200px) {
	.xl-border-none{border:none !important;}
	.xl_display_none{display:none !important;}
	#area_filtros{height:auto !important;}
	#hoja_propuesta{width:960px; display:inline-block; text-align:left; padding:24px; margin:24px; border:1px solid #c5c5ce;}
}



/* ================================================================================================================ */
/* ======= Standard resolutions: 640, 800, 1024, 1280, 1360, 1440, 1600, 1680, 1920 =============================== */
/* ================================================================================================================ */
@media all and (max-width:499px) {    
    .file_list_container{text-align:left;}
    .row_file_details2{text-align:center; padding:0 11px;}
    .row_file_details3{text-align:right; padding-left: 11px;}
}
@media all and (min-width:500px) {
    .file_list_container{text-align:left;}
    .row_file_details2{text-align:right; padding:0 11px; border-right:1px solid #c5c5ce;}
    .row_file_details3{text-align:right; padding-left:11px;}  
}

/* ---------------------------------------------- */
@media all and (max-width:767px) {
	#inputSearchByName{width:100% !important;}
	#inputSearchByOcr{width:100% !important; margin-top: 7px;}
	#searchFieldsContainer{width:auto !important;}
	#searchFieldsContainer>div{width:auto !important;}
	.combos_seccion .newCombo{margin:3px 0px;}
	.combos_seccion button{margin-top:8px !important;}
	/*#searchFieldsContainer{width:62px; overflow-x:hidden;}*/
}

@media all and (min-width: 768px) and (max-width:1023px) {
	#searchFieldsContainer{width:62px; overflow-x:hidden;}
}

@media all and (min-width: 1024px) and (max-width:1151px) {
	#searchFieldsContainer{width:141px; overflow-x:hidden;}
}

@media all and (min-width: 1152px) and (max-width:1359px) {
	#searchFieldsContainer{width:214px; overflow-x:hidden;}
}

@media all and (min-width: 1280px) and (max-width:1359px) {
	#searchFieldsContainer{width:214px; overflow-x:hidden;}
}

@media all and (min-width: 1360px) and (max-width:1439px) {
	#searchFieldsContainer{width:220px; overflow-x:hidden;}
}

@media all and (min-width: 1440px) and (max-width:1599px) {
	#searchFieldsContainer{width:252px; overflow-x:hidden;}
}

@media all and (min-width: 1600px) and (max-width:1919px) {
	#searchFieldsContainer{width:252px; overflow-x:hidden;}
}

@media all and (min-width: 1920px){
	#searchFieldsContainer{width:507px; overflow-x:hidden;}
}


/*
@media all and (min-width: 800px) {
	.intro_row_right{background-position:-350px center;}
}
@media all and (min-width: 1024px) {
	.intro_row_right{background-position:-250px center;}
}
@media all and (min-width: 1280px) {
	.intro_row_right{background-position:-120px center;}
}
@media all and (min-width: 1600px) {
	.intro_row_right{background-position:-50px center;}
}

@media all and (min-width: 800px) and (max-width:1279px) {
	#main_content{max-width:none;}
}*/