#img-header {
    position: relative;
    display: block;
    height: 60px;
    overflow: hidden;
}
#img-header .header-logo {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: 60px;
    max-width: initial;
}
/*  Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575px) {

    #img-header .header-logo {
        left: -25px;
        content: url('../img/LOREALLogo50.png') !important;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media all and (min-width: 576px) and (max-width: 767px) {

    #img-header .header-logo {
        content: url('../img/LOREALLogo50.png') !important;
    }
}

/* Medium devices (tablets, less than 992px) */
@media all and (min-width: 768px) and (max-width: 991px) {


    #img-header .header-logo {
        content: url('../img/LOREALLogo75.png') !important;
    }
}

/* Large devices (desktops, less than 1200px) */
@media all and (min-width: 992px) and (max-width: 1199px) {

    #img-header {
        height: auto;
    }
        #img-header .header-logo {
            position: relative;
            width: 100%;
            height: 100%;
            max-width: 100%;
            content: url('../img/LOREALLogo.png') !important;
        }
}

/* Extra large devices (large desktops) */
@media (min-width: 1200px) {

    #img-header {
        height: auto;
    }
        #img-header .header-logo {
            position: relative;
            width: 100%;
            height: 100%;
            max-width: 100%;
            content: url('../img/LOREALLogo.png') !important;
        }
}

/*p,h1, h2, h3, h4, h5, h6 , label, select, button{
   font-family:Univers !important;
}*/

/* .card-header
{
background-color: rgb(243, 25, 18) !important;
} */

.green-text, .green-a {
    color: rgb(9,87,81) !important;
}

/*.font-weight-bold
{
font-family:Interstate Bold !important;
}*/

#cabecera_producto_desglose {
    background-color: #2bbca9 !important;
}

.aspaCerrarVentanaDatosProducto:hover {
    background-color: #2bbca9 !important;
}


/*Nuevo diseņo de marketing*/
.contracting-steps li.active:before,
.contracting-steps li.done:before {
    background-color: #2bbca9 !important
}
.contracting-steps li.active .contracting-steps__icon,
.contracting-steps li.done .contracting-steps__icon {
    color: #fff;
    background: #2bbca9 !important;
    border: 1px solid #2bbca9 !important;
}

.btn-primary {
    color: #fff;
    background: #2bbca9 !important;
    border-color: #2bbca9 !important;
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
color: rgb(243, 25, 18)!important;
background-color: transparent;
}
.btn-primary:hover,
.btn-primary:active {
    background-color: #2bbca9;
    opacity: .8;
}
.btn-outline-primary {
    color: #2bbca9 !important;
    background-color: transparent;
    border-color: #2bbca9 !important;
}
    .btn-outline-primary:hover,
    .btn-outline-primary:active {
        color: #fff;
        background-color: #2bbca9;
    }

.bg-primary,
#tarjetaProducto {
    background-color: #2bbca9 !important;
}

#logo-campana-lateral img {   
    max-width:12em;
}