@import url('./bootstrap.min.css');
/* Material desing for Bootstrap */
@import url('./bootstrap-material-design.min.css');
@import url('./ripples.min.css');
/* Sweet Alert 2 */
@import url('./sweetalert2.css');
/* Malihu jQuery custom content scroller 3.1.5 */
@import url('./jquery.mCustomScrollbar.css');
/* Material Design Iconic Font 2.2.0 */
@import url('./material-design-iconic-font.min.css');
/*============ Fonts */
@font-face {
    font-family: 'RobotoCondensedLight';
    src: url('../fonts/robotocondensed-light.eot');
    src: url('../fonts/robotocondensed-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-light.woff2') format('woff2'),
         url('../fonts/robotocondensed-light.woff') format('woff'),
         url('../fonts/robotocondensed-light.ttf') format('truetype'),
         url('../fonts/robotocondensed-light.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoCondensed';
    src: url('../fonts/robotocondensed-regular.eot');
    src: url('../fonts/robotocondensed-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-regular.woff2') format('woff2'),
         url('../fonts/robotocondensed-regular.woff') format('woff'),
         url('../fonts/robotocondensed-regular.ttf') format('truetype'),
         url('../fonts/robotocondensed-regular.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*============ Estilos generales*/
body, html{
	background-color: #fff;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	font-size: 16px;
	font-family: 'RobotoCondensed';
	overflow: hidden;
}
.full-box{
	margin: 0;
	padding: 0;
	width: 100%;
	box-sizing: border-box;
}
.cover{
	background: 50% 50% no-repeat;
	background-size: cover;
}
.text-titles{
	font-family: 'RobotoCondensedLight'
}
.dashboard-sideBar,
.dashboard-contentPage{
	position: absolute;
	top: 0;
	height: 100%;
	transition: all .3s ease-in-out;

}
/*============ LogIn*/
.logInForm{
	/*position: absolute;
	color: #000;
	top: 358px;
	left: 50%;
	transform: translate(-50%, -50%);*/
	top: 500px;
	margin-left: auto;
  margin-right: auto;
	width: 90%;
	max-width: 350px;
	padding: 15px;
	box-shadow: 0 0 3px rgba(0,0,0,.7);
	border-radius: 0 0 2px 2px;
	background-color: rgba(0, 0, 0, .7);
}
.logInForm p,
.logInForm label{
	color: #000;
}
/*============ Partes del dashboard*/

.combobox {
     background:#E9ECF2;
     border: 4px;
     font-size: 14px;
     height: 34px;
     padding: 2px;
	 border-radius: 4px;
    
  }
  
  

/*sideBar*/
.dashboard-sideBar,
.dashboard-sideBar-ct{
	width: 270px;*/
}


.dashboard-sideBar{
	left: 0;
	z-index: 2;
	background-image: url('../assets/img/sideBar-font.jpg');
	border-right: 1px solid rgba(255, 255, 255, .4);
	overflow: hidden;
}
/*Fondo menu*/
.dashboard-sideBar-ct{
	position: relative;
	height: 100%;
	
	background-color: rgba(32, 51, 70, .77);
	padding: 0 10px;
	padding-bottom: 30px;
}
.dashboard-sideBar-title,
.dashboard-sideBar-title > i{
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
}
.dashboard-sideBar-title{
	position: relative;
}
.dashboard-sideBar-title > i{
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	width: 40px;
}
.dashboard-sideBar-UserInfo{
	border-top: 1px solid rgba(255, 255, 255, .3);
	border-bottom: 1px solid rgba(255, 255, 255, .3);
	color: #fff;
	font-size: 14px;
	padding: 20px 0;
}
.dashboard-sideBar-UserInfo figure img{
	width: 100px;
	height: 100px;
	border-radius: 100%;
	display: block;
	margin: 0 auto;
}
.dashboard-sideBar-UserInfo ul{
	margin-top: 15px;
}
.dashboard-sideBar-UserInfo ul > li,
.dashboard-sideBar-UserInfo ul > li > a{
	display: inline-block;
	color: #fff;
}
.dashboard-sideBar-UserInfo ul > li > a{
	outline: none;
	font-size: 20px;
	padding: 7px;
	transition: all .3s ease-in-out;
}
.dashboard-sideBar-UserInfo ul > li > a:hover{
	color: #FF5722;
}
.dashboard-sideBar-Menu{
	padding-top: 15px;
}
.dashboard-sideBar-Menu > li,
.dashboard-sideBar-Menu > li > a,
.dashboard-sideBar-Menu > li > ul > li,
.dashboard-sideBar-Menu > li > ul > li > a{
	line-height: 50px;
	font-family: "RobotoCondensedLight";
	display: block;
	color: #fff;
	text-decoration: none;
	border-radius: 4px;
	transition: all .3s ease-in-out;
	position: relative;
}
.dashboard-sideBar-Menu > li > a > i.zmdi-caret-down{
	line-height: 50px;
	transition: all .3s ease-in-out; 
}
.dashboard-sideBar-Menu > li > a{
	padding: 0 15px;
	box-sizing: border-box;
	height: 50px;
	outline: none;
}
.dashboard-sideBar-Menu > li > a:hover{
	background-color: rgba(255, 255, 255, .1);
}
.dashboard-sideBar-Menu > li > ul{
	position: relative;
	padding-top: 7px;
	height: 0;
	overflow: hidden;
}
.show-sideBar-SubMenu{
	height: auto !important;
	overflow: auto !important;
}
.dashboard-sideBar-Menu > li > ul > li,
.dashboard-sideBar-Menu > li > ul > li > a{
	height: 40px;
	line-height: 40px;
	border-radius: 0;
}
.dashboard-sideBar-Menu > li > ul > li{
	padding-left: 27px;
}
.dashboard-sideBar-Menu > li > ul > li > a{
	border-left: 3px solid transparent;
	outline: none;
}
.dashboard-sideBar-Menu > li > ul > li > a:hover{
	border-left: 3px solid #FF5722;
	color: #FF5722;
}
/*contentPage*/
.dashboard-contentPage{
	right: 0;
	z-index: 1;
	padding-left: 270px;
}
.dashboard-Navbar,
.dashboard-Navbar > ul,
.dashboard-Navbar > ul >li,
.dashboard-Navbar > ul > li > a{
	height: 80px;
	line-height: 75px;
}
.dashboard-Navbar > ul > li > a{
	outline: none;
}

/*color header*/
.dashboard-Navbar{
	background-color:#003541;
	background-image:url(../img/fondo_header.png);
	
	overflow: hidden;
}
.dashboard-Navbar > ul >li,
.dashboard-Navbar > ul > li > a{
	display: inline-block;
	width: 50px;
	text-align: center;
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 20px;
	transition: all .3s ease-in-out;
	position: relative;
}
.dashboard-Navbar > ul > li > a:hover{
	background-color: rgba(255, 255, 255, .1);
	color: #FF5722;
}
.dashboard-Navbar > ul > li > a > span.badge{
	position: absolute;
	top: 17px;
	right: 6px;
	background-color: #FF5722;
	transition: all .3s ease-in-out;
}
.dashboard-Navbar > ul > li > a:hover span.badge{
	background-color: #FFF;
	color: #333;
}
/*============ Area de notificaciones*/
.Notifications-area{
	height: 100%;
	position: fixed;
	z-index: 99;
	transition: all .3s ease-in-out;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
}
.Notifications-bg,
.Notifications-body{
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.Notifications-bg{
	z-index: 1;
	background-color: rgba(0, 0, 0, .7);
}
.Notifications-body{
	z-index: 2;
	background-color: #FFF;
	width: 100%;
	max-width: 300px;
	transform: translateX(300px);
	transition: all .3s ease-in-out;
}
.Notifications-body-title,
.Notifications-body-title > i{
	height: 50px;
	line-height: 50px;
	font-size: 20px;
}
.Notifications-body-title{
	background-color: #FF5722;
	color: #fff;
	position: relative;
}
.Notifications-body-title > i{
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	width: 50px;
}
.show-Notification-area{
	opacity: 1 !important;
	pointer-events: auto !important;
}
.show-Notification-area > .Notifications-body{
	transform: translateX(0) !important;
}
/*============ Estilos home*/
.tile{
	max-width: 300px;
	height: 180px;
	background-color: #fff;
	color: rgba(43, 174, 168, 1);
	position: relative;
	display: inline-block;
	box-shadow: 0 1px 7px rgba(0, 0, 0, .2);
	overflow: hidden;
	cursor: pointer;
	margin: 10px;
}
.tile:hover > .tile-icon > i,
.tile:hover > .tile-number{
	color: rgba(75, 140, 183, 2);
}
.tile-title,
.tile-icon,
.tile-number{
	position: absolute;
}
.tile-title{
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	background-color: rgb(43, 174, 168);
	color: #fff;
	top: 0;
	left: 0;
}
.tile-icon,
.tile-number{
	bottom: 0;
	height: 140px;
	width: 150px;
}
.tile-icon{
	left: 0;
}
.tile-icon > i{
	line-height: 140px;
	font-size: 117px;
}
.tile-icon > i,
.tile-number{
	color: rgba(75, 140, 183, .4);
	transition: all .3s ease-in-out;
}
.tile-number{
	right: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.tile-number > p{
	font-size: 70px;
}
.tile-number > small{
	font-size: 17px;
}
/*TimeLine*/
.cd-container {
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}
.cd-container::after {
  content: '';
  display: table;
  clear: both;
}
#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}
#cd-timeline::before {
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #d7e4ed;
}
.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block::after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(0,0,0,.09);
}
.cd-timeline-img img {
  display: block;
  width: 40px;
  height: 40px;
  position: relative;
  border-radius: 50%;
}
.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  border-radius: 0.25em;
  padding: 1em;
  background-color: #01579B;
  color: #fff;
}
.cd-timeline-content::after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}
.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #01579B;
}
@media (min-width: 1200px) {
   	
.dashboard-sideBar{
		width: 100%;
		z-index: 99;
		background-image: none;
		background-color: transparent;
		border-right: none;
		opacity: 0;
		pointer-events: none;
		overflow: hidden;
	}
	.dashboard-sideBar-ct,
	.dashboard-sideBar-bg{
		position: absolute;
		top: 0;
		left: 0;
	}
	.dashboard-sideBar-ct{
		background-color: #003541;
		border-right: 1px solid rgba(255, 255, 255, .3);
		z-index: 3;
		max-width: 270px;
		width: 100%;
		transition: all .3s ease-in-out;
		transform: translateX(-270px);
	}
	.dashboard-sideBar-bg{
		height: 100%;
		background-color: rgba(0, 0, 0, .6);
		z-index: 2;
	}
	.dashboard-contentPage{
		padding-left: 0;
	}
	.show-sidebar{
		pointer-events: auto !important;
		opacity: 1 !important;
	}
	.show-sidebar > .dashboard-sideBar-ct{
		transform: translateX(0) !important;
	}
}

/*======= MEDIA QUERIES*/
@media (max-width: 767px){
		
.dashboard-sideBar{
		width: 100%;
		z-index: 99;
		background-image: none;
		background-color: transparent;
		border-right: none;
		opacity: 0;
		pointer-events: none;
		overflow: hidden;
	}
	.dashboard-sideBar-ct,
	.dashboard-sideBar-bg{
		position: absolute;
		top: 0;
		left: 0;
	}
	.dashboard-sideBar-ct{
		background-color: #003541;
		border-right: 1px solid rgba(255, 255, 255, .3);
		z-index: 3;
		max-width: 270px;
		width: 100%;
		transition: all .3s ease-in-out;
		transform: translateX(-270px);
	}
	.dashboard-sideBar-bg{
		height: 100%;
		background-color: rgba(0, 0, 0, .6);
		z-index: 2;
	}
	.dashboard-contentPage{
		padding-left: 0;
	}
	.show-sidebar{
		pointer-events: auto !important;
		opacity: 1 !important;
	}
	.show-sidebar > .dashboard-sideBar-ct{
		transform: translateX(0) !important;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	
.dashboard-sideBar{
		width: 100%;
		z-index: 99;
		background-image: none;
		background-color: transparent;
		border-right: none;
		opacity: 0;
		pointer-events: none;
		overflow: hidden;
	}
	.dashboard-sideBar-ct,
	.dashboard-sideBar-bg{
		position: absolute;
		top: 0;
		left: 0;
	}
	.dashboard-sideBar-ct{
		background-color: #003541;
		border-right: 1px solid rgba(255, 255, 255, .3);
		z-index: 3;
		max-width: 270px;
		width: 100%;
		transition: all .3s ease-in-out;
		transform: translateX(-270px);
	}
	.dashboard-sideBar-bg{
		height: 100%;
		background-color: rgba(0, 0, 0, .6);
		z-index: 2;
	}
	.dashboard-contentPage{
		padding-left: 0;
	}
	.show-sidebar{
		pointer-events: auto !important;
		opacity: 1 !important;
	}
	.show-sidebar > .dashboard-sideBar-ct{
		transform: translateX(0) !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px){
		
.dashboard-sideBar{
		width: 100%;
		z-index: 99;
		background-image: none;
		background-color: transparent;
		border-right: none;
		opacity: 0;
		pointer-events: none;
		overflow: hidden;
	}
	.dashboard-sideBar-ct,
	.dashboard-sideBar-bg{
		position: absolute;
		top: 0;
		left: 0;
	}
	.dashboard-sideBar-ct{
	background-color: #003541;
		border-right: 1px solid rgba(255, 255, 255, .3);
		z-index: 3;
		max-width: 270px;
		width: 100%;
		transition: all .3s ease-in-out;
		transform: translateX(-270px);
	}
	.dashboard-sideBar-bg{
		height: 100%;
		background-color: rgba(0, 0, 0, .6);
		z-index: 2;
	}
	.dashboard-contentPage{
		padding-left: 0;
	}
	.show-sidebar{
		pointer-events: auto !important;
		opacity: 1 !important;
	}
	.show-sidebar > .dashboard-sideBar-ct{
		transform: translateX(0) !important;
	}
}



/*


Menuuuuu
@media (min-width: 992px) and (max-width: 1199px){
	.hide-sidebar{
		pointer-events: none;
		opacity: 0;
		border-right: none;
		transform: translateX(-270px);
	}
	.no-paddin-left{
		padding-left: 0;
	}
}*/
@media (min-width: 1200px){
	
.dashboard-sideBar{
		width: 100%;
		z-index: 99;
		background-image: none;
		background-color: transparent;
		border-right: none;
		opacity: 0;
		pointer-events: none;
		overflow: hidden;
	}
	.dashboard-sideBar-ct,
	.dashboard-sideBar-bg{
		position: absolute;
		top: 0;
		left: 0;
	}
	.dashboard-sideBar-ct{
		background-color: #003541;
		
		z-index: 3;
		max-width: 270px;
		width: 100%;
		transition: all .3s ease-in-out;
		transform: translateX(-270px);
	}
	.dashboard-sideBar-bg{
		height: 100%;
		background-color: rgba(0, 0, 0, .6);
		z-index: 2;
	}
	.dashboard-contentPage{
		padding-left: 0;
	}
	.show-sidebar{
		pointer-events: auto !important;
		opacity: 1 !important;
	}
	.show-sidebar > .dashboard-sideBar-ct{
		transform: translateX(0) !important;
	}
}

.ui-helper-hidden{
	display:none}
	.ui-helper-hidden-accessible{position:absolute!important;
	clip:rect(1px);clip:rect(1px,1px,1px,1px)}
	.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}

.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table}
.ui-helper-clearfix:after{clear:both}
.ui-helper-clearfix{zoom:1}
.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}
.ui-state-disabled{cursor:default!important}
.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}
.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%}
.ui-resizable{position:relative}
.ui-resizable-handle{position:absolute;font-size:0.1px;display:block}
.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}
.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}
.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}
.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}
.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}
.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}
.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}
.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}
.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}
.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}
.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;zoom:1}
.ui-accordion .ui-accordion-icons{padding-left:2.2em}
.ui-accordion .ui-accordion-noicons{padding-left:.7em}
.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}
.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto;zoom:1}
.ui-autocomplete{position:absolute;top:0;cursor:default}* html .ui-autocomplete{width:1px}
.ui-button{display:inline-block;position:relative;padding:0;margin-right:.1em;cursor:pointer;text-align:center;zoom:1;overflow:visible}
.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}
.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}
.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}
.ui-button .ui-button-text{display:block;line-height:1.4}
.ui-button-text-only .ui-button-text{padding:.4em 1em}
.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}
.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}
.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}
.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}
.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}
.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}
.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}
.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}
.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}
.ui-buttonset{margin-right:7px}
.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}button.ui-button::-moz-focus-inner{border:0;padding:0}
.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}
.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}
.ui-datepicker .ui-datepicker-prev{left:2px}
.ui-datepicker .ui-datepicker-next{right:2px}
.ui-datepicker .ui-datepicker-prev-hover{left:1px}
.ui-datepicker .ui-datepicker-next-hover{right:1px}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}
.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}
.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}
.ui-datepicker select.ui-datepicker-month-year{width:100%}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}
.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}
.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}
.ui-datepicker td{border:0;padding:1px}
.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}
.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}
.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}
.ui-datepicker.ui-datepicker-multi{width:auto}
.ui-datepicker-multi .ui-datepicker-group{float:left}
.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}
.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}
.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}
.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header{border-left-width:0}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}
.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}
.ui-datepicker-row-break{clear:both;width:100%;font-size:0em}
.ui-datepicker-rtl{direction:rtl}
.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}
.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}
.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}
.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}
.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}
.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current{float:right}
.ui-datepicker-rtl .ui-datepicker-group{float:right}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header{border-right-width:0;border-left-width:1px}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}
.ui-datepicker-cover{position:absolute;z-index:-1;filter:mask();top:-4px;left:-4px;width:200px;height:200px}
.ui-dialog{position:absolute;padding:.2em;width:300px;overflow:hidden}
.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}
.ui-dialog .ui-dialog-title{float:left;margin:.1em 16px .1em 0}
.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:19px;margin:-10px 0 0 0;padding:1px;height:18px}
.ui-dialog .ui-dialog-titlebar-close span{display:block;margin:1px}
.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus{padding:0}
.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto;zoom:1}
.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin:.5em 0 0 0;padding:.3em 1em .5em .4em}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}
.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}
.ui-dialog .ui-resizable-se{width:14px;height:14px;right:3px;bottom:3px}
.ui-draggable .ui-dialog-titlebar{cursor:move}
.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:none}
.ui-menu .ui-menu{margin-top:-3px;position:absolute}
.ui-menu .ui-menu-item{margin:0;padding:0;zoom:1;width:100%}
.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}
.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;zoom:1;font-weight:normal}
.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px}
.ui-menu .ui-state-disabled{font-weight:normal;margin:.4em 0 .2em;line-height:1.5}
.ui-menu .ui-state-disabled a{cursor:default}
.ui-menu-icons{position:relative}
.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}
.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}
.ui-menu .ui-menu-icon{position:static;float:right}
.ui-progressbar{height:2em;text-align:left;overflow:hidden}
.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}
.ui-slider{position:relative;text-align:left}
.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}
.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}
.ui-slider-horizontal{height:.8em}
.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}
.ui-slider-horizontal .ui-slider-range{top:0;height:100%}
.ui-slider-horizontal .ui-slider-range-min{left:0}
.ui-slider-horizontal .ui-slider-range-max{right:0}
.ui-slider-vertical{width:.8em;height:100px}
.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}
.ui-slider-vertical .ui-slider-range{left:0;width:100%}
.ui-slider-vertical .ui-slider-range-min{bottom:0}
.ui-slider-vertical .ui-slider-range-max{top:0}
.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}
.ui-spinner-input{border:none;background:none;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}
.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}
.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}
.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}
.ui-spinner-up{top:0}
.ui-spinner-down{bottom:0}
.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}
.ui-tabs{position:relative;padding:.2em;zoom:1}
.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}
.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom:0;padding:0;white-space:nowrap}
.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text}
.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{cursor:pointer}
.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}
.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}* html .ui-tooltip{background-image:none}body .ui-tooltip{border-width:2px}
.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}
.ui-widget .ui-widget{font-size:1em}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}
.ui-widget-content{border:1px solid #aaa;background:#fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222}
.ui-widget-content a{color:#222}
.ui-widget-header{border:1px solid #aaa;background:#ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:bold}
.ui-widget-header a{color:#222}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#555}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#212121;text-decoration:none}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}
.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}
.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}
.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}
.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}


/*Charts*/

.main-chart {
	background: #fff;
}

.easypiechart-panel {
	text-align: center;
	padding: 1px 0;
	margin-bottom: 20px;
}

.placeholder h2 {
	margin-bottom: 0px;
}

.donut {
	width: 100%;
}

.easypiechart {
	position: relative;
	text-align: center;
	width: 120px;
	height: 120px;
	margin: 20px auto 10px auto;
}

.easypiechart .percent {
	display: block;
	position: absolute;
	font-size: 26px;
	top: 38px;
	width: 120px;
}

#easypiechart-blue .percent { color: #30a5ff;}
#easypiechart-teal .percent { color: #1ebfae;}
#easypiechart-orange .percent { color: #ffb53e;}
#easypiechart-red .percent { color: #ef4040;}




.datagrid table 
{ border-collapse: collapse; text-align: left; width: 100%;
 }
 
.datagrid 
{font: normal 12px/150% Arial, Helvetica, sans-serif; 
background: #fff; overflow: hidden; border: 1px solid #EFEFEF; 
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
}
.datagrid table td, 
.datagrid table th 
{ 
padding: 3px 10px; 
}
.datagrid table th 
{background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CCCCCC), color-stop(1, #EFEFEF) );
background:-moz-linear-gradient( center top, #EFEFEF 5%, #EFEFEF 100% );
background-color:#CCC; color:#00; font-size: 12px;  border-left: 1px solid #FFF; 
}
 .datagrid table th:first-child 
 { border: none; }
 .datagrid table td
  { color: #4586B4; border-left: 1px solid #FFF;font-size: 12px;font-weight: normal; }
  .datagrid table tbody .alt td { background: #EEEEEE; color: #4586B4; }
  .datagrid table tbody td:first-child { border-left: none; }
  .datagrid table tbody tr:last-child td { border-bottom: none; }.datagrid table tfoot td div { border-top: 1px solid #991821;background: #F7CDCD;} .datagrid table tfoot td { padding: 0; font-size: 12px } .datagrid table tfoot td div{ padding: 2px; }.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }.datagrid table tfoot  li { display: inline; }.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #991821;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #991821), color-stop(1, #80141C) );background:-moz-linear-gradient( center top, #991821 5%, #80141C 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#991821', endColorstr='#80141C');background-color:#991821; }.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { text-decoration: none;border-color: #80141C; color: #FFFFFF; background: none; background-color:#991821;}div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }
  
  
  
  /* Color tablas*/
  
  .blueTable {
  border: 1px solid #DDDDDD;
  background-color: #EEEEEE;
  width: 100%;
  text-align: left;
}
.blueTable td, table.blueTable th {
  border: 2px solid #FFF;
  padding: 3px 2px;
}
.blueTable tbody td {
  font-size: 13px;
}

.blueTable thead {
  background: red;
  background: -moz-linear-gradient(top, #162938 0%, #203A51 66%, #304762 100%);
  background: -webkit-linear-gradient(top, #162938 0%, #203A51 66%, #304762 100%);
  background: linear-gradient(to bottom, #162938 0%, #203A51 66%, 304762 100%);
}
.blueTable thead th {
  font-size: 16px;
  font-weight:lighter;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
  
}
.blueTable thead th:first-child {
  border-left: none;
}

.blueTable tfoot {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background: #D0E4F5;
  background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  border-top: 2px solid #444444;
}
.blueTable tfoot td {
  font-size: 14px;
}
.blueTable tfoot .links {
  text-align: right;
}
.blueTable tfoot .links a{
  display: inline-block;
  background: #264762;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}

 @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
                .tbentre { width: 100%; margin: 8px 0px !important;  border-spacing: 0 }
                .tbentre thead { display: none;  }
                .tbentre tr td:before {border:#FFF !important; position: absolute; left: 15px; width: auto; max-width: 100px; font-weight:bold; font-size:14px;}
                .tbentre thead { display: none; }
				.tbentre td { font-size:12px !important; border-spacing: 0; }
                
				 .tbentre tr td:nth-child(1):before { content: "Fecha Entrevista:"; }
               .tbentre tr td:nth-child(2):before { content: "Archivo:"; }
                .tbentre tr td:nth-child(3):before { content: "Observación:"; }
				 .tbentre tr td:nth-child(4):before { content: ""; }
                
              
			
                .tbentre tbody td { display: flex !important; padding-left: 50% !important; text-align:left !important; }
				
				
				

.blueTable td, table.blueTable th {
  border: 1px solid #FFF !important;
  padding: 3px 2px;
}

}
.tami{
	width:100px !important;	
	height:100px !important;
		
	}
	
	

 
 .table.achi  {
	 width:70%;

}
 table.achi th {
	 width:70%;
	 
  
}
.alie{
	 margin:40px !important;
}



 @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
	 .table.achi  {
	 width:100%;
	

}

.alie{
	 margin:0px !important;
}
	 
 }
	 
	 @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {

.tami{
	
		width:79px !important;
		border:#000;
		border:1px;	

		
	}
	
.ocultar_ent{
		display:none !important;
	
}
			
.ocultar2_ent{
		display:none !important;
	
}
.muestra_ent{
		display:block !important;
	
}
			
}

.muestra_ent{
		display:none;
}

.muestra{
		display:none;
}
				
	.Rowg
{
    display: table;
	width:100%;

    table-layout: fixed;
    border-spacing: 10px;
}
.Columng
{
    display: table-cell;

}

@media only screen and (min-width : 761px) {
				.ocultar{
					display:block;
	
				}
				.ocultar2{
					display:none;
	
				}

}


@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
.table9 { width: 100%; margin: 8px 0px !important;  border-spacing: 0 }
.table9 thead { display: none;  }
.table9 tr td:before {border:#FFF !important; position: absolute; left: 15px; width: auto; max-width: 100px; font-weight:bold; font-size:14px;}
.table9 thead { display: none; }
.table9 td { font-size:12px !important; border-spacing: 0; }
.table9 tr td:nth-child(1):before { content: "N°:"; }
.table9 tr td:nth-child(2):before { content: "Rut:"; }
.table9 tr td:nth-child(3):before { content: "Nombres:"; }
.table9 tr td:nth-child(4):before { content: "Código Conjunto:"; }
.table9 tr td:nth-child(5):before { content: "Nombre Conjunto:"; }
.table9 tr td:nth-child(6):before { content: "Comuna:"; }
.table9 tr td:nth-child(7):before { content: "Dirección:"; }
.table9 tr td:nth-child(8):before { content: "Notificación:"; }
.table9 tbody td { display: flex !important; padding-left: 50% !important; text-align:right !important; }			

.ocultar{display:none;}

.ocultar2{display:block;				
}
.blanco{ background-color:#FFF !important;
}
.texto{
font-size:25px !important;
font-weight:bold;
}


@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
.table9 { width: 100%; margin: 8px 0px !important;  border-spacing: 0 }
.table9 thead { display: none;  }
.table9 tr td:before {border:#FFF !important; position: absolute; left: 15px; width: auto; max-width: 100px; font-weight:bold; font-size:14px;}
.table9 thead { display: none; }
.table9 td { font-size:12px !important; border-spacing: 0; }
.table9 tr td:nth-child(1):before { content: "N°:"; }
.table9 tr td:nth-child(2):before { content: "Rut:"; }
.table9 tr td:nth-child(3):before { content: "Nombres:"; }
.table9 tr td:nth-child(4):before { content: "Código Conjunto:"; }
.table9 tr td:nth-child(5):before { content: "Nombre Conjunto:"; }
.table9 tr td:nth-child(6):before { content: "Comuna:"; }
.table9 tr td:nth-child(7):before { content: "Dirección:"; }
.table9 tr td:nth-child(8):before { content: "Notificación:"; }
.table9 tbody td { display: flex !important; padding-left: 50% !important; text-align:right !important; }			

.ocultar{display:none;}

.ocultar2{display:block;				
}
.blanco{ background-color:#FFF !important;
}
.texto{
font-size:25px !important;
font-weight:bold;
}

		
.Rowg
{
display:inline !important;
width:100%;

    border-spacing: 10px;
}
.Columng
{
    display:block;

}

.blueTable td, table.blueTable th {
  border: 1px solid #FFF !important;
  padding: 3px 2px;
}

}				


 @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
                .tbcantf { width: 100%; margin: 8px 0px !important;  border-spacing: 0 }
                .tbcantf thead { display: none;  }
                .tbcantf tr td:before {border:#FFF !important; position: absolute; left: 15px; width: auto; max-width: 100px; font-weight:bold; font-size:14px;}
                .tbcantf thead { display: none; }
				.tbcantf td { font-size:12px !important; border-spacing: 0; }
                
				 .tbcantf tr td:nth-child(1):before { content: "N°:"; }
               .tbcantf tr td:nth-child(2):before { content: "F. Fiscalización:"; }
                .tbcantf tr td:nth-child(3):before { content: "Modo Ingreso:"; }
				.tbcantf tr td:nth-child(4):before { content: "Notificaciones:"; }
				.tbcantf tr td:nth-child(5):before { content: "Estado:"; }
				 .tbcantf tr td:nth-child(6):before { content: ""; }
                
              
			
                .tbcantf tbody td { display: flex !important; padding-left: 50% !important; text-align:left !important; }
				
				
				


}






@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
.table90 { width: 100%; margin: 8px 0px !important;  border-spacing: 0 }
.table90 thead { display: none;  }
.table90 tr td:before {border:#FFF !important; position: absolute; left: 15px; width: auto; max-width: 100px; font-weight:bold; font-size:14px;}
.table90 thead { display: none; }
.table90 td { font-size:12px !important; border-spacing: 0; }
.table90 tr td:nth-child(1):before { content: "N°:"; }
.table90 tr td:nth-child(2):before { content: "Rut:"; }
.table90 tr td:nth-child(3):before { content: "Nombres:"; }
.table90 tr td:nth-child(4):before { content: "Conjunto:"; }
.table90 tr td:nth-child(5):before { content: "Dirección:"; }
.table90 tr td:nth-child(6):before { content: "Fecha Denuncia:"; }
.table90 tr td:nth-child(7):before { content: "Ingreso:"; }
.table90 tr td:nth-child(7):before { content: "Estado:"; }
.table90 tr td:nth-child(8):before { content: "Notificación:"; }
.table90 tbody td { display: flex !important; padding-left: 50% !important; text-align:right !important; }	
}


@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
.table901 { width: 100%; margin: 8px 0px !important;  border-spacing: 0 }
.table901 thead { display: none;  }
.table901 tr td:before {border:#FFF !important; position: absolute; left: 15px; width: auto; max-width: 100px; font-weight:bold; font-size:14px;}
.table901 thead { display: none; }
.table901 td { font-size:12px !important; border-spacing: 0; }
.table901 tr td:nth-child(1):before { content: "N°:"; }
.table901 tr td:nth-child(2):before { content: "Rut:"; }
.table901 tr td:nth-child(3):before { content: "Nombres:"; }
.table901 tr td:nth-child(4):before { content: "Conjunto:"; }
.table901 tr td:nth-child(5):before { content: "Dirección:"; }
.table901 tr td:nth-child(6):before { content: "Fecha Denuncia:"; }
.table901 tr td:nth-child(7):before { content: "Ingreso:"; }
.table901 tr td:nth-child(8):before { content: "Estado:"; }
.table901 tr td:nth-child(9):before { content: "Notificación:"; }
.table901 tr td:nth-child(10):before { content: "Encargado:"; }
.table901 tbody td { display: flex !important; padding-left: 50% !important; text-align:right !important; }	
}



@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
.table9011 { width: 100%; margin: 8px 0px !important;  border-spacing: 0 }
.table9011 thead { display: none;  }
.table9011 tr td:before {border:#FFF !important; position: absolute; left: 15px; width: auto; max-width: 100px; font-weight:bold; font-size:14px;}
.table9011 thead { display: none; }
.table9011 td { font-size:12px !important; border-spacing: 0; }
.table9011 tr td:nth-child(1):before { content: "N°:"; }
.table9011 tr td:nth-child(2):before { content: "Rut:"; }
.table9011 tr td:nth-child(3):before { content: "Nombres:"; }
.table9011 tr td:nth-child(4):before { content: "Conjunto:"; }
.table9011 tr td:nth-child(5):before { content: "Dirección:"; }
.table9011 tr td:nth-child(6):before { content: "Fecha Denuncia:"; }
.table9011 tr td:nth-child(7):before { content: "Ingreso:"; }
.table9011 tr td:nth-child(8):before { content: "Estado:"; }
.table9011 tr td:nth-child(9):before { content: "Observaciones:"; }
.table9011 tr td:nth-child(10):before { content: "Encargado:"; }
.table9011 tbody td { display: flex !important; padding-left: 50% !important; text-align:right !important; }	


.graft {
	width: 100% !important;
	 float:left !important;
}

.graft2 {
	 width: 100% !important;
	
	 float:left !important;
	
}
}
.graft {
width: 36%;
	 float:left;	 
	
}

.graft2 {
	 width: 63%;
	 float:left ;
	
}


@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
.funcionarios { width: 100%; margin: 8px 0px !important;  border-spacing: 0 }
.funcionarios thead { display: none;  }
.funcionarios tr td:before {border:#FFF !important; position: absolute; left: 15px; width: auto; max-width: 100px; font-weight:bold; font-size:14px;}
.funcionarios thead { display: none; }
.funcionarios td { font-size:12px !important; border-spacing: 0; }
.funcionarios tr td:nth-child(1):before { content: "N°:"; }
.funcionarios tr td:nth-child(2):before { content: "Rut:"; }
.funcionarios tr td:nth-child(3):before { content: "Nombres:"; }
.funcionarios tr td:nth-child(4):before { content: "Cargo:"; }
.funcionarios tr td:nth-child(5):before { content: "E-mail:"; }
.funcionarios tr td:nth-child(6):before { content: "Telefono:"; }
.funcionarios tr td:nth-child(7):before { content: "Sucursal:"; }
.funcionarios tr td:nth-child(8):before { content: "Opciones:"; }
.funcionarios tbody td { display: flex !important; padding-left: 50% !important; text-align:right !important; }	
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
.compensatorio { width: 100%; margin: 8px 0px !important;  border-spacing: 0 }
.compensatorio thead { display: none;  }
.compensatorio tr td:before {border:#FFF !important; position: absolute; left: 15px; width: auto; max-width: 100px; font-weight:bold; font-size:14px;}
.compensatorio thead { display: none; }
.compensatorio td { font-size:12px !important; border-spacing: 0; }
.compensatorio tr td:nth-child(1):before { content: "N°:"; }
.compensatorio tr td:nth-child(2):before { content: "Tipo:"; }
.compensatorio tr td:nth-child(3):before { content: "Fecha de Trabajo:"; }
.compensatorio tr td:nth-child(4):before { content: "Horas:"; }
.compensatorio tr td:nth-child(5):before { content: "Contingencia:"; }
.compensatorio tr td:nth-child(6):before { content: "Supervisor:"; }
.compensatorio tr td:nth-child(7):before { content: "Comuna:"; }
.compensatorio tr td:nth-child(8):before { content: "Lugar de Trabajo:"; }
.compensatorio tr td:nth-child(9):before { content: "Trabajo realizado:"; }
.compensatorio tr td:nth-child(10):before { content: "N° Brigadas:"; }
.compensatorio tr td:nth-child(11):before { content: "capataz"; }
.compensatorio tr td:nth-child(12):before { content: "N° Trabajador:"; }
.compensatorio tr td:nth-child(13):before { content: "Trab. asistieron:"; }
.compensatorio tr td:nth-child(14):before { content: "Resp. Asistencia:"; }
.compensatorio tr td:nth-child(15):before { content: "Opcion:"; }
.compensatorio tbody td { display: flex !important; padding-left: 50% !important; text-align:right !important; }	

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
.compensatorio_solicita { width: 100%; margin: 8px 0px !important;  border-spacing: 0 }
.compensatorio_solicita thead { display: none;  }
.compensatorio_solicita tr td:before {border:#FFF !important; position: absolute; left: 15px; width: auto; max-width: 100px; font-weight:bold; font-size:14px;}
.compensatorio_solicita thead { display: none; }
.compensatorio_solicita td { font-size:12px !important; border-spacing: 0; }
.compensatorio_solicita tr td:nth-child(1):before { content: "N°:"; }
.compensatorio_solicita tr td:nth-child(2):before { content: "Rut:"; }
.compensatorio_solicita tr td:nth-child(3):before { content: "Nombres:"; }
.compensatorio_solicita tr td:nth-child(4):before { content: "Cargo:"; }
.compensatorio_solicita tr td:nth-child(5):before { content: "E-mail:"; }
.compensatorio_solicita tr td:nth-child(6):before { content: "Telefono:"; }
.compensatorio_solicita tr td:nth-child(7):before { content: "Sucursal:"; }
.compensatorio_solicita tr td:nth-child(8):before { content: "Total Compensatorio:"; }
.compensatorio_solicita tr td:nth-child(9):before { content: "Tomados Compensatorio:"; }
.compensatorio_solicita tr td:nth-child(10):before { content: "Disponible Compensatorio:"; }
.compensatorio_solicita tbody td { display: flex !important; padding-left: 50% !important; text-align:right !important; }	


}



@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
.extra { width: 100%; margin: 8px 0px !important;  border-spacing: 0 }
.extra thead { display: none;  }
.extra tr td:before {border:#FFF !important; position: absolute; left: 15px; width: auto; max-width: 100px; font-weight:bold; font-size:14px;}
.extra thead { display: none; }
.extra td { font-size:12px !important; border-spacing: 0; }
.extra tr td:nth-child(1):before { content: "N°:"; }
.extra tr td:nth-child(2):before { content: "Rut:"; }
.extra tr td:nth-child(3):before { content: "Nombres:"; }
.extra tr td:nth-child(4):before { content: "Cargo:"; }
.extra tr td:nth-child(5):before { content: "E-mail:"; }
.extra tr td:nth-child(6):before { content: "Telefono:"; }
.extra tr td:nth-child(7):before { content: "Sucursal:"; }
.extra tr td:nth-child(8):before { content: "Horas Extras:"; }
.extra tbody td { display: flex !important; padding-left: 50% !important; text-align:right !important; }	



@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
.licencia_medica { width: 100%; margin: 8px 0px !important;  border-spacing: 0 }
.licencia_medica thead { display: none;  }
.licencia_medica tr td:before {border:#FFF !important; position: absolute; left: 15px; width: auto; max-width: 100px; font-weight:bold; font-size:14px;}
.licencia_medica thead { display: none; }
.licencia_medica td { font-size:12px !important; border-spacing: 0; }
.licencia_medica tr td:nth-child(1):before { content: "N°:"; }
.licencia_medica tr td:nth-child(2):before { content: "Rut:"; }
.licencia_medica tr td:nth-child(3):before { content: "Nombres:"; }
.licencia_medica tr td:nth-child(4):before { content: "Fecha Inicio:"; }
.licencia_medica tr td:nth-child(5):before { content: "E-Fecha Termino:"; }
.licencia_medica tr td:nth-child(6):before { content: "cantidad días:"; }
.licencia_medica tr td:nth-child(7):before { content: "Observción:"; }
.licencia_medica tr td:nth-child(8):before { content: "Opción:"; }
.licencia_medica tbody td { display: flex !important; padding-left: 50% !important; text-align:right !important; }



@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
.poste { width: 100%; margin: 8px 0px !important;  border-spacing: 0 }
.poste thead { display: none;  }
.poste tr td:before {border:#FFF !important; position: absolute; left: 15px; width: auto; max-width: 100px; font-weight:bold; font-size:14px;}
.poste thead { display: none; }
.poste td { font-size:12px !important; border-spacing: 0; }
.poste tr td:nth-child(1):before { content: "N°:"; }
.poste tr td:nth-child(2):before { content: "N° Hallasgo:"; }
.poste tr td:nth-child(3):before { content: "N° Poste	:"; }
.poste tr td:nth-child(4):before { content: "N° Inicio:"; }
.poste tr td:nth-child(5):before { content: "N° Termino:"; }
.poste tr td:nth-child(6):before { content: "Dirección:"; }
.poste tr td:nth-child(7):before { content: "Comuna:"; }
.poste tr td:nth-child(8):before { content: "Fecha de visita:"; }
.poste tr td:nth-child(9):before { content: "Responsable:"; }
.poste tr td:nth-child(10):before { content: "Conectados:"; }
.poste tr td:nth-child(11):before { content: "Agregados:"; }
.poste tr td:nth-child(12):before { content: "Opción:"; }
.poste tbody td { display: flex !important; padding-left: 50% !important; text-align:right !important; }