@charset "UTF-8";
@font-face {
  font-family: "FontAwesome Regular";
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: local("Font Awesome 5 Free Regular"), url("../fonts/Font Awesome 5 Free-Regular-400.otf") format("opentype");
}
@font-face {
  font-family: "FontAwesome Solid";
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: local("Font Awesome 5 Free Solid"), url("../fonts/Font Awesome 5 Free-Solid-900.otf") format("opentype");
}
.fontawesome {
  font-family: "FontAwesome Solid";
}

.couriernew, .courier {
  font-family: "Courier New";
}

*, *::before, *::after {
  padding: 0;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-collapse: collapse;
}

html {
  height: 100%;
  overflow: hidden;
  font-size: 1.1vw;
  background: #ffffff url(../images/New_Polka_Dot.png) repeat center fixed;
  background-size: contain;
}

body {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}

a {
  text-decoration: none !important;
  display: inline-block;
}

a, a:link, a:visited {
  color: black;
}

a:hover {
  color: #333;
}

img {
  border: 0;
  text-decoration: none;
  height: auto;
}

html.firefox img {
  margin-bottom: -2px;
}

/*table, tr, td, th, tbody, thead, div, table.ui-corner-all, table.ui-corner-all table {border-collapse:collapse;}*/
.ui-input-text, .ui-select, .ui-btn {
  display: inline-block !important;
}

noscript {
  font-size: 0.2rem;
  line-height: 2em;
}
noscript div {
  background-color: orange;
  color: black;
  font-family: Arial;
  font-weight: bold;
  font-size: 1rem;
  line-height: 2rem;
  margin: auto;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  height: 2rem;
}

.qwb-page {
  position: relative;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  color: black;
  background: transparent;
  margin: 0 auto;
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
}

.qwb-action {
  cursor: pointer;
}

.qwb-cart {
  position: absolute;
  top: -8rem;
  right: 8rem;
  width: 30%;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.qwb-cart .qwb-action.checkout {
  background-color: white;
  border: 1px solid #91CEE5;
  border-radius: 2rem;
  -webkit-box-shadow: 0.07em 0.07em 0.07em 0 #ccc;
          box-shadow: 0.07em 0.07em 0.07em 0 #ccc;
  padding: 0 1rem;
  font-size: 1.5rem;
  line-height: 2rem;
  height: 2rem;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.qwb-cart .qwb-action.checkout.modal-open {
  opacity: 0.25;
}
.qwb-cart .qwb-order-total {
  height: 100%;
  width: 12rem;
  background: transparent url(../images/cart.svg) no-repeat;
  background-position: center left;
  background-size: 2rem;
}
.qwb-cart .qwb-order-total span {
  font-size: 1.25rem;
  background-color: white;
  border-radius: 2rem;
  margin-left: 2.5rem;
  line-height: 2rem;
  padding: 0 0.75rem;
  height: 2rem;
}

.qwb-content {
  margin: 10rem 10rem 5rem;
  background-color: white;
}

.qwb-logo {
  width: 13rem;
  height: auto;
  position: absolute;
  top: -10rem;
  left: calc(50% - 6.5rem);
}

.qwb-qweenie {
  width: auto;
  height: 80vh;
  position: fixed;
  top: 15vh;
  left: 1vw;
  z-index: 1000;
}

.qwb-gluten-free {
  width: auto;
  height: 10rem;
  position: fixed;
  top: 24vh;
  right: 2vw;
  z-index: 1001;
}

.qwb-form {
  position: relative;
  padding-top: 12rem;
}

.qwb-title {
  width: 30rem;
  height: auto;
  position: absolute;
  top: 3rem;
  left: calc(50% - 15rem);
}

.qwb-statement {
  font-size: 1rem;
  line-height: 1.2em;
  font-weight: 600;
  padding: 0 18rem;
  text-align: center;
  position: absolute;
  top: 9rem;
}

.qwb-pricing {
  font-size: 1.5rem;
  line-height: 1.2em;
  font-weight: 400;
  padding: 0 18rem;
  text-align: center;
  position: absolute;
  top: 14rem;
}

.qwb-form-content.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 2rem 4rem;
  opacity: 1;
  -webkit-transition: height 2s, opacity 2s;
  transition: height 2s, opacity 2s;
}
.qwb-form-content.wrapper.modal-open {
  height: 0 !important;
  overflow: hidden;
  opacity: 0;
}
.qwb-form-content.item {
  width: 33%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: center;
}
.qwb-form-content.header {
  width: 33%;
  color: black;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
}
.qwb-form-content.field {
  width: 66%;
  color: black;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
}
.qwb-form-content.message {
  width: 100%;
  color: black;
  text-align: justify;
  font-size: 1.2rem;
  line-height: 1.2em;
  margin: 1rem 0;
}
.qwb-form-content.send {
  text-align: center;
  width: 100%;
  padding: 0.5rem 0;
}

.qwb-add-to-cart {
  height: 1.5rem;
  margin-top: -2rem;
  margin-bottom: 2rem;
}
.qwb-add-to-cart button, .qwb-add-to-cart input {
  height: 1.5rem;
  border: 1px solid black;
  border-radius: 0;
  text-align: center;
  -webkit-box-shadow: 0.1em 0.1em 0.1em 0 #ccc;
          box-shadow: 0.1em 0.1em 0.1em 0 #ccc;
  vertical-align: middle;
}
.qwb-add-to-cart button {
  width: 2rem;
  font-family: "FontAwesome Solid";
  font-size: 1rem;
  line-height: 1.5rem;
}
.qwb-add-to-cart button.subtract {
  border-top-left-radius: 25% 50%;
  border-bottom-left-radius: 25% 50%;
  padding-left: 0.25rem;
}
.qwb-add-to-cart button.add {
  border-top-right-radius: 25% 50%;
  border-bottom-right-radius: 25% 50%;
  padding-right: 0.25rem;
}
.qwb-add-to-cart input[type=number] {
  width: 4rem;
  border-left: 0;
  border-right: 0;
  font-size: 1.1rem;
  line-height: 1.2em;
  font-weight: normal;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.qwb-add-to-cart input::-webkit-outer-spin-button, .qwb-add-to-cart input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

img.qwb-item {
  width: 80%;
  height: auto;
  margin: 0.5rem auto;
  text-align: center;
}

.qwb-form .qwb-form-modal.wrapper {
  display: inline-block;
  width: 0;
  opacity: 0;
  -webkit-transition: width 1s, opacity 1s;
  transition: width 1s, opacity 1s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 2rem 9rem;
  background-color: white;
  position: absolute;
  top: 14rem;
}
.qwb-form .qwb-form-modal.wrapper.modal-open {
  width: 100%;
  opacity: 1;
}
.qwb-form .qwb-form-modal.wrapper .qwb-form-header-item {
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-bottom: 0.75rem;
}
.qwb-form .qwb-form-modal.wrapper .qwb-action.back {
  font-family: "FontAwesome Solid";
  font-size: 1.5rem;
  position: absolute;
  top: 0;
  left: 9rem;
  height: 1.5rem;
  width: 1.5rem;
}
.qwb-form .qwb-form-modal.wrapper .qwb-action.place-order {
  font-size: 1.5rem;
  line-height: 2rem;
  height: 2rem;
  padding: 0 2rem;
  border-radius: 2rem;
  border: 1px solid #91CEE5;
  -webkit-box-shadow: 0.07em 0.07em 0.07em 0 #999;
          box-shadow: 0.07em 0.07em 0.07em 0 #999;
}
.qwb-form .qwb-form-modal.wrapper .qwb-form-field {
  font-size: 1.25rem;
  line-height: 2rem;
  height: 2rem;
  width: 100%;
  padding: 0.125rem 0.5rem;
  border: 1px solid #91CEE5;
  -webkit-box-shadow: 0.07em 0.07em 0.07em 0 #999;
          box-shadow: 0.07em 0.07em 0.07em 0 #999;
  border-radius: 0.25rem;
}

span.afterthought {
  font-family: Arial;
  font-size: 0.75em;
  color: grey;
  line-height: 1.2em;
}

span.invisible {
  color: transparent;
  background-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

fieldset.hidden {
  visibility: hidden;
  position: absolute;
  top: -9999%;
  left: -9999%;
}

label {
  font-weight: bold;
  color: black;
  cursor: default;
  display: inline-block !important;
}

*:focus {
  outline: none;
}

input:-webkit-autofill {
  color: #666;
  -webkit-text-fill-color: #666;
  background-color: white;
  -webkit-box-shadow: 0 0 0 1000px white inset, 0.1em 0.1em 0.1em 0 #ccc !important;
          box-shadow: 0 0 0 1000px white inset, 0.1em 0.1em 0.1em 0 #ccc !important;
  -webkit-filter: none;
          filter: none;
  font-size: 1.1rem;
  line-height: 1.2em;
}

input:autofill {
  color: #666;
  -webkit-text-fill-color: #666;
  background-color: white;
  -webkit-box-shadow: 0 0 0 1000px white inset, 0.1em 0.1em 0.1em 0 #ccc !important;
          box-shadow: 0 0 0 1000px white inset, 0.1em 0.1em 0.1em 0 #ccc !important;
  -webkit-filter: none;
          filter: none;
  font-size: 1.1rem;
  line-height: 1.2em;
}

input::-moz-selection, textarea::-moz-selection, .noninput::-moz-selection {
  color: white;
  -webkit-text-fill-color: white;
  background-color: #91cee5;
}

input::selection, textarea::selection, .noninput::selection {
  color: white;
  -webkit-text-fill-color: white;
  background-color: #91cee5;
}
input:disabled::-moz-selection, textarea:disabled::-moz-selection, .noninput:disabled::-moz-selection {
  color: white;
  background-color: greytext;
}
input:disabled::selection, textarea:disabled::selection, .noninput:disabled::selection {
  color: white;
  background-color: greytext;
}
input.red, textarea.red, .noninput.red { /*shouldn't be allowed to select anyway*/ }
input.red::-moz-selection, textarea.red::-moz-selection, .noninput.red::-moz-selection {
  background-color: #aa003c;
}
input.red::selection, textarea.red::selection, .noninput.red::selection {
  background-color: #aa003c;
}
input.red:disabled::-moz-selection, textarea.red:disabled::-moz-selection, .noninput.red:disabled::-moz-selection {
  background-color: #f66;
}
input.red:disabled::selection, textarea.red:disabled::selection, .noninput.red:disabled::selection {
  background-color: #f66;
}

.ui-widget input, .ui-widget select, .ui-widget div.multiselect-placeholder, .ui-widget textarea, .ui-widget .noninput:not(.formrow) {
  font-size: 1.1rem;
  line-height: 1.3em;
}

.noninput:empty::after {
  content: " ";
  font-size: 1.3em;
}

.checkbox_wrapper {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  position: relative;
  margin: 0.125em 0.25em 0.125em auto;
  vertical-align: middle;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox_wrapper > *, .checkbox_wrapper ~ * {
  vertical-align: middle;
}
.checkbox_wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.checkbox_wrapper input[type=radio] ~ .checkmark {
  border-radius: 50%;
}
.checkbox_wrapper input[type=checkbox] ~ .checkmark::after {
  content: "\f00c";
  font-size: 1.25em;
  top: 0.2em;
  left: 0.1em;
}
.checkbox_wrapper input[type=radio] ~ .checkmark::after {
  top: 0.265em;
  left: 0.265em;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background-color: white;
}
.checkbox_wrapper input[readonly] ~ .checkmark {
  cursor: default;
  background-color: white;
}
.checkbox_wrapper input:checked ~ .checkmark {
  background-color: #91cee5;
}
.checkbox_wrapper input:checked ~ .checkmark::after {
  display: block;
}
.checkbox_wrapper input:disabled ~ .checkmark {
  background-color: #ccc;
}
.checkbox_wrapper input:disabled ~ .checkmark::after {
  background-color: #999; /*display:none;*/
}
.checkbox_wrapper input:not(:disabled):not(:checked):focus ~ .checkmark::after {
  border: 1px solid #aa003c;
}
.checkbox_wrapper input:not(:disabled):checked:focus ~ .checkmark::after {
  border: 1px solid #91cee5;
}
.checkbox_wrapper input:disabled:focus ~ .checkmark::after {
  border: 1px solid #ccc;
}
.checkbox_wrapper .checkmark {
  cursor: pointer;
  line-height: 1em;
  position: absolute;
  top: 0;
  left: 0;
  height: 1.5em;
  width: 1.5em;
  color: white;
  background-color: #666;
  font-family: "FontAwesome Solid";
}
.checkbox_wrapper .checkmark::after {
  content: "";
  position: absolute;
  display: none;
}
.checkbox_wrapper:hover input ~ .checkmark {
  background-color: #00aa64;
}
.checkbox_wrapper:hover input[readonly] ~ .checkmark {
  background-color: white;
}
.checkbox_wrapper:hover input:disabled ~ .checkmark {
  background-color: #ccc !important;
  cursor: not-allowed !important;
}
.checkbox_wrapper.switch, .checkbox_wrapper.toggle {
  width: 2.5em;
}
.checkbox_wrapper.switch .checkmark, .checkbox_wrapper.toggle .checkmark {
  width: 2.5em;
  border-radius: 0;
  background-color: #666;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.checkbox_wrapper.switch:hover .checkmark, .checkbox_wrapper.toggle:hover .checkmark {
  background-color: #999 !important;
}
.checkbox_wrapper.switch input ~ .checkmark::after, .checkbox_wrapper.toggle input ~ .checkmark::after {
  content: "";
  display: block;
  top: 0.275em;
  left: 1.25em;
  width: 1em;
  height: 1em;
  font-size: 1rem;
  border-radius: 0;
  background-color: #c00;
  -webkit-transition: left 0.25s, background-color 0.25s;
  transition: left 0.25s, background-color 0.25s;
}
.checkbox_wrapper.switch input:checked ~ .checkmark, .checkbox_wrapper.toggle input:checked ~ .checkmark {
  background-color: #666;
}
.checkbox_wrapper.switch input:checked ~ .checkmark::after, .checkbox_wrapper.toggle input:checked ~ .checkmark::after {
  left: 0.25em;
  background-color: #00aa64;
}
.checkbox_wrapper.switch input:disabled ~ .checkmark::after, .checkbox_wrapper.toggle input:disabled ~ .checkmark::after {
  background-color: #999;
  left: calc(50% - 0.5em);
}
.checkbox_wrapper.switch input:disabled:focus ~ checkmark::after, .checkbox_wrapper.toggle input:disabled:focus ~ checkmark::after {
  border: 1px solid #999;
}
.checkbox_wrapper.switch input:not(:disabled):not(:checked):focus ~ .checkmark::after, .checkbox_wrapper.toggle input:not(:disabled):not(:checked):focus ~ .checkmark::after {
  border: 1px solid white;
}
.checkbox_wrapper.switch input:not(:disabled):checked:focus ~ .checkmark::after, .checkbox_wrapper.toggle input:not(:disabled):checked:focus ~ .checkmark::after {
  border: 1px solid white;
}
.checkbox_wrapper.toggle input[type=radio] ~ .checkmark {
  border-radius: 30%/50%;
}
.checkbox_wrapper.toggle input[type=radio] ~ .checkmark::after {
  border-radius: 50%;
}

.date_wrapper {
  position: relative;
  font-size: 1rem;
}
.date_wrapper:has(input[type^=date]:not(:required):not([value=""]))::after {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  background: white url("/images/icons/red-circle-x.svg") 50% 50% no-repeat;
  background-size: 1rem;
  position: absolute;
  top: calc(50% - 0.875em + 0.1em);
  right: 0.125em;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.date_wrapper:has(input[type^=date]:not(:required):not([value=""])).disabled::after {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  background-color: #ddd;
}
.date_wrapper:has(input[type^=date]:not(:required):not([value=""])).red::after {
  background-color: #fee;
}
.date_wrapper:has(input[type^=date]:not(:required):not([value=""])).red.disabled::after {
  -webkit-filter: none;
          filter: none;
  background-color: #fdd;
}
.date_wrapper:has(input[type^=date].red:not(:required):not([value=""]))::after {
  background-color: #fee;
}
.date_wrapper input[type=text], .date_wrapper input[data-use-datepicker=yes] { /*.hasDatepicker*/
  width: 6.4em;
  padding: 0.1em 0.5em 0.3em 0.5em;
}
.date_wrapper input[type=text].longdate, .date_wrapper input[type=text][data-date-format=long], .date_wrapper input[data-use-datepicker=yes].longdate, .date_wrapper input[data-use-datepicker=yes][data-date-format=long] {
  width: 8.25em;
  padding: 0.1em 0.5em 0.3em 0.5em;
}
.date_wrapper input[type=text].red ~ img.ui-datepicker-trigger, .date_wrapper input[data-use-datepicker=yes].red ~ img.ui-datepicker-trigger {
  width: 0;
  height: 0;
  padding: 0.875em;
  background: transparent url("/images/icons/calendar-red.svg") 50% 50% no-repeat;
  background-size: 1.75em 1.75em;
}
.date_wrapper input[type=text].red ~ .ui-datepicker-append, .date_wrapper input[data-use-datepicker=yes].red ~ .ui-datepicker-append {
  color: #f66;
}
.date_wrapper input[type=date] {
  white-space: normal;
}
.date_wrapper input[type=date][data-date-format=long] {
  width: 8.75em;
  padding: 0.3em 0.6em 0.1em 0.3em;
}
.date_wrapper input[type=datetime-local] {
  white-space: normal;
  width: 15.5em;
  padding: 0.3em 0.6em 0.1em 0.3em;
}
.date_wrapper img.ui-datepicker-trigger {
  position: absolute;
  top: calc(50% - 0.875rem);
  right: 0.15rem;
  width: 1.75rem;
  height: 1.75rem;
  margin-left: 0;
  cursor: pointer;
}
.date_wrapper span.ui-datepicker-append {
  position: absolute;
  bottom: -0.175rem;
  left: 0.75rem;
  font-size: 0.75rem;
  color: #666;
  letter-spacing: 0.17em;
  font-family: "Lucida Console";
  pointer-events: none;
}
.date_wrapper:hover input.hasDatepicker {
  color: #363;
  border-color: #363;
}
.date_wrapper:hover input.hasDatepicker.red {
  color: #900;
  border-color: #900;
}
.date_wrapper:hover input.hasDatepicker.disabled:disabled {
  color: #999;
  border-color: #ccc;
}
.date_wrapper.disabled {
  cursor: not-allowed;
}
.date_wrapper.disabled img.ui-datepicker-trigger {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  pointer-events: none;
  cursor: not-allowed;
}
.date_wrapper.disabled .ui-datepicker-append {
  color: #aaa;
}

html.hi5-mobile .date_wrapper span.ui-datepicker-append {
  font-family: "Courier New";
}

.date-time-wrapper .date_wrapper input {
  border-right: 0;
  border-radius: 0.25em 0 0 0.25em;
  -webkit-box-shadow: -0.025em 0.1em 0.1em 0 #ccc;
          box-shadow: -0.025em 0.1em 0.1em 0 #ccc;
}
.date-time-wrapper .time_wrapper input {
  border-left: 0;
  border-radius: 0 0.25em 0.25em 0;
  -webkit-box-shadow: 0.025em 0.1em 0.1em 0 #ccc, 0.1em 0.1em 0.1em 0 #ccc;
          box-shadow: 0.025em 0.1em 0.1em 0 #ccc, 0.1em 0.1em 0.1em 0 #ccc;
}
.date-time-wrapper .between-date-time {
  height: 1.95rem;
  margin: 0;
  width: 0.25em;
  vertical-align: middle;
  border-top: 0.1em solid #999;
  border-bottom: 0.1em solid #999;
  -webkit-box-shadow: -0.025em 0.1em 0.1em 0 #ccc, 0.1em 0.1em 0.1em 0 #ccc;
          box-shadow: -0.025em 0.1em 0.1em 0 #ccc, 0.1em 0.1em 0.1em 0 #ccc;
}
.date-time-wrapper:hover .date_wrapper input {
  border-color: #363;
  -webkit-box-shadow: -0.025em 0.1em 0.1em 0 #ccc;
          box-shadow: -0.025em 0.1em 0.1em 0 #ccc;
}
.date-time-wrapper:hover .time_wrapper input {
  border-color: #363;
  -webkit-box-shadow: 0.025em 0.1em 0.1em 0 #ccc, 0.1em 0.1em 0.1em 0 #ccc;
          box-shadow: 0.025em 0.1em 0.1em 0 #ccc, 0.1em 0.1em 0.1em 0 #ccc;
}
.date-time-wrapper:hover .between-date-time {
  border-color: #363;
}
.date-time-wrapper.red .date_wrapper input {
  border-color: #c00;
  -webkit-box-shadow: -0.025em 0.1em 0.1em 0 #fcc;
          box-shadow: -0.025em 0.1em 0.1em 0 #fcc;
}
.date-time-wrapper.red .time_wrapper input {
  border-color: #c00;
  -webkit-box-shadow: 0.025em 0.1em 0.1em 0 #fcc, 0.1em 0.1em 0.1em 0 #fcc;
          box-shadow: 0.025em 0.1em 0.1em 0 #fcc, 0.1em 0.1em 0.1em 0 #fcc;
}
.date-time-wrapper.red .between-date-time {
  background: #fee;
  border-color: #c00;
  -webkit-box-shadow: -0.025em 0.1em 0.1em 0 #fcc, 0.1em 0.1em 0.1em 0 #fcc;
          box-shadow: -0.025em 0.1em 0.1em 0 #fcc, 0.1em 0.1em 0.1em 0 #fcc;
}
.date-time-wrapper.red:hover .date_wrapper input {
  border-color: #900;
}
.date-time-wrapper.red:hover .date_wrapper input:focus {
  border-color: #aa003c;
}
.date-time-wrapper.red:hover .time_wrapper input {
  border-color: #900;
}
.date-time-wrapper.red:hover .time_wrapper input:focus {
  border-color: #aa003c;
}
.date-time-wrapper.red:hover .between-date-time {
  border-color: #900;
}

/* override browser autofill styling */
input {
  -webkit-filter: none;
          filter: none;
}

input:-internal-autofill-selected {
  background-color: white !important;
  color: inherit !important;
  -webkit-box-shadow: 0 0 0 1000px white inset, 0.1em 0.1em 0.1em 0 #ccc !important;
          box-shadow: 0 0 0 1000px white inset, 0.1em 0.1em 0.1em 0 #ccc !important;
}

input[type=password]:-internal-autofill-selected {
  background-color: #fcf !important;
  color: inherit !important;
  -webkit-box-shadow: 0 0 0 1000px #fee inset, 0.1em 0.1em 0.1em 0 #fcc !important;
          box-shadow: 0 0 0 1000px #fee inset, 0.1em 0.1em 0.1em 0 #fcc !important;
}

button.ui-button {
  padding: 0.2em 0.6em 0.1em 0.3em;
}
button.ui-button.ui-state-default, button.ui-button.ui-state-highlight {
  color: #fff;
  background: #91cee5;
  border: 0.1em solid #1ea1d1;
}
button.ui-button.ui-state-default:hover, button.ui-button.ui-state-highlight:hover {
  background: #5dbadb;
}
button.ui-button.ui-state-error {
  color: #ff0;
  background: #c00;
  border: 0.1em solid #600;
}
button.ui-button.ui-state-error:hover {
  background: #f00;
}
button.ui-button.ui-state-warning {
  color: #600;
  background-color: #c90;
  border: 0.1em solid #630;
}
button.ui-button.ui-state-warning:hover {
  background: #fc0;
}
button.ui-button span.ui-button-icon {
  display: inline-block;
  vertical-align: top;
}

.ui-state-warning, .ui-widget-content .ui-state-warning, .ui-widget-header .ui-state-warning {
  border: 0.1em solid #660;
  background: #fc0;
  color: #600;
}
.ui-state-warning a, .ui-widget-content .ui-state-warning a, .ui-widget-header .ui-state-warning a {
  color: #300;
}
.ui-state-warning a:hover, .ui-widget-content .ui-state-warning a:hover, .ui-widget-header .ui-state-warning a:hover {
  color: #300;
}

.ui-state-warning-text, .ui-widget-content .ui-state-warning-text, .ui-widget-header .ui-state-warning-text {
  color: #000;
}

.ui-icon-background.ui-state-warning, .ui-state-warning .ui-icon-background {
  border-color: #630;
  background-color: #320;
}

.ui-state-warning a, .ui-state-warning a:link, .ui-state-warning a:visited {
  color: #330;
  text-decoration: none;
}

.ui-state-warning .ui-icon, .ui-state-error .ui-icon {
  background-image: url("/images/jquery/ui-icons_cccc00_256x240.png");
}

.ui-widget-overlay {
  z-index: 15001 !important;
}

.ui-datepicker-month, .ui-datepicker-year {
  vertical-align: middle;
}

select.ui-datepicker-year {
  width: 3.75em !important;
  border: 0;
  background-color: #efe;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  color: #333;
}
select.ui-datepicker-year:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #333;
}

.ui-datepicker {
  z-index: 15010 !important;
  cursor: pointer;
}
.ui-datepicker a.ui-datepicker-prev {
  top: 0.25em;
  left: 0.25em;
}
.ui-datepicker a.ui-datepicker-prev:hover {
  top: calc(0.25em - 1px);
  left: calc(0.25em - 1px);
}
.ui-datepicker a.ui-datepicker-next {
  top: 0.25em;
  right: 0.25em;
}
.ui-datepicker a.ui-datepicker-next:hover {
  top: calc(0.25em - 1px);
  right: calc(0.25em + 1px);
}
.ui-datepicker .ui-datepicker-header .ui-icon {
  width: 1.25em;
  height: 1.25em;
  top: 12%;
  left: 10%;
  margin-left: 0;
  margin-top: 0;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-w {
  background: url("/images/icons/control-arrow-left.svg") no-repeat center center;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon.ui-icon-circle-triangle-e {
  background: url("/images/icons/control-arrow-right.svg") no-repeat center center;
  left: 16%;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end a.ui-state-default:not(.ui-state-hover):not(.ui-state-active) {
  background-color: #cfc;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-active {
  background: #91cee5;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
  border: 0.1em solid #91cee5;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
  background: #00aa64;
}
.ui-datepicker .ui-datepicker-calendar td {
  width: 14.285%;
}
.ui-datepicker.ui-widget-content.red {
  border-color: #c00;
}
.ui-datepicker.ui-widget-content.red .ui-widget-header {
  background: #fee;
  border-color: #c00;
}
.ui-datepicker.ui-widget-content.red .ui-datepicker-header {
  color: #300;
}
.ui-datepicker.ui-widget-content.red .ui-datepicker-header .ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-w {
  background: url("/images/icons/control-arrow-left-red.svg") no-repeat center center;
}
.ui-datepicker.ui-widget-content.red .ui-datepicker-header .ui-datepicker-next .ui-icon.ui-icon-circle-triangle-e {
  background: url("/images/icons/control-arrow-right-red.svg") no-repeat center center;
}
.ui-datepicker.ui-widget-content.red .ui-datepicker-header select.ui-datepicker-year {
  color: #300;
  background-color: #fee;
}
.ui-datepicker.ui-widget-content.red .ui-datepicker-calendar .ui-state-default {
  color: #300;
  background-color: #c00;
  border-color: #fcc;
}
.ui-datepicker.ui-widget-content.red .ui-datepicker-calendar .ui-datepicker-week-end a.ui-state-default:not(.ui-state-hover):not(.ui-state-active) {
  color: #300;
  background-color: #fcc;
}
.ui-datepicker.ui-widget-content.red .ui-datepicker-calendar .ui-state-active {
  background: #f99;
}
.ui-datepicker.ui-widget-content.red .ui-datepicker-calendar .ui-state-highlight {
  border-color: #c66;
}
.ui-datepicker.ui-widget-content.red .ui-datepicker-calendar .ui-state-hover {
  background: #f66;
}

#backToTopButton {
  position: fixed;
  opacity: 0.75;
  z-index: 1000;
  width: 3rem;
  height: 3rem;
  bottom: 3rem;
  right: 3rem;
  cursor: pointer;
}
#backToTopButton:hover {
  opacity: 1;
}

@keyframes ConstructionBar {
  from {
    background-position: 0% 0%;
  }
  to {
    background-position: 50% 0%;
  }
}
@-webkit-keyframes ConstructionBar {
  from {
    background-position: 0% 0%;
  }
  to {
    background-position: 50% 0%;
  }
}
div.header.construction {
  background: #990 url("/images/jquery/constructionstripe.png") 0% 0% repeat;
  text-align: center;
  -webkit-animation-name: ConstructionBar;
          animation-name: ConstructionBar;
  animation-duration: 10000ms;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 10000ms;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: ConstructionBar;
  -moz-animation-duration: 10000ms;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -o-animation-name: ConstructionBar;
  -o-animation-duration: 10000ms;
  -o-animation-timing-function: linear;
  -o-animation-iteration-count: infinite;
}

div.header.historical {
  background: #900 url("/images/jquery/historicalstripe.png") 0% 0% repeat;
  text-align: center;
  -webkit-animation-name: ConstructionBar;
          animation-name: ConstructionBar;
  animation-duration: 20000ms;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 20000ms;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: ConstructionBar;
  -moz-animation-duration: 20000ms;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -o-animation-name: ConstructionBar;
  -o-animation-duration: 20000ms;
  -o-animation-timing-function: linear;
  -o-animation-iteration-count: infinite;
  margin-bottom: 1em;
}

div.formrow.header span, div.table.header span, div.header.historical span {
  color: white;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 2rem;
  height: 2rem;
}

div.header.construction span {
  color: red;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 1em;
  height: 1.2em;
  line-height: 1.2em;
  margin: 0.2em 0;
  padding: 0 0.5em;
  -webkit-box-shadow: 0 0 0.18942em 0.151539em white;
          box-shadow: 0 0 0.18942em 0.151539em white;
}

div.noninput:not(.formrow), span.noninput:not(.formrow) {
  display: inline-block;
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 1.1rem;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
}

h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.5rem;
}

h5 {
  color: black;
}

h6 {
  color: red;
}

input[type=button], input[type=submit], input[type=reset], button {
  cursor: pointer;
  text-align: center;
}
input[type=button].button, input[type=submit].button, input[type=reset].button, button.button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.25rem;
  line-height: 1.2em;
  color: #fff;
  font-weight: bold;
  background: #91cee5;
  padding: 0.25em 0.5em;
  border: 0.1em solid #060;
  border-radius: 0.25rem;
}
input[type=button].button:hover, input[type=submit].button:hover, input[type=reset].button:hover, button.button:hover {
  background: #00aa64;
}
input[type=button].smallbutton, input[type=submit].smallbutton, input[type=reset].smallbutton, button.smallbutton {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
  line-height: 1.2em;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  background: #390;
  padding: 0.2em 0.25em;
  border: 0.1em solid #060;
  border-radius: 0.5em;
}
input[type=button].smallbutton:hover, input[type=submit].smallbutton:hover, input[type=reset].smallbutton:hover, button.smallbutton:hover {
  background: #91cee5;
}
input[type=button].blue, input[type=submit].blue, input[type=reset].blue, button.blue {
  background: #058;
  border: 0.1em solid #036;
}
input[type=button].blue:hover, input[type=submit].blue:hover, input[type=reset].blue:hover, button.blue:hover {
  background: #07b;
}
input[type=button].red, input[type=submit].red, input[type=reset].red, button.red {
  background: #900;
  border: 0.1em solid #300;
}
input[type=button].red:hover, input[type=submit].red:hover, input[type=reset].red:hover, button.red:hover {
  background: #c00;
}
input[type=button].disabled, input[type=submit].disabled, input[type=reset].disabled, button.disabled {
  color: #ccc;
  background: #666;
  border: 0.1em solid #999;
}
input[type=button].disabled:hover, input[type=submit].disabled:hover, input[type=reset].disabled:hover, button.disabled:hover {
  background: #888;
  cursor: not-allowed;
}

button.noshow {
  visibility: hidden;
  cursor: pointer;
  pointer-events: none;
}

span {
  display: inline-block;
}

.noninput.time {
  width: 5.2em;
}
.noninput.time.with-seconds {
  width: 6.8em;
}
.noninput.date {
  width: 4.8em;
}
.noninput.longdate {
  width: 7.3em;
}
.noninput.datetime {
  width: 12.6em;
}

input.newcourier, select.newcourier, textarea.newcourier, .noninput.newcourier {
  font: 1.1rem/1.2em "Courier New";
}
input.lucida, select.lucida, textarea.lucida, .noninput.lucida {
  font: 1.1rem/1.2em "Lucida Console";
}

html:not(.mobile):not(.chrome):not(.edge) { /* TESTED WITH FIREFOX */ }
html:not(.mobile):not(.chrome):not(.edge).twenty-four-hour input[type=time] {
  width: 5.5em;
}
html:not(.mobile):not(.chrome):not(.edge).twenty-four-hour input[type=time].with-seconds {
  width: 7.5em;
}
html:not(.mobile):not(.chrome):not(.edge).meridiem input[type=time] {
  width: 7.5em;
}
html:not(.mobile):not(.chrome):not(.edge).meridiem input[type=time].with-seconds {
  width: 9.5em;
}
html:not(.mobile):not(.chrome):not(.edge).meridiem input[type=time]:required {
  width: 6.2em;
}
html:not(.mobile):not(.chrome):not(.edge).meridiem input[type=time]:required.with-seconds {
  width: 8.2em;
}
html:not(.mobile):not(.chrome):not(.edge).meridiem-period input[type=time] {
  width: 8.8em;
}
html:not(.mobile):not(.chrome):not(.edge).meridiem-period input[type=time].with-seconds {
  width: 10.8em;
}
html:not(.mobile):not(.chrome):not(.edge).meridiem-period input[type=time]:required {
  width: 7.5em;
}
html:not(.mobile):not(.chrome):not(.edge).meridiem-period input[type=time]:required.with-seconds {
  width: 9.5em;
}
html:not(.mobile):not(.chrome):not(.edge).meridiem-space input[type=time] {
  width: 8.1em;
}
html:not(.mobile):not(.chrome):not(.edge).meridiem-space input[type=time].with-seconds {
  width: 10.1em;
}
html:not(.mobile):not(.chrome):not(.edge).meridiem-space input[type=time]:required {
  width: 6.8em;
}
html:not(.mobile):not(.chrome):not(.edge).meridiem-space input[type=time]:required.with-seconds {
  width: 8.8em;
}
html:not(.mobile):not(.chrome):not(.edge).meridiem-space-period input[type=time] {
  width: 9.5em;
}
html:not(.mobile):not(.chrome):not(.edge).meridiem-space-period input[type=time].with-seconds {
  width: 11.5em;
}
html:not(.mobile):not(.chrome):not(.edge).meridiem-space-period input[type=time]:required {
  width: 10.2em;
}
html:not(.mobile):not(.chrome):not(.edge).meridiem-space-period input[type=time]:required.with-seconds {
  width: 12.2em;
}
html:not(.mobile):not(.chrome):not(.edge).meridiem-long input[type=time] {
  width: 10.1em;
}
html:not(.mobile):not(.chrome):not(.edge).meridiem-long input[type=time].with-seconds {
  width: 12.1em;
}
html:not(.mobile):not(.chrome):not(.edge).meridiem-long input[type=time]:required {
  width: 8.8em;
}
html:not(.mobile):not(.chrome):not(.edge).meridiem-long input[type=time]:required.with-seconds {
  width: 10.8em;
}
html:not(.mobile):not(.chrome):not(.edge).meridiem-extra-long input[type=time] {
  width: 11.5em;
}
html:not(.mobile):not(.chrome):not(.edge).meridiem-extra-long input[type=time].with-seconds {
  width: 13.5em;
}
html:not(.mobile):not(.chrome):not(.edge).meridiem-extra-long input[type=time]:required {
  width: 10.2em;
}
html:not(.mobile):not(.chrome):not(.edge).meridiem-extra-long input[type=time]:required.with-seconds {
  width: 12.2em;
}
html:not(.mobile):not(.chrome):not(.edge).albanian input[type=time] {
  width: 11.5rem;
}
html:not(.mobile):not(.chrome):not(.edge).albanian input[type=time].with-seconds {
  width: 13.5em;
}
html:not(.mobile):not(.chrome):not(.edge).albanian input[type=time]:required {
  width: 10.2em;
}
html:not(.mobile):not(.chrome):not(.edge).albanian input[type=time]:required.with-seconds {
  width: 12.2em;
}
html:not(.mobile):not(.chrome):not(.edge).arabic input[type=time] {
  width: 10.2em;
}
html:not(.mobile):not(.chrome):not(.edge).arabic input[type=time].with-seconds {
  width: 12.2em;
}
html:not(.mobile):not(.chrome):not(.edge).arabic input[type=time]:required {
  width: 8.9em;
}
html:not(.mobile):not(.chrome):not(.edge).arabic input[type=time]:required.with-seconds {
  width: 10.9em;
}
html:not(.mobile):not(.chrome):not(.edge).french-canadian input[type=time] {
  width: 9.2em;
}
html:not(.mobile):not(.chrome):not(.edge).french-canadian input[type=time].with-seconds {
  width: 11.2em;
}
html:not(.mobile):not(.chrome):not(.edge).french-canadian input[type=time]:required {
  width: 7.9em;
}
html:not(.mobile):not(.chrome):not(.edge).french-canadian input[type=time]:required.with-seconds {
  width: 9.9em;
}
html:not(.mobile):not(.chrome):not(.edge).hong-kong input[type=time] {
  width: 6.8em;
}
html:not(.mobile):not(.chrome):not(.edge).hong-kong input[type=time].with-seconds {
  width: 8.8em;
}
html:not(.mobile):not(.chrome):not(.edge).hong-kong input[type=time]:required {
  width: 5.5em;
}
html:not(.mobile):not(.chrome):not(.edge).hong-kong input[type=time]:required.with-seconds {
  width: 7.5em;
}
html:not(.mobile):not(.chrome):not(.edge).kannada input[type=time] {
  width: 10.5em;
}
html:not(.mobile):not(.chrome):not(.edge).kannada input[type=time].with-seconds {
  width: 12.5em;
}
html:not(.mobile):not(.chrome):not(.edge).kannada input[type=time]:required {
  width: 9.2em;
}
html:not(.mobile):not(.chrome):not(.edge).kannada input[type=time]:required.with-seconds {
  width: 11.2em;
}
html:not(.mobile):not(.chrome):not(.edge).konkani input[type=time] {
  width: 8.3em;
}
html:not(.mobile):not(.chrome):not(.edge).konkani input[type=time].with-seconds {
  width: 10.3em;
}
html:not(.mobile):not(.chrome):not(.edge).konkani input[type=time]:required {
  width: 7em;
}
html:not(.mobile):not(.chrome):not(.edge).konkani input[type=time]:required.with-seconds {
  width: 9em;
}
html:not(.mobile):not(.chrome):not(.edge).korean-meridiem input[type=time] {
  width: 7.4em;
}
html:not(.mobile):not(.chrome):not(.edge).korean-meridiem input[type=time].with-seconds {
  width: 9.4em;
}
html:not(.mobile):not(.chrome):not(.edge).korean-meridiem input[type=time]:required {
  width: 6.1em;
}
html:not(.mobile):not(.chrome):not(.edge).korean-meridiem input[type=time]:required.with-seconds {
  width: 8.1em;
}
html:not(.mobile):not(.chrome):not(.edge).malay-meridiem input[type=time] {
  width: 7.2em;
}
html:not(.mobile):not(.chrome):not(.edge).malay-meridiem input[type=time].with-seconds {
  width: 9.2em;
}
html:not(.mobile):not(.chrome):not(.edge).malay-meridiem input[type=time]:required {
  width: 5.9em;
}
html:not(.mobile):not(.chrome):not(.edge).malay-meridiem input[type=time]:required.with-seconds {
  width: 7.9em;
}
html:not(.mobile):not(.chrome):not(.edge).punjabi-meridiem-period input[type=time] {
  width: 8em;
}
html:not(.mobile):not(.chrome):not(.edge).punjabi-meridiem-period input[type=time].with-seconds {
  width: 10em;
}
html:not(.mobile):not(.chrome):not(.edge).punjabi-meridiem-period input[type=time]:required {
  width: 6.7em;
}
html:not(.mobile):not(.chrome):not(.edge).punjabi-meridiem-period input[type=time]:required.with-seconds {
  width: 8.7em;
}
html:not(.mobile):not(.chrome):not(.edge).sanskrit-meridiem input[type=time] {
  width: 7.8em;
}
html:not(.mobile):not(.chrome):not(.edge).sanskrit-meridiem input[type=time].with-seconds {
  width: 9.8em;
}
html:not(.mobile):not(.chrome):not(.edge).sanskrit-meridiem input[type=time]:required {
  width: 6.5em;
}
html:not(.mobile):not(.chrome):not(.edge).sanskrit-meridiem input[type=time]:required.with-seconds {
  width: 8.5em;
}
html:not(.mobile):not(.chrome):not(.edge).tamil-meridiem input[type=time] {
  width: 10em;
}
html:not(.mobile):not(.chrome):not(.edge).tamil-meridiem input[type=time].with-seconds {
  width: 12em;
}
html:not(.mobile):not(.chrome):not(.edge).tamil-meridiem input[type=time]:required {
  width: 8.7em;
}
html:not(.mobile):not(.chrome):not(.edge).tamil-meridiem input[type=time]:required.with-seconds {
  width: 10.7em;
}

html:not(.mobile).chrome, html:not(.mobile).edge { /* TESTED WITH FIREFOX */ }
html:not(.mobile).chrome.twenty-four-hour input[type=time], html:not(.mobile).edge.twenty-four-hour input[type=time] {
  width: 5em;
}
html:not(.mobile).chrome.twenty-four-hour input[type=time].with-seconds, html:not(.mobile).edge.twenty-four-hour input[type=time].with-seconds {
  width: 7em;
}
html:not(.mobile).chrome.meridiem input[type=time], html:not(.mobile).edge.meridiem input[type=time] {
  width: 7.2em;
}
html:not(.mobile).chrome.meridiem input[type=time].with-seconds, html:not(.mobile).edge.meridiem input[type=time].with-seconds {
  width: 9.2em;
}
html:not(.mobile).chrome.meridiem-period input[type=time], html:not(.mobile).edge.meridiem-period input[type=time] {
  width: 8.3em;
}
html:not(.mobile).chrome.meridiem-period input[type=time].with-seconds, html:not(.mobile).edge.meridiem-period input[type=time].with-seconds {
  width: 10.3em;
}
html:not(.mobile).chrome.meridiem-space input[type=time], html:not(.mobile).edge.meridiem-space input[type=time] {
  width: 7.6em;
}
html:not(.mobile).chrome.meridiem-space input[type=time].with-seconds, html:not(.mobile).edge.meridiem-space input[type=time].with-seconds {
  width: 9.6em;
}
html:not(.mobile).chrome.meridiem-space-period input[type=time], html:not(.mobile).edge.meridiem-space-period input[type=time] {
  width: 9em;
}
html:not(.mobile).chrome.meridiem-space-period input[type=time].with-seconds, html:not(.mobile).edge.meridiem-space-period input[type=time].with-seconds {
  width: 11em;
}
html:not(.mobile).chrome.meridiem-long input[type=time], html:not(.mobile).edge.meridiem-long input[type=time] {
  width: 9.6em;
}
html:not(.mobile).chrome.meridiem-long input[type=time].with-seconds, html:not(.mobile).edge.meridiem-long input[type=time].with-seconds {
  width: 11.6em;
}
html:not(.mobile).chrome.meridiem-extra-long input[type=time], html:not(.mobile).edge.meridiem-extra-long input[type=time] {
  width: 11em;
}
html:not(.mobile).chrome.meridiem-extra-long input[type=time].with-seconds, html:not(.mobile).edge.meridiem-extra-long input[type=time].with-seconds {
  width: 13em;
}
html:not(.mobile).chrome.albanian input[type=time], html:not(.mobile).edge.albanian input[type=time] {
  width: 11rem;
}
html:not(.mobile).chrome.albanian input[type=time].with-seconds, html:not(.mobile).edge.albanian input[type=time].with-seconds {
  width: 13em;
}
html:not(.mobile).chrome.arabic input[type=time], html:not(.mobile).edge.arabic input[type=time] {
  width: 9.7em;
}
html:not(.mobile).chrome.arabic input[type=time].with-seconds, html:not(.mobile).edge.arabic input[type=time].with-seconds {
  width: 11.7em;
}
html:not(.mobile).chrome.french-canadian input[type=time], html:not(.mobile).edge.french-canadian input[type=time] {
  width: 8.7em;
}
html:not(.mobile).chrome.french-canadian input[type=time].with-seconds, html:not(.mobile).edge.french-canadian input[type=time].with-seconds {
  width: 10.7em;
}
html:not(.mobile).chrome.hong-kong input[type=time], html:not(.mobile).edge.hong-kong input[type=time] {
  width: 6.3em;
}
html:not(.mobile).chrome.hong-kong input[type=time].with-seconds, html:not(.mobile).edge.hong-kong input[type=time].with-seconds {
  width: 8.3em;
}
html:not(.mobile).chrome.kannada input[type=time], html:not(.mobile).edge.kannada input[type=time] {
  width: 10em;
}
html:not(.mobile).chrome.kannada input[type=time].with-seconds, html:not(.mobile).edge.kannada input[type=time].with-seconds {
  width: 12em;
}
html:not(.mobile).chrome.konkani input[type=time], html:not(.mobile).edge.konkani input[type=time] {
  width: 7.8em;
}
html:not(.mobile).chrome.konkani input[type=time].with-seconds, html:not(.mobile).edge.konkani input[type=time].with-seconds {
  width: 9.8em;
}
html:not(.mobile).chrome.korean-meridiem input[type=time], html:not(.mobile).edge.korean-meridiem input[type=time] {
  width: 6.9em;
}
html:not(.mobile).chrome.korean-meridiem input[type=time].with-seconds, html:not(.mobile).edge.korean-meridiem input[type=time].with-seconds {
  width: 8.9em;
}
html:not(.mobile).chrome.malay-meridiem input[type=time], html:not(.mobile).edge.malay-meridiem input[type=time] {
  width: 6.7em;
}
html:not(.mobile).chrome.malay-meridiem input[type=time].with-seconds, html:not(.mobile).edge.malay-meridiem input[type=time].with-seconds {
  width: 8.7em;
}
html:not(.mobile).chrome.punjabi-meridiem-period input[type=time], html:not(.mobile).edge.punjabi-meridiem-period input[type=time] {
  width: 7.5em;
}
html:not(.mobile).chrome.punjabi-meridiem-period input[type=time].with-seconds, html:not(.mobile).edge.punjabi-meridiem-period input[type=time].with-seconds {
  width: 9.5em;
}
html:not(.mobile).chrome.sanskrit-meridiem input[type=time], html:not(.mobile).edge.sanskrit-meridiem input[type=time] {
  width: 7.3em;
}
html:not(.mobile).chrome.sanskrit-meridiem input[type=time].with-seconds, html:not(.mobile).edge.sanskrit-meridiem input[type=time].with-seconds {
  width: 9.3em;
}
html:not(.mobile).chrome.tamil-meridiem input[type=time], html:not(.mobile).edge.tamil-meridiem input[type=time] {
  width: 9.5em;
}
html:not(.mobile).chrome.tamil-meridiem input[type=time].with-seconds, html:not(.mobile).edge.tamil-meridiem input[type=time].with-seconds {
  width: 11.5em;
}

html:not(.chrome):not(.edge) span.time_wrapper {
  position: relative;
}
html:not(.chrome):not(.edge) span.time_wrapper::after {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: calc(50% - 0.75rem);
  right: 0.125rem;
  background: white url("/images/icons/red-circle-x.svg") 50% 50% no-repeat;
  background-size: 1rem;
  pointer-events: none;
  border-radius: 0.25em;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
html:not(.chrome):not(.edge) span.time_wrapper.disabled::after {
  background: #ddd;
}
html:not(.chrome):not(.edge) span.time_wrapper.red::after {
  background-color: #fee;
}
html:not(.chrome):not(.edge) span.time_wrapper.red.disabled::after {
  background: #fdd;
}

html.samsungbrowser span.time_wrapper::after {
  top: calc(50% - 0.75rem) !important;
}

span.dbldigits, div.dbldigits {
  width: 2.5em;
}

select.prov_state {
  width: 3.2em;
}

.ui-menu-item {
  text-align: left;
}

div.line {
  width: 100%;
  height: 0.15rem;
  margin: 0.25rem 0 0.5rem;
  background-color: #91cee5;
}

a.button button {
  display: block;
  max-width: unset;
}

img.icons, svg.icons, object.icons {
  width: 1em;
  height: 1em;
  vertical-align: baseline;
  margin: 0.15em 0 -0.15em !important;
}
img.icons.superscript, img.icons.subscript, svg.icons.superscript, svg.icons.subscript, object.icons.superscript, object.icons.subscript {
  width: 1rem;
  height: 1rem;
  margin: 0;
}
img.icons.superscript, svg.icons.superscript, object.icons.superscript {
  vertical-align: top;
}
img.icons.subscript, svg.icons.subscript, object.icons.subscript {
  vertical-align: bottom;
}
img.icons.hover:not(.greyscale):hover, svg.icons.hover:not(.greyscale):hover, object.icons.hover:not(.greyscale):hover {
  -webkit-filter: drop-shadow(0.025em 0.025em 0.025em rgba(145, 206, 229, 0.75)) drop-shadow(0.025em -0.025em 0.025em rgba(145, 206, 229, 0.75)) drop-shadow(-0.025em -0.025em 0.025em rgba(145, 206, 229, 0.75)) drop-shadow(-0.025em 0.025em 0.025em rgba(145, 206, 229, 0.75));
          filter: drop-shadow(0.025em 0.025em 0.025em rgba(145, 206, 229, 0.75)) drop-shadow(0.025em -0.025em 0.025em rgba(145, 206, 229, 0.75)) drop-shadow(-0.025em -0.025em 0.025em rgba(145, 206, 229, 0.75)) drop-shadow(-0.025em 0.025em 0.025em rgba(145, 206, 229, 0.75));
}
img.icons.hover.greyscale:not(.no-grey-hover):hover, svg.icons.hover.greyscale:not(.no-grey-hover):hover, object.icons.hover.greyscale:not(.no-grey-hover):hover {
  -webkit-filter: grayscale(100%) drop-shadow(0.025em 0.025em 0.025em rgba(51, 51, 51, 0.5)) drop-shadow(0.025em -0.025em 0.025em rgba(51, 51, 51, 0.5)) drop-shadow(-0.025em -0.025em 0.025em rgba(51, 51, 51, 0.5)) drop-shadow(-0.025em 0.025em 0.025em rgba(51, 51, 51, 0.5));
          filter: grayscale(100%) drop-shadow(0.025em 0.025em 0.025em rgba(51, 51, 51, 0.5)) drop-shadow(0.025em -0.025em 0.025em rgba(51, 51, 51, 0.5)) drop-shadow(-0.025em -0.025em 0.025em rgba(51, 51, 51, 0.5)) drop-shadow(-0.025em 0.025em 0.025em rgba(51, 51, 51, 0.5));
}
img.icons.greyscale, svg.icons.greyscale, object.icons.greyscale {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
img.icons.double, svg.icons.double, object.icons.double {
  width: 2em;
  height: 2em;
}
img.icons.triple, svg.icons.triple, object.icons.triple {
  width: 3em;
  height: 3em;
}

:disabled img.icons {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

:disabled:hover img.icons {
  cursor: not-allowed;
  -webkit-filter: none;
          filter: none;
}

.pct12 {
  width: calc(12.5% - 0.5px);
}

.pct16 {
  width: 16.6%;
}

.pct25 {
  width: calc(25% - 0.5px);
}

.pct30 {
  width: calc(30% - 0.5px);
}

.pct33 {
  width: 33.3%;
}

.pct40 {
  width: calc(40% - 0.5px);
}

.pct45 {
  width: calc(45% - 0.5px);
}

.pct50 {
  width: calc(50% - 0.5px);
}

.pct55 {
  width: calc(55% - 0.5px);
}

.pct60 {
  width: calc(60% - 0.5px);
}

.pct66 {
  width: 66.6%;
}

.pct70 {
  width: calc(70% - 0.5px);
}

.pct75 {
  width: calc(75% - 0.5px);
}

.pct84 {
  width: calc(83.4% - 0.5px);
}

.pct87 {
  width: calc(87.5% - 0.5px);
}

.pct100 {
  width: 100%;
}

.half.pct12 {
  width: calc(6.25% - 0.5px);
}
.half.pct16 {
  width: 8.33%;
}
.half.pct25 {
  width: calc(12.5% - 0.5px);
}
.half.pct30 {
  width: calc(15% - 0.5px);
}
.half.pct33 {
  width: 16.6%;
}
.half.pct40 {
  width: calc(20% - 0.5px);
}
.half.pct45 {
  width: calc(22.5% - 0.5px);
}
.half.pct50 {
  width: calc(25% - 0.5px);
}
.half.pct55 {
  width: calc(27.5% - 0.5px);
}
.half.pct60 {
  width: calc(30% - 0.5px);
}
.half.pct66 {
  width: 33.3%;
}
.half.pct70 {
  width: calc(35% - 0.5px);
}
.half.pct75 {
  width: calc(32.5% - 0.5px);
}
.half.pct87 {
  width: calc(43.75% - 0.5px);
}
.half.pct100 {
  width: calc(50% - 0.5px);
}

.rot45 {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.rot90 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.rot135 {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.rot180 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.rot225 {
  -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
          transform: rotate(225deg);
}

.rot270 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}

.rot315 {
  -webkit-transform: rotate(315deg);
      -ms-transform: rotate(315deg);
          transform: rotate(315deg);
}

.left, input.left, .noninput.left {
  text-align: left;
}

.center, input.center, .noninput.center {
  text-align: center;
}

.right, input.right, .noninput.right {
  text-align: right;
}

.justify {
  text-align: justify;
}

.narrow {
  letter-spacing: -1px;
}

.condensed {
  font-stretch: ultra-condensed;
  letter-spacing: -0.1em;
}

.nowrap {
  white-space: nowrap;
}

.pre {
  white-space: pre;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.top {
  vertical-align: top;
}

.middle {
  vertical-align: middle;
}

.bottom {
  vertical-align: bottom;
}

.truncate {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: text-bottom;
}

.truncate:empty::before {
  content: " ";
}

.black, *:hover > .hover-red {
  color: black;
}

.red, *:hover > .hover-red {
  color: red;
}

.white, *:hover > .hover-white {
  color: white;
}

.crsgreen, *:hover > .hover-crsgreen {
  color: #91cee5;
}

.blue, *:hover > .hover-blue {
  color: #07c;
}

.prefered {
  color: maroon;
}

.notused {
  color: transparent;
  visibility: hidden;
}

.faded {
  opacity: 0.5;
}

.noresize, [data-resize=no] {
  resize: none;
}

.clickable, .sortable {
  cursor: pointer !important;
}

.draggable {
  cursor: -webkit-grab;
  cursor: grab;
}

.nonclickable {
  cursor: default !important;
}

.moveable {
  cursor: move !important;
}

.editable {
  cursor: text !important;
}

.relative {
  position: relative;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

/* override jQuery's border radii */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 0.25em;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 0.25em;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 0.25em;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 0.25em;
}

html:not(.mobile) header .mainmenu .nav {
  display: none;
}

header .login {
  background-color: white;
}
header .login.scrolled {
  -webkit-box-shadow: 1px 1px 1px #91cee5, -1px -1px 1px #91cee5, 1px -1px 1px #91cee5, -1px 1px 1px #91cee5;
          box-shadow: 1px 1px 1px #91cee5, -1px -1px 1px #91cee5, 1px -1px 1px #91cee5, -1px 1px 1px #91cee5;
}
header .login .exchange {
  color: red;
}
header .mainmenu {
  width: 100%;
  background-color: black;
  color: white;
  font-weight: bold;
  text-align: center;
}
header .mainmenu a {
  color: white;
}

@keyframes blinker {
  0% {
    opacity: 1;
  }
  70% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes blinker {
  from {
    opacity: 1;
  }
  70% {
    opacity: 0.1;
  }
  to {
    opacity: 1;
  }
}
#ShowExpiryMinutes.blink {
  color: red;
  -webkit-animation: blinker 1000ms infinite;
          animation: blinker 1000ms infinite;
  -moz-animation: blinker 1000ms infinite;
  -o-animation: blinker 1000ms infinite;
}

.spacer {
  height: 0.6em;
}
.spacer1 {
  height: 1.2em;
}
.spacer2 {
  height: 2.4em;
}

footer {
  font-size: 1rem;
  line-height: 1.2em;
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0.75vw 0 0.25vw;
}
footer td {
  padding-bottom: 0.25vw;
}
footer a {
  font-size: 1rem;
  line-height: 1.2em;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight: normal;
}
footer a, footer a:link, footer a:active, footer a:visited {
  color: #060;
}
footer a:hover {
  color: #0c0;
}

@media only screen and (max-width: 800px) {
  html, body {
    font-size: 2.25vw;
    line-height: 1.2em;
  }
  body {
    padding: 2vw;
  }
  .qwb-cart {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    right: 1.35rem;
    width: 12rem;
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
    text-align: right;
    top: 10rem;
  }
  .qwb-logo {
    width: 7rem;
    left: 1.5rem;
    top: -7.5rem;
  }
  .qwb-cart .qwb-action.checkout {
    margin-bottom: 1rem;
    z-index: 1400;
  }
  .qwb-cart .qwb-order-total {
    text-align: left;
  }
  .qwb-qweenie {
    width: 35%;
    height: auto;
    top: 0;
    position: absolute;
  }
  .qwb-gluten-free {
    height: 7rem;
    top: -7.5rem;
    right: 8vw;
    position: absolute;
  }
  .qwb-content {
    margin: 8rem 1rem 1rem;
  }
  .qwb-title {
    width: 60%;
    top: 0.5rem;
    left: 32vw;
  }
  .qwb-statement {
    font-size: 0.75rem;
    line-height: 1.2em;
    padding: 0 0.5rem 0.5rem 7rem;
    top: 3rem;
    position: absolute;
  }
  .qwb-pricing {
    font-size: 1rem;
    line-height: 1.2em;
    padding: 0 0 0 7.5rem;
    top: 7rem;
    position: absolute;
  }
  .qwb-form {
    padding-top: 14rem;
  }
  .qwb-form-content.wrapper {
    padding: 2rem;
  }
  .qwb-form-content.wrapper .qwb-form-content.item {
    width: 100%;
  }
  .qwb-form-content.wrapper .qwb-form-content.item img {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .qwb-form .qwb-form-modal.wrapper {
    padding: 2rem 0;
    -webkit-transition: width 1s, opacity 1s, padding 1s;
    transition: width 1s, opacity 1s, padding 1s;
    top: 16rem;
  }
  .qwb-form .qwb-form-modal.wrapper.modal-open {
    padding: 2rem 1rem;
  }
  .qwb-form .qwb-form-modal.wrapper .qwb-action.back {
    left: 2rem;
  }
  .qwb-form .qwb-form-modal.wrapper .qwb-form-content {
    width: 100%;
  }
  .date_wrapper img.ui-datepicker-trigger {
    top: 0.185em;
  }
  .date_wrapper input.date.hasDatepicker:not(.longdate) ~ span.ui-datepicker-append {
    bottom: 0.05em;
    left: 1.25em;
    letter-spacing: 0.475em;
  }
  .date_wrapper input.longdate.hasDatepicker ~ span.ui-datepicker-append {
    bottom: 0.05em;
    left: 1.35em;
    letter-spacing: 0.465em;
  }
  #backToTopButton {
    bottom: 1rem;
    right: 1rem;
  }
}
@media only screen and (max-width: 400px) {
  html, body {
    font-size: 4.5vw;
    line-height: 1.2em;
  }
  .half.always.pct12 {
    width: calc(12.5% - 0.5px);
  }
  .half.always.pct16 {
    width: 16.6%;
  }
  .half.always.pct25 {
    width: calc(25% - 0.5px);
  }
  .half.always.pct33 {
    width: 33.3%;
  }
  .half.always.pct30 {
    width: calc(30% - 0.5px);
  }
  .half.always.pct40 {
    width: calc(40% - 0.5px);
  }
  .half.always.pct45 {
    width: calc(45% - 0.5px);
  }
  .half.always.pct50 {
    width: calc(50% - 0.5px);
  }
  .half.always.pct55 {
    width: calc(55% - 0.5px);
  }
  .half.always.pct60 {
    width: calc(60% - 0.5px);
  }
  .half.always.pct66 {
    width: 66.6%;
  }
  .half.always.pct70 {
    width: calc(70% - 0.5px);
  }
  .half.always.pct75 {
    width: calc(75% - 0.5px);
  }
  .half.always.pct87 {
    width: calc(87.5% - 0.5px);
  }
  input.button, button.button {
    font-size: 1rem;
    line-height: 1.2em;
    width: 100% !important;
    display: block;
    max-width: unset;
  }
  input[type=text], input[type=number], input[type=password], .noninput, select, textarea {
    max-width: 100% !important;
  }
  img.icons, svg.icons, object.icons {
    width: 1.2em;
    height: 1.2em;
  }
  img.icons:not(.superscript):not(.subscript), svg.icons:not(.superscript):not(.subscript), object.icons:not(.superscript):not(.subscript) {
    margin-bottom: -0.25em;
  }
}
@media only screen and (min-width: 801px) {
  html {
    font-size: 1.5vw;
    line-height: 1.2em;
  }
  body {
    width: 100%;
    padding: 1vw 1vw 0.5vw 1vw;
    min-height: 100vh;
  }
  img.ui-datepicker-trigger {
    width: 1.75em;
    height: 1.75em;
  }
  span.ui-datepicker-append {
    font-size: 0.475rem;
  }
  html.mobile .date_wrapper input.hasDatepicker ~ span.ui-datepicker-append {
    bottom: -0.1em;
  }
  th:hover img.hi5-icons.hoverable, th:hover object.hi5-icons.hoverable, img.hi5-icons.hoverable:not(.blank):hover, object.hi5-icons.hoverable:hover, svg.hi5-icons.hoverable:hover, img.crs-icons.hoverable:hover, object.crs-icons.hoverable:hover, svg.crs-icons.hoverable:hover {
    cursor: pointer;
    -webkit-filter: drop-shadow(0.0125em 0.0125em 0.05em rgba(128, 255, 196, 0.5)) drop-shadow(-0.0125em -0.0125em 0.05em rgba(128, 255, 196, 0.5)) drop-shadow(-0.0125em 0.0125em 0.05em rgba(128, 255, 196, 0.5)) drop-shadow(0.0125em -0.0125em 0.05em rgba(128, 255, 196, 0.5));
    filter: drop-shadow(0.0125em 0.0125em 0.05em rgba(128, 255, 196, 0.5)) drop-shadow(-0.0125em -0.0125em 0.05em rgba(128, 255, 196, 0.5)) drop-shadow(-0.0125em 0.0125em 0.05em rgba(128, 255, 196, 0.5)) drop-shadow(0.0125em -0.0125em 0.05em rgba(128, 255, 196, 0.5));
  }
  /* Replacement jQuery UI icons for hi-res */
  .ui-icon {
    width: 24px;
    height: 24px;
  }
  .ui-icon, .ui-widget-content .ui-icon {
    background-image: url("/images/jquery/ui-icons_66cc66_384x360.png");
  }
  .ui-widget-header .ui-icon {
    background-image: url("/images/jquery/ui-icons_00aa64_384x360.png");
  }
  .ui-state-default .ui-icon {
    background-image: url("/images/jquery/ui-icons_ffffff_384x360.png");
  }
  .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url("/images/jquery/ui-icons_ffffff_384x360.png");
  }
  .ui-state-active .ui-icon {
    background-image: url("/images/jquery/ui-icons_008246_384x360.png");
  }
  .ui-state-highlight .ui-icon {
    background-image: url("/images/jquery/ui-icons_00aa64_384x360.png");
  }
  .ui-state-warning .ui-icon {
    background-image: url("/images/jquery/ui-icons_cccc00_384x360.png");
  }
  .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url("/images/jquery/ui-icons_ff0000_384x360.png");
  }
  .ui-dialog .ui-dialog-titlebar-close {
    width: 32px;
    height: 32px;
    top: calc(50% - 16px);
    margin: 0;
  }
  .ui-button-icon-only .ui-icon {
    left: calc(50% - 12px);
    top: calc(50% - 12px);
    margin: 0;
  }
  .ui-button-text-icons .ui-icon {
    top: calc(50% - 12px);
    left: 0.375em;
    margin: 0;
  }
  .ui-dialog .ui-dialog-buttonpane {
    padding: 0.15em 0.5em 0.25em 0.2em;
  }
  .ui-icon-blank {
    background-position: 24px 24px;
  }
  .ui-icon-carat-1-n {
    background-position: 0 0;
  }
  .ui-icon-carat-1-ne {
    background-position: -24px 0;
  }
  .ui-icon-carat-1-e {
    background-position: -48px 0;
  }
  .ui-icon-carat-1-se {
    background-position: -72px 0;
  }
  .ui-icon-carat-1-s {
    background-position: -96px 0;
  }
  .ui-icon-carat-1-sw {
    background-position: -120px 0;
  }
  .ui-icon-carat-1-w {
    background-position: -144px 0;
  }
  .ui-icon-carat-1-nw {
    background-position: -168px 0;
  }
  .ui-icon-carat-2-n-s {
    background-position: -192px 0;
  }
  .ui-icon-carat-2-e-w {
    background-position: -216px 0;
  }
  .ui-icon-triangle-1-n {
    background-position: 0 -24px;
  }
  .ui-icon-triangle-1-ne {
    background-position: -24px -24px;
  }
  .ui-icon-triangle-1-e {
    background-position: -48px -24px;
  }
  .ui-icon-triangle-1-se {
    background-position: -72px -24px;
  }
  .ui-icon-triangle-1-s {
    background-position: -96px -24px;
  }
  .ui-icon-triangle-1-sw {
    background-position: -120px -24px;
  }
  .ui-icon-triangle-1-w {
    background-position: -144px -24px;
  }
  .ui-icon-triangle-1-nw {
    background-position: -168px -24px;
  }
  .ui-icon-triangle-2-n-s {
    background-position: -192px -24px;
  }
  .ui-icon-triangle-2-e-w {
    background-position: -216px -24px;
  }
  .ui-icon-arrow-1-n {
    background-position: 0 -48px;
  }
  .ui-icon-arrow-1-ne {
    background-position: -24px -48px;
  }
  .ui-icon-arrow-1-e {
    background-position: -48px -48px;
  }
  .ui-icon-arrow-1-se {
    background-position: -72px -48px;
  }
  .ui-icon-arrow-1-s {
    background-position: -96px -48px;
  }
  .ui-icon-arrow-1-sw {
    background-position: -120px -48px;
  }
  .ui-icon-arrow-1-w {
    background-position: -144px -48px;
  }
  .ui-icon-arrow-1-nw {
    background-position: -168px -48px;
  }
  .ui-icon-arrow-2-n-s {
    background-position: -192px -48px;
  }
  .ui-icon-arrow-2-ne-sw {
    background-position: -216px -48px;
  }
  .ui-icon-arrow-2-e-w {
    background-position: -240px -48px;
  }
  .ui-icon-arrow-2-se-nw {
    background-position: -264px -48px;
  }
  .ui-icon-arrowstop-1-n {
    background-position: -288px -48px;
  }
  .ui-icon-arrowstop-1-e {
    background-position: -312px -48px;
  }
  .ui-icon-arrowstop-1-s {
    background-position: -336px -48px;
  }
  .ui-icon-arrowstop-1-w {
    background-position: -360px -48px;
  }
  .ui-icon-arrowthick-1-n {
    background-position: 0 -72px;
  }
  .ui-icon-arrowthick-1-ne {
    background-position: -24px -72px;
  }
  .ui-icon-arrowthick-1-e {
    background-position: -48px -72px;
  }
  .ui-icon-arrowthick-1-se {
    background-position: -72px -72px;
  }
  .ui-icon-arrowthick-1-s {
    background-position: -96px -72px;
  }
  .ui-icon-arrowthick-1-sw {
    background-position: -120px -72px;
  }
  .ui-icon-arrowthick-1-w {
    background-position: -144px -72px;
  }
  .ui-icon-arrowthick-1-nw {
    background-position: -168px -72px;
  }
  .ui-icon-arrowthick-2-n-s {
    background-position: -192px -72px;
  }
  .ui-icon-arrowthick-2-ne-sw {
    background-position: -216px -72px;
  }
  .ui-icon-arrowthick-2-e-w {
    background-position: -240px -72px;
  }
  .ui-icon-arrowthick-2-se-nw {
    background-position: -264px -72px;
  }
  .ui-icon-arrowthickstop-1-n {
    background-position: -288px -72px;
  }
  .ui-icon-arrowthickstop-1-e {
    background-position: -312px -72px;
  }
  .ui-icon-arrowthickstop-1-s {
    background-position: -336px -72px;
  }
  .ui-icon-arrowthickstop-1-w {
    background-position: -360px -72px;
  }
  .ui-icon-arrowreturnthick-1-w {
    background-position: 0 -96px;
  }
  .ui-icon-arrowreturnthick-1-n {
    background-position: -24px -96px;
  }
  .ui-icon-arrowreturnthick-1-e {
    background-position: -48px -96px;
  }
  .ui-icon-arrowreturnthick-1-s {
    background-position: -72px -96px;
  }
  .ui-icon-arrowreturn-1-w {
    background-position: -96px -96px;
  }
  .ui-icon-arrowreturn-1-n {
    background-position: -120px -96px;
  }
  .ui-icon-arrowreturn-1-e {
    background-position: -144px -96px;
  }
  .ui-icon-arrowreturn-1-s {
    background-position: -168px -96px;
  }
  .ui-icon-arrowrefresh-1-w {
    background-position: -192px -96px;
  }
  .ui-icon-arrowrefresh-1-n {
    background-position: -216px -96px;
  }
  .ui-icon-arrowrefresh-1-e {
    background-position: -240px -96px;
  }
  .ui-icon-arrowrefresh-1-s {
    background-position: -264px -96px;
  }
  .ui-icon-arrow-4 {
    background-position: 0 -120px;
  }
  .ui-icon-arrow-4-diag {
    background-position: -24px -120px;
  }
  .ui-icon-extlink {
    background-position: -48px -120px;
  }
  .ui-icon-newwin {
    background-position: -72px -120px;
  }
  .ui-icon-refresh {
    background-position: -96px -120px;
  }
  .ui-icon-shuffle {
    background-position: -120px -120px;
  }
  .ui-icon-transfer-e-w {
    background-position: -144px -120px;
  }
  .ui-icon-transferthick-e-w {
    background-position: -168px -120px;
  }
  .ui-icon-folder-collapsed {
    background-position: 0 -144px;
  }
  .ui-icon-folder-open {
    background-position: -24px -144px;
  }
  .ui-icon-document {
    background-position: -48px -144px;
  }
  .ui-icon-document-b {
    background-position: -72px -144px;
  }
  .ui-icon-note {
    background-position: -96px -144px;
  }
  .ui-icon-mail-closed {
    background-position: -120px -144px;
  }
  .ui-icon-mail-open {
    background-position: -144px -144px;
  }
  .ui-icon-suitcase {
    background-position: -168px -144px;
  }
  .ui-icon-comment {
    background-position: -192px -144px;
  }
  .ui-icon-person {
    background-position: -216px -144px;
  }
  .ui-icon-print {
    background-position: -240px -144px;
  }
  .ui-icon-trash {
    background-position: -264px -144px;
  }
  .ui-icon-locked {
    background-position: -288px -144px;
  }
  .ui-icon-unlocked {
    background-position: -312px -144px;
  }
  .ui-icon-bookmark {
    background-position: -336px -144px;
  }
  .ui-icon-tag {
    background-position: -360px -144px;
  }
  .ui-icon-home {
    background-position: 0 -168px;
  }
  .ui-icon-flag {
    background-position: -24px -168px;
  }
  .ui-icon-calendar {
    background-position: -48px -168px;
  }
  .ui-icon-cart {
    background-position: -72px -168px;
  }
  .ui-icon-pencil {
    background-position: -96px -168px;
  }
  .ui-icon-clock {
    background-position: -120px -168px;
  }
  .ui-icon-disk {
    background-position: -144px -168px;
  }
  .ui-icon-calculator {
    background-position: -168px -168px;
  }
  .ui-icon-zoomin {
    background-position: -192px -168px;
  }
  .ui-icon-zoomout {
    background-position: -216px -168px;
  }
  .ui-icon-search {
    background-position: -240px -168px;
  }
  .ui-icon-wrench {
    background-position: -264px -168px;
  }
  .ui-icon-gear {
    background-position: -288px -168px;
  }
  .ui-icon-heart {
    background-position: -312px -168px;
  }
  .ui-icon-star {
    background-position: -336px -168px;
  }
  .ui-icon-link {
    background-position: -360px -168px;
  }
  .ui-icon-cancel {
    background-position: 0 -192px;
  }
  .ui-icon-plus {
    background-position: -24px -192px;
  }
  .ui-icon-plusthick {
    background-position: -48px -192px;
  }
  .ui-icon-minus {
    background-position: -72px -192px;
  }
  .ui-icon-minusthick {
    background-position: -96px -192px;
  }
  .ui-icon-close {
    background-position: -120px -192px;
  }
  .ui-icon-closethick {
    background-position: -144px -192px;
  }
  .ui-icon-key {
    background-position: -168px -192px;
  }
  .ui-icon-lightbulb {
    background-position: -192px -192px;
  }
  .ui-icon-scissors {
    background-position: -216px -192px;
  }
  .ui-icon-clipboard {
    background-position: -240px -192px;
  }
  .ui-icon-copy {
    background-position: -264px -192px;
  }
  .ui-icon-contact {
    background-position: -288px -192px;
  }
  .ui-icon-image {
    background-position: -312px -192px;
  }
  .ui-icon-video {
    background-position: -336px -192px;
  }
  .ui-icon-script {
    background-position: -360px -192px;
  }
  .ui-icon-alert {
    background-position: 0 -216px;
  }
  .ui-icon-info {
    background-position: -24px -216px;
  }
  .ui-icon-notice {
    background-position: -48px -216px;
  }
  .ui-icon-help {
    background-position: -72px -216px;
  }
  .ui-icon-check {
    background-position: -96px -216px;
  }
  .ui-icon-bullet {
    background-position: -120px -216px;
  }
  .ui-icon-radio-on {
    background-position: -144px -216px;
  }
  .ui-icon-radio-off {
    background-position: -168px -216px;
  }
  .ui-icon-pin-w {
    background-position: -192px -216px;
  }
  .ui-icon-pin-s {
    background-position: -216px -216px;
  }
  .ui-icon-play {
    background-position: 0 -240px;
  }
  .ui-icon-pause {
    background-position: -24px -240px;
  }
  .ui-icon-seek-next {
    background-position: -48px -240px;
  }
  .ui-icon-seek-prev {
    background-position: -72px -240px;
  }
  .ui-icon-seek-end {
    background-position: -96px -240px;
  }
  .ui-icon-seek-start {
    background-position: -120px -240px;
  }
  .ui-icon-seek-first {
    background-position: -144px -240px;
  }
  .ui-icon-stop {
    background-position: -168px -240px;
  }
  .ui-icon-eject {
    background-position: -192px -240px;
  }
  .ui-icon-volume-off {
    background-position: -216px -240px;
  }
  .ui-icon-volume-on {
    background-position: -240px -240px;
  }
  .ui-icon-power {
    background-position: 0 -264px;
  }
  .ui-icon-signal-diag {
    background-position: -24px -264px;
  }
  .ui-icon-signal {
    background-position: -48px -264px;
  }
  .ui-icon-battery-0 {
    background-position: -72px -264px;
  }
  .ui-icon-battery-1 {
    background-position: -96px -264px;
  }
  .ui-icon-battery-2 {
    background-position: -120px -264px;
  }
  .ui-icon-battery-3 {
    background-position: -144px -264px;
  }
  .ui-icon-circle-plus {
    background-position: 0 -288px;
  }
  .ui-icon-circle-minus {
    background-position: -24px -288px;
  }
  .ui-icon-circle-close {
    background-position: -48px -288px;
  }
  .ui-icon-circle-triangle-e {
    background-position: -72px -288px;
  }
  .ui-icon-circle-triangle-s {
    background-position: -96px -288px;
  }
  .ui-icon-circle-triangle-w {
    background-position: -120px -288px;
  }
  .ui-icon-circle-triangle-n {
    background-position: -144px -288px;
  }
  .ui-icon-circle-arrow-e {
    background-position: -168px -288px;
  }
  .ui-icon-circle-arrow-s {
    background-position: -192px -288px;
  }
  .ui-icon-circle-arrow-w {
    background-position: -216px -288px;
  }
  .ui-icon-circle-arrow-n {
    background-position: -240px -288px;
  }
  .ui-icon-circle-zoomin {
    background-position: -264px -288px;
  }
  .ui-icon-circle-zoomout {
    background-position: -288px -288px;
  }
  .ui-icon-circle-check {
    background-position: -312px -288px;
  }
  .ui-icon-circlesmall-plus {
    background-position: 0 -312px;
  }
  .ui-icon-circlesmall-minus {
    background-position: -24px -312px;
  }
  .ui-icon-circlesmall-close {
    background-position: -48px -312px;
  }
  .ui-icon-squaresmall-plus {
    background-position: -72px -312px;
  }
  .ui-icon-squaresmall-minus {
    background-position: -96px -312px;
  }
  .ui-icon-squaresmall-close {
    background-position: -120px -312px;
  }
  .ui-icon-grip-dotted-vertical {
    background-position: 0 -336px;
  }
  .ui-icon-grip-dotted-horizontal {
    background-position: -24px -336px;
  }
  .ui-icon-grip-solid-vertical {
    background-position: -48px -336px;
  }
  .ui-icon-grip-solid-horizontal {
    background-position: -72px -336px;
  }
  .ui-icon-gripsmall-diagonal-se {
    background-position: -96px -336px;
  }
  .ui-icon-grip-diagonal-se {
    background-position: -120px -336px;
  }
}
@media only screen and (min-width: 1281px) {
  html {
    font-size: 1.375vw;
    line-height: 1.2em;
  }
}
@media only screen and (min-width: 1650px) {
  html {
    font-size: 1.1vw;
    line-height: 1.2em;
  }
}
@media only print {
  header .login, header .mainmenu, footer span:not(:nth-child(2)), .button_container, #backToTopButton, .mainbody .hi5-title img {
    display: none !important;
  }
  html {
    font-size: 18px;
    line-height: 1.2em;
  }
}/*# sourceMappingURL=qwb.css.map */