/*******************************************************
 * CSS override for B2B Commerce.
 * Override any CSS provided by OOTB B2B Commerce below.
********************************************************/

/* ---------- */
/* CSS Imports*/
/* ___________________________________________________________ */

@import './custom_login.css';
@import './homePage.css';
@import './ProductDetails.css';
@import './productList.css';
@import './checkout.css';
@import './orderConfirmation.css';
@import './cart.css';
@import './footer.css';
@import './myAccount.css';
@import './login.css';
@import './contactUs';
@import './notifications.css';

/* ------------- */
/*font import from google api*/
/* ___________________________________________________________ */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* ----------- */
/* ALL DEVICES */
/* ___________________________________________________________ */

/* --------- */
/* Variables */
/* --------- */

:root {
    --gutter: 5px;
    --iconSize: 40px;
    --headerHSize: 66px;
    --headerIconSize: 90px;
    --mobileMenuTopPos: 66px;

    /* Colours */
    --c-white: #ffffff;
    --c-black: #000000;
    --c-alto: #d5d5d5;
    --c-tango: #f26e20;
    --c-parsley: #154619;
}

.cc_deskLayout {
    background-color: var(--c-white);
    overflow: hidden;
}

/* font property*/

body,
a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
li {
    font-family: 'Montserrat' !important;
}

a:hover {
    color: var(--c-tango);
}

/* header and logo*/

.cc_store_logo_img {
    background: url("../images/logo_PAS.png") no-repeat;
    background-size: contain;
    /*height: 50px;*/
	height: 70px;
    width: 230px;
    z-index: 9999;
    margin-top: 5px;
    top: 25px;
    left: 100px;
}

.header .navbar-inverse {
    background: var(--c-white);
    background-position: top;
    width: 100%;
}

header .cc_search_form {
    height: 50px;
    position: absolute;
    display: inline-block;
    margin-top: calc((85px - 50px) - (15px/2));
    margin-bottom: calc((85px - 50px) - (15px/2));
    top: 100%;
    bottom: auto;
    left: auto;
    right: 0;
    z-index: 1500;
}

#navbar {
    display: flex !important;
}

#navbar .dropdown .caret {
    display: none;
}

#navbar .cc_my_account {
    list-style: none;
    width: 100%;
}

#navbar .cc_my_account .fa {
    color: var(--c-tango);
    font-size: 24px;
}

#navbar .cc_my_chead .fa {
    color: var(--c-white);
    font-size: 30px;
}

#navbar .iconMyaccount {
    background: url('../images/icon_myaccount.png') no-repeat;
    background-size: cover;
    content: '';
    cursor: pointer;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}

#navbar .cc_my_chead .icon-shopping-cart {
    background: url('../images/icon_minicart.png') no-repeat;
    background-size: cover;
    content: '';
    cursor: pointer;
    display: inline-block;
    height: 35px;
    vertical-align: middle;
    width: 35px;
}

#navbar .cc_my_chead {
    align-items: center;
    background-color: var(--c-parsley);
    display: flex;
    height: 100%;
    list-style: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 130px;
}

#navbar .cc_my_chead .cartHeaderLink {
    display: flex;
    justify-content: center;
    position: relative;
    text-align: center;
    width: 100%;
}

#navbar .cc_my_chead .cartHeaderLink:hover {
    color: transparent;
}

#navbar .cc_my_chead span {
    color: var(--c-white);
    padding: 0 6px;
}

#navbar .cc_col_search {
    padding-right: 0;
    width: 23%;
}

#navbar .cc_navbar_form {
    padding-right: 6px;
}

.boxOptions {
    position: relative;
    margin-left: 6px;
}

.boxOptions .fa-pencil {
    display: none;
}

.boxOptions ul.dropdown-menu {
    display: none;
    left: 0;
    position: absolute;
    top: 20px;
}

.boxOptions .misc-function a {
    color: #959697 !important;
    font-weight: 400 !important;
    padding: 0 5px;
}

.boxOptions .cc_list_seller {
    padding: 12px 18px !important;
    width: 100%;
}

.boxOptions .cc_list_seller:hover {
    background-color: var(--c-white);
}

.boxOptions .cc_list_seller a:hover {
    background-color: var(--c-white) !important;
    color: var(--c-tango) !important;
    text-decoration: none !important;
}

/* #navbar .cc_my_account #goToAccount span { */
/*   display: none; */
/* } */

.minicartHeader span {
    font-size: 22px;
}

.cartHeaderLink {
    display: flex;
    flex-direction: column;
}

.navbar-form {
    border: 1px solid var(--c-tango) !important;
    border-radius: 6px;
}

.navbar-form .input-group>.form-control {
    border: 0;
    box-shadow: none;
    height: auto;
    padding: 4px 8px;
}

.navbar-form .input-group>.form-control::placeholder {
    color: transparent;
}

.navbar-form .input-group .search_button {
    background-color: var(--c-white) !important;
    border-color: transparent;
    padding: 0;
}

.navbar-form .input-group .search_button .fa-search {
    color: var(--c-tango);
    font-size: 18px;
}

div.container-fluid.navbar-inverse {
    background: #f4f4f4;
    background-position: center;
    width: 100%;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.menu_container .cc_container {
    margin: 30px auto;
    transition: margin .5s ease;
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
    position: absolute;
    right: 10px;
    top: 72px;
}

.navbar-default .navbar-nav>li>a {
    color: var(--c-tango);
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}

.navbar-default .navbar-nav>li>a:hover,
.dropdown-menu>li>a:hover {
    color: var(--c-tango);
}

.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-link {
    color: #1e2443;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-link:hover {
    color: #005e29;
    text-decoration: none;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background-color: var(--c-white);
}

.dropdown-menu {
    background-color: #f7f7f7;
    border: none;
}

.navbar-default .navbar-nav>.open>a {
    background-color: #f7f7f7 !important;
    color: #1e2443;
}

.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #005e29;
}

.navbar-default .navbar-nav>li>a:focus {
    color: var(--c-tango);
}

.navbar-default {
    background: var(--c-white);
    ;
    background-position: center;
    width: 100%;
}

.navbar {
    border: none;
    margin-bottom: 0;
}

.navbar-inverse .navbar-toggle {
    background: rgb(74, 107, 179);
}

.cc_cat_name {
    text-transform: uppercase;
    text-transform: uppercase;
    /*color: #0066a6 !important;*/
    color: var(--c-tango) !important;
    font-weight: bold;
}

.cc_mini_cart .panel-heading {
    background-color: var(--c-tango);
    color: white;
}

.panel.panel-default.cc_panel.cc_product_grid_item_panel .panel-heading {
    color: var(--c-tango);
    background-color: #f5f5f5;
    border-color: #ddd;
    font-weight: bold;
}

.panel-title.cc_title {
    margin-left: 0% !important;
}

/* button collor */

.btn-default {
    background-color: #005e29 !important;
    border-color: #ccc;
    color: white !important;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    background-color: #338858 !important;
}

.btn-default.deleteItem:hover,
.btn-default.deleteItem:focus,
.btn-default.deleteItem:active {
    box-shadow: none;
    outline: none;
}

.cc_phone_logo.gp_home {
    display: none;
}

.navbar-default .navbar-nav>.open>a {
    color: var(--c-tango) !important;
}

.dropdown-menu>li>a {
    color: #959697;
    padding-left: 10px;
    padding-right: 10px;
    padding: 12px 18px;
}

@media (max-height: 700px)
{
	 .dropdown-menu>li>a {
		padding: 10px 18px;
		font-size: 12px;
	}
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    z-index: 2;
}

.panel-group.cc_categories_side_container {
    display: none;
}

form#billingAddressForm {
    display: none;
}

.contentBody.cc_content_body {
    background: var(--c-white);
    padding-top: 20px;
}

.btn.btn-default.btn-sm.ccSubmitRequest.pull-right {
    background: #175A2C;
    width: inherit;
    padding: 20px 40px;
    font-size: 14px;
    font-weight: 700;
    color: var(--c-white);
    text-transform: uppercase;
    border: 0;
    box-shadow: inherit !important;
    transition: background 0.3s;
    border-radius: 40px;
    max-width: 136px;
    display: block;
    margin: 0 auto;
}

.cc_login {
    display: none;
}

.panel-heading.cc_heading {
    background-color: var(--c-tango);
    color: var(--c-white);
}

ol.breadcrumb.cc_breadcrumb {
    background-color: var(--c-tango);
}

ol.breadcrumb.cc_breadcrumb .cc_breadcrumb_item a {
    color: var(--c-white);
}

li.effAccount.cc_eff_account {
    font-size: 14px;
    font-weight: bold;
    max-width: 330px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* footer */

#pre-footer {
    /* background: #2e2e2e; */
    background: #dddddd;
    position: relative;
    color: #444242;
}

#pre-footer:after {
    content: "";
    background-image: linear-gradient(to right, #939598 70%, #f66d00 20%);
    height: 4px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

#pre-footer .phone,
#pre-footer .address {
    display: flex;
    align-items: center;
}

#pre-footer .phone {
    font-weight: 600;
}

#pre-footer .phone:before,
#pre-footer .address:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--c-tango);
    margin: 0 10px 0 0;
}

#pre-footer .address:before {
    content: "\f3c5";
}

#pre-footer .phone p,
#pre-footer .address p {
    margin: 0;
}

#pre-footer .social {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 -4px 0 0 #f66d00;
}

#pre-footer .social a {
    padding: 25px;
    font-size: 20px;
    color: #626262;
    transition: color 0.3s;
}

#pre-footer .social a:hover {
    color: var(--c-white);
    transition: color 0.3s;
}

#footer {
    background: #f4f4f4;
    color: #444242;
}

#footer .container {
    padding: 16px;
}

#footer .item {
    margin: 0 0 15px;
}

#footer .item.h-100 {
    height: calc(100% - 35px) !important;
}

#footer .item .item__logos {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#footer .item .item__logos a {
    font-size: 13px;
    font-weight: 600;
    color: #58595b;
    margin: 0 15px;
}

#footer .item .item__logos img {
    height: 60px;
    width: auto;
}

#footer .item .item__title {
    font-size: 16px;
    font-weight: 700;
}

#footer .item ul.item__menu {
    padding: 0;
    list-style: none;
    margin: 15px 0 0;
}

#footer .item ul.item__menu.two-columns {
    column-count: 2;
}

#footer .item ul.item__menu li {
    padding: 7px 0;
    break-inside: avoid;
}

#footer .item ul.item__menu li a {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #58595b;
    transition: color 0.3s;
}

#footer .item ul.item__menu li a:hover {
    color: var(--c-black);
    transition: color 0.3s;
}

#footer .item__financing {
    display: flex;
    border: 1px solid #434343;
}

#footer .item__financing .financing__title {
    position: relative;
    display: flex;
    padding: 0 20px;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 500;
    color: #c0c0c0;
    border-right: 1px solid #434343;
}

#footer .item__financing .financing__title:before {
    content: "";
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #434343;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
}

#footer .item__financing .financing__title:after {
    content: "";
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #333;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
}

#footer .item__financing .financing__title a {
    height: 100%;
    display: flex;
    /*padding: 0 35px;*/
    padding: 0 15px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #c0c0c0;
    transition: color 0.3s;
}

#footer .item__financing .financing__title a b {
    font-size: 15px;
    font-weight: 600;
}

#footer .item__financing .financing__title a:hover {
    color: var(--c-white);
    transition: color 0.3s;
}

#footer .item__financing .financing__title a img {
    height: 50px;
    width: auto;
    display: block;
    margin: auto;
}

#footer .item__financing ul.financing__brands {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    padding: 0;
    list-style: none;
    margin: 0;
}

#footer .item__financing ul.financing__brands li {
    margin: 20px;
}

#footer .item__financing ul.financing__brands li a img {
    opacity: 0.25;
    transition: opacity 0.3s;
}

#footer .item__financing ul.financing__brands li a:hover img {
    opacity: 1;
    transition: opacity 0.3s;
}

#pre-footer {
    font-size: 14px;
}

#pre-footer .social a {
    padding: 20px 18px;
}

#footer .item .item__logos a {
    margin: 0 10px;
}

/* footer */

/*partners */
.partners {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    background: #f4f4f4;
    padding: 20px 0;
    border-top: 1px solid #939598;
}

.partners a>p {
    font-size: clamp(0.3rem, 2.5vw, 0.5rem);
    list-style-type: none !important;
    text-decoration: none !important;
    color: rgba(138, 138, 138, 0.75);
    margin-left: 6px;
}

.partners a {
    margin: 0 20px;
}

/*partners */

/*copyright */
#copyright {
    background: #f4f4f4;
    font-size: 11px;
    color: #c0c0c0;
    border-top: 1px solid #939598;
}

#copyright .container {
    display: flex;
    padding: 25px 15px;
    align-items: center;
    justify-content: space-between;
}

#copyright p {
    margin: 0;
    width: 100%;
    text-align: center;
}

#copyright p a {
    color: #c0c0c0;
    text-decoration: underline;
}

#copyright .powered {
    width: 25px;
    overflow: hidden;
    transition: width 0.3s;
}

#copyright .powered svg {
    height: 25px;
    width: auto;
    display: block;
}

#copyright .powered svg * {
    fill: #757575;
    transition: fill 0.3s;
}

#copyright .powered:hover {
    width: 75px;
    transition: width 0.3s;
}

#copyright .powered:hover svg * {
    fill: var(--c-white);
    transition: fill 0.3s;
}

/*copyright */

.novaAba {
    target-new: tab ! important
}

.btn.btn-default.btn-sm.remove.cc_rfq_link_button {
    display: none;
}

.btn.btn-default.btn-sm.remove.cc_email_cart_link_button {
    display: none;
}

.btn.btn-default.btn-sm.checkOutBtn.cc_checkout_btn.pull-right {
    background-color: #005e29 !important;
    padding: 15px 57px !important;
}

.btn-group.dropdown.form-group {
    display: flex;
}

.panel.panel-default.cc_panel.cc_register_account {
    display: none;
}

ol.breadcrumb.cc_breadcrumb {
    background-color: #175A2C;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: var(--c-white);
    background-image: none;
    border: 1px solid var(--c-tango);
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -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;
}

.cc_product_item_row.row {
    font-weight: bold;
    color: black !important;
}

/* a {
            color: black !important;
            text-decoration: none;
        } */
.cc_row_product_info.col-sm-12.col-md-7.cc_product_link.a {
    color: black !important;
}

.included_items.cc_included_items {
    color: black !important;
}

.btn.btn-default.btn-sm.plus.cc_plus {
    margin-left: 0;
}

.btn.btn-default.plus.cc_plus {
    margin-left: 0;
}

.cc_product_sort .btn-group-justified {
    table-layout: unset;
}

ul.list-inline.navbar-nav.cc_list-inline {
    margin-top: -3px;
    font-size: 14px;
    font-weight: bolder;
}

i.fa.fa-user,
i.fa.fa-shopping-cart,
i.fa.fa-pencil {
    color: #005e29
}

.col-md-5.col-xs-12.cc_navbar_col_acct {
    width: 730px
}

.cc_store_logo_img {
    background: url('../images/logo_PAS.png') no-repeat;
    background-size: contain;
    position: absolute;
    top: 20px;
    left: 10px;
    width: 160px;
    margin-top: 0;
    z-index: 999999;
}

.col-md-5.col-xs-12.cc_navbar_col_acct {
    width: 680px;
}

.panel.panel-default.cc_panel.cc_user_login .panel-body {
    padding: 15px 0;
}

/*Carrinho de compras*/
a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
}

/*Todos os produtos */
.form-control.cc_page_size_control {
    font-weight: bold;
    color: black;
}

.btn.btn-default.btn-sm.cc_sort_option.cc_sort_sequence.active {
    font-weight: bold;
}

.btn.btn-default.btn-sm.dropdown-toggle.cc_sort_name_toggle {
    font-weight: bold;
}

.btn.btn-default.btn-sm.cc_sort_option.cc_sort_newest {
    font-weight: bold;
}


.btn.btn-default.btn-sm.dropdown-toggle.cc_sort_price_toggle {
    font-weight: bold;
}

/*Upload do Carrinho em CSV*/
.panel-default>.panel-heading {

    background-color: var(--c-tango);
    color: var(--c-white);
}

/*Produto */
.product_title.cc_product_title {
    font-weight: bold;
}

.sku.cc_sku {
    font-weight: bold;
}

.shortDesc.cc_short_desc {
    font-weight: bold;
}

.price.cc_price {
    font-weight: bold;
}

#cc_contact_page .form-group select,
#cc_contact_page #cc_reason {
    border: 1px solid #ddd;
}

#insext {
    display: inline-block;
}

#myForm fieldset {
    margin: 8px 0;
    width: 100%;
}

#myForm fieldset label {
    vertical-align: top;
}

#myForm button {
    margin: 16px;
}

#myTemplate label,
#form-inputs label {
    margin-right: 6px;
    text-align: left;
    text-transform: uppercase;
    width: 210px;
}

#anexo-container {
    display: flex;
    justify-content: center;
}

#Segmento,
.custom-file-input,
#descrever {
    width: 210px;
}

#parent-table-body td,
#parent-table th {
    padding: 8px;
}

#parent-table .child-table {
    margin: 0;
}

.carousel-indicators {
    z-index: 1;
}


/* ------------- */
/* LARGE DEVICES */
/* ___________________________________________________________ */

/* Responsivo  */
@media (min-width: 1200px) {
    .col-lg-3 {
        width: 20%;
    }
}

@media screen and (min-width: 992px) {
    .cc_store_logo_img {
        position: absolute;
        z-index: 9999;
        left: 2%;
        /*margin-top: 20px;*/
        width: 12%;
    }

    .cc_phone_logo.gp_home {
        display: none;
    }

    header {
        box-shadow: 1px -4px 11px 1px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10;
    }

    .deskLayout {
        margin-top: 110px;
    }

    header.headerFixed .menu_container .cc_container {
        margin: 20px auto;
        transition: margin .5s ease;
    }
}

@media (min-width: 768px) {
    .cc_phone_logo.gp_home {
        display: none;
    }

    .form-inline .form-group {
        display: block;
        margin-bottom: 14px;
        vertical-align: middle;
    }

    .navbar {
        height: 110px;
        transition: margin .5s ease;
    }

    header.headerFixed .navbar {
        height: auto;
    }
}

@media only screen and (min-width: 600px) {
    .header .navbar-inverse .cc_navbar_col_misc {
        width: 40% !important;
    }

    .header ul.list-inline.navbar-nav.cc_list-inline {
        display: flex;
        width: 100%;
    }

    .boxNewHeader {
        position: unset !important;
    }

    /* .navbar-nav>li.cc_my_account { */
    /*   width: 164px; */
    /* } */

    /* .navbar-nav>li.cc_loginoutsec { */
    /*   width: 500px; */
    /* } */

    .navbar-nav>li.cc_my_chead {
        width: 53%;
    }

    /* .cc_store_logo_img.center-block{
    width: 222px;
} */
    .breadcrumb {
        position: relative;
        top: 26px;
    }

    .form-control-custom {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: var(--c-white);
        background-image: none;
        border: 1px solid var(--c-tango);
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        -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;
    }



    /* .custom-panel-heading.panel-heading.cc_heading { */
    /*   width: 477px; */
    /*   height: 36px; */
    /* } */

    .panel-title-custom.cc_title {
        margin: 0;
    }

    .navbar-collapse .collapse .cc_navbar_collapse {
        font-weight: bolder;
    }
}

/* ------------- */
/* SMALL DEVICES */
/* ___________________________________________________________ */

@media only screen and (max-width: 600px) {
    .header {
        display: flex;
        flex-direction: column;
    }

    .header #logoUrl {
        background-color: var(--c-white);
        order: -1;
    }

    .header .navbar-inverse {
        height: auto;
    }

    .header .navbar-inverse .cc_col_search {
        width: 80%;
    }

    .search_form.cc_search_form {
        left: 0;
        margin: 0;
        position: relative;
        right: 0;
    }

    .col-md-5.col-xs-12.cc_navbar_col_acct {
        display: flex;
        justify-content: flex-start;
        margin: 16px;
        width: 100% !important;
    }

    #deskQuickWishForm .wishEntry {
        height: auto;
        margin: 16px auto;
        width: 60%;
        display: block;
    }

    #deskQuickWishForm .cc_wish_prod_details {
        text-align: center;
    }

    #deskQuickWishForm .gp_quantity_block .cc_entry {
        width: 45%;
        margin: 16px auto;
    }

    ul.list-inline.navbar-nav.cc_list-inline {
        display: flex;
        flex-direction: column;
        width: 100% !important;
    }

    ul.list-inline.navbar-nav.cc_list-inline li {
        margin: 4px 0;
        text-align: left;
    }

    .search_form.cc_search_form {
        left: 0;
        right: 0;
        position: relative;
    }

    .menu_container .cc_container {
        margin-top: 0;
    }

    .form-control.search_input.cc_search_input.ui-autocomplete-input {
        background-color: var(--c-white);
        background-image: none;
        border-radius: 4px;
        border: 1px solid var(--c-tango);
        color: #555;
        font-size: 14px;
        height: 34px;
        left: 0;
        line-height: 1.42857143;
        padding: 6px 12px;
        position: static;
        right: 0;
        top: 108px;
        width: 100%;
    }

    .btn.btn-default.search_button {
        margin-left: 16px !important;
    }

    .input-group-btn:last-child>.btn,
    .input-group-btn:last-child>.btn-group {
        z-index: 2;
        /* margin-left: -167px; */
    }

    .input-group-btn:last-child>.btn,
    .input-group-btn:last-child>.btn-group {
        z-index: 2;
        /* margin-left: -1px; */
    }

    .navbar {
        display: inline;
        height: auto;
    }

    .navbar-nav {
        margin: 0;
    }

    .navbar-form {
        padding: 10px 15px;
        margin-right: -15px;
        margin-left: -15px;
        -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%), 0 1px 0 rgb(255 255 255 / 10%);
        box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%), 0 1px 0 rgb(255 255 255 / 10%);
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .navbar-collapse {
        background-color: var(--c-white);
    }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: white !important;
    }

    .navbar-default .navbar-toggle {
        left: 36px;
        right: 0;
        top: -63px;
    }

    /* --------------------- */
    /* Mobile Header's style */
    /* --------------------- */

    header {
        height: calc(var(--headerHSize) + var(--iconSize) + (var(--gutter) * 3));
    }

    .menu_container {
        width: 100%;
        height: var(--headerHSize);
        display: flex;
        position: fixed;
        flex-flow: column wrap;
        justify-content: center;
        align-items: stretch;
        z-index: 100;
    }

    .menu_container > a {
        display: flex;
        position: relative;
        flex-flow: row nowrap;
        margin: 0 auto;
        padding: calc(var(--gutter) * 3);
    }

    .menu_container .cc_store_logo_img {
        display: inline-flex;
        position: relative;
        margin: 0 auto;
        padding: 0;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        justify-content: center;
        align-items: center;
        align-self: center;
        width: var(--headerIconSize);
        background-position: center center;
    }

    .menu_container #secnav\ cc_secnav {
        width: 100%;
        height: auto;
        display: flex;
        position: absolute;
        margin: 0 auto;
        padding: 0;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        flex-flow: column wrap;
    }

    .menu_container #secnav\ cc_secnav .navbar {
        width: 100%;
        height: var(--headerHSize);
        display: flex;
        position: relative;
        flex-flow: column wrap;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container {
        width: 100%;
        display: flex;
        position: relative;
        margin: 0 auto;
        padding: 0;
        justify-content: center;
        align-items: flex-start;
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container {
        width: 100%;
        height: var(--headerHSize);
        display: flex;
        position: relative;
        margin: 0 auto;
        padding: 0;
        justify-content: flex-start;
        align-items: flex-start;
        border-bottom: 1px solid var(--c-alto);
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-header {
        width: var(--iconSize);
        height: var(--iconSize);
        display: inline-flex;
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: calc(var(--gutter) * 3);
        margin: 0 auto;
        padding: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-header .navbar-toggle {
        width: 100%;
        height: 100%;
        display: inline-flex;
        position: relative;
        margin: 0 auto;
        padding: var(--gutter);
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        float: none;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
        border: none;
        border-radius: 0;
        background-color: transparent;
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-header .navbar-toggle[aria-expanded="true"] .icon-bar:last-child {
        display: none;
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-header .navbar-toggle[aria-expanded="true"] .icon-bar:nth-last-child(2) {
        transform: rotate(45deg);
        transform-origin: calc(var(--gutter) * 3);
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-header .navbar-toggle[aria-expanded="true"] .icon-bar:nth-last-child(3) {
        transform: rotate(-45deg);
        transform-origin: calc(var(--gutter) * 3);
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse {
        display: flex !important; /* Overrides inline property set by js */
        position: absolute;
        top: var(--mobileMenuTopPos);
        right: 0;
        bottom: auto;
        left: 0;
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
        overflow: visible;
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav {
        width: 100%;
        height: 0;
        display: flex !important; /* overrides inline property set by js */
        position: relative;
        flex-flow: column wrap;
        justify-content: center;
        align-items: flex-start;
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav .dropdown {
        width: 100%;
        height: 0;
        display: block;
        position: relative;
        opacity: 0;
        font-size: 0;
        transition: opacity 1.5s ease-in-out;
        -webkit-transition: opacity 1.5s ease-in-out;
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav > .dropdown + li:not(.dropdown) {
        width: 100%;
        height: auto;
        display: flex;
        position: absolute;
        flex-flow: column wrap;
        top: 100%;
        right: 0;
        bottom: auto;
        left: 0;
        font-size: 14px;
        opacity: 1;
        box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.3);
        z-index: 10;
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse[aria-expanded="true"] .navbar-nav {
        height: auto;
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse[aria-expanded="true"] .navbar-nav .dropdown {
        height: auto;
        font-size: 14px;
        opacity: 1;
        transition: opacity 1.5s ease-in-out;
        -webkit-transition: opacity 1.5s ease-in-out;
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse[aria-expanded="false"] .navbar-nav .dropdown {
        height: 0;
        opacity: 0;
        font-size: 0;
        transition: opacity 1.5s ease-in-out;
        -webkit-transition: opacity 1.5s ease-in-out;
    }

    /* Search bar */
    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav > .dropdown + li:not(.dropdown) .search_form {
        width: 100%;
        height: auto;
        display: flex;
        position: relative;
        margin: 0 auto;
        padding: 0;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        flex-flow: column wrap;
        justify-content: flex-start;
        align-items: center;
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav > .dropdown + li:not(.dropdown) .search_form .navbar-form {
        width: 100%;
        display: flex;
        position: relative;
        padding: calc(var(--gutter) * 2) calc(var(--gutter) * 3);
        margin: 0 auto;
        border: none !important; /* Overrides inline property */
        background-color: var(--c-white);
        flex-flow: column;
        justify-content: center;
        align-items: center;
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav > .dropdown + li:not(.dropdown) .search_form .navbar-form .input-group {
        width: 100%;
        display: flex;
        position: relative;
        flex-flow: row nowrap;
        justify-content: center;
        align-items: center;
        padding-right: calc(var(--iconSize) + (var(--gutter) * 3));
        margin: 0;
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav > .dropdown + li:not(.dropdown) .search_form .navbar-form .input-group .search_input {
        height: var(--iconSize);
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav > .dropdown + li:not(.dropdown) .search_form .navbar-form .input-group .input-group-btn {
        width: var(--iconSize);
        height: var(--iconSize);
        display: inline-flex;
        position: absolute;
        top: 50%;
        right: 0;
        bottom: auto;
        left: auto;
        justify-content: center;
        align-items: center;
        border: none;
        border-radius: var(--gutter);
        background-color: var(--c-tango);
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav > .dropdown + li:not(.dropdown) .search_form .navbar-form .input-group .input-group-btn .search_button {
        display: inline-flex;
        position: relative;
        margin: 0 auto !important;
        padding: 0;
        border: none;
        background-color: transparent !important;
        outline: none;
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav > .dropdown + li:not(.dropdown) .search_form .navbar-form .input-group .input-group-btn .search_button .fa-search,
    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav > .dropdown + li:not(.dropdown) .search_form .navbar-form .input-group .input-group-btn .search_button .fa-search:before {
        color: var(--c-white);
    }

    /* Shopping cart */
    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav .boxNewHeader {
        width: 100px;
        height: var(--headerHSize);
        display: flex;
        position: fixed;
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        z-index: 11;
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav .boxNewHeader .newHeaderContainer,
    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav .boxNewHeader .newHeaderContainer .cc_navbar-inverse,
    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav .boxNewHeader .newHeaderContainer .cc_navbar-inverse > div,
    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav .boxNewHeader .newHeaderContainer .cc_navbar-inverse .cc_navbar_row,
    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav .boxNewHeader .newHeaderContainer .cc_navbar-inverse .cc_navbar_row small,
    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav .boxNewHeader .newHeaderContainer .cc_navbar-inverse .cc_navbar_row .cc_navbar_col_acct {
        width: 100%;
        min-width: 100%;
        height: 100%;
        display: flex;
        position: relative;
        margin: 0 auto;
        padding: 0;
        flex-flow: row wrap;
        justify-content: center;
        align-items: center;
        font-size: 14px;
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav .boxNewHeader .newHeaderContainer .header-spacer {
        display: none;
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav .boxNewHeader .newHeaderContainer .cc_navbar-inverse .cc_navbar_row .cc_navbar_col_acct {
        justify-content: flex-end;
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav .boxNewHeader .newHeaderContainer .cc_navbar-inverse .cc_navbar_row .cc_navbar_col_acct .cc_my_chead {
        width: 80px;
        height: 100%;
        display: flex;
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        background-color: var(--c-parsley);
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav .boxNewHeader .newHeaderContainer .cc_navbar-inverse .cc_navbar_row .cc_navbar_col_acct .cc_my_chead .cartHeaderLink {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        position: relative;
        text-align: center;
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav .boxNewHeader .newHeaderContainer .cc_navbar-inverse .cc_navbar_row .cc_navbar_col_acct .cc_my_chead .cartHeaderLink .minicartHeader {
        display: flex;
        position: relative;
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav .boxNewHeader .newHeaderContainer .cc_navbar-inverse .cc_navbar_row .cc_navbar_col_acct .cc_my_chead .cartHeaderLink .minicartHeader > span {
        display: inline-flex;
        position: relative;
        margin: 0 auto;
        padding: 0;
        font-size: 10px;
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav .boxNewHeader .newHeaderContainer .cc_navbar-inverse .cc_navbar_row .cc_navbar_col_acct .cc_my_chead .cartHeaderLink .minicartHeader .icon-shopping-cart {
        display: inline-flex;
        position: relative;
        margin: 0 auto;
        padding: 0;
        width: calc(var(--iconSize) / 2);
        height: calc(var(--iconSize) / 2);
        background-position: center center;
        background-size: calc(var(--iconSize) / 2);
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav .boxNewHeader .newHeaderContainer .cc_navbar-inverse .cc_navbar_row .cc_navbar_col_acct .cc_my_chead .cartHeaderLink .minicartPrice {
        display: flex;
        position: relative;
        padding: var(--gutter) 0 0;
        margin: 0 auto;
        flex-flow: column wrap;
        justify-content: flex-start;
        align-items: center;
        font-size: 8px;
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav .boxNewHeader .newHeaderContainer .cc_navbar-inverse .cc_navbar_row .cc_navbar_col_acct .cc_my_chead .cartHeaderLink .minicartPrice span {
        margin: 0 auto;
        padding: 0;
    }

    /* My Account icon */

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav .boxNewHeader .newHeaderContainer .navbar-header {
        width: auto;
        height: auto;
        display: inline-flex;
        position: absolute;
        margin: 0 auto;
        padding: 0;
        top: 50%;
        right: calc((var(--gutter) * 12) + var(--iconSize));
        bottom: auto;
        left: auto;
        margin: 0 auto;
        padding: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav .boxNewHeader .newHeaderContainer .navbar-header .boxOptions {
        margin: 0 auto;
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav .boxNewHeader .newHeaderContainer .navbar-header .boxOptions .dropdown-menu {
        border: 1px solid var(--c-alto);
        top: calc(100% + (var(--gutter) *2));
        bottom: auto;
        right: calc(((var(--gutter) * 2) * -1));
        left: auto;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .menu_container #secnav\ cc_secnav .navbar .cc_container .navbar-collapse .navbar-nav .boxNewHeader .newHeaderContainer .navbar-header .boxOptions .dropdown-menu .cc_list_seller {
        width: 100%;
        height: calc(var(--iconSize) * 2);
        display: none;
        position: relative;
        margin: 0;
        padding: 0 !important; /* Overrides inline property */
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        font-size: 14px;
        transform: none;
        -webkit-transform: none;
    }
}