/**
	C O N T A D O R
	NUEVO DISEÑO STANDARD
*/

html{
	-webkit-font-smoothing: antialiased;
}
body{
	background: rgba(242, 246, 250, 0.98);
	/*background: linear-gradient(to bottom, rgba(244,248,251,1) 50%,rgba(232,236,240,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fb', endColorstr='#d7dce2',GradientType=0 );*/
	color: #447;
	/*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
	transition: ease all .2s;
}

a, .active{ color: #07D; cursor: pointer; }
p{padding: 5px 0 5px 10px; line-height: 1.4em;}
a p{padding-left: 0;}
big, small{
	display: inline-block;
	line-height: inherit;
	text-align: inherit;
	vertical-align: middle;
}
.flex_row{
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
	justify-content: center;
}
.flex_column{
	display: flex; flex-direction: column; align-content: flex-start; align-items: center; justify-content: space-between;
}
.align_start{justify-content: flex-start !important; align-self: flex-start;}
.align_end{justify-content: flex-end !important;}
.align_center{justify-content: center !important;}
.align_between{justify-content: space-between !important;}
.align_around{justify-content: space-around !important;}
.bg_yellow{ background: #FFF8C9 !important;}
.bg_blue{ background: #09F;}
.bg_green{ background: #0D7; }
.bg_grey{ background: #789; }
.iva{color: #09F;}

.grey_filter{filter: grayscale(.9); opacity: .75;}
.white_filter{filter: saturate(0%) brightness(400%);}
.deducible{
	background: #E48;
	border-radius: 3px;
	color: #FFF !important;
	line-height: 1em;
	display: inline-block;
	padding: 2px 3px 1px;
	text-align: center;
}
.overflow{
	overflow: auto;
}
.ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.no_wrap{
	white-space: nowrap;
}
.wrap{white-space:pre-line !important;}
b{ font-weight: bolder; }
.input_no_margin input, .input_no_margin .selectric-wrapper{margin: 0;}

/* Contendor */
.container{
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
/*.container:before{
	background: linear-gradient(45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 43%,rgba(255,255,255,0.4) 80%,rgba(255,255,255,.75) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
	content: ''; display: block; height: 500px;
	left: 0%; position: fixed; top: 42%;
	transform: rotateZ(-26deg);
	width: 140%;
	z-index: -1;
}*/

/* Búsqueda */
.panel_search{
	display: flex;
	align-items: center;
	justify-content: center; min-height: 50px; width: 100%;
}
.field_search{
	/*border-bottom: 1px solid #07D;*/
	box-sizing: border-box;
	height: 36px;
	overflow: hidden;
	display: block;
	padding: 0 5px;
	position: relative;
	width: 70%;
}
.field_search .icon{
	margin: 6px 0;
}
.field_search .icon:after{
	border-color: #BCD;
}
.field_search .icon:before{
	background: #BCD;
}

#search{
	display: inline-block;
	color: #07D;
	box-sizing: border-box;
	height: 36px;
	font-size: 1.4em;
	line-height: inherit;
	margin-left: 0;
	text-indent: 11px;
	width: calc(100% - 40px);
}
#search:focus{
	background: none;
}
.panel_search #search{background: none;}

.clear_input{
	border-radius: 50%;
	color: rgba(200,200,200,.75);
	cursor: pointer;
	display: none;
	font-size: .9em;
	height: 20px; line-height: 20px; position: absolute;
	text-align: center;
	right: 5%;
	top: calc(50% - 9px);
	width: 20px;
}
.clear_input:after,.clear_input:before{
	background: rgba(0,50,100,.3);
	content: '';
	display: block;
	left: calc(50% - 1px);
	height: 90%;
	position: absolute;
	top: 0;
	width: 2px;
	transform: rotateZ(45deg);
}
.clear_input:before{
	transform: rotateZ(135deg);
}
.clear_input:hover:after,
.clear_input:hover:before{
	background: rgba(0,50,100,.5);
}
.fecha_cheque{
	background: rgb(120,200,120);
	border-radius: 3px;
	box-sizing: border-box;
	display: inline-block;
	color: #FFF !important;
	font-weight: bold;
	margin: 0 auto;
	line-height: inherit;
	padding: 0 3px;
	text-align: center;
	width: 100%;
}

/* Cabecera */

.main_header{
	background: rgba(242, 246, 250, 0.98);
	box-sizing: border-box;
	color: inherit;
	left: 0;
	min-height: 50px;
	max-height: 80px;
	top: 0;
	padding: 0 1%;
	position: sticky;
	position: -webkit-sticky;
	width: 100%; z-index: 2;
	top: 0;
	transition: ease all .2s;
	/*background: #314159;
	color: #FFF;*/
}
.main_header .main_area,
.main_header .option_area{
	align-items: stretch;
	align-content: center;
	display: flex;
	flex-direction: row;
	height: 100%;
	width:24%;
}
.main_header .main_area{
	flex-direction: row;
}
.main_header .active .icon{filter: brightness(170%) hue-rotate(-30deg) contrast(150%) !important;}

.title_area{
	align-items: stretch; display: flex;
	/*flex-wrap: wrap;*/
	flex-direction: column;
	height: 100%;
	justify-content: center;
	width: 52%;
}
.title_area .title{
	line-height: 30px;
	margin: 0;
	font-size: 12pt;
	min-height: 30px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	width: 100%;
}
.title_area .title.min{
	font-size: .9em;
	/*margin: 5px 0;
	min-height: 20px;
	line-height: 20px;*/
	overflow: hidden;
}

.mn_opciones{
	align-self: center; box-sizing: border-box;
	display: flex; flex-wrap: nowrap;
	height: 30px;
	justify-content: center;
	line-height: 1em;
	overflow: hidden;
	padding: 0 0 1px; text-align: center; width: 100%;
}
.mn_opciones.forms{background: #CDE; justify-content: space-around; align-content: flex-end; align-items: flex-end;}
.mn_opciones img{
	vertical-align: middle;
	margin-right: 9px;
}
.mn_opciones a{
	border-bottom: 2px solid #CDE;
	box-sizing: border-box;
	color: #789;
	cursor: pointer;
	display: block;
	height: 100%;
	line-height: 1.5em;
	margin: 0 5px;
	padding: 0 5px;
	text-align: inherit;
	white-space: nowrap;
	text-transform: uppercase;
	min-width: 60px;
}
.mn_opciones a.active{
	border-width: 3px;
	font-weight: bold;
	border-color: #07D;
	color: #07D;
}
.mn_opciones a:hover{
	border-color: #09F;
	color: #07D;
	text-indent: 0;
}
.mn_opciones label{
	background: rgba(255,255,255,.3);
	min-width: 90px;
}

.option_area ul{
	height: 100%;
	display: inline-flex;
	padding-left: 0;
	width: 100%;
}
.option_area li{
	/*margin: 0 2%;*/
	min-width: 50px;
	padding: 0 5px;
}
.option_area li:first-child{
	margin-left: 0;
}
.option_area li:last-child{
	margin-right: 0;
}
.option_area .icon{
	fill:inherit; /*min-width: 20px;*/
}

/*.option_area button,
.option_area .button{
	box-shadow: none;
	border: 1px solid #9AB;
	background: none;
	color: inherit;
	min-width: 100px;
}
.option_area button:hover,
.option_area .button:hover{
	background-color: #07D;
	border-color: #07D;
	color: #FFF;
}*/
.option_area button:hover svg,
.option_area .button:hover svg{
	fill: #FFF;
}

.option_area button .icon,
.option_area .button .icon{
	height: 20px;
	margin-top: -2px;
	width: 20px;
}

.option_area .icon[data-icon="search"]:hover:after{
	border: 2px solid #07D;
}
.option_area .icon[data-icon="search"]:hover:before{
	background: #07D;
}

/* Menu */
.main_area a{color: inherit;}
.main_area a:hover{filter: brightness(170%) hue-rotate(-30deg) contrast(150%);}
.main_area .option{
	color: inherit; cursor: pointer; box-sizing: border-box; display: block; padding: 5px 9px; position: relative; top: 0; transition: all ease .2s; min-width: 50px; white-space: nowrap;
	/*border-left: 1px solid #CDE;*/
}
.main_area .option:first-child{border-left: none;}
.main_area .option p{display: inline-block; margin-left: 5px;}


.bt_menu{
	border-top: 2px solid #447;
	border-bottom: 2px solid #447;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 18px;
	margin: 3px 0 0;
	position: relative;
	transition: all ease .2s;
	width: 28px;
}
.bt_menu:after{
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: inherit; 
	display: block;
	content: '';
	position: absolute;
	height: 1px;
	left: 0;
	top: calc(50% - 1px);
	transition: all ease .2s;
	width: 100%;
}
.bt_menu:hover{margin-left: 3px; border-color: #07D;}
.bt_menu:hover:after{left: 15%;}


.bt_filter:hover{color: #07D;}
.bt_filter:hover .icon,
.bt_filter.active .icon{
	filter: brightness(170%) hue-rotate(-30deg) contrast(150%);
}
.bt_filter.active p{color: #07D;}

.panel_menu{
	
	background-color: #FFF;
	background-image: url("../imgs/template/bg_sidebar02.jpg");
	background-position: center bottom;
	background-size: 144%;
	background-repeat: no-repeat;

	box-shadow: 5px 0 15px rgba(0, 50, 100, .3);
	height: 100%;
	min-width: 240px;
	/*font-size: .9em;*/
	overflow: hidden;
	padding: 0;
	position: fixed;
	transition: .3s all ease-in;
	width: 24%;
	z-index: 6; /* Por Modal en 5 */
}

nav a{transition: all ease .2s;}
nav a:hover{text-indent: 5px;}

.panel_menu *{
	line-height: 30px;
}
.panel_menu.hidden{
	margin-left: -520px;
	opacity: 0.1;
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.panel_menu nav{margin-top: 10px; padding-left: 20px; width: calc(100% - 20px);}
.panel_menu nav li,
.panel_menu nav a{
	border-radius: 15px;
	cursor: pointer;
	padding: 0;
	position: relative;
	width: 100%;
}
.panel_menu nav a{
	padding-left: 10px;
	width: calc(100% - 20px);
}

.panel_menu nav li big{
	box-sizing: border-box;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-left: 10px;
	transition: all .2s ease-in;
	width: 100%;
}
.panel_menu nav li:hover > a{
	background: #07D;
	background: linear-gradient(135deg, rgba(122,201,244,1) 0%,rgba(84,163,238,1) 31%,rgba(0,119,221,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ac9f4', endColorstr='#0077dd',GradientType=1 );
	color: #FFF;
}
.panel_menu nav li:hover big{text-indent: 5px;}
.panel_menu nav li big a{padding-left: 0;}
.panel_menu nav big .icon{margin-right: 15px;}
.panel_menu li.selected .icon{left: 4px; top: 0;}
.panel_menu li.selected .icon svg{
	fill:rgba(255,255,255,.75);
	height: 40px;
	width: 40px;
}
.panel_menu li.selected big{
	font-size: .84em; margin-top: 40px;
	padding: 0; text-transform: uppercase; margin-left: -11px; text-align: center; width: 70px;
}
/*.panel_menu nav ul:first-child{
	padding-left: 0;
}*/
.panel_menu ul{
	box-sizing: border-box; display: block; width: calc(100% - 9px);
}
.panel_menu nav svg{
	fill: #789; height: 22px; width: 22px; vertical-align: middle;
}
.panel_menu li + ul{display: none;}

.opaco nav{margin-top: 10px; padding-left: 10px; width: calc(100% - 10px);}
.opaco nav li big{padding-left: 0;}
.opaco nav li:hover big{text-indent: 0;}
.opaco nav a{color: inherit;}
.opaco nav > ul{padding-left: 20px;}
.opaco{background: rgba(200,220,240,.75) !important;}
.mn_open .opaco .title svg{fill: rgba(255,255,255,.5);}
.opaco li.separator{margin-bottom: 0;}
.opaco nav li .icon, .opaco nav a .icon{
	left: 0; position: absolute; top: 3px;
}

.mn_back{
	border-bottom: 1px solid rgba(240,240,240,.1);
	color: #789; cursor: pointer;
	display: none; margin: 0 auto; position: relative;
	padding-left: 18px; width: calc(90% - 18px); z-index: 2;
}
.mn_back:after{
	border-bottom: 3px solid #789; border-left: 3px solid #789;
	content: ''; height: 7px; left: 5px; position: absolute;
	width: 7px; transform: rotateZ(45deg); top: 10px;
}
.mn_back:hover{color: #07D;}
.mn_back:hover:after{border-color: #07D;}

.panel_menu nav .indicator:hover:after{
	border-bottom: 2px solid rgba(255,255,255,.5);
	border-right: 2px solid rgba(255,255,255,.5);
	content: '';
	height: 7px;
	right: 25px;
	position: absolute;
	width: 7px;
	transform: rotateZ(-45deg);
	top: calc(50% - 5px);
}
.panel_menu li.fromToRight{
	margin-left: 90%;
	opacity: 0;
}

.panel_menu .title{
	border-bottom: none !important;
	margin-left: 15px;
}
.panel_menu .mn_title{
	margin-top: 20px;
}
.panel_menu .title:hover,
.panel_menu .mn_title:hover{
	background: none;
}

.panel_menu nav .title li:hover{
	background: rgba(255,255,255,.1);
	text-indent: 9px;
	color: #FFF;
}

.panel_menu .indicator.title:hover:after{ display: none;}

.panel_menu .title big,
.panel_menu .mn_title big{
	font-size: .9em;
	color: #789;
	padding-left: 0;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.panel_menu .title .icon{
	left: -24px;
	top: -24px;
}
.panel_menu .mn_title svg{
	fill:rgba(255,255,255,.5) !important;
	height: 240px;
	width: 240px;
}
.panel_menu .mn_title:hover{text-indent: 0;}
.panel_menu li[data-type="submenu"] strong:hover{
	text-indent: 0 !important;
}
.mn_toggle, .mn_toggle:hover{
	color: #07D !important;
	font-weight: bold;
	padding: 3px 0 !important;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.mn_toggle:hover{color: #FFF !important;}

.panel_menu .logotipo{
	/*background: rgba(0,0,0,.32);*/
	box-sizing:border-box;
	display: block;
	height: auto;
	/*line-height: 90px;*/
	height: auto;
	margin: 0 auto;
	padding: 32px 0 20px;
	overflow:hidden;
	text-align: center;
	width: 100%;
}
.panel_menu .logotipo img{
	display: inline-block;
	margin: auto 0;
}
.panel_menu .logotipo{
	width: 100%;
}
.panel_menu .logotipo img{
	margin: 0 auto;
}

.user_activo{
	clear: both; display: block;
	margin: 0 0 15px; overflow: hidden; position: relative; width: 100%;
}
.user_activo .content_user{
	box-sizing: border-box;
	height: 100%; padding:0 9px; text-align: center;
	width: 100%; z-index: 1;
}
.content_user span:nth-child(2){
	display: inline-block;
	margin: 0;
	line-height: 1em;
	text-align: center;
	vertical-align: top;
	width: auto;
}
.content_user p{
	padding-top: 10px;
	line-height: 1em;
}
.img_profile{
	border-radius: 50%;
	border: 2px solid transparent;
	box-shadow: 0 0 0 2px transparent, 0 5px 11px -5px rgba(0,50,100,.75);
	display: inline-block;
	height: 64px; margin-right: 5px;
	overflow: hidden;
	width: 64px;
}
.img_profile img{
	display: block; height: inherit; width: inherit;
}
a.logout {
	border: 1px solid #E48;
	border-radius: 3px;
	color: #E48; display: block; font-size: .9em;
	letter-spacing: 1px; margin: 10px auto;
	width: 120px; text-align: center;
	transition: .2s ease-in all; white-space: nowrap;
}
a.logout:hover{
	background: #E48;
	color: #FFF;
}

.mn_content{
	background: linear-gradient(to bottom,  rgba(255,255,255,0.95) 16%,rgba(236,245,251,0.84) 50%,rgba(236,245,251,0.75) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebffffff', endColorstr='#f2ffffff',GradientType=1 );
	height: 100%;
	left: 0; position: absolute; width: 100%;
	z-index: 1;
}

.panel_menu footer{
	box-sizing: border-box;
	bottom: 0;
	min-height: 50px;
	padding: 9px 15px 10px;
	position: absolute;
	width: 100%;
}
.theme{
	border-radius: 9px;
	background-image: url('jeduarz_library/imgs/icons_theme.png');
	background-size: 48px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: rgba(0,50,100,.5);
	cursor: pointer;
	display: inline-block;
	height: 20px;
	margin-top: 5px;
	margin-bottom: -5px;
	position: relative;
	width: 50px;
}
.theme:hover{background-color: rgba(0,50,100,.2);}
.theme span, .theme.active span{
	background: url('jeduarz_library/imgs/icons_theme.png') #FFF left center no-repeat;
	background-size: inherit;
	border-radius: 50%;
	box-shadow: 0 1px 5px rgba(0,50,100,.2);
	display: block;
	/*filter: brightness(120%) hue-rotate(-52deg) contrast(110%);*/
	height: 24px;
	top: calc(50% - 12px);
	left: 0;
	position: absolute;
	transition: ease all .2s;
	width: 24px;
}
.theme.active span{
	background-position: -25px center;
	left: 27px;
}


/* CONTENIDO */

aside.filter_panel{
	/*overflow: hidden;*/
	font-size: .9em;
	min-height: 400px;
	width: calc(20% - 20px);
}
aside.filter_panel .filter_content *{
	line-height: 30px;
}
.main_content{
	box-sizing: border-box;
	position: relative;
	vertical-align: top;
	float: right;
	max-width: 100%;
	width: 80%;
}
.main_content.expand{
	float: none;
	margin: 0 auto;
	width: 100%;
}
.expand #result_filtros,
.expand .List{
	padding: 0 4%;
}

.logotipo_empresa{
	max-width: 70%;
	min-width: 100px;
}

/* Efecto Acordeon */
#accordion-resizer{
  margin: 0 auto;
  /*height: 500px;*/
  padding: 0;
  vertical-align:top;
  width: 100%;
}
.accordion{
	box-sizing: border-box; display: block;
	margin: 0; min-height: 80%; height: auto;
	padding: 0; vertical-align:top;
  width: 100%;
}
.accordion h3{
	/*box-shadow: 0 1px 0 rgba(0,50,100,.1);*/
	cursor: pointer; height: 40px;
	margin: 0;
	outline: none; padding: 0;
  position: relative; text-align: center;
}
.accordion h3 header{
	display: flex;
	flex-direction: row;
	align-items: center;
	align-content: center;
	justify-content: center;
	height: inherit;
}

.accordion h3:before{
  content: '';
  display: block;
  border-bottom: 2px solid #BCD;
  border-left: 2px solid #BCD;
  height: 5px;
  right: 12px;
  top: calc(50% - 5px);
  transform: rotateZ(-45deg);
  width: 5px;
  position: absolute;
  z-index: 1;
}
.accordion h3:hover:before{
	border-color: #9AB;
}
.accordion .title_filter{
	border-bottom: 1px dotted rgba(0,50,10,.2);
	font-size: 1.6em;
	line-height: 48px;
	text-indent: 9px;
}
.accordion ul, .accordion ol, .accordion li{
	padding-left: 5px; width: 100%;
}
.accordion li{
	cursor: pointer;
	display: block;
	height: 30px;
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}
.accordion .ui-accordion-header-active:before{
  top: calc(50% - 4px);
  transform: rotateZ(135deg);
}

.accordion .ui-accordion-content{
	box-sizing: border-box;
	display: block;
  margin: 0;
  height: 100%;
  position: relative;
  overflow: auto;
  vertical-align: top;
  width: 100%;
}
.accordion h3.no_line{
  border-bottom: none;
}


.List{
	clear: both;
	box-sizing: border-box;
	display: block;
	float: none;
	height: auto;
	min-height: 240px;
	margin: 0 auto !important;
	padding: 0 1%;
	overflow: auto;
	width: 100%;
}

.List table thead{
	opacity: 0;
}
.List table thead tr, .List table thead tr:hover{
	background: none;
}
.List table thead th{
	font-weight: normal;
	position: relative;
}
.tb_list{
	margin: 0 2% 10px;
	width: 96%;
}
.tb_list big, .tb_list small{
	white-space: nowrap;
}
.tb_list input, .tb_list div[contenteditable="true"]{
	margin: 0;
}
/*.List table td{
	white-space: pre;
}*/
form .List .tb_list{
	font-size: 1em;
}

.List .bt_info{ margin: 0;}

.List label{padding: 0;}
.List input{
	border-width: 1px !important;
	font-size: 1em;
	height: auto;
	line-height: 2em;
	padding: 1px 2px 0;
	width: 100% !important;
}

.title_reporte{
	align-items: stretch;
	/*background-color: #FFF;*/
	box-sizing: border-box;
	/*box-shadow: 0 1px 0 rgba(0,50,100,.1);*/
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	/*line-height: 40px;*/
	margin: 0px;
	padding: 0 0 5px;
	position: relative;
	min-height: 30px;
}
.title_reporte.main{
	background: rgba(242, 247, 250, 0.98);
	border-top: 1px dotted #CDE;
	min-height: 60px;
	justify-content: space-between;
}
.title_reporte.main h2{text-align: left;}

.title_reporte h1{font-size: 1.6em; font-weight: bold; margin-bottom: 10px; line-height: 30px; padding: 15px 20px 0; text-align: left;}
.title_reporte h1 img{margin-right: 10px;}
.title_reporte h2{
	box-sizing: border-box;
	display: block;
	font-weight: bolder;
	font-size: 1.2em;
	line-height: 30px;
	margin: 0;
	text-align: center;
	overflow: hidden;
	padding: 15px 20px 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}
/*.title_reporte h2 .icon{margin-top: 5px;}*/
.title_reporte li{
	align-items: center;
	background-image: url('../imgs/icons/icon_next.png');
	background-repeat: no-repeat;
	background-position: right calc(50% + 5px);
	background-size: 14px;
	display: inline-flex;
	font-size: .9em;
	justify-content: center;
	margin: 0;
	min-height: 30px;
	min-width: 60px;
	padding: 15px 30px 0 15px;
	text-align: center;
	/*text-indent: 5px;*/
	vertical-align: bottom;
}
.title_reporte li:last-child{
	background-image: none;
}
.title_reporte select{
	width: 160px;
}
.area_button{
	height: auto;
	position: absolute;
	right: 30px;
	top: 15px;
	width: auto;
}

.resume{
	box-sizing: border-box;
	color: #FFF;
	display: block;
	font-weight: bold;
	margin: 0 10px;
	padding: 0;
	height: 80px;
	overflow: hidden;
	width: calc(100% - 20px);
}
.resume table, .resume .tb_body{
	background: rgba(35,154,234,1);
  /*background-size: cover;*/
  background-position: center right;
  background-image: url("../imgs/template/bg_resume.png") no-repeat;/* fallback */
  background-image: url("../imgs/template/bg_resume02.png"), linear-gradient(45deg, rgba(32,124,240,1) 0%, rgba(80,232,124,1) 100%); /* W3C */
  background-repeat: no-repeat;
	border-radius: 5px;
	box-shadow: 0 -1px 0 rgba(255,255,255,.5) inset;
	margin: 5px 0;
}
.resume .line_right{
	box-shadow: 1px 0 0 rgba(255,255,255,.3);
}
.resume .line_left{
	box-shadow: -1px 0 0 rgba(255,255,255,.3);
}

.panel_report .resume{
	height: auto;
	overflow: auto;
	line-height: 30px;
	margin: 0;
	padding-bottom: 9px;
	width: 100%;
}
.panel_report .resume table td{
	padding-left: 11px;
	padding-right: 11px;
}

#result_filtros{
	box-sizing: border-box;
	display: block;
	margin: 0;
	height: auto;
	padding: 0 1%;
	width: 100%;
	vertical-align: top;
}
#result_filtros table, #result_filtros .tb_body{font-size: 1.1em; padding: 0;}
#result_filtros .resume td,
#result_filtros .resume .row > div{
	text-align: center;
	padding: 5px 10px;
	min-height: 40px;
	height: 40px;
	vertical-align: bottom;
}
#result_filtros .resume .row.totales{
	margin: 0;
}
#result_filtros .resume .row > div{
	display: inline-block;
	height: auto;
}
#result_filtros .resume *{
	line-height: 36px;
}

#result_filtros .resume small{
	display: block;
	color: rgba(255,255,255,.75);
	line-height: 1.6em;
	margin: 0 auto 5px;
	font-weight: normal;
	text-align: inherit;
	vertical-align: top;
	width: 100%;
}
#result_filtros .resume h3{
	font-size: 1.2em;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
#result_filtros .icon{
	height: 28px;
	width: 28px;
	margin-right: 5px;
	/*filter: brightness(360%) saturate(0%);*/
}

#result_filtros .nav_bar{
	border-bottom: 1px solid #CDE;
	box-sizing: border-box;
	margin: 5px 2% 0;
	padding: 5px 0;
	width: 96%;
}
#result_filtros .nav_bar li{
	display: inline-block;
	margin-left: 10px;
}


.indicador{
	background: rgba(0,50,100,.05);
	border: 2px solid rgba(250,250,250,.2);
	border-radius: 50%;
	display: inline-block;
	height: 36px;
	margin: 0 5px;
	line-height: 36px;
	text-align: center;
	vertical-align: top;
	width: 36px;
}
/*.indicador + small{
	line-height: 24px;
}*/
.indicador + small.inline{
	line-height: 36px;
}

.main_footer{
	box-sizing: border-box;
	background: #314159;
	bottom: 0;
	display: block;
	clear: both;
	color: #9AB;
	padding: 20px 5%;
	position: absolute;
	margin: 0;
	font-size: .84em;
	width: 100%;
}

.main_footer nav{
	margin-bottom: 20px;
	padding: 0;
	width: 100%;
}

.main_footer nav a{
	border-right: 1px solid rgba(255,255,255,.3);
	color: #FFF;
	display: inline-block;
	line-height: 1.6em;
	min-width: 60px;
	padding: 0 9px;
	text-align: center;
	width: auto;
}
.main_footer nav a:first-child{
	padding-left: 0;
}
.main_footer nav a:last-child{
	border: none;
}
.main_footer a{
	color: #FFF;
}


#info_empresa{
	/*border: 1px dashed rgba(200,220,240,.5);*/
	background-color:rgba(236, 240, 244, .4);
	box-shadow: 0 1px 3px rgba(0,50,100,.1), 0 1px 5px rgba(0,50,100,.1);
	border-radius: 3px;
	box-sizing: border-box;
	display: inline-flex;
	align-content: center;
	flex-direction: column;
	font-size: .9em;
	position: relative;
	padding: 10px 5px;
	transition: all .2s ease;
	width: 100%;
}
#info_empresa:hover{background-color: #E6F3FF;}
#info_empresa label{line-height: 1.5em; padding-top: 0; overflow: hidden; text-overflow: ellipsis; width: 240px;}
#info_empresa .info{position: absolute; right: 5px; top: 5px;}
#info_empresa .icon{min-width: 16px; min-height: 16px;}

/* DASHBOARD */

.bg_empresa{
	display: block; height: 100%; opacity: .5; position: fixed; width: 100%; z-index: -2;
}
.bg_empresa:after{
	background: linear-gradient(to bottom,  rgba(255,255,255,.5) 10%,rgba(255,255,255,.9) 30%,rgba(255,255,255,.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top:0;
	width: 100%;
	z-index: 0;
}
.bg_empresa img{
	margin-top: -22%;
	filter: grayscale(75%) brightness(90%) saturate(200%) blur(2px);
}
.bg_empresa{display: none;}

.chart_content{
	justify-content: space-between;
	display: flex;
	flex-direction: row;
}
.chart_content article{
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	min-width: 30%; max-width: 100%;
	padding: 0 11px 20px;
	text-align: inherit;
}
/*.chart_content article h3 + div{width: inherit;}*/
.min_grafico{
	display: block;
	height: 200px;
	padding: 30px 0;
	margin: 0;
	width: 100%;
	max-width: 320px;
}

.dashboard{
	background: rgba(255,255,255,.9);
	margin: 30px center;
	min-height: 300px;
	width: 100%;
}

/* REPORTES GRAFICOS */

#AreaGrafico{
  border-right: 1px dashed #F4F4F4;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 auto;
  padding: 0;
  height: calc(100% - 40px);
  width: 70%;
}
.Grafico{
  display: block;
  height: inherit;
  width: 100%;
}
.chart_producto_ciudad{
  display: block;
  height: auto;
  width: inherit;
}

.panel_report{
	box-sizing: border-box;
	display: inline-block;
	font-size: .9em;
	padding: 0px 5px 10px;
	height: 100%;
	vertical-align: top;
	width: 30%;
}

.shape{
	background: rgba(255,255,255,.1);
	border-radius: 5px;
	border: 1px solid rgba(255,255,255,.2);
}
.panel_report h2{
	font-size: 2em;
	min-height: 30px;
	padding: 5px 9px;
}

.panel_report ol{padding-right: 15px;}
.panel_report ol li{
	display: block;
	padding: 3px 0;
	height: 24px;
	width: 100%;
}
.level{
	background: #07D;
	border-radius: 50%;
	display: inline-block;
	color: #FFF;
	height: 16px;
	line-height: 17px;
	margin-right: 5px;
	text-align: center;
	width: 16px;
}
.panel_report li p{
	display: inline-block;
	box-sizing: border-box;
	text-overflow: ellipsis;
	font-size: .9em;
	height: inherit;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	width: 70%;
}
.panel_report li em{
	display: inline-block;
	height: inherit;
	font-style: normal;
	text-align: right;
	white-space: nowrap;
	vertical-align: top;
	width: 30%;
}

#Datagrid{
	min-height: 120px;
	height: auto;
}
#Datagrid li{
	text-align: left;
}
#Datagrid .tb_list{
	margin: 0;
	padding: 0 2%;
	width: 96%;
}
/*#Datagrid li span{
	text-align: inherit;
}*/
.totales_documento li{
	padding-top: 3px;
	padding-bottom: 3px;
}

.header_print{
	display: none;
}

/* Descripciones Especiales */

#x_caja{
	display: none;
}
#desc_tipo_distribuidor{
	display: none;
}
#precio_a_facturar_desc,
#tipo_ajuste_desc{
	font-size: 1em;
	text-transform: uppercase;
	text-align: center;
}
#precio_a_facturar_desc{
	line-height: 30px;
	margin:0 auto;
	width: 200px;
}

.desc_credito{
	display: inline-block;
	line-height: 1.2em;
}
.desc_credito small{
	display: inline-block;
	padding-top: 5px;
}

.field_factura_detalle,
.field_notadebito,
.field_num_referencia,
.field_fecha_referencia,
.field_nombre_plantilla,
.field_propina,
.field_saldo_documento,
.field_compensacion{
	display: none;
}
.field_observacion_pago,
.desc_credito{margin-left: 5px; width: calc(60% - 5px) !important;}

.cobro_facturas, .cobro_nd{
	overflow: auto;
	height: 200px;
}
.cobro_retenciones, .cobro_nc{
	overflow: auto;
	height: 150px;
}

b#sri_emails{
	color: #FFF;
}

.info_tipo_precio{
	border-radius: 3px;
	background: #FFD865;
	display: inline-block;
	color: #970 !important;
	font-weight: bold;
	height: 18px;
	line-height: 1.8em;
	margin: 0 3px;
	padding: 0 2px;
	text-align: center !important;
	vertical-align: top;
	width: 18px;
}
.Tabs .info_tipo_precio{
	display: block;
	float: none;
	height: 36px;
	line-height: 36px;
	margin: 9px auto 5px;
	width: 36px;
}

.bt_section{
	background: rgba(242, 247, 250, 0.98);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfecf5fb', endColorstr='#00ffffff',GradientType=0 );
	box-sizing: border-box;
	border-top: 1px solid rgba(0,50,100,.1);
	margin: 10px 0 0;
	padding: 20px 0;
	text-align: center;
	width: 100%;
}
.bt_section button, .bt_section .button{
	margin: 0 5px;
	min-width: 100px;
	text-align: center;
}

/* GRIDS */
.grid{
	display: inline-flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
	width: 95%;
}
.grid.flex_column{flex-direction: column;}
.grid > li, .grid > span{
	border: 1px solid rgba(0,50,100,.1);
	border-radius: 3px;
	box-sizing: border-box;
	display: inline-block;
	justify-content: center;
	align-items: center;
	margin: 10px 5px;
	flex-wrap: wrap;
	min-width: 60px;
	min-height: 60px;
	height: auto;
	padding: 10px 5px 5px;
	text-align: inherit;
	min-width: 30%;
}
.grid a{display: block; width: 100%; text-align: center;}
.grid > span{
	/*border: none;*/
	margin: 5px 3px;
	min-width: 30px;
	min-height: 30px;
	padding: 5px;
}

.opciones img{
	display: block;
	margin: 5px auto;
}
.opciones, .opciones a{
	display: block;
	color: inherit;
	text-align: center;
	width: 100%;
}
.opciones > span,
.opciones > li{
	margin: 0;
}
.opciones > span:hover,
.opciones > li:hover{
	box-shadow: 0 1px 5px rgba(0,50,100,.1);
}
.opciones .active img{
	filter: brightness(190%) hue-rotate(-25deg);
}
.opciones .active{
	border-color: #07D;
	border-bottom: 3px solid #07D;
	/*background: #07D;*/
}

.menu_row{
	box-sizing: border-box;
	padding: 10px 0;
	width: 100%;
}
.menu_row li{
	border-right: 1px solid #BCD;
	display: inline-block;
	line-height: 24px;
	padding: 0 10px;
	min-width: 90px;
	text-align: center;
}
.menu_row li:last-child{border-right:none;}
.menu_row a{
	background-color: rgba(0,50,100,.025);
	border: 1px solid rgba(0,50,100,.05);
	border-radius: 3px;
	color: inherit;
	padding: 5px 10px;
	transition: all .2s ease;
	line-height: inherit;
	width: 100%;
}
.menu_row a:hover{background-color:#CEF; color: #07D;}

.unid.bg_animate,
.weight.bg_animate,
.bg_animate{
	background-color: #FFEF84 !important;
	color: #970 !important;
	transition: .3s all ease-in;
	-webkit-transition: .2s all ease-in;
}

/* DARK THEME */

body.dark{ background: #234; color: #BCD; }
.dark a.active{color: #09F;}
.dark a.button, .dark button{color: #FFF;}
.dark a.button:after, .dark button:after{border-color: #789;}
/*.dark .container{
	background: linear-gradient(to bottom, rgba(63,76,107,0.9) 0%,rgba(49,65,89,.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e63f4c6b', endColorstr='#00314159',GradientType=0 );
}*/
/*.dark .container:before{
	background: linear-gradient(45deg, rgba(255,255,255,0) 40%, rgba(255,255,255,.05) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}*/
.dark .main_header{background-color: #234;}
.dark .main_header .icon{opacity: .75;}
.dark .main_area .option{border-color: #234;}
.dark .bt_filter.active p{color: #09F;}
.dark .mn_content{
	background: linear-gradient(to bottom,  rgba(23,36,67,0.9) 36%,rgba(0,25,49,0.75) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e63f4c6b', endColorstr='#00314159',GradientType=1 );
}
.dark .resume table{background-image: url("../imgs/template/bg_resume02.png"), linear-gradient(to top right, rgba(25, 96, 154, 1), rgba(119, 102, 142, 1)); box-shadow: none;}
.dark .resume .line_right{box-shadow: 1px 0 0 rgba(0, 50, 100, .3);}

.dark table.tb_border td{border-right-color: #234;}
.dark .tb_list tbody tr:hover{ background-color: rgba(255,255,255,.1) !important;}
.dark .tb_list tbody tr:hover td{ border-bottom-color: #07D;}
.dark .tb_list td{border-bottom-color: #345;}
.dark .mn_opciones.forms{background: #3f4c6b;}
.dark .mn_opciones label{background: rgba(255,255,255,.1);}
.dark .mn_opciones a.active{border-color: #09F; color: #09F;}

.dark .sri_status img{filter: brightness(0%) invert(100%);}

.dark .icon{filter: brightness(360%) saturate(0%);}
.dark .c_rojo{color: #F44 !important;}
.dark .c_link{color: #09F !important;}
.dark .c_verde{color: #0C4 !important;}

.dark .theme:hover{background-color: rgba(255,255,255,.3);}
.dark .bloc{background: #234; box-shadow: 0 3px 5px rgba(0,10,30,.3)}

.dark .opaco{background: rgba(0,25,50,.9) !important;}
.dark .opaco .mn_title svg{fill:rgba(255,255,255,.05) !important;}
.dark .opaco a .icon svg{fill:rgba(255,255,255,.75);}
.dark .mn_back:hover{color: #FFF;}
.dark .mn_back:hover:after{border-color: #FFF;}

.dark .bt_menu{border-color: #BCD;}
.dark .option_area li > .icon:hover{ background: rgba(0,50,100,.4); box-shadow: 0 0 11px 5px rgba(0,50,100,.4);}
.dark .main_header .clear_input:before, .dark .main_header .clear_input:after{background: #BCD;}
.dark .bt_link:hover{
	background-color: rgba(255,255,255,.3);
	border-color: #BCD;
	color: #FFF;
}
.dark .dashboard{background: #234;}
.dark .chart_content article{background-color: #314159;}
.dark .bg_gris{background-color: rgba(255, 255, 255, .1) !important; }
.dark .line_right{box-shadow: 1px 0 0 #234;}
.dark .line_left{box-shadow: -1px 0 0 #234;}

.dark .ui-datepicker {box-shadow: 0 3px 25px rgba(0,0,0,.5);}
.dark input, .dark textarea, .dark div[contenteditable="true"],.dark .selectric{
	border-color: #456;
	color: #4CF;
}
.dark input.search{border-color: #456 !important;}
.dark .selectric .label{color: #4CF;}
.dark .selectric-items{background-color: #234; box-shadow: 0 3px 25px rgba(0,0,0,.5); }
.dark .selectric-items li:hover{background-color: rgba(255,255,255,.1);}
.dark .bg_hover{background: #314159;}

.dark .row{
	background-color: #345; border-bottom: 1px solid rgba(224, 240, 255, .1);
}
.dark .row:hover{background-color: #456 !important;}
.dark .tb_body .row > div:hover{background-color: rgba(255, 255, 255, .1)}
.dark .tb_head{background-color: #234; box-shadow: none;}

.dark .bg_pagos, .dark .desgloces table tr{background: rgba(255,255,255,.1) !important; color: #BCD;}
.dark .tb_list tbody tr.active{background-color: #09F !important;}
.dark .tb_border .tb_body .row > div{border-right: 1px solid rgba(224, 240, 255, .2);}
.dark .detalle_totales{background: #314159;}
.dark .label_total input, .dark .label_total input:focus{background-color: #234 !important;}

.dark .Tabs > ul{box-shadow: 0 2px 0 -1px #314159, 0 4px 13px -13px #000;}
.dark .empty_results{background: rgba(255,255,255,.1);}

/* COMPLEMENTOS UI */
/* A l i n e a m i e n t o s */
.right{float:right;}
.left{float:left;}
.none{float:none;}
.center{margin:0 auto !important; float: none; clear:both; display:block !important;}
.txt_center{text-align:center !important;}
.txt_justify{text-align:justify !important;}
.txt_left{text-align:left !important;}
.txt_right{text-align:right !important;}
.nowrap{white-space: nowrap;}
.card{box-sizing: border-box; padding: 5px 10px; border-radius: 10px;}
.oculto{
	display: none !important;
}

.PanelInfo,.List,.DataList{
	backface-visibility: hidden;perspective: 1000;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	will-change: transform;
}
.PanelInfo .bt_section{margin-bottom: 0;}

#PanelExport{
	display: block;
	background: #148924;
	box-sizing: content-box;
	box-shadow: 0 0 30px rgba(0,0,0,.5);
	color: #FFF;
	left: 50%;
	margin-left: -160px;
	position: absolute;
	height: 150px;
	padding: 10px 20px;
	top: 30%;
	width: 320px;
}
#PanelExport .content{
	position: relative; height: auto; text-align: center; width: 100%;
	filter: saturate(0) invert(1) brightness(200%);
}
#PanelExport p{text-align: center;}

/* Nuevo diseño de tablas */
.tb_container{
	display: block;
	font-size: 0.9em;
	overflow: auto;
	min-height: 200px;
	height: auto;
	margin: 0 auto;
	width: 98%;
}

.row{
	box-sizing: border-box;
	border-bottom: 1px solid rgba(224,240,255,.5);
	background-color: #FFF;

	display: flex;
	flex-direction: row;
	align-items: stretch;
	align-content: center;
	justify-content: space-around;
	
	flex: 0 1 auto;
	flex-wrap: nowrap;
	-webkit-box-flex:0;
	-webkit-box-direction: normal;
	
	height: 100%;
	line-height: 14pt;
	min-height: 36px;
	/*max-height: 60px;*/
	padding: 0;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
}
.row > div{
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	min-width: 20px; max-width: 100%;
	overflow: hidden;
	padding: 3px 5px;
	position: relative;
	text-overflow: ellipsis;
	vertical-align: middle;
	white-space: nowrap;
	width: auto;
}
.row > div:first-child{padding-left: 15px;}
.row > div:last-child{padding-right: 10px;}

.row > div *{
	max-width: 100%;
	overflow: hidden;
	text-overflow: inherit;
	white-space: inherit;
}
.tb_body .row > div:hover{background-color: rgba(255,255,255,.3)}

.row > div.tb_buttons,
.row > div .bt_config{
	overflow: visible !important;
}
.tb_head div[data-order]{cursor: pointer;}
.tb_head div[data-order]:hover{
	background-color:#FFF;
	background-image: url('jeduarz_library/imgs/order_asc.png');
	background-size: 10px;
	background-position: right center;
	background-repeat: no-repeat;
}
.tb_head div.order_desc,.tb_head div.order_asc:hover{
	background-image: url('jeduarz_library/imgs/order_desc.png');
	background-size: 10px;
	background-position: right center;
	background-repeat: no-repeat;
}
.tb_head div.order_asc,.tb_head div.order_desc:hover{
	background-image: url('jeduarz_library/imgs/order_asc.png');
	background-size: 10px;
	background-position: right center;
	background-repeat: no-repeat;
}

.tb_head, .tb_body{
	/*background: #444; color: #FFF;*/
	background: none;
	box-sizing: border-box;
	color: inherit;
	display: block;
	width: 100%;
	margin: 0;
}
.tb_head{
	background: rgba(242, 246, 250, 0.98);
	box-shadow: 0 7px 13px -13px #07D;
	color: #789 !important;
	max-height: 45px;
	min-height: 30px;
	padding: 0 1%;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	z-index: 1;
}
.tb_body{padding: 10px 0;}
.tb_container.zoom_in{font-size: 1em;}
.tb_head *{text-align: center; line-height: 17pt; font-size: 9pt; padding: 0 !important;}
.tb_head img{margin: 4px 3px 5px;}
.tb_head .th_row *,.tb_head .row div{align-self: flex-end;}

/* Borde inferior antes de una fila de totales*/
.brbt2{
	border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
	box-shadow: 0 3px 5px -3px rgba(0,50,100,.2);
}
/*.tb_body .row > div:hover{
	background-color: rgba(255,255,255,.2);
}*/
.tb_head .row{min-height: 30px;}
.tb_head .row,.tb_head .row:hover{background:none !important;}
.tb_body .row:first-child{border-top-left-radius: 5px; border-top-right-radius: 5px;}
.tb_body .row:last-child{
	border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
	box-shadow: 0 3px 5px -3px rgba(0,50,100,.2);
}

.row:hover{background-color:#CEF !important;}
*.tb_body .row.active{
	background-color: rgba(224,240,255,.9); box-shadow: 0 1px 0 #789;
}
.tb_body .row.active *{color: inherit;}
.tb_body .row.active .c_rojo{background: #E48; font-weight: bold; color: #FFF !important;}

.row > div.txt_right{
	justify-content: center; align-items: flex-end;
}
.row > div.txt_left{
	justify-content: center; align-items: flex-start;
}
/* Aplica cuando es flex-direction:column; */
/*
.row > div.txt_right{justify-content: center; align-items: flex-end;}
.row > div.txt_left{justify-content: center;align-items: flex-start;}
*/
.row.totales,.row.td_big{
	box-shadow: none !important;
	margin-top: 20px; padding-left: 0;
	font-weight: bold;
}
.row.totales > div:first-child,
.row.td_big > div:first-child{
	padding-left: 0;
}
.row.totales > div,
.row.td_big > div{
	align-items: center;
	box-shadow: none;
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	min-height: 40px;
	vertical-align: middle;
}

.row.td_big > div.txt_right,
.row.totales > div.txt_right{
	justify-content: flex-end; align-items: center;
}
.row.td_big > div.txt_left,
.row.totales > div.txt_left{
	justify-content: flex-start; align-items: center;
}
.row.totales, .row.td_big{background: none !important; border: none !important;}
.row.totales > div, .row.td_big > div{background:none !important;}
.row.totales > div em{padding: 0 5px; font-size: .9em;}

.tb_border .tb_body .row > div{border-right: 1px solid #CDE;}
.tb_border .tb_body .row.totales > div,
.tb_border .tb_body .row.td_big > div{border-right:none;}
.tb_border .tb_body .row > div:last-child{border-right:none;}

.tb_info .row{box-shadow: none !important;}
.tb_info .tb_body .row:last-child{border-radius: 0;}

.row.totales + .row, .row.td_big + .row,
.row.totales + .row.td_big + .row{border-top-left-radius: 5px; border-top-right-radius: 5px;}
.row.totales + .row.td_big{border-top-left-radius: none; border-top-right-radius: none;}

.row.bg_pagos{
	background:rgba(236, 240, 244, .4);
	color: #789;
	min-height: 30px;
}

.tb_large .row{min-height: 40px;}

/* TABLAS */
.tb_head.tb_info{
	box-shadow: none;
	background: none;
	padding: 5px;
}
.tb_head.tb_info .row{border-color: #BCD; line-height: 30px;}
.tb_info{line-height: 1em;}
.tb_info label{line-height: 1em;}
.tb_info tr td{
	padding: 0 9px; letter-spacing: 0;
	line-height: 1.4em;
	height: auto;
}
.tb_info .row > div:first-child{padding-left: 5px;}

table.tb_border th{
	border-right: 1px solid transparent;
}
table.tb_border tr:nth-child(odd){
	background-color:rgba(236, 240, 244, .4)
}
table.tb_border tr:nth-child(odd).totales,
table.tb_border tr:nth-child(odd).td_big{
	background: none;
}
table.tb_border td{
	border-right: 1px solid #CDE;
	border-bottom-color: transparent;
}
table.tb_border th:last-child,
table.tb_border td:last-child{
	border-right: none;
}
table.tb_border tr.td_big td{
	border-bottom-color: #CDE;	
}

.detalle_totales{background: #E5F5FF; box-sizing: border-box; padding: 10px;}
.detalle_totales td,.detalle_totales li{height: 20px; vertical-align: middle;}
/*.detalle_totales label{line-height: 1.2em;}*/
.detalle_totales input[readonly]{
	margin-bottom: 0;
	font-weight: bold;
	line-height: 1.4em;
	padding-top: 0;
	padding-bottom: 0;
}

#DataGrid .tb_head{
	background: #CEF !important; box-shadow: 0 1px 0 rgba(0,50,100,.1) !important;
}
#DataGrid .tb_head div{
	box-shadow: none;
}

.bg_gradient,.bg_gradient:hover,
.totales.bg_gradient, .totales.bg_gradient:hover{
	background: linear-gradient(30deg, rgba(61, 94, 131, 1), rgba(82, 128, 179, 1)) !important;
}


.desgloces .td_big{border-top-left-radius: 0 !important; border-top-right-radius: 0 !important;}
.desgloces .filter_tr_header{border-radius: 0 !important;}
.desgloces .tb_container .row.td_big{background: #FFF !important;}
.desgloces .totales{margin-top: 10px;}
.desgloces .td_big{margin-top: 0;}
.desgloces .row.brbt2{border-radius: none; box-shadow: 0 3px 5px -3px rgba(0,50,100,.2);}
.desgloces .tb_border .tb_body .row > div{border-color: #CDE;}

#campos_detalle{
	border-bottom: 1px solid #CDE;
}
#campos_detalle input[readonly], #campos_detalle input[readonly]:hover{
	background-color: transparent;
	box-shadow: none;
}
#campos_detalle input, #campos_detalle input:hover,#campos_detalle input[readonly].search{
	background-color: #FFF;
	box-shadow: 0 0 0 1px #CDE inset;
	border-bottom: 0 !important;
	border-radius: 3px;
}
#campos_detalle > div:first-child{
	border-bottom: 1px solid #CDE;
}
#campos_detalle a.button{
	margin: 10px auto;
}


ul.printers{
	box-sizing: border-box;
	display: block;
	height: 160px;
	overflow: auto;
	width: 100%;
}
ul.printers > li{
	box-sizing: border-box;
	background-image: url(jeduarz_library/imgs/bt_print.png);
	background-repeat: no-repeat;
	background-position: 28px center;
	display: block;
	padding: 5px;
	width: 99%;
}
ul.printers label{
	min-height: auto;
	vertical-align: top;
	text-indent: 25px;
}


.print{display: none;}

/* IMPRESION */
@page{
	size: A4 portrait;
	margin-left: 1cm;
}
@media print{

	body{
		background: none;
		color: #224;
		font-size: 13pt;
		line-height: 12pt;
		margin-left: 0cm;
		margin-right: 0cm;
	}
	big{line-height: 12pt;}

	#modal{display: none;}

	.container{
		display: block;
		background: none;
		height: 100%;
	}

	.header_print{
		display: block;
		margin-top: 0;
		width: 100%;
	}

	.info_print_report{
		display: block;
		font-size: 11pt;
		margin: 20px 0 0;
		width: 100%;
	}
	.info_print_report li{
		padding: 2px 0;
	}
	.info_print_report small{
		display: inline-block;
		min-width: 48px;
	}
	.chart_content article{
		width: 240px;
	}
	
	.main_content, .main_content.expand{
		box-sizing: border-box;
		margin: 0;
		width: 100%;
		float: none;
	}
	.main_content.expand #result_filtros{padding: initial;}

	.main_content.expand .List{
		padding: 0;
	}

	.List{
		font-family: 'Arial Narrow','Verdana';
		font-size: 13pt;
		height: 100%;
		padding: 0;
		width: 100%;
		overflow: visible;
	}
	.List .tb_list{width: 100%;}
	.tb_head{
		box-shadow: none !important;
		border-bottom: 3px solid #07D;
		display: block;
	}
	.tb_head .row{border:0;}
	.row{
		border-bottom: 1px solid #BCD;
		min-height: 32px;
		break-inside:avoid;
		page-break-inside: avoid;
	}
	.row > div{padding: 5px;}
	.row .tb_buttons{ display: none; }
	.brbt2{
		border-bottom:2px solid #789;
		border-radius: 0;
		box-shadow: none;
	}
	.row.totales, .row.td_big{border:none;}
	
	#result_filtros{
		color: #447;
		border-top: 1px solid #9AB;
		border-bottom: 1px solid #9AB;
	}
	.resume{
		color: inherit;
		margin: 5px 0;
		width: 100%;
	}
	.resume table, .resume .tb_body{
		background: none;
	}
	#result_filtros .resume small{
		color: #447;
	}

	.title_reporte small{
		color: inherit;
	}
	.title_reporte select{
		filter: brightness(100%) invert(0%);
	}

	/*table.tb_list tbody tr:nth-child(odd){background: #F0F0F0;}*/

	table tr td{
		border-bottom: none;
		padding: 1px 3px;
		line-height: 20px;
		height: 20px;
		page-break-inside: avoid;
	}
	/*.tb_list li, .tb_list ol{
		max-width: 200px;
	}*/
	.col_img_color img{display: none;}

	.no_print,
	.panel.no_print,
	.col_img_color, .tb_buttons,
	
	.bt_link{background: none; box-shadow: none; border:none; padding-left: 3px;}
	.print{display: block;}
	.no_print{
		display: none !important;
	}

	.bg_empresa{display: none !important;}
	
}