@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);.vertical-space-100px {
  display: block;
  height: 100px; }

.guest-cart-box {
  background-color: #b7ab90 !important;
  display: unset !important;
  padding: 5px 15px; }
  .guest-cart-box i {
    color: white !important;
    font-size: 15px !important;
    line-height: 1px;
    position: relative;
    top: 6px;
    left: 5px; }
  .guest-cart-box .label {
    color: white !important;
    font-weight: bold;
    position: relative;
    top: 7px;
    font-family: Ubuntu; }
  .guest-cart-box .cart-counter {
    background-color: #b7ab90 !important;
    z-index: 0 !important;
    color: white; }
  .guest-cart-box .cart-total {
    font-size: 15px !important;
    font-family: Ubuntu !important;
    font-weight: 600 !important;
    padding-left: 0px !important;
    padding-top: 7px !important; }

.guest-cart-modal {
  border: none !important;
  border-radius: 0px !important; }
  .guest-cart-modal .modal-header {
    border-radius: 0px !important;
    border: none !important;
    font-family: Ubuntu !important;
    font-size: 25px !important;
    font-weight: 300 !important;
    padding-top: 36px !important; }
  .guest-cart-modal .modal-content .modal-input input {
    border-radius: 0px !important;
    padding: 11px 10px !important;
    font-family: Ubuntu !important;
    font-weight: 300 !important;
    font-size: 15px !important; }
  .guest-cart-modal .modal-content .modal-textarea textarea {
    border-radius: 0px !important;
    padding: 11px 10px !important;
    font-family: Ubuntu !important;
    font-weight: 300 !important;
    font-size: 15px !important; }
  .guest-cart-modal .modal-actions {
    border-top: none !important; }
    .guest-cart-modal .modal-actions .modal-button-submit {
      background-color: #424242 !important;
      font-family: Ubuntu !important;
      font-weight: 300 !important;
      font-size: 15px !important;
      border-radius: 0px !important; }
    .guest-cart-modal .modal-actions .modal-button-cancel {
      background-color: #9d3544 !important;
      font-family: Ubuntu !important;
      font-weight: 300 !important;
      font-size: 15px !important;
      border-radius: 0px !important;
      color: white !important; }
  .guest-cart-modal .orders-table {
    border-top: 0.2em solid #b7ab90 !important;
    border-radius: 0px !important; }
    .guest-cart-modal .orders-table input {
      border-radius: 0px !important;
      padding: 13px 10px !important; }
    .guest-cart-modal .orders-table label {
      font-family: Ubuntu !important; }
    .guest-cart-modal .orders-table .delete-button {
      background-color: #9d3544 !important;
      border-radius: 0px !important;
      font-size: 13px !important;
      font-weight: 300 !important;
      font-family: Ubuntu !important; }
  .guest-cart-modal .modal-table .sticky-header {
    border-radius: 0px !important;
    background-color: #686868 !important; }
    .guest-cart-modal .modal-table .sticky-header .header {
      font-size: 15px !important;
      font-weight: 300 !important;
      font-family: Ubuntu !important; }
.vertical-space-100px {
  display: block;
  height: 100px; }

.nav-bar {
  background-color: #424242 !important;
  height: 45px !important; }
  .nav-bar .header {
    color: white !important; }
  .nav-bar .header > .content {
    font-weight: 500 !important; }

.item-nav-mobile-guest {
  margin: 'auto' !important;
  padding: 0px 7px !important; }

.active-color {
  background-color: #686868 !important;
  border-radius: 0px !important;
  font-family: Ubuntu !important;
  margin: 0px !important;
  height: 45px !important;
  padding: 0px 20px !important;
  display: flex !important;
  font-size: 15px;
  font-weight: 300 !important; }
  .active-color .item {
    padding: 0px !important; }
.vertical-space-100px {
  display: block;
  height: 100px; }

.guest-search-section > .grid {
  position: relative !important;
  min-height: 250px !important; }
  .guest-search-section > .grid .guest-centerd-img {
    position: absolute !important;
    top: 80px; }
  @media (max-width: 768px) {
    .guest-search-section > .grid {
      min-height: auto; }
      .guest-search-section > .grid .guest-centerd-img {
        position: relative;
        display: none !important;
        top: 0px !important; } }

.guest-search-section {
  background-color: #686868 !important;
  padding: 20px; }
  .guest-search-section .intro-text {
    margin-top: 30px; }
    .guest-search-section .intro-text .header {
      text-align: left;
      font-size: 20px;
      font-family: Ubuntu !important;
      color: white !important;
      font-weight: 500 !important; }
    .guest-search-section .intro-text .content {
      font-size: 15px;
      font-family: Ubuntu !important;
      color: white !important;
      text-align: left; }
  .guest-search-section .by-ref {
    border-radius: 0px !important; }
    .guest-search-section .by-ref .button {
      border-radius: 0px !important;
      background-color: #b7ab90 !important; }
      .guest-search-section .by-ref .button i {
        font-size: 1.3em !important; }
    .guest-search-section .by-ref input {
      border-radius: 0px !important;
      font-family: Ubuntu;
      font-weight: 300 !important;
      color: #000 !important;
      font-size: 15px; }
  .guest-search-section .by-brand {
    border-radius: 0px !important; }
    .guest-search-section .by-brand input {
      border-radius: 0px !important;
      font-family: Ubuntu;
      font-weight: 300 !important;
      color: #000 !important;
      font-size: 15px;
      padding: 10px !important; }
    .guest-search-section .by-brand .icon::after {
      border-color: #ffffff transparent transparent !important; }
    .guest-search-section .by-brand .results {
      border-radius: 0px !important; }
    .guest-search-section .by-brand i {
      background-color: #b7ab90 !important;
      color: white !important;
      opacity: 1 !important;
      border-radius: 0px !important; }
  .guest-search-section .by-machine {
    border-radius: 0px !important; }
    .guest-search-section .by-machine input {
      border-radius: 0px !important;
      font-family: Ubuntu;
      font-weight: 300 !important;
      color: #000 !important;
      font-size: 15px;
      padding: 10px !important; }
    .guest-search-section .by-machine .results {
      border-radius: 0px !important; }
    .guest-search-section .by-machine i {
      background-color: #b7ab90 !important;
      color: white !important;
      opacity: 1 !important;
      border-radius: 0px !important; }
    .guest-search-section .by-machine .icon::after {
      border-color: #ffffff transparent transparent !important; }
    .guest-search-section .by-machine .disabled {
      opacity: 1 !important; }
  .guest-search-section .by-ref-title {
    color: white !important;
    font-family: Ubuntu !important;
    font-size: 20px !important;
    font-weight: 300 !important; }
  .guest-search-section .by-brand-title {
    color: white !important;
    font-family: Ubuntu !important;
    font-size: 20px !important;
    font-weight: 300 !important; }
  .guest-search-section .by-machine-title {
    color: white !important;
    font-family: Ubuntu !important;
    font-size: 20px !important;
    font-weight: 300 !important; }
.vertical-space-100px {
  display: block;
  height: 100px; }

.guest-results {
  background-color: #f2f2f2;
  padding: 20px; }

.results-total {
  font-family: Ubuntu;
  font-weight: 300;
  font-size: 20px;
  color: #424242; }

.results-total > strong {
  font-weight: 600; }

.rows-limit-msg {
  padding: 10px 0px;
  margin-bottom: 10px; }

.rows-limit-msg > p {
  font-family: Ubuntu;
  font-size: 15px;
  color: #9d3544; }

.guest-results .sticky-header div {
  z-index: 999 !important;
  font-family: Ubuntu;
  font-weight: 300; }

.sticky-header-table {
  border-radius: 0px !important;
  color: #686868; }

.sticky-header-table tr {
  height: 40px; }

.heathered-gray-color {
  background-color: #b7ab90 !important; }

.heathered-gray-color div {
  color: white !important; }

.type-label {
  font-family: Ubuntu;
  font-weight: 300;
  font-size: 15px !important; }

.type-position {
  margin: auto 0 !important;
  padding-left: 0px !important; }

.radius-0 {
  border-radius: 0px !important; }

.add-to-cart {
  background-color: #b7ac90 !important;
  color: #fff;
  padding: 5px !important;
  border-radius: 0px !important; }
  .add-to-cart img {
    width: 30px !important; }

.change-amount input {
  padding: 11px 10px !important;
  border-radius: 0px !important;
  font-family: Ubuntu !important;
  font-size: 15px !important; }
.vertical-space-100px {
  display: block;
  height: 100px; }

.cart-box {
  width: 78px;
  text-align: center;
  background-color: #b7ab90 !important;
  display: unset !important;
  padding: 5px !important; }
  .cart-box i {
    color: white !important;
    font-size: 15px !important;
    line-height: 1px;
    position: relative;
    top: 6px;
    left: 5px; }
  .cart-box .label {
    color: white !important;
    font-weight: bold;
    position: relative;
    top: 7px;
    font-family: Ubuntu; }
  .cart-box .cart-counter {
    background-color: #b7ab90 !important;
    z-index: 0 !important;
    color: white; }
  .cart-box .content {
    position: relative;
    font-family: Ubuntu !important;
    font-weight: 600 !important;
    padding-left: 0px !important;
    padding-top: 7px !important;
    font-size: 15px !important; }

.guest-cart-modal {
  border: none !important;
  border-radius: 0px !important;
  width: 78px;
  text-align: center; }
  .guest-cart-modal .modal-header {
    border-radius: 0px !important;
    border: none !important;
    font-family: Ubuntu !important;
    font-size: 25px !important;
    font-weight: 300 !important;
    padding-top: 36px !important; }
  .guest-cart-modal .modal-content .modal-input input {
    border-radius: 0px !important;
    padding: 11px 10px !important;
    font-family: Ubuntu !important;
    font-weight: 300 !important;
    font-size: 15px !important; }
  .guest-cart-modal .modal-content .modal-textarea textarea {
    border-radius: 0px !important;
    padding: 11px 10px !important;
    font-family: Ubuntu !important;
    font-weight: 300 !important;
    font-size: 15px !important; }
  .guest-cart-modal .modal-actions {
    border-top: none !important; }
    .guest-cart-modal .modal-actions .modal-button-submit {
      background-color: #424242 !important;
      font-family: Ubuntu !important;
      font-weight: 300 !important;
      font-size: 15px !important;
      border-radius: 0px !important; }
    .guest-cart-modal .modal-actions .modal-button-cancel {
      background-color: #9d3544 !important;
      font-family: Ubuntu !important;
      font-weight: 300 !important;
      font-size: 15px !important;
      border-radius: 0px !important;
      color: white !important; }
  .guest-cart-modal .orders-table {
    border-top: 0.2em solid #b7ab90 !important;
    border-radius: 0px !important; }
    .guest-cart-modal .orders-table input {
      border-radius: 0px !important;
      padding: 13px 10px !important; }
    .guest-cart-modal .orders-table label {
      font-family: Ubuntu !important; }
    .guest-cart-modal .orders-table .delete-button {
      background-color: #9d3544 !important;
      border-radius: 0px !important;
      font-size: 13px !important;
      font-weight: 300 !important;
      font-family: Ubuntu !important; }
  .guest-cart-modal .modal-table .sticky-header {
    border-radius: 0px !important;
    background-color: #686868 !important; }
    .guest-cart-modal .modal-table .sticky-header .header {
      font-size: 15px !important;
      font-weight: 300 !important;
      font-family: Ubuntu !important; }
.vertical-space-100px {
  display: block;
  height: 100px; }

.topNav {
  background-color: #424242 !important; }

.menu {
  margin: 0px !important; }

.nav-bar {
  background-color: #424242 !important;
  border: none !important; }
  .nav-bar .header {
    color: white !important; }
  .nav-bar a {
    color: white !important; }
  .nav-bar .menu-dropdown {
    padding: 15px !important;
    color: white !important; }
  .nav-bar .menu-dropdown-mobile {
    padding-right: 14px !important;
    padding-left: 0px !important;
    color: white !important; }

.right-items-mobile {
  padding: 0px 10px 0px 0px !important; }

.active-color {
  background-color: #686868 !important;
  border-radius: 0px !important;
  font-family: Ubuntu !important;
  margin: 0px !important;
  padding: 0px 20px !important;
  display: flex !important;
  font-size: 15px;
  font-weight: 300 !important; }

.menu > .menu-item {
  border-radius: 0px !important;
  font-family: Ubuntu !important;
  margin: 0px !important;
  padding: 0px 20px !important;
  display: flex !important;
  font-size: 15px;
  font-weight: 300 !important; }

.item-nav-mobile {
  padding: 0px 7px !important; }
.vertical-space-100px {
  display: block;
  height: 100px; }

.search-section {
  background-color: #686868 !important;
  padding: 20px; }
  .search-section .title-section,
  .search-section .brand-section,
  .search-section .type-section {
    margin-top: 15px !important; }
  .search-section .intro-text {
    margin-top: 30px; }
    .search-section .intro-text .header {
      text-align: left;
      font-size: 20px;
      font-family: Ubuntu !important;
      color: white !important;
      font-weight: 500 !important; }
    .search-section .intro-text .content {
      font-size: 15px;
      font-family: Ubuntu !important;
      color: white !important;
      text-align: left; }
  .search-section .by-ref {
    border-radius: 0px !important; }
    .search-section .by-ref .button {
      border-radius: 0px !important;
      background-color: #b7ab90 !important; }
      .search-section .by-ref .button i {
        font-size: 1.3em !important; }
    .search-section .by-ref input {
      border-radius: 0px !important;
      font-family: Ubuntu;
      font-weight: 300 !important;
      color: #000 !important;
      font-size: 15px; }
  .search-section .by-brand {
    border-radius: 0px !important; }
    .search-section .by-brand input {
      border-radius: 0px !important;
      font-family: Ubuntu;
      font-weight: 300 !important;
      color: #000 !important;
      font-size: 15px;
      padding: 10px !important; }
    .search-section .by-brand i {
      background-color: #b7ab90 !important;
      color: white !important;
      opacity: 1 !important;
      border-radius: 0px !important; }
    .search-section .by-brand .icon::after {
      border-color: #ffffff transparent transparent !important; }
    .search-section .by-brand .results {
      border-radius: 0px !important; }
  .search-section .by-machine {
    border-radius: 0px !important; }
    .search-section .by-machine input {
      border-radius: 0px !important;
      font-family: Ubuntu;
      font-weight: 300 !important;
      color: #000 !important;
      font-size: 15px;
      padding: 10px !important;
      opacity: 1 !important; }
    .search-section .by-machine .icon::after {
      border-color: #ffffff transparent transparent !important; }
    .search-section .by-machine .disabled {
      opacity: 1 !important; }
    .search-section .by-machine i {
      background-color: #b7ab90 !important;
      color: white !important;
      opacity: 1 !important;
      border-radius: 0px !important; }
    .search-section .by-machine .results {
      border-radius: 0px !important; }
  .search-section .by-ref-title {
    color: white !important;
    font-family: Ubuntu !important;
    font-size: 20px !important;
    font-weight: 300 !important; }
  .search-section .by-brand-title {
    color: white !important;
    font-family: Ubuntu !important;
    font-size: 20px !important;
    font-weight: 300 !important; }
  .search-section .by-machine-title {
    color: white !important;
    font-family: Ubuntu !important;
    font-size: 20px !important;
    font-weight: 300 !important; }

/*///////////////*/
.guest-results {
  background-color: #f2f2f2;
  padding: 20px; }

.results-total {
  font-family: Ubuntu;
  font-weight: 300;
  font-size: 20px;
  color: #424242; }

.results-total > strong {
  font-weight: 600; }

.rows-limit-msg {
  padding: 10px 0px;
  margin-bottom: 10px; }

.rows-limit-msg > p {
  font-family: Ubuntu;
  font-size: 15px;
  color: #9d3544; }

.guest-results .sticky-header div {
  z-index: 999 !important;
  font-family: Ubuntu;
  font-weight: 300; }

.sticky-header-table {
  border-radius: 0px !important;
  color: #686868; }

.sticky-header-table tr {
  height: 40px; }

.type-label {
  color: black !important;
  font-family: Ubuntu;
  font-weight: 300;
  font-size: 15px !important; }

.type-position {
  margin: auto 0 !important;
  padding-left: 0px !important; }

.radius-0 {
  border-radius: 0px !important; }

.add-to-cart {
  background-color: #b7ac90 !important;
  color: #fff;
  padding: 5px !important;
  border-radius: 0px !important; }
  .add-to-cart img {
    width: 30px !important; }

.change-amount input {
  padding: 11px 10px !important;
  border-radius: 0px !important;
  font-family: Ubuntu !important;
  font-size: 15px !important;
  width: 100px; }

.change-amout-checkbox {
  display: inline-table !important; }

/* custom styles*/
.grey-button {
  border-radius: 0px !important;
  background-color: #686868 !important;
  color: #fff !important;
  font-family: Ubuntu !important;
  font-size: 15px !important;
  font-weight: 300 !important; }

/*modals*/
.modal-style {
  border: none !important;
  border-radius: 0px !important; }
  .modal-style .modal-header {
    border-radius: 0px !important;
    border: none !important;
    font-family: Ubuntu !important;
    font-size: 25px !important;
    font-weight: 300 !important;
    padding-top: 36px !important; }
  .modal-style .modal-content .modal-input input {
    border-radius: 0px !important;
    padding: 11px 10px !important;
    font-family: Ubuntu !important;
    font-weight: 300 !important;
    font-size: 15px !important; }
  .modal-style .modal-content .modal-input .dropdown {
    border-radius: 0px !important;
    padding: 11px 10px !important;
    font-family: Ubuntu !important;
    font-weight: 300 !important;
    font-size: 15px !important; }
  .modal-style .modal-content .modal-textarea textarea {
    border-radius: 0px !important;
    padding: 11px 10px !important;
    font-family: Ubuntu !important;
    font-weight: 300 !important;
    font-size: 15px !important; }
  .modal-style .modal-actions {
    border-top: none !important; }
    .modal-style .modal-actions .modal-button-submit {
      background-color: #424242 !important;
      font-family: Ubuntu !important;
      font-weight: 300 !important;
      font-size: 15px !important;
      border-radius: 0px !important; }
    .modal-style .modal-actions .modal-button-cancel {
      background-color: #9d3544 !important;
      font-family: Ubuntu !important;
      font-weight: 300 !important;
      font-size: 15px !important;
      border-radius: 0px !important;
      color: white !important; }
  .modal-style .orders-table {
    border-top: 0.2em solid #b7ab90 !important;
    border-radius: 0px !important; }
    .modal-style .orders-table input {
      border-radius: 0px !important;
      padding: 13px 10px !important; }
    .modal-style .orders-table label {
      font-family: Ubuntu !important; }
    .modal-style .orders-table .delete-button {
      background-color: #9d3544 !important;
      border-radius: 0px !important;
      font-size: 15px !important;
      font-weight: 300 !important;
      font-family: Ubuntu !important; }
  .modal-style .modal-table .sticky-header {
    border-radius: 0px !important;
    background-color: #686868 !important; }
    .modal-style .modal-table .sticky-header .header {
      font-size: 15px !important;
      font-weight: 300 !important;
      font-family: Ubuntu !important; }

.info-popup {
  border-radius: 0px !important; }
  .info-popup .section-header {
    font-size: 20px !important;
    font-weight: 400 !important;
    font-family: Ubuntu !important; }
  .info-popup .section-content {
    font-size: 15px !important;
    font-weight: 300 !important;
    font-family: Ubuntu !important; }
    .info-popup .section-content strong {
      font-weight: 500 !important; }
  .info-popup .info-label {
    margin: 5px !important;
    background-color: #686868 !important;
    border-radius: 0px !important;
    padding: 10px !important; }
    .info-popup .info-label a {
      font-size: 15px !important;
      border-radius: 0px !important;
      opacity: 1 !important;
      color: white !important; }

.table-style-light-borders {
  background-color: #686868 !important;
  border-radius: 0px !important;
  border-top: none !important; }
  .table-style-light-borders th {
    background-color: #686868 !important;
    border-right: 1px solid white !important;
    border-right-color: rgba(255, 255, 255, 0.9) !important;
    font-family: Ubuntu !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    border-radius: 0px !important; }
    .table-style-light-borders th .icon {
      color: white !important; }
  .table-style-light-borders th:last-child() {
    border-right: none !important;
    border-right-color: none !important; }
  .table-style-light-borders .heathered-gray-color {
    background-color: #b7ab90 !important; }
  .table-style-light-borders .heathered-gray-color div {
    color: white !important; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  opacity: 1 !important; }
.vertical-space-100px {
  display: block;
  height: 100px; }

.home-description-section {
  background-color: #f2f2f2;
  padding: 20px;
  margin-top: 25px; }
  .home-description-section .home-description-title {
    font-family: Ubuntu !important;
    font-size: 22px;
    margin-bottom: 20px;
    display: block; }
  .home-description-section .home-description-content {
    font-family: Ubuntu !important;
    font-size: 15px; }
.vertical-space-100px {
  display: block;
  height: 100px; }

.home-description-section {
  background-color: #f2f2f2;
  padding: 20px;
  margin-top: 25px; }
  .home-description-section .home-description-title {
    font-family: Ubuntu !important;
    font-size: 22px;
    margin-bottom: 20px;
    display: block; }
  .home-description-section .home-description-content {
    font-family: Ubuntu !important;
    font-size: 15px; }

.intro-text {
  margin-top: 30px; }
  .intro-text .header {
    text-align: left;
    font-size: 22px !important;
    font-family: Ubuntu !important;
    color: black !important;
    font-weight: 500 !important; }
  .intro-text .content {
    font-size: 15px !important;
    font-family: Ubuntu !important;
    color: black !important;
    text-align: left; }
  .intro-text .list li {
    font-size: 15px !important;
    font-family: Ubuntu !important; }

.description-container {
  padding: 20px !important; }
.vertical-space-100px {
  display: block;
  height: 100px; }

.login-form {
  background-color: #f2f2f2 !important;
  padding: 30px;
  min-height: 283px !important; }
  .login-form .error-msg {
    border-radius: 0px !important;
    padding: 14px !important;
    font-size: 15px !important;
    font-family: Ubuntu !important;
    font-weight: 400 !important;
    background-color: #9d3544 !important;
    text-align: center !important;
    color: white !important;
    border: none !important; }

.margin-top-65px {
  margin-top: 65px !important; }

.login-btn {
  margin-top: 20px !important;
  background-color: #424242 !important;
  border-radius: 0px !important;
  font-family: Ubuntu;
  font-size: 15px !important;
  font-weight: 300 !important; }

.login-title {
  color: #424242 !important;
  text-align: center; }
  .login-title img {
    width: 30px !important; }
  .login-title .content {
    font-size: 22px !important; }

.login-input {
  border-radius: 0px !important;
  font-size: 15px !important;
  font-family: Ubuntu !important;
  padding: 11px 9px !important;
  color: #000 !important; }

.forgot-password {
  color: #424242 !important;
  cursor: pointer;
  display: block !important;
  margin-top: 10px !important;
  text-align: right !important; }
.vertical-space-100px {
  display: block;
  height: 100px; }

.register-section {
  background-color: #f2f2f2 !important;
  padding: 45px;
  text-align: center !important; }
  .register-section span {
    font-size: 22px;
    font-weight: 600;
    color: #424242 !important;
    font-family: Ubuntu; }
  .register-section p {
    margin-top: 28px;
    font-size: 15px;
    font-weight: 400;
    color: #424242 !important;
    font-family: Ubuntu; }
  .register-section .register-btn {
    border-radius: 0px !important;
    margin-top: 50px !important;
    background-color: #424242 !important;
    font-family: Ubuntu;
    font-size: 15px !important;
    font-weight: 300 !important; }
  .register-section .register-content {
    margin-top: 60px !important; }
  .register-section img {
    width: 30px !important; }
  .register-section .content {
    font-size: 22px !important; }

.register-form-section {
  background-color: #f2f2f2 !important;
  padding: 40px 30px;
  margin-top: 40px; }
  .register-form-section .success-msg {
    border-radius: 0px !important;
    padding: 14px !important;
    font-size: 15px !important;
    font-family: Ubuntu;
    font-weight: 400 !important; }
  .register-form-section .error-msg {
    border-radius: 0px !important;
    padding: 14px !important;
    font-size: 15px !important;
    font-family: Ubuntu !important;
    font-weight: 400 !important; }
  .register-form-section .status-msg {
    border-radius: 0px !important;
    padding: 14px !important;
    font-size: 15px !important;
    font-family: Ubuntu !important;
    font-weight: 400 !important; }
  .register-form-section .register-btn {
    border-radius: 0px !important;
    background-color: #424242 !important;
    font-family: Ubuntu;
    font-size: 15px !important;
    font-weight: 300 !important;
    color: white !important; }
  .register-form-section .register-input {
    font-family: Ubuntu !important;
    font-size: 15px !important;
    border-radius: 0px !important;
    padding: 22px 10px !important;
    border: none !important; }
  .register-form-section .register-header {
    padding-right: 40px; }
    .register-form-section .register-header .content {
      font-size: 22px !important; }
  .register-form-section .register-span {
    margin-top: 28px !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    color: #424242 !important;
    font-family: Ubuntu !important;
    margin-right: 20px !important; }
.vertical-space-100px {
  display: block;
  height: 100px; }

.product-content {
  background-color: #f2f2f2 !important;
  padding: 20px; }

.product-grid {
  margin: 0px !important;
  padding: 0px !important; }
  .product-grid .product-info {
    background-color: #f2f2f2 !important;
    padding: 20px; }

.product-grid > .row {
  padding-top: 0px !important; }

.h-divider-wrapper {
  padding: 30px 0px !important; }

.h-divider {
  height: 2px !important;
  background-image: linear-gradient(to right, #686868 33%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 5px 1px;
  background-repeat: repeat-x; }
  .h-divider .header {
    font-family: Ubuntu !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    background-color: white !important;
    padding: 10px 20px 10px 0px !important;
    display: inline-table !important;
    position: relative;
    top: -18px; }

.custom-card {
  border-radius: 0px !important;
  box-shadow: none !important;
  border: 1px solid #f2f2f2 !important; }
  .custom-card .card-image {
    border-radius: 0px !important;
    border: none !important; }
    .custom-card .card-image img {
      border-radius: 0px !important;
      max-height: 270px !important;
      margin: 0px auto !important; }
  .custom-card .card-content {
    position: relative !important;
    font-family: Ubuntu !important;
    text-align: right !important;
    background-color: #f2f2f2 !important;
    font-size: 15px !important;
    display: block !important;
    color: #808080 !important;
    border: none !important; }
    .custom-card .card-content .card-content-wrapper {
      position: absolute;
      bottom: 10px;
      right: 10px; }
    .custom-card .card-content .jl-number {
      padding-bottom: 5px !important; }
      .custom-card .card-content .jl-number a {
        color: #686868 !important;
        font-size: 17px !important;
        font-weight: 400 !important;
        display: block !important; }
    .custom-card .card-content .jl-description {
      padding-bottom: 5px !important;
      font-weight: 300 !important;
      display: block !important; }
    .custom-card .card-content .jl-price {
      display: block !important;
      font-size: 20px !important;
      font-weight: 400 !important; }
  .custom-card .card-actions {
    background-color: #f2f2f2 !important;
    border: none !important; }

.product-info .title {
  font-family: Ubuntu !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  display: block !important;
  margin: 15px 0px; }

.product-info .product-detail .item {
  font-size: 15px !important; }

.product-info .product-tag {
  margin: 5px !important;
  background-color: #686868 !important;
  border-radius: 0px !important;
  padding: 10px !important; }
  .product-info .product-tag a {
    font-weight: 300 !important;
    font-size: 15px !important;
    border-radius: 0px !important;
    opacity: 1 !important;
    color: white !important; }

.v-space-50 {
  display: block;
  height: 50px; }

.v-space-30 {
  display: block;
  height: 30px; }

.fz-15-fw-300 {
  font-size: 15px !important;
  font-family: Ubuntu !important;
  font-weight: 300 !important; }

.price {
  font-size: 22px !important;
  font-family: Ubuntu !important; }

.product-title-section {
  background-color: #686868 !important;
  padding: 40px 15px; }
  .product-title-section .title .content {
    font-size: 20px !important;
    font-family: Ubuntu !important;
    font-weight: 300 !important;
    color: white !important; }
.vertical-space-100px {
  display: block;
  height: 100px; }

.customer-machines-results {
  background-color: #f2f2f2;
  padding: 20px; }

.by-ref .search {
  color: white !important; }

.by-ref .spinner::before {
  border: 0.2em solid white !important; }

.results-total {
  font-family: Ubuntu;
  font-weight: 300;
  font-size: 20px;
  color: #424242; }

.results-total > strong {
  font-weight: 600; }

.rows-limit-msg {
  padding: 10px 0px;
  margin-bottom: 10px; }

.rows-limit-msg > p {
  font-family: Ubuntu;
  font-size: 15px;
  color: #9d3544; }

.filters-table,
.machine-parts-table {
  padding: 15px !important; }

.customer-machines-results .sticky-header div {
  z-index: 999 !important;
  font-family: Ubuntu;
  font-weight: 300; }

.sticky-header-table {
  border-radius: 0px !important;
  color: #686868; }

.sticky-header-table tr {
  height: 40px; }

.heathered-gray-color {
  background-color: #b7ab90 !important; }

.heathered-gray-color div {
  color: white !important; }

.type-label {
  color: black !important;
  font-family: Ubuntu;
  font-weight: 300;
  font-size: 15px !important; }

.radius-0 {
  border-radius: 0px !important; }

.add-to-cart {
  background-color: #b7ac90 !important;
  color: #fff;
  padding: 5px !important;
  border-radius: 0px !important; }
  .add-to-cart img {
    width: 30px !important; }

.change-amount input {
  padding: 11px 10px !important;
  border-radius: 0px !important;
  font-family: Ubuntu !important;
  font-size: 15px !important;
  width: 100px; }

.change-amout-checkbox {
  display: inline-table !important; }

/* custom styles*/
.grey-button {
  border-radius: 0px !important;
  background-color: #686868 !important;
  color: #fff !important;
  font-family: Ubuntu !important;
  font-size: 15px !important;
  font-weight: 300 !important; }

.colorless {
  background-color: transparent !important; }

.borderless {
  border: none !important; }

.margin-right-10 {
  margin-right: 10px !important; }

.normal-input-style,
.normal-input-style input {
  border-radius: 0px !important;
  font-family: Ubuntu !important;
  font-weight: 300 !important;
  font-size: 15px; }

.normal-checkbox-style {
  border-radius: 0px !important; }
  .normal-checkbox-style input {
    border-radius: 0px !important; }
  .normal-checkbox-style label {
    font-family: Ubuntu !important;
    font-size: 15px !important; }

/*modals*/
.modal-style {
  border: none !important;
  border-radius: 0px !important; }
  .modal-style .modal-header {
    border-radius: 0px !important;
    border: none !important;
    font-family: Ubuntu !important;
    font-size: 25px !important;
    font-weight: 300 !important;
    padding-top: 36px !important; }
  .modal-style .modal-content .modal-text {
    margin-bottom: 20px !important;
    font-size: 17px !important;
    font-weight: 300 !important;
    font-family: Ubuntu !important; }
  .modal-style .modal-content .modal-input input {
    border-radius: 0px !important;
    padding: 11px 10px !important;
    font-family: Ubuntu !important;
    font-weight: 300 !important;
    font-size: 15px !important; }
  .modal-style .modal-content .modal-input .dropdown {
    border-radius: 0px !important;
    padding: 11px 10px !important;
    font-family: Ubuntu !important;
    font-weight: 300 !important;
    font-size: 15px !important; }
  .modal-style .modal-content .modal-textarea textarea {
    border-radius: 0px !important;
    padding: 11px 10px !important;
    font-family: Ubuntu !important;
    font-weight: 300 !important;
    font-size: 15px !important; }
  .modal-style .modal-actions {
    border-top: none !important; }
    .modal-style .modal-actions .modal-button-submit {
      background-color: #424242 !important;
      font-family: Ubuntu !important;
      font-weight: 300 !important;
      font-size: 15px !important;
      border-radius: 0px !important; }
    .modal-style .modal-actions .modal-button-cancel {
      background-color: #9d3544 !important;
      font-family: Ubuntu !important;
      font-weight: 300 !important;
      font-size: 15px !important;
      border-radius: 0px !important;
      color: white !important; }
  .modal-style .orders-table {
    border-top: 0.2em solid #b7ab90 !important;
    border-radius: 0px !important; }
    .modal-style .orders-table input {
      border-radius: 0px !important;
      padding: 13px 10px !important; }
    .modal-style .orders-table label {
      font-family: Ubuntu !important; }
    .modal-style .orders-table .delete-button {
      background-color: #9d3544 !important;
      border-radius: 0px !important;
      font-size: 13px !important;
      font-weight: 300 !important;
      font-family: Ubuntu !important; }
  .modal-style .modal-table .sticky-header {
    border-radius: 0px !important;
    background-color: #686868 !important; }
    .modal-style .modal-table .sticky-header .header {
      font-size: 15px !important;
      font-weight: 300 !important;
      font-family: Ubuntu !important; }

.info-popup {
  border-radius: 0px !important; }
  .info-popup .section-header {
    font-size: 20px !important;
    font-weight: 400 !important;
    font-family: Ubuntu !important; }
  .info-popup .section-content {
    font-size: 15px !important;
    font-weight: 300 !important;
    font-family: Ubuntu !important; }
    .info-popup .section-content strong {
      font-weight: 500 !important; }
  .info-popup .info-label {
    margin: 5px !important;
    background-color: #686868 !important;
    border-radius: 0px !important;
    padding: 10px !important; }
    .info-popup .info-label a {
      font-size: 15px !important;
      border-radius: 0px !important;
      opacity: 1 !important;
      color: white !important; }

.normal-button-style {
  background-color: #686868 !important;
  font-family: Ubuntu !important;
  color: white !important;
  font-weight: 300 !important;
  font-size: 15px !important;
  border-radius: 0px !important; }

.gray-button-style {
  background-color: #848484 !important;
  font-family: Ubuntu !important;
  color: white !important;
  font-weight: 300 !important;
  font-size: 15px !important;
  border-radius: 0px !important; }

.danger-button-style {
  background-color: #9d3544 !important;
  font-family: Ubuntu !important;
  color: white !important;
  font-weight: 300 !important;
  font-size: 15px !important;
  border-radius: 0px !important; }

.list-name {
  display: block !important; }
  .list-name span {
    font-family: Ubuntu !important;
    color: #424242 !important;
    font-weight: 300 !important;
    font-size: 20px !important; }

.list-description {
  font-family: Ubuntu !important;
  color: #424242 !important;
  font-weight: 600 !important;
  font-size: mainFontSize !important;
  margin-left: 43px;
  text-transform: lowercase !important; }

.list-accordion {
  background-color: white !important;
  margin: 10px !important; }

.machines-pagination {
  border-radius: 0px !important;
  box-shadow: none !important;
  background-color: transparent !important; }

.per-page-list {
  border-radius: 0px !important;
  background-color: #f2f2f2 !important; }

.machine-title {
  font-family: Ubuntu !important;
  font-weight: 300 !important;
  font-size: 17px !important; }

.filter-title {
  font-family: Ubuntu !important;
  font-weight: 300 !important;
  font-size: 15px !important; }

.machine-parts-title {
  font-family: Ubuntu !important;
  font-weight: 300 !important;
  font-size: 15px !important; }

.table-style-v1 {
  background-color: #686868 !important;
  border-radius: 0px !important; }
  .table-style-v1 th {
    text-align: center !important;
    color: white !important;
    font-family: Ubuntu !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    border-radius: 0px !important;
    border-right: 1px solid white; }
  .table-style-v1 th:last-child() {
    border-right: none !important; }

.filters-accordion-title,
.filters-accordion-title > .table,
.machine-parts-accordion-title,
.machine-parts-accordion-title > .table {
  background-color: #f2f2f2 !important; }

.defined-height .results {
  overflow-y: scroll !important;
  max-height: 400px !important; }
.vertical-space-100px {
  display: block;
  height: 100px; }

.user-profile-section .header-section {
  display: block;
  background-color: #686868;
  font-family: Ubuntu;
  font-size: 20px !important;
  position: relative !important;
  color: white !important;
  padding: 30px 20px !important; }
  .user-profile-section .header-section .header .content {
    padding-left: 0px !important;
    font-family: Ubuntu !important;
    font-size: 25px !important;
    color: white !important;
    font-weight: 300 !important; }
    .user-profile-section .header-section .header .content strong {
      font-weight: 400 !important; }

.user-profile-section .content-section {
  background-color: #f2f2f2 !important;
  padding: 40px 20px !important; }

.user-profile-section .user-profile-icon {
  width: 50px !important; }

.user-profile-section .profile-custom-label {
  font-family: Ubuntu !important;
  margin: -5px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  background-color: #f2f2f2 !important;
  display: block !important; }
  .user-profile-section .profile-custom-label strong {
    font-weight: 300 !important;
    padding-left: 10px !important; }

.margin-0 {
  margin: 0px !important; }
.vertical-space-100px {
  display: block;
  height: 100px; }

.Header {
  background-color: #424242 !important;
  font-weight: bold !important;
  color: white !important;
  padding-left: 1.5rem;
  border: 19px;
  font-family: 'Lato', 'Helvetica Neue', 'Arial', 'Helvetica', 'sans-serif'; }

.cells {
  margin: 10px; }

.bordered-cell {
  border-left: 1px solid #ccc; }

.valid-button {
  background-color: #b7ab90 !important;
  color: white !important; }
  .valid-button:hover {
    color: black !important;
    background-color: #eee !important; }

.plusButton {
  background-color: #767676 !important;
  padding: 9px 6px !important;
  width: 30px !important; }

.plusButton:hover {
  background-color: darkgray !important;
  color: rgba(0, 0, 0, 0.6) !important; }

.minusButton {
  border-radius: 0 !important;
  padding: 9px 6px !important;
  width: 30px !important; }

.tableCell {
  padding: 0.5em 1em !important; }

.tableHeaderCell {
  padding: 0.5em  1em !important; }

.tableFooterCell {
  padding: 1.2em 1em !important; }

.quantityInput {
  width: 60px;
  height: 31px; }

@media print {
  .ignore-for-print {
    display: none !important; }
  .invisible-for-print {
    visibility: hidden !important;
    opacity: 0; }
  .Header {
    color: black !important; } }

.tableRow {
  transition: transform 0.3s ease-in-out;
  cursor: grab;
  user-select: none; }

.tableRow.dragging {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
  cursor: grab; }

.button-container {
  display: flex;
  justify-content: flex-end;
  width: 100%; }
.vertical-space-100px {
  display: block;
  height: 100px; }

.table-style-v1 {
  background-color: #686868 !important;
  border-radius: 0px !important; }
  .table-style-v1 th {
    text-align: center !important;
    color: white !important;
    font-family: Ubuntu !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    border-radius: 0px !important;
    border-right: 1px solid white; }
  .table-style-v1 th:last-child() {
    border-right: none !important; }

.colorless {
  background-color: transparent !important; }

.borderless {
  border: none !important; }

.radius-0 {
  border-radius: 0px !important; }
.custom-table {
  border: none !important; }

.list-desc {
  padding-top: 15px !important; }
.vertical-space-100px {
  display: block;
  height: 100px; }

.iframe-title {
  font-size: 30px !important;
  font-family: Ubuntu !important;
  font-weight: 300 !important; }

.v-space-30 {
  display: block !important;
  height: 30px !important; }

.v-space-20 {
  display: block !important;
  height: 20px !important; }

/*# sourceMappingURL=style.css.map*/