/* TABLETS */
.mobile{display: none !important;}
/*.no_mobile{display: block;}
td.no_mobile{display: table-cell;}*/

@media screen and (max-width: 1024px){

	.mobile{display: block !important;}
	.no_mobile{display: none !important}

	.title_area{width: 75%;}
	.main_header .main_area, .main_header .option_area{min-width: 15%;}
	.main_content{
		width: 100%;
	}
	.SRIPanel{
		width: 50%;
	}

	.option_area button,
	.option_area .button{
		min-width: 40px; min-height: 40px; border-radius: 50%;
		font-size: 14pt; line-height: inherit; margin: 0;
		padding:0; text-align: center;
		justify-content: center;
	}
	.option_area button p,
	.option_area .button p{
		display: none;
	}

	/* Menú */
	.main_area{align-self: stretch;}
	.main_area .option{ width: 32px; padding: 15px 5px; }
	.main_area .option p{ display: none; }
	.bt_menu{height: 20px; width: 28px;}
	.main_area .bt_filter{
		display: inline-block;
	}
	.main_area .icon,
	.option_area .icon{
		background-size: 24px;
		min-width: 24px;
		min-height: 24px;
	}
	.bt_filter_panel{
		display: none;
	}
	

	.mn_opciones{width: 100%;}
	
	.panel_menu{
		/*box-shadow: 0 0 0 1024px rgba(0,50,100,.5);*/
		width: 40%;
	}
	.panel_menu nav li{
		font-size: 1.1em;
		padding-top: 4px;
		padding-bottom: 4px;
	}

	/* Búsqueda */
	.field_search{width: 75%;}

	aside.filter_panel{
		background-color: #FFF;
		display: none;
		overflow: auto;
	}
	.filter_panel{
		display: none;
		box-shadow: 0 3px 20px rgba(0,50,100,.3);
		color: inherit;
		position: absolute;
		left: 0;
		min-width: 300px;
		width: 300px;
		z-index: 3;
	}
	.filter_content, .date_search{
		background: #FFF;
	}
	.filter_panel .filter_content li{
		height: 32px;
	}
	.filter_panel .accordion > h3{
		opacity: 1;
	}
	.filter_panel .filter_content li:hover{
		color: inherit;
	}
	.filter_panel .accordion > h3{
		box-shadow: 0 -1px 0 #CDE;
		line-height: 50px;
	}

	.filter_panel > header{
		display: none;
	}

	.selectric .label {max-width: 280px;}

	.icon[data-icon="new"]:after{line-height: inherit;}

}

@media screen and (max-width: 800px){
	
	/*#Contenedor:before{display: none;}*/
	.main_header{max-height: 90px;}
	.main_area .option{ width: 40px; margin: 6% 5% 0; }
	.main_area button:after, .main_area .button:after,

	.option_area button .icon, .option_area .button .icon{
		margin-right: 0;
	}
	.option_area button:after, .option_area .button:after,
	.option_area button:before, .option_area .button:before{
		border: 0px;
		box-shadow: none;
	}
	.option_area button:before, .option_area .button:before{
		box-shadow: 0 1px 7px rgba(0,50,100,.3);
	}

	.mn_opciones{height: 40px;}
	.panel_search{background-color: rgba(255,255,255,.1);}
	#search + .clear_input{display: none;}
	#search{width: calc(100% - 36px); color: #FFF;}

	.chart_content{flex-direction: column; width: 100%;}

	.mn_content{overflow: auto;}
	.main_content{width: 100%;}
	#AreaGrafico{width: 100%;}
	.panel_report{width: 100%;}

	aside.filter_panel{position: fixed;}

	.menu_row li{
		border-right: 0;
		border-bottom: 1px solid #BCD;
		display: block;
		padding: 15px 10px;
		text-align: left ;
		width: 100%;
	}
	.menu_row li a{
		padding: 10px;
	}
	#campos_detalle div:nth-child(2) table{
		border-bottom: 1px solid #CDE;
	}

	.expand #result_filtros,
	.expand .List{
		padding: 0;
	}
	/*.selectric { line-height: 36px; }*/
}

/* SMARTPHONES 5 Pulgadas */

@media screen and (max-width: 520px){

	.main_header{
		background: #07D;
		background: linear-gradient(135deg, rgba(77, 219, 210, 1), rgba(64, 143, 218, 1), rgba(0, 90, 220, 1));
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ac9f4', endColorstr='#0077dd',GradientType=1 );
		border: 0;
		/*box-shadow: 0 3px 5px rgba(0,50,100,.2);*/
		color: #FFF;
		padding: 0 1%;
		position: fixed;
		min-height: 50px;
	}
	.main_header .main_area{width: 50px; min-width: 50px;}
	.main_area .option{min-width: 32px;}
	.mn_opciones{
		justify-content: flex-start;
		padding-left: 50px;
		margin: 0;
	}
	.mn_opciones a{
		border-color: transparent;
		color: rgba(255,255,255,.75); letter-spacing: 0;
		min-width: 40px;
		padding: 5px 9px;
		text-transform: uppercase;
		text-overflow: ellipsis;overflow: hidden;
		white-space: nowrap;
	}
	.mn_opciones a.active{border-color: #FFF; color: #FFF;}
	.option_area .icon{
		background-size: 20px;
		min-width: 20px;
		min-height: 20px;
	}
	.option_area .icon svg{
		fill:#FFF !important;
	}
	.title_area{font-size: .9em;}

	.field_search{width: 100%;}
	.bt_menu{margin-top: -2px; width: 24px; height: 16px;}
	.bt_menu, .bt_menu:hover{border-color: #FFF;}
	/*.bt_filter{display: none !important;}*/

	.icon[data-icon="search"]:after{border-color: #FFF;}
	.icon[data-icon="search"]:before{background:#FFF;}
	.icon.min{
		min-width: 18px;
		min-height: 18px;
		background-size: 18px !important;
	}
	#bt_print{display: none;}

	.panel_menu .logotipo{padding: 9px 0 15px;}
	.logotipo_empresa{width: 90%;}

	.panel_menu{width: 90%;}
	.panel_menu nav{overflow: auto;}
	.panel_menu nav ul ul li{
		border-bottom: 1px solid rgba(255,255,255,.1);
	}

	/*.bg_empresa{display: none !important;}*/
	.bg_empresa img{width: 140%;}

	.title_area .title{
		text-align: left;
		letter-spacing: 0px;
		line-height: 50px;
		height: 50px;
	}

	.main_header .option_area {min-width: 40px; width: auto;}
	.option_area li{
		display: inline-flex;
		align-items: center;
		min-width: 24px; margin: 0; min-height: 40px;
	}
	/*button:after, .button:after, button:before, .button:before{
		border-radius: 50%;
		border: 0;
		box-shadow: none;
		color: #FFF;
	}*/
	button:before, .button:before{border:none;}
	
	.theme_site{display: none;}

	.img_profile{ display: inline-block; width: 64px; height: 64px; }
	.img_profile img{width: 64px;}
	.content_user span:nth-child(2){
		display: inline-block;
		margin: 5px 0 9px 20px;
		text-align: left;
		width: calc(100% - 120px);
	}

	.chart_content{flex-wrap: nowrap;}
	.icon p{display: none;}

	/*form input, form textarea{font-size: 1.1em;}*/

	/*.selectric-wrapper {margin-bottom: 10px;}*/
	/*input, textarea, select{margin-bottom: 10px;}*/
	/*input[readonly].search, input[readonly].date{height: 36px;}*/
	
	input, textarea{font-size: 1.1em;}
	button, .button{min-height: 32px; line-height: 1em;}

	#Datagrid li{text-align: left;}

	aside.filter_panel{
		box-shadow: 0 0 15px rgba(0,50,100,.3);
		height: calc(100% - 20px);
		font-size: 1em;
		overflow: auto;
		margin: 50px 5%;
		width: 90%;
	}
	.filter_panel article h3{height: 60px;}

	.main_footer{display: none;}
	.main_footer nav{padding: 20px 1%;}

	.SRIPanel{width: 90%;}
	.PanelInfo{
		height: 98%;
		margin: 0;
		top: 1%;
		width: 100%;
	}
	.PanelInfo .content{overflow: auto;}
	/* Responsive */
	.panel{
		width: 100%;
	}

	table th, table td{
		height: 40px;
	}
	#search{border:0px !important;}

	input, select, .optional li{
		line-height: 12pt;
		padding-top: 6pt;
		padding-bottom: 6pt;
		margin-bottom: 6pt;
	}
	textarea{margin-bottom: 6pt;}

	#result_filtros{padding: 0;}
	.resume, .resume table, .resume .tb_body{width: 100%; margin: 0; border-radius: 0;}
	.resume table, .resume .tb_body{
	  /*background-image: url("../imgs/template/bg_resume.png") no-repeat;*/
	  background-image: linear-gradient(135deg, rgba(75, 190, 211, .75), rgba(44, 120, 215, .75), rgba(0, 90, 220, .75));
	}
}


@media screen and (max-width: 320px){
	body{font-size: 9pt;}
}

/* Diseño Mobile */

.mblist{
	display: block;
	margin: 0 auto;
	padding: 0;
	overflow-x: hidden;
	/*overflow: hidden;*/
}
.mblist strong{
	/*letter-spacing: 0px;*/
}
/*.mblist b, .mblist strong{word-spacing: 2px;}*/
.mblist h3,
.mblist li{
	align-items: center;
	align-content: stretch;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(0,50,100,.1);
	display: flex !important;
	flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  margin: 0;
	min-height: 60px;
	/*line-height: 24px;*/
	padding:0 12px;
	text-align: left;
	transition: ease all .2s;
	width:100%;
	/* Texto no seleccionable */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.mblist li b{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: normal;
}

.mblist li p{
	padding: 3px 0;
	margin: 0;
	white-space: pre-wrap;
	text-align: left;
}

.mblist img{vertical-align: middle;}
.mblist dl{color: #789; font-size: .9em;}
.mblist i{
	text-align: right;
	width: 100%;
	display: block ;
	font-style: normal;
	font-weight: 700;
}

.mblist .info_tipo_precio{
	font-size: .7em;
	line-height: 1.8em;
}
.mblist li .info{
	margin-top: -3px;
	margin-left: 5px;
	/*float: right;*/
}
.mblist li.swipeleft{
	position: relative;
	margin-left: -40%;
	transition: ease all .2s;
}
.mblist li.swipeleft .mb_options{
	display: flex;
	opacity: 1;
	z-index: 1;
}
.mblist .mb_options{
	align-items: center;
	background: #447;
	box-sizing: border-box;
	display: none;
	align-self: stretch;
	flex-direction: row;
	flex-wrap: nowrap;
	height: 100%;
	justify-content: flex-end;
	padding: 5px 11px;
	position: absolute;
	top: 0;
	left: 100%;
	opacity: 0;
	z-index: -1;
	width: 40%;
}
.mblist .mb_options .icon{
	border: 0;
	height: 36px;
	margin: 0 3%;
	width: 36px;
	-webkit-filter: brightness(400%);
	-moz-filter: brightness(400%);
	-o-filter: brightness(400%);
	-ms-filter: brightness(400%);
	filter: brightness(400%);
}