@media only screen and (min-width: 601px)
{
}
@media only screen and (min-width: 993px)
{
}

@media only screen and (max-width: 992px)
{
}

/*///Iphone 5 ///*/
@media only screen  and (min-width : 568px)  and (orientation : landscape)
{
    .brand-logo {
        width: 25%;
        margin-left: -25%;
    }
}
@media only screen  and (min-width : 320px)  and (orientation : portrait)
{

    .brand-logo {
        width: 35%;
        margin-left: -25%;
    }
}

/*///Iphone 6 ///*/
@media only screen  and (min-width : 667px)  and (orientation : landscape)
{

    .brand-logo {
        width: 25%;
        margin-left: -25%;
    }

}
@media only screen  and (min-width : 375px)  and (orientation : portrait)
{

    .brand-logo {
        width: 30%;
        margin-left: -25%;
    }

}


/*///Iphone 6 plus///*/
@media only screen  and (min-width : 736px)  and (orientation : landscape)
{

    .brand-logo {
        width: 25%;
        margin-left: -25%;
    }

}
@media only screen  and (min-width : 414px)  and (orientation : portrait)
{

    .brand-logo {
        width: 25%;
        margin-left: -25%;
    }

}

/*///Ipad///*/
@media only screen  and (min-width : 1024px)  and (orientation : landscape)
{

    .brand-logo {
        width: 25%;
        margin-left: -5%;
    }


}
@media only screen  and (min-width : 768px)  and (orientation : portrait)
{

    .brand-logo {
        width: 25%;
        margin-left: -25%;
    }


}

/*///Ipad Pro///*/
@media only screen  and (min-width : 1024px)  and (orientation : portrait)
{
    .brand-logo {
        width: 35%;
        margin-left: -15%;
    }



}



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

.Ocultar {
    display: none;
}

nav {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
    background: transparent;
}

nav ul li a {
    color: black;
}

nav div a img{
    width: 50%;
}

nav div a i {
    color: black;
}

#menu {
    float: right;
}
.listadoProductos{
    margin-top: 5%;
}
.listadoCentros{
    margin-top: 5%;
}
.listadoVentas{
    margin-top: 5%;
}
#colTabla{
    padding: 3%;
    overflow: auto;
}
#pTabla{
    font-size: 2rem;
    text-decoration: underline;
}
#colTablaCentros{
    padding: 3%;
    overflow: auto;
}
#pTablaCentros{
    font-size: 2rem;
    text-decoration: underline;
}
#colTablaVentas{
    padding: 3%;
    overflow: auto;
}
#pTablaVentas{
    font-size: 2rem;
    text-decoration: underline;
}
table.dataTable.dataTable_width_auto {
    width: auto;
}
.btnLashes{
    margin-right: 5px;
    margin-top: 5px;
}
span.modalNuevoProducto {
    float: right;
}
span.modalNuevoCentro {
    float: right;
}
span.modalCompras {
    float: right;
}
.textoNuevoProducto{
    text-align: center;
    background: black;
    color: white;
    padding: 1rem;
}
.textoNuevoCentro{
    text-align: center;
    background: black;
    color: white;
    padding: 1rem;
}
.formularioNuevoProducto{
    margin-top: 8%;
    padding: 5% !important;
}
.formularioNuevoCentro{
    margin-top: 8%;
    padding: 5% !important;
}
#switchEstado{
    padding-top: 1rem;
}
.salirSinGuardar{
    float: left;
}
#formLogin{
    padding: 10% !important;
    text-align: center;
}
.textoInicioSesion {
    font-size: 3rem;
    margin-top: -10%;
    margin-bottom: 5%;
}
.iconoInicioSesion{
    margin-bottom: -20px;
    text-align: center;
    margin-top: 10%;
}
.pRecuperarPassS
{
    text-align: left;
}

.dropdown {
    position: relative;
    display: inline-block;
    color: black;
}

.dropdown-content {
   /* display: none;
    position: absolute;*/
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdownNav:hover
{
    display: block;
}