.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.tt-menu {
    top: 22px !important;
    width: 100%;
    margin: 12px 0;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 0px 8px 8px 8px;
    -moz-border-radius: 0px 8px 8px 8px;
    border-radius: 0px 8px 8px 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    max-height: 500px;
    overflow-y: auto;
}

.tt-hint {
    height: 34px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-color: transparent;
    box-shadow: none; opacity: 1;
    background: none 0% 0% / auto repeat scroll padding-box border-box rgb(0, 0, 0);
    width: 100%;
    color: #8c8c8c;
}

.tt-input {
    top: 0px;
    left: 0px;
    width: 100% !important;


}

.tt-dataset-products .tt-suggestion div,
.tt-dataset-unmappedProducts .tt-suggestion div{
    font-size: 16px;
    border-bottom: solid 1px #000000;
    padding: 5px;
}

.twitter-typeahead{
    width: 100% !important;
    position: relative;
    top: 2px;

}




.sign-in-main {
    position: absolute;
    width: 100%;
    top: 47.5%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 0px 25px 0px 25px;
}

.navigation{
    position:fixed;
    top:0;
    width:100%;
    z-index:1040;
    left: 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.main-navigation{
    background: #cd3527;
    color:#ffffff;
    font-family:'BrandonGrotesque-Medium', sans-serif !important;
    font-size:13px;
    line-height:1;
    padding:12px 24px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    min-height: 48px;
    gap: 20px;
    flex-wrap: wrap;
}

.main-navigation #siteLogo {
    display:flex;
    align-items:center;
    flex-shrink: 0;
}

.main-navigation #siteLogo img {
    filter: brightness(0) invert(1);
    height: 24px !important;
    margin-top: 0 !important;
}

.main-navigation #userInfo {
    color:#ffffff;
    font-family:'BrandonGrotesque-Regular', sans-serif !important;
    white-space:nowrap;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    flex-shrink: 0;
    margin-left: auto;
}

.main-navigation #userInfo span {
    font-weight: 500;
    letter-spacing: 0.3px;
}

.main-navigation #userInfo a {
    color:#cd3527;
    background-color: #ffffff;
    text-decoration:none;
    padding: 8px 16px;
    border-radius: 4px;
    transition: all 0.2s ease;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

.main-navigation #userInfo a:hover {
    background-color: #f8f9fa;
    text-decoration:none;
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
    transform: translateY(-1px);
}

.section-navigation{
    background-color:transparent;
    border:none;
    padding:0;
    margin:0;
    display:flex;
    align-items:center;
    flex: 1 1 auto;
    overflow: visible;
    min-width: 0;
}
.footer{ background-color:#211d19; font-family:'BrandonGrotesque-Medium', sans-serif !important; text-transform:uppercase; padding:10px; color:#ffffff; font-size:14px; position:fixed !important; width:100%; bottom:0; border-top:5px solid #cd3527; }

.new-link{ color:#50bb82; font-family:'BrandonGrotesque-Bold', sans-serif !important; font-size:24px; line-height: 1.6; }
.new-link:hover{ text-decoration:none; color:#246e47; }
.new-link2{ color:#f58a60; font-family:'BrandonGrotesque-Bold', sans-serif !important; font-size:24px; line-height: 1.6; }
.new-link2:hover{ text-decoration:none; color:#e0704c; }

.create-title{ font-family:'BrandonGrotesque-Medium', sans-serif !important; font-size:24px; line-height:initial; text-transform:uppercase; margin:4px 0px 4px; }
.create-form{ background-color:#e2dedc !important; color:#211d19 !important; font-family:'BrandonGrotesque-Light', sans-serif !important; font-size:18px !important; }
.white-div{ background-color:#ffffff; margin-top:20px; padding:20px 10px; }
.photo-row{ background-color:#f6f2f2; padding:25px 10px; }

.product{ background-color:#ffffff; border-bottom:1px solid #211d19; margin-bottom: 20px; }
.product-row-A{ padding: 10px; }
.product-row-B{ background-color:#ffffff; border-top:1px solid #d3d2d1; }
.product-row-C{ background-color:#ffffff; border-top:1px dotted #d3d2d1; }
.product-title{ font-family:'BrandonGrotesque-Regular'; font-size: 24px; }
.product-details-link{ color:#50bb82; font-family:'BrandonGrotesque-Bold', sans-serif !important; text-transform:uppercase; float:right; padding-right:10px; }
.product-options-link{ color:#f58a60; font-family:'BrandonGrotesque-Bold', sans-serif !important; text-transform:uppercase; float:right; padding-right:10px; }
.product-filter{ padding:0px 5px 0px 3px !important; display:block; font-family:'BrandonGrotesque-Light', sans-serif !important; font-size:18px !important; margin:0px 0px 10px 0px !important; color:#ffffff !important; background-color:#211d19 !important; }
.product-filter-pagination{ font-family:'BrandonGrotesque-Light', sans-serif !important; font-size:21px !important; }
.filter-row{ margin:18px -10px 10px -10px; }
.search-results-link{ color:#50bb82; font-family:'BrandonGrotesque-Bold', sans-serif !important; text-transform:uppercase; }

.category-row{ margin: 0px -10px; }
.category-title{ color:#211d19; font-family:'BrandonGrotesque-Black', sans-serif !important;font-size:24px; margin-bottom:10px; }
.category-view-link{ color:#50bb82; font-family:'BrandonGrotesque-Bold', sans-serif !important; text-transform:uppercase; }
.category-view-link:hover{ color:#246e47; text-decoration:none; }
.category-manufacturer-img{ width:100%; background-color:#f6f2f2; padding:7px; margin-bottom:20px; }
.category-data{ padding:20px 10px;margin: 20px 0px 40px 0px;background-color:#ffffff; }
.category-info{ text-transform:uppercase; font-family:'BrandonGrotesque-Bold', sans-serif !important; color:#cd3527; }
.category-relationships{ padding:20px; background-color:#ffffff; }

.manufacturer-row{ margin: 0px -10px; }
.manufacturer{ background-color:#ffffff; padding:20px; margin-bottom:20px; }
.manufacturer-fav{ color:#ffd285; font-size:24px; padding-right:10px; }
.manufacturer-link{ color:#50bb82; font-family:'BrandonGrotesque-Bold', sans-serif !important; font-size:24px; margin-bottom:10px; }
.manufacturer-link:hover{ color:#246e47; text-decoration:none; }

.brand{ background-color:#ffffff; padding:20px; margin-bottom:20px; }
.brand-link{ color:#f58a60; font-family:'BrandonGrotesque-Bold', sans-serif !important; font-size:24px; margin-bottom:10px; }
.brand-link:hover{ color:#e0704c; text-decoration:none; }
.brand-manufacturer{ font-family:'BrandonGrotesque-Black', sans-serif !important; font-size:32px; margin-bottom:10px; text-transform:uppercase; }

/*.section-navigation{ background-color:#ffffff;border-bottom:1px solid #211d19;padding:15px 10px;}*/

.navbar-custom {
    background-color: white;
}

.nav-item  {
    background-color: transparent;
    margin: 0;
}

.nav-link {
    color: #cd3527 !important;
    background-color: #ffffff !important;
    padding: 8px 15px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 4px;
    margin: 3px;
    transition: all 0.2s ease;
    letter-spacing: 0.5px;
    border: none;
    white-space: nowrap;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    line-height: 1.2;
}

.nav-link:hover {
    background-color: #f8f9fa !important;
    color: #a82b1e !important;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.nav-link.active {
    background-color: #211d19 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.nav-link.active:hover {
    background-color: #2d2926 !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.25);
}

.nav-link.nav-link-success {
    background-color: #28a745 !important;
    color: white !important;
    box-shadow: 0 2px 4px rgba(40,167,69,0.3);
}

.nav-link.nav-link-success:hover {
    background-color: #218838 !important;
    color: white !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(40,167,69,0.4);
}

.navbar-nav > li{
    margin-right: 0px;
}

.section-navigation .navbar {
    padding: 0 !important;
    min-height: auto;
    display: inline-flex;
    flex: 1;
}

.section-navigation .navbar-collapse {
    display: flex !important;
    flex: 1;
}

.section-navigation .navbar-nav {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0;
    align-items: center;
}

.new-link2.backButton {
    color: #cd3527 !important;
    font-size: 11px !important;
    padding: 8px 15px;
    background-color: #ffffff;
    border-radius: 4px;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    white-space: nowrap;
    margin-right: 10px;
}

.new-link2.backButton:hover {
    background-color: #f8f9fa !important;
    transform: translateY(-2px);
    color: #a82b1e !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.new-link2.backButton i {
    font-size: 10px;
    margin-right: 4px;
}

.nav-link i.fa {
    font-size: 13px;
}

.nav-link i.fa-home,
.nav-link i.fa-users {
    font-size: 12px;
}

.btn-main-navA{color:#fff;background-color:#50bb82;border-right:1px solid #ffffff;}
.btn-main-navA:hover,
.btn-main-navA:focus,
.btn-main-navA.focus,
.btn-main-navA:active,
.btn-main-navA.active, .open> .dropdown-toggle
.btn-main-navA{color:#fff;background-color:#246e47;border-right:1px solid #ffffff;text-decoration:none !important;}
.btn-main-navA:active,
.btn-main-navA.active,.open> .dropdown-toggle
.btn-main-navA{background-image:none}
.btn-main-navA.disabled,
.btn-main-navA[disabled],fieldset[disabled]
.btn-main-navA,
.btn-main-navA.disabled:hover,
.btn-main-navA[disabled]:hover,fieldset[disabled]
.btn-main-navA:hover,
.btn-main-navA.disabled:focus,
.btn-main-navA[disabled]:focus,fieldset[disabled]
.btn-main-navA:focus,
.btn-main-navA.disabled.focus,
.btn-main-navA[disabled].focus,fieldset[disabled]
.btn-main-navA.focus,
.btn-main-navA.disabled:active,
.btn-main-navA[disabled]:active,fieldset[disabled]
.btn-main-navA:active,
.btn-main-navA.disabled.active,
.btn-main-navA[disabled].active,fieldset[disabled]
.btn-main-navA.active{background-color:#50bb82;}
.btn-main-navA.badge{color:#50bb82;background-color:#fff}

.btn-main-navB{color:#fff;background-color:#cd3527;border-right:1px solid #ffffff;}
.btn-main-navB:hover,
.btn-main-navB:focus,
.btn-main-navB.focus,
.btn-main-navB:active,
.btn-main-navB.active, .open> .dropdown-toggle
.btn-main-navB{color:#fff;background-color:#69151e;border-right:1px solid #ffffff;text-decoration:none !important;}
.btn-main-navB:active,
.btn-main-navB.active,.open> .dropdown-toggle
.btn-main-navB{background-image:none}
.btn-main-navB.disabled,
.btn-main-navB[disabled],fieldset[disabled]
.btn-main-navB,
.btn-main-navB.disabled:hover,
.btn-main-navB[disabled]:hover,fieldset[disabled]
.btn-main-navB:hover,
.btn-main-navB.disabled:focus,
.btn-main-navB[disabled]:focus,fieldset[disabled]
.btn-main-navB:focus,
.btn-main-navB.disabled.focus,
.btn-main-navB[disabled].focus,fieldset[disabled]
.btn-main-navB.focus,
.btn-main-navB.disabled:active,
.btn-main-navB[disabled]:active,fieldset[disabled]
.btn-main-navB:active,
.btn-main-navB.disabled.active,
.btn-main-navB[disabled].active,fieldset[disabled]
.btn-main-navB.active{background-color:#cd3527;}
.btn-main-navB.badge{color:#cd3527;background-color:#fff}