@charset "utf-8";
/* CSS Document */
table.dataTable .td_numemp{
	width: 0px;
}

/*Checkbox*/
/* The container */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.contenedorTablaMaterial{
	height: 55vh;
	overflow-y: auto;
	padding: 0px;
	overflow-x: hidden;
}
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}
 .oculto{
       
        display:none;
    }
.datos_ben{
	text-align: center;
	color: #FFF;
	background: #9b9a9a;
	padding: 5px;
	display: block;
	margin: 15px 0px;
}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*FIN checkbo*/
.btn-Huerto{
	margin-left: -15px;
}
.chkcss
{
	width: 25px; 
	height: 25px;
}

.cuadro_matriz_habilidades{
	font-size:30px;

}
#formEditBeneficiario{
	max-height: 60vh;
	overflow-x: hidden;
	width: 100%;
	margin-top: 18px;
}

.nombre_matriz_habilidades
{
	font-size:14px;
	max-width: 200px;
}
.nav_edit_ben{
	position: sticky;
	top:-1px;
	background: white;
	z-index:9;
	border-bottom-color: #0D395C;
	outline:18px solid white;
}
.panel-ben-edit{
	margin-top: 20px;
}
.el:-webkit-full-screen {
  width: 100vw;
  height: 100vh;
}

.el:-moz-full-screen {
  width: 100vw;
  height: 100vh;
}

.el:-ms-fullscreen {
  width: 100vw;
  height: 100vh;
}

.el:fullscreen {
  width: 100vw;
  height: 100vh;
}
 
.label-accion{
	position: absolute;
}

.logoempresa_img{
	margin: 5px;
	height: 50px;
}
.midisplay{
	display: none; 
}
.midisable{
	pointer-events: none;background: #dddddd;color: black;	
}
div.frase_dia{	
	margin-top: 7vh;		
}
.frase_dia p{
	font-size:3rem;	
}
.odd{
	background: rgba(0,0,0,.08);
}
.even{
	background: rgba(0,0,0,.01);
}
.btn-back{
	float:left;
	font-size: 30px;
	margin: -2px 22px -2px -14px;
	color:#5c5c5c;
}
span.text-muted.text-xs.block{
	font-size: 12px;
}
table{
	font-size: 15px;
    color: black;
    position: relative;
    bottom: -30px;
    z-index: 1;
}
table thead  {
	z-index: 99;
}
#tabla_uno thead tr th{
	box-sizing: border-box;
}

div#tabla_dos_filter {
    text-align: right;
}

div#tabla_dos_paginate {
    text-align: right;
}

.th_operarios
{
	font-size: 10px;
}

div.dataTables_length label{ 
	display: inline-flex;
}
div.dataTables_filter label{
	display: inline-flex;
}
div.dataTables_info, div.dataTables_paginate{
	padding-top: 40px;
}
table thead tr {
	background: rgba(13,57,92,1);
}
table thead tr th {
	color:#FFF;
	font-size: 14px;
}
.chart {
    width: 100%;
    min-height: 2000px;
    box-sizing: border-box;
    padding: 40px 0px 10px 0px;
}
.info-notificacion{
	font-size: 20px;
}
#chart_div{
	overflow: auto;
 	margin-top: -15px;
}

.scroll_chart{
	max-height: 700px;
}
.scroll_equipo{
	height: 100px;
	overflow: auto;
}
.ibox-content{
	height: 72vh;
	overflow-y: auto;
	overflow-x: hidden;
}
table tbody tr:hover{
	background: rgba(13,57,92,.2);
	 
}
table tbody tr a:hover{
	color:#fff;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td{
	background: rgba(13,57,92,1);
}

.icono_p {
    padding: .1vh 1vh;
    background: #1c84c6;
    font-weight: bold;
    color: white;
    font-size: 2.2vh;
    border-radius: 4px;
    font-style: normal;
}

.icono_m {
    padding: .1vh 1vh;
    background: #777777;
    font-weight: bold;
    color: white;
    font-size: 2.2vh;
    border-radius: 4px;
    font-style: normal;
}

.icono_mini{
    padding: .2vh .8vh;
    background: #777777;
    font-weight: bold;
    color: white;
    font-size: 1.2vh;
    border-radius: 4px;
    font-style: normal;
}

.icono_mas{
	color: white;
    font-size: 2.3vh;
    background: black;
    padding: .7vh .9vh;
    border-radius: 5px;
}

.icono_tamanio{
	font-size: 3.7vh;
}

.icono_reloj{
	padding: .7vh;
    background: gray;
    color: white;
    border-radius: 5px;
    font-size: 2.4vh;
}

.icono_rechazo{
	color: white;
    padding: .5vh .7vh;
    background: red;
    border-radius: 5px;
    font-size: 2.7vh;
}

.icono_alerta{
	padding: .6vh 1.4vh;
    background: yellow;
    color: black;
    border-radius: 5px;
    font-size: 2.1vh;
}

.boton-actividad {
    background: blue;
    width: 50%;
    height: 40vh;
    border-radius: 13px;
    font-size: 3vh;
    font-weight: bold;
    color: white;
    padding: 17vh 5vh;
    margin: 15vh;
}

.boton-accion {
    background: green;
    width: 50%;
    height: 40vh;
    border-radius: 13px;
    font-size: 4vh;
    font-weight: bold;
    color: white;
    padding: 17vh 5vh;
    margin: 15vh;
}

.boton-actividad:hover{
	transform: scale(1.03);
	color: #e6e6e6;

}

.boton-accion:hover{
	transform: scale(1.03);
	color: #e6e6e6;

}

#div_formempleados .form-control {
	font-size: 12px; 
	padding: 2px; 
	height: 25px;
}

.btn-group>.btn:first-child {
    margin-left: 0;
    background: white;
    color: black;
}

#div_formempleados .bootstrap-select .btn{
	background: white; 
	color: #7d7e7f; 
	padding: 0px;
}

#div_formempleados .bootstrap-select .dropdown-menu a {
	padding: 2px; 
	font-size: 12px; 
	line-height: 12px;
}
 #mdl_formaddempleado .form-control {
	font-size: 12px; 
	padding: 2px; 
	height: 25px;
}

#mdl_formaddempleado .bootstrap-select .btn{
	background: white; 
	color: #7d7e7f; 
	padding: 0px;
}

#mdl_formaddempleado .bootstrap-select .dropdown-menu a {
	padding: 2px; 
	font-size: 12px; 
	line-height: 12px;
}

.estatus_filtro
{
	color:white; font-size: 13px; border-color: white; border-width: 1px; border-style: solid; padding-bottom: 5px; padding-top: 5px; padding-right: 10px; padding-left: 10px; border-radius: 5px;
}
 
.swal2-container .swal2-modal 
{
	z-index: 5000;
}

body.modal-open .datepicker {
	z-index: 5000 !important;
}
/*ul.ul_mensajes{
	max-height: 55vh;
	overflow: auto;
}*/
.media-body {
    overflow: auto;
    max-height: 25vh;
}
.apuntador {
    cursor: pointer;
} 

.datepicker .datepicker-days table{

}

.datepicker .datepicker-days table thead tr th
{
	font-size: 10px;
}
.datepicker .datepicker-days table tbody tr td
{
	font-size: 10px;
}
.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover{
	background: #2f82b0; 
}
.table > tbody > tr > td{
	padding: 3px;
} 
.fullscreen-modal .modal-dialog {
	width: 80%;
} 
 .btn-primary[disabled]{
 	background: rgba(13,57,92,1);
 	border: rgba(13,57,92,1);
 }
 .btn-archivos{
 	background: #0d395c;
	padding: 4px 11px;
	float: right;
	border: 1px solid ;
	margin-top: -6px;
	border-radius: 3px;
 }
  .btn-archivos:hover{
 	background: #154f7d;	
	border: 1px solid gray;
 }
 .pro_nuevo{
 	/*margin-top: -57px;*/
 	position: absolute;
 	left: -88px;
 	top: -8px;
 }
  .btn-proyecto{
  	background: #407096; 	
	padding: 1px 11px;
	border: 1px solid #146AEB;
	border-radius:3px;
	width: 75%;
	display: block;
	margin: 2px auto;
	color: #fff;
	font-size: 13px;
	text-align: center;
 }
 .btn-proyecto-anexo{
 	margin: 6px auto;
 	font-size: 16px;
 }
  .btn-proyecto:hover{
 	background: #0d395c;	
	border: 1px solid gray;
 }
.panel{
	    background-color: rgba(255,255,255,.6);
}
.panel-mbm {
  border-color: rgba(13,57,92,1);;
}
.panel-mbm > .panel-heading {
  background-color: rgba(13,57,92,1);
  border-color: rgba(13,57,92,1);
  color: #ffffff;
}
.panel-descripcion{
	height: 657px;
	overflow: auto;
}
.panel-descripcion-f11{
	height: 762px;
	overflow: auto;
}
.panel-desarrollo{
	height: 610px;
	overflow: auto;	
}
.panel-desarrollo-f11{
	height: 715px;
	overflow: auto;		
}
.panel-footer-mbm {
 padding: 10px 0px;
}
.panel-adjuntos{
	height:312px;
    overflow: auto;
}
.panel-mensaje{
	height: 239px;
	overflow: auto;
}
.panel-adjuntos-f11{
	height:380px;
    overflow: auto;
}
.panel-mensaje-f11{
	height: 274px;
	overflow: auto;
}
.panel-footer-adjuntos{
	    padding: 1px 15px 10px 15px;	
}
.panel_options_mbm{
	border-bottom: 1.5px solid #0d395c;
	position: sticky;
	top: -15px;
	background: white;
	z-index: 9;
}
.hr_notificaciones{
	margin: 5px;
}
#Div_FormPermEmpleados .form-control {
	font-size: 12px; 
	padding: 2px; 
	height: 25px;
}

#Div_FormPermEmpleados .bootstrap-select .btn{
	background: white; 
	color: #7d7e7f; 
	padding: 0px;
}
#Div_FormPermEmpleados .bootstrap-select .dropdown-menu a {
	padding: 2px; 
	font-size: 12px; 
	line-height: 12px;
}
.tabla-proyectos tbody tr td span{
	line-height:95px;
}

#table_nomina{
	width: 100%;
}
  
#table_nomina .thead1 tr th{
	font-size: 12px; 
	text-align: center;
	font-weight: 500;
}
#table_nomina .thead2 tr th{ 
	font-size: 8px; 
	font-weight: 500; 
	text-align: center;
}
#table_nomina  tbody tr td {
	font-size: 11px; 
	padding: 2px;
}

.cerrar_sesion:hover{
	color:red;
}
label {
    margin-bottom: 0px;}

.label-table{
	font-size: 2vh;
	color: black;
}

.title-proyectos{
	font-size: 3vh;
	color: rgba(13,57,92,1);
}

.label-table, td, th {
    padding: 4px 0px;
}

.label_left{
	font-weight: normal;
}

.estatus_noti{
	font-size: 2vh;
}

.txt_detalle {
    color: black;
    font-weight: normal;
    font-size: 2.9vh;
    display: block;
}

#info1{
	padding: 0px;
	border: none;
	background: transparent;
}
.info1{
	height: 50vh;
	overflow: auto;
}
.well{
	background-color: #fafafa;
	border: 1px solid black;
	padding: 6px;	
}

.well2{
	box-shadow: -3px 13px 16px rgba(00, 00, 00, 0.3);
}

.nombre_logo {
	font-size: 3vh;
    font-weight: bold;
    background: white;
    color: rgba(13,57,92,1);
    border: 1px solid;
    border-radius: 5px;
    width: 80%;
}

.centrar_pro{
	vertical-align: middle;
}

.bon-proye{
	width: 100%;
}

.proyectos_tamanio{
	font-size: 2vh;
	text-align: center;
	cursor: default;
}

#select .bootstrap-select {
    height: 22px;
}
#select .bootstrap-select button {
    background: white;
    color: black;
}
#select .bootstrap-select .open {

}
#select .bootstrap-select.btn-group .dropdown-menu li a
{
    color: black;
}
#select .bootstrap-select .dropdown-menu ul li a:hover {
    background: #0d395c;
    color: white;
} 
#select .bootstrap-select .dropdown-menu ul .selected
{ 
    background: #0d395c;
}
#select .bootstrap-select .dropdown-menu ul .selected a{
    color: white;
}

.a-pro{
	color: black;
}

.progress{
	border: 1px solid #8F8F8F;
}

div.detalle_pro {
    text-align: center;
    font-size: 3vh;
    width: 95%;   
    border-radius: 3px;
    box-shadow: -3px 13px 16px rgba(00, 00, 00, 0.3);
    padding: 0.5vh 0vh;
    border: 1px solid #0d395c;
}

.mini_panel_desc {
    background: rgba(219, 229, 234, 0.5);
    height: 20vh;
    border-radius: 10px;
    padding: 1vh;
    margin-top: 1vh;
}
.titulo_mini_panel {
    background: rgba(13,57,92,0.9);
    height: 2vh;
    border-radius: 4px;
    color:#fff;
}
textarea.contenido_mini2 {    
    height:14.5vh;
    border-radius: 4px;
    width:100%;
    padding: 20px;
    border: none;
    resize: none;
    color:#2a2a2a;
}
.glyphicon-ok{color:transparent; background: #fff; border-radius: 50px;}
#cmb_semanas .bootstrap-select .btn, #cmb_areas .bootstrap-select .btn, #cmb_empleados .bootstrap-select .btn, #cmb_empresa .bootstrap-select .btn{
	background: white; 
	color: #7d7e7f; 
	padding: 0px;
}
#cmb_semanas .bootstrap-select .dropdown-menu a, #cmb_areas .bootstrap-select .dropdown-menu a, #cmb_empleados .bootstrap-select .dropdown-menu a, #cmb_empresa .bootstrap-select .dropdown-menu a {
	padding: 2px; 
	font-size: 12px; 
	line-height: 12px;
}
 .dataTables_wrapper .dataTables_length select{
	margin: -6px 10px;
}
.dataTables_filter label input{
	margin: -6px 10px;
}
.dtp{
	z-index: 1000000;
}
#nuevo_horario input[type="time"], .sumar_hrstotaldia, #hrs_laborales {
	line-height: 12px;
	width: 65px;
}
#viejo_horario input[type="time"], .sumar_hrstotaldia, #hrs_laborales {
	line-height: 12px;
	width: 65px;
}
 
.alertify-notifier {
	  z-index: 1000000;
}
.wrapper-segundo {    
    margin-top:15px;
}
#form_es .form-control {
	font-size: 12px; 
	padding: 2px; 
	height: 25px;
}

#form_es .bootstrap-select .btn{
	background: white; 
	color: #7d7e7f; 
	padding: 0px;
}

#form_es .bootstrap-select .dropdown-menu a {
	padding: 2px; 
	font-size: 12px; 
	line-height: 12px;
}

.textarea-width{
	min-width: 100%;
	max-width: 100%;
}
.input-compras{
	padding: 0px 0px 0px 20px;
}
.input-compras-desc{
	padding: 0px 20px 0px 0px;
}
.div-compras{
	height: 200px; 
	overflow: auto;
}
.tabla-status{
	font-size: 16px;
}
.nav>li.active
{
 max-height: 500px;
 overflow: auto;
}
/*.btn span{
	padding: 0px 8px;
}*/
/*---------------- DISEÑO RESPONSIVO ------------------*/
/*---------------- MEDIA ONLY --------------------------*/
@media only screen and (max-width: 1680px) {
	.panel-desarrollo{height:594px;}
	.panel-descripcion{height:640px; font-size: 11px;}
	.panel-adjuntos{height:312px;}
	.panel-mensaje{height:222px;}
	.title-action{padding-right: 26px;}
}
@media only screen and (max-width: 1600px) {
	.panel-desarrollo{height:455px;}
	.panel-descripcion{height:500px; font-size: 11px;}
	.panel-adjuntos{height:265px;}
	.panel-mensaje{height:130px;}
}
@media only screen and (max-width: 1366px) {
	.frase_dia p{font-size:2.5rem;}
	/*table{font-size: 12px;}*/
	table thead tr th {font-size: 12px;}
	.panel{margin-bottom: 10px}
	.panel-desarrollo{height:350px;}
	.panel-descripcion{height:398px; font-size: 11px;}
	.panel-adjuntos{height:190px;}
	.panel-mensaje{height:110px;}
	.btn{padding: 0px 6px;}
	.wrapper-content {padding: 0px 10px; margin: 65px auto 0px;}
	.page-heading {padding: 5px;}
	.mostrar_desarrollo table tr td,.mostrar_mensaje table tr td {font-size: 11px; padding: 3px;}
	.logoempresa_img {height: 40px;}
	.navbar-top-links li a {padding: 10px;}
	h2{font-size: 22px; font-weight: 900;}
	.table > tbody > tr > td{padding: 6px;}
	#chart_div text{font-size:12px!important;}
	.panel-descripcion input{font-size:12px}
	.panel-descripcion label{margin-bottom: 1px}
	.btn-proyecto {width: 95%;}
	.btn-proyecto-anexo {font-size: 13px;}
	.tabla-proyectos tbody tr td span { line-height: 60px;}
	.img_logo{width: 80%;}
	.scroll_equipo {height: 85px; font-size: 12.5px;}
	div.detalle_pro{padding: 0px;}
	.bon-proye{font-size: 13px;padding: 5px 0px;}
	.title-action{padding: 0px;}
	.div-compras{height: 120px;}
	.nav>li.active{max-height: 220px;}
	.cuadro_matriz_habilidades{font-size:25px;}
	.nombre_matriz_habilidades{font-size:12px;}
	.infBenef{font-size: 11px;padding: 10px!important;}
}

@media only screen and (max-width: 1200px) {
	.frase_dia p{font-size:2rem;}
	h2 {font-size:20px;}
	.fullscreen-modal .modal-dialog {width: 100%;} 
}
@media only screen and (max-width: 767px) {
	.wrapper-content {margin: 60px auto 0px;}	
	.panel-mbm:last-child{ margin-top: 100px; }
	.ibox-tools{float:right;}
	div.dataTables_length label{ margin: 10px;}
	div.dataTables_filter label{ margin: 10px;max-width: 250px;}
	h2 {font-size: 13px;}
}
@media only screen and (max-width: 580px) {
	.logoempresa_img{display:none;	}
	.fullscreen-modal .modal-dialog {
    	width: 100%;
  	}
}

/*---------------- FIN DISEÑO RESPONSIVO ------------------*/


 


#table_personalnomina{
	/*border: 1px solid black;*/
} 
#table_personalnomina thead{

} 
#table_personalnomina thead tr{
	background: none; 
	font-size: 11px;
	/*border: 1px solid black;	*/
} 
#table_personalnomina thead tr td{
	background: none; 
 
}


.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}






img.zoom {
    width: 3vh;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}
 
.transition {
    -webkit-transform: scale(6); 
    -moz-transform: scale(6);
    -o-transform: scale(6);
    transform: scale(6);
}