@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600");
/********************************/
/*                              */
/*			 FONTS			    */
/*                              */
/********************************/
/********************************/
/*                              */
/*		     MIXINS			    */
/*                              */
/********************************/
:root {
  --primary-color: $resengo-blue;
  --secondary-color: white;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

::-webkit-scrollbar {
  background-color: #fafafa;
  height: 6px;
  width: 6px;
}

::-webkit-scrollbar-track {
  display: none;
}

::-webkit-scrollbar-thumb {
  background-color: #afb8c2;
  color: #afb8c2;
  border-radius: 25px;
  border-width: 0;
}

html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  height: 100%;
}

body {
  font-family: "Montserrat", sans-serif;
  font-style: initial;
  font-stretch: initial;
  line-height: 1.5;
  color: #2a343e;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: transparent;
}

body#Calendar_Small_Body {
  background-color: transparent;
}

.Normal_Text_1 {
  font-family: Montserrat, sans-serif;
}

table .table-head,
table.datasheet, table.POS, table.order-overview {
  background-color: transparent !important;
}

center {
  text-align: left;
}

.WebShop_Body {
  margin: 0;
}

#ShowPersonInfo, .hide {
  display: none;
}

.h100 {
  color: #727f8e;
  font-size: 12px;
  font-weight: 400;
}

.h200 {
  color: #727f8e;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}

.h300 {
  color: #727f8e;
  font-size: 14px;
  font-weight: 400;
}

.h400 {
  color: #2a343e;
  font-size: 14px;
  font-weight: 400;
}

.h500 {
  color: #2a343e;
  font-size: 16px;
  font-weight: 500;
}

.h600 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #2a343e;
}

.h700 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  color: #2a343e;
}

.h800 {
  font-size: 28px;
  line-height: 36px;
  font-weight: 600;
  color: #2a343e;
}

p {
  font-family: "Montserrat", sans-serif;
  line-height: 1.6;
}

b {
  font-weight: 600;
}

ul {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  line-height: 1.6;
}

.mt-10, .mt-1 {
  margin-top: 10px;
}

.mt-20, .mt-2 {
  margin-top: 20px;
}

.mt-30, .mt-3 {
  margin-top: 30px;
}

.mt-40, .mt-4 {
  margin-top: 40px;
}

.mt-50, .mt-5 {
  margin-top: 50px;
}

.mb-10, .mb-1 {
  margin-bottom: 10px;
}

.mb-20, .mb-2 {
  margin-bottom: 20px;
}

.mb-30, .mb-3 {
  margin-bottom: 30px;
}

.mb-40, .mb-4 {
  margin-bottom: 40px;
}

.mb-50, .mb-5 {
  margin-bottom: 50px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-30 {
  margin-left: 30px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-30 {
  margin-right: 30px;
}

a {
  color: #ef7124;
}

.secondary-color-light a,
.secondary-color-dark a {
  color: #2a343e;
}

a:hover {
  color: #2684e0;
}

.secondary-color-light a:hover,
.secondary-color-dark a:hover {
  color: #2a343e;
}

hr {
  border-top: 1px solid #ebeef1;
}

.bt {
  border-top: 1px solid #ebeef1;
}

.bb {
  border-bottom: 1px solid #ebeef1;
}

table {
  width: 100%;
  border-spacing: 0;
}

table td, table th {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 14px;
}

table.datasheet, table.POS, table.order-overview {
  font-family: "Montserrat", sans-serif;
}

#MainScreen {
  max-width: 960px;
  margin: 0 auto;
  padding: 30px;
  background-color: white;
}

@media screen and (max-width: 860px) {
  #MainScreen {
    max-width: 550px;
    padding: 20px;
  }
}

.widget-container #MainScreen {
  padding: 30px 30px 30px;
}

@media screen and (max-width: 860px) {
  .widget-container #MainScreen {
    padding: 20px 20px 20px;
  }
}

#tdFoldersAndProducts {
  margin: 0;
  border: none;
  float: none;
  display: inline-block;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
}

@media screen and (max-width: 860px) {
  #tdFoldersAndProducts {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

#SearchTD {
  display: none;
}

#tableShop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media screen and (max-width: 860px) {
  #tableShop {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

#tdProducts {
  padding: 0 20px;
}

@media screen and (max-width: 860px) {
  #tdProducts {
    padding: 20px 0;
  }
}

#tdProducts, #tdFolders, #CONFIRM.Panel {
  vertical-align: top;
  float: none;
  display: inline-block;
  margin: 0;
  background-color: transparent;
  width: 100%;
}

#tdProducts .Panel, #tdFolders .Panel, #CONFIRM.Panel .Panel {
  border: none;
  width: 100%;
}

td.label {
  width: 34%;
}

#tdProducts #Assets {
  min-width: 475px;
}

#tdFolders {
  padding: 20px;
  display: block;
  text-align: left;
  padding-right: 380px;
}

#tdShoppingCart {
  width: 100%;
  max-width: 420px;
  position: relative;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  background-color: white;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);
}

@media screen and (max-width: 860px) {
  #tdShoppingCart {
    max-width: none;
  }
}

#tdShoppingCart.floating-widget-cart {
  max-width: 550px;
  height: auto;
  border-radius: 0 0 0 10px;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#tdShoppingCart.collapsed {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
  border-radius: 0 0 0 10px;
}

#tdShoppingCart.collapsed .shopping-cart-overview {
  opacity: 0;
  visibility: hidden;
  height: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}

#tdShoppingCart.collapsed .shopping-cart-detail__expand-button .expand-icon svg {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

#tdShoppingCart.collapsed .shopping-cart-detail__title .open-label {
  display: inline;
}

#tdShoppingCart.collapsed .shopping-cart-detail__title .close-label {
  display: none;
}

#tdShoppingCart .shopping-cart-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  position: fixed;
  z-index: 100;
  left: 20px;
  bottom: 20px;
  width: 100%;
  max-width: 550px;
  height: 70px;
  overflow: hidden;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 250ms ease;
  transition: opacity 250ms ease;
  border-radius: 0 0 0 10px;
  background-color: white;
  -webkit-box-shadow: 0 0 28px rgba(42, 52, 62, 0.08);
  box-shadow: 0 0 28px rgba(42, 52, 62, 0.08);
}

.mobile #tdShoppingCart .shopping-cart-detail {
  left: 0;
  bottom: 0;
  border-radius: 0;
}

#tdShoppingCart .shopping-cart-detail__expand-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-transition: background-color 150ms ease;
  transition: background-color 150ms ease;
}

#tdShoppingCart .shopping-cart-detail__expand-button:hover {
  background-color: #fafafa;
}

#tdShoppingCart .shopping-cart-detail__expand-button .expand-icon svg {
  width: 12px;
  height: 12px;
  fill: #2a343e;
  margin-right: 5px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

#tdShoppingCart .shopping-cart-detail__title {
  font-size: 14px;
  font-weight: 400;
  color: #727f8e;
}

.mobile #tdShoppingCart .shopping-cart-detail__title {
  display: none;
}

#tdShoppingCart .shopping-cart-detail__title .open-label {
  display: none;
}

#tdShoppingCart .shopping-cart-detail__title .close-label {
  display: inline;
}

#tdShoppingCart .shopping-cart-detail__count {
  background-color: #ebeef1;
  color: #2a343e;
  border-radius: 999px;
  padding: 3px 10px;
  font-size: 14px;
  font-weight: 400;
  margin-left: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#tdShoppingCart .shopping-cart-detail__count .cart-icon {
  display: none;
}

.mobile #tdShoppingCart .shopping-cart-detail__count .cart-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mobile #tdShoppingCart .shopping-cart-detail__count .cart-icon svg {
  fill: white;
  fill: var(--secondary-color);
  margin-right: 5px;
}

#tdShoppingCart .shopping-cart-detail__value {
  white-space: nowrap;
}

#tdShoppingCart .shopping-cart-detail__checkout {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}

#tdShoppingCart .shopping-cart-detail__checkout button {
  background-color: #2684e0;
  background-color: var(--primary-color);
  color: white;
  color: var(--secondary-color);
  height: 100%;
  padding: 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mobile #tdShoppingCart .shopping-cart-detail__checkout button {
  padding: 0 20px;
}

#tdShoppingCart .shopping-cart-detail__checkout svg {
  width: 12px;
  height: 12px;
  margin-left: 5px;
  fill: white;
  fill: var(--secondary-color);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 0;
}

#tdShoppingCart .shopping-cart-overview {
  position: fixed;
  left: 20px;
  bottom: 90px;
  width: 100%;
  max-width: 550px;
  z-index: 90;
  opacity: 1;
  visibility: visible;
  height: auto;
  max-height: calc(100% - 200px);
  overflow-y: auto;
  background-color: white;
  -webkit-box-shadow: 0 0 28px rgba(42, 52, 62, 0.08);
  box-shadow: 0 0 28px rgba(42, 52, 62, 0.08);
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 250ms ease, -webkit-transform 250ms ease;
  transition: opacity 250ms ease, -webkit-transform 250ms ease;
  transition: opacity 250ms ease, transform 250ms ease;
  transition: opacity 250ms ease, transform 250ms ease, -webkit-transform 250ms ease;
}

.mobile #tdShoppingCart .shopping-cart-overview {
  left: 0;
  bottom: 70px;
  max-height: calc(100% - 150px);
}

#tdShoppingCart .shopping-cart-overview__close-btn {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  background-image: url("/Images/Resengo/platform/close-dark.svg");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  border-radius: 999px;
  -webkit-transition: background-color 150ms ease;
  transition: background-color 150ms ease;
}

#tdShoppingCart .shopping-cart-overview__close-btn:hover {
  background-color: #ebeef1;
}

.client-parameters {
  font-size: 10px;
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.Panel_Top_Row_Title {
  background-color: transparent;
}

.Panel_Top_Middle_Cell_Title {
  padding: 20px 0 25px;
}

.table-heading {
  font-weight: 500;
  font-size: 20px;
}

.table-heading td {
  font-size: 20px;
  font-weight: 500;
}

table .table-head, table thead > tr {
  color: #2a343e;
}

.SHOP_TABLE_Folder {
  line-height: 30px;
}

.SHOP_TABLE_Asset {
  border: none;
  font-size: 14px;
  line-height: 26px;
  color: #727f8e;
}

.SHOP_TABLE_Asset td {
  padding: 10px 0;
}

.shop-asset {
  padding: 15px 15px 10px 15px;
  margin-bottom: 15px;
  -webkit-box-shadow: 0 2px 8px rgba(42, 52, 62, 0.08), 0 0 1px rgba(42, 52, 62, 0.04);
          box-shadow: 0 2px 8px rgba(42, 52, 62, 0.08), 0 0 1px rgba(42, 52, 62, 0.04);
}

.shop-asset__content {
  margin-right: 10px;
  word-break: break-word;
}

.shop-asset__img {
  width: 140px;
  height: 96px;
}

.shop-asset__img .asset-picture {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.shop-asset__img .asset-picture--large {
  position: fixed;
  z-index: 999;
  width: 0;
  height: 0;
  left: 0;
  top: 0;
  background-color: rgba(42, 52, 62, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}

.widget-container .shop-asset__img .asset-picture--large {
  max-height: calc(100% - 40px);
  max-width: 550px;
  left: 20px;
  top: unset;
  bottom: 20px;
  border-radius: 10px 10px 0 10px;
}

.widget-container.mobile .shop-asset__img .asset-picture--large {
  top: 0;
  left: 0;
  bottom: unset;
  max-height: none;
  max-width: none;
}

.shop-asset__img .asset-picture--large picture {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.shop-asset__img .asset-picture--large img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  -webkit-transform: translateZ(0px);
          transform: translateZ(0px);
}

.shop-asset__img .asset-picture--large.active {
  height: 100%;
  width: 100%;
  visibility: visible;
  opacity: 1;
}

.shop-asset__img .asset-picture--large.active .holder {
  -webkit-transform: scale(1) translateY(0);
          transform: scale(1) translateY(0);
}

.shop-asset__img .asset-picture--large .holder {
  background-color: white;
  padding: 0;
  border-radius: 3px;
  -webkit-box-shadow: 0 4px 24px rgba(42, 52, 62, 0.24);
          box-shadow: 0 4px 24px rgba(42, 52, 62, 0.24);
  max-width: 460px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  -webkit-transform: scale(0.96) translateY(30px);
          transform: scale(0.96) translateY(30px);
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
  margin: 0 20px;
}

.mobile .shop-asset__img .asset-picture--large .holder {
  max-height: calc(100vh - 100px);
}

.shop-asset__img .asset-picture--large .picture-info {
  padding: 15px;
}

.shop-asset__img .asset-picture--large .picture-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.shop-asset__img .asset-picture--large .picture-title .buttons.icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.WS_TopText td {
  background-color: #ebeef1;
  color: #727f8e;
  line-height: 1.4;
  padding: 20px !important;
  display: block;
  margin: 0 auto;
  max-width: 865px;
  margin-top: 15px;
}

.WS_TopText td b {
  font-weight: 400;
}

.info-message {
  background-color: #ebeef1;
  color: #727f8e;
  line-height: 1.4;
  padding: 20px !important;
  display: block;
  margin: 0 auto;
  text-align: center;
}

.remarks-container label {
  margin-bottom: 5px;
  display: block;
}

img.WS_Asset_ThumbNail {
  margin-right: 10px;
}

#ShoppingBasket {
  max-width: none !important;
  border: none;
}

.SHOP_EmptyBasket {
  text-align: center;
  font-family: "Montserrat", sans-serif;
  color: #727f8e;
}

.SHOP_EmptyBasket br {
  display: none;
}

input[type="button"].orange,
.STEPS_BUTTON_Forward.orange {
  background-color: #2684e0;
  background-color: var(--primary-color);
}

input[type="button"], button, input[type="submit"], .buttons, input[type="submit"].big {
  display: inline-block;
  width: 100%;
  height: 48px;
  font-size: 15px;
  text-transform: uppercase;
  border-radius: 0px;
  letter-spacing: 2px;
  font-family: "Montserrat", sans-serif;
  border: 0;
  font-weight: 600;
  -webkit-appearance: none;
  cursor: pointer;
}

input[type="button"].STEPS_BUTTON_Back {
  background-color: transparent;
  border: 0 !important;
  color: #2a343e !important;
}

input[type="button"].STEPS_BUTTON_Forward,
input[type="submit"].STEPS_BUTTON_Forward,
input[type="button"]#confirm,
input[type="submit"] {
  background-color: #2684e0;
  background-color: var(--primary-color);
  color: #fff;
  color: var(--secondary-color);
}

input[type="submit"]#CancelButton {
  background-color: #ff655c;
  color: #fff;
}

#ConfirmButtons,
#CancelButtons {
  display: block;
  width: 100%;
}

input[type="submit"].icon.check {
  padding-left: 0.9em;
  background-image: none;
}

.buttons.icon.action-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 36px;
  height: 36px;
  cursor: pointer;
  background-color: transparent;
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
  vertical-align: middle;
  border-radius: 999px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.buttons.icon.action-btn:hover {
  background-color: #ebeef1;
}

.buttons.icon.action-btn.no-click {
  cursor: default;
}

.buttons.icon.action-btn.no-click:hover {
  background-color: transparent;
}

.buttons.icon.action-btn.edit-dark {
  background-image: url("/Images/Resengo/platform/pencil-dark.svg");
}

.buttons.icon.action-btn.edit-dark img {
  display: none;
}

.buttons.icon.action-btn.question-dark {
  background-image: url("/Images/Resengo/platform/question-circle-dark.svg");
}

.buttons.icon.action-btn.question-dark img {
  display: none;
}

.buttons.icon.action-btn.copy-dark {
  background-image: url("/Images/Resengo/platform/copy-dark.svg");
}

.buttons.icon.action-btn.copy-dark img {
  display: none;
}

.buttons.icon.action-btn.delete-dark {
  background-image: url("/Images/Resengo/platform/bin-dark.svg");
}

.buttons.icon.action-btn.delete-dark img {
  display: none;
}

.buttons.icon.action-btn.add-dark {
  background-image: url("/Images/Resengo/platform/add-dark.svg");
}

.buttons.icon.action-btn.add-dark img {
  display: none;
}

.buttons.icon.action-btn.clear-dark {
  background-image: url("/Images/Resengo/platform/close-dark.svg");
}

.buttons.icon.action-btn.clear-dark img {
  display: none;
}

.buttons.icon.action-btn.search-dark {
  background-image: url("/Images/Resengo/platform/search-dark.svg");
}

.buttons.icon.action-btn.search-dark img {
  display: none;
}

.buttons.icon.action-btn.desc-dark {
  background-image: url("/Images/Resengo/platform/chevron-down-dark.svg");
}

.buttons.icon.action-btn.desc-dark img {
  display: none;
}

.buttons.icon.action-btn.asc-dark {
  background-image: url("/Images/Resengo/platform/chevron-up-dark.svg");
}

.buttons.icon.action-btn.asc-dark img {
  display: none;
}

.buttons.icon.action-btn.arrow-left-dark {
  background-image: url("/Images/Resengo/platform/chevron-left-dark.svg");
}

.buttons.icon.action-btn.arrow-left-dark img {
  display: none;
}

.buttons.icon.action-btn.arrow-right-dark {
  background-image: url("/Images/Resengo/platform/chevron-right-dark.svg");
}

.buttons.icon.action-btn.arrow-right-dark img {
  display: none;
}

.buttons.icon.action-btn.info-dark {
  background-image: url("/Images/Resengo/info-dark.svg");
}

.buttons.icon.action-btn.info-dark img {
  display: none;
}

.buttons.icon.action-btn.date-dark, .buttons.icon.action-btn.calendar-dark {
  background-image: url("/Images/Resengo/platform/calendar-date-dark.svg");
}

.buttons.icon.action-btn.date-dark img, .buttons.icon.action-btn.calendar-dark img {
  display: none;
}

.buttons.icon.action-btn.gear-dark {
  background-image: url("/Images/Resengo/platform/cog-dark.svg");
}

.buttons.icon.action-btn.gear-dark img {
  display: none;
}

.buttons.icon.action-btn.message-dark {
  background-image: url("/Images/Resengo/platform/bubble-typing-dark.svg");
}

.buttons.icon.action-btn.message-dark img {
  display: none;
}

.buttons.icon.action-btn.message-red {
  background-image: url("/Images/Resengo/platform/bubble-typing-red.svg");
}

.buttons.icon.action-btn.message-red img {
  display: none;
}

.buttons.icon.action-btn.message-green {
  background-image: url("/Images/Resengo/platform/bubble-typing-green.svg");
}

.buttons.icon.action-btn.message-green img {
  display: none;
}

.buttons.icon.action-btn.message-blue {
  background-image: url("/Images/Resengo/platform/bubble-typing-blue.svg");
}

.buttons.icon.action-btn.message-blue img {
  display: none;
}

.buttons.icon.action-btn.message-orange, .buttons.icon.action-btn.message-kitchen {
  background-image: url("/Images/Resengo/platform/bubble-typing-orange.svg");
}

.buttons.icon.action-btn.message-orange img, .buttons.icon.action-btn.message-kitchen img {
  display: none;
}

.buttons.icon.action-btn.send-dark {
  background-image: url("/Images/Resengo/platform/send-email-dark.svg");
}

.buttons.icon.action-btn.send-dark img {
  display: none;
}

.buttons.icon.action-btn.mail-dark {
  background-image: url("/Images/Resengo/platform/email-unread-dark.svg");
}

.buttons.icon.action-btn.mail-dark img {
  display: none;
}

.buttons.icon.action-btn.mail-red {
  background-image: url("/Images/Resengo/platform/email-unread-red.svg");
}

.buttons.icon.action-btn.mail-red img {
  display: none;
}

.buttons.icon.action-btn.mail-green {
  background-image: url("/Images/Resengo/platform/email-unread-green.svg");
}

.buttons.icon.action-btn.mail-green img {
  display: none;
}

.buttons.icon.action-btn.mail-blue {
  background-image: url("/Images/Resengo/platform/email-unread-blue.svg");
}

.buttons.icon.action-btn.mail-blue img {
  display: none;
}

.buttons.icon.action-btn.sms-dark {
  background-image: url("/Images/Resengo/platform/phone-type-dark.svg");
}

.buttons.icon.action-btn.sms-dark img {
  display: none;
}

.buttons.icon.action-btn.sms-red {
  background-image: url("/Images/Resengo/platform/phone-type-red.svg");
}

.buttons.icon.action-btn.sms-red img {
  display: none;
}

.buttons.icon.action-btn.sms-green {
  background-image: url("/Images/Resengo/platform/phone-type-green.svg");
}

.buttons.icon.action-btn.sms-green img {
  display: none;
}

.buttons.icon.action-btn.clock-dark {
  background-image: url("/Images/Resengo/platform/clock-dark.svg");
}

.buttons.icon.action-btn.clock-dark img {
  display: none;
}

.buttons.icon.action-btn.clock-orange {
  background-image: url("/Images/Resengo/platform/clock-orange.svg");
}

.buttons.icon.action-btn.clock-orange img {
  display: none;
}

.buttons.icon.action-btn.tables-dark {
  background-image: url("/Images/Resengo/platform/restaurant-table-dark.svg");
}

.buttons.icon.action-btn.tables-dark img {
  display: none;
}

.buttons.icon.action-btn.personlist-dark, .buttons.icon.action-btn.tables-dark-seats {
  background-image: url("/Images/Resengo/platform/user-multiple-dark.svg");
}

.buttons.icon.action-btn.personlist-dark img, .buttons.icon.action-btn.tables-dark-seats img {
  display: none;
}

.buttons.icon.action-btn.present {
  background-image: url("/Images/Resengo/platform/single-neutral-actions-check-2.svg");
}

.buttons.icon.action-btn.present img {
  display: none;
}

.buttons.icon.action-btn.late {
  background-image: url("/Images/Resengo/platform/single-neutral-actions-time.svg");
}

.buttons.icon.action-btn.late img {
  display: none;
}

.buttons.icon.action-btn.noshow {
  background-image: url("/Images/Resengo/platform/single-neutral-actions-remove.svg");
}

.buttons.icon.action-btn.noshow img {
  display: none;
}

.buttons.icon.action-btn.view-dark {
  background-image: url("/Images/Resengo/platform/view-dark.svg");
}

.buttons.icon.action-btn.view-dark img {
  display: none;
}

.buttons.icon.action-btn.print-dark {
  background-image: url("/Images/Resengo/platform/print-dark.svg");
}

.buttons.icon.action-btn.print-dark img {
  display: none;
}

.buttons.icon.action-btn.printlist-dark {
  background-image: url("/Images/Resengo/platform/task-checklist-check.svg");
}

.buttons.icon.action-btn.printlist-dark img {
  display: none;
}

.buttons.icon.action-btn.list-dark {
  background-image: url("/Images/Resengo/platform/file-text-dark.svg");
}

.buttons.icon.action-btn.list-dark img {
  display: none;
}

.buttons.icon.action-btn.refresh-dark {
  background-image: url("/Images/Resengo/platform/refresh-dark.svg");
}

.buttons.icon.action-btn.refresh-dark img {
  display: none;
}

.buttons.icon.action-btn.flag-dark {
  background-image: url("/Images/Resengo/platform/flag-plain-3.svg");
}

.buttons.icon.action-btn.flag-dark img {
  display: none;
}

.buttons.icon.action-btn.flag-red {
  background-image: url("/Images/Resengo/platform/flag-plain-3-red.svg");
}

.buttons.icon.action-btn.flag-red img {
  display: none;
}

.buttons.icon.action-btn.save-filter-dark {
  background-image: url("/Images/Resengo/platform/filter-1.svg");
}

.buttons.icon.action-btn.save-filter-dark img {
  display: none;
}

.buttons.icon.action-btn.excel-dark {
  background-image: url("/Images/Resengo/platform/layout-2.svg");
}

.buttons.icon.action-btn.excel-dark img {
  display: none;
}

.buttons.icon.action-btn.promotion {
  background-image: url("/Images/Resengo/platform/discount-bubble.svg");
}

.buttons.icon.action-btn.promotion img {
  display: none;
}

.buttons.icon.action-btn.syringe-dark {
  background-image: url("/Images/Resengo/platform/medical-instrument-syringe-1.svg");
}

.buttons.icon.action-btn.syringe-dark img {
  display: none;
}

.buttons.icon.action-btn.birthday-dark {
  background-image: url("/Images/Resengo/platform/party-confetti.svg");
}

.buttons.icon.action-btn.birthday-dark img {
  display: none;
}

.buttons.icon.action-btn.cocktail-dark {
  background-image: url("/Images/Resengo/platform/cocktail-martini.svg");
}

.buttons.icon.action-btn.cocktail-dark img {
  display: none;
}

.buttons.icon.action-btn.sleepover-dark {
  background-image: url("/Images/Resengo/platform/hotel-bed.svg");
}

.buttons.icon.action-btn.sleepover-dark img {
  display: none;
}

.buttons.icon.action-btn.undo {
  background-image: url("/Images/Resengo/platform/undo.svg");
}

.buttons.icon.action-btn.undo img {
  display: none;
}

.buttons.icon.action-btn.check-circle-green {
  background-image: url("/Images/Resengo/platform/check-circle-green.svg");
}

.buttons.icon.action-btn.check-circle-green img {
  display: none;
}

.buttons.icon.action-btn.check-circle {
  background-image: url("/Images/Resengo/platform/check-circle-dark.svg");
}

.buttons.icon.action-btn.check-circle img {
  display: none;
}

.buttons.icon.action-btn.check-circle-white {
  background-image: url("/Images/Resengo/platform/check-circle-white.svg");
}

.buttons.icon.action-btn.check-circle-white img {
  display: none;
}

.buttons.icon.action-btn.remove-circle-red {
  background-image: url("/Images/Resengo/platform/remove-circle-red.svg");
}

.buttons.icon.action-btn.remove-circle-red img {
  display: none;
}

.buttons.icon.action-btn.remove-circle {
  background-image: url("/Images/Resengo/platform/remove-circle.svg");
}

.buttons.icon.action-btn.remove-circle img {
  display: none;
}

.buttons.icon.action-btn.edit-folder-dark {
  background-image: url("/Images/Resengo/platform/folder-edit-dark.svg");
}

.buttons.icon.action-btn.edit-folder-dark img {
  display: none;
}

.buttons.icon.action-btn.off, .buttons.icon.action-btn.offline, .buttons.icon.action-btn.online, .buttons.icon.action-btn.waiting-list {
  display: inline-block;
  height: 16px;
  width: 16px;
  border-radius: 999px;
}

.buttons.icon.action-btn.off img, .buttons.icon.action-btn.offline img, .buttons.icon.action-btn.online img, .buttons.icon.action-btn.waiting-list img {
  display: none;
}

.buttons.icon.action-btn.off {
  border: 2px solid #727f8e;
  background-color: white;
}

.buttons.icon.action-btn.off.no-click {
  cursor: default;
}

.buttons.icon.action-btn.off.no-click:hover {
  background-color: white;
}

.buttons.icon.action-btn.offline {
  background-color: #ff655c;
}

.buttons.icon.action-btn.offline.no-click {
  cursor: default;
}

.buttons.icon.action-btn.offline.no-click:hover {
  background-color: #ff655c;
}

.buttons.icon.action-btn.online {
  background-color: #24B577;
}

.buttons.icon.action-btn.online.no-click {
  cursor: default;
}

.buttons.icon.action-btn.online.no-click:hover {
  background-color: #24B577;
}

.buttons.icon.action-btn.waiting-list {
  background-color: #f6b352;
}

.buttons.icon.action-btn.waiting-list.no-click {
  cursor: default;
}

.buttons.icon.action-btn.waiting-list.no-click:hover {
  background-color: #f6b352;
}

.buttons.icon.action-btn.sort-btn {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-size: 12px;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}

.buttons.icon.action-btn.sort-btn img {
  display: none;
}

.buttons.icon.action-btn.sort-btn:hover {
  background-color: transparent;
}

.add-order-item {
  display: inline-block;
  background: transparent url("/Images/Resengo/add-slategray.svg") no-repeat center;
  background-size: 20px 20px;
  width: 40px;
  height: 40px;
  vertical-align: -14px;
  margin-left: 25px;
  border-radius: 999px;
  -webkit-transition: background-color 150ms ease;
  transition: background-color 150ms ease;
}

.add-order-item:hover {
  background-color: #ebeef1;
}

.add-order-item img {
  display: none;
}

.sold-out {
  background-color: #ebeef1;
  padding: 3px 5px;
  border-radius: 3px;
}

.delete-order-item {
  display: inline-block;
  background: transparent url("/Images/Resengo/delete-slategray.svg") no-repeat center;
  background-size: 20px 20px;
  width: 40px;
  height: 40px;
  vertical-align: -14px;
  border-radius: 999px;
  -moz-border-radius: 999px;
  -webkit-border-radius: 999px;
  margin-right: 10px;
}

.delete-order-item:hover {
  background-color: #ebeef1;
}

.delete-order-item--spacer {
  width: 40px;
}

.delete-order-item img {
  display: none;
}

.subtotalTR {
  font-size: 14px;
  color: #727f8e;
  line-height: 2;
}

.TotalLine td {
  font-size: 16px;
  line-height: 2;
  font-weight: 600;
  padding: 0;
}

.TotalLine td table tr.default-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.TotalLine td table tr.default-info td {
  width: auto;
  min-width: initial;
  font-weight: 600;
}

tr.TotalLine > td {
  padding-bottom: 20px;
}

.TotalLine br {
  display: none;
}

select, textarea,
input[type="text"], input[type="password"],
input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"],
input[type="time"], input[type="week"],
input[type="number"], input[type="email"],
input[type="url"], input[type="search"],
input[type="tel"], input[type="color"] {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  height: 40px;
  padding: 4px 10px;
  background-color: #ebeef1;
  color: #2a343e;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
  -webkit-appearance: none;
}

select:focus, select:active, textarea:focus, textarea:active,
input[type="text"]:focus,
input[type="text"]:active, input[type="password"]:focus, input[type="password"]:active,
input[type="datetime"]:focus,
input[type="datetime"]:active, input[type="datetime-local"]:focus, input[type="datetime-local"]:active,
input[type="date"]:focus,
input[type="date"]:active, input[type="month"]:focus, input[type="month"]:active,
input[type="time"]:focus,
input[type="time"]:active, input[type="week"]:focus, input[type="week"]:active,
input[type="number"]:focus,
input[type="number"]:active, input[type="email"]:focus, input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active, input[type="search"]:focus, input[type="search"]:active,
input[type="tel"]:focus,
input[type="tel"]:active, input[type="color"]:focus, input[type="color"]:active {
  background-color: #ebeef1;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.SHOP_TABLE_Asset select, .SHOP_TABLE_Asset textarea, .SHOP_TABLE_Asset
input[type="text"], .SHOP_TABLE_Asset input[type="password"], .SHOP_TABLE_Asset
input[type="datetime"], .SHOP_TABLE_Asset input[type="datetime-local"], .SHOP_TABLE_Asset
input[type="date"], .SHOP_TABLE_Asset input[type="month"], .SHOP_TABLE_Asset
input[type="time"], .SHOP_TABLE_Asset input[type="week"], .SHOP_TABLE_Asset
input[type="number"], .SHOP_TABLE_Asset input[type="email"], .SHOP_TABLE_Asset
input[type="url"], .SHOP_TABLE_Asset input[type="search"], .SHOP_TABLE_Asset
input[type="tel"], .SHOP_TABLE_Asset input[type="color"] {
  width: initial;
}

select:disabled, textarea:disabled,
input[type="text"]:disabled, input[type="password"]:disabled,
input[type="datetime"]:disabled, input[type="datetime-local"]:disabled,
input[type="date"]:disabled, input[type="month"]:disabled,
input[type="time"]:disabled, input[type="week"]:disabled,
input[type="number"]:disabled, input[type="email"]:disabled,
input[type="url"]:disabled, input[type="search"]:disabled,
input[type="tel"]:disabled, input[type="color"]:disabled {
  background-color: #c7ced5;
  cursor: not-allowed;
}

textarea {
  min-height: 70px;
}

select, select:focus {
  padding-right: 35px;
  background-image: url("/Images/Resengo/chevron-down-dark.svg");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: right 15px center;
  cursor: pointer;
}

select#OrderAddress_FI_VATCalculationTypeID {
  margin-top: 10px;
  display: block;
}

select::-ms-expand {
  opacity: 0;
  width: 0;
}

/* CONFIRM ORDER */
#CONFIRM.Panel {
  width: 100%;
  border: none;
  margin-bottom: 40px;
}

#CONFIRM.Panel .Panel_Middle_Middle_Cell {
  width: 100%;
}

#CONFIRM #SubmitLine td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}

#CONFIRM #SubmitLine td #ConfirmButtons, #CONFIRM #SubmitLine td #CancelButtons {
  margin-top: 30px;
}

.mobile #CONFIRM #SubmitLine td {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mobile #CONFIRM #SubmitLine td #CancelButtons {
  margin-top: 10px;
}

.options-submit-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.options-submit-line .submit {
  margin-left: 10px;
}

@media screen and (max-width: 400px) {
  .options-submit-line {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .options-submit-line .cancel {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .options-submit-line .submit {
    margin-left: 0;
    margin-bottom: 10px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.Panel_Top_Middle_Cell_Title {
  text-align: left;
}

#OrderDetailTable, #OrderConfirmDeliveryTypesTable {
  max-width: none !important;
  width: 100%;
}

#OrderConfirmDeliveryTypesTable {
  margin: 40px 0;
}

table.order-overview,
table#AppendEditPersonTable {
  margin-bottom: 30px;
}

table.order-overview tr td,
table.order-overview tr th {
  padding: 0 0 5px 0;
}

.head1 {
  background-color: transparent;
  color: initial;
  text-transform: initial;
  font-weight: initial;
  border-bottom: none !important;
  position: relative;
}

.head1 td, .head1 th {
  border-bottom: none !important;
  padding-bottom: 20px !important;
}

.head1 > td, .head1 > th {
  font-weight: 500;
}

.TableHeading1 {
  font-weight: 500;
  font-size: 20px;
  text-align: left;
}

.TableHeading1 td, .TableHeading1 th {
  font-size: 20px;
}

.TableHeading1 th {
  padding-bottom: 20px;
  font-weight: 500;
}

.TableHeading1.table-head th {
  text-transform: initial;
  font-size: 14px;
  color: #727f8e;
  border: none !important;
  font-weight: 400;
}

th.TableHeading1 {
  padding-bottom: 20px;
}

table .row td {
  font-size: 14px;
  font-weight: 400;
  color: #2a343e;
  line-height: 2;
}

label, .label {
  font-size: 14px;
  color: #2a343e;
}

#frmConfirmOrder {
  padding: 0;
}

#ProgressLine td {
  color: #727f8e;
}

#Progressbar {
  margin: 0 auto 20px;
  background-color: #2684e0 !important;
  background-color: var(--primary-color) !important;
  height: 5px !important;
}

#CONFIRM .Panel_Bottom_Row .Panal_Bottom_Middle_Cell {
  height: 35px;
}

table .row:hover {
  background-color: transparent;
}

.Panel_Middle_Middle_Cell > br,
#SubmitLine br {
  display: none;
}

table .totals-row {
  background-color: transparent;
}

table .row:nth-child(2n+1) {
  background-color: transparent;
}

#OrderAddress_FI_VATCalculationTypeID_TR td,
#OptionLine td {
  line-height: 60px;
}

#OrderAddress_FI_VATCalculationTypeID_TR td {
  text-align: left;
}

.payment-type {
  text-transform: initial;
  font-weight: initial;
  letter-spacing: initial;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.payment-type input[type="radio"] {
  vertical-align: -2px;
}

.payment-type > a img:first-child {
  display: none;
}

.payment-types > td {
  border-bottom: 1px solid #ebeef1;
}

.payment-types > td > table tr td:last-child,
.payment-types > td > table tr:nth-child(2) td:first-child {
  display: none;
}

#AcceptConditions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0;
}

#OptionLine td.Emphasis {
  padding: 20px 0;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

input[type="checkbox"],
input[type="radio"] {
  display: inline-block;
  height: 20px;
  width: 20px;
  vertical-align: top;
  margin: 0;
  -webkit-appearance: none;
  z-index: 2;
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: inline-block;
  position: relative;
  padding: 0 0 0 30px;
  min-height: 20px;
  line-height: 22px;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

input[type="checkbox"] + label br,
input[type="radio"] + label br {
  display: none;
}

input[type="checkbox"] + label::before,
input[type="radio"] + label::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(114, 127, 142, 0.5);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: -10px;
  -webkit-transition: all ease 150ms;
  transition: all ease 150ms;
}

input[type="checkbox"] + label::after,
input[type="radio"] + label::after {
  content: '';
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  left: 4px;
  top: 50%;
  background-color: #2684e0;
  background-color: var(--primary-color);
  opacity: 0;
  -webkit-transform: scale(0) translateY(-50%);
          transform: scale(0) translateY(-50%);
  -webkit-transition: all ease 150ms;
  transition: all ease 150ms;
}

input[type="checkbox"]:checked + label::after,
input[type="radio"]:checked + label::after {
  opacity: 1;
  -webkit-transform: scale(1) translateY(-50%);
          transform: scale(1) translateY(-50%);
}

input[type="checkbox"]:checked + label::before,
input[type="radio"]:checked + label::before {
  border-color: #2684e0;
  border-color: var(--primary-color);
}

input[type="radio"] + label::before {
  content: '';
  border-radius: 999px;
}

input[type="radio"] + label::after {
  content: '';
  border-radius: 999px;
}

#External_WS_OrderAddress_Mobile_1,
#External_WS_OrderAddress_Telephone_1,
#External_WS_OrderAddress_Telephone_2,
#External_WS_OrderAddress_Telephone_3,
#External_Mobile {
  width: 90px;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  margin-right: 5px;
  text-align: center !important;
}

#External_Mobile + #Number_Mobile {
  display: inline-block;
  width: calc(100% - 100px);
  margin: 0;
  vertical-align: middle;
}

#Number_WS_OrderAddress_Mobile_1,
#Number_WS_OrderAddress_Telephone_1,
#Number_WS_OrderAddress_Telephone_2,
#Number_WS_OrderAddress_Telephone_3 {
  display: inline-block;
  width: calc(100% - 100px);
  margin: 0;
  vertical-align: middle;
}

.order-contact-form td:empty {
  display: none !important;
}

.logintable-container {
  padding-left: 20px;
}

#LoginTable input[type="submit"] {
  margin: 15px 0;
}

span.success {
  text-align: left;
  line-height: 1.4;
}

.success {
    background-color: #24B577;
    color: white;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    padding: 15px 15px 15px 45px;
    background-image: url("/Images/Resengo/platform/check-circle-white.svg");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left 15px top 15px;
}

    .success + .success {
        margin-top: 15px;
    }
.error {
  padding: 15px;
  background-color: #ff655c;
  color: white;
  display: inline-block;
  width: 100%;
}

#DixysLink {
  position: static;
  display: block;
}

#DixysLink a {
  display: block;
  margin: 20px auto 10px;
  width: 66px;
  height: 24px;
  background: transparent url("/Images/Resengo/resengo-logo.svg") no-repeat center;
  background-size: 66px 24px;
}

#DixysLink img {
  display: none;
}

#busy-holder {
  display: none;
  background-color: transparent;
  opacity: initial;
  -webkit-filter: none;
          filter: none;
  z-index: 99999;
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
}

.widget-container #busy-holder {
  max-height: calc(100% - 40px);
  max-width: 550px;
  left: 20px;
  top: unset;
  bottom: 20px;
}

.widget-container.mobile #busy-holder {
  top: 0;
  left: 0;
  bottom: unset;
  max-height: none;
  max-width: none;
}

#busy-holder.busy-holder--white {
  background: transparent;
}

#busy-holder.busy-holder--white .busy-overlay {
  background-color: #fff;
  height: 100%;
  width: 100%;
  /* position: fixed; */
  display: block;
  opacity: 0.9;
}

.widget-container #busy-holder.busy-holder--white .busy-overlay {
  border-radius: 10px 10px 0 10px;
}

.widget-container.mobile #busy-holder.busy-holder--white .busy-overlay {
  border-radius: 0;
}

#busy {
  position: absolute;
  left: calc(50% - 18px);
  top: calc(50% - 18px);
  z-index: 8031;
  border: 3px solid #2684e0;
  border: 3px solid var(--primary-color);
  border-bottom-color: transparent;
  height: 36px;
  width: 36px;
  margin: 0;
  border-radius: 999em;
  background: transparent !important;
  display: inline-block;
  -webkit-animation: rotate-ball-resengo 1200ms cubic-bezier(0.7, 0.45, 0.35, 0.62) infinite;
          animation: rotate-ball-resengo 1200ms cubic-bezier(0.7, 0.45, 0.35, 0.62) infinite;
}

@keyframes rotate-ball-resengo {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate-ball-resengo {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media only screen and (max-width: 885px) {
  #tdProducts .Panel {
    max-width: none !important;
    min-width: 0 !important;
  }
  #OrderAddress_FI_VATCalculationTypeID_TR td, #OptionLine td {
    line-height: 26px;
  }
}

@media only screen and (max-width: 768px) {
  .submit-container {
    position: relative;
  }
  .submit-container #SubmitLine td {
    position: initial;
    width: initial;
    left: initial;
  }
  .logintable-container {
    display: block;
    padding-left: initial;
  }
}

.order-contact-form th,
.order-contact-form td {
  display: block;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0 0 15px 0;
}

.order-contact-form th.label, .order-contact-form th.RequiredLabel,
.order-contact-form td.label,
.order-contact-form td.RequiredLabel {
  padding: 0 0 5px 0;
}

.order-contact-form,
.order-contact-form table,
.order-contact-form tbody,
.order-contact-form tr {
  display: block;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin: 0;
}

.order-contact-form .TotalLine th,
.order-contact-form tr.TotalLine,
.order-contact-form .TotalLine td {
  display: initial;
  width: auto;
  min-width: 0;
}

.payment-types th,
.payment-types td,
.freetextfield-table th,
.freetextfield-table td {
  display: block;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0 0 15px 0;
}

.payment-types,
.payment-types table,
.payment-types tbody,
.payment-types tr,
.freetextfield-table,
.freetextfield-table tbody,
.freetextfield-table tr {
  display: block;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin: 0;
}

.freetextfield-td {
  text-align: left;
}

.freetextfield-td input {
  margin-top: 5px;
}

.order-address-option {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

table .row td,
.label {
  font-size: 14px;
}

table .table-head th {
  white-space: normal;
}

.TableHeading1.table-head th {
  font-size: 12px;
  font-weight: 300;
}

td.subtotalTD {
  color: #727f8e;
  font-size: 14px;
}

table .table-head {
  height: auto;
}

.OptionListTitle {
  padding-left: 15px;
  font-weight: 500;
  font-size: 13px;
  color: #727f8e;
}

.OptionListOptionTD {
  padding-left: 15px;
  padding-bottom: 15px;
}

.OptionAssetDescription {
  color: #727f8e;
  padding: 10px 0;
  display: inline-block;
}

.spinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.spinner-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 36px;
  height: 36px;
  background-color: transparent;
  border-radius: 999px;
  text-decoration: none;
  z-index: 1;
  -webkit-transition: background-color 150ms ease;
  transition: background-color 150ms ease;
}

.spinner-button:hover {
  background-color: #ebeef1;
}

.spinner-button svg {
  fill: #2a343e;
}

.spinner-button.disabled {
  cursor: default;
}

.spinner-button.disabled svg {
  fill: #afb8c2;
}

.spinner-button.disabled:hover {
  background-color: transparent;
}

.spinner-value {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 14px;
}

/*Processflow*/
#DixysLink, .BrandNL {
  display: none !important;
}

.tabs {
  background-color: #2684e0;
  background-color: var(--primary-color);
  height: 80px;
}

.tabs td {
  opacity: 0.6;
}

.tabs td.PF_CurrentStep {
  opacity: 1;
}

.tabs td:last-child .process-step-tab::after {
  content: '';
  display: none;
}

.tabs td.PF_CurrentStep span.process-step-title {
  background-color: initial;
  color: white;
  color: var(--secondary-color);
}

.tabs td.PF_CurrentStep span.process-step-title:hover {
  background-color: initial;
}

    .tabs td span > a {
        text-transform: none;
        font-weight: 400;
        color: inherit;
        text-decoration: none;
        /*line-height: 1.2;*/
    }

.tabs td span.process-step-title {
  font-size: 14px;
  text-transform: none;
  font-weight: 400;
  height: 80px;
  line-height: 80px;
  margin: 0;
  padding: 0;
  display: inline-block;
  text-transform: none;
  color: #fff;
  color: var(--secondary-color);
}

.tabs td span.process-step-title a:hover {
  background: initial;
}

.tabs .process-step-tab {
  position: relative;
  text-align: center;
}

.tabs .process-step-tab::after {
  content: '';
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  background-image: url("/Images/Resengo/chevron-right.svg");
  background-size: 10px;
}

.secondary-color-dark .tabs .process-step-tab::after {
  background-image: url("/Images/Resengo/chevron-right-dark.svg");
}

#frmCalendar {
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 480px) {
  #frmCalendar {
    padding: 20px;
  }
}

div.hint {
  padding: 15px 15px 15px 50px;
  font-size: 15px;
  line-height: 24px;
  color: #727f8e;
  background: #F2F3F4 url("/Images/Resengo/info-blue.svg") no-repeat 20px 20px;
  background-size: 20px;
}

.secondary-color-dark div.hint,
.secondary-color-light div.hint {
  background: #F2F3F4 url("/Images/Resengo/info-dark.svg") no-repeat 20px 20px;
  background-size: 20px;
}

td.default-info {
  white-space: normal;
}

fieldset,
.Subscription_body fieldset {
  border: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

fieldset legend, fieldset .Subscription_body legend,
.Subscription_body fieldset legend,
.Subscription_body fieldset .Subscription_body legend {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  text-transform: none;
  font-weight: 600;
  text-align: left;
  padding: 0;
  margin-bottom: 1em;
}

#Calendar_Small_Choice_table td {
  padding: 10px 0;
}

@media (max-width: 460px) {
  #Calendar_Small_Choice_table tbody, #Calendar_Small_Choice_table tr, #Calendar_Small_Choice_table td {
    display: block;
    width: 100%;
    height: 100%;
  }
}

table.calendar .calendar-head td {
  padding: 5px;
  background-color: #ebeef1;
  color: #727f8e;
}

table.calendar .calendar-head td:first-child {
  padding-left: 15px;
}

table.calendar .calendar-head td:last-child {
  padding-right: 15px;
}

table.calendar .calendar-head td a {
  text-decoration: none;
  color: #727f8e;
  font-weight: 600;
}

table.calendar .calendar-weekdays td {
  padding: 5px 0;
  color: #727f8e;
  background-color: #ebeef1;
}

table.calendar .calendar-days td {
  padding: 5px 0;
  height: 45px;
  color: #727f8e;
}

table.calendar .calendar-days td a {
  display: block;
  height: 36px;
  width: 36px;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  position: relative;
}

table.calendar .calendar-days td.AvailableDay a {
  color: #2684e0;
}

.secondary-color-dark table.calendar .calendar-days td.AvailableDay a,
.secondary-color-light table.calendar .calendar-days td.AvailableDay a {
  color: #2a343e;
}

table.calendar .calendar-days td.AvailableDay a:before {
  content: '';
  display: block;
  position: absolute;
  border: 1px solid;
  border-color: #2684e0;
  border-color: var(--primary-color);
  border-radius: 999px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 50%;
  width: 36px;
  height: 36px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

table.calendar .calendar-days td.UnavailableDay a {
  color: #FF3529;
}

table.calendar .calendar-days td.UnavailableDay a:before {
  content: '';
  display: block;
  position: absolute;
  border: 1px solid;
  border-color: #FF3529;
  border-radius: 999px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 50%;
  width: 36px;
  height: 36px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#optionsframe {
  border: 0;
}

#options.modal {
  height: calc(100% - 82px);
  background-color: white;
}

@media screen and (min-width: 480px) {
  #frmAssetOptionList {
    padding: 10px;
  }
}

table.option-list td {
  padding: 5px 0;
}

table.option-list td.OptionListTitle {
  padding: 15px 0;
}

.dialog-container {
  display: none;
  position: fixed;
  color: #2a343e;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.29);
  text-align: left;
  line-height: 1.5;
  height: auto;
  bottom: 0;
  z-index: 999;
  overflow-x: hidden;
}

.dialog-container.active {
  display: block;
}

.widget-container .dialog-container {
  border-radius: 10px 10px 0 10px;
  max-width: calc(100% - 40px);
  max-height: calc(100% - 40px);
  bottom: 20px;
  top: 20px;
}

.dialog-container .dialog-message {
  color: #2a343e;
  width: 100%;
  max-width: 460px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: white;
  text-align: left;
  line-height: 1.5;
  padding: 30px 20px;
  height: auto;
  position: absolute;
  -webkit-box-shadow: 0 4px 14px rgba(42, 52, 62, 0.12);
          box-shadow: 0 4px 14px rgba(42, 52, 62, 0.12);
}

.dialog-container .dialog-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}

#ArrivalTimesTitle {
  text-align: left;
}

#ArrivalTimesButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: auto;
}

#ArrivalTimesButtons input[type="button"] {
  border: none !important;
  background-color: #fff;
  background-color: var(--secondary-color);
  color: #2684e0;
  color: var(--primary-color);
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  letter-spacing: 2px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
  max-width: 150px;
}

.secondary-color-light #ArrivalTimesButtons input[type="button"],
.secondary-color-dark #ArrivalTimesButtons input[type="button"] {
  background-color: #2684e0;
  background-color: var(--primary-color);
  color: #fff;
  color: var(--secondary-color);
}

#ArrivalTimesButtons input[type="button"]:only-child {
  width: 100%;
  max-width: none;
  margin-right: 0;
}

.SelectedLanguage {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-color: #ebeef1;
  color: #727f8e;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 500;
  line-height: 36px;
  text-align: center;
  margin: 10px 0 0 10px;
}

.NotSelectedLanguage a {
  display: inline-block;
  width: 36px;
  height: 36px;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 500;
  color: #727f8e;
  line-height: 36px;
  text-align: center;
  margin-top: 10px;
}

/*pagination*/
.pagination {
  border-radius: 4px;
  display: inline-block;
  margin: 5px 0;
  padding-left: 0;
  background-color: #fff;
  list-style-type: none;
}

.pagination li {
  display: inline;
}

.pagination > li > a {
  background-color: #ebeef1;
  float: left;
  color: #2a343e;
  line-height: 18px;
  padding: 8px 14px;
  position: relative;
  font-size: 14px;
  text-decoration: none;
  margin-left: 5px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}

.pagination > li > a.active, .pagination > li > a.active:hover {
  background-color: #2684e0;
  background-color: var(--primary-color);
  color: #fff;
  color: var(--secondary-color);
}

.pagination > li > a:hover {
  background-color: #cdd5dc;
}

.pagination > li > a.prev-page, .pagination > li > a.next-page {
  text-indent: -999px;
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: center;
  width: 36px;
}

.pagination > li > a.prev-page {
  background-image: url("/Images/Resengo/chevron-left-dark.svg");
}

.pagination > li > a.next-page {
  background-image: url("/Images/Resengo/chevron-right-dark.svg");
}

.pagination > li:first-child > a {
  margin-left: 0;
}

.goto-page {
  color: #727f8e;
  font-weight: 500;
}

input.page-records {
  width: 50px;
  float: right;
}

.pagination-container table td {
  padding: 10px 0;
}

/*Widget container*/
.widget-container {
  -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 20px;
          box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 20px;
  width: 100%;
  max-width: 550px;
  border-radius: 10px 10px 0 10px;
  max-height: 100%;
  overflow: auto;
  position: absolute;
  left: 20px;
  top: 20px;
  bottom: 20px;
  background-color: white;
}

.widget-container.mobile {
  width: 100%;
  max-width: none;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  border-radius: 0;
}

.inline-widget-container {
  height: 100%;
}

.flex-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.flex-field--inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.flex-field--wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-field--justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex-field--justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-field--align-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.flex-field__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}

.flex-field__item .grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 0;
}

.flex-field__item .shrink {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  min-width: 0;
}

.flex-field__item--fixed {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 0;
}

.customer-field-autocomplete {
  position: relative;
}

.intellisense-div {
  position: absolute;
  min-width: 0 !important;
  border: none !important;
  -webkit-box-shadow: 0 4px 12px rgba(42, 52, 62, 0.08), 0 0 1px rgba(42, 52, 62, 0.04);
          box-shadow: 0 4px 12px rgba(42, 52, 62, 0.08), 0 0 1px rgba(42, 52, 62, 0.04);
  z-index: 20;
  background-color: white;
  left: 0 !important;
  right: 0;
  top: 50px !important;
}

.intellisense-div .FAQLinkDIV a {
  display: block;
  color: #2a343e;
  padding: 15px 10px;
  border-bottom: 1px solid #ebeef1;
  text-decoration: none;
  -webkit-transition: background-color 150ms ease;
  transition: background-color 150ms ease;
}

.intellisense-div .FAQLinkDIV a:hover {
  background-color: #ebeef1;
}

.intellisense-div table.datasheet {
  max-width: none;
  margin: 0;
}

.intellisense-div table.datasheet td {
  padding: 20px 10px;
  -webkit-transition: background-color 250ms ease;
  transition: background-color 250ms ease;
}

.intellisense-div table.datasheet tr:hover td {
  background-color: #ebeef1;
}

.intellisense-div .close-intellisense {
  top: -36px;
}

.rds-button,
a.rds-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: 'eudoxus sans', sans-serif;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    text-decoration: none;
    border: 0;
    padding: 8px 24px;
    cursor: pointer;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    background-color: #F1F2F5;
    color: #08082F;
}

    .rds-button:focus,
    a.rds-button:focus {
        outline: 2px solid #2684e0;
    }

    .rds-button:hover,
    a.rds-button:hover {
        background: #cdd5dc;
    }

    .rds-button--primary, .rds-button.active,
    a.rds-button--primary,
    a.rds-button.active {
        background-color: #001489;
        color: #F8FAFF;
    }

        .rds-button--primary:hover, .rds-button.active:hover,
        a.rds-button--primary:hover,
        a.rds-button.active:hover {
            background: #08082F;
        }

.rds-button--destructive,
a.rds-button--destructive {
    background-color: transparent;
    color: #CC002A;
}

    .rds-button--destructive:hover,
    a.rds-button--destructive:hover {
        background-color: transparent;
        color: #990020;
    }

.rds-button--negative,
a.rds-button--negative {
    background-color: #FF0035;
    color: white;
}

    .rds-button--negative:hover,
    a.rds-button--negative:hover {
        background: #cc002a;
    }

.rds-button--cta,
a.rds-button--cta {
    background-color: #ef7124;
    color: white;
    font-size: 16px;
    padding: 13px 35px;
}

    .rds-button--cta:hover,
    a.rds-button--cta:hover {
        background-color: white;
        color: #ef7124;
    }

.rds-button--loading:not(:disabled),
a.rds-button--loading:not(:disabled) {
    position: relative;
}

    .rds-button--loading:not(:disabled):after,
    a.rds-button--loading:not(:disabled):after {
        content: '';
        background-origin: 0 0;
        background-size: 60% 100%;
        background-repeat: no-repeat;
        background-position-x: 0;
        background-color: rgba(255, 255, 255, 0.45);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.45)));
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.45));
        -webkit-animation-name: rds-loading;
        animation-name: rds-loading;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-transition: opacity .2s;
        transition: opacity .2s;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 4px;
    }
/*# sourceMappingURL=webshop-widget.css.map */