/*tipografía*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i');
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');

body {
    font-family: inherit;
}

/*color del menú responsive*/
.navbar-toggle {
    background-color: #f58406;
}

/*LOGO del login*/
#registro .logo {
    /*background: url(../images/logo-iloop.png);*/
    height: 50px;
    width: 100%;
    /* text-align: center; */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.header.shrink .navbar > .container .logo-menu, .navbar > .container-fluid .logo-menu {
    margin-top: 15px;
    width: 180px;
}

@media (max-width:425px) {
    .header.shrink .navbar > .container .logo-menu, .navbar > .container-fluid .logo-menu {
        margin-top: 26px;
        width: 180px;
    }
}

/*LOGO del login*/
#login .logo {
    /*background-image: url('../images/logo-iloop.png');*/ /*cambiar la url del logo*/
    height: 50px; /*ajusta el espacio blanco de arriba y abajo del logo */
    background-position: center;
}

/* color de los enlaces */
#login .color_fonts a {
    color: #f58406;
}

/*LOGO del header - menú*/
.navbar > .container .logo-menu,
.navbar > .container-fluid .logo-menu {
    /*background-image: url('../images/logo.png'); */
    margin-top: 51px;
    margin-bottom: -15px;
    width: 250px; /*regula el ancho de la imagen del logo*/
}

/* color principal de elementos primary button / scrollbar color */

#menuppal > li > a span:before,
#menuCarrito > li > a span:before,
#menuUser > li > a span:before,
.custom-scrollbar.color_button::-webkit-scrollbar,
.custom-scrollbar.color_button::-webkit-scrollbar-thumb,
.custom-active-button {
    background: #f58406 !important;
}

.btn.color_button {
    background: #f58406 !important;
}

.btn.btn-promotion.active i {
    color: #e67200 !important;
}

.btn.btn-stock.active i {
    color: #e67200 !important;
}

.btn.promotion_button.promotion {
    top: 3px;
    color: white;
    font-size: 20px
}

.btn.btn-priority.active {
    background: #0a4981 !important;
}

/* color de textos de los botones */
.btn.color_button,
.custom-active-button {
    color: #fff !important;
}

/*tengo que ver donde impacta en la totalidad de las UI*/
.secondaryButton {
    color: white;
}

.btn.confirmed-button {
    background: #2aa51c !important;
    width: 115px !important;
}


@media (max-width:1024px) {
    .btn.confirmed-button {
        background: #2aa51c !important;
        width: 127px !important;
        margin-bottom: 8px !important;
    }
}

@media (max-width:768px) {
    .btn.confirmed-button {
        width: 130px !important;
        margin-bottom: 0px;
    }
}

@media (max-width:425px) {
    .btn.confirmed-button {
        width: 178px !important;
    }
}

@media (max-width:375px) {
    .btn.confirmed-button {
        width: 152px !important;
    }
}

.discount {
    color: white;
    background: #f58406 !important;
    padding: 1px 5px;
    font-weight: 500;
    margin-left: 5px;
}

/*color del boton del buscador*/
.searchButton {
    border: 1px solid #3aa2fd;
    background: #3aa2fd;
}

/*color del texto del buscador*/
.searchTerm:focus {
    color: #f58406;
}


/*botón aplicar del carrito*/
.btn-aplicar {
    /* color de fondo */
    background: #f58406;
}

.back-to-top {
    background: #f58406;
}


.navbar > .container .logo-menu, .navbar > .container-fluid .logo-menu {
    margin-top: 30px;
}


@media (max-width:1024px) {
    .navbar > .container .logo-menu, .navbar > .container-fluid .logo-menu {
        margin-top: 56px;
        margin-bottom: -21px;
        width: 150px;
    }
}

@media (max-width:988px) {
    /*LOGO del header - menú*/
    .navbar > .container .logo-menu, .navbar > .container-fluid .logo-menu {
        /*background-image: url('../images/logo.png'); */
        margin-top: 6%;
        /*position: absolute;*/
        width: 150px; /*regula el ancho de la imagen del logo*/
    }
}


@media (max-width:764px) {
    /*LOGO del header - menú*/
    .navbar > .container .logo-menu,
    .navbar > .container-fluid .logo-menu {
        margin-left: 10%;
        margin-top: 6%;
        position: absolute;
    }
}



@media (max-width:425px) {
    /*LOGO del header - menú*/
    .navbar > .container .logo-menu,
    .navbar > .container-fluid .logo-menu {
        margin-left: -12%;
    }
}


@media (max-width:375px) {
    /*LOGO del header - menú*/
    .navbar > .container .logo-menu,
    .navbar > .container-fluid .logo-menu {
        margin-top: 15%;
        margin-left: 0%;
    }
}

/*cambia el color del ícono de carrito en el catálogo*/
.icon {
    /*fill: #3aa2fd;*/
    color: #f58406;
}

.imagen-gracias {
    background-color: #f58406;
}

.pagination > .active > a {
    background-color: #f58406;
    border-color: #f58406;
}

    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        background-color: #f58406;
        border-color: #f58406;
    }

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #f58406;
}

.maintenance-heading {
    color: #f58406;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #f58406000 !important;
    color: #fff;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #f58406000;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #f58406000;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    border-color: #f58406000;
}