/*Creado por ISC José Sandoval Carrillo - 19 AGOSTO 2O21*/
/*Última actualización 27 marzo 2024*/

/*/////////////////////////////////////////////////////////////////////////GENERAL FIRST MOVILE////////////////////////////////////////////////*/



@font-face {
    font-family: 'MyriadProRegular';
    src: url('../fonts/MyriadPro/Regular/font.eot');
    src: url('../fonts/MyriadPro/Regular/font.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MyriadPro/Regular/font.woff') format('woff'),
         url('../fonts/MyriadPro/Regular/font.ttf') format('truetype'),
         url('../fonts/MyriadPro/Regular/font.svg#aaaiightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  

@font-face {
    font-family: 'MyriadProLight';
    src: url('../fonts/MyriadPro/Light/font.eot');
    src: url('../fonts/MyriadPro/Light/font.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MyriadPro/Light/font.woff') format('woff'),
         url('../fonts/MyriadPro/Light/font.ttf') format('truetype'),
         url('../fonts/MyriadPro/Light/font.svg#aaaiightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
  }






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

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/font-iconos_sao/icomoon.eot?imjvv1');
  src:  url('../fonts/font-iconos_sao/icomoon.eot?imjvv1#iefix') format('embedded-opentype'),
    url('../fonts/font-iconos_sao/icomoon.ttf?imjvv1') format('truetype'),
    url('../fonts/font-iconos_sao/icomoon.woff?imjvv1') format('woff'),
    url('../fonts/font-iconos_sao/icomoon.svg?imjvv1#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-sao-01_usuario:before {
  content: "\e900";
}
.icon-sao-02_password:before {
  content: "\e901";
}
.icon-sao-03_dropdown:before {
  content: "\e902";
}
.icon-sao-04_zonas_sucursales:before {
  content: "\e903";
}
.icon-sao-05_propiedades:before {
  content: "\e904";
}
.icon-sao-06_ingresos:before {
  content: "\e905";
}
.icon-sao-07_cajachica:before {
  content: "\e906";
}
.icon-sao-08_proveedores:before {
  content: "\e907";
}
.icon-sao-09_pagos:before {
  content: "\e908";
}
.icon-sao-10_outsourcing:before {
  content: "\e909";
}
.icon-sao-11_canales:before {
  content: "\e90a";
}
.icon-sao-12_clasificacion_compra:before {
  content: "\e90b";
}
.icon-sao-13_articulos_propiedades:before {
  content: "\e90c";
}
.icon-sao-14_inventario_articulos:before {
  content: "\e90d";
}
.icon-sao-15_reservaciones:before {
  content: "\e90e";
}
.icon-sao-16_check_out-44:before {
  content: "\e90f";
}
.icon-sao-17_cat_articulos_bodega:before {
  content: "\e910";
}
.icon-sao-18_bodega_central:before {
  content: "\e911";
}
.icon-sao-19_solicitud_art_prop:before {
  content: "\e912";
}
.icon-sao-20_bodega_prop:before {
  content: "\e913";
}
.icon-sao-21_precio_ingredientes:before {
  content: "\e914";
}
.icon-sao-22_menu:before {
  content: "\e915";
}
.icon-sao-23_juegos_solicitados:before {
  content: "\e916";
}
.icon-sao-24_permiso:before {
  content: "\e917";
}
.icon-sao-25_personal:before {
  content: "\e918";
}
.icon-sao-26_dropdown:before {
  content: "\e919";
}
.icon-sao-27_cerrar:before {
  content: "\e91a";
}
.icon-sao-28_buscar:before {
  content: "\e91b";
}
.icon-sao-29_calendario:before {
  content: "\e91c";
}
.icon-sao-30_flecha_izq:before {
  content: "\e91d";
}
.icon-sao-31_flecha_der:before {
  content: "\e91e";
}
.icon-sao-32_info:before {
  content: "\e91f";
}
.icon-sao-33_info:before {
  content: "\e920";
}
.icon-sao-34_eliminar:before {
  content: "\e921";
}
.icon-sao-35_faltantes:before {
  content: "\e922";
}
.icon-sao-36_casa_faltantes:before {
  content: "\e923";
}
.icon-sao-37_voucher:before {
  content: "\e924";
}
.icon-sao-38_cobro_extra:before {
  content: "\e925";
}
.icon-sao-39_cerrar_reserva:before {
  content: "\e926";
}
.icon-sao-40_alerta:before {
  content: "\e927";
}
.icon-sao-42_finalizado:before {
  content: "\e928";
}
.icon-sao-49_agregar:before {
  content: "\e929";
}
.icon-sao-50_check_in:before {
  content: "\e92a";
}
.icon-sao-51_juegos:before {
  content: "\e92b";
}
.icon-sao-52_bodega_sucursal-46:before {
  content: "\e92c";
}
.icon-sao-53_solicitud_art_sucursal-47:before {
  content: "\e92d";
}
.icon-sao-54_foto:before {
  content: "\e92e";
}
.icon-sao-56_tresPuntos-50:before {
  content: "\e92f";
}
.icon-sao-55_videojuegos-23:before {
  content: "\e930";
}
.icon-sao-57_platillo-50:before {
  content: "\e931";
}
.icon-sao-58_ingredientes-51:before {
  content: "\e932";
}
.icon-sao-59_check-51:before {
  content: "\e933";
}
.icon-sao-60_check2-53:before {
  content: "\e934";
}
.icon-sao-61_pasaporte:before {
  content: "\e935";
}
.icon-sao-62_voucher:before {
  content: "\e936";
}
.icon-sao-63_camara:before {
  content: "\e937";
}
.icon-sao-64_camaraCheck:before {
  content: "\e938";
}
.icon-sao-65_camaraCancelar:before {
  content: "\e939";
}
.icon-sao-66_limpiar:before {
  content: "\e93a";
}
.icon-sao-67_deshacer:before {
  content: "\e93b";
}
.icon-sao-68_guardar:before {
  content: "\e93c";
}
.icon-sao_69_cerrarSesion:before {
  content: "\e93d";
}
.icon-sao_70_inventario_prop:before {
  content: "\e93e";
}
.icon-sao_71_altaArt:before {
  content: "\e93f";
}
.icon-sao_72_bajaArt:before {
  content: "\e940";
}
.icon-sao_73_edoCuenta:before {
  content: "\e941";
}
.icon-sao_74_ServProd-72:before {
  content: "\e942";
}
.icon-sao_75_contacto:before {
  content: "\e943";
}
.icon-sao_76_password:before {
  content: "\e944";
}
.icon-sao_77_concepto_compra:before {
  content: "\e945";
}
.icon-sao_78_articulos:before {
  content: "\e946";
}
.icon-sao_79_agregarArticulo:before {
  content: "\e947";
}
.icon-sao_80_sol_art_suc-78:before {
  content: "\e948";
}
.icon-sao_81_CantidadesDispo-79:before {
  content: "\e949";
}
.icon-sao_82_manual-80:before {
  content: "\e94a";
}
.icon-sao_83_actividades:before {
  content: "\e94b";
}
.icon-sao_84_reporte:before {
  content: "\e94c";
}
.icon-sao_85_proceso:before {
  content: "\e94d";
}



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



/*/////////////////////////////////CLASE BOTON SWITCH//////////////////////////////////////////*/

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


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




/*/////////////////////////////// GIF ESPERA/////////////////////////////*/

/*https://icons8.com/cssload/en/spinners/4*/


.cssload-container {
  position: relative;
  width: 97px;
  height: 224px;
  overflow: hidden;
  margin:0px auto;
}

.cssload-container .cssload-item {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 49px;
  height: 49px;
  background-color: rgb(255,255,255);
  box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  box-shadow: 0 0 8px 1px rgba(0,0,0,0.25);
    -o-box-shadow: 0 0 8px 1px rgba(0,0,0,0.25);
    -ms-box-shadow: 0 0 8px 1px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 8px 1px rgba(0,0,0,0.25);
}

.cssload-container .cssload-moon {
  border-bottom: 10px solid rgb(247,147,32);
  border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
  animation: spin 1.15s ease infinite;
    -o-animation: spin 1.15s ease infinite;
    -ms-animation: spin 1.15s ease infinite;
    -webkit-animation: spin 1.15s ease infinite;
    -moz-animation: spin 1.15s ease infinite;
}



@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@-o-keyframes spin {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
  }
}

@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
/*//////////////////////////////////////////////////////////////////////*/




html
    {
    /*background: #d3d3d3;*/
    position: relative;
    overflow-x:hidden;
    }
body{
    color: #505050;
    background: #f1f1f1;
    font-size: 1rem;
    margin: 0px;
    padding: 0px;
    position: relative;
    width: 100%;
    height: auto;
    font-family:'MyriadProRegular',sans-serif;
  }

.centro{
    margin: auto;
    padding: 0px;
    position: relative;
    width: auto;
    }
.cuerpo
    {
    margin: auto;
    padding: 0;
    position: relative;
    width: 100%;
    }
.encabezado
   {
    height: auto;
    position: relative;
    top:0;
    margin:0;
    padding: 0;
    width: 100%;
    background:#ffffff;
    z-index: 130;
    border-bottom: solid 1px #c0c0c0;
    box-shadow: 2px 2px 7px -2px;
   }


  .logo_encabezado{
    position: relative;
    width: 56%;
    margin: auto;
    padding-top: .4em;
    padding-bottom: .4em;
  }


  .logo_encabezado .nombre_sistema{
    font-size:76%;
  } 
  
  .caja_logo_portada{
    position: relative;
    width: 49%;
    margin: auto;
    z-index: 200;
  }
 
 .nombre_sistema{
   font-size: 88%;
   position: relative;
   width: 100%;
   height: 1.5em;
   margin-top: .3em;
   text-align: center;
   /*text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;*/
 }



/*Estilos para Lixbox e iframe*/
#caja_bloqueo{
      position: fixed;
    z-index: 3000;
    left: 0;
    top: 0;
    background: #ffffff;
    opacity: 0.6;
    filter: alpha(opacity = 60);
    /*background: transparent;*/
    height: 100%;
    width: 100%;
     display: none;
    text-align: center;
}


.subcaja_logo_pie a{
  text-decoration: none;
  color: #e77b29;
}


#caja_bloqueo span{
  position: relative;
    background: #000000;
    margin: auto;
    border-radius: .4em;
    padding: .2em;
    opacity: 0.6;
    box-shadow: 0px 1px 3px 0px #000000;
    color: #ffffff;
    top:50%;
}



 #esperaConsultagGneral
    {position:fixed;
    display:none;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:151;
    }



.inactiva_lighBox{
  position: absolute;
    z-index: 160;
    right: .5em;
    top: 0.5em;
    border-radius: 1.2em;
    background: red;
    padding: .5em;
    height: 1em;
    width: 1em;
}


.inactiva_lighBox i{
  color: #ffffff;
}



.lighBox
    {position:absolute;
    display:none;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:150;
    }

.mensajeInterno .info{
  position: absolute;
  z-index: 139;
  background: #ffffff;
  height: 100%;
  width: 100%;
  top: 0;
  text-align: center;
  padding: 1em;
}


.titulo_caja_lateral{
 position: relative;
 /* float: left; */
 /* top: 0; */
 /* left: 0; */
 width: 76%;
 height: 9em;
 /* margin-left: 15%; */
 text-align: center;
 overflow: auto;
 margin: auto;
 margin-top: 4%;
 color: #f79420;
 font-weight: bold;
 text-transform: uppercase;
}


.titulo_caja_lateral .nom_seccion{
  font-size: 1em;
}


.titulo_caja_lateral .nom_dato{
  font-size: .9em;
  color: #c0c0c0;
  text-transform: initial;
  font-weight: normal;
}



.caja_lateral{
  position: fixed;
  display: none;
  z-index: 3001;
  background: #ffffff;
  right:-100%;
  top:1em;
  width: 96%;
  height: 96%;
  border-radius: .4em;
  box-shadow: 0px 0px 24px 0px #000000;
}

.cerrar_caja_lateral{
 position: absolute;
 float: right;
 width: 1em;
 height: 1em;
 border: solid 1px #505050;
 border-radius: 1em;
 text-align: center;
 padding: .3em;
 line-height: 0.6em;
 top: 0.4em;
 right: .4em;
 font-size: 1.2em;
 cursor: pointer;
}


.cont_caja_lateral{
    position: relative;
    width: 96%;
    height: 66%;
    margin: auto;
    top: 3%;
    left: 2%;
    float: left;
    overflow: auto;
}
    
.opacidad
    {background: #000000 none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 138;
    }

   .cerrarModal
 {
  position:absolute; 
  z-index:120; 
  float:right; 
  top:0px; 
  right:0px; 
  color:#000000; 
  font-weight:bold; 
  cursor:pointer;
 }


 .btnCerrarModal {
    position: fixed;
    width: 2em;
    height: 2em;
    border-radius: 1em;
    background: #f7931e;
    color: #ffffff;
    font-size: 100%;
    z-index: 200;
    right: 1em;
    top: .4em;
    text-align: center;
    cursor: pointer;
    line-height: 2.2em;
}
 
 
.contieneIframe
   {position:relative;
   display:none;
   margin:auto;
   width:80%;
   height:80%;
   z-index:160;
   top:2%;
   }

 
.cortinilla_login{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background:#ffffff;
}

.mensaje_espera{ 
 position:relative; 
 width:auto; 
 padding: 2em;
 border-radius: .4em;
 margin:auto; 
 margin-top:43%;
 color:#f79420;
 text-align: center;
 font-size: 100%;
 font-weight: 100;
 z-index:160; 
}


.mensaje_espera .img_espera{
  position: relative;
  width: 16%;
  margin:auto;
}

.mensaje_espera img{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  border:0;
}


.gif_espera{
  text-align: center;
}


  .portadilla{
    position: relative;
    width: 80%;
    margin: auto;
    z-index: 1;
}


.portadilla .logo_portadilla{
    position: relative;
    width: 80%;
    margin: auto;
    margin-top: 18%;
}


.logo_portadilla img{
  position: relative;
  width: 100%;
  display: block;
  border:0;
}


.contenedor_login{
  position: relative;
  width: 68%;
  margin: auto;
  margin-bottom: 5em;
}

.contenedor_login form{
  width: 100%;
  position: relative;
}

.form-group{
  position: relative;
  width: 100%;
  margin:auto;
}

.form-group .icon_input{
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 1.5em;
  margin-left: .5em;
  z-index: 2;
  font-size: 134%;
  color: #ffffff;
}


.texto_tachado{
  text-decoration: line-through;
}

.contenedor_login .input_mail_login::placeholder, .contenedor_login .input_pass_login::placeholder {
  color: #ffffff;
  opacity: 1; /* Firefox */
}

.contenedor_login .input_mail_login:-ms-input-placeholder, .contenedor_login .input_pass_login:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #ffffff;
}

.contenedor_login .input_mail_login::-ms-input-placeholder, .contenedor_login .input_pass_login::-ms-input-placeholder { /* Microsoft Edge */
 color: #ffffff;
}



 .contenedor_login form input{
  position: relative;
  width: 100%;
  height: 3.2em;
  font-size: 100%;
  background: #c0c0c0;
  border-radius: 0.4em;
  margin-top: 1em;
  border:solid 1px transparent;
  color:#ffffff;  
  /*Lineas para evitar que padding afecte ancho de input*/
  box-sizing:border-box; 
  -moz-box-sizing:border-box; /* Firefox */ 
  -webkit-box-sizing:border-box; /* Safari */
 }


.contenedor_login .input_pass_login,
.contenedor_login .input_mail_login{
  padding-left: 2.4em;
  width: auto;
  width:100%;
}


 .contenedor_login form .input_entrar{
  background: #e77b29;
  font-weight: bold;
  color:#ffffff;
  border:solid 1px transparent;
  margin-top: 0;
  padding-left: 1.4em;
 }


.mensajes_aviso_login{
  position: relative;
  width: 100%;
  min-height: 2em;
  background: #ffffff;
  border-radius: .3em;
  margin-top: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
}



.msj_mail_error, .msj_pass_error, .link_msj_login{
 position: relative;
 margin: auto;
 width: 90%;
 font-size: 96%;
 color:#000000;
 font-family:'MyriadProRegular',sans-serif;
 text-align: center;
}

.link_olvido_contrasenia{
  position: relative;
    width: 100%;
    height: 5.2em;
    text-align: center;
    font-size: 96%;
    color: #ffffff;
    line-height: 5.2em;
}

.link_msj_login a{
  color: #000000;
  text-decoration: underline;
}

.link_olvido_contrasenia a{
  color:#ffffff;
  text-decoration: none;
}



.formaDraggable{
  position: relative;
  background: #ffffff;
  z-index: 160;
  width: 90%;
  margin-left: 5%;
  top: 6em;
  border-radius: .4em;
  display: none;
  margin-bottom: 40%;
  margin: auto;
}

.status_elimina{
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
  /*centra texto vertical*/
   display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    /***********************/
  z-index: 1;
  display: none;
}

.status_elimina .leyenda_cancelando{
  position: relative;
  width: 60%;
  padding:3em;
  margin: auto;
  background: #ffffff;
  border-radius: .4em;
  border:solid 1px #505050;
  text-align: left;
  z-index: 200;
}

.formaDraggable .tituloDraggable{
 position: relative;
 background: #f79420;
 color: #ffffff;
 top: 0;
 left: 0;
 width: 100%;
 text-align: center;
 margin: 0;
 padding-top: .4em;
 padding-bottom: .4em;
 border-radius: .3em .3em 0 0;
 text-transform: uppercase;
}


#tituloDraggable_elimina{
  background: #fe0000;
}

#tituloDraggable_cancela{
  background: #505050;
}


.tituloDraggable div{
  position: relative;
  width: 96%;
  margin:auto;
}

.no_daraggable{
  position: relative;
  width: 100%;
  height: 22em;
  overflow-y: auto;
  overflow-x: hidden;
  top:0;
}

.capa_opacidad{
  background: #000000 none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 131;
  display: none;
}

.opacity{
  opacity: 0.30;
  filter: alpha(opacity = 30);
}

.cerrarForma{
  position: absolute;
  right: 0;
  top: -2.5em;
  float: right;
}

.cerrarForma i{
  position: relative;
  color: #ffffff;
  font-size:160%;
}



/*////////////////////////////////////// MAKE FOTO PERFIL /////////////////////////////////////////////*/
  .modal-header{
    background: #f79420;
  }

  .modal-header h4{
    position: relative;
    width: 100%;
    text-align: center;
    color: #505050;
  }


  .modal-content{
    position: relative;
    width: 100%;
    margin: auto;
  }
  .modal-backdrop{
    z-index: 0;
  }
  .cropper-container{
    position: relative;
    margin: auto;
  }
  .box-2 #recortar{
    max-height: 17em;
  }

  .img-result{
    position: relative;
    max-width:255px;
    height: auto;
    margin: auto; 
    z-index: 0;
  }

  .img_dispara_edicion{
    position: relative;
    width: 7em;   
    margin: auto;
     margin-top:24%; 
  }

  .img_dispara_edicion i{
    position: absolute;
    right: 1.3em;
    top: 4em;
    color: #ffffff;
    font-size: 2em;
    text-align: center;
  }


  .img_dispara_edicion .quita_img_perfil{
    position: absolute;
    right: -3.5em;
    top:0;
  }

  .img_dispara_edicion .quita_img_perfil i{
    color: #d61621;
  }

  .img-result img{
    position: relative;
    display: block;
    margin: auto;
    margin-top: .5em;
    width: 6em;
    height:6em;
    border-radius:4em;
  }


   .img_dispara_edicion img{
    position: relative;
    display: block;
    margin: auto;
    margin-top: 10em;
    width: 7em;
    height: 7em;
    border-radius: 5em;
  }

  .img_dispara_edicion img,
  .img_dispara_edicion i{
   cursor: pointer;
  }


 .cargando_img{
    position: absolute;
    display: none;
    z-index: 2;
    top: 2em;
    left: 1em;
    width: 5em;
    height: 2em;
    background: #000;
    opacity: .8;
    border-radius: .4em;
    color: #ffffff;
    text-align: center;
 }

 .pre_modal{
  position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
 }

 .btn-default{
  display: none;
 }

 .modal-footer{
  height: 4em;
 }

 .modal-footer .btn_guardar, 
 .modal-footer .btn_cancelar{
    font-family: 'MyriadProRegular',sans-serif;
    position: relative;
    /* float: right; */
    /* right: 1.4em; */
    top: 0em;
    text-align: center;
    font-size: 100%;
    color: #ffffff;
    width: 30%;
    display: none;
    border: solid 1px #f79420;
    background: #f79420;
    opacity: 1 !important;
    font-weight: 100 !important;
    padding: .5em !important;
    margin: auto !important;
    /* margin: 0 !important; */
    line-height: inherit;
    border-radius: .4em;
 }

 .modal-footer .btn_cancelar{
  display: block;
  background: #ffffff;
  color: #f79420;
 }

.modal-body .btn_recortar{
  position: absolute; 
  z-index:1; 
  cursor: pointer; 
  right: .8em; 
  bottom: 2.4em; 
  height: 3em; 
  padding-left: .8em; 
  padding-right: .8em; 
  border-radius: .4em; 
  border: dashed 1px #c0c0c0; 
  line-height: 3em; 
  text-align: center;
  cursor: pointer;
}


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




/*///////////////////////////////  OPCIONES MENÚ Y DATOS PERSONA  ///////////////////////////////*/


.caja_foto_perfil{
  position: relative;
  width: 100%;
  height: auto;  
  cursor: default;  
}

.foto_perfil{
  position: relative;
  width: 30%;
  margin: auto;  
  padding-top:4em;
  cursor: pointer;
}


.foto_perfil img, 
.foto_perfil div{
  position: relative;
  width: 100%;
  display: block;
  border:0;
  border-radius: 4em;
  width: 6em;
  height: 6em;
  margin: auto;
}



.foto_perfil div{
  background: #ffffff;
  text-align:center;
  cursor: pointer;
}
.foto_perfil div i{
  position: relative;
  font-size: 400%;
  line-height: 1.4em;
}

.encabezado_con_menu .foto_perfil div{
  background: #e4e4e4;
}


.encabezado_con_menu .foto_perfil img, 
.encabezado_con_menu .foto_perfil div{
  width: 4.1em;
  height: 4.1em; 
}


.encabezado_con_menu .foto_perfil div i {
    font-size: 300%;
    line-height: 1.2em;
}


.etiqueta_bienvenida{
  position: relative;
  width: 100%;
  font-size: 100%;
  text-align: center;
  margin-top: 2em;
  margin-bottom: .4em;
  font-weight: bold;
}


.nombre_usuario{
  position: relative;
  width: 100%;
}

.nombre_completo{
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 130%;
}

.caja_opciones_menu{
  position: relative;
  width: 100%;
  margin-top: 5em;
  text-align: center;
  z-index: 131;
}

.caja_opciones_menu label{
 text-align: center;
 font-size: 130%;
}

.transparencia_cierra_menu,
.transparencia_cierra_menu_personal,
.transparencia_cierra_btn_acciones,
.mostrar_ocultar_edita_foto{
  position: fixed;
  display: none;
  top:0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  z-index: 0; 
}


.mostrar_ocultar_edita_foto{
  z-index: 2000;
  background: #ffd08d;
}


.mostrar_ocultar_edita_foto iframe{
  padding: 0;
  margin: auto;
  margin-top: 0;
  margin-left: 0;
  width: 100%;
  border: 0;
  height: 100%;
  overflow: hidden;
}


.btn_cancel_make_foto,
.iframe_btn_cancel_make_foto{
  position: fixed;
  display: block;
  top: 1em;
  right: .8em;
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  z-index: 100;
}

.btn_cancel_make_foto i,
.iframe_btn_cancel_make_foto i{
  color: #ffffff;
  font-size: 1.6em;
}

.btn_finaliza_make_foto{
  position: relative;
  width: 100%;
  height: 2.2em;
  color: #ffffff;
  background: #f79420;
  border-radius: .4em;
  text-align: center;
  line-height: 2.2em;
  top: 4em;
  cursor: pointer;
  display: none;
}

.envuelve_cortina_menu{
  position: relative;
  width: 100%;
}

.contenedor_menu_principal, .contenedor_menu_personal{
  position: fixed;
    background: #ffffff;
    bottom: 0.8em;
    margin-left: 5%;
    width: 90%;
    height: 18em;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 140;
    border-radius: .4em;
    display: none;
    box-shadow: 0px 0px 3px 0px #58595b;
}


.encabezado_con_menu .contenedor_menu_personal{
  max-height: 7.4em;
 }

.opcion_menu, 
#caja_opcion_select, 
.boton_seleccion_opcion_menu,
.input_entrar{
  cursor: pointer;
}

.caja_opcion_menu_modulo_odd, .caja_opcion_menu_modulo_even{
  position: relative;
  width: 100%;
  height: 2.4em;
}





.icono_opcion_menu{
  position: relative;
  float: left;
  width: 12%;
  height: 2.4em;
  left: 0;
  top: 0;  
  line-height: 3em;
  text-align: center;
}

.icono_opcion_menu i{
  font-size:152%;
  color: #f79420;
}


.texto_boton_opcion_menu{
  position: relative;
  width: 85%;
  float: left;
  left: 0;
  top: 0;
  text-align: left;
  padding-left: 3%;
  text-transform: uppercase;
  font-size: 86%;
  height: 2.8em;
  line-height: 3em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}




.bloque_izq .opcion_menu:nth-child(odd) .icono_opcion_menu,
.bloque_der .opcion_menu:nth-child(odd) .icono_opcion_menu {    
    background: #fdfbfe;
}
.bloque_izq .opcion_menu:nth-child(even) .icono_opcion_menu,
.bloque_der .opcion_menu:nth-child(even) .icono_opcion_menu {
   background: #f7f9f8;
}



.bloque_izq .opcion_menu:nth-child(odd) .texto_boton_opcion_menu,
.bloque_der .opcion_menu:nth-child(odd) .texto_boton_opcion_menu {    
    background: #fafafa;
}

.bloque_izq .opcion_menu:nth-child(even) .texto_boton_opcion_menu,
.bloque_der .opcion_menu:nth-child(even) .texto_boton_opcion_menu {    
    background: #f3f3f3;
}



.bloque_izq .opcion_menu_select .icono_opcion_menu,
.bloque_der .opcion_menu_select .icono_opcion_menu{
  background: #ffd08d !important;
}

.bloque_izq .opcion_menu_select .texto_boton_opcion_menu,
.bloque_der .opcion_menu_select .texto_boton_opcion_menu{
  background: #f79420 !important;
}



/*.caja_opcion_menu_modulo_odd  .icono_opcion_menu{
  background: #fdfbfe;
}

.caja_opcion_menu_modulo_odd .texto_boton_opcion_menu{
  background: #fafafa;
}


.caja_opcion_menu_modulo_even  .icono_opcion_menu{
  background: #f7f9f8;
}

.caja_opcion_menu_modulo_even .texto_boton_opcion_menu{
  background: #f3f3f3;
}*/



.opcion_menu_select .icono_opcion_menu{
  background: #a3e0e5;
}


.opcion_menu_select .texto_boton_opcion_menu{
  background: #7dd3db;
}

#caja_opcion_select{
  width: 88%; margin:auto; 
  margin-top: 1em;
}


#caja_opcion_select .texto_boton_opcion_menu{
  background: #dfdfdf;
  width: 73%;
}

#caja_opcion_select .icono_opcion_menu{
  background: #e9e9e9;  
}

#caja_opcion_select div:nth-child(1){
  border-radius: 0.4em 0em 0em .4em;
}

#caja_opcion_select div:nth-child(3){
  border-radius: 0em 0.4em 0.4em 0em;
}




.caja_opciones_menu .boton_seleccion_opcion_menu{
  width: 88%;
  margin-top: 1em;  
  height: 2.6em;
  line-height: 2.6em;
  border-radius: .4em;
}

.boton_seleccion_opcion_menu{
  position: relative;
  margin: auto;
  width: 36%;
  background: #f79420;
  color:#ffffff;
  margin-bottom: 6em;
}

.cerrar_sesion_pc{
  position: relative;
  display: none;
  width: 20%;  
  margin: auto;
  text-align: center;
  margin-top: 1em;
  margin-bottom: .6em;
}

.cerrar_sesion_pc span{
  position: relative;
  width: 60%;
  margin: auto;
  height: 1em;
  color:red;
  cursor: pointer;
}

.cerrar_sesion_pc a {
  text-decoration: none;
}

.cerrar_sesion_cel{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3em;
  line-height: 3em;
  font-size: 100%;
  text-align: center;
  background: #e4e4e4;
}

.cerrar_sesion_cel a{
  text-decoration: none;
  color:#d61621;
}

.encabezado_con_menu{
  position: fixed;
}


.encabezado_con_menu .logo_encabezado{
  margin: 0;
  margin-left: 0%;
  float: left;
  width: 44%;
}


.encabezado_con_menu .foto_perfil{
  width: 18%;
  padding-top: 1em;
  margin-right: 18%;
  z-index: 3;
}


.encabezado_con_menu .caja_opciones_menu{
  margin-top: 0;
}



.boton_menu_cel{
  position: absolute;
  float: right;
  right: 3%;
  top:36%;
  width: 9%;
  text-align: center;
  z-index: 3;
  cursor: pointer;
}


.boton_menu_cel i{
  font-size:182%;
  color: #505050;
}

.encabezado_con_menu .etiqueta_bienvenida, 
.encabezado_con_menu .nombre_usuario,
.encabezado_con_menu .caja_opciones_menu label,
.encabezado_con_menu .boton_seleccion_opcion_menu{
  display: none;
}


.encabezado_con_menu .logo_encabezado .caja_logo_portada{
   width: 31%;
}


.encabezado_con_menu  .nombre_sistema{
  font-size: 44%;
}


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



/*////////////////////////////// DISENIOS PARA CAJA FILTROS //////////////////////////////////////////*/

   .estilo_select {
      margin-bottom: .5em;
    }

    .dropdown-container {
      width: 84%;
      margin: 0 auto;
      position: relative;
    }

    .select_filtro {
      width: 100%;
      height: 40px;
      font-size: 100%;
      cursor: pointer;
      border: 0;
      background-color: #e6e6e6;
      border-radius: .4em;
      color: #505050;
      appearance: none;
      padding: 10px;
      padding-right: 30px;
      padding-left: 50px;
      -webkit-appearance: none;
      -moz-appearance: none;
      transition: color 0.3s ease, background-color 0.3s ease, border-bottom-color 0.3s ease;
    }


    input[type="button"]{
      -moz-appearance: none;
    }



    .select_filtro:hover,
    .select_filtro:focus {
      background-color: #e6e6e6;
    }

    .select_icon_right,
    .select_icon_left {
      position: absolute;
      top: .8em;
      right: 4px;
      width: 30px;
      height: 20px;
      pointer-events: none;
      padding-left: 5px;
      transition: background-color 0.3s ease, border-color 0.3s ease;
    }
    .select_icon_left{
        left: 0px;
        padding-right: 5px;
        border-radius: .4em 0 0 .4em;
        top:1px;        
        height: 38px;
        background: #ededed; 
    }


    .select_icon_right i,
    .select_icon_left i{
      color: #f79420;
      margin-top: .8em;
      font-size:110%; 
    }

    .select_icon_left i{
        font-size: 180%;
        line-height: 40px;
    }

    /* For IE <= 11 */
    .select_filtro::-ms-expand {
      display: none; 
    }

    

    .select_icon_right i.icon,
    .select_icon_left i.icon{
      transition: fill 0.3s ease;
      fill: white;
      color: #f79420;
    }

    
    .select_filtro:hover ~ .select_icon_right,
    .select_filtro:hover ~ .select_icon_left,
    .select_filtro:focus ~ .select_icon_right,
    .select_filtro:focus ~ .select_icon_left {
      background-color:#e6e6e6;
    }
    .select_filtro:hover ~ .select_icon_right i.icon,
    .select_filtro:hover ~ .select_icon_left i.icon,
    .select_filtro:focus ~ .select_icon_right i.icon,
    .select_filtro:focus ~ .select_icon_left i.icon {
      color: #f79420;
    }


.bloque_filtros{
  position: relative;
  width: 100%;
  height: 4em;
  background:#f1f1f1; 
}

.btn_filtros{
 position: absolute;
 color: #ffffff;
 float: right;
 right: 0;
 margin-right: 1em;
 margin-top: 1em;
 width: auto;
 height: 2.2em;
 line-height: 2.2em;
 text-align: center;
 background: #b7b7b7;
 border-radius: 0.4em;
 font-size: 73%;
 padding: 0.4em;
 padding-left: 2em;
 padding-right: 2em;
 cursor: pointer;
}

.centra_btn_filtro{
  position: relative;
  width: 80%;
  margin: auto;
}
.btn_filtros_in{
  position: relative;
  color: #ffffff;
  height:40px;
  line-height:40px;
  text-align: center;
  background: #b7b7b7;
  border-radius: .4em;
  font-size: 73%;
  width: 100%;
  border: 0;
  margin: auto;
  margin-top: 1em;
  cursor: pointer;
}


.caja_opciones_filtros{
  display: none;
  width: 100%;
  position: fixed;
  height: 100%;
  z-index: 143;
  top: 0;
}


.caja_opciones_filtros i.cerrar{
  position: absolute;
  right:1em;
  top:2em;
  color: #ffffff;
  cursor: pointer;
  width: 1em;
  height: 1em;
  line-height: 1em;
  font-size:160%;
  z-index: 160;
}

.caja_opciones_filtros .contenedor_filtros{
  position: relative;  
  width: 80%;
  height: 20em;
  overflow-x: hidden;
  overflow-y: auto;
  background: #ffffff;
  z-index: 160;
  margin: auto;
  top: 6em;
  border-radius: .4em;
  padding-top: 2em;
}


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






/*////////////////////////////// DISEÑOS PARA CAMARA //////////////////////////////////////////*/


.objetosCamara{
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
  z-index:1000;
  display: none;
}


.fondoCamara{
  position: fixed;
  width: 100%;  
  height: 100%;
  background: #d3d3d3;
  /*opacity: 0.93;
  filter: alpha(opacity = 93);*/
  top:0;
  left: 0;
  z-index: 1;
}

#fotoPrincipal{
  display: block;
  height: 728px;
  background: transparent;
  z-index: 2;
}

#camara, #fotoPrincipal{
  width: 94%;
  height: auto;
  margin: auto !important;
  position: fixed;   
  top: 3em;
  left: 3%;   
  z-index: 1;
}

.contenedorFotosCamara{
  position: relative;
  width: 57%;
  height: auto;
  float: right;
  right: 0;
  top: 0;  
}



.botonesCamara{
  position: fixed;
  width: 96%;
  height: auto;
  bottom: 9em;
  z-index: 3;
}

.btn_captura{
  position: relative;
  width: 30%;
  float: left;
  height: 8em;
  font-size: 1em;
  cursor: pointer;
  line-height: 1em;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  margin-left: 3.3%;
  background: #ffffff;
  border-radius: .4em;
}

.btn_captura div{
  font-weight: 100;
}

#btn_tomaFoto,
#btn_aceptarFoto,
#btn_repetirFoto{
  text-align: center;
}


#btn_tomaFoto i{
  color: #f79420;
}

#btn_aceptarFoto i{
  color: #f68b06;
}

#btn_repetirFoto i{
  color: #e00100;
}

#btn_tomaFoto i,
#btn_aceptarFoto i,
#btn_repetirFoto i{
  font-size: 5em;
}



#btn_aceptarFoto,
#btn_repetirFoto{
  opacity: 0.3;
  filter: alpha(opacity = 30);
}

.btn_desactivaCamara{
  position: fixed;
  width: 96%;
  text-align: center;
  height: 2em;
  line-height:2em;
  bottom:1em;
  color: #e00100;
  border: solid 1px #e00100;
  border-radius: .4em;
  display: block;
  right: 2%;
  z-index: 3;
  cursor: pointer;
}



/*/////////////TERMINA DISEÑOS PARA CÁMARA//////////////////*/



/*/////////////DISEÑOS PARA CONTRATO Y FIRMA/////////////*/
.cuerpoContrato{
      position: relative;
      width: 98%;
      margin:auto;
      font-size: 94%;
    }
.cuerpoContrato h1{
  color:#000000;
  font-size: 100%;
  width: 100%;
  text-align: center;
  border:unset;
}

.cuerpoContrato p{
  position: relative;
  text-align: justify;
}

.cuerpo_mensaje_mail{
  position: relative;
  width: 98%;
  margin:auto;
  text-align: center;
  padding-top: 2em;
  padding-bottom: 2em;
}

.cuerpo_mensaje_mail_nombre,
.cuerpo_mensaje_mail_cuenta{
  font-size: 2em;
  padding-top: .6em;
  padding-bottom: .6em;
}

.colorMQT{
  position: relative;
  color:#00B4C0;
  font-weight: bold;
}



.firma{
    position: relative;
    float: left;
    left: 3%;
    top: 0;
    height: 8em;
    width: 45%;
    /* margin-bottom: 8em !important; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
    margin-top: 1.8em;
    font-family: Helvetica, Sans-Serif;
    background: #ffffff;
    }

.signature-pad {
      position: relative;
      font-size: 10px;
      width: 100%;
      height: 100%;
      max-height: 460px;
      background-color: #fff;
      border: solid 1px #f79420;
      border-top: none;     
      color: #505050 !important;
      border-radius: 0 0 .4em .4em;
    }


.signature-pad::before,
.signature-pad::after {
      position: absolute;
      z-index: -1;
      content: "";
      width: 40%;
      height: 10px;
      bottom: 10px;
      background: transparent;
    }

.signature-pad--body
    canvas {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      border-radius: 4px;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
    }

.signature-pad--actions {
     position: absolute;
     bottom: -10.2em;
     width: 100%;
     z-index: 3;
    }

.nombreFirmaHuesped{        
    position: absolute;
    bottom: .7em;
    font-size: 120%;
    width: 100%;
    color: #505050;
    padding: 0;
    margin: 0;
    left: 0;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    height: 2em;
    line-height: 1em;
    font-family: 'MyriadProRegular',sans-serif;
  }

.nombreCajaFirma{ 
      position: absolute;
      top: -3.1em;
      width: 100%;
      height: 3em;
      border: solid 1px #f79420;
      border-bottom: none;
      background: #ffffff;
      text-align: center;
      font-size: 56%;
      line-height: 2em;
      font-weight: 100;
      padding: 0;
      color: #f79420;
      border-radius: .4em .4em 0 0;
      text-transform: uppercase;
    }



.firmaCEO{
    position: relative;
    width: 44%;
    height: 9.8em;
    border: solid 1px #00B4C0;
    border-radius: .4em;
    float: right;
    right: 3%;
    top: 0;
    background: url(../images/firma_CEO.png) no-repeat #ffffff 50% 36%;
    background-size: 70%;
    }

.nombreCajaFirmaCEO
    {
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 65%;
    color: #f79420;
    padding-top: .2em;
    padding-bottom: .2em;
    text-transform: uppercase;
    }
.nombreCEO{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 73%;
    font-weight: 600;
    }
    
.columnaTablaIzq{
      position: relative;
      float: left;
      left: 0;
      top:0;
      width: 100%;
    }

.columnaTablaDer{
      position: relative;
      float: right;
      right: 0;
      top: 0;
      width: 100%;
    }


.seleccion_lenguaje{
     position: relative;
     width: 92%;
     margin: auto;
     margin-top: 1em;
     padding-bottom: 2.5em;
     z-index: 1;
    }

.seleccion_lenguaje #contratoHuesped_ES,
.seleccion_lenguaje #anexoHuesped_ES{
     position: relative;
     width: 45%;
     float: left;
     left: 0;
    }

.seleccion_lenguaje #contratoHuesped_EN,
.seleccion_lenguaje #anexoHuesped_EN{
     position: relative;
     width: 45%;
     float: right;
     right: 0;
    }
    
.seleccion_lenguaje .lang_activo, .seleccion_lenguaje .lang_inactivo{
      position: absolute;
      top: 0;
      border: solid 1px #c0c0c0;
      background: #ffffff;
      text-align: center;
      width: 96%;
      cursor: pointer;
      line-height: 2em;
      border-radius: .4em;
      height: 2em;
      text-transform: uppercase;
    }

.seleccion_lenguaje .lang_activo{
      background: #f79420;
      cursor: default;
      color: #ffffff;
    }

.contenedor_contrato{
     position: relative;
     width: 90%;
     margin: auto;
     height: 18em;
     background: #fff;
     overflow-x: hidden;
     overflow-y: auto;
     padding: 0.5em;
     margin-bottom: 2em;
    }

.envuelve_tel_mail{
      position: relative;
      width: 94%;
      margin: auto;
      padding-bottom: 1em;
    }
   
   .envuelve_tel_mail .telefono,
   .envuelve_tel_mail .mail{
    position: relative;
    text-align: left;
    padding-left: .4em;
    border-radius: .4em;
    border: solid 1px #979898;
    height: 2em;
    width: 98%;
    line-height: 2em;
    text-transform: uppercase;
    color: #494949;
    margin-bottom: 1em;
    background: #ffffff;
    font-size: 1em; 
   }

   .envuelve_tel_mail .telefono span,
   .envuelve_tel_mail .mail span{
    color: #a6a6a6;
   }

   #boton_limpiar,
   #boton_deshacer,
   #boton_guardar{
    position: relative;
    float: left;
    width: 47%;
    top: 0;
    left: 0;
    border: solid 1px #c0c0c0;
    background: #ffffff;
    color: #505050;
    border-radius: .4em;
    height: 3em;
    line-height: 1em;
    padding-top: .6em;
    margin-bottom: .6em;
   }
   #boton_deshacer{
    float: right;
    right: 0;
   }

   #boton_guardar{
    width: 100%;
   }

   #boton_limpiar i,
   #boton_deshacer i,
   #boton_guardar i{
    font-size: 1.6em;
    line-height: .3em;
    color: #ff0f0d;
   }
   
    #boton_deshacer i{
    color: #f79420;
   }

   #boton_guardar i{
    color: #f68d10;
   }


/*/////////////TERMINA DISEÑOS PARA CONTRATO Y FIRMA//////////*/









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

.caja_nombre_modulo{
  position: relative;
  width: 100%;
  height: auto;
  top:0;
  left: 0;
  background: #c0c0c0;
  margin-top: 6em;
  padding-top: .6em;
  padding-bottom: .4em;
}


.nombre_modulo{
  position: relative;
  left: 0;
  top: 0;
  width: 96%;
  line-height: 1.6em;
  text-transform: uppercase;
  margin: auto;
  border-radius: 0.4em;
}

.nombre_modulo .defaulTituloPrincipal{
  font-size: 100%;
  font-family: 'MyriadProLight',sans-serif;
  padding: .4em;
  font-weight: bold;
}


.nombre_modulo i{
  position: relative;
  float: left;
  top: 0;
  left: 0;
  padding-left:2%;
  padding-top: 0.1em;
  font-size:158%;
  color:#000000;
  line-height: 1.2em;
}


.btn_nuevo_registro{
  position: absolute;
    width: .8em;
    float: right;
    right: 0em;
    margin-right: .4em;
    top: 0;
    font-size: 197%;
    height: 0.8em;
    margin-top: 0.4em;
    margin-left: 5%;
    border-radius: .8em;
    text-align: center;
    /* border: solid 1px red; */
    /* line-height: 0em; */
    background: #fff;
    cursor: pointer;
}

.btn_nuevo_registro i{
  color: #f79420;
  top: -3px;
  left: -3px;
  position: absolute;
}


.btn_nuevo_registro span{
  display: none;
}


.caja_nombre_submodulo{
  position: relative;
  margin-top: 0 !important;
 color: #505050;
 background: #ffd08d;
 border-radius: .4em .4em 0em 0em;
 width: 98%;
 margin: auto;
}

.caja_nombre_submodulo i{
  color: #000000;
}

.caja_nombre_submodulo .btn_nuevo_registro i{
  color:#f79420;
  top: -3px;
  left: -3px;
  position: absolute;
}




/*///////////////////////////////////// DISENIO TABLA /////////////////////////////////////*/


table tr td{
  padding: .6em !important;;
  text-align: center;
  white-space: nowrap;
}

table tr td div{
  white-space: normal;
}

table tr th {
 padding: .6em !important;
  text-align: center;
  white-space: nowrap;
}

/*
BACKGROUN EN TR
table tr.selected{
  background: #ebc328 !important;
}*/

table tr.selected td{
  border-bottom: solid 2px #e97b2a !important;
  border-top: solid 2px #e97b2a !important;
}


.buscar{
  position: relative;
  left: 0.4em;
  top: 0em;
  height: 2.4em;
  width: 100%;
  border-radius: .4em;
  border: solid 1px #f79420;
  background: #ffffff;
}


.cont_campo_busqueda{
  position: relative;
  width: 56%;
  height: 2.5em;
}


.scroll_horizontal_table{
  position: relative;
  width: 98%;
  overflow: auto;
  top: 0;
  left: 0;
  margin: auto;
  margin-top: 1.6em;
  padding-bottom: 1.4em;
  background: #ffffff;
  border-radius: .4em;
  max-height: 32.2em;
}

.dataTables_wrapper .scroll_horizontal_table{
  margin-top: 0;
}


.agrupaTabla_nivel1 .scroll_horizontal_table,
.agrupaTabla_nivel2 .scroll_horizontal_table{
 border-radius: 0em 0em .4em .4em; 
}


.scroll_horizontal_table .dataTables_length{
 display: none;
}



.scroll_horizontal_table table thead tr th{
  background: #ffffff;
  border:0;
}


.scroll_horizontal_table table tr.odd{
 background: #fdead4;
}


.scroll_horizontal_table table tr.even{
 background: #ffffff;
}


.scroll_horizontal_table table tr td{
 border:0; 
}


.agrupaTabla{
  position: relative;
  margin-top: 2em;
  margin-bottom: 2em;
}


.btn_ver_acciones{
  position: relative;
  height: 2em;
  width: 2.5em;
  top: 20%;
  right: 0;
  /*line-height: 2.8em;*/
  text-align: center;
  cursor: pointer;
  float: right;
}

.btn_ver_acciones i{
  position: relative;
  font-size:160%;
  line-height: 1.3em;
}



.grupo_btns_acciones{
  position: absolute;
  display: none;
  top: -1.1em;
  right: 1.8em;
  z-index: 4;
  box-shadow: 0em 0.1em 0.3em 0em #505050;
  border-radius: .3em;
  background: #ffffff;
  width:20em;
  height: 4em;
  text-align: center;
  padding: .2em;
}

.pico_tooltip{
  position: absolute;
  top: 1.2em;
  right: -10px;
  height:26px;
  width: 12px; 
  background: url('../images/pico_tooltip.png') 0 0;
}

.btn_sub_tabla{
  position: relative;
  float: left;
  left: 0;
  height: 5em;  
  width: 10em;
  text-align: center;
  color: #f79420;
  font-size: 80%;
  text-transform: uppercase;
  /*centra texto vertical*/
   display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    /***********************/
    background: #ffffff;
}

.btn_sub_tabla a{
  
  text-decoration: none;
}

.btn_accion{
  position: relative;
  width: 3em;
   height: 4em;
  float: left;
  left: 0;
  top: 0;
   /*centra texto vertical*/
   display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    /***********************/
}



.grupo_btns_acciones .btn_accion:nth-child(odd) {    
    background: #ffffff;
}
.grupo_btns_acciones .btn_accion:nth-child(even) {
    background: #f4f4f4;
}

.btn_accion i{
  color: #505050;
  font-size: 190%;
}

.eliminar i,
.cancelar i{
  color:#ff0000;
}

.caja_datos_tabla{
  position: relative;
  width: 98%;
  height: auto;
  margin: auto;
  margin-bottom: 1em;
  overflow-x: auto;  
  background: #ffffff;
  border-radius: .4em;
  box-shadow: 0px 0px 4px -1px #505050;   
}

.centra_datos_tabla{
  position: relative;
  height: 3em;
  width:auto;
  margin-left: .5em;
  margin:auto;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  color: #505050; 
  overflow-x: auto;
  overflow-y: hidden;
}

.centra_datos_tabla table{
  margin-left: .4em;
}


.centra_datos_tabla table tr td.odd{
  background-color: #ffffff;
}

.centra_datos_tabla table tr td.even{
  background-color: #e4e4e4;
}


.centra_datos_tabla table #nombre_alias span{
  font-size:60%;
  padding-top: 8px;
  white-space: nowrap;
}

.centra_datos_tabla table #dato_taba span{
  font-weight: bold;
  padding-bottom: 10px;
  white-space: nowrap;
}



.centra_datos_tabla table tr#nombre_alias td{
  padding:0 !important;
  padding-top: .6em;  
}

.centra_datos_tabla table tr#dato_taba td{
  padding:0 !important;
  padding-bottom: .6em;
}

.centra_datos_tabla table tr td span{  
  padding-left: 15px;
  padding-right: 30px !important;
  text-align: left;
}

.nombre_dato_tabla{
  position: relative;
 font-size:90%;
 font-weight: bold;
}

.dato_tabla{
  position: relative;
  float: left;
  left: 0;
  top:0;
  font-size:100%;
}

.dataTables_info,
.dataTables_paginate
{
  float: left !important;
  width: 50% !important;
  padding: .5em;
  padding-left: .8em;
  margin-top: 0 !important;
}

.dataTables_info{
  width: 35.5% !important;
  padding-left: 1em;
}



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





/*//////////// DISEÑOS FORMULARIOS DE CAPTURA, EDICIÓN Y ELIMINAR ///////////////////*/

#guarda_registro{
  position: relative;
  width: 100%;
  margin:auto;
}

#guarda_registro .campo_id{
  display: none;
}


.etiqueta_left{
  text-transform: uppercase;
  padding-top: .2em;
  padding-bottom: .2em;
  clear: both;
  font-size:.8em;
}
.etiqueta_campo_right{
  padding-top: .2em;
  padding-bottom: .2em;
}


.input_50, .input_50_c_fondo, 
.input_100_c_fondo, .input_100{
  position: relative;
  margin:auto;
  width: 50%;    
  padding-top: .2em;
  padding-bottom: .4em;
 float: left; 
}

.input_50_c_fondo{
 background: #efeeec; 
}

.input_100{
  width: 100%;
}

.input_100_c_fondo{
  width: 100%;
 background: #efeeec; 
}


.campo .etiqueta_campo_right input,
.campo .etiqueta_campo_right select,
.campo .etiqueta_campo_right textarea,
.contenedor_proceso .etiqueta_campo_right input,
.campo .campo_detalles{
  width: 95%;
  font-style: italic;
  border:solid 1px #c8c8c8;
  height: 2em;
  border-radius: .2em;
  padding-left: 1em;
}


.campo .etiqueta_campo_right textarea{
  height: 8em;
}



div.select{
    width: 100%;
    overflow: hidden;
    height: 2em;
    position: relative;
    display: block;
    border:solid 1px #c8c8c8;
    border-radius: .2em;
}




.campo .etiqueta_campo_right select,
.contenedor_proceso .select select{
    padding: .2em;    
    font-size: 90%;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    color: #505050;
    background: #ffffff;
    padding-left: 1em;
}



.campo .etiqueta_campo_right .select:after,
.contenedor_proceso .select:after{
    content: "\e902";
    font-family: 'icomoon';
    color: #f79420;
    position: absolute;
    right: .1em;
    top: 0.2em;
    z-index: 1;
    width: 9%;
    height: 70%;
    background: #ffffff;
}



.campo .etiqueta_campo_right,
.campo .etiqueta_left
{
  width: 90%;
  margin:auto;
}


.campo .campo_detalles{
  width: 80%;
}


.input_100 .etiqueta_campo_right{
  width: 95%;
}

.input_100 .campo_detalles{
  width: 90%;
}

.campo .etiqueta_left{
  width: 82%;
}

.campo_lectura{
  background:#e3e3e3;
  color: #787878;
}


.input_icon_reloj_entrega,
.input_icon_reloj_recoleccion,
.input_quien_entrego,
.input_tamanio_pedido{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1;
}


.input_icon_reloj_entrega .icono_reloj,
.input_icon_reloj_recoleccion .icono_reloj,
.input_quien_entrego .icono_personal,
.campo_nota .icono_calendar{
  position: absolute;
  float: right;
  right: .4em;
  top: .2em;
  font-size: .8em;
}

.input_quien_entrego .icono_personal{
  font-size: 1.3em;
  background: #f1f1f1;
}

.selector_fecha_tamanio{
  position: relative;
  top: 0;
  left: 0;
  height: 4em;
  line-height: 2em;
  width: 50%;
  margin: auto;
  margin-bottom: 2em;
  z-index: 1;
}
.nom_chofer_carga{
  position: sticky;
  height: 2em;
  width: 100%;
  text-align: center;
  left: 0;
  top: 0;
  background: #000000;
  color: #ffffff;
  line-height: 2em;
  z-index: 1;
  border-radius: .4em;
}

#lista_carga_trabajo_chofer{
  position:relative;
  float:left;
  top:0;left:0;
  width:300px;
  border:solid 1px #ffffff;
}

#lista_horas_entrega,
#lista_horas_recoleccion,
#lista_quien_entrego{
  display: none;
  position: absolute;
  border: solid 1px #c0c0c0;
  top:1.8em;
  left: 0;
  max-height: 10em;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 2;
  background: #ffffff;
}


#lista_horas_entrega .opcion_hora,
#lista_horas_recoleccion .opcion_hora,
#lista_quien_entrego .opcion_persona,
#lista_carga_trabajo_chofer .opcion_hora{
  position: relative;
  text-indent: 1em;
  padding-bottom: .2em;
  padding-top: .2em;
  font-size: .9em;
  letter-spacing:4px;
  cursor: pointer;
  color: #000000;
  border: solid 1px transparent;
  width: 98%;
  margin: auto;
  margin-top: .2em;
  border-radius: .4em;
}

#lista_quien_entrego .opcion_persona
{letter-spacing:1px;}

#lista_quien_entrego{
  font-size: .9em;
}

#lista_horas_entrega .opcion_hora:nth-child(odd),
#lista_horas_recoleccion .opcion_hora:nth-child(odd),
#lista_quien_entrego .opcion_persona:nth-child(odd),
#lista_carga_trabajo_chofer .opcion_hora:nth-child(odd){
  background: #F7F7F7;
}


#lista_horas_entrega .opcion_hora_ocupada,
#lista_horas_recoleccion .opcion_hora_ocupada,
#lista_carga_trabajo_chofer .opcion_hora_ocupada,
#lista_carga_trabajo_chofer .opcion_hora_ocupada_accesible{
  background: #CADCE5 !important;
  cursor: not-allowed;
}

#lista_carga_trabajo_chofer .opcion_hora_ocupada_accesible{
  cursor: pointer;
}

#lista_horas_entrega .opcion_hora_ocupada i,
#lista_horas_recoleccion .opcion_hora_ocupada i,
#lista_carga_trabajo_chofer .opcion_hora_ocupada i,
#lista_carga_trabajo_chofer .opcion_hora_ocupada_accesible i{
  color: #ff8c00;
}


#lista_horas_entrega .opcion_hora:hover,
#lista_horas_recoleccion .opcion_hora:hover,
#lista_quien_entrego .opcion_persona:hover,
#lista_carga_trabajo_chofer .opcion_hora:hover{
  background:#4D9FF7;  
}

#bloque_horarios_carga .resaltado{
 background: gold !important;
 border: dashed 1px red !important;
}



.btn_tipo_dcto{
  position: relative;
  float: left;
  margin-left: .4em;
  width: 43%;
  height: 2em;
  line-height: 2em;
  background:#ffffff;
  border-radius:.4em;
  border: solid 1px #c8c8c8;
  color: #505050;
  text-align: center;
  text-transform: uppercase;
  padding-left: 0 !important;
  cursor: pointer;
}

.btn_tipo_dcto_activo{
  background:#f79420;
  color: #ffffff;
  border: solid 1px transparent; 
}


#tipo_ine{
  width: 13%;
}

#tipo_pasaporte{
  width: 37%;
}

#tipo_licencia{
  width: 41%;
}


.contenedor_botones_accion{
  position: relative;
  width: 100%;
  height: auto;
  padding-top: .4em;
  padding-bottom: .4em;
  background: #dbdbdb;
  border-radius: 0em 0em .3em .3em;
}

.boton_accion{
  position: relative;
  margin: auto;
  width: 90%;
  height: 1.8em;
  line-height: 1.8em;
  text-align: center;
  border-radius: .3em;
  margin-top: .6em;
  margin-bottom: .8em;
  cursor: pointer;
}

.contenedor_botones_accion a{
  color: #505050;
  text-decoration:none;
}


#btn_cancela{  
  border: solid 1px #505050;
  color: #505050;
}

#btn_guardar{  
  background: #f79420;
  border: solid 1px #f79420;
  color: #ffffff;
}


#btn_cancelar{
  background: #ffffff;
  border: solid 1px #f79420;
  color:#f79420;
}

#btn_eliminar{
  background: #fe0000;
  border: solid 1px #fe0000;
  color:#ffffff;
}


#btn_cancela{
  background: #505050;
  border: solid 1px #505050;
  color:#ffffff;
}


.campo_detalles,
.campo_detalles_text_area{
  border: solid 1px #e2e2e2;
  border-radius: .3em;
  color: #a3a3a3;
  margin: auto;
  min-height: 1.2em;
  /*text-overflow: ellipsis;
  white-space: nowrap;*/
  overflow: auto;
}
.campo_detalles_text_area{
   min-height: 6em;
}

.campo_solo_lectura{
  border: solid 1px #e2e2e2;
  color: #a3a3a3;
}


.msjRequerido{
    position: relative;
    float: left;
    left: 0;
    top: -1.4em;
    color: #f79420;
    z-index: 11;
    width: 2em;
    height: .2em;
    border: solid 1px transparent;
}

.msj_en_tabla_principal{ 
    position: fixed;
    width: 100%;
    margin: auto;
    font-size: 100%;
    color: #505050;
    height: auto;
    top: 40%;
    left: 0;
    text-align: center;
    z-index: 140;
    background: #ffffff;}

.msj_en_tabla_principal div{
  position: relative;
    width: 72%;
    margin: auto;
    font-size: 98%;
    color: #505050;
    margin-top: 1em;
    margin-bottom: 1em;
}  

.msj_en_tabla_principal div a{
  color:#f79420;
}


.caja_archivo{
    position: relative;
    width: 57%;
    /* height: auto; */
    background: #ffffff;
    color: #505050;
    box-shadow: 1px 0px 4px 0px #505050;
    float: left;
    margin-left: 6%;
    margin-top: 13%;
    font-size: 3em;
    text-align: center;
    height: 2.6em;
}


.caja_archivo .ver_original,
.caja_archivo .eliina_archivo{
  position: absolute;
  text-align: center;
  width: max-content;
  bottom: -1.5em;
  border-radius: 0.4em;  
  padding-left: 0.2em;
  padding-right: 0.2em;
  color: #ffffff;
  cursor: pointer;
}


.caja_archivo .ver_original{  
  float: left;
  left: 0.3em;
  background: #00a1df;
  font-size: 35%;
}

.caja_archivo .eliina_archivo{
  float: right;
  right: -0.6em;
  bottom: initial;
  top: -0.8em;
  padding: 0;
  height: 1em;
}

.caja_archivo .eliina_archivo i{
  color:#fe0000;
  font-size: .7em;
}

.caja_archivo img{
  position: relative;
  border: 0;
  display: block;
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
  object-fit: cover;
  height: calc(89%);
}



.caja_archivo .nombre_archivo{
  position: absolute;
    float: left;
    width: 100%;
    background: #c0c0c0;
    color: #ffffff;
    font-size: 0.3em;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1em;
}

.btn_ver_archivos{
  position: relative;
  float:right;
  right: 0;
  width: 30%;
  top:0;
  border:solid 1px #c0c0c0;
  border-radius: .4em;
  height:1.6em;
  line-height: 1.6em;
  background: #f79420;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
}

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


/*///////////////////// DISEÑO HOJA PEDIDO / COTIZACIÓN //////////////////*/
.cuerpo_nota{
  position: relative;
  width: 100%;
  background: #ffffff;
}


.caja_busqueda_predictiva{
  position: relative;
  width: 90%;
  margin: auto;
  margin-top: .5em;
  margin-bottom: .5em;
}

.busqueda_predictiva,
#cant_captura_art{
  position: relative;
  width: 100%;
  height: 2em;
  padding-left: 0;
  padding-right: 0;
  border: solid 1px #f59850;
  border-radius: .4em;
  color: #000000;
  text-indent: 2em;
}


#busqueda_cat_equipo_renta{
  float: right;
  right: 0;
  top:0;
  width: 88%;
}

#cant_captura_art{
  float: left;
  left: 0;
  top:0;
  width: 10%;
  text-indent: .2em;
}



#busqueda_predictiva_notas{
  margin-left: .8em;
  display: none;
}

.caja_captura{
  position: relative;
  width: 96%;
  margin: auto;
  margin-top: 1em;
  padding: 0;
  border-radius: .4em;
  background: #f1f1f1;
  padding-bottom: 1em;
  box-shadow: 2px 2px 4px -2px;
}



#caja_captura_equipo{
  padding-bottom: 5em;
}


#caja_informativa_bottom{
  bottom: 0;  
  z-index: 1;
  padding-bottom: 1em;
}

#caja_informativa_top{
  top:0;  
  margin-top: 0;
}

#caja_informativa_top,
#caja_informativa_bottom{
  width: 100%; 
  border-right: 1px transparent;
  border-left: 1px transparent;
  border-radius: 0;
  background: #f1f1f1;
  left: 0;
}

#caja_captura_cliente .agrupa_campo .campo,
#caja_captura_cliente .agrupa_campo #tel_fijo,
#caja_captura_cliente .agrupa_campo #mail,
#caja_captura_cliente .agrupa_campo #direccion_cliente,
#caja_captura_lugar_entrega .agrupa_campo .campo
{
  border: solid 1px transparent;
  border-bottom: solid 1px #000000;
  color: #000000;
  background: #f1f1f1;
}


#caja_captura_lugar_entrega .agrupa_campo #observaciones{
  border: solid 1px #000000;
  background: #ffffff;
}


.etq_dato_nota,
.campo_nota{
  position: relative;
  width: 90%;
  margin: auto;
}

#caja_informativa_top .agrupa_campo,
#caja_informativa_bottom .agrupa_campo{
  float: left;
  width: 48%;
  margin-left: 2%;
}




#caja_informativa_top .agrupa_campo .campo,
#caja_informativa_bottom .agrupa_campo .campo,
#caja_informativa_bottom .agrupa_campo .campo_informativo,
#caja_informativa_top .agrupa_campo .campo_informativo{
  background: #f1f1f1;
  border: solid 1px transparent;
  color: #c0c0c0;
}

#caja_informativa_bottom .agrupa_campo #anticipo,
#caja_informativa_bottom .agrupa_campo #descuento,
#caja_informativa_bottom .agrupa_campo #deposito_garantia,
#caja_informativa_bottom .agrupa_campo #pagado,
/*#caja_informativa_bottom .agrupa_campo #costo_flete,*/
#caja_informativa_bottom .agrupa_campo #km_traslado,
#caja_informativa_bottom .agrupa_campo #dias_renta,
#caja_informativa_bottom .agrupa_campo #costo_maniobra{
  background: #ffffff;
  border: solid 1px #f79420;
  color: #000000;
  height: 2em;
  width: 78%;
  padding-top: 0;
  padding-bottom: 0;
}


#caja_informativa_bottom .agrupa_campo .campo_nota input:disabled,
#caja_informativa_bottom .agrupa_campo .campo_nota select:disabled{
  background: #f1f1f1 !important;
  border: solid 1px transparent !important;
}



#caja_informativa_bottom .agrupa_campo #descuento{
  width: 85%;
}


#caja_informativa_bottom .agrupa_campo .campo{
 width: 90%;
}

#caja_informativa_bottom .agrupa_campo #saldo{
  color: #000000;
  font-size: 1.1em;
  font-weight: bold;
  width: 66%;
}

#caja_horizontal_informativa_entrega .agrupa_campo .etq_dato_nota,
#caja_horizontal_informativa_entrega .agrupa_campo .campo_nota{
  width: 100%;
}

#caja_horizontal_informativa_entrega .agrupa_campo:nth-child(2),
#caja_horizontal_informativa_entrega .agrupa_campo:nth-child(3){
  float: left;
  margin-left: 4%;
  width: 44%;
}
#caja_horizontal_informativa_entrega .agrupa_campo:nth-child(4){
  width: 92%;
  margin: auto;
}

.caja_btns_nota,
.caja_msj_update{
  position: relative;
  width: 100%;
  height:auto;
  margin: auto;
  color: green;
}



.caja_btns_nota{
  padding-top: 1em;
}


 #caja_btns_nota_pie{
  padding-bottom: 2em;
 }


.caja_msj_update{
  height: 1em;
}


.bloqueo_adeudos{
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
   z-index: 100;
}


.resumen_adeudo{
  position: sticky;
  top: 35%;
  width: 94%;
  margin: auto;
  border: solid 1px #505050;
  border-radius: .4em;
  z-index: 200;
  background: #ffffff;
  padding-top: .1em;
  padding-bottom: .6em;
}

.lista_adeudos{
  position: relative;
  top:0;
  width: 99%;
  max-height: 18em;
  margin: auto;
  overflow-x: auto;
  background: #ffffff;
}
.bloque_nombre_deudor{
  position: relative;
  top: -0.1em;
  padding-top: .2em;
  padding-bottom: .2em;
  width: 100%;
  text-align: center;
  color: #ffffff;
  border-bottom: solid 1px transparent;
  background: red;
  min-height: 3.1em;
  /* line-height: 2em; */
  font-size: 1.3em;
  border-radius: .3em .3em 0em 0em;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}
.bloque_tot_adeudo{
  position: absolute;
  bottom: -2.3em;
  width: 100%;
  text-align: right;
  /* padding-right: .2em; */
  color: #000;
  /* font-weight: bold; */
  background: #f7f7f7;
  height: 2.2em;
  font-size: 1.2em;
  border-radius: .4em;
}


.bloque_tot_adeudo {
    display: flex;
    justify-content: center;  /* Centra los divs horizontalmente */
    align-items: center;      /* Centra los divs verticalmente */
    text-align: center;       /* Centra el texto dentro de los divs */
}

.bloque_tot_adeudo > div {
    margin: .5em;  /* Espaciado entre los divs internos */
    padding-top: .2em;
    padding-bottom: .2em;
    padding-right: .4em;
    padding-left: .4em;
}

.bloque_tot_adeudo > div  strong{
  color:red;
}

.bloque_tot_adeudo > .cancela,
.bloque_tot_adeudo > .continuar {
    border-radius: .4em;
    border:solid 1px #f79420;
    cursor: pointer;
    background:  #f79420;
    min-width: 14%;
}

.bloque_tot_adeudo > .continuar {
  background: #ffffff;
  border:solid 1px #f79420;
}
.bloque_tot_adeudo > .detalle_total_adeudo{
 position: absolute;
 float: right;
 right: 0;
 top: 2em;
 background: #ffffff;
 border: solid 1px red;
 border-radius: .4em;
 padding: .4em;}

.fila_nota_adeudo,
.fila_nota_adeudo_docs{
  position: relative;
  width: 90%;
  height: 1.4em;
  line-height: 2em;
  padding-top: .4em;
  padding-bottom: .4em;
  margin: auto;
  border-radius: .4em;
  background: #f7f7f7;
  margin-top: 1em;
  margin-bottom: 1em;
}

.fila_nota_adeudo_docs{
  height: auto;
}


.fila_nota_adeudo_docs .flo_center{
  position: relative;
  width: 90%;
  margin:auto;
}



.fila_nota_adeudo .flo_left,
.fila_nota_adeudo .flo_right{
  position: absolute;
  width: 47%;
  top:0;
}

.fila_nota_adeudo .flo_left{
  float: left;
  left: 0;
  text-align: left;
  padding-left: .6em;
}

.fila_nota_adeudo .flo_right{
  float: right;
  right: 0;
  text-align: right;
  padding-right: .6em;
}

.btn_opciones_nota{
  position: relative;
  float: left;
  margin-left: 3%;
  width: 44%;
  height: 2.2em;
  text-align: center;
  background: #ffffff;
  border-radius: 0.4em;
  cursor: pointer;
  line-height: 2em;
  color: #505050;
  border: solid 1px #f59850;
  border-bottom: solid 1px #505050;
  border-right: solid 1px #505050;
  box-shadow: 1px 1px 6px -2px;
}

.btn_hecho{
  float:none;
  margin: auto;
}

.btn_imprimir{
  display: none;
}

.btn_opciones_nota:hover{
  box-shadow: 0px 0px 0px 0px;
}


.btn_opciones_nota i{
  position: absolute;
  float: left;
  left: .2em;
  top:.2em;
  font-size: 1.4em;
  cursor: pointer;
}

/*#btn_mandar_nota_cotizacion{
  background: #fff5ee;
  border: solid 1px #505050;
}*/

#btn_hacer_orden_pedido,
#btn_mandar_nota_cotizacion{
  border: solid 1px #000000;
 } 
 #btn_hacer_orden_pedido{
  background: #f7931e;
 } 


.btn_finalizar_pedido{
  background: #000000 !important;
  color: #ffffff;
}


#btn_nueva_nota i{
  color: #3cb371
}

#btn_buscar_nota i{
  color: #0000ff;
}


.caja_etq_principal{
  position: relative;
  width: 100%;
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1em;
  background: #ffd08d;
  border-radius: 0.4em 0.4em 0em 0em;
  border-bottom: solid 1px #ffffff;
  color: #000000;
  margin-bottom: 2em;
}




#caja_informativa_top .caja_etq_principal,
#caja_informativa_bottom .caja_etq_principal{
 border-radius: 0em;
}

.caja_resultado_busqueda,
.caja_btns_nuevo_edita,
.agrupa_campo{
  position: relative;
  width: 100%;
  height: auto;
}


.caja_btns_nuevo_edita{
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
}



.agrupa_campo{
 padding-top: .4em;
 padding-bottom: .4em;
}

.agrupa_campo .campo,
#caja_captura_cliente .agrupa_campo #tel_fijo,
#caja_captura_cliente .agrupa_campo #mail,
#caja_captura_cliente .agrupa_campo #direccion_cliente
{
  position: relative;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 2em;
  text-indent: 0.5em;
}

#caja_lateral .cont_caja_lateral #fecha_entrega_alterna,
#caja_lateral .cont_caja_lateral #fecha_recoleccion_alterna,
#caja_lateral .cont_caja_lateral .tamanio_pedido_alterno{
  position: relative;
  height: 1.8em;
  width: 9em;
  box-shadow: 0px 2px 5px -2px;
  border: solid 1px #505050;
  border-radius: .4em;
  background: #f1f1f1;  
  cursor: pointer;
}

#caja_lateral .cont_caja_lateral .tamanio_pedido_alterno_disabled{
  box-shadow: 0px 0px 0px 0px;
}

#caja_lateral .cont_caja_lateral #fecha_entrega_alterna:hover,
#caja_lateral .cont_caja_lateral #fecha_recoleccion_alterna:hover,
#caja_lateral .cont_caja_lateral .tamanio_pedido_alterno:hover{
  box-shadow: 0px 0px 0px 0px;
}

#caja_captura_datos_entrega .agrupa_campo #fecha_entrega,
#caja_captura_datos_entrega .agrupa_campo #hora_entrega,
#caja_captura_datos_entrega .agrupa_campo #fecha_recoleccion,
#caja_captura_datos_entrega .agrupa_campo #hora_recoleccion{
  width: 100%;
  min-width: -webkit-fill-available;
}

#caja_captura_datos_entrega .agrupa_campo #tamanio_pedido,
#caja_captura_datos_entrega .agrupa_campo #tamanio_pedido_auto,
#caja_captura_datos_entrega .agrupa_campo #hora_entrega,
#caja_captura_datos_entrega .agrupa_campo #quien_entrego,
#caja_captura_datos_entrega .agrupa_campo #quien_recogio{
  background: #ffffff;
  border: none; 
  border-radius: .4em;
}

#caja_captura_datos_entrega .agrupa_campo #tamanio_pedido,
#caja_captura_datos_entrega .agrupa_campo #quien_entrego,
#caja_captura_datos_entrega .agrupa_campo #tamanio_pedido_auto,
#caja_captura_datos_entrega .agrupa_campo #quien_recogio
{
  cursor: default;
  background: #c0c0c0;
}

#caja_captura_datos_entrega .agrupa_campo #hora_entrega,
#caja_captura_datos_entrega .agrupa_campo #hora_recoleccion{
  cursor: pointer;
  border: solid 1px transparent;
  border-radius: .4em;
  background: transparent;
}

#caja_captura_datos_entrega .agrupa_campo .input_icon_reloj_entrega,
#caja_captura_datos_entrega .agrupa_campo .input_icon_reloj_recoleccion,
#caja_captura_datos_entrega .agrupa_campo #fecha_entrega,
#caja_captura_datos_entrega .agrupa_campo #fecha_recoleccion{
  cursor: pointer;
  border-left: solid 1px #ffffff;
  border-top: solid 1px #ffffff;
  border-bottom: solid 1px #000000;
  border-right: solid 1px #000000;
  border-radius: .4em;
  background: transparent;
  box-shadow: 1px 1px 6px -2px;
 }

 #caja_captura_datos_entrega .agrupa_campo .input_icon_reloj_entrega:hover,
 #caja_captura_datos_entrega .agrupa_campo .input_icon_reloj_recoleccion:hover,
 #caja_captura_datos_entrega .agrupa_campo #fecha_entrega:hover,
 #caja_captura_datos_entrega .agrupa_campo #fecha_recoleccion:hover{
 box-shadow: 0px 0px 0px 0px;
}


#caja_captura_datos_entrega .bloque_izq,
#caja_captura_datos_entrega .bloque_der{
  position: relative;
  width: 46%;
  border-radius: .4em;
}

#caja_captura_datos_entrega .bloque_izq{
  float: left;
  top:0;
  left: 3%;
  background: #00a1df;
}

#caja_captura_datos_entrega .bloque_der{
  float: right;
  top:0;
  right:3%;
  background: #f7931e;
}


.agrupa_campo textarea.campo{
  height: 9em;
}


.centra_btns_nuevo_edita{
 position: relative;
 float: right;
 right: 0;
 top: 0;
 width: 4em;
 height: auto;
 margin-right: 5%;
 padding: 0.2em;
 line-height: 1.3em;
}

.centra_btns_nuevo_edita .nuevo,
.centra_btns_nuevo_edita .editar{
  position: relative;
  top: 0;
  font-size: 1.6em;
  cursor: pointer;
}

.centra_btns_nuevo_edita .nuevo{  
  float: right;
  right: 0;  
}

.centra_btns_nuevo_edita .editar{
  float: left;
  left: 0;
}

.centra_btns_nuevo_edita .nuevo i,
.centra_btns_nuevo_edita .editar i{
  color: #f7931e;
}


.fila_art{
  position: relative;
  width: 100%;
  height: 2em;
  margin-top: 1em;
  background: #f8f8f8;
  border-bottom: solid 1px #ffffff;
  line-height: 2em;
}




.fila_art div{
  position: relative;
  float: left;
  left: 0;
  top:0;
  width:5%;
  height: auto;
  font-size: .8em;
}

.fila_art .etq_num_dias,
.fila_art .etq_num_dias{
  font-size:.7em;
  color: blue;
  font-weight: bold;
}


.fila_art .col_cant{
  width:20%;
}



.fila_art .col_cant .cant{
  width: 56%;
  margin-left: 14%;
}


.fila_art .nombre{
  width: 28%;
  padding-left: 0.3em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: auto;
}

.fila_art .costo_ren{
  width:11%;
}
.fila_art .importe{
  width:17%;
}
.fila_art .cost_pza{
  width:16%;
}

.fila_art .btn_quita{
  width:3%;
  text-align: center;
}


.fila_art .btn_quita i{
  color: #b1171a;
  font-size: 1.4em;
  cursor: pointer;
  padding-top: .2em;
  line-height: 1.5em;
}



.fila_art_encabezado{
  border-bottom: solid 1px #ffffff;
  height: 2.2em;
  line-height: 2em;
  font-weight: bold;
}

.fila_art_encabezado div{
  height: 1.4em;
  text-align: center;
}

.fila_art_encabezado .btn_quita{
  border-right: solid 1px transparent;
}

.error_upadte_totales{
  position: relative;
  width: 100%;
  color: red;
  font-weight: bold;
  text-align: center;
}


#caja_informativa_bottom #total_y_sumatoria{
  float: none;
  width: 92%;
  margin-top: 2em;
}

.btn_sumatoria{
 position: absolute;
 right: 0.3em;
 top: 0em;
 width: 4.4em;
 height: 1.4em;
 font-size: 2em;
 z-index: 1;
 border: solid 1px;
 text-align: center;
 line-height: 1.4em;
 cursor: default;
}


.btn_sumatoria_activo{
  background: green;
  color: #fff;
  cursor: pointer;
}

.btns_manda_nota_cotizacion{
  display: none;
  position: fixed;
  width: 80%;
  height: 60%;
  top: 14%;
  left: 10%;
  background: #ffffff;
  border-radius: 0.4em;
  box-shadow: 2px 3px 4px 0px;
  z-index: 131;
}

.envuelve_btns_envio{
    position: relative;
    width: 76%;
    top:16%;
    height: auto;
    margin:auto;
}
.envuelve_btns_envio .btns_envio{
  position: relative;
  width: 100%;
  height: 3em;
  margin-top: 2em;
  border-radius: .4em;
  background: #c0c0c0;
  color: #ffffff;
  text-align: center;
  line-height: 3em;
  cursor: pointer;
}


.envuelve_btns_envio .btn_manda_nota_whats{
  background: #128c7e;
}

.envuelve_btns_envio .btn_manda_nota_print{
  color: #000000;
}

.cerrar_manda_cotizacion{
  position: absolute;
  float: right;
  top:-2em;
  right: 0;
  width: auto;
  height: auto;
  color: #ffffff;
}

.cerrar_manda_cotizacion i{
  font-size: 1.4em;
  cursor: pointer;
}

.nota_bloqueada{
 display: none;
 position: absolute;
 width: 100%;
 height: 100%;
 opacity: 0.8;
 background: #ffffff;
 /* top: 10%; */
 z-index: 129;
}

.img_whats,
.img_print{
  position: absolute;
  top: 0.4em;
  right: 0.3em;
  width: 11%;
  height: 1.4em;
}

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


/*///////////////////// DISENIO OBJETOS EN MODULO DE TAREAS ////////////////////////*/
.lista_grupo_tareas,
.lista_grupo_reportes{
  position: relative;
  width: 96%;
  height: auto;
  margin: auto;
  margin-top: 1em;
}

.lista_grupo_reportes{
  width: 90%;
}

.ficha_tarea,
.ficha_reporte{
  position: relative;
  width: 46%;
  margin-top: 1em;
  float: left;
  margin-left:3%;
  border-radius: .4em;
  background: #efebec;
  box-shadow: 0px 1px 5px -1px #000000;
}

.ficha_reporte{
  width: 100%;
  margin:auto; 
  margin-top: 1em;
  cursor: pointer;
}

.nombre_tarea{
  position: relative;
  width: 96%;
  height: 4em;
  margin: auto;
  padding-top: .5em;
  padding-bottom: .5em;
  font-size: .9em;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}
.tareas_pendientes,
.cont_filtros_reportes{
  position: relative;
  width: 100%;
  height: 3em;
  background: #e4e4e4;
  text-align: left;
  border-radius: 0 0 .4em .4em;
  text-indent: .8em;
  border-top: solid 1px #ffffff;
  font-size: .9em;
  cursor: pointer;
}

.cont_filtros_reportes{
  height: auto;
  text-indent: 0em;
  padding-bottom: 1em;
}

.etq_filtros{
  position: relative;
  width: 100%;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  padding-top: 1em;
}

.lista_grupo_reportes .ficha_reporte_inactiva .contenedor_botones_accion,
.lista_grupo_reportes .ficha_reporte_inactiva .cont_filtros_reportes{
  display: none;
}

.tareas_pendientes span{
  position: absolute;
  width: 2.3em;
  height: 100%;
  right: 0;
  top: 0;
  border-radius: 0 0 .4em 0;
  box-shadow: -1px 1px 3px -1px #000000;
  text-align: center;
  text-indent: 0;
  font-size: 1.2em;
  font-weight: bold;
}


.cont_tarea,
.cont_reporte{
  position: relative;
  width: 90%;
  background: #ffffff;
  text-align: center;
  margin:auto;
  margin-bottom: 1em;
  border-radius: .4em;
  cursor: pointer;
  padding-top: 0!important;
  border: solid 1px #505050;
}

.cont_tarea_cancelada{
  background: url(../images/texto_cancelada.png) no-repeat;
  background-size: 96%;
  background-position: 47% 59%;
}


#cont_tarea_comentarios_menu{
  position: relative;
  margin: auto;
  width: 90%;
}
#cont_reporte_menu{
  background: #ffffff;
  width: 100%;
}

.cont_reporte{
  cursor: default;
}


.cont_tarea .titulo_principal_tarea,
.cont_reporte .titulo_principal_tarea,
.cont_tarea .subtitulo_principal_tarea,
.cont_reporte .subtitulo_principal_tarea{
  position: relative;
  width: 96%;
  padding-top: .5em;
  padding-bottom: .7em;
  font-size: 1.4em;
  text-align: center;
  color: #000000;
  border-radius: .4em .4em 0 0;
  margin: auto;
}

.cont_reporte .titulo_principal_menu{
  background: #f79420;
  width: 100%;
}


.cont_reporte .datos_principales_menu{
  position: relative;
  text-align: center;
  padding-bottom: .2em;
  padding-top: .2em;
  width: 88%;
  margin:auto;
  font-size: 1em;
}


.cont_tarea .subtitulo_principal_tarea,
.cont_reporte .subtitulo_principal_tarea{
 font-size: 1em;
 border: solid 2px #ffffff;
 margin-bottom: .7em;
 border-radius: .4em;
}

.cont_tarea_comidas{
  background: #d3d3d3;
  padding-bottom: .6em;
  padding-top: 0 !important;
}

.cont_tarea_nota .titulo_principal_tarea{
  width: 100%;
  background: url('../images/icons/mini_logo.png') no-repeat 5px 5px;
  background-color: #ffd08d;
  border-bottom: solid 1px #ffffff;
}

.cont_tarea_nota .disenio_fecha_nota{
  font-size: .8em;
  text-align: center;
  padding-right: 1.4em;
}

.cont_tarea_nota .bloque_doble{
  font-size: 1.2em;
  background: #c0c0c0;
  color: #fff;
  margin-bottom: 1em;
  margin-top: 1em;
  min-height: 3em;
    /*centra texto vertical*/
   display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    /***********************/
}

.cont_tarea_nota .bloque_simple{
  padding-bottom: 1em;
  padding-top: 1em;
  height: 2em;
}

.cont_tarea_nota .item_status{
  position: relative;
  width: 100%;
  text-indent: .5em;
  text-align: left;
  height: 1.4em;
}

.etq_taera_platillo{
  position: relative;
  height: 3em;
  background: #e4e4e4;
  margin-bottom: 1em;
 }


 .etq_taera_platillo i{
  position: relative;
  font-size: 2em;
  top: .3em;
  left: 0;
  color: #f79420;
 }

.etq_taera_platillo .etq_nom_comida{
  position: relative;
  font-weight: bold;
  padding-left: 0.3em;
  text-transform: uppercase;
  color: #585858;
}


.cont_tarea_sin_tareas,
.cont_reporte_sin_reporte{
  text-align: center;
  padding-top: 1.2em;
  padding-bottom: 1.2em;
}

.envuelve_menu_completo,
.envuelve_ficha_menu{
  position: relative;
  width: 100%;
}

.envuelve_menu_completo{
  background: #e4e4e4;
  border-radius: .4em;
  margin-bottom: 4em;
}

.ficha_menu_dia{
 position: relative;
 width: 96%;
 padding-bottom: 1em;
 margin: auto;
}
.nombre_timepo_comida{
  position: relative;
  width: 100%;
  background: #c0c0c0;
  color: #ffffff;
  margin-top: 2em;
  border-radius: .4em;
  padding-top: .2em;
  padding-bottom: .2em;
  font-size: .9em;
}

.img_platillo_princ{
 position: relative;
 width: 100%;
 margin-bottom: 2em;
 margin-top:2em; 
}

.img_platillo_princ img{
  position: relative;
  width: 100%;
  height: auto;
  display: block;
  border-radius: .4em .4em 0 0;
}

.nombre_platillo_princ{
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 2em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  background: #000000;
  color: #ffffff;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  font-size: .9em;
}

.guarnicion_bebida{
  position: relative;
  width: 80%;
  margin: auto;
  padding-bottom: .4em;
  padding-top: .2em;
  border-bottom:dotted 2px #f79420;
}

.caja_captura_tarea{
  display: none;
  position: fixed;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;  
  z-index: 10;
}
.bloque_campos{
 position: relative;
 margin-top: 2em;
 margin-bottom: 2em;
}

.centra_caja_captura_tarea{
  position: relative;
  margin:auto;
  background:#ffffff;
  width: 86%;
  height: auto;
  max-height: 98%;
  overflow-y: auto;
  overflow-x: hidden;
  border: solid 1px #000000;
  border-radius: .4em;
  box-shadow: 1px 7px 10px 2px;
}
.mensaje_respuesta_tarea,
.mensaje_respuesta_reporte{
  position: relative;
  display: none;
  color:#61d415;
  font-weight: bold;
  text-align: center;
}

.total_resultados_reporte{
  position: fixed;
  padding-bottom: 1.2em;
  padding-top: 1.2em;
  font-weight: bold;
  text-align: center;
  font-style: italic;
  font-size: .9em;
  color: #f79420;
  width: 100%;
  left: 0;
  top: 9.5em;
}


/*---->*/

.disenio_fecha_nota{
  margin-top:1em;
}

.disenio_fecha_nota i{
 color: #ff1493;
}

.borde_rojo{
  border: solid 2px #ff0000 !important;
}

.caja_respuesta_tarea{
  position: relative;
  width: 100%;
}

.caja_inf_tarea{
  position: relative;
  width: 91%;
  margin: auto;
  margin-top: 1em;
  border-radius: .4em;
  border: solid 1px #505050;
  background: #20b2aa;
  color: #000000;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.caja_inf_tarea u{
  color: #ffffff;
}


.caja_inf_error{
  background:#fe0000;
  color: #ffffff;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-top: .6em;
  padding-bottom: .6em;
}

.cja_inf_totales{
  background: #faebd7;
  text-align: right;
  color: #505050;
}

.cja_inf_totales .cantidad,
.cja_inf_totales .etq_cantidad{
  float: left;
  width: 63%;
  height: 1.2em;
  line-height: 1.2em;
  left: 0;
  top:0;
  padding-left: .3em;
  text-align: right;
  color: #505050;
}
.cja_inf_totales .cantidad{
 width: 31%;
 color: #000000;
}
.cja_inf_totales .total{
   font-size: 1.1em;
  font-weight: bold;
  line-height: 1em;
}
.cja_inf_totales .saldo{
  color: #d61621;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1em;
}
.cja_inf_totales .anticipo{
  color:#f79420;
}

.cja_inf_totales .dpto_en_garantia{
  color:#6495ed;
}

.lista_abonos{
  position: relative;
  display: none;
  width: 100%;
  border-top: solid 1px #c0c0c0;
  border-bottom: solid 1px #c0c0c0;
  color: #c0c0c0; 
  margin: auto;
  font-size: .7em;
  padding-top: .5em;
  padding-bottom: .5em;
}
.lista_abonos .abono{
  position: relative;
  width: 100%;
}
.lista_abonos .fecha_abono{
  position: relative;
  float: left;
  left: 0;
  width: 75%;
  text-align:right;
}

.lista_abonos .monto_abono{
  position: relative;
  float: left;
  left: 0;
  width: 16%;
  text-align:right;
  padding-left: .5em;
}

.etq_cantidad .ver_abonos{
  position: relative;
  color: #20b2aa;
  cursor: pointer;
}


.caja_inf_tarea .texto_info_tarea{
  position: relative;
  width: 90%;
  margin: auto;
  padding-top: .6em;
  padding-bottom: .6em;
}

.caja_select_cant{
  position: relative;
  width: 91%;
  margin: auto;
  border-radius: .4em;
  border: solid 1px #505050;
  padding-top: .4em;
  padding-bottom: .4em;
  margin-top: .7em;
  color: #000000;
}

.caja_select_cant:hover{
  background: red;
}

.caja_select_cant:nth-child(even){
   background: #f7f9f8;
}

.caja_select_cant:nth-child(odd){
   background: #fdfbfe;
}



.caja_select_cant .ob_select{
  position: relative;
  float: left;
  left: 0;
  top:0;
  width: 9%;
}

.caja_select_cant .multi_ob_select{
  position: relative;
  width: 97%;
  margin: auto;
  margin-top: 1em;
}

.caja_select_cant .ob_select .caja_check{
  position: relative;
  width: 1em;
  height: 1em;
  margin: auto;
  font-size: .8em;
  border: solid 1px #505050;
  background: #f1f1f1;
}

.caja_select_cant .multi_ob_select .caja_check{
 position: relative;
 float: left;
 margin: 1.8em;
 margin-top: 0em;
 width: 1em;
 height: 1em;
 border: solid 1px #505050;
 background: #f1f1f1;
 font-size: 1em;
}

.caja_select_cant .multi_ob_select .caja_check#revisado{
  left:1em;
}

.caja_select_cant .multi_ob_select .caja_check span{
 position: absolute;
 bottom: -2.2em;
 left: -1.2em;
 width: 100%;
}


.caja_select_cant .multi_ob_select .caja_input{
  position: relative;
  float: left;
  left: .3em;
  width: 5em;
  font-size: 1em;
}

.caja_select_cant .multi_ob_select .caja_input input{
  position: relative;
  float: left;
  left: 0;
  height: 2em;
  width: 4em;
  color:red;
  font-weight: bold;
}


.caja_select_cant .multi_ob_select .caja_input input[type=number]::-webkit-inner-spin-button, 
.caja_select_cant .multi_ob_select .caja_input input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.caja_select_cant .multi_ob_select .caja_input input[type=number] { -moz-appearance:textfield; }


.caja_select_cant .ob_select .caja_check i,
.caja_select_cant .multi_ob_select .caja_check i{
  font-weight: bold;
  color: red;
  font-size: 1.6em;
  line-height: 0;
}

.caja_select_cant .multi_ob_select .caja_check i{
  color: #32cd32;
}



.caja_select_cant .etq_art{
  position: relative;
  width: 90%;
  float: right;
  right: 0;
  top:0;
  font-size: .8em;
  text-align: left;
}

.cont_tarea .tarea_nom_cliente{
 width: 96%;
 height: 1.4em;
 margin: auto;
 margin-top: 1em;
 margin-bottom: 1em;
 overflow: hidden;
 font-size: 1.1em;
 color: #000000;
} 

.fal_num_artic{
 background-color: rgba(255, 0, 0, 0.3);
  color: #ffffff;
  width: max-content;
  height: 1em;
  border-radius: 0.7em;
  display: inline-block;
  padding-right: 0.5em;
  padding-left: 0.5em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  line-height: 1em;
  text-align: center;
}

.marca_status_tarea{
  background: transparent;
  position: absolute;
  width: 1.4em;
  height: 1.4em;
  float: right;
  right: 0.7em;
  top: 0.2em;
  border-radius: 0.8em;
  font-size: .8em;
}

.etq_prioridad{
  position: absolute;
  right: -9px;
  bottom: -20px;
  font-size: .8em;
  width: max-content;
  text-align: right;
  padding-left: .2em;
  padding-right: .2em;
  color:#ffffff;
  border-radius: .4em;
  border:solid 1px #ffffff;
}


.cja_etq_totales,
.cja_num_totales{
  position: relative;
  width:98%;
  height: .8em;  
  display: flex;
  justify-content: space-between;
  text-align: center;
  padding-top: .2em;
}
.cja_etq_totales{
  width: 95%;
}

.cja_etq_totales .etq_tot{
  position: relative;
  width: 25%;
  height: .8em;
  font-size: .7em;
  text-align: center;
}

.cja_num_totales .num_tot{
  position: relative;
  float: left;
  width: 25%;
  height: .8em;
  font-size: 1.4em;
  color: #000000;
  text-align: center;
}
/*//////////////////////////////////////////////////////////////////////////////////*/




/*///////////////////////////////////// DISENIO PIE /////////////////////////////////////*/
.pie{
 background: #e4e4e4;
 position: fixed;
 width: 100%;
 height: 4em;
 margin: auto;
 bottom: 0;
 left: 0;
 z-index: 3;
}

.pie .logos_pie{
  position: relative;
  width: 80%;
  height: auto;
  margin:auto;
}


.pie .logos_pie .caja_logo_pie{
  position: relative;
  float: left;
  left: 0;
  top:0;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 1em;
}


.pie .logos_pie .caja_logo_pie .subcaja_logo_pie{
  position: relative;  
  width: 100%;
  margin: auto;
  margin-top: 1.3em;
}

.pie .logos_pie .caja_logo_pie .subcaja_logo_pie img{  
  position: relative;
  border:0;
  display: block;
  width: 100%;
  height: auto;  
}

.clear{
  clear:both;
  position: relative;
  width: 100%;
  height: 0px;
}
/*/////////////////////////////////////////////////////////////////////////////////////*/



/*__________________________________________________________________FIN GENERAL FIRST MOVILE______________________________________________________*/




/*/////////////////////////////////////////////////////////////////////////CELULARES PANTALLA PEQUEÑA////////////////////////////////////////////////*/

@media only screen  and (max-width: 620px) and (orientation:landscape){



}
/*______________________________________________________________________FIN CELULARES PANTALA PEQUEÑA_______________________________________________*/








/*///////////////////////////////////////////////////////////////////////////SMARTH PHONE HORIZONTAL////////////////////////////////////////////////////*/
@media only screen and (min-width: 640px){

.foto_perfil{
  width: 17%;
  padding-top: 2em;
}  


.portadilla .logo_portadilla{
  width: 47%;
  margin-top: 8%;
}

.cerrar_sesion_cel{
  display: block;
     position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3em;
    line-height: 3em;
    font-size: 100%;
    text-align: center;
    background: #e4e4e4;
}

.contenedor_login .input_pass_login, .contenedor_login .input_mail_login {
    width: 100%;
}


.encabezado_con_menu .logo_encabezado {
    padding-top: 1em;
    padding-bottom: .8em;
    margin-left: 1%;
    width: 26%
  }

.encabezado_con_menu .logo_encabezado .caja_logo_portada{
   width: 63%;
}


.encabezado_con_menu .foto_perfil {
    width: 10%;
    padding-top: .5em;
    margin-right: 9%;
 }

 .caja_nombre_modulo {
  margin-top: 5.2em;
 }
 
.nombre_modulo i{
  padding-left: 2%;
}

.mensaje_espera {
    width: 52%;
    margin-top: 16%;
    font-size: 90%;
}

.formaDraggable{
  width: 84%;
}

.campo .etiqueta_campo_right .select:after{
  width: 4%;
}

.btn_sub_tabla {
  font-size: 76%;
}

.boton_menu_cel{
  right: 1%;
  width: 6%;
}


#caja_opcion_select,
.caja_opciones_menu .boton_seleccion_opcion_menu {
    width: 50%;
}



.bloque_izq .opcion_menu:nth-child(odd) .icono_opcion_menu {    
    background: #fdfbfe;
}
.bloque_der .opcion_menu:nth-child(odd) .icono_opcion_menu {    
    background: #f7f9f8;
}



.bloque_izq .opcion_menu:nth-child(even) .icono_opcion_menu {
   background: #f7f9f8;
}

.bloque_der .opcion_menu:nth-child(even) .icono_opcion_menu {
   background: #fdfbfe;
}







.bloque_izq .opcion_menu:nth-child(odd) .texto_boton_opcion_menu {    
    background: #fafafa;
}
.bloque_der .opcion_menu:nth-child(odd) .texto_boton_opcion_menu {    
    background: #f3f3f3;
}


.bloque_izq .opcion_menu:nth-child(even) .texto_boton_opcion_menu {    
    background: #f3f3f3;
}
.bloque_der .opcion_menu:nth-child(even) .texto_boton_opcion_menu {    
    background: #fafafa;
}



.bloque_izq .opcion_menu:hover .icono_opcion_menu,
.bloque_der .opcion_menu:hover .icono_opcion_menu{
  background: #ffd08d  !important;
}

.bloque_izq .opcion_menu:hover .texto_boton_opcion_menu,
.bloque_der .opcion_menu:hover .texto_boton_opcion_menu{
  background: #f79420  !important;
}



 .contenedor_menu_principal, .contenedor_menu_personal {
  height: 12em;
  top: 4.2em !important;
  width: 50%;
  margin-left: 25%;
 }   

 

 .encabezado_con_menu .contenedor_menu_principal,  .encabezado_con_menu .contenedor_menu_personal{
  width: 70%;
  margin-left: 26%;
 }


.encabezado_con_menu .contenedor_menu_personal{
  width: 46%;
  margin-left: 44%;
  max-height: 8em;
 }

.titulo_caja_lateral{
  margin-top: 1%;
  height: 5em;
}

 /*////////////////////////////// DISENIOS PARA CAJA FILTROS //////////////////////////////////////////*/

.caja_opciones_filtros i.cerrar{
  right:1em;
  top:2em;
}

.caja_opciones_filtros .contenedor_filtros{
    width: 62%;
    height: 14em;
    top:4em;
}
/*//////////////////////////////////////////////////////////////////////////////////////////*/

 /*///////////////////////////////////// DISENIO TABLA /////////////////////////////////////*/


.cont_campo_busqueda{
  width: 56%;
  margin-left: 2%;
}


 .dataTables_filter .buscar{
  top: 12.2em;
 }

 .dataTables_info,
.dataTables_paginate
{
   width: 28% !important;
  padding-left: .8em;
}

.dataTables_info{
   width: 64% !important;
  padding-left: 1em;
}
 /*/////////////////////////////////////////////////////////////////////////////////////////*/




/*///////////////////// DISENIO OBJETOS EN MODULO DE TAREAS ////////////////////////*/

.ficha_reporte {
    width: 49%;
    margin-top: 1em;
    margin-left: 1%;
    float: left;
    left: 0;
    top: 0;
}

.ficha_tarea{
    width: 31%;
    margin-left: 2%;
}

#envuelve_ficha_menu_1,
#envuelve_ficha_menu_2,
#envuelve_ficha_menu_3{
  float: left;
  width: 32%;
  margin-left: 1%;
}


#cont_tarea_comentarios_menu{
 width: 96%;
}

#cont_tarea_comentarios_menu .cont_tarea{
  float: left;
  width: 31%;
  margin-left: 2%;
  margin-bottom: 2%;
}


#envuelve_ficha_menu_4,
#envuelve_ficha_menu_5,
#envuelve_ficha_menu_6{
  float: left;
  width: 100%;
}

#envuelve_ficha_menu_4 .nombre_timepo_comida,
#envuelve_ficha_menu_4 .img_platillo_princ,
#envuelve_ficha_menu_5 .nombre_timepo_comida,
#envuelve_ficha_menu_5 .img_platillo_princ,
#envuelve_ficha_menu_6 .nombre_timepo_comida,
#envuelve_ficha_menu_6 .img_platillo_princ{
  float: left;
  width: 32%;
  margin-left: 1%;
}

#envuelve_ficha_menu_4 .nombre_timepo_comida,
#envuelve_ficha_menu_5 .nombre_timepo_comida,
#envuelve_ficha_menu_6 .nombre_timepo_comida{
  width: 98%;
}


#envuelve_ficha_menu_4 .ficha_menu_dia,
#envuelve_ficha_menu_5 .ficha_menu_dia,
#envuelve_ficha_menu_6 .ficha_menu_dia{
  width: 99%;
}

.nombre_platillo_princ{
  font-size: .8em;
}

.total_resultados_reporte{
  top: 4.5em;
}
/*/////////////////////////////////////////////////////////////////////////////////*/




/*///////////////////// DISEÑO HOJA PEDIDO / COTIZACIÓN //////////////////*/


#caja_captura_cliente,
#caja_captura_equipo{
  float: left;
  margin-left: 1%;
  width: 70%;
  padding-bottom: 1.8em;
}


#caja_captura_datos_entrega,
#caja_captura_lugar_entrega{
  float: right;
  margin-right: 1%;
  top: 0;
  width: 27%;
  padding-bottom: 0.5em;
}


#caja_informativa_top .agrupa_campo,
#caja_captura_cliente .agrupa_campo{
  float: left;
  left: 0;
  width: 24%;
  margin-left: 0%;
}

#caja_captura_cliente .agrupa_campo{
  width: 49%;
}

.caja_btns_nota{
  width: 50%;
}

.fila_art{
  width: 90%;
  margin: auto;
  margin-top: 1em;
}

#caja_informativa_bottom .agrupa_campo{
  float: left;
  width: 23%;
  margin-left: 2%;
}

#caja_informativa_bottom #total_y_sumatoria{
  float: right;
  width: 23%;
}

.btn_sumatoria{
 right: 1.8em;
 width: 2.6em;
}

.btns_manda_nota_cotizacion{
  width: 64%;
  left: 18%;
}

.img_whats,
.img_print{
  right: 1.8em;
  width: 8%;
}

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

 .pie {
    height: 2em;
 }


.pie .logos_pie {
    width: 46%;
}


.pie .logos_pie .caja_logo_pie .subcaja_logo_pie {
    margin-top: .4em;
}


}

/*____________________________________________________________FIN SMARTH PHONE HORIZONTAL_________________________________________________________________*/





/*/////////////////////////////////////////////////////////////////////////////////IPAD VERTICAL/////////////////////////////////////////////////////*/
@media (min-width:768px) and (orientation:portrait){


.foto_perfil {
    width: 12%;
    padding-top: 9em;
}

.portadilla .logo_portadilla {
   width: 58%;
   margin-top: 40%;
 }

.encabezado_con_menu .logo_encabezado {
    width: 27%;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-left: 1%;
}


.encabezado_con_menu .logo_encabezado .caja_logo_portada{
  width: 42%;
}


.encabezado_con_menu .nombre_sistema {
    font-size: 78%;
}


.encabezado_con_menu .foto_perfil {
    padding-top: 1em;
}


.encabezado_con_menu .foto_perfil {
    margin-right: 8%;
    width: 11%;
}

.encabezado_con_menu  .boton_menu_cel{
  top:2em;
}

.encabezado_con_menu  .boton_menu_cel i {
    font-size: 208%;
}

.encabezado_con_menu  .etiqueta_bienvenida {
    display: block;
    width: 20%;
    margin-top: -4em;
    margin-right: 21%;
    float: right;
    font-size: 88%;
    color: #ffffff;
    text-align: right;
}


.encabezado_con_menu  .nombre_usuario {
    display: block !important;
    position: relative;
    width: 36%;
    float: right;
    margin-right: 21%;
    margin-top: -2.4em;
    font-size: 94%;
    color:#ffffff;
    text-align: right;
}


.encabezado_con_menu .nombre_completo{
  text-align: right;
}


.formaDraggable{
  width: 70%;
  top:7em;
}


#btn_nuevo_registro_principal{
   width: auto;
   padding: 0.2em .4em;
   background: #f79420;
   border-radius: .2em;
   height: 0.6em;
   margin-top: .3em;
   margin-right:.2em;
   cursor: pointer;
}


#btn_nuevo_registro_principal i{
  display: none;
}

#btn_nuevo_registro_principal span{
   display: block;
   position: relative;
   font-size: 50%;
   color: #ffffff;
   width: auto;
   height: 1em;
}


.caja_logo_portada {
    width: 62%;
}

.portadilla {
  width: 68%;
}

.contenedor_login {
  width:50%;
}



.mensaje_espera {
    width: 66%;
    margin-top: 45%;
    font-size: 100%;
    padding: 1em;
}

.mensaje_espera .img_espera{
  width: 8%;
}





.form-group {
    width: 80%;
}


.cerrar_sesion_pc{
  display: block;
}

.encabezado_con_menu .cerrar_sesion_pc{
  display: none;
}

.cerrar_sesion_cel{
  display: none;
}

.boton_seleccion_opcion_menu{
 margin-bottom: 0;
}



.envuelve_cortina_menu{
  position: absolute;
  top:6em;
}

.contenedor_menu_principal, .contenedor_menu_personal{
  position: relative;
    top: 0em !important;
    bottom: 0em !important;
    width: 44%;
    margin-left: 28%;
    height: auto;
    height: 22em;
    margin-top: 35%;
}

.encabezado_con_menu .contenedor_menu_principal, .encabezado_con_menu .contenedor_menu_personal {
  position: relative;
  top: .5em !important;
  height: auto;
  min-height: auto;
  max-height: 31.4em;
  width: 78%;
  margin-left: 20%;
  margin-top: 0%;
}


.encabezado_con_menu .contenedor_menu_personal{
  width: 46%;
  margin-left: 44%;
  max-height: 8em;
 }


.opcion_menu {
    width: 100%;
}


.encabezado_con_menu .contenedor_menu_principal .bloque_izq{
  float: left;
  left: 0;
  top:0;
  width: 50%;
}


.encabezado_con_menu .contenedor_menu_principal .bloque_der{
  float: right;
  right: 0;
  top:0;
  width: 50%;
}




.etiqueta_bienvenida{
  display: block;
}


.nombre_modulo i {
    padding-left: 1%;
}


.caja_nombre_modulo {
    margin-top: 7em;
}


#caja_opcion_select{
  width: 44%;
}

.caja_opciones_menu .boton_seleccion_opcion_menu {
    width: 44%;
}

.contenedor_login .input_pass_login, .contenedor_login .input_mail_login {
    width: 100%;
}


.titulo_caja_lateral{
  margin-top: 1%;
  height: 4em;
}

/*////////////////////////////// DISENIOS PARA CAJA FILTROS //////////////////////////////////////////*/
.caja_opciones_filtros i.cerrar{
  right:5.5em;
  top:2.5em;
}

.caja_opciones_filtros .contenedor_filtros{
    width: 62%;
    height: 24em;
    top:7em;
}
/*//////////////////////////////////////////////////////////////////////////////////////////*/


 /*///////////////////////////////////// DISENIO TABLA /////////////////////////////////////*/

.cont_campo_busqueda{
  width: 56%;
  margin-left: 2%;
}


.caja_datos_tabla{
   position: relative;
    float: none;
    width: 98%;
    margin: auto;
    right: 0;
    margin-bottom: 1.8em;
  }

 table{
  min-width: 47em;
 }

 .dataTables_filter .buscar{
  top: 17.4em;
  left: .7em;
 }
 .btn_filtros{
 margin-right: .7em;
 }

 .btn_sub_tabla{
  height: 5.3em;
 }

.dataTables_info,
.dataTables_paginate
{
   width: 24% !important;
  padding-left: .8em;
}

.dataTables_info{
  padding-left: 1em;
  width: 69% !important;
}
 /*/////////////////////////////////////////////////////////////////////////////////////////*/

 /*///////////////////// DISEÑO HOJA PEDIDO / COTIZACIÓN //////////////////*/


#caja_captura_cliente,
#caja_captura_equipo{
  float: left;
  margin-left: 1%;
  width: 70%;
  padding-bottom: 1.8em;
}


#caja_captura_datos_entrega,
#caja_captura_lugar_entrega{
  float: right;
  margin-right: 1%;
  top: 0;
  width: 27%;
  padding-bottom: 0.5em;
}


#caja_informativa_top .agrupa_campo,
#caja_captura_cliente .agrupa_campo{
  float: left;
  left: 0;
  width: 43%;
  margin-left: 0%;
}

#caja_captura_cliente .agrupa_campo{
  width: 49%;
}

.caja_btns_nota{
  width: 40%;
}

.fila_art{
  width: 90%;
  margin: auto;
  margin-top: 1em;
}

#caja_informativa_bottom .agrupa_campo{
  float: left;
  width: 23%;
  margin-left: 2%;
}

#caja_informativa_bottom #total_y_sumatoria{
  float: right;
  width: 23%;
}

.btn_sumatoria{
  right: 0.8em;
  width: 1.4em;
}

.btns_manda_nota_cotizacion{
  width: 40%;
  left: 30%;
}
.img_whats,
.img_print{
  right: 1.8em;
  width: 8%;
}


.fila_art div{
  font-size: 1em;
}


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


/*///////////////////// DISENIO OBJETOS EN MODULO DE TAREAS ////////////////////////*/

.nombre_tarea {
    padding-top: 1em;
    padding-bottom: 1em;
}

.ficha_reporte {
    width: 49%;
    margin: auto;
    margin-top: 1em;
    margin-left: 1%;
    float: left;
    left: 0;
    top: 0;
}


.ficha_tarea{
    width: 31%;
    margin-left: 2%;
}

.centra_caja_captura_tarea{
  width: 65%;
}

.boton_accion {
    width: 58%;
    height: 2.2em;
    line-height: 2.2em;
}

.titulo_caja_lateral {
    height: 6%;
    margin-top: 6%;
}

.cont_caja_lateral {
  height: 79%;
}
.tareas_pendientes span {
  width: 5.3em;
}


#envuelve_ficha_menu_1,
#envuelve_ficha_menu_2,
#envuelve_ficha_menu_3{
  float: left;
  width: 32%;
  margin-left: 1%;
}

#cont_tarea_comentarios_menu{
 width: 93%;
}

#cont_tarea_comentarios_menu .cont_tarea{
  float: left;
  width: 30%;
  margin-left: 3%;
  margin-bottom: 3%;
}


#envuelve_ficha_menu_4,
#envuelve_ficha_menu_5,
#envuelve_ficha_menu_6{
  float: left;
  width: 100%;
}

#envuelve_ficha_menu_4 .nombre_timepo_comida,
#envuelve_ficha_menu_4 .img_platillo_princ,
#envuelve_ficha_menu_5 .nombre_timepo_comida,
#envuelve_ficha_menu_5 .img_platillo_princ,
#envuelve_ficha_menu_6 .nombre_timepo_comida,
#envuelve_ficha_menu_6 .img_platillo_princ{
  float: left;
  width: 32%;
  margin-left: 1%;
}

#envuelve_ficha_menu_4 .nombre_timepo_comida,
#envuelve_ficha_menu_5 .nombre_timepo_comida,
#envuelve_ficha_menu_6 .nombre_timepo_comida{
  width: 98%;
}


#envuelve_ficha_menu_4 .ficha_menu_dia,
#envuelve_ficha_menu_5 .ficha_menu_dia,
#envuelve_ficha_menu_6 .ficha_menu_dia{
  width: 99%;
}

.nombre_platillo_princ{
  font-size: .8em;
}

.total_resultados_reporte{
  top: 7.4em;
}
/*/////////////////////////////////////////////////////////////////////////////////*/





/*//////////// DISEÑOS FORMULARIOS DE CAPTURA, EDICIÓN Y ELIMINAR ///////////////////*/
div.select{
  width: 97%;
}

.caja_archivo{
  width: 27.5%;
  height: 3.2em;
  margin-top: 6.5%;
}

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



.pie {
    height: 5em;
}

.pie .logos_pie {
    width: 58%;
}

.pie .logos_pie .caja_logo_pie .subcaja_logo_pie {
    margin-top: 1.4em;
}


}
/*____________________________________________________________________________FIN IPAD VERTICAL______________________________________________________*/









/*/////////////////////////////////////////////////////////////////////////////////IPAD HORIZONTAL/////////////////////////////////////////////////////*/
@media (min-width:992px) and (orientation:landscape){


.logo_encabezado {
  width: 21%;
}


.portadilla .logo_portadilla{
  width: 54%;
} 


.foto_perfil {
    width: 9%;
    padding-top: 7em;
}

.boton_menu_cel{
 width: 4%;
 right: 1%;
 margin-top: -.4em;
}


.encabezado_con_menu .logo_encabezado {
    width: 17%;
    margin-left: 1%;
}

.encabezado_con_menu .logo_encabezado .caja_logo_portada{
  width: 20%;
}


.encabezado_con_menu .nombre_sistema {
    font-size: 64%;
}


.encabezado_con_menu .foto_perfil {
    padding-top: 1em;
}


.encabezado_con_menu .foto_perfil {
    margin-right: 6.5%;
    width: 8%;
}


.encabezado_con_menu  .boton_menu_cel i {
    font-size: 208%;
}

.encabezado_con_menu  .etiqueta_bienvenida {
    display: block;
    width: 20%;
    margin-top: -4em;
    margin-right: 16.5%;
    float: right;
    font-size: 84%;
    color: #ffffff;
    text-align: right;
}


.encabezado_con_menu  .nombre_usuario {
    display: block !important;
    position: relative;
    width: 20%;
    float: right;
    margin-right: 16.5%;
    margin-top: -2.4em;
    font-size: 90%;
    color:#505050;
    text-align: right;
}


.encabezado_con_menu .nombre_completo{
  text-align: right;
}


.formaDraggable{
  width: 40%;
  top:4em;
}


.campo .etiqueta_campo_right .select:after{
  width: 3%;
}

#btn_nuevo_registro_principal{
   width: auto;
   padding: 0.2em .4em;
   background: #f79420;
   border-radius: .2em;
   height: 0.6em;
   margin-top: .3em;
   margin-right:.2em;
}


#btn_nuevo_registro_principal i{
  display: none;
}

#btn_nuevo_registro_principal span{
   display: block;
   position: relative;
   font-size: 50%;
   color: #ffffff;
   width: auto;
   height: 1em;
}




.caja_logo_portada {
    width: 62%;
}

.portadilla {
  width: 60%;
}


.portadilla .logo_portadilla{
      margin-top: 14%;
}


.contenedor_login {
  width:46%;
}



.mensaje_espera {
    width: 66%;
    margin-top: 22%;
    font-size: 100%;
    padding: 1em;
}

.mensaje_espera .img_espera{
  width: 8%;
}

.caja_opciones_menu{
  margin-top: 3em;
}


.form-group {
    width: 80%;
}


.cerrar_sesion_pc{
  display: block;
}



.encabezado_con_menu .cerrar_sesion_pc{
  display: none;
}

.cerrar_sesion_cel{
  display: none;
}



.boton_seleccion_opcion_menu{
 margin-bottom: 0;
}


.envuelve_cortina_menu{
  position: absolute;
  top:6em;
}

.contenedor_menu_principal, .contenedor_menu_personal{
  position: relative;
    bottom: 0em;
    width: 44%;
    margin-left: 28%;
    height: auto;
    height: 21em;
    margin-top: 10.2em;
}

.encabezado_con_menu .contenedor_menu_principal, .encabezado_con_menu .contenedor_menu_personal{
  position: relative;
  top: .5em !important;
  height: auto;
  min-height: auto;
  max-height: 31.4em;
  width: 78%;
  margin-left: 20%;
  margin-top: 0%;
}

.encabezado_con_menu .contenedor_menu_personal{
  width: 46%;
  margin-left: 47%;
  max-height: 8em;
 }



.opcion_menu {
    width: 100%;
}


.encabezado_con_menu .contenedor_menu_principal .bloque_izq{
  float: left;
  left: 0;
  top:0;
  width: 50%;
}


.encabezado_con_menu .contenedor_menu_principal .bloque_der{
  float: right;
  right: 0;
  top:0;
  width: 50%;
}


.etiqueta_bienvenida{
  display: block;
}


.nombre_modulo i {
    padding-left: 1%;
}


.caja_nombre_modulo {
     margin-top: 7em;
}


#caja_opcion_select{
  width: 44%;
}

.caja_opciones_menu .boton_seleccion_opcion_menu {
    width: 44%;
}

.contenedor_login .input_pass_login, .contenedor_login .input_mail_login {
    width: 100%;
}
.titulo_caja_lateral{
  margin-top: 1%;
  height: 4em;
}

/*////////////////////////////// DISENIOS PARA CAJA FILTROS //////////////////////////////////////////*/
.caja_opciones_filtros i.cerrar{
  right:8em;
  top:2.5em;
}

.caja_opciones_filtros .contenedor_filtros{
    width: 60%;
    height: 24em;
    top:7em;
}
/*//////////////////////////////////////////////////////////////////////////////////////////*/



 /*///////////////////////////////////// DISENIO TABLA /////////////////////////////////////*/

.cont_campo_busqueda{
  width: 56%;
  margin-left: 2%;
}

 .caja_datos_tabla{
   position: relative;
    float: none;
    width: 98%;
    margin: auto;
    right: 0;
    margin-bottom: 1.8em;
  }

 table{
  min-width: 62.7em;
 }

 .dataTables_filter .buscar{
  top: 17.4em;
  left: .7em;
 }
 .btn_filtros{
 margin-right: .7em;
 }

 .btn_sub_tabla{
  height: 5.3em;
 }

.dataTables_info,
.dataTables_paginate
{
   width: 18% !important;
  padding-left: .8em;
}

.dataTables_info{
  padding-left: 1.4em;
  width: 76% !important;
}

.btn_hacer_proceso{
  min-height: 8em;
}

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


 /*///////////////////// DISEÑO HOJA PEDIDO / COTIZACIÓN //////////////////*/



#caja_captura_cliente,
#caja_captura_equipo{
  float: left;
  margin-left: 1%;
  width: 70%;
  padding-bottom: 1.8em;
}


#caja_captura_datos_entrega,
#caja_captura_lugar_entrega{
  float: right;
  margin-right: 1%;
  top: 0;
  width: 27%;
  padding-bottom: 0.5em;
}


#caja_informativa_top .agrupa_campo,
#caja_captura_cliente .agrupa_campo{
  float: left;
  left: 0;
  width: 24%;
  margin-left: 0%;
}

#caja_captura_cliente .agrupa_campo{
  width: 49%;
}

.caja_btns_nota{
  width: 26%;
}

.fila_art{
  width: 90%;
  margin: auto;
  margin-top: 1em;
}

#caja_informativa_bottom .agrupa_campo{
  float: left;
  width: 23%;
  margin-left: 2%;
}

#caja_informativa_bottom #total_y_sumatoria{
  float: right;
  width: 23%;
}

.btn_sumatoria{
 right: 1.8em;
 width: 2.6em;
}

.img_whats,
.img_print{
  right: 1.8em;
  width: 8%;
}

.fila_art div{
  font-size: 1em;
}


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



/*///////////////////// DISENIO OBJETOS EN MODULO DE TAREAS ////////////////////////*/

.nombre_tarea {
    padding-top: 1.2em;
    padding-bottom: 1.2em;
}
.ficha_reporte {
    width: 49%;
    margin: auto;
    margin-top: 1em;
    margin-left: 1%;
    float: left;
    left: 0;
    top: 0;
}

.ficha_tarea{
   width: 22.5%;
   margin-left: 2%;
}



.centra_caja_captura_tarea{
  width: 60%;
}

.boton_accion {
    width: 58%;
    height: 2.2em;
    line-height: 2.2em;
}

.titulo_caja_lateral {
    height: 9.6%;
    margin-top: 2%;
}

.cont_caja_lateral {
  height: 77%;
}

.tareas_pendientes span {
  width: 5.3em;
}



.envuelve_menu_completo{
  width: 80%;
  margin: auto;
  margin-bottom: 4em;
}

#envuelve_ficha_menu_1,
#envuelve_ficha_menu_2,
#envuelve_ficha_menu_3{
  float: left;
  width: 32%;
  margin-left: 1%;
}

#cont_tarea_comentarios_menu{
 width: 80%;
}

#cont_tarea_comentarios_menu .cont_tarea{
  float: left;
  width: 30%;
  margin-left: 3%;
  margin-bottom: 3%;
}

#envuelve_ficha_menu_4,
#envuelve_ficha_menu_5,
#envuelve_ficha_menu_6{
  float: left;
  width: 100%;
}

#envuelve_ficha_menu_4 .nombre_timepo_comida,
#envuelve_ficha_menu_4 .img_platillo_princ,
#envuelve_ficha_menu_5 .nombre_timepo_comida,
#envuelve_ficha_menu_5 .img_platillo_princ,
#envuelve_ficha_menu_6 .nombre_timepo_comida,
#envuelve_ficha_menu_6 .img_platillo_princ{
  float: left;
  width: 32%;
  margin-left: 1%;
}

#envuelve_ficha_menu_4 .nombre_timepo_comida,
#envuelve_ficha_menu_5 .nombre_timepo_comida,
#envuelve_ficha_menu_6 .nombre_timepo_comida{
  width: 98%;
}


#envuelve_ficha_menu_4 .ficha_menu_dia,
#envuelve_ficha_menu_5 .ficha_menu_dia,
#envuelve_ficha_menu_6 .ficha_menu_dia{
  width: 99%;
}

.nombre_platillo_princ{
  font-size: .8em;
}

.total_resultados_reporte{
  top: 5.4em;
}

.btns_manda_nota_cotizacion{
  width: 40%;
  left: 30%;
}

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


/*//////////// DISEÑOS FORMULARIOS DE CAPTURA, EDICIÓN Y ELIMINAR ///////////////////*/
div.select{
  width: 97%;
}
.caja_archivo{
  width: 27.5%;
  height: 3.2em;
  margin-top: 6.5%;
}
/*//////////////////////////////////////////*/


.pie{
  height: 5em;
}

.pie .logos_pie{
  width: 43%;
}

.pie .logos_pie .caja_logo_pie .subcaja_logo_pie {
    margin-top: 1.4em;
}


}
/*_________________________________________________________________________________FIN IPAD HORIZONTAL_______________________________________________________*/








/*///////////////////////////////////////////////////////////// IPAD PRO VERTICAL /////////////////////////////////////////////////////////////////////////*/
/* Portrait */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait){


   .portadilla {
      width: 100%;
    }


  .portadilla .caja_logo_portada {
    width: 45%;
   }


   .portadilla .logo_portadilla{
    margin-top: 34%;
    width: 50%;
   }


   .nombre_sistema{
    font-size:100%;
   }
    
    .encabezado_con_menu .logo_encabezado{
      margin-left: 0;
    }
      
    .encabezado_con_menu .foto_perfil {
       width: 10%;
    }

    .contenedor_menu_principal, .contenedor_menu_personal{
      margin-top: 20.2em;
      height: 22em;
    }

    .encabezado_con_menu .contenedor_menu_principal, 
    .encabezado_con_menu .contenedor_menu_personal  {
      margin-top: 2%;
    }


   .encabezado_con_menu .contenedor_menu_personal{
     width: 40%;
     margin-left: 50%;
     max-height: 8em;
   }



   .encabezado_con_menu .etiqueta_bienvenida {
      margin-top: -5.4em;
     margin-right: 20%;
   }


     .encabezado_con_menu .foto_perfil img, .encabezado_con_menu .foto_perfil div {
    width: 4.6em;
    height: 4.6em;
   }


   .boton_menu_cel{
     margin-top: 0.4em;
   }



  .encabezado_con_menu  .etiqueta_bienvenida {
    top: 1.2em; 
  }


  .encabezado_con_menu  .nombre_usuario {
     top: 0.2em;
   }





    .formaDraggable {
        top: 8em;
    }
    

    .no_daraggable{
      height: 34em;
    }
 

    .caja_nombre_modulo {
       margin-top: 8.1em;
     }

    .dataTables_filter .buscar {
      top: 19.4em;
      left:1%;
    }

    .btn_filtros{
      margin-right: 1%;
    }

 .titulo_caja_lateral{
  margin-top: 1%;
  height: 4em;
 }

    /*////////////////////////////// DISENIOS PARA CAJA FILTROS //////////////////////////////////////////*/
    .caja_opciones_filtros i.cerrar{
      right:8.5em;
      top:3.3em;
    }

    .caja_opciones_filtros .contenedor_filtros{
        width: 56%;
        height: 28em;
        top:8em;
    }
    /*//////////////////////////////////////////////////////////////////////////////////////////*/
    
    /*////////////////////////////// DISEÑOS TABLA ////////////////////////////////*/

    .cont_campo_busqueda{
      width: 56%;
      margin-left: 2%;
    }


    .caja_datos_tabla{
      position: relative;
      float: none;
      width: 98%;
      margin: auto;
      right: 0;
      margin-bottom: 1.8em;
    }

    table{
      width: 100% !important;
    }

    .dataTables_info,
    .dataTables_paginate
    {
       width: 18% !important;
      padding-left: .8em;
    }

    .dataTables_info{
      padding-left: 1.2em;
      width: 76.4% !important;
    }

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

/*///////////////////// DISEÑO HOJA PEDIDO / COTIZACIÓN //////////////////*/



#caja_captura_cliente,
#caja_captura_equipo{
  float: left;
  margin-left: 1%;
  width: 70%;
  padding-bottom: 1.8em;
}


#caja_captura_datos_entrega,
#caja_captura_lugar_entrega{
  float: right;
  margin-right: 1%;
  top: 0;
  width: 27%;
  padding-bottom: 0.5em;
}


#caja_informativa_top .agrupa_campo,
#caja_captura_cliente .agrupa_campo{
  float: left;
  left: 0;
  width: 24%;
  margin-left: 0%;
}

#caja_captura_cliente .agrupa_campo{
  width: 49%;
}

.caja_btns_nota{
  width: 26%;
}

.fila_art{
  width: 90%;
  margin: auto;
  margin-top: 1em;
}

#caja_informativa_bottom .agrupa_campo{
  float: left;
  width: 23%;
  margin-left: 2%;
}

#caja_informativa_bottom #total_y_sumatoria{
  float: right;
  width: 23%;
}

.btn_sumatoria{
 right: 1.8em;
 width: 2.6em;
}

.img_whats,
.img_print{
  right: 1.8em;
  width: 8%;
}

.fila_art div{
  font-size: 1em;
}


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

/*//////////// DISEÑOS FORMULARIOS DE CAPTURA, EDICIÓN Y ELIMINAR ///////////////////*/
.caja_archivo{
  width: 27.5%;
  height: 3.2em;
  margin-top: 6.5%;
}
/*//////////////////////////////////////////*/


/*///////////////////// DISENIO OBJETOS EN MODULO DE TAREAS ////////////////////////*/

.nombre_tarea {
    padding-top: 1.2em;
    padding-bottom: 1.2em;
}
.ficha_reporte {
    width: 49%;
    margin: auto;
    margin-top: 1em;
    margin-left: 1%;
    float: left;
    left: 0;
    top: 0;
}

.ficha_tarea{
   width: 22.5%;
   margin-left: 2%;
}

.centra_caja_captura_tarea{
  width: 56%;
}

.boton_accion {
    width: 58%;
    height: 2.4em;
    line-height: 2.4em;
}

.cont_tarea, .cont_reporte {
    width: 62%;
    margin-bottom: 2em;
    border-radius: .4em;
    font-size: .9em;
    padding-top: .4em;
    padding-bottom: .4em;
}
.titulo_caja_lateral {
    height: 6%;
    margin-top: 6%;
}

.cont_caja_lateral {
  height: 79%;
}

.titulo_caja_lateral .nom_seccion{
  font-size: 1.4em;
}


.titulo_caja_lateral .nom_dato{
  font-size: 1em;
}


.tareas_pendientes span {
  width: 5.3em;
}



.envuelve_menu_completo{
  width: 80%;
  margin: auto;
  margin-bottom: 4em;
}

#envuelve_ficha_menu_1,
#envuelve_ficha_menu_2,
#envuelve_ficha_menu_3,{
  float: left;
  width: 32%;
  margin-left: 1%;
}


#cont_tarea_comentarios_menu{
 width: 73%;
}

#cont_tarea_comentarios_menu .cont_tarea{
  float: left;
  width: 30%;
  margin-left: 3%;
  margin-bottom: 3%;
}

#envuelve_ficha_menu_4,
#envuelve_ficha_menu_5,
#envuelve_ficha_menu_6{
  float: left;
  width: 100%;
}

#envuelve_ficha_menu_4 .nombre_timepo_comida,
#envuelve_ficha_menu_4 .img_platillo_princ,
#envuelve_ficha_menu_5 .nombre_timepo_comida,
#envuelve_ficha_menu_5 .img_platillo_princ,
#envuelve_ficha_menu_6 .nombre_timepo_comida,
#envuelve_ficha_menu_6 .img_platillo_princ{
  float: left;
  width: 32%;
  margin-left: 1%;
}

#envuelve_ficha_menu_4 .nombre_timepo_comida,
#envuelve_ficha_menu_5 .nombre_timepo_comida,
#envuelve_ficha_menu_6 .nombre_timepo_comida{
  width: 98%;
}


#envuelve_ficha_menu_4 .ficha_menu_dia,
#envuelve_ficha_menu_5 .ficha_menu_dia,
#envuelve_ficha_menu_6 .ficha_menu_dia{
  width: 99%;
}

.nombre_platillo_princ{
  font-size: .8em;
}

.total_resultados_reporte{
  top: 10em;
}

.btns_manda_nota_cotizacion{
  width: 40%;
  left: 30%;
}


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





    #btn_nuevo_registro_principal{
      margin-right: 1%;
    }

    .nombre_modulo i{
      padding-left: 1%;
    }


}
/*___________________________________________________________________  FIN IPAD PRO VERTICAL  _______________________________________________________*/


/*///////////////////////////////////////////////////////////// IPAD PRO HORIZONTAL /////////////////////////////////////////////////////////////////////////*/



/* Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape)
 {

 .portadilla {
      width: 80%;
    }


  .portadilla .caja_logo_portada {
    width: 50%;
   }


   .portadilla .logo_portadilla{
    width: 38%;
   }


   .nombre_sistema{
    font-size:100%;
   }
      
    .encabezado_con_menu .foto_perfil {
       width: 7.5%;
    }


   .encabezado_con_menu .foto_perfil img, .encabezado_con_menu .foto_perfil div {
    width: 5.1em;
    height: 5.1em;
   }


   .boton_menu_cel{
     margin-top: -.8em;
   }



  .encabezado_con_menu  .etiqueta_bienvenida {
    top: .4em; 
  }


  .encabezado_con_menu  .nombre_usuario {
     top: 1em;
   }





    .contenedor_menu_principal, .contenedor_menu_personal{
      margin-top: 13em;
      height: 20em;
      width: 34%;
      margin-left: 33%;
    }


    .encabezado_con_menu .contenedor_menu_principal, .encabezado_con_menu .contenedor_menu_personal {
      margin-top: 1.4%;
    }

    .encabezado_con_menu .contenedor_menu_personal{
     width: 38%;
     margin-left: 55%;
     max-height: 8em;
    }

   .encabezado_con_menu .etiqueta_bienvenida {
      margin-top: -5.4em;
     margin-right: 16%;
   }

   .encabezado_con_menu .nombre_usuario {
     margin-right: 16%;
     margin-top: -3.8em;
   }


    .formaDraggable {
        top: 8.2em;
    }
 

   .no_daraggable{
    height: 24em;
   }



    .caja_nombre_modulo {
       margin-top: 8.1em;
     }

    .dataTables_filter .buscar {
      top: 19.2em;
    }


    .btn_filtros{
      margin-right: 2em;
    }


    .contenedor_login {
      width: 36%;
     }
    


  #caja_opcion_select{
    width: 34%;
  }

  .caja_opciones_menu .boton_seleccion_opcion_menu {
    width: 34%;
  }

.titulo_caja_lateral{
  margin-top: 1%;
}

    /*////////////////////////////// DISENIOS PARA CAJA FILTROS //////////////////////////////////////////*/
    .caja_opciones_filtros i.cerrar{
      right:11.6em;
      top:3.4em;
    }

    .caja_opciones_filtros .contenedor_filtros{
        width: 56%;
        height: 32em;
        top:8.2em;
    }
    /*//////////////////////////////////////////////////////////////////////////////////////////*/

    /*///////////////////////////////// DISEÑO TABLA  /////////////////////////////////*/
   .cont_campo_busqueda{
          width: 56%;
          margin-left: 2%;
        }


    .caja_datos_tabla{
      position: relative;
      float: none;
      width: 98%;
      margin: auto;
      right: 0;
      margin-bottom: 1.8em;
    }

    table{
      width: 100% !important;
    }

    .scroll_horizontal_table, .caja_datos_tabla, .caja_nombre_submodulo{
      width: 99%;
    }



    .dataTables_info,
    .dataTables_paginate
    {
       width: 13% !important;
      padding-left: .8em;
    }

    .dataTables_info{
      padding-left: 1.2em;
      width: 83% !important;
    }
    /*////////////////////////////////////////////////////////////////////////////////*/

  /*///////////////////// DISEÑO HOJA PEDIDO / COTIZACIÓN //////////////////*/

#caja_captura_cliente,
#caja_captura_equipo{
  float: left;
  margin-left: 1%;
  width: 70%;
  padding-bottom: 1.8em;
}


#caja_captura_datos_entrega,
#caja_captura_lugar_entrega{
  float: right;
  margin-right: 1%;
  top: 0;
  width: 27%;
  padding-bottom: 0.5em;
}


#caja_informativa_top .agrupa_campo,
#caja_captura_cliente .agrupa_campo{
  float: left;
  left: 0;
  width: 24%;
  margin-left: 0%;
}

#caja_captura_cliente .agrupa_campo{
  width: 49%;
}

.caja_btns_nota{
  width: 26%;
}

.fila_art{
  width: 90%;
  margin: auto;
  margin-top: 1em;
}

#caja_informativa_bottom .agrupa_campo{
  float: left;
  width: 23%;
  margin-left: 2%;
}

#caja_informativa_bottom #total_y_sumatoria{
  float: right;
  width: 23%;
}

.btn_sumatoria{
 right: 1.8em;
 width: 2.6em;
}

.img_whats,
.img_print{
  right: 1.8em;
  width: 8%;
}

.fila_art div{
  font-size: 1em;
}

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


/*//////////// DISEÑOS FORMULARIOS DE CAPTURA, EDICIÓN Y ELIMINAR ///////////////////*/
.caja_archivo{
   width: 27.5%;
   height: 3.2em;
   margin-top: 6.5%;
 }
/*//////////////////////////////////////////*/



/*///////////////////// DISENIO OBJETOS EN MODULO DE TAREAS ////////////////////////*/

.nombre_tarea {
    padding-top: 1.2em;
    padding-bottom: 1.2em;
}
.ficha_reporte {
    width: 49%;
    margin: auto;
    margin-top: 1em;
    margin-left: 1%;
    float: left;
    left: 0;
    top: 0;
}

.ficha_tarea{
   width: 22.5%;
   margin-left: 2%;
}

.centra_caja_captura_tarea{
  width: 56%;
}

.boton_accion {
    width: 58%;
    height: 2.4em;
    line-height: 2.4em;
}

.cont_tarea, .cont_reporte {
    width: 62%;
    margin-bottom: 2em;
    border-radius: .4em;
    font-size: .9em;
    padding-top: .4em;
    padding-bottom: .4em;
}
.titulo_caja_lateral {
    height: 7%;
    margin-top: 2%;
}

.cont_caja_lateral {
  height: 80%;
}

.titulo_caja_lateral .nom_seccion{
  font-size: 1.4em;
}


.titulo_caja_lateral .nom_dato{
  font-size: 1em;
}

.tareas_pendientes span {
  width: 5.3em;
}


.envuelve_menu_completo{
  width: 70%;
  margin: auto;
  margin-bottom: 4em;
}

#envuelve_ficha_menu_1,
#envuelve_ficha_menu_2,
#envuelve_ficha_menu_3{
  float: left;
  width: 32%;
  margin-left: 1%;
}


#cont_tarea_comentarios_menu{
 width: 77%;
}

#cont_tarea_comentarios_menu .cont_tarea{
  float: left;
  width: 30%;
  margin-left: 3%;
  margin-bottom: 3%;
}

#envuelve_ficha_menu_4,
#envuelve_ficha_menu_5,
#envuelve_ficha_menu_6{
  float: left;
  width: 100%;
}

#envuelve_ficha_menu_4 .nombre_timepo_comida,
#envuelve_ficha_menu_4 .img_platillo_princ,
#envuelve_ficha_menu_5 .nombre_timepo_comida,
#envuelve_ficha_menu_5 .img_platillo_princ,
#envuelve_ficha_menu_6 .nombre_timepo_comida,
#envuelve_ficha_menu_6 .img_platillo_princ{
  float: left;
  width: 32%;
  margin-left: 1%;
}

#envuelve_ficha_menu_4 .nombre_timepo_comida,
#envuelve_ficha_menu_5 .nombre_timepo_comida,
#envuelve_ficha_menu_6 .nombre_timepo_comida{
  width: 98%;
}


#envuelve_ficha_menu_4 .ficha_menu_dia,
#envuelve_ficha_menu_5 .ficha_menu_dia,
#envuelve_ficha_menu_6 .ficha_menu_dia{
  width: 99%;
}

.nombre_platillo_princ{
  font-size: .8em;
}

.total_resultados_reporte{
  top: 6.7em;
}

.btns_manda_nota_cotizacion{
  width: 40%;
  left: 30%;
}
/*/////////////////////////////////////////////////////////////////////////////////*/




   .pie{
    height: 8%;
   }

}

/*___________________________________________________________________  FIN IPAD PRO HORIZONTAL  _______________________________________________________*/





/*//////////////////////////////////////////////////////////////////////////LAPTOPS O/Y ESCRITORIOS CHICOS//////////////////////////////////////////////*/
@media (min-width: 1025px) and (max-width: 1280px) {

body{
  font-size:70%;
}

.encabezado_con_menu .contenedor_menu_principal,
.encabezado_con_menu .contenedor_menu_personal{
  top:-1em;
}

.encabezado_con_menu .logo_encabezado{
  width:12%;
  margin-left: .5%;
}


.foto_perfil {
  width: 7%;
  padding-top: 5em;
}


 .encabezado_con_menu .foto_perfil {
    width: 5.5%;
    margin-right: 4.5%;
 }

.mensaje_espera {
  margin-top: 10%;
    width: 30%;
  }

.portadilla .logo_portadilla {
    margin-top: 13%;
}

.caja_logo_portada {
    width: 40%;
}

.mensajes_aviso_login {
    padding-top: .4em;
    padding-bottom: .4em;
}


 .contenedor_login {
   width: 28%;
 }

.contenedor_login form input {
    position: relative;
    width: 100%;
    height: 2.2em;
    margin-top: .7em;
}


.form-group {
    width: 60%;
}

.form-group .icon_input {
    margin-top: 1em;
}




#caja_opcion_select{
  width: 24%;
  cursor: pointer;
}


.caja_opciones_menu .boton_seleccion_opcion_menu{
  width: 24%;
}

.opcion_menu{
  cursor: pointer;
}

.contenedor_menu_principal,
.contenedor_menu_personal{
    width: 30%;
    margin-left: 35%;
    height: 21em;
    margin-top: 9em;
}

.encabezado_con_menu .contenedor_menu_principal,
.encabezado_con_menu .contenedor_menu_personal{
  top: .5em !important;
  height: auto;
  min-height: auto;
  max-height: 27em;
  width: 60%;
  margin-left: 39%;
  margin-top: 0%;
}

.encabezado_con_menu .contenedor_menu_personal{
  width: 32%;
  margin-left: 63%;
  max-height: 8em;
}

.boton_menu_cel{
  cursor: pointer;
  right: 0%;
}

#btn_nuevo_registro_principal{
  margin-right: .5em;
  cursor: pointer;
  margin-top: .4em;
}

.btn_filtros{
  margin-right: 1.4em;
}

.encabezado_con_menu .etiqueta_bienvenida,
.encabezado_con_menu .nombre_usuario
{
  margin-right: 11.5%;
}

.titulo_caja_lateral{
  margin-top: 1%;
  overflow: hidden;
}

/*////////////////////////////// DISENIOS PARA CAJA FILTROS //////////////////////////////////////////*/
    .caja_opciones_filtros i.cerrar{
      right:16.8em;
      top:3em;
    }

    .caja_opciones_filtros .contenedor_filtros{
        width: 44%;
        height: 28em;
        top:7.2em;
    }
    /*//////////////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////// DISEÑO TABLA  /////////////////////////////////*/

.cont_campo_busqueda{
  width: 56%;
  margin-left: 2%;
}

.caja_datos_tabla{
      position: relative;
      float: none;
      width: 98%;
      margin: auto;
      right: 0;
      margin-bottom: 1.8em;
    }

    table{
      width: 100% !important;
    }
    .caja_nombre_submodulo .btn_nuevo_registro{
      width: .7em;
      height: .7em;
    }

    .caja_nombre_submodulo .btn_nuevo_registro i{
      top:-2px;
      left: -2px;
    }

    .dataTables_filter .buscar{
      top:10.2em;
      left: .9em;
      height: 1.6em;
      width: 50%;
    }
  .centra_datos_tabla{
    width: 98%;
  }

  .dataTables_info,
.dataTables_paginate
{
   width: 14% !important;
  padding-left: .8em;
}

.dataTables_info{
  padding-left: 1.4em;
  width: 82% !important;
}

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



 /*///////////////////// DISEÑO HOJA PEDIDO / COTIZACIÓN //////////////////*/


#caja_captura_cliente,
#caja_captura_equipo{
  float: left;
  margin-left: 1%;
  width: 70%;
  padding-bottom: 1.8em;
}


#caja_captura_datos_entrega,
#caja_captura_lugar_entrega{
  float: right;
  margin-right: 1%;
  top: 0;
  width: 27%;
  padding-bottom: 0.5em;
}


#caja_informativa_top .agrupa_campo,
#caja_captura_cliente .agrupa_campo{
  float: left;
  left: 0;
  width: 24%;
  margin-left: 0%;
}

#caja_captura_cliente .agrupa_campo{
  width: 49%;
}

.caja_btns_nota{
  width: 26%;
}

.fila_art{
  width: 90%;
  margin: auto;
  margin-top: 1em;
}


#caja_informativa_bottom .agrupa_campo{
  float: left;
  width: 23%;
  margin-left: 2%;
}

#caja_informativa_bottom #total_y_sumatoria{
  float: right;
  width: 23%;
}


.btn_sumatoria{
 right: 1.8em;
 width: 2.6em;
}

.img_whats,
.img_print{
  right: 1.8em;
  width: 8%;
}

.fila_art div{
  font-size: 1em;
}

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


/*//////////// DISEÑOS FORMULARIOS DE CAPTURA, EDICIÓN Y ELIMINAR ///////////////////*/
.caja_archivo{
   width: 27.5%;
   height: 3.2em;
   margin-top: 6.5%;
}

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



/*///////////////////// DISENIO OBJETOS EN MODULO DE TAREAS ////////////////////////*/

.nombre_tarea {
    padding-top: 1.2em;
    padding-bottom: 1.2em;
}
.ficha_reporte {
    width: 49%;
    margin: auto;
    margin-top: 1em;
    margin-left: 1%;
    float: left;
    left: 0;
    top: 0;
}

.ficha_tarea{
   width: 22.5%;
   margin-left: 2%;
}

.centra_caja_captura_tarea{
  width: 56%;
}

.boton_accion {
    width: 58%;
    height: 2.4em;
    line-height: 2.4em;
}

.cont_tarea, .cont_reporte {
    width: 62%;
    margin-bottom: 2em;
    border-radius: .4em;
    font-size: .9em;
    padding-top: .4em;
    padding-bottom: .4em;
}
.titulo_caja_lateral {
    height: 7%;
    margin-top: 2%;
}

.cont_caja_lateral {
  height: 80%;
}

.titulo_caja_lateral .nom_seccion{
  font-size: 1.2em;
}


.titulo_caja_lateral .nom_dato{
  font-size: 1em;
}

.tareas_pendientes span {
  width: 3.3em;
}
.envuelve_menu_completo{
  width: 50%;
  margin: auto;
  margin-bottom: 4em;
}

#envuelve_ficha_menu_1,
#envuelve_ficha_menu_2,
#envuelve_ficha_menu_3{
  float: left;
  width: 32%;
  margin-left: 1%;
}


#cont_tarea_comentarios_menu{
 width: 47%;
}

#cont_tarea_comentarios_menu .cont_tarea{
  float: left;
  width: 30%;
  margin-left: 3%;
  margin-bottom: 3%;
}

#envuelve_ficha_menu_4,
#envuelve_ficha_menu_5,
#envuelve_ficha_menu_6{
  float: left;
  width: 100%;
}

#envuelve_ficha_menu_4 .nombre_timepo_comida,
#envuelve_ficha_menu_4 .img_platillo_princ,
#envuelve_ficha_menu_5 .nombre_timepo_comida,
#envuelve_ficha_menu_5 .img_platillo_princ,
#envuelve_ficha_menu_6 .nombre_timepo_comida,
#envuelve_ficha_menu_6 .img_platillo_princ{
  float: left;
  width: 32%;
  margin-left: 1%;
}

#envuelve_ficha_menu_4 .nombre_timepo_comida,
#envuelve_ficha_menu_5 .nombre_timepo_comida,
#envuelve_ficha_menu_6 .nombre_timepo_comida{
  width: 98%;
}


#envuelve_ficha_menu_4 .ficha_menu_dia,
#envuelve_ficha_menu_5 .ficha_menu_dia,
#envuelve_ficha_menu_6 .ficha_menu_dia{
  width: 99%;
}

.nombre_platillo_princ{
  font-size: .8em;
}

.total_resultados_reporte{
  top: 7em;
}

.btns_manda_nota_cotizacion{
  width: 40%;
  left: 30%;
}
/*/////////////////////////////////////////////////////////////////////////////////*/




.formaDraggable{
  width: 44%;
  top:7.2em;
}

.cerrarForma{
  cursor: pointer;
}


.cerrar_sesion_cel{
  display: none;
}

.cerrar_sesion_pc{
  display: block;
}



.encabezado_con_menu .cerrar_sesion_pc{
  display: none;
}

.pie{
  height: 4em;}



.pie .logos_pie {
    width: 40%;
}


.pie .logos_pie .caja_logo_pie .subcaja_logo_pie{
  width: 50%;
  margin-top: 1em;
}


html .centra_datos_tabla::-webkit-scrollbar  {
    -webkit-appearance: none;
}


html .centra_datos_tabla::-webkit-scrollbar:vertical {
    width:16px;
}

html .centra_datos_tabla::-webkit-scrollbar-button {
    display: none;
} 


html .centra_datos_tabla::-webkit-scrollbar:horizontal {
    height: 10px;
}

html .centra_datos_tabla::-webkit-scrollbar-thumb {
    background-color: #cfcfcf;
    border-radius: 3px;
    border: 1px solid #e4e4e4;
}


html .centra_datos_tabla::-webkit-scrollbar-track {
    border-radius: 3px;  
     box-shadow: inset 0 0 5px grey; 
    width: 10px;
}

html .centra_datos_tabla::-webkit-scrollbar-thumb:hover {
  background: #c0c0c0;
}





}

/*______________________________________________________________________FIN LAPTOPS O/Y ESCRITORIOS CHICOS______________________________________________*/









/*///////////////////////////////////////////////////////////////////////////ESCRITORIOS GRANDES///////////////////////////////////////////////////////////*/

@media (min-width:1400px){


.portadilla .logo_portadilla {
    margin-top: 15%;
    width: 34%;
}

.nombre_sistema{
  font-size:90%;
}

.contenedor_login{
  width: 22%;
}


.caja_logo_portada{
  width: 40%;
}


.portadilla .logo_portadilla .caja_logo_portada{
  width: 100%;
}


.logo_portadilla img{
  width: 52%;
  margin: auto;
}

.logo_encabezado .nombre_sistema{
  font-size:72%;
}

.mensaje_espera {
  margin-top: 14%;
    width: 30%;
  }


.foto_perfil{
  width: 7%;
}

.encabezado_con_menu .logo_encabezado {
  width: 19em;
  margin-left: 0px;
}

.encabezado_con_menu .logo_encabezado .caja_logo_portada{
  width: 31%;
}

.encabezado_con_menu .foto_perfil {
    width: 4.5%;
    margin-right: 4%;
 }

.caja_opciones_menu{
  width: 17%;
  margin: auto;
}

#caja_opcion_select,
.caja_opciones_menu .boton_seleccion_opcion_menu{
  width: 100%;
  cursor: pointer;
}

.opcion_menu{
  cursor: pointer;
}

.encabezado_con_menu .etiqueta_bienvenida{
      margin-top: -4em;
    margin-right: 9.8%;
}

.encabezado_con_menu .nombre_usuario{
  margin-top: -2em;
  margin-right: 9.8%;
}


.titulo_caja_lateral{
  margin-top: 1%;
  overflow: hidden;
}


/*////////////////////////////// DISENIOS PARA CAJA FILTROS //////////////////////////////////////////*/
    .caja_opciones_filtros i.cerrar{
      right:26em;
      top:3em;
    }

    .caja_opciones_filtros .contenedor_filtros{
        width: 30%;
        height: 28em;
        top:7.2em;
    }
    /*//////////////////////////////////////////////////////////////////////////////////////////*/


/*///////////////////////////////// DISEÑO TABLA  /////////////////////////////////*/
.cont_campo_busqueda{
  width: 56%;
  margin-left: 2%;
}

.caja_datos_tabla{
      position: relative;
      float: none;
      width: 98%;
      margin: auto;
      right: 0;
      margin-bottom: 1.8em;
    }

table{
      width: 100% !important;
    }

.scroll_horizontal_table{
  width: 96%;
}

.dataTables_filter .buscar {
    top: 20em;
    left: 2.6em;
    width: 48%;
}

.caja_datos_tabla, .caja_nombre_submodulo{
  width: 96%;
}

.centra_datos_tabla{
  width: 98%;
}


.dataTables_info,
.dataTables_paginate
{
   width: 13% !important;
  padding-left: .8em;
}

.dataTables_info{
  padding-left: 1.4em;
  width: 83% !important;
}


.agrupaTabla {
    margin-top: 0em;
}

.margen_tabla_dinamica{
  margin-top: 11em;
}

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


/*///////////////////// DISEÑO HOJA PEDIDO / COTIZACIÓN //////////////////*/


#caja_captura_cliente,
#caja_captura_equipo{
  float: left;
  margin-left: 1%;
  width: 70%;
  padding-bottom: 1.8em;
}


#caja_captura_datos_entrega,
#caja_captura_lugar_entrega{
  float: right;
  margin-right: 1%;
  top: 0;
  width: 27%;
  padding-bottom: 0.5em;
}


#caja_informativa_top .agrupa_campo,
#caja_captura_cliente .agrupa_campo{
  float: left;
  left: 0;
  width: 24%;
  margin-left: 0%;
}

#caja_captura_cliente .agrupa_campo{
  width: 49%;
}

.caja_btns_nota{
  width: 26%;
}

.fila_art{
  width: 90%;
  margin: auto;
  margin-top: 1em;
}

#caja_informativa_bottom .agrupa_campo{
  float: left;
  width: 23%;
  margin-left: 2%;
}

#caja_informativa_bottom #total_y_sumatoria{
  float: right;
  width: 23%;
}

.btn_sumatoria{
 right: 1.8em;
 width: 2.6em;
}


.img_whats,
.img_print{
  right: 1.8em;
  width: 8%;
}
.fila_art div{
  font-size: 1em;
}


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


/*//////////// DISEÑOS FORMULARIOS DE CAPTURA, EDICIÓN Y ELIMINAR ///////////////////*/
.caja_archivo{
  width: 20.5%;
  height: 3.8em;
  margin-top: 6.5%;
 }

.caja_archivo .nombre_archivo{
  line-height: 1.6em;
}


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




/*///////////////////// DISENIO OBJETOS EN MODULO DE TAREAS ////////////////////////*/

.nombre_tarea {
    padding-top: 0em;
    padding-bottom: 0em;
}
.ficha_reporte {
    width: 32%;
    margin: auto;
    margin-top: 1em;
    margin-left: 1%;
    float: left;
    left: 0;
    top: 0;
}

.ficha_tarea{
  width: 13%;
  margin-left: 1%;
  margin-top: 2%;
}

.centra_caja_captura_tarea{
  width:38%;
}

.boton_accion {
    width: 58%;
    height: 2.4em;
    line-height: 2.4em;
}

.cont_tarea, .cont_reporte {
    width: 62%;
    margin-bottom: 2em;
    border-radius: .4em;
    font-size: .9em;
    padding-top: .4em;
    padding-bottom: .4em;
}
.titulo_caja_lateral {
    height: 7%;
    margin-top: 2%;
}

.cont_caja_lateral {
  height: 80%;
}

.titulo_caja_lateral .nom_seccion{
  font-size: 1.2em;
}


.titulo_caja_lateral .nom_dato{
  font-size: 1em;
}

.tareas_pendientes span {
  width: 5.3em;
}

.envuelve_menu_completo{
  width: 50%;
  margin: auto;
  margin-bottom: 4em;
}

#envuelve_ficha_menu_1,
#envuelve_ficha_menu_2,
#envuelve_ficha_menu_3{
  float: left;
  width: 32%;
  margin-left: 1%;
}

#cont_tarea_comentarios_menu{
 width: 47%;
}

#cont_tarea_comentarios_menu .cont_tarea{
  float: left;
  width: 30%;
  margin-left: 3%;
  margin-bottom: 3%;
}

#envuelve_ficha_menu_4,
#envuelve_ficha_menu_5,
#envuelve_ficha_menu_6{
  float: left;
  width: 100%;
}

#envuelve_ficha_menu_4 .nombre_timepo_comida,
#envuelve_ficha_menu_4 .img_platillo_princ,
#envuelve_ficha_menu_5 .nombre_timepo_comida,
#envuelve_ficha_menu_5 .img_platillo_princ,
#envuelve_ficha_menu_6 .nombre_timepo_comida,
#envuelve_ficha_menu_6 .img_platillo_princ{
  float: left;
  width: 32%;
  margin-left: 1%;
}

#envuelve_ficha_menu_4 .nombre_timepo_comida,
#envuelve_ficha_menu_5 .nombre_timepo_comida,
#envuelve_ficha_menu_6 .nombre_timepo_comida{
  width: 98%;
}


#envuelve_ficha_menu_4 .ficha_menu_dia,
#envuelve_ficha_menu_5 .ficha_menu_dia,
#envuelve_ficha_menu_6 .ficha_menu_dia{
  width: 99%;
}

.nombre_platillo_princ{
  font-size: .8em;
}

.total_resultados_reporte{
  top: 7em;
}

.btns_manda_nota_cotizacion{
  width: 40%;
  left: 30%;
}

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


/*////////////////////////////////////// MAKE FOTO PERFIL /////////////////////////////////////////////*/

  .img_dispara_edicion{
    width: 8em;  
     margin-top:20%; 
  }


  .img_dispara_edicion i {
    right: 1.5em;
  }

  .cargando_img{
    width: 6em;
  }

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




.formaDraggable{
  width: 30%;
}

.no_daraggable{
  height: 25em;
}

#btn_nuevo_registro_principal{
  margin-right: 1.2em;
  width: 7.2em;
  margin-top: .4em;
  cursor: pointer;
}

.btn_filtros{
  margin-right: 3.2em;
}

.caja_nombre_submodulo .btn_nuevo_registro i {
    top: -2px;
    left: -4px;
}

.btn_nuevo_registro, 
.cerrarForma,
.boton_menu_cel{
  cursor: pointer;
}

.nombre_modulo i {
    padding-left: .4em;
}

.boton_menu_cel{
  right: 1%;
  top: 2.4em;
  width: 2%;
}


.contenedor_menu_principal,
.contenedor_menu_personal
{
    width: 20%;
    margin-left: 40%;
    height: 20em;
    margin-top: 13.5em;
}

.encabezado_con_menu .contenedor_menu_principal,
.encabezado_con_menu .contenedor_menu_personal{
  top: .5em !important;
  height: auto;
  min-height: auto;
  max-height: 27em;
  width: 60%;
  margin-left: 39%;
  margin-top: 0%;
}


.encabezado_con_menu .contenedor_menu_personal{
  width: 33%;
  margin-left: 62.5%;
  max-height: 8em;
}



.contenedor_login form{
  width: 92%;
  margin: auto;
}

.contenedor_login form .input_entrar{
padding: 0;
}

.form-group{
  width: 86%;
}

.contenedor_login .input_pass_login, 
.contenedor_login .input_mail_login{
  width: 100%;  
}

.contenedor_login form input{
  height: 2.6em;
}

.form-group .icon_input{
  margin-top:1.3em;
}

.cerrar_sesion_pc{
  display: block;
}

.cerrar_sesion_cel{
  display: none;
}


.campo .etiqueta_campo_right .select:after{
  right: .4em;
}

.encabezado_con_menu .cerrar_sesion_pc{
  display: none;
}
 
 .pie{
  height: 4.2em; 
 }



.pie .logos_pie {
    width: 28%;
}


.pie .logos_pie .caja_logo_pie .subcaja_logo_pie{
  width: 50%;
  margin-top: 1.4em;
}



html .centra_datos_tabla::-webkit-scrollbar  {
    -webkit-appearance: none;
}


html .centra_datos_tabla::-webkit-scrollbar:vertical {
    width:16px;
}

html .centra_datos_tabla::-webkit-scrollbar-button {
    display: none;
} 


html .centra_datos_tabla::-webkit-scrollbar:horizontal {
    height: 10px;
}

html .centra_datos_tabla::-webkit-scrollbar-thumb {
    background-color: #cfcfcf;
    border-radius: 3px;
    border: 1px solid #e4e4e4;
}


html .centra_datos_tabla::-webkit-scrollbar-track {
    border-radius: 3px;  
     box-shadow: inset 0 0 5px grey; 
    width: 10px;
}

html .centra_datos_tabla::-webkit-scrollbar-thumb:hover {
  background: #c0c0c0;
}



}
/*_______________________________________________________________FIN ESCRITORIOS GRANDES_____________________________________________________________________________________*/


/*____________________________________________________ REGLAS GENERALES _______________________________________________________________________________________*/
    /* mostrar el calendario al hacer click */
    input[type="date"]::-webkit-calendar-picker-indicator {
        display: block;
        background: transparent;
        bottom: 0;
        color: transparent;
        cursor: pointer;
        height: auto;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
    }
   
    /* mostrar la fecha seleccionada al estar en hover */
    input[type="date"]:hover::-webkit-datetime-edit {
        display: block;
    }

/*____________________________________________________________________________________________________________________________________________________________*/