body { }

/*Shop.css overrides*/
h1 { font-family: 'Montserrat', sans-serif !important; }
h3 { border-bottom: none; font-weight: bold; }

#page.company h2 { line-height: 43px; margin: 10px 0 29px 0; }
#page p, #page div, #page span, #page td, #page dt { font-size: 14px; }

.desktop-header .top-right-content { padding-left: 21px; }
.desktop-header #nav li { font-size: 14px; }
nav > ul > li.dropdown li { padding-left: 20px; line-height: 20px; }
nav > ul > li.dropdown > .dropdown { left: 0px !important; }
  nav > ul > li.dropdown > .dropdown li { height: 40px !important; }

.button-compact { line-height: 25px; padding: 10px; white-space: nowrap; }
.input-filechooser { line-height: 25px; padding: 10px; vertical-align: top; }
.upload-label { position: relative; }

.searchform { background-color: initial; }
.input-group-addon { line-height: 18px !important; }

.modal-backdrop { z-index: 1; }
.modal-title { font-size: 17px; font-weight: bold; }
.modal-dialog-shipments { width: 900px; }
.modal-dialog-shipments-small-text { font-size: small }
.modal-dialog-email-drawings { width: 900px; }
.email-editable-div {width: 650px; height: 300px; border: 2px solid black; overflow-y: auto; line-height: 22px !important; }

/* Override search box setup to re-use for Customer name display*/
.searchform.tcell { overflow: hidden; text-overflow: ellipsis; }
.searchform.tcell span { position: absolute; top: 20px; left: 40px; color: #d5d5d5; font-size: 18px; }

/* Set padding to keep content from hitting the edges */
.body-content { padding-left: 15px; padding-right: 15px; }

/* Override the default bootstrap behavior where horizontal description lists will truncate terms that are too long to fit in the left column */
.dl-horizontal dt { white-space: normal; }

/* Set width on the form input elements since they're 100% wide by default; Adjustment checkbox alignment */
input, select, textarea { max-width: 280px; }
  input[type="radio"], input[type="checkbox"] { margin: 0 0 1px 0; }

.backordered-checkbox { width: auto; }

.internal-page-title {
    color: #d38729;
}

/* Generic Styles */
@media (min-width: 768px) {
  .page-header-row { position: relative; top: -55px; margin-bottom: -40px; }
}

.page-footer-row { position: relative; margin: 30px 0; padding-top: 10px; padding-right: 0; border-top: 1px solid #e3e3e3; }

.placeholders { padding-top: 15px; }
.container.placeholders { padding-top: 15px; padding-bottom: 15px; }

hr.thin { margin-top: 10px; margin-bottom: 15px; }

.no-margins { margin: 0 !important; }
.vertical-center { min-height: 100%; /* Fallback for browsers do NOT support vh unit */ display: flex; align-items: center; }

.text-larger-bold { font-size: larger; font-weight: bold; }

/* Product Styles */
@media (min-width: 768px) {
  .product-list { max-width: 500px; }
  .product-list-label { padding-left: 73px;}
  .order-parts-search { padding-left: 24px;}
  .installer-id-label { padding-left: 55px;}
}

@media (max-width: 767px) {
  .product-list { max-width: 100%; width: 100%; position: relative; top: 20px; left: -52px; }
}

.order-parts-input-labels {
    float: left; 
    text-align:right;
}

.product-image img { border: thin solid #9C9C9C; }

/* Table Styles */
.parts-list { min-height: 500px; }
  .parts-list table tbody > tr > td { vertical-align: middle; }

.dataTables_length select { vertical-align: inherit; height: 22px; }
.dataTables_filter input { vertical-align: inherit; height: inherit; line-height: inherit; margin-bottom: 5px; display: initial; padding: 4px 6px; font-size: 14px; line-height: 1.428571429; color: #555555; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
.table-row-divider { border-top: solid 2px #ccc; }
.table-row-vertical-center td { vertical-align: middle !important; }
  .table-row-vertical-center td p { line-height: 35px; }

tr.status-needs-authorization td, tr.status-needs-authorization td a { color: #d38729 !important; }
tr.status-ready-to-checkout td, tr.status-ready-to-checkout td a { background-color: lightgoldenrodyellow; color: black; }
tr.status-ready-to-ship td, tr.status-ready-to-ship td a { color: mediumblue; }
tr.status-shipping-label-generated td, tr.status-shipping-label-generated td a { color: darkgreen; }
tr.status-cancelled td, tr.status-cancelled td a { color: red; text-decoration: line-through; }

/* Search Styles */
.search-wrapper { background: #fff; border: none; width: 100%; position: relative; }
.search-wrapper, input.search-text { height: 40px; line-height: 40px; }
  .search-wrapper input.search-text { width: 84%; }

.search-results { display: none; /* width: 100%; */ background: #fff; /* border: solid 1px #ccc; */ list-style: none; margin: 0; padding: 0; position: absolute; border-radius: 5px; z-index: 99; box-shadow: 1px 2px 6px rgba(0,0,0,0.3); }
  .search-results.with-left-offset { left: 86px; }
  .search-results li { border-bottom: solid 1px #ccc; list-style: none; margin: 0; padding: 8px; position: relative; display: block; line-height: 1.2; height: auto !important; font-size: 12px; background: #848f9f; background: -webkit-linear-gradient(top, #eee 0%,#fff 100%); background: -moz-linear-gradient(top, #eee 0%,#fff 100%); background: linear-gradient(to bottom, #eee 0%,#fff 100%); }
    .search-results li.product { width: 100%; }
    .search-results li.part { padding-left: 235px; }
    .search-results li:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; }
      .search-results li:first-child span { border-top-left-radius: 5px; }
    .search-results li:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
      .search-results li:last-child span { border-bottom-left-radius: 5px; }
    .search-results li.part span.number { text-transform: uppercase; font-size: 12px; color: #fff !important; padding: 5px 10px; padding-top: 0px; width: 225px; background: #333; position: absolute; top: 0; left: 0; bottom: 0; }
    .search-results li.part span.price { float: right; margin: -9px 0 0 15px; }
    .search-results li a { color: #000; text-decoration: none; display: block; }
      .search-results li a:hover { font-weight: bold; }

@media (min-width: 768px) {
  .search-results { top: 105%; }
}

/* Button & Link Styles */
.btn:hover, .btn:focus { color: #fff; }
.btn.btn-tag { background-color: #ccc; color: #fff; width: 200px; text-align: left; margin-bottom: 5px; }
  .btn.btn-tag.active { background-color: #D38729; font-weight: bold; }
  .btn.btn-tag.btn-tag-compact { margin-bottom: 0; padding: 2px 12px; width: initial; }
a > i { margin-right: 4px; }


td.express-method {
  font-weight: bold;
  color: blue !important;
}

strong.active-order-count {
  color: white !important
}

.js-upload-page-error, .js-upload-error {
    font-weight: bold;
    color: red !important;
    margin-top: 5px
}

.js-upload-page-message {
    font-weight: bold;
    margin-top: 5px
}

.maple-leaf:before {
    content: "\1f341";
}

.field-validation-error {
    display: block;
    border-left: 1px solid red;
    border-bottom: 1px solid red;
}

.edit-note {
    cursor: pointer;
}