/** Global Styles **/
@import url('https://fonts.googleapis.com/css?family=Anton');

[v-cloak], body {
    display: none;
}
.modal--opened {
    position: fixed;
    left: 0;
    right: 0;
}

.MDLogoMed {
    width: 216px;
    height: 100px;
}

div.category-description::-webkit-scrollbar {
    width: 20px;
}

div.category-description::-webkit-scrollbar-track {
    background-color: transparent;
}

div.category-description::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
}

body { font-size: 16px; color: #000 !important; }
body.modal-open { overflow: hidden; height: 100%; }

a { color: #000 }
a:hover { color: #555; text-decoration: none }

hr { background-color: #A0A0A0 ; border: 0 none; color: #A0A0A0 ; height: 1px; }

.formManagerForm .red { display: none; }

.form-control { font-size: 16px !important; }
input[type="text"], input[type="password"], input[type="email"], select, .form-control { color: #000 }
input:focus, select:focus, textarea:focus { outline: none !important; }

.vertical-align {  display: -ms-flexbox; display: flex; align-items: center; }
.cutToSizeLabel { font-weight: normal !important; color: blue !important; }
.dropLabel { color: red !important; font-weight: bold; }

.dropdown-menu > li > a { color: #000; }

.quoteThanks {
    font-size: 18px;
    text-align: center;
}

h2.h2-normal { display: block; font-size: inherit; font-weight: bold; margin: 10px 0 0 0; }
span.h2-style { font-size: 30px; margin-top: 20px; margin-bottom: 10px; font-weight: 500; line-height: 1.1; display: block; }

.block { display: block; }
.bold { font-weight: bold; }
.italic { font-style: italic }

.blue-text {
    font-style: italic;
    font-weight: bold;
    color: #0000FF;
    font-size: 11pt;
}

.blue-text-signup {
    font-size: inherit;
}
.red-text-signup {
    color: #FF0001;
    font-size: inherit;
}

.black-text {
    color: black;
}

.addressSelect {
    padding-left: 2px;
    padding-right: 0;
}

.shipping-postal-code {
    padding-right: 0;
    padding-left: 5px;
}

.accountField {
    padding-left: 15px;
    padding-right: 15px;
}

.btn-primary, .btn-info { background-color: #111111; border-color: #000000; color: #fff; }
.box-footer .btn-info, .box-footer .btn-info:hover { background-color: #111111; }
.btn-primary:hover, .btn-primary:active:focus, .btn-primary:focus, .btn-primary:active, .btn-info:hover, .btn-info:active:focus, .btn-info:focus, .btn-info:active { background-color: #777777; border-color: #535353; color: #fff; }
.btn-danger { background-color: #d9534f; border-color: #d43f3a; color: #fff; }
.btn.btn-default { color: #333; background-color: #fff; border: 1px solid #ccc; }
.btn.btn-default:hover { color: #333; background-color: #e6e6e6; border: 1px solid #adadad; }

.main-container { padding-top: 4px; width: 100%; }

ul[class^="photogallery_bxslider_ul"] {
    padding: 0;
}

#homeCarousel {
    margin-bottom: 10px;
}

@media only screen and (max-width: 991px) {
    #homeCarousel {
        display: none;
    }
}

ul[class^="photogallery_bxslider_ul"] div {
    background-size: cover;
}




.modal { z-index: 9999999; }
.modal-backdrop { z-index: 9999998; }
.modal .modal-dialog .modal-content .modal-header { background-color: #FE0000; color: #fff; font-weight: bold; padding: 10px; margin-bottom: 5px; }
#gridSystemModalLabel { padding-bottom: 0; margin-bottom: 0; }
#ModalLogin .modal-body { padding-top: 0; padding-bottom: 10px; }
#ModalLogin .alert { margin-bottom: 10px; }
#ModalLogin .h2-style { margin-top: 0; }
.discountModelHeader {  height: 40px; }
.modal-header .close { color: #fff; opacity: 1; }

#confirmation-account-thank-you { display: inline; }

@media(min-width: 768px) {
    .modal-dialog { width: 475px; }
    #quick-ship-modal .modal-dialog { width: 600px; }
}

.btn-metals { background-color: #FE0000; color: #fff; }
.btn-metals:hover { background-color: #CC0001; color: #fff }
.btn-metals:focus { color: #fff; }
.panel-default { margin-top: 15px; }

#overlay {
    z-index: 99999999;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(254, 0, 0, 0.1);
    padding-top: 250px;
    text-align: center;
}

.overlay-message { font-size: 24px; font-weight: bold; background: rgba(255,255,255, 0.8); padding: 10px; display: inline-block; }

#loading {
    color: white;
    width: 50px;
    height: 57px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
}

.content { margin: 0px 10px; }

@media (max-width: 576px) {
    .content {  margin: 30px auto; }
}

.header { }
.header #headerPart2 { padding-bottom: 10px; padding-top: 15px; position: relative; z-index: 10002;}
.header .sa-search-box {}
.header .sa-search-box #search-box-input, .search-box-input-header { font-size: 16px; padding: 5px; width: 90%; }
.header .sa-search-box #search-box-input-btn { padding-left: 0; padding-right: 0; background: transparent;}
.header .suggestive_search .search-name, .header .suggestive_search .search-description { color: black; }
.header .cartMenu:hover .dropdown-menu { display: block; }
.header .minicart_view { min-width: 350px; padding: 0px; background-color: #F9F9F9;}
.mini-cart-btns { padding: 5px 0; }
.mini-cart-container { display: inline; }
.miniCartTable .minicart_loading { display: none; }
.miniCartTable .minicart_loading .h2-style { color: black; }
.miniCartTable #minicart-table { width: 100%; }

.header .dropdown-menu.columns-2 { min-width: 450px; }
.header .dropdown-menu.columns-3 { min-width: 600px; }
.header .dropdown-menu li a { /*padding: 5px 15px;*/ font-weight: 300; }
.header .multi-column-dropdown { list-style: none; padding-left: 0; }
.header .multi-column-dropdown [class*='col-']  { padding: 10px; }
.header .multi-column-dropdown li a { display: block; clear: both; line-height: 1.428571429; white-space: normal; }
.header .mobile-logo { margin-bottom: 10px; }
.header .mobile-logo img { width: 90%; margin: 0 auto; margin-top: 10px; }
#md-logo-top, #md-logo-medium { background-size: 100%; }

@media (max-width: 767px) { .header .dropdown-menu.multi-column {  min-width: 240px !important; overflow-x: hidden; } }

.header .red-split-black {
    background: #FF0001;
    background: -moz-linear-gradient(left,  #FF0001 0%, #FF0001 51%, #000000 51%, #000000 100%);
    background: -webkit-linear-gradient(left,  #FF0001 0%,#FF0001 51%,#000000 51%,#000000 100%);
    background: linear-gradient(to right,  #FF0001 0%,#FF0001 51%,#000000 51%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0001', endColorstr='#000000',GradientType=1 );
    position: relative;
}
.header .metals-red { background-color: #FF0001  }
.header .red { background-color: #FF0001  }
.header .header-top-left { background-color: #FF0001; height: 45px; border-top-right-radius: 35px }
.header .header-top-right { background-color: #000000; height: 45px; border-bottom-left-radius: 20px; }
.header .header-top-left:after {
    content:'';
    width:40px;
    height:17px;
    background-color: #FF0001;
    position:absolute;
    bottom:0;
    right: -20px;
    border-top:0;
}

.header .nav > .metals-dropdown > a { background: linear-gradient(to bottom, rgb(114, 73, 69) 0%, rgb(28, 33, 37) 20%, rgb(0, 0, 0) 98%, rgb(7, 8, 10) 100%); z-index: 1500; border-left: 1px solid #545E5F; outline: 1px solid #000;}


.header .nav > .metals-dropdown.hidden-xs:hover { background: #454545 !important;}

.header .dropdown > a { color: #FFF } /*#E6FFFF*/
.header .dropdown > a:hover { color: #fff }
.header .worldwide { float: right; padding-top: 5px; }
.header .worldwide a { color: #000000; }
.header .worldwide a > i { margin-right: 5px; }
.header .worldwide #quick-quote-link { margin-right: 10px; }

.header .search { background-color: #FFFFFF; padding: 5px; border-radius: 7px; }
.header .search i.fa { font-size: 20px; color: #e1e1e1 }
.header .search input { border: 0px; width: 90%; background-color: #FFFFFF; color: #454545; outline: none; }


.header .navbar-metals { background-color: #000000; font-size: 18px; min-height: 1px; margin-bottom: 0; border-bottom:1px solid #191919;
    -webkit-box-shadow: 0 -2px 8px 3px black;
    -moz-box-shadow: 0 -2px 8px 3px black;
    box-shadow: 0 -2px 8px 3px black;
}
.header .navbar-metals .fa { font-size: 18px; color: white; }
.header .navbar-metals .fa.fa-caret-down { font-size: 12px; position: relative; top: 5px;}
.header .navbar-metals {
    background: -webkit-linear-gradient(top, rgb(114, 73, 69) 0%, rgb(28, 33, 37) 20%, rgb(0, 0, 0) 98%, rgb(7, 8, 10) 100%);
    background: -o-linear-gradient(top, rgb(114, 73, 69) 0%, rgb(28, 33, 37) 20%, rgb(0, 0, 0) 98%, rgb(7, 8, 10) 100%);
    background: -ms-linear-gradient(top, rgb(114, 73, 69) 0%, rgb(28, 33, 37) 20%, rgb(0, 0, 0) 98%, rgb(7, 8, 10) 100%);
    background: -moz-linear-gradient(top, rgb(114, 73, 69) 0%, rgb(28, 33, 37) 20%, rgb(0, 0, 0) 98%, rgb(7, 8, 10) 100%);
    background: linear-gradient(to bottom, rgb(114, 73, 69) 0%, rgb(28, 33, 37) 20%, rgb(0, 0, 0) 98%, rgb(7, 8, 10) 100%);
}

.header .navbar-metals .nav > li > a { padding-left: 10px; padding-right: 13px; }
.header .navbar-metals .nav > li { border-left: 1px solid #545E5F; }
.header .navbar-metals .nav > li > a:hover, .header .navbar-metals .nav > li > a:focus { background: #454545 !important; }
.header .navbar-metals .nav .open > a, .header .navbar-metals .nav .open > a:hover, .header .navbar-metals .nav .open > a:focus { background-color: #454545; }
.header .navbar-metals .navbar-nav > li > a {  padding-top: 10px; padding-bottom: 10px; }
.header .navbar-metals {  border-radius: 0 }
.header .navbar-metals .navbar-toggle { color: #e1e1e1 }
.header .shop { color: #FFFF00;  font-size: 18px; }
.header .italic { font-style: italic; }
.header .text-right { text-align: right; }
.header .phone-row { position: relative; }
.header .mobile-phone { color: white; }

.minicart-cart-icon { font-size: 22px; }

.amazon-pay-btn-container {
    margin: 0;
}

/* X-Small devices (tablets, 768px and up) */
@media (max-width: 767px) {
    .header .navbar-metals .navbar-nav .open .dropdown-menu a { color:#ffffff }
    .multi-column-dropdown a { color:#ffffff }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .header .header-bottom { text-align: center; }
    .header .logo { max-width: 600px; }
    .header .multi-column-dropdown li a { color: #000; }
    #custom-cut-modal .modal-dialog { width: 768px; }
    #print-modal .modal-dialog { width: 768px; }
}

/* Medium devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .header .header-bottom { text-align: center; }
    .header .navbar-metals .metals-dropdown:hover .firstMenuItem {  display: block; z-index: 5000;}
}

/* Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .header .navbar-metals .metals-dropdown:hover .firstMenuItem {  display: block; z-index: 5000;}
}/* Medium devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .secondaryDropdown:hover ul {  display: block; }
}

/* Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .secondaryDropdown:hover ul {  display: block; }
}

.header .top-links { width: 100%; margin-top: 10px; }
.header .top-links {  list-style: none; padding: 0 }
.header .top-links li { display: inline-block; padding-right: 15px }
.header .top-links li a:hover { color: #D0D0D0; }

.home { }
.col-no-gutter { padding: 0; margin: 0; }
.padding-top-bottom-35 { padding-top: 35px; padding-bottom: 35px }
.contact-quote-banner { padding: 10px 5px 0 5px; border-top: 20px solid #F00000; }
.metals-red { background-color: #FF0001  }
.metals-blue-text { color: #0000FF; }
.metals-red-text { color: #FF0001}
.metals-gray { background-color: #F6F6F6 }
.metals-yellow-text { padding: 0; color: #FFFE30; }
.metals-white-text { padding: 0; color: #FFFFFF; }
.metals-yellow-text h5 { padding: 0; margin: 0 0 5px 0; }
.metals-white-text h4 { padding: 0; margin: 0 0 5px 0; }
.uppercase { text-transform: uppercase; }
.quick-quote-button { margin: 0 auto; width: 50%; background-color: #FCE107; padding: 10px 5px; border-radius: 5px; font-weight: bold; }
.quick-quote-button i { margin-right: 5px; }
.cc-logos { margin: 0 auto; max-height: 40px; }
.metals-info-row { margin: 20px 0 20px 0 }
.metals-tv-text { color: #0000FF; font-style: italic; }
.metals-tv-logo img { max-height: 100px; }
.featured-products-slider > li { padding: 10px }
.featured-prod-text { font-size: 18px; color: #808080; font-weight: bold; text-align: center; }
.about-metals-depot { font-size: 18px; }
#navbar .navbar-nav > .metals-dropdown > .dropdown-menu a:hover,
#navbar .navbar-nav > .metals-dropdown > .dropdown-menu a:hover { background-color: #FE0000; color: white !important; font-weight: bold; }
.navbar-nav.metals-nav > .metals-dropdown > .dropdown-menu { opacity: 1.0; }
.dropdown-menu { min-width: 240px; }
.navbar-toggle { margin-bottom: 0; margin-top: 0; padding: 9px 10px; }
.navbar-mobile-search { display: none; }
.header .navbar-metals a .fa-tags { color: #FE0000 !important; }
.header .navbar-metals a:hover .fa-tags { color: #000 !important; }

/** Media Query for smaller screen sizes **/
@media (max-width: 992px) {
    .home .quick-quote-button { margin: 15px auto; }
    .home .about-metals-depot { text-align: center; }
    .home .metals-tv-logo img { margin: 0 auto; max-height: 150px; }
    .home .metals-tv-text { text-align: center; }
}

.featured-products-slideshow { }
.featured-products-slideshow .featured-products-header { color: #808080; font-style: italic; font-weight: 600; }
.featured-products-slideshow .featured-product-name { color: #808080; text-align: center; font-size: 15px; }

.category-page { margin-bottom: 40px; padding: 30px; }
.category-img .cat-img { margin: 2px; }
.category-page .zoomWrapper { margin: auto; }

.zoomWrapper { width: 150px; height: 150px;}
.zoomContainer {  z-index: 2500 !important; }
.disabledZoomContainer { z-index: 999 !important; }
.zoomWindow { z-index: 2500 !important; }
#cat-img-gal { margin-top: 45px; }
#cat-img-gal a:active, #cat-img-gal a:hover #cat-img-gal a, #cat-img-gal a:focus, #cat-img-gal a:visited { text-decoration: none; }


.products-table { font-family: Helvetica; font-size: 14px; margin-bottom: 75px; color: #303030;}
.products-table .products-table-header { background-color: #FE0000; color: #F8F8F8; font-weight: bold; text-align: center; padding: 10px 10px; font-size: 16px; text-shadow: 1px -1px rgba(0, 0, 0, 0.4); }
.products-table .product-row:nth-child(odd) { background: #f9f9f9;  }
.products-table .product-row { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding-left: 10px; padding-right: 10px;}
.products-table .product-row { height: 35px; }
.products-table .product-row .product-stock-number { font-size: 16px;}
.products-table .product-row .select-a-size { padding: 0 0 0 0; line-height: 80%;}
.products-table .product-row .product-size { padding: 10px 0 10px 0px; }
.products-table .product-row.drops-table-container { height: auto; }
.products-table .drops-table-header { height: 31px; font-weight: bold; background-color: #eee; border: 1px solid #ddd; }
.products-table .drops-col { height: 40px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: white; }
.products-table .drops-row { border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding-left: 15px; padding-right: 15px; background-color: #FDFDBF; }
.products-table .drop-qty-input { width: 100%; margin-right: 5px; }
.products-table .product-row:hover { background-color: #FDFDBF; }
.products-table .product-row.product-highlighted { background-color: #FDFDBF; }
.products-table .product-row .length-select { width: 100%; padding-top: 1px; padding-bottom: 2px; }
.products-table { border-bottom: 1px solid #ddd; }
.products-table .btn, .products-table input { display: inline; }
.products-table .mobile-style-number { color: #2282F8; display: none; }
.products-table .mobile-product-detail-row { font-size: 14px; }
.products-table .qty-input::-webkit-inner-spin-button,
.products-table .qty-input::-webkit-outer-spin-button,
.products-table .drop-qty-input::-webkit-inner-spin-button,
.products-table .drop-qty-input::-webkit-outer-spin-button { opacity: 1; }
.products-table div[class^="col-"] { line-height: 125%;}
.products-table > div > div { height: 100%; }
.products-table .btn-add-drop-cart { border-radius: 5px; }

/* Hover animations */
.btn-hover-popout:hover {
    transform: translateY(-1px);
    transition-duration: 0.2s !important;
    box-shadow: 0 1px 4px #0000008f !important;
}

.card-hover-popout:hover {
    transform: translateY(-1px);
    transition-duration: 0.2s !important;
    transition-property: transform, box-shadow;
    box-shadow: 0 1px 6px #00000040 !important;
}

.hover-inset:hover {
    transform: translateY(1px);
    transition-duration: 0.2s;
    box-shadow: inset 0 1px 4px #00000040 !important;
}

/* New Drop Items Table Styling */
.products-table .drops-description { color: blue; }

.drops-table-container { padding-bottom: 20px; }

.drops-comment-header,
.drops-stock-header,
.drops-size-header,
.drops-qty-header,
.drops-price-header,
.drops-add-to-cart-header {
    background-color: white;
    min-height: 40px;
    max-height: 40px;
    overflow: hidden;
    font-weight: bold;
    padding-top: 10px;
}

.drops-comment-header,
.drops-stock-header,
.drops-size-header,
.drops-add-to-cart-header,
.drops-comment-col,
.drops-stock-col,
.drops-price-col,
.drops-size-col,
.drops-add-to-cart-col {
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0; }
.clearance-table .drops-stock-col { border-top: 0; border-bottom: 0; border-right: 0;}


.drops-qty-header,
.drops-price-header,
.drops-add-to-cart-header,
.drops-qty-col,
.drops-price-col,
.drops-add-to-cart-col {
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
}

.drops-add-to-cart-header,
.drops-comment-header,
.drops-comment-col {
    border-left: 1px solid #E0E0E0;
}

.drops-comment-col,
.drops-stock-col,
.drops-size-col,
.drops-qty-col,
.drops-price-col,
.drops-add-to-cart-col {
    min-height: 50px;
    max-height: 50px;
    overflow: hidden;
    padding-top: 10px;
}
.clearance-table .drops-stock-col { min-height: 0;  max-height: none;  overflow: inherit;  padding-top: 10px;}
.drops-price-col { font-weight: bold; font-size: 16px; }

/* Large Devices */
@media only screen and (min-width: 1200px) {
    .products-table .row { overflow: hidden; }
    .products-table div[class^="col-"] { padding: 5px 0 7px 0;  }
    .metals-nav .dropdown-menu { top: 43px; }
    #navbar { padding-left: 0; padding-right: 0; }
}

/* Medium Devices */
@media only screen and (min-width: 992px) {
    .products-table .product-row { min-height: 45px; height: auto; padding-left: 15px; padding-right: 15px; }
    .products-table .products-table-header { padding: 10px 5px; }
    .products-table > div[class^="col-"] { padding: 5px 0 7px 0;  }
}

/* Small Devices */
@media only screen and (min-width: 768px) {
    .products-table div[class^="col-"] { padding: 5px 10px 7px 0; }
    #add-to-cart-col { padding-right: 43px; }
    .products-table em { font-size: 12px; }
    .products-table .mobile-product-detail-row {padding: 10px 15px;}
}

/* Extra Small Devices */
@media only screen and (max-width: 768px) {
    .products-table .added-to-cart-message { text-align: center; margin-left: 0; }


    .products-table .products-table-header { font-size: 14px; }
    .products-table .products-table-header .mobile-products-table-header { color: #FFF; }
    .products-table .product-row { height: auto; overflow: visible; padding-bottom: 10px; padding-left: 0; padding-right: 0; }
    .products-table .product-row div[class^="col-"]:not(.drops-comment-container):not(.drops-stock-container):not(.drops-size-container):not(.drops-qty-container):not(.drops-price-container):not(.drops-add-to-cart-container)
    { padding-left: 0px; padding-right: 0px; }

    .drops-comment-container,
    .drops-stock-container,
    .drops-size-container,
    .drops-qty-container,
    .drops-price-container,
    .drops-price-container,
    .drops-add-to-cart-container {
        padding-left: 0;
        padding-right: 0;
    }

    .drops-comment-col,
    .drops-stock-col,
    .drops-size-col,
    .drops-qty-col,
    .drops-price-col,
    .drops-add-to-cart-col {
        min-height: 70px;
        max-height: 70px;
        overflow: hidden;
        padding-top: 5px;
    }

    .drop-qty-input { width: 80% !important; }
    .products-table .add-to-cart-btn, .products-table .btn-add-drop-cart, .clearance-add-cart { padding: 3px 5px; }
    .btn-add-drop-cart { font-size: 12px; }

    .drops-table-container { font-size: 16px; }
}

.add-to-cart-notification-row { font-size: 16px; font-weight: bold; overflow: visible; height: 50px; }
.add-to-cart-notification-row .alert-danger { margin-top: 15px; }

.products-table .add-to-cart-btn:hover, .products-table .btn-add-drop-cart:hover {
    background-color: #FF0000;
}
.products-table .add-to-cart-btn, .products-table .btn-add-drop-cart, .products-table .clearance-add-cart {
    background-color: #383838;
    padding: 3px 6px;
    border: none;
    text-decoration: none;
    border-radius: 5px;
    -o-transition: .25s;
    -moz-transition: .25s;
    -webkit-transition: .25s;
    transition: .25s;
}

.clear-cart-btn, #calc-shipping-btn { background-color: #FFFFFF; color: #000; }
.clear-cart-btn:hover, #calc-shipping-btn:hover { background-color: #E8E8E8; color: #333; }
#shipping-calc-header-location { font-weight: bold; color: blue; }
.cart-bottom-buttons, .cart-top-buttons { text-align: right; }
.cart-top-buttons .cart-checkout-btn { margin: 10px; }
#paypal-button { max-width: 300px; margin: 10px 0 auto auto;}

#discountModel {
    border: 1px solid #aaaaaa;}
#discountModalContent {
    padding: 10px 10px 10px 10px;
}

#custom-cut-modal { top: 15%; }
#custom-cut-modal #custom-cut-call { color: #9F99A5; font-size: 11px; }
.x-custom-cut { font-weight: bold; margin-left: 5px; margin-right: 5px; }

.custom-cut-description { font-size: 16px; }
.custom-cut-description a { font-size: 13px; }
.custom-cut-input-error {background-color: #f2dede; color: #a94442 !important;}
.cart-product-name .productNameLink { font-weight: normal !important; }
.cart-product-total { padding-right: 3px; }

.metals-table-heading { background-color: #FE0000; color: white; border-top-left-radius: 4px; border-top-right-radius: 4px; padding-bottom: 5px; font-weight: bold; font-size: 14px; }
.metals-table-heading .cart-header-align { padding-left: 12px; padding-right: 12px; }
.metals-table-heading .qty-header { width: 22.5%; padding-right: 40px; }
.metals-table-heading .stock-num-header { width: 11%; }
.metals-table-heading .item-desc-header { width: 25%; }
.metals-table-heading .size-header { width: 13%; }
.metals-table-heading .status-header { width: 9.5%; }
.metals-table-heading .price-each-header { width: 10%; padding-left: 15px; }
.fa-lock { margin-top: 5px; }
.cart-sign-in { margin-bottom: 8px; }
.promo-code-row { padding: 5px; }
#addPromoCodeBtn { margin-left: 5px; border: 1px solid #ccc;  }
#addPromoCodeBtn:hover, #addPromoCodeBtn:active { background-color: #E1E1E1 !important; border-color: #adadad; }
.promo-notify .alert-block .pull-left:first-child { display: none; }
.line-item-description { padding-left: 35px; text-align: left; }
.cart-qty-input { margin-left: 10px; }
.add-line-item-comment, .removeFromCart { font-size: 16px; color: #707070; }
.removeFromCart { margin-left: 5px; }
.removeFromCart, .add-line-item-comment i.fa { font-size: 20px; }
#cart-notice, #mtr-notice, #currency-update-notice { font-size: 14px; color: #A5A89C; display: block; }
#cart-functions { margin-bottom: 5px; }
#cart-header-text { margin-top: 20px;  }
#cart-header-text > h2 { display: inline-block; }
.cart-item { padding-bottom: 5px; min-height: 65px; }
.cart-item:not(.cart-item:first-child) { border-top: 1px solid #E0E0E0; padding-top: 10px; }
.cart-item .cart-product-qty-desktop { padding-left: 0; width: 22.5%; }
.cart-item .cart-product-qty input[type="text"] { max-width: 60px; padding: 5px; }
.cart-item .cart-product-qty-pcs { display: flex; align-items: center; }
.cart-item .cart-product-name { padding-left: 0; padding-right: 0; width: 25%; }
.cart-item .cart-product-size { width: 13%; }
.cart-item .cart-item-stock-num { width: 11%; }
.cart-item .stock-number-link > a:hover{}
.cart-item .stock-status { padding-left: 0; padding-right: 0; width: 9.5%; }
.cart-drop-item-header { color: red; }
.cart-item .cart-item-stock-num { padding-right: 0; padding-left: 0; }
.cart-item .cart-item-stock-num a { color: blue; }
.cart-item .cart-item-stock-num a:hover { color: darkblue; }
.cart-drop-item-header, .cart-drop-item-description, .cart-drop-item-stock-ref { font-size: 10px; font-weight: bold; }
.cart-item .cart-product-price.cart-product-unit-price { padding-right: 0; padding-bottom: 0; width: 10%; }
.cart-item .comment-prepend, .cart-item span[data-type="comment"] { font-size: 12px; }
.cart-item .comment-prepend { font-weight: bold; }
.cart-item span[data-type="comment"] { color: blue; }
.clear-cart-btn { margin: 10px; }
.tooltipster-base { z-index: 0 !important; }

.red-header { color: #FE0000; font-weight: bold; }
.footer .footer-grey-bar { background-color: #B6B2B2; font-size: 30px; color: white; font-style: italic; font-weight: 800; padding-top: 15px; padding-bottom: 15px; padding-left: 35px; text-align: center; }
.footer .container-fluid { background-color: #FAFAFA; }
.footer .footer-content-section { padding-top: 30px; padding-left: 25px; padding-right: 30px; background: url('https://cdn.metalsdepot.com/themes/metals/assets/images/rep-photo.webp'); background-repeat: no-repeat; background-position: 0 calc(100%);}
.footer .footer-red-header { color: #FE0000; font-weight: bold; margin-bottom: 5px; padding-bottom: 0 }
.footer .footer-phone, .footer .footer-email { margin-top: 0; margin-bottom: 30px; }
.footer .footer-links-section-header { list-style: none; padding-left: 0; white-space: nowrap; }
.footer .footer-links-section-body { list-style: none; padding-left: 0; white-space: nowrap; }
.footer .newsletter-input-section input { display: inline; width: 60%; text-align: center; }
.footer .footer-links-section-body { font-size: 14px; }
.footer .footer-rep-section span { font-size: 21px; font-style: italic; }
.footer .footer-logo-section { background-color: #FE0000; padding: 15px 25px 10px 25px; }
.footer .footer-copyright-section {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 11px;
    background: #ffffff;
}
.footer h4 { font-size: 20px; }
.social-media-container { display: inline-block; position: absolute; right: 20px; z-index: 1000;}
.social-media-container a { opacity: 0.5; }
.social-media-container a:hover { opacity: 1; }

@media(max-width: 768px) {
    .footer .footer-content-section { text-align: center; }
    .footer .newsletter-input-section { margin-top: 20px; }
}

@media (max-width: 992px) {
    .footer .footer-content-section { background: none; }
}

.category_list_nav { margin-top: 25px; margin-bottom: 25px;  }
.category_list_nav .category_list_nav_column {  border-right: 1px solid #bebebe; }
.category_list_nav.row, .category_list_nav .row  { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
.category_list_nav ul { list-style: none; padding: 0; }
.category_list_nav .parent_name { text-align: center; font-size: 15px; font-weight: bold; display: block; padding-top: 10px; padding-bottom: 10px }
.category_list_nav .sub_category { font-size: 12px; display: block }

.category_list_nav .category_list_nav_rows {
    display: flex;
    flex-direction: column;
}
.category_list_nav .category_list_nav_row {
    flex-grow: 1;
}
.category_list_nav .col-sm-2-4 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 20%;
}

@media only screen and (max-width: 479px) {
    .logo { max-width: 300px !important; margin-left:-10px; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .logo { max-width: 380px !important; margin-left:-10px; }
}

.btn-yellow-metal {

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffff4a+0,feff03+66,feff03+100 */
    background: #ffff4a; /* Old browsers */
    background: -moz-linear-gradient(top, #ffff4a 0%, #feff03 66%, #feff03 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffff4a 0%,#feff03 66%,#feff03 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffff4a 0%,#feff03 66%,#feff03 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff4a', endColorstr='#feff03',GradientType=0 ); /* IE6-9 */
    border-color: #fdd001;
    color: #313131;
    border-radius: 5px;
    font-size:15px;
    font-weight:bold;
}
.btn-yellow-metal:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffff4a+0,ffe400+66,ffe400+100 */
    background: #ffff4a; /* Old browsers */
    background: -moz-linear-gradient(top, #ffff4a 0%, #ffe400 66%, #ffe400 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffff4a 0%,#ffe400 66%,#ffe400 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffff4a 0%,#ffe400 66%,#ffe400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff4a', endColorstr='#ffe400',GradientType=0 ); /* IE6-9 */
    border-color: #ecc307;
    color: #000000;
}

/* Search Box */
#search-box-input, .search-box-input-header { margin: 0; border: 0 none; padding-bottom:0; }

.sa-search-box .show_search { padding-left:5px; padding-top:2px; }
.sa-search-box { margin-top: 0 !important; }

.minisearch-header-btn, #minisearch-btn { display: block; }

.result_row:hover { background-color:#f8f8f8 !important; }
.miniCartProduct { background-color:#fff; border-top: solid 2px #F0F0F0; border-bottom: solid 2px #F0F0F0; }
.miniCartProduct:hover { background-color:#f8f8f8 !important; }
.miniCartDescription { font-size: 12px; }
.miniCartDescription .attribute_value { font-size: 12px !important; color: #000; font-weight: bold;}
.minicart-price { text-align: right; color: #000; font-weight: bold; }
.miniCartDescription h4 { margin: 0;}
.miniCartDescription .delete { padding: 5px; }
.miniCartTable #empty-cart-msg { padding: 10px; color: blue; text-align: center;}

.miniCartSubtotal { font-weight: bold; color: #FF0000; font-size: 14px; text-align: right; }
.miniCartTable { max-height: 300px; }

.show_minicart { color:#fff !important; text-decoration:none; }
.show_minicart:hover { text-decoration:none; }

.cartMenu { display: inline; }
.cartMenu > a { padding: 10px !important; color:#fff; }
.cartMenu:hover { border-radius: 5px; }

.badge { background-color: #ffff00; color:#333333; position: relative; top: -3px; }

.miniCartFooter { padding-bottom: 10px; padding-right: 10px; }
.miniCartFooter h3 { color:#000000; font-size:12px; font-weight:bold; }
.miniCartProduct a { color:#000000; font-size:12px; font-weight: 500; }
.miniCartProduct a > i.fa { color:#FFF; }
.miniCartProduct > td { padding: 0 5px; }

.mdBarCreditCards { float:right; width:196px; margin-right:-70px; margin-top:8px; }
.mdBar { position: fixed; width: 100%; z-index: 9999; bottom: 0; border-top:4px solid #ec0000; padding-top: 3px; padding-bottom: 3px; min-height: 20px; }

.mdBarTitle { font-weight:bold; color: #ffff00; }

.quickQuoteContainer { padding:5px 10px 10px; margin-left:-10px; }
.quickquote-btn { width:100% !important; max-width: 150px; }

.bx-controls { position: static !important; top: auto !important; }

.slideBox { background-color:#000; background: rgba(0, 0, 0, .5); padding:15px; }
.slideBox h1 { color: #ffffff; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif !important; font-size: 41px; font-weight:bold; text-transform: uppercase;  margin:0 !important; }
.slideBox h2 { color: #ffffff; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif !important; font-size: 28px; text-transform: uppercase; line-height:normal; margin:0 !important; }
.slideBox-btn { width:60% !important; margin-top:15px; }

.orderStep li.active > a { background-color: #FF0000 !important; color: #454545; }
.dropdown-menu { margin-top: -3px !important; }
.navbar-account-menu .dropown-menu { z-index: 10001 !important; }
.navbar-account-menu #phone { font-size: 24px; color:white; }
.navbar-account-menu #phone > em { color:#ffff00 }

.dropdown-submenu-desktop > a:after {
    border-left: none;
}

.shapeShopRed {
    color: red;
    font-weight: bold;
    font-style: italic;
    font-size: 16px;
}

.shapeSecondaryDesc {
    margin: 20px 0 20px 0;
}

/* Print Exclusions */
#printLogo { display: none; }
.cart-footer-print { display: none; }

.wholesaleMessage {
    background: #FFFDA8;
    padding: 10px;
    text-align: center;
    margin-bottom: 20px;
    border: 1px solid #cfcd89;
}

.discountBlue {
    color: #000089;
    font-weight: bold;
}

.discountRed {
    color: #F00;
    font-weight: bold;
    margin: 0 10px;
}

.discountLearnMore {
    color: #00F;
}

.row.userInfo .order-confirm-heading { background-color: #DDD; padding: 15px; font-size: 20px; line-height: 24px; margin-bottom: 10px; }
#paypal-checkout-text { color: blue; }
.processorView { color: blue; font-weight: bold; }
.processorView label { color: #000; }

/* Multi column dropdown */
#navbar .dropdown-menu {
    min-width: 250px;
}
#navbar .dropdown-menu.columns-2 {
    min-width: 530px;
}
#navbar .dropdown-menu.columns-3 {
    min-width: 600px;
}
#navbar .dropdown-menu li a {
    padding: 5px 6px;
    font-weight: 300;
}
#navbar .multi-column-dropdown {
    list-style: none;
}
#navbar .multi-column-dropdown li a {
    display: block;
    clear: both;
    line-height: 1.428571429;
    color: #000 !important;
    white-space: normal;
}
#navbar .multi-column-dropdown li a:hover {
    /*text-decoration: none;*/
    /*color: #262626;*/
    /*background-color: #f5f5f5;*/
}

.billingInfoForm .form-group i.fa-spin, .shippingInfoForm .form-group i.fa-spin {
    position: absolute;
    z-index: 200;
    right: 20px;
    margin-top: 35px;
    display: none;
}
.checkout-container .rowheader h3{ background-color: #DDD !important; font-weight: bold; }
.checkout-container .cartFooter { margin-top: 25px; background-color: white !important; border-top: none !important; }
.checkout-back-btn { margin-left: -5%; height: 40px; padding: 10px 15px;}

.checkout-footer-security-logo { text-align: center;  }

@media(min-width: 768px) {
    .checkout-footer-security-logo { text-align: right; }
}

.cart-mini-table-loading { border: 1px solid #DDDDDD; padding: 25px; }
.cart-mini-table-loading > i { color: #FF0000; margin: 15px auto; display: block; }

#metals_signup .userInfo h3, #metals_signup .billingInfo h3 { display: none; }

#custom-cut-modal-content {
    width: 768px;
}

#print-modal-content {
    width: 768px;
}

#custom-cut-modal-content input, #custom-cut-modal-content select {
    padding: 0 3px;
    min-height: 30px;
}

.custom-cut-remove-row { color: #FF0000; }
.custom-cut-remove-row:hover { cursor: pointer;  }

.sqft-input-group, .linear-input-group { margin-bottom: 15px; }
.sqft-input-group div:first-of-type, .linear-input-group div:first-of-type { margin-left: 10px; margin-right: -10px; }
.sqft-input-group:first-of-type .custom-cut-remove-row { visibility: hidden; }
.custom-cut-inputs-container .sqft-input-group:first-of-type { margin-left: 10px; }


@media (max-width: 767px) {
    #navbar .dropdown-menu.multi-column {
        min-width: 240px !important;
        overflow-x: hidden;
    }

    #navbar .multi-column-dropdown li a {
        color: #FFF !important;
    }

    #custom-cut-modal {
        top: 5%;
    }

    #print-modal {
        top: 5%;
    }

    #custom-cut-modal-content {
        width: 100%;
        max-width: 300px;
        margin: auto;
        top: 5%;
    }

    #print-modal-content {
        width: 100%;
        max-width: 300px;
        margin: auto;
        top: 5%;
        height: 100%;
    }
}
.notifTitle{
    font-size:25px; padding-left:10px;
}

.notifMsg {
    padding:10px 0 0 25px;
}
.lineItemNotif .alert {
    padding: 0;
    padding-left: 15px;
}

.lineItemNotif .notifTitle {
    font-size:20px; padding-left:10px;
}

.lineItemNotif .notifMsg {
    padding: 4px 0 0 25px;
}


.quoteThanks .form-group {
    margin-bottom: 4px;
}
.quoteThanks .form-group label {
    display: inline;
    font-size: 12px;
}
.quoteThanks .form-group input {
    height: 30px;
    padding: 2px 5px 2px 5px;
}
.quoteThanks .form-group {
    text-align: left;
}

.quoteThanks .row:nth-child(1) {
    text-align: right;
}

.quoteThanks .formManagerForm .row:nth-child(2n+2) {
    background-color: #FFFFFF;
}

.quoteThanks .textarea_label {
    margin-top: 30px;
    text-align: left;
    display: inline-block !important;
}

.quoteThanks textarea {
    height: 100px;
}

.quoteThanks .btn-info, .quoteThanks .btn-primary {
    background-color: #FE0000;
    border: 1px solid transparent;
}

.quoteThanks .btn-info:hover, .quoteThanks .btn-primary:hover {
    background-color: #CC0001;
    color: white;
}

.quoteThanks .btn[type="reset"] {
    background-color: white;
    border: 1px solid black;
}
.quoteThanks .btn[type="reset"]:hover {
    background-color: #eee;
}
.quick-quote-display {
    margin-top: 30px;
    color: black;
    display: inline-block !important;
    width: 100%;
}
.quick-quote-upload-label {
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    margin: 40px 0 20px 0;
}
.quick-quote-upload {
    text-align: center !important;
    color: gray;
    width: 100% !important;
}
.quick-quote-highlight, .checkout-highlight, .checkout-highlight:focus {
    box-shadow: 0 0 5px 0px red, inset 0 0 1px 0 red;
    border: 1px solid red;
}
.form-upload-paperclip {
    color: gray;
    font-size: 22px;
    margin-right: 5px;
    vertical-align: middle;
}

.account-wrapper { padding-top: 10px; }
.account-body { margin-top: 30px; max-width: 100%; }
#accountDropdown { display: inline; }

.bx-wrapper { margin-top: 5px; }
.photogallery_bx_slider .bx-wrapper img { position: absolute; left: -9999px; right: -9999px; margin: 0 auto; }
div[id^="photoGalleryId"] { visibility: hidden; }

@media (min-width: 1200px) {
    /** Fix for the login box */
    .content .account-wrapper .col-lg-12 {
        float: none;
    }

    .bx-viewport { height: 425px !important; }
    .bx-wrapper img { height: 425px !important; max-width: initial !important; display: inline-block;}
    .bx-wrapper .autoSlider { text-align: center; }
}

@media (min-width: 1400px) {

    .bx-viewport { height: 515px !important; }
    .bx-wrapper img { height: 515px !important; }
}
@media (min-width: 1600px) {

    .bx-viewport { height: 585px !important; }
    .bx-wrapper img { height: 585px !important; }
}

@media (min-width: 768px) {

    .bx-viewport { overflow: visible !important; }
    .bx-wrapper img { /*height: 375px !important;*/ max-width: initial !important; display: inline-block;}
    .bx-wrapper .autoSlider { text-align: center; }
}
@media (max-width: 767px) {

}

#passwordResetContainer .account-wrapper {
    width: auto;
    padding: 0 0 0 0;
}

#helpList {
    padding-left: 28px;
    list-style: circle;
}

#cut-for-ups-fedex {
    margin-left: 5px;
}

#cartTip-div {
    position: absolute;
    background: #000;
    color: #fff;
    padding: 4px;
    display: none;
    z-index: 10;
    width: 325px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.signup-page-well { background-color: #fefee6; }

.addressEditButton
{
    margin-top: 5px;
    height: 26px;
}

#headerPart2 .container { padding-top: 20px; padding-bottom: 0; }

.cartMenu { padding: 10px 5px; }
.nav .cartMenu.open > a,
.nav .cartMenu.open > a:hover,
.nav .cartMenu.open > a:focus {
    background-color: #000;
}

.nav .min-cart-container { display: inline; }

.account-dropdown { margin-right: 10px; margin-left: 10px; }
.account-dropdown { padding: 10px 10px; }
.account-dropdown:hover { background-color: black; cursor: pointer; border-radius: 5px; }
.account-dropdown:hover .dropdown-menu { display: block !important; }
.account-dropdown .dropdown-menu li > a:hover { color: white !important; background-color: #FE0000; font-weight: bold; }
.account-dropdown .dropdown-menu { min-width: 185px; }

@media(max-width: 1199px) {
    .account-dropdown, .cartMenu { font-size: 20px;  }
    .cartMenu > a { padding: 0; margin: 0; }
}

@media(max-width: 1299px) {
    #tax-exempt-link {
        display: table;
    }
}

.navbar-account-menu { display: inline !important; color: white !important; font-weight: bold; }

.bottom-align {  display: -ms-flexbox; display: flex; align-items: flex-end; }

.zoomWindowContainer > div { box-shadow: 1px 1px 6px #757575; }
.suggestive_search > .container-fluid > .result_row > div { padding: 0 !important; }

#loading-login-modal i, #loading-login-modal-complete i { font-size: 65px; }
#loading-login-modal-complete i { color: #5CB85C }

.category-search-result-box { margin-bottom: 15px; }
.category-search-result-box-inner { border: 1px solid #E0E0E0; border-radius: 3px; padding: 5px; }
.shape-page .category-search-result-box-inner { border: 0; }
.category-search-result-box-inner h2 { font-size: 12px; }
.category-search-result-box-inner img { margin: 0 auto; }

.navbar.navbar-metals.navFixed {
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10005;
}

.total {
    font-size: 22px;
}

.member-order-history-lineitems .cart-product-name img { margin-right: 15px; }
.member-item > a { padding-right: 15px; }
.extra-padding-link { padding-right: 17px; }

.profile-edit #profile-image-dropzone { display: none; }

.checkout-container { margin-top: 25px; }

.checkout-container .orderStep li.active a span {
    background-color: #FF0000 !important;
    font-weight: bold;
}

.mdBarFooter {
    padding-bottom: 10px;
    font-size: 12px;
    color: white;
}

.md-bar-collapse-container {
    background-color: #333;
    color: white;
    position: absolute;
    left: 15px;
    top: -18px;
    font-size: 18px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding-left: 9px;
    padding-top: 4px;
    -webkit-box-shadow: 2px 3px 3px 0px rgba(41, 41, 41, .3);
    -moz-box-shadow: 2px 3px 3px 0px rgba(41, 41, 41, .3);
    box-shadow: 2px 3px 3px 0px rgba(41, 41, 41, .3);
}
.md-bar-collapse-container:hover { cursor: pointer; }

.mdBarNumbers { font-size: 20px; }
#md-bar-call-text { color: #FFFE30; font-weight: bold; font-style: italic; }
#md-bar-phone { color: white; font-weight: bold; }

.dashboard-element a:hover, .dashboard-element a:focus { color: #FF0000; }

form[action*="quick_quote_request"] .form-actions { margin-top: 10px; }
form[action*="quick_quote_request"] .form-actions .col-md-3 { width: 0 !important; }
form[action*="quick_quote_request"] .form-actions .col-md-9 { width: 100% !important; }
form[action*="quick_quote_request"] .form-actions .btn { width: 130px !important; margin-bottom: 20px; }

.my-account-menu .red-header { text-transform: uppercase; }
.my-account-menu ul { margin: 0; padding: 0; }
.my-account-menu ul > li { list-style: none; }

.category-page .category-box a.subCategoryThumb img { max-height: 180px; }

.nav-tabs li a { background-color: #F0F0F0; width: 120px; padding: 5px; text-align: center; font-size: 15px; border: 1px solid #CCC;}
.nav-tabs li a:hover { background-color: #E9E9E9; color: #000; border: 1px solid #CCC;}
.nav-tabs li.active a { background-color: #FFF; color: #000; position: relative; top: 1px;}

.account-tabs { margin-top: 25px; margin-bottom: 15px; }
.gray-header { background:#E0E0E0;border: 1px solid #E0E0E0; margin: 30px 0 50px 0; font-weight: bold;}
.gray-header h3, .order-box-header h3 { font-weight: bold; margin-top: 10px; display: inline-block; }
.gray-header .add-address-btn { margin-top: 6px; float: right; }
.profile-users .list-view .user { padding-top: 10px; }
.profile-users .list-view .user:nth-of-type(odd) { background: #EEE; }
.profile-users .list-view .user { border-bottom: solid 1px #AAA; }
#billing_address_select, #shipping_address_select { margin-bottom: 10px; }
/*.profile-users .list-view .user:last-of-type { border-bottom: 0; }*/
.editable-address > .form-group { display: none; }
.address-edit-btn { float: right; }

.rightSidebar { position: fixed; max-width: 320px; right: 0; }
@media (max-width: 1000px) {
    .rightSidebar { display: none }
}

#checkoutForm { font-size: 14px; }
#checkoutForm label { font-size: 14px; }
.checkout-container .cartTableHeader, .checkoutReview .cartTableHeader { background: #FE0000 !important; color: #FFF !important;}
.CartProduct { border-bottom: solid 1px #DDD; }
.checkoutReview .CartProductThumb a img, .checkoutReview .CartProductThumb a img {
    width: 50px;
}

#navbar {     z-index: 10000; max-width: 1200px;  margin: auto; position: relative !important;}
.navbar-metals > .container { position: relative; height: 40px;}
.navbar-metals > .container > #navbar { position: absolute; }
.metals-nav { height: 40px; }
.scroll-dropdown { border: 0 !important; }
.scroll-dropdown > ul > li:last-of-type { padding-bottom: 10px; }
.product:hover .image a img { transform: scale(1.15) !important;  -webkit-transform: scale(1.1) !important;  -moz-transform: scale(1.1) !important;  -ms-transform: scale(1.1) !important; -o-transform: scale(1.1) !important;}
.ui-autocomplete { width: 90% !important; left: 0px !important; margin-left: 10%;}
.sa-search-box .suggestive_search { width: 90%; min-width: 400px; margin-left: 10%;}
.sa-search-box.ui-front { width: 90%; padding-left:9%; }

.custom-cut-inputs-container { max-height: 200px; overflow-y: auto; overflow-x: hidden; }
.custom-cut-inputs-container .row { padding-right: 0; padding-left: 0; }

.addToCartButton, #addToCartButton { background-color: #FF0001; border: #FF0000; }
.addToCartButton:hover, #addToCartButton:hover { background-color: #FF3333; }

.checkout-review-container { padding: 30px;  }
.checkout-review-container .userInfo .address-info { font-size: 14px !important;  }
.userInfo .address-info { font-size: 16px; }
.checkout-review-container h3.gray-header { background-color: #DDD; padding: 15px; border: 0; margin-top: 0; margin-bottom: 10px; }
.box-footer { display: flex; }

#submenu-desktop .active-parent { background-color: #FFAAAA; }
.secondaryDropdown .dropdown-menu { padding-top: 10px; padding-bottom: 10px; }

.footer-copyright-section .bbb-logo { display: inline-block; max-width: 8vw; }
.footer-copyright-section .tw-logo { display: inline-block; max-width: 8vw; margin-left: .1vw }

.bbb-logo.md-phone {  max-width: 20vw; }
.tw-logo.md-phone {  max-width: 20vw; }

.header {  z-index: 10000; }
.validation-alert-input { box-shadow: 0 0 13px 5px #ff4545; }
.validation-note { color: blue; font-weight: bold; }
.saved-cart-modal > .modal-dialog { max-width: 800px; width: auto;}
.processorView select { font-weight: normal !important; }
#saved_carts_table { max-width: 640px; margin: auto; }
#saved_carts_table tr { border-bottom: 1px solid #DDD; }
#saved-cart-modal-body .cart-item { min-height: inherit; border: solid 1px #BBB; padding-top: 5px; }
#shipping-address .metals-address { display: none; }

@media (min-width: 1200px){
    .saved-quotes-container { width: 940px; margin-left: auto;  margin-right: auto;}
    .order-history-container{ width: 940px; margin-left: auto;  margin-right: auto;}
}

#save-cart-login, #save-cart-signup { padding: 20px; margin-top: 10px; border-top: 1px solid lightgray; }
.cart-checkout-btn, .cart-request-quote-btn { font-size: 18px; font-weight: bold; padding: 4px 12px; width: 200px; height: 35px;}
.cart-container .zoid-outlet { width: 200px !important; }
.cart-container .go-back { width: 200px; height: 35px; }
@media only screen and (min-width: 992px) {
    .cart-container {
        padding: 30px;
    }
}


/*///////////////Right Tooltip w/ Left Arrow////////////////*/
.tooltip-col {
    position: relative;
    display: inline-block;
    cursor:pointer;
    text-align:center;
}

.tooltip-col .fa-question-circle { font-size: 16px; color: blue; }

.tooltiptext {
    visibility: hidden;
    width: 350px;
    /*height:50px;*/
    background-color: rgb(251, 247, 170);
    color: #000;
    text-align: left;
    border-radius: 6px;
    padding: 5px 10px;
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
    bottom: -17px;
    left: 24px;
    font-weight: 400;
    border: 3px solid rgb(249, 233, 142);
    box-shadow: 1px 1px 7px 1px #000;
}

.tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 13px;
    right: 100%;
    margin-top: -10px;
    border-width: 15px;
    border-style: solid;
    border-color: transparent rgb(249, 233, 142) transparent transparent;
}
.tooltip-col:hover .tooltiptext {
    visibility: visible;
}

#navbar .multi-column-dropdown li a .loading-spinner, #navbar .metals-dropdown li a .loading-spinner { display: none; width: 20px; margin-left: 10px; color: #000; }
#navbar .multi-column-dropdown li a.active .loading-spinner, #navbar .metals-dropdown li a.active .loading-spinner { display: inline-block; }

.menu-spacer { display: none; height: 50px;}

.comment-input { width: 70%; display: inline; }

.delivery-comments { min-height: 100px; }

#subscribeResponse { border-left: 0; }

.footer-payment-methods .paypal-logo { display: inline-block; margin-bottom: 10px; }

.shipping-tooltip { font-size: 12px; }
.shipping-tooltip h5 { font-size: 14px; }

#tax-exempt-link:hover {
    cursor: pointer;
}
#tax-exempt-link-details:hover {
    cursor: pointer;
}

.cc-img { max-width: 48px !important; }

.rawValue{
    text-decoration: line-through;
    color:#888888;
}

.lightboxOverlay {
    z-index: 10003 !important;
}

.lightbox {
    z-index: 10005 !important;
}
.row-no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.footer-left{
    text-align: center;
    margin-bottom: 5px;
}
.footer-right{
    text-align: center;
}
.top-quote{
    color: #000 !important;
    position: absolute !important;
    margin-top: 5px;
    margin-left: 5px;
    padding: 3px 10px;
    right: -20px;
    top: 0px;
}
.no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.checkout-container .orderStep.single-step li { width: 25% !important; }

.hide-minicart { visibility: hidden; }
/*.hide-minicart .cartMenu > a { height: 0; padding-top: 0 !important; margin: 0; }*/

.special-deals-container {
    margin-top: 3px;
    font-weight: bold;
    color: white;
}

.special-deals-text {
    color: #fFff30;
}



#back {
    display: none;
    position: fixed;
    right: 25px;
    bottom: 20px;
    height: 40px;
    width: 40px;
    background-color: #FE0000;
    color: #fff;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
    font-size: 20px;
    z-index: 9999;
}

#popup-email { margin-right: 5px; }

.cart-totals .shipping-text-holder { cursor: pointer; }

.fancybox-opened { z-index: 10030; }
.fancybox-overlay { z-index: 99999; }

#mobile_menu_btn_home { display: block; }

#clearance-icon { color: #000; margin-left: 5px; margin-right: 1px; }
#clearance-icon-dollar { color: #000; margin-left: 7px; margin-right: 8px; }

#espanol-text { display: inline-block; margin-top: 20px; font-size: 24px; font-family: Arial Black; }
#espanol-text-footer { color: #FF0000; font-weight: bolder; font-family: Arial Black; font-size: 26px; font-style: normal; }
#something-special-container { border-left: solid 1px #DDD; border-right: solid 1px #DDD; }
#first-to-know-container { max-width: 400px; margin: auto; }
#subscribeResponse { text-align: center; font-weight: bold; margin-top: 5px; }
.cc-margin-right { margin-right: 5px }
#footer-logo-container { padding-top:10px }
#footer-logos-container { margin-top: 10px; }


.navThumbnailContainer { height: 0; width: 0; opacity: 0; display: inline-block; position: absolute; background: #FFF; border: 1px solid #BBB; left: 0; -webkit-transition: all 0.5s; transition: all 0.5s; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }
.navThumbnailContainer img { width: 100%; height: 100%; display:inline-block;}
#navbar .dropdown-menu li:hover .navThumbnailContainer { height: 100px; width: 100px; display: inline-block; opacity: 1; left: -105px; }
#navbar .multi-column-dropdown li:hover .navThumbnailContainer { height: 100px; width: 100px; display: inline-block; opacity: 1; left: -90px; }

.products-table .length-select-btn:hover, .metals-custom-dropdown-btn { outline: none; transform: translateY(-1px); transition-duration: 0.1s !important;}
.products-table .length-select-btn:focus, .metals-custom-dropdown-btn { outline: none; }
.products-table .length-select-btn, .metals-custom-dropdown-btn { border-radius: 4px; background-color:white; display: inline-block; margin: 10px 10px 10px 0; color: #616161; font-size: 14px !important; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); }
.products-table ul, .metals-custom-dropdown-ul { box-shadow: 0 1px 4px #0000004f; line-height: 150%; min-width: 76% !important; width: 200%; margin-top: -15px !important; cursor: pointer; overflow-y: scroll; list-style: none;}
.products-table li, .metals-custom-dropdown-item  { color: #1f1f1f; font-size: 18px; font-weight: bold; padding: 10px; border-bottom: 1px solid lightgray; }
.products-table li:hover, .products-table li:active, .metals-custom-dropdown-item:hover, .metals-custom-dropdown-item:active { background-color: red; color: white; }
.products-table li[value=""], .metals-custom-dropdown-item[value=""] { color: #1f1f1f; font-weight: normal; }
.products-table li.disabled, .metals-custom-dropdown-item.disabled { color: #999; font-weight: normal; }
.products-table ::-webkit-scrollbar, .metals-custom-dropdown::-webkit-scrollbar { background-color: transparent; width: 10px; }
.products-table ::-webkit-scrollbar-thumb, .metals-custom-dropdown::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 10px; box-shadow: 0 1px 2px #0000001f; }
.products-table .length-selected, .metals-custom-dropdown-selected { background-color: red; color: white;}
.added-to-cart-message { justify-content: flex-end; padding-right: 10px !important; }
.delivery-charges-cart-message { justify-content: center; }
.delivery-charges-msg { color: black; font-weight: normal; font-style: italic; font-size: 14px; }
.dropdown-select-arrow { margin-top: 3px; }

.product-table-grid-container { display: flex; flex-direction: row; flex-wrap: wrap; }
.product-table-grid-container .item { min-height: 470px; }

.card-hover-popout .add-to-cart-notification-row { margin: 10px 0 0 0; padding: 8px; border-radius: 5px; }
.add-to-cart-popout { margin-right: 15px !important; position: absolute !important; box-shadow: 0 1px 6px #00000040 !important; z-index: 5000 !important; }
.quick-ship-btn { right: 11px; margin-left:5px; background-color: white; width: 100%; border-radius: 5px; font-style: italic; font-weight: bold; color: black; border: 1px solid #ccc; font-size: 16px; padding: 4px 12px; }
.quick-ship-btn:hover, .quick-ship-btn:focus, .quick-ship-btn:active { background-color: #E1E1E1; color: black; text-decoration: none; border-color: #adadad; }

#quick-ship-title { display: inline; }
#quickship-modal-price { padding: 15px; }
.quick-ship-msg { font-size: 12px; text-align: left;}
.quick-ship-btn-col { padding: 10px 30px; }
.quick-ship-scroll-box { height: 100px; overflow-y: scroll; border: 1px solid black; padding: 5px;}

#checkoutForm .quick-ship-msg { left: 0; text-align: left; }
#checkoutForm .quick-ship-btn { right: 0; text-align: center; }

@media (max-width: 1200px) {
    .quick-ship-btn { margin-left:0px; }
}

@media (min-width: 1200px) and (max-width: 1415px) {
    .quick-ship-btn {
        font-size: 12px;
    }
}

.cart-item-list { border-left: 2px solid #e1e1e1; border-right: 2px solid #e1e1e1; padding: 0 !important; border-bottom: none !important; }
.cart-item { padding: 10px; }
.cart-totals { padding-top: 0 !important; }
.cart-pricing .row { padding: 0 !important; }
.cart-subtotal-row, .cart-shipping-totals-row, .cart-promo-code-row, .total-row { display: flex; }
.shipping-label, .shipping-text-holder, .total-label, .cart-total, .cart-subtotal-label, .cart-subtotal, .promo-code-label, .promo-code-text { border: 2px solid #e1e1e1; border-top: none; padding: 5px 5px 5px 0; }
.shipping-label, .total-label, .cart-subtotal-label, .promo-code-label { border-right: none; }
.total-label { font-size: 20px; }
.total-label, .cart-total { background-color: #e2ecfe; }
.shipping-label, .shipping-text-holder { background-color: white; }
.cart-shipping-container { margin-top: 15px; }
.security-logos { margin-top: 30px; width: 283px; height: 72px; }
.credit-card-logos { width: 179px; height: 61px; }
.total-row { display: flex; }
.shipping-label { line-height: .75; }
.shipping-label-name { line-height: 1; }
.canada-duties-taxes-prepaid { font-size: 10px; color: blue; }

#shipping_postal_code:focus { border-color: #FF0000;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(255,0,0,.075), 0 0 8px rgba(255, 0, 0, .6);
    box-shadow: inset 0 1px 1px rgba(255,0,0,.075), 0 0 8px rgba(255, 0, 0, .6); }

.footer-email { display: inline; font-size: 18px; font-weight: bold; }
#bing-ads-js-tag { display: none; visibility: hidden; }
.shapes-grid-header { text-align: center; }
.footer-email-img { cursor: pointer; }
.import-cart-btn { width: 200px; height: 40px; font-size: 20px; }



.display-tolerance-span { font-size: 12px; font-weight: normal; }

#request-quote-modal .modal-body { padding: 30px; }
.request-quote-row { margin-top: 10px; }
.mobile-shapes-item { width: 100%; }
.sales-person-message { margin-top : 10px; margin-bottom: 10px; display: block; }
.cart-line-number { font-size: 14px; margin-left: -15px; margin-right: 15px; }
.cart-line-number-lg { font-size: 20px; margin-left: -15px; margin-right: 15px; }

#allow-sms-failed { color: red; font-weight: bold; display: none; }
#allow-sms-success { color: green; font-weight: bold; display: none; }
#allow-sms-loading { display: none; }


#top-banner { position: fixed; display: none; top: 0; height: auto; width: 100%; background-color: #ffff5a; z-index: 9999999999999; box-shadow: 0 2px 8px 0 grey; }
#bottom-banner { position: fixed; display: none; bottom: 0; height: auto; width: 100%; background-color: #ffff5a; z-index: 9999999999999; box-shadow: 0 -2px 8px 0 grey; }
#close-bottom-banner { position: absolute; right: 0; top: -22px; width: 65px; text-align: right; background: #ffff5a; cursor: pointer; }
#bottom-banner-text, .top-banner-text { display: block; margin: 8px; font-size: 14px; }
.order-history-notice { color: blue; font-size: 13px; }

#billing_address_select, #shipping_address_select { margin-bottom: 15px !important; }
#billing-address .form-control, #shipping-address .form-control { margin-bottom: 0; border-radius: 4px !important;}
.red-input-highlight {
    box-shadow: 0 0 5px 0px red, inset 0 0 1px 0 red;
    -webkit-box-shadow: 0 0 5px 0px red, inset 0 0 1px 0 red;
    -moz-box-shadow: 0 0 5px 0px red, inset 0 0 1px 0 red;
    -webkit-appearance: none;
    border: 2px solid red !important;
}

#mobile_phone { width: 95%; margin-left: 20px; }
.mobile-phone-info { font-size: 12px; color:#333333; display: block; width: 70%; }
.mobile-phone-info-twofactor { font-size: 12px; color:#333333; display: block; width: 100%; }
@media (max-width: 767px) {
    .mobile-phone-info {
        width: 100%;
    }
}

.processorRadioContainer { display: block; margin-bottom: 50px; margin-right: 0 !important; }

.metals-checkbox input[type="checkbox"] { opacity: 0; cursor: pointer; }
.metals-checkbox input[type="checkbox"] + label:after { content: none; }
.metals-checkbox input[type="checkbox"]:checked + label:after { content: ""; }
.metals-checkbox input[type="checkbox"][disabled] ~ label::before { background-color: #ccc; cursor: not-allowed; border: 1px solid #808080; }
.metals-checkbox input[type="checkbox"][disabled] ~ label::after { cursor: not-allowed; }
.metals-checkbox label { display: inline-block; position: relative; padding-left: 22px; }
.metals-checkbox label::before { content: ""; position: absolute; cursor: pointer; display: inline-block; height: 16px; width: 16px; border: 1px solid black; left: 0; top: 3px; box-shadow: inset 0 0 3px #808080; }
.metals-checkbox:hover label::before{ background-color: #ccc; }
.metals-checkbox label::after { content: ""; position: absolute; cursor: pointer; display: inline-block; height: 5px; width: 9px; border-left: 2px solid red; border-bottom: 2px solid red; transform: rotate(-45deg); left: 4px; top: 7px; }

.metals-radio { position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.metals-radio input { position: absolute; opacity: 0; cursor: pointer; }
.metals-checkmark { position: absolute; top: 0; left: 10px; height: 16px; width: 16px; background-color: #FFFFFF; border-radius: 50%; border: 1px solid black; box-shadow: inset 0 0 3px #808080; }
.metals-radio:hover input:not([disabled]) ~ .metals-checkmark { background-color: #ccc; }
.metals-radio input:not([disabled]):checked ~ .metals-checkmark{ background-color: #FFFFFF; }
.metals-radio input[disabled] ~ .metals-checkmark{ background-color: #ccc; cursor: not-allowed; border: 1px solid #808080; }
.metals-checkmark:after { content: ""; position: absolute; display: none; }
.metals-radio input:not([disabled]):checked ~ .metals-checkmark:after { display: block; }
.metals-radio .metals-checkmark:after { top: 3px; left: 3px; width: 8px; height: 8px; border-radius: 50%; background: #FF0000; }

.change_country_btn { transition: 0.5s; color: #FFF; font-weight: bold; font-size: 24px; border-radius: 50%; text-align: center; padding: 0 5px; background: #222; box-shadow: 0 0 3px #000; position: absolute; top: 160px; right: 10px; z-index: 9999; width: 36px; line-height: 30px; }
.change_country_menu { border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); z-index: 20000; background-color: white; position: absolute; top: -100px; transition: 0.1s all; padding-inline-start: 0 !important; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); height: 100vh; overflow-y: scroll; overflow-x:hidden; right: 0; list-style-type: none; width: 250px; padding-bottom: 200px;}
.change_country_menu > li { text-align: left; font-size: 14px; color: #222; padding: 5px 10px;  font-weight: 300; cursor: pointer; background: #ffffff;}
.change_country_menu > li:hover { background: #FE0000; color: white; font-weight: bold; }
.country_selected { background: #FE0000 !important; color: white !important; }
.change_country_input { padding: 5px 10px; width: 100%; color: black !important; border: none; font-family: Arial, FontAwesome; font-display: swap; }
.change_country_searchbox { padding: 0 !important; }
.country-item-hidden { display: none !important; }
.currency-code { font-size: 8px; color: gray; margin-right: 5px;  }
.fcb-form-header-logo { box-shadow: 0 1px 0 #f4f4f4; border-bottom: 1px solid #d3d3d4; border-radius: 4px 4px 0 0; width: 100% !important;  background-size: cover !important; height: 58px !important; left: -1px !important; top: 2px !important; transform: translateY(-100%) !important;}
.fcb-form-header-logo img { display: none !important; }
.fcb-flag-sprite { width:auto;height:19px; border: 1px solid black; }
.fcb-country-tag:hover { cursor:pointer; }
.fcb-country-tag { font-weight: normal; color: black; padding: 5px; border-radius: 5px; position:absolute; right: 0; }
#fcb-modal-country-select-error { display: none; color: red; font-weight: bold; }
.fcb-setup body { overflow-y: hidden; }

#fcb-select-country-menu { position: absolute; right: 0; display: none; }
#fcb-select-country-menu.open { display: block; }
.fcb-form-body-input input, .fcb-form-body-input select, .fcb-form-title { font-size: 16px !important; }
.fcb-tsc-buyer-type .fcb-form-body-option p { font-size: 13px !important; }
.fcb-label { font-size: 16px !important; }
.fcb-shipping-method .fcb-eta, .fcb-shipping-method .fcb-eta span { font-size: 12px !important; }
.fcb-shipping-option .fcb-price .fcb-amount { font-size: 14px !important; }
#FCB_ChkSameBuyerInfo > p { font-size: 13px !important; }
.fcb-text, .fcb-sumary-text { font-size: 12px !important; }
.input-error { background-color: #ff000020 !important; }
.http-user-agent-alert { margin-bottom: 0px; padding: 15px; text-align: center; width: 100%; }
#fcb-first-visit-header { font-size: 24px; }
#fcb-purple-webapp-container { display: none; }
.usd-price { font-size: 9px; color: gray; text-align: right; font-weight: normal; }
.price-col .usd-price { text-align: center; }
.cart-product-price, .cart-product-total, .cart-total, .shipping-text-holder, .cart-subtotal  { line-height: .75; }
.blue-font { color: blue; }
.request-quote-notice { color: red; font-size: 12px; display: inline-block; max-width: 100%; width: 500px; }
.cart-shipping-totals-row .shipping-text-holder { display: flex; align-items: center;}
.cart-shipping-totals-row .shipping-text { width: 100%; text-align: right; }
.cart-container .cart-totals { padding-bottom: 15px; }
.cart-container .cart-footer { margin-top: 0; }
.fcb-form-pay .fcb-form-body-button .metals-icon-spinner { display: none; }
.fcb-form-pay .fcb-form-body-button.loading .metals-icon-spinner { display: inline-block !important; }
.fcb-form-pay .fcb-form-body-button.fcb-custom-partner-background { display: block !important; width: 25% !important; margin-right: 0; margin-left: 10px;}
.metalsfcb-logo { padding-right: 5px; }
#metalsfcb-visa-logo { padding-left: 30px; }
#metalsfcb-and-more { font-size: 12px; }

#amazon-pay-btn {
    height: 51px!important;
    margin: 15px 0 0 auto!important;
    width: 200px !important;
}
.amazonpay-button-view1 { height: 35px !important; border: none !important; }
.amazonpay-button-view3 { position: relative; top: 5px;}
#payment-info-amazon-img { width: 50%; }
#payment-info-amazon-div { width: 250px; display: inline-block; text-align: center; border-radius: 3px; border: 1px solid lightgray; }

.us-ca-checkout-here-btn { width: 200px; height: 35px; }
.quick-quote-upload { width: 80% !important; margin-left: 10% !important; }
.quick-quote-upload .uploadaliasbutton { float: left !important; padding: 5px 10px; }
.limited-stock-message { font-size: 11px; }
.cart-limited-stock-message { font-size: 9px; display: block; }
.in-stock-message { font-size: 10px; display: block; }
.ship-time-message { font-weight: normal; font-style: italic; font-size: 10px;}

.category_list_nav_column .img-responsive { height: 28px; width:168px; margin: 10px auto; }

.change-payment-btn-row {
    margin-top: 6px;
}

a.skip-main {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
}

a.skip-main:focus, a.skip-main:active {
    color: #000;
    background-color: #eee;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow: auto;
    margin: 10px 35%;
    padding: 5px;
    border-radius: 15px;
    text-align: center;
    font-size: 1.2em;
    z-index: 99999;
}

.wellAlt {
    border:1px solid lightgrey;
    background-color:#F5F5F5;
    border-radius: 2px;
    width: 60%;
    padding: 10px;
    margin-bottom: 10px;
    max-width: 630px;
}

#calAdd {
    background-color: rgb(225, 225, 225);
}


@media (max-width: 991px) {
    .mobile-cart-action-btn {
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 32px;
        width: 38px;
    }

    .removeFromCart {
        margin-right: 5px;
        margin-left: 0;
    }

    .cart-line-number-lg {
        font-size: 18px;
        margin-left: 0;
        margin-right: 0;
    }

    .mobile-cart-action-btn {
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 32px;
        width: 38px;
    }

    .removeFromCart, .add-line-item-comment i.fa {
        font-size: 16px;
    }

    .line-item-description {
        margin-bottom: 12px;
    }

    .cart-product-unit-price {
        margin-top: 4px;
        margin-bottom: 8px;
    }

    .cart-product-total {
        margin-bottom: 12px;
    }
}

@media (max-width: 767px) {
    .amazon-pay-btn-container {
        margin: 0;
    }

    #amazon-pay-btn {
        height: 61px!important;
        margin: 15px auto 20px!important;
        width: 300px!important;
    }

    .wellAlt {
        width:100%;
    }
    .footer .footer-links-section-body { font-size: 16px; }
    .footer .footer-links-section-body li { padding-bottom: 6px; }
}

@media (max-width: 347px) {
    #amazon-pay-btn {
        height: 51px!important;
        margin: 15px auto 20px!important;
        width: 100%!important;
    }
}
.local-customer-discount-tag { font-size: 10px; }

.default-promo-code.hidden, .local-promo-code.hidden { display: none; }


/* NEW HOMEPAGE */
.main-header { background-color: #FE0000; padding: 10px; }
.main-header-left { width: 40%; display: inline; }
.main-header-middle { width: 20%; display: inline; }
.main-header-right { width: 40%; display: inline; }
.main-search-input { background-color: white; }


ul,
ol {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#my_account { max-width: 976px; margin-left: auto; margin-right: auto;}
#md-logo-mobile { width: 256px; height: 80px; }
#md-logo-medium { width: 604px; height: 80px; }
#md-logo-top { width: 604px; height: 80px; }

.track-order-row {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

#cart-email-container {
    font-size: 13px;
}

@media(max-width: 768px) {
    .track-order-row { width: 100%; }
}

/* carousel bootstrap CSS */
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    height: auto;
    width: 100%;
    line-height: 1;
}

/*Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
CSS from:       http://codepen.io/transportedman/pen/NPWRGq
and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
Inspired from:  http://codepen.io/Rowno/pen/Afykb*/
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}

/*WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
Need to override the 3.3 new styles for modern browsers & apply opacity*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.wizard-steps {     list-style: none;
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
}
.wizard-steps li {
    display: table-cell;
    text-align: center;
    width: 1%;
}
.wizard-steps li.complete .step {
    color: #87ba21;
    cursor: default;
    -webkit-transition: transform ease 0.1s;
    transition: transform ease 0.1s;
    border-color: #5293c4;
    border: 5px solid #ced1d6;
    color: #546474;
    font-size: 15px;
    border-radius: 100%;
    background-color: #FFF;
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 30px;
    text-align: center;
}

.wizard-steps li.active:before, .wizard-steps li.complete:before, .wizard-steps li.active .step, .wizard-steps li.complete .step {
    border-color: #4cae4c;
}

.wizard-steps li:first-child:before {
    max-width: 51%;
    left: 50%;
}

.wizard-steps li:before {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    font-size: 0;
    overflow: hidden;
    border-top: 4px solid #CED1D6;
    position: relative;
    top: 21px;
    z-index: 1;
}

.wizard-steps li .title {
    display: block;
    margin-top: 4px;
    max-width: 100%;
    color: #949ea7;
    font-size: 14px;
    z-index: 104;
    text-align: center;
    table-layout: fixed;
    word-wrap: break-word;
}

.wizard-steps li .step {
    border: 5px solid #ced1d6;
    color: #949ea7;
    font-size: 15px;
    border-radius: 100%;
    background-color: #FFF;
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 30px;
    text-align: center;
}

.wizard-steps li:last-child:before {
    max-width: 50%;
    width: 50%;
}

.wizard-steps li i {
    margin: 0;
}

.wizard-steps li.pending:before, .wizard-steps li.pending .step {
    border-color: #E53935;
}

.wizard-steps li.complete .cur-step-title {
    font-weight: bold;
    color: #333;
}

.wizard-steps li.complete .step.cur-step {
    background-color: #4cae4c;
    color: white;
}

.wizard-steps li .cur-sub-status {
    background-color: #E53935;
    color: white;
}

.account-creds {
    margin-bottom: 0;
}

.account-already-customer-group {
    display: flex;
    justify-content: center;
}
.account-already-customer-container {
    text-align: center;
    width: 360px;
}
.account-already-customer-guy {
    width: 305px;
    margin-top: 80px;
    margin-bottom: -42px;
    max-width: max-content;
}
.account-already-customer {
    font-weight: bold;
    font-size: 24px;
    margin-top: 23px;
}
.account-already-customer-login {
    font-size: 16px;
}

@media (max-width: 992px) {
    .account-already-customer-guy {
        margin-top: 20px;
    }
}
@media (max-width: 500px) {
    .account-already-customer-guy {
        width: 205px;
        margin-bottom: -28px;
    }
    .account-already-customer {
        margin-top: 7px;
    }
    .account-already-customer-container {
        width: 220px;
    }
}

.account-billing-header {
    background:#E0E0E0;border: 1px solid #E0E0E0;
}
.account-addresses-same {
    padding-left: 30px; padding-top: 10px;
}
.is-net30-container {
    text-align: center; font-weight: normal; padding-left: 15px;
}
.is-net30-text {
    font-weight: normal;
}
.account-terms-container {
    text-align: center;
}
.account-terms-font {
    font-weight: normal;
}
.create-account-container {
    text-align: center;
}
.create-account-btn {
    width: 250px; margin: 0 auto;
}
.account-information-provided {
    font-size:14px; color: #AAAAAA; font-style: italic; text-align: center; margin-top: 5px;
}

.cart-row-container {
    border-bottom: 2px solid #e1e1e1;
}
.cart-row-p-l-r {
    padding-left: 0; padding-right: 0;
}
.cart-row-desktop-qty {
    width: 100%; margin-right: 6px; margin-left: 0;
}
.cart-row-customcut-description {
    margin-bottom: 7px;
}
.color-blue {
    color: blue;
}
.cart-row-length-select {
    width: 100%;
}
.cart-limited-stock-message-icon {
    color: #B89300;
}
.cart-row-update-item {
    padding-left: 0; padding-right: 0;
}
.cart-row-length-select-item {
    width: 65%;
}
.cart-row-responsive-item-container {
    display: flex;align-items: center;justify-content: space-between;
}
.cart-row-responsive-item-flex {
    display: flex;
}
.cart-row-cart-empty {
    font-size: 26px; Color: gray; text-align: center; margin-top: 50px;
}
.cart-row-cart-empty-continue-shopping {
    margin-top: 20px; margin-bottom: 400px;
}
.cart-row-remove {
    color: #707070;
}
.cart-row-discount-code {
    color: blue; font-weight: bold; font-size: 12px;
}
.cart-row-promocode-max {
    font-size: 10px;
}
.cart_row-calculate {
    color: blue; font-size: 12px;
}
.cart-row-promocode-container {
    margin-top: 30px;
}
.cart-row-promocode {
    width: 40%; height: 28px;
}
.cart-row-promocode-label {
    font-weight: normal; font-size: 16px; padding-top: 3px;
}
.cart-row-promocode-warning {
    color: blue; font-weight: bold; margin-top: 5px; display: none; font-size: 14px;
}
.cart-row-promocode-btn {
    background-color: white; color: black; border: 1px solid #ccc; padding: 0 4px; margin-top: 3px;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../../../../vendor/fortawesome/font-awesome/fonts/fontawesome-webfont.woff2') format('woff2'),
    url('../../../../vendor/fortawesome/font-awesome/fonts/fontawesome-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../../../../vendor/twbs/bootstrap/dist/fonts/glyphicons-halflings-regular.woff2') format('woff2'),
    url('../../../../vendor/twbs/bootstrap/dist/fonts/glyphicons-halflings-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* Fallback font stack */
i.fa, span.glyphicon, i.glyphicon {
    font-family: 'FontAwesome', 'Glyphicons Halflings', Arial, sans-serif;
}

.hide {
    display: none;
    visibility: hidden;
}

.sidebar-container {
    display: flex;
    justify-content: center;
    position: relative;
    top: 4px;
}

.shop-by-shape-icon {
    display: inline-block;
    vertical-align: middle;
}

.shop-by-shape-image-drop-zone {
    display: inline-block; vertical-align: middle;
}

.checkout-header-h3 {
    margin-bottom: 30px; margin-top: 30px;
}

.clear-both {
    clear:both;
}

.clear-left {
    clear: left;
}

#quick-ship-modal {
    top:25%;
}

.quick-ship-modal-container {
    text-align: justify;
}

.quick-ship-modal-header {
    text-align: left;
}

.quick-ship-title strong {
    font-size: 28px;
}

.quick-ship-scroll-box-container {
    font-size: 14px;
}

.quick-ship-scroll-box-inner-container {
    color: red; font-weight: bold;
}

.quick-ship-modal-prices-container {
    font-size: 20px;
}

#quick-ship-price {
    font-size: 20px; color: blue;
}

.cart-row-cart-empty-container {
    text-align: center;
}

#addPromoCodeBtn {
    background-color: white; color: black; border: 1px solid #ccc; padding: 0 4px; margin-top: 3px;
}

.consentTab {
    position: fixed;
    left:0px; /* Initial position, outside of the viewport */
    top: 80%;
    background-color: #333;
    color: #fff;
    padding: 10px 0px 10px 20px;
    cursor: pointer;
    transition: 0.3s;
    transform: translateY(-50%);
    z-index: 999999999;
    display: flex;
}

.hide-consentTab {
    left: -408px;
}
.vertical-text-consentTab {
    writing-mode: vertical-rl;
    display: inline-block;
    white-space: nowrap;
    width: 28px;
    text-align: center;
    padding-right: 4px;
    font-weight: bold;
    letter-spacing: 2px;
}
.cookie-policy-text {
    width:390px;
}
.consentTabBtn {
    color: black;
    margin-left: 4px;
}
.consentTab-link {
    color: white;
}

@media (min-width: 990px) and (max-width: 1200px) {
    .shipping-speed-msg {
        padding-left: 12px;
    }
}

@media (min-width: 1200px) {
    .shipping-speed-msg {
        padding-left: 0px;
    }
}

.cart-product-price {
    font-size: 15px;
    line-height: 1.2;
}

.product-search-results-container {
    width:100%;
}

.gray-header-manual-quote {
    background-color: #DDD;
    padding: 15px;
    border: 0;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: bold;
}

.address-info-manual-quote {
    font-size: 18px !important;
    text-align: left;
}
