.var-dump {
  font-size: 0.7em;
  text-align: left;
  padding-top: 1em;
  border-bottom: 0.1em solid #ddd;
  margin: 0;
}
.var-dump * {
  margin: 0;
}
.var-dump .vd-blue {
  font-weight: bolder;
  color: #00f;
}
.var-dump .vd-red {
  font-weight: bolder;
  color: #f00;
}
.var-dump .vd-green {
  font-weight: bolder;
  color: #0c0;
}

html {
  position: relative;
  padding: 0;
  background: #eef5ee;
  font-size: 0.9vw;
}
@media only screen and (max-width: 1600px) {
  html {
    font-size: 15px;
  }
}

body {
  height: 100%;
  position: relative;
  padding: 0;
  margin: 0;
  margin-bottom: 4em;
  opacity: 1;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
body.pre-load:not(.is-pdf) {
  opacity: 0;
}
body:not(#no-java).js_ok {
  display: block;
}

#wrapper-full {
  position: relative;
  width: 100%;
}

body, input, select {
  font-family: "Open Sans", sans-serif;
}

#mobile-turn-alert {
  position: relative;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100vw;
  height: auto;
  background: rgba(255, 255, 255, 0.74);
  z-index: 1000;
  padding: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#mobile-turn-alert p {
  color: #f00;
  text-align: center;
  font-size: 1.1em;
  margin: 0;
}
.tmpldat {
  display: none;
}

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

.div_v {
  margin-bottom: 2vw;
}

.clickable {
  background: #fff;
  cursor: pointer;
}

.no-trans {
  -webkit-transition: all 0s !important;
  -o-transition: all 0s !important;
  transition: all 0s !important;
}

.mqs-frame {
  position: relative;
}
.mqs-frame .mqs-content {
  position: relative;
  display: inline-block;
  width: auto;
  white-space: nowrap;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

select[disabled] {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  -o-text-overflow: "";
     text-overflow: "";
}

#wrapper {
  position: relative;
  width: 100%;
  margin: 2em auto;
  outline: #eee solid 0.1em;
  padding: 2vw 1em;
  background: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.25);
          box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.25);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 500px) {
  #wrapper {
    padding: 2vw 0;
  }
}

#title-container {
  text-align: center;
  margin-bottom: 2vw;
}
#title-container h2 {
  font-size: 1.5vw;
  position: relative;
  display: inline-block;
  margin: 0;
  opacity: 0.6;
}
@media (max-width: 90em) {
  #title-container h2 {
    font-size: 1.5em;
  }
}

.info-box {
  position: relative;
  margin: 0 auto;
  width: 50em;
  max-width: 100%;
  padding: 0 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.image-width-max {
  width: 5000px;
  max-width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.image-height-max {
  height: 100vh;
  width: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#loading-container {
  position: fixed;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.75);
  z-index: 1000;
}
#loading-container #loading-icon {
  position: absolute;
  display: block;
  color: #fff;
  background: rgba(0, 0, 0, 0.52);
  padding: 1em;
}

#report-container {
  text-align: center;
  margin-bottom: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#report-container p {
  font-weight: bold;
  margin: 0;
}
#report-container p.report_error {
  color: #f00;
}
#report-container p.report_success {
  color: #070;
}

#user-list-add-container {
  margin-bottom: 0.5em;
  display: table;
}
#user-list-add-container .user-list-add-cell {
  display: table-cell;
  vertical-align: middle;
}
#user-list-add-container .user-list-add-cell img.user-list-add-icon {
  width: 1.9em;
  height: auto;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
#user-list-add-container .user-list-add-cell p.user-list-add-label {
  position: relative;
  color: #000;
  margin: 0;
  margin-left: 0.25em;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

a.filter-button {
  display: inline-block;
  width: auto;
  min-width: 7em;
  padding: 0.6em 1em 0.5em;
  background-color: rgba(0, 0, 0, 0.05);
  margin: 0 0.1em;
  vertical-align: bottom;
  opacity: 0.7;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  color: #000;
  border-radius: 0.3em 0.3em 0 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: inset 0 -1em 1em -1em rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 -1em 1em -1em rgba(0, 0, 0, 0.3);
  border: 0.1em #eee solid;
  border-width: 0.05em 0.05em 0 0.05em;
}
a.filter-button p {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #000;
  text-align: center;
  margin: 0;
  border-bottom: 0.2em rgba(0, 0, 0, 0) solid;
}
a.filter-button.activated {
  background: #ffffff;
  padding-bottom: 0.8em;
  opacity: 1;
  -webkit-box-shadow: 0 0.3em 0 0 #fff;
          box-shadow: 0 0.3em 0 0 #fff;
  z-index: 1;
}
a.filter-button.activated p {
  border-width: 0.5em;
  border-color: rgba(164, 206, 200, 0.5);
}
a.filter-button:not(.activated):hover {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.5);
}
a.filter-button:not(.activated):hover p {
  border-width: 0.5em;
  border-color: rgba(0, 0, 0, 0.1);
}
a.filter-button.filter-button-NSA {
  background: #f00;
}
a.filter-button.filter-button-NSA p {
  color: #fff;
}
a.filter-button.filter-button-NSA:not(.activated):hover {
  opacity: 0.7;
  background-color: red;
}
a.filter-button.filter-button-NSA:not(.activated):hover p {
  border-width: 0.5em;
  border-color: rgba(0, 0, 0, 0.5);
}
a.filter-button.filter-button-NSA.activated {
  padding-bottom: 0.8em;
  opacity: 0.7;
  -webkit-box-shadow: 0 0.3em 0 0 #fff;
          box-shadow: 0 0.3em 0 0 #fff;
  z-index: 1;
}
a.filter-button.filter-button-NSA.activated p {
  border-width: 0.5em;
  border-color: rgba(0, 0, 0, 0.5);
}

.expand-button {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: #ddd solid 0.1em;
  background-color: #eee;
  padding: 0.3em 0.5em;
  border-radius: 0.3em;
  cursor: pointer;
  opacity: 0.7;
}
.expand-button img {
  width: 1.75em;
  height: auto;
  opacity: 0.6;
}
.expand-button label {
  cursor: pointer;
  padding: 0.25em 0.5em 0.25em 0;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.expand-button:hover {
  background: #fff;
  opacity: 1;
}
.expand-button.collapsed img {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.expand-button.collapsed .expand-show {
  display: inline;
}
.expand-button.collapsed .expand-hide {
  display: none;
}
.expand-button.expanded img {
  -webkit-transform: scale(-1);
      -ms-transform: scale(-1);
          transform: scale(-1);
}
.expand-button.expanded .expand-show {
  display: none;
}
.expand-button.expanded .expand-hide {
  display: inline;
}

.attach-list {
  overflow: hidden;
}
.attach-list.expanded {
  display: block;
}
.attach-list.expanded#order-address-outer-table {
  display: table;
}
.attach-list.collapsed {
  display: none !important;
}

.add-button-container {
  position: absolute;
  background: #ffd;
  border: #ccc solid 0.1em;
  border-radius: 0.5em;
  top: -1em;
  left: 1em;
}
.add-button-container a.add-button-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  color: #000;
  padding: 0.5em;
  opacity: 0.55;
}
.add-button-container img.add-button-icon {
  display: inline-block;
  width: 2.5vw;
  min-width: 2em;
  height: auto;
  opacity: 0.6;
}
.add-button-container p.add-button-label {
  margin: 0;
  padding-left: 0.3em;
  display: inline-block;
}
.add-button-container:hover {
  background: #ffa;
}
.add-button-container:hover a {
  opacity: 1;
}
.add-button-container.mobile p.add-button-label {
  display: none;
}

.switch-container {
  position: relative;
  display: block;
  width: 2em;
  height: 1em;
  white-space: nowrap;
  overflow: hidden;
  border: #eee 0.05em solid;
  border-radius: 1em;
  background: #999;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.switch-container .switch-slider {
  position: relative;
  display: inline-block;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  height: 100%;
  vertical-align: top;
}
.switch-container .switch-slider .switch-slider-box {
  position: relative;
  height: 100%;
  display: inline-block;
  vertical-align: top;
}
.switch-container .switch-slider .switch-slider-box.switch-slider-box-1.switch-slider-red {
  background: #f77;
}
.switch-container .switch-slider .switch-slider-box.switch-slider-box-1.switch-slider-green {
  background: #8e8;
}
.switch-container .switch-slider .switch-slider-box.switch-slider-box-2 {
  position: absolute;
  border-radius: 1em;
  width: 1em;
  background: #777;
  left: 1.5em;
  z-index: 1;
}
.switch-container .switch-slider .switch-slider-box.switch-slider-box-3 {
  background: #fafafa;
}
.switch-container .switch-slider .switch-slider-box.switch-slider-box-1, .switch-container .switch-slider .switch-slider-box.switch-slider-box-3 {
  width: 2em;
}
.switch-container + .switch-label {
  margin: 0;
  display: inline-block;
  vertical-align: top;
  margin-left: 0.8em;
  opacity: 0.6;
}
.switch-container.state-1 .switch-slider {
  -webkit-transform: translate3d(-0.4em, 0, 0);
          transform: translate3d(-0.4em, 0, 0);
}
.switch-container.state-1 + .switch-label {
  display: inline-block;
}
.switch-container.state-0 .switch-slider {
  -webkit-transform: translate3d(-1.5em, 0, 0);
          transform: translate3d(-1.5em, 0, 0);
}
.switch-container + .switch-label {
  display: none;
}

.input-changed-extend.input-changed, body#order-single #order-address-table .order-address-row .order-address-cell:last-of-type input.input-changed, body#order-single #order-address-table .order-address-row .order-address-cell:last-of-type textarea.input-changed, .table .table-cell input.input-changed:not([type=submit]):not([type=file]):not(.table-search), .table .table-cell textarea.input-changed {
  -webkit-transition: all 0s linear;
  -o-transition: all 0s linear;
  transition: all 0s linear;
  background: #efe;
  outline-color: #6f6;
}

#account-select-container.hide-me {
  display: none;
}
#account-select-container #account-select-table-container {
  margin: 0;
  display: none;
}
#account-select-container #account-select-table-container #account-select-table-prefix {
  display: none;
}
#account-select-container #account-select-table-container .table-container {
  margin: 0;
}
#account-select-container #account-select-table-container .table-frame {
  display: block;
  margin-top: 0.4em;
  width: 100%;
  height: 15em;
  overflow-y: auto;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: #eee solid 0.1em;
}
#account-select-container #account-select-table-container .table-frame .table-cell {
  border: none;
  padding: 0.3em;
  cursor: pointer;
}
#account-select-container #account-select-table-container .table-frame.account-select-frame-expand {
  -webkit-animation: uea_expand 0.3s ease forwards;
          animation: uea_expand 0.3s ease forwards;
}
@-webkit-keyframes uea_expand {
  0% {
    height: 0em;
  }
  100% {
    height: 15em;
  }
}
@keyframes uea_expand {
  0% {
    height: 0em;
  }
  100% {
    height: 15em;
  }
}
#account-select-container #account-select-table-container .table-frame.account-select-frame-collapse {
  -webkit-animation: uea_collapse 0.3s ease forwards;
          animation: uea_collapse 0.3s ease forwards;
}
@-webkit-keyframes uea_collapse {
  0% {
    height: 15em;
  }
  100% {
    height: 0em;
  }
}
@keyframes uea_collapse {
  0% {
    height: 15em;
  }
  100% {
    height: 0em;
  }
}
#account-select-container #account-select-stuff {
  position: relative;
}
#account-select-container #account-select-stuff p {
  position: relative;
  margin: 0;
  padding: 0.3em 0.4em;
}
#account-select-container #account-select-stuff #account-select-prefix {
  display: none;
}
#account-select-container #account-select-stuff #account-select-icon {
  position: absolute;
  opacity: 0.5;
  float: right;
  height: 100%;
  width: auto;
  top: 0;
  right: 0;
  cursor: pointer;
}
#account-select-container #account-select-stuff #account-select-icon:hover {
  opacity: 1;
}
#account-select-container #account-select-ACCOUNT_NUMBER {
  display: none;
}

#return-to-orders {
  position: absolute;
  left: 0em;
  top: 0.5em;
}
#return-to-orders a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.7em 0.7em 0.7em 0.2em;
  border-radius: 0 1em 1em 0;
  background-color: #67c2b4;
  background-color: #96be96;
  -webkit-transition: padding 0.1s;
  -o-transition: padding 0.1s;
  transition: padding 0.1s;
  text-decoration: none;
}
#return-to-orders a #return-to-orders-arrow {
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  background-image: url("../assets/back-arrow-w.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#return-to-orders a p {
  display: inline-block;
  margin: 0;
  margin-left: 0.25em;
  color: #fff;
}
#return-to-orders a:hover {
  padding-left: 0.6em;
}

.cbutton-underline:after, *:not(.cbutton-wrap) > .cbutton:not(.button-flat):not(.hide-me):not(.hide-me-force):after, .cbutton-wrap:after, #user-list-add-container .user-list-add-cell p.user-list-add-label:after {
  content: "";
  position: absolute;
  background-color: #000;
  width: 100%;
  left: 0;
  top: 100%;
  height: 0.1em;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  opacity: 0.15;
}
.cbutton-underline:not([disabled]):not(.ovw-disabled):hover, *:not(.cbutton-wrap) > .cbutton:not([disabled]):not(.ovw-disabled):hover:not(.button-flat):not(.hide-me):not(.hide-me-force), .cbutton-wrap:not([disabled]):not(.ovw-disabled):hover, #user-list-add-container .user-list-add-cell p.user-list-add-label:not([disabled]):not(.ovw-disabled):hover {
  color: #000;
  -webkit-transform: translate3d(0, -0.2em, 0);
          transform: translate3d(0, -0.2em, 0);
}
.cbutton-underline:not([disabled]):not(.ovw-disabled):hover:after, *:not(.cbutton-wrap) > .cbutton:not([disabled]):not(.ovw-disabled):hover:not(.button-flat):not(.hide-me):not(.hide-me-force):after, .cbutton-wrap:not([disabled]):not(.ovw-disabled):hover:after, #user-list-add-container .user-list-add-cell p.user-list-add-label:not([disabled]):not(.ovw-disabled):hover:after {
  height: 0.3em;
  opacity: 0.5;
}

.cbutton-focus-click:active, .cbutton-focus-click:focus {
  -webkit-animation: cbutton_click 0.1s linear forwards;
          animation: cbutton_click 0.1s linear forwards;
}
@-webkit-keyframes cbutton_click {
  0% {
    top: 0px;
  }
  60% {
    -webkit-transform: translate3d(0, 0em, 0);
            transform: translate3d(0, 0em, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -0.2em, 0);
            transform: translate3d(0, -0.2em, 0);
  }
}
@keyframes cbutton_click {
  0% {
    top: 0px;
  }
  60% {
    -webkit-transform: translate3d(0, 0em, 0);
            transform: translate3d(0, 0em, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -0.2em, 0);
            transform: translate3d(0, -0.2em, 0);
  }
}

.cbutton-click-anim {
  -webkit-animation: cbutton_click 0.1s linear forwards;
          animation: cbutton_click 0.1s linear forwards;
}
@keyframes cbutton_click {
  0% {
    color: #000;
    -webkit-transform: translate3d(0, -0.2em, 0);
            transform: translate3d(0, -0.2em, 0);
  }
  50% {
    color: #000;
    -webkit-transform: translate3d(0, 0em, 0);
            transform: translate3d(0, 0em, 0);
  }
  100% {
    color: #000;
    -webkit-transform: translate3d(0, -0.2em, 0);
            transform: translate3d(0, -0.2em, 0);
  }
}
.cbutton-click-anim:after {
  opacity: 0.5;
  -webkit-animation: cbutton_click_line 0.1s linear forwards;
          animation: cbutton_click_line 0.1s linear forwards;
}
@-webkit-keyframes cbutton_click_line {
  0% {
    opacity: 0.5;
    height: 0.3em;
  }
  50% {
    opacity: 0.5;
    height: 0;
  }
  100% {
    opacity: 0.5;
    height: 0.3em;
  }
}
@keyframes cbutton_click_line {
  0% {
    opacity: 0.5;
    height: 0.3em;
  }
  50% {
    opacity: 0.5;
    height: 0;
  }
  100% {
    opacity: 0.5;
    height: 0.3em;
  }
}

.cbutton {
  position: relative;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  padding: 0.5em 0 0.2em;
  margin: 0;
  -webkit-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  color: #555;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  border-radius: 0;
}
.cbutton[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.cbutton.button {
  background-color: #f0f0f0;
  padding-left: 1em;
  padding-right: 1em;
}
.cbutton.button-flat {
  background-color: #f0f0f0;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0;
  padding-bottom: 0;
  border: 0.1em solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cbutton.button-flat:hover {
  background-color: #fff;
}
.cbutton.icon:before {
  content: "";
  position: absolute;
  right: 100%;
  margin-right: 0.5em;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.25;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.cbutton.back:before {
  height: 1em;
  width: 1em;
  bottom: 0.3em;
  background-image: url(../assets/back-arrow.png);
}
.cbutton.add {
  margin-left: 2.5em;
}
.cbutton.add:before {
  height: 1.9em;
  width: 1.9em;
  bottom: -0.2em;
  background-image: url(../assets/add.png);
}
.cbutton.replace {
  margin-left: 2.5em;
}
.cbutton.replace:before {
  height: 1.9em;
  width: 1.9em;
  bottom: -0.2em;
  background-image: url(../assets/replace.png);
}
.cbutton:active, .cbutton:focus {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  outline: none;
}

.cbutton-wrap {
  position: relative;
  display: inline-block;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
input {
  padding: 0.4em;
  border: 0;
}
input[type=text], input[type=password], input[type=email] {
  outline: #ccc solid 0.1em;
}
input[type=text].error, input[type=password].error, input[type=email].error {
  outline-color: #f00 !important;
  outline-width: 0.15em !important;
}
select {
  padding: 0.4em;
  padding-right: 1.5em;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../assets/select-drop.png);
  background-repeat: no-repeat;
  background-position: 98% center;
  background-size: 1em;
}

.validation-error {
  margin: 0;
  font-size: 0.9em;
  color: #f00;
  margin-bottom: 0.3em;
}

.table-container {
  position: relative;
  text-align: left;
  display: block;
  margin-bottom: 3em;
}

.table-frame {
  overflow: auto;
  background: #fff;
}

.table {
  position: relative;
  display: table;
  text-align: left;
  border-collapse: separate;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-spacing: 0;
  margin: 0 auto;
  width: 100%;
}
.table .table-cell {
  position: relative;
  display: table-cell;
  border: #eee 0.05em solid;
  padding: 0.4em 0.6em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  background-clip: padding-box !important;
}
.table .table-cell.cell-row-hov-display {
  opacity: 0;
  -webkit-transition: opacity 0.15s;
  -o-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
.table .table-cell.head-cell.cell-minwidth {
  width: 10px;
}
.table .table-cell.head-cell:not(.cell-noborder) {
  background-color: #aaa;
  border-color: #aaa;
  color: rgba(255, 255, 255, 0.86);
  font-weight: lighter;
}
.table .table-cell.head-cell:not(.cell-noborder) a {
  color: rgba(255, 255, 255, 0.86);
  font-weight: bold;
  text-decoration: none;
}
.table .table-cell.head-cell:not(.cell-noborder) a:hover {
  color: #fff;
}
.table .table-cell.head-cell-order {
  background: none;
  border: none;
  text-align: center;
  padding: 0;
  color: rgba(0, 0, 0, 0.8);
  font-size: 0.9em;
}
.table .table-cell.cell-order {
  text-align: center;
  background: #f7ffe5;
  padding: 0.2em;
}
.table .table-cell.cell-noborder {
  border: none;
}
.table .table-cell.cell-center {
  text-align: center;
}
.table .table-cell.cell-right {
  text-align: right;
}
.table .table-cell.cell-10width {
  min-width: 5em;
}
.table .table-cell.cell-20width {
  min-width: 8em;
}
.table .table-cell.cell-30width {
  min-width: 12em;
}
.table .table-cell.cell-60width {
  min-width: 15em;
}
.table .table-cell.cell-512width {
  min-width: 18em;
}
.table .table-cell.cell-minwidth {
  width: 1px;
}
.table .table-cell.cell-maxwidth {
  width: 100%;
}
.table .table-cell.cell-nopad {
  padding: 0;
}
.table .table-cell.cell-cwidth-1 {
  width: auto;
}
.table .table-cell.cell-nowrap {
  white-space: nowrap;
}
.table .table-cell.cell-hcenter {
  text-align: center;
}
.table .table-cell.cell-thumb {
  padding: 0;
  width: 1px;
}
.table .table-cell.cell-thumb .image-library-thumb {
  width: 3em;
  height: auto;
}
.table .table-cell.cell-thumb a.table-thumb-link .table-thumb-img {
  position: relative;
  display: block;
  width: 4em;
  height: 4em;
  background-position: center;
  background-size: cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.table .table-cell .click-hider {
  display: none;
  background: #00f;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.3;
}
.table .table-cell select {
  outline: rgba(0, 0, 0, 0.1) solid 0.2em;
  background: #ffe;
  width: 100%;
}
.table .table-cell select[disabled] {
  outline: 0;
  color: #000;
  background: transparent;
}
.table .table-cell input:not([type=submit]):not([type=file]):not(.table-search), .table .table-cell textarea {
  outline: rgba(0, 0, 0, 0.1) solid 0.2em;
  background: #ffe;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.table .table-cell input {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.table .table-cell textarea {
  border: none;
  resize: vertical;
}
.table .table-row {
  position: relative;
  display: table-row;
  width: 100%;
}
.table .table-row:not(.head-row):not(.nohover):hover .table-cell:not(.cell-noborder):not(.nohover) {
  background: #f8f8f8;
}
.table .table-row:not(.head-row):not(.nohover):hover .table-cell.cell-row-hov-display {
  display: table-cell;
  opacity: 1;
}
.table .sort-arrow {
  position: relative;
  display: inline-block;
  width: 0.7em;
  height: 0.7em;
  background-image: url("../assets/sort-arrow.png");
  background-size: 100% 200%;
  vertical-align: middle;
  margin-left: 0.5em;
  opacity: 0.5;
}
.table .sort-arrow.sort-arrow-down {
  background-position: 0 100%;
}

.paged-container {
  text-align: center;
  margin-bottom: 2em;
}
.paged-container .paged-content {
  text-align: center;
  margin-bottom: 1em;
}
.paged-container .paged-content .paged-button-wrap {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.paged-container .paged-content .cbutton {
  margin: 0 0.15em;
}
.paged-container .paged-content .paged-nav-button {
  width: 6em;
  padding: 0.3em;
}
.paged-container .paged-content .paged-nav-input {
  outline: #eee 0.1em solid;
  text-align: center;
  width: 3em;
  margin: 0 0.15em;
  padding: 0.3em;
}
.paged-container .paged-content .paged-nav-input::-webkit-inner-spin-button, .paged-container .paged-content .paged-nav-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.paged-container.mqs-break-1 .paged-content {
  width: 100%;
}
.paged-container.mqs-break-1 .paged-content .paged-button-wrap {
  width: 20%;
  margin: 0 0.1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.paged-container.mqs-break-1 .paged-content .paged-button-wrap input {
  font-size: 0.9em;
}
.paged-container.mqs-break-1 .paged-content .paged-button-wrap:nth-of-type(3) {
  width: 10%;
}
.paged-container.mqs-break-1 .paged-content .paged-button-wrap input[type=number] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.paged-container.mqs-break-1 .paged-content .paged-button-wrap .cbutton-wrap {
  width: 100%;
}
.paged-container.mqs-break-1 .paged-content .paged-button-wrap .paged-nav-button {
  width: 100%;
  padding: 0.3em;
}

.table-results-count {
  position: absolute;
  padding: 0.5em;
}

::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 0.5;
  /* Firefox */
}

::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 0.5;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 0.5;
  /* Firefox */
}

::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 0.5;
  /* Firefox */
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 0.5;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #000;
  opacity: 0.5;
  /* Firefox */
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #000;
  opacity: 0.5;
  /* Firefox */
}

.functions-container .functions-content {
  position: relative;
  text-align: center;
  display: block;
  width: 100%;
  max-width: 17em;
  margin: 0.5em auto 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.functions-container .functions-content .function-label {
  display: none;
}
.functions-container .functions-content .table-search-input-wrap {
  display: block;
}
.functions-container .functions-content .table-search-input-wrap input {
  border: 0.1em #eee solid;
  outline: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.5em;
  padding-left: 1em;
  border-radius: 2em;
}
.functions-container .functions-content .table-search-input-wrap input::-ms-clear {
  display: none;
}
.functions-container .functions-content .search-form-spacer {
  display: table-cell;
  min-width: 0.2em;
}
.functions-container .functions-content a {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  height: 100%;
  vertical-align: middle;
  padding-left: 0.5em;
}
.functions-container .functions-content .search-icon {
  position: absolute;
  right: 0.3em;
  height: 1.8em;
  width: auto;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.functions-container .functions-content .search-icon.search-clear {
  opacity: 0.4;
  cursor: pointer;
}
.functions-container .functions-content .search-icon.search-clear:hover {
  opacity: 0.7;
}

#table-filter-container {
  text-align: center;
  position: relative;
  width: 100%;
  display: block;
}
#table-filter-container #table-filter-flex {
  position: relative;
  display: inline-block;
  white-space: nowrap;
}
#table-filter-container #table-filter-flex #table-filter-label {
  display: inline-block;
}
#table-filter-container[data_mqbreak="1"] #table-filter-flex a.filter-button, #table-filter-container[data_mqbreak="2"] #table-filter-flex a.filter-button, #table-filter-container[data_mqbreak="3"] #table-filter-flex a.filter-button {
  min-width: 0;
}
#table-filter-container[data_mqbreak="2"] #table-filter-flex a.filter-button, #table-filter-container[data_mqbreak="3"] #table-filter-flex a.filter-button {
  padding-left: 0.7em;
  padding-right: 0.7em;
  width: 40%;
  min-width: 10em;
}
#table-filter-container[data_mqbreak="2"] #table-filter-flex a.filter-button:not(.filter-button-Draft):not(.filter-button-Sent), #table-filter-container[data_mqbreak="3"] #table-filter-flex a.filter-button:not(.filter-button-Draft):not(.filter-button-Sent) {
  display: none;
}
#table-filter-container[data_mqbreak="3"] {
  font-size: 0.9em;
}
#table-filter-container[data_mqbreak="3"] #table-filter-flex {
  width: 100%;
}
#table-filter-container[data_mqbreak="3"] #table-filter-flex a.filter-button {
  width: 50%;
  min-width: 0;
}
.edit-icon {
  width: 2em;
  height: 2em;
  opacity: 0.35;
}
.edit-icon:hover {
  opacity: 0.7;
}

#no-rows-message {
  text-align: center;
  outline: 0.1em solid #eee;
}
#no-rows-message p {
  display: inline-block;
  margin: 0.5em;
  font-size: 1.2em;
}

#table-icon-tab {
  position: absolute;
  display: table;
  background-color: #fff;
  border: 0.2em solid rgba(0, 0, 0, 0.21);
  z-index: 1;
  width: 6em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom-width: 0;
  border-radius: 1.5em 1.5em 0 0;
  padding: 0 0.2em;
}
#table-icon-tab .icon-tab-cell {
  padding: 0.5em;
  display: table-cell;
}
#table-icon-tab .icon-tab-cell img {
  display: block;
  width: 100%;
  height: auto;
}

.row-selected {
  outline: 0.2em solid rgba(0, 0, 0, 0.21);
}
body:not(.is_wordpress) #company-header {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  width: 100vw;
  overflow: hidden;
  margin-bottom: 1em;
  margin-top: 0;
  color: #fff;
  -webkit-box-shadow: 0 0.1em 0.4em rgba(0, 0, 0, 0.35);
          box-shadow: 0 0.1em 0.4em rgba(0, 0, 0, 0.35);
  width: 100%;
}
body:not(.is_wordpress) #company-header #header-table {
  position: relative;
  display: inline-table;
  vertical-align: top;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.7em;
  background-position: center;
  background-size: cover;
}
body:not(.is_wordpress) #company-header #header-table .header-cell {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
}
body:not(.is_wordpress) #company-header #header-table .header-cell#header-logo-cell {
  position: relative;
  width: 1px;
  vertical-align: top;
}
body:not(.is_wordpress) #company-header #header-table .header-cell#header-logo-cell img {
  position: relative;
  display: block;
  height: 3em;
  min-height: 6em;
  width: auto;
}
body:not(.is_wordpress) #company-header #header-table .header-cell#header-logo-cell a {
  color: #fff;
  text-decoration: none;
}
body:not(.is_wordpress) #company-header #header-table .header-cell#header-info-cell {
  position: relative;
  padding-left: 1em;
  text-align: left;
}
body:not(.is_wordpress) #company-header #header-table .header-cell#header-info-cell h1, body:not(.is_wordpress) #company-header #header-table .header-cell#header-info-cell p {
  margin: 0;
}
body:not(.is_wordpress) #company-header #header-table .header-cell#header-info-cell h1 {
  display: inline-block;
  text-align: left;
  font-size: 1.4em;
}
body:not(.is_wordpress) #company-header #header-table .header-cell#header-info-cell a {
  color: #fff;
  text-decoration: none;
}
body:not(.is_wordpress) #header-user-cell {
  text-align: right;
  padding-right: 1em;
}
body:not(.is_wordpress) #header-user-cell #header-user-name {
  margin: 0;
  margin-bottom: 0.7em;
  margin-left: 2em;
}
body:not(.is_wordpress) #header-user-cell .header-user-link {
  color: #000;
  font-weight: bold;
  position: relative;
  display: inline-block;
  text-decoration: none;
  background: #fff;
  border-radius: 1em;
  padding: 0.3em 0.5em 0.3em 0.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0.5;
}
body:not(.is_wordpress) #header-user-cell .header-user-link .header-user-icon {
  position: relative;
  display: inline-block;
  height: 1.3em;
  width: auto;
  vertical-align: bottom;
  padding-left: 0em;
  opacity: 0.7;
}
body:not(.is_wordpress) #header-user-cell .header-user-link:hover {
  opacity: 1;
}
body:not(.is_wordpress) #header-user-cell #header-user-edit {
  margin-right: 0.5em;
}
body:not(.is_wordpress) #header-user-cell #header-user-edit #header-user-logout-icon {
  margin-left: 0.25em;
}
body:not(.is_wordpress) #company-header[data_mqbreak="1"] #header-table .header-cell#header-user-cell, body:not(.is_wordpress) #company-header[data_mqbreak="2"] #header-table .header-cell#header-user-cell, body:not(.is_wordpress) #company-header[data_mqbreak="3"] #header-table .header-cell#header-user-cell, body:not(.is_wordpress) #company-header[data_mqbreak="4"] #header-table .header-cell#header-user-cell, body:not(.is_wordpress) #company-header[data_mqbreak="5"] #header-table .header-cell#header-user-cell {
  width: 1px;
  padding-left: 1em;
}
body:not(.is_wordpress) #company-header[data_mqbreak="1"] #header-table .header-cell#header-user-cell #header-user-name, body:not(.is_wordpress) #company-header[data_mqbreak="2"] #header-table .header-cell#header-user-cell #header-user-name, body:not(.is_wordpress) #company-header[data_mqbreak="3"] #header-table .header-cell#header-user-cell #header-user-name, body:not(.is_wordpress) #company-header[data_mqbreak="4"] #header-table .header-cell#header-user-cell #header-user-name, body:not(.is_wordpress) #company-header[data_mqbreak="5"] #header-table .header-cell#header-user-cell #header-user-name {
  display: none;
}
body:not(.is_wordpress) #company-header[data_mqbreak="1"] #header-table .header-cell#header-user-cell .header-user-link, body:not(.is_wordpress) #company-header[data_mqbreak="2"] #header-table .header-cell#header-user-cell .header-user-link, body:not(.is_wordpress) #company-header[data_mqbreak="3"] #header-table .header-cell#header-user-cell .header-user-link, body:not(.is_wordpress) #company-header[data_mqbreak="4"] #header-table .header-cell#header-user-cell .header-user-link, body:not(.is_wordpress) #company-header[data_mqbreak="5"] #header-table .header-cell#header-user-cell .header-user-link {
  display: block;
}
body:not(.is_wordpress) #company-header[data_mqbreak="1"] #header-table .header-cell#header-user-cell #header-user-edit, body:not(.is_wordpress) #company-header[data_mqbreak="2"] #header-table .header-cell#header-user-cell #header-user-edit, body:not(.is_wordpress) #company-header[data_mqbreak="3"] #header-table .header-cell#header-user-cell #header-user-edit, body:not(.is_wordpress) #company-header[data_mqbreak="4"] #header-table .header-cell#header-user-cell #header-user-edit, body:not(.is_wordpress) #company-header[data_mqbreak="5"] #header-table .header-cell#header-user-cell #header-user-edit {
  margin-right: 0;
  margin-bottom: 0.2em;
}
body:not(.is_wordpress) #company-header[data_mqbreak="2"] #header-table, body:not(.is_wordpress) #company-header[data_mqbreak="3"] #header-table, body:not(.is_wordpress) #company-header[data_mqbreak="4"] #header-table, body:not(.is_wordpress) #company-header[data_mqbreak="5"] #header-table {
  padding: 0;
}
body:not(.is_wordpress) #company-header[data_mqbreak="2"] #header-table .header-cell#header-info-cell h1, body:not(.is_wordpress) #company-header[data_mqbreak="3"] #header-table .header-cell#header-info-cell h1, body:not(.is_wordpress) #company-header[data_mqbreak="4"] #header-table .header-cell#header-info-cell h1, body:not(.is_wordpress) #company-header[data_mqbreak="5"] #header-table .header-cell#header-info-cell h1 {
  white-space: normal;
}
body:not(.is_wordpress) #company-header[data_mqbreak="2"] #header-table .header-cell#header-user-cell, body:not(.is_wordpress) #company-header[data_mqbreak="3"] #header-table .header-cell#header-user-cell, body:not(.is_wordpress) #company-header[data_mqbreak="4"] #header-table .header-cell#header-user-cell, body:not(.is_wordpress) #company-header[data_mqbreak="5"] #header-table .header-cell#header-user-cell {
  text-align: center;
}
body:not(.is_wordpress) #company-header[data_mqbreak="2"] #header-table .header-cell#header-user-cell a.header-user-link, body:not(.is_wordpress) #company-header[data_mqbreak="3"] #header-table .header-cell#header-user-cell a.header-user-link, body:not(.is_wordpress) #company-header[data_mqbreak="4"] #header-table .header-cell#header-user-cell a.header-user-link, body:not(.is_wordpress) #company-header[data_mqbreak="5"] #header-table .header-cell#header-user-cell a.header-user-link {
  border-radius: 2em;
  padding: 0.35em;
}
body:not(.is_wordpress) #company-header[data_mqbreak="2"] #header-table .header-cell#header-user-cell a.header-user-link img.header-user-icon, body:not(.is_wordpress) #company-header[data_mqbreak="3"] #header-table .header-cell#header-user-cell a.header-user-link img.header-user-icon, body:not(.is_wordpress) #company-header[data_mqbreak="4"] #header-table .header-cell#header-user-cell a.header-user-link img.header-user-icon, body:not(.is_wordpress) #company-header[data_mqbreak="5"] #header-table .header-cell#header-user-cell a.header-user-link img.header-user-icon {
  height: 1.75em;
}
body:not(.is_wordpress) #company-header[data_mqbreak="2"] #header-table .header-cell#header-user-cell span, body:not(.is_wordpress) #company-header[data_mqbreak="3"] #header-table .header-cell#header-user-cell span, body:not(.is_wordpress) #company-header[data_mqbreak="4"] #header-table .header-cell#header-user-cell span, body:not(.is_wordpress) #company-header[data_mqbreak="5"] #header-table .header-cell#header-user-cell span {
  display: none;
}
body:not(.is_wordpress) #company-header[data_mqbreak="3"] #header-table .header-cell#header-logo-cell, body:not(.is_wordpress) #company-header[data_mqbreak="4"] #header-table .header-cell#header-logo-cell, body:not(.is_wordpress) #company-header[data_mqbreak="5"] #header-table .header-cell#header-logo-cell {
  display: none;
}
body:not(.is_wordpress) #company-header[data_mqbreak="3"] #header-table .header-cell#header-user-cell .header-user-link, body:not(.is_wordpress) #company-header[data_mqbreak="4"] #header-table .header-cell#header-user-cell .header-user-link, body:not(.is_wordpress) #company-header[data_mqbreak="5"] #header-table .header-cell#header-user-cell .header-user-link {
  margin: 0.3em 0.3em 0.3em 0.3em !important;
}
body:not(.is_wordpress) #company-header[data_mqbreak="4"] #header-table .header-cell, body:not(.is_wordpress) #company-header[data_mqbreak="5"] #header-table .header-cell {
  white-space: normal;
}
body:not(.is_wordpress) #company-header[data_mqbreak="4"] #header-table .header-cell#header-info-cell, body:not(.is_wordpress) #company-header[data_mqbreak="5"] #header-table .header-cell#header-info-cell {
  min-width: 10em;
  padding-left: 0.2em;
}
body:not(.is_wordpress) #company-header[data_mqbreak="4"] #header-table .header-cell#header-info-cell span, body:not(.is_wordpress) #company-header[data_mqbreak="5"] #header-table .header-cell#header-info-cell span {
  display: none;
}
body:not(.is_wordpress) #company-header[data_mqbreak="4"] #header-table .header-cell#header-user-cell, body:not(.is_wordpress) #company-header[data_mqbreak="5"] #header-table .header-cell#header-user-cell {
  padding-right: 0.2em;
}
body:not(.is_wordpress) #company-header[data_mqbreak="5"] {
  --state:stop;
}
body:not(.is_wordpress) #company-header[data_mqbreak="5"] #header-table .header-cell {
  white-space: normal;
}
body:not(.is_wordpress) #company-header[data_mqbreak="5"] #header-table .header-cell#header-info-cell {
  min-width: 1em;
}
body:not(.is_wordpress) #company-header[data_mqbreak="5"] #header-table .header-cell#header-info-cell p {
  display: none;
}
#nav-menu-container {
  text-align: center;
  display: table;
  width: 100%;
  border-spacing: 0.5em;
  height: 4em;
  margin-bottom: 1em;
  vertical-align: bottom;
}
#nav-menu-container .nav-menu-cell {
  display: table-cell;
  vertical-align: bottom;
}
#nav-menu-container .nav-menu-cell.cell-spacer {
  background: rgba(0, 0, 0, 0.03);
}
#nav-menu-container .nav-menu-cell.cell-button {
  position: relative;
  width: 6em;
}
#nav-menu-container .nav-menu-cell.cell-button a {
  text-decoration: none;
  color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  height: 3em;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #96be96;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 0em 0em rgba(0, 0, 0, 0.2);
          box-shadow: 0 0em 0em rgba(0, 0, 0, 0.2);
  bottom: 0px;
  z-index: 999;
}
#nav-menu-container .nav-menu-cell.cell-button a.active-page {
  background: #67c2b4 !important;
}
#nav-menu-container .nav-menu-cell.cell-button a.active-page p {
  border-bottom: 0.5em rgba(255, 255, 255, 0.5) solid;
}
#nav-menu-container .nav-menu-cell.cell-button a p {
  display: inline-block;
  margin: 0 auto;
  width: 4em;
  position: absolute;
  bottom: 0.3em;
  left: 0;
  right: 0;
  padding-bottom: 0.2em;
  border-bottom: 0.2em rgba(255, 255, 255, 0.25) solid;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#nav-menu-container .nav-menu-cell.cell-button a:hover:not(.active-page) {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #7a997a;
  -webkit-transform: translate3d(0, -0.2em, 0);
          transform: translate3d(0, -0.2em, 0);
  -webkit-box-shadow: 0 0.2em 0em rgba(0, 0, 0, 0.2);
          box-shadow: 0 0.2em 0em rgba(0, 0, 0, 0.2);
}
#nav-menu-container .nav-menu-cell.cell-button a:hover:not(.active-page) p {
  border-bottom: 0.4em rgba(255, 255, 255, 0.5) solid;
}
@media (max-width: 400px) {
  #nav-menu-container .cell-spacer {
    display: none;
  }
}

body#client-user-list {
  position: relative;
  margin: 0 auto 3em;
  text-align: center;
  max-width: 100%;
}
body#client-user-list #wrapper {
  max-width: 80em;
}
body#client-user-list .table-html-wrap {
  text-align: center;
}
body#client-user-list .table-container {
  display: inline-block;
  width: 100%;
}
body#client-user-list #client-user-list-table-frame {
  overflow: auto;
  outline: #eee solid 0.1em;
  padding: 0.5em;
}
body#client-user-list .table#client-user-list-table {
  width: 100%;
}
body#client-user-list #client-user-list-table .table-row:not(.head-row):hover .table-cell:not(.cell-noborder) {
  background-color: #ddd;
}
body#client-user-list .table-row {
  width: 100%;
  max-width: 100%;
}
.admin-icon {
  opacity: 0.3;
  width: 1.4em;
  height: 1.4em;
}

.client-list-lock-button {
  position: relative;
  display: inline-block;
  width: auto;
  text-align: center;
}
body#client-user-details #wrapper {
  max-width: 60em;
}
body#client-user-details #client-user-details-container {
  text-align: center;
}
body#client-user-details #client-user-details-container > form {
  width: 100%;
  max-width: 30em;
  position: relative;
  display: inline-block;
  text-align: left;
}
body#client-user-details #user-details-table.table {
  margin-bottom: 1.5em;
  width: 100%;
}
body#client-user-details #user-details-table.table .table-row {
  width: 100%;
}
body#client-user-details #user-details-table.table .table-cell {
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  padding: 0.6em;
}
body#client-user-details #user-details-table.table .table-cell:first-of-type {
  text-align: right;
  width: 10px;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.52);
  color: #fff;
}
@media (max-width: 30em) {
  body#client-user-details #user-details-table.table .table-cell:first-of-type {
    white-space: normal;
    font-size: 0.9em;
  }
}
body#client-user-details #user-details-table.table .table-cell:last-of-type {
  text-align: left;
  outline: #eee 0.1em solid;
}
body#client-user-details #user-details-table.table .table-cell:last-of-type input:not([type=checkbox]) {
  width: 100%;
}
body#client-user-details #user-details-table.table .table-cell:last-of-type #user-edit-account-list-table {
  width: 100%;
}
body#client-user-details #user-details-table.table .table-cell.table-cell-TEXT {
  padding: 0;
}
body#client-user-details #user-details-table.table .table-cell.table-cell-TEXT span {
  padding-left: 0.5em;
}
body#client-user-details #user-details-table.table .table-cell.table-cell-TEXT input:not(.table-search) {
  padding: 0.6em;
  outline: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body#client-user-details #user-details-table.table .table-cell.table-cell-TEXT #account-select-icon {
  margin-right: 0.5em;
}
body#client-user-details #user-details-table.table .table-cell .switch-container {
  display: inline-block;
  display: none;
}
body#client-user-details #submit-row {
  margin-bottom: 2em;
  position: relative;
  text-align: center;
}
body#client-user-details #submit-row input {
  padding: 0.6em 3em;
}
body#client-user-details #client-user-details-save-confirm {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  right: 0;
  width: 20em;
  margin: 0.3em auto;
}
body#client-user-details .user-save-message {
  text-align: center;
}
body#client-user-details #extra-links-container form {
  display: inline-block;
}
body#client-user-details #account-select-container .table-container {
  margin: 0;
}
body#client-user-details #account-select-container .table-frame {
  position: relative;
}
body#client-user-details #account-select-container .table-frame .table .table-cell {
  background: #fff;
  color: #555;
}
body#client-user-details #account-select-container .functions-content {
  margin: 0;
  margin-bottom: 0.5em;
}

body#image-library {
  text-align: center;
}
body#image-library #wrapper {
  max-width: 80em;
}
body#image-library .table-html-wrap {
  text-align: center;
}
body#image-library .table-container {
  display: inline-block;
  width: 100%;
  max-width: 80em;
}
body#image-library #new-images-container {
  display: inline-block;
  width: 100%;
  max-width: 80em;
  text-align: left;
}
body#image-library #new-images-container #new-images-button-container {
  display: inline-block;
}
body#image-library #new-images-container #new-images-form-container {
  display: none;
  opacity: 0;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  -webkit-animation: images_form_fade 0.25s linear forwards;
          animation: images_form_fade 0.25s linear forwards;
}
@-webkit-keyframes images_form_fade {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes images_form_fade {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body#image-library #images-table-frame {
  overflow: auto;
  padding: 0.5em;
  outline: #eee solid 0.1em;
}
body#image-library #images-table {
  width: 100%;
}
body#image-library #images-table .table-row:not(.head-row):hover .table-cell:not(.cell-noborder) {
  background-color: #ddd;
}
body#image-library #images-table .table-cell {
  vertical-align: middle;
  white-space: nowrap;
}
body#image-library #images-table .table-cell.image-library-cell-FILENAME {
  white-space: normal;
}
@media (max-width: 30em) {
  body#image-library #images-table .table-cell.image-library-cell-FILENAME {
    word-break: break-all;
  }
}
body#image-library #images-table .table-cell.image-library-cell-alt_text {
  white-space: normal;
  min-width: 20em;
}
body#image-library #images-table .table-cell.image-library-cell-ATTACH p {
  margin: 0.5em;
}
body#image-library .cell-IS_LOGO, body#image-library .cell-IS_HEADER, body#image-library .cell-IS_DEFAULT,  body#image-library .cell-IS_BACKGROUND {
  text-align: center;
}
body#image-library .cell-IS_LOGO .image-list-tick, body#image-library .cell-IS_HEADER .image-list-tick, body#image-library .cell-IS_DEFAULT .image-list-tick, body#image-library .cell-IS_BACKGROUND .image-list-tick {
  vertical-align: middle;
  height: 2em;
  width: auto;
}

body#image-edit #wrapper {
  max-width: 60em;
}
body#image-edit #image-details-container {
  text-align: center;
}
body#image-edit #image-details-container #image-container {
  position: relative;
  margin-bottom: 1em;
  text-align: center;
}
body#image-edit #image-details-container #image-container img {
  max-height: 24em;
  max-width: 100%;
  border: #fff 1em solid;
  outline: 0.1em #eee solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body#image-edit #image-details-container #image-container #images-replace-container {
  position: relative;
  background: rgba(255, 255, 255, 0.95);
  width: 12em;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0.4em 0 0.6em;
  border-radius: 1em 1em 0 0;
}
body#image-edit #image-details-container #image-details-table {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 1em;
}
body#image-edit #image-details-container #image-details-table .table-row.outer-table {
  width: 100%;
}
body#image-edit #image-details-container #image-details-table .table-row.outer-table .table-cell.outer-table {
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.75em;
}
body#image-edit #image-details-container #image-details-table .table-row.outer-table .table-cell.outer-table.table-cell-attach {
  vertical-align: top;
}
body#image-edit #image-details-container #image-details-table .table-row.outer-table .table-cell.outer-table:first-of-type {
  border: none;
  text-align: right;
  width: 12em;
  background: rgba(0, 0, 0, 0.52);
  color: rgba(255, 255, 255, 0.9);
  font-weight: bold;
}
body#image-edit #image-details-container #image-details-table .table-row.outer-table .table-cell.outer-table:last-of-type {
  text-align: left;
}
body#image-edit #image-details-container #image-details-table .table-row.outer-table .table-cell.outer-table:last-of-type p#image-details-filename-str {
  margin: 0;
}
body#image-edit #image-details-container #image-details-table .table-row.outer-table .table-cell.outer-table:last-of-type .image-details-input {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body#image-edit #image-details-container #image-details-table .table-row.outer-table .table-cell.outer-table .switch-container {
  display: inline-block;
  display: none;
}
@media (max-width: 35em) {
  body#image-edit #image-details-container #image-details-table {
    display: block;
    width: 100%;
  }
  body#image-edit #image-details-container #image-details-table .table-row.outer-table {
    display: block;
    width: 100%;
  }
  body#image-edit #image-details-container #image-details-table .table-row.outer-table .table-cell.outer-table {
    display: block;
  }
  body#image-edit #image-details-container #image-details-table .table-row.outer-table .table-cell.outer-table:first-of-type {
    text-align: left;
    width: 100%;
    padding: 0.4em 0.6em;
  }
  body#image-edit #image-details-container #image-details-table .table-row.outer-table .table-cell.outer-table:last-of-type {
    text-align: left;
    width: 100%;
    margin-bottom: 1em;
  }
}
body#image-edit #image-details-replace {
  display: none;
}
body#image-edit #image-details-attach {
  display: none;
}
body#image-edit #image-details-filename-str span {
  position: relative;
  display: block;
  background: #fbb;
  margin-top: 0.6em;
  padding: 0.2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body#image-edit #images-sale-items-table-container {
  position: relative;
  margin-top: 1em;
  margin-bottom: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body#image-edit #images-sale-items-table-container #images-sale-items-table-frame {
  display: block;
  width: 100%;
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: #eee solid 0.1em;
}
body#image-edit #images-sale-items-table-container .table-scrollbox {
  height: 19em;
  overflow: auto;
  outline: #eee solid 0.1em;
}
body#image-edit #images-sale-items-table-container .table {
  width: 100%;
}
body#image-edit #images-sale-items-table-container .table .table-row .table-cell {
  padding: 0.3em;
}
body#image-edit #images-sale-items-table-container .table .table-row .table-cell .edit-icon {
  width: 1.8em;
  height: 1.8em;
}
body#image-edit #image-details-attach-labels-table {
  display: table;
}
body#image-edit #image-details-attach-labels-table:not(.is-empty) {
  margin-bottom: 1em;
}
body#image-edit #image-details-attach-labels-table .image-details-attach-labels-row {
  display: table-row;
}
body#image-edit #image-details-attach-labels-table .image-details-attach-labels-row .image-details-attach-labels-cell {
  position: relative;
  display: table-cell;
  padding: 0.5em;
  vertical-align: middle;
  white-space: nowrap;
}
body#image-edit #image-details-attach-labels-table .image-details-attach-labels-row .image-details-attach-labels-cell.cell-maxwidth {
  width: 100%;
  text-align: right;
}
body#image-edit #image-details-attach-labels-table .image-details-attach-labels-row .image-details-attach-labels-cell.divider {
  padding: 0;
  width: 0.1em;
}
body#image-edit #image-details-attach-labels-table .image-details-attach-labels-row .image-details-attach-labels-cell .image-attach-clear-link {
  position: absolute;
  top: 0.2em;
  left: 0;
  display: block;
  display: none;
}
body#image-edit #image-details-attach-labels-table .image-details-attach-labels-row .image-details-attach-labels-cell .image-attach-clear-link img {
  position: relative;
  width: 1.7em;
  height: auto;
  margin-left: 0.5em;
}
body#image-edit #image-details-attach-labels-table .image-details-attach-labels-row:hover .image-attach-clear-link {
  display: block;
}
body#image-edit #image-edit-submit-row input {
  padding: 0.6em 3em;
}

body#order-list-screen {
  text-align: center;
}
body#order-list-screen #wrapper {
  max-width: 80em;
}
body#order-list-screen .table-html-wrap {
  text-align: center;
}
body#order-list-screen .table-container {
  display: inline-block;
  width: 100%;
}
body#order-list-screen #order-list-screen-table-frame {
  outline: #eee solid 0.1em;
  padding: 0.5em;
}
@media (max-width: 400px) {
  body#order-list-screen #order-list-screen-table-frame {
    padding: 0.5em 0;
  }
}
body#order-list-screen #order-list-screen-table {
  background: #fff;
}
body#order-list-screen #order-list-screen-table .table-row:not(.head-row):hover .table-cell:not(.cell-noborder) {
  background-color: #ddd;
}
body#order-single #wrapper {
  max-width: 90em;
  text-align: center;
}
body#order-single:not(.is-pds-admin) #wrapper {
  padding-top: 3em;
}
body#order-single #account-select-container {
  position: absolute;
  outline: #eee 0.1em solid;
  border-radius: 0.3em;
  padding: 0.5em;
  top: -1em;
  right: 1em;
  background: #fff;
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 30em) {
  body#order-single #account-select-container {
    position: relative;
    display: inline-block;
    top: 0;
    right: auto;
    margin-bottom: 0.5em;
  }
  body#order-single #account-select-container #account-select-prefix {
    display: inline-block !important;
  }
}
body#order-single #account-select-container #account-select-stuff #account-select-label {
  display: inline-block;
}
body#order-single #account-select-container #account-select-stuff #account-select-prefix {
  display: inline-block;
  color: rgba(0, 0, 0, 0.5);
}
body#order-single #account-select-container #account-select-stuff img {
  position: relative;
  display: inline-block;
  height: 1.5em;
}
body#order-single #account-select-container #account-select-table-container #account-select-table-prefix {
  display: block;
  margin: 0;
}
body#order-single #account-select-container.mobile #account-select-stuff #account-select-prefix {
  display: none;
}
body#order-single #order-single-addr-summary {
  text-align: center;
  display: inline-block;
  margin-right: 1em;
  vertical-align: middle;
}
body#order-single .address-html-wrap {
  margin-bottom: 1em;
}
body#order-single #order-address-outer-wrap {
  padding: 1px;
  overflow: hidden;
  margin: 0 auto;
}
body#order-single #order-address-outer-wrap #order-address-menu-table {
  position: relative;
  margin: 0 auto;
  display: none;
  table-layout: fixed;
  z-index: 1;
  height: 4em;
}
body#order-single #order-address-outer-wrap #order-address-menu-table .order-address-menu-cell {
  vertical-align: bottom;
  display: table-cell;
}
body#order-single #order-address-outer-wrap.no-codes {
  width: 40em;
  max-width: 100%;
}
body#order-single #order-address-outer-wrap.menu-mode {
  width: 40em;
  max-width: 100%;
}
body#order-single #order-address-outer-wrap.menu-mode #order-address-menu-table {
  display: table;
}
body#order-single #order-address-outer-table {
  position: relative;
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body#order-single #order-address-outer-table.address-table-Sent {
  width: auto;
  margin-bottom: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body#order-single #order-address-outer-table.address-table-Sent #addrcode-delete-icon {
  display: none;
}
body#order-single #order-address-outer-table #order-single-addrcodes-table-container {
  margin-bottom: 0.5em;
}
body#order-single #order-address-outer-table .order-address-outer-cell {
  position: relative;
  display: table-cell;
  vertical-align: top;
}
body#order-single #order-address-outer-table .order-address-outer-cell p.order-address-label {
  margin: 0;
  padding: 0.4em;
  background: #fff;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.65);
  border-bottom: 0.1em #eee solid;
}
body#order-single #order-address-outer-table .order-address-outer-cell#order-address-outer-cell-field {
  padding-right: 0.5em;
}
body#order-single #order-address-outer-table .order-address-outer-cell#order-address-outer-cell-field #order-address-outer-cell-field-content {
  outline: #eee solid 0.1em;
}
body#order-single #order-address-outer-table .order-address-outer-cell#order-address-outer-cell-code {
  position: relative;
  padding-left: 0.5em;
}
body#order-single #order-address-outer-table .order-address-outer-cell#order-address-outer-cell-code #order-address-code-content {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  width: 100%;
  outline: #eee solid 0.1em;
}
body#order-single #order-address-outer-table .order-address-outer-cell#order-address-outer-cell-code .table-html-wrap tbody .table-row {
  cursor: pointer;
}
body#order-single #order-address-outer-table .order-address-outer-cell#order-address-outer-cell-code .table-html-wrap .cell-DEL_ADDRESS_CODE {
  width: 1px;
}
body#order-single #order-address-outer-table.menu-mode {
  width: 200%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
body#order-single #order-address-outer-table.menu-mode.menu-mode-codes {
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
}
body#order-single #order-address-table {
  display: table;
  outline: #eee 0.1em solid;
  background: #fff;
  width: 100%;
}
body#order-single #order-address-table .order-address-row {
  display: table-row;
}
body#order-single #order-address-table .order-address-row .order-address-cell {
  display: table-cell;
}
body#order-single #order-address-table .order-address-row .order-address-cell:first-of-type {
  background: rgba(0, 0, 0, 0.52);
  color: #fff;
  white-space: nowrap;
  width: 1px;
  text-align: right;
  padding: 0.2em 0.5em;
  vertical-align: middle;
}
body#order-single #order-address-table .order-address-row .order-address-cell:last-of-type {
  vertical-align: middle;
  text-align: left;
}
body#order-single #order-address-table .order-address-row .order-address-cell:last-of-type input, body#order-single #order-address-table .order-address-row .order-address-cell:last-of-type textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.5em;
  outline: 0;
  border: #eee solid 0.1em;
  background: #ffe;
}
body#order-single #order-address-table .order-address-row .order-address-cell:last-of-type input[required]:invalid, body#order-single #order-address-table .order-address-row .order-address-cell:last-of-type textarea[required]:invalid {
  -webkit-box-shadow: inset 0 0 0 0.1em #f00;
          box-shadow: inset 0 0 0 0.1em #f00;
}
body#order-single #order-address-table .order-address-row .order-address-cell:last-of-type textarea {
  resize: none;
}
body#order-single #order-address-table .order-address-row .order-address-cell:last-of-type p {
  margin: 0.5em;
  display: inline-block;
  vertical-align: top;
}
body#order-single #order-address-table .order-address-row .order-address-cell:last-of-type p.hide-me {
  display: none;
}
body#order-single #order-address-table .order-address-row .order-address-cell:last-of-type #addrcode-delete-icon {
  position: relative;
  display: block;
  float: right;
  height: 1.75em;
  top: 0.185em;
  width: auto;
  margin-right: 0.4em;
  opacity: 0.5;
  cursor: pointer;
}
body#order-single #order-address-table .order-address-row .order-address-cell:last-of-type #addrcode-delete-icon:hover {
  opacity: 1;
}
body#order-single #order-options-table-wrap {
  position: relative;
  margin-top: 1em;
}
body#order-single #order-options-table {
  position: relative;
  display: table;
  margin: 0 auto;
  margin-bottom: 1em;
  text-align: center;
  border-radius: 0 0 0.5em 0.5em;
  z-index: 200;
  padding: 0.5em;
}
body#order-single #order-options-table.floating {
  border-top-width: 0;
  background: white;
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 1em rgba(0, 0, 0, 0.25);
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
body#order-single #order-options-table .order-options-row {
  display: table-row;
}
body#order-single #order-options-table .order-options-row .order-options-cell {
  display: table-cell;
  padding: 0em 0.8em;
}
body#order-single #order-options-table .order-options-row.head-row {
  font-size: 0.9em;
  color: #555;
}
body#order-single #order-options-table .order-options-row.head-row .order-options-cell {
  border-bottom: #ddd solid 0.1em;
}
body#order-single #order-options-table .order-options-row.data-row {
  font-size: 1.1em;
}
body#order-single #order-options-table .order-options-row.data-row .order-options-cell {
  padding-top: 0.3em;
}
body#order-single #single-order-source-row {
  text-align: center;
  margin-bottom: 1em;
}
body#order-single #table-filter-container form {
  margin: 0 0.4em;
}
body#order-single #table-filter-container form.filter-form-ALL {
  display: none;
}
body#order-single #order-single-table-frame {
  outline: #eee solid 0.1em;
  padding: 0.5em;
}
body#order-single .table-html-wrap {
  text-align: center;
}
body#order-single .table-container {
  display: inline-block;
  width: 100%;
}
body#order-single #order-single-addrcodes-table-frame {
  display: block;
  width: 100%;
  height: 1em;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: #ccc solid 0.1em;
}
body#order-single #order-single-addr-frame #order-single-addr-content {
  padding-left: 1em;
  padding-right: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body#order-single #order-single-addr-frame.mqs-break-1 #order-single-addr-summary b {
  display: block;
  text-align: left;
}
body#order-single #order-single-addr-frame.mqs-break-2 .expand-mqs {
  display: none;
}
body#order-single #order-single-addr-frame.mqs-break-3 #order-single-addr-summary span#addr-str-line {
  display: none;
}
body#order-single #order-single-addr-frame.mqs-break-4 .expand-mqs {
  display: inline;
}
body#order-single #order-single-addr-frame.mqs-break-4 #order-single-addr-summary {
  margin-right: 0;
}
body#order-single #order-single-addr-frame.mqs-break-4 #order-single-addr-summary b {
  text-align: center;
}
body#order-single #order-single-addr-frame.mqs-break-4 .img-attach-expand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body#order-single #order-single-table {
  width: 99%;
}
body#order-single #order-single-table .table-row {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body#order-single #order-single-table .table-row .table-cell:not(.cell-nopad):not(.cell-thumb) {
  padding: 0.4em 0.6em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body#order-single #order-single-table .table-row .table-cell:not(.cell-nopad):not(.cell-thumb) select, body#order-single #order-single-table .table-row .table-cell:not(.cell-nopad):not(.cell-thumb) input {
  position: relative;
}
body#order-single #order-single-table .table-row .table-cell:not(.cell-nopad):not(.cell-thumb).cell-PACK_QTY, body#order-single #order-single-table .table-row .table-cell:not(.cell-nopad):not(.cell-thumb).cell-BASE_UNITS {
  max-width: 6em;
}
body#order-single #order-single-table .table-row .table-cell.cell-thumb a .table-thumb-img {
  display: inline-block;
  height: 3em;
  width: 3em;
  background-size: cover;
  background-position: center;
  vertical-align: bottom;
}
body#order-single #order-single-table .table-row:not(.edited-row) .order-single-cell-DELETE {
  display: none;
}
body#order-single #order-single-table .table-row.edited-row:not(.not-saleable) .table-cell:not(.cell-noborder) {
  background-color: #efe;
}
body#order-single #order-single-table .table-row.limited-row:not(.not-saleable) .table-cell:not(.cell-noborder) {
  background-color: #ffffda;
}
body#order-single #order-single-table .table-row.not-saleable .table-cell:not(.cell-noborder) {
  background-color: #ffdada;
  opacity: 0.5;
}
body#order-single #order-single-table .table-row.not-saleable:hover .table-cell:not(.cell-noborder) {
  background-color: #fbb;
}
body#order-single #order-single-table .table-row:not(.head-row):hover .table-cell:not(.cell-noborder) {
  background-color: #ddd;
}
body#order-single #order-single-table .table-row.not-saleable.is-admin .table-cell:not(.cell-noborder) {
  opacity: 1;
}
body#order-single #order-single-table .table-row.not-saleable.is-admin:hover .table-cell:not(.cell-noborder) {
  background-color: #fbb;
}
body#order-single #order-single-table .table-row.not-saleable.edited-row.is-admin .table-cell:not(.cell-noborder) {
  background-color: #f88;
}
body#order-single #order-single-table .table-row.not-saleable.edited-row.is-admin:hover .table-cell:not(.cell-noborder) {
  background-color: #f66;
}
body#order-single #order-single-table .table-row.edited-row:not(.head-row):not(.nohover):not(.not-saleable):hover .table-cell:not(.cell-noborder) {
  background: #ddf7dd;
}
body#order-single #order-single-table .table-row.limited-row.edited-row:not(.head-row):not(.nohover):not(.not-saleable):hover .table-cell:not(.cell-noborder) {
  background: #fbfbac;
}
body#order-single #order-single-table .table-row.limited-row:not(.not-saleable):hover .table-cell:not(.cell-noborder) {
  background-color: #fbfbac;
}
body#order-single #order-single-send-strip {
  text-align: center;
}
body#order-single .send-print-button {
  position: relative;
  display: inline-block;
  width: 14em;
  left: 0;
  right: 0;
  margin: 0 2em 2em;
  padding: 1em;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body#order-single .send-print-button#send-order-button.hide-me, body#order-single .send-print-button#print-order-button.hide-me {
  opacity: 0.5;
  cursor: not-allowed;
}
body#order-single .send-print-button#send-order-button.hide-me-force, body#order-single .send-print-button#print-order-button.hide-me-force {
  display: none;
}
body#order-single .xfunctions-container {
  vertical-align: bottom;
  display: inline-block;
  margin-bottom: 1.5em;
  margin-left: 3em;
}
body#order-single .xfunctions-container .functions-content {
  margin: 0;
}

#client-message-container {
  position: relative;
  background: #65aaa5;
  color: #fff;
  padding: 0.7em;
  margin-bottom: 1em;
}
#client-message-container .client-message {
  margin: 0.3em 0;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#gfilters-container {
  vertical-align: bottom;
  text-align: center;
  margin-bottom: 1em;
  font-size: 1em;
  padding-left: 1em;
}
#gfilters-container .gfilters-block {
  display: inline-block;
  max-height: 10em;
}
#gfilters-container .gfilters-block:not(:last-of-type) {
  margin-right: 2em;
}
#gfilters-container .gfilters-block .gfilters-label {
  display: inline-block;
  margin-right: 0.5em;
}
#gfilters-container .gfilters-block .gfilters-selectbox {
  position: relative;
  display: inline-block;
}
#gfilters-container .gfilters-block .gfilters-selectbox select {
  border: 0.1em #eee solid;
  border-radius: 0.3em;
  font-size: 1em;
}
#gfilters-container .gfilters-block .gfilters-selectbox select option {
  font-size: 1em;
  background: #fff;
}

#gfilter-functions-container {
  text-align: center;
}

#gfilter-functions-container:not(.mqs-break-1) #gfilter-functions-content {
  display: table;
  width: 100%;
  margin-bottom: 1em;
  white-space: nowrap;
}
#gfilter-functions-container:not(.mqs-break-1) #gfilter-functions-content #gfilters-container {
  display: table-cell;
  vertical-align: bottom;
  text-align: left;
  white-space: nowrap;
}
#gfilter-functions-container:not(.mqs-break-1) #gfilter-functions-content .functions-container {
  text-align: right;
  display: table-cell;
  vertical-align: bottom;
  padding-right: 1em;
  padding-left: 2em;
  min-width: 15em;
}
#gfilter-functions-container:not(.mqs-break-1) #gfilter-functions-content .functions-container .functions-content {
  margin: 0;
  margin-bottom: 0.55em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
}
#gfilter-functions-container:not(.mqs-break-1) #gfilter-functions-content .functions-container .functions-content .function-label {
  padding-left: 2em;
}
#gfilter-functions-container.mqs-break-1 #gfilter-functions-content #gfilters-container {
  padding: 0 1em;
}

#gfilter-functions-container.mqs-break-2 #gfilter-functions-content #gfilters-container {
  padding: 0 0.4em;
}
#gfilter-functions-container.mqs-break-2 #gfilter-functions-content #gfilters-container .gfilters-block:first-of-type {
  margin-right: 1em;
  margin-bottom: 1em;
}
#gfilter-functions-container.mqs-break-2 #gfilter-functions-content #gfilters-container .gfilters-block .gfilters-label {
  display: block;
}
#gfilter-functions-container.mqs-break-2 #gfilter-functions-content #gfilters-container .gfilters-block .gfilters-label p {
  margin: 0.3em;
}
#gfilter-functions-container.mqs-break-2 #gfilter-functions-content #gfilters-container .gfilters-block .gfilters-selectbox {
  display: block;
}
#gfilter-functions-container.mqs-break-2 #gfilter-functions-content .functions-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#gfilter-functions-container.mqs-break-2 #gfilter-functions-content .functions-container .functions-content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#gfilter-functions-container.mqs-break-3 #gfilter-functions-content #gfilters-container .gfilters-block {
  display: block;
}
#gfilter-functions-container.mqs-break-3 #gfilter-functions-content #gfilters-container .gfilters-block:first-of-type {
  margin-right: 0em;
}
#gfilter-functions-container.mqs-break-3 #gfilter-functions-content #gfilters-container .gfilters-block:last-of-type {
  margin-bottom: 2em;
}
#gfilter-functions-container.mqs-break-3 #gfilter-functions-content #gfilters-container .gfilters-block .gfilters-selectbox select {
  width: 100%;
}
#paypal-box {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 20em;
}

.ovw-disabled {
  opacity: 0.5;
}
.ovw-disabled:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 150;
  cursor: not-allowed;
}

.shop-error {
  margin: 0;
  color: #f00;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.shop-error.shop-error-hide {
  display: none;
}

#order-summary-container {
  width: 100%;
  max-width: 50em;
  margin: 0 auto;
}
#order-summary-container h3 {
  text-align: center;
}
#order-summary-container .order-summary-part {
  outline: #eee 0.1em solid;
  padding: 0.5em;
  width: 100%;
  background: #eee;
}
#order-summary-container .order-summary-part#order-summary-head-part {
  margin-bottom: 1em;
}
#order-summary-container .order-summary-part#order-summary-head-part .order-summary-head-table {
  display: table;
  table-layout: fixed;
  width: 100%;
  background: #fff;
}
#order-summary-container .order-summary-part#order-summary-head-part .order-summary-head-row {
  display: table-row;
}
#order-summary-container .order-summary-part#order-summary-head-part .order-summary-head-cell {
  display: table-cell;
  padding: 0.5em;
  outline: #eee 0.1em solid;
}
#order-summary-container .order-summary-part#order-summary-head-part .order-summary-head-cell:first-of-type {
  text-align: right;
}
#order-summary-container .order-summary-part#order-summary-lines-part {
  margin-bottom: 1em;
}
#order-summary-container .order-summary-part#order-summary-lines-part .order-summary-lines-table {
  display: table;
  table-layout: fixed;
  width: 100%;
  background: #fff;
}
#order-summary-container .order-summary-part#order-summary-lines-part .order-summary-lines-row {
  display: table-row;
}
#order-summary-container .order-summary-part#order-summary-lines-part .order-summary-lines-row:first-of-type {
  background: #eee;
}
#order-summary-container .order-summary-part#order-summary-lines-part .order-summary-lines-cell {
  display: table-cell;
  padding: 0.5em;
  outline: #eee 0.1em solid;
}

#back-to-orders-button {
  text-align: center;
  position: relative;
  display: block;
  width: 10em;
  margin: 0 auto;
}

body#index #wrapper {
  max-width: 50em;
}
body#index #form-wrapper {
  position: relative;
  text-align: center;
  width: 30em;
  max-width: 100%;
  margin: 0 auto;
}
body#index #form-wrapper form#login-form {
  position: relative;
  width: 100%;
}
body#pw-reset #form-wrapper .table {
  position: relative;
  display: block;
  width: 100%;
  background-color: transparent;
}
body#index #form-wrapper .table {
  position: relative;
  display: block;
  width: 100%;
  background-color: transparent;
}
body#index #form-wrapper .table .table-row {
  width: 100%;
}
body#index #form-wrapper .table .table-cell {
  background-color: transparent;
}
body#pw-reset #form-wrapper .table .table-cell.login-input-cell {
  width: 100%;
}
body#index #form-wrapper .table .table-cell.login-input-cell {
  width: 100%;
}
body#index #form-wrapper .table input {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body#pw-reset #form-wrapper .table .show-pw {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1em;
  height: 1.6em;
  font-size: 0.8em;
  margin: auto 0;
  padding-left: 0.2em;
  padding-right: 0.2em;
}
body#index #form-wrapper .table .show-pw {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1em;
  height: 1.6em;
  font-size: 0.8em;
  margin: auto 0;
  padding-left: 0.2em;
  padding-right: 0.2em;
}
@media screen and (max-width: 400px) {
  body#pw-reset #form-wrapper .table {
    text-align: center;
  }
  body#index #form-wrapper .table .table-row {
    display: block;
  }
  body#pw-reset #form-wrapper .table .table-cell {
    display: block;
  }
  body#pw-reset #form-wrapper .table {
    text-align: center;
  }
  body#index #form-wrapper .table .table-row {
    display: block;
  }
  body#index #form-wrapper .table .table-cell {
    display: block;
  }
}
body#index #form-wrapper .submit-group {
  margin-top: 1em;
  margin-bottom: 1em;
}
body#index #form-wrapper .submit-group input {
  width: 10em;
}
body#index #form-wrapper form#pw-reset-form .cbutton-wrap {
  margin-bottom: 2em;
}
body#index #form-wrapper form#pw-reset-form input[type=email] {
  display: block;
  width: 100%;
  margin-bottom: 1em;
  text-align: center;
}
body#index #form-wrapper form#login-reset-form p {
  margin: 0;
}
body#index #form-wrapper form#login-reset-form p, body#index #form-wrapper form#login-reset-form .cbutton-wrap {
  display: inline-block;
}
body#index #form-wrapper form#login-reset-form p input, body#index #form-wrapper form#login-reset-form .cbutton-wrap input {
  font-size: 1em;
}
body#index #form-wrapper form#login-reset-form .cbutton-wrap {
  margin-left: 1em;
}
body#index #form-wrapper #login-register p {
  font-size: 1em;
}
body#index #form-wrapper #login-register a {
  margin-left: 1em;
}

body#pw-reset #wrapper {
  max-width: 50em;
  text-align: center;
}
body#pw-reset #pw-reset-form {
  position: relative;
  display: block;
  margin-bottom: 1em;
}
body#pw-reset #pw-reset-form label {
  display: block;
  margin-bottom: 0.5em;
}
body#pw-reset #pw-reset-form input {
  vertical-align: bottom;
}
body#pw-reset #pw-reset-form input[type=email] {
  position: relative;
  height: 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  text-align: center;
}
body#pw-reset #pw-reset-form .cbutton-wrap {
  margin: 0 1em 1em;
  display: block;
}
body#pw-reset #pw-reset-form .input-wrap {
  margin: 0 1em 1em;
  display: block;
}
body#pw-reset #pw-reset-form input[type=submit] {
  height: 2em;
  width: 100%;
}

#lightbox {
  position: fixed;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  z-index: 10;
}
#lightbox #lightbox-frame {
  position: relative;
  max-width: 100vw;
  max-height: 100vh;
}
#lightbox #lightbox-frame #lightbox-exit {
  display: block;
  position: absolute;
  width: 3em;
  height: 3em;
  top: 0.5em;
  right: 0.5em;
  background-image: url("../assets/delete.png");
  background-size: 80% 80%;
  background-color: white;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  opacity: 0.5;
  cursor: pointer;
}
#lightbox #lightbox-frame #lightbox-exit:hover {
  opacity: 1;
}
#lightbox img {
  -webkit-box-shadow: 0 1em 2em rgba(0, 0, 0, 0.5);
          box-shadow: 0 1em 2em rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#lightbox img[src*=png] {
  -webkit-box-shadow: none;
          box-shadow: none;
}

body.js_ok .search-submit {
  display: none;
}
body.js_ok #search-form-clear .cbutton-wrap {
  margin-left: 0;
}