@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);

}