@font-face {
  font-family: "nowblack";
  src: url("/themes/custom/fci/fonts/now-black-bf6542f712baf72-webfont.woff2") format("woff2"), url("/themes/custom/fci/fonts/now-black-bf6542f712baf72-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "nowbold";
  src: url("/themes/custom/fci/fonts/now-bold-bf6542f7138a8d2-webfont.woff2") format("woff2"), url("/themes/custom/fci/fonts/now-bold-bf6542f7138a8d2-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "nowextrabold";
  src: url("/themes/custom/fci/fonts/now-extrabold-bf6542f713848e0-webfont.woff2") format("woff2"), url("/themes/custom/fci/fonts/now-extrabold-bf6542f713848e0-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "nowextralight";
  src: url("/themes/custom/fci/fonts/now-extralight-bf6542f7138edb2-webfont.woff2") format("woff2"), url("/themes/custom/fci/fonts/now-extralight-bf6542f7138edb2-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "nowlight";
  src: url("/themes/custom/fci/fonts/now-light-bf6542f7137fce2-webfont.woff2") format("woff2"), url("/themes/custom/fci/fonts/now-light-bf6542f7137fce2-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "nowmedium";
  src: url("/themes/custom/fci/fonts/now-medium-bf6542f7137648d-webfont.woff2") format("woff2"), url("/themes/custom/fci/fonts/now-medium-bf6542f7137648d-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "nowregular";
  src: url("/themes/custom/fci/fonts/now-regular-bf6542f7138c477-webfont.woff2") format("woff2"), url("/themes/custom/fci/fonts/now-regular-bf6542f7138c477-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "nowsemibold";
  src: url("/themes/custom/fci/fonts/now-semibold-bf6542f713451c6-webfont.woff2") format("woff2"), url("/themes/custom/fci/fonts/now-semibold-bf6542f713451c6-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "nowthin";
  src: url("/themes/custom/fci/fonts/now-thin-bf6542f71390851-webfont.woff2") format("woff2"), url("/themes/custom/fci/fonts/now-thin-bf6542f71390851-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections ========================================================================== */
/** * Remove the margin in all browsers. */
body {
  margin: 0;
}

/** * Render the `main` element consistently in IE. */
main {
  display: block;
}

/** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content ========================================================================== */
/** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics ========================================================================== */
/** * Remove the gray background on active links in IE 10. */
a {
  background-color: transparent;
}

/** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

/** * Add the correct font weight in Chrome, Edge, and Safari. */
b,
strong {
  font-weight: bolder;
}

/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/** * Add the correct font size in all browsers. */
small {
  font-size: 80%;
}

/** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content ========================================================================== */
/** * Remove the border on images inside links in IE 10. */
img {
  border-style: none;
}

/* Forms ========================================================================== */
/** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/** * Show the overflow in IE. * 1. Show the overflow in Edge. */
button,
input {
  /* 1 */
  overflow: visible;
}

/** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */
button,
select {
  /* 1 */
  text-transform: none;
}

/** * Correct the inability to style clickable types in iOS and Safari. */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/** * Remove the inner border and padding in Firefox. */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/** * Restore the focus styles unset by the previous rule. */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/** * Correct the padding in Firefox. */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out *    `fieldset` elements in all browsers. */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress {
  vertical-align: baseline;
}

/** * Remove the default vertical scrollbar in IE 10+. */
textarea {
  overflow: auto;
}

/** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/** * Correct the cursor style of increment and decrement buttons in Chrome. */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/** * Remove the inner padding in Chrome and Safari on macOS. */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive ========================================================================== */
/* * Add the correct display in Edge, IE 10+, and Firefox. */
details {
  display: block;
}

/* * Add the correct display in all browsers. */
summary {
  display: list-item;
}

/* Misc ========================================================================== */
/** * Add the correct display in IE 10+. */
template {
  display: none;
}

/** * Add the correct display in IE 10. */
[hidden] {
  display: none;
}

body {
  font-family: "Roboto", sans-serif;
}

h1,
h2 {
  font-family: "nowbold";
  margin: 0;
}

h1 {
  font-size: 44px;
}

h2 {
  font-size: 22px;
}

.container {
  width: 90%;
  margin: 0 auto;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

table td {
  font-size: 13px;
  /* white-space: nowrap; */
  white-space: normal;
  padding: 5px;
}

table th {
  padding: 0 5px 10px;
}

table select.move-product {
  /* max-width: inherit; */
  max-width: 100%;
}

.btn,
input#create-user {
  display: flex;
  margin-top: 0px;
  padding: 16px 28px;
  justify-content: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-top-color: #2c3540;
  border-right-color: #2c3540;
  border-bottom-color: #2c3540;
  border-left-color: #2c3540;
  border-radius: 5px;
  background-color: hsl(129.756097561, 0%, 100%);
  transform: translate3d(0.94px, 0.94px, 1.01px);
  transition-property: border-color, background-color, color, transform;
  transition-duration: 300ms, 300ms, 300ms, 300ms;
  transition-timing-function: ease, ease, ease, ease;
  color: #2c3540;
  font-size: 16px;
  line-height: 1.111em;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
}

.btn:hover,
.btn:focus,
.btn:active,
input#create-user:hover,
input#create-user:focus,
input#create-user:active {
  background-color: #2c3540;
  /*transform: scale3d(0.94, 0.94, 1.01);*/
  color: #fff;
}

input#create-user {
  cursor: pointer;
}

.btn.btn-primary {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.btn.btn-primary svg {
  height: 18px;
  stroke: #2c3540;
}

.btn.btn-primary:hover svg,
.btn.btn-primary:focus svg,
.btn.btn-primary:active svg {
  stroke: #fff;
}

.btn.btn-secondary {
  color: #fff;
  background-color: #2c3540;
}

.btn.btn-secondary.sent {
  background-color: rgba(162, 157, 157, 0.4) !important;
  color: #2c3540 !important;
  cursor: default;
}

.btn.btn-secondary:hover,
.btn.btn-secondary:focus,
.btn.btn-secondary:active {
  /*transform: scale3d(0.94, 0.94, 1.01);*/
  background-color: rgba(162, 157, 157, 0.4);
  color: #2c3540;
}

.btn.btn-alt {
  background-color: rgba(162, 157, 157, 0.4);
}

.btn.btn-alt:hover,
.btn.btn-alt:focus,
.btn.btn-alt:active {
  /*transform: scale3d(0.94, 0.94, 1.01);*/
  background-color: #2c3540;
  color: #fff;
}

.btn.add-equipment-items-to-order,
.btn.add-to-schedule,
.btn.add-to-equipment-schedule {
  width: max-content;
  margin-top: .5em;
}

.btn-container {
  margin-top: 25px;
}

.btn-container+.btn-container {
  margin-top: 10px;
}

.btn-container>.btn {
  display: block;
  width: auto;
}

.btn-container .flex {
  justify-content: space-between;
  gap: 10px;
  margin-top: 10px;
}

.btn-container .flex>a {
  flex: 1;
  padding: 16px 10px;
}

.tooltip-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tooltip-container .tooltip {
  display: none;
  position: absolute;
  bottom: 100%;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  width: 85px;
  text-align: center;
  border: 1px solid #2c3540;
  border-radius: 4px;
  color: #2c3540;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  height: 20px;
  visibility: hidden;
  z-index: 99999;
  transition: all linear .2s;
}

.tooltip-container:hover .tooltip {
  display: flex;
  visibility: visible;
  transition: all linear .2s;
}

@media (width < 640px) {
  .responsive-table {
    overflow-x: auto;
  }
}

@media (width > 768px) {
  h2 {
    font-size: 26px;
  }

  /* table td {
    font-size: 16px;
  } */
}

header .logo-account>.flex {
  justify-content: space-between;
  align-items: center;
}

header .logo img {
  width: 100%;
  height: auto;
  max-height: 65px;
}

header .logo {
  padding: 15px 0;
}

header .logo span {
  color: #bd3841;
}

header .account .flex {
  align-items: center;
  gap: 10px;
}

header .account .flex>div {
  text-align: left;
}

header .account svg {
  width: 30px;
  height: 30px;
  fill: #ed2b28;
  stroke: #ed2b28;
}

header .account label {
  display: block;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  color: #ed2b28;
}

.error-message {
  color: #ed2b28;
}

header .account select {
  border: none;
  margin-left: -3px;
}

header .black-bar {
  background-color: #0e181e;
}

header .black-bar.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999999;
  animation: slideDown 0.5s ease-in-out;
}

@keyframes slideDown {
  0% {
    top: -100px;
  }

  100% {
    top: 0;
  }
}

header .black-bar .flex {
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}

header .black-bar .navigation .menu-toggle {
  display: block;
  width: 44px;
  height: 44px;
  margin: 10px 0;
}

header .black-bar .navigation .menu-toggle svg {
  width: 44px;
  height: 44px;
  stroke: #fff;
}

header .black-bar .navigation ul {
  list-style: none;
  padding: 0;
  margin: 10px 0 0;
}

header .black-bar .navigation ul.primary-navigation {
  display: none;
}

header .black-bar .navigation ul li {
  display: inline-block;
  vertical-align: middle;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

header .black-bar .navigation ul li.active a,
header .black-bar .navigation ul li a.is-active {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: #0e181e;
  background-color: #fff;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

header .black-bar .navigation ul li a {
  display: block;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  padding: 15px;
}

header .black-bar .contact {
  width: 210px;
  color: #fff;
  font-style: italic;
}

header .black-bar .contact a {
  color: #fff;
}

.mm-menu a {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: #fff !important;
}

.mm-menu .mm-navbar a {
  font-size: 20px;
}

.mm-menu .mm-listitem:after {
  left: 0;
}

.mm-menu .mm-listitem a {
  font-size: 16px;
  padding: 25px 20px;
}

@media (width > 880px) {
  header .logo {
    font-size: 60px;
}

  header .black-bar .navigation {
    order: 1;
  }

  header .black-bar .navigation .menu-toggle {
    display: none;
  }

  header .black-bar .navigation ul.primary-navigation {
    display: block;
  }

  header .black-bar .contact {
    width: auto;
    order: 2;
  }
}

.user-login-form,
.mm-wrapper .webform-submission-form {
  max-width: 400px;
  margin: 10% auto;
  padding: 25px;
  border: 1px solid #2c3540;
  border-radius: 2px;
}

.user-login-form p {
  text-align: center;
}

.user-pass,
.password-parent {
  max-width: 800px;
  margin: 10% auto;
  padding: 25px;
  border: 1px solid #2c3540;
  border-radius: 2px;
}

.mm-wrapper .webform-submission-form {
  max-width: 800px;
  margin: 5% auto;
}

.user-login-form label,
.user-pass label,
.password-parent label,
.mm-wrapper .webform-submission-form label {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  margin-bottom: 5px;
}

.mm-wrapper .webform-submission-form label[for="edit-status-active"],
.mm-wrapper .webform-submission-form label[for="edit-status-blocked"],
.mm-wrapper .webform-submission-form input[type="radio"] {
  width: auto !important;
  display: inline-block !important;
  font-size: 16px;
  vertical-align: middle;
}

.mm-wrapper .webform-submission-form input[type="radio"] {
  margin: 0 !important;
}

.mm-wrapper .webform-submission-form label[for="edit-status-active"],
.mm-wrapper .webform-submission-form label[for="edit-status-blocked"] {
  margin: 0 20px 0 0 !important;
}

.mm-wrapper .webform-submission-form .form-item__description {
  margin-bottom: 1em;
}

.user-login-form input:not([type="submit"]),
.user-pass input:not([type="submit"]),
.password-parent input:not([type="submit"]),
.mm-wrapper .webform-submission-form input:not(.webform-button--submit),
.mm-wrapper .webform-submission-form select,
.mm-wrapper .webform-submission-form textarea {
  width: 100%;
  height: 38px;
  padding: 5px;
  border: 1px solid #2c3540;
  border-radius: 2px;
  box-sizing: border-box;
  margin-bottom: 1em;
}

.user-login-form input[type="submit"],
.user-pass input[type="submit"],
.password-parent input[type="submit"],
.mm-wrapper .webform-submission-form input.webform-button--submit {
  display: flex;
  min-width: 165px;
  padding: 16px 28px;
  justify-content: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-top-color: #2c3540;
  border-right-color: #2c3540;
  border-bottom-color: #2c3540;
  border-left-color: #2c3540;
  border-radius: 5px;
  background-color: #2c3540;
  transform: translate3d(0.94px, 0.94px, 1.01px);
  transition-property: border-color, background-color, color, transform;
  transition-duration: 300ms, 300ms, 300ms, 300ms;
  transition-timing-function: ease, ease, ease, ease;
  color: #fff;
  font-size: 16px;
  line-height: 1.111em;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  margin: 0 auto;
}

.user-login-form input[type="submit"]:hover,
.user-login-form input[type="submit"]:active,
.user-login-form input[type="submit"]:focus,
.mm-wrapper .webform-submission-form input.webform-button--submit:hover,
.mm-wrapper .webform-submission-form input.webform-button--submit:focus,
.mm-wrapper .webform-submission-form input.webform-button--submit:active {
  /*transform: scale3d(0.94, 0.94, 1.01);*/
  background-color: rgba(162, 157, 157, 0.4);
  color: #2c3540;
}

.mm-wrapper .webform-submission-form input:not(.webform-button--submit)[value="Cancel"] {
  display: flex;
  min-width: 165px;
  width: auto;
  height: auto;
  padding: 16px 28px;
  justify-content: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-radius: 5px;
  font-size: 16px;
  line-height: 1.111em;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  margin: 1em auto 0;
}

.mm-wrapper .webform-submission-form input:not(.webform-button--submit)[value="Cancel"]:hover,
.mm-wrapper .webform-submission-form input:not(.webform-button--submit)[value="Cancel"]:focus,
.mm-wrapper .webform-submission-form input:not(.webform-button--submit)[value="Cancel"]:active {
  background-color: #2c3540;
  color: #fff;
}

.contentinfo p.error-message {
  width: 90%;
  font-size: 18px;
  margin: 50px auto -25px 5%;
}

body[data-once="form-single-submit webform-single-submit"] .grid-left h1 {
  text-align: center;
  margin-bottom: -3% !important;
}

@media (width <=490px) {

  .user-login-form,
  .mm-wrapper .webform-submission-form {
    margin: 15% 5%;
  }
}

.content {
  padding: 50px 0;
}

.content.quick-order .add-product {
  margin-top: 25px;
}

/* .content.quick-order .add-product .product-search-results table tr>td:nth-last-child(2) {
  width: 13%;
}

.content.quick-order .add-product .product-search-results table tr>td:nth-last-child(2) input {
  width: 50px;
} */

.content.quick-order .add-product .product-search-results table tr>td:last-child {
  /* width: 200px; */
  width: 15%;
  /* padding-right: 0; */
}

.content.orders .orders-title {
  display: block;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 44px;
}

.content.orders .grid .grid-left .details {
  border: none;
}

.content.orders .grid-left .location-container .btn.btn-secondary.btn-pdf,
.content.orders .grid-left .location-container .btn.btn-secondary.btn-check-status {
  line-height: 14px;
  padding: 8px 10px;
}

.content.orders .grid-left .location-container .btn.btn-secondary.btn-pdf:hover,
.content.orders .grid-left .location-container .btn.btn-secondary.btn-pdf:focus,
.content.orders .grid-left .location-container .btn.btn-secondary.btn-pdf:active,
.content.orders .grid-left .location-container .btn.btn-secondary.btn-check-status:hover,
.content.orders .grid-left .location-container .btn.btn-secondary.btn-check-status:focus,
.content.orders .grid-left .location-container .btn.btn-secondary.btn-check-status:active {
  color: #fff;
}

.content.orders .accordion>dl>dt.active-dt .utility-btns .btn.btn-secondary.btn-pdf,
.content.orders .accordion>dl>dt:hover .utility-btns .btn.btn-secondary.btn-pdf,
.content.orders .accordion>dl>dt:focus .utility-btns .btn.btn-secondary.btn-pdf,
.content.orders .accordion>dl>dt:active .utility-btns .btn.btn-secondary.btn-pdf,
.content.orders .accordion>dl>dt.active-dt .utility-btns .btn.btn-secondary.btn-check-status,
.content.orders .accordion>dl>dt:hover .utility-btns .btn.btn-secondary.btn-check-status,
.content.orders .accordion>dl>dt:focus .utility-btns .btn.btn-secondary.btn-check-status,
.content.orders .accordion>dl>dt:active .utility-btns .btn.btn-secondary.btn-check-status,
.content.orders .grid-left .location-container .btn.btn-secondary.btn-pdf:hover,
.content.orders .grid-left .location-container .btn.btn-secondary.btn-pdf:focus,
.content.orders .grid-left .location-container .btn.btn-secondary.btn-pdf:active,
.content.orders .grid-left .location-container .btn.btn-secondary.btn-check-status:hover,
.content.orders .grid-left .location-container .btn.btn-secondary.btn-check-status:focus,
.content.orders .grid-left .location-container .btn.btn-secondary.btn-check-status:active {
  background-color: #a29d9d;
  border-color: #a29d9d;
}

.content.orders .grid .details>.btn-primary {
  width: -moz-max-content;
  width: max-content;
  margin: 25px 0 0 auto;
}

.content.orders .grid .details td {
  padding: 10px 0;
}

.content.orders .grid .details .location {
  border-bottom: none !important;
}

.content.orders .grid .details .location+tr td {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.content.orders textarea {
  width: -webkit-fill-available !important;
}

/* @media (width > 800px) {
  .content.orders > .container {
    max-width: 800px;
  }
} */

.location .saved-products,
.group-content>table {
  border-collapse: collapse;
  width: 100%;
}

.location .saved-products+.add-product {
  margin-top: 1em;
}

input#create-user + table {
  margin-top: 2em;
  border-collapse: collapse;
}

input#create-user + table td {
  padding: 10px 5px;
}

input#create-user + table tr > th:nth-child(2),
input#create-user + table tr > td:nth-child(2) {
  padding-left: 20px;
  padding-right: 20px;
}

input#create-user + table tr > th:last-child,
input#create-user + table tr > td:last-child {
  width: 80px;
  text-align: center;
}

input#create-user + table tr > td:last-child span:nth-child(2) {
  margin-left: 10px;
}

input#create-user + table tr > td:last-child svg {
  width: 20px;
  height: 20px;
}

/* .location .saved-products tbody>tr:nth-child(even),
.add-product .product-search-results table tbody>tr:nth-child(even), */
.accordion table tbody>tr:nth-child(even),
.add-product table tbody>tr:nth-child(even),
input#create-user + table tbody>tr:nth-child(even) {
  background-color: rgba(0, 0, 0, .1);
}

.content.orders .responsive-table table tbody>tr.spacer {
  background-color: #fff;
}

.location .saved-products th,
input#create-user + table th {
  text-align: left;
  /* text-align: center; */
}

.location .saved-products td {
  max-width: 8ch;
  /* font-family: 'nowlight'; */
  /* text-align: center; */
  white-space: normal;
  padding: 10px 5px;
}

.dashboard .location .saved-products tr>td:nth-child(8) {
  max-width: 10ch;
}

.location .saved-products tr>td:nth-child(9) {
  max-width: 12ch;
}

.location .saved-products td input[type=number] {
  /* width: 50px; */
  width: auto;
  max-width: 50px;
  height: 25px;
}

.location a.address {
  display: block;
  color: #2c3540;
  margin: .25em 0 0 0;
}

.location input[type=text],
.location select {
  margin: 5px 0;
  padding: 5px;
}

.details input.name,
.details input.phone_number,
.details input.phone-number,
.details input#delivery-date,
.details textarea#delivery-instructions,
.content.orders .details input.name,
.content.orders .details .input.shipping-address,
.content.orders .details input.po-number,
.content.orders .details input.phone-number {
  width: -webkit-fill-available !important;
  max-width: 100%;
  padding: 5px;
}

.content.orders #saved-orders .details input.po-number {
  max-width: 50%;
  padding: 5px !important;
  display: inline !important;
}

.content.orders .details .location input.po-number {
  display: block;
}

.content.orders .grid .details .subtotal>td:nth-child(3),
.content.orders .grid .details .order-total>td:nth-child(3) {
  font-style: italic;
}

.content.orders .accordion:not(:last-child) {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #a29d9d;
}

.content .grid {
  grid-template-columns: repeat(auto-fit, minmax(auto, 1fr));
  gap: 50px;
}

.content .grid .grid-left h1 {
  font-family: "nowsemibold";
  font-size: 22px;
  text-transform: uppercase;
  color: #a29d9d;
  margin-bottom: 10px;
}

.content .grid .grid-left .company-name {
  display: block;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 32px;
}

.content .grid .grid-left .company-name+input[name=search],
.content.orders .grid .grid-left input[name=search] {
  min-width: 250px;
  height: 35px;
  margin: 15px 0;
}

.content .grid .grid-left .company-name+input[name=search]+input#search-btn,
.content .grid .grid-left .company-name+input[name=search]+input#search-btn+input#clear-btn,
.content.orders .grid .grid-left input[name=search]+input#search-btn,
.content.orders .grid .grid-left input[name=search]+input#search-btn+input#clear-btn {
  background-color: hsl(129.756097561, 0%, 100%);
  padding: 10px 20px;
  border-style: solid;
  border-width: 2px;
  border-top-color: #2c3540;
  border-right-color: #2c3540;
  border-bottom-color: #2c3540;
  border-left-color: #2c3540;
  border-radius: 5px;
  transform: translate3d(0.94px, 0.94px, 1.01px);
  transition-property: border-color, background-color, color, transform;
  transition-duration: 300ms, 300ms, 300ms, 300ms;
  transition-timing-function: ease, ease, ease, ease;
  font-size: 16px;
  line-height: 1.111em;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.content .grid .grid-left .company-name+input[name=search]+input#search-btn,
.content.orders .grid .grid-left input[name=search]+input#search-btn {
  color: #fff;
  background-color: #2c3540;
}

.content.dashboard .grid .grid-left .company-name ~ .btn.add-equipment-to-order {
  margin-top: 15px;
}

.content .grid .grid-right .title {
  background-color: #2c3540;
  color: #fff;
  padding: 15px 25px;
  border: 1px solid #2c3540;
  border-radius: 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.content .grid .grid-right .title .flex {
  justify-content: space-between;
  align-items: flex-end;
}

.content .grid .grid-right .title a {
  color: #fff;
}

.content .grid .grid-right .details .location input[type=text],
.content .grid .grid-right .details .location select,
.content .grid .grid-right .details .location textarea {
  width: -webkit-fill-available !important;
}

.price-disclaimer,
.product-delete,
.remove-item {
  font-size: 14px;
  color: #ed2b28;
}

.content .grid .details {
  position: relative;
  padding: 25px;
  border: 1px solid #2c3540;
  border-radius: 2px;
  border-top: none;
}

.content .grid .details>p {
  position: absolute;
  top: -1px;
  left: -1px;
  height: 100px;
  width: calc(100% + 2px);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  text-transform: capitalize;
  margin: 0;
  background-color: #2c3540;
  color: #fff;
}

.content .grid .details table {
  border-collapse: collapse;
}

.content .grid .details table tr:not(.location):not(.subtotal):not(.order-total) {
  border-bottom: 1px solid #a29d9d;
}

.content .grid .details table td {
  padding: 5px;
}

.content:not(.orders) .grid .details table tr td:first-child {
  padding-left: 0;
}

.content .grid .details table .location td {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 14px;
}

.content .grid .grid-right .details table .location>td {
  padding: 0;
}

.content .grid .details table .location+tr td {
  padding: 10px 0;
}

.content.orders .grid .details table .location+tr td {
  padding: 10px;
}

.content .grid .details table .equipment-name,
.content .grid .details table .product-name {
  display: block;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  text-wrap: auto;
}

.content .grid .details table .equipment-name {
  font-style: italic;
}

.content .grid .details table .subtotal td,
.content .grid .details table .order-total td {
  font-family: "Roboto", sans-serif;
}

.content .grid .details table .subtotal td {
  font-weight: 400;
}

.content .grid .details table .subtotal + .subtotal td,
.content .grid .details table .order-total td {
  font-weight: 700;
}


.content .grid .details table .subtotal td:nth-child(2),
.content .grid .details table .order-total td:nth-child(2) {
  font-style: italic;
}

.content .grid .details table .spacer {
  display: block;
  height: 25px;
  border: none !important;
}

.content .grid .details table .order-total td {
  font-size: 18px;
}

.content .grid .details table .order-total td:nth-child(3) {
  color: #2c3540;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.content .grid .details table .qty {
  width: 40px;
  text-align: center;
}

.content .grid .disclaimer {
  font-style: italic;
  font-size: 14px;
  color: #a29d9d;
  margin-bottom: 0;
}

.location-container+.btn-primary {
  width: -moz-max-content;
  width: max-content;
}

@media (width > 768px) {
  .content .grid .grid-left h1 {
    font-size: 28px;
  }

  .content .grid .grid-left .company-name {
    font-size: 38px;
  }
}

@media (width > 1320px) {
  .content .grid {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }

  .content .grid .grid-left {
    grid-column: span 2;
  }
}

@media (1320px < width < 1600px) {
  .container {
    width: 95%;
  }
}

.accordion dl dt {
  position: relative;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #2c3540;
  transition-duration: 1s;
  transition-property: background;
  padding: 20px 110px 20px 25px;
  background: #fff;
  border: 1px solid #2c3540;
  border-radius: 2px;
}

.accordion>dl>dt.active-dt,
.accordion>dl>dt:hover,
.accordion>dl>dt:focus,
.accordion>dl>dt:active {
  color: #fff;
  /* background: #243c71; */
  border-color: #932933;
  background: #932933;
  /* background: #2c3540; */
}

.accordion>dl>dt.active-dt+dd.active {
    border-color: #243c71;
}

.accordion>dl>dt.active-dt+dd>.btn-container {
  margin-top: 0;
}

.accordion>dl>dt.active-dt>.btn,
.accordion>dl>dt:hover>.btn,
.accordion>dl>dt:focus>.btn,
.accordion>dl>dt:active>.btn,
.btn.add-to-schedule,
.btn.add-to-schedule:hover,
.btn.add-to-schedule:focus,
.btn.add-to-schedule:active,
.btn.add-to-equipment-schedule,
.btn.add-to-equipment-schedule:hover,
.btn.add-to-equipment-schedule:focus,
.btn.add-to-equipment-schedule:active {
  color: #fff;
  background-color: #a29d9d;
}

.accordion>dl>dt.active-dt .utility-btns .utility-btn,
.accordion>dl>dt:hover .utility-btns .utility-btn,
.accordion>dl>dt:focus .utility-btns .utility-btn,
.accordion>dl>dt:active .utility-btns .utility-btn,
.add-product-title .utility-btn {
  background-color: #a29d9d;
}

.accordion>dl>dt.active-dt .utility-btns .utility-btn:not(.utility-edit):not(.utility-delete),
.accordion-nested>dl>dt.active-dt .utility-btns .utility-btn:not(.utility-edit):not(.utility-delete),
.active-title .utility-btn,
.add-product-title.active-title .utility-btn {
  transform: rotate(0deg);
}

.accordion>dl>dt .utility-btns input.order-location-equipment {
  width: 20px;
  height: 20px;
}

.accordion dl dd {
  display: none;
  height: auto;
  margin: 0 0 1em 0;
  padding: .5em;
  border: 1px solid #2c3540;
  border-top-color: transparent;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.accordion dl dd .btn-container .flex {
  justify-content: flex-start;
  gap: 10px;
}

.accordion dl dd .btn-container .flex>a {
  flex: 0 0 125px;
  font-size: 14px;
  background-color: rgba(162, 157, 157, 0.4);
  color: #2c3540;
}

.accordion dl dd .btn-container .flex>a:hover,
.accordion dl dd .btn-container .flex>a:focus,
.accordion dl dd .btn-container .flex>a:active {
  color: #fff;
  background-color: #2c3540;
}

.accordion .accordion-nested dl {
  width: 100%;
  margin-left: 0;
}

.accordion .accordion-nested dd.active>table {
  width: 100%;
  border-collapse: collapse;
}

.accordion .accordion-nested dd.active>table th {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  /* font-style: italic; */
  font-size: 16px;
  line-height: 1;
  text-align: left;
}

.accordion .accordion-nested dd.active>table.saved-products th {
  /* text-align: center; */
  text-align: left;
}

.accordion .accordion-nested dd.active>table td input {
  width: 100%;
  line-height: 1;
  padding: 5px;
  border: 1px solid #2c3540;
  border-radius: 2px;
  box-sizing: border-box;
}

.accordion .accordion-nested dd.active>table td input.quantity,
.accordion .accordion-nested dd.active>table td input.unit-quantity {
  /* max-width: 80px; */
  height: 30px;
}

.accordion .accordion-nested dd.active>table td .btn {
  line-height: 1;
  padding: 6.75px 15px;
  border-radius: 2px;
  cursor: pointer;
}

textarea.equipment-notes {
  border-color: transparent;
}

.accordion .accordion-nested dt {
  /* color: #fff;
  background: rgba(44, 53, 64, 0.7); */
  border-color: rgba(44, 53, 64, 0.7);
  margin: 0 0 1em 0;
}

.accordion .accordion-nested dt,
.accordion .accordion-nested dt:active,
.accordion .accordion-nested dt:focus,
.accordion .accordion-nested dt.active-dt {
  background: #2c3540;
  border-color: #2c3540;
  /* background: #bd3841; */
}

.accordion .accordion-nested dt:hover {
  background: rgba(44, 53, 64, .85);
}

.accordion .accordion-nested dt {
  color: #fff;
}

.accordion .accordion-nested dt.equipment dt.group {

}

.accordion .accordion-nested dt>.btn {
    color: #fff;
    background-color: #a29d9d;
}

.accordion .accordion-nested dt .utility-btns .utility-btn,
.add-product-title .utility-btn {
  background-color: #a29d9d;
}

.accordion .accordion-nested dt.active-dt+dd.active {
    border-color: #2c3540;
}

.accordion .accordion-nested dt.new-equipment {
  padding: 20px 25px;
}

.accordion .accordion-nested dt.new-equipment:hover {
  background-color: #fff;
}

.accordion .accordion-nested dt.new-equipment .equipment {
  display: block;
  width: 100%;
}

.accordion .equipment textarea {
  padding: 5px;
}

.equipment input.equipment_name_tb {
  margin-left: 15px;
}

.accordion .accordion-nested dt.new-equipment .equipment input[type="text"] {
  display: block;
  width: 100%;
  height: 40px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  margin: 0 0 1em;
  padding: 5px;
}

.accordion .accordion-nested dt.new-equipment .equipment input[type="button"] {
  display: flex;
  margin-top: 0px;
  padding: 16px 28px;
  justify-content: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-top-color: #2c3540;
  border-right-color: #2c3540;
  border-bottom-color: #2c3540;
  border-left-color: #2c3540;
  border-radius: 5px;
  background-color: hsl(129.756097561, 0%, 100%);
  transform: translate3d(0.94px, 0.94px, 1.01px);
  transition-property: border-color, background-color, color, transform;
  transition-duration: 300ms, 300ms, 300ms, 300ms;
  transition-timing-function: ease, ease, ease, ease;
  color: #2c3540;
  font-size: 16px;
  line-height: 1.111em;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
}

.accordion .accordion-nested dt.new-equipment .equipment input[type="button"]:hover,
.accordion .accordion-nested dt.new-equipment .equipment input[type="button"]:focus,
.accordion .accordion-nested dt.new-equipment .equipment input[type="button"]:active {
  /*transform: scale3d(0.94, 0.94, 1.01);*/
  background-color: rgba(162, 157, 157, 0.4);
  color: #2c3540;
}

.accordion .accordion-nested dt.active-dt,
.accordion .accordion-nested .accordion-nested dl dt.active-dt

/* .accordion .accordion-nested dt:hover,
.accordion .accordion-nested dt:focus,
.accordion .accordion-nested dt:active*/
  {
  /* color: #fff;
  background: #2c3540; */
}

.accordion .accordion-nested dd {
  /* margin-top: -1.25em; */
  margin-top: -1em;
  border-color: rgba(44, 53, 64, 0.7);
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.accordion .accordion-nested .accordion-nested dl dt {
  background: rgba(44, 53, 64, 0.1);
  color: #2c3540;
}

.accordion .accordion-nested .accordion-nested dl dt:hover,
.accordion .accordion-nested .accordion-nested dl dt:focus,
.accordion .accordion-nested .accordion-nested dl dt:active {
  color: #fff;
  background: #2c3540;
}

.location-container .accordion-nested .equipment-content .accordion .group,
.location-container .accordion-nested .equipment-content .accordion .group:hover,
.location-container .accordion-nested .equipment-content .accordion .group:focus,
.location-container .accordion-nested .equipment-content .accordion .group:active {
  color: #fff;
  background: #a29d9d;
  border-color: #a29d9d;
}

.location-container .accordion-nested .equipment-content .accordion .group + .group-content {
  border-color: #a29d9d;
}

.location-container .accordion-nested .equipment-content .accordion .group .utility-btns .utility-btn {
  background-color: #2c3540;
}

.dashboard .location .accordion-nested table.saved-products tr>th,
.dashboard .location .accordion-nested table.saved-products tr>td {
  max-width: 100%;
}

.dashboard .location .accordion-nested table.saved-products tr>th:nth-child(1),
.dashboard .location .accordion-nested table.saved-products tr>td:nth-child(1) {
  width: 15%;
}

.dashboard .location .accordion-nested table.saved-products tr>th:nth-child(2),
.dashboard .location .accordion-nested table.saved-products tr>td:nth-child(2) {
  width: 30%;
}

.dashboard .location .accordion-nested table.saved-products tr>th:nth-child(3),
.dashboard .location .accordion-nested table.saved-products tr>td:nth-child(3),
.dashboard .location .accordion-nested table.saved-products tr>th:nth-child(4),
.dashboard .location .accordion-nested table.saved-products tr>td:nth-child(4),
.dashboard .location .accordion-nested table.saved-products tr>th:nth-child(5),
.dashboard .location .accordion-nested table.saved-products tr>td:nth-child(5),
.dashboard .location .accordion-nested table.saved-products tr>th:nth-child(6),
.dashboard .location .accordion-nested table.saved-products tr>td:nth-child(6),
.dashboard .location .accordion-nested table.saved-products tr>th:nth-child(7),
.dashboard .location .accordion-nested table.saved-products tr>td:nth-child(7),
.dashboard .location .accordion-nested table.saved-products tr>td:nth-child(7) input.quantity {
  width: 50px;
}

.dashboard .location .accordion-nested table.saved-products tr>th:nth-child(8),
.dashboard .location .accordion-nested table.saved-products tr>td:nth-child(8),
.dashboard .location .accordion-nested table.saved-products tr>td:nth-child(8) .btn.dashboard-add-to-order {
  width: 85px;  
}

.accordion .location-address,
.accordion .location-city,
.accordion .location-state,
.accordion .location-zip {
  /*display: block;*/
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: 14px;
  padding-top: 5px;
}

.accordion .utility-btns {
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  gap: 10px;
  align-items: center;
}

.accordion .utility-btns .utility-btn,
.add-product-title .utility-btn {
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #2c3540;
  transition: all 0.2s ease-in;
}

.add-product-title .utility-btn {
  margin: 0 0 0 auto;
}

.accordion .utility-btns .utility-btn svg,
.add-product-title .utility-btn svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  fill: transparent;
  stroke: #fff;
}

.accordion .utility-btns .utility-btn:not(.utility-edit).utility-btn:not(.utility-delete),
.add-product-title .utility-btn {
  transform: rotate(-90deg);
}

.accordion .utility-btns .utility-btn.utility-edit svg {
  width: 18px;
  height: 18px;
  fill: #fff;
  stroke: transparent;
}

.accordion .utility-btns .utility-btn.utility-edit.calendar-edit svg {
  fill: transparent;
  stroke: #fff;
}

.equipment-content .utility-btns input[type="checkbox"] {
  width: 20px;
  height: 20px;
}

.accordion.new-location dl dt {
  padding: 20px 25px;
}

.accordion.new-location dl dt:hover {
  background: #fff;
}

.accordion.new-location .location-address {
  width: 100%;
  padding: 0;
}

.accordion.new-location input[type="text"],
.accordion.new-location select {
  display: block;
  width: 100%;
  height: 40px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  margin: 0 0 1em;
  padding: 5px;
}

.accordion.new-location input[type="button"] {
  display: flex;
  margin-top: 0px;
  padding: 16px 28px;
  justify-content: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-top-color: #2c3540;
  border-right-color: #2c3540;
  border-bottom-color: #2c3540;
  border-left-color: #2c3540;
  border-radius: 5px;
  background-color: hsl(129.756097561, 0%, 100%);
  transform: translate3d(0.94px, 0.94px, 1.01px);
  transition-property: border-color, background-color, color, transform;
  transition-duration: 300ms, 300ms, 300ms, 300ms;
  transition-timing-function: ease, ease, ease, ease;
  color: #2c3540;
  font-size: 16px;
  line-height: 1.111em;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
}

.accordion.new-location input[type="button"]:hover,
.accordion.new-location input[type="button"]:focus,
.accordion.new-location input[type="button"]:active,
.accordion.new-location input[type="button"]#add-location-save-btn:hover,
.accordion.new-location input[type="button"]#add-location-save-btn:focus,
.accordion.new-location input[type="button"]#add-location-save-btn:active,
.accordion .accordion-nested dt.new-equipment .equipment input[type="button"].add-equipment-save-btn:hover,
.accordion .accordion-nested dt.new-equipment .equipment input[type="button"].add-equipment-save-btn:focus,
.accordion .accordion-nested dt.new-equipment .equipment input[type="button"].add-equipment-save-btn:active {
  /*transform: scale3d(0.94, 0.94, 1.01);*/
  background-color: rgba(162, 157, 157, 0.4);
  color: #2c3540;
}

.accordion.new-location input[type="button"]#add-location-save-btn,
.accordion.new-location input[type="button"]#add-location-cancel-btn,
.accordion .accordion-nested dt.new-equipment .equipment input[type="button"].add-equipment-save-btn,
.accordion .accordion-nested dt.new-equipment .equipment input[type="button"].add-equipment-cancel-btn {
  display: inline-block;
}

.accordion.new-location input[type="button"]#add-location-save-btn,
.accordion .accordion-nested dt.new-equipment .equipment input[type="button"].add-equipment-save-btn {
  color: #fff;
  background-color: #2c3540;
  margin-right: 15px;
}

.accordion .recurring-months {
  display: block;
  margin-top: 10px;
}

.accordion .recurring-months>span {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: 14px;
}

@media (width > 768px) {
  .accordion .location-address {
    display: inline-block;
    padding: 0 0 0 12px;
  }
}

.add-product .add-product-title {
  position: relative;
  display: flex;
  align-items: center;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  padding: 20px 25px;
  /* background: #932933; */
  /* background: rgba(44, 53, 64, 0.1); */
  background: #af4350;
  border: 1px solid #af4350;
  border-radius: 2px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-width: 0px;
  transition-duration: 1s;
  transition-property: background;
  cursor: pointer;
}

.add-product .add-product-title:hover {
  background: rgba(175, 67, 80, .85);
}

.add-product .add-product-title + .search-product {
  border-color: #932933;
}

.add-product .search-product {
  /* padding: 20px 25px; */
  padding: .5em;
  border: 1px solid #2c3540;
  /* border-top-left-radius: 2px;
  border-top-right-radius: 2px; */
}

.add-product .search-product>.btn {
  width: -moz-max-content;
  width: max-content;
  margin-top: 25px;
}

.add-product .search-product-fields {
  background-color: rgba(162, 157, 157, 0.4);
}

.add-product .search-product-fields.no-bg {
  background-color: #fff;
  margin-top: 15px;
}

.add-product .search-product-fields.no-bg .flex {
  padding: 10px 0;
}

.add-product .search-product-fields.no-bg .form-input.qty {
  flex: 0 0 80px;
}

.add-product .search-product-fields.no-bg .form-input#inputFrequency,
.add-product .search-product-fields.no-bg .form-input#inputStartDate {
  visibility: hidden;
}

.add-product .search-product-fields.no-bg .form-input#inputFrequency.visible,
.add-product .search-product-fields.no-bg .form-input#inputStartDate.visible {
  visibility: visible;
}

.add-product .search-product-fields.no-bg .form-input .select2 {
  width: 100% !important;
}

.add-product .search-product-fields.no-bg .form-input .select2-container--default .select2-selection--single {
  height: 31.5px;
  border: 1px solid #2c3540;
}

.add-product .search-product-fields button,
.add-product .search-product-fields input,
.add-product .search-product-fields optgroup,
.add-product .search-product-fields select,
.add-product .search-product-fields textarea {
  line-height: 1;
}

.add-product .search-product-fields .title {
  display: block;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 16px;
  padding: 10px 20px;
  background-color: rgba(162, 157, 157, 0.2);
}

.add-product .search-product-fields .flex {
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  padding: 10px 20px;
}

.add-product .search-product-fields .form-input {
  flex: 1;
  width: 100%;
  margin-bottom: 15px;
}

.add-product .search-product-fields .form-input label {
  display: block;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 16px;
  margin-bottom: 5px;
}

.add-product .search-product-fields .form-input input,
.add-product .search-product-fields .form-input select {
  width: 100%;
  padding: 5px;
  border: 1px solid #2c3540;
  border-radius: 2px;
  box-sizing: border-box;
}

.add-product .search-product-fields .form-input.type .select2 {
  width: 100% !important;
}

.add-product .search-product-fields .form-input.type .select2-container--default .select2-selection--single {
  height: 31.5px;
  border: 1px solid #2c3540;
}

.add-product .search-product-fields .form-submit {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  align-self: flex-start;
  margin-top: 10px;
}

.add-product .search-product-fields .form-submit .btn:not(.btn-secondary),
.add-product .search-product-fields .form-submit .btn.btn-secondary:hover {
    color: #fff;
    background-color: #2c3540;
}

.add-product .search-product-fields .form-submit .btn:not(.btn-secondary):hover,
.add-product .search-product-fields .form-submit .btn.btn-secondary {
    color: #2c3540;
    background-color: hsl(129.756097561, 0%, 100%);
}

.content.quick-order .add-product .search-product-fields .form-submit .btn {
  margin-bottom: 3px;
}

.add-product .search-product-fields .form-submit .btn,
.accordion.location input.edit-location-save-btn,
.accordion.location input.edit-location-cancel-btn,
input.edit-equipment-save-btn,
input.edit-equipment-cancel-btn {
  -webkit-appearance: none;
  padding: 6.75px 15px !important;
  margin-bottom: 7px;
}

.accordion.location dt span input[type=text] {
  height: 35px;
  padding: 5px;
  border: 1px solid #2c3540;
  border-radius: 2px;
  box-sizing: border-box;
}

.accordion.location input.edit-location-save-btn,
.accordion.location input.edit-location-cancel-btn,
input.edit-equipment-save-btn,
input.edit-equipment-cancel-btn {
  margin: 5px 0 5px 5px;
  padding: 16px 28px;
  justify-content: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-top-color: #2c3540;
  border-right-color: #2c3540;
  border-bottom-color: #2c3540;
  border-left-color: #2c3540;
  border-radius: 5px;
  background-color: hsl(129.756097561, 0%, 100%);
  transform: translate3d(0.94px, 0.94px, 1.01px);
  transition-property: border-color, background-color, color, transform;
  transition-duration: 300ms, 300ms, 300ms, 300ms;
  transition-timing-function: ease, ease, ease, ease;
  color: #2c3540;
  font-size: 16px;
  line-height: 1.111em;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  vertical-align: bottom;
}

.add-product .product-search-results {
  padding: 10px 0;
}

.add-product .product-search-results.has-bg {
  padding: 0;
  background-color: rgba(162, 157, 157, 0.4);
}

.add-product .product-search-results.has-bg .title {
  position: relative;
  display: block;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 16px;
  padding: 10px 20px;
  background-color: rgba(162, 157, 157, 0.2);
}

.add-product .product-search-results.has-bg .title .step-back {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 14px;
  font-style: italic;
  text-decoration: none;
  color: #2c3540;
}

.add-product .product-search-results.has-bg .responsive-table {
  padding: 0 20px;
}

.add-product .product-search-results.has-bg table tbody>tr:last-child {
  border-bottom: none;
}

.add-product .product-search-results table {
  width: 100%;
  border-collapse: collapse;
}

.add-product .product-search-results table tbody>tr:first-of-type {
  border-bottom: 2px solid #a29d9d;
}

.add-product .product-search-results table tr {
  border-bottom: 1px solid #a29d9d;
}

.add-product .product-search-results table tr>th:first-child,
.add-product .product-search-results table tr>td:first-child {
  /* width: 170px; */
  width: 15%;
  /* padding-left: 0; */
}

.add-product .product-search-results table tr>th:nth-child(2),
.add-product .product-search-results table tr>td:nth-child(2) {
  /* width: 180px; */
  /* width: 40%; */
  width: 15%;
  text-wrap: auto;
}

.dashboard .add-product .product-search-results table tr>th:nth-child(3),
.dashboard .add-product .product-search-results table tr>td:nth-child(3) {
  width: 70%;
}

.quick-order .add-product .product-search-results table tr>th:nth-child(3) {
  width: 40%;
}

.quick-order .add-product .product-search-results table tr>td:nth-child(2) {
  width: 15%;
}

.dashboard .add-product .product-search-results table tr>th:nth-child(5),
.dashboard .add-product .product-search-results table tr>td:nth-child(5),
.quick-order .add-product .product-search-results table tr>th:nth-child(5),
.quick-order .add-product .product-search-results table tr>td:nth-child(5) {
  display: flex;
  width: 75px;
  align-items: center;
  align-self: center;
  justify-content: flex-start;
  height: 100%;
}

.quick-order .add-product .product-search-results table tr>th:nth-child(4),
.quick-order .add-product .product-search-results table tr>td:nth-child(4) {
  padding-right: 25px;
}

.dashboard .add-product .product-search-results table tr>td:nth-child(5),
.quick-order .add-product .product-search-results table tr>td:nth-child(5) {
  margin-top: 5px;
}

.dashboard .add-product .product-search-results table tr>td:nth-child(5) input[type=number],
.quick-order .add-product .product-search-results table tr>td:nth-child(5) input[type=number] {
  max-width: 50px;
  height: 25px;
}

.dashboard .add-product .product-search-results table tr>th:not(:first-child):not(:nth-child(3)):not(:nth-child(5)),
.dashboard .add-product .product-search-results table tr>td:not(:first-child):not(:nth-child(3)):not(:nth-child(5)) {
  /* width: 100px; */
  width: 15%;
}

.add-product .product-search-results table tr>th:last-child,
.add-product .product-search-results table tr>td:last-child {
  width: 80px;
  text-align: right;
}

.add-product .product-search-results table tr>th:last-child {
  display: none;
  width: 0;
  padding: 0;
}

.add-product .product-search-results table th,
.add-product .product-search-results table td {
  padding: 10px 5px;
}

.add-product .product-search-results table th {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 16px;
  text-align: left;
  /* text-align: center; */
}

.add-product .product-search-results table td {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 13px;
}

.add-product .product-search-results .btn-secondary,
.btn.btn-secondary.dashboard-add-to-order {
  -webkit-appearance: none;
  border: none;
  display: inline-block;
  /* width: inherit; */
  width: 100%;
  height: 30px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  padding: 3px 10px;
  background-color: #2c3540;
  color: #fff;
  /* border-radius: 2px; */
  cursor: pointer;
}

.btn.btn-secondary.dashboard-add-to-order {
  font-size: 12px;
  padding: 3px 5px !important;
  border-radius: 5px !important;
}

.add-product .product-search-results .pagination {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  text-align: center;
  margin: 15px 0 0;
}

.add-product .product-search-results .pagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.add-product .product-search-results .pagination ul li {
  display: inline-block;
  line-height: 30px;
}

.add-product .product-search-results .pagination ul li.active a {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

.add-product .product-search-results .pagination ul a {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
  color: #2c3540;
  text-decoration: none;
  padding: 0 2px;
}

.add-product .product-search-results .pagination .previous,
.add-product .product-search-results .pagination .next {
  /* position: absolute;
  top: 50%;
  transform: translateY(-50%); */
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
  color: #2c3540;
}

.add-product .product-search-results .pagination .previous {
  margin-right: 1em;
}

.add-product .product-search-results .pagination .next {
  margin-left: 1em;
}

.add-product .product-search-results .pagination .previous a,
.add-product .product-search-results .pagination .next a {
  color: #2c3540;
  text-decoration: none;
  padding: 2px 8px;
  border: 1px solid #2c3540;
  border-radius: 5px;
  transition: all 0.2s ease-in;
}

.add-product .product-search-results .pagination .previous a:hover,
.add-product .product-search-results .pagination .next a:hover {
  color: #fff;
  background-color: #2c3540;
}

.add-product>.btn-primary {
  max-width: -moz-max-content;
  max-width: max-content;
  margin-top: 25px;
}

@media (width > 880px) {
  .add-product .search-product-fields .flex {
    flex-direction: row;
    gap: 1em;
  }

  .add-product .search-product-fields .form-input {
    flex: 1;
    width: auto;
    margin-bottom: 0;
  }

  /* .add-product .search-product-fields .form-input.type {
    flex: 0 0 120px;
  } */

  .add-product .search-product-fields .form-input.dimension {
    flex: 0 0 80px;
  }

  .add-product .search-product-fields .form-submit {
    align-self: flex-end;
    margin-top: 0;
  }
}

.modal {
  padding: 20px;
  border-radius: 2px;
}

.modal h2 {
  margin-bottom: .5em;
}

.modal .modal-close:not(#save-shipping) {
  position: absolute;
  top: 20px;
  right: 20px;
  text-decoration: none;
  color: #fff;
  background-color: #2c3540;
  border-radius: 2px;
  padding: 5px 10px;
  line-height: 16px;
  font-size: 14px;
}

.modal input[type="text"] {
  width: 100%;
  height: 38px;
  padding: 5px;
  border: 1px solid #2c3540;
  border-radius: 2px;
  box-sizing: border-box;
  margin-bottom: 1em;
}

.modal input[type="button"] {
  display: flex;
  padding: 16px 28px;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-top-color: #2c3540;
  border-right-color: #2c3540;
  border-bottom-color: #2c3540;
  border-left-color: #2c3540;
  border-radius: 5px;
  background-color: hsl(129.756097561, 0%, 100%);
  transform: translate3d(0.94px, 0.94px, 1.01px);
  transition-property: border-color, background-color, color, transform;
  transition-duration: 300ms, 300ms, 300ms, 300ms;
  transition-timing-function: ease, ease, ease, ease;
  color: #2c3540;
  font-size: 16px;
  line-height: 1.111em;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
}

.modal input[type="button"]:hover,
.modal input[type="button"]:focus,
.modal input[type="button"]:active {
  background-color: #2c3540;
  /*transform: scale3d(0.94, 0.94, 1.01);*/
  color: #fff;
}

/*Independent Scrolling*/
@media (width > 1320px) {
  .content.dashboard .grid,
  .content.quick-order .grid {
    height: 70dvh;
  }

  .content.dashboard .grid > div,
  .content.quick-order .grid > div {
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .content.dashboard .grid > div.grid-right > .title,
  .content.quick-order .grid > div.grid-right > .title {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 99999;
  }

  /* Firefox */
  .content.dashboard .grid > div,
  .content.quick-order .grid > div {
    scrollbar-width: auto;
    scrollbar-color: #2c3540 #ffffff;
  }

  /* Chrome, Edge, and Safari */
  .content.dashboard .grid > div::-webkit-scrollbar,
  .content.quick-order .grid > div::-webkit-scrollbar {
    width: 16px;
  }

  .content.dashboard .grid > div::-webkit-scrollbar-track,
  .content.quick-order .grid > div::-webkit-scrollbar-track {
    background: #ffffff;
  }

  .content.dashboard .grid > div::-webkit-scrollbar-thumb,
  .content.quick-order .grid > div::-webkit-scrollbar-thumb {
    background-color: #2c3540;
    border-radius: 2px;
    border: 3px solid #ffffff;
  }
}

/*Admin Styles*/
.path-admin .search-product-fields span.title {
  padding-left: 15px;
}

.path-admin .add-product #search-product-form {
  background-color: #fff;
}

.path-admin .add-product #search-product-form .flex {
  justify-content: flex-start;
  gap: 1em;
}

.path-admin .add-product #search-product-form .form-input {
  max-width: 100px;
}

.user-edit:hover, .user-delete:hover {
  cursor: pointer;
}