
/*********************************** CATALOG **********************************************/  

.filt-pair {
    display: flex !important;
    align-items: center;
 }

  .pretty-onhand {
   width: 200px;
   margin-right: auto;
   margin-left: auto;
   font-size: x-small !important;
   }

   div.note.pretty-pricing {
   font-size: x-small;
   font-weight: bold;
   padding-top: 10px;
   padding-bottom: 10px;
   }

.responsive_tabs-shell {
padding-left: 50px !important;
padding-top: 70px !important;
}


div#all_items_view.ng-scope {
float: none !important;
margin-left: 500px !important;
/*padding-top: 60px !important;*/
}
    
    
.stretchy_cols * {
    text-align: left !important;
    margin: 5px 0px !important;
    }
    
    
    .stretchy_cols {
    margin: 40px 50px 0 0 !important;
    max-height: unset !important;
    }


.the_actual_qty_select input[type="text"] {
margin: 5px 0px !important;
}


a img {
     -webkit-transition: -webkit-transform 0.4s ease;
     -moz-transition: -moz-transform 0.4s ease;
     -o-transition: -o-transform 0.4s ease;
     transition: transform 0.4s ease;
   }
   
   a:hover img {
     -moz-transform: scale(1.02);
     -webkit-transform: scale(1.02);
     transform: scale(1.02);
   }

.vertical-shell .main-section {
padding-top: 60px;
}


.image-container img {
max-width: 250px !important;
max-height: 250px !important;
}

.responsive-choose-info {
max-height: unset !important;
font-size: 12px !important;
line-height: 14px !important;
max-width: 75% !important;
-webkit-line-clamp: unset !important;
}

.responsive-longname {
    margin-top: 10px !important;
    text-wrap: wrap;
    max-width: 265px;
}

span.qtyunit {
    display: block;
}




/************************************ GLOBAL *******************************************/

/**** Calendar Button ****/
i.fa.fa-calendar {
    color: black;
}

/**** Order Manager ****/
.pagetitle {
    text-align: center;
}

/**** Form ****/
div.field-container {
    border-bottom: 0px solid !important;
}

.note {
    text-align: center;
    /*padding-bottom: 30px;*/
}

button:hover{cursor:pointer;}
   
#maincopy-wrapper, #newscopy-wrapper {
margin: 0 !important;
}

.menu-knob-bar {
    opacity: .8;
    float: left;
    position: absolute;
    margin: 0px !important;
    padding: 0px !important;
    z-index: 1000;
   }
   
   B,b,.responsive-longname {
   font-family: 'Montserrat SemiBold' !important;
   font-weight: 600 !important;
   }
   
   input ,.input {
   font-family: 'Montserrat Regular' !important;
   font-weight: 400 !important;
   }
   
   .form-body {
       max-width: fit-content !important;
       margin-left: auto;
       margin-right:auto;
     }
   
   .form-body td.input select, .form-body td.input input {
       border-radius: 50px !important;
       height: 30px !importanft;
       padding-left: 10px;
       border: 1px solid #333333 !important;
   }
   
   .form-body td.input select {
       width: 270px;
   }
   
   #ship_needby {
       width: 260px;
   }
   
   table#notification-info {
       width: 800px !important;
   }
   
   .pageinstructions {
       display: none;
   }

span#logout_userid {
display:none;
}

th {
text-align: center !important
}

.error {
margin-left: 3%;
margin-top:4%
}

/*********************************** BUTTONS **********************************************/
   
   button {
       height: 30px !important;
       padding-left: 15px;
       padding-right: 15px;
       padding-top: 5px;
       padding-bottom: 5px;
       text-align: center !important;
   }
   

button#submit_catalog_search.button {
margin-left: 8px !important;
}


   .buttonsbar {
    padding-bottom: 40px !important;
    padding-left: 50px;
   }
   
button#submit_catalog_add {
    margin-top: 2px !important;
   }
   
button#submit_continue.button {
/*margin-right: 170px !important;*/
}


   .main.select-items #basket_button_container div {
   margin-top: 10px;
   margin-left: 10px;
   }
   
   th.bottom-startshopping-button-container.pagetitle {
       width: 200px !important;
   }

table#approval-order-details-table {
    margin-bottom: 40px;
}



/*********************************** BUDGET **********************************************/
   span.budgetlbl, .budget {
    font-size: 14px !important;
    color: #000;
   display:none;
}

   .note:not(.responsive-pricing) {
       color: #000;
}

.full {
    padding-right: 25px;
    position: absolute;
    transform: translate(80px, 100px);
}
   
/*********************************** SEARCH **********************************************/
   
   input#searchfield_input {
   width: 190px !important;
   height: 25px !important;
   }
   
   .item-search-block {
   width: 300px !important;
   margin: 60px 0px -50px 50px !important;
   }
   

/*********************************** HEADER **********************************************/

img.no_mobile {
    width: 100% !important;
    height: auto !important;
}

#header-links-container {
width: 90%;
/* position: absolute !important; */
position: relative: !important;
transform: translate(60px, 25px) !important;
}

.header-links a {
text-decoration: none;
color: #000;
padding: 0 15px;
font-family: 'Montserrat Regular';
font-size: 14px !important;
}

.header-links a:hover {
border-bottom: 2px solid #550f18;
padding-bottom: 5px !important;
}



  /*********************************** TABS **********************************************/

.responsive_tabs .innertab-opened, .responsive_tabs .innertab-closed {
padding-left: 0px !important;
}

.responsive_tabs .innertab-closed {
padding: 0px !important;
}

.responsive_tabs dfn {
padding-left: 5px !important;
}

.responsive_tabs div div div.off, .responsive_tabs div div div.on {
max-width: 100% !important;
}

.responsive_tabs div.off, .responsive_tabs div.on {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
   
div#tab_0.closed {
padding-top: 8px !important;
padding-bottom: 8px !important;
}

div#tab_0.closed::before {
margin-top: 4px !important;
margin-left: -5px !important;
}
   
.vertical .closed,.vertical .opened {
   padding-left: 20px !important;
   background-position: 4px 5px !important;
   }
   
.vertical a {
   padding-left: 2px !important;
   }


.catalog-tab-blurb {
/**display: flex !important;**/
flex-wrap: wrap !important;
text-align: left !important;
width: 75% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 0 !important;
}

   div[id^='tab_'] {
   text-transform: uppercase;
   }
   
.responsive_tabs div.off :hover{
background-color: #550f18 !important;
}

::before {
    margin-left: -.5% !important;
    margin-top: 3px !important;
}

  /************************************ SHOPPING CART *********************************************/
   
   .multi_preview {
       text-align: center;
   }
   
   .previewcell img {
       border: none !important;
   }
   
   table {
       margin-left: auto;
       margin-right: auto;
   }
   
   table.items-table.true-table th {
       background: #949595 !important;
       color: white !important;
       border: 1px solid #949595 !important;
   }
   
   table.items-table.true-table td {
       border: 1px solid #949595 !important;
   }
   
   /*********************************** TABLES ********************************************/


             /* review.cgi - order summery page */
   table#ship-sect, table#bill-sect, table#review-items-table {
       width: fit-content;
   }

   
   #review-items-table td, #ship-sect td, #comments-sect td, #shipping-pricetable td{
   border: 1px solid #949595 !important;
   }
   
   .billing-pricetable, .items-table, billing-pricetable {
   width: fit-content;
   margin-left: auto;
   margin-right: auto;
   }
   
   #billing-pricetable th,#billing-pricetable th, #review-items-table th, #bill-sect th, #comments-sect th, #ship-sect th, #shipping-pricetable th {
   background: #949595 !important;
   color: white !important;
   border: 1px solid #949595 !important;
   }
   
   #billing-pricetable td, #review-items-table td, #comments-sect td, #review-items-table td, #bill-sect td, items-table true-table td {
    border: 1px solid #949595 !important;
   }
   
   th.bottom-startshopping-button-container.pagetitle {
   width: 200px !important;
   }
   
   th.pagetitle {
       width: 820px !important;
       margin-top: 7px !important; 
       text-align: center !important; 
       font-weight: bold !important;
   }
   
   
   table#requestor-info,table#billing-info,table#shipaddr-info{
       max-width: 800px !important;
   }
   
   
   /********************************* REVIEW PAGE ******************************************/
   
   .accept-proofs {
     margin: 0 auto;
   }
   
   input#fyi_cc {
   margin-left: auto !important;
   margin-right: auto !important;
   }
   
/********************************* BASKET VIEW ****************************************/
.basket-view .previewcell img {
     max-width: 60%;
}

.basket-view tr {
     text-align: center;
}

   /********************************* DIVISION PAGE ****************************************/

   
   .corp_divisions {
       text-align: left;
       width: 350px !important;
       margin-left: auto;
       margin-right: auto;
   }

.corp_divisions li {
line-height: 1.8 !important;
}
   
   /********************************* SHIPTRACK PAGE ***************************************/
   
   table.legend.note {
       padding: 2px;
       background-color: #FFFFFF;
       font-family: inherit;
       margin-left: auto;
       margin-right: auto;
       margin-bottom: 10px;
   }
   
shipping.req_header_text {
margin-top:-50px;
}
   
   /********************************** DROPDOWN NAVIGATION *********************************/
   
   .dropbtn {
       color: black !important;
       border: none;
       cursor: pointer;
       background: transparent;
       font-weight: bold !important;
       font-size: 14px !important;
       font-family: 'Montserrat Regular';
   }
   
   .dropdown {
       position: relative;
       display: inline-block;
   }
   
   .dropdown-content {
       text-align: left;
       display: none;
       position: absolute;
       background-color: #f9f9f9;
       min-width: 160px;
       box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
       z-index: 1;
   }
   
   .dropdown-content a {
       color: black;
       padding: 12px 16px;
       text-decoration: none;
       display: block;
   }
   
   .dropdown-content a:hover {
    background-color: #f1f1f1
   }
   
   .dropdown:hover .dropdown-content {
       display: block;
   }
   
   .dropdown:hover .dropbtn {
       background-color: #f8981d;
   }
   
   /*********************************** APPROVAL QUEUE *******************************************/
   
   div.main.approvalqueue.catalog--container {
     max-width: 500px !important;
     margin-left: auto !important;
     margin-right: auto !important;
   }
   
   div.waitingorders.catalog--container {
     max-width: 500px !important;
     margin-left: auto !important;
     margin-right: auto !important;
   }
   
   table#approval-order-details-table.true-table th {
       background: #949595 !important;
       color: white !important;
       border: 1px solid #949595 !important;
   }
   
   table#approval-order-details-table.true-table td {
       border: 1px solid #949595 !important;
   }
   
   /*********************************** AUTHENTICATE PAGE *******************************************/
   
   .main.new-account.catalog--container {
       width: 600px !important;
       margin-left: auto !important;
       margin-right: auto !important;
   }
   
   .input img {
       border: #DDDDDD solid 1px !important;
   }
   
   /*********************************** PROFILE PAGE *******************************************/
   
   div.main.profile.catalog--container {
       max-width: 800px !important;
       margin:auto;
   }
   
   .profile-container,.profile-form,.top-button-container,.bottom-button-container {
     max-width: 600px !important;
     margin-left: auto !important;
     margin-right: auto !important;
   }
   
   th.top_of_profile_buttons button, th.bottom_of_profile_buttons button {
       display: block;
       margin-left: auto;
       margin-right: auto;
   }
   
   
  
   th.top_of_profile_buttons button, th.bottom_of_profile_buttons button {
       display: block;
       margin-left: auto;
       margin-right: auto;
   }

.profile-selection form button {
margin-left: 40px !important;
}


table.profile-container.profile-fields {
margin-top: 10px !important;
}

button#submit_start_shopping {
width: max-content;
}

.profile-selection {
margin-bottom: 40px !important;
margin-top: 40px !important;
}

button#submit_track_order {
width: max-content;
}

/*********************************** ORDER STATUS *******************************************/

button#submit_lookup_orders {
margin-top: 20px;
}

span#shiptrack\.search_header {
margin-right: 50px;
}

/*********************************** VIEW ORDER *******************************************/

.view-order img[alt="Preview of product layout"] {
    display: none;
}

.view-order b {
    display: none;
}

.view-order .buttonsbar {
padding-left: 0px;
}

/************************************ MOBILE TWEAKS*******************************************/
img.no_desktop {
    margin-top: 50px;
}


/* html, body {
    overflow-x: hidden !important;
    margin: 0;
    padding: 0;
    width: 100%;
}*/

