a.herramientas {
  text-decoration: none; /* remove underline when not active */
  color: #f3f2ec; /* set color when not active */
}

a.herramientas:hover {
  text-decoration: underline; /* underline on hover */
  color: #ffcc00;   
}

a.herramientas:active {
  color: #ff5500; 
}

.herramientas_div {
  padding: 10px;
  background-color: #a9a3a2;
  border: 2px solid white;
}

.imagen300 {
  max-width: 300px;
}

.div_warning{
  background: #d4c393;
  padding: 20px;
}

.table_produccion_fechas {
  float: right;
}


.tabla_etiqueta {
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  vertical-align: top;
  text-align: left;
}


.tabla_etiqueta_td_izq {
  vertical-align: top;
  text-align: center;
  font-family: Arial, sans-serif;
  color: #000000;
  padding: 0px;
  /*max-width: 500px;*/
}

.tabla_etiqueta_td {
  vertical-align: top;
  text-align: left;
  padding: 0px;
  font-family: Arial, sans-serif;  
  color: #000000;
}

.tabla_etiqueta_kgs{
  font-size: 40px;
}

.tabla_etiqueta_small{
  font-size: 10px;
}

.tabla_etiqueta_huevo{
  font-size: 18px;
}

.tabla_etiqueta_normal{
  font-size: 14px;
}


.tabla_prod {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
}

.tabla_prod th,
.tabla_prod td {
  padding: 0.75rem;
  text-align: left;
  vertical-align: middle;
}

.tabla_prod th {
  font-weight: bold;
}

.tabla_prod_fondo_gris {
  background-color: #c1c1c1;
}

.tabla_prod_fondo_verde {
  background-color: #bae8ad;
}


.fo_oc_celda_cafe{
  background-color: #613a2e;
  color: white;
  font-weight: bold;  
  padding: 3px;
}

.fo_oc_celda_cafe_con_borde{
  background-color: #613a2e;
  color: white;
  font-weight: bold;  
  padding: 3px;
  border: 1px solid black;
}

.fo_oc_celda_gris{
  background-color: #f2f2f2;
  color: black;    
  padding: 3px;  
}

.fo_oc_conborde{
  padding: 10px;
  border: 1px solid black;
  text-align: center;
}

.fo_oc_div_pdf_ok{
  background-color: #94db9c;
  color: black;  
}

.fo_oc_div_pdf_mal{
  background-color: #e0c814;
  color: black;  
  padding: 3px;
}

.fo_oc_h2 {
  font-size: 22px;
  font-weight: bold;
}

.fo_oc_tabla_principal {
  width: 100%;
  font-family: Arial;
  font-size: 12px;
  color: black;
}

.fo_oc_tr_blanco_con_borde{
  background-color: white;
  color: black;  
  padding: 3px;
  border: 1px solid black;
}

.fo_oc_tr_gris_con_borde{
  background-color: #f2f2f2;
  color: black;  
  padding: 3px;
  border: 1px solid black;
}

.nv_contenedor {
  width: 100%;
  font-family: Arial;
  font-size: 14px;
  color: black;
}

.nv_con_borde{
  border: 1px solid black;
}

.nv_ancho_10 {
  width: 10%;
}

.nv_ancho_24 {
  width: 24%;
}

.nv_ancho_32 {
  width: 32%;
}

.nv_f_fecha{
  font-family: Arial;
  font-size: 22px;
  color: black;
}

.nv_f_num_nota{
  font-family: Arial;
  font-size: 18px;
  color: black;
  font-weight: bold;
  text-align: center;
}

.nv_td_nombre_cte{
  border-bottom: 1px solid black;
  font-family: Arial;
  font-size: 24px;
  color: black;  
}

.nv_celda_cafe_texto_blanco{
  background-color: #613a2e;
  color: white;
  font-weight: bold;  
  padding: 3px;
  border: 1px solid black;
  text-align: center;
}

.nv_tabla_fechas{
  width: 100%;
  font-family: Arial;
  font-size: 12px;
  color: black;
  text-align: center
}



.nv_centrar_texto {
  text-align: center;
}

.fuente_30 {
  font-size: 30px;
}

.fuente_25 {
  font-size: 25px;
}

.fuente_20 {
  font-size: 20px;
}


.negro{
  color: #000000;
}

a.negro{
  color: #000000;
  text-decoration: none; 
}

a.negro:hover{
  color: #ffcc00;
  text-decoration: underline; 
}

a.negro:active{
  color: #ff5500; 
}

.fcafe{
  color: #613a2e;
}

a.fcafe {
  text-decoration: none; 
  color: #613a2e;
}

a.fcafe:hover {
  text-decoration: underline; /* underline on hover */
  color: #ffcc00;   
}

a.fcafe:active {
  color: #ff5500; 
}

.fnegro{
  color: #000000;
}

a.fnegro {
  text-decoration: underline; 
  color: #613a2e;
}

a.fnegro:hover {
  text-decoration: underline; /* underline on hover */
  color: #ffcc00;   
}

a.fnegro:active {
  color: #ff5500; 
}

.fverde{
  color: #33b978;
}

a.fverde {
  text-decoration: none; 
  color: #33b978;
}

a.fverde:hover {
  text-decoration: underline; /* underline on hover */
  color: #ffcc00;   
}

a.fverde:active {
  color: #ff5500; 
}



.fgris{
  color: #726c6a;
}

a.fgris {
  text-decoration: none; 
  color: #726c6a;
}

a.fgris:hover {
  text-decoration: underline; /* underline on hover */
  color: #ffcc00;   
}

a.fgris:active {
  color: #ff5500; 
}



.home_encabezado{
  background: #f3f2ec;
  padding: 20px;
}
.home_opciones{
  background:#ffffff;
  padding: 20px;
  margin-top: 40px;
}

.padform{
  padding:20px;
}

.forma_campo_requerido{
  border: 2px solid #613a2e;
}

.forma_text_area{
  height: 100px;
}

.nav-tabs .nav-item .nav-link {
  background-color: #130d0b;
  margin-right: 0.5em;
  color: rgb(177, 174, 174);
}

.nav-tabs .nav-item .nav-link.active {
  color: #dabd1e;
  font-weight: bolder;
  background-color: #613a2e;
}

.tab-content {
  border: 1px solid #dee2e6;
  border-top: transparent;
  padding: 15px;
}

.tab-content .tab-pane {
  background-color: #FFF;
  color: #000000;
  min-height: 200px;
  height: auto;
}


.home_opcion{
  background: #613a2e;			
  display: flex;
  align-items:center;
  justify-content:center;
  padding: 20px;            
}   

.clientes_titulos{            
  padding: 20px;			            
}

.aviso_verde .row {
  background-color: rgb(179, 223, 179);
  color: #613a2e;
}

.home_opcion{
  background: #613a2e;
  display: flex;
  align-items:center;
  justify-content:center;
  padding: 20px;
}                        

.boton_cafe{
  background: #613a2e;            
  color: #ffffff;
}

.inicio_titulo {
  background: #613a2e;
  color: #ffffff;
}

.inicio_link {
  background: #613a2e;
  color: #ffffff;  
}






.home_links{
  text-decoration:none;
}


.btn-cafe{
      color: #ffffff;
      background-color: #613a2e;
      border-color: #613a2e;   
}

.btn-cafe:hover{
  color: #ffffff;
      background-color: #9d6e4f;
      border-color: #000000;
  }

.btn-custom{
color: #fff;
    background-color: #613a2e;
    border-color: #613a2e;
}

.btn-custom:hover{
color: #fff;
    background-color: #613a2e;
    border-color: #000;
}

.input-group-text{
color: #fff;
    background-color: #613a2e;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #613a2e;
    border-color: #613a2e;
}


.dataTables_wrapper {
    font-size: 15px;
}



/* Para 960px */  
@media only screen and (max-width: 980px) and (min-width: 821px) {  
  .imagen300 {
    max-width: 150px;
  }
}  
  
/* Para 800px */  
@media only screen and (max-width: 820px) and (min-width: 621px) {  
  .imagen300 {
    max-width: 150px;
  }
}  
  
/* Para 600px */  
@media only screen and (max-width: 620px) and (min-width: 501px) { 
    .dtmail{
    display: none;
  }
  .dtrs{
    display: none;
    
  }

  .imagen300 {
    max-width: 80px;
  }
  
}  
  
/* Para 480px */  
@media only screen and (max-width: 500px) and (min-width: 341px) {  
  .dtmail{
    display: none;
  }
  .dtrs{
    display: none;
    
  }

  .imagen300 {
    max-width: 80px;
  }
}  
  
/* Para 320px */  
@media only screen and (max-width: 340px) and (min-width: 5px)  {    

  .dtmail{
    display: none;
  }
  .dtrs{
    display: none;
  }

  .imagen300 {
    max-width: 80px;
  }
} 

.gradient-cafe {
  /* fallback for old browsers */
  background: #fccb90;
  
  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(to right, #432d2b, #51312e, #654335, #6f4e37);
  
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(to right, #432d2b, #51312e, #654335, #6f4e37);
  }
  
  @media (min-width: 768px) {
  .gradient-form {
  height: 100vh !important;
  }
  }
  @media (min-width: 769px) {
  .gradient-custom-2 {
  border-top-right-radius: .3rem;
  border-bottom-right-radius: .3rem;
  }
  }