@charset "utf-8";
/* CSS Document */
table.dataTable .td_numemp{
	width: 0px;
}
.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{
	width: 50%;
    margin:10px 0px 0px 30px;
    width: 160px;
}
.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;
}
table thead tr {
	background: rgba(13,57,92,1);
}
table thead tr th {
	color:#FFF;
	font-size: 15px;
}

input.input_mio {
    width: 50%;
}

.input_apoyo{
	background: white;
	color: black;
}

.ingredientes {
    height: 60vh;
    overflow: auto;
    border: 2px solid;
    padding: 10px;
}

.ingredientes2 {
    height: 60vh;
    overflow: auto;
    border: 2px solid;
    padding: 1vh 2vh;
}

.chart {
    width: 100%;
    min-height: 2000px;
    box-sizing: border-box;
    padding: 40px 0px 10px 0px;
}
.info-notificacion{
	font-size: 20px;
}

img.mio_ness {
    width: 2vh;
}

img.mio_ness:active {
	transform: scale(1.2);
}

#chart_div{
	overflow: auto;
 	margin-top: -15px;
}

label.letra_resumen {
    font-size: 2.5vh;
    color: #0D395C;
}

.scroll_chart{
	max-height: 700px;
}
.scroll_equipo{
	height: 100px;
	overflow: auto;
}
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: .4vh 1vh;
    background: #1c84c6;
    font-weight: bold;
    color: white;
    font-size: 2.2vh;
    border-radius: 4px;
    font-style: none;
}

.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;
}
 
.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;
 }
  .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;
 }
 .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;	
}
.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;
}

.centrar_text{
	text-align: center;
}

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

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

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

.label_left{
	font-weight: normal;
}

.icono_total {
    float: left;
    padding: 0px 20px;
}

.icono_total_der {
    float: right;
    padding: 0px 20px;
}

.nombre_logo {
	font-size: 3vh;
    font-weight: bold;
    background: #5b92c1;
    color: white;
    border-radius: 5px;
    width: 80%;
}

.centrar_pro{
	vertical-align: middle;
}

.contenido_ingredientes {
    margin: -40px 0px;
}

.bon-proye{
	float: right; 
	margin: 4px;
}

.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;
}

a.button_mio {
    width: 30vh;
    height: 26vh;
    border-radius: 20px;
    font-size: 3vh;
    font-weight: bold;
    padding: 6% 0;
    margin: 10vh 1vh;
}

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;
}

.mostrar_insumos{
	max-height: 65vh;
	overflow-y: auto;
	overflow-x: hidden;
}
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{
	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 {
	padding: 2px; 
	font-size: 12px; 
	line-height: 12px;
}
 .dataTables_wrapper .dataTables_length select{
	line-height: 5px;
}
.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%;
}

/*.btn span{
	padding: 0px 8px;
}*/
/*---------------- DISEÑO RESPONSIVO ------------------*/
/*---------------- MEDIA ONLY --------------------------*/
@media only screen and (max-width: 1366px) {
	.frase_dia p{font-size:2.5rem;}
	/*table{font-size: 12px;}*/
	table thead tr th {font-size: 13px;}
	.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 {width: 18%; margin: 10px;}
	.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;}
}

@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: 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; 
 
}


/*///////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////VENTA RAPIDA////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////*/

#tbl_productos{ 
}
#tbl_productos tr td, tr th
{
	font-size: 12px;
	padding: 2px;
}
#tbl_productos tr td label{
	font-size: 10px;
}
#tbl_productos tr td input{
	font-size: 12px;
	width: 80px;
}
#tbl_productos tr td a.btn{
	font-size: 10px;
}

#cotizacion{ 
}
#cotizacion tr td, tr th
{
	font-size: 12px;
	padding: 2px;
}
#cotizacion tr td label{
	font-size: 10px;
}
#cotizacion tr td input{
   font-size: 12px;
	background: white;
	border: none; 
	width: 100%;
} 
#cotizacion tr td a.btn{
	font-size: 10px;
} 

#tbl_ventarapida 
{
	font-size: 10px;
}
#tbl_ventarapida  tr td
{
	padding: 6px 12px;
}

#tbl_ventarapida label{
}
#tbl_ventarapida input{
	width: 100%;
}
#tbl_ventarapida textarea{
	width: 100%;
}
#tbl_ventarapida input.inputtext{ 
}

 
/*///////////////////////////////////////////////////////////////////////////////////*/ 
/*///////////////////////////////////////////////////////////////////////////////////*/ 

/*.panel-desarrollo{
	height: 480px;

}*/




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


.buttons-print {
    background: rgba(13,57,92,1);
    color: white;
}

.buttons-excel {
    background: rgba(13,57,92,1);
    color: white;
}

.buttons-pdf {
    background: rgba(13,57,92,1);
    color: white;
}


tr.pedidos {
    background: rgb(71, 224, 76);
}

.vent_mesero_izq {
    border: 1px solid;
	height: 70vh;
	border-radius: 10px 0 0 10px;
}

.vent_mesero_der {
    border: 1px solid;
	height: 70vh;
	border-radius: 0 10px 10px 0;
}

.titulo_sucursal{
	font-size: 3vh;
    color: black;
    vertical-align: bottom;
}

.button-rigth {
    /* left: 6vh; */
    left: 3vh;
    position: relative;
}

.button-rigth1 {
    left: 4.4vh;
    position: relative;
}

.button-rigth2 {
    left: 2.5vh;
    position: relative;
}

.sucursal_3{ /*.ANGELOPOLIS */
	background: #aaaaaa;
}

.sucursal_9{/*CENTRO SUR*/
	background: #bed7ff;
}

.sucursal_8{/*CRUZ DEL SUR*/
	background: #f9b598;
}

.sucursal_11{/*MIRADOR*/
	background: #e96ad7bd;
}

.sucursal_2{/*PARQUE PUEBLA*/
	background: #b9dcb5;
}

.sucursal_10{/*PLAZA DORADA*/
	background: #ffda94;
}

.sucursal_7{/*VIA SAN ANGEL*/
	background: #fcc2ff;
}

.sucursal_1{/*VILLA VERDE*/
	background: #c3c2ff;
}

.porcenjate_azul{/**/
	background: #0079ff;
    color: white;
}

.porcenjate_gris{/**/
	background: gray;
    color: white;
}

.porcenjate_verde{/**/
	background: green;
    color: white;
}

.porcenjate_naranja{/**/
	background: #ff6f00;
    color: white;
}

.porcenjate_amarillo{/**/
	background: yellow;
    color: black;
}

.porcenjate_rojo{/**/
	background: #eb3838;
    color: white;
}

div#tabla_uno_filter {
    margin: -2vh 0vh 8vh 0vh;
}

.data-resumen {
	vertical-align: middle !important;
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

table.google-visualization-orgchart-table {
	border-collapse: unset !important;
}

.video-apoyo {
	padding: 15px;
	margin: 10px;
	background-color: lightgray;
	color: rgba(13,57,92,1);
	border-radius: 10px;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.24);
	border: 2px solid rgba(7, 7, 7, 0.12);
	transition: all 0.3s ease;
   position: relative;
}

.video-apoyo:hover {
	margin: 5px 5px 15px 15px;
	box-shadow: 0px 2px 10px rgba(3, 3, 3, 0.911);
	transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
}