/*@import "variables";*/
/********************************************************************************************************************************************/
/* Mango Generic / Reusables */
/********************************************************************************************************************************************/
body {
  margin: 0;
}

.form-control.form-control-invalid, form-control-invalid {
  border: 1px solid rgba(255, 0, 0, 0.75);
}

.form-control.form-control-invalid:focus, form-control-invalid:focus {
  outline: 0;
  border: 1px solid rgba(255, 0, 0, 0.75);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.75);
}

.form-control.form-control-valid, form-control-valid {
  border: 1px solid rgba(40, 167, 69, 0.75);
}

.form-control.form-control-valid:focus, form-control-valid:focus {
  outline: 0;
  border: 1px solid rgba(40, 167, 69, 0.75);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(40, 167, 69, 0.75);
}

#mango-web-app {
  font-family: "Roboto";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

.mw-clickable {
  cursor: pointer;
}

.mw-hide-spinners {
  -moz-appearance: textfield;
}

.mw-hide-spinners::-webkit-outer-spin-button,
.mw-hide-spinners::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.mw-calendar-holiday {
  background-color: red;
}

.mw-calendar-delivery {
  background-color: yellow;
}

.mw-calendar-selected {
  margin: 0.5em 0 0 0.5em;
  width: 40px;
  height: 40px;
}
@media (max-width: 720px) {
  .mw-calendar-selected {
    width: 30px;
    height: 30px;
    margin-top: 1em;
  }
}

.H_ib.default .H_ib_body {
  bottom: 4.5em;
}
.H_ib.default .H_ib_tail {
  margin: -5em -10px;
}
.H_ib.customer-pin .H_ib_body {
  bottom: 2.5em;
}
.H_ib.customer-pin .H_ib_tail {
  margin: -3em -10px;
}
.H_ib.prospect-pin .H_ib_body {
  bottom: 2.5em;
}
.H_ib.prospect-pin .H_ib_tail {
  margin: -3em -10px;
}
.H_ib.truck .H_ib_body {
  bottom: 2.5em;
}
.H_ib.truck .H_ib_tail {
  margin: -3em -10px;
}
.H_ib.bread-crumb .H_ib_body {
  bottom: 0.5em;
}
.H_ib.bread-crumb .H_ib_tail {
  margin: -1em -10px;
}

@font-face {
  font-family: "signature-1";
  src: url("/fonts/signature1.woff") format("woff");
}
.signature-font-1 {
  font-family: "signature-1";
}

@font-face {
  font-family: "signature-2";
  src: url("/fonts/signature2.woff") format("woff");
}
.signature-font-2 {
  font-family: "signature-2";
}

@font-face {
  font-family: "signature-3";
  src: url("/fonts/signature3.woff") format("woff");
}
.signature-font-3 {
  font-family: "signature-3";
}

@font-face {
  font-family: "signature-4";
  src: url("/fonts/signature4.woff") format("woff");
}
.signature-font-4 {
  font-family: "signature-4";
}

@font-face {
  font-family: "signature-5";
  src: url("/fonts/signature5.woff") format("woff");
}
.signature-font-5 {
  font-family: "signature-5";
}

@font-face {
  font-family: "signature-6";
  src: url("/fonts/signature6.woff") format("woff");
}
.signature-font-6 {
  font-family: "signature-6";
}

@font-face {
  font-family: "signature-7";
  src: url("/fonts/signature7.woff") format("woff");
}
.signature-font-7 {
  font-family: "signature-7";
}

.mw-checkbox {
  -webkit-appearance: none;
  display: block;
  min-height: 1.5em;
  min-width: 1.5em;
  max-height: 1.5em;
  max-width: 1.5em;
  background-color: white;
  border: 1px solid #c8c8c8;
  margin-right: 10px;
  border-radius: 0.25rem;
}

input[type=checkbox i].mw-checkbox:disabled {
  background-color: #e9ecef;
}

.mw-checkbox:hover {
  background-color: #ccc;
}

.mw-checkbox:checked {
  background-color: #e4aa3f;
}

.mw-checkbox:checked:after {
  display: block;
}

.mw-checkbox:after {
  content: "";
  display: none;
  margin-left: 0.5em;
  margin-top: 0.2em;
  width: 0.45em;
  height: 0.85em;
  border: solid white;
  border-width: 0 0.2em 0.2em 0;
  transform: rotate(45deg);
}

.mw-checkbox:indeterminate {
  background-color: #e4aa3f;
  text-align: center;
}

.mw-checkbox:indeterminate:after {
  margin-top: 0;
  margin-left: 0;
  width: calc(0.75em - 1px);
  height: calc(0.75em - 1px);
  background: white;
  border-radius: 0.2em;
  border: unset;
  border-width: unset;
  transform: unset;
  display: inline-block;
  position: relative;
}

.mw-radio {
  -webkit-appearance: none;
  display: block;
  min-height: 1.5em;
  min-width: 1.5em;
  max-height: 1.5em;
  max-width: 1.5em;
  background-color: white;
  border: 1px solid #c8c8c8;
  margin-right: 10px;
  border-radius: 0.25rem;
}

input[type=radio i].mw-radio:disabled {
  background-color: #e9ecef;
}

.mw-radio:hover {
  background-color: #ccc;
}

.mw-radio:checked {
  background-color: #e4aa3f;
  text-align: center;
}

.mw-radio:checked:after {
  display: block;
}

.mw-radio:after {
  content: "";
  display: none;
  margin-left: 0.5em;
  margin-top: 0.2em;
  width: 0.45em;
  height: 0.85em;
  border: solid white;
  border-width: 0 0.2em 0.2em 0;
  transform: rotate(45deg);
}

::-webkit-scrollbar {
  width: 40px !important;
}

.mw-scroll-bar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

.mw-scroll-bar::-webkit-scrollbar-thumb {
  background: #ffd29c;
  border-radius: 10px;
}

.mw-scroll-bar::-webkit-scrollbar-thumb:hover {
  background: #ffc683;
}

.mw-scroll-bar::-webkit-scrollbar-thumb:active {
  background: #ffbb69;
}

.mw-col {
  text-align: left;
}

.mw-col.mw-right {
  text-align: right;
}

.mw-col.mw-center {
  text-align: center;
}

.mw-col.mw-bold {
  font-weight: bold;
}

.mw-progress-container {
  position: absolute;
  background: white;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
}

.mw-spinner-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mw-progress {
  width: 75%;
}
.mw-progress .mw-center-text {
  width: 100%;
  text-align: center;
}
.mw-progress div.progress {
  height: 5px;
}
.mw-progress div.progress div.progress-bar {
  width: 25%;
}
.mw-progress div.progress div.progress-bar .red {
  color: red;
  background: red;
}

.mw-loading .progress {
  height: 5px;
  width: 100%;
}
.mw-loading .progress .progress-bar {
  width: 25%;
}
.mw-loading label {
  display: block;
  text-align: center;
  width: 100%;
  font-weight: bold;
}

.mw-progress .progress .progress-bar,
.mw-loading .progress .progress-bar {
  margin-left: -25%;
  transition: width 2s;
  animation-duration: 1s;
  animation-name: mw-keyframe-loading;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes mw-keyframe-loading {
  from {
    margin-left: -25%;
  }
  to {
    margin-left: 100%;
  }
}
.mw-spinner {
  width: 2em;
  align-self: center;
  margin-top: 1em;
  margin-bottom: 1em;
  z-index: 9999;
  border: 1em solid #f9f9f9;
  border-bottom-color: #e4aa3f;
  border-top: 1em solid #e4aa3f;
  border-radius: 50%;
  animation: mw-spinner-frames 2s linear infinite;
}
@keyframes mw-spinner-frames {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.mw-animate-shake {
  animation: mw-keyframe-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

@keyframes mw-keyframe-shake {
  10%, 90% {
    transform: translate3d(-0.5em, 0, 0);
  }
  20%, 80% {
    transform: translate3d(1em, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-2em, 0, 0);
  }
  40%, 60% {
    transform: translate3d(2em, 0, 0);
  }
}
/********************************************************************************************************************************************/
/* Mango Menus */
/********************************************************************************************************************************************/
.mw-menu-items a,
.mw-menu-items a:hover,
.mw-menu-items a:focus {
  color: inherit;
  text-decoration: none;
  transition: all 0.3s;
}
.mw-menu-items .dropdown-menu a {
  cursor: pointer;
}
.mw-menu-items ul p {
  color: white;
  padding: 10px;
}
.mw-menu-items ul li a {
  font-size: 1.1em;
  display: block;
}
.mw-menu-items ul li a:hover {
  color: white;
  background-color: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}
.mw-menu-items ul ul a {
  font-size: 0.9em;
  padding-left: 2em;
  background: #2f3538;
}
.mw-menu-items a[data-toggle=collapse] {
  position: relative;
}
.mw-menu-items .dropdown-toggle::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.mw-menu-items .mw-menu-arrow {
  display: inline;
  margin: 0 0 0 0.3em;
  font-size: 0.7em;
  position: relative;
  bottom: -0.3em;
  opacity: 0;
}
.mw-menu-items.mw-menu-horizontal {
  display: flex;
  flex-direction: row;
  line-height: 2em;
  background: #e4aa3f;
  color: #FFFFFF;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  background-image: linear-gradient(#e4aa3f, #eabe6c);
}
.mw-menu-items.mw-menu-horizontal .mw-left-menu-field-sales,
.mw-menu-items.mw-menu-horizontal .mw-left-menu-mango-web {
  width: 100vw;
  text-align: center;
}
.mw-menu-items.mw-menu-horizontal ul {
  display: inline-flex;
  margin: 0;
  padding: 0;
}
.mw-menu-items.mw-menu-horizontal ul li {
  display: inline-flex;
  margin: 0;
  padding: 0;
}
.mw-menu-items.mw-menu-horizontal ul li a {
  padding: 0 0.5em 0 0.5em;
}
.mw-menu-items.mw-menu-horizontal ul li a:hover .mw-menu-arrow {
  opacity: 100%;
}
.mw-menu-items.mw-menu-horizontal .mw-left-menu-field-sales img {
  display: none;
}
.mw-menu-items.mw-menu-vertical ul li {
  display: block;
}
.mw-menu-items.mw-menu-vertical ul li a {
  padding: 10px;
}
.mw-menu-items.mw-menu-vertical ul li a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.mw-menu-items.mw-menu-vertical ul.components {
  padding: 2px 0;
  border-bottom: 1px solid #FFFFFF;
}
.mw-menu-items.mw-menu-vertical .left-menu-header {
  padding: 20px;
  color: white;
  background-color: rgba(255, 255, 255, 0.3);
  height: 50px;
}
.mw-menu-items.mw-menu-vertical .left-menu-header button {
  background-color: transparent;
  color: white;
  border: 0;
}
.mw-menu-items.mw-menu-vertical .mw-left-menu-field-sales {
  padding-top: 20px;
}
.mw-menu-items.mw-menu-vertical .mw-left-menu-field-sales img {
  width: 18em;
  background: white;
  margin: 0.2em 1em;
  border: medium solid #ffd29c;
}
.mw-menu-items.mw-menu-vertical .mw-left-menu-field-sales .mw-left-menu-field-sales-space {
  height: 200px;
}
.mw-menu-items.mw-menu-vertical .mw-left-menu-field-sales label {
  padding: 10px;
  font-size: 1.1em;
  display: block;
}
.mw-menu-items.mw-menu-vertical .mw-left-menu-field-sales label i {
  padding-right: 0.5em;
}

#mw-left-menu .left-menu-main {
  position: fixed;
  width: 0;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999;
  color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.3s;
  background: #e4aa3f;
  overflow-y: auto;
  white-space: nowrap;
}
#mw-left-menu .left-menu-main .close-button a {
  position: absolute;
  right: 0.3em;
  color: white;
}

#mw-close-menu {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: 998;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
#mw-close-menu.mw-close-menu-show {
  display: inline-block;
}

#mw-top-page {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100vh;
}
#mw-top-page .mw-top-menu-horizontal-logo {
  float: left;
  height: 1.9em;
  margin: 0 1em 0 0.5em;
}
#mw-top-page .mw-body {
  flex-grow: 1;
  overflow: auto;
}
#mw-top-page .mw-top-menu {
  z-index: 997;
  top: 0;
  width: 100vw;
  box-sizing: border-box;
  height: 50px;
  background: #e4aa3f;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  /* Show the dropdown menu on hover */
}
#mw-top-page .mw-top-menu .mw-top-page-left {
  display: flex;
  flex-direction: row;
}
#mw-top-page .mw-top-menu .mw-menu-button.supervisor-back-button {
  width: -moz-fit-content;
  width: fit-content;
}
#mw-top-page .mw-top-menu .mw-menu-button.supervisor-back-button .supervisor-back-button-text {
  padding-left: 10px;
}
@media (max-width: 800px) {
  #mw-top-page .mw-top-menu .mw-menu-button.supervisor-back-button .supervisor-back-button-text {
    font-weight: unset;
    font-size: 0.9em;
  }
}
@media (max-width: 500px) {
  #mw-top-page .mw-top-menu .mw-menu-button.supervisor-back-button .supervisor-back-button-text {
    font-weight: unset;
    font-size: 0.8em;
  }
}
@media (max-width: 400px) {
  #mw-top-page .mw-top-menu .mw-menu-button.supervisor-back-button .supervisor-back-button-text {
    display: none;
  }
}
#mw-top-page .mw-top-menu .mw-menu-button {
  height: 50px;
  width: 60px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  border: none;
  color: #FFFFFF;
  font-weight: bold;
  cursor: pointer;
}
#mw-top-page .mw-top-menu .mw-menu-button i {
  font-size: 20px;
  color: #FFFFFF;
}
@media only print {
  #mw-top-page .mw-top-menu .mw-menu-button {
    display: none;
  }
}
#mw-top-page .mw-top-menu .mw-menu-button label {
  color: #FFFFFF;
  font-weight: bold;
}
#mw-top-page .mw-top-menu button:hover {
  background: rgba(255, 255, 255, 0.15);
}
#mw-top-page .mw-top-menu button:active {
  background: white;
}
#mw-top-page .mw-top-menu button:active i, #mw-top-page .mw-top-menu button:active label {
  color: #e4aa3f;
}
#mw-top-page .mw-top-menu button:focus {
  outline: thin solid transparent;
}
#mw-top-page .mw-top-menu .dropdown-menu {
  border-radius: 0 0 0.3em 0.3em;
  margin: 0;
  background: #e4aa3f;
  border-top: none;
}
#mw-top-page .mw-top-menu .dropdown-menu .dropdown-item {
  color: #FFFFFF;
  font-weight: 300;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 15px;
}
#mw-top-page .mw-top-menu .dropdown-menu .dropdown-item i {
  position: relative;
  left: -1.2em;
}
#mw-top-page .mw-top-menu .dropdown-menu .dropdown-item span {
  position: absolute;
  left: 1.5em;
}
#mw-top-page .mw-top-menu .dropdown-menu .dropdown-item.disabled:hover,
#mw-top-page .mw-top-menu .dropdown-menu .disabled {
  color: rgba(255, 255, 255, 0.4);
}
#mw-top-page .mw-top-menu .dropdown-menu .dropdown-item:hover {
  color: #e4aa3f;
  font-weight: 300;
}
#mw-top-page .mw-top-menu .dropdown-shopping-cart:hover #shopping-cart-summary.allow-hover {
  display: block;
}
#mw-top-page .mw-top-menu a,
#mw-top-page .mw-top-menu a:hover {
  font-size: 20px;
  color: white;
  text-decoration: none;
}
#mw-top-page .mw-top-menu .right-side {
  display: inline-flex;
  float: right;
  padding-right: 1em;
}
#mw-top-page .mw-top-menu .mw-top-menu-title {
  color: #FFFFFF;
  font-size: 1.7em;
  overflow: hidden;
  align-self: center;
  height: 50px;
  line-height: 50px;
}
@media (max-width: 800px) {
  #mw-top-page .mw-top-menu .mw-top-menu-title {
    font-size: 1.2em;
  }
}
@media (max-width: 500px) {
  #mw-top-page .mw-top-menu .mw-top-menu-title {
    font-size: 1em;
  }
}
#mw-top-page .mw-topbar {
  display: flex;
  flex-direction: row;
  height: 2em;
  background-image: linear-gradient(#e4aa3f, #eabe6c);
  color: #FFFFFF;
}
#mw-top-page .mw-topbar .mw-topbar-link {
  color: #FFFFFF;
  margin: auto;
}
#mw-top-page .mw-topbar .mw-topbar-link.mw-link1 {
  margin-left: 0.5em;
}
#mw-top-page .mw-topbar .mw-topbar-link.mw-link1 span {
  margin: 0 0 0 0.5em;
}
#mw-top-page .mw-topbar .mw-topbar-link.mw-link1 span, #mw-top-page .mw-topbar .mw-topbar-link.mw-link2 span, #mw-top-page .mw-topbar .mw-topbar-link.mw-link3 span {
  display: inline;
  margin: 0 0 0 0.5em;
}
#mw-top-page .mw-topbar .mw-topbar-link.mw-link3 {
  margin-right: 0.5em;
}
#mw-top-page .mw-topbar .mw-topbar-link a {
  color: #FFFFFF;
  text-decoration: none;
  transition: all 0.5s ease-out;
}
#mw-top-page .mw-topbar .mw-topbar-link a:hover {
  color: #cfcfcf;
}
@media (max-width: 500px) {
  #mw-top-page .mw-topbar {
    height: 3em;
  }
  #mw-top-page .mw-topbar .mw-topbar-link.mw-link1 i, #mw-top-page .mw-topbar .mw-topbar-link.mw-link2 i, #mw-top-page .mw-topbar .mw-topbar-link.mw-link3 i {
    font-size: 3em;
  }
  #mw-top-page .mw-topbar .mw-topbar-link.mw-link1 span, #mw-top-page .mw-topbar .mw-topbar-link.mw-link2 span, #mw-top-page .mw-topbar .mw-topbar-link.mw-link3 span {
    display: none;
  }
}
#mw-top-page .mw-message-box.mw-sign-out-message .mw-message-box-dialog .mw-message-box-footer button {
  width: 30%;
}
#mw-top-page .mw-message-box.mw-error-message .mw-message-box-dialog .mw-message-box-footer-right-align button {
  width: 20%;
}

.mw-top-page-fixed {
  position: fixed;
  width: 100vw;
}

/********************************************************************************************************************************************/
/* Mango Pages */
/********************************************************************************************************************************************/
.mw-account-page {
  display: flex;
  flex-direction: row;
  width: 100%;
  background: #f3f3f3;
  flex-wrap: wrap;
  word-wrap: break-word;
  flex: 1;
}
.mw-account-page .mw-account-page-container {
  display: flex;
  flex-direction: column;
  margin: 0.5em;
  position: relative;
  word-wrap: break-word;
  border: 1px solid #ffd29c;
  flex: 1;
  min-width: 300px;
}
.mw-account-page .mw-account-page-title {
  font-size: 1.25em;
  background-color: #ffd29c;
  color: #FFFFFF;
  height: 2em;
  text-align: center;
  padding-top: 5px;
  margin-bottom: 0.5em;
}
.mw-account-page .mw-account-page-account {
  padding: 0em 0.75em;
}
.mw-account-page .mw-account-page-section {
  display: block;
  font-size: 1em;
  margin: 0.75em;
  padding: 4px 10px;
  background-color: #ffd29c;
  color: #FFFFFF;
}
@media (max-width: 1050px) {
  .mw-account-page {
    padding: 10px 0 5px 0;
  }
}
@media (max-width: 630px) {
  .mw-account-page {
    height: unset;
  }
}

.mw-add-card-page {
  display: flex;
  width: 100%;
  height: 100vh;
  overflow-y: scroll;
  padding: 50px 30% 5px 30%;
  background: #f3f3f3;
}
.mw-add-card-page .mw-add-card-container {
  display: flex;
  flex-direction: column;
  margin: 0.5em;
  position: relative;
  word-wrap: break-word;
  border: 1px solid #ffd29c;
  flex: 1;
  min-width: 300px;
  height: -moz-fit-content;
  height: fit-content;
  background: white;
}
.mw-add-card-page .mw-add-card-container .mw-credit-card-component {
  padding: 1em;
}
.mw-add-card-page .mw-add-card-container .mw-credit-card-component > div:nth-child(even) {
  background: transparent;
}
.mw-add-card-page .mw-add-card-title {
  font-size: 1.25em;
  background-color: #ffd29c;
  color: #FFFFFF;
  height: 2em;
  text-align: center;
  padding-top: 5px;
  margin-bottom: 0.5em;
}
.mw-add-card-page .mw-add-card-toolbar {
  padding: 1em;
  text-align: right;
}
.mw-add-card-page .mw-add-card-toolbar button {
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 800px) {
  .mw-add-card-page {
    padding: 50px 0;
  }
}
.mw-add-card-page .nav.nav-tabs .nav-item .nav-link {
  cursor: pointer;
  color: #007bff;
  font-size: 14px;
  font-weight: bold;
}

#mw-add-equipment {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100vh;
  background: #f3f3f3;
}
#mw-add-equipment .mw-add-equipment-catalog {
  display: flex;
  flex-direction: row;
  flex: 1;
}
#mw-add-equipment .mw-add-equipment-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#mw-add-equipment .mw-add-equipment-container .mw-add-equipment-items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: auto;
  word-wrap: break-word;
  padding: 0.5em 0.8em;
  background: #f3f3f3;
  overflow-y: scroll;
}
#mw-add-equipment .mw-add-equipment-container .mw-add-equipment-items #mw-catalog-item {
  margin: 0.5em;
}
#mw-add-equipment .mw-add-equipment-container .mw-add-equipment-items .mw-add-equipment-pagination-loading {
  background: white;
  border: solid 2px #e1e1e1;
  border-radius: 1.05rem;
  margin-bottom: 0.4em;
  height: 4em;
}
@media (max-width: 930px), (max-height: 700px) {
  #mw-add-equipment .mw-add-equipment-catalog {
    flex-direction: column;
  }
  #mw-add-equipment .mw-add-equipment-items {
    padding: 1em;
    justify-content: center;
  }
  #mw-add-equipment .mw-add-equipment-items #mw-catalog-item {
    overflow: unset;
    max-width: 24em;
    min-height: 200px;
    width: 100%;
  }
  #mw-add-equipment .mw-add-equipment-items #mw-catalog-item .mw-catalog-item-image-container, #mw-add-equipment .mw-add-equipment-items #mw-catalog-item .mw-catalog-item-description {
    display: none;
  }
  #mw-add-equipment .mw-add-equipment-items #mw-catalog-item .mw-catalog-item-favorite, #mw-add-equipment .mw-add-equipment-items #mw-catalog-item .mw-catalog-item-info-icon {
    margin-top: 0;
  }
  #mw-add-equipment .mw-add-equipment-items #mw-catalog-item .mw-catalog-item-title-container {
    align-items: center;
  }
  #mw-add-equipment .mw-add-equipment-items #mw-catalog-item .mw-catalog-item-title-container .mw-catalog-item-title {
    text-align: left;
    padding-left: 0.5em;
  }
  #mw-add-equipment .mw-add-equipment-items #mw-catalog-item .mw-catalog-item-image-small-container {
    display: flex;
    border: none;
  }
}

.mfs-add-image {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
.mfs-add-image .mfs-add-image-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #e4aa3f;
  height: 500px;
  width: 700px;
  border-radius: 0.5em;
  max-height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 800px) {
  .mfs-add-image .mfs-add-image-dialog {
    width: 95%;
  }
}
.mfs-add-image .mfs-add-image-dialog .mfs-add-image-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
  flex: 0 0 auto;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}
.mfs-add-image .mfs-add-image-dialog .mfs-add-image-header .mfs-add-image-title {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.2em;
}
.mfs-add-image .mfs-add-image-dialog .mfs-add-image-body {
  width: 100%;
  flex: 1;
  background: white;
}
.mfs-add-image .mfs-add-image-dialog .mfs-add-image-body .mfs-add-image-progress {
  display: flex;
}
.mfs-add-image .mfs-add-image-dialog .mfs-add-image-body .mfs-add-image-add-image {
  display: none;
}
.mfs-add-image .mfs-add-image-dialog .mfs-add-image-body .mfs-add-image-picture-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: auto;
  height: 400px;
  max-height: 400px;
  min-height: 400px;
  background: #f3f3f3;
  padding: 0.5em 0;
  border-bottom: thin solid #c8c8c8;
}
.mfs-add-image .mfs-add-image-dialog .mfs-add-image-body .mfs-add-image-picture-container .mfs-add-image-no-photos {
  margin: 1em;
}
.mfs-add-image .mfs-add-image-dialog .mfs-add-image-body .mfs-add-image-picture-container .mfs-add-image-success {
  margin: 1em;
  font-size: 1.5em;
  color: green;
}
.mfs-add-image .mfs-add-image-dialog .mfs-add-image-body .mfs-add-image-picture-container .mfs-add-image-picture-preview-image-wrapper {
  margin: 0.5em 1em 0.5em 1em;
  padding: 1em;
  background: white;
  border-radius: 0.25em;
  box-shadow: 4px 3px 8px 1px #d8d8d8;
  display: flex;
  flex-direction: row;
}
.mfs-add-image .mfs-add-image-dialog .mfs-add-image-body .mfs-add-image-picture-container .mfs-add-image-picture-preview-image-wrapper label {
  flex: 1;
  margin: 0;
  align-self: center;
}
.mfs-add-image .mfs-add-image-dialog .mfs-add-image-body .mfs-add-image-picture-container .mfs-add-image-picture-preview-image-wrapper .mfs-add-image-picture-preview-image {
  max-height: 5em;
  max-width: 5em;
  margin-right: 2em;
}
.mfs-add-image .mfs-add-image-dialog .mfs-add-image-body .mfs-add-image-picture-container .mfs-add-image-picture-preview-image-wrapper i {
  height: 35px;
  width: 35px;
  padding: 0.35em 0.5em;
  border-radius: 2em;
  border: medium solid #dc3545;
  text-align: center;
  background: #dc3545;
  color: white;
  align-self: center;
}
.mfs-add-image .mfs-add-image-dialog .mfs-add-image-body .mfs-add-image-picture-container .mfs-add-image-picture-preview-image-wrapper i:hover {
  cursor: pointer;
}
.mfs-add-image .mfs-add-image-dialog .mfs-add-image-footer {
  display: flex;
  padding: 0.5em;
  flex-direction: row;
  flex: 0 0 auto;
  justify-content: space-around;
  background: white;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
.mfs-add-image .mfs-add-image-dialog .mfs-add-image-footer button {
  height: -moz-fit-content;
  height: fit-content;
  align-self: center;
  margin-right: 0.5em;
}
.mfs-add-image .mfs-add-image-dialog .mfs-add-image-footer .mfs-add-image-picture-image {
  min-width: 6em;
  padding: 0.5em;
  justify-content: flex-start;
  display: flex;
  align-items: center;
  flex: 1;
}
.mfs-add-image .mfs-add-image-dialog .mfs-add-image-footer .mfs-add-image-picture-image.center {
  justify-content: center;
}
.mfs-add-image .mfs-add-image-dialog .mfs-add-image-footer .mfs-add-image-picture-image .mfs-add-image-picture-button {
  height: 35px;
  width: 35px;
  padding: 0.3em 0.4em;
  border-radius: 2em;
  border: medium solid;
  text-align: center;
  background: #007bff;
}
.mfs-add-image .mfs-add-image-dialog .mfs-add-image-footer .mfs-add-image-picture-image .mfs-add-image-picture-button .mfs-add-image-picture-icon {
  font-size: 1.3em;
  color: white;
}
.mfs-add-image .mfs-add-image-dialog .mfs-add-image-footer .mfs-add-image-picture-image .mfs-add-image-picture-button:hover {
  cursor: pointer;
  text-decoration: none;
  border-color: #0062cc;
  background: #0062cc;
}
.mfs-add-image .mfs-add-image-dialog .mfs-add-image-footer .mfs-add-image-picture-image .mfs-add-image-picture-input {
  display: none;
}
.mfs-add-image .mfs-add-image-dialog .mfs-add-image-footer .mfs-add-image-picture-image .mfs-add-image-picture-label {
  margin: 0 0.4em;
  align-self: center;
}

#mw-admin-page .mw-loading-container {
  display: flex;
  padding: 50px;
  width: 100vw;
  height: auto;
  align-items: center;
  justify-content: center;
}
#mw-admin-page .mw-loading-container .mw-loading {
  display: flex;
  flex-direction: column;
  min-width: 300px;
}
#mw-admin-page .mw-admin-login {
  display: flex;
  padding: 4em;
  width: 100vw;
  height: auto;
  align-items: center;
  justify-content: center;
}
#mw-admin-page .mw-admin-login .mw-admin-login-container {
  background: white;
  display: flex;
  flex-direction: column;
  min-width: 350px;
  border-radius: 0.3em;
  border: 1px solid #e4aa3f;
}
#mw-admin-page .mw-admin-login .mw-admin-login-container .card-header {
  color: #FFFFFF;
  background: #e4aa3f;
  height: 4em;
}
#mw-admin-page .mw-admin-login .mw-admin-login-container .mw-admin-login-message {
  padding: 0;
  margin-top: 1.3em;
  color: red;
}
#mw-admin-page .mw-admin-login .mw-admin-login-container label {
  margin-bottom: 0;
}
#mw-admin-page .mw-admin-login .mw-admin-login-container button {
  margin-top: 1em;
}
#mw-admin-page .mw-admin-login .mw-admin-login-container .close {
  color: #FFFFFF;
  margin-top: 0;
  position: relative;
  top: -2.2em;
  right: -0.3em;
}
#mw-admin-page .mw-admin-settings-container {
  display: flex;
  flex-direction: column;
  background: #f3f3f3;
}
#mw-admin-page .mw-admin-settings-container .mw-settings-header {
  color: #FFFFFF;
  background: #e4aa3f;
  padding: 0.1em 0 0.1em 0.5em;
  border-radius: 0.3em 0.3em 0 0;
  margin-bottom: 0;
}
#mw-admin-page .mw-admin-settings-container .mw-settings-card {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0 0 0.3em 0.3em;
  padding: 0.3em 0.5em 0.5em 0.5em;
  margin-bottom: 1em;
}
#mw-admin-page .mw-admin-settings-container .mw-admin-version-with-link,
#mw-admin-page .mw-admin-settings-container .mw-admin-version,
#mw-admin-page .mw-admin-settings-container .mw-settings-row {
  display: flex;
  flex-flow: column;
  justify-content: space-around;
}
@media (min-width: 1200px) {
  #mw-admin-page .mw-admin-settings-container .mw-admin-version-with-link,
  #mw-admin-page .mw-admin-settings-container .mw-admin-version,
  #mw-admin-page .mw-admin-settings-container .mw-settings-row {
    flex-flow: row;
  }
}
#mw-admin-page .mw-admin-settings-container .mw-settings-key {
  flex: 1;
  font-weight: bold;
}
#mw-admin-page .mw-admin-settings-container .mw-sysinfo-update,
#mw-admin-page .mw-admin-settings-container .mw-sysinfo-pass,
#mw-admin-page .mw-admin-settings-container .mw-sysinfo-user,
#mw-admin-page .mw-admin-settings-container .mw-sysinfo-port,
#mw-admin-page .mw-admin-settings-container .mw-sysinfo-url {
  flex-direction: column;
  margin-right: 1em;
  font-weight: bold;
}
#mw-admin-page .mw-admin-settings-container .mw-sysinfo-url {
  flex: 5;
}
#mw-admin-page .mw-admin-settings-container .mw-sysinfo-port {
  flex: 1;
}
#mw-admin-page .mw-admin-settings-container .mw-sysinfo-pass,
#mw-admin-page .mw-admin-settings-container .mw-sysinfo-user {
  flex: 2;
}
#mw-admin-page .mw-admin-settings-container .mw-sysinfo-block {
  width: 100%;
}
#mw-admin-page .mw-admin-settings-container .mw-sysinfo-update {
  flex: 5;
}
#mw-admin-page .mw-admin-settings-container .mw-settings-value {
  display: flex;
  flex-direction: row;
  flex: 3;
}
#mw-admin-page .mw-admin-settings-container .mw-settings-button {
  width: 15em;
  margin: 0.1em;
}
#mw-admin-page .mw-admin-settings-container .mw-settings-value-hex {
  flex-direction: column;
  flex: 1;
}
#mw-admin-page .mw-admin-settings-container .mw-settings-value-color-box {
  flex-direction: column;
  flex: 1;
  border: 1px solid black;
  height: 92%;
}
#mw-admin-page .mw-admin-settings-container .mw-settings-cmd,
#mw-admin-page .mw-admin-settings-container .mw-settings-value-color-pad {
  flex: 12;
}
#mw-admin-page .mw-admin-settings-container .mw-admin-page-title {
  text-align: center;
}
#mw-admin-page .mw-admin-settings-container .mw-admin-page-title h1 {
  color: #007bff;
  text-shadow: 0 0 5px #00c2e6, 0 0 10px #68d8ec;
  margin-top: 0.5em;
}
#mw-admin-page .mw-admin-settings-container .mw-admin-page-update {
  width: 100vw;
  text-align: center;
  padding: 1em;
  border: 1px solid #ffcc00;
  background-color: #ff8d00;
  border-radius: 0.3em;
  color: white;
  margin: 0 0.65em 1em 0.65em;
  font-size: 1.5em;
}
#mw-admin-page .mw-admin-settings-container .mw-admin-page-update div {
  display: block;
  margin: 0 auto;
}
#mw-admin-page .mw-admin-settings-container .mw-admin-page-update div:last-child {
  margin-top: 0.5em;
}
#mw-admin-page .mw-admin-settings-container .close {
  position: relative;
  top: -2.2em;
  right: -0.3em;
}
#mw-admin-page .mw-admin-settings-container .mw-admin-settings-text-box {
  border: 1px solid black;
  border-radius: 0.3em;
  margin-bottom: 0.2em;
  padding: 0.2em;
}
#mw-admin-page .mw-admin-settings-container .mw-admin-info,
#mw-admin-page .mw-admin-settings-container .mw-admin-error {
  color: white;
  font-size: 2em;
  padding: 0.5em;
  border-radius: 0.2em;
  margin-bottom: 1em;
}
#mw-admin-page .mw-admin-settings-container .mw-admin-info button,
#mw-admin-page .mw-admin-settings-container .mw-admin-error button {
  display: block;
  float: right;
  padding: 0.7em 2em 0.7em 2em;
}
#mw-admin-page .mw-admin-settings-container .mw-admin-error {
  background: red;
}
#mw-admin-page .mw-admin-settings-container .mw-admin-info {
  background: rgb(22, 222, 22);
}
#mw-admin-page .mw-admin-settings-container .mw-admin-danger {
  background-color: red;
  color: yellow;
}
#mw-admin-page .mw-admin-settings-container .dropdown-menu p {
  padding: 0.5em;
  margin: 0;
  white-space: nowrap;
}
#mw-admin-page .mw-admin-settings-container .dropdown-menu p:hover {
  cursor: pointer;
  background: rgb(235, 235, 235);
}
#mw-admin-page .mw-admin-settings-container .mw-admin-cmd-output {
  flex-direction: column;
  padding-left: 1em;
  background: black;
  color: limegreen;
  margin-top: 1em;
}
#mw-admin-page .mw-captcha {
  display: flex;
}
#mw-admin-page .mw-captcha .mw-captcha-image {
  margin: 0;
}

#mw-auth-page {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background: #e4aa3f;
  min-height: 100vh;
  max-width: 100vw;
  width: 100vw;
}
#mw-auth-page .mw-auth-login {
  min-width: 300px;
  max-width: 400px;
  background: white;
  padding: 25px;
  border: 1px solid #c8c8c8;
  flex-direction: column;
  max-height: 100%;
  overflow: auto;
}
#mw-auth-page .mw-auth-login .mw-auth-copyright {
  align-self: flex-end;
  font-size: 0.8em;
  margin: 0;
}
#mw-auth-page .mw-auth-login .mw-auth-copyright i {
  margin-right: 0.3em;
}
#mw-auth-page .mw-page-link {
  background: #e4aa3f;
  color: #FFFFFF;
  padding: 0.2em;
  cursor: pointer;
  width: 100%;
  text-align: center;
  margin: 1em;
  text-decoration: underline;
}
#mw-auth-page .mw-auth-button-label {
  display: flex;
  flex-direction: row;
  text-align: left;
  width: 100%;
  margin-top: 0.5em;
}
@media (max-width: 500px) {
  #mw-auth-page .mw-auth-button-label {
    display: unset;
  }
}
#mw-auth-page .mw-auth-button-label label {
  display: flex;
  flex: 1;
  color: black;
}
#mw-auth-page .mw-auth-button {
  text-align: center;
  background: #e4aa3f;
  color: #FFFFFF;
  padding: 0.375em 0.75em;
  font-size: 1em;
  border-radius: 0.3em;
  border: 1px solid transparent;
  width: 100%;
}
@media (min-width: 500px) {
  #mw-auth-page .mw-auth-button {
    width: 10em;
    margin-left: 0.7em;
  }
}
#mw-auth-page .mw-auth-back {
  background: #a8a8a8;
  color: white;
  display: block;
  padding: 0.375em 0.75em;
  font-size: 1em;
  line-height: 1.5;
  border-radius: 0.3em;
  border: none;
  margin: 1em;
  width: 5em;
}
#mw-auth-page .mw-auth-divider {
  margin: 0.9em 0 0.3em 0;
  border-top: 1px solid #c8c8c8;
  width: 100%;
}
#mw-auth-page label {
  background: white;
  color: #6c757d;
  font-size: 1em;
}
#mw-auth-page .form-control {
  width: 100%;
}
#mw-auth-page .mw-captcha .form-control {
  display: inline-block;
  width: 35%;
}
#mw-auth-page .mw-auth-build {
  margin-top: 1em;
  text-align: right;
  font-size: 1.1em;
  float: right;
}
#mw-auth-page .mw-auth-copyright {
  float: right;
}

#mw-checkout-page {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #f3f3f3;
  text-align: center;
  flex: 1;
  padding: 10px 10% 1em 10%;
}
#mw-checkout-page .shopping-cart-reloading-cart {
  padding: 0.5em;
}
#mw-checkout-page .mw-checkout-container {
  display: inline-flex;
  flex-direction: column;
  text-align: left;
  padding: 1em;
  background: white;
  border: 1px solid rgb(225, 225, 225);
  min-width: 300px;
  width: 600px;
}
@media (max-width: 800px) {
  #mw-checkout-page .mw-checkout-container {
    width: 95%;
  }
}
#mw-checkout-page .mw-checkout-container button {
  margin-top: 1em;
  width: -moz-fit-content;
  width: fit-content;
}
#mw-checkout-page .mw-checkout-container .mw-checkout-title {
  font-size: 1.25em;
  font-weight: bold;
  color: #FFFFFF;
  background: #ffd29c;
  display: flex;
  padding: 0.2em 0.5em;
  margin: 0;
}
#mw-checkout-page .mw-checkout-container .mw-checkout-empty {
  padding: 1em 0;
  text-align: center;
}
#mw-checkout-page .mw-checkout-container #shopping-cart-summary {
  display: inline-block;
  position: relative;
  left: 0;
  width: 100%;
  background: none;
  border: none;
}
#mw-checkout-page .mw-checkout-container .mw-checkout-back {
  margin: 0 0 0.5em 0;
}
#mw-checkout-page .mw-checkout-container .mw-checkout-customer {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-bottom: 1em;
}
#mw-checkout-page .mw-checkout-container .mw-checkout-customer .mw-checkout-customer-name {
  font-weight: bold;
  font-size: 1.5em;
  color: #898989;
}
#mw-checkout-page .mw-checkout-container .mw-checkout-customer span {
  padding-bottom: 0.25em;
}
#mw-checkout-page .mw-checkout-container .mw-checkout-customer i {
  color: #898989;
  font-size: 1.3em;
  margin-right: 0.5em;
}
#mw-checkout-page .mw-checkout-signature-container {
  align-self: center;
}
#mw-checkout-page .mw-checkout-signature-container .mw-checkout-signature-wrapper {
  margin-top: 1em;
  width: 100%;
  height: 8em;
  border: #e1e1e1 1px solid;
  border-radius: 0.25rem;
}
#mw-checkout-page .mw-checkout-signature-container .mw-checkout-signature-wrapper .fa-signature {
  display: flex;
  justify-content: center;
  font-size: 8em;
  height: 100%;
  align-items: center;
  color: #C0C0C0;
}
#mw-checkout-page .mw-checkout-signature-container .mw-checkout-signature-wrapper .mw-checkout-signature-image {
  height: 100%;
  width: 100%;
}
#mw-checkout-page .mw-checkout-signature-container .mw-checkout-signature-print {
  margin-bottom: 0;
  padding: 0.5em;
  color: #6b6b6b;
}
#mw-checkout-page .mw-checkout-button {
  margin: 1em;
}
#mw-checkout-page .mw-checkout-button button {
  width: 15em;
  margin: 0.5em;
}
#mw-checkout-page .mw-checkout-button-column {
  margin: 1em;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#mw-checkout-page .mw-checkout-button-column .mw-checkout-minimum-requirement-error,
#mw-checkout-page .mw-checkout-button-column .mw-checkout-past-cut-off-error {
  font-size: 1.5em;
  text-align: center;
  color: #dc3545;
}
#mw-checkout-page .mw-checkout-button-column button {
  width: 15em;
  margin-top: 0.5em;
}
#mw-checkout-page .mw-checkout-credit-cards {
  display: inline-flex;
  flex-direction: column;
  flex: 1;
  width: auto;
  word-wrap: break-word;
  text-align: left;
  padding: 1em;
}
#mw-checkout-page .mw-checkout-credit-card {
  display: inline-flex;
  flex-direction: row;
  flex: 1;
  width: auto;
  word-wrap: break-word;
  text-align: left;
  padding: 1em;
  background: white;
  border: 1px solid rgb(225, 225, 225);
}
#mw-checkout-page .mw-item {
  display: inline-block;
  width: 15em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#mw-checkout-page .mw-total, #mw-checkout-page .mw-tax {
  position: relative;
  right: 0.2em;
}
#mw-checkout-page #shopping-cart-summary {
  display: contents;
  width: 26.5em;
}
#mw-checkout-page #shopping-cart-summary .mw-shopping-cart-summary {
  padding: 0 0.5em;
}
#mw-checkout-page #shopping-cart-summary .mw-cart-item {
  color: black;
  display: flex;
}
#mw-checkout-page #shopping-cart-summary .mw-cart-item .mw-item {
  min-width: 13em;
  display: flex;
  flex: 3;
  max-width: none;
}
#mw-checkout-page #shopping-cart-summary .mw-cart-item .mw-image {
  display: none;
}
#mw-checkout-page #shopping-cart-summary .mw-cart-item .mw-deposits,
#mw-checkout-page #shopping-cart-summary .mw-cart-item .mw-quantity,
#mw-checkout-page #shopping-cart-summary .mw-cart-item .mw-total,
#mw-checkout-page #shopping-cart-summary .mw-cart-item .mw-tax {
  display: flex;
  flex: 1;
  right: unset;
  justify-content: flex-end;
}
#mw-checkout-page #shopping-cart-summary .mw-cart-divider {
  border-top: 1px solid black;
}
#mw-checkout-page #shopping-cart-summary .mw-cart-item-list {
  overflow: unset;
  max-height: none;
}
#mw-checkout-page #shopping-cart-summary .mw-cart-title {
  color: #6b6b6b;
  padding-top: 1em;
}
#mw-checkout-page .mw-checkout-inner-container-buy-now {
  display: flex;
  justify-content: flex-end;
}
#mw-checkout-page .mw-checkout-inner-container-buy-now .btn-buy-now {
  width: 10em;
}
#mw-checkout-page .mw-checkout-inner-container .mw-checkout-data {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.5em 0;
}
#mw-checkout-page .mw-checkout-inner-container .mw-checkout-data .mw-progress-loading-bar {
  width: 14.4em;
}
#mw-checkout-page .mw-checkout-inner-container .mw-checkout-data .mw-checkout-form-control-label {
  width: 10em;
  text-align: center;
}
#mw-checkout-page .mw-checkout-inner-container .mw-checkout-data .mw-checkout-form-control {
  width: 10em;
  text-align: center;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
#mw-checkout-page .mw-checkout-inner-container .mw-checkout-data .mw-checkout-form-control-no-date {
  width: 10em;
  text-align: center;
}
#mw-checkout-page .mw-checkout-inner-container .mw-checkout-data .btn {
  width: 4em;
  margin-top: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: 1px solid #ced4da;
}
#mw-checkout-page .mw-checkout-inner-container .mw-checkout-data label {
  color: red;
  flex: 1;
  text-align: center;
  margin: 0;
}
#mw-checkout-page .mw-checkout-inner-container .mw-checkout-exact {
  display: flex;
  flex-direction: row;
  margin-top: 0.5em;
}
#mw-checkout-page .mw-checkout-inner-container .mw-checkout-exact-options input {
  width: -moz-fit-content;
  width: fit-content;
}
#mw-checkout-page .mw-checkout-apply-coupon-container .mw-checkout-apply-coupon-result {
  padding: 0 0.8em;
  display: flex;
  align-items: center;
}
#mw-checkout-page .mw-checkout-apply-coupon-container .mw-checkout-apply-coupon-result .mw-checkout-apply-coupon-message {
  margin-right: 0.4em;
}
#mw-checkout-page .mw-checkout-apply-coupon-container .mw-checkout-apply-coupon-result .mw-checkout-apply-coupon-message.valid-coupon {
  color: green;
}
#mw-checkout-page .mw-checkout-apply-coupon-container .mw-checkout-apply-coupon-result .mw-checkout-apply-coupon-message.not-applicable, #mw-checkout-page .mw-checkout-apply-coupon-container .mw-checkout-apply-coupon-result .mw-checkout-apply-coupon-message.invalid-coupon {
  color: red;
}
#mw-checkout-page .mw-checkout-apply-coupon-container .mw-checkout-apply-coupon-result .mw-checkout-apply-coupon-icon {
  color: white;
  border-radius: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  margin: 0;
}
#mw-checkout-page .mw-checkout-apply-coupon-container .mw-checkout-apply-coupon-result .mw-checkout-apply-coupon-icon.fa-check {
  background: green;
  border: 1px solid green;
}
#mw-checkout-page .mw-checkout-apply-coupon-container .mw-checkout-apply-coupon-result .mw-checkout-apply-coupon-icon.fa-times {
  background: red;
  border: 1px solid red;
}
#mw-checkout-page .mw-checkout-progress {
  position: absolute;
  top: 0;
  left: 0;
  background: white;
}
@media (max-width: 500px) {
  #mw-checkout-page {
    padding: 4em 5px 1em 5px;
  }
  #mw-checkout-page .mw-checkout-container, #mw-checkout-page .mw-item, #mw-checkout-page .mw-total, #mw-checkout-page .mw-tax {
    font-size: 0.8em;
  }
}

#mw-dashboard-page {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 0.5em 0.5em 1em 0.5em;
  background: white;
  box-sizing: border-box;
  flex: 1;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow-y: auto;
}
#mw-dashboard-page .mw-dashboard-title {
  font-size: 1.25em;
  background-color: #ffd29c;
  color: #FFFFFF;
  min-height: 2em;
  text-align: center;
  padding-top: 5px;
  margin-bottom: 0.5em;
}
#mw-dashboard-page .mw-dashboard-invoices-container {
  flex-direction: column;
  display: flex;
  margin: 0.5em;
  flex: 1;
  font-size: 0.9em;
}
#mw-dashboard-page .mw-dashboard-invoices-container button {
  font-size: 1em;
}
#mw-dashboard-page .mw-dashboard-container {
  display: flex;
  flex-direction: column;
  margin: 0.5em;
  position: relative;
  word-wrap: break-word;
  border: 1px solid #ffd29c;
  flex: 1;
  min-width: 300px;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-favorites, #mw-dashboard-page .mw-dashboard-container .mw-account, #mw-dashboard-page .mw-dashboard-container .mw-delivery-stop {
  overflow-y: auto;
}
#mw-dashboard-page .mw-dashboard-container .mw-account {
  flex: 1;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-account {
  padding: 0em 0.75em;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-account .mw-account-paperless {
  display: flex;
  flex-direction: row;
  margin-bottom: 0.5em;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-account .mw-account-paperless .mw-column {
  flex: 1;
  align-self: center;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-section {
  display: block;
  font-size: 1em;
  margin: 0.75em;
  background-color: #ffd29c;
  color: #FFFFFF;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-balance {
  color: #6b6b6b;
  font-size: 1.25em;
  text-align: center;
  width: 100%;
  height: 50px;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-balance label {
  margin: 0.5em;
}
#mw-dashboard-page .mw-dashboard-container #mw-invoices-table {
  border: none;
  margin: 0;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-section {
  display: block;
  font-size: 1em;
  margin-bottom: 0.75em;
  background-color: #ffd29c;
  color: #FFFFFF;
  padding: 0.2em 0.5em;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-calendar-section {
  background: greenyellow;
  color: black;
  border-radius: 2em;
  text-align: center;
  margin: 0.5em 2em;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-calendar-hold {
  color: #FFFF00;
  background-color: #FF0000;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-skipped {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
  color: white;
  background: #dc3545;
  padding-top: 0.5em;
  font-weight: bold;
  width: 100%;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-next-delivery {
  display: flex;
  flex-direction: column;
  font-size: 1.5em;
  align-items: center;
  margin: auto;
  padding: 0;
  background: transparent;
  border: thin solid #ffd29c;
  min-width: 120px;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-next-delivery label {
  cursor: pointer;
  margin: 0;
  padding: 2px 5px;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-next-delivery .mw-dashboard-date {
  font-size: 2em;
  font-weight: bold;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-next-delivery .mw-dashboard-month {
  color: #FFFFFF;
  background: #ffd29c;
  width: 100%;
}
#mw-dashboard-page .mw-dashboard-container button {
  font-size: 0.9em;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-date-loading {
  height: 5em;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-buttons-container {
  flex-direction: row;
  padding: 1em 0.5em 0.5em 0.5em;
  display: flex;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-buttons-container .mw-dashboard-calendar-hold-emergency {
  display: flex;
  justify-content: flex-start;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-buttons-container .mw-dashboard-calendar-hold-emergency.center {
  flex: 1;
  justify-content: center;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-buttons-container .mw-dashboard-date-buttons {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  margin-right: -0.4em;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-buttons-container .mw-dashboard-date-buttons .mw-dashboard-date-button {
  margin-right: 0.4em;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-calendar-hold-message {
  text-align: center;
  margin-bottom: 1em;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-products {
  align-self: center;
  padding: 1em;
  text-align: right;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-show-more {
  position: relative;
  text-align: center;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-show-more .mw-dashboard-show-info {
  transform: scale(7, 2);
  position: absolute;
  top: 0.45em;
  color: #e4aa3f;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-show-more .mw-dashboard-collapse-info {
  transform: scale(7, 2);
  position: absolute;
  top: -0.1em;
  color: #e4aa3f;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-row {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: auto;
  word-wrap: break-word;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-row.mw-dashboard-orders-dropdown .mw-search-drop-down {
  width: 15em;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-row.mw-dashboard-orders-dropdown .mw-search-drop-down .mw-search-drop-down-text.form-control {
  width: unset;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-row.mw-dashboard-orders-dropdown .mw-search-drop-down .mw-search-drop-down-box {
  width: 100%;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-row.mw-dashboard-orders-dropdown .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-ticketnumber,
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-row.mw-dashboard-orders-dropdown .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-ticketnumber,
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-row.mw-dashboard-orders-dropdown .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-ticketnumber,
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-row.mw-dashboard-orders-dropdown .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-ticketnumber {
  width: 7em;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-row.mw-dashboard-orders-dropdown .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-formattedcalendardate,
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-row.mw-dashboard-orders-dropdown .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-formattedcalendardate,
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-row.mw-dashboard-orders-dropdown .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-formattedcalendardate,
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-row.mw-dashboard-orders-dropdown .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-formattedcalendardate {
  width: 7em;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-add-text {
  font-size: 1.25em;
  font-weight: bold;
  color: #28a745;
  text-align: center;
  margin-left: 7px;
  width: 150px;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-skip-message {
  font-size: 1.25em;
  font-weight: bold;
  color: red;
  margin-bottom: 2em;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-product-row {
  margin: 0em 0.5em;
  overflow: auto;
  display: flex;
  flex-direction: row;
  width: auto;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-button-row {
  display: block;
  padding-top: 0.5em;
  flex-direction: row;
  width: auto;
  margin-top: 0.7em;
  border-top: 1px solid #e4aa3f;
}
@media (max-width: 450px) {
  #mw-dashboard-page .mw-dashboard-container .mw-dashboard-button-row {
    padding-top: 1em;
  }
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-button-row .fas {
  float: right;
  right: 0;
  font-size: 1.5em;
  color: #6b6b6b;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-button-row button {
  border: none;
  background-color: transparent;
  outline: none;
  float: right;
  right: 0;
  width: auto;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-column {
  display: inline-block;
  flex-direction: column;
  width: auto;
  word-wrap: break-word;
  width: 150px;
  margin: 0.25em;
  border: thin solid #c8c8c8;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-column .mw-dashboard-text {
  color: #495057;
  margin: 0.5em;
  padding-top: 0.5em;
  border-top: thin solid #c8c8c8;
  max-width: none;
  text-align: left;
  font-size: 0.9em;
  max-height: 58px;
  min-height: 58px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-column .mw-dashboard-details {
  color: #495057;
  font-size: 0.9em;
  margin: 0 0.5em 0.5em;
  text-align: left;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-label {
  font-size: 1em;
  font-weight: bold;
  color: #434343;
  display: flex;
  margin: 7px;
  word-wrap: break-word;
  width: auto;
}
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-date-label {
  font-size: 1em;
  font-weight: bold;
  color: #434343;
  display: flex;
  word-wrap: break-word;
  width: auto;
  margin-top: 0.375em;
  margin-right: 1em;
}
#mw-dashboard-page .mw-dashboard-container .fa-edit:hover {
  color: #3390de;
}
#mw-dashboard-page .mw-dashboard-container .fa-edit:active {
  color: #1d6daf;
}
#mw-dashboard-page .mw-dashboard-container .fa-edit::before {
  float: right;
}
#mw-dashboard-page .mw-dashboard-container .fa-times-circle:hover {
  color: #ff6966;
}
#mw-dashboard-page .mw-dashboard-container .fa-times-circle:active {
  color: #ff1d1a;
}
#mw-dashboard-page .mw-dashboard-container .fa-times-circle::before {
  float: right;
}
#mw-dashboard-page .mw-dashboard-container .fa-redo:hover {
  color: #3390de;
}
#mw-dashboard-page .mw-dashboard-container .fa-redo:active {
  color: #1d6daf;
}
#mw-dashboard-page .mw-dashboard-container .fa-redo::before {
  float: right;
}
#mw-dashboard-page .mw-dashboard-container .fa-calendar-plus:hover {
  color: #4fb96b;
}
#mw-dashboard-page .mw-dashboard-container .fa-calendar-plus:active {
  color: #3a9252;
}
#mw-dashboard-page .mw-dashboard-container .fa-calendar-plus::before {
  float: right;
}
#mw-dashboard-page .mw-dashboard-container .fa-envelope:hover {
  color: #ffbf00;
}
#mw-dashboard-page .mw-dashboard-container .fa-envelope:active {
  color: #cc9900;
}
#mw-dashboard-page .mw-dashboard-container .fa-envelope::before {
  float: right;
}
#mw-dashboard-page .mw-dashboard-container .fa-arrow-alt-circle-down:hover {
  color: #b3b3b3;
}
#mw-dashboard-page .mw-dashboard-container .fa-arrow-alt-circle-down:active {
  color: #8c8c8c;
}
#mw-dashboard-page .mw-dashboard-container .fa-arrow-alt-circle-down::before {
  float: right;
}
#mw-dashboard-page .mw-dashboard-container .fa-save:hover {
  color: #3390de;
}
#mw-dashboard-page .mw-dashboard-container .fa-save:active {
  color: #1d6daf;
}
#mw-dashboard-page .mw-dashboard-container .fa-save::before {
  float: right;
}
#mw-dashboard-page .mw-dashboard-container .fa-calendar-alt:hover {
  color: #b3b3b3;
}
#mw-dashboard-page .mw-dashboard-container .fa-calendar-alt:active {
  color: #8c8c8c;
}
#mw-dashboard-page .mw-dashboard-container .fa-calendar-alt::before {
  float: right;
}
#mw-dashboard-page .mw-dashboard-container .fa-times:hover {
  color: #ff6966;
}
#mw-dashboard-page .mw-dashboard-container .fa-times:active {
  color: #ff1d1a;
}
#mw-dashboard-page .mw-dashboard-container .fa-times::before {
  float: right;
}
#mw-dashboard-page .mw-dashboard-toolbar {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
}
#mw-dashboard-page .mw-dashboard-toolbar .mw-dashboard-current-date {
  font-size: 25px;
}
#mw-dashboard-page .mw-dashboard-toolbar .mw-dashboard-controls {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  flex: 1;
}
#mw-dashboard-page .mw-dashboard-toolbar .mw-dashboard-controls button {
  display: block;
  margin: 1px;
  background: #e4aa3f;
  border: none;
}
#mw-dashboard-page .mw-dashboard-default-products-container {
  display: flex;
  flex-direction: column;
  margin: 5px;
  flex-wrap: wrap;
}
#mw-dashboard-page .mw-dashboard-default-products-container .mw-dashboard-default-products-area {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#mw-dashboard-page .mw-dashboard-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 148px;
  height: 148px;
  background: white;
}
#mw-dashboard-page .mw-dashboard-image-container img {
  max-width: 90%;
  max-height: 90%;
}
#mw-dashboard-page .mw-dashboard-image-container .fas {
  float: right;
  right: 0;
  font-size: 5em;
  color: #28a745;
}
#mw-dashboard-page .mw-dashboard-image-container.mw-dashboard-add {
  border: none;
  cursor: pointer;
}
#mw-dashboard-page .deliveries-product-control {
  margin-left: 7px;
  width: 150px;
}
#mw-dashboard-page .deliveries-product-control .btn {
  width: 100%;
}
#mw-dashboard-page .mw-dashboard-message .form-control {
  height: 15em;
}
#mw-dashboard-page .mw-dashboard-message-buttons {
  float: right;
  margin: 0.4em;
  font-size: 0.9em;
}
#mw-dashboard-page .mw-default-catalog .modal-dialog {
  max-width: none;
  padding: 2em;
}
#mw-dashboard-page .mw-default-catalog .mw-default-catalog-container {
  position: inherit;
  display: block;
  flex-direction: row;
  width: auto;
  overflow-y: hidden;
  padding: 0.5em;
}
#mw-dashboard-page .mw-default-catalog .mw-default-catalog-container .mw-default-catalog-column {
  display: inline-block;
  flex-direction: column;
  width: auto;
  word-wrap: break-word;
  width: 120px;
  margin-bottom: 7px;
  margin-right: 1em;
}
#mw-dashboard-page .mw-default-catalog .mw-default-catalog-container .mw-default-catalog-column .form-control {
  max-width: 120px;
}
#mw-dashboard-page .mw-default-catalog .mw-default-catalog-container .mw-default-catalog-text {
  font-size: 0.9em;
  font-weight: normal;
  color: #434343;
  margin-left: 7px;
  display: block;
  max-width: 120px;
  word-wrap: break-word;
  width: auto;
  line-height: 1.5em;
  height: 43px;
  overflow: hidden;
}
#mw-dashboard-page .mw-default-catalog .mw-default-catalog-container .mw-default-catalog-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 120px;
  height: 120px;
  background: white;
  margin-left: 7px;
}
#mw-dashboard-page .mw-default-catalog .mw-default-catalog-container .mw-default-catalog-image-container img {
  padding: 2px;
  height: 100%;
}
#mw-dashboard-page .mw-default-catalog .mw-default-catalog-container .mw-default-catalog-image-container .fas {
  float: right;
  right: 0;
  font-size: 5em;
  color: #28a745;
}
#mw-dashboard-page .mw-search-drop-down-box {
  width: 100%;
}

#mw-deliveries-page {
  display: flex;
  flex-direction: column;
  flex: 1;
  /*
  @media (max-width: 920px) {
      .mw-deliveries-toolbar {
          flex-direction: column;
          padding-bottom: 10px;
          label {
              min-width: 75px;
          }
      }
      .mw-calendar-card-body {
          width: 100%;
      }
      .mw-deliveries-order-toolbar {
          flex-direction: column;
      }
  }
  @media (max-width: 890px) {
      .mw-deliveries-reorder {
          flex-direction: column;
          .mw-search-drop-down-box {
              width: 100%;
          }
      }
  }*/
}
#mw-deliveries-page .mw-deliveries-toolbar {
  display: flex;
  flex-direction: row;
  background: #f3f3f3;
  min-height: 50px;
}
#mw-deliveries-page .mw-deliveries-toolbar .mw-deliveries-accounts {
  display: flex;
  flex-direction: row;
  flex: 1;
}
#mw-deliveries-page .mw-deliveries-toolbar .mw-deliveries-accounts .mw-deliveries-search {
  padding: 5px;
  display: flex;
  flex-direction: row;
  flex: 1;
}
#mw-deliveries-page .mw-deliveries-toolbar .mw-deliveries-accounts .mw-deliveries-search label {
  padding: 5px 15px 0 0;
}
#mw-deliveries-page .mw-deliveries-toolbar .mw-deliveries-accounts .mw-deliveries-search .mw-delivery-stop {
  min-width: 200px;
  max-width: 500px;
  flex: 1;
}
#mw-deliveries-page .mw-deliveries-toolbar .mw-deliveries-accounts .mw-deliveries-search .mw-account {
  min-width: 200px;
  max-width: 500px;
  flex: 1;
}
#mw-deliveries-page .mw-deliveries-toolbar .mw-deliveries-buttons {
  display: flex;
  flex-direction: row;
}
#mw-deliveries-page .mw-deliveries-toolbar .mw-deliveries-buttons .mw-deliveries-toolbar-button {
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  flex-direction: row;
  margin: 6px;
}
#mw-deliveries-page .mw-deliveries-loading {
  width: unset;
}
#mw-deliveries-page .mw-deliveries-list-loading {
  height: 200px;
}
#mw-deliveries-page .mw-deliveries-delivery-orders {
  display: flex;
  justify-content: center;
  min-height: 450px;
}
#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders {
  margin-top: 0.5em;
  width: 80%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 920px) {
  #mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders {
    width: 100%;
  }
}
#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders .mw-deliveries-open-orders-header {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  background: #ffd29c;
  color: #FFFFFF;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  padding: 0.6em 0;
}
#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders .mw-deliveries-open-orders-header label {
  margin: 0;
}
#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders .mw-deliveries-open-orders-body {
  display: flex;
  flex-direction: column;
  overflow: auto;
  max-height: 60vh;
  border: solid 1px #ffd29c;
  border-bottom-right-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
  flex: 1;
}
#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders .mw-deliveries-open-orders-body .mw-deliveries-open-orders-row {
  display: flex;
  flex-direction: row;
  min-height: 2em;
  flex: 1;
}
#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders .mw-deliveries-open-orders-body .selected-row {
  background: #ffd29c;
  color: #FFFFFF;
}
#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders .mw-deliveries-open-orders-body .mw-deliveries-open-orders-row:hover {
  color: #007bff;
  cursor: pointer;
}
#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders .mw-deliveries-open-orders-body .alternate-row {
  background: #f3f3f3;
}
#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders .mw-deliveries-open-orders-body label {
  margin: 0.2em 0;
}
#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders .mw-deliveries-open-orders-ticket-number {
  flex: 1;
  padding: 0 1em;
  text-align: left;
}
#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders .mw-deliveries-open-orders-date {
  flex: 1;
  padding: 0 1em;
  text-align: left;
}
#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders .mw-deliveries-open-orders-message {
  flex: 2;
  padding: 0 1em;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 600px) {
  #mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders .mw-deliveries-open-orders-message {
    display: none;
  }
}
#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders .mw-deliveries-open-orders-total {
  padding-right: 0.8em;
  flex: 1;
  padding: 0 1em;
  text-align: right;
}
#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-calendar {
  padding: 0.5em;
}
#mw-deliveries-page .mw-deliveries-selected-order {
  margin: 0.5em 10%;
}
#mw-deliveries-page .mw-deliveries-list-type {
  font-weight: bold;
  display: flex;
  flex: 1;
  background: #f3f3f3;
  margin: 1em;
  padding: 0.5em;
  border-radius: 0.5em;
}
#mw-deliveries-page .mw-deliveries-order {
  border: thick solid #f3f3f3;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
#mw-deliveries-page .mw-default-catalog-service {
  font-size: 0.9em;
  font-weight: normal;
  color: #434343;
  display: block;
  max-width: 120px;
  word-wrap: break-word;
  width: 100%;
  overflow: hidden;
  text-transform: uppercase;
  text-align: center;
  background: #e9ecef;
}
#mw-deliveries-page .mw-deliveries-hold-service {
  color: #FFFF00;
  background-color: #FF0000;
  border-radius: 1em;
  padding: 0 0.5em;
  margin: 0.5em;
}
#mw-deliveries-page .mw-deliveries-order-status {
  color: #28a745;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
}
#mw-deliveries-page .mw-deliveries-order-status label {
  margin: 0;
}
#mw-deliveries-page .mw-deliveries-skipped {
  background: #dc3545;
  color: white;
  border-radius: 1em;
  padding: 0 0.5em;
  margin: 0.5em;
}
#mw-deliveries-page .mw-deliveries-order-header {
  background: #f3f3f3;
  padding: 1em 1em 0 1em;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}
#mw-deliveries-page .mw-deliveries-order-toolbar {
  padding-bottom: 0.5em;
  flex-direction: column;
  text-align: center;
}
#mw-deliveries-page .mw-deliveries-order-toolbar label {
  font-size: 1.25em;
}
#mw-deliveries-page .mw-deliveries-order-toolbar .mw-deliveries-order-button {
  flex: 1;
}
#mw-deliveries-page .mw-deliveries-order-toolbar .mw-deliveries-order-button button {
  margin: 0 5px;
}
#mw-deliveries-page .mw-deliveries-order-message {
  display: flex;
  flex-direction: column;
  text-align: center;
}
#mw-deliveries-page .reorder {
  border: thick solid #f3f3f3;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  padding: 1em;
  display: flex;
  flex-wrap: wrap;
}
#mw-deliveries-page .mw-default-catalog-container, #mw-deliveries-page .mw-default-catalog-container-equipment {
  position: inherit;
  display: flex;
  flex-direction: row;
  width: auto;
  padding: 1em;
  justify-content: center;
  flex-wrap: wrap;
}
#mw-deliveries-page .mw-default-catalog-container .mw-default-catalog-column, #mw-deliveries-page .mw-default-catalog-container-equipment .mw-default-catalog-column {
  display: flex;
  flex-direction: column;
  width: auto;
  word-wrap: break-word;
  width: 120px;
  margin-bottom: 7px;
  margin-right: 1em;
}
#mw-deliveries-page .mw-default-catalog-container .mw-default-catalog-column .form-control, #mw-deliveries-page .mw-default-catalog-container-equipment .mw-default-catalog-column .form-control {
  max-width: 120px;
  height: 38px;
}
#mw-deliveries-page .mw-default-catalog-container .mw-default-catalog-text, #mw-deliveries-page .mw-default-catalog-container-equipment .mw-default-catalog-text {
  font-size: 0.9em;
  font-weight: normal;
  color: #434343;
  display: block;
  max-width: 120px;
  word-wrap: break-word;
  width: auto;
  line-height: 1.5em;
  height: 43px;
  overflow: hidden;
}
#mw-deliveries-page .mw-default-catalog-container .mw-default-catalog-add, #mw-deliveries-page .mw-default-catalog-container-equipment .mw-default-catalog-add {
  font-weight: bold;
  color: #28a745;
  display: block;
  max-width: 120px;
  height: 43px;
  text-align: center;
}
#mw-deliveries-page .mw-default-catalog-container .mw-default-catalog-image-container, #mw-deliveries-page .mw-default-catalog-container-equipment .mw-default-catalog-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 120px;
  height: 120px;
  background: white;
}
#mw-deliveries-page .mw-default-catalog-container .mw-default-catalog-image-container img, #mw-deliveries-page .mw-default-catalog-container-equipment .mw-default-catalog-image-container img {
  padding: 2px;
  height: 100%;
}
#mw-deliveries-page .mw-default-catalog-container .mw-default-catalog-image-container i, #mw-deliveries-page .mw-default-catalog-container-equipment .mw-default-catalog-image-container i {
  color: #666666;
  font-size: 4em;
}
#mw-deliveries-page .mw-default-catalog-container-equipment {
  flex-direction: column;
  margin: 0 2em;
}
#mw-deliveries-page .mw-calendar-card-body {
  flex: 1;
  align-self: center;
  width: 500px;
}
@media (max-width: 550px) {
  #mw-deliveries-page .mw-calendar-card-body {
    width: 100%;
  }
}
#mw-deliveries-page .hidden {
  height: 202px;
  padding-bottom: 0;
}
#mw-deliveries-page .mw-deliveries-add-button {
  border: none;
}
#mw-deliveries-page .mw-deliveries-full-calendar {
  position: absolute;
  right: 0;
  margin: 6px;
}
#mw-deliveries-page .mw-dashboard-message .form-control {
  height: 15em;
}
#mw-deliveries-page .mw-dashboard-message-buttons {
  float: right;
  margin: 0.4em;
  font-size: 0.9em;
}
#mw-deliveries-page .mw-deliveries-add-order {
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 0.5em;
}
#mw-deliveries-page .mw-deliveries-fillup {
  display: flex;
  flex-direction: row;
  margin-top: 0.5em;
  align-self: center;
}
#mw-deliveries-page .mw-deliveries-fillup .mw-deliveries-fillup-checkbox {
  display: flex;
  flex-direction: row;
}
#mw-deliveries-page .mw-deliveries-fillup .mw-deliveries-fillup-checkbox input:disabled {
  background-color: #e9ecef;
}
#mw-deliveries-page .mw-deliveries-reorder {
  padding: 1em 1em 0 1em;
  display: flex;
  flex-direction: row;
  background: #f3f3f3;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}
#mw-deliveries-page .mw-deliveries-reorder label {
  padding: 0.375em 0;
  margin-right: 0.5em;
}
#mw-deliveries-page .mw-deliveries-reorder .mw-search-drop-down-box {
  width: 100%;
}
#mw-deliveries-page .mw-deliveries-reorder .mw-deliveries-reorder-button {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}
#mw-deliveries-page .mw-deliveries-reorder .mw-deliveries-reorder-button button {
  height: -moz-fit-content;
  height: fit-content;
}
#mw-deliveries-page .header {
  font-weight: bold;
  border-bottom: thin solid #212529;
}
#mw-deliveries-page .mw-deliveries-equipment-install {
  display: flex;
  flex-direction: row;
  flex: 1;
  padding: 0.5em 0;
  font-size: 0.9em;
}
#mw-deliveries-page .mw-deliveries-equipment-install .header {
  font-weight: bold;
}
#mw-deliveries-page .mw-deliveries-equipment-install .mw-deliveries-equipment-install-image {
  width: 60px;
}
#mw-deliveries-page .mw-deliveries-equipment-install .mw-deliveries-equipment-install-image img {
  width: 60px;
  height: 60px;
}
#mw-deliveries-page .mw-deliveries-equipment-install .mw-deliveries-equipment-install-image i {
  color: #666666;
  font-size: 4em;
}
#mw-deliveries-page .mw-deliveries-equipment-install .mw-deliveries-equipment-install-type {
  display: flex;
  flex: 1;
  margin: auto;
  margin-right: 0.5em;
}
#mw-deliveries-page .mw-deliveries-equipment-install .mw-deliveries-equipment-install-type .mw-deliveries-equipment-install-quantity {
  width: auto;
}
#mw-deliveries-page .mw-deliveries-equipment-install .mw-deliveries-equipment-install-delete {
  border: none;
  background: none;
  color: #dc3545;
  font-size: 1.3em;
  width: 32px;
}
#mw-deliveries-page .mw-deliveries-equipment-exchange {
  display: flex;
  flex-direction: row;
  flex: 1;
  padding: 0.5em 0;
  font-size: 0.9em;
}
#mw-deliveries-page .mw-deliveries-equipment-exchange .header {
  font-weight: bold;
}
#mw-deliveries-page .mw-deliveries-equipment-exchange .mw-deliveries-equipment-exchange-image {
  width: 60px;
}
#mw-deliveries-page .mw-deliveries-equipment-exchange .mw-deliveries-equipment-exchange-image img {
  width: 60px;
  height: 60px;
}
#mw-deliveries-page .mw-deliveries-equipment-exchange .mw-deliveries-equipment-exchange-image i {
  color: #666666;
  font-size: 3em;
}
#mw-deliveries-page .mw-deliveries-equipment-exchange .mw-deliveries-equipment-exchange-type {
  display: flex;
  flex: 1;
  margin: auto;
  margin-right: 0.5em;
}
#mw-deliveries-page .mw-deliveries-equipment-exchange .mw-deliveries-equipment-exchange-type .mw-deliveries-equipment-exchange-edit-btn {
  line-height: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
  margin-left: 0.6em;
}
#mw-deliveries-page .mw-deliveries-equipment-exchange .mw-deliveries-equipment-exchange-delete {
  border: none;
  background: none;
  color: #dc3545;
  font-size: 1.3em;
  width: 32px;
}
#mw-deliveries-page .mw-deliveries-equipment-service {
  display: flex;
  flex-direction: row;
  flex: 1;
  padding: 0.5em 0;
  font-size: 0.9em;
}
#mw-deliveries-page .mw-deliveries-equipment-service .header {
  font-weight: bold;
}
#mw-deliveries-page .mw-deliveries-equipment-service .mw-deliveries-equipment-service-image {
  width: 60px;
}
#mw-deliveries-page .mw-deliveries-equipment-service .mw-deliveries-equipment-service-image img {
  width: 60px;
  height: 60px;
}
#mw-deliveries-page .mw-deliveries-equipment-service .mw-deliveries-equipment-service-image i {
  color: #666666;
  font-size: 3em;
}
#mw-deliveries-page .mw-deliveries-equipment-service .mw-deliveries-equipment-service-type {
  display: flex;
  flex: 1;
  margin: auto;
  margin-right: 0.5em;
}
#mw-deliveries-page .mw-deliveries-equipment-service .mw-deliveries-equipment-service-delete {
  border: none;
  background: none;
  color: #dc3545;
  font-size: 1.3em;
  width: 32px;
}
#mw-deliveries-page .mw-deliveries-equipment-pickup {
  display: flex;
  flex-direction: row;
  flex: 1;
  padding: 0.5em 0;
  font-size: 0.9em;
}
#mw-deliveries-page .mw-deliveries-equipment-pickup .header {
  font-weight: bold;
}
#mw-deliveries-page .mw-deliveries-equipment-pickup .mw-deliveries-equipment-pickup-image {
  width: 60px;
}
#mw-deliveries-page .mw-deliveries-equipment-pickup .mw-deliveries-equipment-pickup-image img {
  width: 60px;
  height: 60px;
}
#mw-deliveries-page .mw-deliveries-equipment-pickup .mw-deliveries-equipment-pickup-image i {
  color: #666666;
  font-size: 3em;
}
#mw-deliveries-page .mw-deliveries-equipment-pickup .mw-deliveries-equipment-pickup-type {
  display: flex;
  flex: 1;
  margin: auto;
  margin-right: 0.5em;
}
#mw-deliveries-page .mw-deliveries-equipment-pickup .mw-deliveries-equipment-pickup-delete {
  border: none;
  background: none;
  color: #dc3545;
  font-size: 1.3em;
  width: 32px;
}
@media (max-width: 1000px) {
  #mw-deliveries-page .mw-deliveries-toolbar {
    flex-direction: column;
    min-height: 110px;
  }
  #mw-deliveries-page .mw-deliveries-toolbar .mw-deliveries-buttons .mw-deliveries-toolbar-button {
    margin-top: 0;
  }
}
@media (max-width: 600px) {
  #mw-deliveries-page .mw-deliveries-toolbar {
    min-height: 200px;
  }
  #mw-deliveries-page .mw-deliveries-toolbar label {
    min-width: 75px;
  }
  #mw-deliveries-page .mw-deliveries-toolbar .mw-deliveries-accounts {
    flex-direction: column;
  }
  #mw-deliveries-page .mw-deliveries-toolbar .mw-deliveries-buttons .mw-deliveries-toolbar-button {
    margin-top: 0;
  }
}

#mw-my-deliveries-page {
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: #f3f3f3;
  padding: 0 2em;
}
@media (max-width: 550px) {
  #mw-my-deliveries-page {
    padding: 0 0.6em;
  }
}
#mw-my-deliveries-page .btn-my-deliveries {
  border-top: 1px solid #afafaf;
  border-left: 1px solid #afafaf;
  border-right: 1px solid #afafaf;
  background-color: white;
  border-bottom: 4px solid #e4aa3f;
  border-radius: 0.25rem;
  color: #e4aa3f;
}
#mw-my-deliveries-page .btn-my-deliveries.primary {
  background: #007bff;
  color: white;
  border: none;
}
#mw-my-deliveries-page .btn-my-deliveries.secondary {
  background: #6c757d;
  color: white;
  border: none;
}
#mw-my-deliveries-page .btn-my-deliveries.warning {
  background: #ffc107;
  color: white;
  border: none;
}
#mw-my-deliveries-page .btn-my-deliveries.success {
  background: #28a745;
  color: white;
  border: none;
}
#mw-my-deliveries-page .btn-my-deliveries.danger {
  background: #dc3545;
  color: white;
  border: none;
}
#mw-my-deliveries-page .btn-my-deliveries:not(:active) {
  transition: background-color 350ms ease, color 350ms ease;
}
#mw-my-deliveries-page .btn-my-deliveries:active {
  color: white;
  background-color: #e1a029;
  transition: background-color 350ms ease, color 350ms ease;
}
#mw-my-deliveries-page .btn-my-deliveries:active.primary {
  background-color: #006fe6;
}
#mw-my-deliveries-page .btn-my-deliveries:active.secondary {
  background-color: #60686f;
}
#mw-my-deliveries-page .btn-my-deliveries:active.warning {
  background-color: #edb100;
}
#mw-my-deliveries-page .btn-my-deliveries:active.success {
  background-color: #23923d;
}
#mw-my-deliveries-page .btn-my-deliveries:active.danger {
  background-color: #d32535;
}
#mw-my-deliveries-page .btn-my-deliveries:active.primary, #mw-my-deliveries-page .btn-my-deliveries:hover.primary, #mw-my-deliveries-page .btn-my-deliveries:focus.primary {
  background: #0062cc;
}
#mw-my-deliveries-page .btn-my-deliveries:active.secondary, #mw-my-deliveries-page .btn-my-deliveries:hover.secondary, #mw-my-deliveries-page .btn-my-deliveries:focus.secondary {
  background: #545b62;
}
#mw-my-deliveries-page .btn-my-deliveries:active.warning, #mw-my-deliveries-page .btn-my-deliveries:hover.warning, #mw-my-deliveries-page .btn-my-deliveries:focus.warning {
  background: #d39e00;
}
#mw-my-deliveries-page .btn-my-deliveries:active.success, #mw-my-deliveries-page .btn-my-deliveries:hover.success, #mw-my-deliveries-page .btn-my-deliveries:focus.success {
  background: #1e7e34;
}
#mw-my-deliveries-page .btn-my-deliveries:active.danger, #mw-my-deliveries-page .btn-my-deliveries:hover.danger, #mw-my-deliveries-page .btn-my-deliveries:focus.danger {
  background: #bd2130;
}
#mw-my-deliveries-page .mw-my-deliveries-group {
  display: flex;
  align-items: center;
}
#mw-my-deliveries-page .mw-my-deliveries-group .mw-my-deliveries-group-label {
  padding-right: 0.8em;
  height: 100%;
  display: flex;
  align-items: center;
  border: thin solid #ced4da;
  border-radius: 0.25em;
  padding-left: 0.4em;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #f3f3f3;
  min-height: calc(1.5em + 0.75rem + 2px);
}
#mw-my-deliveries-page .mw-my-deliveries-group .mw-my-deliveries-group-select,
#mw-my-deliveries-page .mw-my-deliveries-group .mw-section.mw-title,
#mw-my-deliveries-page .mw-my-deliveries-group .mw-delivery-stop-select,
#mw-my-deliveries-page .mw-my-deliveries-group .mw-search-drop-down,
#mw-my-deliveries-page .mw-my-deliveries-group .mw-search-drop-down-group {
  margin-top: 0;
  height: 100%;
  flex: 1;
}
#mw-my-deliveries-page .mw-my-deliveries-group .mw-my-deliveries-group-select .mw-search-drop-down-group span,
#mw-my-deliveries-page .mw-my-deliveries-group .mw-section.mw-title .mw-search-drop-down-group span,
#mw-my-deliveries-page .mw-my-deliveries-group .mw-delivery-stop-select .mw-search-drop-down-group span,
#mw-my-deliveries-page .mw-my-deliveries-group .mw-search-drop-down .mw-search-drop-down-group span,
#mw-my-deliveries-page .mw-my-deliveries-group .mw-search-drop-down-group .mw-search-drop-down-group span {
  width: unset;
}
#mw-my-deliveries-page .mw-my-deliveries-group .mw-search-drop-down-group {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  align-items: center;
  min-height: calc(1.5em + 0.75rem + 2px);
}
#mw-my-deliveries-page .mw-my-deliveries-group .mw-search-drop-down,
#mw-my-deliveries-page .mw-my-deliveries-group .mw-my-deliveries-group-label {
  margin: 0;
}
#mw-my-deliveries-page .mw-my-deliveries-group .mw-my-deliveries-group-data {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 0.75rem;
  height: 100%;
  border: thin solid #ced4da;
  border-radius: 0.25em;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
  flex: 1;
  min-height: calc(1.5em + 0.75rem + 2px);
}
#mw-my-deliveries-page .mw-my-deliveries-group .mw-my-deliveries-group-date {
  margin: 0;
  height: 100%;
  align-items: center;
  display: flex;
  border-top: thin solid #ced4da;
  border-bottom: thin solid #ced4da;
  padding: 0 0.75rem;
  flex: 1;
  width: 10em;
  min-height: calc(1.5em + 0.75rem + 2px);
}
#mw-my-deliveries-page .mw-my-deliveries-group .mw-my-deliveries-group-date-no-edit {
  margin: 0;
  height: 100%;
  align-items: center;
  display: flex;
  border: thin solid #ced4da;
  border-radius: 0.25em;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0 0.75rem;
  flex: 1;
  width: 10em;
  min-height: calc(1.5em + 0.75rem + 2px);
  border-left: none;
}
#mw-my-deliveries-page .mw-my-deliveries-group .mw-my-deliveries-group-button {
  height: 100%;
  border: thin solid #ced4da;
  border-radius: 0.25em;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  min-height: calc(1.5em + 0.75rem + 2px);
}
#mw-my-deliveries-page .mw-my-deliveries-group .mw-my-deliveries-group-button i {
  font-size: 1.25em;
}
#mw-my-deliveries-page .mw-my-deliveries-header {
  background-color: white;
  border-radius: 0.25rem;
  display: flex;
  padding: 0 1em;
  border-bottom: 4px solid #afafaf;
  min-height: 5em;
  align-items: center;
  margin-top: 1em;
}
#mw-my-deliveries-page .mw-my-deliveries-header.hold-service {
  border-color: red;
  color: red;
}
@media (max-width: 500px) {
  #mw-my-deliveries-page .mw-my-deliveries-header {
    flex-direction: column;
  }
}
#mw-my-deliveries-page .mw-my-deliveries-header .mw-my-deliveries-header-title {
  margin-left: 0.6em;
  text-transform: uppercase;
  font-weight: bold;
}
#mw-my-deliveries-page .mw-my-deliveries-header .mw-my-deliveries-header-text {
  margin-left: 0.6em;
}
#mw-my-deliveries-page .mw-my-deliveries-header .mw-my-deliveries-header-button {
  margin-left: 0.6em;
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
#mw-my-deliveries-page .mw-my-deliveries-header i {
  font-size: 1.5em;
}
#mw-my-deliveries-page .mw-my-deliveries-toolbar {
  flex-direction: column;
  margin-top: 1em;
  background-color: white;
  border-radius: 0.25rem;
}
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account {
  padding: 1em;
  display: flex;
  flex-direction: column;
}
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-delivery-bar {
  margin-top: 0.4em;
}
@media (max-width: 600px) {
  #mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-delivery-bar {
    flex-direction: column;
  }
}
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-account-bar,
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-delivery-bar {
  display: flex;
}
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-account-bar .mw-my-deliveries-group.mw-my-deliveries-account-name,
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-delivery-bar .mw-my-deliveries-group.mw-my-deliveries-account-name {
  flex: 2;
}
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-account-bar .mw-my-deliveries-group.mw-my-deliveries-account-name .mw-my-deliveries-account-select,
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-delivery-bar .mw-my-deliveries-group.mw-my-deliveries-account-name .mw-my-deliveries-account-select {
  flex: 1;
}
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-account-bar .mw-my-deliveries-group.mw-my-deliveries-account-number,
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-delivery-bar .mw-my-deliveries-group.mw-my-deliveries-account-number {
  flex: 1;
  margin-left: 0.4em;
}
@media (max-width: 900px) {
  #mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-account-bar .mw-my-deliveries-group.mw-my-deliveries-account-number,
  #mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-delivery-bar .mw-my-deliveries-group.mw-my-deliveries-account-number {
    display: none;
  }
}
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-account-bar .mw-my-deliveries-group.mw-my-deliveries-account-number .mw-my-deliveries-account-data,
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-delivery-bar .mw-my-deliveries-group.mw-my-deliveries-account-number .mw-my-deliveries-account-data {
  flex: 1;
}
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-account-bar .mw-my-deliveries-group.mw-my-deliveries-stop-name,
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-delivery-bar .mw-my-deliveries-group.mw-my-deliveries-stop-name {
  flex: 1;
}
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-account-bar .mw-my-deliveries-group.mw-my-deliveries-stop-name .mw-my-deliveries-account-select,
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-delivery-bar .mw-my-deliveries-group.mw-my-deliveries-stop-name .mw-my-deliveries-account-select {
  flex: 1;
}
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-account-bar .btn-my-deliveries,
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-delivery-bar .btn-my-deliveries {
  margin-left: 0.4em;
  background: #6c757d;
  color: white;
  border: none;
}
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-account-bar .btn-my-deliveries:hover,
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-delivery-bar .btn-my-deliveries:hover {
  background: #545b62;
}
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-bar {
  display: flex;
  padding: 0 1em 1em 1em;
}
@media (max-width: 500px) {
  #mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-bar {
    flex-direction: column;
  }
}
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-bar .btn-my-deliveries {
  flex: 1;
  margin: 0 0.2em;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 8em;
  justify-content: center;
}
@media (max-width: 500px) {
  #mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-bar .btn-my-deliveries {
    flex-direction: row;
    align-items: center;
    flex: 1 0 50%;
    margin: 0;
    height: 3em;
  }
  #mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-bar .btn-my-deliveries .mw-my-deliveries-action-icon {
    margin: 0;
  }
}
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-bar .btn-my-deliveries .mw-my-deliveries-action-icon {
  font-size: 1.5em;
  margin-bottom: 0.4em;
}
@media (max-width: 500px) {
  #mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-bar .btn-my-deliveries .mw-my-deliveries-action-icon {
    font-size: 0.75em;
    margin: 0;
  }
}
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-bar .btn-my-deliveries .mw-my-deliveries-action-label {
  font-weight: bold;
}
@media (max-width: 600px) {
  #mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-bar .btn-my-deliveries .mw-my-deliveries-action-label {
    font-size: 0.75em;
  }
}
@media (max-width: 500px) {
  #mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-bar .btn-my-deliveries .mw-my-deliveries-action-label {
    padding-left: 0.8em;
    margin: 0;
  }
}
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-bar .btn-my-deliveries:hover {
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #e4aa3f;
}
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-bar .selected {
  color: #FFFFFF;
  background: #e4aa3f;
}
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-bar .selected:hover {
  box-shadow: unset;
}
#mw-my-deliveries-page .mw-my-deliveries-view-orders {
  margin-top: 0.5em;
  display: flex;
  flex-direction: column;
  flex: 1;
}
#mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-header {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  background: #ffd29c;
  color: #FFFFFF;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  padding: 0.6em 0;
}
#mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-header label {
  margin: 0;
}
#mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-body {
  display: flex;
  flex-direction: column;
  overflow: auto;
  max-height: 60vh;
  border: solid 1px #ffd29c;
  border-bottom-right-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
  flex: 1;
  background-color: white;
}
#mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-body .mw-my-deliveries-view-orders-row {
  display: flex;
  flex-direction: row;
  min-height: 2em;
  flex: 1;
}
#mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-body .selected-row {
  background: #ffd29c;
  color: #FFFFFF;
}
#mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-body .mw-my-deliveries-view-orders-row:hover {
  color: #007bff;
  cursor: pointer;
}
#mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-body .alternate-row {
  background: #f3f3f3;
}
#mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-body label {
  margin: 0.2em 0;
}
#mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-ticket-number {
  flex: 1;
  padding: 0 1em;
  text-align: left;
}
#mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-date {
  flex: 1;
  padding: 0 1em;
  text-align: left;
}
#mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-message {
  flex: 2;
  padding: 0 1em;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 600px) {
  #mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-message {
    display: none;
  }
}
#mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-total {
  padding-right: 0.8em;
  flex: 1;
  padding: 0 1em;
  text-align: right;
}
@media (max-width: 400px) {
  #mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-total {
    display: none;
  }
}
#mw-my-deliveries-page .mw-my-deliveries-edit-order {
  padding: 1em 0;
}
#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container {
  background: white;
  border-radius: 0.25em;
  display: flex;
  flex-direction: column;
}
#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-status {
  display: flex;
  justify-content: center;
  font-weight: bold;
  height: 2em;
  font-size: 1.2em;
  align-items: center;
  border-radius: 0.25rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-status.status-scheduled {
  background-color: #28a745;
  color: white;
}
#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-status.status-skipped {
  background: #dc3545;
  color: white;
}
#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-status.status-hold-service {
  background-color: #FF0000;
  color: #FFFF00;
}
#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-groups-container {
  display: flex;
}
#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-groups-container .mw-my-deliveries-delivery-order {
  margin-right: 0.4em;
}
#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-groups-container .mw-my-deliveries-select-order {
  margin-right: 0.4em;
}
#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar {
  display: flex;
  margin: 1em 1em 0 1em;
}
@media (max-width: 700px) {
  #mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar {
    flex-direction: column;
  }
}
#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar .mw-my-deliveries-edit-order-tool-bar-description {
  display: flex;
  align-items: center;
}
#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar .mw-my-deliveries-edit-order-tool-bar-description .mw-my-deliveries-edit-order-tool-bar-text {
  margin-left: 0.2em;
}
#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar .mw-my-deliveries-edit-order-tool-bar-description .mw-my-deliveries-edit-order-tool-bar-text.title {
  text-transform: uppercase;
}
#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar .mw-my-deliveries-edit-order-tool-bar-description .mw-my-deliveries-edit-order-tool-bar-select {
  margin: 0 0.2em 0 0.4em;
}
#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar .mw-my-deliveries-edit-order-tool-bar-buttons {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}
@media (max-width: 700px) {
  #mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar .mw-my-deliveries-edit-order-tool-bar-buttons {
    justify-content: initial;
  }
}
@media (max-width: 500px) {
  #mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar .mw-my-deliveries-edit-order-tool-bar-buttons {
    flex-wrap: wrap;
  }
}
#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar .mw-my-deliveries-edit-order-tool-bar-buttons .btn-my-deliveries {
  margin-left: 0.4em;
}
@media (max-width: 700px) {
  #mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar .mw-my-deliveries-edit-order-tool-bar-buttons .btn-my-deliveries {
    flex: 1;
    margin-left: 0.2em;
    margin-right: 0.2em;
  }
}
@media (max-width: 500px) {
  #mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar .mw-my-deliveries-edit-order-tool-bar-buttons .btn-my-deliveries {
    flex: 1 0 50%;
    margin-left: 0;
    margin-right: 0;
  }
}
#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mfs-button-toggle-wrapper {
  background-color: white;
  justify-content: unset;
  padding: 1em 1em 0 1em;
}
#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .unscheduled {
  background: #f3f3f3;
}
#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-items {
  display: flex;
  padding: 1em;
  overflow: auto;
  border: thin solid #ded4da;
  margin: 1em;
}
#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-items .mw-my-deliveries-edit-no-order {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 550px) {
  #mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-items {
    flex-wrap: wrap;
  }
}
#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-items .mw-catalog-item-mini {
  flex: 0 0 auto;
  margin-right: 1em;
}
@media (max-width: 550px) {
  #mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-items .mw-catalog-item-mini {
    margin-right: 0;
    flex: 1 0 auto;
  }
}
#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-items .unscheduled {
  background: #f3f3f3;
}
#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar.previous-container-tool-bar {
  flex-wrap: wrap;
}
#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar.previous-container-tool-bar .mw-my-deliveries-edit-order-tool-bar-buttons {
  display: none;
}
#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar.previous-container-tool-bar .mw-my-deliveries-groups-container {
  flex-wrap: wrap;
}
#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar.previous-container-tool-bar .mw-my-deliveries-groups-container .mw-my-deliveries-group {
  flex: 1 0 auto;
}
@media (max-width: 500px) {
  #mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar.previous-container-tool-bar .mw-my-deliveries-date {
    flex: 1 0 auto;
  }
}

.mw-catalog-item-mini {
  display: flex;
  flex-direction: column;
  border: thin solid #ced4da;
  border-radius: 0.25rem;
  width: 12em;
}
.mw-catalog-item-mini .mw-catalog-item-mini-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 12em;
  border-bottom: 1px solid rgba(225, 225, 225, 0.5);
  position: relative;
  background: white;
}
.mw-catalog-item-mini .mw-catalog-item-mini-image-container .mw-catalog-item-mini-item-image {
  padding: 1em;
  height: 100%;
  max-width: 100%;
}
.mw-catalog-item-mini .mw-catalog-item-mini-image-container i {
  font-size: 6em;
  color: #666666;
}
.mw-catalog-item-mini .mw-catalog-item-mini-title {
  font-size: 16px;
  color: #666666;
  word-wrap: break-word;
  margin-top: 0.2em;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  padding: 0 0.4em;
}
.mw-catalog-item-mini .mw-catalog-item-mini-row {
  display: flex;
  padding: 0 0.4em 0.4em 0.4em;
  flex: 1;
  justify-content: flex-end;
  flex-direction: column;
  align-items: flex-start;
}
.mw-catalog-item-mini .mw-catalog-item-mini-row .mw-catalog-item-mini-label-checkbox {
  display: flex;
  justify-content: center;
  margin: 0;
  align-items: center;
}
.mw-catalog-item-mini .mw-catalog-item-mini-row .mw-catalog-item-mini-row-quantity {
  margin-top: 0.5em;
}
.mw-catalog-item-mini .mw-catalog-item-mini-coupon {
  padding: 0.4em;
  display: flex;
  justify-content: space-between;
}
.mw-catalog-item-mini .mw-catalog-item-mini-invalid {
  font-size: 12px;
  margin-top: 0.2em;
  color: rgba(255, 0, 0, 0.75);
  padding: 0 0.4em 0.4em 0.4em;
  text-align: center;
}
.mw-catalog-item-mini .mw-catalog-item-mini-exchange-icon {
  display: flex;
  justify-content: center;
  color: #666666;
  width: 100%;
  transform: rotate(90deg);
}
.mw-catalog-item-mini .mw-catalog-item-mini-exchange-type {
  font-size: 16px;
  color: #666666;
  word-wrap: break-word;
  margin-top: 0.2em;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  padding: 0 0.4em;
}
.mw-catalog-item-mini .mw-catalog-item-mini-exchange-type .mw-catalog-item-mini-exchange-edit-btn {
  padding: 0;
  margin-left: 0.4em;
}
.mw-catalog-item-mini .mw-catalog-item-mini-service-code {
  margin-bottom: 0;
  width: 100%;
}

#mw-equipment-page {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow-y: scroll;
  text-align: center;
  background: #f3f3f3;
}
#mw-equipment-page .mw-equipment-container {
  display: block;
  flex-direction: row;
}
#mw-equipment-page .mw-equipment-container .mw-equipment-loading {
  margin-top: 10vh;
}
#mw-equipment-page .mw-equipment-hold {
  color: #FFFF00;
  background-color: #FF0000;
  border-radius: 1em;
  padding: 0 0.5em;
  margin: 0.5em;
  margin: 1em auto;
  width: -moz-fit-content;
  width: fit-content;
}
#mw-equipment-page .mw-equipment-add {
  margin: 0.5em;
}
#mw-equipment-page .mw-equipment-image-container {
  display: block;
  justify-content: center;
  align-items: center;
  background: white;
  height: 200px;
  width: 200px;
  border-right: 1px solid #c8c8c8;
  margin-right: 0.5em;
}
#mw-equipment-page .mw-equipment-image-container img {
  height: 100%;
  width: 100%;
  padding: 1em;
}
#mw-equipment-page .mw-equipment-image-container .fas {
  font-size: 6em;
  color: #666666;
  padding: 50px;
}
#mw-equipment-page .mw-equipment-detail {
  display: flex;
  flex-direction: row;
  flex: 1;
}
#mw-equipment-page .mw-equipment-text-container {
  display: flex;
  flex-direction: row;
  flex: 1;
}
#mw-equipment-page .mw-equipment-text {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0.5em;
  overflow: hidden;
}
#mw-equipment-page .mw-equipment-text label, #mw-equipment-page .mw-equipment-text .mw-equipment-additional-text {
  margin: 0;
}
#mw-equipment-page .mw-equipment-text .mw-equipment-edit-btn {
  line-height: inherit;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
  margin-left: 0.6em;
}
#mw-equipment-page .mw-equipment-options {
  display: inline-block;
  flex-direction: row;
  flex: 1;
  background: #f3f3f3;
  padding: 0.2em 0.5em;
  text-align: right;
  float: right;
  width: 100%;
}
#mw-equipment-page .mw-equipment-options button {
  margin: 0.2em;
  width: -moz-fit-content;
  width: fit-content;
}
#mw-equipment-page .mw-equipment-toolbar {
  text-align: left;
}
#mw-equipment-page .mw-equipment-toolbar button {
  margin: 6px 10px;
}
#mw-equipment-page .mw-equipment-install {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: auto;
  word-wrap: break-word;
  flex: 1;
  padding: 1em 0 1em 0.8em;
  background: #f3f3f3;
}
#mw-equipment-page .mw-equipment-item {
  flex-wrap: inherit;
  flex-direction: column;
  padding: 0;
}
#mw-equipment-page .mw-equipment-item #mw-catalog-item {
  width: initial;
}
#mw-equipment-page .mw-equipment-add-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  background: #f3f3f3;
  flex: 1;
}
#mw-equipment-page #exchangePopup .modal-body {
  text-align: left;
}
#mw-equipment-page #exchangePopup .mw-equipment-exchange {
  text-align: right;
}
#mw-equipment-page #exchangePopup .mw-equipment-exchange-sn {
  font-weight: bold;
  margin: 0;
}
@media (max-width: 800px) {
  #mw-equipment-page .mw-equipment-container {
    padding: 0 0.5em;
  }
}

#mw-favorite-products-page {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  background: #f3f3f3;
  overflow-y: scroll;
}
#mw-favorite-products-page .mw-favorite-products-toolbar {
  text-align: center;
  margin-top: 1em;
}
#mw-favorite-products-page .mw-favorite-products-toolbar .btn {
  margin-right: 0.5em;
}
#mw-favorite-products-page .mw-favorite-products-container {
  position: inherit;
  display: flex;
  flex-direction: row;
  width: auto;
  flex-wrap: wrap;
  justify-content: center;
  margin: 1em;
}
#mw-favorite-products-page .mw-favorite-products-container .mw-favorite-products-product {
  display: inline-block;
  flex-direction: column;
  width: 18em;
  word-wrap: break-word;
  margin: 1em;
  border: 1px solid #e1e1e1;
  padding: 0.5em;
  background: white;
}
#mw-favorite-products-page .mw-favorite-products-container .mw-favorite-products-product .form-control {
  width: 6em;
  margin-bottom: 0.5em;
}
#mw-favorite-products-page .mw-favorite-products-container .mw-favorite-products-product .mw-favorite-products-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 15em;
  border-bottom: thin solid #e1e1e1;
}
#mw-favorite-products-page .mw-favorite-products-container .mw-favorite-products-product .mw-favorite-products-image-container img {
  padding: 2px;
  height: 100%;
}
#mw-favorite-products-page .mw-favorite-products-container .mw-favorite-products-product .mw-favorite-products-image-container i {
  font-size: 5em;
  color: #666666;
}
#mw-favorite-products-page .mw-favorite-products-container .mw-favorite-products-product .btn {
  width: 100%;
}
#mw-favorite-products-page .mw-favorite-products-container .mw-favorite-products-product .mw-favorite-products-text {
  font-weight: normal;
  color: #666666;
  display: block;
  word-wrap: break-word;
  width: 200px;
  line-height: 1.5em;
  overflow: hidden;
  background: white;
  height: 1.5em;
  margin: 0.25em 0;
}
@media (max-width: 890px) {
  #mw-favorite-products-page {
    height: unset;
  }
  #mw-favorite-products-page .mw-favorite-products-additional-products {
    flex-direction: column;
  }
  #mw-favorite-products-page #mw-catalog-filters {
    padding-left: 1em;
  }
  #mw-favorite-products-page .mw-favorite-products-additional-products {
    flex-direction: column;
  }
}

#mw-favorite-products-additional-page {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100vh;
  background: #f3f3f3;
}
#mw-favorite-products-additional-page .mw-favorite-products-additional-products {
  display: flex;
  flex-direction: row;
  width: 100%;
  background: #f3f3f3;
  flex: 1;
}
#mw-favorite-products-additional-page .mw-favorite-products-additional-products #mw-catalog-item {
  margin: 0.5em;
}
#mw-favorite-products-additional-page .mw-favorite-products-additional-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 1em;
  background: #f3f3f3;
}
#mw-favorite-products-additional-page .mw-favorite-products-additional-container .mw-favorite-products-additional-toolbar {
  margin: 0.5em;
  height: 3em;
}
#mw-favorite-products-additional-page .mw-favorite-products-additional-container .mw-favorite-products-additional-catalog {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: auto;
  word-wrap: break-word;
  overflow-y: scroll;
  justify-self: center;
}
#mw-favorite-products-additional-page .mw-favorite-products-additional-container .mw-favorite-products-additional-catalog .mw-favorite-products-additional-product-modified {
  background-color: red;
}
#mw-favorite-products-additional-page .mw-favorite-products-additional-container .mw-favorite-products-additional-catalog .mw-favorite-products-additional-pagination-loading {
  background: white;
  border: solid 2px #e1e1e1;
  border-radius: 1.05rem;
  margin-bottom: 0.4em;
  height: 4em;
}
@media (max-width: 890px), (max-height: 700px) {
  #mw-favorite-products-additional-page {
    height: unset;
  }
  #mw-favorite-products-additional-page #mw-catalog-filters {
    padding-left: 1em;
  }
  #mw-favorite-products-additional-page .mw-favorite-products-additional-products {
    flex-direction: column;
    justify-self: center;
  }
  #mw-favorite-products-additional-page .mw-favorite-products-additional-container {
    padding-left: 0;
  }
  #mw-favorite-products-additional-page .mw-favorite-products-additional-container .mw-favorite-products-additional-toolbar {
    margin: 0;
    padding: 0 0 1em 2em;
    background: white;
    height: unset;
  }
  #mw-favorite-products-additional-page .mw-favorite-products-additional-container .mw-favorite-products-additional-catalog {
    overflow-y: unset;
    justify-content: center;
  }
  #mw-favorite-products-additional-page #mw-catalog-item {
    overflow: unset;
    max-width: 24em;
    min-height: 200px;
  }
  #mw-favorite-products-additional-page #mw-catalog-item .mw-catalog-item-image-container, #mw-favorite-products-additional-page #mw-catalog-item .mw-catalog-item-description {
    display: none;
  }
  #mw-favorite-products-additional-page #mw-catalog-item .mw-catalog-item-favorite, #mw-favorite-products-additional-page #mw-catalog-item .mw-catalog-item-info-icon {
    margin-top: 0;
  }
  #mw-favorite-products-additional-page #mw-catalog-item .mw-catalog-item-title-container {
    align-items: center;
  }
  #mw-favorite-products-additional-page #mw-catalog-item .mw-catalog-item-title-container .mw-catalog-item-title {
    text-align: left;
    padding-left: 0.5em;
  }
  #mw-favorite-products-additional-page #mw-catalog-item .mw-catalog-item-image-small-container {
    display: flex;
    border: none;
  }
}

#mw-fs-auth-page {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background: #e4aa3f;
  min-height: 100vh;
  max-width: 100vw;
  width: 100vw;
  display: -webkit-flex;
}
#mw-fs-auth-page .mw-fs-auth-login {
  display: flex;
  min-width: 300px;
  max-width: 400px;
  background: white;
  padding: 25px;
  border: 1px solid #c8c8c8;
}
#mw-fs-auth-page .mw-fs-page-link {
  background: #e4aa3f;
  color: #FFFFFF;
  padding: 0.2em;
  cursor: pointer;
  width: 100%;
  text-align: center;
  margin: 1em;
  text-decoration: underline;
}
#mw-fs-auth-page .mw-fs-auth-button-label {
  text-align: left;
  width: 100%;
  margin-top: 0.5em;
}
@media (min-width: 500px) {
  #mw-fs-auth-page .mw-fs-auth-button-label {
    text-align: right;
  }
}
#mw-fs-auth-page .mw-fs-auth-button {
  text-align: center;
  background: #e4aa3f;
  color: #FFFFFF;
  padding: 0.375em 0.75em;
  font-size: 1em;
  border-radius: 0.3em;
  border: 1px solid transparent;
  width: 100%;
}
@media (min-width: 500px) {
  #mw-fs-auth-page .mw-fs-auth-button {
    width: 10em;
    margin-left: 0.7em;
  }
}
#mw-fs-auth-page .form-control {
  width: 100%;
}
#mw-fs-auth-page .mw-captcha .form-control {
  display: inline-block;
  width: 35%;
}

#mfs-account {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#mfs-account .mfs-account-body {
  border: thick solid #e4aa3f;
  border-radius: 0.5em;
  display: flex;
  flex-direction: column;
  padding: 2em;
  margin: 1em auto;
  max-width: 450px;
  height: -moz-fit-content;
  height: fit-content;
  align-self: center;
}
#mfs-account .mfs-account-body img {
  max-height: 250px;
  max-width: 350px;
  border-radius: 0.5em;
}
#mfs-account .mfs-account-body label {
  display: flex;
  flex: 1;
}
#mfs-account .mfs-account-body .mfs-account-name {
  display: flex;
  flex: 1;
  font-size: 2em;
}
#mfs-account .mfs-account-body .btn {
  margin-top: 1em;
}
@media (max-width: 745px) {
  #mfs-account .mfs-account-body {
    margin: 1em;
  }
}

#mw-fs-login {
  display: flex;
  min-width: 300px;
  max-width: 400px;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: white;
  flex-direction: column;
}
#mw-fs-login .mw-captcha-image {
  margin: 0;
}
#mw-fs-login .mw-fs-captcha {
  display: flex;
  flex-direction: row;
}
#mw-fs-login .mw-fs-captcha input {
  width: 35%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#mw-fs-login div.form-group {
  margin-bottom: 5px;
}
#mw-fs-login label {
  font-size: 14px;
  color: rgb(75, 75, 75);
  margin: 0.5em 0;
}
#mw-fs-login .mw-fs-input {
  display: flex;
  flex: 1;
}
#mw-fs-login .mw-fs-password {
  display: flex;
  flex-direction: row;
}
#mw-fs-login .mw-fs-form {
  width: 100%;
  height: 100%;
}
#mw-fs-login .mw-fs-form .mw-fs-logo {
  padding: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mw-fs-login .mw-fs-form .mw-fs-logo img {
  max-width: 100%;
  width: 100%;
}
#mw-fs-login .mw-fs-form .mw-fs-error {
  color: red;
}
#mw-fs-login .mw-fs-form .btn-link {
  padding: 0.5em 0;
}
#mw-fs-login .mw-fs-sign-in {
  background: #e4aa3f;
  color: #FFFFFF;
  float: right;
  margin-top: 1em;
  width: 100%;
}
@media (min-width: 500px) {
  #mw-fs-login .mw-fs-sign-in {
    width: unset;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
#mw-fs-login .mw-auth-build {
  margin-top: 1em;
  align-self: flex-end;
  font-size: 1.1em;
}
#mw-fs-login .mw-auth-copyright {
  align-self: flex-end;
  font-size: 0.8em;
  margin: 0;
}
#mw-fs-login .mw-auth-copyright i {
  margin-right: 0.3em;
}

#mfs-item {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
#mfs-item .mfs-item-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  max-width: 500px;
  min-width: 500px;
  max-height: 80%;
  flex-direction: column;
  flex: 1;
  display: flex;
}
#mfs-item .mfs-item-dialog .mfs-item-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
}
#mfs-item .mfs-item-dialog .mfs-item-header .mfs-item-title {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.2em;
}
#mfs-item .mfs-item-dialog .mfs-item-dialog-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  min-height: 50vh;
}
#mfs-item .mfs-item-dialog .mfs-item-body {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 1em;
  min-height: 200px;
}
#mfs-item .mfs-item-dialog .mfs-item-body .mfs-item-image {
  min-width: 200px;
  max-width: 200px;
  height: 200px;
  padding-right: 1em;
}
#mfs-item .mfs-item-dialog .mfs-item-body .mfs-item-image img, #mfs-item .mfs-item-dialog .mfs-item-body .mfs-item-image i {
  width: 100%;
}
#mfs-item .mfs-item-dialog .mfs-item-body .mfs-item-image i {
  font-size: 5em;
  color: #666666;
  text-align: center;
  padding: 50px;
}
#mfs-item .mfs-item-dialog .mfs-item-body .mfs-item-text-header {
  display: flex;
  flex-direction: column;
  height: 200px;
  width: 100%;
}
#mfs-item .mfs-item-dialog .mfs-item-body .mfs-item-text-header .mfs-item-title {
  color: #666666;
  font-size: 1.2em;
}
#mfs-item .mfs-item-dialog .mfs-item-body .mfs-item-text-header .mfs-item-description {
  display: flex;
  flex-direction: row;
}
#mfs-item .mfs-item-dialog .mfs-item-body .mfs-item-text-header .mfs-item-description .mfs-item-text-title {
  font-weight: bold;
  width: 120px;
}
#mfs-item .mfs-item-dialog .mfs-item-body .mfs-item-text-header .mfs-item-description .mfs-item-negative-quantity {
  color: red;
}
#mfs-item .mfs-item-dialog .mfs-item-text {
  display: flex;
  flex-direction: column;
  margin: 1em 1em 0 1em;
}
#mfs-item .mfs-item-dialog .mfs-item-text label {
  width: 100%;
  min-height: 24px;
}
#mfs-item .mfs-item-dialog .mfs-item-text .mfs-item-text-title {
  font-weight: bold;
}
#mfs-item .mfs-item-dialog .mfs-item-footer-right-align {
  display: flex;
  flex-direction: row;
  margin: 1em;
  justify-content: flex-end;
  min-height: 50px;
}
#mfs-item .mfs-item-dialog .mfs-item-footer-right-align button {
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 1200px) {
  #mfs-item {
    font-size: 1.1em;
  }
}
@media (max-width: 1100px) {
  #mfs-item {
    font-size: 1.2em;
  }
}
@media (max-width: 600px) {
  #mfs-item {
    font-size: 1em;
  }
  #mfs-item .mfs-item-dialog {
    min-width: 80%;
    max-width: 80%;
  }
  #mfs-item .mfs-item-dialog .mfs-item-body {
    flex-direction: column;
  }
  #mfs-item .mfs-item-dialog .mfs-item-body .mfs-item-text-header {
    border-bottom: thin solid #666666;
    margin-top: 1em;
    height: unset;
    padding-bottom: 1em;
  }
}
@media (max-width: 400px) {
  #mfs-item .mfs-item-dialog {
    min-width: 95%;
    max-width: 95%;
  }
}

#mfs-item-equipment {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
#mfs-item-equipment .mfs-item-equipment-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  max-width: 500px;
  min-width: 500px;
  max-height: 80%;
  display: flex;
  flex-direction: column;
  flex: 1;
}
#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
}
#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-header .mfs-item-equipment-title {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.2em;
}
#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-dialog-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
}
#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-body {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 1em;
}
#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-body .mfs-item-equipment-image {
  min-width: 200px;
  max-width: 200px;
  height: 200px;
  padding-right: 1em;
}
#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-body .mfs-item-equipment-image img, #mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-body .mfs-item-equipment-image i {
  width: 100%;
}
#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-body .mfs-item-equipment-image i {
  font-size: 5em;
  color: #666666;
  text-align: center;
  padding: 50px;
}
#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-body .mfs-item-equipment-text-header {
  display: flex;
  flex-direction: column;
  height: 200px;
  width: 100%;
}
#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-body .mfs-item-equipment-text-header .mfs-item-equipment-title {
  color: #666666;
  font-size: 1.2em;
}
#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-body .mfs-item-equipment-text-header .mfs-item-equipment-description {
  display: flex;
  flex-direction: row;
}
#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-body .mfs-item-equipment-text-header .mfs-item-equipment-description .mfs-item-equipment-text-title {
  font-weight: bold;
  margin-right: 0.25em;
}
#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-text {
  display: flex;
  flex-direction: column;
  margin: 1em 1em 0 1em;
}
#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-text .mfs-item-equipment-text-title {
  font-size: 1.2em;
  color: #666666;
}
#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-text .mfs-item-equipment-text-description {
  display: flex;
  flex-direction: row;
}
#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-text .mfs-item-equipment-text-description .mfs-item-equipment-text-type {
  font-weight: bold;
  margin-right: 0.25em;
}
#mfs-item-equipment .mfs-item-equipment-dialog .mfs-equipment-display-footer {
  display: flex;
  flex-direction: row;
  margin: 1em;
  justify-content: flex-end;
}
#mfs-item-equipment .mfs-item-equipment-dialog .mfs-equipment-display-footer .btn {
  margin-left: 0.5em;
}
@media (max-width: 1200px) {
  #mfs-item-equipment {
    font-size: 1.1em;
  }
}
@media (max-width: 1100px) {
  #mfs-item-equipment {
    font-size: 1.2em;
  }
}
@media (max-width: 600px) {
  #mfs-item-equipment {
    font-size: 1em;
  }
  #mfs-item-equipment .mfs-item-equipment-dialog {
    min-width: 80%;
    max-width: 80%;
  }
  #mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-body {
    flex-direction: column;
  }
  #mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-body .mfs-item-equipment-text-header {
    border-bottom: thin solid #666666;
    margin-top: 1em;
    height: unset;
    padding-bottom: 1em;
  }
}
@media (max-width: 400px) {
  #mfs-item-equipment .mfs-item-equipment-dialog {
    min-width: 95%;
    max-width: 95%;
  }
}

#mfs-create-prospect {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#mfs-create-prospect .submit-button {
  margin-bottom: 2em;
  min-height: 38px;
}
#mfs-create-prospect .error {
  color: red;
}
#mfs-create-prospect .mfs-create-prospect-container {
  flex-direction: column;
  width: 800px;
  margin: 1em;
  border: medium solid #f3f3f3;
  border-radius: 0.25em;
  color: #495057;
  padding-bottom: 0.5em;
}
@media (max-width: 850px) {
  #mfs-create-prospect .mfs-create-prospect-container {
    width: 98%;
  }
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-title {
  background: #f3f3f3;
  text-align: center;
  padding: 0.5em;
  font-size: 1.1em;
  width: 100%;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-header {
  margin: 1em;
  font-size: 1.1em;
  font-weight: bold;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-section {
  display: flex;
  flex-direction: row;
  margin: 0.5em 1em;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-section .mfs-create-prospect-column {
  flex: 1;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-section .mfs-create-prospect-column.zip-code input {
  text-transform: uppercase;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-section .mfs-create-prospect-column .required {
  border-color: red;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-section .divider {
  margin-right: 0.5em;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-section a {
  height: 35px;
  width: 35px;
  padding: 0.2em;
  border-radius: 2em;
  border: medium solid;
  text-align: center;
  align-self: flex-end;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-section .geocode {
  background: #28a745;
  color: white;
  border-color: #28a745;
  margin-left: 0.5em;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-section .geocode:hover {
  background: #1e7e34;
  border-color: #1e7e34;
  cursor: pointer;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-section .autofill {
  background: #007bff;
  color: white;
  border-color: #007bff;
  margin-left: 0.5em;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-section .autofill:hover {
  background: #0062cc;
  border-color: #0062cc;
  cursor: pointer;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field-contact {
  display: flex;
  flex-direction: column;
  margin: 0.5em 1em;
  background: #f3f3f3;
  padding: 1em;
  border-radius: 0.25em;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field-contact .name {
  margin-bottom: 0.5em;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field-contact .mfs-create-prospect-contact {
  display: flex;
  flex-direction: row;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field-contact .mfs-create-prospect-contact .divider {
  margin-right: 0.5em;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field-contact .mfs-create-prospect-contact .name {
  flex: 1;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field-contact .mfs-create-prospect-contact .email {
  flex: 1;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field-contact .mfs-create-prospect-contact .phone {
  flex: 1;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field-contact .mfs-create-prospect-contact .message {
  flex: 2;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field {
  display: flex;
  flex-direction: column;
  margin: 0.5em 1em;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .uppercase {
  text-transform: uppercase;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .address {
  margin-bottom: 0.5em;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .required {
  border-color: red;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-sales, #mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-dates, #mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-invalid {
  display: flex;
  flex-direction: row;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-sales label, #mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-sales input, #mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-dates label, #mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-dates input, #mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-invalid label, #mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-invalid input {
  flex: 1;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-sales .divider, #mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-dates .divider, #mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-invalid .divider {
  margin-right: 0.5em;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-sales .invalid, #mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-dates .invalid, #mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-invalid .invalid {
  border-color: red;
}
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-invalid {
  margin-top: 0.5em;
  font-size: 0.9em;
  color: red;
}

#mfs-customer {
  display: flex;
  flex-direction: column;
}
#mfs-customer .mfs-customer-label {
  display: flex;
  flex: 1;
}

#mfs-confirmation {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  padding: 50px;
  text-align: center;
}
#mfs-confirmation .mfs-confirmation-image {
  display: flex;
  flex: 2;
  align-items: flex-end;
  align-self: center;
  margin-bottom: 2em;
}
#mfs-confirmation i {
  color: #28a745;
  font-size: 12em;
}
#mfs-confirmation .mfs-confirmation-header {
  font-size: 3em;
}
#mfs-confirmation .mfs-confirmation-message {
  display: flex;
  flex: 1;
  flex-direction: column;
  font-size: 1.5em;
}
#mfs-confirmation .mfs-confirmation-message button {
  width: -moz-fit-content;
  width: fit-content;
  align-self: center;
  margin: 0.5em;
}

#mfs-dashboard {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#mfs-dashboard .mfs-dashboard-page-header {
  border-bottom: thick solid #e3e3e3;
  margin: 1em 2em;
}
#mfs-dashboard .mfs-dashboard-page-header .mfs-dashboard-header-section {
  color: #616161;
  font-size: 1.25em;
  display: flex;
  flex-direction: row;
  height: -moz-fit-content;
  height: fit-content;
  margin-bottom: 0.2em;
}
#mfs-dashboard .mfs-dashboard-page-header .mfs-dashboard-header-section .mfs-dashboard-header-label {
  margin-right: 0.3em;
}
#mfs-dashboard .mfs-dashboard-page-header .mfs-dashboard-header-section .mfs-dashboard-header-label i {
  font-size: 2em;
  color: #616161;
  margin-right: 0.3em;
}
#mfs-dashboard .mfs-dashboard-page-header .mfs-dashboard-header-section .btn {
  margin: auto 1em;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
#mfs-dashboard .mfs-dashboard-page-header .mfs-dashboard-header-section .mw-search-drop-down {
  margin: auto 1em auto 0;
  width: 15em;
  height: -moz-fit-content;
  height: fit-content;
}
#mfs-dashboard .mfs-dashboard-section {
  display: flex;
  flex-direction: row;
  flex: 1;
  margin: 2em;
}
@media (max-width: 1300px) {
  #mfs-dashboard .mfs-dashboard-section {
    flex-direction: column;
    margin: 0;
    align-self: center;
    width: 60%;
  }
  #mfs-dashboard .mfs-dashboard-section .mfs-dashboard-card {
    flex: unset;
    min-height: 475px;
  }
  #mfs-dashboard .mfs-dashboard-page-header {
    margin: 0.5em;
  }
}
@media (max-width: 700px) {
  #mfs-dashboard .mfs-dashboard-section {
    width: 100%;
  }
  #mfs-dashboard .mfs-dashboard-header-section i {
    display: none;
  }
  #mfs-dashboard .mfs-dashboard-pending {
    flex-direction: column;
  }
  #mfs-dashboard .mfs-dashboard-pending .btn {
    margin-left: 0;
    margin-bottom: 0.5em;
  }
  #mfs-dashboard .mfs-dashboard-pending label {
    height: -moz-fit-content;
    height: fit-content;
  }
}

.mfs-dashboard-grid-hover .mfs-dashboard-chart:hover {
  cursor: pointer;
}

#mfs-lookup {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#mfs-lookup .mfs-lookup-toggle {
  display: flex;
  flex-direction: row;
  background: #f3f3f3;
}
#mfs-lookup .mfs-lookup-toggle .mfs-information-toggle {
  flex: 1;
}
#mfs-lookup .mfs-lookup-toggle .mfs-view-toggle {
  position: absolute;
  right: 0;
}
#mfs-lookup .mfs-lookup-toggle .mfs-view-toggle .mfs-button-toggle-button {
  background: white;
  color: #495057;
}
#mfs-lookup .mfs-lookup-toggle .mfs-view-toggle .mfs-button-toggle-button-selected {
  background: #495057;
  color: white;
}
#mfs-lookup .mfs-lookup-toolbar {
  display: flex;
  flex-direction: row;
  padding: 1em;
}
#mfs-lookup .mfs-lookup-toolbar .mfs-lookup-options {
  display: flex;
  flex-direction: row;
  margin-right: 0.5em;
}
#mfs-lookup .mfs-lookup-toolbar .mfs-lookup-options .mfs-lookup-search-dropdown {
  background: #f3f3f3;
  max-width: 220px;
  min-width: 220px;
}
#mfs-lookup .mfs-lookup-toolbar .mfs-lookup-options .mfs-lookup-search-dropdown:hover {
  cursor: pointer;
}
#mfs-lookup .mfs-lookup-toolbar .mfs-lookup-options .mfs-lookup-inactive {
  display: flex;
  flex-direction: row;
  margin: auto 0;
  background: #f3f3f3;
  padding: 0.2em;
  height: calc(1.5em + 0.75rem + 2px);
  border-radius: 0.25em;
  border: 1px solid #ced4da;
  margin-right: 0.5em;
  width: 230px;
}
#mfs-lookup .mfs-lookup-toolbar .mfs-lookup-options .mfs-lookup-inactive input, #mfs-lookup .mfs-lookup-toolbar .mfs-lookup-options .mfs-lookup-inactive label {
  margin: auto 0.2em;
}
#mfs-lookup .mfs-lookup-toolbar .mfs-lookup-options .mfs-lookup-inactive:hover input, #mfs-lookup .mfs-lookup-toolbar .mfs-lookup-options .mfs-lookup-inactive:hover label {
  cursor: pointer;
}
#mfs-lookup .mfs-lookup-toolbar .mfs-lookup-search {
  display: flex;
  flex-direction: row;
  flex: 1;
}
#mfs-lookup .mfs-lookup-toolbar .mfs-lookup-search .form-control {
  display: flex;
  flex: 1;
  margin: 0 1em 0 0;
  margin-right: 0.5em;
}
#mfs-lookup .mfs-lookup-toolbar .mfs-lookup-search .mfs-lookup-search-button {
  background: #e4aa3f;
  width: 2.2em;
  height: 2.2em;
  border: none;
  border-radius: 2em;
  color: #FFFFFF;
  padding: 0;
}
#mfs-lookup .mfs-lookup-toolbar .mfs-lookup-search .mfs-lookup-search-button i {
  margin: auto;
  font-size: 1.25em;
}
#mfs-lookup .mfs-lookup-toolbar .mfs-lookup-search .mfs-lookup-search-button:hover {
  background: #d2931e;
}
#mfs-lookup .mfs-lookup-divider {
  padding: 0em 1em 0em 1em;
  background: white;
}
#mfs-lookup .mfs-lookup-header {
  margin: 0 1em;
  background: #ffd29c;
  display: flex;
  flex-direction: row;
  padding: 0.2em 1em 0.2em 0;
  border-top-right-radius: 0.25em;
  border-top-left-radius: 0.25em;
  color: #FFFFFF;
}
#mfs-lookup .mfs-lookup-header .mfs-lookup-section-icons, #mfs-lookup .mfs-lookup-customer .mfs-lookup-section-icons, #mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-icons {
  width: 250px;
  margin: 0;
  padding: 0 0.3em;
  justify-content: space-evenly;
  display: flex;
  align-items: center;
}
#mfs-lookup .mfs-lookup-header .mfs-lookup-section-icons a, #mfs-lookup .mfs-lookup-customer .mfs-lookup-section-icons a, #mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-icons a {
  height: 35px;
  width: 35px;
  padding: 0.2em;
  border-radius: 2em;
  border: medium solid;
  text-align: center;
}
#mfs-lookup .mfs-lookup-header .mfs-lookup-section-icons .mfs-lookup-new-delivery, #mfs-lookup .mfs-lookup-customer .mfs-lookup-section-icons .mfs-lookup-new-delivery, #mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-icons .mfs-lookup-new-delivery {
  background: #31d0d3;
  color: white;
  border-color: #31d0d3;
}
#mfs-lookup .mfs-lookup-header .mfs-lookup-section-icons .mfs-lookup-new-delivery:hover, #mfs-lookup .mfs-lookup-customer .mfs-lookup-section-icons .mfs-lookup-new-delivery:hover, #mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-icons .mfs-lookup-new-delivery:hover {
  background: #25aaac;
  border-color: #25aaac;
  cursor: pointer;
}
#mfs-lookup .mfs-lookup-header .mfs-lookup-section-icons .mfs-lookup-new-invoice, #mfs-lookup .mfs-lookup-customer .mfs-lookup-section-icons .mfs-lookup-new-invoice, #mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-icons .mfs-lookup-new-invoice {
  background: #31d0ff;
  color: white;
  border-color: #31d0ff;
}
#mfs-lookup .mfs-lookup-header .mfs-lookup-section-icons .mfs-lookup-new-invoice:hover, #mfs-lookup .mfs-lookup-customer .mfs-lookup-section-icons .mfs-lookup-new-invoice:hover, #mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-icons .mfs-lookup-new-invoice:hover {
  background: #00c3fd;
  border-color: #00c3fd;
  cursor: pointer;
}
#mfs-lookup .mfs-lookup-header .mfs-lookup-section-icons .mfs-lookup-visit, #mfs-lookup .mfs-lookup-customer .mfs-lookup-section-icons .mfs-lookup-visit, #mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-icons .mfs-lookup-visit {
  background: #007bff;
  color: white;
  border-color: #007bff;
}
#mfs-lookup .mfs-lookup-header .mfs-lookup-section-icons .mfs-lookup-visit:hover, #mfs-lookup .mfs-lookup-customer .mfs-lookup-section-icons .mfs-lookup-visit:hover, #mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-icons .mfs-lookup-visit:hover {
  background: #0062cc;
  border-color: #0062cc;
  cursor: pointer;
}
#mfs-lookup .mfs-lookup-header .mfs-lookup-section-icons .mfs-lookup-map, #mfs-lookup .mfs-lookup-customer .mfs-lookup-section-icons .mfs-lookup-map, #mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-icons .mfs-lookup-map {
  background: #FF8400;
  color: white;
  border-color: #FF8400;
}
#mfs-lookup .mfs-lookup-header .mfs-lookup-section-icons .mfs-lookup-map:hover, #mfs-lookup .mfs-lookup-customer .mfs-lookup-section-icons .mfs-lookup-map:hover, #mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-icons .mfs-lookup-map:hover {
  background: #cc6a00;
  border-color: #cc6a00;
  cursor: pointer;
}
#mfs-lookup .mfs-lookup-header .mfs-lookup-section-icons .mfs-lookup-contact, #mfs-lookup .mfs-lookup-customer .mfs-lookup-section-icons .mfs-lookup-contact, #mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-icons .mfs-lookup-contact {
  background: #18AC38;
  color: white;
  border-color: #18AC38;
}
#mfs-lookup .mfs-lookup-header .mfs-lookup-section-icons .mfs-lookup-contact:hover, #mfs-lookup .mfs-lookup-customer .mfs-lookup-section-icons .mfs-lookup-contact:hover, #mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-icons .mfs-lookup-contact:hover {
  background: #127f29;
  border-color: #127f29;
  cursor: pointer;
}
#mfs-lookup .mfs-lookup-header .mfs-lookup-section-icons .unavailable, #mfs-lookup .mfs-lookup-customer .mfs-lookup-section-icons .unavailable, #mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-icons .unavailable {
  color: white;
  background: #d8d8d8;
  border-color: #d8d8d8;
}
#mfs-lookup .mfs-lookup-header .mfs-lookup-section-phone, #mfs-lookup .mfs-lookup-customer .mfs-lookup-section-phone, #mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-phone {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
  min-width: 115px;
}
#mfs-lookup .mfs-lookup-header .mfs-lookup-section-route, #mfs-lookup .mfs-lookup-customer .mfs-lookup-section-route, #mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-route {
  margin: 0;
  padding: 0 0.3em;
  width: 60px;
}
#mfs-lookup .mfs-lookup-header .mfs-lookup-section-id, #mfs-lookup .mfs-lookup-customer .mfs-lookup-section-id, #mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-id {
  margin: 0;
  padding: 0 0.3em;
  width: 100px;
}
#mfs-lookup .mfs-lookup-header .mfs-lookup-section-delivery-id, #mfs-lookup .mfs-lookup-customer .mfs-lookup-section-delivery-id, #mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-delivery-id {
  margin: 0;
  padding: 0 0.3em;
  width: 100px;
}
#mfs-lookup .mfs-lookup-header .mfs-lookup-section-status, #mfs-lookup .mfs-lookup-customer .mfs-lookup-section-status, #mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-status {
  flex: 1.4;
  margin: 0;
  padding: 0 0.3em;
  display: flex;
  flex-direction: row;
}
#mfs-lookup .mfs-lookup-header .mfs-lookup-section-status .mfs-lookup-section-tank svg, #mfs-lookup .mfs-lookup-customer .mfs-lookup-section-status .mfs-lookup-section-tank svg, #mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-status .mfs-lookup-section-tank svg {
  width: 40px;
  height: 40px;
}
#mfs-lookup .mfs-lookup-header .mfs-lookup-section-status .mfs-lookup-section-tank svg:hover, #mfs-lookup .mfs-lookup-customer .mfs-lookup-section-status .mfs-lookup-section-tank svg:hover, #mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-status .mfs-lookup-section-tank svg:hover {
  cursor: pointer;
}
#mfs-lookup .mfs-lookup-header .mfs-lookup-section, #mfs-lookup .mfs-lookup-customer .mfs-lookup-section, #mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section {
  flex: 2;
  margin: 0;
  padding: 0 0.3em;
}
#mfs-lookup .mfs-lookup-header .mfs-lookup-section-address, #mfs-lookup .mfs-lookup-customer .mfs-lookup-section-address, #mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-address {
  flex: 3;
  margin: 0;
  padding: 0 0.3em;
  align-self: center;
}
#mfs-lookup .mfs-lookup-header .mfs-lookup-section-address label, #mfs-lookup .mfs-lookup-customer .mfs-lookup-section-address label, #mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-address label {
  margin: 0;
}
#mfs-lookup .mfs-lookup-container, #mfs-lookup .mfs-lookup-card-container {
  margin: 0 1em;
  overflow-y: scroll;
  border: thin solid #ffd29c;
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
  display: flex;
  flex-direction: column;
  flex: 1;
  color: #495057;
  background: #f3f3f3;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer {
  display: flex;
  flex-direction: row;
  padding: 0.5em 0;
  border-bottom: thin solid #d8d8d8;
  background: white;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer label, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer label {
  cursor: pointer;
  align-self: center;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer:hover, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer:hover {
  color: #007bff;
  background: #f3f3f3;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small {
  display: none;
  flex-direction: column;
  margin: 0.5em;
  background: white;
  padding: 1em 1em 0 1em;
  border-radius: 0.25em;
  box-shadow: 4px 3px 8px 1px #d8d8d8;
  border-top: 12px solid #d8d8d8;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-divider, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-divider {
  flex: 1;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-header, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-header {
  display: flex;
  flex-direction: row;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-header .mfs-lookup-customer-small-title, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-header .mfs-lookup-customer-small-title {
  display: flex;
  flex-direction: column;
  flex: 1;
  font-size: 1.1em;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-header .mfs-lookup-customer-small-title:hover, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-header .mfs-lookup-customer-small-title:hover {
  color: #007bff;
  cursor: pointer;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-header .mfs-lookup-customer-small-title:hover label, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-header .mfs-lookup-customer-small-title:hover label {
  cursor: pointer;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-header .mfs-lookup-section-icons, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-header .mfs-lookup-section-icons {
  align-items: unset;
  padding: 0;
  width: -moz-fit-content;
  width: fit-content;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-header .mfs-lookup-section-icons a, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-header .mfs-lookup-section-icons a {
  margin-left: 0.5em;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer {
  display: flex;
  flex-direction: row;
  border-top: thin solid #d8d8d8;
  height: 50px;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer span svg, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer span svg {
  padding-top: 0.5em;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-active, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-active {
  display: flex;
  flex: 1;
  align-items: center;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar {
  display: flex;
  flex: 2;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact {
  display: flex;
  text-align: center;
  border-left: thin solid #d8d8d8;
  color: #495057;
  flex: 1;
  padding: 0;
  margin: 0;
  height: 100%;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact label, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact label {
  flex: 1;
  align-self: center;
  margin: 0;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact i, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact i {
  margin-right: 0.5em;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact .disabled, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact .disabled {
  color: #d8d8d8;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact .disabled:hover, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact .disabled:hover {
  cursor: pointer;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact .card-button, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact .card-button {
  display: none;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact:hover, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact:hover {
  color: #007bff;
  text-decoration: none;
  cursor: pointer;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact:hover label, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact:hover label {
  cursor: pointer;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-section-status, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-section-status {
  flex: 1;
  padding: 0;
  margin: 0;
  height: 100%;
  display: flex;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-section-status .mfs-lookup-section-tank svg, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-section-status .mfs-lookup-section-tank svg {
  width: 40px;
  height: 40px;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-section-status .mfs-lookup-section-tank svg:hover, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-section-status .mfs-lookup-section-tank svg:hover {
  cursor: pointer;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .card-display, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .card-display {
  display: none;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .hold, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .hold {
  border-color: #FF0000;
}
#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .inactive, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .inactive {
  border-color: #FFD700;
}
#mfs-lookup .mfs-lookup-card-container {
  flex-wrap: wrap;
  flex-direction: row;
}
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view {
  display: flex;
  flex: 1 0 25%;
  min-width: 500px;
}
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small {
  display: flex;
  width: 100%;
}
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-fill-space {
  display: flex;
  flex: 1;
  height: 50%;
}
#mfs-lookup .section-small {
  flex: 0.5;
  margin: 0;
  padding: 0 0.3em;
}
#mfs-lookup .mfs-lookup-count {
  margin: 1em;
  display: flex;
  flex-direction: row;
  text-align: right;
}
#mfs-lookup .mfs-lookup-count span {
  flex: 1;
  padding: 0.5em 0;
}
#mfs-lookup .mw-message-box-dialog .sub-block {
  color: red;
}
@media (max-width: 1000px) {
  #mfs-lookup .mfs-lookup-toggle .mfs-view-toggle {
    display: none;
  }
  #mfs-lookup .mfs-lookup-header {
    display: none;
  }
  #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer {
    display: none;
  }
  #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small {
    display: flex;
  }
  #mfs-lookup .mfs-lookup-card-container {
    flex-wrap: unset;
    flex-direction: column;
  }
  #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view {
    display: flex;
    flex: 1;
    min-width: unset;
  }
  #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small {
    display: flex;
    flex: 1;
    min-width: unset;
  }
}
@media (max-width: 800px) {
  #mfs-lookup .mfs-lookup-toolbar {
    flex-direction: column;
  }
  #mfs-lookup .mfs-lookup-toolbar .mfs-lookup-options {
    margin: 0 0 1em 0;
  }
  #mfs-lookup .mfs-lookup-toolbar .mfs-lookup-options .mfs-lookup-search-dropdown {
    max-width: unset;
    min-width: unset;
    flex: 1;
  }
}
@media (max-width: 600px) {
  #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .detail-display, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .detail-display {
    display: none;
  }
  #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer {
    flex-direction: column;
    height: 100px;
  }
  #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-section-status, #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-active, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-section-status, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-active {
    border-bottom: thin solid #d8d8d8;
    margin: 0;
  }
  #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar {
    flex: 1;
    border-bottom: thin solid #d8d8d8;
  }
  #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .phone, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .phone {
    border: none;
  }
  #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact {
    justify-content: center;
  }
  #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact .card-button, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact .card-button {
    display: flex;
    align-self: center;
  }
  #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact .card-button i, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact .card-button i {
    align-self: center;
  }
  #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact .detail-button, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact .detail-button {
    display: none;
  }
  #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .card-display, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .card-display {
    display: flex;
    padding: 0.5em 0;
    justify-content: unset;
  }
  #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .card-display a, #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .card-display a {
    margin-right: 0.5em;
  }
}

.mfs-dashboard-card {
  display: flex;
  flex-direction: column;
  flex: 1;
  border: thick solid #e3e3e3;
  border-radius: 0.5em;
  margin: 1em;
  height: -moz-fit-content;
  height: fit-content;
}
.mfs-dashboard-card .mfs-dashboard-header {
  padding: 1em;
  background: #e3e3e3;
  display: flex;
  flex-direction: row;
  margin-bottom: 0.5em;
  flex: 1;
}
.mfs-dashboard-card .mfs-dashboard-header i {
  font-size: 3em;
  padding: 0.5em;
  border-radius: 10em;
  height: 100px;
  width: 100px;
  margin-right: 1em;
}
.mfs-dashboard-card .mfs-dashboard-header .fas.fa-user-plus {
  background: #95c7ff;
  color: #007bff;
}
.mfs-dashboard-card .mfs-dashboard-header .fas.fa-coffee {
  background: #ffcd99;
  color: #ff8400;
}
.mfs-dashboard-card .mfs-dashboard-header .fas.fa-truck {
  background: #96e8a9;
  color: #18AC38;
}
.mfs-dashboard-card .mfs-dashboard-header .mfs-dashboard-header-title {
  display: flex;
  flex-direction: column;
  flex: 1;
  text-align: right;
  color: #616161;
}
.mfs-dashboard-card .mfs-dashboard-header .mfs-dashboard-header-title .mfs-dashboard-header-total {
  font-weight: bold;
  font-size: 2em;
}
.mfs-dashboard-card .mfs-dashboard-header .mfs-dashboard-header-title label {
  font-size: 1.3em;
}
.mfs-dashboard-card .mfs-dashboard-header .mfs-dashboard-header-title .customer {
  color: #007bff;
  font-weight: bold;
}
.mfs-dashboard-card .mfs-dashboard-header .mfs-dashboard-header-title .order {
  color: #18AC38;
  font-weight: bold;
}
.mfs-dashboard-card .mfs-dashboard-header .mfs-dashboard-header-title .visit {
  color: #ff8400;
  font-weight: bold;
}
.mfs-dashboard-card .mfs-dashboard-body {
  margin: 0 1em;
}
.mfs-dashboard-card .mfs-dashboard-body .mfs-dashboard-totals {
  margin: 0.5em 0;
  display: flex;
  flex-direction: row;
  border-bottom: thin solid #e3e3e3;
}
.mfs-dashboard-card .mfs-dashboard-body .mfs-dashboard-totals .mfs-dashboard-duration {
  text-align: right;
  flex: 1;
  display: flex;
  flex: 1;
}
.mfs-dashboard-card .mfs-dashboard-body .mfs-dashboard-totals .customer {
  color: #007bff;
  font-weight: bold;
}
.mfs-dashboard-card .mfs-dashboard-body .mfs-dashboard-totals .order {
  color: #18AC38;
  font-weight: bold;
}
.mfs-dashboard-card .mfs-dashboard-body .mfs-dashboard-totals .visit {
  color: #ff8400;
  font-weight: bold;
}
.mfs-dashboard-card .mfs-dashboard-body .enabled:hover {
  color: #007bff;
  cursor: pointer;
}
.mfs-dashboard-card .mfs-dashboard-body .enabled:hover label {
  cursor: pointer;
}
.mfs-dashboard-card .mfs-dashboard-body .remove-line {
  border-bottom: none;
}
.mfs-dashboard-card .mfs-dashboard-goals {
  display: flex;
  flex-direction: column;
  border-top: thick solid #e3e3e3;
  padding: 1em 1em 0.5em 1em;
}
.mfs-dashboard-card .mfs-dashboard-goals .mfs-dashboard-goal-progress {
  display: flex;
  flex-direction: row;
}
.mfs-dashboard-card .mfs-dashboard-goals .mfs-dashboard-goal-progress .mfs-dashboard-goal-description {
  flex: 1;
  color: #616161;
}
.mfs-dashboard-card .mfs-dashboard-goals .mfs-dashboard-goal-progress .btn {
  flex: 1;
  padding: 0;
  margin: 0;
  text-align: left;
}
.mfs-dashboard-card .mfs-dashboard-goals .mfs-dashboard-goal-progress .mfs-dashboard-goal-percentage {
  font-weight: bold;
  background: orange;
  padding: 0.2em 0.8em;
  border-radius: 1em;
  color: white;
}
.mfs-dashboard-card .mfs-dashboard-goals .mfs-dashboard-goal-progress .customer {
  background: #007bff;
}
.mfs-dashboard-card .mfs-dashboard-goals .mfs-dashboard-goal-progress .order {
  background: #18AC38;
}
.mfs-dashboard-card .mfs-dashboard-goals .mfs-dashboard-goal-progress .visit {
  background: #ff8400;
}
.mfs-dashboard-card .mfs-dashboard-goals .mfs-dashboard-goal-progress .right {
  text-align: right;
}
.mfs-dashboard-card .mfs-dashboard-goals .mfs-dashboard-goal-progress .fa-chevron-left {
  margin-right: 0.2em;
}
.mfs-dashboard-card .mfs-dashboard-goals .mfs-dashboard-goal-progress .fa-chevron-right {
  margin-left: 0.2em;
}
.mfs-dashboard-card .mfs-dashboard-goals .mfs-dashboard-goal-progress .mfs-dashboard-goal-complete {
  font-weight: bold;
  font-size: 1.2em;
  flex: 1;
}
.mfs-dashboard-card .mfs-dashboard-goals .progress {
  margin: 0.5em 0;
}
.mfs-dashboard-card .mfs-dashboard-goals .progress .customer {
  background: #007bff;
}
.mfs-dashboard-card .mfs-dashboard-goals .progress .order {
  background: #18AC38;
}
.mfs-dashboard-card .mfs-dashboard-goals .progress .visit {
  background: #ff8400;
}

#mfs-equipment-list {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#mfs-equipment-list .section-mini {
  flex: 0 0 3em;
  margin: 0 0 0 0.5em;
  display: flex;
  flex-direction: row;
}
#mfs-equipment-list .section-wide {
  flex: 2 0 0;
  margin: 0;
}
#mfs-equipment-list .section-short {
  flex: 1;
  margin: 0;
  display: flex;
  flex-direction: row;
}
#mfs-equipment-list .section-short .mfs-equipment-info {
  border: none;
  background: #007bff;
  color: white;
  height: 22px;
  width: 22px;
  border-radius: 1em;
  font-size: 0.8em;
  margin-right: 0.3em;
}
#mfs-equipment-list .section-short label {
  margin: 0;
  display: flex;
  flex: 1;
}
#mfs-equipment-list .mfs-equipment-header {
  margin: 1em 1em 0 1em;
  border-bottom: thin solid #ffd29c;
  display: flex;
  flex-direction: row;
  font-weight: bold;
  flex: 0 0 auto;
}
#mfs-equipment-list .mfs-equipment-container {
  margin: 0 1em;
  overflow-y: auto;
  height: 15em;
  flex: 1;
}
#mfs-equipment-list .mfs-equipment-container .mfs-equipment-spinner-container {
  display: flex;
  justify-content: center;
}
#mfs-equipment-list .mfs-equipment-container .mfs-equipment-row {
  padding: 0.2em 0;
  display: flex;
  flex-direction: row;
  border-bottom: thin solid #c8c8c8;
}
#mfs-equipment-list .mfs-equipment-container .mfs-equipment-row-small {
  display: none;
}
#mfs-equipment-list .mfs-equipment-container .mfs-equipment-row:hover {
  color: #007bff;
  cursor: pointer;
}
#mfs-equipment-list .mfs-equipment-container .mfs-equipment-row:hover label {
  cursor: pointer;
}
#mfs-equipment-list .mfs-equipment-container .selected {
  background: #c0deff;
}
#mfs-equipment-list .mfs-equipment-count {
  margin: 1em;
  flex: 0 0 auto;
}
@media (max-width: 1200px) {
  #mfs-equipment-list {
    font-size: 0.9em;
  }
  #mfs-equipment-list .section-short .mfs-equipment-info {
    font-size: 0.9em;
  }
}
@media (max-width: 1100px) {
  #mfs-equipment-list {
    font-size: 0.8em;
  }
}
@media (max-width: 1000px) {
  #mfs-equipment-list .mfs-equipment-header {
    display: none;
  }
  #mfs-equipment-list .mfs-equipment-container {
    padding-right: 0;
  }
  #mfs-equipment-list .mfs-equipment-container .mfs-equipment-row {
    display: none;
  }
  #mfs-equipment-list .mfs-equipment-container .mfs-equipment-row-small {
    display: flex;
    flex-direction: column;
    padding: 1em;
    border-bottom: thin solid #c8c8c8;
  }
  #mfs-equipment-list .mfs-equipment-container .mfs-equipment-row-small .mfs-equipment-row-header {
    display: flex;
    flex-direction: row;
    font-weight: bold;
    font-size: 1.2em;
  }
  #mfs-equipment-list .mfs-equipment-container .mfs-equipment-row-small .mfs-equipment-row-header input {
    margin: auto 0;
  }
  #mfs-equipment-list .mfs-equipment-container .mfs-equipment-row-small .mfs-equipment-row-header label {
    margin: 0em 0.3em 0 1em;
    flex: 1;
  }
  #mfs-equipment-list .mfs-equipment-container .mfs-equipment-row-small .mfs-equipment-row-header .mfs-equipment-info {
    border: none;
    background: #007bff;
    color: white;
    height: 22px;
    width: 22px;
    border-radius: 1em;
    font-size: 0.9em;
    margin-right: 0.3em;
  }
  #mfs-equipment-list .mfs-equipment-container .mfs-equipment-row-small label {
    margin: 0.2em;
    padding: 0;
    cursor: pointer;
  }
  #mfs-equipment-list .mfs-equipment-container .mfs-equipment-row-small:hover {
    cursor: pointer;
    color: #007bff;
  }
}

#mfs-order-lookup {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#mfs-order-lookup .mfs-order-lookup-search {
  display: flex;
  flex-direction: row;
  padding: 1em;
}
#mfs-order-lookup .mfs-order-lookup-search .form-control {
  display: flex;
  flex: 9;
  border: thin solid #ffd29c;
  margin: 0 1em 0 0;
  max-width: 500px;
}
#mfs-order-lookup .mfs-order-lookup-search .form-control.form-control-invalid, #mfs-order-lookup .mfs-order-lookup-search form-control-invalid {
  border: 1px solid rgba(255, 0, 0, 0.75);
}
#mfs-order-lookup .mfs-order-lookup-search .mfs-order-lookup-search-button {
  display: flex;
  flex: 1;
  background: transparent;
  border: none;
  max-width: 50px;
}
#mfs-order-lookup .mfs-order-lookup-search .mfs-order-lookup-search-button i {
  margin: auto;
  font-size: 1.25em;
}
#mfs-order-lookup .mfs-order-lookup-search .mfs-order-lookup-search-button-small {
  display: none;
}
#mfs-order-lookup .mfs-order-lookup-search button:hover {
  color: #007bff;
}
#mfs-order-lookup .mfs-order-lookup-header {
  margin: 0 1em;
  background: #ffd29c;
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  font-weight: bold;
  padding: 0.5em 1em 0.5em 0;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
}
#mfs-order-lookup .mfs-lookup-divider {
  padding: 0em 1em 0em 1em;
  background: white;
}
#mfs-order-lookup .section-wide {
  flex: 3;
  margin: 0;
  padding: 0 1em;
}
#mfs-order-lookup .section-short {
  flex: 1;
  margin: 0;
  padding: 0 1em;
}
#mfs-order-lookup .section-number {
  flex: 1;
  margin: 0;
  padding: 0 1em;
  text-align: right;
}
#mfs-order-lookup .mfs-order-lookup-container {
  margin: 0 1em;
  overflow-y: scroll;
  border: thin solid #ffd29c;
  flex: 1;
}
#mfs-order-lookup .mfs-order-lookup-container .mfs-order-lookup-order {
  display: flex;
  flex-direction: row;
  padding: 0.2em 0;
}
#mfs-order-lookup .mfs-order-lookup-container .mfs-order-lookup-order label {
  cursor: pointer;
}
#mfs-order-lookup .mfs-order-lookup-container .mfs-order-lookup-order-small {
  display: none;
}
#mfs-order-lookup .mfs-order-lookup-container .mfs-order-lookup-order:hover {
  cursor: pointer;
  color: #007bff;
}
#mfs-order-lookup .mfs-order-lookup-container .odd {
  background: #f3f3f3;
}
#mfs-order-lookup .mfs-order-lookup-count {
  margin: 1em;
  display: flex;
  flex-direction: row;
  text-align: right;
}
#mfs-order-lookup .mfs-order-lookup-count span {
  flex: 1;
}
#mfs-order-lookup .mfs-order-lookup-empty {
  margin: 1em;
}
@media (max-width: 1200px) {
  #mfs-order-lookup {
    font-size: 0.9em;
  }
  #mfs-order-lookup .form-control {
    font-size: 1em;
  }
}
@media (max-width: 1100px) {
  #mfs-order-lookup {
    font-size: 0.8em;
  }
}
@media (max-width: 1000px) {
  #mfs-order-lookup .mfs-order-lookup-header {
    display: none;
  }
  #mfs-order-lookup .mfs-order-lookup-container .mfs-order-lookup-order {
    display: none;
  }
  #mfs-order-lookup .mfs-order-lookup-container .mfs-order-lookup-order-small {
    display: flex;
    flex-direction: column;
    padding: 0.5em;
  }
  #mfs-order-lookup .mfs-order-lookup-container .mfs-order-lookup-order-small .mfs-order-lookup-order-header {
    font-weight: bold;
    font-size: 1.2em;
    border-bottom: thin solid black;
  }
  #mfs-order-lookup .mfs-order-lookup-container .mfs-order-lookup-order-small label {
    margin: 0.2em;
    padding: 0;
    cursor: pointer;
  }
  #mfs-order-lookup .mfs-order-lookup-container .mfs-order-lookup-order-small:hover {
    cursor: pointer;
    color: #007bff;
  }
  #mfs-order-lookup .mfs-order-lookup-container .mfs-order-lookup-order {
    display: none;
  }
}
@media (max-width: 800px) {
  #mfs-order-lookup .mfs-order-lookup-search {
    flex-direction: column;
    padding: 1em;
  }
  #mfs-order-lookup .mfs-order-lookup-search .form-control {
    margin: 0 1em 0.5em 0;
  }
  #mfs-order-lookup .mfs-order-lookup-search .mfs-order-lookup-search-button {
    display: none;
  }
  #mfs-order-lookup .mfs-order-lookup-search .mfs-order-lookup-search-button-small {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1em;
  }
}

#mfs-product-lookup .mfs-product-lookup-search {
  display: flex;
  flex-direction: row;
  padding: 1em 1% 3em 1%;
}
#mfs-product-lookup .mfs-product-lookup-search .mfs-product-lookup-on-truck {
  display: flex;
  align-items: center;
  margin-right: 1em;
  height: calc(1.5em + 0.75rem + 2px);
}
#mfs-product-lookup .mfs-product-lookup-search .mfs-product-lookup-on-truck label {
  margin: 0;
}
#mfs-product-lookup .mfs-product-lookup-search .form-control {
  display: flex;
  flex: 9;
  border: thin solid #ffd29c;
  margin: 0 1em 0 0;
  max-width: 500px;
}
#mfs-product-lookup .mfs-product-lookup-search .mfs-product-lookup-search-toolbar {
  display: flex;
  flex-direction: row;
  flex: 1;
}
#mfs-product-lookup .mfs-product-lookup-search .mfs-product-lookup-search-toolbar .mfs-product-lookup-search-button-toolbar {
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  flex: 1;
}
#mfs-product-lookup .mfs-product-lookup-search .mfs-product-lookup-search-toolbar .mfs-product-lookup-search-button-toolbar .mfs-product-lookup-search-button {
  display: flex;
  flex: 1;
  background: transparent;
  border: none;
  max-width: 50px;
  height: calc(1.5em + 0.75rem + 2px);
}
#mfs-product-lookup .mfs-product-lookup-search .mfs-product-lookup-search-toolbar .mfs-product-lookup-search-button-toolbar .mfs-product-lookup-search-button i {
  margin: auto;
  font-size: 1.25em;
}
#mfs-product-lookup .mfs-product-lookup-search .mfs-product-lookup-search-toolbar .mfs-product-lookup-search-button-toolbar .mfs-product-lookup-search-button-small {
  display: none;
}
#mfs-product-lookup .mfs-product-lookup-search .mfs-product-lookup-scan-button {
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  justify-content: center;
  align-items: center;
  width: 6em;
}
@media (min-width: 800px) {
  #mfs-product-lookup .mfs-product-lookup-search .mfs-product-lookup-scan-button {
    margin-left: auto;
    width: initial;
  }
}
#mfs-product-lookup .mfs-product-lookup-search .mfs-product-lookup-scan-button i {
  font-size: 4em;
}
#mfs-product-lookup .mfs-product-lookup-search button:hover {
  color: #007bff;
}
#mfs-product-lookup .mfs-product-lookup-header {
  margin: 0 1%;
  background: #ffd29c;
  display: flex;
  flex-direction: row;
  font-weight: bold;
  padding: 0.5em 1em 0.5em 0;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  color: #FFFFFF;
}
#mfs-product-lookup .mfs-product-lookup-header i {
  margin-right: 0.4em;
}
#mfs-product-lookup .mfs-product-lookup-header label:hover {
  cursor: pointer;
}
#mfs-product-lookup .mfs-product-lookup-container {
  margin: 0 1%;
  overflow-y: scroll;
  height: 60vh;
  border: thin solid #ffd29c;
}
#mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-product {
  display: flex;
  flex-direction: row;
  padding: 0.2em 0;
}
#mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-product label {
  cursor: pointer;
}
#mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-product-small {
  display: none;
}
#mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-product:hover {
  cursor: pointer;
  color: #007bff;
}
#mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-stop:hover {
  color: #007bff;
  cursor: pointer;
}
#mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-stop {
  display: flex;
  flex-direction: column;
  margin: 1em 15%;
  background: white;
  border: thin solid #c8c8c8;
  border-radius: 0.5em;
  padding: 0.5em;
  max-width: 900px;
}
#mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-stop label {
  cursor: pointer;
}
#mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-stop-id {
  font-weight: bold;
  font-size: 1.1em;
  border-bottom: thin solid;
}
#mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-stop-label {
  font-weight: bold;
}
#mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-stop-group {
  display: flex;
  flex-direction: row;
}
#mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-stop-info {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#mfs-product-lookup .mfs-product-lookup-container .odd-product {
  background: #f3f3f3;
}
#mfs-product-lookup .mfs-product-lookup-container .negative {
  color: red;
}
#mfs-product-lookup .section-wide {
  flex: 3;
  margin: 0;
  padding: 0 1em;
}
#mfs-product-lookup .section-short {
  flex: 1;
  margin: 0;
  padding: 0 1em;
}
#mfs-product-lookup .section-short-number {
  flex: 1;
  margin: 0;
  padding: 0 1em;
  text-align: right;
}
#mfs-product-lookup .section-number {
  text-align: right;
}
#mfs-product-lookup .section-icons {
  width: 125px;
  margin: 0;
  padding: 0 1em;
  justify-content: space-around;
  display: flex;
  align-items: center;
}
#mfs-product-lookup .section-icons a {
  height: 35px;
  width: 35px;
  padding: 0.2em;
  border-radius: 2em;
  border: medium solid;
  text-align: center;
}
#mfs-product-lookup .section-icons .mfs-product-lookup-load {
  background: #18ac38;
  color: white;
  border-color: #18ac38;
}
#mfs-product-lookup .section-icons .mfs-product-lookup-load:hover {
  background: #127f29;
  border-color: #127f29;
}
#mfs-product-lookup .section-icons .mfs-product-lookup-unload {
  background: #ff0000;
  color: white;
  border-color: #ff0000;
}
#mfs-product-lookup .section-icons .mfs-product-lookup-unload:hover {
  background: #cc0000;
  border-color: #cc0000;
}
#mfs-product-lookup .mfs-product-lookup-count {
  margin: 0.5em 1%;
}
#mfs-product-lookup .mfs-product-lookup-select {
  padding: 1em 1em 0 1em;
}
#mfs-product-lookup .mfs-product-lookup-select label {
  padding: 0 1em 0 0.5em;
}
#mfs-product-lookup .mfs-product-lookup-empty {
  margin: 1em;
}
@media (max-width: 1200px) {
  #mfs-product-lookup {
    font-size: 0.9em;
  }
  #mfs-product-lookup .form-control {
    font-size: 1em;
  }
}
@media (max-width: 1100px) {
  #mfs-product-lookup {
    font-size: 0.8em;
  }
}
@media (max-width: 1000px) {
  #mfs-product-lookup .mfs-product-lookup-header {
    display: none;
  }
  #mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-product {
    display: none;
  }
  #mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-product-small {
    display: flex;
    flex-direction: column;
    padding: 0.5em;
  }
  #mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-product-small .mfs-product-lookup-product-header {
    font-weight: bold;
    font-size: 1.2em;
    border-bottom: thin solid black;
  }
  #mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-product-small .section-icons-small {
    display: flex;
    padding: 0.5em 0;
    justify-content: initial;
  }
  #mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-product-small .section-icons-small a {
    margin-right: 0.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: initial;
  }
  #mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-product-small label {
    margin: 0.2em;
    padding: 0;
    cursor: pointer;
  }
  #mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-product-small:hover {
    cursor: pointer;
    color: #007bff;
  }
  #mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-product {
    display: none;
  }
}
@media (max-width: 800px) {
  #mfs-product-lookup .mfs-product-lookup-search {
    flex-direction: column;
    padding: 1em;
  }
  #mfs-product-lookup .mfs-product-lookup-search .form-control {
    margin: 0 1em 0.5em 0;
  }
  #mfs-product-lookup .mfs-product-lookup-search .mfs-product-lookup-search-toolbar .mfs-product-lookup-search-button-toolbar .mfs-product-lookup-search-button {
    display: none;
  }
  #mfs-product-lookup .mfs-product-lookup-search .mfs-product-lookup-search-toolbar .mfs-product-lookup-search-button-toolbar .mfs-product-lookup-search-button-small {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1em;
  }
}

#mfs-prospect-assignment {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#mfs-prospect-assignment .mfs-prospect-assignment-grid, #mfs-prospect-assignment .mfs-prospect-assignment-map {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-height: 50%;
  min-height: 50%;
}
#mfs-prospect-assignment .mfs-prospect-assignment-grid .mfs-prospect-map-map, #mfs-prospect-assignment .mfs-prospect-assignment-map .mfs-prospect-map-map {
  min-width: 100%;
  min-height: 100%;
}
#mfs-prospect-assignment .mfs-prospect-assignment-toggle {
  display: flex;
  flex-direction: row;
  background: #f3f3f3;
}
#mfs-prospect-assignment .mfs-prospect-assignment-toggle .mfs-information-toggle {
  flex: 1;
}
#mfs-prospect-assignment .mfs-prospect-assignment-toggle .mfs-view-toggle {
  position: absolute;
  right: 0;
}
#mfs-prospect-assignment .mfs-prospect-assignment-toggle .mfs-view-toggle .mfs-button-toggle-button {
  background: white;
  color: #495057;
}
#mfs-prospect-assignment .mfs-prospect-assignment-toggle .mfs-view-toggle .mfs-button-toggle-button-selected {
  background: #495057;
  color: white;
}
#mfs-prospect-assignment .mfs-prospect-assignment-toolbar {
  display: flex;
  flex-direction: row;
  padding: 1em;
}
#mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-button-toggle-wrapper {
  background: transparent;
  padding: 0 0 0 1em;
}
#mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-options {
  display: flex;
  flex-direction: row;
  margin-right: 0.5em;
}
#mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-options .mfs-prospect-assignment-search-dropdown {
  background: #f3f3f3;
  max-width: 220px;
  min-width: 220px;
}
#mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-options .mfs-prospect-assignment-search-dropdown:hover {
  cursor: pointer;
}
#mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-options .mfs-prospect-assignment-inactive {
  display: flex;
  flex-direction: row;
  margin: auto 0;
  background: #f3f3f3;
  padding: 0.2em;
  height: calc(1.5em + 0.75rem + 2px);
  border-radius: 0.25em;
  border: 1px solid #ced4da;
  margin-right: 0.5em;
  width: 230px;
}
#mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-options .mfs-prospect-assignment-inactive input, #mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-options .mfs-prospect-assignment-inactive label {
  margin: auto 0.2em;
}
#mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-options .mfs-prospect-assignment-inactive:hover input, #mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-options .mfs-prospect-assignment-inactive:hover label {
  cursor: pointer;
}
#mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-search {
  display: flex;
  flex-direction: row;
  flex: 1;
}
#mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-search .form-control {
  display: flex;
  flex: 1;
  margin: 0 1em 0 0;
  margin-right: 0.5em;
}
#mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-search .mfs-prospect-assignment-search-button {
  background: #e4aa3f;
  width: 2.2em;
  height: 2.2em;
  border: none;
  border-radius: 2em;
  color: #FFFFFF;
  padding: 0;
}
#mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-search .mfs-prospect-assignment-search-button i {
  margin: auto;
  font-size: 1.25em;
}
#mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-search .mfs-prospect-assignment-search-button:hover {
  background: #d2931e;
}
#mfs-prospect-assignment .mfs-prospect-assignment-divider {
  padding: 0em 1em 0em 1em;
  background: white;
}
#mfs-prospect-assignment .mfs-prospect-assignment-header {
  background: #ffd29c;
  display: flex;
  flex-direction: row;
  padding: 0.2em 1em 0.2em 0;
  color: #FFFFFF;
}
#mfs-prospect-assignment .mfs-prospect-assignment-text {
  display: flex;
  flex: 1;
}
#mfs-prospect-assignment .mfs-prospect-assignment-text .mfs-prospect-assignment-view {
  display: flex;
  flex: 8;
}
#mfs-prospect-assignment .mfs-prospect-assignment-text a {
  height: 35px;
  width: 35px;
  min-width: 35px;
  padding: 0.2em;
  border-radius: 2em;
  border: medium solid;
  text-align: center;
}
#mfs-prospect-assignment .mfs-prospect-assignment-text .mfs-lookup-map {
  background: #FF8400;
  color: white;
  border-color: #FF8400;
}
#mfs-prospect-assignment .mfs-prospect-assignment-text .mfs-lookup-map i {
  width: 20px;
}
#mfs-prospect-assignment .mfs-prospect-assignment-text .mfs-lookup-map:hover {
  background: #cc6a00;
  border-color: #cc6a00;
  cursor: pointer;
}
#mfs-prospect-assignment .mfs-prospect-assignment-text .mfs-lookup-save {
  background: #007bff;
  color: white;
  border-color: #007bff;
}
#mfs-prospect-assignment .mfs-prospect-assignment-text .mfs-lookup-save:hover {
  background: #0062cc;
  border-color: #0062cc;
  cursor: pointer;
}
#mfs-prospect-assignment .mfs-prospect-assignment-text .disabled {
  background: #c8c8c8;
  color: white;
  border-color: #c8c8c8;
}
#mfs-prospect-assignment .mfs-prospect-assignment-text:hover {
  cursor: pointer;
}
#mfs-prospect-assignment .mfs-prospect-assignment-header .mfs-prospect-assignment-small-section, #mfs-prospect-assignment .mfs-prospect-assignment-customer .mfs-prospect-assignment-small-section, #mfs-prospect-assignment .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-small-section {
  width: 250px;
  margin: 0;
  padding: 0 0.3em;
  align-self: center;
  display: flex;
}
#mfs-prospect-assignment .mfs-prospect-assignment-header .mfs-prospect-assignment-small-section select, #mfs-prospect-assignment .mfs-prospect-assignment-customer .mfs-prospect-assignment-small-section select, #mfs-prospect-assignment .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-small-section select {
  margin-right: 0.5em;
}
#mfs-prospect-assignment .mfs-prospect-assignment-header .mfs-prospect-assignment-name, #mfs-prospect-assignment .mfs-prospect-assignment-customer .mfs-prospect-assignment-name, #mfs-prospect-assignment .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-name {
  flex: 2;
  margin: 0;
  padding: 0 0.3em;
  align-self: center;
}
#mfs-prospect-assignment .mfs-prospect-assignment-header .mfs-prospect-assignment-section-address, #mfs-prospect-assignment .mfs-prospect-assignment-customer .mfs-prospect-assignment-section-address, #mfs-prospect-assignment .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-section-address {
  flex: 3;
  margin: 0;
  padding: 0 0.3em;
  align-self: center;
}
#mfs-prospect-assignment .mfs-prospect-assignment-header .mfs-prospect-assignment-section-address label, #mfs-prospect-assignment .mfs-prospect-assignment-customer .mfs-prospect-assignment-section-address label, #mfs-prospect-assignment .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-section-address label {
  margin: 0;
}
#mfs-prospect-assignment .mfs-prospect-assignment-header .mfs-prospect-assignment-icons, #mfs-prospect-assignment .mfs-prospect-assignment-customer .mfs-prospect-assignment-icons, #mfs-prospect-assignment .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-icons {
  width: 160px;
}
#mfs-prospect-assignment .mfs-prospect-assignment-container, #mfs-prospect-assignment .mfs-prospect-assignment-card-container {
  overflow-y: scroll;
  border: thin solid #ffd29c;
  display: flex;
  flex-direction: column;
  flex: 1;
  color: #495057;
  background: white;
}
#mfs-prospect-assignment .mfs-prospect-assignment-container .no-data, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .no-data {
  margin: 1em;
}
#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer {
  display: flex;
  flex-direction: row;
  padding: 0.5em 0;
  border-bottom: thin solid #d8d8d8;
  background: white;
}
#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer label, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer label {
  cursor: pointer;
  align-self: center;
}
#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer:hover, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer:hover {
  color: #007bff;
  background: #f3f3f3;
}
#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small {
  display: none;
  flex-direction: column;
  margin: 0.5em;
  background: white;
  padding: 1em 1em 0 1em;
  border-radius: 0.25em;
  box-shadow: 4px 3px 8px 1px #d8d8d8;
  border-top: 12px solid #d8d8d8;
}
#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-divider, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-divider {
  flex: 1;
}
#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header {
  display: flex;
  flex-direction: row;
}
#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-icons, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-icons {
  align-items: unset;
}
#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-customer-small-title, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-customer-small-title {
  display: flex;
  flex-direction: column;
  flex: 1;
  font-size: 1.1em;
}
#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-customer-small-title a, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-customer-small-title a {
  height: 35px;
  width: 35px;
  padding: 0.2em;
  border-radius: 2em;
  border: medium solid;
  text-align: center;
}
#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-customer-small-title .mfs-lookup-map, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-customer-small-title .mfs-lookup-map {
  background: #FF8400;
  color: white;
  border-color: #FF8400;
}
#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-customer-small-title .mfs-lookup-map:hover, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-customer-small-title .mfs-lookup-map:hover {
  background: #cc6a00;
  border-color: #cc6a00;
  cursor: pointer;
}
#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-customer-small-title:hover, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-customer-small-title:hover {
  color: #007bff;
  cursor: pointer;
}
#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-customer-small-title:hover label, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-customer-small-title:hover label {
  cursor: pointer;
}
#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-section-icons, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-section-icons {
  align-items: unset;
  padding: 0;
  width: -moz-fit-content;
  width: fit-content;
}
#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-section-icons a, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-section-icons a {
  margin-left: 0.5em;
}
#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-footer, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-footer {
  display: flex;
  flex-direction: row;
  border-top: thin solid #d8d8d8;
  height: 50px;
  text-align: center;
}
#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-footer label, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-footer label {
  flex: 1;
  align-self: center;
}
#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-footer label i, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-footer label i {
  color: #495057;
  margin-right: 0.5em;
}
#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-footer .divider, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-footer .divider {
  height: 100%;
  border-right: thin solid #d8d8d8;
}
#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-footer select, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-footer select {
  height: 32px;
  max-height: 32px;
  margin-top: 0.5em;
}
#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .card-display, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .card-display {
  display: none;
}
#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .hold, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .hold {
  border-color: #FF0000;
}
#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .inactive, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .inactive {
  border-color: #FFD700;
}
#mfs-prospect-assignment .mfs-prospect-assignment-card-container {
  flex-wrap: wrap;
  flex-direction: row;
}
#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view {
  display: flex;
  flex: 1 0 25%;
  min-width: 500px;
}
#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small {
  display: flex;
  width: 100%;
}
#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-fill-space {
  display: flex;
  flex: 1;
  height: 50%;
}
#mfs-prospect-assignment .section-small {
  flex: 0.5;
  margin: 0;
  padding: 0 0.3em;
}
#mfs-prospect-assignment .mfs-prospect-assignment-count {
  display: flex;
  flex-direction: row;
  text-align: right;
  background: #f3f3f3;
  padding: 0 0.5em;
}
#mfs-prospect-assignment .mfs-prospect-assignment-count span {
  flex: 1;
  padding: 0.5em 0;
}
#mfs-prospect-assignment .mw-message-box-dialog .sub-block {
  color: red;
}
@media (max-width: 1000px) {
  #mfs-prospect-assignment .mfs-button-toggle {
    display: none;
  }
  #mfs-prospect-assignment .mfs-prospect-assignment-header {
    display: none;
  }
  #mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer {
    display: none;
  }
  #mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small {
    display: flex;
  }
  #mfs-prospect-assignment .mfs-prospect-assignment-card-container {
    flex-wrap: unset;
    flex-direction: column;
  }
  #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view {
    display: flex;
    flex: 1;
    min-width: unset;
  }
  #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small {
    display: flex;
    flex: 1;
    min-width: unset;
  }
}
@media (max-width: 800px) {
  #mfs-prospect-assignment .mfs-prospect-assignment-toolbar {
    flex-direction: column;
  }
  #mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-options {
    margin: 0 0 1em 0;
  }
  #mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-options .mfs-prospect-assignment-search-dropdown {
    max-width: unset;
    min-width: unset;
    flex: 1;
  }
}
@media (max-width: 600px) {
  #mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .detail-display, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .detail-display {
    display: none;
  }
  #mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .card-display, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .card-display {
    display: flex;
    padding: 0.5em 0;
    justify-content: unset;
  }
  #mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .card-display a, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .card-display a {
    margin-right: 0.5em;
  }
}
@media (max-width: 600px) {
  #mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .detail-display, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .detail-display {
    display: none;
  }
  #mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .card-display, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .card-display {
    display: flex;
    padding: 0.5em 0;
    justify-content: unset;
  }
  #mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .card-display a, #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .card-display a {
    margin-right: 0.5em;
  }
}

#mfs-prospect {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#mfs-prospect .mfs-prospect-toggle {
  display: flex;
  flex-direction: row;
  background: #f3f3f3;
}
#mfs-prospect .mfs-prospect-toggle .mfs-information-toggle {
  flex: 1;
}
#mfs-prospect .mfs-prospect-toggle .mfs-view-toggle {
  position: absolute;
  right: 0;
}
#mfs-prospect .mfs-prospect-toggle .mfs-view-toggle .mfs-button-toggle-button {
  background: white;
  color: #495057;
}
#mfs-prospect .mfs-prospect-toggle .mfs-view-toggle .mfs-button-toggle-button-selected {
  background: #495057;
  color: white;
}
#mfs-prospect .mfs-prospect-toolbar {
  display: flex;
  flex-direction: row;
  padding: 1em;
}
#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-inactive {
  display: flex;
  flex-direction: row;
  margin: auto 0;
  background: #f3f3f3;
  padding: 0.2em;
  height: calc(1.5em + 0.75rem + 2px);
  border-radius: 0.25em;
  border: 1px solid #ced4da;
  margin-right: 0.5em;
  width: 230px;
}
#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-inactive input, #mfs-prospect .mfs-prospect-toolbar .mfs-prospect-inactive label {
  margin: auto 0.2em;
}
#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-inactive:hover input, #mfs-prospect .mfs-prospect-toolbar .mfs-prospect-inactive:hover label {
  cursor: pointer;
}
#mfs-prospect .mfs-prospect-toolbar .mfs-button-toggle-wrapper {
  background: transparent;
  padding: 0 0 0 1em;
}
#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-options {
  display: flex;
  flex-direction: row;
  margin-right: 0.5em;
}
#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-options .mfs-prospect-search-dropdown {
  background: #f3f3f3;
  max-width: 220px;
  min-width: 220px;
}
#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-options .mfs-prospect-search-dropdown:hover {
  cursor: pointer;
}
#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-options .mfs-prospect-inactive {
  display: flex;
  flex-direction: row;
  margin: auto 0;
  background: #f3f3f3;
  padding: 0.2em;
  height: calc(1.5em + 0.75rem + 2px);
  border-radius: 0.25em;
  border: 1px solid #ced4da;
  margin-right: 0.5em;
  width: 230px;
}
#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-options .mfs-prospect-inactive input, #mfs-prospect .mfs-prospect-toolbar .mfs-prospect-options .mfs-prospect-inactive label {
  margin: auto 0.2em;
}
#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-options .mfs-prospect-inactive:hover input, #mfs-prospect .mfs-prospect-toolbar .mfs-prospect-options .mfs-prospect-inactive:hover label {
  cursor: pointer;
}
#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-search {
  display: flex;
  flex-direction: row;
  flex: 1;
}
#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-search .form-control {
  display: flex;
  flex: 1;
  margin: 0 1em 0 0;
  margin-right: 0.5em;
}
#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-search .mfs-prospect-search-button {
  background: #e4aa3f;
  width: 2.2em;
  height: 2.2em;
  border: none;
  border-radius: 2em;
  color: #FFFFFF;
  padding: 0;
}
#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-search .mfs-prospect-search-button i {
  margin: auto;
  font-size: 1.25em;
}
#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-search .mfs-prospect-search-button:hover {
  background: #d2931e;
}
#mfs-prospect .mfs-prospect-divider {
  padding: 0em 1em 0em 1em;
  background: white;
}
#mfs-prospect .mfs-prospect-header {
  margin: 0 1em;
  background: #ffd29c;
  display: flex;
  flex-direction: row;
  padding: 0.2em 1em 0.2em 0;
  border-top-right-radius: 0.25em;
  border-top-left-radius: 0.25em;
  color: #FFFFFF;
}
#mfs-prospect .mfs-prospect-header i {
  margin-right: 0.5em;
}
#mfs-prospect .mfs-prospect-text {
  display: flex;
  flex: 1;
}
#mfs-prospect .mfs-prospect-text:hover {
  cursor: pointer;
}
#mfs-prospect .mfs-prospect-header .mfs-prospect-small-section, #mfs-prospect .mfs-prospect-customer .mfs-prospect-small-section, #mfs-prospect .mfs-prospect-customer-small .mfs-prospect-small-section {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
  align-self: center;
}
#mfs-prospect .mfs-prospect-header .overdue, #mfs-prospect .mfs-prospect-customer .overdue, #mfs-prospect .mfs-prospect-customer-small .overdue {
  color: red;
}
#mfs-prospect .mfs-prospect-header .mfs-prospect-name, #mfs-prospect .mfs-prospect-customer .mfs-prospect-name, #mfs-prospect .mfs-prospect-customer-small .mfs-prospect-name {
  flex: 2;
  margin: 0;
  padding: 0 0.3em;
  align-self: center;
}
#mfs-prospect .mfs-prospect-header .mfs-prospect-name label, #mfs-prospect .mfs-prospect-customer .mfs-prospect-name label, #mfs-prospect .mfs-prospect-customer-small .mfs-prospect-name label {
  margin: 0;
}
#mfs-prospect .mfs-prospect-header .mfs-prospect-name .customer-icon, #mfs-prospect .mfs-prospect-customer .mfs-prospect-name .customer-icon, #mfs-prospect .mfs-prospect-customer-small .mfs-prospect-name .customer-icon {
  flex: 1;
  text-align: right;
  color: red;
}
#mfs-prospect .mfs-prospect-header .mfs-prospect-name .lost-icon, #mfs-prospect .mfs-prospect-customer .mfs-prospect-name .lost-icon, #mfs-prospect .mfs-prospect-customer-small .mfs-prospect-name .lost-icon {
  font-size: 0.9em;
  font-weight: bold;
  background: #007bff;
  color: yellow;
  border-radius: 50%;
  padding: 0 5px;
}
#mfs-prospect .mfs-prospect-header .mfs-prospect-name .lost-icon:hover, #mfs-prospect .mfs-prospect-customer .mfs-prospect-name .lost-icon:hover, #mfs-prospect .mfs-prospect-customer-small .mfs-prospect-name .lost-icon:hover {
  text-decoration: none;
}
#mfs-prospect .mfs-prospect-header .mfs-prospect-section-address, #mfs-prospect .mfs-prospect-customer .mfs-prospect-section-address, #mfs-prospect .mfs-prospect-customer-small .mfs-prospect-section-address {
  flex: 3;
  margin: 0;
  padding: 0 0.3em;
  align-self: center;
}
#mfs-prospect .mfs-prospect-header .mfs-prospect-section-address label, #mfs-prospect .mfs-prospect-customer .mfs-prospect-section-address label, #mfs-prospect .mfs-prospect-customer-small .mfs-prospect-section-address label {
  margin: 0;
}
#mfs-prospect .mfs-prospect-header .mfs-prospect-icons, #mfs-prospect .mfs-prospect-customer .mfs-prospect-icons, #mfs-prospect .mfs-prospect-customer-small .mfs-prospect-icons {
  width: 200px;
}
#mfs-prospect .mfs-prospect-container, #mfs-prospect .mfs-prospect-card-container {
  margin: 0 1em;
  overflow-y: scroll;
  border: thin solid #ffd29c;
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
  display: flex;
  flex-direction: column;
  flex: 1;
  color: #495057;
  background: #f3f3f3;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-icons, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-icons {
  width: 200px;
  margin: 0;
  padding: 0 0.3em;
  justify-content: space-evenly;
  display: flex;
  align-items: center;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-icons a, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-icons a {
  height: 35px;
  width: 35px;
  padding: 0.2em;
  border-radius: 2em;
  border: medium solid;
  text-align: center;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-new-delivery, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-new-delivery {
  background: #31d0d3;
  color: white;
  border-color: #31d0d3;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-new-delivery:hover, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-new-delivery:hover {
  background: #25aaac;
  border-color: #25aaac;
  cursor: pointer;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-new-invoice, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-new-invoice {
  background: #31d0ff;
  color: white;
  border-color: #31d0ff;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-new-invoice:hover, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-new-invoice:hover {
  background: #00c3fd;
  border-color: #00c3fd;
  cursor: pointer;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-visit, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-visit {
  background: #007bff;
  color: white;
  border-color: #007bff;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-visit:hover, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-visit:hover {
  background: #0062cc;
  border-color: #0062cc;
  cursor: pointer;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-map, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-map {
  background: #FF8400;
  color: white;
  border-color: #FF8400;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-map:hover, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-map:hover {
  background: #cc6a00;
  border-color: #cc6a00;
  cursor: pointer;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-contact, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-contact {
  background: #18AC38;
  color: white;
  border-color: #18AC38;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-contact:hover, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-contact:hover {
  background: #127f29;
  border-color: #127f29;
  cursor: pointer;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-icons .unavailable, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-icons .unavailable {
  color: white;
  background: #d8d8d8;
  border-color: #d8d8d8;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer {
  display: flex;
  flex-direction: row;
  padding: 0.5em 0;
  border-bottom: thin solid #d8d8d8;
  background: white;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer label, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer label {
  cursor: pointer;
  align-self: center;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .converted, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .converted {
  background: #ffebeb;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .lost, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .lost {
  background: #fffdeb;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer:hover, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer:hover {
  color: #007bff;
  background: #f3f3f3;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small {
  display: none;
  flex-direction: column;
  margin: 0.5em;
  background: white;
  padding: 1em 1em 0 1em;
  border-radius: 0.25em;
  box-shadow: 4px 3px 8px 1px #d8d8d8;
  border-top: 12px solid #d8d8d8;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-divider, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-divider {
  flex: 1;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header {
  display: flex;
  flex-direction: row;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-icons, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-icons {
  align-items: unset;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .overdue, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .overdue {
  color: red;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-customer-small-title, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-customer-small-title {
  display: flex;
  flex-direction: column;
  flex: 1;
  font-size: 1.1em;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-customer-small-title i, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-customer-small-title i {
  color: red;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-customer-small-title:hover, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-customer-small-title:hover {
  color: #007bff;
  cursor: pointer;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-customer-small-title:hover label, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-customer-small-title:hover label {
  cursor: pointer;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-section-icons, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-section-icons {
  align-items: unset;
  padding: 0;
  width: -moz-fit-content;
  width: fit-content;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-section-icons a, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-section-icons a {
  margin-left: 0.5em;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-footer, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-footer {
  display: flex;
  flex-direction: row;
  border-top: thin solid #d8d8d8;
  height: 50px;
  text-align: center;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-footer label, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-footer label {
  flex: 1;
  align-self: center;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-footer label i, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-footer label i {
  color: #495057;
  margin-right: 0.5em;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-footer .divider, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-footer .divider {
  height: 100%;
  border-right: thin solid #d8d8d8;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .card-display, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .card-display {
  display: none;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .customer, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .customer {
  border-color: red;
  background: #ffebeb;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .hold, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .hold {
  border-color: #FF0000;
}
#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .inactive, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .inactive {
  border-color: #FFD700;
}
#mfs-prospect .mfs-prospect-card-container {
  flex-wrap: wrap;
  flex-direction: row;
}
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view {
  display: flex;
  flex: 1 0 25%;
  min-width: 500px;
}
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small {
  display: flex;
  width: 100%;
}
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-fill-space {
  display: flex;
  flex: 1;
  height: 50%;
}
#mfs-prospect .section-small {
  flex: 0.5;
  margin: 0;
  padding: 0 0.3em;
}
#mfs-prospect .mfs-prospect-count {
  margin: 1em;
  display: flex;
  flex-direction: row;
  text-align: right;
}
#mfs-prospect .mfs-prospect-count span {
  flex: 1;
  padding: 0.5em 0;
}
#mfs-prospect .mw-message-box-dialog .sub-block {
  color: red;
}
@media (max-width: 1000px) {
  #mfs-prospect .mfs-button-toggle {
    display: none;
  }
  #mfs-prospect .mfs-prospect-header {
    display: none;
  }
  #mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer {
    display: none;
  }
  #mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small {
    display: flex;
  }
  #mfs-prospect .mfs-prospect-card-container {
    flex-wrap: unset;
    flex-direction: column;
  }
  #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view {
    display: flex;
    flex: 1;
    min-width: unset;
  }
  #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small {
    display: flex;
    flex: 1;
    min-width: unset;
  }
}
@media (max-width: 800px) {
  #mfs-prospect .mfs-prospect-toolbar {
    flex-direction: column;
  }
  #mfs-prospect .mfs-prospect-toolbar .mfs-prospect-inactive {
    margin-bottom: 1em;
  }
  #mfs-prospect .mfs-prospect-toolbar .mfs-prospect-options {
    margin: 0 0 1em 0;
  }
  #mfs-prospect .mfs-prospect-toolbar .mfs-prospect-options .mfs-prospect-search-dropdown {
    max-width: unset;
    min-width: unset;
    flex: 1;
  }
}
@media (max-width: 600px) {
  #mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .detail-display, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .detail-display {
    display: none;
  }
  #mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .card-display, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .card-display {
    display: flex;
    padding: 0.5em 0;
    justify-content: unset;
  }
  #mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .card-display a, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .card-display a {
    margin-right: 0.5em;
  }
}
@media (max-width: 600px) {
  #mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .detail-display, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .detail-display {
    display: none;
  }
  #mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .card-display, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .card-display {
    display: flex;
    padding: 0.5em 0;
    justify-content: unset;
  }
  #mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .card-display a, #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .card-display a {
    margin-right: 0.5em;
  }
}

#mfs-view-prospect {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#mfs-view-prospect .error {
  color: red;
}
#mfs-view-prospect .success {
  color: #28a745;
}
#mfs-view-prospect .customer {
  background: #ffe6e6;
}
#mfs-view-prospect .customer {
  margin: 0;
  font-weight: bold;
  color: red;
  font-size: 1.5em;
  text-align: center;
  width: 100%;
}
#mfs-view-prospect .mfs-view-prospect-toolbar {
  width: 100%;
  text-align: left;
  margin: 0.5em;
}
#mfs-view-prospect .mfs-view-prospect-toolbar button {
  margin: 0.5em;
}

.mfs-view-prospect-container {
  flex-direction: column;
  max-width: 800px;
  margin: 1em;
  border: medium solid #f3f3f3;
  border-radius: 0.25em;
  color: #495057;
  padding-bottom: 0.5em;
}
.mfs-view-prospect-container.mango-form {
  width: 98%;
}
.mfs-view-prospect-container .mfs-view-invalid-feedback {
  color: red;
}
.mfs-view-prospect-container .mfs-view-invalid-feedback.address {
  margin-top: -0.5rem;
}
.mfs-view-prospect-container .mfs-view-invalid-feedback.next-contact-date {
  margin-top: 0.5rem;
}
.mfs-view-prospect-container .mfs-view-prospect-convert-toolbar {
  display: flex;
  flex-direction: row;
}
.mfs-view-prospect-container .mfs-view-prospect-convert-toolbar label {
  margin: 0 0 0 1em;
  align-self: center;
  flex: 1;
  color: red;
}
.mfs-view-prospect-container .mfs-view-prospect-title {
  background: #f3f3f3;
  text-align: center;
  padding: 0.5em;
  font-size: 1.1em;
  width: 100%;
}
.mfs-view-prospect-container .mfs-view-prospect-header {
  margin: 1em;
  font-size: 1.1em;
  font-weight: bold;
}
.mfs-view-prospect-container .mfs-view-prospect-section {
  display: flex;
  flex-direction: row;
  margin: 0.5em 1em;
}
.mfs-view-prospect-container .mfs-view-prospect-section.document {
  margin-top: -0.5em;
  flex-wrap: wrap;
}
.mfs-view-prospect-container .mfs-view-prospect-section.document .mfs-view-prospect-column {
  margin-top: 0.5em;
}
.mfs-view-prospect-container .mfs-view-prospect-section .mfs-view-prospect-column {
  flex: 1;
}
.mfs-view-prospect-container .mfs-view-prospect-section .mfs-view-prospect-column.zip-code input {
  text-transform: uppercase;
}
.mfs-view-prospect-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-zip {
  display: flex;
}
.mfs-view-prospect-container .mfs-view-prospect-section .mfs-view-prospect-column.document {
  flex-direction: column;
  min-width: 27em;
  border: medium solid #f3f3f3;
  border-bottom: none;
}
.mfs-view-prospect-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-document {
  display: flex;
  border-bottom: medium solid #f3f3f3;
}
.mfs-view-prospect-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-document .mfs-view-prospect-document-title {
  flex: 1.5;
  margin: 0;
  padding: 0.2em 0.4em;
}
.mfs-view-prospect-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-document .mfs-view-prospect-document-type {
  flex: 1;
  margin: 0;
  padding: 0.2em 0.4em;
}
.mfs-view-prospect-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-section-checkbox {
  margin-bottom: 0.4em;
  display: flex;
  align-items: center;
}
.mfs-view-prospect-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-document-additional-resources {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -0.5em;
}
.mfs-view-prospect-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-document-additional-resources .mfs-view-prospect-document-attachement {
  margin-left: 0.5em;
  display: flex;
  align-items: center;
}
.mfs-view-prospect-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-document-additional-resources .mfs-view-prospect-document-attachement .fa-paperclip {
  padding-right: 0.2em;
}
.mfs-view-prospect-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  min-height: 35px;
  min-width: 35px;
  max-height: 35px;
  max-width: 35px;
  text-decoration: none;
}
.mfs-view-prospect-container .mfs-view-prospect-section .divider {
  margin-right: 0.5em;
}
.mfs-view-prospect-container .mfs-view-prospect-section .disabled {
  background: #c8c8c8;
  color: white;
  border-color: #c8c8c8;
  margin-left: 0.5em;
}
.mfs-view-prospect-container .mfs-view-prospect-section .geocode {
  background: #28a745;
  color: white;
  border-color: #28a745;
  margin-left: 0.5em;
}
.mfs-view-prospect-container .mfs-view-prospect-section .geocode:hover {
  background: #1e7e34;
  border-color: #1e7e34;
  cursor: pointer;
}
.mfs-view-prospect-container .mfs-view-prospect-section .autofill {
  background: #007bff;
  color: white;
  border-color: #007bff;
  margin-left: 0.5em;
}
.mfs-view-prospect-container .mfs-view-prospect-section .autofill:hover {
  background: #0062cc;
  border-color: #0062cc;
  cursor: pointer;
}
.mfs-view-prospect-container .mfs-view-prospect-section .required {
  border-color: red;
}
.mfs-view-prospect-container .mfs-view-prospect-field-contact {
  display: flex;
  flex-direction: column;
  margin: 0.5em 1em;
  background: #f3f3f3;
  padding: 1em;
  border-radius: 0.25em;
}
.mfs-view-prospect-container .mfs-view-prospect-field-contact .name {
  margin-bottom: 0.5em;
}
.mfs-view-prospect-container .mfs-view-prospect-field-contact .mfs-view-prospect-contact {
  display: flex;
  flex-direction: row;
}
.mfs-view-prospect-container .mfs-view-prospect-field-contact .mfs-view-prospect-contact .mfs-view-prospect-contact-form {
  display: flex;
  flex-direction: column;
}
.mfs-view-prospect-container .mfs-view-prospect-field-contact .mfs-view-prospect-contact .mfs-view-prospect-contact-form.divider {
  margin-right: 0.5em;
}
.mfs-view-prospect-container .mfs-view-prospect-field-contact .mfs-view-prospect-contact .mfs-view-prospect-contact-form.name {
  flex: 1;
}
.mfs-view-prospect-container .mfs-view-prospect-field-contact .mfs-view-prospect-contact .mfs-view-prospect-contact-form.email {
  flex: 1;
}
.mfs-view-prospect-container .mfs-view-prospect-field-contact .mfs-view-prospect-contact .mfs-view-prospect-contact-form.phone {
  flex: 1;
}
.mfs-view-prospect-container .mfs-view-prospect-field-contact .mfs-view-prospect-contact .mfs-view-prospect-contact-form.message {
  flex: 2;
}
.mfs-view-prospect-container .mfs-view-prospect-field-contact .mfs-view-prospect-validation-errors {
  margin-top: 1em;
  margin-bottom: 0;
}
.mfs-view-prospect-container .mfs-view-prospect-field {
  display: flex;
  flex-direction: column;
  margin: 0.5em 1em;
}
.mfs-view-prospect-container .mfs-view-prospect-field .uppercase {
  text-transform: uppercase;
}
.mfs-view-prospect-container .mfs-view-prospect-field .address {
  margin-bottom: 0.5em;
}
.mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-sales, .mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-dates, .mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-invalid {
  display: flex;
  flex-direction: row;
}
.mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-sales label, .mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-sales input, .mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-dates label, .mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-dates input, .mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-invalid label, .mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-invalid input {
  flex: 1;
}
.mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-sales .divider, .mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-dates .divider, .mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-invalid .divider {
  margin-right: 0.5em;
}
.mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-sales .invalid, .mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-dates .invalid, .mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-invalid .invalid {
  border-color: red;
}
.mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-invalid {
  margin-top: 0.5em;
  font-size: 0.9em;
  color: red;
}
.mfs-view-prospect-container .convert {
  float: right;
  margin: 0 1em;
}
.mfs-view-prospect-container .mfs-view-prospect-contact-container {
  flex-direction: column;
  padding-bottom: 0.5em;
}
.mfs-view-prospect-container .mfs-view-prospect-contact-container .mfs-view-prospect-contact {
  display: flex;
  flex-direction: column;
  margin: 0.5em;
  padding: 1em;
  border-radius: 0.25em;
  box-shadow: 4px 3px 8px 1px #d8d8d8;
  background: white;
}
.mfs-view-prospect-container .mfs-view-prospect-contact-container .mfs-view-prospect-image {
  border: thin solid #c8c8c8;
  margin: 0.5em 1em;
  padding: 0.5em;
  border-radius: 0.25em;
}
.mfs-view-prospect-container .mfs-view-prospect-contact-container .mfs-view-prospect-image label {
  margin: 0;
}
.mfs-view-prospect-container .mfs-view-prospect-contact-container .mfs-view-prospect-image label:hover {
  cursor: pointer;
}
.mfs-view-prospect-container .mfs-view-prospect-contact-container .mfs-view-prospect-image:hover {
  cursor: pointer;
  color: #007bff;
}
.mfs-view-prospect-container .mfs-view-prospect-contact-container .no-data {
  margin: 1em;
}
.mfs-view-prospect-container .button-toggle {
  justify-content: center;
  display: flex;
  margin: 1em;
}
.mfs-view-prospect-container .button-toggle .selected {
  color: white;
  background: #007bff;
  border: thin solid #007bff;
}
.mfs-view-prospect-container .button-toggle .unselected {
  color: #007bff;
  background: white;
  border: thin solid #007bff;
}
.mfs-view-prospect-container .button-toggle .left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.mfs-view-prospect-container .button-toggle .right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
@media (max-width: 700px) {
  .mfs-view-prospect-container .mfs-view-prospect-section {
    flex-direction: column;
  }
  .mfs-view-prospect-container .mfs-view-prospect-section .divider {
    margin: 0;
  }
  .mfs-view-prospect-container .mfs-view-prospect-field-contact .mfs-view-prospect-contact {
    flex-direction: column;
  }
}

.slide-console-panel {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 0;
  transition: width 1s;
  border: solid 1px #ffd29c;
  color: #FFFFFF;
  background: #e4aa3f;
  padding: 0;
}
.slide-console-panel.console-open {
  padding: 0.6em 0.2em;
  width: 20em;
}
@media (max-width: 500px) {
  .slide-console-panel.console-open {
    width: 100%;
  }
}
.slide-console-panel.console-open .console-panel {
  overflow: auto;
  display: flex;
}
.slide-console-panel .console-header {
  text-align: center;
  display: flow-root;
  margin: 0.1em 0 0 0;
  font-weight: bold;
  font-size: 1.4em;
}
.slide-console-panel .console-header.warning {
  font-weight: bold;
  color: red;
}
.slide-console-panel .console-button-group {
  display: flex;
  flex-direction: row;
  margin-bottom: 0.6em;
  padding: 0 0.4em;
}
.slide-console-panel .console-button-group .console-button {
  flex: 1;
  border-radius: 3em;
  margin: 0 0.2em 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slide-console-panel .console-button-group .console-button.console-close {
  display: none;
}
.slide-console-panel .console-button-group .console-button.console-close .close-icon {
  margin-right: 0.4em;
}
@media (max-width: 500px) {
  .slide-console-panel .console-button-group .console-button.console-close {
    display: flex;
  }
}
.slide-console-panel .console-panel {
  flex-direction: column;
  padding: 0 0.4em;
  overflow: hidden;
  display: none;
}
.slide-console-panel .console-panel.fill {
  flex: 1;
}
.slide-console-panel .console-group {
  margin-bottom: 0.6em;
  background: #eabe6c;
  border-radius: 5px;
}
.slide-console-panel .console-group .console-title {
  margin-bottom: 0;
  width: 100%;
  padding: 0 0.4em;
}
.slide-console-panel .console-group .console-select {
  padding: 0.2em 0.5em;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  background: #ffd29c;
  width: 100%;
  border-radius: 5px;
}
.slide-console-panel .console-group .console-dropdown-checkbox.direction-column mms-drop-down-checkbox-display-column-group {
  flex-direction: column;
  align-items: flex-start;
}
.slide-console-panel .console-group .console-dropdown-checkbox .mms-drop-down-checkbox-display-column:first-child {
  flex: 0.5;
}
.slide-console-panel .console-group .console-dropdown-checkbox .mms-drop-down-checkbox .mms-drop-down-checkbox-list-item {
  padding: 0.1em;
}
.slide-console-panel .console-group .console-dropdown-checkbox .mms-drop-down-checkbox-text-wrapper {
  padding: 0;
  min-height: 1.2em;
  max-height: 1.2em;
}
.slide-console-panel .console-group .console-dropdown-checkbox .mms-drop-down-checkbox-text-wrapper .mms-drop-down-checkbox-text {
  line-height: 1.2em;
}
.slide-console-panel .console-group .console-checkbox {
  padding: 0.2em 0.5em;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.slide-console-panel .console-group .console-checkbox.disable-text {
  color: #d9d9d9;
  cursor: initial;
}

#mfs-prospect-map {
  display: flex;
}
#mfs-prospect-map .mw-input-box .mw-message-box-dialog {
  max-width: 40em;
}
#mfs-prospect-map .mw-input-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-cell {
  width: 100%;
}
#mfs-prospect-map .mfs-prospect-map-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 500px) {
  #mfs-prospect-map .mfs-prospect-map-content.console-open .mfs-prospect-map-map-container .mfs-prospect-map-console-expand {
    display: none;
  }
}
@media (max-width: 500px) {
  #mfs-prospect-map .mfs-prospect-map-content.console-open .mfs-prospect-map-prospect-activity {
    display: none;
  }
}
#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-map-container {
  display: flex;
  position: relative;
  flex: 1;
}
#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-map-container .mfs-prospect-map-console-expand {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 100;
  height: 5em;
  display: flex;
  width: 2em;
  align-items: center;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  justify-content: center;
  transition: left 1s;
  border: solid 1px #ffd29c;
  border-left: initial;
}
#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-map-container .mfs-prospect-map-map {
  width: 100%;
  height: 100%;
}
#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-prospect-list {
  max-height: 40%;
  display: flex;
  flex-direction: column;
}
#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-prospect-list .list-type {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-prospect-list .list-id {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-prospect-list .list-name {
  flex: 2;
  margin: 0;
  padding: 0 0.3em;
}
#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-prospect-list .list-address {
  flex: 5;
  margin: 0;
  padding: 0 0.3em;
}
#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-prospect-list .list-visit-date {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-prospect-list .mfs-prospect-map-prospect-list-header {
  flex: 0;
  background: #ffd29c;
  display: flex;
  flex-direction: row;
  padding: 0.2em 0 0.2em 0;
  border-top-right-radius: 0.25em;
  border-top-left-radius: 0.25em;
  color: #FFFFFF;
}
#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-prospect-list .mfs-prospect-map-prospect-list-container {
  flex: 1;
  overflow-y: auto;
  border: thin solid #ffd29c;
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
  display: flex;
  flex-direction: column;
  flex: 1;
  color: #495057;
  background: #f3f3f3;
}
#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-prospect-list .mfs-prospect-map-prospect-list-container .mfs-prospect-map-prospect-list-row {
  display: flex;
  flex-direction: row;
  padding: 0.5em 0;
  border-bottom: thin solid #d8d8d8;
  background: white;
}
#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-prospect-list .mfs-prospect-map-prospect-list-container .mfs-prospect-map-prospect-list-row label {
  cursor: pointer;
  align-self: center;
}
#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-prospect-list .mfs-prospect-map-prospect-list-container .mfs-prospect-map-prospect-list-row:hover {
  color: #007bff;
  background: #f3f3f3;
}
#mfs-prospect-map .here-maps-info-bubble-row {
  display: flex;
  flex-direction: row;
  width: 20em;
}
#mfs-prospect-map .here-maps-info-bubble-row .here-maps-info-bubble-title {
  font-weight: bold;
  margin: 0;
  margin-right: 0.2em;
}
#mfs-prospect-map .here-maps-info-bubble-row .here-maps-info-bubble-text {
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
#mfs-prospect-map .here-maps-info-bubble-row .here-maps-info-bubble-button {
  margin-top: 0.2em;
  font-size: 14px;
  margin-right: 0.6em;
}

#mfs-manager-dashboard {
  display: flex;
  flex-direction: column;
  padding: 1em 0;
}
#mfs-manager-dashboard .mfs-manager-dashboard-section {
  flex-direction: column;
  background: #e4aa3f;
  border-radius: 0.25em;
  border: medium solid #e4aa3f;
  margin: 1em;
}
#mfs-manager-dashboard .mfs-manager-dashboard-section .mfs-manager-dashboard-header {
  padding: 0.2em 0.5em;
  color: #FFFFFF;
  font-size: 1.3em;
}
#mfs-manager-dashboard .mfs-manager-dashboard-section .mfs-manager-dashboard-goals {
  display: flex;
  background: white;
}
#mfs-manager-dashboard .mfs-manager-dashboard-section .mfs-manager-dashboard-goals .mfs-dashboard-card {
  display: unset;
}
@media (max-width: 1000px) {
  #mfs-manager-dashboard .mfs-manager-dashboard-goals {
    flex-direction: column;
  }
}

#mfs-visit-lookup {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#mfs-visit-lookup .mfs-visit-lookup-completed {
  padding: 0.5em 1em;
}
#mfs-visit-lookup .mfs-visit-lookup-completed label {
  margin-right: 1em;
}
#mfs-visit-lookup .mfs-visit-lookup-completed select {
  max-width: 500px;
}
#mfs-visit-lookup .mfs-visit-lookup-search {
  display: flex;
  flex-direction: row;
  padding: 1em;
}
#mfs-visit-lookup .mfs-visit-lookup-search .form-control {
  display: flex;
  flex: 9;
  border: thin solid #ffd29c;
  margin: 0 1em 0 0;
  max-width: 500px;
}
#mfs-visit-lookup .mfs-visit-lookup-search .form-control.form-control-invalid, #mfs-visit-lookup .mfs-visit-lookup-search form-control-invalid {
  border: 1px solid rgba(255, 0, 0, 0.75);
}
#mfs-visit-lookup .mfs-visit-lookup-search .mfs-visit-lookup-search-bar {
  display: flex;
  flex-direction: row;
}
#mfs-visit-lookup .mfs-visit-lookup-search .mfs-visit-lookup-search-bar .mfs-visit-lookup-search-button {
  display: flex;
  flex: 1;
  background: transparent;
  border: none;
  max-width: 50px;
}
#mfs-visit-lookup .mfs-visit-lookup-search .mfs-visit-lookup-search-bar .mfs-visit-lookup-search-button i {
  margin: auto;
  font-size: 1.25em;
}
#mfs-visit-lookup .mfs-visit-lookup-search button:hover {
  color: #007bff;
}
#mfs-visit-lookup .mfs-lookup-divider {
  padding: 0em 1em 0em 1em;
  background: white;
}
#mfs-visit-lookup .mfs-visit-lookup-header {
  margin: 0 1%;
  background: #ffd29c;
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  font-weight: bold;
  padding: 0.5em 1em 0.5em 0;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
}
#mfs-visit-lookup .section-wide {
  flex: 3;
  margin: 0;
  padding: 0 1em;
}
#mfs-visit-lookup .section-name {
  flex: 2;
  margin: 0;
  padding: 0 1em;
}
#mfs-visit-lookup .section-short {
  flex: 1;
  margin: 0;
  padding: 0 1em;
  word-break: break-word;
}
#mfs-visit-lookup .section-date {
  width: 180px;
  margin: 0;
  padding: 0 1em;
}
#mfs-visit-lookup .section-complete {
  width: 120px;
  margin: 0;
  padding: 0 1em;
}
#mfs-visit-lookup .past-due {
  font-weight: bold;
  color: red;
}
#mfs-visit-lookup .due {
  font-weight: bold;
}
#mfs-visit-lookup .completed {
  background: #d9d9d9;
}
#mfs-visit-lookup .mfs-visit-lookup-container {
  margin: 0 1%;
  overflow-y: scroll;
  flex: 1;
  border: thin solid #ffd29c;
}
#mfs-visit-lookup .mfs-visit-lookup-container .mfs-visit-lookup-visit {
  display: flex;
  flex-direction: row;
  padding: 0.5em 0;
  border-bottom: thin solid #ffd29c;
}
#mfs-visit-lookup .mfs-visit-lookup-container .mfs-visit-lookup-visit label {
  cursor: pointer;
  word-break: break-word;
}
#mfs-visit-lookup .mfs-visit-lookup-container .mfs-visit-lookup-visit-small {
  display: none;
}
#mfs-visit-lookup .mfs-visit-lookup-container .mfs-visit-lookup-visit:hover {
  cursor: pointer;
  color: #007bff;
}
#mfs-visit-lookup .mfs-visit-lookup-count {
  margin: 1em;
  display: flex;
  flex-direction: row;
  text-align: right;
}
#mfs-visit-lookup .mfs-visit-lookup-count span {
  flex: 1;
}
#mfs-visit-lookup .mfs-visit-lookup-empty {
  margin: 1em;
}
@media (max-width: 1200px) {
  #mfs-visit-lookup {
    font-size: 0.9em;
  }
  #mfs-visit-lookup .form-control {
    font-size: 1em;
  }
}
@media (max-width: 1100px) {
  #mfs-visit-lookup {
    font-size: 0.8em;
  }
}
@media (max-width: 1000px) {
  #mfs-visit-lookup .mfs-visit-lookup-header {
    display: none;
  }
  #mfs-visit-lookup .mfs-visit-lookup-container .mfs-visit-lookup-visit {
    display: none;
  }
  #mfs-visit-lookup .mfs-visit-lookup-container .mfs-visit-lookup-visit-small {
    display: flex;
    flex-direction: column;
    padding: 0.5em;
    border-bottom: thin solid #ffd29c;
  }
  #mfs-visit-lookup .mfs-visit-lookup-container .mfs-visit-lookup-visit-small .mfs-visit-lookup-visit-header {
    font-weight: bold;
    font-size: 1.2em;
  }
  #mfs-visit-lookup .mfs-visit-lookup-container .mfs-visit-lookup-visit-small label {
    margin: 0.2em;
    padding: 0;
    cursor: pointer;
  }
  #mfs-visit-lookup .mfs-visit-lookup-container .mfs-visit-lookup-visit-small:hover {
    cursor: pointer;
    color: #007bff;
  }
}
@media (max-width: 800px) {
  #mfs-visit-lookup .mfs-visit-lookup-search {
    flex-direction: column;
    padding: 1em;
  }
  #mfs-visit-lookup .mfs-visit-lookup-search .form-control {
    margin: 0 1em 0.5em 0;
  }
}

#mfs-equipment-lookup {
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#mfs-equipment-lookup .mfs-equipment-lookup-search {
  display: flex;
  flex-direction: row;
  padding: 1em 1% 1em 1%;
  flex: 0 0 auto;
}
#mfs-equipment-lookup .mfs-equipment-lookup-search .mfs-equipment-lookup-search-title {
  display: flex;
  margin: 0 1em 0 0;
  font-size: x-large;
  align-items: center;
}
#mfs-equipment-lookup .mfs-equipment-lookup-search .form-control {
  display: flex;
  flex: 9;
  border: thin solid #ffd29c;
  margin: 0 1em 0 0;
  max-width: 500px;
}
#mfs-equipment-lookup .btn-show-wrapper {
  flex: 1;
  display: flex;
  padding: 0 1% 1em 1%;
  flex: 0 0 auto;
}
#mfs-equipment-lookup .btn-show-wrapper .mfs-equipment-lookup-search-button {
  display: flex;
  flex: 1;
  background: transparent;
  border: none;
  max-width: 50px;
  font-size: 1.25em;
}
#mfs-equipment-lookup .btn-show-wrapper .mfs-equipment-lookup-search-button i {
  margin: auto;
}
#mfs-equipment-lookup .btn-show-wrapper .mfs-equipment-lookup-search-button-small {
  display: none;
}
#mfs-equipment-lookup .btn-show-wrapper .btn-show, #mfs-equipment-lookup .btn-show-wrapper .btn-load, #mfs-equipment-lookup .btn-show-wrapper .btn-scan {
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}
#mfs-equipment-lookup .btn-show-wrapper .btn-scan {
  justify-content: center;
  align-items: center;
}
@media (min-width: 800px) {
  #mfs-equipment-lookup .btn-show-wrapper .btn-scan {
    margin-left: auto;
  }
}
#mfs-equipment-lookup .btn-show-wrapper .btn-scan i {
  font-size: 4em;
}
#mfs-equipment-lookup .mfs-equipment-lookup-progress,
#mfs-equipment-lookup #mfs-equipment-list {
  flex: 1;
}
#mfs-equipment-lookup .mfs-equipment-lookup-progress .mfs-equipment-header,
#mfs-equipment-lookup #mfs-equipment-list .mfs-equipment-header {
  margin: 0 1%;
  background: #ffd29c;
  display: flex;
  flex-direction: row;
  font-weight: bold;
  padding: 0.5em 1em 0.5em 0;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  color: #FFFFFF;
}
#mfs-equipment-lookup .mfs-equipment-lookup-progress .mfs-equipment-container,
#mfs-equipment-lookup #mfs-equipment-list .mfs-equipment-container {
  margin: 0 1%;
  overflow-y: scroll;
  border: thin solid #ffd29c;
}
@media (max-width: 1000px) {
  #mfs-equipment-lookup .mfs-equipment-lookup-progress .mfs-equipment-header,
  #mfs-equipment-lookup #mfs-equipment-list .mfs-equipment-header {
    display: none;
  }
}
#mfs-equipment-lookup .mfs-equipment-lookup-footer {
  display: flex;
  justify-content: space-between;
  padding: 0% 1% 1% 1%;
  flex: 0 0 auto;
}
#mfs-equipment-lookup .mfs-equipment-lookup-footer .fa-barcode {
  font-size: 4em;
}
#mfs-equipment-lookup .mfs-equipment-lookup-select {
  padding: 1em 1em 0 1em;
}
#mfs-equipment-lookup .mfs-equipment-lookup-select label {
  padding: 0 1em 0 0.5em;
}
#mfs-equipment-lookup .mfs-equipment-lookup-empty {
  margin: 1em;
}
#mfs-equipment-lookup .mw-message-box {
  min-height: 12vh;
}
@media (max-width: 1200px) {
  #mfs-equipment-lookup {
    font-size: 0.9em;
  }
  #mfs-equipment-lookup #mfs-equipment-list, #mfs-equipment-lookup .form-control, #mfs-equipment-lookup .btn {
    font-size: 1em;
  }
}
@media (max-width: 1100px) {
  #mfs-equipment-lookup {
    font-size: 0.8em;
  }
}
@media (max-width: 800px) {
  #mfs-equipment-lookup .mfs-equipment-lookup-search {
    flex-direction: column;
    padding: 1em;
  }
  #mfs-equipment-lookup .mfs-equipment-lookup-search .form-control {
    margin: 0 1em 0.5em 0;
  }
  #mfs-equipment-lookup .mfs-equipment-lookup-search .mfs-equipment-lookup-search-button {
    display: none;
  }
  #mfs-equipment-lookup .btn-show-wrapper {
    flex-direction: row;
    padding: 0 1em 0 1em;
  }
  #mfs-equipment-lookup .btn-show-wrapper .mfs-equipment-lookup-search-button-small,
  #mfs-equipment-lookup .btn-show-wrapper .btn-show, #mfs-equipment-lookup .btn-show-wrapper .btn-load, #mfs-equipment-lookup .btn-show-wrapper .btn-scan {
    display: flex;
    margin-right: 0.5em;
    font-size: 1em;
    margin-bottom: 0.5em;
  }
}

.mfs-forgot-password {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
.mfs-forgot-password .mfs-forgot-password-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  min-width: 20em;
}
.mfs-forgot-password .mfs-forgot-password-dialog .mfs-forgot-password-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
}
.mfs-forgot-password .mfs-forgot-password-dialog .mfs-forgot-password-header .mfs-forgot-password-title {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.2em;
}
.mfs-forgot-password .mfs-forgot-password-dialog .mfs-forgot-password-body-table {
  display: table;
  padding: 1em;
  overflow: hidden;
  width: 100%;
}
.mfs-forgot-password .mfs-forgot-password-dialog .mfs-forgot-password-footer {
  margin: 1em 0;
  text-align: right;
}
.mfs-forgot-password .mfs-forgot-password-dialog .mfs-forgot-password-footer button {
  padding: 0.375em 0.75em;
  margin-top: 0.5em;
}

#mw-history-page {
  padding: 60px 0 10px 0;
  height: 100vh;
}
#mw-history-page #mw-invoice-history-table {
  width: 600px;
  min-width: 300px;
  margin: auto;
}

#mw-hold-service {
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
#mw-hold-service .mw-hold-service-wrapper {
  display: flex;
  flex-direction: column;
  padding-left: 10%;
  padding-right: 10%;
  align-items: center;
}
#mw-hold-service .mw-hold-service-wrapper .mw-hold-service-label {
  font-size: 2em;
  font-weight: bolder;
  text-align: center;
}
#mw-hold-service .mw-hold-service-wrapper .mw-hold-service-button {
  font-size: 1em;
  width: 10em;
  height: 4em;
}

.mw-leave-message-page {
  background: #f3f3f3;
  display: flex;
  flex-direction: column;
}
.mw-leave-message-page .mw-leave-message-container {
  display: flex;
  flex-direction: column;
  margin: auto;
  border: 1px solid #ffd29c;
  min-width: 800px;
  width: 50%;
}
.mw-leave-message-page .mw-leave-message-title {
  font-size: 1.25em;
  background-color: #ffd29c;
  color: #FFFFFF;
  height: 2em;
  text-align: center;
  padding-top: 5px;
  margin-bottom: 0.5em;
}
.mw-leave-message-page .mw-leave-message-toolbar {
  padding: 1em;
  text-align: right;
}
.mw-leave-message-page .mw-leave-message-toolbar button {
  width: -moz-fit-content;
  width: fit-content;
}
.mw-leave-message-page .mw-leave-message-input, .mw-leave-message-page .mw-leave-message-message-box {
  display: flex;
  flex-direction: row;
  margin: 1em;
}
.mw-leave-message-page .mw-leave-message-input label, .mw-leave-message-page .mw-leave-message-message-box label {
  display: flex;
  flex: 1;
}
.mw-leave-message-page .mw-leave-message-input input, .mw-leave-message-page .mw-leave-message-input textarea, .mw-leave-message-page .mw-leave-message-message-box input, .mw-leave-message-page .mw-leave-message-message-box textarea {
  display: flex;
  flex: 2;
}
.mw-leave-message-page .mw-leave-message-input textarea, .mw-leave-message-page .mw-leave-message-message-box textarea {
  height: 200px;
}
@media (max-width: 820px) {
  .mw-leave-message-page .mw-leave-message-container {
    margin: unset;
    width: unset;
    min-width: unset;
    flex: 1;
  }
  .mw-leave-message-page .mw-leave-message-container .mw-leave-message-message-box {
    flex: 1;
  }
}

#mw-notifications-page {
  background: #f3f3f3;
  height: 100vh;
}
#mw-notifications-page .mw-notifications-toolbar {
  padding: 1em;
}
#mw-notifications-page .mw-notifications-container {
  border-bottom: thin solid #c8c8c8;
  background: white;
  margin: 0 1em;
}
#mw-notifications-page .mw-notifications-message {
  padding: 1em 0.5em;
}
@media (max-width: 580px) {
  #mw-notifications-page {
    padding: 50px 0;
  }
}

#mw-orders-page #mw-catalog-filters {
  height: 100vh;
}
#mw-orders-page .no-products {
  font-size: 1.2em;
  padding-top: 1em;
  text-align: center;
  width: 100%;
}
#mw-orders-page .no-filters, #mw-orders-page .existing-filters {
  display: flex;
  flex-direction: row;
  width: 100%;
  background: #f3f3f3;
}
#mw-orders-page .no-filters .mw-orders-delivery-section, #mw-orders-page .existing-filters .mw-orders-delivery-section {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex: 1;
}
#mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-delivery-info, #mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-delivery-info {
  display: flex;
  flex-direction: row;
  background: #ffd29c;
  color: #FFFFFF;
  margin-bottom: 0.5em;
}
#mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-delivery-info label, #mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-delivery-info label {
  margin: 0.2em 0.5em;
}
#mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-products-container, #mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-products-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: auto;
  word-wrap: break-word;
  background: #f3f3f3;
  overflow: auto;
}
#mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-products-container .mw-orders-products-pagination-loading, #mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-products-container .mw-orders-products-pagination-loading {
  background: white;
  border: solid 2px #e1e1e1;
  border-radius: 1.05rem;
  margin-bottom: 0.4em;
  height: 4em;
}
#mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item, #mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item {
  margin: 0.5em;
}
@media (max-width: 890px) {
  #mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item, #mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item {
    margin: 0.2em;
  }
}
@media (max-width: 930px), (max-height: 700px) {
  #mw-orders-page .no-filters, #mw-orders-page .existing-filters {
    flex-direction: column;
    overflow: hidden;
    height: unset;
  }
  #mw-orders-page .no-filters #mw-catalog-filters, #mw-orders-page .existing-filters #mw-catalog-filters {
    height: unset;
  }
  #mw-orders-page .no-filters .mw-orders-delivery-section, #mw-orders-page .existing-filters .mw-orders-delivery-section {
    padding-top: 0;
    overflow: unset;
  }
  #mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-products-container, #mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-products-container {
    padding: 1em;
    overflow: unset;
    justify-content: center;
  }
  #mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item, #mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item {
    overflow: unset;
    max-width: 24em;
    min-height: 200px;
    width: 100%;
  }
  #mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-image-container, #mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-description, #mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-image-container, #mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-description {
    display: none;
  }
  #mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-favorite, #mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-info-icon, #mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-favorite, #mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-info-icon {
    margin-top: 0;
  }
  #mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-title-container, #mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-title-container {
    align-items: center;
  }
  #mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-title-container .mw-catalog-item-title, #mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-title-container .mw-catalog-item-title {
    text-align: left;
    padding-left: 0.5em;
  }
  #mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-image-small-container, #mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-image-small-container {
    display: flex;
    border: none;
  }
}
#mw-orders-page .no-filters {
  flex-direction: column;
}
#mw-orders-page .no-filters #mw-catalog-filters {
  width: unset;
}

#mw-pay-invoice-page {
  display: flex;
  width: 100%;
  height: 100vh;
  overflow-y: scroll;
  padding: 50px 30% 5px 30%;
  background: #f3f3f3;
}
#mw-pay-invoice-page .mw-pay-invoice-container {
  display: flex;
  flex-direction: column;
  margin: 0.5em;
  position: relative;
  word-wrap: break-word;
  border: 1px solid #ffd29c;
  flex: 1;
  min-width: 300px;
  height: -moz-fit-content;
  height: fit-content;
  background: white;
}
#mw-pay-invoice-page .mw-pay-invoice-container label {
  margin: 0.5em 0;
}
#mw-pay-invoice-page .mw-pay-invoice-totals {
  margin-top: 0.5em;
}
#mw-pay-invoice-page .mw-pay-invoice-totals .mw-pay-invoice-charge {
  font-weight: bold;
  margin: 0.2em 0;
  text-align: right;
}
#mw-pay-invoice-page .mw-pay-invoice-totals .mw-pay-invoice-charge label {
  margin: 0.1em;
}
#mw-pay-invoice-page .mw-pay-invoice-title {
  font-size: 1.25em;
  background-color: #ffd29c;
  color: #FFFFFF;
  height: 2em;
  text-align: center;
  padding-top: 5px;
}
#mw-pay-invoice-page .mw-pay-invoice-title label {
  margin: 0.1em;
}
#mw-pay-invoice-page .mw-pay-invoice-toolbar {
  padding: 1em;
  text-align: right;
}
#mw-pay-invoice-page .mw-pay-invoice-toolbar button {
  width: -moz-fit-content;
  width: fit-content;
}
#mw-pay-invoice-page .mw-pay-invoice-methods {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 1em;
}
#mw-pay-invoice-page .mw-pay-invoice-methods .nav-link {
  color: #007bff;
}
#mw-pay-invoice-page .mw-pay-invoice-toolbar {
  padding: 1em;
}
#mw-pay-invoice-page .mw-choose-payment-method-container {
  border-top: none;
  margin-bottom: 1em;
}
#mw-pay-invoice-page .mw-choose-payment-method-container .mw-credit-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 7px;
  margin: 5px;
  border: 1px solid rgb(225, 225, 225);
  cursor: pointer;
}
#mw-pay-invoice-page .mw-choose-payment-method-container .mw-credit-card label {
  cursor: pointer;
}
#mw-pay-invoice-page .mw-choose-payment-method-container .mw-credit-card .mw-card-description {
  font-size: 20px;
  text-transform: uppercase;
  margin: 0;
}
#mw-pay-invoice-page .mw-choose-payment-method-container .mw-credit-card .mw-card-expiry {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0;
}
#mw-pay-invoice-page .mw-choose-payment-method-container .mw-credit-card .mw-credit-card-checkbox {
  display: block;
  width: 35px;
  height: 35px;
  border: 1px solid rgb(200, 200, 200);
  margin-right: 1em;
}
#mw-pay-invoice-page .mw-choose-payment-method-container .mw-credit-card .mw-credit-card-checkbox i {
  display: none;
}
#mw-pay-invoice-page .mw-choose-payment-method-container .mw-credit-card.mw-credit-card-selected .mw-credit-card-checkbox i {
  margin: 0.15em;
  font-size: 25px;
  display: block;
  color: #ffd29c;
}
#mw-pay-invoice-page .mw-choose-payment-method-container .mw-credit-card .check:hover {
  background: rgb(235, 235, 235);
}
#mw-pay-invoice-page .mw-pay-invoice-payments {
  display: flex;
  flex-direction: row;
}
#mw-pay-invoice-page .mw-pay-invoice-payments label, #mw-pay-invoice-page .mw-pay-invoice-payments input {
  display: flex;
  flex: 1;
}
#mw-pay-invoice-page .mw-pay-invoice-payments input {
  padding: 0.5em;
  text-align: right;
}
#mw-pay-invoice-page .mw-pay-invoice-payments .mw-pay-invoice-payments-required {
  border-color: red;
}
@media (max-width: 800px) {
  #mw-pay-invoice-page {
    padding: 50px 0;
  }
}

#mw-payments-page {
  display: flex;
  flex-direction: row;
  flex: 1;
}
@media (max-width: 1000px) {
  #mw-payments-page {
    overflow-y: auto;
    flex-direction: column;
  }
  #mw-payments-page #mw-invoices-table, #mw-payments-page #mw-invoice-history-table, #mw-payments-page #mw-statements, #mw-payments-page #mw-manage-cards-table {
    min-height: 90vh;
  }
}
@media (max-height: 700px) {
  #mw-payments-page {
    font-size: 0.9em;
  }
  #mw-payments-page #mw-sign-up-product-catalog {
    flex-direction: column;
  }
  #mw-payments-page .mw-sign-up-body-catalog {
    height: unset;
    overflow: hidden;
  }
}

#mw-reset-password-page {
  background: #e4aa3f;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
#mw-reset-password-page .mw-reset-password-container {
  min-width: 300px;
  padding: 25px;
  background: white;
}
#mw-reset-password-page .mw-reset-password-container label {
  margin: 0;
}
#mw-reset-password-page .mw-reset-password-message button {
  width: 20%;
  margin-top: 2em;
  margin-left: 40%;
}
#mw-reset-password-page .mw-reset-password-button {
  display: block;
  float: right;
  margin-top: 2em;
}
#mw-reset-password-page .mw-password-requirements {
  margin-top: 2em;
}

#mfs-reset-password-page {
  background: #e4aa3f;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
#mfs-reset-password-page .mfs-reset-password-container {
  min-width: 300px;
  padding: 25px;
  background: white;
}
#mfs-reset-password-page .mfs-reset-password-container label {
  margin: 0;
}
#mfs-reset-password-page .mfs-reset-password-message button {
  width: 20%;
  margin-top: 2em;
  margin-left: 40%;
}
#mfs-reset-password-page .mfs-reset-password-button {
  display: block;
  float: right;
  margin-top: 2em;
}
#mfs-reset-password-page .mfs-password-requirements {
  margin-top: 2em;
}

#mw-sign-up-page {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: white;
  width: 100vw;
}
#mw-sign-up-page .mw-sign-up-container {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  flex: 1;
}
#mw-sign-up-page .mw-sign-up-container .mw-shopping-cart-table-cart, #mw-sign-up-page .mw-sign-up-container .mw-shopping-cart-table-summary {
  border: none;
}
#mw-sign-up-page .mw-sign-up-container .mw-sign-up-header {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
#mw-sign-up-page .mw-sign-up-container .mw-sign-up-header #mw-step-progress-bar {
  padding: 0.5em;
  align-self: center;
}
@media (max-width: 1200px) {
  #mw-sign-up-page .mw-sign-up-container .mw-sign-up-header #mw-step-progress-bar {
    font-size: 85%;
  }
}
@media (max-width: 1080px) {
  #mw-sign-up-page .mw-sign-up-container .mw-sign-up-header #mw-step-progress-bar {
    font-size: 80%;
  }
}
@media (max-width: 950px) {
  #mw-sign-up-page .mw-sign-up-container .mw-sign-up-header #mw-step-progress-bar {
    font-size: 70%;
  }
}
@media (max-width: 850px) {
  #mw-sign-up-page .mw-sign-up-container .mw-sign-up-header #mw-step-progress-bar {
    display: none;
  }
}
#mw-sign-up-page .mw-sign-up-container .mw-sign-up-title-header {
  padding: 0.5em;
  text-align: center;
}
#mw-sign-up-page .mw-sign-up-container .mw-sign-up-title-header .mw-sign-up-title {
  font-size: 2em;
  align-self: center;
}
#mw-sign-up-page .mw-sign-up-container .mw-sign-up-title-header .mw-sign-up-description {
  font-size: 1em;
  align-self: center;
  width: 95%;
  text-align: center;
}
#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body {
  flex: 10 10 auto;
  display: flex;
  overflow-y: auto;
  height: 100%;
}
#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body .mw-sign-up-form {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  padding-bottom: 0.4em;
}
#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body #mw-web-prospect, #mw-sign-up-page .mw-sign-up-container .mw-sign-up-body #mw-web-prospect-contact {
  padding: 1em 1em 100px 1em;
}
#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body #mw-delivery-information-form, #mw-sign-up-page .mw-sign-up-container .mw-sign-up-body #mw-sign-up-info-form {
  padding: 0 1em 0 1em;
}
#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body #mw-confirm-order {
  padding: 1em 15% 1em 15%;
}
@media (max-width: 1200px) {
  #mw-sign-up-page .mw-sign-up-container .mw-sign-up-body #mw-confirm-order {
    padding: 1em 1em 100px 1em;
  }
}
@media (max-width: 900px) {
  #mw-sign-up-page .mw-sign-up-container .mw-sign-up-body #mw-confirm-order #mw-shopping-cart-table {
    flex-direction: column;
  }
}
@media (max-width: 600px) {
  #mw-sign-up-page .mw-sign-up-container .mw-sign-up-body .mw-web-prospect-container .mw-web-prospect-column {
    margin: 0 0;
  }
  #mw-sign-up-page .mw-sign-up-container .mw-sign-up-body #mw-web-prospect-contact {
    min-width: 100%;
  }
  #mw-sign-up-page .mw-sign-up-container .mw-sign-up-body .mw-confirm-order-container {
    height: -moz-fit-content;
    height: fit-content;
    flex-direction: row;
  }
}
#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body .mw-sign-up-progress .mw-sign-up-progress {
  position: inherit;
  width: 100%;
}
#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body #mw-check-availability {
  flex: 1;
  align-items: center;
}
#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body #mw-check-availability .alert-success {
  width: 20em;
}
#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body .mw-sign-up-failed {
  display: flex;
  flex-direction: column;
  flex: 1;
  text-align: center;
}
#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body .mw-sign-up-failed .mw-sign-up-error-title {
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 0.8em;
}
#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body .mw-sign-up-failed .mw-sign-up-error-message {
  font-size: 1em;
}
#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body .mw-sign-up-progress {
  position: inherit;
  width: 100%;
  height: 100%;
  background: inherit;
}
#mw-sign-up-page .mw-sign-up-container .mw-sign-up-footer {
  flex: 2 2 auto;
  display: flex;
  flex-direction: row;
  min-height: 50px;
  max-height: 50px;
  padding: 0 5px;
  background: #f3f3f3;
  width: 100%;
  justify-content: center;
}
#mw-sign-up-page .mw-sign-up-container .mw-sign-up-footer button {
  height: -moz-fit-content;
  height: fit-content;
  margin: 7px;
}
#mw-sign-up-page .mw-sign-up-container .mw-sign-up-footer .mw-sign-up-btn-previous, #mw-sign-up-page .mw-sign-up-container .mw-sign-up-footer .mw-sign-up-btn-next {
  width: 7em;
}
#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body-catalog {
  flex: 10 10 auto;
  display: flex;
  overflow-y: auto;
  height: 100%;
}
#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body-catalog .mw-sign-up-products {
  background: #f3f3f3;
}
@media (max-width: 890px) {
  #mw-sign-up-page {
    font-size: 0.9em;
  }
  #mw-sign-up-page #mw-sign-up-product-catalog {
    flex-direction: column;
  }
  #mw-sign-up-page .mw-sign-up-body-catalog {
    height: unset;
    overflow: hidden;
  }
  #mw-sign-up-page .mw-sign-up-container {
    overflow-y: hidden;
  }
}
@media (max-height: 700px) {
  #mw-sign-up-page {
    font-size: 0.9em;
  }
  #mw-sign-up-page #mw-sign-up-product-catalog {
    flex-direction: column;
  }
  #mw-sign-up-page .mw-sign-up-body-catalog {
    height: unset;
    overflow: hidden;
  }
}

#mfs-work-flow-page {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: white;
  width: 100vw;
}
#mfs-work-flow-page .mfs-work-flow-container {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  flex: 1;
}
#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-header {
  flex: 0;
  display: flex;
  flex-direction: column;
}
#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-header #mw-step-progress-bar {
  padding: 0.5em;
  align-self: center;
}
@media (max-width: 1200px) {
  #mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-header #mw-step-progress-bar {
    font-size: 85%;
  }
}
@media (max-width: 1080px) {
  #mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-header #mw-step-progress-bar {
    font-size: 80%;
  }
}
@media (max-width: 950px) {
  #mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-header #mw-step-progress-bar {
    font-size: 70%;
  }
}
@media (max-width: 850px) {
  #mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-header #mw-step-progress-bar {
    display: none;
  }
}
#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-title-header {
  padding: 0.5em;
  text-align: center;
}
#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-title-header .mfs-work-flow-title {
  font-size: 2em;
  align-self: center;
}
#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-title-header .mfs-work-flow-description {
  font-size: 1em;
  align-self: center;
  width: 95%;
  text-align: center;
}
#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body {
  flex: 1;
  overflow: auto;
}
#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-credit-card {
  min-width: 40em;
  width: 40%;
  margin: 0.6em auto;
  overflow: hidden;
}
@media (max-width: 40em) {
  #mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-credit-card {
    width: 100%;
    min-width: initial;
  }
}
#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-credit-card .mw-cards-container {
  background: white;
  padding: 15px;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 0 1px;
}
#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-credit-card .mw-cards-container .mw-credit-card {
  position: relative;
  display: flex;
  flex-direction: row;
  margin-bottom: 5px;
  border: thin solid rgb(225, 225, 225);
  border-radius: 0.25em;
}
#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-credit-card .mw-cards-container .mw-credit-card .mw-card-description {
  font-size: 20px;
  margin: 0;
  color: black;
}
#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-credit-card .mw-cards-container .mw-credit-card .mw-credit-card-info {
  display: flex;
  flex-direction: row;
  flex: 1;
  min-height: 100px;
}
#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-credit-card .mw-cards-container .mw-credit-card .mw-credit-card-description {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 1em;
  text-transform: uppercase;
}
#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-credit-card .mw-cards-container .mw-credit-card .mw-card-delete {
  height: 35px;
  width: 35px;
  padding: 0.2em;
  border-radius: 2em;
  background: #dc3545;
  color: white;
  text-align: center;
  margin: 0.5em;
  border: medium solid;
}
#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-credit-card .mw-cards-container .mw-credit-card .mw-card-delete:hover {
  background: #bd2130;
}
#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-credit-card .mfs-work-flow-credit-card-footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 15px;
}
#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-credit-card .mfs-work-flow-credit-card-footer .btn {
  margin-left: 0.6em;
}
#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-credit-card .mfs-work-flow-credit-card-footer .mw-cards-no-cards {
  display: flex;
  flex: 1;
  align-items: center;
}
#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-photos {
  min-width: 40em;
  width: 40%;
  margin: 0.6em auto;
  overflow: hidden;
}
@media (max-width: 40em) {
  #mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-photos {
    width: 100%;
    min-width: initial;
  }
}
#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-footer {
  flex: 2 2 auto;
  display: flex;
  flex-direction: row;
  min-height: 50px;
  max-height: 50px;
  padding: 0 5px;
  background: #f3f3f3;
  width: 100%;
  justify-content: center;
}
#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-footer button {
  height: -moz-fit-content;
  height: fit-content;
  margin: 7px;
}
#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-footer .mfs-work-flow-btn-previous, #mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-footer .mfs-work-flow-btn-next {
  width: 7em;
}
@media (max-width: 890px) {
  #mfs-work-flow-page {
    font-size: 0.9em;
  }
  #mfs-work-flow-page .mfs-work-flow-container {
    overflow-y: hidden;
  }
}
@media (max-height: 700px) {
  #mfs-work-flow-page {
    font-size: 0.9em;
  }
}

#mw-add-delivery-location-page {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: white;
  width: 100vw;
}
#mw-add-delivery-location-page .mw-add-delivery-location-container {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-shopping-cart-table-cart, #mw-add-delivery-location-page .mw-add-delivery-location-container .mw-shopping-cart-table-summary {
  border: none;
}
#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-header {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-header #mw-step-progress-bar {
  padding: 0.5em;
  align-self: center;
}
@media (max-width: 1200px) {
  #mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-header #mw-step-progress-bar {
    font-size: 85%;
  }
}
@media (max-width: 1080px) {
  #mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-header #mw-step-progress-bar {
    font-size: 80%;
  }
}
@media (max-width: 950px) {
  #mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-header #mw-step-progress-bar {
    font-size: 70%;
  }
}
@media (max-width: 850px) {
  #mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-header #mw-step-progress-bar {
    display: none;
  }
}
#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-title-header {
  padding: 0.5em;
  text-align: center;
}
#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-title-header .mw-add-delivery-location-title {
  font-size: 2em;
  align-self: center;
}
#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-title-header .mw-add-delivery-location-description {
  font-size: 1em;
  align-self: center;
  width: 95%;
  text-align: center;
}
#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body {
  flex: 10 10 auto;
  display: flex;
  overflow-y: auto;
  align-items: center;
  justify-content: center;
  height: 100%;
}
#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body .mw-add-delivery-location-form {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  flex-direction: column;
  padding-bottom: 0.4em;
}
#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body #mw-web-prospect, #mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body #mw-web-prospect-contact, #mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body #mw-delivery-information-form, #mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body #mw-sign-up-info-form {
  padding: 1em 1em 100px 1em;
}
#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body #mw-confirm-order {
  padding: 1em 15% 1em 15%;
}
@media (max-width: 1200px) {
  #mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body #mw-confirm-order {
    padding: 1em 1em 100px 1em;
  }
}
@media (max-width: 900px) {
  #mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body #mw-confirm-order #mw-shopping-cart-table {
    flex-direction: column;
  }
}
@media (max-width: 600px) {
  #mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body .mw-web-prospect-container .mw-web-prospect-column {
    margin: 0 0;
  }
  #mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body #mw-web-prospect-contact {
    min-width: 100%;
  }
  #mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body .mw-confirm-order-container {
    height: -moz-fit-content;
    height: fit-content;
    flex-direction: row;
  }
}
#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body .mw-add-delivery-location-progress .mw-add-delivery-location-progress {
  position: inherit;
  width: 100%;
}
#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body #mw-check-availability {
  flex: 1;
  align-items: center;
}
#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body #mw-check-availability .alert-success {
  width: 20em;
}
#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body .mw-add-delivery-location-failed {
  display: flex;
  flex-direction: column;
  width: 20em;
}
#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body .mw-add-delivery-location-failed .mw-add-delivery-location-error-title {
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 0.8em;
}
#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body .mw-add-delivery-location-failed .mw-add-delivery-location-error-message {
  font-size: 1em;
}
#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body .mw-add-delivery-location-progress {
  position: inherit;
  width: 100%;
  height: 100%;
  background: inherit;
}
#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-footer {
  flex: 2 2 auto;
  display: flex;
  flex-direction: row;
  min-height: 50px;
  max-height: 50px;
  padding: 0 5px;
  background: #f3f3f3;
  width: 100%;
  justify-content: center;
}
#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-footer button {
  height: -moz-fit-content;
  height: fit-content;
  margin: 7px;
}
#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-footer .mw-add-delivery-location-btn-previous, #mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-footer .mw-add-delivery-location-btn-next {
  width: 7em;
}
#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body-catalog {
  flex: 10 10 auto;
  display: flex;
  overflow-y: auto;
  height: 100%;
}
#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body-catalog .mw-sign-up-products {
  background: #f3f3f3;
}
@media (max-width: 890px) {
  #mw-add-delivery-location-page {
    font-size: 0.9em;
  }
  #mw-add-delivery-location-page #mw-sign-up-product-catalog {
    flex-direction: column;
  }
  #mw-add-delivery-location-page .mw-add-delivery-location-body-catalog {
    height: unset;
    overflow: hidden;
  }
  #mw-add-delivery-location-page .mw-add-delivery-location-container {
    overflow-y: hidden;
  }
}
@media (max-height: 700px) {
  #mw-add-delivery-location-page {
    font-size: 0.9em;
  }
  #mw-add-delivery-location-page #mw-sign-up-product-catalog {
    flex-direction: column;
  }
  #mw-add-delivery-location-page .mw-add-delivery-location-body-catalog {
    height: unset;
    overflow: hidden;
  }
}

#mw-yearly-calendar-page {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
#mw-yearly-calendar-page .mw-yearly-calendar-container {
  width: 100%;
  padding: 0 0.2em 0 0.2em;
}
#mw-yearly-calendar-page .mw-yearly-calendar-container .mw-yearly-calendar-toolbar {
  justify-content: center;
  display: flex;
  padding: 2em;
}
@media only print {
  #mw-yearly-calendar-page .mw-yearly-calendar-container .mw-yearly-calendar-toolbar {
    display: none;
  }
}
#mw-yearly-calendar-page .mw-yearly-calendar-container .mw-yearly-calendar-toolbar button {
  margin: 0.5em;
}
#mw-yearly-calendar-page .mw-yearly-calendar-container .mw-yearly-calendar-card-body {
  flex: 1 1 auto;
  padding: 0;
  text-align: center;
}
#mw-yearly-calendar-page .mw-yearly-calendar-container .mw-yearly-calendar-card-body .mw-yc-calendar {
  padding: 0 0.3em 1em 0.3em;
  min-width: 20em;
  max-width: 25em;
  display: inline-flex;
}
@media (min-width: 400px) {
  #mw-yearly-calendar-page .mw-yearly-calendar-container .mw-yearly-calendar-card-body .mw-yc-calendar {
    padding: 0 0.8em 1em 0.8em;
    max-width: 30em;
  }
}
#mw-yearly-calendar-page .mw-yc-loading {
  position: fixed;
  border-radius: 0.3em;
  border: 1px solid #e4aa3f;
  z-index: 999;
  background: #FFFFFF;
  color: #e4aa3f;
  padding: 1em 5em 1em 2em;
  top: 20%;
  left: 0;
  right: 0;
  width: 13em;
  margin: auto;
}
#mw-yearly-calendar-page .mw-yc-spinner {
  position: absolute;
  right: 2em;
  top: -0.3em;
}
#mw-yearly-calendar-page #mw-delivery-calendar .fc-toolbar h2 {
  font-size: 1.5em;
}
#mw-yearly-calendar-page .mw-input-box .sub-block {
  color: red;
}

#mw-yearly-calendar-pdf {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 2.5em;
  padding-bottom: 1em;
}

#mw-yearly-calendar-pdf-table {
  margin-right: 2em;
}

#mw-yearly-calendar-pdf-title {
  text-align: center;
  padding-bottom: 0;
  font-size: 1.7em;
}

#mw-yearly-calendar-pdf-dow {
  height: 1.7em;
  border: 1px solid white;
  background: #3c63b4;
  color: white;
  text-align: center;
  font-weight: bold;
}

#mw-yearly-calendar-pdf-week {
  border: 1px solid #dddddd;
  background: #f1f1f1;
  width: 64px;
  height: 54px;
}

#mw-yearly-calendar-disabled,
#mw-yearly-calendar-delivery,
#mw-yearly-calendar-holiday,
#mw-yearly-calendar-pdf-day {
  vertical-align: top;
  border: 1px solid #dddddd;
  background: white;
  width: 64px;
  height: 54px;
}

#mw-yearly-calendar-delivery {
  background: #ffff00;
}

#mw-yearly-calendar-holiday {
  background: #ff0000;
}

#mw-yearly-calendar-disabled {
  background: #f1f1f1;
}

#mw-yearly-calendar-pdf-day-number {
  text-align: right;
  vertical-align: top;
  width: 30px;
}

#mw-yearly-calendar-pdf-day-image {
  text-align: left;
  width: 30px;
  padding-top: 0.5em;
}

#mw-yearly-calendar-pdf-day-label {
  font-size: 0.9em;
  line-height: 0.5em;
}

#mw-payment-receipt-title {
  width: 100%;
  margin: 0 auto;
  font-size: 2.5em;
}

#mw-payment-receipt-header-from,
#mw-payment-receipt-header-to {
  font-weight: bold;
  font-size: 1.2em;
  padding-top: 1em;
  width: 50%;
  padding-bottom: 0.2em;
}

#mw-payment-receipt-customer-name,
#mw-payment-receipt-company-name,
#mw-payment-receipt-customer-address1,
#mw-payment-receipt-company-address1,
#mw-payment-receipt-customer-address2,
#mw-payment-receipt-company-address2,
#mw-payment-receipt-account,
#mw-payment-receipt-date,
#mw-payment-receipt-type,
#mw-payment-receipt-amount,
#mw-payment-receipt-previous-balance {
  padding: 0.2em 0 0.2em 0;
}

#mw-payment-receipt-table-header {
  margin: 2em 0 0.5em 0;
  border-bottom: thin solid black;
  padding-bottom: 0.5em;
}

#mw-payment-receipt-header-number,
#mw-payment-receipt-header-amount,
#mw-payment-receipt-header-date,
#mw-payment-receipt-header-discount,
#mw-payment-receipt-header-applied {
  font-weight: bold;
  width: 20%;
}

#mw-payment-receipt-table {
  padding-bottom: 0.5em;
}

#mw-payment-receipt-number,
#mw-payment-receipt-amount,
#mw-payment-receipt-date,
#mw-payment-receipt-discount,
#mw-payment-receipt-applied {
  width: 20%;
}

/********************************************************************************************************************************************/
/* Mango Dialogs */
/********************************************************************************************************************************************/
.mw-catalog-item-info-modal .mw-catalog-item-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mw-catalog-item-info-modal .mw-catalog-item-info .mw-catalog-item-info-image {
  width: 15em;
  height: 15em;
}
.mw-catalog-item-info-modal .mw-catalog-item-info .mw-catalog-item-info-image img {
  width: 100%;
  height: 100%;
}
.mw-catalog-item-info-modal .mw-catalog-item-info .mw-catalog-item-info-description {
  margin-top: 1em;
  width: 100%;
}

/********************************************************************************************************************************************/
/* Mango Components */
/********************************************************************************************************************************************/
.mw-account {
  display: flex;
  flex-direction: column;
  font-size: 1em;
}
.mw-account .mw-account-table {
  margin-top: 0.5em;
}
.mw-account .mw-toolbar {
  display: flex;
  justify-content: flex-end;
}
.mw-account .mw-toolbar .mw-master-sub-wrapper {
  flex: 1;
}
.mw-account .mw-toolbar .mw-master-sub-wrapper .mw-master-sub {
  border: 1px solid black;
  border-radius: 0.2em;
  width: 1.8em;
  height: 1.8em;
  font-weight: bold;
  color: red;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mw-account .mw-toolbar button {
  font-size: 0.9em;
  margin: 0.2em 0em 0.2em 0.2em;
}
.mw-account .fas {
  color: #6b6b6b;
}
.mw-account .mw-section {
  flex-direction: column;
}
.mw-account .mw-section .mw-title {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid rgb(200, 200, 200);
  padding: 0.1em 0 0.1em 0;
  font-size: 1.3em;
  font-weight: bold;
  color: black;
}
.mw-account .mw-section.mw-title .mw-title-image {
  display: flex;
  flex-direction: row;
  margin-top: 0.2em;
}
.mw-account .mw-section.mw-title .mw-title-image i {
  float: right;
  width: 1.2em;
  font-size: 1.5em;
  min-height: 1.35em;
}
.mw-account .mw-section.mw-title .mw-search-drop-down {
  margin-top: 0.2em;
}
.mw-account .mw-section.mw-title .mw-search-drop-down .mw-search-drop-down-box {
  width: 100%;
}
.mw-account .mw-section.mw-title .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-customername, .mw-account .mw-section.mw-title .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-customername, .mw-account .mw-section.mw-title .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-customername, .mw-account .mw-section.mw-title .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-customername {
  width: 18em;
}
.mw-account .mw-section.mw-title .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-contactname, .mw-account .mw-section.mw-title .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-contactname, .mw-account .mw-section.mw-title .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-contactname, .mw-account .mw-section.mw-title .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-contactname {
  width: 10em;
}
.mw-account .mw-section.mw-title .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-address, .mw-account .mw-section.mw-title .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-address, .mw-account .mw-section.mw-title .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-address, .mw-account .mw-section.mw-title .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-address {
  width: 15em;
}
.mw-account .mw-section .mw-label {
  font-weight: bold;
  color: #6b6b6b;
}
.mw-account .mw-section .mw-column {
  display: inline-flex;
  flex-direction: column;
  min-width: 12em;
  margin-bottom: 0.5em;
}
.mw-account .mw-section .mw-toolbar {
  display: block;
}
.mw-account .mw-section .mw-toolbar button {
  color: black;
  border: none;
  background-color: transparent;
  outline: none;
  float: right;
  width: auto;
}
.mw-account .mw-section .mw-toolbar button i {
  font-size: 1.5em;
}
.mw-account .mw-section.mw-contact-info .mw-contact-info-header {
  font-weight: bold;
  color: #6b6b6b;
}
.mw-account .mw-section.mw-contact-info span {
  display: flex;
  flex-direction: row;
}
.mw-account .mw-section.mw-contact-info span .mw-contact-address {
  padding-left: 26px;
}
.mw-account .mw-section.mw-contact-info span a {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.mw-account .mw-section.mw-contact-info span i {
  float: right;
  width: 26px;
  height: 26px;
  font-size: 1.5em;
}
.mw-account .mw-section .mw-account-phone,
.mw-account .mw-section .mw-account-editable {
  width: 20em;
  height: 1.8em;
  padding: 0.1em 0.2em 0.1em 0.2em;
  margin: 0;
}
.mw-account .mw-account-phone {
  margin-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.mw-account .mw-account-divider {
  border-top: 1px solid #ced4da;
  margin: 0.5em;
  padding-bottom: 0.5em;
}
.mw-account .mw-account-validation-error {
  font-size: 12px;
  margin-top: 0.2em;
  color: rgba(255, 0, 0, 0.75);
  margin-left: 26px;
}

.mw-captcha {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.mw-captcha .mw-refresh-button {
  cursor: pointer;
}
.mw-captcha .mw-refresh-button i {
  color: green;
}
.mw-captcha .mw-refresh-rotate {
  animation: rotation 0.4s infinite linear;
}
.mw-captcha .mw-refresh-rotate-stop {
  animation: none;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.mw-captcha .mw-captcha-image {
  margin-left: 0.5em;
}
.mw-captcha .mw-captcha-status {
  margin-left: 0.5em;
  align-self: center;
}
.mw-captcha .mw-captcha-status.mw-captcha-valid {
  color: green;
}
.mw-captcha .mw-captcha-status.mw-captcha-invalid {
  color: red;
}
.mw-captcha .mw-captcha-status.mw-captcha-checking {
  color: blue;
}

#mw-catalog-item {
  display: flex;
  flex-direction: column;
  width: 18em;
  background: white;
  padding: 0 0.6em;
  border: 1px solid #e1e1e1;
}
#mw-catalog-item .mw-catalog-item-options {
  display: flex;
  flex-direction: row;
  align-self: flex-end;
}
#mw-catalog-item .favorite {
  color: #F19CA2;
  background: transparent;
  display: flex;
  cursor: pointer;
  border: none;
  margin: 0.5em 0.2em;
  border: 2px solid #c8c8c8;
  border-radius: 50%;
  width: 2em;
  height: 2em;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mw-catalog-item .mw-catalog-item-favorite {
  background: transparent;
  display: flex;
  cursor: pointer;
  border: none;
  margin: 0.5em 0.2em;
  color: #666666;
  border: 2px solid #c8c8c8;
  border-radius: 50%;
  width: 2em;
  height: 2em;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
#mw-catalog-item .saving-favorite {
  color: #666666;
  animation: mw-spinner-frames 1.5s linear infinite;
}
#mw-catalog-item .mw-catalog-item-info-icon {
  border: 2px solid #c8c8c8;
  border-radius: 50%;
  width: 2em;
  height: 2em;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #666666;
  margin: 0.5em 0.2em;
}
#mw-catalog-item .mw-catalog-item-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15em;
  border-bottom: 1px solid rgba(225, 225, 225, 0.5);
  position: relative;
}
#mw-catalog-item .mw-catalog-item-image-container .mw-catalog-item-banner-image {
  max-height: 40%;
  max-width: 40%;
  position: absolute;
  top: 0;
  right: 0;
}
#mw-catalog-item .mw-catalog-item-image-container .mw-catalog-item-product-image {
  padding: 30px;
  height: 100%;
  max-width: 100%;
}
#mw-catalog-item .mw-catalog-item-image-container .mw-catalog-item-product-image:hover {
  cursor: pointer;
}
#mw-catalog-item .mw-catalog-item-image-container i {
  font-size: 5em;
  color: #666666;
}
#mw-catalog-item .mw-catalog-item-small {
  display: none;
  flex-direction: row;
  height: 100%;
  padding-top: 0.8em;
}
#mw-catalog-item .mw-catalog-item-small .mw-catalog-item-image-small-container {
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100px;
  height: 100px;
  background: white;
  padding: 0.5em;
  text-align: center;
  position: relative;
}
#mw-catalog-item .mw-catalog-item-small .mw-catalog-item-image-small-container .mw-catalog-item-banner-image {
  height: 2em;
  width: 2em;
  position: absolute;
  top: 0;
  right: 0;
}
#mw-catalog-item .mw-catalog-item-small .mw-catalog-item-image-small-container .mw-catalog-item-product-image {
  padding: 1px;
  height: 100%;
  width: 100%;
  max-width: 15em;
}
#mw-catalog-item .mw-catalog-item-small .mw-catalog-item-image-small-container .mw-catalog-item-product-image:hover {
  cursor: pointer;
}
#mw-catalog-item .mw-catalog-item-small .mw-catalog-item-image-small-container i {
  font-size: 4em;
  color: #666666;
}
#mw-catalog-item .mw-catalog-item-small .mw-catalog-item-small-fields {
  display: flex;
  flex-direction: row;
  height: 100%;
  flex: 1;
  margin-left: 0.5em;
}
#mw-catalog-item .mw-catalog-item-small .mw-catalog-item-small-options {
  display: flex;
  flex-direction: row;
  width: -moz-fit-content;
  width: fit-content;
}
#mw-catalog-item .mw-catalog-item-small .mw-catalog-item-small-text {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#mw-catalog-item .mw-catalog-item-small .mw-catalog-item-small-text .mw-catalog-item-small-text-title {
  display: flex;
  flex-direction: row;
}
#mw-catalog-item .mw-catalog-item-small .mw-catalog-item-small-text .mw-catalog-item-small-text-title label {
  flex: 9;
  margin: 0;
}
#mw-catalog-item .mw-catalog-item-small .mw-catalog-item-info-icon {
  border: 2px solid #c8c8c8;
  border-radius: 50%;
  width: 2em;
  height: 2em;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #666666;
  margin: 0.5em 0.2em;
}
#mw-catalog-item .mw-catalog-item-title {
  font-size: 16px;
  color: #666666;
  word-wrap: break-word;
  margin-top: 0.2em;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
#mw-catalog-item .mw-catalog-item-title:hover {
  text-decoration: underline;
  cursor: pointer;
  color: #e4aa3f;
}
#mw-catalog-item .mw-catalog-item-description {
  font-size: 12px;
  color: #434343;
  margin-top: 0.2em;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#mw-catalog-item .mw-catalog-item-small-text-item-price {
  flex-wrap: wrap;
}
#mw-catalog-item .mw-catalog-item-edit-price {
  background: #007bff;
  border: none;
  color: white;
  border-radius: 1em;
  font-size: 0.8em;
  margin-left: 0.5em;
  padding: 0.1em 0.3em;
}
#mw-catalog-item .mw-catalog-item-edit-price i {
  height: 17px;
  width: 17px;
  padding-left: 0.2em;
}
#mw-catalog-item .mw-catalog-item-small-text-item-price,
#mw-catalog-item .mw-catalog-item-price {
  display: flex;
  margin-top: 0.2em;
  width: 100%;
  align-items: center;
}
#mw-catalog-item .mw-catalog-item-small-text-item-price .mw-catalog-item-gratis,
#mw-catalog-item .mw-catalog-item-price .mw-catalog-item-gratis {
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  margin-left: 0.2em;
}
#mw-catalog-item .mw-catalog-item-small-text-item-price .mw-catalog-item-web-unit,
#mw-catalog-item .mw-catalog-item-price .mw-catalog-item-web-unit {
  font-size: 12px;
  color: #434343;
  margin: 0 0.2em;
}
#mw-catalog-item .mw-catalog-item-small-text-item-price .mw-catalog-item-web-price-for,
#mw-catalog-item .mw-catalog-item-price .mw-catalog-item-web-price-for {
  font-size: 12px;
  color: #434343;
  margin-right: 0.2em;
}
#mw-catalog-item .mw-catalog-item-small-text-item-price .mw-catalog-item-web-period,
#mw-catalog-item .mw-catalog-item-price .mw-catalog-item-web-period {
  font-size: 12px;
  color: #434343;
  margin-left: 0.2em;
}
#mw-catalog-item .mw-catalog-item-small-text-item-price .mw-catalog-item-recurring-button,
#mw-catalog-item .mw-catalog-item-price .mw-catalog-item-recurring-button {
  font-size: 0.8em;
  border: 2px solid #ff8a30;
  border-radius: 40px;
  width: -moz-fit-content;
  width: fit-content;
  color: #ff8a30;
  background-color: white;
  width: fit-content;
  margin-right: 8px;
  outline: none;
  width: 85px;
}
#mw-catalog-item .mw-catalog-item-small-text-item-price .mw-catalog-item-recurring-button.active,
#mw-catalog-item .mw-catalog-item-price .mw-catalog-item-recurring-button.active {
  background-color: #ff8a30;
  color: white;
  outline: none;
}
#mw-catalog-item .mw-catalog-item-price-value {
  font-size: 18px;
  font-weight: bold;
  color: #666666;
  position: relative;
}
#mw-catalog-item .mw-catalog-item-price-value .slashed-price {
  text-decoration: line-through;
}
#mw-catalog-item .mw-catalog-item-price-value.original-price {
  font-size: 16px;
}
#mw-catalog-item .mw-catalog-item-deposit {
  font-size: 12px;
  color: #434343;
}
#mw-catalog-item .mw-catalog-item-row {
  flex-direction: column;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
  position: relative;
  display: flex;
  flex: 1 0 auto;
  justify-content: flex-end;
}
#mw-catalog-item .mw-catalog-item-row .mw-mw-catalog-item-row-group {
  display: flex;
  align-items: center;
}
#mw-catalog-item .mw-catalog-item-row .mw-mw-catalog-item-row-group .mw-catalog-item-row-quantity {
  font-size: 16px;
  height: 2.2em;
  width: 6em;
}
#mw-catalog-item .mw-catalog-item-row .mw-mw-catalog-item-row-group .mw-catalog-item-fillup {
  margin-bottom: 0.2em;
  display: flex;
  justify-content: center;
  flex: 1;
}
#mw-catalog-item .mw-catalog-item-row .mw-mw-catalog-item-row-group .mw-catalog-item-fillup .mw-catalog-item-label-checkbox {
  font-size: 16px;
  display: flex;
  flex-direction: row;
  margin: 0;
  color: #666666;
}
#mw-catalog-item .mw-catalog-item-row .mw-catalog-item-button {
  font-size: 16px;
  border: 1px solid #3390de;
  border-radius: 0.25rem;
  height: 2.2em;
  bottom: 0;
  width: 100%;
  margin-top: 0.5em;
}
#mw-catalog-item .mw-catalog-item-row .mw-catalog-item-button-add {
  color: rgb(255, 255, 255);
  border: 1px solid #3390de;
  background-color: #3390de;
  min-height: 32px;
}
#mw-catalog-item .mw-catalog-item-row .mw-catalog-item-button-add:disabled {
  color: rgb(255, 255, 255);
  border: 1px solid rgb(187, 187, 187);
  background-color: white;
  color: rgb(187, 187, 187);
}
#mw-catalog-item .mw-catalog-item-row .mw-catalog-item-button-update {
  color: rgb(19, 17, 17);
  border: 1px solid rgb(100, 222, 51);
  background-color: rgb(100, 222, 51);
}
#mw-catalog-item .mw-catalog-item-row .mw-catalog-item-button-update:disabled {
  color: rgb(187, 187, 187);
  border: 1px solid rgb(231, 255, 222);
  background-color: rgb(231, 255, 222);
}
#mw-catalog-item .mw-catalog-item-row .mw-catalog-item-button-remove {
  color: rgb(255, 255, 255);
  border: 1px solid rgb(222, 51, 51);
  background-color: rgb(222, 51, 51);
}
#mw-catalog-item .mw-catalog-item-row .mw-catalog-item-updating {
  justify-content: center;
  align-items: center;
  flex: 1;
  padding-left: 0.2em;
}
#mw-catalog-item .mw-catalog-item-invalid {
  font-size: 12px;
  margin-top: 0.2em;
  color: rgba(255, 0, 0, 0.75);
}
#mw-catalog-item .mw-catalog-item-info-modal {
  text-align: initial;
}
@media (max-width: 930px) {
  #mw-catalog-item {
    width: 100%;
  }
  #mw-catalog-item .mw-catalog-item-small {
    display: flex;
  }
  #mw-catalog-item .mw-catalog-item-title, #mw-catalog-item .mw-catalog-item-options {
    display: none;
  }
  #mw-catalog-item .mw-catalog-item-price {
    display: none;
  }
  #mw-catalog-item .mw-catalog-item-image-container {
    display: none;
  }
  #mw-catalog-item .mw-catalog-item-small-text label {
    padding-bottom: 0.5em;
  }
  #mw-catalog-item .mw-catalog-item-description {
    display: none;
  }
  #mw-catalog-item .favorite {
    margin: 0 0.3em 0 0;
  }
}
@media (max-height: 700px) {
  #mw-catalog-item {
    width: 100%;
  }
  #mw-catalog-item .mw-catalog-item-small {
    display: flex;
  }
  #mw-catalog-item .mw-catalog-item-title, #mw-catalog-item .mw-catalog-item-options {
    display: none;
  }
  #mw-catalog-item .mw-catalog-item-price {
    display: none;
  }
  #mw-catalog-item .mw-catalog-item-image-container {
    display: none;
  }
  #mw-catalog-item .mw-catalog-item-small-text label {
    padding-bottom: 0.5em;
  }
  #mw-catalog-item .mw-catalog-item-description {
    display: none;
  }
  #mw-catalog-item .favorite {
    margin: 0 0.3em 0 0;
  }
}

#mw-catalog-display {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
#mw-catalog-display .mw-catalog-display-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  max-height: 100vh;
  width: 60em;
  display: flex;
  flex-direction: column;
}
@media (max-width: 60em) {
  #mw-catalog-display .mw-catalog-display-dialog {
    width: 100%;
  }
}
#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body {
  display: flex;
  padding: 1em;
  max-height: 60vh;
}
@media (max-width: 400px) {
  #mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body {
    flex-direction: column;
  }
  #mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item {
    max-width: 100%;
  }
  #mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item {
    justify-content: center;
  }
}
#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20em;
  max-width: 40%;
  max-height: 20em;
  margin: 0.5em;
  flex: 1;
}
@media (max-width: 650px) {
  #mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-image {
    max-height: 10em;
  }
}
@media (max-width: 400px) {
  #mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-image {
    flex: 0;
    height: 10em;
    width: 100%;
    max-width: 100%;
  }
}
#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-image img {
  vertical-align: middle;
  border-style: none;
  height: 100%;
  max-width: 100%;
}
#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-image i {
  font-size: 6em;
  color: #666666;
}
#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  color: #666666;
  overflow: hidden;
  max-width: 80%;
}
#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item .mw-catalog-display-title {
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 0.2em;
  flex: 0;
}
@media (max-width: 650px), (max-height: 400px) {
  #mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item .mw-catalog-display-title {
    font-size: 17px;
  }
}
#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item .mw-catalog-display-content {
  flex: 1 1 auto;
  overflow: auto;
}
#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item .mw-catalog-display-content .mw-catalog-display-sub-title {
  font-size: 16px;
  margin-bottom: 0.2em;
  flex: 0;
}
#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item .mw-catalog-display-content .mw-catalog-display-price {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.2em;
  align-items: baseline;
}
#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item .mw-catalog-display-content .mw-catalog-display-price .mw-catalog-display-price-value {
  font-size: 21px;
  font-weight: bold;
  color: #666666;
}
@media (max-width: 650px), (max-height: 400px) {
  #mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item .mw-catalog-display-content .mw-catalog-display-price .mw-catalog-display-price-value {
    font-size: 17px;
  }
}
#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item .mw-catalog-display-content .mw-catalog-display-price .mw-catalog-display-web-unit {
  font-size: 16px;
  color: #434343;
  padding: 0 0.2em;
}
#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item .mw-catalog-display-content .mw-catalog-display-price .mw-catalog-display-web-price-for {
  font-size: 16px;
  color: #434343;
  margin-right: 0.2em;
}
#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item .mw-catalog-display-content .mw-catalog-display-price .mw-catalog-display-web-period {
  font-size: 16px;
  color: #434343;
  margin-left: 0.2em;
}
#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item .mw-catalog-display-content .mw-catalog-display-deposit {
  font-size: 16px;
  margin-bottom: 0.2em;
}
#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item .mw-catalog-display-content .mw-catalog-display-text {
  display: flex;
}
#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-footer-right-align,
#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-footer {
  display: flex;
  padding: 0.5em;
  flex-direction: row;
  margin: 1em 0.5em 0.5em 0.5em;
}
#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-footer-right-align {
  justify-content: flex-end;
}
#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-footer {
  justify-content: space-between;
}

#mfs-catalog-display {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
#mfs-catalog-display .mfs-catalog-display-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  width: 100%;
  max-width: 500px;
  max-height: 100vh;
  display: flex;
  flex-direction: column;
}
#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
  border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
}
#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-header .mfs-catalog-display-title {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.2em;
}
#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body {
  display: flex;
  flex-direction: column;
  margin-top: 1em;
  padding: 0.5em;
  align-items: center;
  max-height: 60vh;
  overflow-y: auto;
}
#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-divider {
  border-bottom: thin solid #c8c8c8;
  width: 100%;
  margin-bottom: 1em;
}
#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-rent-tab {
  display: flex;
  margin-bottom: 1em;
  width: 100%;
}
#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-rent-tab .mfs-catalog-display-rent-tab-one {
  flex: 1;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-rent-tab .mfs-catalog-display-rent-tab-two {
  flex: 1;
  border-radius: 0;
}
#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-rent-tab .mfs-catalog-display-rent-tab-three {
  flex: 1;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-tab-content {
  width: 100%;
}
#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-options {
  display: flex;
  flex-direction: row;
  margin-bottom: 0.5em;
  margin-left: -0.4em;
  width: 100%;
  flex-wrap: wrap;
}
#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-options .mw-catalog-display-checkbox {
  display: flex;
  flex-direction: row;
  margin-left: 0.4em;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-options .mw-catalog-display-checkbox.mw-catalog-display-fill-up {
  flex: 1;
}
#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-options .mw-catalog-display-checkbox.mw-catalog-display-gratis {
  flex: 1;
}
#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-options .mw-catalog-display-checkbox.mw-catalog-display-recurring {
  flex: 2;
}
#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-options .mw-catalog-display-checkbox.mw-catalog-display-valid-dates {
  flex: 2;
}
#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  padding-bottom: 0.5em;
}
#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-image img {
  vertical-align: middle;
  border-style: none;
  height: 100%;
}
#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-image i {
  font-size: 6em;
  color: #666666;
}
#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-field {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 0.5em;
}
#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-field .mfs-catalog-display-error {
  color: red;
  width: 100%;
}
#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-field label {
  width: 65px;
  text-align: left;
  margin: auto;
}
#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-field input, #mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-field select {
  display: flex;
  flex: 1;
}
#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mw-catalog-display-fill-up {
  width: 100%;
}
#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mw-catalog-display-fill-up label {
  display: flex;
}
#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-footer-right-align {
  display: flex;
  padding: 0.5em;
  flex-direction: row;
  margin: 1em 0.5em 0.5em 0.5em;
  justify-content: flex-end;
}
#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-footer-right-align button {
  margin-left: 0.5em;
}

.mfs-product-transfer {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
.mfs-product-transfer .mfs-product-transfer-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  min-width: 400px;
  max-width: 400px;
  max-height: 100vh;
  display: flex;
  flex-direction: column;
}
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
  border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
}
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-header .mfs-product-transfer-title {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.2em;
}
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body {
  display: flex;
  flex-direction: column;
  margin-top: 1em;
  padding: 0.5em;
  align-items: center;
  max-height: 60vh;
}
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-image,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  padding-bottom: 0.5em;
}
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-image img,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-image img {
  vertical-align: middle;
  border-style: none;
  height: 100%;
}
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-divider,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-divider {
  border-bottom: thin solid #c8c8c8;
  width: 100%;
  margin-bottom: 1em;
}
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-table,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-table {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 0.5em;
}
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-table .mfs-product-transfer-table-row,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-table .mfs-product-transfer-table-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 0.2em;
}
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-table .mfs-product-transfer-table-row .mfs-product-transfer-table-label,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-table .mfs-product-transfer-table-row .mfs-product-transfer-table-label {
  flex: 1 0 50%;
  display: flex;
  justify-content: flex-end;
  padding-right: 1em;
}
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-table .mfs-product-transfer-table-row .mfs-product-transfer-table-cell,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-table .mfs-product-transfer-table-row .mfs-product-transfer-table-cell {
  flex: 1 0 25%;
}
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-table .mfs-product-transfer-table-row .mfs-product-transfer-table-label-result,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-table .mfs-product-transfer-table-row .mfs-product-transfer-table-label-result {
  flex: 1 0 50%;
  display: flex;
  justify-content: flex-end;
  padding-right: 1em;
}
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-table .mfs-product-transfer-table-row .mfs-product-transfer-table-cell-result,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-table .mfs-product-transfer-table-row .mfs-product-transfer-table-cell-result {
  flex: 1 0 50%;
}
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-confirmation-image,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-confirmation-image {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2em;
}
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-confirmation-image .confirmation-success,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-confirmation-image .confirmation-success {
  color: #28a745;
  font-size: 2em;
}
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-confirmation-image .confirmation-error,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-confirmation-image .confirmation-error {
  color: red;
  font-size: 2em;
}
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-error,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-error {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-field,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-field {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 0.5em;
}
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-field label,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-field label {
  width: 65px;
  text-align: left;
  margin: auto;
}
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-field input, .mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-field select,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-field input,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-field select {
  display: flex;
  flex: 1;
}
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-footer-right-align {
  display: flex;
  padding: 0.5em;
  flex-direction: row;
  margin: 1em 0.5em 0.5em 0.5em;
  justify-content: flex-end;
}
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-footer-right-align button {
  margin-left: 0.5em;
}

#mw-change-password {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
#mw-change-password .mw-change-password-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  min-width: 20em;
  min-height: 18em;
  max-height: 90%;
  display: flex;
  flex-direction: column;
}
#mw-change-password .mw-change-password-dialog .mw-change-password-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
  flex: 0;
}
#mw-change-password .mw-change-password-dialog .mw-change-password-header .mw-change-password-title {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.2em;
}
#mw-change-password .mw-change-password-dialog .mw-change-password-body {
  display: flex;
  flex-direction: column;
  padding: 0.5em;
  flex: 1;
  overflow: auto;
}
#mw-change-password .mw-change-password-dialog .mw-change-password-body .mw-change-password-image {
  width: 5em;
  height: 5em;
  margin: 0.2em;
}
#mw-change-password .mw-change-password-dialog .mw-change-password-body .mw-change-password-text {
  display: flex;
  flex: 1 1 auto;
  flex-flow: column;
  padding: 0.2em;
  align-self: center;
}
#mw-change-password .mw-change-password-dialog .mw-change-password-body label {
  font-weight: bold;
  padding-top: 0.5em;
}
#mw-change-password .mw-change-password-dialog .mw-change-password-body .mw-pr-button, #mw-change-password .mw-change-password-dialog .mw-change-password-body .form-control {
  margin: 0.5em 0;
}
#mw-change-password .mw-change-password-dialog .mw-change-password-progress-bar {
  display: flex;
}
#mw-change-password .mw-change-password-dialog .mw-change-password-result {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#mw-change-password .mw-change-password-dialog .mw-change-password-result .mw-change-password-result-icon {
  display: flex;
  justify-content: center;
  font-size: 5em;
  margin-bottom: 0.2em;
}
#mw-change-password .mw-change-password-dialog .mw-change-password-result .mw-change-password-result-icon.fa-times {
  color: red;
}
#mw-change-password .mw-change-password-dialog .mw-change-password-result .mw-change-password-result-icon.fa-check {
  color: green;
}
#mw-change-password .mw-change-password-dialog .mw-change-password-result .mw-change-password-result-status {
  display: flex;
  justify-content: center;
}
#mw-change-password .mw-change-password-dialog .mw-change-password-footer-right-align,
#mw-change-password .mw-change-password-dialog .mw-change-password-footer {
  flex: 0;
  display: flex;
  padding: 0.5em;
  flex-direction: row;
  justify-content: space-between;
}
#mw-change-password .mw-change-password-dialog .mw-change-password-footer-right-align {
  justify-content: flex-end;
}
#mw-change-password .mw-change-password-view-password {
  cursor: pointer;
  width: 2.7em;
  display: flex;
  align-items: center;
  padding: 0.3em 0.7em;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.3em;
  margin: 0.5em 0;
}
#mw-change-password .mw-change-password-current-password {
  display: flex;
  flex-direction: row;
}
#mw-change-password .mw-change-password-toolbar {
  margin: 0.5em;
  text-align: right;
}

#mw-check-availability {
  width: 30em;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 10px;
  padding: 0;
}
#mw-check-availability .mw-check-availability-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 1.2em;
}
#mw-check-availability .mw-check-availability-content .mw-check-availability-header {
  display: block;
  color: black;
  font-size: 18px;
  align-self: center;
}
#mw-check-availability .mw-check-availability-content .mw-check-availability-select,
#mw-check-availability .mw-check-availability-content .mw-check-availability-input {
  display: flex;
  margin-top: 1em;
  flex-direction: row;
  align-items: center;
  align-self: center;
  width: 15em;
}
#mw-check-availability .mw-check-availability-content .mw-check-availability-select .mw-check-availability-zipcode,
#mw-check-availability .mw-check-availability-content .mw-check-availability-input .mw-check-availability-zipcode {
  text-transform: uppercase;
}
#mw-check-availability .mw-check-availability-content .mw-check-availability-select i,
#mw-check-availability .mw-check-availability-content .mw-check-availability-input i {
  font-size: 20px;
  margin-right: 5px;
}
#mw-check-availability .mw-check-availability-content .mw-check-availability-select input {
  width: 100%;
}
#mw-check-availability .mw-check-availability-button {
  width: 15em;
  align-self: center;
}
#mw-check-availability .mw-progress-container {
  background: inherit;
}

.mw-credit-card-component .mw-cards-add-card-group-double,
.mw-credit-card-component .mw-cards-add-card-group {
  padding: 0 0 0 5px;
  margin: 0.1em 0 0.5em 0;
}
.mw-credit-card-component .mw-cards-add-card-group-double,
.mw-credit-card-component .mw-cards-add-card-group,
.mw-credit-card-component .mw-cards-add-card-expiry-group {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: space-between;
}
.mw-credit-card-component .mw-cards-add-card-group-col-double {
  flex-direction: column;
}
.mw-credit-card-component .mw-cards-add-card-group-col-double,
.mw-credit-card-component .mw-cards-add-card-group-col {
  display: flex;
  flex: 1;
  width: 10em;
  min-width: 10em;
}
.mw-credit-card-component .mw-cards-add-card-group-col-double label,
.mw-credit-card-component .mw-cards-add-card-group-col label,
.mw-credit-card-component .mw-cards-add-card-group-double label,
.mw-credit-card-component .mw-cards-add-card-group label {
  flex: 1;
  font-size: 1em;
}
.mw-credit-card-component .mw-cards-add-card-group-col-double select,
.mw-credit-card-component .mw-cards-add-card-group-col select,
.mw-credit-card-component .mw-cards-add-card-group-double select,
.mw-credit-card-component .mw-cards-add-card-group select {
  flex: 1;
  font-size: 14px;
  padding: 5px;
}
.mw-credit-card-component .mw-cards-add-card-group-col-double select option,
.mw-credit-card-component .mw-cards-add-card-group-col select option,
.mw-credit-card-component .mw-cards-add-card-group-double select option,
.mw-credit-card-component .mw-cards-add-card-group select option {
  font-size: 14px;
}
.mw-credit-card-component .mw-cards-add-card-group-col-double input,
.mw-credit-card-component .mw-cards-add-card-group-col input,
.mw-credit-card-component .mw-cards-add-card-group-double input,
.mw-credit-card-component .mw-cards-add-card-group input {
  flex: 1;
  font-size: 14px;
  padding: 0.55em 0.2em 0.55em;
  margin-top: 0.1em;
}
.mw-credit-card-component .mw-cards-add-card-group-col-double .mw-cards-add-card-required {
  margin-bottom: 0.5em;
}
.mw-credit-card-component .mw-cards-add-card-required {
  border: 1px solid rgba(255, 0, 0, 0.75);
}
.mw-credit-card-component select {
  width: inherit;
}
.mw-credit-card-component .mw-cards-zip input {
  text-transform: uppercase;
}

#mw-confirm-order {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#mw-confirm-order .mw-progress-loading-bar-main {
  background: white;
  border: #c8c8c8 1px solid;
}
#mw-confirm-order .mw-confirm-order-cart {
  background: white;
  border: #c8c8c8 1px solid;
  padding: 0 0.4em;
}
#mw-confirm-order .mw-confirm-order-products-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-top: 0.4em;
}
#mw-confirm-order .mw-confirm-order-products-wrapper label {
  font-weight: bold;
  font-size: 1em;
  text-transform: capitalize;
}
#mw-confirm-order .mw-confirm-order-products-wrapper .mw-confirm-order-products {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: auto;
  word-wrap: break-word;
}
#mw-confirm-order .mw-confirm-order-products-wrapper .mw-confirm-order-products .mw-confirm-order-products-container {
  display: inline-flex;
  flex-direction: column;
  width: 15em;
  height: 10em;
  overflow: auto;
  border: 1px solid #c8c8c8;
  padding: 1em;
  margin-bottom: 0.4em;
  margin-right: 0.4em;
  background: white;
}
@media (max-width: 550px) {
  #mw-confirm-order .mw-confirm-order-products-wrapper .mw-confirm-order-products .mw-confirm-order-products-container {
    flex-grow: 1;
    margin-right: 0;
  }
}
#mw-confirm-order .mw-confirm-order-products-wrapper .mw-confirm-order-products .mw-confirm-order-products-container .mw-confirm-order-coupons {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}
#mw-confirm-order .mw-confirm-order-products-wrapper .mw-confirm-order-products .mw-confirm-order-products-container .mw-confirm-order-coupons input {
  text-transform: uppercase;
}
#mw-confirm-order .mw-confirm-order-products-wrapper .mw-confirm-order-products .mw-confirm-order-products-container .mw-confirm-order-coupons .btn {
  width: 8em;
  margin-top: 0.4em;
  align-self: center;
}
#mw-confirm-order .mw-confirm-order-products-wrapper .mw-confirm-order-products .mw-confirm-order-products-container .mw-confirm-order-coupons .mw-confirm-order-input .fa-times {
  color: red;
  margin-left: 0.2em;
}
#mw-confirm-order .mw-confirm-order-products-wrapper .mw-confirm-order-products .mw-confirm-order-products-container .mw-confirm-order-coupons .mw-confirm-order-input .fa-check {
  color: green;
  margin-left: 0.2em;
}
#mw-confirm-order .mw-confirm-order-products-wrapper .mw-confirm-order-products .mw-confirm-order-products-container .mw-confirm-order-date-container {
  display: flex;
  flex-direction: row;
}
#mw-confirm-order .mw-confirm-order-products-wrapper .mw-confirm-order-products .mw-confirm-order-products-container .mw-confirm-order-date-container .btn {
  width: 4em;
  margin-top: 0;
  margin-left: 0.4em;
  border: 1px solid #ced4da;
}
#mw-confirm-order .mw-confirm-order-products-wrapper .mw-confirm-order-notes {
  display: block;
  flex-direction: column;
  word-wrap: break-word;
  flex: 1;
  padding: 1em;
  border: 1px solid #c8c8c8;
  margin-bottom: 0.4em;
  padding-top: 0.4em;
  margin-right: 0.4em;
  background: white;
  min-width: 300px;
}
#mw-confirm-order .mw-confirm-order-products-wrapper .mw-confirm-order-notes textarea {
  margin-bottom: 0.8em;
}
#mw-confirm-order .mw-confirm-order-products-wrapper .mw-confirm-order-notes .require-uppercase {
  text-transform: uppercase;
}

#mw-customer-activation {
  display: flex;
  min-width: 300px;
  max-width: 400px;
  width: 100%;
  background: white;
  padding: 1em;
}
#mw-customer-activation input::-moz-placeholder {
  font-size: 0.9em;
}
#mw-customer-activation input::placeholder {
  font-size: 0.9em;
}
#mw-customer-activation div.form-group {
  margin-bottom: 5px;
}
#mw-customer-activation div.form-group .mb-3 {
  margin-bottom: 5px !important; /* Overridding !important in mb-3 (shame on bootstrap!) */
}
#mw-customer-activation div.form-group .mb-3 input {
  border-radius: 0.25em;
  padding-right: 2.2em;
}
#mw-customer-activation div.form-group .mb-3 .mw-captcha input {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
#mw-customer-activation div.form-group .mb-3 .mw-captcha img {
  margin: 0;
}
#mw-customer-activation div.form-group .mb-3 .mw-captcha span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
#mw-customer-activation .mw-customer-activation-label {
  font-size: 1em;
  margin: 0;
  color: rgb(75, 75, 75);
}
#mw-customer-activation .mw-ca-activate {
  background: #e4aa3f;
  color: white;
}
#mw-customer-activation .mw-ca-form {
  width: 100%;
}
#mw-customer-activation .mw-ca-form .mw-password-requirements .mw-pr-password, #mw-customer-activation .mw-ca-form .mw-password-requirements .mw-pr-repeat {
  display: flex;
  flex-direction: row;
  flex: 1;
}
#mw-customer-activation .mw-ca-form .mw-password-requirements .mw-pr-password input, #mw-customer-activation .mw-ca-form .mw-password-requirements .mw-pr-repeat input {
  width: unset;
}
#mw-customer-activation .mw-ca-form .mw-password-requirements .mw-pr-password {
  margin-bottom: 0.5em;
}
#mw-customer-activation .mw-ca-form .mw-password-requirements .mw-pr-password .mw-pr-button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
#mw-customer-activation .mw-ca-failed {
  color: red;
  font-size: 15px;
}
#mw-customer-activation .mw-ca-activate {
  margin-top: 15px;
}
#mw-customer-activation .btn-link {
  padding: 0;
  font-size: 12px;
}
#mw-customer-activation .success-signin {
  display: flex;
  justify-content: center;
  align-items: center;
}
#mw-customer-activation .success-signin i {
  display: block;
  color: #28a745;
  font-size: 75px;
}
#mw-customer-activation div > .form-group > .input-group i.merge-input {
  position: absolute;
  right: 0.9em;
  top: 0.7em;
}
#mw-customer-activation div > .form-group > .input-group i.merge-input.fas.fa-sync-alt.fa-spin {
  color: blue;
}
#mw-customer-activation div > .form-group > .input-group i.merge-input.fas.fa-times {
  color: red;
}
#mw-customer-activation div > .form-group > .input-group i.merge-input.fas.fa-check {
  color: green;
}
#mw-customer-activation .mw-ca-header {
  font-size: 1.5em;
  margin: 0.5em 0;
}
#mw-customer-activation .is-invalid {
  box-shadow: none;
}

#mw-customer-login {
  min-width: 300px;
  max-width: 400px;
  background: white;
}
#mw-customer-login .mw-captcha-image {
  margin: 0;
}
#mw-customer-login .mw-customer-login-captcha {
  display: flex;
  flex-direction: row;
}
#mw-customer-login .mw-customer-login-captcha input {
  width: 35%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#mw-customer-login .mw-customer-login-captcha-section {
  flex-direction: column;
}
#mw-customer-login .btn-link {
  padding: 0.5em 0;
}
#mw-customer-login div.form-group {
  margin-bottom: 5px;
}
#mw-customer-login label {
  font-size: 14px;
  color: rgb(75, 75, 75);
  margin: 0.5em 0;
}
#mw-customer-login .mw-customer-login-input {
  display: flex;
  flex: 1;
}
#mw-customer-login .mw-customer-login-password {
  display: flex;
  flex-direction: row;
}
#mw-customer-login .mw-cl-form {
  width: 100%;
}
#mw-customer-login .mw-cl-form .mw-cl-logo {
  padding: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mw-customer-login .mw-cl-form .mw-cl-logo img {
  max-width: 100%;
  display: flex;
  flex: 1;
}
#mw-customer-login .mw-cl-form .mw-cl-error {
  color: red;
}
#mw-customer-login .mw-cl-form .mw-cl-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: auto;
  word-wrap: break-word;
}
#mw-customer-login .mw-cl-form .mw-cl-row .mw-cl-col1 {
  width: 100%;
}
@media (min-width: 500px) {
  #mw-customer-login .mw-cl-form .mw-cl-row .mw-cl-col1 {
    flex: 1;
  }
}
#mw-customer-login .mw-cl-form .mw-cl-row .mw-cl-col2 {
  width: 100%;
}
@media (min-width: 500px) {
  #mw-customer-login .mw-cl-form .mw-cl-row .mw-cl-col2 {
    flex: 1;
  }
}
#mw-customer-login .mw-cl-form .mw-cl-row .mw-cl-col2 .mw-link {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
#mw-customer-login .mw-cl-form .mw-cl-row .mw-cl-col2 .mw-link:hover {
  text-decoration: underline;
}
#mw-customer-login .mw-cl-form .mw-cl-forgot-password {
  display: block;
}
#mw-customer-login .mw-cl-form .mw-cl-guest {
  display: block;
}
#mw-customer-login .mw-cl-form .mw-cl-sign-in {
  background: #e4aa3f;
  color: #FFFFFF;
  margin-top: 1em;
  width: 100%;
}
@media (min-width: 500px) {
  #mw-customer-login .mw-cl-form .mw-cl-sign-in {
    margin-top: unset;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
#mw-customer-login .success-signin {
  display: flex;
  justify-content: center;
  align-items: center;
}
#mw-customer-login .success-signin i {
  display: block;
  color: #28a745;
  font-size: 75px;
}
#mw-customer-login .mw-forgot-password-form {
  padding: 0;
}
#mw-customer-login .mw-forgot-password-form .mw-fp-error {
  font-size: 14px;
  color: red;
  font-weight: normal;
}

#mw-default-product-form {
  display: flex;
  flex-direction: column;
  margin: 7px;
}
#mw-default-product-form .mw-dp-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 150px;
  height: 150px;
  background: white;
  border: 1px solid rgba(225, 225, 225, 0.5);
}
#mw-default-product-form .mw-dp-image-container img {
  padding: 2px;
  height: 100%;
}
#mw-default-product-form .form-control {
  margin-top: 10px;
}

#mw-delivery-calendar {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0.1em;
}
#mw-delivery-calendar .mw-calendar-card-body {
  flex: 1 1 auto;
  padding: 0;
  text-align: center;
}
#mw-delivery-calendar .mw-calendar-card-body .mw-calendar {
  min-width: 20em;
  max-width: 25em;
  display: inline;
}
#mw-delivery-calendar .mw-calendar-card-body .mw-calendar .mw-day-text {
  font-size: 0.7em;
  position: absolute;
  bottom: 0;
  margin: 0.3em;
}
#mw-delivery-calendar .mw-calendar-card-body .mw-calendar .mw-day-icon {
  font-size: 0.55em;
  position: absolute;
  bottom: 2em;
  margin: 0.2em;
  width: 23px;
  height: 23px;
}
@media (min-width: 400px) {
  #mw-delivery-calendar .mw-calendar-card-body .mw-calendar .mw-day-icon {
    margin: 0.5em;
    width: 30px;
    height: 30px;
  }
}
#mw-delivery-calendar .mw-calendar-card-body .mw-calendar .mw-no-select {
  cursor: not-allowed;
}
@media (min-width: 450px) {
  #mw-delivery-calendar .mw-calendar-card-body .mw-calendar {
    max-width: 30em;
  }
  #mw-delivery-calendar .mw-calendar-card-body .mw-calendar .mw-day-text {
    font-size: 0.8em;
  }
}
#mw-delivery-calendar .mw-calendar-selected .fc-day-number {
  color: #FFFFFF;
}
#mw-delivery-calendar .fc-toolbar h2 {
  font-size: 1em;
}
#mw-delivery-calendar .fc-button {
  font-size: 0.6em;
  margin-left: 0.1em;
}
@media (min-width: 500px) {
  #mw-delivery-calendar .fc-toolbar h2 {
    font-size: 1.5em;
  }
  #mw-delivery-calendar .fc-button {
    font-size: 1em;
  }
}
#mw-delivery-calendar .fc-head {
  color: #FFFFFF;
  background: #e4aa3f;
}
#mw-delivery-calendar .fc-dayGrid-view .fc-body .fc-row {
  min-height: 3.4em;
}
#mw-delivery-calendar .fc-scroller {
  border: 0;
}
#mw-delivery-calendar .fc-disabled-day {
  background: #f1f1f1;
  opacity: 1;
}
#mw-delivery-calendar .fc-header-toolbar {
  margin-bottom: 0.1em;
}
#mw-delivery-calendar .fc-button-primary {
  color: #FFFFFF;
  background: #e4aa3f;
  border-color: #e4aa3f;
}
#mw-delivery-calendar .fc-button-primary:hover {
  opacity: 0.74;
}
#mw-delivery-calendar button.fc-today-button.fc-button.fc-button-primary {
  text-transform: capitalize;
}

.mw-delivery-stop {
  display: flex;
  flex-direction: column;
  font-size: 1em;
}
.mw-delivery-stop .mw-delivery-stop-select {
  margin-top: 0.2em;
  display: flex;
}
.mw-delivery-stop .mw-delivery-stop-select .mw-search-drop-down-extended .mw-search-drop-down-group {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.mw-delivery-stop .mw-delivery-stop-select .mw-search-drop-down-extended .mw-search-drop-down-group:focus-within {
  border: none;
  outline: 0;
  box-shadow: none;
  transition: none;
}
.mw-delivery-stop .mw-delivery-stop-select .mw-search-drop-down {
  flex: 1;
  font-size: 0.9em;
}
.mw-delivery-stop .mw-delivery-stop-select .mw-search-drop-down .mw-search-drop-down-box {
  width: 100%;
}
.mw-delivery-stop .mw-delivery-stop-select .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-stopnumber,
.mw-delivery-stop .mw-delivery-stop-select .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-stopnumber,
.mw-delivery-stop .mw-delivery-stop-select .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-stopnumber,
.mw-delivery-stop .mw-delivery-stop-select .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-stopnumber {
  width: 5em;
}
.mw-delivery-stop .mw-delivery-stop-select .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-deliveryname,
.mw-delivery-stop .mw-delivery-stop-select .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-deliveryname,
.mw-delivery-stop .mw-delivery-stop-select .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-deliveryname,
.mw-delivery-stop .mw-delivery-stop-select .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-deliveryname {
  width: 25em;
}
.mw-delivery-stop .mw-delivery-stop-select .mw-search-drop-down .form-control {
  overflow: hidden;
  line-height: 38px;
  padding: 0 0.75em;
}
.mw-delivery-stop .mw-delivery-stop-select .mw-delivery-stop-add {
  display: flex;
  align-items: center;
  background-color: white;
  padding: 0 0.5em;
  border: thin solid #ced4da;
  border-left: 0;
  font-size: 0.9em;
  cursor: pointer;
  border-radius: 0.25em;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.mw-delivery-stop .mw-delivery-stop-select .mw-delivery-stop-add:hover .fas {
  color: #e4aa3f;
}
.mw-delivery-stop .mw-delivery-stop-select:focus-within {
  border: 1px solid #80bdff;
  border-radius: 0.25em;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  transition: box-shadow 0.15s ease;
}
.mw-delivery-stop .mw-delivery-stop-select:focus-within .mw-delivery-stop-add {
  border: none;
}
.mw-delivery-stop .mw-delivery-stop-body {
  margin-top: 0.5em;
}
.mw-delivery-stop .mw-delivery-stop-body .mw-delivery-info .mw-delivery-stop-driver, .mw-delivery-stop .mw-delivery-stop-body .mw-delivery-info .mw-delivery-stop-next-date {
  flex-direction: column;
}
.mw-delivery-stop .mw-delivery-stop-body .mw-tank-info {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-wrap: wrap;
}
.mw-delivery-stop .mw-delivery-stop-body .mw-tank-info .mw-tank-info-details {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin: 0 0.5em;
}
.mw-delivery-stop .mw-delivery-stop-body .mw-tank-info .mw-tank-info-details .mw-equipment-id {
  font-weight: bold;
  color: #495057;
}
.mw-delivery-stop .mw-delivery-stop-body .mw-tank-info .mw-tank-info-details span {
  margin-bottom: 0.5em;
}
.mw-delivery-stop button {
  font-size: 0.9em;
  float: right;
  margin: 0em 0em 0.4em 0.2em;
}
.mw-delivery-stop .mw-section-title {
  display: block;
  font-size: 1em;
  margin-bottom: 0.75em;
  background-color: #ffd29c;
  color: #FFFFFF;
  padding: 0.2em 0.5em;
}
.mw-delivery-stop .fas {
  color: #6b6b6b;
}
.mw-delivery-stop .mw-section {
  flex-direction: column;
}
.mw-delivery-stop .mw-section .mw-toolbar {
  display: block;
}
.mw-delivery-stop .mw-section .mw-toolbar button {
  color: black;
  border: none;
  background-color: transparent;
  outline: none;
  float: right;
  width: auto;
}
.mw-delivery-stop .mw-section .mw-toolbar button i {
  font-size: 1.5em;
}
.mw-delivery-stop .mw-section .mw-label {
  font-weight: bold;
  color: #6b6b6b;
  min-width: 12em;
}
.mw-delivery-stop .mw-section .mw-column {
  display: inline-flex;
  flex-direction: column;
  margin-bottom: 0.5em;
}
.mw-delivery-stop .mw-section.mw-contact-info span {
  display: flex;
  flex-direction: row;
}
.mw-delivery-stop .mw-section.mw-contact-info span .mw-contact-address {
  padding-left: 26px;
}
.mw-delivery-stop .mw-section.mw-contact-info span a {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.mw-delivery-stop .mw-section.mw-contact-info span i {
  float: right;
  width: 1.2em;
  font-size: 1.5em;
  min-height: 1.35em;
}
.mw-delivery-stop .mw-section.mw-contact-info span input {
  width: 20em;
  height: 1.8em;
  padding: 0.1em 0.2em 0.1em 0.2em;
  margin: 0;
}
.mw-delivery-stop .mw-section.mw-contact-info .mw-delivery-stop-validation-error {
  font-size: 12px;
  margin-top: 0.2em;
  color: rgba(255, 0, 0, 0.75);
  margin-left: 26px;
}
.mw-delivery-stop .mw-section.mw-delivery-info div {
  display: flex;
}
.mw-delivery-stop .mw-divider {
  border-top: 1px solid #ced4da;
  margin: 0.5em;
  padding-bottom: 0.5em;
}

#mw-echeck-form .mw-ef-group:nth-child(even) {
  background: rgba(0, 0, 0, 0.05);
}
#mw-echeck-form .mw-ef-group {
  padding: 2px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 14px;
}
#mw-echeck-form .mw-ef-group .mw-ef-label {
  display: flex;
  flex: 9;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
}
#mw-echeck-form .mw-ef-group .invalid {
  border-color: red;
}
#mw-echeck-form .mw-ef-group .mw-ef-input {
  display: flex;
  flex-direction: column;
  flex: 1;
  font-size: 15px;
  width: 100%;
  min-width: 200px;
  margin: 0;
  line-height: 0;
}
#mw-echeck-form .mw-ef-group input[type=text] {
  margin-left: 1.5em;
}
#mw-echeck-form .mw-ef-group input[type=radio] {
  line-height: 1em;
}

.mw-edit-equipment {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
.mw-edit-equipment .mw-edit-equipment-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  max-width: 500px;
  width: 100%;
}
.mw-edit-equipment .mw-edit-equipment-dialog .mw-edit-equipment-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
}
.mw-edit-equipment .mw-edit-equipment-dialog .mw-edit-equipment-header .mw-edit-equipment-title {
  font-weight: bold;
  font-size: 1.2em;
  padding: 4px;
}
.mw-edit-equipment .mw-edit-equipment-dialog .mw-edit-equipment-body {
  display: flex;
  flex-direction: column;
  padding: 1em;
  text-align: left;
}
.mw-edit-equipment .mw-edit-equipment-dialog .mw-edit-equipment-body .mw-edit-equipment-text {
  display: flex;
  flex: 1 1 auto;
  flex-flow: column;
  padding: 0.5em;
}
.mw-edit-equipment .mw-edit-equipment-dialog .mw-edit-equipment-body .mw-edit-equipment-text .form-control {
  margin: 0;
  width: 100%;
}
.mw-edit-equipment .mw-edit-equipment-dialog .mw-edit-equipment-body .form-control {
  margin: 0.5em;
  width: auto;
}
.mw-edit-equipment .mw-edit-equipment-dialog .mw-edit-equipment-submit {
  padding: 1em;
  text-align: right;
}

#mw-equipment-display {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 1em auto;
  max-width: 800px;
}
#mw-equipment-display .mw-equipment-display-toggle {
  flex: 1;
  text-align: left;
  display: flex;
}
#mw-equipment-display .mw-equipment-display-toggle .btn {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#mw-equipment-display .mw-equipment-display-toggle .unselected {
  background: #ffd29c;
  color: white;
}
#mw-equipment-display .mw-equipment-display-toggle .unselected:hover {
  background: #ffbb69;
}
#mw-equipment-display .mw-equipment-display-toggle .selected {
  color: #ffd29c;
  background: white;
  border: thin solid #ffd29c;
  border-bottom: none;
}
#mw-equipment-display .mw-equipment-display-toggle .mw-equipment-display-top-border {
  display: flex;
  flex: 1;
  border-bottom: thin solid #ffd29c;
  margin-right: 0.1em;
}
#mw-equipment-display .mw-equipment-display-general-container, #mw-equipment-display .mw-equipment-display-tank-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
  border-bottom-left-radius: 0.25em;
  background: white;
  border: thin solid #ffd29c;
  border-top: none;
}
#mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-toolbar, #mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-toolbar {
  padding: 0.5em;
  border-top: thin solid #d8d8d8;
  text-align: left;
}
#mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-header, #mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-header {
  display: flex;
  flex-direction: row;
  flex: 1;
}
#mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-header .mw-equipment-display-image, #mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-header .mw-equipment-display-image {
  max-height: 200px;
  max-width: 200px;
  padding: 1em;
}
#mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-header .mw-equipment-display-image i, #mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-header .mw-equipment-display-image i {
  font-size: 5em;
  color: #666666;
  margin-top: 0.6em;
}
#mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-header .mw-equipment-display-image img, #mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-header .mw-equipment-display-image img {
  height: 100%;
  max-width: 100%;
}
#mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-header .mw-equipment-display-image span, #mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-header .mw-equipment-display-image span {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
#mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-header .mw-equipment-display-image span svg, #mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-header .mw-equipment-display-image span svg {
  height: 100px;
  width: 100px;
}
#mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-header .mw-equipment-display-detail, #mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-header .mw-equipment-display-detail {
  flex: 1;
  display: flex;
  flex-direction: row;
  margin-left: 1em;
}
#mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-header .mw-equipment-display-detail .mw-equipment-display-text, #mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-header .mw-equipment-display-detail .mw-equipment-display-text {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-header .mw-equipment-display-detail .mw-equipment-display-text label, #mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-header .mw-equipment-display-detail .mw-equipment-display-text label {
  margin: auto 0;
  text-align: left;
}
@media (max-width: 500px) {
  #mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-header, #mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-header {
    flex-direction: column;
    align-items: center;
  }
  #mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-header .mw-equipment-display-detail, #mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-header .mw-equipment-display-detail {
    flex-direction: column;
    width: 100%;
    margin: 0;
  }
  #mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-header .mw-equipment-display-detail .mw-equipment-display-text, #mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-header .mw-equipment-display-detail .mw-equipment-display-text {
    margin: 0;
  }
  #mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-header .mw-equipment-display-detail .mw-equipment-display-text label, #mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-header .mw-equipment-display-detail .mw-equipment-display-text label {
    padding: 0.25em 0.5em;
  }
}

.mfs-order-summary {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
.mfs-order-summary .mfs-order-summary-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  width: 600px;
  min-width: 300px;
}
.mfs-order-summary .mfs-order-summary-dialog .mfs-order-summary-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
  font-weight: bold;
  padding: 0.2em;
  font-size: 1.2em;
}
.mfs-order-summary .mfs-order-summary-dialog .mfs-order-summary-footer {
  display: flex;
  padding: 0.5em;
  flex-direction: row;
  margin: 1em 0.5em 0.5em 0.5em;
  justify-content: flex-end;
}
.mfs-order-summary .mfs-order-summary-dialog .mfs-order-summary-detail {
  padding: 1em;
}
.mfs-order-summary .mfs-order-summary-dialog .mfs-order-summary-detail .mfs-order-summary-title {
  font-weight: bold;
  padding: 0.5em 0;
  color: #6b6b6b;
  font-size: 1.2em;
}
.mfs-order-summary .mfs-order-summary-dialog .mfs-order-summary-detail .mfs-order-summary-item {
  display: flex;
  flex-direction: row;
  margin-bottom: 0.5em;
}
.mfs-order-summary .mfs-order-summary-dialog .mfs-order-summary-detail .mfs-order-summary-item label {
  margin-bottom: 0.2em;
}
.mfs-order-summary .mfs-order-summary-dialog .mfs-order-summary-detail .mfs-order-summary-item .description {
  display: flex;
  flex: 10;
}
.mfs-order-summary .mfs-order-summary-dialog .mfs-order-summary-detail .mfs-order-summary-item .price {
  display: flex;
  flex: 1;
}
.mfs-order-summary .mfs-order-summary-dialog .mfs-order-summary-detail .total {
  font-weight: bold;
}
.mfs-order-summary .mfs-order-summary-dialog img {
  height: 32px;
  width: 32px;
  margin-right: 0.5em;
}
@media (max-width: 600px) {
  .mfs-order-summary .mfs-order-summary-dialog {
    width: unset;
  }
}

.mfs-stop-list {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
  font-size: 1em;
}
.mfs-stop-list .mfs-stop-list-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  min-width: 20em;
  max-height: 95vh;
  display: flex;
  flex-direction: column;
}
.mfs-stop-list .mfs-stop-list-dialog .mfs-stop-list-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
  flex: 0 0 auto;
}
.mfs-stop-list .mfs-stop-list-dialog .mfs-stop-list-header .mfs-stop-list-title {
  font-weight: bold;
  padding: 0.2em;
}
.mfs-stop-list .mfs-stop-list-dialog .mfs-stop-list-footer {
  display: flex;
  padding: 0.5em;
  flex-direction: row;
  margin: 1em 0.5em 0.5em 0.5em;
  justify-content: flex-end;
  flex: 0 0 auto;
}
.mfs-stop-list .mfs-stop-list-dialog .mfs-stop-list-container {
  display: flex;
  flex-direction: column;
  overflow: auto;
  flex: 1;
}
.mfs-stop-list .mfs-stop-list-dialog .mfs-stop-list-stop {
  display: flex;
  flex-direction: column;
  padding: 0.5em;
  margin: 0.5em;
  border: thin solid black;
  flex-shrink: 0;
  cursor: pointer;
}
.mfs-stop-list .mfs-stop-list-dialog .mfs-stop-list-stop .mfs-stop-list-stop-header {
  font-weight: bold;
  display: flex;
  flex-direction: row;
}
.mfs-stop-list .mfs-stop-list-dialog .mfs-stop-list-stop label {
  cursor: pointer;
}
.mfs-stop-list .mfs-stop-list-dialog .mfs-stop-list-stop:hover {
  color: #007bff;
}

.mfs-image-box {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
  font-size: 1em;
}
.mfs-image-box .mfs-image-box-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  display: flex;
  flex-direction: column;
  height: 90%;
  width: 90%;
}
.mfs-image-box .mfs-image-box-dialog .mfs-image-box-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
  flex: 0 0 auto;
}
.mfs-image-box .mfs-image-box-dialog .mfs-image-box-header .mfs-image-box-title {
  font-weight: bold;
  padding: 0.2em;
}
.mfs-image-box .mfs-image-box-dialog .mfs-image-box-footer {
  display: flex;
  padding: 0.5em;
  flex-direction: row;
  margin: 1em 0.5em 0.5em 0.5em;
  justify-content: flex-end;
  flex: 0 0 auto;
}
.mfs-image-box .mfs-image-box-dialog .mfs-image-box-container {
  display: flex;
  flex: 1;
  overflow: hidden;
}
.mfs-image-box .mfs-image-box-dialog .mfs-image-box-container img {
  max-width: 100%;
  max-height: 100%;
  align-self: center;
  margin: auto;
  padding: 1em;
}

.mfs-document-box {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
  font-size: 1em;
}
.mfs-document-box .mfs-document-box-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  display: flex;
  flex-direction: column;
  height: 90%;
  width: 90%;
}
.mfs-document-box .mfs-document-box-dialog .mfs-document-box-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
  flex: 0 0 auto;
}
.mfs-document-box .mfs-document-box-dialog .mfs-document-box-header .mfs-document-box-title {
  font-weight: bold;
  padding: 0.2em;
}
.mfs-document-box .mfs-document-box-dialog .mfs-document-box-footer {
  display: flex;
  padding: 0.5em;
  flex-direction: row;
  margin: 1em 0.5em 0.5em 0.5em;
  justify-content: flex-end;
  flex: 0 0 auto;
}
.mfs-document-box .mfs-document-box-dialog .mfs-document-box-container {
  overflow: auto;
}

.mfs-assignment-box {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
  font-size: 1em;
}
.mfs-assignment-box .mfs-assignment-box-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  display: flex;
  flex-direction: column;
  height: unset;
  width: 600px;
}
.mfs-assignment-box .mfs-assignment-box-dialog .mfs-assignment-box-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
  flex: 0 0 auto;
}
.mfs-assignment-box .mfs-assignment-box-dialog .mfs-assignment-box-header .mfs-assignment-box-title {
  font-weight: bold;
  padding: 0.2em;
}
.mfs-assignment-box .mfs-assignment-box-dialog .mfs-assignment-box-footer {
  display: flex;
  padding: 0.5em;
  flex-direction: row;
  margin: 1em 0.5em 0.5em 0.5em;
  justify-content: flex-end;
  flex: 0 0 auto;
}
.mfs-assignment-box .mfs-assignment-box-dialog .mfs-assignment-box-footer label {
  color: red;
  flex: 1;
}
.mfs-assignment-box .mfs-assignment-box-dialog .mfs-assignment-box-container {
  display: flex;
  flex: 1;
  overflow: hidden;
  flex-direction: column;
}
.mfs-assignment-box .mfs-assignment-box-dialog .mfs-assignment-box-container .mfs-assignment-fields {
  margin: 1em;
}
.mfs-assignment-box .mfs-assignment-box-dialog .mfs-assignment-box-container .success-message {
  padding: 1em 1em 0 1em;
}
@media (max-width: 600px) {
  .mfs-assignment-box .mfs-assignment-box-dialog {
    width: 100%;
  }
}

#mw-flash-message {
  margin: 1em 2em;
  padding: 0.5em;
  position: fixed;
  right: 0.6em;
  bottom: 0.6em;
  border: 1px solid rgb(200, 200, 200);
  border-radius: 0.4em;
  display: flex;
  flex-direction: column;
  background: white;
}
#mw-flash-message .mw-flash-message-body {
  width: 25em;
  height: 6em;
  display: flex;
  flex-direction: row;
}
#mw-flash-message .mw-flash-message-body .mw-flash-message-item-image-container {
  width: 5em;
  height: 5em;
  margin: 0.4em;
}
#mw-flash-message .mw-flash-message-body .mw-flash-message-item-image-container img {
  height: 100%;
  width: 100%;
}
#mw-flash-message .mw-flash-message-body .mw-flash-message-item-message {
  display: flex;
  flex: 1;
  flex-flow: column;
  height: 100%;
  padding: 0.4em;
  text-overflow: ellipsis;
  overflow: hidden;
}
#mw-flash-message .mw-flash-message-body .mw-flash-message-item-message .mw-flash-message-item-title {
  font-weight: bold;
  font-size: 1.2em;
}
#mw-flash-message .mw-flash-message-body .mw-flash-message-item-message .mw-flash-message-item-content {
  font-size: 1em;
}
#mw-flash-message .mw-flash-message-footer {
  margin: 0.4em;
}
#mw-flash-message .mw-flash-message-footer .btn-primary {
  float: left;
}
#mw-flash-message .mw-flash-message-footer .btn-success {
  float: right;
}
#mw-flash-message .mw-flash-message-footer .btn {
  width: 48%;
}

#mw-invoice-history-table {
  display: flex;
  flex-direction: column;
  border: thin solid #ffd29c;
  position: relative;
  flex: 1;
  margin: 5px;
  min-width: 300px;
}
#mw-invoice-history-table .mw-col {
  box-sizing: border-box;
  display: block;
  color: rgb(50, 50, 50);
  height: 100%;
}
#mw-invoice-history-table .mw-col-invoice-pdf {
  width: 2em;
}
#mw-invoice-history-table .mw-col-invoice-pdf i .fas.fa-file-download {
  font-size: 20px;
  color: rgb(150, 150, 150);
}
#mw-invoice-history-table .mw-col-invoice-pdf:hover {
  text-decoration: underline;
}
#mw-invoice-history-table .mw-col-invoice-pdf:hover i {
  color: #ffd29c;
}
#mw-invoice-history-table .mw-col-invoice-pdf:active i {
  color: red;
}
#mw-invoice-history-table .mw-col-invoice-date {
  flex: 1;
}
#mw-invoice-history-table .mw-col-invoice-number {
  flex: 1.5;
}
#mw-invoice-history-table .mw-col-amount {
  flex: 2;
}
#mw-invoice-history-table .mw-history-right {
  text-align: right;
  margin-right: 1em;
}
#mw-invoice-history-table .mw-history-header {
  height: 35px;
  min-height: 35px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #ffd29c;
  border-bottom: thin solid #ffd29c;
  color: #FFFFFF;
  overflow: hidden;
}
#mw-invoice-history-table .mw-history-header span {
  font-size: 0.9em;
  text-transform: uppercase;
  padding: 0.35em;
  color: black;
  text-align: center;
  background: white;
}
@media (min-width: 400px) {
  #mw-invoice-history-table .mw-history-header span {
    font-size: 1em;
  }
}
#mw-invoice-history-table .mw-history-header span:hover {
  cursor: pointer;
  background: rgb(235, 235, 235);
}
#mw-invoice-history-table .mw-history-header span:not(:last-child) {
  border-right: thin solid #ffd29c;
}
#mw-invoice-history-table .mw-history-title {
  font-size: 1.25em;
}
#mw-invoice-history-table .mw-history-container {
  display: flex;
  flex-direction: column;
  flex: 1 0 1px;
  overflow-y: scroll;
}
#mw-invoice-history-table .mw-history-container label {
  display: block;
  padding: 15px;
  text-align: center;
  width: 100%;
}
#mw-invoice-history-table .mw-history-container .mw-history-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  border-bottom: 1px solid rgb(200, 200, 200);
  min-height: 50px;
  align-items: center;
}
#mw-invoice-history-table .mw-history-container .mw-history-item span {
  font-size: 0.8em;
  padding: 15px 0;
}
@media (min-width: 400px) {
  #mw-invoice-history-table .mw-history-container .mw-history-item span {
    font-size: 1em;
  }
}
#mw-invoice-history-table .mw-history-container .mw-history-item:hover {
  background: rgb(245, 245, 245);
}
#mw-invoice-history-table .mw-history-container .mw-history-spinner {
  position: absolute;
  top: 45%;
  left: 45%;
}
#mw-invoice-history-table .mw-history-toolbar {
  background: #ffd29c;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.1em;
  color: #FFFFFF;
}
#mw-invoice-history-table .mw-history-toolbar button {
  color: white;
  margin-right: 0.3em;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 0.2em;
  padding-right: 0.2em;
  font-size: 0.9em;
}
@media (min-width: 500px) {
  #mw-invoice-history-table .mw-history-toolbar button {
    padding-left: 0.7em;
    padding-right: 0.7em;
  }
}
#mw-invoice-history-table .mw-history-toolbar button:disabled {
  background: gray;
}
#mw-invoice-history-table .mw-history-toolbar .mw-history-record-count {
  flex: auto;
  color: white;
  font-size: 0.9em;
}
#mw-invoice-history-table .mw-history-search {
  display: flex;
  flex-direction: row;
  border-bottom: thin solid #ffd29c;
}
#mw-invoice-history-table .mw-history-search .form-control {
  display: flex;
  flex: 9;
  border: thin solid #ffd29c;
  margin: 0.5em;
}
#mw-invoice-history-table .mw-history-search button {
  display: flex;
  flex: 1;
  background: transparent;
  border: none;
}
#mw-invoice-history-table .mw-history-search button i {
  margin: auto;
  font-size: 1.25em;
}
#mw-invoice-history-table .mw-history-search button:hover {
  background: rgb(235, 235, 235);
}
#mw-invoice-history-table .mw-history-search .mw-search-drop-down {
  flex: 1;
  margin-bottom: 0;
}
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box {
  width: 100%;
}
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-customerid,
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-customerid,
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-customerid,
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-customerid {
  flex: 3em;
  overflow: hidden;
}
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-stopnumber,
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-stopnumber,
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-stopnumber,
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-stopnumber {
  flex: 1em;
  overflow: hidden;
}
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-deliveryname,
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-deliveryname,
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-deliveryname,
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-deliveryname {
  flex: 7em;
  overflow: hidden;
}
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-address,
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-address,
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-address,
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-address {
  flex: 7em;
  overflow: hidden;
}
#mw-invoice-history-table .mw-history-search .mw-search-drop-down-group {
  border: none;
}
#mw-invoice-history-table .mw-history-search .mw-search-drop-down-group .mw-search-drop-down-arrow {
  padding: 6px;
  flex: 1;
  align-self: center;
  text-align: center;
}
#mw-invoice-history-table .mw-history-search .mw-search-drop-down-group:focus-within {
  box-shadow: none;
  transition: none;
}
#mw-invoice-history-table .mw-history-search .mw-search-drop-down-group:focus-within .form-control:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

#mw-manage-cards-table {
  display: flex;
  flex-direction: column;
  border: thin solid #ffd29c;
  position: relative;
  flex: 1;
  margin: 5px;
  min-width: 300px;
}
#mw-manage-cards-table .mw-cards-header {
  height: 35px;
  min-height: 35px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #ffd29c;
  border-bottom: thin solid #ffd29c;
  color: #FFFFFF;
}
#mw-manage-cards-table .mw-cards-title {
  font-size: 1.25em;
}
#mw-manage-cards-table .mw-cards-container {
  background: white;
  padding: 15px;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 0 1px;
  overflow-y: scroll;
}
#mw-manage-cards-table .mw-cards-container .mw-cards-no-cards {
  display: block;
  padding: 15px;
  text-align: center;
  width: 100%;
}
#mw-manage-cards-table .mw-credit-card, #mw-manage-cards-table .mw-bank {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 5px;
  border: thin solid rgb(225, 225, 225);
  min-height: 150px;
  border-radius: 0.25em;
  overflow: hidden;
}
#mw-manage-cards-table .mw-credit-card .mw-credit-card-info, #mw-manage-cards-table .mw-bank .mw-credit-card-info {
  display: flex;
  flex-direction: row;
  flex: 1;
  min-height: 100px;
}
#mw-manage-cards-table .mw-credit-card .mw-credit-card-expired, #mw-manage-cards-table .mw-bank .mw-credit-card-expired {
  position: absolute;
  font-size: 4em;
  color: rgba(255, 0, 0, 0.6);
  transform: rotate(-10deg);
  width: 100%;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0;
}
#mw-manage-cards-table .mw-credit-card .expiring-processor, #mw-manage-cards-table .mw-bank .expiring-processor {
  color: red;
}
#mw-manage-cards-table .mw-credit-card .mw-credit-card-description, #mw-manage-cards-table .mw-bank .mw-credit-card-description {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 1em;
  text-transform: uppercase;
}
#mw-manage-cards-table .mw-credit-card .mw-credit-card-col, #mw-manage-cards-table .mw-bank .mw-credit-card-col {
  display: flex;
  flex-direction: row;
  padding: 0.3em 0;
  background: #f3f3f3;
  justify-content: center;
  min-height: 50px;
}
#mw-manage-cards-table .mw-credit-card .mw-credit-card-col button, #mw-manage-cards-table .mw-bank .mw-credit-card-col button {
  margin: 0.1em;
  width: 130px;
}
#mw-manage-cards-table .mw-credit-card .mw-card-delete, #mw-manage-cards-table .mw-bank .mw-card-delete {
  height: 35px;
  width: 35px;
  padding: 0.2em;
  border-radius: 2em;
  background: #dc3545;
  color: white;
  text-align: center;
  margin: 0.5em;
  z-index: 999;
  border: medium solid;
}
#mw-manage-cards-table .mw-credit-card .mw-card-delete:hover, #mw-manage-cards-table .mw-bank .mw-card-delete:hover {
  background: #bd2130;
}
#mw-manage-cards-table .mw-bank {
  padding: 1em;
  min-height: 110px;
}
#mw-manage-cards-table .mw-card-description {
  font-size: 20px;
  margin: 0;
  color: black;
}
#mw-manage-cards-table .mw-card-expiry {
  font-size: 0.9em;
  margin: 0;
  color: black;
}
#mw-manage-cards-table .mw-card-payment-type {
  font-size: 0.9em;
  margin: 0;
  color: #666666;
}
#mw-manage-cards-table .mw-cards-failure {
  color: red;
  width: 100%;
  text-align: center;
  font-size: 15px;
}
#mw-manage-cards-table #mw-cards-add-card-modal .modal-body {
  max-height: 500px;
  overflow-y: auto;
}
#mw-manage-cards-table #mw-cards-add-card-modal .modal-body label {
  font-size: 14px;
  margin: 0;
}
#mw-manage-cards-table #mw-cards-add-card-modal .modal-body input {
  font-size: 15px;
  margin-bottom: 2px;
}
#mw-manage-cards-table .mw-cards-toolbar {
  background: #ffd29c;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.1em;
  color: #FFFFFF;
}
#mw-manage-cards-table .mw-cards-toolbar button {
  color: white;
  margin-right: 0.3em;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 0.2em;
  padding-right: 0.2em;
  font-size: 0.9em;
}
@media (min-width: 500px) {
  #mw-manage-cards-table .mw-cards-toolbar button {
    padding-left: 0.7em;
    padding-right: 0.7em;
  }
}
#mw-manage-cards-table .mw-cards-add-card-container {
  margin-bottom: 0.2em;
  padding: 0;
}
@media (max-width: 500px) {
  #mw-manage-cards-table .mw-credit-card {
    min-height: unset;
  }
  #mw-manage-cards-table .mw-credit-card .mw-credit-card-col {
    padding: 10px;
  }
  #mw-manage-cards-table .mw-credit-card .mw-credit-card-col .mw-card-description {
    font-size: 15px;
    font-weight: bold;
  }
  #mw-manage-cards-table .mw-credit-card .mw-credit-card-col button {
    font-size: 0.9em;
  }
}

.mw-choose-delivery-date {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
.mw-choose-delivery-date .mw-choose-delivery-date-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  min-width: 20em;
}
.mw-choose-delivery-date .mw-choose-delivery-date-dialog .mw-choose-delivery-date-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
  position: relative;
}
.mw-choose-delivery-date .mw-choose-delivery-date-dialog .mw-choose-delivery-date-header .mw-choose-delivery-date-title {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.2em;
}
.mw-choose-delivery-date .mw-choose-delivery-date-dialog .mw-choose-delivery-date-header .mw-choose-delivery-date-button {
  position: absolute;
  right: 0.5em;
  top: 0;
  color: #FFFFFF;
}
.mw-choose-delivery-date .mw-choose-delivery-date-dialog .mw-choose-delivery-date-body {
  margin-top: 1em;
  padding: 0.5em;
}

.mw-input-box,
.mw-message-box {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
.mw-input-box .mw-message-box-dialog,
.mw-message-box .mw-message-box-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  min-width: 20em;
}
.mw-input-box .mw-message-box-dialog .mw-message-box-header,
.mw-message-box .mw-message-box-dialog .mw-message-box-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
}
.mw-input-box .mw-message-box-dialog .mw-message-box-header .mw-message-box-title,
.mw-message-box .mw-message-box-dialog .mw-message-box-header .mw-message-box-title {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.2em;
}
.mw-input-box .mw-message-box-dialog .mw-message-box-body-table,
.mw-message-box .mw-message-box-dialog .mw-message-box-body-table {
  display: flex;
  margin-top: 1em;
  padding: 0.5em;
  overflow: hidden;
  width: 100%;
}
.mw-input-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-image,
.mw-message-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-image {
  width: 5em;
  flex: 1;
  text-align: center;
}
.mw-input-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-cell,
.mw-message-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-cell {
  display: table-cell;
  vertical-align: middle;
}
.mw-input-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-cell .mw-message-box-image,
.mw-message-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-cell .mw-message-box-image {
  width: 5em;
  height: 5em;
  margin: 0.2em;
}
.mw-input-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-cell .mw-message-box-text-wrapper,
.mw-message-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-cell .mw-message-box-text-wrapper {
  padding: 0.2em;
  max-height: 60vh;
  overflow: auto;
  display: block;
}
.mw-input-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-cell .mw-message-box-text-wrapper .mw-message-box-text-block,
.mw-message-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-cell .mw-message-box-text-wrapper .mw-message-box-text-block {
  align-self: center;
  text-align: left;
  color: black;
  margin-bottom: 0.5em;
}
.mw-input-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-cell .mw-message-box-text-wrapper .sub-block,
.mw-message-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-cell .mw-message-box-text-wrapper .sub-block {
  margin-top: 1em;
}
.mw-input-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-cell .mw-message-box-text-wrapper .mw-message-box-validation-error,
.mw-message-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-cell .mw-message-box-text-wrapper .mw-message-box-validation-error {
  font-size: 12px;
  margin-top: 0.2em;
  color: rgba(255, 0, 0, 0.75);
}
.mw-input-box .mw-message-box-dialog .mw-message-box-footer-right-align,
.mw-input-box .mw-message-box-dialog .mw-message-box-footer,
.mw-message-box .mw-message-box-dialog .mw-message-box-footer-right-align,
.mw-message-box .mw-message-box-dialog .mw-message-box-footer {
  display: flex;
  padding: 0.5em;
  flex-direction: row;
  margin: 0.5em;
}
.mw-input-box .mw-message-box-dialog .mw-message-box-footer-right-align,
.mw-message-box .mw-message-box-dialog .mw-message-box-footer-right-align {
  justify-content: flex-end;
}
.mw-input-box .mw-message-box-dialog .mw-message-box-footer,
.mw-message-box .mw-message-box-dialog .mw-message-box-footer {
  justify-content: space-between;
}
.mw-input-box .mw-message-box-dialog .mw-message-box-footer button,
.mw-message-box .mw-message-box-dialog .mw-message-box-footer button {
  margin-right: 0.5em;
}

.mfs-open-leads {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
.mfs-open-leads .mfs-open-leads-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  width: 80%;
  max-height: 80%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1000px) {
  .mfs-open-leads .mfs-open-leads-dialog {
    width: 100%;
  }
}
@media (max-height: 500px) {
  .mfs-open-leads .mfs-open-leads-dialog {
    height: 100%;
    max-height: initial;
  }
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-dialog-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-dialog-header .mfs-open-leads-title {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.2em;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-header {
  background: #ffd29c;
  display: flex;
  flex-direction: row;
  padding: 0.2em 0.6em 0.2em 0.6em;
  color: #FFFFFF;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-id {
  flex: 1.5;
  margin: 0;
  padding: 0 0.3em;
  align-self: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 800px) {
  .mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-id {
    display: none;
  }
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-phone {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
  align-self: center;
}
@media (max-width: 1200px) {
  .mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-phone {
    display: none;
  }
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-name {
  flex: 2;
  margin: 0;
  padding: 0 0.3em;
  align-self: center;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-section-address {
  flex: 3;
  margin: 0;
  padding: 0 0.3em;
  align-self: center;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-section-address label {
  margin: 0;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-icons {
  width: 160px;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-text {
  display: flex;
  flex: 1;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-text:hover {
  cursor: pointer;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container {
  border: thin solid #ffd29c;
  display: flex;
  flex-direction: column;
  flex: 1;
  color: #495057;
  background: #f3f3f3;
  overflow: auto;
  padding: 0 0.6em;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-lead-no-data {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3em;
  margin: 0;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-icons {
  width: 160px;
  margin: 0;
  padding: 0 0.3em;
  justify-content: space-evenly;
  display: flex;
  align-items: center;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-icons a {
  height: 35px;
  width: 35px;
  padding: 0.2em;
  border-radius: 2em;
  border: medium solid;
  text-align: center;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-icons .mfs-lookup-new-delivery {
  background: #31d0d3;
  color: white;
  border-color: #31d0d3;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-icons .mfs-lookup-new-delivery:hover {
  background: #25aaac;
  border-color: #25aaac;
  cursor: pointer;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-icons .mfs-lookup-new-invoice {
  background: #31d0ff;
  color: white;
  border-color: #31d0ff;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-icons .mfs-lookup-new-invoice:hover {
  background: #00c3fd;
  border-color: #00c3fd;
  cursor: pointer;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-icons .mfs-lookup-visit {
  background: #007bff;
  color: white;
  border-color: #007bff;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-icons .mfs-lookup-visit:hover {
  background: #0062cc;
  border-color: #0062cc;
  cursor: pointer;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-icons .mfs-lookup-map {
  background: #FF8400;
  color: white;
  border-color: #FF8400;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-icons .mfs-lookup-map:hover {
  background: #cc6a00;
  border-color: #cc6a00;
  cursor: pointer;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-icons .mfs-lookup-contact {
  background: #18AC38;
  color: white;
  border-color: #18AC38;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-icons .mfs-lookup-contact:hover {
  background: #127f29;
  border-color: #127f29;
  cursor: pointer;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-icons .unavailable {
  color: white;
  background: #d8d8d8;
  border-color: #d8d8d8;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-customer {
  display: flex;
  flex-direction: row;
  padding: 0.5em 0;
  border-bottom: thin solid #d8d8d8;
  background: white;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-customer label {
  cursor: pointer;
  align-self: center;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-customer:hover {
  color: #007bff;
  background: #f3f3f3;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-footer {
  justify-content: flex-end;
  display: flex;
  padding: 0.6em;
  min-height: 57px;
}
.mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-footer .btn {
  min-height: 38px;
}

.mfs-geocode-address {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
.mfs-geocode-address .mfs-geocode-address-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  min-width: 20em;
}
@media (max-height: 700px) {
  .mfs-geocode-address .mfs-geocode-address-dialog {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 500px) {
  .mfs-geocode-address .mfs-geocode-address-dialog {
    width: 100%;
  }
}
.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
}
.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-header .mfs-geocode-address-title {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.2em;
}
.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body {
  display: flex;
  flex-direction: column;
}
@media (max-height: 700px) {
  .mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body {
    flex: 1;
  }
}
.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-map-container {
  width: 30em;
  height: 30em;
}
@media (max-width: 500px) {
  .mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-map-container {
    width: 100%;
  }
}
@media (max-height: 700px) {
  .mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-map-container {
    flex: 1;
    height: 0;
  }
}
.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-map-container .mfs-geocode-address-map {
  height: 100%;
  width: 100%;
}
.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-panel {
  flex: 0;
  padding: 1em;
  display: flex;
  flex-direction: column;
}
.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-panel .mfs-geocode-address-group-search-address {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-panel .mfs-geocode-address-group-search-address .mfs-geocode-address-panel-label {
  margin: 0;
}
.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-panel .mfs-geocode-address-group-search-address .mfs-geocode-address-panel-form {
  margin: 0 0.6em;
  flex: 1;
}
.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-panel .mfs-geocode-address-group-search-address .mfs-geocode-address-search-button {
  border-radius: 1rem;
  height: 2em;
  width: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-panel .mfs-geocode-address-group-geocode-result {
  display: flex;
  flex-direction: row;
  margin-top: 0.4em;
}
.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-panel .mfs-geocode-address-group-geocode-result .mfs-geocode-address-result {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-panel .mfs-geocode-address-group-geocode-result .mfs-geocode-address-result.longitude {
  margin-left: 0.8em;
}
.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-panel .mfs-geocode-address-group-geocode-result .mfs-geocode-address-result .mfs-geocode-address-result-label {
  margin-right: 0.6em;
  margin-bottom: 0;
}
.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-panel .mfs-geocode-address-group-geocode-result .mfs-geocode-address-result .mfs-geocode-address-result-data {
  width: 8em;
  margin-bottom: 0;
}
.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-panel .mfs-geocode-address-group-buttons {
  margin-top: 0.4em;
  display: flex;
  justify-content: flex-end;
}
.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-panel .mfs-geocode-address-group-buttons .save-button {
  margin-left: 0.8em;
}

.mms-edit-box {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
.mms-edit-box .mms-edit-box-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  min-width: 20em;
}
.mms-edit-box .mms-edit-box-dialog .mms-edit-box-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
}
.mms-edit-box .mms-edit-box-dialog .mms-edit-box-header .mms-edit-box-title {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.2em;
}
.mms-edit-box .mms-edit-box-dialog .mmw-edit-exact-options .form-control {
  width: unset;
  margin: 0.5em 0;
}
.mms-edit-box .mms-edit-box-dialog .mms-edit-footer {
  padding: 0.5em;
  text-align: right;
}
.mms-edit-box .mms-edit-box-dialog .mms-edit-box-body-table {
  display: table;
  margin-top: 1em;
  padding: 0.5em;
  overflow: hidden;
  width: 100%;
}
.mms-edit-box .mms-edit-box-dialog .mms-edit-box-body-table .form-control {
  margin-bottom: 0.5em;
}
.mms-edit-box .mms-edit-box-dialog .mms-edit-box-body-table .mms-edit-exact-options .mms-edit-data {
  display: flex;
  flex-direction: row;
}
.mms-edit-box .mms-edit-box-dialog .mms-edit-box-body-table .mms-edit-exact-options .mms-edit-data span {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin: 0;
}
.mms-edit-box .mms-edit-box-dialog .mms-edit-box-body-table .mms-edit-exact-options .mms-edit-data button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
  color: #495057;
  border-color: #ced4da;
}
.mms-edit-box .mms-edit-box-dialog .mms-edit-box-body-table .mms-edit-exact {
  display: flex;
  flex-direction: row;
  margin: 0.5em 0 0 0;
}
.mms-edit-box .mms-edit-box-dialog .mms-edit-box-body-table .mms-edit-box-body-image {
  width: 5em;
}
.mms-edit-box .mms-edit-box-dialog .mms-edit-box-body-table .mms-edit-box-body-cell {
  display: table-cell;
  vertical-align: middle;
}
.mms-edit-box .mms-edit-box-dialog .mms-edit-box-body-table .mms-edit-box-body-cell .mms-edit-box-image {
  width: 5em;
  height: 5em;
  margin: 0.2em;
}
.mms-edit-box .mms-edit-box-dialog .mms-edit-box-body-table .mms-edit-box-body-cell .mms-edit-box-text-wrapper {
  padding: 0.2em;
  max-height: 60vh;
  overflow: auto;
  display: block;
}
.mms-edit-box .mms-edit-box-dialog .mms-edit-box-body-table .mms-edit-box-body-cell .mms-edit-box-text-wrapper .mms-edit-box-text-block {
  align-self: center;
  text-align: left;
  color: black;
  margin-bottom: 0.5em;
}
.mms-edit-box .mms-edit-box-dialog .mms-edit-box-body-table .mms-edit-box-body-cell .mms-edit-box-text-wrapper .sub-block {
  margin-top: 1em;
}
.mms-edit-box .mms-edit-box-dialog .mms-edit-box-body-table .mms-edit-box-body-cell .mms-edit-box-text-wrapper .mms-edit-box-validation-error {
  font-size: 12px;
  margin-top: 0.2em;
  color: rgba(255, 0, 0, 0.75);
}
.mms-edit-box .mms-edit-box-dialog .mms-edit-box-footer-right-align,
.mms-edit-box .mms-edit-box-dialog .mms-edit-box-footer {
  display: flex;
  padding: 0.5em;
  flex-direction: row;
  margin: 1em 0.5em 0.5em 0.5em;
}
.mms-edit-box .mms-edit-box-dialog .mms-edit-box-footer-right-align {
  justify-content: flex-end;
}
.mms-edit-box .mms-edit-box-dialog .mms-edit-box-footer {
  justify-content: space-between;
}

.mw-forgot-password {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
.mw-forgot-password .mw-forgot-password-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  width: 100%;
  max-width: 500px;
}
.mw-forgot-password .mw-forgot-password-dialog .mw-forgot-password-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
}
.mw-forgot-password .mw-forgot-password-dialog .mw-forgot-password-header .mw-forgot-password-title {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.2em;
}
.mw-forgot-password .mw-forgot-password-dialog .mw-forgot-password-body {
  margin-top: 1em;
  padding: 1em;
  overflow: hidden;
  width: 100%;
}
.mw-forgot-password .mw-forgot-password-dialog .mw-forgot-password-body .mw-forgot-password-group {
  margin: 0.5em 0;
}
.mw-forgot-password .mw-forgot-password-dialog .mw-forgot-password-body .mw-forgot-password-account .mw-forgot-password-activation {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5em;
}
.mw-forgot-password .mw-forgot-password-dialog .mw-forgot-password-body .mw-forgot-password-account .mw-forgot-password-activation .mw-forgot-password-error {
  margin: 0.5em 0;
  font-size: 14px;
  color: red;
  font-weight: normal;
}
.mw-forgot-password .mw-forgot-password-dialog .mw-forgot-password-footer {
  display: flex;
  padding: 0.5em;
  flex-direction: row;
  margin: 1em 0.5em 0.5em 0.5em;
  justify-content: flex-end;
}
.mw-forgot-password .mw-forgot-password-dialog .mw-forgot-password-footer .btn-send {
  margin-right: 0.8em;
}

.mfs-signature {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
.mfs-signature .mfs-signature-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
}
@media (max-width: 600px) {
  .mfs-signature .mfs-signature-dialog {
    width: 100%;
  }
}
.mfs-signature .mfs-signature-dialog .mango-sign {
  background: #ff9900;
  color: #ffffff;
  text-align: center;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-header .mfs-signature-title {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.2em;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-body-table {
  display: flex;
  flex-direction: column;
  margin-top: 1em;
  padding: 0.5em;
  overflow: hidden;
  width: 100%;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .tab-ribbon {
  display: flex;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .tab-ribbon .tab {
  border-color: #c8c8c8;
  padding: 0.5em 1em 0 1em;
  border-radius: 0.5em 0.5em 0 0;
  border-width: 0.1em 0.1em 0 0.1em;
  border-style: solid;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .tab-ribbon .tab.selected {
  background: #ffd494;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .tab-ribbon .tab:hover {
  background: #ffd494;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell {
  display: table-cell;
  vertical-align: middle;
  border: #c8c8c8 1px solid;
  border-radius: 0.25rem;
  height: 11em;
  width: 41em;
}
@media (max-width: 600px) {
  .mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell {
    width: 100%;
  }
}
.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex {
  display: flex;
  padding: 0.3em;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex label {
  margin: 0;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .type-left-panel {
  flex: 2;
  max-width: 27em;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .type-left-panel .signature-canvas {
  margin: 2em 0;
}
@media (max-width: 600px) {
  .mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .type-left-panel .signature-canvas {
    width: 100%;
  }
}
.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .type-right-panel {
  flex: 1;
  overflow: auto;
  margin: 0 0 0 1em;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .type-right-panel .font {
  display: block;
  padding: 0.3em;
  font-size: 1.5em;
  white-space: nowrap;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .type-right-panel .font.selected {
  background: #ffd494;
  border: #aaaaaa 1px solid;
  border-radius: 0.9em;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .type-right-panel .font:hover {
  background: #ffd494;
  border-radius: 0.9em;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .upload-left-panel {
  flex: 1;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .upload-left-panel.dragging {
  background: #ff9900;
  border-radius: 0.3em;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .upload-left-panel.dragging i,
.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .upload-left-panel.dragging span {
  color: #ffffff;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .upload-left-panel i {
  font-size: 5em;
  color: #ff9900;
  padding: 0.1em 0 0 0;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .upload-left-panel span {
  display: inline-block;
  line-height: 1.1;
  font-size: 0.9em;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .upload-right-panel {
  flex: 2;
  max-width: 27em;
  overflow: hidden;
  margin: 0 0 0 1em;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell .mfs-signature-canvas-wrapper {
  display: block;
  padding: 0.2em;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell .mfs-signature-canvas-wrapper .mfs-signature-canvas {
  height: 10em;
  width: 40em;
}
@media (max-width: 600px) {
  .mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell .mfs-signature-canvas-wrapper .mfs-signature-canvas {
    width: 100%;
  }
}
.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell .mfs-signature-print-label {
  margin-bottom: 0;
  margin-right: 0.4em;
  width: 6em;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell .mfs-signature-print-input {
  flex: 1;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-canvas-description {
  font-size: small;
  width: 100%;
  text-align: center;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-canvas-description .mfs-agreement {
  vertical-align: middle;
  padding: 0 0 0 0.2em;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-print {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.5em;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-print .mfs-signature-print-label {
  margin-bottom: 0;
  margin-right: 0.4em;
  width: 6em;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-print .mfs-signature-print-input {
  flex: 1;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-footer {
  display: flex;
  padding: 0.5em;
  flex-direction: row;
  margin: 1em 0.5em 0.5em 0.5em;
  justify-content: space-around;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-footer .mfs-signature-tools {
  display: flex;
  flex-direction: row;
  padding: 0 0.5em;
}
@media (max-width: 500px) {
  .mfs-signature .mfs-signature-dialog .mfs-signature-footer .mfs-signature-tools {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.mfs-signature .mfs-signature-dialog .mfs-signature-footer .mfs-signature-tools .btn, .mfs-signature .mfs-signature-dialog .mfs-signature-footer .mfs-signature-tools .mfs-signature-brush {
  margin: 0 0.2em;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-footer .mfs-signature-tools .mfs-signature-brush {
  display: flex;
  flex-direction: column;
  width: 10em;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-footer .mfs-signature-tools .mfs-signature-brush-label {
  flex-shrink: 0;
  margin-bottom: 0.4em;
  align-self: flex-start;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-footer .mfs-signature-tools .mfs-signature-brush-slider {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  height: 0.5em;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  transition: opacity 0.2s;
  border-radius: 1rem;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-footer .mfs-signature-tools .mfs-signature-brush-slider:hover {
  opacity: 1;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-footer .mfs-signature-tools .mfs-signature-brush-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1.25em;
  height: 1.25em;
  border-radius: 1rem;
  background: #e4aa3f;
  cursor: pointer;
}
.mfs-signature .mfs-signature-dialog .mfs-signature-footer .mfs-signature-tools .mfs-signature-brush-slider::-moz-range-thumb {
  width: 1.25em;
  height: 1.25em;
  border-radius: 1rem;
  background: #e4aa3f;
  cursor: pointer;
}

.mfs-draw-pad {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
.mfs-draw-pad .mfs-draw-pad-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
}
@media (max-width: 600px) {
  .mfs-draw-pad .mfs-draw-pad-dialog {
    width: 100%;
  }
}
.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
}
.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-header .mfs-draw-pad-title {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.2em;
}
.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-body-table {
  display: flex;
  flex-direction: column;
  margin-top: 1em;
  padding: 0.5em;
  overflow: hidden;
  width: 100%;
}
.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-body-table .mfs-draw-pad-body-cell {
  display: table-cell;
  vertical-align: middle;
  border: #c8c8c8 1px solid;
  border-radius: 0.25rem;
  height: 41em;
  width: 41em;
}
@media (max-width: 600px) {
  .mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-body-table .mfs-draw-pad-body-cell {
    width: 100%;
  }
}
.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-body-table .mfs-draw-pad-body-cell.flex {
  display: flex;
  padding: 0.3em;
}
.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-body-table .mfs-draw-pad-body-cell.flex label {
  margin: 0;
}
.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-body-table .mfs-draw-pad-body-cell .mfs-draw-pad-canvas-wrapper {
  display: block;
  padding: 0.2em;
}
.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-body-table .mfs-draw-pad-body-cell .mfs-draw-pad-canvas-wrapper .mfs-draw-pad-canvas {
  height: 40em;
  width: 40em;
}
@media (max-width: 600px) {
  .mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-body-table .mfs-draw-pad-body-cell .mfs-draw-pad-canvas-wrapper .mfs-draw-pad-canvas {
    width: 100%;
  }
}
.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-footer {
  display: flex;
  padding: 0.5em;
  flex-direction: row;
  margin: 1em 0.5em 0.5em 0.5em;
  justify-content: space-around;
}
.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-footer .mfs-draw-pad-tools {
  display: flex;
  flex-direction: row;
  padding: 0 0.5em;
}
@media (max-width: 500px) {
  .mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-footer .mfs-draw-pad-tools {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-footer .mfs-draw-pad-tools .btn, .mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-footer .mfs-draw-pad-tools .mfs-draw-pad-brush {
  margin: 0 0.2em;
}
.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-footer .mfs-draw-pad-tools .mfs-draw-pad-brush {
  display: flex;
  flex-direction: column;
  width: 10em;
}
.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-footer .mfs-draw-pad-tools .mfs-draw-pad-brush-label {
  flex-shrink: 0;
  margin-bottom: 0.4em;
  align-self: flex-start;
}
.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-footer .mfs-draw-pad-tools .mfs-draw-pad-brush-slider {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  height: 0.5em;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  transition: opacity 0.2s;
  border-radius: 1rem;
}
.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-footer .mfs-draw-pad-tools .mfs-draw-pad-brush-slider:hover {
  opacity: 1;
}
.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-footer .mfs-draw-pad-tools .mfs-draw-pad-brush-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1.25em;
  height: 1.25em;
  border-radius: 1rem;
  background: #e4aa3f;
  cursor: pointer;
}
.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-footer .mfs-draw-pad-tools .mfs-draw-pad-brush-slider::-moz-range-thumb {
  width: 1.25em;
  height: 1.25em;
  border-radius: 1rem;
  background: #e4aa3f;
  cursor: pointer;
}

.mfs-update-equipment-serial {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
.mfs-update-equipment-serial .mfs-update-equipment-serial-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  min-width: 20em;
}
.mfs-update-equipment-serial .mfs-update-equipment-serial-dialog .mfs-update-equipment-serial-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
}
.mfs-update-equipment-serial .mfs-update-equipment-serial-dialog .mfs-update-equipment-serial-header .mfs-update-equipment-serial-title {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.2em;
}
.mfs-update-equipment-serial .mfs-update-equipment-serial-dialog .mfs-update-equipment-serial-body {
  margin-top: 1em;
  padding: 0.5em;
  width: 100%;
}
.mfs-update-equipment-serial .mfs-update-equipment-serial-dialog .mfs-update-equipment-serial-body .mfs-update-equipment-serial-body-wrapper {
  width: 100%;
  height: 100%;
}
.mfs-update-equipment-serial .mfs-update-equipment-serial-dialog .mfs-update-equipment-serial-body .mfs-update-equipment-serial-body-wrapper .mfs-update-equipment-serial-body-block {
  display: flex;
  margin: 0.5em;
}
.mfs-update-equipment-serial .mfs-update-equipment-serial-dialog .mfs-update-equipment-serial-body .mfs-update-equipment-serial-body-wrapper .mfs-update-equipment-serial-body-block .mfs-update-equipment-serial-image {
  font-size: 2em;
  margin-right: 0.2em;
}
.mfs-update-equipment-serial .mfs-update-equipment-serial-dialog .mfs-update-equipment-serial-body .mfs-update-equipment-serial-body-wrapper .mfs-update-equipment-serial-body-block .mfs-update-equipment-serial-image .fa-check-circle {
  color: #28a745;
}
.mfs-update-equipment-serial .mfs-update-equipment-serial-dialog .mfs-update-equipment-serial-body .mfs-update-equipment-serial-body-wrapper .mfs-update-equipment-serial-body-block .mfs-update-equipment-serial-image .fa-times-circle {
  color: #e63636;
}
.mfs-update-equipment-serial .mfs-update-equipment-serial-dialog .mfs-update-equipment-serial-body .mfs-update-equipment-serial-body-wrapper .mfs-update-equipment-serial-body-block .mfs-update-equipment-serial-label {
  margin: 0;
  display: flex;
  align-items: center;
}
.mfs-update-equipment-serial .mfs-update-equipment-serial-dialog .mfs-update-equipment-serial-body .mfs-update-equipment-serial-body-wrapper .mfs-update-equipment-serial-body-block .mfs-update-equipment-serial-text {
  flex: 1;
  margin-left: 0.2em;
  text-transform: uppercase;
}
.mfs-update-equipment-serial .mfs-update-equipment-serial-dialog .mfs-update-equipment-serial-footer-complete {
  display: flex;
  margin: 1em 0.5em 0.5em 0.5em;
  justify-content: flex-end;
}
.mfs-update-equipment-serial .mfs-update-equipment-serial-dialog .mfs-update-equipment-serial-footer {
  display: flex;
  margin: 1em 0.5em 0.5em 0.5em;
  justify-content: space-between;
}

.mfs-request-equipment-exchange {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  min-width: 20em;
  max-height: 80%;
  display: flex;
  flex-direction: column;
}
@media (max-height: 550px) {
  .mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog {
    max-height: 100%;
  }
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
  flex: 0 0 auto;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-header .mfs-request-equipment-exchange-title {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.2em;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body {
  margin-top: 1em;
  padding: 0.5em;
  width: 100%;
  flex: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-message {
  width: 100%;
  margin: 0.5em;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-message .mfs-request-equipment-exchange-label {
  margin: 0;
  display: flex;
  align-items: center;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-complete {
  width: 100%;
  display: flex;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-complete .mfs-request-equipment-exchange-complete-image {
  font-size: 2em;
  margin-right: 0.2em;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-complete .mfs-request-equipment-exchange-complete-image .fa-check-circle {
  color: #28a745;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-complete .mfs-request-equipment-exchange-complete-image .fa-times-circle {
  color: #e63636;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-complete .mfs-request-equipment-exchange-complete-label {
  margin: 0;
  display: flex;
  align-items: center;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-equipment {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
  height: 100%;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-equipment .mfs-request-equipment-exchange-search-block {
  display: flex;
  padding: 0.5em;
  width: 100%;
  flex: 0;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-equipment #mfs-equipment-list {
  flex: 1;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-equipment #mfs-equipment-list .mfs-equipment-count {
  margin: 0;
  margin-top: 1em;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: auto;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit .mfs-request-equipment-exchange-edit-equipment {
  display: flex;
  flex-direction: column;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit .mfs-request-equipment-exchange-edit-equipment .mfs-request-equipment-exchange-label {
  margin-bottom: 0.2em;
  flex: 1;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit .mfs-request-equipment-exchange-edit-date {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit .mfs-request-equipment-exchange-edit-date .mfs-request-equipment-exchange-edit-date-block {
  display: flex;
  margin: 0.5em;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit .mfs-request-equipment-exchange-edit-date .mfs-request-equipment-exchange-edit-date-block .mfs-request-equipment-exchange-label {
  display: flex;
  align-items: center;
  width: 8em;
  margin: 0;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit .mfs-request-equipment-exchange-edit-date .mfs-request-equipment-exchange-edit-date-block .mfs-request-equipment-exchange-date {
  flex: 1;
  margin-left: 0.2em;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit .mfs-request-equipment-exchange-checkbox {
  display: flex;
  align-items: center;
  margin: 0.5em;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit .mfs-request-equipment-exchange-rent {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit .mfs-request-equipment-exchange-rent .mfs-request-equipment-exchange-body-rent {
  display: flex;
  margin: 0.5em;
  flex-direction: column;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit .mfs-request-equipment-exchange-rent .mfs-request-equipment-exchange-body-rent .mfs-request-equipment-exchange-body-rent-group {
  display: flex;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit .mfs-request-equipment-exchange-rent .mfs-request-equipment-exchange-body-rent .mfs-request-equipment-exchange-body-rent-group .mfs-request-equipment-exchange-label {
  margin: 0;
  display: flex;
  align-items: center;
  margin-bottom: 0.2em;
  width: 8em;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit .mfs-request-equipment-exchange-rent .mfs-request-equipment-exchange-body-rent .mfs-request-equipment-exchange-body-rent-group .mfs-request-equipment-exchange-select,
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit .mfs-request-equipment-exchange-rent .mfs-request-equipment-exchange-body-rent .mfs-request-equipment-exchange-body-rent-group .mfs-request-equipment-exchange-number {
  flex: 1;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-footer-complete {
  display: flex;
  margin: 0 0.5em 0.5em 0.5em;
  justify-content: flex-end;
  flex: 0 0 auto;
}
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-footer {
  display: flex;
  margin: 0 0.5em 0.5em 0.5em;
  justify-content: space-between;
  flex: 0 0 auto;
}

.mfs-request-equipment-pickup {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  min-width: 20em;
}
.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
}
.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-header .mfs-request-equipment-pickup-title {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.2em;
}
.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-body {
  margin-top: 1em;
  padding: 0.5em;
  width: 100%;
}
.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-body .mfs-request-equipment-pickup-body-wrapper {
  width: 100%;
  height: 100%;
}
.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-body .mfs-request-equipment-pickup-body-wrapper .mfs-request-equipment-pickup-body-block {
  display: flex;
  margin: 0.5em;
}
.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-body .mfs-request-equipment-pickup-body-wrapper .mfs-request-equipment-pickup-body-block .mfs-request-equipment-pickup-image {
  font-size: 2em;
  margin-right: 0.2em;
}
.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-body .mfs-request-equipment-pickup-body-wrapper .mfs-request-equipment-pickup-body-block .mfs-request-equipment-pickup-image .fa-check-circle {
  color: #28a745;
}
.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-body .mfs-request-equipment-pickup-body-wrapper .mfs-request-equipment-pickup-body-block .mfs-request-equipment-pickup-image .fa-times-circle {
  color: #e63636;
}
.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-body .mfs-request-equipment-pickup-body-wrapper .mfs-request-equipment-pickup-body-block .mfs-request-equipment-pickup-label {
  margin: 0;
  display: flex;
  align-items: center;
}
.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-body .mfs-request-equipment-pickup-body-wrapper .mfs-request-equipment-pickup-body-block .mfs-request-equipment-pickup-date {
  flex: 1;
  margin-left: 0.2em;
}
.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-body .mfs-request-equipment-pickup-body-wrapper .mfs-request-equipment-pickup-body-comment-block {
  display: flex;
  flex-direction: column;
  margin: 0.5em;
}
.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-body .mfs-request-equipment-pickup-body-wrapper .mfs-request-equipment-pickup-body-comment-block .mfs-request-equipment-pickup-label {
  margin: 0;
  display: flex;
  align-items: center;
  margin-bottom: 0.2em;
}
.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-body .mfs-request-equipment-pickup-body-wrapper .mfs-request-equipment-pickup-body-comment-block .mfs-request-equipment-pickup-text {
  height: 10em;
  width: 100%;
  resize: none;
  overflow: auto;
}
.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-footer-complete {
  display: flex;
  margin: 1em 0.5em 0.5em 0.5em;
  justify-content: flex-end;
}
.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-footer {
  display: flex;
  margin: 1em 0.5em 0.5em 0.5em;
  justify-content: space-between;
}

.mfs-record-visit {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
.mfs-record-visit .mfs-record-visit-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #e4aa3f;
  height: 500px;
  width: 700px;
  border-radius: 0.5em;
  max-height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 800px) {
  .mfs-record-visit .mfs-record-visit-dialog {
    width: 95%;
  }
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
  flex: 0 0 auto;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-header .mfs-record-visit-title {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.2em;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body {
  padding: 1em;
  width: 100%;
  flex: 1;
  overflow: auto;
  background: white;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table {
  display: flex;
  flex-direction: column;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-add-image {
  display: none;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-row {
  display: flex;
  margin-top: 1em;
  flex-wrap: wrap;
}
@media (max-width: 800px) {
  .mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-row {
    flex-direction: column;
  }
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-row .mfs-record-visit-label {
  width: 8em;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-row .mfs-record-visit-text {
  flex: 1;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-row .mfs-record-visit-multi-text {
  flex: 1;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-error {
  margin-top: 1em;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-checkbox {
  display: flex;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-top: 0.6em;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -0.2em -0.4em;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list .mfs-record-visit-picture-image {
  min-width: 6em;
  margin: 0.2em 0.4em;
  padding: 0 0.3em;
  justify-content: flex-start;
  display: flex;
  align-items: center;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list .mfs-record-visit-picture-image.center {
  justify-content: center;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list .mfs-record-visit-picture-image .mfs-record-visit-picture-button {
  color: white;
  background: #007bff;
  height: 3.5em;
  width: 3.5em;
  padding: 0.2em;
  border-radius: 100%;
  border: medium solid #007bff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list .mfs-record-visit-picture-image .mfs-record-visit-picture-button .mfs-record-visit-picture-icon {
  font-size: 1.75em;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list .mfs-record-visit-picture-image .mfs-record-visit-picture-button:hover {
  cursor: pointer;
  text-decoration: none;
  border-color: #0062cc;
  background: #0062cc;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list .mfs-record-visit-picture-image .mfs-record-visit-picture-input {
  display: none;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list .mfs-record-visit-picture-image .mfs-record-visit-picture-label {
  margin: 0 0.4em;
  align-self: center;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list .mfs-record-visit-picture-preview-image-wrapper {
  margin: 0.2em 0.4em;
  max-height: 6em;
  width: 6em;
  position: relative;
  cursor: pointer;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list .mfs-record-visit-picture-preview-image-wrapper .mfs-record-visit-picture-preview-image {
  max-height: 100%;
  max-width: 100%;
  border: 1px solid #495057;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list .mfs-record-visit-picture-preview-image-wrapper .mfs-record-visit-picture-preview-delete {
  display: none;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 5%;
  right: 5%;
  width: 1.5em;
  height: 1.5em;
  border-radius: 1rem;
  background-color: red;
  color: white;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list .mfs-record-visit-picture-preview-image-wrapper:active .mfs-record-visit-picture-preview-delete,
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list .mfs-record-visit-picture-preview-image-wrapper:hover .mfs-record-visit-picture-preview-delete {
  display: flex;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list .mfs-record-visit-picture-preview-image-wrapper:active .mfs-record-visit-picture-preview-delete {
  background-color: #cc0000;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-months {
  display: flex;
  flex-direction: row;
  margin-bottom: 1em;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-months input {
  margin-right: 0.5em;
  width: -moz-fit-content;
  width: fit-content;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-follow-up {
  display: flex;
  flex-direction: row;
  margin: 1em 0;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-follow-up .required {
  border-color: red;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-follow-up .mfs-record-visit-checkbox {
  width: 150px;
  display: flex;
  align-items: center;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-follow-up .mfs-record-visit-checkbox input {
  margin-right: 0.5em;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-follow-up .mfs-record-visit-checkbox label {
  margin: 0;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-follow-up .mfs-record-visit-date {
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 0.5em;
  min-width: 180px;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-follow-up .mfs-record-visit-date:before {
  content: att(placeholder) "asdf";
}
@media (max-width: 800px) {
  .mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-follow-up {
    flex-direction: column;
  }
  .mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-follow-up div, .mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-follow-up input {
    margin: 0.5em 0;
  }
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-progress {
  display: flex;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-complete {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 50px;
  text-align: center;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-complete .mfs-record-visit-image {
  display: flex;
  align-self: center;
  margin-bottom: 2em;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-complete i {
  color: #28a745;
  font-size: 12em;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-edit-complete {
  text-align: center;
  font-size: 2em;
  width: 100%;
  margin: 1em 0;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-edit-complete i {
  color: #28a745;
  font-size: 1.5em;
  margin-right: 0.5em;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-invalid-date {
  padding-top: 1em;
  color: red;
}
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-footer {
  display: flex;
  padding: 0.5em;
  flex-direction: row;
  flex: 0 0 auto;
  justify-content: space-around;
  background: white;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}

.mw-cards-delete-card {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
.mw-cards-delete-card .mw-cards-delete-card-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  min-width: 20em;
}
.mw-cards-delete-card .mw-cards-delete-card-dialog .mw-cards-delete-card-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
}
.mw-cards-delete-card .mw-cards-delete-card-dialog .mw-cards-delete-card-header .mw-cards-delete-card-title {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.5em;
}
.mw-cards-delete-card .mw-cards-delete-card-dialog .mw-cards-delete-card-body {
  display: flex;
  flex-direction: column;
  margin-top: 1em;
  padding: 0.5em;
  overflow: hidden;
  width: 100%;
}
.mw-cards-delete-card .mw-cards-delete-card-dialog .mw-cards-delete-card-body .mw-cards-delete-card-description {
  font-size: 20px;
  text-transform: uppercase;
  margin: 0;
}
.mw-cards-delete-card .mw-cards-delete-card-dialog .mw-cards-delete-card-body .mw-cards-delete-card-expiry {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0;
}
.mw-cards-delete-card .mw-cards-delete-card-dialog .mw-cards-delete-footer {
  display: flex;
  padding: 0.5em;
  flex-direction: row;
  margin: 1em 0.5em 0.5em 0.5em;
  float: right;
}
.mw-cards-delete-card .mw-cards-delete-card-dialog .mw-cards-delete-footer .btn {
  margin-left: 0.5em;
}

#mfs-barcode-scanner {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
#mfs-barcode-scanner .mfs-barcode-scanner-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  min-width: 20em;
}
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body {
  display: flex;
  flex-direction: column;
}
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window {
  width: 26em;
  height: 20em;
  padding: 1em;
  background-color: #e4aa3f;
  overflow: hidden;
}
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-equipment-found,
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-no-camera {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: white;
}
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-equipment-found .mfs-barcode-scanner-equipment-found-title,
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-equipment-found .mfs-barcode-scanner-no-camera-title,
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-no-camera .mfs-barcode-scanner-equipment-found-title,
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-no-camera .mfs-barcode-scanner-no-camera-title {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  flex: 0 0 auto;
}
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-equipment-found .fa-video-slash,
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-no-camera .fa-video-slash {
  flex: 1 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10em;
}
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-equipment-found .mfs-barcode-scanner-equipment-found-image,
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-no-camera .mfs-barcode-scanner-equipment-found-image {
  height: 10em;
  display: flex;
  justify-content: center;
}
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-equipment-found .mfs-barcode-scanner-equipment-found-image .fas,
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-no-camera .mfs-barcode-scanner-equipment-found-image .fas {
  width: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8em;
}
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-equipment-found .mfs-barcode-scanner-equipment-found-image img,
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-no-camera .mfs-barcode-scanner-equipment-found-image img {
  height: 100%;
}
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-equipment-found .mfs-barcode-scanner-equipment-found-message,
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-equipment-found .mfs-barcode-scanner-no-camera-message,
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-no-camera .mfs-barcode-scanner-equipment-found-message,
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-no-camera .mfs-barcode-scanner-no-camera-message {
  padding-top: 0.4em;
  text-align: center;
  flex: 0 0 auto;
  padding: 0 0.4em;
}
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window video {
  width: 100%;
  height: 100%;
}
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-footer {
  text-align: center;
  margin: 0.4em 0;
  z-index: 9999;
  height: 2.5em;
  font-size: 1em;
}
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-footer .btn {
  width: 10em;
  margin: 0 0.4em;
}
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-footer .mfs-barcode-scanner-spinner-container {
  display: flex;
  justify-content: center;
}
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-footer .mfs-barcode-scanner-spinner-container .mw-spinner {
  margin: 0;
}

.mw-terms-and-conditions-box {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
.mw-terms-and-conditions-box .mw-terms-and-conditions-box-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  min-width: 20em;
}
.mw-terms-and-conditions-box .mw-terms-and-conditions-box-dialog .mw-terms-and-conditions-box-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
}
.mw-terms-and-conditions-box .mw-terms-and-conditions-box-dialog .mw-terms-and-conditions-box-header .mw-terms-and-conditions-box-title {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.2em;
}
.mw-terms-and-conditions-box .mw-terms-and-conditions-box-dialog .mw-terms-and-conditions-box-body {
  margin-top: 1em;
  padding: 0.5em;
  max-height: 60vh;
  overflow: auto;
}
.mw-terms-and-conditions-box .mw-terms-and-conditions-box-dialog .mw-terms-and-conditions-box-footer-right-align,
.mw-terms-and-conditions-box .mw-terms-and-conditions-box-dialog .mw-terms-and-conditions-box-footer {
  display: flex;
  padding: 0.5em;
  flex-direction: row;
  margin: 1em 0.5em 0.5em 0.5em;
}
.mw-terms-and-conditions-box .mw-terms-and-conditions-box-dialog .mw-terms-and-conditions-box-footer-right-align {
  justify-content: flex-end;
}
.mw-terms-and-conditions-box .mw-terms-and-conditions-box-dialog .mw-terms-and-conditions-box-footer {
  justify-content: space-between;
}

.mw-password-requirements .mw-pr-password,
.mw-password-requirements .mw-pr-repeat {
  display: flex;
  position: relative;
  align-items: stretch;
  width: 100%;
}
.mw-password-requirements .mw-pr-password .required,
.mw-password-requirements .mw-pr-repeat .required {
  border: thin solid red;
}
.mw-password-requirements .mw-pr-password {
  margin-bottom: 0.1em;
}
.mw-password-requirements .mw-pr-button {
  cursor: pointer;
  width: 2.7em;
  display: flex;
  align-items: center;
  padding: 0.3em 0.7em;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.3em;
  margin-left: -0.2em;
}
.mw-password-requirements .mw-pr-meter {
  margin-top: 0.3em;
}
.mw-password-requirements .mw-pr-meter .mw-pr-meter-progress-border {
  border: 1px solid lightgrey;
  height: 0.9em;
  border-radius: 0.19em;
  text-align: center;
}
.mw-password-requirements .mw-pr-meter .mw-pr-meter-progress-border .mw-pr-meter-text {
  top: -0.57em;
  font-size: 0.77em;
  position: relative;
  color: rgba(0, 0, 0, 0.5);
  font-weight: bold;
}
.mw-password-requirements .mw-pr-meter .mw-pr-meter-progress-border .mw-pr-meter-progress-0,
.mw-password-requirements .mw-pr-meter .mw-pr-meter-progress-border .mw-pr-meter-progress-1,
.mw-password-requirements .mw-pr-meter .mw-pr-meter-progress-border .mw-pr-meter-progress-2,
.mw-password-requirements .mw-pr-meter .mw-pr-meter-progress-border .mw-pr-meter-progress-3 {
  height: 0.77em;
  border-radius: 0.19em;
}
.mw-password-requirements .mw-pr-meter .mw-pr-meter-progress-border .mw-pr-meter-progress-0 {
  background: #ff7777;
  width: 33%;
}
.mw-password-requirements .mw-pr-meter .mw-pr-meter-progress-border .mw-pr-meter-progress-1 {
  background: orange;
  width: 50%;
}
.mw-password-requirements .mw-pr-meter .mw-pr-meter-progress-border .mw-pr-meter-progress-2 {
  background: yellow;
  width: 75%;
}
.mw-password-requirements .mw-pr-meter .mw-pr-meter-progress-border .mw-pr-meter-progress-3 {
  background: #22ff22;
  width: 100%;
}
.mw-password-requirements .mw-pr-meter ul.mw-pr-reasons {
  list-style: none;
  font-size: 0.77em;
  margin: 0.2em 0 0 0;
  line-height: 0.9em;
  padding: 0 0 0 1em;
}
.mw-password-requirements .mw-pr-meter ul.mw-pr-reasons span {
  padding: 1em;
}
.mw-password-requirements .mw-pr-meter ul.mw-pr-reasons li:before {
  content: "";
  display: inline-block;
  position: relative;
  top: -0.15em;
  border-right: 0.1em solid red;
  border-bottom: 0.1em solid red;
  width: 0.25em;
  height: 0.25em;
  transform: rotate(-45deg);
  margin-right: 0.3em;
  padding: 0.5em 0;
}

.mw-payment-methods {
  display: inline-flex;
  flex-direction: column;
  flex: 1;
  word-wrap: break-word;
  text-align: left;
  padding: 1em;
  background: white;
  border: 1px solid rgb(225, 225, 225);
  min-width: 300px;
  width: 600px;
}
@media (max-width: 800px) {
  .mw-payment-methods {
    width: 95%;
  }
}
@media (max-width: 500px) {
  .mw-payment-methods {
    font-size: 0.8em;
  }
}
.mw-payment-methods .mw-payment-methods-title {
  font-size: 1.25em;
  font-weight: bold;
  color: #FFFFFF;
  background: #ffd29c;
  display: flex;
  padding: 0.2em 0.5em;
  margin: 0;
}
.mw-payment-methods .mw-payment-methods-container {
  padding: 0 0.5em;
}
.mw-payment-methods .mw-payment-methods-container .mw-payment-methods-credit-cards {
  font-size: 0.95em;
  font-weight: bold;
  width: 50%;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.mw-payment-methods .mw-payment-methods-container .mw-credit-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 7px;
  margin: 5px 0;
  border: 1px solid rgb(225, 225, 225);
  cursor: pointer;
}
.mw-payment-methods .mw-payment-methods-container .mw-credit-card label {
  cursor: pointer;
}
.mw-payment-methods .mw-payment-methods-container .mw-credit-card .mw-card-description {
  font-size: 20px;
  text-transform: uppercase;
  margin: 0;
}
.mw-payment-methods .mw-payment-methods-container .mw-credit-card .mw-card-expiry {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0;
}
.mw-payment-methods .mw-payment-methods-container .mw-credit-card .mw-credit-card-checkbox {
  display: block;
  width: 35px;
  height: 35px;
  border: 1px solid rgb(200, 200, 200);
  margin-right: 1em;
}
.mw-payment-methods .mw-payment-methods-container .mw-credit-card .mw-credit-card-checkbox i {
  display: none;
}
.mw-payment-methods .mw-payment-methods-container .mw-credit-card.mw-credit-card-selected .mw-credit-card-checkbox i {
  margin: 0.15em;
  font-size: 25px;
  display: block;
  color: #ffd29c;
}
.mw-payment-methods .mw-payment-methods-toolbar {
  margin-top: 0.5em;
  display: flex;
  justify-content: flex-end;
  padding: 0 0.5em;
}
.mw-payment-methods .mw-payment-methods-toolbar .btn {
  margin-left: 0.4em;
}
.mw-payment-methods .mw-payment-methods-summary-container {
  margin-top: 0.5em;
  padding: 0 0.5em;
  display: flex;
  flex-direction: row;
}
.mw-payment-methods .mw-payment-methods-summary-container .mw-payment-methods-description {
  display: flex;
  align-items: center;
  font-size: 0.95em;
  font-weight: bold;
  flex: 1;
}
.mw-payment-methods .mw-payment-methods-summary-container .mw-payment-methods-input {
  font-size: 0.95em;
  display: inline;
  flex: 1;
}
.mw-payment-methods .mw-payment-methods-summary-container .mw-payment-methods-text {
  flex: 1;
}
.mw-payment-methods .mw-payment-methods-divider {
  border-top: 1px solid rgb(225, 225, 225);
  padding-top: 0.5em;
}

.mw-quick-link {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
.mw-quick-link .mw-quick-link-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 2px solid #e4aa3f;
  border-radius: 0.3em;
  min-width: 20em;
}
.mw-quick-link .mw-quick-link-dialog .mw-quick-link-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
}
.mw-quick-link .mw-quick-link-dialog .mw-quick-link-button {
  display: flex;
  flex: 1 1 auto;
  flex-flow: column;
  padding: 0.2em;
  align-items: center;
  width: 100%;
  border: none;
  background: none;
  padding: 0.5em;
  color: #007bff;
}
.mw-quick-link .mw-quick-link-dialog .mw-quick-link-close {
  align-items: center;
  border: none;
  background: none;
  position: absolute;
  right: 0;
  color: #FFFFFF;
  padding-right: 0.5em;
}

.mfs-quick-link {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
.mfs-quick-link .mfs-quick-link-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #e4aa3f;
  border: 1em solid #e4aa3f;
  border-radius: 0.5em;
}
.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-employee-large, .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-employee-small {
  background: white;
  border-radius: 0.5em;
  margin-bottom: 1em;
}
.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-employee-large img, .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-employee-small img {
  max-width: 120px;
  max-height: 120px;
  margin: 0.5em;
}
.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-employee-large label, .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-employee-small label {
  font-size: 1.5em;
}
.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-employee-small {
  display: none;
}
.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body {
  display: flex;
  flex-direction: row;
  flex: 1;
  background: #e4aa3f;
}
.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section {
  display: flex;
  flex-direction: column;
  background: white;
  width: 400px;
  border-radius: 0.5em;
}
.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section img {
  padding: 0.5em;
  width: 390px;
}
.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section .mfs-quick-link-route-section {
  display: flex;
  margin-bottom: 0.5em;
}
.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section .mfs-quick-link-route-section .mfs-quick-link-label {
  margin-bottom: 0;
  font-weight: bold;
  font-size: 1em;
  padding: 0.5em;
}
.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section .mfs-quick-link-route-section .mfs-quick-link-select {
  flex: 1;
  margin-right: 0.5em;
}
.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section .text-large {
  font-weight: bold;
  font-size: 1.5em;
  padding: 0.5em;
  margin-bottom: 0;
}
.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section .mfs-quick-link-text-small {
  display: none;
}
.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section .mfs-quick-link-text-large {
  display: flex;
}
.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section-small {
  display: none;
}
.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-options {
  display: flex;
  flex-direction: column;
  background: #e4aa3f;
  align-items: center;
  padding-left: 1em;
}
.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-options .btn {
  width: 200px;
  margin: 0.3em;
  font-size: 1.1em;
  font-weight: bold;
}
.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-past-due {
  background: white;
  display: flex;
  flex-direction: row;
  border-radius: 0.5em;
  margin-top: 1em;
  padding: 0.5em;
}
@media (max-width: 650px) {
  .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-past-due {
    flex-direction: column;
  }
}
.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-past-due .mfs-quick-link-past-due-follow-ups {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-past-due .mfs-quick-link-past-due-follow-ups .mfs-quick-link-past-due-title {
  font-weight: bold;
  font-size: 1em;
  padding: 0 0.5em;
}
@media (max-width: 650px) {
  .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-past-due .mfs-quick-link-past-due-follow-ups .mfs-quick-link-past-due-title {
    text-align: center;
  }
}
.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-past-due .mfs-quick-link-past-due-follow-ups .mfs-quick-link-past-due-follow-messages {
  color: #dc3545;
  display: flex;
}
@media (max-width: 650px) {
  .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-past-due .mfs-quick-link-past-due-follow-ups .mfs-quick-link-past-due-follow-messages {
    flex-direction: column;
  }
}
.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-past-due .mfs-quick-link-past-due-follow-ups .mfs-quick-link-past-due-follow-messages label {
  display: flex;
  align-items: center;
  margin: 0 0.5em;
  height: 100%;
}
@media (max-width: 650px) {
  .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-past-due .mfs-quick-link-past-due-follow-ups .mfs-quick-link-past-due-follow-messages label {
    justify-content: center;
  }
}
@media (max-width: 650px) {
  .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-employee-large {
    display: none;
  }
  .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-employee-small {
    display: flex;
    margin: 1em 0 0 0;
    font-size: 0.7em;
  }
  .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-employee-small label {
    margin: 0.3em;
  }
  .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body {
    flex-direction: column;
  }
  .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section {
    margin-bottom: 0.5em;
    width: unset;
  }
  .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section img {
    width: 260px;
  }
  .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section .mfs-quick-link-text-large {
    display: none;
  }
  .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section .mfs-quick-link-text-small {
    display: flex;
  }
  .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-options {
    padding: 0;
  }
  .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-options .btn {
    width: 100%;
  }
  .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section-small {
    display: flex;
    flex-direction: column;
    background: white;
    border-radius: 0.5em;
    padding: 0.5em 0.5em 0 0.5em;
    margin-top: 0.3em;
    font-weight: bold;
  }
}
@media (max-height: 550px), (max-width: 650px) {
  .mfs-quick-link {
    overflow-y: auto;
  }
  .mfs-quick-link .mfs-quick-link-dialog {
    position: unset;
    transform: translate(0, 0);
    margin: 0 auto;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.mw-search-drop-down {
  position: relative;
}
.mw-search-drop-down .mw-search-drop-down-arrow {
  cursor: pointer;
}
.mw-search-drop-down .mw-search-drop-down-arrow:hover {
  color: #e4aa3f;
}
.mw-search-drop-down .mw-search-drop-down-arrow-disable,
.mw-search-drop-down .mw-search-drop-down-arrow {
  display: flex;
  align-items: center;
  padding: 0.5em;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  background-color: #fff;
}
.mw-search-drop-down .mw-search-drop-down-arrow-disable {
  display: none;
}
.mw-search-drop-down .mw-search-drop-down-group {
  display: flex;
  flex-direction: row;
  flex: 1;
  border: thin solid #ced4da;
  border-radius: 0.25em;
}
.mw-search-drop-down .mw-search-drop-down-group .form-control:focus {
  border-color: initial;
  outline: 0;
  box-shadow: none;
}
.mw-search-drop-down .mw-search-drop-down-group:focus-within {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  transition: box-shadow 0.15s ease;
}
.mw-search-drop-down .mw-search-drop-down-group:focus-within .mw-delivery-stop-add {
  border: none;
}
.mw-search-drop-down .mw-search-drop-down-input {
  background-color: #fff;
}
.mw-search-drop-down .mw-search-drop-down-text.form-control {
  display: flex;
  flex: 1;
  border: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  align-items: center;
  width: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mw-search-drop-down .mw-search-drop-down-box {
  position: absolute;
  min-width: 100%;
  background: #e4aa3f;
  color: #FFFFFF;
  border-radius: 0 0 0.3em 0.3em;
  z-index: 99;
}
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header,
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item,
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header,
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item {
  font-size: 1em;
  padding: 0.5em;
  border-radius: 0;
  cursor: pointer;
}
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header span[class^=mw-search-drop-col-],
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item span[class^=mw-search-drop-col-],
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header span[class^=mw-search-drop-col-],
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item span[class^=mw-search-drop-col-] {
  display: inline-block;
  width: 10em;
}
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header span[class^=mw-search-drop-col-]:not(:last-child),
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item span[class^=mw-search-drop-col-]:not(:last-child),
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header span[class^=mw-search-drop-col-]:not(:last-child),
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item span[class^=mw-search-drop-col-]:not(:last-child) {
  padding-right: 1em;
}
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header,
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header {
  cursor: default;
}
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item-selected,
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item:hover,
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item-selected,
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item:hover {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
}
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item-bold,
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item-bold {
  font-weight: bold;
}
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers {
  width: 100%;
  font-weight: bolder;
  color: rgba(255, 255, 255, 0.7);
  background-color: rgba(0, 0, 0, 0.35);
}
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items {
  width: 100%;
  max-height: 10em;
  overflow: auto;
}
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-col-no-records-found {
  width: 100%;
  font-size: 1em;
  line-height: 2em;
  text-align: center;
}
.mw-search-drop-down .mw-search-drop-down-box-items::-webkit-scrollbar {
  width: 0.7em;
}
.mw-search-drop-down .mw-search-drop-down-box-items::-webkit-scrollbar-corner {
  border: 0.7em solid #e4aa3f;
}
.mw-search-drop-down .mw-search-drop-down-box-items::-webkit-scrollbar-track:vertical {
  background-color: rgba(255, 255, 255, 0.5);
  border: 0.3em solid transparent;
  background-clip: content-box;
}
.mw-search-drop-down .mw-search-drop-down-box-items::-webkit-scrollbar-track:horizontal {
  background-color: rgba(255, 255, 255, 0.5);
  border: 0.5em solid transparent;
  background-clip: content-box;
}
.mw-search-drop-down .mw-search-drop-down-box-items::-webkit-scrollbar-thumb {
  display: none;
}
.mw-search-drop-down .mw-search-drop-down-box-items::-webkit-scrollbar-thumb:hover {
  display: initial;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0.3em;
}

.mw-shopping-cart-notification {
  display: flex;
  flex-direction: row;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-close {
  flex: 1;
  background-color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 320px) {
  .mw-shopping-cart-notification .mw-shopping-cart-notification-panel-close {
    display: none;
  }
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown {
  width: 20em;
}
@media (min-width: 640px) {
  .mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown {
    width: 40em;
  }
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel {
  flex: 1;
  width: 0;
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel {
  display: flex;
  flex-direction: column;
  background: #f3f3f3;
  border: 1px solid #3C64B4;
  border-radius: 0.3em 0 0 0.3em;
  padding: 0.2em;
  height: 100%;
  transition: width 0.3s;
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-header,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-header .mw-shopping-cart-notification-title,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-header .mw-shopping-cart-notification-title {
  font-weight: bold;
  font-size: 1.2em;
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body {
  display: flex;
  flex-direction: column;
  background: white;
  padding: 0.5em 0.2em 1em 0.2em;
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .close-button i,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .close-button i {
  font-size: 1.5em;
  color: #dc3545;
  float: right;
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .close-button i:hover,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .close-button i:hover {
  cursor: pointer;
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-add,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-add {
  color: blue;
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-add span:before,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-add span:before {
  content: "Added to cart";
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-update,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-update {
  color: green;
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-update span:before,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-update span:before {
  content: "Updated in cart";
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-remove,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-remove {
  color: red;
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-remove span:before,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-remove span:before {
  content: "Removed from cart";
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-add,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-update,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-remove,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-add,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-update,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-remove {
  width: 100%;
  font-size: 2em;
  margin: 0.2em 0 0.4em 0;
  padding-left: 1em;
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-product,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-product {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-product .mw-shopping-cart-notification-image,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-product .mw-shopping-cart-notification-image {
  height: 5em;
  margin: 0.2em;
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-product .mw-shopping-cart-notification-text,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-product .mw-shopping-cart-notification-text {
  display: flex;
  flex: 1 1 auto;
  padding: 0.2em;
  align-self: center;
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-buttons,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-buttons {
  margin: 1em 0.5em 0.5em 0.5em;
  align-self: center;
}
@media (max-width: 639px) {
  .mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-buttons button,
  .mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-buttons button {
    width: 70%;
    margin: 0.3em;
  }
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-upsell,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-upsell {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: auto;
  background: white;
  margin: 0.2em 0;
  padding: 0.5em 0.2em 1em 0.2em;
  text-align: center;
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-upsell label,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-upsell label {
  display: block;
  font-weight: bold;
  margin-bottom: 0;
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-upsell .mw-upsell-items,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-upsell .mw-upsell-items {
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
  padding: 0.2em;
  justify-content: space-evenly;
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-upsell .mw-upsell-items #mw-catalog-item .mw-catalog-item-image-container,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-upsell .mw-upsell-items #mw-catalog-item .mw-catalog-item-image-container {
  height: 5em;
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-upsell .mw-upsell-items #mw-catalog-item .mw-catalog-item-image-container img,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-upsell .mw-upsell-items #mw-catalog-item .mw-catalog-item-image-container img {
  padding: 0;
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-upsell .mw-upsell-items #mw-catalog-item .mw-catalog-item-image-container i,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-upsell .mw-upsell-items #mw-catalog-item .mw-catalog-item-image-container i {
  font-size: 5em;
  color: #666666;
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-upsell .mw-upsell-items #mw-catalog-item .mw-catalog-item-title,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-upsell .mw-upsell-items #mw-catalog-item .mw-catalog-item-title {
  margin-top: 0.1em;
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-upsell .mw-upsell-items #mw-catalog-item .mw-catalog-item-row,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-upsell .mw-upsell-items #mw-catalog-item .mw-catalog-item-row {
  margin-bottom: 0.3em;
}
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-upsell .mw-upsell-items #mw-catalog-item .mw-catalog-item-row button,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-upsell .mw-upsell-items #mw-catalog-item .mw-catalog-item-row button {
  margin: 0;
}
@media (max-width: 600px) {
  .mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #408080;
    border-radius: 0.3em;
    min-width: 20em;
    max-height: 70%;
    height: -moz-fit-content;
    height: fit-content;
  }
}

#mw-invoices-table {
  display: flex;
  flex-direction: column;
  border: thin solid #ffd29c;
  position: relative;
  flex: 1;
  min-width: 300px;
  margin: 5px;
}
#mw-invoices-table .mw-col-invoice-pdf {
  width: 2em;
}
#mw-invoices-table .mw-col-invoice-pdf i .fas.fa-file-download {
  font-size: 20px;
  color: rgb(150, 150, 150);
}
#mw-invoices-table .mw-col-invoice-pdf:hover {
  text-decoration: underline;
}
#mw-invoices-table .mw-col-invoice-pdf:hover i {
  color: #ffd29c;
}
#mw-invoices-table .mw-col {
  box-sizing: border-box;
  display: block;
  color: rgb(50, 50, 50);
  height: 100%;
}
#mw-invoices-table .mw-col-checkbox {
  width: 2em;
}
#mw-invoices-table .mw-col-checkbox div {
  box-sizing: border-box;
  height: 20px;
  width: 20px;
  border: thin solid #ffd29c;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.35em;
}
#mw-invoices-table .mw-col-checkbox div i {
  font-size: 22px;
  color: #ffd29c;
  margin: 0;
}
#mw-invoices-table .mw-col-date {
  flex: 1;
}
#mw-invoices-table .mw-col-invoice-number {
  flex: 1.5;
}
#mw-invoices-table .mw-col-amount {
  flex: 2;
}
#mw-invoices-table .mw-invoices-total {
  padding: 5px 10px;
  text-align: right;
  border-top: thin solid #ffd29c;
  background: #f3f3f3;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
#mw-invoices-table .mw-invoices-total label {
  margin: 0;
  font-weight: bold;
}
#mw-invoices-table .mw-invoices-total .mw-invoices-total-payments {
  font-weight: normal;
  color: #717171;
  display: flex;
  flex: 1;
}
#mw-invoices-table .mw-invoices-total .mw-invoices-total-paying-unavailable {
  font-weight: normal;
  color: #717171;
  width: 100%;
  flex: 1 0 auto;
  text-align: center;
}
#mw-invoices-table .mw-invoices-right {
  text-align: right;
  margin-right: 1em;
}
#mw-invoices-table .mw-invoices-header {
  height: 35px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #ffd29c;
  color: #FFFFFF;
  border-bottom: thin solid #ffd29c;
  overflow: hidden;
}
#mw-invoices-table .mw-invoices-header span {
  font-size: 0.9em;
  height: 34px;
  text-transform: uppercase;
  padding: 0.35em;
  color: black;
  text-align: center;
  background: white;
}
@media (min-width: 400px) {
  #mw-invoices-table .mw-invoices-header span {
    font-size: 1em;
  }
}
#mw-invoices-table .mw-invoices-header span:hover {
  cursor: pointer;
  background: rgb(235, 235, 235);
}
#mw-invoices-table .mw-invoices-header span:not(:last-child) {
  border-right: thin solid #ffd29c;
}
#mw-invoices-table .mw-invoices-title {
  font-size: 1.25em;
}
#mw-invoices-table .mw-invoices-container {
  display: flex;
  flex-direction: column;
  flex: 1 0 1px;
  overflow-y: scroll;
  min-height: 300px;
}
#mw-invoices-table .mw-invoices-container label {
  display: block;
  padding: 15px;
  text-align: center;
  width: 100%;
}
#mw-invoices-table .mw-invoices-container .mw-invoices-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  border-bottom: 1px solid rgb(200, 200, 200);
  min-height: 50px;
  align-items: center;
  cursor: pointer;
}
#mw-invoices-table .mw-invoices-container .mw-invoices-item span {
  font-size: 0.8em;
  padding: 15px 0;
}
@media (min-width: 400px) {
  #mw-invoices-table .mw-invoices-container .mw-invoices-item span {
    font-size: 1em;
  }
}
#mw-invoices-table .mw-invoices-container .mw-invoices-item:hover {
  background: rgb(245, 245, 245);
}
#mw-invoices-table .mw-invoices-container .mw-invoices-spinner {
  position: absolute;
  top: 45%;
  left: 45%;
}
#mw-invoices-table .mw-invoices-toolbar {
  background: #ffd29c;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.1em;
  color: #FFFFFF;
  flex-direction: column;
}
@media (min-width: 500px) {
  #mw-invoices-table .mw-invoices-toolbar {
    flex-direction: row;
  }
}
#mw-invoices-table .mw-invoices-toolbar button {
  color: white;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 0.2em;
  padding-right: 0.2em;
  font-size: 0.9em;
  min-width: 10em;
  margin: 0.1em;
}
@media (min-width: 500px) {
  #mw-invoices-table .mw-invoices-toolbar button {
    min-width: unset;
    margin-right: 0.3em;
    padding-left: 0.7em;
    padding-right: 0.7em;
  }
}
#mw-invoices-table .mw-invoices-toolbar .mw-invoices-record-count {
  flex: auto;
  color: white;
  font-size: 0.9em;
  padding-left: 0.5em;
}
#mw-invoices-table .mw-invoices-toolbar .mw-invoices-show-more:after {
  content: "More";
}
@media (min-width: 900px) {
  #mw-invoices-table .mw-invoices-toolbar .mw-invoices-show-more:after {
    content: "Show More";
  }
}
#mw-invoices-table .mw-choose-payment-method-container {
  padding: 5px;
}
#mw-invoices-table .mw-choose-payment-method-container .mw-credit-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 7px;
  margin: 5px;
  cursor: pointer;
}
#mw-invoices-table .mw-choose-payment-method-container .mw-credit-card label {
  cursor: pointer;
}
#mw-invoices-table .mw-choose-payment-method-container .mw-credit-card .mw-card-description {
  font-size: 20px;
  text-transform: uppercase;
  margin: 0;
}
#mw-invoices-table .mw-choose-payment-method-container .mw-credit-card .mw-card-expiry {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0;
}
#mw-invoices-table .mw-choose-payment-method-container .mw-credit-card .mw-credit-card-checkbox {
  display: block;
  width: 35px;
  height: 35px;
  border: 1px solid rgb(200, 200, 200);
  margin-right: 1em;
}
#mw-invoices-table .mw-choose-payment-method-container .mw-credit-card .mw-credit-card-checkbox i {
  display: none;
}
#mw-invoices-table .mw-choose-payment-method-container .mw-credit-card.mw-credit-card-selected .mw-credit-card-checkbox i {
  margin: 0.15em;
  font-size: 25px;
  display: block;
  color: #ffd29c;
}
#mw-invoices-table .mw-choose-payment-method-container .mw-credit-card .check:hover {
  background: rgb(235, 235, 235);
}
#mw-invoices-table .mw-pay-message label {
  width: 100%;
  text-align: center;
  font-size: 18px;
}
#mw-invoices-table .mw-pay-message i {
  width: 100%;
  text-align: center;
  font-size: 50px;
}
#mw-invoices-table .mw-pay-message i.fas.fa-check {
  color: #28a745;
}
#mw-invoices-table .mw-pay-message i.fas.fa-times {
  color: red;
}
#mw-invoices-table .mw-invoices-search {
  display: flex;
  flex-direction: row;
  border-bottom: thin solid #ffd29c;
}
#mw-invoices-table .mw-invoices-search .form-control {
  display: flex;
  flex: 9;
  border: thin solid #ffd29c;
  margin: 0.5em;
}
#mw-invoices-table .mw-invoices-search button {
  display: flex;
  flex: 1;
  background: transparent;
  border: none;
}
#mw-invoices-table .mw-invoices-search button i {
  margin: auto;
  font-size: 1.25em;
}
#mw-invoices-table .mw-invoices-search button:hover {
  background: rgb(235, 235, 235);
}
#mw-invoices-table .mw-invoices-search .mw-search-drop-down {
  flex: 1;
  margin-bottom: 0;
}
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box {
  width: 100%;
}
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-customerid,
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-customerid,
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-customerid,
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-customerid {
  flex: 3em;
  overflow: hidden;
}
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-stopnumber,
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-stopnumber,
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-stopnumber,
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-stopnumber {
  flex: 1em;
  overflow: hidden;
}
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-deliveryname,
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-deliveryname,
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-deliveryname,
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-deliveryname {
  flex: 7em;
  overflow: hidden;
}
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-address,
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-address,
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-address,
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-address {
  flex: 7em;
  overflow: hidden;
}
#mw-invoices-table .mw-invoices-search .mw-search-drop-down-group {
  border: none;
}
#mw-invoices-table .mw-invoices-search .mw-search-drop-down-group .mw-search-drop-down-arrow {
  padding: 6px;
  flex: 1;
  align-self: center;
  text-align: center;
}
#mw-invoices-table .mw-invoices-search .mw-search-drop-down-group:focus-within {
  box-shadow: none;
  transition: none;
}
#mw-invoices-table .mw-invoices-search .mw-search-drop-down-group:focus-within .form-control:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

#mw-pay-summary-modal .mw-col.mw-balance {
  flex: 1;
}
#mw-pay-summary-modal .mw-col.mw-amount {
  flex: 3;
}
#mw-pay-summary-modal .mw-ps-title {
  font-weight: bold;
  margin-top: 0;
  padding: 5px;
}
#mw-pay-summary-modal .nav.nav-tabs .nav-item .nav-link {
  cursor: pointer;
  color: #007bff;
  font-size: 14px;
  font-weight: bold;
}
#mw-pay-summary-modal .mw-pay-summary-header {
  display: flex;
  height: 35px;
  min-height: 35px;
  margin-top: 15px;
  font-weight: bold;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid rgb(200, 200, 200);
  text-transform: uppercase;
  font-size: 14px;
}
#mw-pay-summary-modal .mw-pay-summary-header span {
  padding: 10px;
}
#mw-pay-summary-modal .mw-pay-summary-header span:not(:last-child) {
  border-right: 1px solid rgb(200, 200, 200);
}
#mw-pay-summary-modal .mw-pay-summary-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  justify-content: space-between;
  max-height: 300px;
  overflow-y: auto;
}
#mw-pay-summary-modal .mw-pay-summary-content .mw-item {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid rgb(200, 200, 200);
  /*height: 50px;
  min-height: 50px;*/
  height: 2em;
  min-height: 2em;
}
#mw-pay-summary-modal .mw-pay-summary-content .mw-item span {
  font-size: 14px;
  /*padding: 15px 0;*/
  padding: 0.5em 0;
}
#mw-pay-summary-modal .mw-pay-summary-content .mw-item:hover {
  background: rgb(245, 245, 245);
}
#mw-pay-summary-modal .mw-pay-summary-content .mw-col.mw-amount {
  padding-right: 15px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#mw-pay-summary-modal .mw-pay-summary-content .mw-col.mw-amount input {
  max-width: 9em;
  text-align: right;
  height: 1.5em;
  padding: 0.5em 0;
  /* IE11 Check */
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #mw-pay-summary-modal .mw-pay-summary-content .mw-col.mw-amount input {
    padding: 0;
  }
}
#mw-pay-summary-modal .mw-pay-summary-footer {
  display: flex;
  flex-direction: row;
  min-height: 1em;
}
#mw-pay-summary-modal .mw-pay-summary-footer span {
  font-size: 14px;
  padding: 0.5 0;
}
#mw-pay-summary-modal .mw-pay-summary-footer .mw-col.mw-amount {
  padding-right: 2em;
}
#mw-pay-summary-modal .modal-body {
  padding: 0.3em;
}

#mw-catalog-filters {
  display: flex;
  flex-direction: column;
  word-wrap: break-word;
  background: white;
  width: 19em;
  flex: 0 0 auto;
}
#mw-catalog-filters .mw-product-classification-filter {
  text-align: left;
  display: none;
  padding-left: 1em;
}
#mw-catalog-filters .mw-product-classification-filter label {
  margin: auto 0;
  color: #666666;
  color: red;
}
#mw-catalog-filters .mw-product-classification-filter .btn {
  padding: 0;
}
#mw-catalog-filters .hidden {
  display: block;
}
#mw-catalog-filters .fas {
  color: #6b6b6b;
}
#mw-catalog-filters .mw-catalog-clear {
  margin: 1em;
  text-align: center;
}
#mw-catalog-filters .mw-catalog-search {
  display: flex;
  width: 100%;
  word-wrap: break-word;
  padding: 1em;
}
#mw-catalog-filters .mw-catalog-search .form-control {
  font-size: 0.95em;
  width: 80%;
  height: 2.2em;
  display: inline-block;
}
#mw-catalog-filters .mw-catalog-search .fas {
  font-size: 1.5em;
  color: #6b6b6b;
}
#mw-catalog-filters .mw-catalog-search button {
  border: none;
  background-color: transparent;
  outline: none;
  right: 0;
  padding-top: 0.2em;
  display: inline-block;
  width: 2.5em;
}
#mw-catalog-filters .mw-product-classification-tree {
  display: flex;
  flex-direction: column;
  overflow: unset;
  padding-right: 1em;
  padding-left: 1em;
  text-align: left;
  overflow-y: auto;
}
#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container {
  width: 100%;
  margin-bottom: 0.5em;
}
#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification-container-header {
  color: #666666;
  font-size: 1.4em;
  font-weight: bold;
}
#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification {
  color: #666666;
  display: flex;
  flex: 1;
  word-wrap: break-word;
  margin-bottom: 0.2em;
  margin-top: 0.2em;
}
#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification .mw-checkbox-label {
  width: 100%;
  margin: 0;
  cursor: pointer;
}
#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification .mw-checkbox-expand {
  color: #434343;
  float: right;
  width: -moz-fit-content;
  width: fit-content;
  background-color: transparent;
  border: none;
  outline: none;
  align-self: center;
  cursor: pointer;
}
#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification .mw-checkbox {
  font-size: 0.9em;
  cursor: pointer;
}
#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification-level-1 {
  border-top: 1px solid rgb(225, 225, 225);
  margin-top: 0.5em;
  padding-top: 0.5em;
}
#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification-level-1 label {
  font-size: 1.25em;
  font-weight: bold;
  align-self: center;
}
#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification-level-1 .mw-checkbox {
  font-weight: bold;
  align-self: center;
}
#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification-level-2 {
  padding-left: 1.5em;
}
#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification-level-2 label {
  font-size: 1em;
  align-self: center;
}
#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification-level-2 .mw-checkbox {
  align-self: center;
}
#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification-level-3 {
  padding-left: 3em;
}
#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification-level-3 label {
  font-size: 0.9em;
  align-self: center;
}
#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification-level-3 .mw-checkbox {
  align-self: center;
}
#mw-catalog-filters .mw-catalog-filters-equipment {
  margin: 1em 2em 0 1em;
}
@media (max-width: 930px) {
  #mw-catalog-filters {
    width: 100%;
    padding-bottom: 1em;
  }
  #mw-catalog-filters .mw-product-classification-filter {
    display: inline-block;
  }
  #mw-catalog-filters .mw-product-classification-tree {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
    padding: 1em;
    margin-right: 1em;
  }
  #mw-catalog-filters .hidden {
    display: none;
  }
}
@media (max-height: 700px) {
  #mw-catalog-filters {
    width: 100%;
    padding-bottom: 1em;
  }
  #mw-catalog-filters .mw-product-classification-filter {
    display: inline-block;
  }
  #mw-catalog-filters .mw-product-classification-tree {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
    padding: 1em;
    margin-right: 1em;
  }
  #mw-catalog-filters .hidden {
    display: none;
  }
}

.mw-cart-item-list::-webkit-scrollbar {
  width: 0.5em;
  background-color: #ffd29c;
}

.mw-cart-item-list::-webkit-scrollbar-thumb {
  background-color: #FFFFFF;
  border-radius: 0.3em;
}

#shopping-cart-summary {
  display: none;
  position: absolute;
  right: 0;
  width: 20em;
  background: #ffd29c;
  color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0 0 0.3em 0.3em;
  padding: 0.5em;
  z-index: 1;
}
@media (min-width: 340px) {
  #shopping-cart-summary {
    right: 1em;
  }
}
#shopping-cart-summary hr {
  margin: 0;
  border-color: #FFFFFF;
}
#shopping-cart-summary .mw-cart-footer.mw-cart-item span,
#shopping-cart-summary .mw-cart-header.mw-cart-item span {
  height: 1.2em;
  font-weight: bold;
}
#shopping-cart-summary .mw-cart-item-list {
  overflow: auto;
  max-height: 30em;
}
#shopping-cart-summary .mw-cart-item-list .mw-cart-item .mw-quantity .form-control {
  margin-left: 1em;
}
#shopping-cart-summary .mw-cart-header {
  border-bottom: 1px solid;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
#shopping-cart-summary .mw-cart-footer {
  border-top: 1px solid;
  padding-top: 0.5em;
}
#shopping-cart-summary .mw-cart-item {
  display: block;
  color: #FFFFFF;
  font-weight: 300;
  font-size: 15px;
}
#shopping-cart-summary .mw-cart-item .mw-image {
  display: inline-block;
  width: 2em;
  height: 2em;
  position: relative;
  top: -0.5em;
  margin-left: 0.2em;
}
#shopping-cart-summary .mw-cart-item .mw-image img {
  width: 100%;
  height: 100%;
}
#shopping-cart-summary .mw-cart-item .mw-item {
  display: inline-block;
  width: 15em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 13em;
}
#shopping-cart-summary .mw-cart-item .mw-deposits, #shopping-cart-summary .mw-cart-item .mw-quantity,
#shopping-cart-summary .mw-cart-item .mw-total, #shopping-cart-summary .mw-cart-item .mw-tax {
  right: 0.5em;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#shopping-cart-summary .mw-cart-item img {
  height: 1.5em;
}
#shopping-cart-summary .mw-cart-toolbar {
  text-align: center;
  margin: 1em 0em 1em 0em;
}
#shopping-cart-summary .mw-cart-toolbar button {
  width: 7em;
  height: 2.5em;
  margin: 0em 1em 0em 1em;
}
#shopping-cart-summary .mw-cart-foot-note {
  text-align: center;
  color: #FFFFFF;
  font-size: 0.8em;
  margin: 0;
}
#shopping-cart-summary .mw-empty-cart {
  display: block;
  color: #FFFFFF;
  font-weight: 300;
  font-size: 1.5em;
  margin: 2em 1em 2em 1em;
  text-align: center;
}
#shopping-cart-summary .mw-cart-title {
  font-weight: bold;
  text-transform: uppercase;
  border-color: #FFFFFF;
}
#shopping-cart-summary .mw-cart-totals {
  margin-top: 1em;
  float: right;
}
#shopping-cart-summary .mw-cart-totals span {
  font-weight: bold;
}
#shopping-cart-summary .mw-cart-warning-footer {
  margin-top: 1em;
  font-size: 0.75em;
  color: #808080;
  float: left;
}
#shopping-cart-summary .mw-shopping-cart-summary-section.bottle-deposits .mw-item, #shopping-cart-summary .mw-shopping-cart-summary-section.bottle-deposits .mw-deposits {
  align-items: center;
}
#shopping-cart-summary .mw-cart-button-wrapper {
  display: flex;
  justify-content: flex-end;
}
#shopping-cart-summary .mw-cart-button-wrapper .btn-apply-changes {
  margin-top: 0;
}

#mw-web-prospect {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
}
#mw-web-prospect .mw-web-prospect-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin-bottom: 0.4em;
}
#mw-web-prospect .mw-web-prospect-container .mw-web-prospect-column {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 20em;
  height: 15em;
  margin: 0 0.2em;
}
#mw-web-prospect .mw-web-prospect-container .mw-web-prospect-column .mw-web-prospect-text {
  padding: 0.4em;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
}
#mw-web-prospect .mw-web-prospect-container .mw-web-prospect-column .mw-web-prospect-image-container {
  height: 10em;
  margin: 0.2em 0.4em;
  cursor: pointer;
}
#mw-web-prospect .mw-web-prospect-container .mw-web-prospect-column .mw-web-prospect-image-container img {
  height: 100%;
  max-width: 95%;
}
#mw-web-prospect .mw-web-prospect-container .mw-web-prospect-column:hover {
  background: rgba(172, 172, 172, 0.164);
}
#mw-web-prospect .mw-progress-container {
  position: inherit;
  background: inherit;
  width: 100%;
}

#mw-shopping-cart {
  display: flex;
  flex-direction: row;
  width: 100vw;
  background: #f3f3f3;
}
@media (max-width: 900px) {
  #mw-shopping-cart {
    height: 100%;
    padding: 50px 0 0 0;
    font-size: 0.8em;
  }
}
#mw-shopping-cart .mw-shopping-cart-body-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 100%;
  overflow: scroll;
  padding: 10px 10% 0 10%;
}
#mw-shopping-cart .mw-shopping-cart-body-content .mw-shopping-cart-body {
  height: 100%;
  width: 100%;
  padding-top: 0.4em;
}
@media (max-width: 900px) {
  #mw-shopping-cart .mw-shopping-cart-body-content .mw-shopping-cart-body #mw-shopping-cart-table {
    flex-direction: column;
  }
}
#mw-shopping-cart #mw-shopping-cart-table .mw-shopping-cart-table-cart, #mw-shopping-cart #mw-shopping-cart-table .mw-shopping-cart-table-summary {
  border: none;
}

#mw-shopping-cart-table {
  display: flex;
  flex-direction: row;
  width: 100%;
}
#mw-shopping-cart-table .mw-shopping-cart-table-label {
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
  padding: 0.5em 0;
  margin-bottom: 0;
  background: #ffd29c;
  color: #FFFFFF;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container {
  display: flex;
  flex-direction: column;
  flex: 2;
  margin: 1em 0.5em;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header {
  flex-direction: column;
  flex: 0 0 auto;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-table-names {
  display: flex;
  font-weight: bold;
  flex-direction: row;
  border-bottom: 2px solid black;
  font-size: 1.2em;
  padding-top: 0.5em;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-install-header {
  position: relative;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-install-header .mw-shopping-cart-table-show-rate-label {
  position: absolute;
  right: 1.2em;
  bottom: 0.75em;
}
@media (max-width: 600px) {
  #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-install-header .mw-shopping-cart-table-show-rate-label {
    display: none;
  }
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-install-header .mw-shopping-cart-table-show-rate-label:hover {
  color: #ffd29c;
  cursor: pointer;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body {
  flex-direction: column;
  flex: 1;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-table-row {
  display: flex;
  border-bottom: solid 1px rgb(200, 200, 200);
  padding: 0.5em;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-table-row button {
  margin-top: 0.2em;
}
@media (max-width: 500px) {
  #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-table-row {
    line-height: 1.5em;
  }
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-table-exchange-row {
  border-bottom: solid 1px rgb(200, 200, 200);
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-table-exchange-row .mw-shopping-cart-table-row {
  border-bottom: none;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-footer {
  display: flex;
  justify-content: flex-end;
  padding: 0.5em 0;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-footer .btn {
  width: 7.5em;
  margin-right: 0.2em;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body {
  display: flex;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item {
  flex: 3 0 0%;
  display: flex;
  flex-direction: row;
}
@media (max-width: 500px) {
  #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item,
  #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item {
    flex: 1 0 0%;
  }
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item .mw-shopping-cart-item-text,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item .mw-shopping-cart-item-text {
  max-height: 4.5em;
  overflow: hidden;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item .mw-shopping-cart-item-image-container,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item .mw-shopping-cart-item-image-container {
  width: 6em;
  height: 6em;
  flex-shrink: 0;
  border: solid 1px rgb(200, 200, 200);
  display: flex;
  justify-content: center;
  padding: 0.1em;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item .mw-shopping-cart-item-image-container img,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item .mw-shopping-cart-item-image-container img {
  height: 100%;
  max-width: 100%;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item .mw-shopping-cart-item-image-container i,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item .mw-shopping-cart-item-image-container i {
  font-size: 4em;
  color: #666666;
  padding: 15px 22px;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item .mw-shopping-cart-item-equipment-description-container,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item .mw-shopping-cart-item-equipment-description-container {
  flex: 1;
}
@media (max-width: 500px) {
  #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item .mw-shopping-cart-item-image-default,
  #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item .mw-shopping-cart-item-image-container,
  #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item .mw-shopping-cart-item-image-default,
  #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item .mw-shopping-cart-item-image-container {
    display: none;
  }
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item .mw-shopping-cart-item-image-default,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item .mw-shopping-cart-item-image-default {
  width: 6em;
  height: 6em;
  flex-shrink: 0;
  border: solid 1px rgb(200, 200, 200);
  padding: 1em;
  text-align: center;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item .mw-shopping-cart-item-image-default i,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item .mw-shopping-cart-item-image-default i {
  height: 100%;
  width: 100%;
  font-size: 4em;
  color: #666666;
}
@media (max-width: 500px) {
  #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item .mw-shopping-cart-item-image-container,
  #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item .mw-shopping-cart-item-image-container {
    display: none;
  }
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item .mw-shopping-cart-item-name,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item .mw-shopping-cart-item-name {
  word-break: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 0.5em;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item .mw-shopping-cart-item-name .mw-shopping-cart-item-name-title,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item .mw-shopping-cart-item-name .mw-shopping-cart-item-name-title {
  font-weight: bold;
  margin-right: 0.4em;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item .mw-shopping-cart-item-valid-range,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item .mw-shopping-cart-item-valid-range {
  font-size: 0.9em;
  padding-left: 0.5em;
  font-style: italic;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item .mw-shopping-cart-item-description,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item .mw-shopping-cart-item-description {
  padding-left: 0.5em;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-price,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-price {
  flex: 1 0 0%;
  text-align: center;
  min-width: 4em;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-text,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-text {
  flex: 1 0 0%;
  text-align: center;
  min-width: 4em;
}
@media (max-width: 500px) {
  #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-text,
  #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-text {
    display: none;
  }
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-rent-header,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-rent-header {
  display: flex;
  flex: 4;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-rent,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-rent {
  display: flex;
  flex: 4;
  flex-direction: column;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-rent .mw-shopping-cart-rent-row,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-rent .mw-shopping-cart-rent-row {
  display: flex;
  width: 100%;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-date,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-date {
  display: flex;
  flex: 1.5 0 0%;
  text-align: left;
  justify-content: left;
  min-width: 8em;
  flex-direction: column;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-date .mw-shopping-cart-date-invalid,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-date .mw-shopping-cart-date-invalid {
  font-size: 0.8em;
  margin-bottom: 0.4em;
  color: rgba(255, 0, 0, 0.75);
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-date .form-control,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-date .form-control {
  width: 95%;
  margin-bottom: 0.4em;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-quantity,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-quantity {
  display: flex;
  flex: 1 0 0%;
  text-align: left;
  justify-content: left;
  min-width: 4em;
  flex-direction: column;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-quantity .form-control,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-quantity .form-control {
  width: 95%;
  margin-bottom: 0.5em;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-quantity .mw-shopping-cart-quantity-invalid,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-quantity .mw-shopping-cart-quantity-invalid {
  font-size: 0.8em;
  margin-top: 4px;
  color: rgba(255, 0, 0, 0.75);
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-quantity .mw-catalog-item-label-checkbox,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-quantity .mw-catalog-item-label-checkbox {
  display: flex;
  flex-direction: row;
  margin: 0;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-quantity .mw-catalog-item-update,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-quantity .mw-catalog-item-update {
  height: 30px;
  padding: 0;
  font-size: 0.9em;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-tax,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-tax {
  flex: 1 0 0%;
  text-align: center;
  min-width: 4em;
}
@media (max-width: 500px) {
  #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-tax,
  #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-tax {
    display: none;
  }
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-cost,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-cost {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  flex: 1 0 0%;
  min-width: 4em;
  padding-right: 0.4em;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-cost .mw-shopping-cart-cost-edit-group,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-cost .mw-shopping-cart-cost-edit-group {
  display: flex;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-cost .mw-shopping-cart-cost-edit,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-cost .mw-shopping-cart-cost-edit {
  background: #007bff;
  border: none;
  color: white;
  border-radius: 1em;
  font-size: 0.8em;
  margin-left: 0.5em;
  height: 2em;
  width: 2em;
  align-items: center;
  justify-content: center;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-cost .save-button,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-cost .save-button {
  background: green;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-cost .cancel-button,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-cost .cancel-button {
  background: red;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-cost .mw-shopping-cart-cost-rent,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-cost .mw-shopping-cart-cost-rent {
  color: #508EBF;
  text-transform: uppercase;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-cost .mw-shopping-cart-cost-service,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-cost .mw-shopping-cart-cost-service {
  color: #BF8150;
  text-transform: uppercase;
  text-align: right;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-cost .mw-shopping-cart-cost-rent-hidden,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-cost .mw-shopping-cart-cost-rent-hidden {
  visibility: hidden;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-cost .mw-shopping-cart-cost-delete i,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-cost .mw-shopping-cart-cost-delete i {
  cursor: pointer;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-cost .mw-shopping-cart-cost-delete i:hover,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-cost .mw-shopping-cart-cost-delete i:hover {
  color: #ffd29c;
}
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-cost .mw-shopping-cart-cost-delete .fas,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-cost .mw-shopping-cart-cost-delete .fas {
  font-size: 1.5em;
  color: #6b6b6b;
}
#mw-shopping-cart-table .mw-shopping-cart-table-summary {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 1em 0.5em;
  border: 1px solid #c8c8c8;
}
#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-header {
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
  padding-top: 0.5em;
}
#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-warning {
  font-size: 0.75em;
  color: #808080;
  padding: 0.5em;
  margin-bottom: 0;
}
#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-minimum-requirement-error {
  font-size: 2em;
  text-align: center;
  color: #dc3545;
}
#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container {
  display: flex;
  width: 100%;
  flex-direction: row;
  color: black;
  text-transform: uppercase;
  border-bottom: solid 1px rgb(200, 200, 200);
}
@media (max-width: 900px) {
  #mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container {
    border: none;
  }
}
#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container .mw-shopping-cart-table-summary-delivery-fee-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container .mw-shopping-cart-table-summary-delivery-fee-container .mw-shopping-cart-table-summary-delivery-fee {
  display: flex;
  width: 100%;
  flex-direction: row;
}
#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container .mw-shopping-cart-table-summary-delivery-fee-container .mw-shopping-cart-table-summary-delivery-fee-list {
  display: flex;
  width: 100%;
  flex-direction: column;
}
#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container .mw-shopping-cart-table-summary-delivery-fee-container .mw-shopping-cart-table-summary-delivery-fee-list .mw-shopping-cart-table-summary-delivery-fee-label {
  font-size: 0.75em;
  color: #808080;
  padding-left: 0.5em;
  margin: 0;
}
#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container .mw-shopping-cart-table-summary-label,
#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container .mw-shopping-cart-table-grand-label {
  flex: 1;
  text-align: left;
  padding: 0.5em;
  padding-left: 0.35em;
  display: flex;
  align-items: center;
}
#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container .mw-shopping-cart-table-summary-amount,
#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container .mw-shopping-cart-table-grand-amount {
  flex: 1;
  text-align: right;
  padding: 0.5em;
  padding-right: 1.35em;
}
#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container .mw-shopping-cart-table-summary-amount .btn,
#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container .mw-shopping-cart-table-grand-amount .btn {
  width: 2em;
  margin-top: 0;
  margin-left: 0.4em;
  border: 1px solid #ced4da;
  padding: 0;
}
#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container .mw-shopping-cart-table-grand-label,
#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container .mw-shopping-cart-table-grand-amount {
  font-weight: bold;
}
#mw-shopping-cart-table .mw-shopping-cart-table-summary .btn {
  margin-top: 1em;
}
#mw-shopping-cart-table .mw-shopping-cart-table-summary .btn i {
  margin: 0.4em;
}

#mw-statements {
  display: flex;
  flex-direction: column;
  border: thin solid #ffd29c;
  position: relative;
  flex: 1;
  margin: 5px;
  min-width: 300px;
}
#mw-statements .mw-statements-header {
  height: 35px;
  min-height: 35px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #ffd29c;
  border-bottom: thin solid #ffd29c;
  color: #FFFFFF;
}
#mw-statements .mw-statements-header span {
  font-size: 0.9em;
  text-transform: uppercase;
  padding: 0.35em;
  color: black;
  text-align: center;
  background: white;
}
@media (min-width: 400px) {
  #mw-statements .mw-statements-header span {
    font-size: 1em;
  }
}
#mw-statements .mw-statements-header span:hover {
  cursor: pointer;
  background: rgb(235, 235, 235);
}
#mw-statements .mw-statements-header span:not(:last-child) {
  border-right: thin solid #ffd29c;
}
#mw-statements .mw-statements-title {
  font-size: 1.25em;
}
#mw-statements .mw-statements-search {
  display: flex;
  flex-direction: row;
  border-bottom: thin solid #ffd29c;
}
#mw-statements .mw-statements-search .form-control {
  display: flex;
  flex: 9;
  border: thin solid #ffd29c;
  margin: 0.5em;
}
#mw-statements .mw-statements-search button {
  display: flex;
  flex: 1;
  background: transparent;
  border: none;
}
#mw-statements .mw-statements-search button i {
  margin: auto;
  font-size: 1.25em;
}
#mw-statements .mw-statements-search button:hover {
  background: rgb(235, 235, 235);
}
#mw-statements .mw-statements-search .mw-search-drop-down {
  flex: 1;
  margin-bottom: 0;
}
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box {
  width: 100%;
}
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-customerid,
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-customerid,
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-customerid,
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-customerid {
  flex: 3em;
  overflow: hidden;
}
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-stopnumber,
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-stopnumber,
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-stopnumber,
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-stopnumber {
  flex: 1em;
  overflow: hidden;
}
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-deliveryname,
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-deliveryname,
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-deliveryname,
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-deliveryname {
  flex: 7em;
  overflow: hidden;
}
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-address,
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-address,
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-address,
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-address {
  flex: 7em;
  overflow: hidden;
}
#mw-statements .mw-statements-search .mw-search-drop-down-group {
  border: none;
}
#mw-statements .mw-statements-search .mw-search-drop-down-group .mw-search-drop-down-arrow {
  padding: 6px;
  flex: 1;
  align-self: center;
  text-align: center;
}
#mw-statements .mw-statements-search .mw-search-drop-down-group:focus-within {
  box-shadow: none;
  transition: none;
}
#mw-statements .mw-statements-search .mw-search-drop-down-group:focus-within .form-control:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
#mw-statements .mw-statements-container {
  display: flex;
  flex-direction: column;
  flex: 1 0 1px;
  overflow-y: scroll;
}
#mw-statements .mw-statements-container .mw-statements-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  border-bottom: 1px solid rgb(200, 200, 200);
  min-height: 50px;
  align-items: center;
}
#mw-statements .mw-statements-container .mw-statements-item label {
  display: block;
  padding: 15px;
  text-align: center;
  width: 100%;
}
#mw-statements .mw-statements-container .mw-statements-item span {
  font-size: 0.8em;
  padding: 15px 0;
}
@media (min-width: 400px) {
  #mw-statements .mw-statements-container .mw-statements-item span {
    font-size: 1em;
  }
}
#mw-statements .mw-statements-container .mw-statements-item:hover {
  background: rgb(245, 245, 245);
}
#mw-statements .mw-statements-container .mw-statements-spinner {
  position: absolute;
  top: 45%;
  left: 45%;
}
#mw-statements .mw-statements-toolbar {
  background: #ffd29c;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.1em;
  color: #FFFFFF;
}
#mw-statements .mw-statements-toolbar button {
  color: white;
  margin-right: 0.3em;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 0.2em;
  padding-right: 0.2em;
  font-size: 0.9em;
}
@media (min-width: 500px) {
  #mw-statements .mw-statements-toolbar button {
    padding-left: 0.7em;
    padding-right: 0.7em;
  }
}
#mw-statements .mw-statements-toolbar button:disabled {
  background: gray;
}
#mw-statements .mw-statements-toolbar .mw-statements-record-count {
  flex: auto;
  color: white;
  font-size: 0.9em;
}
#mw-statements .mw-col {
  box-sizing: border-box;
  display: block;
  color: rgb(50, 50, 50);
  height: 100%;
}
#mw-statements .mw-col-invoice-pdf {
  width: 2em;
}
#mw-statements .mw-col-invoice-pdf i .fas.fa-file-download {
  font-size: 20px;
  color: rgb(150, 150, 150);
}
#mw-statements .mw-col-invoice-pdf:hover {
  text-decoration: underline;
}
#mw-statements .mw-col-invoice-pdf:hover i {
  color: #ffd29c;
}
#mw-statements .mw-col-invoice-pdf:active i {
  color: red;
}
#mw-statements .mw-col-invoice-date {
  flex: 1;
}
#mw-statements .mw-col-invoice-number {
  flex: 1.5;
}
#mw-statements .mw-col-amount {
  flex: 2;
}
#mw-statements .mw-statements-empty {
  padding: 1em;
}

#mw-sign-up-product-catalog {
  display: flex;
  flex-direction: row;
  width: 100%;
}
#mw-sign-up-product-catalog .mw-sign-up-products {
  flex: 1;
  overflow-y: auto;
}
#mw-sign-up-product-catalog .mw-sign-up-products #mfs-equipment-list {
  height: 100%;
  width: 100%;
  padding-top: 0.4em;
  padding-left: 0.8em;
  background: white;
}
#mw-sign-up-product-catalog .mw-sign-up-products .mw-sign-up-products-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  word-wrap: break-word;
  padding-top: 0.4em;
  padding-left: 0.8em;
  background: #f3f3f3;
}
#mw-sign-up-product-catalog .mw-sign-up-products .mw-sign-up-products-container #mw-catalog-item {
  margin: 0.5em;
}
#mw-sign-up-product-catalog .mw-sign-up-products .mw-sign-up-products-container .mw-sign-up-pagination-loading {
  background: white;
  border: solid 2px #e1e1e1;
  border-radius: 1.05rem;
  margin-bottom: 0.4em;
  height: 4em;
}
@media (max-width: 930px), (max-height: 700px) {
  #mw-sign-up-product-catalog .mw-sign-up-products .mw-sign-up-products-container {
    padding: 1em;
    justify-content: center;
  }
  #mw-sign-up-product-catalog .mw-sign-up-products .mw-sign-up-products-container #mw-catalog-item {
    overflow: unset;
    max-width: 24em;
    min-height: 200px;
    width: 100%;
  }
  #mw-sign-up-product-catalog .mw-sign-up-products .mw-sign-up-products-container #mw-catalog-item .mw-catalog-item-image-container, #mw-sign-up-product-catalog .mw-sign-up-products .mw-sign-up-products-container #mw-catalog-item .mw-catalog-item-description {
    display: none;
  }
  #mw-sign-up-product-catalog .mw-sign-up-products .mw-sign-up-products-container #mw-catalog-item .mw-catalog-item-favorite, #mw-sign-up-product-catalog .mw-sign-up-products .mw-sign-up-products-container #mw-catalog-item .mw-catalog-item-info-icon {
    margin-top: 0;
  }
  #mw-sign-up-product-catalog .mw-sign-up-products .mw-sign-up-products-container #mw-catalog-item .mw-catalog-item-title-container {
    align-items: center;
  }
  #mw-sign-up-product-catalog .mw-sign-up-products .mw-sign-up-products-container #mw-catalog-item .mw-catalog-item-title-container .mw-catalog-item-title {
    text-align: left;
    padding-left: 0.5em;
  }
  #mw-sign-up-product-catalog .mw-sign-up-products .mw-sign-up-products-container #mw-catalog-item .mw-catalog-item-image-small-container {
    display: flex;
    border: none;
  }
}
#mw-sign-up-product-catalog .mw-progress-container {
  position: relative;
  background: inherit;
  width: 100%;
}
@media (max-width: 890px) {
  #mw-sign-up-product-catalog .mw-sign-up-products {
    overflow-y: initial;
    padding-right: 1em;
  }
  #mw-sign-up-product-catalog .mw-sign-up-products .mw-sign-up-products-container {
    overflow: hidden;
    padding-left: 0;
    height: 100%;
  }
}

#mw-sign-up-equipment-catalog {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  /*#mw-catalog-filters {
      padding-top: .4em;
  }*/
}
#mw-sign-up-equipment-catalog .mw-sign-up-products-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  word-wrap: break-word;
  padding-top: 0.4em;
  padding-left: 0.8em;
  background: #f3f3f3;
  overflow-y: scroll;
}
#mw-sign-up-equipment-catalog .mw-sign-up-products-container #mw-catalog-item {
  margin: 0.2em;
}
#mw-sign-up-equipment-catalog .mw-progress-container {
  position: unset;
  background: inherit;
  width: 100%;
}

.mw-sign-up-address-contact {
  display: flex;
  flex-direction: column;
  padding: 0.8em;
}

.mw-sign-up-summary {
  display: flex;
  flex-direction: column;
  padding: 0.8em;
}
.mw-sign-up-summary .mw-sign-up-summary-header {
  display: flex;
  flex-direction: row;
}
.mw-sign-up-summary .mw-sign-up-summary-header .mw-sign-up-summary-title {
  display: flex;
  flex: 1;
  justify-content: center;
}
.mw-sign-up-summary .mw-sign-up-summary-header .mw-sign-up-summary-incomplete {
  color: red;
  font-size: 1.4em;
}
.mw-sign-up-summary .mw-sign-up-summary-body {
  display: flex;
  flex-direction: column;
}
.mw-sign-up-summary .mw-sign-up-summary-body .mw-sign-up-summary-label:nth-child(even) {
  background: rgba(0, 0, 0, 0.05);
}
.mw-sign-up-summary .mw-sign-up-summary-body .mw-sign-up-summary-label {
  margin: 0;
  display: flex;
  font-size: 0.9em;
  color: #4b4b4b;
}
.mw-sign-up-summary .mw-sign-up-summary-body .mw-sign-up-summary-label .mw-sign-up-summary-header {
  flex: 1;
  text-transform: uppercase;
  width: 0;
}
.mw-sign-up-summary .mw-sign-up-summary-body .mw-sign-up-summary-label .mw-sign-up-summary-text-block {
  flex: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  -webkit-box-orient: vertical;
  width: 0;
}
.mw-sign-up-summary .mw-sign-up-summary-body .mw-sign-up-summary-label .mw-sign-up-summary-data {
  flex: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 0;
}
.mw-sign-up-summary .mw-sign-up-summary-body .mw-sign-up-summary-label .mw-sign-up-summary-data .fa-check {
  color: #28a745;
}
.mw-sign-up-summary .mw-sign-up-summary-body .mw-sign-up-summary-label .mw-sign-up-summary-data .fa-exclamation {
  padding-left: 0.2em;
  color: red;
}
.mw-sign-up-summary .mw-sign-up-summary-body .mw-sign-up-summary-label .mw-sign-up-summary-data .mw-sign-up-summary-signature {
  width: 25em;
  max-width: 100%;
}
.mw-sign-up-summary .mw-sign-up-summary-toolbar {
  display: flex;
  justify-content: flex-end;
}
.mw-sign-up-summary .mw-sign-up-summary-toolbar .mw-sign-up-summary-option {
  margin: 0 0.2em;
}

.mw-sign-up-address-box .required,
.mw-sign-up-contact-box .required {
  border: thin solid red;
}
.mw-sign-up-address-box .mw-sign-up-contact-box-detail,
.mw-sign-up-address-box .mw-sign-up-address-box-detail,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 0.4em;
}
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-full-name-label,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-full-name-label,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-full-name-label,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-full-name-label {
  display: flex;
  flex-direction: row;
  flex: 1;
  margin: 0 -0.4em;
}
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-full-name-label label,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-full-name-label label,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-full-name-label label,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-full-name-label label {
  display: flex;
  flex: 1;
  padding: 0 0.4em;
}
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-full-name,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-full-name,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-full-name,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-full-name {
  display: flex;
  flex-direction: row;
  flex: 1;
  margin: 0 -0.4em;
}
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-full-name input,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-full-name input,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-full-name input,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-full-name input {
  display: flex;
  flex: 1;
  margin: 0 0.4em;
}
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-split,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-split,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-split,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-split {
  width: 100%;
  align-self: center;
  height: 1px;
  background-color: #c8c8c8;
  margin-top: 0.8em;
  margin-bottom: 0.4em;
}
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-header,
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-header,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-header,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-header,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-header,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-header,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-header,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-header {
  text-transform: uppercase;
  text-align: center;
  font-size: 1.2em;
  color: #4b4b4b;
}
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-checkbox-label,
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-checkbox-label,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-checkbox-label,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-checkbox-label,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-checkbox-label,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-checkbox-label,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-checkbox-label,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-checkbox-label {
  display: flex;
  align-items: center;
  font-size: 0.9em;
  text-transform: uppercase;
}
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-label,
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-label,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-label,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-label,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-label,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-label,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-label,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-label {
  text-transform: uppercase;
  font-size: 0.9em;
  color: #4b4b4b;
  margin-bottom: 2px;
}
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-label .mw-sign-up-contact-box-label-required,
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-label .mw-sign-up-address-box-label-required,
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-label .mw-sign-up-contact-box-label-required,
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-label .mw-sign-up-address-box-label-required,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-label .mw-sign-up-contact-box-label-required,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-label .mw-sign-up-address-box-label-required,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-label .mw-sign-up-contact-box-label-required,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-label .mw-sign-up-address-box-label-required,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-label .mw-sign-up-contact-box-label-required,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-label .mw-sign-up-address-box-label-required,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-label .mw-sign-up-contact-box-label-required,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-label .mw-sign-up-address-box-label-required,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-label .mw-sign-up-contact-box-label-required,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-label .mw-sign-up-address-box-label-required,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-label .mw-sign-up-contact-box-label-required,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-label .mw-sign-up-address-box-label-required {
  color: red;
  font-weight: bold;
}
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-input-line-1,
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-input-line-1,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-input-line-1,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-input-line-1,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-input-line-1,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-input-line-1,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-input-line-1,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-input-line-1 {
  margin-bottom: 0.2em;
}
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-input-state,
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-input-state,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-input-state,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-input-state,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-input-state,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-input-state,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-input-state,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-input-state {
  width: 4.5em;
}
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .required,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .required,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .required,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .required {
  border: thin solid red;
}
.mw-sign-up-address-box .mw-sign-up-address-box-city-state-zip-wrapper,
.mw-sign-up-contact-box .mw-sign-up-address-box-city-state-zip-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.4em;
}
.mw-sign-up-address-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail,
.mw-sign-up-contact-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail {
  padding: 0 0.4em;
}
.mw-sign-up-address-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-city,
.mw-sign-up-contact-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-city {
  flex-grow: 5.5;
  width: 20em;
}
@media (max-width: 500px) {
  .mw-sign-up-address-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-city,
  .mw-sign-up-contact-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-city {
    width: 100%;
  }
}
.mw-sign-up-address-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-state,
.mw-sign-up-contact-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-state {
  flex-grow: 1.8;
  width: 6em;
}
@media (max-width: 500px) {
  .mw-sign-up-address-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-state,
  .mw-sign-up-contact-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-state {
    width: 100%;
  }
}
.mw-sign-up-address-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-postal-code,
.mw-sign-up-contact-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-postal-code {
  flex-grow: 2.7;
  width: 10em;
}
.mw-sign-up-address-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-postal-code .mw-sign-up-address-box-input,
.mw-sign-up-contact-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-postal-code .mw-sign-up-address-box-input {
  text-transform: uppercase;
}
@media (max-width: 500px) {
  .mw-sign-up-address-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-postal-code,
  .mw-sign-up-contact-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-postal-code {
    width: 100%;
  }
}
.mw-sign-up-address-box .mw-sign-up-contact-box-header-wrappers,
.mw-sign-up-contact-box .mw-sign-up-contact-box-header-wrappers {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.4em;
}
.mw-sign-up-address-box .mw-sign-up-contact-box-header-wrappers .mw-sign-up-contact-box-detail,
.mw-sign-up-contact-box .mw-sign-up-contact-box-header-wrappers .mw-sign-up-contact-box-detail {
  padding: 0 0.4em;
}
.mw-sign-up-address-box .mw-sign-up-contact-box-header-wrappers .mw-sign-up-contact-box-detail.contact-box-contact-name,
.mw-sign-up-contact-box .mw-sign-up-contact-box-header-wrappers .mw-sign-up-contact-box-detail.contact-box-contact-name {
  flex-grow: 1;
  width: 25em;
}
@media (max-width: 500px) {
  .mw-sign-up-address-box .mw-sign-up-contact-box-header-wrappers .mw-sign-up-contact-box-detail.contact-box-contact-name,
  .mw-sign-up-contact-box .mw-sign-up-contact-box-header-wrappers .mw-sign-up-contact-box-detail.contact-box-contact-name {
    width: 100%;
  }
}
.mw-sign-up-address-box .mw-sign-up-contact-box-header-wrappers .mw-sign-up-contact-box-detail.contact-box-email,
.mw-sign-up-contact-box .mw-sign-up-contact-box-header-wrappers .mw-sign-up-contact-box-detail.contact-box-email {
  flex-grow: 1;
  width: 25em;
}
@media (max-width: 500px) {
  .mw-sign-up-address-box .mw-sign-up-contact-box-header-wrappers .mw-sign-up-contact-box-detail.contact-box-email,
  .mw-sign-up-contact-box .mw-sign-up-contact-box-header-wrappers .mw-sign-up-contact-box-detail.contact-box-email {
    width: 100%;
  }
}
.mw-sign-up-address-box .mw-sign-up-contact-box-phone-wrappers,
.mw-sign-up-contact-box .mw-sign-up-contact-box-phone-wrappers {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.4em;
}
.mw-sign-up-address-box .mw-sign-up-contact-box-phone-wrappers .mw-sign-up-contact-box-detail,
.mw-sign-up-contact-box .mw-sign-up-contact-box-phone-wrappers .mw-sign-up-contact-box-detail {
  flex-grow: 1;
  width: 10em;
  padding: 0 0.4em;
}
@media (max-width: 500px) {
  .mw-sign-up-address-box .mw-sign-up-contact-box-phone-wrappers .mw-sign-up-contact-box-detail,
  .mw-sign-up-contact-box .mw-sign-up-contact-box-phone-wrappers .mw-sign-up-contact-box-detail {
    width: 100%;
  }
}
.mw-sign-up-address-box .mw-sign-up-contact-box-phone-wrappers .mw-sign-up-contact-box-detail.contact-box-contact-via,
.mw-sign-up-contact-box .mw-sign-up-contact-box-phone-wrappers .mw-sign-up-contact-box-detail.contact-box-contact-via {
  flex-grow: 1;
  width: 20em;
}
@media (max-width: 500px) {
  .mw-sign-up-address-box .mw-sign-up-contact-box-phone-wrappers .mw-sign-up-contact-box-detail.contact-box-contact-via,
  .mw-sign-up-contact-box .mw-sign-up-contact-box-phone-wrappers .mw-sign-up-contact-box-detail.contact-box-contact-via {
    width: 100%;
  }
}
.mw-sign-up-address-box .mw-sign-up-address-box-address-wrapper,
.mw-sign-up-contact-box .mw-sign-up-address-box-address-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.4em;
}
.mw-sign-up-address-box .mw-sign-up-address-box-address-wrapper .mw-sign-up-address-box-input,
.mw-sign-up-address-box .mw-sign-up-address-box-address-wrapper .mw-sign-up-address-box-input-line-1,
.mw-sign-up-contact-box .mw-sign-up-address-box-address-wrapper .mw-sign-up-address-box-input,
.mw-sign-up-contact-box .mw-sign-up-address-box-address-wrapper .mw-sign-up-address-box-input-line-1 {
  flex-grow: 1;
  width: 25em;
  margin: 0 0.4em;
}
@media (max-width: 500px) {
  .mw-sign-up-address-box .mw-sign-up-address-box-address-wrapper .mw-sign-up-address-box-input,
  .mw-sign-up-address-box .mw-sign-up-address-box-address-wrapper .mw-sign-up-address-box-input-line-1,
  .mw-sign-up-contact-box .mw-sign-up-address-box-address-wrapper .mw-sign-up-address-box-input,
  .mw-sign-up-contact-box .mw-sign-up-address-box-address-wrapper .mw-sign-up-address-box-input-line-1 {
    width: 100%;
  }
}

#mw-delivery-information-form {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  height: 100%;
  justify-content: center;
  align-items: flex-start;
}
#mw-delivery-information-form .mw-delivery-information-form-wrapper {
  width: 30em;
  border-radius: 0.25rem;
  background: white;
  border: #c8c8c8 1px solid;
  margin: 0.4em 1em;
  padding: 0.8em;
}
#mw-delivery-information-form .mw-delivery-information-form-wrapper .mw-delivery-information-form-header {
  text-transform: uppercase;
  text-align: center;
  font-size: 1.2em;
  color: #4b4b4b;
  display: flex;
  justify-content: center;
}
#mw-delivery-information-form .mw-delivery-information-form-wrapper .mw-delivery-information-form-same-as-delivery {
  display: flex;
  text-transform: uppercase;
  font-size: 0.9em;
  color: #4b4b4b;
}
@media (max-width: 500px) {
  #mw-delivery-information-form .mw-delivery-information-form-wrapper {
    margin: 0.4em 0;
    width: 100%;
  }
}

#mw-sign-up-info-form {
  display: flex;
  flex-direction: row;
  height: 100%;
  justify-content: center;
  align-items: flex-start;
  flex: 1;
}
#mw-sign-up-info-form .require-uppercase .form-control,
#mw-sign-up-info-form .require-uppercase .mw-sign-up-address-contact-data {
  text-transform: uppercase;
}
#mw-sign-up-info-form .mw-sign-up-info-container {
  border-radius: 0.25rem;
  background: white;
  border: #c8c8c8 1px solid;
  margin: 0.4em 1em;
  display: flex;
  flex-direction: column;
  width: 80%;
}
#mw-sign-up-info-form .mw-sign-up-info-container .invalid {
  border-color: red;
}
@media (max-width: 780px) {
  #mw-sign-up-info-form .mw-sign-up-info-container {
    margin: 0.4em 0;
    width: 100%;
  }
}
#mw-sign-up-info-form .mw-sign-up-info-container .mfs-button-toggle-wrapper {
  background: inherit;
  padding: 0 0.5em 0.5em 0.5em;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mfs-button-toggle-wrapper .mfs-button-toggle-button {
  flex: 1;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-paperless {
  display: flex;
  flex-direction: row;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-paperless input {
  margin-right: 0.5em;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-contact-box {
  padding-top: 0;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-cc-agree-container,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-terms-container,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-signature {
  display: flex;
  flex-direction: column;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-cc-agree-container .mw-sign-up-info-terms-message,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-terms-container .mw-sign-up-info-terms-message,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-signature .mw-sign-up-info-terms-message {
  max-height: 15em;
  width: 100%;
  overflow: auto;
  margin-bottom: 1em;
  border: #c8c8c8 1px solid;
  border-radius: 0.25rem;
  padding: 0.4em;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-cc-agree-container .mw-sign-up-info-group-signature-header,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-terms-container .mw-sign-up-info-group-signature-header,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-signature .mw-sign-up-info-group-signature-header {
  font-size: inherit;
  text-transform: uppercase;
  font-size: 0.9em;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-cc-agree-container .mw-sign-up-info-group-signature-wrapper,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-terms-container .mw-sign-up-info-group-signature-wrapper,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-signature .mw-sign-up-info-group-signature-wrapper {
  width: 100%;
  height: 8em;
  border: #c8c8c8 1px solid;
  border-radius: 0.25rem;
  margin-bottom: 0.8em;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-cc-agree-container .mw-sign-up-info-group-signature-wrapper .mw-sign-up-info-group-signature-image,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-terms-container .mw-sign-up-info-group-signature-wrapper .mw-sign-up-info-group-signature-image,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-signature .mw-sign-up-info-group-signature-wrapper .mw-sign-up-info-group-signature-image {
  height: 100%;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-cc-agree-container .mw-sign-up-info-group-signature-wrapper .fa-signature,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-terms-container .mw-sign-up-info-group-signature-wrapper .fa-signature,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-signature .mw-sign-up-info-group-signature-wrapper .fa-signature {
  display: flex;
  justify-content: center;
  font-size: 8em;
  height: 100%;
  align-items: center;
  color: #c8c8c8;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-cc-agree-container .mw-sign-up-info-group-signature-wrapper .mw-sign-up-info-form-checkbox,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-terms-container .mw-sign-up-info-group-signature-wrapper .mw-sign-up-info-form-checkbox,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-signature .mw-sign-up-info-group-signature-wrapper .mw-sign-up-info-form-checkbox {
  margin-bottom: 0.8em;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-cc-agree-container .mw-sign-up-info-group-signature-clickable:hover,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-terms-container .mw-sign-up-info-group-signature-clickable:hover,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-signature .mw-sign-up-info-group-signature-clickable:hover {
  cursor: pointer;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-cc-agree-container .mw-sign-up-info-group-signature-clickable:hover .fa-signature-hover,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-terms-container .mw-sign-up-info-group-signature-clickable:hover .fa-signature-hover,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-signature .mw-sign-up-info-group-signature-clickable:hover .fa-signature-hover {
  color: #e4aa3f;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-cc-agree-container .mw-sign-up-info-group-signature-print,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-terms-container .mw-sign-up-info-group-signature-print,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-signature .mw-sign-up-info-group-signature-print {
  margin-bottom: 0;
  padding: 0.5em;
  color: #6b6b6b;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-terms-container {
  padding-top: 0.8em;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-header {
  text-transform: uppercase;
  text-align: center;
  font-size: 1.2em;
  color: #4b4b4b;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-wrapper {
  display: flex;
  margin: 0 -0.4em;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 5px;
  margin-bottom: 10px;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-wrapper .mw-sign-up-info-group,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-wrapper .mw-password-requirements {
  flex-grow: 1;
  width: 25em;
  padding: 0 0.4em;
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 500px) {
  #mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-wrapper .mw-sign-up-info-group,
  #mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-wrapper .mw-password-requirements {
    width: 100%;
  }
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-form-label-checkbox {
  display: flex;
  align-items: center;
  font-size: inherit;
  text-transform: uppercase;
  font-size: 0.9em;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-add-contract {
  border-color: #c8c8c8;
  margin-bottom: 10px;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-add-contract:hover {
  background-color: #c8c8c8;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-contract-type,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-contract-title,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-contract-name {
  margin-bottom: 10px;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-contract-default-period {
  font-size: 0.9em;
  margin-bottom: 10px;
  width: 100%;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-contract-description {
  max-height: 10em;
  width: 100%;
  overflow: auto;
  margin-bottom: 10px;
  border: #c8c8c8 1px solid;
  border-radius: 0.25rem;
  padding: 0.4em;
  color: #4b4b4b;
  font-size: 0.9em;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-contract-label {
  text-transform: uppercase;
  text-align: left;
  color: #4b4b4b;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-contract-valid-dates {
  display: flex;
  flex-direction: row;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-contract-valid-dates .mw-sign-up-info-contract-label {
  flex: 1;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group {
  margin-top: 5px;
  margin-bottom: 10px;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group .mw-sign-up-info-validating {
  font-size: 0.8em;
  margin-top: 4px;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group .mw-sign-up-info-invalid {
  font-size: 0.8em;
  margin-top: 4px;
  color: rgba(255, 0, 0, 0.75);
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group .mw-sign-up-info-valid {
  font-size: 0.8em;
  margin-top: 4px;
  color: #28a745;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group .mw-sign-up-info-required {
  border: 1px solid rgba(255, 0, 0, 0.75);
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-terms-btn {
  font-size: 1.4em;
  background: transparent;
  border: none;
  color: #2D92E7;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-form-checkbox {
  display: flex;
  flex-direction: row;
  margin-bottom: 0.8em;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-form-checkbox .mw-checkbox {
  align-self: center;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-container-button-wrapper {
  display: flex;
  justify-content: flex-end;
  padding: 0 0.8em 0.8em 0.8em;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-container-button-wrapper .mw-sign-up-info-container-button {
  margin: 0 0.2em;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-container-button-wrapper .mw-sign-up-info-container-button.checking-delivery-information {
  cursor: wait;
}
#mw-sign-up-info-form .mw-sign-up-info-container .require-uppercase {
  text-transform: uppercase;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section {
  display: flex;
  flex-direction: row;
  margin: 0.5em 1em;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section.document {
  margin-top: -0.5em;
  flex-wrap: wrap;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section.document .mfs-view-prospect-column {
  margin-top: 0.5em;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .mfs-view-prospect-column {
  flex: 1;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .mfs-view-prospect-column.zip-code input {
  text-transform: uppercase;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-zip {
  display: flex;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .mfs-view-prospect-column.document {
  flex-direction: column;
  min-width: 27em;
  background: #f3f3f3;
  border-radius: 0.25em;
  padding: 0.5em;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-document {
  display: flex;
  border: medium solid #f3f3f3;
  background: white;
  padding: 0.25em;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-document .mfs-view-prospect-document-title {
  flex: 1.5;
  margin: 0;
  padding: 0.2em 0.4em;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-document .mfs-view-prospect-document-type {
  flex: 1;
  margin: 0;
  padding: 0.2em 0.4em;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-section-checkbox {
  margin-bottom: 0.4em;
  display: flex;
  align-items: center;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-document-additional-resources {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -0.5em;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-document-additional-resources .mfs-view-prospect-document-attachement {
  margin-left: 0.5em;
  display: flex;
  align-items: center;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-document-additional-resources .mfs-view-prospect-document-attachement .fa-paperclip {
  padding-right: 0.2em;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  min-height: 35px;
  min-width: 35px;
  max-height: 35px;
  max-width: 35px;
  text-decoration: none;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .divider {
  margin-right: 0.5em;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .disabled {
  background: #c8c8c8;
  color: white;
  border-color: #c8c8c8;
  margin-left: 0.5em;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .geocode {
  background: #28a745;
  color: white;
  border-color: #28a745;
  margin-left: 0.5em;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .geocode:hover {
  background: #1e7e34;
  border-color: #1e7e34;
  cursor: pointer;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .autofill {
  background: #007bff;
  color: white;
  border-color: #007bff;
  margin-left: 0.5em;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .autofill:hover {
  background: #0062cc;
  border-color: #0062cc;
  cursor: pointer;
}
#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .required {
  border-color: red;
}
#mw-sign-up-info-form .mw-sign-up-info-wrapper {
  padding-left: 0.8em;
  padding-right: 0.8em;
}
#mw-sign-up-info-form .mw-sign-up-info-wrapper label {
  text-transform: uppercase;
  font-size: 0.9em;
  color: #4b4b4b;
}
#mw-sign-up-info-form #mw-echeck-form > div:nth-child(even) {
  background: inherit;
}
#mw-sign-up-info-form #mw-echeck-form .mw-ef-group {
  position: relative;
  padding: 0;
  margin-bottom: 10px;
  box-sizing: border-box;
  display: block;
  height: auto;
  font-size: inherit;
}
#mw-sign-up-info-form #mw-echeck-form .mw-ef-group label {
  margin-bottom: 2px;
}
#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .invalid {
  border-color: red;
}
#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-input {
  font-size: inherit;
  margin-left: 0;
}
#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-radio-label {
  padding-left: 1em;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}
#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-radio-label .mw-ef-radio-btn {
  -webkit-appearance: none;
  display: block;
  min-height: 1.5em;
  min-width: 1.5em;
  max-height: 1.5em;
  max-width: 1.5em;
  background-color: white;
  border: 1px solid #c8c8c8;
  margin-right: 10px;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}
#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-radio-label .mw-ef-radio-btn:hover {
  background-color: #ccc;
}
#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-radio-label .mw-ef-radio-btn:checked {
  background-color: #e4aa3f;
}
#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-radio-label .mw-ef-radio-btn:checked:after {
  display: block;
}
#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-radio-label .mw-ef-radio-btn:after {
  content: "";
  display: none;
  min-height: 0.75em;
  min-width: 0.75em;
  max-height: 0.75em;
  max-width: 0.75em;
  background: white;
  border-radius: 1rem;
}
#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-radio-label .mw-ef-radio-btn:indeterminate {
  background-color: #e4aa3f;
  text-align: center;
}
#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-radio-label .mw-ef-radio-btn:indeterminate:after {
  margin-top: 0;
  margin-left: 0;
  width: calc(0.75em - 1px);
  height: calc(0.75em - 1px);
  background: white;
  border-radius: 0.2em;
  border: unset;
  border-width: unset;
  transform: unset;
  display: inline-block;
  position: relative;
}
#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-checkbox-label {
  display: flex;
  align-items: center;
}
#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-checkbox-label .mw-ef-checkbox {
  -webkit-appearance: none;
  display: block;
  min-height: 1.5em;
  min-width: 1.5em;
  max-height: 1.5em;
  max-width: 1.5em;
  background-color: white;
  border: 1px solid #c8c8c8;
  margin-right: 10px;
  border-radius: 0.25rem;
}
#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-checkbox-label .mw-ef-checkbox:hover {
  background-color: #ccc;
}
#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-checkbox-label .mw-ef-checkbox:checked {
  background-color: #e4aa3f;
}
#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-checkbox-label .mw-ef-checkbox:checked:after {
  display: block;
}
#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-checkbox-label .mw-ef-checkbox:after {
  content: "";
  display: none;
  margin-left: 0.5em;
  margin-top: 0.2em;
  width: 0.45em;
  height: 0.85em;
  border: solid white;
  border-width: 0 0.2em 0.2em 0;
  transform: rotate(45deg);
}
#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-checkbox-label .mw-ef-checkbox:indeterminate {
  background-color: #e4aa3f;
  text-align: center;
}
#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-checkbox-label .mw-ef-checkbox:indeterminate:after {
  margin-top: 0;
  margin-left: 0;
  width: calc(0.75em - 1px);
  height: calc(0.75em - 1px);
  background: white;
  border-radius: 0.2em;
  border: unset;
  border-width: unset;
  transform: unset;
  display: inline-block;
  position: relative;
}
#mw-sign-up-info-form .mw-credit-card-component {
  display: flex;
  flex-direction: column;
}
#mw-sign-up-info-form .mw-credit-card-component .credit-card-container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.4em 0 -0.4em;
}
#mw-sign-up-info-form .mw-credit-card-component .credit-card-container .mw-cards-add-card-group {
  padding: 0 0.4em;
}
#mw-sign-up-info-form .mw-credit-card-component .credit-card-container .mw-cards-add-card-group.mw-cards-number {
  flex: 5 0 auto;
  width: 25em;
}
#mw-sign-up-info-form .mw-credit-card-component .credit-card-container .mw-cards-add-card-group.mw-cards-verification {
  flex: 2 0 auto;
  width: 10em;
}
#mw-sign-up-info-form .mw-credit-card-component .credit-card-container .mw-cards-add-card-group.mw-cards-expiry {
  flex: 3 0 auto;
  width: 15em;
}
#mw-sign-up-info-form .mw-credit-card-component .credit-card-container .mw-cards-add-card-group.mw-cards-country {
  flex: 3 0 auto;
  width: 15em;
}
#mw-sign-up-info-form .mw-credit-card-component .name-sub {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.4em 10px -0.4em;
}
#mw-sign-up-info-form .mw-credit-card-component .name-sub .mw-cards-add-card-group {
  margin: 0 0.4em;
  flex: 1 0 auto;
}
#mw-sign-up-info-form .mw-credit-card-component .city-state-zip-sub {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.4em 0 -0.4em;
}
#mw-sign-up-info-form .mw-credit-card-component .city-state-zip-sub .mw-cards-add-card-group {
  padding: 0 0.4em;
}
#mw-sign-up-info-form .mw-credit-card-component .city-state-zip-sub .mw-cards-add-card-group.mw-cards-city {
  flex: 5.5 0 auto;
  width: 20em;
}
@media (max-width: 500px) {
  #mw-sign-up-info-form .mw-credit-card-component .city-state-zip-sub .mw-cards-add-card-group.mw-cards-city {
    width: 100%;
  }
}
#mw-sign-up-info-form .mw-credit-card-component .city-state-zip-sub .mw-cards-add-card-group.mw-cards-state {
  flex: 1.8 0 auto;
  width: 6em;
}
@media (max-width: 500px) {
  #mw-sign-up-info-form .mw-credit-card-component .city-state-zip-sub .mw-cards-add-card-group.mw-cards-state {
    width: 100%;
  }
}
#mw-sign-up-info-form .mw-credit-card-component .city-state-zip-sub .mw-cards-add-card-group.mw-cards-zip {
  flex: 2.7 0 auto;
  width: 10em;
}
@media (max-width: 500px) {
  #mw-sign-up-info-form .mw-credit-card-component .city-state-zip-sub .mw-cards-add-card-group.mw-cards-zip {
    width: 100%;
  }
}
#mw-sign-up-info-form .mw-credit-card-component .form-control {
  padding: 0.375rem 0.75rem;
  width: 100%;
}
#mw-sign-up-info-form .mw-credit-card-component label {
  margin-bottom: 2px;
  width: 100%;
  flex: initial;
}
#mw-sign-up-info-form .mw-credit-card-component input {
  font-size: inherit;
  margin: 0;
}
#mw-sign-up-info-form .mw-credit-card-component select {
  height: calc(1.5em + 0.75rem + 2px);
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  padding: 0.375rem 0.75rem;
  font-size: inherit;
}
#mw-sign-up-info-form .mw-credit-card-component .mw-cards-add-card-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  justify-content: initial;
  padding: 0;
}
#mw-sign-up-info-form .mw-credit-card-component .mw-cards-add-card-group select.mw-cards-add-card-required {
  border: 1px solid rgba(255, 0, 0, 0.75);
}
#mw-sign-up-info-form .mw-credit-card-component .mw-cards-add-card-group .mw-cards-add-card-expiry-group {
  margin: 0;
}
#mw-sign-up-info-form .mw-credit-card-component .mw-cards-add-card-group .mw-cards-add-card-expiry-group,
#mw-sign-up-info-form .mw-credit-card-component .mw-cards-add-card-group .mw-cards-add-card-group-col {
  width: 100%;
  min-width: initial;
  flex: initial;
}
#mw-sign-up-info-form .mw-credit-card-component .mw-cards-add-card-group-double {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  justify-content: initial;
  padding: 0;
  margin: 0 -0.4em 10px -0.4em;
}
#mw-sign-up-info-form .mw-credit-card-component .mw-cards-add-card-group-double label {
  padding: 0 0.4em;
}
#mw-sign-up-info-form .mw-credit-card-component .mw-cards-add-card-group-double .mw-cards-add-card-group-col-double {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: inherit;
  min-width: inherit;
  width: 100%;
  flex: initial;
  min-width: initial;
  flex-direction: row;
}
#mw-sign-up-info-form .mw-credit-card-component .mw-cards-add-card-group-double .mw-cards-add-card-group-col-double input {
  flex: 1 0 auto;
  width: 25em;
  margin: 0 0.4em;
}
#mw-sign-up-info-form .mw-sign-up-info-container-group {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
}
#mw-sign-up-info-form .mw-sign-up-info-container-group .edit-block {
  display: none;
}
#mw-sign-up-info-form .mw-sign-up-info-container-group .edit-block.sign-up-active {
  display: flex;
}
#mw-sign-up-info-form .mw-sign-up-info-container-group .edit-block .mw-sign-up-info-group-header {
  padding: 0.8em 0.8em 0 0.8em;
}
#mw-sign-up-info-form .mw-sign-up-info-container-group .summary-block {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.mw-open-hours {
  display: flex;
  flex-direction: column;
}
.mw-open-hours .mw-open-hours-checkbox {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mw-open-hours .mw-open-hours-checkbox input {
  margin-right: 0.5em;
}
.mw-open-hours .mw-open-hours-varied-hours {
  margin-bottom: 0.4em;
}
.mw-open-hours .mw-open-hours-day-container {
  display: flex;
  flex-direction: row;
}
.mw-open-hours .mw-open-hours-day-container .mw-open-hours-day-label {
  flex: 1;
}
.mw-open-hours .mw-open-hours-day-container .mw-open-hours-closed {
  flex: 3;
}
.mw-open-hours .mw-open-hours-time-form {
  display: flex;
  flex-direction: row;
  margin-bottom: 0.8em;
}
.mw-open-hours .mw-open-hours-time-form .mw-open-hours-time-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  align-items: baseline;
}
.mw-open-hours .mw-open-hours-time-form .mw-open-hours-time-container.mw-open-hours-time-start {
  justify-content: center;
}
.mw-open-hours .mw-open-hours-time-form .mw-open-hours-time-container .mw-open-hours-time-label {
  margin-right: 0.5em;
}
.mw-open-hours .mw-open-hours-header {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.mw-open-hours .mw-open-hours-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-top: 0.4em;
}
.mw-open-hours .mw-open-hours-row .mw-open-hours-day-cell {
  align-items: center;
}
.mw-open-hours .mw-open-hours-row .mw-open-hours-closed-cell {
  align-items: center;
  justify-content: center;
}
.mw-open-hours .mw-open-hours-day-cell {
  flex: 1.5;
  display: flex;
}
.mw-open-hours .mw-open-hours-open-from-cell {
  flex: 2;
  display: flex;
}
.mw-open-hours .mw-open-hours-open-to-cell {
  flex: 2;
  display: flex;
}
.mw-open-hours .mw-open-hours-closed-cell {
  flex: 0.5;
  display: flex;
}
.mw-open-hours .mw-open-hours-time-invalid {
  border: solid 1px red;
}

#mw-web-prospect-contact {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 30em;
  flex-basis: 100%;
}
#mw-web-prospect-contact .mw-web-prospect-contact-container {
  width: 100%;
}
#mw-web-prospect-contact .mw-web-prospect-contact-container .mw-web-prospect-contact-detail {
  width: 100%;
  position: relative;
  margin-top: 5px;
  margin-bottom: 10px;
  display: block;
}
#mw-web-prospect-contact .mw-web-prospect-contact-container .mw-web-prospect-contact-detail .mw-web-prospect-contact-detail-header {
  text-transform: uppercase;
  text-align: center;
  font-size: 1.2em;
  color: #4b4b4b;
  width: 100%;
}
#mw-web-prospect-contact .mw-web-prospect-contact-container .mw-web-prospect-contact-detail .mw-web-prospect-contact-detail-label {
  text-transform: uppercase;
  font-size: 0.9em;
  color: #4b4b4b;
  margin-bottom: 2px;
}
#mw-web-prospect-contact .mw-web-prospect-contact-container .mw-web-prospect-contact-detail .mw-web-prospect-contact-detail-checkbox-label {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 0.9em;
  color: #4b4b4b;
  margin-bottom: 2px;
}
#mw-web-prospect-contact .mw-web-prospect-contact-container .mw-web-prospect-contact-detail .mw-web-prospect-contact-detail-required {
  color: red;
  font-size: 1.3em;
  font-weight: bold;
}
#mw-web-prospect-contact .modal-content.mw-progress-container {
  min-height: 250px;
}
#mw-web-prospect-contact .mw-web-prospect-message {
  text-align: center;
  display: flex;
  padding: 1em;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
#mw-web-prospect-contact .mw-web-prospect-message .mw-web-prospect-message-label label {
  width: 100%;
  font-size: 1.8em;
}
#mw-web-prospect-contact .mw-web-prospect-message .mw-web-prospect-message-body {
  margin-bottom: 1em;
}
#mw-web-prospect-contact .mw-web-prospect-message .mw-web-prospect-message-body .mw-web-prospect-message-label {
  font-size: 0.85em;
}
#mw-web-prospect-contact .mw-web-prospect-message .mw-web-prospect-message-body .mw-web-prospect-message-message {
  margin: 0.5em 0;
}
#mw-web-prospect-contact .mw-web-prospect-message .mw-web-prospect-message-body i {
  width: 100%;
  font-size: 50px;
}
#mw-web-prospect-contact .mw-web-prospect-message .mw-web-prospect-message-body i.fas.fa-check {
  color: #28a745;
}
#mw-web-prospect-contact .mw-web-prospect-message .mw-web-prospect-message-body i.fas.fa-times {
  color: red;
}

#mw-step-progress-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  background: #f3f3f3;
}
#mw-step-progress-bar .mw-step-progress-bar-divider {
  max-width: 4em;
  height: 0.3em;
  background-color: #c8c8c8;
  flex: 1 0 auto;
}
#mw-step-progress-bar .mw-step-progress-bar-divider-on {
  background-color: #2D92E7;
}
#mw-step-progress-bar .mw-step-progress-bar-step {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 0.4em;
}
#mw-step-progress-bar .mw-step-progress-bar-step .fa-check {
  color: white;
}
#mw-step-progress-bar .mw-step-progress-bar-step .mw-step-progress-bar-step-text {
  margin-right: 0.4em;
  flex-grow: 1;
  flex-shrink: 0;
}
#mw-step-progress-bar .mw-step-progress-bar-step .mw-step-progress-bar-step-pointer {
  cursor: pointer;
}
#mw-step-progress-bar .mw-step-progress-bar-step .mw-step-progress-bar-step-text:hover.mw-step-progress-bar-step-pointer + .mw-step-progress-bar-bulb.mw-step-progress-bar-step-pointer,
#mw-step-progress-bar .mw-step-progress-bar-step .mw-step-progress-bar-bulb.mw-step-progress-bar-step-pointer:hover {
  background: rgb(140, 191, 233);
}
#mw-step-progress-bar .mw-step-progress-bar-step .mw-step-progress-bar-bulb {
  border: 2px solid #c8c8c8;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  flex-shrink: 0;
}
#mw-step-progress-bar .mw-step-progress-bar-step .mw-step-progress-bar-bulb-on {
  border: 2px solid #2D92E7;
  background: #2D92E7;
}
#mw-step-progress-bar .mw-step-progress-bar-step .mw-step-progress-bar-step-text:hover.mw-step-progress-bar-step-pointer + .mw-step-progress-bar-bulb-on,
#mw-step-progress-bar .mw-step-progress-bar-step .mw-step-progress-bar-bulb-on.mw-step-progress-bar-step-pointer:hover {
  background: rgb(140, 191, 233);
}
#mw-step-progress-bar .mw-step-progress-bar-step .mw-step-progress-bar-step-text:active.mw-step-progress-bar-step-pointer + .mw-step-progress-bar-bulb-on,
#mw-step-progress-bar .mw-step-progress-bar-step .mw-step-progress-bar-bulb-on.mw-step-progress-bar-step-pointer:active {
  background: rgb(0, 126, 230);
  border: 2px solid rgb(0, 126, 230);
}
#mw-step-progress-bar .mw-step-progress-bar-step .mw-step-progress-bar-bulb-active {
  border: 2px solid #2D92E7;
}
#mw-step-progress-bar .mw-step-progress-bar-step .mw-step-progress-bar-bulb-current {
  background: rgb(173, 206, 233);
}
#mw-step-progress-bar .start, #mw-step-progress-bar .end {
  flex: 1;
}
#mw-step-progress-bar .start {
  text-align: right;
}
#mw-step-progress-bar .start .mw-step-progress-bar-step-text {
  flex-shrink: unset;
}
#mw-step-progress-bar .end .mw-step-progress-bar-step-text {
  flex: unset;
}

#mw-water-calculator {
  padding: 0.4em 0.4em 0.4em 0.8em;
}
#mw-water-calculator .mw-water-calculator-title {
  margin: 0;
  width: 100%;
  text-align: center;
  font-weight: bold;
}
#mw-water-calculator .mw-water-calculator-body .mw-water-calculator-row {
  display: flex;
  align-items: center;
}
#mw-water-calculator .mw-water-calculator-body .mw-water-calculator-row .mw-water-calculator-label {
  flex: 1;
  margin-bottom: 0;
}
#mw-water-calculator .mw-water-calculator-body .mw-water-calculator-row .mw-water-calculator-select-form {
  flex: 1;
  display: flex;
  padding-right: 0.4em;
  align-items: center;
  flex-wrap: wrap;
}
#mw-water-calculator .mw-water-calculator-body .mw-water-calculator-row .mw-water-calculator-select-form .mw-water-calculator-select-label {
  margin-bottom: 0;
  margin-right: 0.4em;
}
#mw-water-calculator .mw-water-calculator-body .mw-water-calculator-row .mw-water-calculator-select-form .mw-water-calculator-select {
  flex: 1 1 auto;
  max-width: 8em;
}
#mw-water-calculator .mw-water-calculator-body .mw-water-calculator-row .mw-water-calculator-input {
  width: 5em;
}
#mw-water-calculator .mw-water-calculator-body .mw-water-calculator-row .mw-water-calculator-checkbox {
  display: flex;
  align-items: center;
}
#mw-water-calculator .mw-water-calculator-body .mw-water-calculator-note {
  margin-top: 0.4em;
}

.mms-background-route-not-started {
  background: #FF8080;
}

.mms-background-route-downloaded {
  background: #00FF00;
}

.mms-background-route-started {
  background: #ADD8E6;
}

.mms-background-route-completed {
  background: #FFB6C1;
}

.mms-background-stop-default {
  background: #008000;
}

.mms-background-stop-order {
  background: #FF0000;
}

.mms-background-stop-high-priority {
  background: #8B0000;
}

.mms-background-stop-complete {
  background: #808080;
}

.mms-background-stop-skip {
  background: #D3D3D3;
}

.mms-background-stop-off-route {
  background: #ADD8E6;
}

.mms-background-stop-drag {
  background: #0000FF;
}

.mms-background-stop-delivery-skip {
  background: #FF4500;
}

.mms-background-stop-manual-delivery {
  background: #FFFF00;
}

.mms-background-flag-hold {
  background: #FF0000;
}

.mms-background-flag-cod {
  background: #FF0080;
}

.mms-background-flag-past-due {
  background: #00FF00;
}

.mms-background-flag-over-credit-limit {
  background: #FFA500;
}

.mms-background-flag-collections {
  background: #008080;
}

.mms-background-flag-inactive {
  background: #FFD700;
}

.mms-background-flag-returned-check {
  background: #00FFFF;
}

.mms-background-flag-suspended {
  background: #D2B48C;
}

.mms-background-flag-credit-card {
  background: #80FFFF;
}

.mms-background-flag-will-call {
  background: #8FBC8B;
}

#mms-dashboard {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#mms-dashboard .mms-drop-down-checkbox-text {
  max-width: 100%;
}
#mms-dashboard .mms-lookup-search {
  display: flex;
  flex-direction: row;
  margin: 1em 1em 0 1em;
}
#mms-dashboard .mms-lookup-search .mms-lookup-search-date {
  display: none;
}
#mms-dashboard .mms-lookup-search .mms-lookup-route {
  display: flex;
  flex-direction: row;
  flex: 1;
  border: none;
}
#mms-dashboard .mms-lookup-search .mms-lookup-route .mms-lookup-search-route {
  align-self: center;
}
#mms-dashboard .mms-lookup-search .mms-lookup-route .mms-lookup-search-route-filters {
  flex: 1;
  margin-left: 1em;
  height: calc(1.5em + 0.75rem + 2px);
}
#mms-dashboard .mms-lookup-search .mms-lookup-route .mms-lookup-search-select {
  flex: 1;
  margin-left: 1em;
}
#mms-dashboard .mms-lookup-search .mms-lookup-route-date {
  margin-left: 1em;
}
#mms-dashboard .mms-lookup-header {
  margin: 1em 1em 0;
  background: #ffd29c;
  display: flex;
  flex-direction: row;
  font-weight: bold;
  padding: 0.5em 1em 0.5em 0;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  color: #FFFFFF;
}
@media (max-width: 850px) {
  #mms-dashboard .mms-lookup-header {
    display: none;
  }
}
#mms-dashboard .mms-lookup-container {
  margin: 0 1em;
  overflow-y: scroll;
  flex: 1;
  border: thin solid #ffd29c;
  border-top: none;
}
#mms-dashboard .mms-lookup-container .mms-lookup-route {
  padding: 0.5em 0;
}
#mms-dashboard .mms-lookup-container .mms-lookup-route .mms-lookup-section-id,
#mms-dashboard .mms-lookup-container .mms-lookup-route .mms-lookup-scheduled-deliveries,
#mms-dashboard .mms-lookup-container .mms-lookup-route .mms-lookup-completed-deliveries,
#mms-dashboard .mms-lookup-container .mms-lookup-route .mms-lookup-skipped-deliveries,
#mms-dashboard .mms-lookup-container .mms-lookup-route .mms-lookup-off-route-deliveries,
#mms-dashboard .mms-lookup-container .mms-lookup-route .mms-lookup-sales,
#mms-dashboard .mms-lookup-container .mms-lookup-route .mms-lookup-driver-name,
#mms-dashboard .mms-lookup-container .mms-lookup-route .mms-lookup-route-status {
  display: flex;
  align-items: center;
}
@media (max-width: 1100px) {
  #mms-dashboard .mms-lookup-container .mms-lookup-route .mms-lookup-driver-name,
  #mms-dashboard .mms-lookup-container .mms-lookup-route .mms-lookup-route-status {
    display: none;
  }
}
#mms-dashboard .mms-lookup-container .mw-progress-container {
  position: relative;
}
#mms-dashboard .mms-lookup-header-small {
  display: none;
  margin: 1em 1em 0;
  background: #ffd29c;
  flex-direction: row;
  font-weight: bold;
  padding: 0.5em 1em 0.5em 0;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  color: #FFFFFF;
}
@media (max-width: 850px) {
  #mms-dashboard .mms-lookup-header-small {
    display: flex;
  }
}
#mms-dashboard .mms-lookup-header .mms-lookup-section-id, #mms-dashboard .mms-lookup-header-small .mms-lookup-section-id, #mms-dashboard .mms-lookup-route .mms-lookup-section-id {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-dashboard .mms-lookup-header .mms-lookup-driver-name,
#mms-dashboard .mms-lookup-header .mms-lookup-route-status, #mms-dashboard .mms-lookup-header-small .mms-lookup-driver-name,
#mms-dashboard .mms-lookup-header-small .mms-lookup-route-status, #mms-dashboard .mms-lookup-route .mms-lookup-driver-name,
#mms-dashboard .mms-lookup-route .mms-lookup-route-status {
  flex: 2;
  margin: 0;
  padding: 0 0.3em;
}
@media (max-width: 1100px) {
  #mms-dashboard .mms-lookup-header .mms-lookup-driver-name,
  #mms-dashboard .mms-lookup-header .mms-lookup-route-status, #mms-dashboard .mms-lookup-header-small .mms-lookup-driver-name,
  #mms-dashboard .mms-lookup-header-small .mms-lookup-route-status, #mms-dashboard .mms-lookup-route .mms-lookup-driver-name,
  #mms-dashboard .mms-lookup-route .mms-lookup-route-status {
    display: none;
  }
}
#mms-dashboard .mms-lookup-header .mms-lookup-route-controls, #mms-dashboard .mms-lookup-header-small .mms-lookup-route-controls, #mms-dashboard .mms-lookup-route .mms-lookup-route-controls {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
  display: flex;
  justify-content: space-evenly;
}
@media (max-width: 1100px) {
  #mms-dashboard .mms-lookup-header .mms-lookup-route-controls, #mms-dashboard .mms-lookup-header-small .mms-lookup-route-controls, #mms-dashboard .mms-lookup-route .mms-lookup-route-controls {
    display: none;
  }
}
#mms-dashboard .mms-lookup-header .mms-lookup-route-controls .mms-lookup-route-controls-place-holder, #mms-dashboard .mms-lookup-header-small .mms-lookup-route-controls .mms-lookup-route-controls-place-holder, #mms-dashboard .mms-lookup-route .mms-lookup-route-controls .mms-lookup-route-controls-place-holder {
  flex: 1;
}
#mms-dashboard .mms-lookup-header .mms-lookup-route-controls .mms-lookup-route-controls-place-holder .mms-lookup-route-controls-button, #mms-dashboard .mms-lookup-header-small .mms-lookup-route-controls .mms-lookup-route-controls-place-holder .mms-lookup-route-controls-button, #mms-dashboard .mms-lookup-route .mms-lookup-route-controls .mms-lookup-route-controls-place-holder .mms-lookup-route-controls-button {
  width: 30px;
  border-radius: 2em;
  background: #e4aa3f;
  color: #FFFFFF;
  border: medium solid #e4aa3f;
  text-align: center;
}
#mms-dashboard .mms-lookup-header .mms-lookup-route-controls .mms-lookup-route-controls-place-holder .mms-lookup-route-controls-button .mms-lookup-route-controls-icon, #mms-dashboard .mms-lookup-header-small .mms-lookup-route-controls .mms-lookup-route-controls-place-holder .mms-lookup-route-controls-button .mms-lookup-route-controls-icon, #mms-dashboard .mms-lookup-route .mms-lookup-route-controls .mms-lookup-route-controls-place-holder .mms-lookup-route-controls-button .mms-lookup-route-controls-icon {
  align-self: center;
  color: #FFFFFF;
}
#mms-dashboard .mms-lookup-header .mms-lookup-route-controls .mms-lookup-route-controls-place-holder .mms-lookup-route-controls-button:hover, #mms-dashboard .mms-lookup-header-small .mms-lookup-route-controls .mms-lookup-route-controls-place-holder .mms-lookup-route-controls-button:hover, #mms-dashboard .mms-lookup-route .mms-lookup-route-controls .mms-lookup-route-controls-place-holder .mms-lookup-route-controls-button:hover {
  background: #FFFFFF;
}
#mms-dashboard .mms-lookup-header .mms-lookup-route-controls .mms-lookup-route-controls-place-holder .mms-lookup-route-controls-button:hover .mms-lookup-route-controls-icon, #mms-dashboard .mms-lookup-header-small .mms-lookup-route-controls .mms-lookup-route-controls-place-holder .mms-lookup-route-controls-button:hover .mms-lookup-route-controls-icon, #mms-dashboard .mms-lookup-route .mms-lookup-route-controls .mms-lookup-route-controls-place-holder .mms-lookup-route-controls-button:hover .mms-lookup-route-controls-icon {
  color: #e4aa3f;
}
#mms-dashboard .mms-lookup-header .mms-lookup-scheduled-deliveries, #mms-dashboard .mms-lookup-header-small .mms-lookup-scheduled-deliveries, #mms-dashboard .mms-lookup-route .mms-lookup-scheduled-deliveries {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-dashboard .mms-lookup-header .mms-lookup-completed-deliveries, #mms-dashboard .mms-lookup-header-small .mms-lookup-completed-deliveries, #mms-dashboard .mms-lookup-route .mms-lookup-completed-deliveries {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-dashboard .mms-lookup-header .mms-lookup-skipped-deliveries, #mms-dashboard .mms-lookup-header-small .mms-lookup-skipped-deliveries, #mms-dashboard .mms-lookup-route .mms-lookup-skipped-deliveries {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-dashboard .mms-lookup-header .mms-lookup-off-route-deliveries, #mms-dashboard .mms-lookup-header-small .mms-lookup-off-route-deliveries, #mms-dashboard .mms-lookup-route .mms-lookup-off-route-deliveries {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-dashboard .mms-lookup-header .mms-lookup-sales, #mms-dashboard .mms-lookup-header-small .mms-lookup-sales, #mms-dashboard .mms-lookup-route .mms-lookup-sales {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
  min-width: 124px;
}
#mms-dashboard .mms-lookup-route {
  border-bottom: 1px solid #f0f0f0;
}
#mms-dashboard .mms-lookup-route {
  display: flex;
  flex-direction: row;
}
#mms-dashboard .mms-lookup-route label {
  cursor: pointer;
}
#mms-dashboard .mms-lookup-route-small {
  display: none;
}
#mms-dashboard .mms-lookup-route:hover {
  color: #007bff;
}
#mms-dashboard .mms-route-status-default {
  background: #f3f3f3;
}
#mms-dashboard .mms-route-status-downloaded {
  background: #f2de79;
}
#mms-dashboard .mms-route-status-started {
  background: #79f2cc;
}
#mms-dashboard .mms-route-status-completed {
  background: #79f29a;
}
#mms-dashboard .mms-lookup-container-totals {
  height: unset;
  overflow: unset;
  padding-right: 1em;
  font-weight: bold;
  border-top: none;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  border: thin solid #ffd29c;
  margin: 0 1em;
}
#mms-dashboard .mms-lookup-change-date {
  display: flex;
  flex-direction: row;
}
#mms-dashboard .mms-lookup-change-date {
  padding: 1em 1em 0.5em 1em;
}
#mms-dashboard .mms-lookup-change-date .center {
  text-align: center;
  flex: 1;
}
#mms-dashboard .mms-lookup-change-date .btn.btn-link {
  width: -moz-fit-content;
  width: fit-content;
  padding: 0;
  margin: 0;
}
#mms-dashboard .mms-lookup-change-date .btn.btn-link.right {
  margin-left: auto;
  width: -moz-fit-content;
  width: fit-content;
  text-align: right;
}
#mms-dashboard .mms-lookup-change-date .fas.fa-chevron-left {
  padding-right: 0.5em;
  text-align: left;
}
#mms-dashboard .mms-lookup-change-date .fas.fa-chevron-right {
  padding-left: 0.5em;
}
@media (max-width: 500px) {
  #mms-dashboard .mms-lookup-search {
    flex-direction: column;
  }
  #mms-dashboard .mms-lookup-search .mms-lookup-route label {
    display: flex;
    flex: 1;
  }
  #mms-dashboard .mms-lookup-search .mms-lookup-route .mms-lookup-search-route-filters {
    display: flex;
    flex: 3;
    margin: 0;
  }
  #mms-dashboard .mms-lookup-search .mms-lookup-route-date {
    flex: 1;
    display: flex;
    padding-top: 0.5em;
    margin: 0;
  }
  #mms-dashboard .mms-lookup-search .mms-lookup-route-date label {
    display: flex;
    flex: 1;
  }
  #mms-dashboard .mms-lookup-search .mms-lookup-route-date input {
    display: flex;
    flex: 3;
    margin: 0;
  }
}

#mms-release-code {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#mms-release-code .mms-release-code-group-label {
  margin: 1em 1em 0.5em 1em;
  background: #ffd29c;
  font-weight: bold;
  padding: 0.5em;
  color: #FFFFFF;
  border-radius: 0.5em;
}
@media (max-height: 640px) {
  #mms-release-code .mms-release-code-group-label {
    height: 2em;
    display: flex;
    align-items: center;
  }
}
#mms-release-code .mms-release-code-release-date-group {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
}
#mms-release-code .mms-release-code-release-date-group .mms-release-code-date-picker {
  width: unset;
  max-width: 200px;
  margin: 0 1em;
}
#mms-release-code .mms-release-code-customer-group {
  display: flex;
  flex-direction: column;
  min-height: 20em;
  flex: 1;
  overflow: hidden;
}
#mms-release-code .mms-release-code-customer-group .mms-release-code-error {
  margin: 0 0 0 1em;
  color: red;
}
#mms-release-code .mms-release-code-customer-group .mms-release-code-search {
  display: flex;
  flex-direction: row;
  padding: 0.5em 1em;
  background: white;
}
#mms-release-code .mms-release-code-customer-group .mms-release-code-search .mms-release-code-search-section {
  display: flex;
  flex-direction: row;
  flex: 1;
}
#mms-release-code .mms-release-code-customer-group .mms-release-code-search .mms-release-code-search-section select {
  background: #f3f3f3;
}
#mms-release-code .mms-release-code-customer-group .mms-release-code-search .mms-release-code-search-section input, #mms-release-code .mms-release-code-customer-group .mms-release-code-search .mms-release-code-search-section select {
  flex: 1;
  margin-right: 0.5em;
}
#mms-release-code .mms-release-code-customer-group .mms-release-code-search .mms-release-code-search-section .mms-release-code-search-button {
  background: #e4aa3f;
  width: 2.2em;
  height: 2.2em;
  border: none;
  border-radius: 2em;
  color: #FFFFFF;
  padding: 0;
}
#mms-release-code .mms-release-code-customer-group .mms-release-code-search .mms-release-code-search-section .mms-release-code-search-button i {
  margin: auto;
  font-size: 1.25em;
}
#mms-release-code .mms-release-code-customer-group .mms-release-code-header .mms-release-code-section-small,
#mms-release-code .mms-release-code-customer-group .mms-release-code-customer .mms-release-code-section-small {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-release-code .mms-release-code-customer-group .mms-release-code-header .mms-release-code-section-id,
#mms-release-code .mms-release-code-customer-group .mms-release-code-customer .mms-release-code-section-id {
  margin: 0;
  padding: 0 0.3em;
  width: 100px;
}
#mms-release-code .mms-release-code-customer-group .mms-release-code-header .mms-release-code-section-delivery-id,
#mms-release-code .mms-release-code-customer-group .mms-release-code-customer .mms-release-code-section-delivery-id {
  margin: 0;
  padding: 0 0.3em;
  width: 85px;
}
#mms-release-code .mms-release-code-customer-group .mms-release-code-header .mms-release-code-section-status,
#mms-release-code .mms-release-code-customer-group .mms-release-code-customer .mms-release-code-section-status {
  flex: 1.4;
  margin: 0;
  padding: 0 0.3em;
}
#mms-release-code .mms-release-code-customer-group .mms-release-code-header .mms-release-code-section,
#mms-release-code .mms-release-code-customer-group .mms-release-code-customer .mms-release-code-section {
  flex: 2;
  margin: 0;
  padding: 0 0.3em;
}
#mms-release-code .mms-release-code-customer-group .mms-release-code-header .mms-release-code-section-long,
#mms-release-code .mms-release-code-customer-group .mms-release-code-customer .mms-release-code-section-long {
  flex: 3;
  margin: 0;
  padding: 0 0.3em;
}
#mms-release-code .mms-release-code-customer-group .mms-release-code-header .mms-release-code-new-delivery,
#mms-release-code .mms-release-code-customer-group .mms-release-code-customer .mms-release-code-new-delivery {
  width: 120px;
  margin: 0;
}
#mms-release-code .mms-release-code-customer-group .mms-release-code-header .mms-release-code-visit,
#mms-release-code .mms-release-code-customer-group .mms-release-code-customer .mms-release-code-visit {
  width: 58px;
  margin: 0;
}
#mms-release-code .mms-release-code-customer-group .mms-release-code-header {
  margin: 0 1em;
  display: flex;
  flex-direction: row;
  font-weight: bold;
  padding: 0.5em 1em 0.5em 0;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  border: thin solid #495057;
  border-bottom: none;
  color: #495057;
}
#mms-release-code .mms-release-code-customer-group .mms-release-code-container {
  margin: 0 1em;
  overflow-y: scroll;
  flex: 1;
  border: thin solid #ffd29c;
}
#mms-release-code .mms-release-code-customer-group .mms-release-code-container a {
  color: inherit;
}
#mms-release-code .mms-release-code-customer-group .mms-release-code-container a:hover {
  color: #e4aa3f;
}
#mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer {
  display: flex;
  flex-direction: row;
  padding: 0.5em 0;
  border-bottom: thin solid #d8d8d8;
}
#mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer label, #mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer .mms-release-code-section-status {
  cursor: pointer;
}
#mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer-small {
  display: none;
}
#mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer:hover {
  color: #007bff;
}
#mms-release-code .mms-release-code-customer-group .mms-release-code-container .selected {
  background: #c0deff;
}
#mms-release-code .mms-release-code-customer-group .mms-release-code-count {
  margin: 0.2em 1em;
  display: flex;
  flex-direction: row;
  text-align: right;
}
#mms-release-code .mms-release-code-customer-group .mms-release-code-count span {
  flex: 1;
}
@media (max-width: 1000px) {
  #mms-release-code .mms-release-code-customer-group .mms-release-code-header {
    display: none;
  }
  #mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer-small {
    display: flex;
    flex-direction: column;
    padding: 0.5em;
  }
  #mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer-small .mms-release-code-customer-header {
    font-weight: bold;
    border-bottom: thin solid black;
    display: flex;
    flex-direction: row;
  }
  #mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer-small .mms-release-code-customer-header .mms-release-code-section-status {
    margin-bottom: 0.2em;
  }
  #mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer-small .mms-release-code-customer-address {
    padding-left: 22px;
  }
  #mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer-small .fas {
    font-size: 1.1em;
    padding-right: 0.5em;
    width: 22px;
  }
  #mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer-small label {
    margin: 0.2em;
    padding: 0;
    cursor: pointer;
  }
  #mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer-small .mms-release-code-new-delivery {
    margin: 0.5em;
    width: -moz-fit-content;
    width: fit-content;
  }
  #mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer-header:hover {
    cursor: pointer;
    color: #007bff;
  }
  #mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer {
    display: none;
  }
}
@media (max-width: 500px) {
  #mms-release-code .mms-release-code-customer-group .mms-release-code-search {
    flex-direction: column;
  }
  #mms-release-code .mms-release-code-customer-group .mms-release-code-search .mms-release-code-search-section select {
    margin-right: 0;
    margin-bottom: 0.5em;
  }
}
#mms-release-code .mms-release-code-generate-reason-group {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
}
#mms-release-code .mms-release-code-generate-reason-group textarea {
  margin: 0 1em;
  height: 60px;
  max-height: 200px;
  width: unset;
}
#mms-release-code .mms-release-code-generate-reason-group .mms-release-code-generate {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0.5em 0;
}

#mms-route-details {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#mms-route-details .mms-route-details-last-refresh {
  align-self: center;
  text-align: center;
  padding-left: 1em;
  max-width: 10em;
}
#mms-route-details .mms-route-details-header {
  display: flex;
  flex-direction: row;
  margin-left: 1em;
  margin-right: 1em;
}
#mms-route-details .mms-route-details-header .mms-route-status {
  flex: 1;
}
#mms-route-details .mms-route-status {
  text-align: center;
  border-top: thin solid #FFFFFF;
  border-bottom: thin solid #e9ecef;
}
#mms-route-details .mms-route-status label {
  margin: 0.3em;
}
#mms-route-details .mms-lookup-search {
  display: flex;
  flex-direction: row;
  margin: 1em 1em 0 1em;
}
#mms-route-details .mms-lookup-search .mms-lookup-search-route {
  align-self: center;
}
#mms-route-details .mms-lookup-search .form-control {
  flex: 1;
  margin-left: 1em;
}
#mms-route-details .mms-lookup-search .date-picker-date-label {
  align-self: center;
  margin-left: 1em;
  flex: 0.1;
  height: 38px;
  padding: 0.3em 0.3em 0.3em 0.5em;
}
#mms-route-details .mms-lookup-search .date-picker-date-label i {
  margin: 0.3em 0.3em 0.3em 0.5em;
}
#mms-route-details .mms-lookup-header {
  margin: 1em 1em 0;
  background: #ffd29c;
  display: flex;
  flex-direction: row;
  font-weight: bold;
  padding: 0.5em 1em 0.5em 0;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  color: #FFFFFF;
}
@media (max-width: 850px) {
  #mms-route-details .mms-lookup-header {
    display: none;
  }
}
#mms-route-details .mms-lookup-icons {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
#mms-route-details .mms-lookup-icons .mms-lookup-icon-circle {
  border: 1px solid;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  text-align: center;
  padding: 0.25em;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  background: white;
}
#mms-route-details .mms-lookup-icons .mms-lookup-icon-high-priority {
  border-color: red;
  color: red;
}
#mms-route-details .mms-lookup-icons .mms-lookup-icon-high-priority i {
  font-size: 1.5em;
}
#mms-route-details .mms-lookup-icons .mms-lookup-icon-exact-date {
  border-color: black;
  color: #ffed75;
}
#mms-route-details .mms-lookup-header .mms-lookup-section-id, #mms-route-details .mms-lookup-route .mms-lookup-section-id {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-route-details .mms-lookup-header .mms-lookup-stop-number, #mms-route-details .mms-lookup-route .mms-lookup-stop-number {
  flex: 0.5;
  margin: 0;
  padding: 0 0.3em;
}
#mms-route-details .mms-lookup-header .mms-lookup-delivery-name, #mms-route-details .mms-lookup-route .mms-lookup-delivery-name {
  flex: 3;
  margin: 0;
  padding: 0 0.3em;
}
#mms-route-details .mms-lookup-header .mms-lookup-city, #mms-route-details .mms-lookup-route .mms-lookup-city {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-route-details .mms-lookup-header .mms-lookup-state, #mms-route-details .mms-lookup-route .mms-lookup-state {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-route-details .mms-lookup-header .mms-lookup-postal-code, #mms-route-details .mms-lookup-route .mms-lookup-postal-code {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-route-details .mms-lookup-header .mms-lookup-sales, #mms-route-details .mms-lookup-route .mms-lookup-sales {
  flex: 1.5;
  margin: 0;
  padding: 0 0.3em;
}
#mms-route-details .mms-lookup-header .mms-lookup-icons, #mms-route-details .mms-lookup-route .mms-lookup-icons {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-route-details .mms-lookup-container {
  margin: 0 1em;
  overflow-y: scroll;
  flex: 1;
  border: thin solid #ffd29c;
}
@media (max-width: 850px) {
  #mms-route-details .mms-lookup-container {
    margin-top: 1em;
  }
}
#mms-route-details .mms-lookup-container a {
  color: inherit;
}
#mms-route-details .mms-lookup-container a:hover {
  color: #e4aa3f;
}
#mms-route-details .mms-lookup-container .mms-lookup-route {
  display: flex;
  flex-direction: row;
  padding: 0.2em 0;
  border-top: 2px solid;
  border-left: 2px solid;
  border-right: 2px solid;
}
#mms-route-details .mms-lookup-container .mms-lookup-route label {
  cursor: pointer;
}
@media (max-width: 850px) {
  #mms-route-details .mms-lookup-container .mms-lookup-route {
    display: none;
  }
}
@media (max-width: 1300px) {
  #mms-route-details .mms-lookup-container .mms-lookup-route {
    font-size: 0.9em;
  }
}
@media (max-width: 1000px) {
  #mms-route-details .mms-lookup-container .mms-lookup-route {
    font-size: 0.8em;
  }
}
#mms-route-details .mms-lookup-container .mms-lookup-route-small {
  flex-direction: column;
  margin: 0.5em;
  background: white;
  padding: 1em 1em 0 1em;
  border-radius: 0.25em;
  box-shadow: 4px 3px 8px 1px #d8d8d8;
  border-top: 12px solid #d8d8d8;
  display: none;
}
#mms-route-details .mms-lookup-container .mms-lookup-route-small .mms-lookup-section-id {
  font-weight: bold;
  padding-bottom: 0.5em;
  margin-bottom: 0;
}
#mms-route-details .mms-lookup-container .mms-lookup-route-small .mms-lookup-delivery-address {
  margin-bottom: 0;
}
#mms-route-details .mms-lookup-container .mms-lookup-route-small .mms-lookup-city {
  margin-bottom: 0;
}
#mms-route-details .mms-lookup-container .mms-lookup-route-small .mms-lookup-sales {
  margin-bottom: 0;
}
@media (max-width: 850px) {
  #mms-route-details .mms-lookup-container .mms-lookup-route-small {
    display: flex;
  }
}
#mms-route-details .mms-lookup-container .mms-border-stop-default {
  border-color: #008000;
}
#mms-route-details .mms-lookup-container .mms-border-stop-order {
  border-color: #FF0000;
}
#mms-route-details .mms-lookup-container .mms-border-stop-high-priority {
  border-color: #8B0000;
}
#mms-route-details .mms-lookup-container .mms-border-stop-complete {
  border-color: #808080;
}
#mms-route-details .mms-lookup-container .mms-border-stop-skip {
  border-color: #D3D3D3;
}
#mms-route-details .mms-lookup-container .mms-border-stop-off-route {
  border-color: #ADD8E6;
}
#mms-route-details .mms-lookup-container .mms-border-stop-drag {
  border-color: #0000FF;
}
#mms-route-details .mms-lookup-container .mms-border-stop-delivery-skip {
  border-color: #FF4500;
}
#mms-route-details .mms-lookup-container .mms-border-stop-manual-delivery {
  border-color: #FFFF00;
}
#mms-route-details .mms-lookup-container .mms-lookup-route:hover {
  color: #007bff;
}
#mms-route-details .mms-lookup-container .mms-lookup-route-small {
  flex-direction: column;
  margin: 0.5em;
  background: white;
  padding: 0.6em 1em 0 1em;
  border-radius: 0.25em;
  box-shadow: 4px 3px 8px 1px #d8d8d8;
  border-top: 20px solid #d8d8d8;
  display: none;
}
#mms-route-details .mms-lookup-container .mms-lookup-route-small .mms-lookup-section-id {
  font-weight: bold;
  padding-bottom: 0.5em;
  margin-bottom: 0;
}
#mms-route-details .mms-lookup-container .mms-lookup-route-small .mms-lookup-delivery-address {
  margin-bottom: 0;
}
#mms-route-details .mms-lookup-container .mms-lookup-route-small .mms-lookup-city {
  margin-bottom: 0;
}
#mms-route-details .mms-lookup-container .mms-lookup-route-small .mms-lookup-sales {
  margin-bottom: 0;
}
@media (max-width: 850px) {
  #mms-route-details .mms-lookup-container .mms-lookup-route-small {
    display: flex;
  }
}
#mms-route-details .mms-lookup-container .mms-border-stop-default {
  border-color: #008000;
}
#mms-route-details .mms-lookup-container .mms-border-stop-order {
  border-color: #FF0000;
}
#mms-route-details .mms-lookup-container .mms-border-stop-high-priority {
  border-color: #8B0000;
}
#mms-route-details .mms-lookup-container .mms-border-stop-complete {
  border-color: #808080;
}
#mms-route-details .mms-lookup-container .mms-border-stop-skip {
  border-color: #D3D3D3;
}
#mms-route-details .mms-lookup-container .mms-border-stop-off-route {
  border-color: #ADD8E6;
}
#mms-route-details .mms-lookup-container .mms-border-stop-drag {
  border-color: #0000FF;
}
#mms-route-details .mms-lookup-container .mms-border-stop-delivery-skip {
  border-color: #FF4500;
}
#mms-route-details .mms-lookup-container .mms-border-stop-manual-delivery {
  border-color: #FFFF00;
}
#mms-route-details .mms-lookup-container .mms-lookup-route:hover {
  color: #007bff;
}
#mms-route-details .mms-lookup-container .mms-background-stop-default {
  background: #00b300;
}
#mms-route-details .mms-lookup-container .mms-background-stop-order {
  background: #ff3333;
}
#mms-route-details .mms-lookup-container .mms-background-stop-high-priority {
  background: #be0000;
}
#mms-route-details .mms-lookup-container .mms-background-stop-complete {
  background: #9a9a9a;
}
#mms-route-details .mms-lookup-container .mms-background-stop-skip {
  background: #ededed;
}
#mms-route-details .mms-lookup-container .mms-background-stop-off-route {
  background: #d4ebf2;
}
#mms-route-details .mms-lookup-container .mms-background-stop-drag {
  background: #3333ff;
}
#mms-route-details .mms-lookup-container .mms-background-stop-delivery-skip {
  background: #ff6a33;
}
#mms-route-details .mms-lookup-container .mms-background-stop-manual-delivery {
  background: #ffff33;
}
#mms-route-details .mms-lookup-container .mms-lookup-route:hover {
  color: #007bff;
}
#mms-route-details .mms-lookup-container .odd-route {
  background: #f3f3f3;
}
#mms-route-details .mms-lookup-container .mms-lookup-no-data {
  margin: 1em;
}
#mms-route-details .mms-lookup-container-totals {
  height: unset;
  overflow: unset;
  padding-right: 1em;
  font-weight: bold;
}
#mms-route-details .mms-lookup-change-date {
  display: flex;
  flex-direction: row;
}
#mms-route-details .mms-lookup-change-date {
  padding: 1em 1em 0.5em 1em;
}
#mms-route-details .mms-lookup-change-date .btn.btn-link {
  width: -moz-fit-content;
  width: fit-content;
  padding: 0;
  margin: 0;
  text-align: left;
}
#mms-route-details .mms-lookup-change-date .btn.btn-link.right {
  margin-left: auto;
  width: -moz-fit-content;
  width: fit-content;
  text-align: right;
}
#mms-route-details .mms-lookup-change-date .fas.fa-chevron-left {
  padding-right: 0.5em;
}
#mms-route-details .mms-lookup-change-date .fas.fa-chevron-right {
  padding-left: 0.5em;
}

#mms-delivery-details {
  height: 100vh;
}
#mms-delivery-details .mms-delivery-details-information {
  display: flex;
  flex-direction: row;
  padding: 0 1em;
}
#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-information-text {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-route, #mms-delivery-details .mms-delivery-details-information .mms-delivery-details-customer-name {
  flex: 1;
}
#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-customer-name:hover,
#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-customer-address:hover {
  color: #007bff;
  cursor: pointer;
}
#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-header-date-button-wrapper {
  display: flex;
  flex-direction: row;
  padding-left: 1em;
}
#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-header-date-button-wrapper .mms-delivery-details-map, #mms-delivery-details .mms-delivery-details-information .mms-delivery-details-header-date-button-wrapper .mms-delivery-details-contact, #mms-delivery-details .mms-delivery-details-information .mms-delivery-details-header-date-button-wrapper .mms-delivery-details-skip, #mms-delivery-details .mms-delivery-details-information .mms-delivery-details-header-date-button-wrapper .mms-delivery-details-edit {
  width: 2.2em;
  height: 2.2em;
  border: none;
  border-radius: 2em;
  color: white;
  padding: 0.4em;
  margin-left: 0.5em;
  text-align: center;
}
#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-header-date-button-wrapper .mms-delivery-details-map {
  background: #FF8400;
}
#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-header-date-button-wrapper .mms-delivery-details-contact {
  background: #18AC38;
}
#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-header-date-button-wrapper .mms-delivery-details-skip {
  background: #DC3545;
}
#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-header-date-button-wrapper .mms-delivery-details-edit {
  background: #007bff;
}
#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-header-date-button-wrapper .mms-delivery-details-map:hover {
  background: #cc6a00;
  cursor: pointer;
}
#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-header-date-button-wrapper .mms-delivery-details-contact:hover {
  background: #127f29;
  cursor: pointer;
}
#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-header-date-button-wrapper .mms-delivery-details-skip:hover {
  background: #bd2130;
  cursor: pointer;
}
#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-header-date-button-wrapper .mms-delivery-details-edit:hover {
  background: #0062cc;
  cursor: pointer;
}
#mms-delivery-details .mms-delivery-details-header {
  flex-direction: column;
  display: flex;
}
#mms-delivery-details .mms-delivery-details-header .mms-delivery-details-invoice-status {
  text-align: center;
  border-top: thin solid #FFFFFF;
  padding: 0.3em;
}
#mms-delivery-details .mms-delivery-details-header .mms-delivery-details-invoice-date {
  flex: 1;
}
#mms-delivery-details .mms-delivery-details-invoice-header {
  display: flex;
  padding-left: 1em;
  padding-right: 1em;
  flex-direction: column;
}
#mms-delivery-details .mms-delivery-details-invoice-header .mms-delivery-details-route {
  text-align: left;
}
#mms-delivery-details .mms-delivery-details-invoice-header .mms-delivery-details-customer-name {
  text-align: left;
}
#mms-delivery-details .mms-delivery-details-invoice-header .mms-delivery-details-customer-address {
  text-align: left;
}
#mms-delivery-details .mms-delivery-details-invoice-header .mms-delivery-details-table-headers {
  padding: 0.5em 0 0.5em 0;
}
#mms-delivery-details .mms-delivery-details-line-items {
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 1em;
}
#mms-delivery-details .mms-delivery-details-line-items .mms-delivery-details-table-headers {
  padding: 0.5em 1em 0.5em 0;
}
#mms-delivery-details .mms-delivery-details-line-items .mms-delivery-details-table-container {
  overflow-y: scroll;
  height: 30vh;
}
#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-table-headers {
  background: #ffd29c;
  display: flex;
  flex-direction: row;
  font-weight: bold;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  color: #FFFFFF;
}
@media (max-width: 850px) {
  #mms-delivery-details .mms-delivery-details-table .mms-delivery-details-table-headers {
    display: none;
  }
}
#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-table-headers-small {
  background: #ffd29c;
  display: none;
  flex-direction: row;
  font-weight: bold;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  color: #FFFFFF;
}
@media (max-width: 850px) {
  #mms-delivery-details .mms-delivery-details-table .mms-delivery-details-table-headers-small {
    display: flex;
  }
}
#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-table-container {
  border: thin solid #ffd29c;
  border-bottom-right-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
}
#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-table-container div:nth-child(even) {
  background: #f3f3f3;
}
#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-table-row {
  display: flex;
  flex-direction: row;
}
#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-account-number {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-invoice-number {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-invoice-date {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-product-code {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-product-description {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-product-quantity {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-product-price {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-product-total {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-contact-name {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-contact-phone {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-credit-class {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-exact {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-delivery-details .mms-delivery-details-footer {
  display: flex;
  padding-right: 1em;
  flex-direction: column;
}
#mms-delivery-details .mms-delivery-details-footer .mms-delivery-details-footer-row {
  margin-left: auto;
}
#mms-delivery-details .mms-delivery-details-footer .mms-delivery-details-footer-row .mms-delivery-details-footer-title {
  font-weight: bold;
}
#mms-delivery-details .mms-delivery-details-footer .mms-delivery-details-footer-row .mms-delivery-details-footer-number {
  font-weight: bold;
}

#mw-mms-auth-page {
  display: flex;
  align-items: center;
  flex-direction: column;
  background: #e4aa3f;
  min-height: 100vh;
  max-width: 100vw;
  width: 100vw;
  display: -webkit-flex;
}
#mw-mms-auth-page .mw-mms-auth-login {
  display: flex;
  min-width: 300px;
  max-width: 400px;
  background: white;
  padding: 25px;
  border: 1px solid #c8c8c8;
  flex-direction: column;
  margin: auto;
}
#mw-mms-auth-page .mw-mms-page-link {
  background: #e4aa3f;
  color: #FFFFFF;
  padding: 0.2em;
  cursor: pointer;
  width: 100%;
  text-align: center;
  margin: 1em;
  text-decoration: underline;
}
#mw-mms-auth-page .mw-mms-auth-button-label {
  text-align: left;
  width: 100%;
  margin-top: 0.5em;
}
@media (min-width: 500px) {
  #mw-mms-auth-page .mw-mms-auth-button-label {
    text-align: right;
  }
}
#mw-mms-auth-page .mw-mms-auth-button {
  text-align: center;
  background: #e4aa3f;
  color: #FFFFFF;
  padding: 0.375em 0.75em;
  font-size: 1em;
  border-radius: 0.3em;
  border: 1px solid transparent;
  width: 100%;
}
@media (min-width: 500px) {
  #mw-mms-auth-page .mw-mms-auth-button {
    width: 10em;
    margin-left: 0.7em;
  }
}
#mw-mms-auth-page .form-control {
  width: 100%;
}
#mw-mms-auth-page .mw-captcha .form-control {
  display: inline-block;
  width: 35%;
}

#mw-mms-login {
  display: flex;
  min-width: 300px;
  max-width: 400px;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: white;
  flex-direction: column;
}
#mw-mms-login .mw-captcha-image {
  margin: 0;
}
#mw-mms-login .mw-mms-captcha {
  display: flex;
  flex-direction: row;
}
#mw-mms-login .mw-mms-captcha input {
  width: 35%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#mw-mms-login div.form-group {
  margin-bottom: 5px;
}
#mw-mms-login label {
  font-size: 14px;
  color: rgb(75, 75, 75);
  margin: 0.5em 0;
}
#mw-mms-login .mw-mms-input {
  display: flex;
  flex: 1;
}
#mw-mms-login .mw-mms-password {
  display: flex;
  flex-direction: row;
}
#mw-mms-login .mw-mms-form {
  width: 100%;
}
#mw-mms-login .mw-mms-form .mw-mms-login-supervisor-logo {
  margin-left: 25%;
}
#mw-mms-login .mw-mms-form .mw-mms-error {
  color: red;
}
#mw-mms-login .mw-mms-form .btn-link {
  padding: 0.5em 0;
}
#mw-mms-login .mw-mms-sign-in {
  background: #e4aa3f;
  color: #FFFFFF;
  float: right;
  margin-top: 1em;
  width: 100%;
}
@media (min-width: 500px) {
  #mw-mms-login .mw-mms-sign-in {
    width: unset;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
#mw-mms-login .mw-auth-build {
  margin-top: 1em;
  align-self: flex-end;
  font-size: 1.1em;
}
#mw-mms-login .mw-auth-copyright {
  align-self: flex-end;
  font-size: 0.8em;
  margin: 0;
}
#mw-mms-login .mw-auth-copyright i {
  margin-right: 0.3em;
}

.mms-input {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
.mms-input .mms-input-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  min-width: 20em;
}
.mms-input .mms-input-dialog .mms-input-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
}
.mms-input .mms-input-dialog .mms-input-header .mms-input-title {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.2em;
}
.mms-input .mms-input-dialog .mms-input-body-table {
  display: table;
  margin-top: 1em;
  padding: 0.5em;
  overflow: hidden;
  width: 100%;
}
.mms-input .mms-input-dialog .mms-input-body-table .mms-input-body-image {
  width: 5em;
}
.mms-input .mms-input-dialog .mms-input-body-table .mms-input-body-cell {
  display: table-cell;
  vertical-align: middle;
}
.mms-input .mms-input-dialog .mms-input-body-table .mms-input-body-cell .mms-input-image {
  width: 5em;
  height: 5em;
  margin: 0.2em;
}
.mms-input .mms-input-dialog .mms-input-body-table .mms-input-body-cell .mms-input-text-wrapper {
  padding: 0.2em;
  max-height: 60vh;
  overflow: auto;
  display: block;
}
.mms-input .mms-input-dialog .mms-input-body-table .mms-input-body-cell .mms-input-text-wrapper .mms-input-text-block {
  align-self: center;
  text-align: left;
}
.mms-input .mms-input-dialog .mms-input-body-table .mms-input-body-cell .mms-input-text-wrapper .sub-block {
  margin-top: 1em;
}
.mms-input .mms-input-dialog .mms-input-body-table .mms-input-body-cell .mms-input-text-result {
  text-align: center;
}
.mms-input .mms-input-dialog .mms-input-footer-right-align,
.mms-input .mms-input-dialog .mms-input-footer {
  display: flex;
  padding: 0.5em;
  flex-direction: row;
  margin: 1em 0.5em 0.5em 0.5em;
}
.mms-input .mms-input-dialog .mms-input-footer-right-align button,
.mms-input .mms-input-dialog .mms-input-footer button {
  margin-left: 1em;
}
.mms-input .mms-input-dialog .mms-input-footer-right-align {
  justify-content: flex-end;
}
.mms-input .mms-input-dialog .mms-input-footer {
  justify-content: space-between;
}

#mms-color-key {
  height: 100vh;
}
#mms-color-key .mms-color-key-routes,
#mms-color-key .mms-color-key-stops,
#mms-color-key .mms-color-key-flags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#mms-color-key .mms-color-key-routes .mms-color-key-title,
#mms-color-key .mms-color-key-stops .mms-color-key-title,
#mms-color-key .mms-color-key-flags .mms-color-key-title {
  background: #ffd29c;
  color: #FFFFFF;
  padding-left: 1em;
  flex: 100%;
}
#mms-color-key .mms-color-key-routes .mms-color-key-color-wrapper,
#mms-color-key .mms-color-key-stops .mms-color-key-color-wrapper,
#mms-color-key .mms-color-key-flags .mms-color-key-color-wrapper {
  display: flex;
  flex-direction: row;
  flex: 33%;
  margin-bottom: 0.5em;
}
@media (max-width: 1000px) {
  #mms-color-key .mms-color-key-routes .mms-color-key-color-wrapper,
  #mms-color-key .mms-color-key-stops .mms-color-key-color-wrapper,
  #mms-color-key .mms-color-key-flags .mms-color-key-color-wrapper {
    flex: 50%;
  }
}
@media (max-width: 500px) {
  #mms-color-key .mms-color-key-routes .mms-color-key-color-wrapper,
  #mms-color-key .mms-color-key-stops .mms-color-key-color-wrapper,
  #mms-color-key .mms-color-key-flags .mms-color-key-color-wrapper {
    flex: 100%;
  }
}
#mms-color-key .mms-color-key-routes .mms-color-key-color-wrapper .color-key-button,
#mms-color-key .mms-color-key-stops .mms-color-key-color-wrapper .color-key-button,
#mms-color-key .mms-color-key-flags .mms-color-key-color-wrapper .color-key-button {
  width: 2em;
  height: 2em;
  border: 1px solid transparent;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin-left: 1em;
  margin-right: 2em;
  border: 1px solid black;
}
#mms-color-key .mms-color-key-routes .mms-color-key-color-wrapper .mms-color-key-label,
#mms-color-key .mms-color-key-stops .mms-color-key-color-wrapper .mms-color-key-label,
#mms-color-key .mms-color-key-flags .mms-color-key-color-wrapper .mms-color-key-label {
  width: -moz-fit-content;
  width: fit-content;
  flex: 90%;
}

#mms-unscheduled-orders {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#mms-unscheduled-orders .mw-progress-container {
  position: unset;
  width: unset;
}
#mms-unscheduled-orders .mms-unscheduled-orders-date {
  width: 100%;
  padding-right: 1em;
  text-align: right;
}
#mms-unscheduled-orders .mms-unscheduled-order-lookup-search {
  display: flex;
  flex-direction: row;
  margin: 1em;
}
#mms-unscheduled-orders .mms-unscheduled-order-lookup-search .mms-unscheduled-order-lookup-search-section {
  display: flex;
  flex-direction: row;
  flex: 1;
}
#mms-unscheduled-orders .mms-unscheduled-order-lookup-search .mms-unscheduled-order-lookup-search-dropdown {
  margin-right: 1em;
  flex: 1;
  background: #f3f3f3;
}
#mms-unscheduled-orders .mms-unscheduled-order-lookup-search .form-control.mms-unscheduled-order-lookup-search-text {
  margin-right: 0.5em;
  flex: 1;
}
#mms-unscheduled-orders .mms-unscheduled-order-lookup-search .mms-unscheduled-order-lookup-search-button {
  background: #e4aa3f;
  width: 2.2em;
  height: 2.2em;
  border: none;
  border-radius: 2em;
  color: #FFFFFF;
  padding: 0;
}
#mms-unscheduled-orders .mms-unscheduled-order-lookup-search .mms-unscheduled-order-lookup-search-button i {
  margin: auto;
  font-size: 1.25em;
}
#mms-unscheduled-orders .mms-lookup-header {
  margin: 0 1em;
  background: #ffd29c;
  display: flex;
  flex-direction: row;
  font-weight: bold;
  padding: 0.5em 1em 0.5em 0;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  color: #FFFFFF;
}
@media (max-width: 850px) {
  #mms-unscheduled-orders .mms-lookup-header {
    display: none;
  }
}
#mms-unscheduled-orders .mms-lookup-icons {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
#mms-unscheduled-orders .mms-lookup-icons .mms-lookup-icon-circle {
  border: 1px solid;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  text-align: center;
  padding: 0.25em;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  background: white;
}
#mms-unscheduled-orders .mms-lookup-icons .mms-lookup-icon-high-priority {
  border-color: red;
  color: red;
}
#mms-unscheduled-orders .mms-lookup-icons .mms-lookup-icon-high-priority i {
  font-size: 1.5em;
}
#mms-unscheduled-orders .mms-lookup-icons .mms-lookup-icon-exact-date {
  border-color: black;
  color: #ffed75;
}
#mms-unscheduled-orders .mms-lookup-header .mms-lookup-section-id, #mms-unscheduled-orders .mms-lookup-route .mms-lookup-section-id {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-unscheduled-orders .mms-lookup-header .mms-lookup-stop-number, #mms-unscheduled-orders .mms-lookup-route .mms-lookup-stop-number {
  flex: 0.5;
  margin: 0;
  padding: 0 0.3em;
}
#mms-unscheduled-orders .mms-lookup-header .mms-lookup-delivery-name, #mms-unscheduled-orders .mms-lookup-route .mms-lookup-delivery-name {
  flex: 3;
  margin: 0;
  padding: 0 0.3em;
}
#mms-unscheduled-orders .mms-lookup-header .mms-lookup-city, #mms-unscheduled-orders .mms-lookup-route .mms-lookup-city {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-unscheduled-orders .mms-lookup-header .mms-lookup-state, #mms-unscheduled-orders .mms-lookup-route .mms-lookup-state {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-unscheduled-orders .mms-lookup-header .mms-lookup-postal-code, #mms-unscheduled-orders .mms-lookup-route .mms-lookup-postal-code {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-unscheduled-orders .mms-lookup-header .mms-lookup-sales, #mms-unscheduled-orders .mms-lookup-route .mms-lookup-sales {
  flex: 1.5;
  margin: 0;
  padding: 0 0.3em;
}
#mms-unscheduled-orders .mms-lookup-header .mms-lookup-icons, #mms-unscheduled-orders .mms-lookup-route .mms-lookup-icons {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-unscheduled-orders .mms-lookup-container {
  margin: 0 1em;
  overflow-y: scroll;
  flex: 1;
  border: thin solid #ffd29c;
}
@media (max-width: 850px) {
  #mms-unscheduled-orders .mms-lookup-container {
    margin-top: 1em;
  }
}
#mms-unscheduled-orders .mms-lookup-container a {
  color: inherit;
}
#mms-unscheduled-orders .mms-lookup-container a:hover {
  color: #e4aa3f;
}
#mms-unscheduled-orders .mms-lookup-container .mms-lookup-route {
  display: flex;
  flex-direction: row;
  padding: 0.5em 0;
  border-bottom: thin solid #d8d8d8;
}
#mms-unscheduled-orders .mms-lookup-container .mms-lookup-route label {
  cursor: pointer;
}
@media (max-width: 850px) {
  #mms-unscheduled-orders .mms-lookup-container .mms-lookup-route {
    display: none;
  }
}
@media (max-width: 1300px) {
  #mms-unscheduled-orders .mms-lookup-container .mms-lookup-route {
    font-size: 0.9em;
  }
}
@media (max-width: 1000px) {
  #mms-unscheduled-orders .mms-lookup-container .mms-lookup-route {
    font-size: 0.8em;
  }
}
#mms-unscheduled-orders .mms-lookup-container .mms-lookup-route-small {
  display: none;
  flex-direction: column;
  padding: 1em;
  border-bottom: thin solid #c8c8c8;
}
#mms-unscheduled-orders .mms-lookup-container .mms-lookup-route-small .mms-lookup-section-id {
  font-weight: bold;
  border-bottom: 1px solid black;
  padding-bottom: 0.5em;
  margin-bottom: 0;
}
#mms-unscheduled-orders .mms-lookup-container .mms-lookup-route-small .mms-lookup-delivery-address {
  margin-bottom: 0;
}
#mms-unscheduled-orders .mms-lookup-container .mms-lookup-route-small .mms-lookup-city {
  margin-bottom: 0;
}
#mms-unscheduled-orders .mms-lookup-container .mms-lookup-route-small .mms-lookup-sales {
  margin-bottom: 0;
}
@media (max-width: 850px) {
  #mms-unscheduled-orders .mms-lookup-container .mms-lookup-route-small {
    display: flex;
  }
}
#mms-unscheduled-orders .mms-lookup-container .mms-lookup-route:hover {
  color: #007bff;
  background: #f3f3f3;
}
#mms-unscheduled-orders .mms-unscheduled-order-record-count {
  margin: 0.5em 1em 1em 1em;
}
@media (max-width: 500px) {
  #mms-unscheduled-orders .mms-unscheduled-orders-lookup-search {
    flex-direction: column;
    margin-bottom: 0;
  }
  #mms-unscheduled-orders .mms-unscheduled-orders-lookup-search select {
    margin-bottom: 0.5em;
  }
}

.mms-schedule-order {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
.mms-schedule-order .fc-nextYear-button, .mms-schedule-order .fc-prevYear-button {
  display: none;
}
.mms-schedule-order .mms-schedule-order-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  min-width: 600px;
  max-width: 35em;
  max-height: 98%;
  display: flex;
  flex-direction: column;
}
.mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-header {
  background: #e4aa3f;
  color: #FFFFFF;
  text-align: center;
  flex: 0 0 auto;
}
.mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-header .mms-schedule-order-title {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.2em;
}
.mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
.mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-body .mms-schedule-order-route-wrapper {
  display: flex;
  flex-direction: column;
  margin: 1em;
  flex: 0 0 auto;
}
.mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-body .mms-schedule-order-route-wrapper .mms-schedule-order-today-date {
  padding-top: 0.5em;
  text-align: center;
}
.mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-body .mms-schedule-order-route-wrapper .mms-schedule-order-today-date-small {
  display: none;
}
@media (max-height: 750px) {
  .mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-body .mms-schedule-order-route-wrapper {
    flex-direction: row;
  }
  .mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-body .mms-schedule-order-route-wrapper .mms-lookup-search-route,
  .mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-body .mms-schedule-order-route-wrapper .mms-schedule-order-today-date-small {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    padding: 0 0.4em;
    margin: 0;
  }
  .mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-body .mms-schedule-order-route-wrapper .mms-lookup-search-select {
    flex: 1;
  }
  .mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-body .mms-schedule-order-route-wrapper .mms-schedule-order-today-date {
    display: none;
  }
}
.mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-body .mms-schedule-order-body-delivery-calendar {
  padding: 0.5em;
  overflow: auto;
}
.mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-body-extra {
  display: flex;
  justify-content: center;
}
@media (min-height: 750px) {
  .mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-body-extra {
    display: none;
  }
}
.mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-body-extra i {
  font-size: 1.5em;
  color: #e4aa3f;
}
.mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-footer {
  display: flex;
  flex-direction: row;
  margin: 0.5em;
  float: right;
  flex: 0 0 auto;
  justify-content: flex-end;
}
.mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-footer .btn {
  margin-left: 0.5em;
}
@media (max-width: 700px) {
  .mms-schedule-order .mms-schedule-order-dialog {
    min-width: 100%;
    max-width: 100%;
  }
}

#mms-about {
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#mms-about .mms-about-wrapper {
  display: flex;
  flex-direction: column;
  border: 1px solid black;
  align-self: center;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.5em;
  padding: 1em;
  margin: auto;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
}
#mms-about .mms-about-wrapper .mms-about-header {
  display: flex;
  flex-direction: row;
}
#mms-about .mms-about-wrapper .mms-about-bold {
  font-weight: bold;
}
#mms-about .mms-about-wrapper .mms-about-copyright {
  font-weight: bold;
}

#mms-truck-tracking {
  height: 100vh;
  width: 100vw;
}
#mms-truck-tracking .mms-truck-tracking-here-maps {
  height: 100%;
  width: 100%;
}
#mms-truck-tracking .here-maps-info-bubble-row {
  display: flex;
  flex-direction: row;
  width: 20em;
}
#mms-truck-tracking .here-maps-info-bubble-row .here-maps-info-bubble-title {
  font-weight: bold;
  margin: 0;
  margin-right: 0.2em;
}
#mms-truck-tracking .here-maps-info-bubble-row .here-maps-info-bubble-text {
  margin: 0;
}

#mms-plot-stops {
  height: 100vh;
  width: 100vw;
}
#mms-plot-stops .mms-plot-stops-here-maps {
  height: 100%;
  width: 100%;
}
#mms-plot-stops .here-maps-info-bubble-row {
  display: flex;
  flex-direction: row;
  width: 20em;
}
#mms-plot-stops .here-maps-info-bubble-row .here-maps-info-bubble-title {
  font-weight: bold;
  margin: 0;
  margin-right: 0.2em;
}
#mms-plot-stops .here-maps-info-bubble-row .here-maps-info-bubble-text {
  margin: 0;
}

.date-picker-wrapper {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.date-picker-wrapper .date-picker-hidden-input {
  height: 24px;
  font-size: 999em;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  cursor: pointer;
}
.date-picker-wrapper .date-picker-date-label {
  border: 1px solid #ced4da;
  border-radius: 0.25em;
  cursor: pointer;
  color: #495057;
}
.date-picker-wrapper .date-picker-date-label-hover {
  color: #007bff;
  border-color: #007bff;
  cursor: pointer;
}

#mms-notes {
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#mms-notes .mms-notes-header {
  margin-top: 0.5em;
  text-align: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  color: #6b6b6b;
  border-bottom: thin solid #e3e3e3;
  flex: 1;
}
#mms-notes .mms-notes-header .mms-notes-header-name {
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
#mms-notes .mms-notes-container {
  overflow-y: auto;
  flex: 10;
}
#mms-notes .mms-notes-container .mms-notes-user, #mms-notes .mms-notes-container .mms-notes-driver {
  margin: 0.5em 1em;
  border-radius: 0.25em;
  padding: 0.3em;
}
#mms-notes .mms-notes-container .mms-notes-user .mms-notes-note-header .mms-notes-name, #mms-notes .mms-notes-container .mms-notes-driver .mms-notes-note-header .mms-notes-name {
  font-weight: bold;
}
#mms-notes .mms-notes-container .mms-notes-user .mms-notes-note-header .mms-notes-time, #mms-notes .mms-notes-container .mms-notes-driver .mms-notes-note-header .mms-notes-time {
  font-size: 0.8em;
}
#mms-notes .mms-notes-container .mms-notes-user .mms-notes-note-header .mms-notes-time, #mms-notes .mms-notes-container .mms-notes-driver .mms-notes-note-header .mms-notes-time {
  font-size: 0.8em;
  color: #495057;
}
#mms-notes .mms-notes-container .mms-notes-user .mms-notes-note-header label, #mms-notes .mms-notes-container .mms-notes-driver .mms-notes-note-header label {
  margin: 0;
}
#mms-notes .mms-notes-container .mms-notes-user label, #mms-notes .mms-notes-container .mms-notes-driver label {
  margin: 0;
}
#mms-notes .mms-notes-container .mms-notes-user {
  background: #e3e3e3;
}
#mms-notes .mms-notes-input {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  margin: 1em;
}
#mms-notes .mms-notes-input .mms-notes-send {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  align-self: flex-end;
  background: transparent;
  border: none;
  color: #007bff;
  font-size: 2em;
}

#mms-truck-status {
  height: 100vh;
  overflow: hidden;
}
#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-header {
  flex-direction: row;
  display: flex;
  margin: 1em;
}
#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-header .mms-route-status {
  flex: 1;
}
#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-route {
  margin-left: 1em;
}
#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-information-wrapper {
  display: flex;
  flex-direction: row;
  margin: 1em 1em 0;
}
@media (max-width: 400px) {
  #mms-truck-status .mms-truck-status-wrapper .mms-truck-status-information-wrapper {
    flex-direction: column;
  }
}
#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-information-wrapper .mms-truck-status-information-column {
  display: flex;
  flex-direction: column;
  flex: 0 0 50%;
}
#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-information-wrapper .mms-truck-status-information-column .mms-truck-status-infromation-row {
  display: flex;
  flex-direction: row;
}
#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-information-wrapper .mms-truck-status-information-column .mms-truck-status-infromation-row .mms-truck-status-information-title {
  font-weight: bold;
  flex: 0 0 50%;
}
#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-information-wrapper .mms-truck-status-information-column .mms-truck-status-infromation-row .mms-truck-status-information-data {
  flex: 0 0 50%;
}
#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper {
  margin: 1em 1em 0;
}
#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-header {
  background: #808080;
  display: flex;
  flex-direction: row;
  font-weight: bold;
  padding: 0.5em 1em 0.5em 0;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  color: #FFFFFF;
}
@media (max-width: 850px) {
  #mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-header .mms-truck-status-load-id,
  #mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-header .mms-truck-status-load-description {
    display: none;
  }
}
#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-container {
  border: 1px solid black;
  border-top: unset;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  padding-bottom: 0.5em;
}
#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-container > div:nth-child(even) {
  background: lightgray;
}
#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-container > div {
  padding-right: 1em;
}
#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-container .mms-truck-status-load-route {
  display: flex;
  flex-direction: row;
  padding: 0.2em 0;
}
@media (max-width: 850px) {
  #mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-container .mms-truck-status-load-route {
    display: none;
  }
}
#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-container .mms-truck-status-load-small-wrapper {
  display: none;
}
@media (max-width: 850px) {
  #mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-container .mms-truck-status-load-small-wrapper {
    display: flex;
    flex-direction: column;
  }
}
#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-route-small {
  display: flex;
  flex-direction: row;
  padding: 0.2em 0;
}
#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-id {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-description {
  flex: 3;
  margin: 0;
  padding: 0 0.3em;
}
#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-loaded {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-sold {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-available {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-committed {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
#mms-truck-status .mms-truck-status-no-data {
  margin-left: 1em;
}

#mms-profiles {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 1em;
}
#mms-profiles .mms-profiles-description {
  display: flex;
  flex: 1;
  padding: 0 0.5em;
  overflow: hidden;
}
#mms-profiles .mms-profiles-header, #mms-profiles .mms-profiles-header-small {
  background: #ffd29c;
  display: flex;
  flex-direction: row;
  font-weight: bold;
  padding: 0.5em 0;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  color: #FFFFFF;
}
#mms-profiles .mms-profiles-header-small {
  display: none;
}
#mms-profiles .mms-profiles-details {
  flex: 1;
  display: flex;
  flex-direction: column;
  border: thin solid #ffd29c;
  border-bottom-right-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
  overflow: auto;
}
#mms-profiles .mms-profiles-details .mms-profiles-row {
  display: flex;
  flex-direction: row;
  padding: 0.2em 0;
  border-bottom: thin solid #c8c8c8;
  max-height: 32px;
  min-height: 32px;
}
#mms-profiles .mms-profiles-details .mms-profiles-row:hover {
  cursor: pointer;
}
#mms-profiles .mms-profiles-details .selected {
  background: #c0deff;
}
#mms-profiles .mms-profiles-toolbar {
  margin: 0.5em 0;
  text-align: right;
}
@media (max-width: 700px) {
  #mms-profiles .mms-profiles-body {
    font-size: 0.9em;
  }
  #mms-profiles .mms-profiles-body .mms-profiles-details {
    height: 70vh;
  }
}
@media (max-width: 600px) {
  #mms-profiles .mms-profiles-body {
    font-size: 0.9em;
  }
  #mms-profiles .mms-profiles-body .mms-profiles-header {
    display: none;
  }
  #mms-profiles .mms-profiles-body .mms-profiles-header-small {
    display: flex;
  }
}

.mms-create-profile {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
.mms-create-profile .mms-create-profile-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #e4aa3f;
  border-radius: 0.3em;
  min-width: 500px;
  max-width: 500px;
  max-height: 80%;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-header {
  background: #e4aa3f;
  text-align: center;
}
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-header .mms-create-profile-title {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.2em;
  color: #FFFFFF;
}
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-modify-profile {
  flex-direction: column;
  overflow-y: auto;
  padding: 1em;
}
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-modify-profile .mms-create-profile-filter-column {
  display: flex;
  flex-direction: column;
}
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-modify-profile .mms-create-profile-description-row {
  margin-bottom: 2em;
}
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-modify-profile .mms-create-profile-description-row,
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-modify-profile .mms-create-profile-filter-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-modify-profile .mms-create-profile-description-row .mms-drop-down-checkbox-wrapper,
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-modify-profile .mms-create-profile-filter-row .mms-drop-down-checkbox-wrapper {
  background: white;
  color: black;
  border-color: #c3d4da;
}
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-modify-profile .mms-create-profile-filter-checkbox {
  display: flex;
  flex-direction: row;
  margin: 0.5em 0;
}
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-modify-profile label {
  color: black;
  margin: 0;
  color: black;
  margin: 0;
  font-size: 1em;
  padding: 0;
  flex: 1;
  margin-bottom: 0.3em;
}
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-modify-profile .mms-create-profile-drop-down-checkbox {
  flex: 2;
}
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles {
  display: flex;
  flex-direction: column;
  border: thin solid #008080;
  border-radius: 0.5em;
}
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-header {
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  font-weight: bold;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  background: #ffd29c;
  padding: 0.3em;
}
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-details {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 30em;
  overflow: auto;
  margin-bottom: 1em;
  padding: 0.3em;
}
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-details .mms-create-profile-available-profiles-details-row {
  color: black;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-details .mms-create-profile-available-profiles-details-row:hover {
  color: #007bff;
}
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-description {
  flex: 2;
}
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-owner {
  flex: 1;
}
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-branch,
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-route,
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-route-type,
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-field-skills {
  flex: 1;
}
@media (max-width: 750px) {
  .mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-branch,
  .mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-route,
  .mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-route-type,
  .mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-field-skills {
    display: none;
  }
}
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-footer {
  margin-top: 1em;
  padding: 0.5em;
  float: right;
}
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-footer .mms-create-profile-button {
  min-width: 2em;
  min-height: 2em;
}
@media (max-width: 600px) {
  .mms-create-profile .mms-create-profile-dialog {
    min-width: 98%;
    max-width: 98%;
  }
}

.mms-drop-down-checkbox {
  cursor: pointer;
}
.mms-drop-down-checkbox .fade-enter-active, .mms-drop-down-checkbox .fade-leave-active {
  transition: opacity 0.5s;
}
.mms-drop-down-checkbox .fade-enter, .mms-drop-down-checkbox .fade-leave-to {
  opacity: 0;
}
.mms-drop-down-checkbox .mms-drop-down-checkbox-error-message {
  position: absolute;
  z-index: 100;
  padding: 8px;
  font-size: 0.9em;
  color: #FFFFFF;
  border-radius: 10px;
  background: linear-gradient(#e4aa3f, #ffd29c);
  margin-top: 1em;
}
.mms-drop-down-checkbox .mms-drop-down-checkbox-error-message:after {
  top: -19px;
  right: 170px;
  bottom: auto;
  left: auto;
  border-width: 20px 20px 0 0;
  border-color: transparent #e4aa3f;
  content: "";
  position: absolute;
  border-style: solid;
  display: block;
  width: 0;
}
.mms-drop-down-checkbox .mms-drop-down-checkbox-wrapper {
  position: relative;
  color: #FFFFFF;
  width: 100%;
  border-radius: 5px;
}
.mms-drop-down-checkbox .mms-drop-down-checkbox-text-wrapper {
  display: flex;
  flex-direction: row;
  padding: 0.2em;
  min-height: 32px;
}
.mms-drop-down-checkbox .mms-drop-down-checkbox-text {
  max-height: 1.5em;
  overflow: hidden;
}
.mms-drop-down-checkbox .fa-chevron-down {
  align-self: center;
  margin-left: auto;
}
.mms-drop-down-checkbox .mms-drop-down-checkbox-wrapper, .mms-drop-down-checkbox .mms-drop-down-checkbox-wrapper .mms-drop-down-checkbox-list {
  border: 1px solid #FFFFFF;
  background: #ffd29c;
  padding: 0.2em 0.5em;
  height: 100%;
}
.mms-drop-down-checkbox .btn.mms-drop-down-checkbox-select-all {
  color: white;
  flex: 1;
  margin: 0;
  padding: 0;
  font-size: 1em;
  background: inherit;
  border: none;
  text-align: inherit;
}
.mms-drop-down-checkbox .mms-drop-down-checkbox-wrapper .mms-drop-down-checkbox-list {
  position: absolute;
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0;
  left: 0;
  height: auto;
  border-color: #FFFFFF;
  overflow: auto;
  max-height: 25em;
  background-clip: padding-box;
  z-index: 100;
}
.mms-drop-down-checkbox .mms-drop-down-checkbox-wrapper .mms-drop-down-checkbox-list.pop-above {
  bottom: 100%;
}
.mms-drop-down-checkbox .mms-drop-down-checkbox-list-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.3em;
}
.mms-drop-down-checkbox .mms-drop-down-checkbox-list-item .mms-drop-down-checkbox-wrapper .mw-checkbox {
  float: left;
}
.mms-drop-down-checkbox .mms-drop-down-checkbox-list-item .mms-drop-down-checkbox-display-column-group {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0;
  padding: 0;
}
.mms-drop-down-checkbox .mms-drop-down-checkbox-list-item .mms-drop-down-checkbox-display-column-group .mms-drop-down-checkbox-display-column {
  flex: 1;
  margin: 0;
  padding: 0;
  font-size: 1em;
}
.mms-drop-down-checkbox .mms-drop-down-checkbox-wrapper .mms-drop-down-checkbox-list-item:nth-child(n+2) {
  border-top: 1px solid silver;
}

.mfs-button-toggle .mfs-button-toggle-wrapper {
  background: #f3f3f3;
  color: #e4aa3f;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0.5em;
}
.mfs-button-toggle .mfs-button-toggle-wrapper .mfs-button-toggle-button {
  background: #FFFFFF;
  border-bottom: thin solid #6c757d;
  border-top: thin solid #6c757d;
  border-right: thin solid #6c757d;
  border-radius: unset;
  font-weight: bold;
}
.mfs-button-toggle .mfs-button-toggle-wrapper .mfs-button-toggle-button.mfs-button-toggle-button-selected {
  background: #e4aa3f;
  color: #FFFFFF;
  border: none;
}
.mfs-button-toggle .mfs-button-toggle-wrapper .mfs-button-toggle-button:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.mfs-button-toggle .mfs-button-toggle-wrapper .mfs-button-toggle-button:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-left: thin solid #6c757d;
}
.mfs-button-toggle .mfs-button-toggle-wrapper .mfs-button-toggle-button:hover {
  background: #e6e6e6;
}
.mfs-button-toggle .mfs-button-toggle-wrapper .mfs-button-toggle-button-selected:hover {
  background: #d2931e;
}

.form-control.time-input {
  display: flex;
  flex-direction: row;
  width: -moz-min-content;
  width: min-content;
}
.form-control.time-input .time-input-field {
  width: 5em;
  padding: 0;
  border-width: initial;
  border-style: initial;
  border-color: initial;
  -o-border-image: initial;
     border-image: initial;
  outline: none;
}
.form-control.time-input .time-input-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.mfs-sales-manager {
  display: flex;
}
.mfs-sales-manager .mfs-sales-manager-console {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 0;
  transition: width 1s;
  border-right: solid 1px #ffd29c;
}
.mfs-sales-manager .mfs-sales-manager-console .toggle-close {
  display: none;
}
@media (max-width: 500px) {
  .mfs-sales-manager .mfs-sales-manager-console .toggle-close {
    display: flex;
  }
}
.mfs-sales-manager .mfs-sales-manager-console.console-open {
  width: 20em;
}
@media (max-width: 500px) {
  .mfs-sales-manager .mfs-sales-manager-console.console-open {
    width: 100%;
  }
}
.mfs-sales-manager .mfs-sales-manager-console.console-open .mfs-sales-manager-filters {
  overflow: auto;
  display: flex;
  flex: 1;
}
.mfs-sales-manager .mfs-sales-manager-console .mfs-sales-manager-options {
  display: flex;
  flex-direction: column;
  padding: 0.6em 0.6em 0.2em 0.6em;
}
.mfs-sales-manager .mfs-sales-manager-console .mfs-sales-manager-options .mfs-sales-manager-options-date {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mfs-sales-manager .mfs-sales-manager-console .mfs-sales-manager-options .mfs-sales-manager-options-date .mfs-sales-manager-date-label {
  margin-bottom: 0;
  margin-right: 0.6em;
}
.mfs-sales-manager .mfs-sales-manager-console .mfs-sales-manager-options .mfs-sales-manager-options-date .mfs-sales-manager-date-input {
  flex: 1;
}
.mfs-sales-manager .mfs-sales-manager-console .mfs-sales-manager-options .mfs-sales-manager-options-checkbox {
  margin-top: 0.4em;
  margin-bottom: 0;
  padding-left: 2.6em;
  display: flex;
  align-items: center;
}
.mfs-sales-manager .mfs-sales-manager-console .mfs-sales-manager-options .btn {
  margin-top: 0.4em;
}
.mfs-sales-manager .mfs-sales-manager-console .mfs-sales-manager-options .mfs-sales-manager-options-no-data-found {
  margin-bottom: 0;
  margin-top: 0.4em;
  display: flex;
  justify-content: center;
  font-weight: bold;
  color: red;
}
.mfs-sales-manager .mfs-sales-manager-console .mfs-sales-manager-options .mfs-sales-manager-options-end {
  margin-top: 0.4em;
  border-bottom: solid 4px #e4aa3f;
}
.mfs-sales-manager .mfs-sales-manager-console .mfs-sales-manager-filters {
  flex-direction: column;
  padding: 0.2em 0.6em 0.6em 0.6em;
  overflow: hidden;
  display: none;
}
.mfs-sales-manager .mfs-sales-manager-console .mfs-sales-manager-filters .mfs-sales-manager-filter {
  margin-bottom: 0.6em;
}
.mfs-sales-manager .mfs-sales-manager-console .mfs-routes .mms-drop-down-checkbox-display-column-group {
  flex-direction: column;
  align-items: flex-start;
}
.mfs-sales-manager .mfs-sales-manager-console .mfs-prospect-source-codes .mms-drop-down-checkbox-display-column-group .mms-drop-down-checkbox-display-column:first-child,
.mfs-sales-manager .mfs-sales-manager-console .mfs-prospect-status-codes .mms-drop-down-checkbox-display-column-group .mms-drop-down-checkbox-display-column:first-child,
.mfs-sales-manager .mfs-sales-manager-console .mfs-prospect-class-codes .mms-drop-down-checkbox-display-column-group .mms-drop-down-checkbox-display-column:first-child,
.mfs-sales-manager .mfs-sales-manager-console .mfs-prospect-close-time-codes .mms-drop-down-checkbox-display-column-group .mms-drop-down-checkbox-display-column:first-child,
.mfs-sales-manager .mfs-sales-manager-console .mfs-prospect-follow-up-codes .mms-drop-down-checkbox-display-column-group .mms-drop-down-checkbox-display-column:first-child,
.mfs-sales-manager .mfs-sales-manager-console .mfs-prospect-funnel-codes .mms-drop-down-checkbox-display-column-group .mms-drop-down-checkbox-display-column:first-child,
.mfs-sales-manager .mfs-sales-manager-console .mfs-prospect-existing-supplier-codes .mms-drop-down-checkbox-display-column-group .mms-drop-down-checkbox-display-column:first-child,
.mfs-sales-manager .mfs-sales-manager-console .mfs-prospect-loss-reason-codes .mms-drop-down-checkbox-display-column-group .mms-drop-down-checkbox-display-column:first-child,
.mfs-sales-manager .mfs-sales-manager-console .mfs-prospect-target-items-codes .mms-drop-down-checkbox-display-column-group .mms-drop-down-checkbox-display-column:first-child,
.mfs-sales-manager .mfs-sales-manager-console .mfs-prospect-user-defined-codes .mms-drop-down-checkbox-display-column-group .mms-drop-down-checkbox-display-column:first-child,
.mfs-sales-manager .mfs-sales-manager-console .mfs-prospect-visit-codes .mms-drop-down-checkbox-display-column-group .mms-drop-down-checkbox-display-column:first-child {
  flex: 0.5;
}
.mfs-sales-manager .mfs-sales-manager-console .mfs-sales-manager-options-close-wrapper {
  display: none;
  justify-content: flex-end;
  margin-bottom: 0.2em;
  flex: 0;
}
.mfs-sales-manager .mfs-sales-manager-console .mfs-sales-manager-options-close-wrapper .toggle-close-text {
  margin-left: 0.2em;
}
@media (max-width: 500px) {
  .mfs-sales-manager .mfs-sales-manager-console .mfs-sales-manager-options-close-wrapper {
    display: flex;
  }
}
.mfs-sales-manager .mfs-sales-manager-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 500px) {
  .mfs-sales-manager .mfs-sales-manager-content.console-open .mfs-sales-manager-map-container .mfs-sales-manager-console-expand {
    display: none;
  }
}
@media (max-width: 500px) {
  .mfs-sales-manager .mfs-sales-manager-content.console-open .mfs-sales-manager-prospect-activity {
    display: none;
  }
}
.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-map-container {
  display: flex;
  position: relative;
  flex: 1;
}
.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-map-container .mfs-sales-manager-console-expand {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 100;
  height: 5em;
  display: flex;
  width: 2em;
  align-items: center;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  justify-content: center;
  transition: left 1s;
  border: solid 1px #ffd29c;
  border-left: initial;
}
.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-map-container .mfs-sales-manager-map {
  width: 100%;
  height: 100%;
}
.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity {
  max-height: 40%;
  display: flex;
  flex-direction: column;
}
.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .activity-time {
  flex: 1;
  margin: 0;
  padding: 0 0.3em;
}
.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .activity-name {
  flex: 2;
  margin: 0;
  padding: 0 0.3em;
}
.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .activity-address {
  flex: 5;
  margin: 0;
  padding: 0 0.3em;
}
.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .activity-visit-reason {
  flex: 2;
  margin: 0;
  padding: 0 0.3em;
}
.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .activity-more-details {
  width: 6em;
  margin: 0;
  padding: 0 0.3em;
  text-align: center;
  display: flex;
  justify-content: space-evenly;
}
.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .activity-more-details .fas {
  font-size: 1.5em;
}
.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .activity-more-details .fa-sticky-note,
.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .activity-more-details .fa-info-circle {
  cursor: pointer;
  color: #495057;
}
.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .activity-more-details .fa-sticky-note:hover,
.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .activity-more-details .fa-info-circle:hover {
  color: #007bff;
  background: #f3f3f3;
}
.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .activity-more-details .fa-map-marker {
  color: gray;
}
.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .activity-more-details .fa-map-marker.mapped {
  color: turquoise;
}
.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .mfs-sales-manager-prospect-activity-header {
  flex: 0;
  background: #ffd29c;
  display: flex;
  flex-direction: row;
  padding: 0.2em 0 0.2em 0;
  border-top-right-radius: 0.25em;
  border-top-left-radius: 0.25em;
  color: #FFFFFF;
}
.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .mfs-sales-manager-prospect-activity-container {
  flex: 1;
  overflow-y: auto;
  border: thin solid #ffd29c;
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
  display: flex;
  flex-direction: column;
  flex: 1;
  color: #495057;
  background: #f3f3f3;
}
.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .mfs-sales-manager-prospect-activity-container .mfs-sales-manager-prospect-activity-row {
  display: flex;
  flex-direction: row;
  padding: 0.5em 0;
  border-bottom: thin solid #d8d8d8;
  background: white;
}
.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .mfs-sales-manager-prospect-activity-container .mfs-sales-manager-prospect-activity-row label {
  cursor: pointer;
  align-self: center;
}
.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .mfs-sales-manager-prospect-activity-container .mfs-sales-manager-prospect-activity-row:hover {
  color: #007bff;
  background: #f3f3f3;
}
.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .mfs-sales-manager-prospect-activity-container .mfs-sales-manager-prospect-activity-no-visit-data {
  display: flex;
  padding: 2em;
}
.mfs-sales-manager .here-maps-info-bubble-row {
  display: flex;
  flex-direction: row;
  width: 20em;
}
.mfs-sales-manager .here-maps-info-bubble-row .here-maps-info-bubble-title {
  font-weight: bold;
  margin: 0;
  margin-right: 0.2em;
}
.mfs-sales-manager .here-maps-info-bubble-row .here-maps-info-bubble-text {
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.mfs-sales-manager .here-maps-info-bubble-row .here-maps-info-bubble-button {
  margin-top: 0.2em;
  font-size: 14px;
  margin-right: 0.6em;
}

.mw-mango-doc-viewer {
  width: 100%;
}
@media (max-width: 1000px) {
  .mw-mango-doc-viewer {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.mw-mango-doc-viewer .mw-progress-loading-bar {
  margin-top: 1em;
}
.mw-mango-doc-viewer .marker {
  display: flex;
  flex-direction: column;
  position: fixed;
  left: 0;
  top: 0;
}
.mw-mango-doc-viewer .marker.required span {
  color: #FFFF00;
}
.mw-mango-doc-viewer .marker span {
  position: absolute;
  top: 0.2em;
  left: 0.3em;
  font-size: 1.74em;
  color: #FF8800;
}
.mw-mango-doc-viewer .marker.hide {
  visibility: hidden;
}
.mw-mango-doc-viewer .marker .button-panel {
  display: flex;
  flex-direction: row;
}
.mw-mango-doc-viewer .marker .button-panel button {
  flex: 1;
  margin: 0.3em;
}
.mw-mango-doc-viewer .marker .button-panel .hide {
  visibility: hidden;
}
.mw-mango-doc-viewer .docmargins {
  background: #585858;
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}
.mw-mango-doc-viewer .docmargins .document-layout {
  background: #FFFFFF;
  width: 8.27in;
  padding-top: 0.4in;
  padding-right: 0.3in;
  padding-left: 0.3in;
  overflow-x: auto;
  margin: 1em 10em 5em 10em;
}
.mw-mango-doc-viewer .document table {
  width: 100%;
  table-layout: fixed;
  overflow-wrap: break-word;
}
.mw-mango-doc-viewer .document input {
  border: gray 1px inset;
}
.mw-mango-doc-viewer .document .mango-doc-control:not(.save).checkbox.required {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.074), 0 0 8px rgba(255, 0, 0, 0.9);
}
.mw-mango-doc-viewer .document .mango-doc-control:not(.save).required select,
.mw-mango-doc-viewer .document .mango-doc-control:not(.save).required textarea,
.mw-mango-doc-viewer .document .mango-doc-control:not(.save).required input {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.074), 0 0 8px rgba(255, 0, 0, 0.9);
}
.mw-mango-doc-viewer .document .mango-doc-control:not(.save).required select {
  background: white;
}
.mw-mango-doc-viewer .document .mango-doc-control:not(.save).initials.required a,
.mw-mango-doc-viewer .document .mango-doc-control:not(.save).initials.required span, .mw-mango-doc-viewer .document .mango-doc-control:not(.save).signature.required a,
.mw-mango-doc-viewer .document .mango-doc-control:not(.save).signature.required span, .mw-mango-doc-viewer .document .mango-doc-control:not(.save).draw.required a,
.mw-mango-doc-viewer .document .mango-doc-control:not(.save).draw.required span {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.074), 0 0 8px rgba(255, 0, 0, 0.9);
  margin: 0.3em 0;
}
.mw-mango-doc-viewer .document .signature {
  display: flex;
}
.mw-mango-doc-viewer .document .signature .link {
  background: #ffff74;
  padding: 3em 0.1em 0 0.1em;
  display: inline-block;
  text-decoration: none;
  flex: 1;
  width: 100%;
}
.mw-mango-doc-viewer .document .signature img {
  height: 7em;
  flex: 1;
  width: 100%;
}
.mw-mango-doc-viewer .document .signature.size2 .link {
  padding: 5em 0 0 0;
}
.mw-mango-doc-viewer .document .signature.size2 img {
  height: 11em;
}
.mw-mango-doc-viewer .document .signature.size3 .link {
  padding: 7em 0 0 0;
}
.mw-mango-doc-viewer .document .signature.size3 img {
  height: 15em;
}
.mw-mango-doc-viewer .document .signature.save .link {
  background: #ffffff;
  padding: 0;
  text-decoration: none;
}
.mw-mango-doc-viewer .document .signature .signature-sign {
  flex: 1;
  width: 100%;
  border-bottom: 1px solid black;
  margin-bottom: 10px;
}
.mw-mango-doc-viewer .document .signature :first-child {
  flex: 1;
  width: 100%;
}
.mw-mango-doc-viewer .document .initials .link {
  display: inline-block;
  background: #ffff74;
  text-decoration: none;
  padding: 1em 4em 1em 0;
  position: relative;
  top: 0.5em;
}
.mw-mango-doc-viewer .document .initials.save .link {
  background: #ffffff;
  visibility: hidden;
}
.mw-mango-doc-viewer .document .draw .link {
  display: block;
  height: 10em;
  width: 10em;
  line-height: 10em;
  background: #ffff74;
  text-align: center;
  text-decoration: none;
}
.mw-mango-doc-viewer .document .draw img {
  height: 10em;
}
.mw-mango-doc-viewer .document .draw.size2 .link {
  height: 20em;
  width: 20em;
  line-height: 20em;
}
.mw-mango-doc-viewer .document .draw.size2 img {
  height: 20em;
}
.mw-mango-doc-viewer .document .draw.size3 .link {
  height: 30em;
  width: 30em;
  line-height: 30em;
}
.mw-mango-doc-viewer .document .draw.size3 img {
  height: 30em;
}
.mw-mango-doc-viewer .document .draw.size4 .link {
  height: 40em;
  width: 40em;
  line-height: 40em;
}
.mw-mango-doc-viewer .document .draw.size4 img {
  height: 40em;
}
.mw-mango-doc-viewer .document .draw.size5 .link {
  height: 50em;
  width: 50em;
  line-height: 50em;
}
.mw-mango-doc-viewer .document .draw.size5 img {
  height: 50em;
}
.mw-mango-doc-viewer .document .draw.save .link {
  background: #ffffff;
  visibility: hidden;
}
.mw-mango-doc-viewer .document .date,
.mw-mango-doc-viewer .document .dropdown {
  display: inline-flex;
  max-width: 100%;
}
.mw-mango-doc-viewer .document .date .text,
.mw-mango-doc-viewer .document .dropdown .text {
  display: none;
}
.mw-mango-doc-viewer .document .date.save .input,
.mw-mango-doc-viewer .document .date.save .select,
.mw-mango-doc-viewer .document .dropdown.save .input,
.mw-mango-doc-viewer .document .dropdown.save .select {
  display: none;
}
.mw-mango-doc-viewer .document .date.save .text,
.mw-mango-doc-viewer .document .dropdown.save .text {
  display: inline;
  border-bottom: 1px solid black;
  background-color: #fafafa;
}
.mw-mango-doc-viewer .document .date input,
.mw-mango-doc-viewer .document .dropdown input {
  flex: 1 1 0%;
  width: 100%;
}
.mw-mango-doc-viewer .document .checkbox {
  display: inline-flex;
  max-width: 100%;
  margin-right: 0.5em;
}
.mw-mango-doc-viewer .document .checkbox input {
  align-self: center;
}
.mw-mango-doc-viewer .document .checkbox label {
  margin-left: 0.2em;
  margin-bottom: 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mw-mango-doc-viewer .document .ssn,
.mw-mango-doc-viewer .document .phone,
.mw-mango-doc-viewer .document .date,
.mw-mango-doc-viewer .document .numeric,
.mw-mango-doc-viewer .document .email,
.mw-mango-doc-viewer .document .text {
  display: inline-flex;
  max-width: 100%;
}
.mw-mango-doc-viewer .document .ssn.save input,
.mw-mango-doc-viewer .document .phone.save input,
.mw-mango-doc-viewer .document .date.save input,
.mw-mango-doc-viewer .document .numeric.save input,
.mw-mango-doc-viewer .document .email.save input,
.mw-mango-doc-viewer .document .text.save input {
  border: 0;
  border-bottom: 1px solid;
  padding-bottom: 0;
  background-color: #fafafa;
}
.mw-mango-doc-viewer .document .ssn input,
.mw-mango-doc-viewer .document .phone input,
.mw-mango-doc-viewer .document .date input,
.mw-mango-doc-viewer .document .numeric input,
.mw-mango-doc-viewer .document .email input,
.mw-mango-doc-viewer .document .text input {
  flex: 1 1 0%;
  width: 100%;
}
.mw-mango-doc-viewer .document .page-break-pdf {
  page-break-before: always;
}
.mw-mango-doc-viewer .document .page-break {
  display: flex;
  background: #585858;
  color: #FFFFFF;
  margin: 0 -1.8em;
  padding: 0 0.5em 1em 0.5em;
  margin-top: 0.2in;
}
.mw-mango-doc-viewer .document .page-break .title {
  flex: 1;
  text-align: left;
}
.mw-mango-doc-viewer .document .page-break .count {
  flex: 1;
  text-align: right;
}
.mw-mango-doc-viewer .invalid {
  border: 1px solid rgba(255, 0, 0, 0.75);
}
.mw-mango-doc-viewer .save-button {
  margin: 0 0.3em 0 0.3em;
}

.mfs-install-equipment .mfs-install-equipment-select-equipment {
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search {
  display: flex;
  flex-direction: row;
  padding: 1em 1% 1em 1%;
  flex: 0 0 auto;
}
@media (max-width: 800px) {
  .mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search {
    flex-direction: column;
    padding: 1em;
  }
}
.mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .input-wrapper {
  display: flex;
  align-items: center;
  flex: 9;
  max-width: 500px;
  height: -moz-fit-content;
  height: fit-content;
}
.mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .form-control {
  display: flex;
  flex: 9;
  border: thin solid #ffd29c;
  margin: 0 1em 0 0;
  max-width: 500px;
}
@media (max-width: 800px), (max-height: 500px) {
  .mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .form-control {
    margin: 0 1em 0.5em 0;
  }
}
.mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .btn-show-wrapper {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  margin: 0 0 0 1em;
}
.mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .btn-show-wrapper .btn-save, .mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .btn-show-wrapper .btn-scan {
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  justify-content: center;
  align-items: center;
  position: relative;
}
.mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .btn-show-wrapper .btn-save i, .mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .btn-show-wrapper .btn-scan i {
  font-size: 4em;
}
@media (max-width: 800px), (max-height: 500px) {
  .mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .btn-show-wrapper .btn-save i, .mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .btn-show-wrapper .btn-scan i {
    font-size: 1em;
  }
}
.mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .btn-show-wrapper .btn-save .mfs-install-equipment-count, .mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .btn-show-wrapper .btn-scan .mfs-install-equipment-count {
  font-size: xx-large;
  font-weight: bolder;
}
@media (max-width: 800px), (max-height: 500px) {
  .mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .btn-show-wrapper .btn-save .mfs-install-equipment-count, .mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .btn-show-wrapper .btn-scan .mfs-install-equipment-count {
    font-size: 1em;
  }
}
.mfs-install-equipment .mfs-install-equipment-progress-bar {
  flex: 1;
}
.mfs-install-equipment #mfs-equipment-list {
  flex: 1;
}
.mfs-install-equipment #mfs-equipment-list .mfs-equipment-header {
  margin: 0 1%;
  background: #ffd29c;
  display: flex;
  flex-direction: row;
  font-weight: bold;
  padding: 0.5em 1em 0.5em 0;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  color: #FFFFFF;
}
.mfs-install-equipment #mfs-equipment-list .mfs-equipment-container {
  margin: 0 1%;
  overflow-y: scroll;
  border: thin solid #ffd29c;
}
@media (max-width: 1000px) {
  .mfs-install-equipment #mfs-equipment-list .mfs-equipment-header {
    display: none;
  }
}
.mfs-install-equipment .mfs-install-equipment-checkout {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 100%;
  overflow: scroll;
  padding: 10px 10% 0 10%;
}
@media (max-width: 900px) {
  .mfs-install-equipment .mfs-install-equipment-checkout #mw-shopping-cart-table {
    flex-direction: column;
  }
}
.mfs-install-equipment .mfs-install-equipment-checkout #mw-shopping-cart-table .mw-shopping-cart-table-cart, .mfs-install-equipment .mfs-install-equipment-checkout #mw-shopping-cart-table .mw-shopping-cart-table-summary {
  border: none;
}
.mfs-install-equipment .mfs-install-equipment-checkout #mw-shopping-cart-table .mw-shopping-cart-table-summary-container.sub-total,
.mfs-install-equipment .mfs-install-equipment-checkout #mw-shopping-cart-table .mw-shopping-cart-table-summary-container.order-total {
  display: none;
}
@media (max-width: 1200px) {
  .mfs-install-equipment {
    font-size: 0.9em;
  }
  .mfs-install-equipment #mfs-equipment-list, .mfs-install-equipment .form-control, .mfs-install-equipment .btn {
    font-size: 1em;
  }
}
@media (max-width: 1100px) {
  .mfs-install-equipment {
    font-size: 0.8em;
  }
}

.mfs-work-flow-photos {
  border: thin solid #c8c8c8;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
}
.mfs-work-flow-photos .mfs-work-flow-photos-container {
  display: flex;
  width: 100%;
  flex-direction: column;
  flex: 1;
  background: #f3f3f3;
  padding: 0.5em 0;
  overflow: auto;
}
.mfs-work-flow-photos .mfs-work-flow-photos-container .mfs-work-flow-photos-no-photos {
  margin: 1em;
}
.mfs-work-flow-photos .mfs-work-flow-photos-container .mfs-work-flow-photos-preview-image-wrapper {
  margin: 0.5em 1em 0.5em 1em;
  padding: 1em;
  background: white;
  border-radius: 0.25em;
  box-shadow: 4px 3px 8px 1px #d8d8d8;
  display: flex;
  flex-direction: row;
}
.mfs-work-flow-photos .mfs-work-flow-photos-container .mfs-work-flow-photos-preview-image-wrapper .mfs-work-flow-photos-preview-name {
  flex: 1;
  margin: 0;
  align-self: center;
}
.mfs-work-flow-photos .mfs-work-flow-photos-container .mfs-work-flow-photos-preview-image-wrapper .mfs-work-flow-photos-preview-image {
  max-height: 5em;
  max-width: 5em;
  margin-right: 2em;
}
.mfs-work-flow-photos .mfs-work-flow-photos-container .mfs-work-flow-photos-preview-image-wrapper .mfs-work-flow-photos-preview-delete {
  height: 35px;
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2em;
  border: medium solid #dc3545;
  background: #dc3545;
  color: white;
  align-self: center;
}
.mfs-work-flow-photos .mfs-work-flow-photos-container .mfs-work-flow-photos-preview-image-wrapper .mfs-work-flow-photos-preview-delete:hover {
  cursor: pointer;
}
.mfs-work-flow-photos .mfs-work-flow-photos-footer {
  display: flex;
  padding: 0.5em;
  flex-direction: row;
  flex: 0 0 auto;
  justify-content: space-around;
  background: white;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
.mfs-work-flow-photos .mfs-work-flow-photos-footer .mfs-work-flow-photos-image {
  min-width: 6em;
  padding: 0.5em;
  justify-content: flex-start;
  display: flex;
  align-items: center;
  flex: 1;
}
.mfs-work-flow-photos .mfs-work-flow-photos-footer .mfs-work-flow-photos-image.center {
  justify-content: center;
}
.mfs-work-flow-photos .mfs-work-flow-photos-footer .mfs-work-flow-photos-image .mfs-work-flow-photos-button {
  height: 35px;
  width: 35px;
  border-radius: 2em;
  border: medium solid;
  text-align: center;
  background: #007bff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mfs-work-flow-photos .mfs-work-flow-photos-footer .mfs-work-flow-photos-image .mfs-work-flow-photos-button .mfs-work-flow-photos-icon {
  font-size: 1.3em;
  color: white;
}
.mfs-work-flow-photos .mfs-work-flow-photos-footer .mfs-work-flow-photos-image .mfs-work-flow-photos-button:hover {
  cursor: pointer;
  text-decoration: none;
  border-color: #0062cc;
  background: #0062cc;
}
.mfs-work-flow-photos .mfs-work-flow-photos-footer .mfs-work-flow-photos-image .mfs-work-flow-photos-input {
  display: none;
}
.mfs-work-flow-photos .mfs-work-flow-photos-footer .mfs-work-flow-photos-image .mfs-work-flow-photos-label {
  margin: 0 0.4em;
  align-self: center;
}

/********************************************************************************************************************************************/
/* Mango Generic / Reusables */
/********************************************************************************************************************************************/
body {
  margin: 0;
  /********************************************************************************************************************************************/
  /* MW Overrides
  /********************************************************************************************************************************************/
}
body .mw-message-box {
  font-size: 2em;
}
body .mw-message-box .btn {
  font-size: 1em;
}
body .mw-message-box .mw-message-box-text-block {
  white-space: pre-wrap;
}
body .mw-progress {
  color: #e4aa3f;
  font-size: 2em;
  font-weight: bold;
}
body .mw-progress .progress {
  height: 40px !important;
}
body .mw-progress .progress .progress-bar {
  background-image: linear-gradient(135deg, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%), linear-gradient(#e4aa3f, #ffd29c);
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar:horizontal {
  height: 10px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ffcd6f;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: #bb8b33;
  outline: 1px solid transparent;
  border-radius: 0.3em;
}

.form-control.form-control-invalid, form-control-invalid {
  border: 1px solid rgba(255, 0, 0, 0.75);
}

.form-control.form-control-invalid:focus, form-control-invalid:focus {
  outline: 0;
  border: 1px solid rgba(255, 0, 0, 0.75);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.75);
}

#mango-web-app {
  font-family: "Roboto";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

.mw-clickable {
  cursor: pointer;
}

.mw-hide-spinners {
  -moz-appearance: textfield;
}

.mw-hide-spinners::-webkit-outer-spin-button,
.mw-hide-spinners::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.mw-calendar-holiday {
  background-color: red;
}

.mw-calendar-delivery {
  background-color: yellow;
}

.mw-calendar-selected {
  margin: 0.5em 0 0 0.5em;
  width: 40px;
  height: 40px;
}
@media (max-width: 720px) {
  .mw-calendar-selected {
    width: 30px;
    height: 30px;
    margin-top: 1em;
  }
}

.form-control.currency-input {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='16px' width='85px'><text x='2' y='13' fill='gray' font-size='15' font-family='arial'>$</text></svg>");
  padding-left: 12px;
  background-repeat: no-repeat;
  background-position: left;
}

.pos-validation-failed {
  border-color: red;
}

.pos-validation-failed-message {
  position: fixed;
  background: white;
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.25em;
  color: red;
  font-weight: bold;
  transition: opacity 3s ease-in-out;
  opacity: 1;
}