/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 20/12/2019, 15:29:30
    Author     : jssbaffi
*/

.top10 {
    margin-top: 10px;
}

.top20 {
    margin-top: 20px;
}

.top30 {
    margin-top: 30px !important;
}

.bottom10 {
    margin-bottom: 10px;
}

.bottom20 {
    margin-bottom: 20px;
}

.bottom30 {
    margin-bottom: 30px !important;
}

.left30 {
    margin-left: 30px;
}

.right30 {
    margin-right: 30px;
}

.ui-wizard-nav-back {
    background: #0C5382;
    color: white;
}

.ui-wizard-nav-back > .ui-button-text {
    text-shadow: none;
}

.ui-wizard-nav-next {
    background: #0C5382;
    color: white;
}

.ui-wizard-nav-next > .ui-button-text {
    text-shadow: none;
}

.ui-button-text-icon-left .ui-button-text {
    padding: .6em 1em .6em 2.1em !important;
}


#img-mercado-pago {
    margin-left: 10px;
    margin-right: 10px;
}

.top60 {
    margin-top: 60px;
}

.ui-widget-header {
    border: 0px;
}

.megamenu {
    background-image: url("/javax.faces.resource/menu.jpg.xhtml?ln=images");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    z-index: 1000;
}

body {
    margin-top: 102px !important;
}

#logo-responsive {
    margin-top: 25px;
    max-width: 120px;
}

.navbar-nav {
    margin: 0;
    margin-left: 30px;
    margin-top: 32px;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 16px 10px;
}

.nav-cart-price {
    margin: 0;
}

.input-group-btn .btn {
    font-size: 14px;
    padding: 6px 12px;
}

.sidebar-title {
    color: #0C5382;
    text-transform: uppercase;
}

.sidebar-menu li a {
    color: #EC7C1B;
}

.sidebar-menu li {
    margin: 8px 0;
    font-size: 14px;
}

.sidebar-menu {
    padding: 0;
    margin: 0;
}

.input-group-search {
    top: 1px;
}

.breadcrumb-products {
    background: transparent !important;
    border: 0 !important;
    padding: 0;
    margin: 0;
}

.breadcrumb-products {
    background: transparent !important;
    border: 0 !important;
}

.breadcrumb-products li a, .breadcrumb-products li {
    color: #0C5382;
    font-size: 14px;
    text-transform: uppercase;
}

.breadcrumb-products li {
    color: #EC7C1B;
    font-size: 14px;
    text-transform: uppercase;
}

.ui-selectonemenu .ui-selectonemenu-label {
    width: 100%;
    border: none;
    display: block;
    cursor: pointer;
    text-align: left;
    overflow: hidden;
    margin-bottom: 0px;
    white-space: nowrap;
    font-weight: normal;
}

.ui-selectonemenu .ui-selectonemenu-label.ui-inputfield.ui-corner-all {
    text-overflow: ellipsis;
}

.ui-inputfield {
    margin: 0;
    background: #ffffff;
    font-weight: normal;
    outline: medium none;
    box-shadow: inset 0 0 0 #8f8f8f !important;
    -webkit-box-shadow: inset 0 0 0 #8f8f8f !important;
}

.ui-selectonemenu.form-control {
    color: #555 !important;
    display: block !important;
    margin-bottom: 0 !important;
    padding: 5px 10px !important;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
}

.radius-none {
    border-radius: 0 !important;
}

.ui-selectonemenu.form-control .ui-selectonemenu-trigger {
    top: 0;
    right: 0;
    width: 16px;
    height: 100%;
    padding: 0 5px;
    cursor: pointer;
    position: absolute;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
}

#transferencia-label {
    color: #EC7C1B;
    font-weight: bold;
    padding: 10px;
}

.panel-heading a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    transition: all 0.5s;
}

.panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.cart-lg-btn {
    float: right !important;
}

.caps {
    font-size: 14px;
    color: #EC7C1B;
    text-align: left;
}

.caps a {
    font-size: 20px;
    color: #EC7C1B;
    text-align: left;
}

.section-title-inner {
    font-size: 26px;
    color: #0C5382;
    text-transform: uppercase;
}

.userMenu li a {
    color: #EC7C1B;
    font-size: 12px;
    margin-top: 10px;
}

#btn-cart-lg label {
    margin-bottom: 0;
}

.tab-content > .tab-pane {
    padding-top: 15px;
}

.cart-seguir-comprando {
    margin-top: 30px;
}

.cart-article {
    padding: 25px 0;
    border-bottom: 2px solid #cccccb;
}

.cart-article-title {
    font-weight: bold;
    color: #0C5382;
}

.cart-article-price {
    font-size: 20px;
    text-align: right;
    display: block;
}

.cart-article-delete {
    color: #EC7C1B;
    margin-top: 10px;
    display: block;
    text-align: right;
}

.cart-article-delete:hover {
    color: #0C5382;
}

.cart-article-description {
    margin-top: 5px;
}

.cart-article-quantity {
    width: 100%;
    margin-bottom: 0;
}

.cart-article-quantity > input {
    width: 100%;
    margin-bottom: 0;
}

input[type="text"], input[type="password"], input[type="email"] {
    margin-bottom: 0;
}

.no-border-top {
    border-top: 0 !important;
}

.cart-article-quantity-label {
    display: none;
}

.resumen-compra-titulo {
    margin: 0;
    padding: 0;
    color: #EC7C1B;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 10px;
}

.resumen-compra-item {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

.resumen-compra-item-title {
    color: #1e5380;
}

.resumen-compra-separador {
    margin-bottom: 0;
}

.resumen-compra-totales-separador {
    margin: 0;
}

.resumen-compra-totales-valor {
    font-size: 20px;
    float: right;
}

.resumen-compra-row {
    padding: 10px 0;
}

.resumen-compra-label {
    font-size: 14px;
    margin-top: 5px;
}

#aceptar-terminos {
    font-size: 16px;
}

.novisible {
    display: none;
}

.widget-categories {
    margin-top: 60px;
}

.shop-area {
    padding-bottom: 30px;
}

.bg-text-result {
    left: initial;
    top: initial;
    position: initial;
    width: 100%;
    transform: initial;
}

.parallax-result {
    padding: 50px 0;
}

.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    /* outline:thin dotted #333; */
    outline: 0px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}

.ui-selectmanycheckbox label {
    vertical-align: middle;
    cursor: pointer;
    margin: 0 0px 0 4px !important;
    outline: medium none;
    z-index: 1;
    display: inline-block;
    font-weight: normal;
}

@media (min-width: 1400px) {
    .navbar-nav {
        margin-top: 32px;
    }
}


@media (min-width: 992px) and (max-width: 1199px) {

    .navbar-nav > li > a {
        font-size: 11px;
    }

    .userMenu li a {
        color: #EC7C1B;
        font-size: 12px;
    }

    #logo-responsive {
        margin-top: 25px;
        max-width: 100px;
    }

}


@media (min-width: 768px) and (max-width: 991px) {
    body {
        margin-top: 80px !important;
    }

    .megamenu {
        background-image: none;
    }

    .megamenu .nav, .megamenu .dropup, .megamenu .dropdown, .megamenu .collapse {
        height: auto;
    }

    .nav > li > a {
        padding: 10px 7px;
        font-size: 10px;
    }

    .navbar {
        margin-bottom: 0;
    }

    .navbar-nav {
        margin-left: 100px;
        margin-top: 19px;
    }

    #logo-responsive {
        margin-top: 18px;
        max-width: 75%;
    }
}


@media (max-width: 767px) {

    .sidebar-menu li::before {
        content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
        color: #EC7C1B; /* Change the color */
        font-weight: bold; /* If you want it to be bold */
        display: inline-block; /* Needed to add space between the bullet and the text */
        width: 1em; /* Also needed for space (tweak if needed) */
        margin-left: 0em; /* Also needed for space (tweak if needed) */
    }


    .sidebar-menu li {
        display: inline-block;
        margin-right: 10px;
    }

    .shop-content {
        margin-top: 30px;
    }

    .widget-categories {
        margin-top: 30px;
    }

    #logo-responsive {
        margin-top: 15px;
        max-width: 60%;
    }

    .navbar-nav {
        margin: 0;
    }

    .megamenu {
        background-image: none;
    }

    .cart-article-image {
        margin-bottom: 5px;
    }

    .cart-seguir-comprando {
        margin-top: 15px;
    }

    .cart-article-quantity-label {
        display: inline-block;
        margin-right: 5px;
        margin-top: 15px;
    }

    .cart-article-quantity {
        margin-top: 10px;
    }

    .caps a {
        font-size: 14px;
        color: #EC7C1B;
        text-align: left;
    }

    .navbar-toggle {
        top: 36px;
    }

    .megamenu {
        background-image: none;
        background-color: #1E5380;
    }

    .parallaxPrce {
        font-size: 40px;
    }

    .userMenu li a span i {
        font-size: 16px;
    }

    .userMenu > li > a {
        margin-top: 4px;
    }

    #btn-cart:hover, #btn-cart:active, #btn-cart:focus {
        color: #EC7C1B;
        text-decoration: none;
    }

    .navbar-toggle {
        position: initial;
        margin: 20px 8px 0 0;
    }

    #btn-cart {
        color: white;
        margin: 15px 8px 0 0;
    }

    body {
        margin-top: 80px !important;
    }

    #logo-responsive {
        margin-top: 18px;
        max-width: 75%;
    }

}

@media (max-width: 400px) {
    #logo-responsive {
        margin-top: 18px;
        max-width: 100%;
    }
}