@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);

/*Estilos Barra de Menu Vertical*/
.estructuraBarraVertical { height: 94vh; overflow: auto; }
.colorBarraVertical { background: #464646; }
.colorOpcionMenu { color: #fff; }
/*.colorOpcionMenu:hover { color: #ddd; font-weight: 600; text-decoration: none; }*/
.tituloPlantilla { color: #FFF; font-size: 0.875rem; /*font-weight: 600;*/ }
.fechaActualNavbar { margin: auto; color: #FFF; font-size: 0.7rem; }
.line-height-1 { line-height: 1 !important; }

.ceroMarginRow { margin-right: 0px; margin-left: 0px; }
.ceroPaddingCol { padding-left: 0rem!important; padding-right: 0rem!important; }

.text-size-8 { font-size: 0.85rem;}
.text-size-7 { font-size: 0.75rem;}
.text-size-7-1 { font-size: 0.7rem;}

/*Estilos Cuerpo del Contenido*/
.contedorSeccion { padding: 1%; }
.contedorSeccionListado { padding: 0%; }
.subMenuPlantilla { background: #464646; padding: 0.1% 0.1% 0.2% }

.bodyCard { margin: 1%; }
.bodyShowScroll { overflow: auto!important;}
.bodyHideScroll { overflow: hidden!important;}

.error-campo { color: #842029!important; background-color: #f8d7da!important; border-color: #f5c2c7!important;}
.disaled-campo {background: #fff !important; color: black !important;}

.border-seleccion-dato-map { border: 2px solid #a8af6f !important; }
#loadingPrincipal>.b-overlay{z-index: 2000 !important;}

/*Estilos de Formularios*/
.titleContenedor { text-align: center; padding: 0.5%; background: #343a40; color: #fff; }
.formImgCol { border: 5px solid #e9ecef; padding: 1%; }
.formImg { width: 200px; height: 200px; object-fit: contain; }
.titleFormImg { text-align: left; padding: 0.5%; background: #e9ecef; color: #495057; }
.w-formLabel { width: 160px; }
.w-label-40 { width: 40px; }
.w-label-60 { width: 60px; }
.w-label-70 { width: 70px; }
.w-label-80 { width: 80px; }
.w-label-90 { width: 90px; }
.w-label-100 { width: 100px; }
.w-label-110 { width: 110px; }
.w-label-120 { width: 120px; }
.w-label-130 { width: 130px; }
.w-label-140 { width: 140px; }
.w-label-150 { width: 150px; }
.w-label-160 { width: 160px; }
.w-label-170 { width: 170px; }
.w-label-180 { width: 180px; }
.w-label-190 { width: 190px; }
.w-label-200 { width: 200px; }

.w-18 { width: 18%!important; }
.w-20 { width: 20%!important; }

.bg-secundary-suave { background-color: #f3f3f3 !important; }

.ajustarCabecera{ top: 2rem !important; background-color: #d6d8db !important; }
.ajustarCabeceraPresupuesto-1{ background-color: #d6d8db !important; width: 8rem; }
.ajustarCabeceraPresupuesto{ background-color: #d6d8db !important; width: 10rem; }
.mantenerFila { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 2; }

.th-cabecera-mes-1 { width: 8rem !important; }
.th-cabecera-mes-2 { width: 16rem !important; }
.th-cabecera-mes-3 { width: 48rem !important; }
.th-foot-info-mes-1 { width: 7.5rem !important; }
.th-foot-info-mes-2 { width: 15rem !important; }
.th-foot-info-mes-3 { width: 47rem !important; }


.laborSeleccionadaMapa { background: #a8af6fbf; }

/* Graficas */
	.h-grafica-150 { height: 105px; }
	.h-grafica-200 { height: 205px; }
	.h-grafica-300 { height: 305px; }
	.h-grafica-500 { height: 505px; }
/* Fin Graficas */
.my-labels {
 background: red;
  border: 2px solid cyan;
  }

 /*#bodyMapa { display: flex; }*/
 /*#maxMapa { display: none; }*/

.leaflet-tooltip.nombreLote {
  background-color: transparent;
  border: transparent;
  box-shadow: none;
  /*font-weight: bold;*/
  color: white;
  font-size: 10px;

}

.th-size-50 { width: 50px !important;}
.th-size-60 { width: 60px !important;}
.th-size-70 { width: 70px !important;}
.th-size-80 { width: 80px !important;}
.th-size-90 { width: 90px !important;}
.th-size-100 { width: 100px !important;}
.th-size-150 { width: 150px !important;}
.th-size-200 { width: 200px !important;}
.th-size-300 { width: 300px !important;}
.th-size-400 { width: 400px !important;}
.th-size-500 { width: 500px !important;}

.th-sin-espacio {
	display: block;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #d6d8db !important;
}

.sinEspacio{
 	white-space: nowrap;
}
.sinEspacio>td{
 	white-space: nowrap;
}
.sinEspacio>th{
 	white-space: nowrap;
}

body{
 	font-size: 0.75rem;
}
.input-group-sm>.custom-select, .input-group-sm>.form-control{
 	font-size: .75rem;
}

.table-sm th{
 	padding: .17rem .5rem;
}

.table.b-table.table-sm>thead>tr>[aria-sort]:not(.b-table-sort-icon-left) {
 	padding-right: calc(.5rem + .65em);
}

.rounded-pill{
 	padding: 0.35rem .45rem;
 	font-size: .6rem;
}

.b-table-new-height{
 	max-height: 100%;
}

.h-83{
	height: 83%!important;
}

.h-84{
	height: 84vh;
}

.h-90{
	height: 90%!important;
}
.opacity-05{
	opacity: 0.5;
}

.input-group-sm>.input-group-prepend>.input-group-text {
	font-size: .75rem;
}

li.nav-item.colorOpcionMenu>.nav-link.active{
	color: #FF7B00;
	background-color: #3A3A3A;
}

li.nav-item.colorOpcionMenu>.nav-link:hover{
	color: #FF7B00;
	background-color: #3A3A3A;
}

li.nav-item.colorOpcionMenu>.nav-link{
	color:white;
	font-weight: bold;
	text-transform: uppercase;
	font-size: .735rem;
}

.sidebar-sticky> ul li>.nav-link{
	padding: .8rem;
}

li.nav-item.subMenuVertical>a{
	color:#555;
}

#subMenuInicio .subMenuVertical{
	background-color: #fff;
    color: #555;
    /*padding-left: 25px !important;*/
}

#subMenuInicio .subMenuVertical:hover{
	background-color: #eee;
    color: #FF7B00;
}

#subMenuPlanProductivo .subMenuVertical{
	background-color: #fff;
    color: #555;
    /*padding-left: 25px !important;*/
}

#subMenuPlanProductivo .subMenuVertical:hover{
	background-color: #eee;
    color: #FF7B00;
}

#subMenuSanidad .subMenuVertical, #subMenuInsumo .subMenuVertical{
	background-color: #fff;
    color: #555;
    /*padding-left: 25px !important;*/
}

#subMenuSanidad .subMenuVertical:hover, #subMenuInsumo .subMenuVertical:hover{
	background-color: #eee;
    color: #FF7B00;
}

#subMenuClima .subMenuVertical{
	background-color: #fff;
    color: #555;
    /*padding-left: 25px !important;*/
}

#subMenuClima .subMenuVertical:hover{
	background-color: #eee;
    color: #FF7B00;
}

#subMenuMaestroArticulos .subMenuVertical{
	background-color: #fff;
    color: #555;
    /*padding-left: 25px !important;*/
}

#subMenuMaestroArticulos .subMenuVertical:hover{
	background-color: #eee;
    color: #FF7B00;
}

li.nav-item.subMenuVertical>.nav-link.active{
	color: #666;
	background-color: #eee;
}

li.nav-item.subMenuVertical>.nav-link:hover{
	color: #FF7B00;
}

/*.nav-link:focus{
	color: #FF7B00 !important;
	background-color: #3A3A3A !important;
}*/

#idEmpleadoFiltroAplicacion>div>input, #refFiltroLaborAplicacion>div>input, #refFiltroLaborAlta>div>input, #refFiltroLaborGlobal>div>input, #refFiltrandoEmpleado>div>input, #refFiltroLaborEvento>div>input, #refFiltroLabor>div>input {
	border: 0px solid #ff000000;
    background: #ffffff00;
}

.navbarColor{
	background:  linear-gradient(to right, #8BA31D 0%, #A2B640 100%, #B8C868 100%);
	background-color: #8BA31D;
}


/*Estilos de calendar*/
.table-diaActual { font-weight: bold; color: #343a40; }



.toggled_menu{
    /*width: 10.5vh;*/
    max-width: 10.5vh;
}

.toggled_menu > #verticalMenu > .nav__full {
    display: none;
}

#desplegar_menu {
    margin-left: 0px;
}

.controladorPrincipal{
	/*max-width: 100%;*/ /*comentado por Amanda*/
	padding-right: 0px;
	padding-left: 0px;
}



#tablaDatosLotessPlanProductivo { height: 100%; }
#tablaDatosPresupuestoLabor { height: 100%; }

.table-color-planeacion-cabecera { background-color: #90a724ad !important; }
.no-ver { display: flex; }

.altoReporteMaximo { height: 55vh;}

	.th-size-40 { width: 40px !important;}
    .th-size-45 { width: 45px !important;}
    .th-size-50 { width: 50px !important;}
    .th-size-60 { width: 60px !important;}
    .th-size-70 { width: 70px !important;}
    .th-size-80 { width: 80px !important;}
    .th-size-90 { width: 90px !important;}
    .th-size-100 { width: 100px !important;}
    .th-size-110 { width: 110px !important;}
    .th-size-120 { width: 120px !important;}
    .th-size-130 { width: 130px !important;}
    .th-size-140 { width: 140px !important;}
    .th-size-150 { width: 150px !important;}
    .th-size-200 { width: 200px !important;}
    .th-size-250 { width: 250px !important;}
    .th-size-300 { width: 300px !important;}
    .th-size-350 { width: 350px !important;}
    .th-size-400 { width: 400px !important;}
    .th-size-500 { width: 500px !important;}

/* clases para graficas */
	.google-visualization-table-table { width: 100%!important;}
	.google-visualization-table { width: 100%!important;}
	
	.h-col6-grafica {
		height: 55vh;
		overflow: auto;
	}
	.h-col12-grafica {
		height: 100%;
	}

	#idGrafica1>div { width: 100% !important;}
	#idGrafica1>div>div>svg { width: 100% !important;}
	#imprimirGrafica1>div { width: 100% !important;}
	#imprimirGrafica1>div>div>svg { width: 100% !important;}

	#imprimirGrafica2>div { width: 100% !important;}
	#imprimirGrafica2>div>div>svg { width: 100% !important;}

	#idGrafica3>div { width: 100% !important;}
	#idGrafica3>div>div>svg { width: 100% !important;}
	#imprimirGrafica3>div { width: 100% !important;}
	#imprimirGrafica3>div>div>svg { width: 100% !important;}

	#imprimirGrafica4>div { width: 100% !important;}
	#imprimirGrafica4>div>div>svg { width: 100% !important;}

	#imprimirGrafica5>div { width: 100% !important;}
	#imprimirGrafica5>div>div>div>svg { width: 100% !important;}

	#imprimirGrafica6>div { width: 100% !important;}
	#imprimirGrafica6>div>div>svg { width: 100% !important;}

	#imprimirGrafica7>div>div { width: 100% !important;}
	#imprimirGrafica7>div>div>div>svg { width: 100% !important;}



	.hoverTablaFila>tr:hover{
		background: #c3c3c3;cursor: pointer;
	}





#tablaEtacionVerDatos>tbody>tr>th {
	padding: .25rem !important;
}
#tablaEtacionVerDatos>tbody>tr>td {
	padding: .25rem !important;
}

.tituloFilaClima {
	display: block;
}
.ajusteDatoClima {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
}

.ancho-td-principal { min-width: 8rem; width: 8rem; height: 4rem; }
.ancho-td-clima { min-width: 12rem; width: 12rem; height: 4rem; }
.table-white { background-color: #fff; }

#donutchart {
    position: relative;
}

#labelOverlay {
    width: 90px;
    height: 45px;
    position: absolute;
    /* top: 80px; */
    top: 40px;
    /* left: 115px; */
    left: 45px;
    text-align: center;
    cursor: default;
}

#labelOverlay p {
  line-height: 0.3;
  padding:0;
  margin: 8px;
}

#labelOverlay p.used-size {
  line-height: 0.5;
  font-size: 15pt;
  color: #8e8e8e;
}

#labelOverlay p.total-size {
  line-height: 0.5;
  font-size: 10pt;
  color: #cdcdcd;
}


#modalInformeEmpleadoLabor>.modal-dialog>.modal-content>.modal-body{ overflow-x: hidden;}


.table .thead-light th{
	color:#5A5A5A!important;
}

.table .thead-light th{
	border-color: #DDD!important;
	background: #F2F2F2!important;
}

.table-bordered thead td, .table-bordered thead th{
	border-bottom-width:1px!important;
}

.table{
	color: #5A5A5A!important;
	font-family: 'Lato', sans-serif;

}