/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */
@import url("https://fonts.googleapis.com/css?family=Asap:400,500,500i,700,700i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Asap:400,500,500i,700,700i&display=swap");

button:focus {
    outline: 0px dotted !important;
    outline: 0px auto -webkit-focus-ring-color !important;
}

.btn-info:focus {
    box-shadow: none !important;
}

body {
    font-family: "Asap" !important;
    background: #F6F6F6 !important;
    transition: width 2s;
}
.cat-img {

}
.cat-img img {
    max-width: 60%;

}

    body p {
        font-family: "Asap" !important;
    }

h1 {
    font-size: 30px !important;
    color: #454F63;
}

h2 {
    font-size: 20px !important;
    color: #454F63;
    position: relative;
    display: inline;
}

    h2 img {
        margin-left: 10px;
    }

    h2:after {
        content: "";
        width: 60%;
        height: 2px;
        position: absolute;
        bottom: -5px;
        background: #e4021f;
        left: 0;
    }

h3 {
    font-size: 18px !important;
}

h4 {
    font-size: 16px !important;
}

h5 {
    font-size: 14px !important;
}

.boton {
    float: right;
    background: #e4021f;
    padding: 10px;
    border-radius: 5px;
}

    .boton a {
        color: white !important;
        text-decoration: none;
        font-size: 16px;
    }

        .boton a:hover {
            color: white;
            text-decoration: none;
        }

.hide {
    display: none !important;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background: #e6e6e6;
    /* border-radius: 10px */
}

::-webkit-scrollbar-thumb {
    background: #454F63;
    border-radius: 10px;
}

    ::-webkit-scrollbar-thumb:HOVER {
        background: #454F63;
    }

.wrapper {
    display: flex;
    width: 100%;
}

#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 999;
    background: #7386D5;
    color: #fff;
    transition: all 0.3s;
}

#sidebar {
    min-height: 100vh;
    margin-left: -15rem;
    -webkit-transition: margin 0.25s ease-out;
    -moz-transition: margin 0.25s ease-out;
    -o-transition: margin 0.25s ease-out;
    transition: margin 0.25s ease-out;
}

    #sidebar .sidebar-heading {
        padding: 0.875rem 1.25rem;
        font-size: 1.2rem;
    }

@media (min-width: 768px) {
    #sidebar {
        margin-left: 0;
    }

    #sidebar {
        min-width: 0;
        width: 100%;
    }
}

#sidebar {
    background: white !important;
    border-right: 0px !important;
    -webkit-box-shadow: 4px 4px 5px 0px rgba(202, 202, 202, 0.2);
    -moz-box-shadow: 4px 4px 5px 0px rgba(202, 202, 202, 0.2);
    box-shadow: 4px 4px 5px 0px rgba(202, 202, 202, 0.2);
}

    #sidebar.menu-envia {
        height: 500px;
    }

        #sidebar.menu-envia > div > div {
            height: 100%;
            padding-top: 2em;
        }

    #sidebar .cont-logos {
        padding: 1em;
        text-align: center;
    }

        #sidebar .cont-logos img {
            width: 70%;
        }

    #sidebar .envi {
        position: absolute;
        bottom: 0px;
    }

        #sidebar .envi img {
            width: 80% !important;
        }

    #sidebar .cont-menu {
        padding-top: 2em;
    }

        #sidebar .cont-menu a {
            background-color: white !important;
            border-bottom: none;
        }

            #sidebar .cont-menu a svg {
                float: right;
                max-width: 10%;
            }

                #sidebar .cont-menu a svg path {
                    fill: #e4021f;
                }

                #sidebar .cont-menu a svg rect {
                    fill: #e4021f;
                }

            #sidebar .cont-menu a:nth-child(3) svg {
                max-width: 13% !important;
            }

                #sidebar .cont-menu a:nth-child(3) svg path {
                    stroke: #e4021f;
                }

            #sidebar .cont-menu a:hover {
                background: #454F63 !important;
                color: white;
            }

                #sidebar .cont-menu a:hover svg path {
                    fill: white !important;
                }

                #sidebar .cont-menu a:hover svg rect {
                    fill: white;
                }

                #sidebar .cont-menu a:hover:nth-child(3) svg path {
                    stroke: white;
                }

            #sidebar .cont-menu a.active {
                background-color: #454F63 !important;
                color: white;
                border-color: transparent !important;
            }

                #sidebar .cont-menu a.active svg path {
                    fill: white !important;
                }

                #sidebar .cont-menu a.active svg rect {
                    fill: white;
                }

                #sidebar .cont-menu a.active:nth-child(3) svg path {
                    stroke: white;
                }

#content {
    padding: 0px !important;
}

    #content.login-eyg {
        width: 100% !important;
    }

        #content.login-eyg .login-logo {
            text-align: center;
        }

            #content.login-eyg .login-logo:first-child {
                border-right: solid 1px #d2d2d2;
            }

        #content.login-eyg .sect-gen {
            max-width: 690px;
            border-radius: 5px;
            margin: auto;
        }

            #content.login-eyg .sect-gen .login {
                padding: 2em !important;
                -webkit-box-shadow: 4px 4px 5px 0px rgba(202, 202, 202, 0.2);
                -moz-box-shadow: 4px 4px 5px 0px rgba(202, 202, 202, 0.2);
                box-shadow: 4px 4px 5px 0px rgba(202, 202, 202, 0.2);
            }

                #content.login-eyg .sect-gen .login .login-form {
                    margin-top: 2em;
                }

                    #content.login-eyg .sect-gen .login .login-form .boton-cont {
                        display: inline-block;
                        width: 100%;
                        text-align: center;
                    }

                        #content.login-eyg .sect-gen .login .login-form .boton-cont .boton {
                            float: none;
                            display: inline-block;
                            margin-left: 15px;
                        }

                    #content.login-eyg .sect-gen .login .login-form .olvido {
                        text-decoration: none;
                        margin: 15px auto;
                        color: #e4021f;
                    }

    #content.registro .sect-gen {
        max-width: 850px;
    }

        #content.registro .sect-gen .registro-page {
            -webkit-box-shadow: 4px 4px 5px 0px rgba(202, 202, 202, 0.2);
            -moz-box-shadow: 4px 4px 5px 0px rgba(202, 202, 202, 0.2);
            box-shadow: 4px 4px 5px 0px rgba(202, 202, 202, 0.2);
        }

            #content.registro .sect-gen .registro-page .datos-user .usuario-date.user-general h2 {
                color: #e4021f;
            }

            #content.registro .sect-gen .registro-page .datos-user .usuario-date.user-general .direcciones .boton.boton-gen-envi {
                background: #e4021f !important;
            }

            #content.registro .sect-gen .registro-page .datos-user .usuario-date h2 {
                margin-bottom: 15px;
            }

            #content.registro .sect-gen .registro-page .datos-user .usuario-date .form-row .usuario-name {
                margin-bottom: 1em;
            }

                #content.registro .sect-gen .registro-page .datos-user .usuario-date .form-row .usuario-name input {
                    pointer-events: all;
                }

            #content.registro .sect-gen .registro-page .datos-user .radios {
                padding: 0px 20px;
            }

                #content.registro .sect-gen .registro-page .datos-user .radios label {
                    font-size: 14px;
                }

                    #content.registro .sect-gen .registro-page .datos-user .radios label:before {
                        left: -30px;
                    }

                    #content.registro .sect-gen .registro-page .datos-user .radios label:after {
                        left: -30px;
                    }

                    #content.registro .sect-gen .registro-page .datos-user .radios label a {
                        text-decoration: none;
                        color: #454F63;
                    }

                        #content.registro .sect-gen .registro-page .datos-user .radios label a span {
                            font-weight: bold;
                        }

            #content.registro .sect-gen .registro-page .boton-cont {
                width: 100%;
                text-align: center;
            }

                #content.registro .sect-gen .registro-page .boton-cont .boton {
                    float: none;
                    display: inline;
                    margin: 0 auto;
                }

                    #content.registro .sect-gen .registro-page .boton-cont .boton.bot-general {
                        background: #e4021f;
                    }

        #content.registro .sect-gen .confir-reg .datos-user .usuario-date {
            text-align: center;
        }

            #content.registro .sect-gen .confir-reg .datos-user .usuario-date .confir-top {
                padding: 20px;
            }

                #content.registro .sect-gen .confir-reg .datos-user .usuario-date .confir-top h1 {
                    margin: 10px;
                }

                #content.registro .sect-gen .confir-reg .datos-user .usuario-date .confir-top p {
                    color: #454F63;
                    padding: 1em 3em;
                }

                    #content.registro .sect-gen .confir-reg .datos-user .usuario-date .confir-top p span {
                        font-weight: bold;
                    }

                        #content.registro .sect-gen .confir-reg .datos-user .usuario-date .confir-top p span a {
                            text-decoration: none;
                            color: #454F63;
                        }

            #content.registro .sect-gen .confir-reg .datos-user .usuario-date .top-2 p {
                padding: 10px !important;
            }

            #content.registro .sect-gen .confir-reg .datos-user .usuario-date .confir-messaje .table-responsive tbody th {
                color: #e4021f;
            }

            #content.registro .sect-gen .confir-reg .datos-user .usuario-date .confir-messaje h3 {
                margin-bottom: 0px;
            }

            #content.registro .sect-gen .confir-reg .datos-user .usuario-date .confir-messaje span {
                font-weight: bold;
                float: none !important;
                font-size: 20px;
            }

            #content.registro .sect-gen .confir-reg .datos-user .usuario-date .confir-messaje .boton {
                float: none !important;
                margin: 0 auto;
                width: 250px;
                margin-top: 1em;
            }

    #content #sidebarCollapse {
        border: none;
        background: transparent;
    }

    #content .nav-2 {
        background: transparent !important;
        border-bottom: solid 2px #454F63 !important;
        margin-bottom: 0px !important;
    }

        #content .nav-2 a {
            color: #454F63;
        }

        #content .nav-2 .puntos {
            color: #e4021f;
            font-weight: bold;
            font-size: 20px;
        }

        #content .nav-2 .desple-nav-2 {
            font-weight: bold;
        }

    #content .back-content {
        position: relative;
    }

        #content .back-content .cont-tit {
            text-align: center;
            color: #454F63;
            padding: 2em;
            position: relative;
        }

        #content .back-content .noti-vencidos {
            background: #e4021f;
            color: white;
            padding: 10px;
            position: absolute;
            top: 10px;
            right: 30px;
            border-radius: 5px;
            height: 100px;
        }

            #content .back-content .noti-vencidos .vencidos {
                display: inline-block;
                border-right: solid 1px white;
                padding: 10px;
            }

                #content .back-content .noti-vencidos .vencidos h1 {
                    margin-bottom: 0px;
                }

            #content .back-content .noti-vencidos .arrow-venc {
                display: inline-block;
                padding: 10px;
                height: 100%;
                vertical-align: middle;
            }

        #content .back-content .sect-gen {
            background: white;
            margin-bottom: 10px;
        }

            #content .back-content .sect-gen .cont-info-sect {
                padding: 15px;
            }

                #content .back-content .sect-gen .cont-info-sect .prom-mes .cont-promo img {
                    width: 50%;
                }

                #content .back-content .sect-gen .cont-info-sect .prom-mes .cont-promo .dato-premio {
                    display: inline-block;
                    margin-left: 10px;
                }

                    #content .back-content .sect-gen .cont-info-sect .prom-mes .cont-promo .dato-premio h3 {
                        margin-bottom: 0px;
                    }

                    #content .back-content .sect-gen .cont-info-sect .prom-mes .cont-promo .dato-premio h1 {
                        color: #e4021f;
                    }

                        #content .back-content .sect-gen .cont-info-sect .prom-mes .cont-promo .dato-premio h1 span {
                            font-size: 20px;
                            font-weight: normal;
                            color: #454F63;
                        }

                #content .back-content .sect-gen .cont-info-sect .last-premio {
                    padding: 10px;
                    color: #454F63;
                }

                    #content .back-content .sect-gen .cont-info-sect .last-premio img {
                        margin-top: 1em;
                    }

                    #content .back-content .sect-gen .cont-info-sect .last-premio .product-date {
                        margin-top: 10px;
                    }

                        #content .back-content .sect-gen .cont-info-sect .last-premio .product-date h3 {
                            color: #454F63;
                            font-weight: bold;
                        }

                            #content .back-content .sect-gen .cont-info-sect .last-premio .product-date h3:last-child {
                                font-weight: normal;
                            }

                        #content .back-content .sect-gen .cont-info-sect .last-premio .product-date span {
                            font-size: 22px;
                            font-weight: bold;
                            color: #e4021f;
                            display: inline-block;
                        }

                    #content .back-content .sect-gen .cont-info-sect .last-premio .addres-product {
                        display: inline-block;
                        margin-right: 1em;
                    }

                        #content .back-content .sect-gen .cont-info-sect .last-premio .addres-product h5 {
                            margin-bottom: 0px;
                        }

                        #content .back-content .sect-gen .cont-info-sect .last-premio .addres-product h3 {
                            margin-top: 0px;
                        }

                    #content .back-content .sect-gen .cont-info-sect .last-premio .city-product {
                        display: inline-block;
                        margin-left: 1em;
                    }

                        #content .back-content .sect-gen .cont-info-sect .last-premio .city-product h5 {
                            margin-bottom: 0px;
                        }

                        #content .back-content .sect-gen .cont-info-sect .last-premio .city-product h3 {
                            margin-top: 0px;
                        }

                #content .back-content .sect-gen .cont-info-sect .total-punt {
                    padding: 10px;
                }

                    #content .back-content .sect-gen .cont-info-sect .total-punt span {
                        font-size: 40px;
                        font-weight: bold;
                        color: #454F63;
                    }

                    #content .back-content .sect-gen .cont-info-sect .total-punt h3 {
                        display: inline-block;
                        color: #e4021f;
                    }

                #content .back-content .sect-gen .cont-info-sect .gran {
                    margin: 20px 0px;
                    background-image: url(../img/granpremio-2.png);
                    background-size: contain;
                    background-repeat: no-repeat;
                    height: 150px;
                    background-position: left;
                }

        #content .back-content .row {
            margin-top: 10px;
        }

        #content .back-content .date-puntos .nav-puntos {
            border-bottom: solid 1px #454F63;
            padding-bottom: 25px;
        }

            #content .back-content .date-puntos .nav-puntos ul {
                border-bottom: 0px solid;
            }

                #content .back-content .date-puntos .nav-puntos ul li {
                    padding: 15px 0px;
                    width: 25%;
                    text-align: center;
                }

                    #content .back-content .date-puntos .nav-puntos ul li a {
                        text-decoration: none;
                        border-radius: 50px;
                        padding: 15px 30px;
                        color: #454F63;
                        border: solid 1px #454F63;
                    }

                        #content .back-content .date-puntos .nav-puntos ul li a:hover {
                            background: #e4021f;
                            color: white;
                            border: solid 0px #454F63;
                        }

                        #content .back-content .date-puntos .nav-puntos ul li a.active {
                            background: #e4021f;
                            color: white;
                            border: solid 0px #454F63;
                        }

        #content .back-content .date-puntos .date-puntgeneral {
            padding: 2em;
        }

            #content .back-content .date-puntos .date-puntgeneral .general-date .total-punt-sect {
                text-align: left;
            }

                #content .back-content .date-puntos .date-puntgeneral .general-date .total-punt-sect h4 {
                    margin-bottom: 0px;
                    color: #454F63;
                }

                #content .back-content .date-puntos .date-puntgeneral .general-date .total-punt-sect h1 {
                    color: #e4021f;
                    font-weight: bold;
                    font-size: 50px !important;
                }

            #content .back-content .date-puntos .date-puntgeneral .general-date .cif {
                text-align: left;
                color: #454F63;
            }

                #content .back-content .date-puntos .date-puntgeneral .general-date .cif h5 {
                    margin-bottom: 0px;
                    font-weight: normal;
                }

                #content .back-content .date-puntos .date-puntgeneral .general-date .cif span {
                    font-weight: bold;
                    color: #e4021f;
                    display: block;
                    font-size: 22px;
                }

                    #content .back-content .date-puntos .date-puntgeneral .general-date .cif span.no-color {
                        color: #454F63 !important;
                    }

            #content .back-content .date-puntos .date-puntgeneral .general-date .fecha-puntos {
                text-align: right;
                padding-right: 30px;
                color: #454F63;
            }

                #content .back-content .date-puntos .date-puntgeneral .general-date .fecha-puntos h4 {
                    margin-bottom: 0px;
                    font-weight: normal;
                }

                #content .back-content .date-puntos .date-puntgeneral .general-date .fecha-puntos h5 {
                    margin-bottom: 0px;
                }

                #content .back-content .date-puntos .date-puntgeneral .general-date .fecha-puntos h2 {
                    color: #e4021f;
                    font-weight: bold;
                }

                    #content .back-content .date-puntos .date-puntgeneral .general-date .fecha-puntos h2:after {
                        display: none;
                    }

            #content .back-content .date-puntos .date-puntgeneral .general-date.punt-redimidos .total-punt-sect {
                border-right: solid 0px;
            }

                #content .back-content .date-puntos .date-puntgeneral .general-date.punt-redimidos .total-punt-sect h1 {
                    color: #454F63;
                }

            #content .back-content .date-puntos .date-puntgeneral .acciones {
                margin-top: 2em;
                color: #454F63;
            }

                #content .back-content .date-puntos .date-puntgeneral .acciones h2:after {
                    display: none;
                }

                #content .back-content .date-puntos .date-puntgeneral .acciones .boton {
                    float: right;
                    background: #e4021f;
                    padding: 10px;
                    border-radius: 5px;
                }

                    #content .back-content .date-puntos .date-puntgeneral .acciones .boton a {
                        color: white;
                        text-decoration: none;
                    }

            #content .back-content .date-puntos .date-puntgeneral .cont-despachos {
                margin-top: 2em;
            }

                #content .back-content .date-puntos .date-puntgeneral .cont-despachos .date-envio h3 {
                    margin: 15px 0px;
                    color: #e4021f;
                    font-weight: bold;
                    position: relative;
                }

                    #content .back-content .date-puntos .date-puntgeneral .cont-despachos .date-envio h3 span {
                        font-weight: normal;
                    }

                    #content .back-content .date-puntos .date-puntgeneral .cont-despachos .date-envio h3:after {
                        content: " ";
                        position: absolute;
                        bottom: 10px;
                        right: 0px;
                        width: 70%;
                        height: 1px;
                        background: #d2d2d2;
                    }

                #content .back-content .date-puntos .date-puntgeneral .cont-despachos .date-envio table {
                    color: #454F63;
                }

                #content .back-content .date-puntos .date-puntgeneral .cont-despachos .date-envio tr td:nth-child(4) {
                    color: #e4021f;
                    font-weight: bold;
                }

                #content .back-content .date-puntos .date-puntgeneral .cont-despachos .premio-redimido {
                    margin-top: 2em;
                }

                    #content .back-content .date-puntos .date-puntgeneral .cont-despachos .premio-redimido h4 {
                        margin-bottom: 3px;
                    }

                        #content .back-content .date-puntos .date-puntgeneral .cont-despachos .premio-redimido h4 span {
                            font-weight: normal;
                        }

                        #content .back-content .date-puntos .date-puntgeneral .cont-despachos .premio-redimido h4.puntos-color span {
                            color: #e4021f;
                            font-weight: bold;
                        }

                        #content .back-content .date-puntos .date-puntgeneral .cont-despachos .premio-redimido h4.estado-color span {
                            color: #0DD981;
                            font-weight: bold;
                        }

                        #content .back-content .date-puntos .date-puntgeneral .cont-despachos .premio-redimido h4.estado-color-2 span {
                            color: #e4021f;
                            font-weight: bold;
                        }

                        #content .back-content .date-puntos .date-puntgeneral .cont-despachos .premio-redimido h4.estado-color-3 span {
                            color: #e4021f;
                            font-weight: bold;
                        }

                        #content .back-content .date-puntos .date-puntgeneral .cont-despachos .premio-redimido h4 > a {
                            text-decoration: none;
                            color: #454F63;
                        }

                            #content .back-content .date-puntos .date-puntgeneral .cont-despachos .premio-redimido h4 > a span {
                                font-weight: bold;
                                color: #e4021f;
                            }

                    #content .back-content .date-puntos .date-puntgeneral .cont-despachos .premio-redimido div:nth-child(2) {
                        text-align: center;
                    }

                    #content .back-content .date-puntos .date-puntgeneral .cont-despachos .premio-redimido img {
                        width: 100%;
                    }

                #content .back-content .date-puntos .date-puntgeneral .cont-despachos .canje div:nth-child(2) {
                    text-align: left;
                }

                #content .back-content .date-puntos .date-puntgeneral .cont-despachos .canje .last-premio h3 {
                    margin-bottom: 3px;
                }

                #content .back-content .date-puntos .date-puntgeneral .cont-despachos .canje .last-premio .product-date {
                    margin-bottom: 10px;
                }

                    #content .back-content .date-puntos .date-puntgeneral .cont-despachos .canje .last-premio .product-date .tramite {
                        display: inline-block;
                        background: #e4021f;
                        padding: 10px 15px;
                        color: white;
                        border-radius: 50px;
                        margin-bottom: 3em;
                    }

        #content .back-content .date-puntos #p-vencidos .puntos-vencidos h1 {
            color: #e4021f !important;
        }

        #content .back-content .date-puntos #p-vencidos .acciones .boton {
            float: none !important;
            text-align: center;
            width: 200px;
        }

        #content .back-content .date-puntos #p-vencidos .cont-despachos td {
            font-weight: bold;
            color: #e4021f;
        }

        #content .back-content .redimir {
            color: #454F63;
        }

            #content .back-content .redimir .datos-user h2 {
                display: block;
            }

                #content .back-content .redimir .datos-user h2:after {
                    display: none;
                }

            #content .back-content .redimir .datos-user .addres-product {
                display: inline-block;
            }

            #content .back-content .redimir .datos-user .city-product {
                display: inline-block;
                margin-left: 1.5em;
            }

            #content .back-content .redimir .datos-user h5 {
                margin-bottom: 0px;
            }

            #content .back-content .redimir .datos-user h3 {
                font-weight: normal;
            }

            #content .back-content .redimir .fecha-user .fecha-puntos {
                text-align: right;
            }

                #content .back-content .redimir .fecha-user .fecha-puntos h5 {
                    margin-bottom: 0px;
                }

            #content .back-content .redimir .user-puntos {
                margin: 1em;
                padding: 1em;
                border: solid 1px #d2d2d2;
                border-radius: 5px;
            }

                #content .back-content .redimir .user-puntos h2 {
                    font-weight: bold;
                }

                    #content .back-content .redimir .user-puntos h2:after {
                        display: none;
                    }

                    #content .back-content .redimir .user-puntos h2.color {
                        color: #e4021f;
                    }

                #content .back-content .redimir .user-puntos h5 {
                    margin-bottom: 0px;
                }

                #content .back-content .redimir .user-puntos .user-pdisponible {
                    border-right: solid 1px #d2d2d2;
                }

                #content .back-content .redimir .user-puntos .total-calc {
                    border-right: solid 1px #d2d2d2;
                }

                #content .back-content .redimir .user-puntos .boton {
                    float: none;
                    text-align: center;
                }

                    #content .back-content .redimir .user-puntos .boton a {
                        display: inline-block;
                        font-size: 14px;
                    }

                        #content .back-content .redimir .user-puntos .boton a img {
                            margin-left: 5px;
                            width: 25px;
                        }

                    #content .back-content .redimir .user-puntos .boton span {
                        color: white;
                        font-weight: bold;
                        margin: 0px 5px;
                        font-size: 15px;
                    }

            #content .back-content .redimir .premios-red {
                margin: 2em 0em;
            }

                #content .back-content .redimir .premios-red h2 {
                    font-weight: normal;
                }

                    #content .back-content .redimir .premios-red h2:after {
                        display: none;
                    }

                #content .back-content .redimir .premios-red .cont-card {
                    border: 0px !important;
                    text-align: center;
                }

                    #content .back-content .redimir .premios-red .cont-card .card-body {
                        padding: 5px;
                    }

                        #content .back-content .redimir .premios-red .cont-card .card-body form input {
                            text-align: center;
                        }

                        #content .back-content .redimir .premios-red .cont-card .card-body h4 {
                            margin-bottom: 5px !important;
                        }

                        #content .back-content .redimir .premios-red .cont-card .card-body h2 {
                            margin-bottom: 10px !important;
                            display: block;
                            color: #e4021f;
                            font-weight: bold;
                        }

                            #content .back-content .redimir .premios-red .cont-card .card-body h2 span {
                                font-weight: normal;
                                color: #454F63;
                            }

                        #content .back-content .redimir .premios-red .cont-card .card-body .boton {
                            float: none;
                        }

                        #content .back-content .redimir .premios-red .cont-card .card-body.quitar .boton {
                            background: #454F63 !important;
                        }

            #content .back-content .redimir .sub-tit {
                margin: 2em 0em;
                display: block;
            }

                #content .back-content .redimir .sub-tit:after {
                    width: 10%;
                }

            #content .back-content .redimir .entrega-premio form h3 span {
                color: #e4021f;
                font-weight: bold;
                font-size: 25px;
                margin-left: 15px;
            }

            #content .back-content .redimir .entrega-premio .b-direntre {
                display: inherit;
            }

                #content .back-content .redimir .entrega-premio .b-direntre .boton:last-child {
                    margin-left: 10px;
                }

        #content .back-content .perfil {
            color: #454F63;
        }

            #content .back-content .perfil .datos-user h2 {
                color: #e4021f;
            }

            #content .back-content .perfil .datos-user h4 {
                margin-bottom: 0px;
            }

            #content .back-content .perfil .datos-user .usuario-date {
                margin-bottom: 1.5em;
            }

                #content .back-content .perfil .datos-user .usuario-date h2 span {
                    color: #454F63;
                    font-size: 14px;
                    float: right;
                }

                    #content .back-content .perfil .datos-user .usuario-date h2 span img {
                        margin-right: 15px;
                    }

                #content .back-content .perfil .datos-user .usuario-date .col- {
                    margin-bottom: 5px;
                }

                #content .back-content .perfil .datos-user .usuario-date h4 {
                    font-weight: normal;
                }

                #content .back-content .perfil .datos-user .usuario-date .form-user .usuario-name {
                    display: inline-block;
                    width: 47%;
                }

                    #content .back-content .perfil .datos-user .usuario-date .form-user .usuario-name input {
                        pointer-events: none;
                    }

                    #content .back-content .perfil .datos-user .usuario-date .form-user .usuario-name label {
                        font-size: 14px;
                        font-weight: bold;
                        color: #454F63;
                    }

                #content .back-content .perfil .datos-user .usuario-date .genero input {
                    margin-left: 15px;
                }

                #content .back-content .perfil .datos-user .usuario-date .genero .ocu-sele {
                    width: 30%;
                }

                #content .back-content .perfil .datos-user .usuario-date .direcciones .boton {
                    float: none;
                    text-align: center;
                    padding: 7px;
                }
                #content .back-content .perfil .datos-user .usuario-date .direcciones {
                    margin-top: .5em
                   
                }

                    #content .back-content .perfil .datos-user .usuario-date .direcciones .boton a {
                        font-size: 14px;
                    }

                #content .back-content .perfil .datos-user .usuario-date .direcciones .desabilitado {
                    pointer-events: none;
                }

                    #content .back-content .perfil .datos-user .usuario-date .direcciones .desabilitado select {
                        background: #e9ecef;
                    }

                    #content .back-content .perfil .datos-user .usuario-date .direcciones .desabilitado .boton {
                        background: #d2d2d2 !important;
                    }

                #content .back-content .perfil .datos-user .usuario-date .direcciones .borrar .boton {
                    background: #454F63;
                }

        #content .back-content .contacto .datos-user .usuario-date h2 {
            color: #e4021f;
        }

        #content .back-content .contacto .datos-user .usuario-date .date-asesor {
            text-align: left;
            margin-top: 2em;
        }

            #content .back-content .contacto .datos-user .usuario-date .date-asesor h4 {
                font-size: 14px !important;
            }

                #content .back-content .contacto .datos-user .usuario-date .date-asesor h4 span {
                    font-weight: normal;
                    display: block;
                }

        #content .back-content .contacto .datos-user .form-contact .boton {
            margin-left: 10px;
        }

        #content .back-content .contacto .datos-user .form-asesor .faq-principal h4 {
            color: #e4021f;
            margin-bottom: 4px;
        }

        #content .back-content .contacto .datos-user .form-asesor .faq-principal p {
            font-size: 12px;
            color: #454F63;
            line-height: 16px;
            margin-bottom: 5px;
        }

        #content .back-content .contacto .datos-user .form-asesor .cont-asesor {
            text-align: left;
        }

button:focus {
    outline: 0px dotted !important;
    outline: 0px auto -webkit-focus-ring-color !important;
}

.btn-info:focus {
    box-shadow: none !important;
}

body {
    font-family: "Asap" !important;
    background: #F6F6F6 !important;
    transition: width 2s;
}

    body p {
        font-family: "Asap" !important;
    }

h1 {
    font-size: 30px !important;
    color: #454F63;
}

h2 {
    font-size: 20px !important;
    color: #454F63;
    position: relative;
    display: inline;
}

    h2 img {
        margin-left: 10px;
    }

    h2:after {
        content: "";
        width: 60%;
        height: 2px;
        position: absolute;
        bottom: -5px;
        background: #e4021f;
        left: 0;
    }

h3 {
    font-size: 18px !important;
}

h4 {
    font-size: 16px !important;
}

h5 {
    font-size: 14px !important;
}

.boton {
    float: right;
    background: #e4021f;
    padding: 10px;
    border-radius: 5px;
}

    .boton a {
        color: white;
        text-decoration: none;
        font-size: 16px;
    }

        .boton a:hover {
            color: white;
            text-decoration: none;
        }

.hide {
    display: none !important;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background: #e6e6e6;
    /* border-radius: 10px */
}

::-webkit-scrollbar-thumb {
    background: #454F63;
    border-radius: 10px;
}

    ::-webkit-scrollbar-thumb:HOVER {
        background: #454F63;
    }

@media (max-width: 768px) {
    h2 {
        font-size: 16px !important;
    }

    .navbar-collapse li a {
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .cont-info-sect .last-premio img {
        width: 70% !important;
    }

    .cont-info-sect .addres-product {
        margin-right: 0em !important;
    }

    .date-puntos .nav-puntos ul li a {
        padding: 15px 10px !important;
        font-size: 14px;
    }

    .redimir .datos-user .city-product {
        margin-left: 1.5em !important;
    }

    .redimir .user-puntos {
        padding: 10px !important;
    }

        .redimir .user-puntos h2 {
            font-size: 20px !important;
        }

        .redimir .user-puntos .boton span {
            color: white;
            font-weight: bold;
            margin: 0px 5px;
        }

    .redimir .entrega-premio .b-direntre {
        display: block !important;
    }

        .redimir .entrega-premio .b-direntre .boton:last-child {
            margin-left: 0px !important;
            margin-top: 10px;
        }

    .perfil .datos-user .form-user .usuario-name {
        width: 100% !important;
    }

    .perfil .datos-user .direcciones select {
        margin-bottom: 15px;
    }

    .perfil .datos-user .direcciones input {
        margin-bottom: 15px;
    }
}

@media (max-width: 320px) {
    #content.login-eyg .login-logo:first-child {
        border-right: solid 0px;
    }

    #content.registro .confir-reg .datos-user .usuario-date .confir-top p {
        padding: 10PX !important;
    }

    .last-premio .addres-product {
        margin-right: 0em !important;
    }

    .last-premio .city-product {
        margin-left: 0em !important;
    }

    .date-puntos .general-date .total-punt-sect {
        text-align: left !important;
        border-right: 0px !important;
        border-bottom: 1em;
    }

    .date-puntos .general-date .fecha-puntos {
        text-align: left !important;
        margin-top: 1em;
    }

    .date-puntos .acciones .boton {
        float: none !important;
    }

    .date-puntos .nav-puntos ul li {
        width: 100% !important;
    }

        .date-puntos .nav-puntos ul li a {
            padding: 15px 10px !important;
            font-size: 14px;
        }

    .cont-despachos .date-envio h3 {
        margin-top: 30px !important;
    }

        .cont-despachos .date-envio h3:after {
            display: none;
        }

    .redimir .datos-user .city-product {
        margin-left: 0em !important;
        width: 100%;
    }

    .redimir .fecha-user .fecha-puntos {
        text-align: left !important;
    }

    .redimir .user-puntos {
        margin: 0px !important;
    }

        .redimir .user-puntos h2 {
            font-size: 20px !important;
        }

        .redimir .user-puntos .user-pdisponible {
            border-right: 0px !important;
            margin-bottom: 1em;
        }

        .redimir .user-puntos .total-calc {
            border-right: 0px !important;
            margin-bottom: 1em;
        }

        .redimir .user-puntos .boton span {
            color: white;
            font-weight: bold;
            margin: 0px 5px;
        }

    .redimir .entrega-premio form h3 span {
        margin-left: 0px !important;
    }

    .perfil .datos-user .form-user .usuario-name {
        width: 100%;
    }

    .perfil .datos-user .genero {
        display: grid;
    }

        .perfil .datos-user .genero .ocu-sele {
            width: 100% !important;
        }

    .perfil .datos-user .direcciones select {
        margin-bottom: 15px;
    }

    .perfil .datos-user .direcciones input {
        margin-bottom: 15px;
    }
}

@media (min-width: 1280px) {
    .premio-redimido img {
        width: 60% !important;
    }
}

/*ADICONAL-STYLE*/
.ult-bot{
    width: 100%
}
.ult-bot-2 {
    background: #454f63 !important
}


/*# sourceMappingURL=main.css.map */