@media all and (min-width:601px){

    .header{
        height: 10vh;
        background-color: rgb(219, 219, 219);
    }
    
    .header-window{
        height: 10vh;
        background-color: rgb(219, 219, 219);
    }
    
    .header-window img{
        width:20vh;
        margin:0px !important;
    }
    
    .header img{
        width: 20vh;
        margin-top: 10px;
        margin-left: 10px;
    }
    
    .header .user{
        padding-top: 25px;
        font-weight: bold;
    }
    
    .menu{
        height: 4vh;
        background-color: #212529;
        color: white;
    }
    
    .menu .navbar{
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }
    
    .menu label{
        padding-top: 10px;
    }
    
    .menu input{
        margin-top: 10px;
    }
    
    .menu select{
        margin-top: 10px;
    }
    
    body{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .main{
        height: 76vh;
    }
    
    .main .cabecera{
        height: 20vh;
    }
    
    .main .cabecera h3{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .main .contenido{
        height: 64vh;
        overflow-y: scroll;
    }
    
    .main .contenido h3{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .main .contenido .linea:nth-child(2n+1){
        background-color: #DDD;
    }

    .barra-boton-extra{
        height: 8vh;
        background-color: #ddd;
    }


    .fibo{
        padding-top: 25px;
        height: 86vh;
        overflow: scroll;
        padding-bottom: 200px;
    }




    
    .nav-item{
        padding-right: 15px !important;
    }
    
    
    .datos{
        
        margin-top:25px;
        
    }
    
    .cuerpo{
        text-align: center;
        padding-top: 50px;
    }

    .cuerpo .btn {
        background-color: DodgerBlue; /* Blue background */
        border: none; /* Remove borders */
        color: white; /* White text */
        padding: 12px 16px; /* Some padding */
        font-size: 80px; /* Set a font size */
        cursor: pointer; /* Mouse pointer on hover */
        margin-bottom: 15px;
      }
      
      /* Darker background on mouse-over */
     .cuerpo .btn:hover {
        background-color: RoyalBlue;
      }
        

    .cuerpo a{
        color: black;
        text-decoration: none;
    }
    
    
    .login{
        text-align: center;
        margin-top: 100px;
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 25px;
        padding-right: 25px;
        background-color: #bebebe;
        border: 1px solid black;
    }
    
    .login .boton{
        background-color: red;
        color: white;
    }
    
    .login .boton:hover{
        background-color: rgb(250, 84, 54);
    }
    
    .row{
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    
    .alergenos{
        margin-top: 5px;
        padding-bottom: 15px;
        background-color: rgb(226, 226, 226);
       
    }
    
    .aminograma{
        margin-top: 5px;
        padding-right: 15px;
        padding-bottom: 15px;
        
    }
    
    input{
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
    .minerales{
        margin-top: 5px;
        padding-right: 15px;
        padding-bottom: 15px;
        background-color: rgb(226, 226, 226);
      
    }
    .vitaminas{
        margin-top: 5px;
        padding-right: 15px;
        padding-bottom: 15px;
      
    }
    
    .nutricion{
        margin-top: 5px;
        padding-right: 15px;
        padding-bottom: 15px;
        background-color: rgb(226, 226, 226);
      
    }
    
    .nutricion hr{
        border-top: 10px solid;
        opacity: 0.5;
        margin-top: 15px;
    }
    
    .nutricion .digezyme{
        font-weight: bolder;
    }
    
    .nutricion .creatina{
        font-weight: bolder;
    }
    
    .nutricion2 hr{
        border-top: 10px solid;
        opacity: 0.5;
        margin-top: 15px;
    }
    
    .nutricion2 .digezyme{
        font-weight: bolder;
    }
    
    .nutricion2 .creatina{
        font-weight: bolder;
    }
    
    
    .amarillo{
        background-color: #fff6cd;
    }
    
    .red{
        background-color: #f008087a;
        text-align: right;
        Padding-top: 0;
    }
    
    .red label{
        font-weight: bold;
    }
    
    .padding{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    
    .buscador{
        height: 6vh;
        width: 100%;
        background-color: antiquewhite;
        padding-top: 5px;
    }
    
    .buscador input{
        padding-right: 10px;
    }
    
    .inline{
        display: flex;
        margin:0;
    }
    
    .inline select option:checked{
        background-color: rgb(138, 137, 137);
    }
    
    .inline select option:hover{
        background-color: rgb(138, 137, 137);
    }
    
    .inline label{
        padding-top: 5px;
    }
    
    .buscador .botonbuscador{
        margin-left: 15px;
    }
    
    .foto img{
        width: 100%;
    
    }
    
    .listlabel{
        height: 76vh;
        width: 100%;
        overflow: scroll;
        padding: 0;
    }
    
    .listlabel .barra{
        background-color: black;
    }
    
    .listlabel h5{
        font-size: 16px;
        padding-top: 5px;
        font-weight: bold;
        color: white;
    }
    
    .listamazon{
        height: 70vh;
        width: 100%;
        overflow: scroll;
        padding: 0;
    }
    
    .listamazon .barra{
        background-color: black;
    }
    
    .listamazon h5{
        font-size: 16px;
        padding-top: 5px;
        font-weight: bold;
        color: white;
    }
    
    .listamazon .filaetiqueta:hover{
        background-color: rgb(255, 81, 0);
        font-weight: bold;
        color:white;
    }
    
    .numeracion{
        color: black !important;
    }
    
    .numeracion ul{
        text-align: center !important;
    }
    
    .numeracion a{
        color:black
    }
    
    .newlabel{
        height: 82vh;
        width: 100%;
        overflow: scroll;
    }
    
    .newlabel .foto{
    
        max-width: 250px;
    }
    .newlabel h4{
        padding-bottom: 15px;
        padding-top: 10px;
    }
    
    .filaetiqueta img{
        padding: 5px;
        width: 30px;
    }
    
    .filaetiqueta:nth-child(2n){
        background-color: lightgray;
    }
    
    .grey{
        background-color: rgb(206, 206, 206);
    }
    
    .adjuntos{
        background-color: #DDD;
    }
    
    .adjuntos h5{
        padding-top: 10px;
    }
    
    .adjuntos label{
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
    .hojapalet{
        font-size: 18px;
    }
    
    .hojapalet h3{
        padding-bottom: 15px;
        padding-top: 15px;
        font-size: 26px;
    }
    
    .hojapalet .codigobarras{
        text-align: center;
    }
    
    .hojapalet .codigobarras img{
        width: 300px;
        padding-top: 100px;
    }
    
    /****************************
        No conformidad
    
    *****************************/
    
    .noconformidad{
        height: 82vh;
        width: 100%;
        overflow: scroll;
        padding: 0;
        font-size: 14px;
    }
    
    .noconformidad h3{
    
        padding-top: 5px;
    }
    
    .noconformidad label{
        font-weight: bold;
    }
    
    .noconformidad .row{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .noconformidad .row:nth-child(2n){
        background-color: #DDD;
    }
    

    .noconformidad-registro{
        padding-top: 15px;
        padding-bottom: 15px;
        height: 82vh;
        width: 100%;
        overflow: scroll;
        font-size: 12px;
    }

    .noconformidad-registro .row{

        margin-top: 10px;
    }

    .noconformidad-registro input{
        margin-top: 10px;
        font-size: 12px;
    }

    .noconformidad-registro select{
        margin-top: 10px;
        font-size: 12px;
        }

    .noconformidad-registro textarea{
        font-size: 12px;
    }

    .noconformidad-datos{
        background-color: #EEE;
        padding-top: 15px;
        padding-bottom: 15px;

    }

    .noconformidad-recogida{
        background-color: #DDD;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .noconformidad-recogida img{
        vertical-align: middle;
    }


    .noconformidad .btn{
        margin-top: 15px;
    }
    
    .noconformidad img{
        width: 15px;
    }


    .logistica{

        margin-top: 0 !important;
        padding-top: 15px;
        background-color: #b1b1b1;
        padding-bottom: 15px;
    }



    
    .ui-front {
        list-style-type: none;
        background-color: rgb(230, 230, 230);
        padding-left: 0 !important;
        max-width: 100%;
    }
    
    .ui-front li:hover{
        background-color: chocolate;
    }
    
    .listNC{
        height: 76vh;
        overflow: scroll;
        padding: 0;
    }
    
    .resultados .barra{
        background-color: black;
        color: white;
    }

    
    .listNC h5{
        font-size: 16px;
        padding-top: 5px;
        font-weight: bold;
        color: white;
    }
    
    .listNC .filaetiqueta:hover{
        background-color: rgb(255, 81, 0);
        font-weight: bold;
        color: white;
    }
    
    .listNC .filaetiqueta input{
        margin-right: 25px;
    }
    
    .listNC .resultados{
        font-size: 12px;
    }

    .listnotificaciones{
        padding:0;
    }


    .notificaciones{

        background-color: #faecac;
        height: 70vh;
        overflow-y: scroll;
        padding: 0;

    }

    .notificaciones h4{
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .notificaciones .notificacion{
        padding-top: 5px;
        padding-bottom: 5px;
        border-top: 1px solid grey;
        border-bottom: 1px solid grey;
    }

    .notificaciones .notificacion:hover{
        background-color: #ffa600;
    }

    .notificaciones .notificacion h5{
        padding-top: 10px;
        font-weight: bold;
        font-size: 14px;
    }

    .notificaciones .notificacion h6{
        font-size: 12px;
        text-align: right;
    }


    .notificaciones-boton{
        height: 6vh;
        background-color: #faecac;
        padding: 0;
    }

    .notificaciones-boton .boton{
        margin:0;
    }



    /**************************************************************
    
                    No conformidad Correo

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

    .correo{

        padding-top: 25px;
        background-color: #faeda7;
        width: 100%;
        height: 100%;
    }

    .correo h4{
        text-align: center;
    }

    .correo h6{
        text-align: center;
        padding-top: 5px;
    }

    .correo .opciones{
        padding-top: 15px;
    }

    .correo label{
        padding-top: 5px;
    }

    .correo .boton{
        margin-top: 15px;
    }

    
    /** ocultar campo **/
    
    .hidden{
        display: none;
    }
    
    .show{
        display:auto;
    }
    
    
    .ui-helper-hidden-accessible{
        display: none;
    }
    

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

            FACTURACIÓN

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

    .exportfacturas{
        height: 76vh;
        overflow: scroll;
        padding: 0;
        margin-top: 0px;
        margin-left: 0px;

    }
    
    .exportfacturas .row{
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 15px;
    }

    .exportfacturas .fecha{
        background-color: #f8e88c;
    }


    /*****************/
    
    .uploadexcellogistica{
        padding-top: 15px;
    
    }
    
    .uploadexcellogistica form{
        display:inline-flex;
    }
    
    .uploadexcellogistica form .hover:hover{
        background-color: rgb(209, 209, 209);
    }
    
    .resultadoslogistica{
    
        padding: 15px 15px 15px 15px;
        font-size: 14px;
    }
    
    .resultadoslogistica .primera{
        background-color: black;
        color: white;
        font-weight: bolder;
    }
    
    
    datalist {
        display: none;
      }
    
    
    .direcciones h5{
        font-size: 14px;
    }
    
    .direcciones h6{
        font-size: 12px;
    }
    
    .barradirecciones
    {
        background-color: black;
        color: white;
        height: 9vh;
        position:static;
    }
    
    .listadirecciones{
        overflow-y: scroll;
        height: 90vh;
    }
    
    .listadirecciones .row:hover{
        background-color: rgb(255, 81, 0);
        color: white;
    }
    
    .listadirecciones .row:nth-child(2n):hover{
        background-color:rgb(255, 81, 0);
        color: white;
    }
    
    .listadirecciones .row:nth-child(2n){
        background-color: #ddd;
    }
    
    .listafacturas .barra{
        background-color: black;
        color: white;
        font-weight: bold;
    }
    
    .listafacturas .row:nth-child(2n){
        background-color: #DDD;
    }
    
    
    
    /*********************************************
    **         SGA                              **
    *********************************************/
    
    .sga-list{
        height: 84vh;
        overflow: scroll;
        font-size: 12px;
    }
    
    .sga-list-search{
        height: 8vh;
        background-color: rgb(199, 199, 199);
    }
    
    .sga-list-search input{
        display: inline-block;
    }
    
    .sga-list .sgarow-primary{
        background-color:#727272;
        color: white;
        border: 1px solid white;
        padding: 1px;
    }
    
    .sga-list h4{
        padding-top: 15px;
        font-size: 16px;
    }
    
    .sga-list .listapedidos{
        height: 75vh;
        overflow: scroll;
    }
    
    
    .sga-list .desglose{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .sga-list .desglose h5{
        padding-top: 15px;
        font-size:18px;
        margin-bottom: 15px;
    }
    
    .sga-list .desglose .row:nth-child(2n+1){
        background-color: #EEE;
    }
    
    
    .sga-list .desglose .lineas:hover{
        background-color: rgb(243, 120, 4);
    }
    
    
    .sga-list .desglose .black{
        background-color: black !important;
        color: white;
    }
    
    .sga-list .detalles{
        width: 100%;
        height: 100%;
        font-size: 12px;
    }
    
    .detallespicking{
        font-size: 12px;
    }
    
    .detallespicking .black{
        background-color: black;
        color: white;
    }
    
    .detallespicking .tiempos{
        background-color: beige !important;
        color: black;
    }
    
    .detallespicking .tiempos h5{
        font-size: 14px;
        padding-top: 10px;
        padding-bottom: 5px;
        text-align: center;
    }
    
    .detallespicking .tiempos:hover{
        color:black !important;
    }
    
    
    .listadirecciones{
        font-size: 12px;
    }

    .analisis-picking{
        height: 84vh;
        overflow: scroll;
    }

    .analisis-picking .seleccion{
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: #c7c7c7;
        height: 10vh;
    }
    
}

/***********************************************
            PROMOFARMA

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

.promofarma .pedido{
    margin: 15px;
}

.promofarma .numped{
    display: inline-flex;
    border: 1px solid grey;
    border-radius: 0px 5px 0px 0px;
    background-color: #faecac;

}

.promofarma .linped{
  
    background-color: #f5f5f5;
    padding:5px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.986);
}

.promofarma .dataped{
 
    background-color: #f5f5f5;
    padding:5px;

}

.promofarma h5{
    font-size: 1rem;
    margin-bottom: 0 !important;
}

.promofarma h6{
    font-size: 0.8rem;
}

.promofarma .bodyped{
    border: 1px solid grey;
}



/***************************************
            INFORMES

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

.informe{
    height: 84vh;
    font-size: 12px;
    overflow:hidden;
    padding-top: 0;
}

.informe-buscador{
    padding-top: 10 !important;
    padding-bottom: 0 !important;
    height: 8vh;
    background-color: #ddd;
}

.informe-resultados{
    overflow: scroll;
    height: 76vh;
}

.informe-resultados .barra{
 
    background-color: black;
    color: white;

}

.informe-resultados .row{
    height: 3vh;
    padding-top: 5px;
}

.informe-resultados .row:nth-child(2n){
    background-color: #ddd;
}


/****************************************
            Plasticos

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


.buscadorPlastico{
    height: 10vh;
    padding-top: 15px;
    background-color: #DDD;
}

.buscadorPlastico .linea{
    display: inherit;
}

/***********************************
        OUTVIO
**************************************/

.outvio{
    height: 78vh;
    overflow: scroll;
    font-size: 12px;
}

.outvio .height{
    height: 100%;
}
.outvio .barra{
    background-color: black;
    color: white;
    font-size: 16px;
}

.outvio .pedidos{
    font-size:12px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.outvio .pedidos h6{
    display: inline;
    font-weight: bolder;
}

.outvio .pedidos:hover{
    background-color: rgb(223, 223, 223) !important;
}

.outvio .pedidos{
    border-bottom: #b1b1b1 1px solid;
}

.outvio .pedidos img{
    padding: 5px;
    width: 30px;
}

#DHL{
    background-color: #ffa600;
    color: red;
    font-weight: bolder;
    text-align: center;
}

#REDUR{
    background-color: #005e08;
    color: white;
    font-weight: bolder;
    text-align: center;
}
#TIPSA{
    background-color: #0e00d3;
    color: rgb(250, 233, 0);
    font-weight: bolder;
    text-align: center;
}


.REDUR{
    background-color: #005e08;
    color: white;
   
}
.TIPSA{
    background-color: #0e00d3;
    color: rgb(250, 233, 0);
    padding-left: 10px;
    padding-right: 10px;
   
}

#mostrarPDF{
    height: 100% !important;
}

#mostrarPDF iframe{
    height: 100%;
    width: 100%;
}

.outvio .green{
    background-color: #78c937;
}

.logistica-etiquetas{
   padding:15px;
}

.logistica-etiquetas .row{
    padding-top: 10px;
}

.logistica-etiquetas input{
    font-size: 12px;
}


/***********************************
        
            PEDIDOS

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

.barra-amarilla{
    background-color: #faf1bd;
    padding: 5px;
    height: 6vh;
}

.barra-amarilla label{
    padding-top: 10px;
}

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

        INTERNACIONAL


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

#datos{

    padding-top: 25px;
    padding-bottom: 25px;
}

#supplementfacts{

    padding-top: 25px;
    background-color: #EEE;
    padding-bottom: 25px;
}


#amino{

    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #DDD;
}

#ingredientes{

    padding-top: 25px;
    padding-bottom: 25px;
}

#microbiology{

    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #EEE;
}

#safety{

    padding-top: 25px;
    padding-bottom: 25px;

}

#patents{
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #EEE;
}

#send{
    padding-top: 25px;
    padding-bottom: 25px;
}

#send input{
    background-color: rgb(61, 61, 247);
    color:white;
}

.listCOA{
    height: 84vh;
    overflow: scroll;
    padding: 0;
}

.listCOA .barra{
    background-color: black;
}

.listCOA h5{
    font-size: 16px;
    padding-top: 5px;
    font-weight: bold;
    color: white;
}

.listCOA .filaetiqueta:hover{
    background-color: rgb(255, 81, 0);
    font-weight: bold;
    color: white;
}

.listCOA .filaetiqueta input{
    margin-right: 25px;
    font-size:12px;
}

.listCOA .resultados{
    font-size: 12px;
}

.detalles iframe{
    width: 100%;
    height: 100%;
    font-size: 12px;
}


.generarcoa{
    padding-top: 15px;
}

.generarcoa .row{
    padding-top: 5px;
}

.generarcoa .checkbox{
    margin-right: 15px;
}

#listacheck .border{
    padding-top: 5px;
    padding-bottom: 5px;
}


#cabeceras{
    padding-top: 15px;
    padding-bottom: 15px;
}

#cabeceras #cabecera-titulo{
    padding-top: 15px;
    padding-bottom: 15px;
}

#cabeceras .headers{
    padding-top: 15px;
    padding-bottom: 15px;
}

#cabeceras .headers img{
    width: 15vh;
}

#listacheck .sortable-chosen{
    background-color: orange;
}

.generarcoa .titulo{
    padding: 15px;
}


.certcompo{
    padding: 15px;
}

.certcompo #listado{
    padding-top: 15px;
}

.certcompo #listado label{
    padding-bottom: 25px;
}

.certcompo #listado .row{
    padding-top: 5px;
}


.certcompo #botonanadir{
    padding-top: 25px;
}

.certcompo a{
    color:blue !important;
    text-decoration: underline !important;
}

.newcc .row{
    padding:10px;
}

.newcc .titulo{
    background-color: black;
    color: white;
}

.newcc img{
    padding-top: 15px;
    width: 20px;
}

#patents img{
    padding-top: 15px;
    width: 20px;
}

#activeingredients img{
    padding-top: 15px;
    width: 20px;
}

#activeingredients{
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #a3a3a3;
}
/***************************************************************

                COAHTML


****************************************************************/
.coaHTML img{
    width: 100vh;
}

.coaHTML .titulo{
    text-align: center;
    padding-bottom: 35px;
}


.coaHTML .titulo h1{
    font-size: 2rem;
}

.coaHTML .producto h2{
    font-size: 1.2rem;
}

.coaHTML .producto h3{
    font-size: 1.2rem;
    font-weight: bold;
}

.coaHTML .tipoproducto h2{
    font-size: 1.2rem;
}

.coaHTML .tipoproducto h3{
    font-size: 1.2rem;
    font-weight: bold;
}

.coaHTML .apariencia{
    padding-top: 50px;
}

.coaHTML .apariencia h2{
    font-size: 1rem;
    font-weight: bold;

}

.coaHTML .apariencia h3{
    font-size: 1rem;

}

.coaHTML .supplements h2{
    font-size: 1rem;
    font-weight: bold;
    padding-top: 50px;
    padding-bottom: 15px;
}

.coaHTML .supplements2{
    border-bottom: 1px solid black;
}

.coaHTML .supplements2 .mid{
    text-align: center;
}

.coaHTML .supplements2 .right{
    text-align: right;
}

.coaHTML .patentes h2{
    font-size: 1rem;
    font-weight: bold;
    padding-top: 50px;
    padding-bottom: 15px;
}

.coaHTML .patentes{
    border-bottom: 1px solid black;
}

.coaHTML .patentes .mid{
    text-align: center;
}

.coaHTML .patentes .right{
    text-align: right;
}

.coaHTML .aminograma{
    border-bottom: 1px solid black;
}

.coaHTML .aminograma h2{
    padding-top: 50px;
    font-size: 1rem;
    font-weight: bold;
}

.coaHTML .aminograma2{
    border-bottom: 1px solid black;
}

.coaHTML .aminograma2 h2{
    font-size: 1rem;
}

.coaHTML .ingredientes{
    padding-top: 50px;
}

.coaHTML .microbiology{
    padding-top: 50px;
}
.coaHTML .microbiology2{
    padding-top: 50px;
}

.coaHTML .pie img{
    width: 100vh;
    padding-top: 30px;
}

.coaHTML .bold{
    font-weight: bold;
}

.coaHTML .primaryactivities{
    padding-top: 30px;
}

.coaHTML .shelflife{
    padding-top: 30px;
}

.coaHTML .manufacturer{
    padding-top: 30px;
}

.coaHTML .description{
    padding-top: 50px;
}

.coaHTML .benefits{
    padding-top: 50px;
}

.coaHTML .dosage{
    padding-top: 50px;
}

.coaHTML .storage{
   
    padding-top: 50px;
}
.coaHTML .allergen{
    padding-top: 50px;
}

.coaHTML .batch{
    padding-top: 50px;
}
/************************************************************/


#segundopaso
{
    display: none;
    background-color: #EEE ;
    padding-bottom: 15px;

}

#tercerpaso
{
    display: none;
    

}

#opcionestransporte
{
    display: none;
}

#opcionesnoventa
{
display: none;
}

#aviso{
    display:none;
    background-color: #fff6cd;
}

@media all and (max-width:200px){

    .header{
        height: 5vh !important;
    }
    .menu{
        height: 3vh !important;
    }
    .sga-list-search{
        height: 4vh !important;
    }
    
    .listapedidos{

        height: 25vh !important;
        overflow: scroll;
    }

}