.negreta{
    font-size: 25px;
}
.badge {
    width: 100%;
    font-size: 1rem;
    border-radius: 0;
}
.badge.badge-no-stock {
    background-color: #BE5F7C;
}
.badge.badge-sale {
    background-color: #1ABC9C;
}
div.dataTables_paginate ul.pagination li a,
div.dataTables_paginate ul.pagination li.disabled,
div.dataTables_paginate ul.pagination li.disabled a {
    padding: 5px 10px;
    border-radius: 10px;
}
.logout-anchor {
    float: right;
    margin-right: 1.5%;
    padding-top: 1%;
}

@media (max-width: 573px) {
    .logout-anchor {
        float: none;
    }
    .menu-item.salir {
        text-align: center;
    }
}

    #form-btn-back{
        background-image: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(87,87,86,1) 0%);
        border: 0;
        box-shadow: none;
        padding: 0.36rem 0.7rem;
        height: 20%;
        width: inherit !important;
    }
    #btn-volver{
        background-image: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(87,87,86,1) 0%);
        width: 30% !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .box-footer{
        width: 100%;
        margin:0 !important;
        background: none !important;
    }
    .btn-login{
        width:30% !important;
    }
    #save-button{
        width:20% !important;
    }


        :root{
        --primary-text-color: #575756;
        --body-text-color: #575756;
        --primary-button-bg-color-hover: #575756;
        --secondary-button-bg-color-hover: #575756;
                    --secondary-text-color: #00af3f;
                --secondary-color: #575756;
    }
    .shoppingcart{
        margin: 2% 2% 2% 2%;
    }
    .sidebar-desktop{
        max-width: 400px;
    }
    .ui-slider-horizontal .ui-slider-handle {
        background: url('/themes/rexel_gold/img/products_page/slider-button-babe.png') no-repeat scroll 0 0;
        background-size: cover;
        border: none;
        border-radius: 50%;
        cursor: pointer;
        outline: none;
        padding: 18px;
        top: -1.1em;
    }

    li{
        font-family: BrandonText;
    }
    a{
        font-family: BrandonText;
    }
    p{
        font-family: BrandonText;
    }
    .lead{
        font-family: BrandonText;
    }
    h3, h5{
        font-family: BrandonText;
    }
    label{
        font-family: BrandonText;
    }
    input{
        font-family: BrandonText;
    }
    .btn{
        font-family: BrandonText;
    }
        html{
        height:100%;
    }
    body{
        min-height:100%;
    }
            .product-babe{
            font-family:BrandonText;
        }
                    .btn-secondary{
                background-color:#00af3f;
                border: 1px solid #00af3f;
            }
            .btn-primary, .btn-success, div.dataTables_paginate ul.pagination li.active a {
                background-color:#00af3f;
                border: 1px solid #00af3f;
            }
        .btn-login{
            background-image: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(87,87,86,1) 0%);
            color:white;
        }
        .header-babe-login{
            min-height:10%;
            background-image: url("/themes/rexel_gold/img/Babe/header-login.png");
            background-repeat: no-repeat;
            background-size: 30%;
            background-attachment: fixed;
            margin: 0;
            background-position:50% 2%;
        }
                .btn-babe{
            padding:0;
            margin-left:1%;
        }
        .category-babe{
            font-family: BrandonText, sans-serif;
            font-weight: bold;
        }
        .babe-categories {
            font-family: BrandonText;
            color: #575756;
        }

        .header-babe{
            min-height:10%;
        }
        @media (min-width:850px){
            .principal-babe-mobile{
                display:none;
            }
        }
        @media (max-width: 850px){
            .principal-babe{
                display:none;
            }
            .principal-babe-mobile{
                .left-image-babe{
                    margin-right: 0;
                }
            }
        }
        @media (min-width: 1207px){
            .logo-babe{
                width: 35%;
                padding: 4% 0% 3% 1%;
                margin-left: 5%;
            }
        }
        @media (max-width: 1207px){
            .logo-babe{
                width: 50%;
                padding: 10% 0% 3% 1%;
                margin-left: 5%;
            }
        }

        @media (max-width: 700px){
            .logo-babe{
                width: 75%;
                padding: 10% 0% 3% 1%;
                margin-left: 5%;
            }
        }
        @media (max-width: 770px){
            .menu-mobile {
                margin-top: -40px;
                text-align: left;
                width: 13%;
            }
        }
        @media (min-width: 850px){
            .left-image-babe{
                width:70%;
                margin-right:5%;
            }
        }
        #babe-button{
            border:none;
            background-color:#29C75A;
            color:white;
            width:25%;
            padding:2%;
            border-radius:12px;
            font-family:BrandonText;
            font-size:20px;
        }
        .h3{
            font-family:BrandonText;
        }
        .paginator{
            text-align:end;
        }
        .paginator-bottom{
            padding-bottom:5%;
        }
        .paginator .btn {
            /* border: 0; */
            /* box-shadow: none; */
            /* font-weight: 600; */
            padding: 1;
        }
    
    .header-register-form{
        min-height:11%;
        background-image: url("/themes/rexel_gold/img/TotalEnergies/header.png?v=1");
        background-repeat: no-repeat;
        background-size: 100%;
        /*background-attachment: fixed;*/
        margin: 0;
    }
        .btn-login{
        border:0;
        border-radius: 10px;
        width: 20%;
        font-family: BrandonText;
        font-size: 17px;
    }
    #pass{
        font-family: BrandonText;
    }
    #username{
        font-family: BrandonText;
    }
    .nav-link {
        color: #575756;
    }
    .menu-item a:hover, .menu-item a:focus, .menu-item a:active, .menu-item.active a{
        border-bottom: 4px solid #00af3f;
    }
    .login_register{
        height:872px;
    }
    body>.main{
        min-height:90%;
        padding:0;
        z-index:1;
    }
    .hide{
        font-family: BrandonText;
    }
        
    .control-group{
        width:75%;
        padding:0% 4%;
        margin: 1% 12%;
    }
    #footer-login{
        height:8%;
    }
    .footer{
        min-height:7%;
        min-height:77px;
    }
        .page{
        min-height:100%;
    }
        .content-desktop{
        min-height:100%;
    }
    .saludo{
        min-height:15%;
    }
    .btn{
        border:0px;
    }
    .principal{
        min-height:85%;
        background-image: url("/themes/rexel_gold/img/TotalEnergies/fondo-welcome.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        margin: 0;
    }
    .row{
        min-height:100%;
    }
                        .login_register {
                    background-image: url("/themes/rexel_gold/img/Babe/login-img.jpg?v=1");
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-attachment: fixed;
                    background-position: center bottom;
            }
        
        #login-area{
        border-radius:15px;
        background:rgba(255, 255, 255, 0.8);
    }
    #login-area > h3{
        padding-top:10%;
    }
    .login{
        padding-bottom:6%;
    }
    #logo-footer{
        background:white;
        padding:0;
        height:100%;
        display:flex;
        justify-content:center;
        align-items:center;
    }
    #logo-noclient{
        background:white;
        padding:0;
        min-height:90px;
        display:flex;
        justify-content:center;
        align-items:center;
    }
    .zona-imagen{
        width:50%;
        height:80%;
    }
    #mini-logo{
        width: 50%;
        height:100%;
        margin-left:25%;
        padding-top:10%;
    }
    #img-background{
        background-image: url("/themes/rexel_gold/img/TotalEnergies/header.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        margin: 0;
    }
    #entrar{
        font-size:1vw;
        height:30%;
        width:11%;
        border-radius:60%;
        border:0px;
        color:white;
        background-image: radial-gradient(circle, #f4ff00, #fdd700, #fdaf00, #f68700, #e86013, #e94829, #e72d3b, #e0004b, #e9006b, #e40096, #c900c9, #8500ff);
    }
    #entrar-2{
        font-size:1vw;
        height:40%;
        width:11%;
        border-radius:60%;
        border:0px;
        color:white;
        background-image: radial-gradient(circle, #f4ff00, #fdd700, #fdaf00, #f68700, #e86013, #e94829, #e72d3b, #e0004b, #e9006b, #e40096, #c900c9, #8500ff);
    }
    #div-botellas{
        position:relative;
        height:400px;
        padding:0% 10%;
    }
    #botellas{
        width:40%;
        position:absolute;
        margin-top:-2%;
    }
        .client-account{
        margin: 1% 0% 0% 0%;
        width:100%;
        padding-top:3%;
        background-image: url("/themes/rexel_gold/img/TotalEnergies/fondo-account.jpg");
        background-repeat: no-repeat;
        background-size: cover;
    }
            #left-bottom{
        width: 65%;
        position:absolute;
        margin-top:-20%;
        margin-left:5%;
    }
    @media (max-width:1669px){
        #left-bottom{
            margin-top:-10%;
        }
    }
    #menu-header ul{
        margin-bottom:0;
    }
    #menu-header li{
        display:inline;
        padding: 0% 5% 0% 0%;
    }
    #text-left{
        font-size:22px;
    }
        #menu-footer{
        text-align:center;
        padding-top:2%;
    }
    #menu-footer li{
        display:inline;
        margin:0;
        text-align: center;
    }
    #menu-footer li a{
        padding:1%;
        font-size: 13px;
    }
    #menu-footer li a:hover{
        text-decoration:none;
        border-bottom:0px;
    }
    #menu-footer-login{
        text-align:center;
        padding-top:2%;
    }
    #menu-footer-login li{
        display:inline;
        margin:0;
        text-align: center;
    }
    #menu-footer-login li a{
        padding:1%;
        font-size: 13px;
    }
    #menu-footer-login li a:hover{
        text-decoration:none;
        border-bottom:0px;
    }
    #b-right{
        border-right: 2px solid white;
    }

    #profile-shop{
        margin-left:0%;
        margin-top:7%;
        width:100%;
        text-align:center;
        border-radius:15px;
    }
            #citroen{
            background-image: url("/themes/rexel_gold/img/totalenergiespt/fondo-pt.jpeg");
            background-repeat: no-repeat;
            background-size: cover;
        }
        #peugeot{
        background-image: url("/themes/rexel_gold/img/TotalEnergies/fondo.jpg");
        background-repeat: no-repeat;
        background-size: 130%;
    }
        #empezar{
        font-size:1vw;
        margin-top:10%;
        border-radius:6px;
        color:white;
        border:0px;
        background-image: radial-gradient(circle, #f4ff00, #fdd700, #fdaf00, #f68700, #e86013, #e94829, #e72d3b, #e0004b, #e9006b, #e40096, #c900c9, #8500ff);
        height:35px;
        width:12%;
    }
        #wellcomes{
        margin-top:1%;
    }
    @media (max-width:1600px){
        #wellcomes{
            margin-top:0%;
        }
    }
        .products{
        margin: 2% 2% 2% 2%;
        background-color: white;
    }
        .products .product-categories{
        max-width:400px;
    }
    .sidebar{
        margin-left:12%;
    }
    .text-end{
        text-align:left!important;
        color:#4E4E4E;
    }
    #total-mecanica{
        margin-top:1%;
        text-align:center;
    }
    #opel{
        background-image: url("/themes/rexel_gold/img/TotalEnergies/fondo.jpg");
        background-repeat: no-repeat;
        background-size: 130%;
    }
        .menu-item a{
        color:#4e4e4e;
    }
    .submenu-container {
        border: 3px solid #4e4e4e;
    }
    .submenu-container .submenu-item a {
        color: #4e4e4e;
    }
    #frame-total{
        width:60%;
        height:750px;
    }
        #title-register{
        padding: 0% 15% 0% 15%;
    }
    #title-register h2{
        background-color:white;
        margin-bottom:0;
    }
    #register{
        padding: 0% 15% 0% 15%;
    }
    #register #form-interface-1{
        background-color:white;
    }
    #captcha_code{
        width:40%;
    }
    button a{
        color:white;
    }
    button a:hover{
        text-decoration:none;
        color:white;
        border-bottom:0;
    }

    #menu-footer-login{
        margin-left:15%;
    }

    @media(max-width: 1000px){
        .header-energies{
            background-size:140%;
        }
        .header-menu{
            display:none;
        }
        #frame-total{
            width:80%;
        }
    }

    @media (min-width: 770px){
        .dropdown{
            top:-40px;
            right:380px;
        }
        .content-mobile{
            display:none;
        }
        #mobile-promo{
            display:none;
        }
        #mecanica-mobile{
            display:none;
        }
        #mecanica-desktop{
            width:70%;
        }
    }

    @media(min-width: 1001px){
        .menu-mobile{
            display:none;
        }
        #footer-mobile{
            display:none;
        }
    }
        @media (max-width: 770px){
        .menu-mobile{
                position:fixed;
                right:0;
                top:5%;
                z-index:20;
            }
    }
    @media (min-width: 770px){
            .menu-mobile{
                position:fixed;
                right:0;
                top:1%;
                z-index:20;
            }
    }
        @media(max-width: 1000px){
        #empezar{
            margin:0;
            width:13vw;
            font-size:2vw;
        }
                #citroen{
            background-size: cover;
            background-position: 0%;
        }
        #peugeot{
            background-size: cover;
            background-position: 41%;
        }
        #opel{
            background-size: cover;
            background-position: 41%;
        }
        body>.main{
            min-height:81%;
            padding:0;
        }
        .main{
            margin-top:0%;
            z-index:-1;
        }
        .footer-desktop{
            display:none;
        }
        #logo-footer{
            display:none;
        }
        #logo-noclient{
            display:none;
        }
        #footer-mobile{
            background-color: #e2001a;
            right:0;
            min-height:8%;
        }
        #footer-mobile ul{
            padding:0;
        }
        .footer{
            position:fixed;
            max-height:0;
            bottom:0;
        }
        .main{
            padding: 10% 0% 0% 0%;
        }
        .header-energies{
            min-height: 70px;
        }
        #footer-login{
            min-height: 7%;
        }
    }

    @media(max-width: 770px){
        #frame-total{
            width:100%;
        }
        .header-energies{
            background-size:215%;
        }
        #menu-footer-login{
            margin-left:0%;
        }
                .content-desktop{
            display:none;
        }
        #welcome-text{
            text-align:center;
        }
        #desktop-promo{
            display:none;
        }
        #mobile-promo{
            background:transparent;
        }
        .box{
                            background:transparent;
                    }
        .box .box-header {
            margin: 0 -10px;
            padding: 10px 0px 20px 30px;
            border-bottom:0;
            background:transparent;
        }
        #mecanica-desktop{
            display:none;
        }
        #mecanica-mobile{
            width:100%;
        }
    }
    @media(max-width: 600px){
        .header-energies{
            background-size:250%;
        }
    }

    @media(max-width: 500px){
        .menu-mobile{
            width:17%;
        }
    }
    .dropdown ul li a{
        color:white;
    }

    #mySidebar{
        width:0;
        margin-left:0;
    }
    .sidebar {
        position:absolute;
        height: 100%;
        width: 26%;
        position: fixed;
        z-index: 1;
        top: 0;
        right:0;
                background-color: #00af3f;
                overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
        text-align:center;
        outline: none;
    }

    .sidebar a{
        display:block;
        padding: 3% 0% 3% 0%;
        color:white;
    }

    .sidenav a, .dropdown-btn {
        padding: 6px 8px 6px 16px;
        text-decoration: none;
        color: white;
        display: block;
        border: none;
        background: none;
        width: 100%;
        text-align: center;
        cursor: pointer;
        outline: none;
    }

    .dropdown-container {
        display: none;
        background-color: #262626;
        padding-left: 8px;
    }

    .sidebar .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

    .botonMenu{
        border:0;
        background:transparent;
    }

    .fa fa-bars{
        color:grey;
    }

    #logout-box{
        background-color:white;
        margin-left:25%;
        width:50%;
    }








    * {
    font-family: BrandonText, sans-serif !important;
}

.fa {
    font-family: FontAwesome !important;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: FontAwesome !important;
}


.cart-gift-codes-message {
    font-size: 14px !important;
    line-height: 16px !important;
    font-weight: 300 !important;
}

.gift-codes__cart__alert {
    color: tomato;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.8rem;
    text-transform: uppercase;
}