/* CSS files compiled in 814ms at 2026-09-12 20:58:31 for www.kotta.info */

@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Overpass:300,300i,400,400i,500,500i,700&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Open%20Sans:300,300i,400,400i,500,500i,700&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Source%20Sans%203:300,300i,400,400i,500,500i,700&subset=latin-ext");
@import url("/css/fonts/opensanscondensed_light_macroman/stylesheet.css");
@import url("/css/fonts/opensanscondensed_bold_macroman/stylesheet.css");
.cont-main {
  line-height: 1.4;
}
.cont-main tbody, .cont-main td {
  line-height: 1.4;
}
body, tbody, td, input, button, textarea, select, .paginator-select {
  font-size: 15px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.28;
  color: #333;
  letter-spacing: normal;
  font-kerning: auto;
}
input[type="checkbox"], input[type="radio"] {
  accent-color: #364C79;
}
p {
  /*padding:0 0 0.5em 0;
    margin: 0;*/
  padding: 0;
  margin: 0 0 0.5em 0;
}
input, textarea, select {
  margin: 0;
  line-height: 1;
}
/* Lists */
ul, ol {
  margin: 0.5em 2em 0.5em 2em;
  padding-left: 0;
}
li {
  margin: 0 0 0.3em 0;
  padding: 0;
}
/* FONT SCHEME */
div.box-head, .hire h3 {
  font-size: 17px;
}
/* HEADLINES */
h1, h2, h3, h4, h5, .h1, .h2 {
  margin-bottom: 0.5em;
  margin-top: 0;
  margin-left: 0;
  padding: 0;
}
div.box-head, h2, h3, h4, h5, .h2, .hire h3 {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 500;
  text-decoration: none;
}
h1, .h1 {
  font-family: "Source Sans 3", Arial, Helvetica, sans-serif;
  /* font-family: 'Cormorant', sans-serif;
	font-weight: 600;*/
  font-weight: 500;
  text-decoration: none;
}
h1, .h1 {
  font-size: 24px;
  /*21px;*/
}
h2, .h2 {
  font-size: 18px;
}
h3 {
  font-size: 17px;
}
h4 {
  font-size: 17px;
}
h5 {
  font-size: 17px;
}
div.box-head h1, div.box-head h2, div.box-head h3, div.box-head h4, div.box-head h5, div.box-head .h1, div.box-head .h2 {
  text-transform: uppercase;
  font-stretch: condensed;
}
a.neutral, a.neutral:hover {
  color: #000 !important;
}
html, body, form, center, pre {
  margin: 0;
  padding: 0;
}
pre {
  font-family: "Consolas", "Courier New", monospace;
  font-size: 13px;
}
label {
  cursor: pointer;
  cursor: hand;
}
input[type=submit] {
  cursor: pointer;
  cursor: hand;
}
img {
  border-color: #666;
}
hr {
  height: 0px;
  color: transparent;
  border: none;
  border-bottom: 1px solid #ccc;
  margin: 1em 0;
}
/* ANCHORS */
a.plain:link, a.plain:visited, h1 a:link, h2 a:link, h3 a:link, h4 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited {
  text-decoration: none;
}
a, a:link, a:visited {
  color: #A77E05;
  text-decoration: none;
}
a:hover, a:focus, a:link:hover, a:visited:hover, a.plain:hover {
  color: #A77E05;
  text-decoration: underline;
}
a:hover i, a:focus i, a:link:hover i, a:visited:hover i, a.plain:hover i {
  text-decoration: none;
}
.bx-lead {
  font-size: 1.3em;
  vertical-align: -0.15em;
}
a.noho:link, a.noho:focus, a.noho:visited, a.noho:hover {
  text-decoration: none;
}
/* COLOR SCHEME */
form.darkbg, .chooser a.active, .listview a.active, div#main a.active {
  /* BROWSE */
  background-color: #364C79;
  color: white;
}
div#toc-base {
  border-bottom: 1px solid #d8d8d8;
}
ol#toc a {
  background: #f4f4f4;
  border: solid #d8d8d8;
  border-width: 1px 1px 0 1px;
}
ol#toc li.current a {
  color: #444;
  background: #fff;
}
ol#toc a:hover {
  background: #fff;
  opacity: 0.8;
  text-decoration: none;
}
div.menucolor, h1.menucolor, span.stylebutton span.dmid {
  /* Simple search */
  background-color: #364C79;
}
div.menucolor, h1.menucolor, div.cont-main h1.menucolor, div.menucolor a {
  color: white;
}
/* HOVERS */
/* BACKGROUNDS */
.darktextbg, .darktextbg td, .sum, table.grid th, div.chooser a:hover, div.listview a:hover, table.browseset th, div.tableheader, div#main a:hover {
  /* BROWSE */
  background-color: #E4E4E4;
  color: #222 !important;
}
option.impair {
  background-color: #EEE;
}
/* SPECIALIZED */
.spaced {
  margin: 0 0.5em;
}
span.red {
  color: #B00;
}
.shortline {
  line-height: 100%;
}
.spaced-right {
  margin-left: 12px;
  float: right;
}
.spaced-left {
  margin-right: 12px;
  float: left;
}
.dbg {
  position: absolute;
  background: #FFD;
  border: 1px solid gray;
}
.hint {
  font-size: 0.8em;
  color: #666;
}
.fixed {
  position: fixed;
  bottom: 0;
  _position: absolute;
}
.hidden {
  display: none;
}
.bigline {
  margin: 0.3em 0;
}
a.redlink, .important, div.box-head-color, div.box-head-color a, h1.colored, h2.colored, h3.colored, .hire h3, div.cont-main div.box-head-color h1, h1.search-title, h1.search-title a {
  color: #A77E05;
}
h2.big {
  font-size: 140%;
}
/* CONTENT */
div.injectedcontent {
  overflow: hidden;
  padding-bottom: 8px;
}
div.smallpadding {
  overflow: hidden;
  padding: 8px;
}
.midtext, .midtext td, .midtext input {
  font-size: 13px;
  line-height: 160%;
}
span.smalltext, p.smalltext, p.smalltext td, p.smalltext input, div.smalltext, div.smalltext td, tr.smalltext td, td.smalltext, div.smalltext input, input.smalltext, select.smalltext, textarea.smalltext, .rk_small td div, .rk_small_float div, .rk_small .ad_header, .rk_small .ad_footer {
  font-size: 14px;
  line-height: 140%;
}
/* MESSAGES, WARNINGS */
div.messageframe {
  margin-bottom: 16px;
  background: #f9f9f9;
  border-left: 3px solid #6D7EAA;
  border-radius: 4px;
}
div.messageframe-error, div.messageframe:has(.alert-icon-error) {
  background: #fbeff0;
  border-left-color: #751620;
}
div.messageframe-success, div.messageframe:has(.alert-icon-success) {
  background: #eef4ef;
  border-left-color: #2c5834;
}
div.messageframe-pending, div.messageframe:has(.alert-icon-pending) {
  background: #fdf6e8;
  border-left-color: #8a6100;
}
div.messageframe-warning, div.messageframe:has(.alert-icon-warning) {
  background: #fdf6e8;
  border-left-color: #8a6100;
}
div.messagebox {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 12px;
  padding: 12px 16px;
  text-align: left;
  line-height: 21px;
}
div.messagebox > *:not(.alert-icon) {
  grid-column: 2;
  min-width: 0;
}
.alert-icon {
  grid-column: 1;
  grid-row: 1;
  align-self: start;
  width: 21px;
  height: 21px;
  line-height: 21px;
  border-radius: 50%;
  background: #6D7EAA;
  color: white;
  font-size: 21px;
  text-align: center;
}
.alert-icon-error {
  background: #751620;
}
.alert-icon-success {
  background: #2c5834;
}
.alert-icon-pending {
  background: #8a6100;
}
.alert-icon-warning {
  background: #8a6100;
  font-size: 14.7px;
}
.alert-icon-pending::before {
  animation: alert-waiting 2.4s linear infinite;
}
@keyframes alert-waiting {
  0%, 60% {
    transform: rotate(0deg);
  }
  80%, 100% {
    transform: rotate(180deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .alert-icon-pending::before {
    animation: none;
  }
}
.messagebox h2 {
  margin: 0 0 4px;
  font-size: 16px;
  line-height: 21px;
}
.messagebox ul.error {
  margin: 4px 0;
  padding-left: 18px;
}
/* TABLES */
.pad_left {
  padding: 2px 0px 3px 8px;
}
.pad_left_2 {
  padding: 2px 0px 3px 16px;
}
.pad_left_3 {
  padding: 2px 0px 3px 24px;
}
.pad_left_4 {
  padding: 2px 0px 3px 32px;
}
.pad_vert_top {
  padding: 8px 0px 3px 0px;
}
.pad_vert {
  padding: 2px 0px 3px 0px;
}
.pad_vert_right {
  padding: 2px 8px 3px 0px;
}
.pad_top {
  padding-top: 8px;
}
.pad_bottom {
  padding-bottom: 8px;
}
tr.separator td, tr.separator th {
  line-height: 1px;
}
tr.separator td div, tr.separator th div {
  border-top-width: 1px;
  margin-top: 2px;
  margin-bottom: 2px;
  height: 8px;
}
tr.separator_row td {
  border-bottom-width: 1px;
  line-height: 8px;
  margin-bottom: 8px;
}
/* FROM */
.form_error {
  color: #751620;
  background: #fbeff0;
  border-left: 3px solid #751620;
  padding: 0.4em 0.8em;
  margin: 0.3em 0;
}
.nowrap {
  display: -moz-inline-box;
  display: inline-block;
  white-space: nowrap;
}
.nowrap .form_error {
  display: inline;
  margin-left: 0.5em;
}
span.stylebutton {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: top;
  /*-4px;*/
  white-space: nowrap;
}
span.stylebutton input {
  background: transparent;
  font-family: Arial;
  /*'Segoe UI', */
  font-size: 13px;
  color: white;
  height: 19px;
  border-width: 0;
  margin: 0;
  padding-bottom: 0;
  padding-top: 0;
}
span.stylebutton span.dmid {
  vertical-align: bottom;
  background-image: url(/images/button/button-1-mid.png);
  display: -moz-inline-box;
  display: inline-block;
  height: 19px;
}
span.stylebutton span.dleft img {
  vertical-align: bottom;
  background-image: url(/images/button/button-1-left.png);
  display: -moz-inline-box;
  display: inline-block;
  height: 19px;
  width: 3px;
}
span.stylebutton span.dright img {
  vertical-align: bottom;
  background-image: url(/images/button/button-1-right.png);
  display: -moz-inline-box;
  display: inline-block;
  height: 19px;
  width: 3px;
}
span.stylebutton:hover span.dmid, span.stylebutton:hover span.dleft, span.stylebutton:hover span.dright {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
span.darkbutton span.dmid {
  background: url(/images/button/button-2-mid.png) red;
}
span.darkbutton span.dleft img {
  background-image: url(/images/button/button-2-left.png);
}
span.darkbutton span.dright img {
  background-image: url(/images/button/button-2-right.png);
}
span.darkbutton input {
  color: white;
  font-weight: bold;
}
/* BUTTON */
span.button-rightarrow input {
  font-weight: bold;
  padding-right: 20px;
  background-image: url(/images/button/button-arrow.gif);
  background-position: right center;
  background-repeat: no-repeat;
  cursor: pointer;
  cursor: hand;
}
/* CONTACT */
address {
  font-style: normal;
}
/* CLEARFIX METHOD */
.clearfix:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
  font-size: 0;
}
/* RESET FIXED DIV SIZE */
.resetdiv div {
  width: auto !important;
}
/* FORM */
input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], select[size="1"], .button-item, button.input-styled, a.input-styled, textarea {
  background-image: url(/images/input_bg.png);
  background-size: 100% 100%;
  height: 36px;
  /*font-size: 16px;*/
  line-height: 22px;
  padding: 2px 10px;
  border: 1px solid #848484;
  border-radius: 2px;
  box-sizing: border-box;
}
input[type="button"], input[type="submit"] {
  background-color: #f6f6f6;
  background-color: linear-gradient(to bottom, #ececec 0%, #cacaca 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
select.input-white, select[size="1"].input-white {
  background-image: none;
  background-color: asdf;
  color: asdf;
}
select.input-white:hover, select[size="1"].input-white:hover {
  background-color: asdf;
  color: asdf;
}
textarea {
  background: #f6f6f6;
  height: auto;
  line-height: normal;
}
label, span.label {
  color: #333;
}
/* FOCUS */
input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus, select:focus, textarea:focus, input[type="text"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, select:hover, textarea:hover, input.cart_edit:hover {
  border-color: #1C325A;
  color: #222;
}
/* input-styled */
input.input-styled, button.input-styled {
  color: white;
  background-color: #364C79;
  /*border: 1px solid transparent;*/
  /*font-family: 'Roboto'; font-size: 14.5px; font-weight: 400;*/
}
div#simplesearch input.go, #submenu div.first, input.input-styled, button.input-styled, a.input-styled {
  background-color: #364C79;
  background: #ba9229;
  background: #ba9229 linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 23%, rgba(0, 0, 0, 0.04) 82%);
  color: white;
}
/* A link that acts as a button: same dress, and it still navigates. */
a.input-styled, a.input-styled:link, a.input-styled:visited, a.input-styled:hover {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: white;
}
input.input-styled:hover, input.input-styled:focus, div#simplesearch:hover, div#simplesearch:focus, button.input-styled:hover, button.input-styled:focus {
  background: #ba9229;
  color: white;
}
/* A field that cannot be typed into reads as one, whether it is disabled or read-only: an e-mail
   address changed on its own page, a VAT number waiting for a company name. Before the button
   block below, which sets its own colours and must keep winning. */
input[readonly], input[disabled], select[disabled], textarea[readonly], textarea[disabled] {
  background: #f2f2f2;
  border-color: #ddd;
  color: #888;
  cursor: default;
}
/* Disabled, after the styled-button colours above so it wins on equal specificity. */
input[type="button"][disabled], input[type="submit"][disabled], button[disabled], input[type="button"][disabled]:hover, input[type="submit"][disabled]:hover, button[disabled]:hover, input[type="button"][disabled]:focus, input[type="submit"][disabled]:focus, button[disabled]:focus {
  background: #f6f6f6;
  border-color: #ccc;
  color: #999;
  cursor: default;
}
div.input-tight input, div.input-tight select {
  padding: 2px 4px;
}
/* Reset button */
input.input-styled[type=reset] {
  background: #777;
}
input.input-styled[type=reset]:hover, input.input-styled[type=reset]:focus {
  background-color: #AAA;
}
button.ui-datepicker-trigger {
  background-color: #364C79;
  background: #ba9229;
  background: #ba9229 linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 23%, rgba(0, 0, 0, 0.04) 82%);
  color: white;
  border: none;
  border-radius: 2px;
  height: 36px;
  width: 36px;
  padding: 0;
}
/* FORMS */
/* line height equals to the height of an input element */
tr.formcols div, tr.formcols td, div.formcols {
  line-height: 35px;
}
tr.formheight div, tr.formheight td, div.formheight {
  min-height: 35px;
}
span.field_error_frame {
  position: relative;
  z-index: 1;
}
span.field_error {
  position: absolute;
  overflow: visible;
  z-index: 100;
  top: 0px;
  left: 100%;
  width: 250px;
  padding-left: 15px;
  background: url(/images/form_error_arrow.png) no-repeat left 3px transparent;
}
span.field_error_text {
  font-size: 13px;
  color: white;
  background: #751620;
  padding: 4px 8px;
  margin-top: -4px;
  display: table-cell;
  display: inline-block;
}
/* Newsletter */
.newsletter-message {
  display: none;
}
/* OAuth consent page — standalone card layout */
body.oauth-page {
  background: #959695;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin: 0;
  box-sizing: border-box;
  /* Suppress menu_logo box chrome — render just the image */
}
body.oauth-page .oauth-card {
  background: white;
  width: 100%;
  max-width: 500px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
  padding: 2rem;
  box-sizing: border-box;
}
body.oauth-page .logo .box-head, body.oauth-page .logo .box-borderless > .box-head {
  display: none;
}
body.oauth-page .logo .box {
  box-shadow: none;
  border: none;
  background: none;
  padding: 0;
}
body.oauth-page .logo .box-body {
  padding: 0 0 2rem 0;
}
body.oauth-page .logo img {
  max-width: 100%;
  height: auto;
}
/* 16px;*/
div.box {
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  clear: both;
  overflow: hidden;
}
div.box-bg-normal {
  background: white;
}
div.box-bg-dark {
  background: #f9f9f9;
}
div.box-scroll div.box-body {
  height: 286px;
  overflow: auto;
}
div.box-scroll-horizontal {
  width: 100%;
  overflow-x: auto;
}
div.box-bottom, div.box table.box-bottom {
  margin-bottom: 5.6mm;
}
div.box-small-bottom, div.box table.box-small-bottom {
  margin-bottom: 2.8mm;
}
div.box.box-type-boxmenu {
  overflow: visible;
}
div.cont-main div.box {
  margin-bottom: 24px;
  /*&:last-child {
        margin-bottom: 0;
      }*/
}
div.cont-main div.box-head.box-head-outside h1, div.cont-main div.box-head.box-head-outside .box-title-plain {
  margin-bottom: 16px;
}
div.cont-main div.box > div.box-head.box-head-inside > h1, div.cont-main div.box > div.box-head.box-head-inside > h2 {
  margin-bottom: 0;
}
div.cont-main div.box-padding-small {
  padding: 0;
}
div.cont-main div.box-padding-small > div.box-body {
  padding: 8px;
}
div.cont-main div.box-padding-small.box-padding-no-h > div.box-body {
  padding-right: 0;
  padding-left: 0;
}
div.cont-main div.box-padding-small > div.box-head {
  padding: 8px;
}
div.cont-main div.box-padding-small > div.box-head.box-head-outside h1 {
  margin-bottom: 8px;
}
div.cont-main div.box-padding-normal {
  padding: 0;
}
div.cont-main div.box-padding-normal > div.box-body {
  padding: 16px;
}
div.cont-main div.box-padding-normal.box-padding-no-h > div.box-body {
  padding-right: 0;
  padding-left: 0;
}
div.cont-main div.box-padding-normal > div.box-head {
  padding: 16px;
}
div.cont-main div.box-padding-normal > div.box-head.box-head-outside h1 {
  margin-bottom: 16px;
}
div.cont-main div.box-padding-none div.box-head {
  padding-bottom: 16px;
}
div.cont-main div.box > div.box-head.box-head-no-bottom-padding {
  padding-bottom: 0;
}
div.cont-main div.box-padding-extra-top > div.box-body {
  padding-top: 32px;
}
div.cont-main div.box-borderless {
  padding: 0;
}
@media (min-width: 1171px) {
  div.cont-main div.box.box-padding-xl-h > div.box-head {
    padding-left: 160px;
    padding-right: 160px;
  }
  div.cont-main div.box.box-padding-xl-h > div.box-body {
    padding-left: 160px;
    padding-right: 160px;
  }
}
@media (min-width: 1171px) {
  div.cont-main div.box-head.box-head-outside.box-padding-xl-h {
    padding-left: 160px;
    padding-right: 160px;
  }
}
div.cont-side div.box {
  margin-bottom: 20px;
  /*&:last-child {
        margin-bottom: 0;
      }*/
}
div.cont-side div.box-head.box-head-outside h1, div.cont-side div.box-head.box-head-outside .box-title-plain {
  margin-bottom: 10px;
}
div.cont-side div.box > div.box-head.box-head-inside > h1, div.cont-side div.box > div.box-head.box-head-inside > h2 {
  margin-bottom: 0;
}
div.cont-side div.box-padding-small {
  padding: 0;
}
div.cont-side div.box-padding-small > div.box-body {
  padding: 6px;
}
div.cont-side div.box-padding-small.box-padding-no-h > div.box-body {
  padding-right: 0;
  padding-left: 0;
}
div.cont-side div.box-padding-small > div.box-head {
  padding: 6px;
}
div.cont-side div.box-padding-small > div.box-head.box-head-outside h1 {
  margin-bottom: 6px;
}
div.cont-side div.box-padding-normal {
  padding: 0;
}
div.cont-side div.box-padding-normal > div.box-body {
  padding: 10px;
}
div.cont-side div.box-padding-normal.box-padding-no-h > div.box-body {
  padding-right: 0;
  padding-left: 0;
}
div.cont-side div.box-padding-normal > div.box-head {
  padding: 10px;
}
div.cont-side div.box-padding-normal > div.box-head.box-head-outside h1 {
  margin-bottom: 10px;
}
div.cont-side div.box-padding-none div.box-head {
  padding-bottom: 10px;
}
div.cont-side div.box > div.box-head.box-head-no-bottom-padding {
  padding-bottom: 0;
}
div.cont-side div.box-padding-extra-top > div.box-body {
  padding-top: 32px;
}
div.cont-side div.box-borderless {
  padding: 0;
}
@media (min-width: 1171px) {
  div.cont-side div.box.box-padding-xl-h > div.box-head {
    padding-left: 160px;
    padding-right: 160px;
  }
  div.cont-side div.box.box-padding-xl-h > div.box-body {
    padding-left: 160px;
    padding-right: 160px;
  }
}
@media (min-width: 1171px) {
  div.cont-side div.box-head.box-head-outside.box-padding-xl-h {
    padding-left: 160px;
    padding-right: 160px;
  }
}
div.cont-top div.box {
  margin-bottom: 0;
  /*&:last-child {
        margin-bottom: 0;
      }*/
}
div.cont-top div.box-head.box-head-outside h1, div.cont-top div.box-head.box-head-outside .box-title-plain {
  margin-bottom: 0;
}
div.cont-top div.box > div.box-head.box-head-inside > h1, div.cont-top div.box > div.box-head.box-head-inside > h2 {
  margin-bottom: 0;
}
div.cont-top div.box-padding-small {
  padding: 0;
}
div.cont-top div.box-padding-small > div.box-body {
  padding-bottom: 8px;
}
div.cont-top div.box-padding-small.box-padding-no-h > div.box-body {
  padding-right: 0;
  padding-left: 0;
}
div.cont-top div.box-padding-small > div.box-head {
  padding: 8px;
}
div.cont-top div.box-padding-small > div.box-head.box-head-outside h1 {
  margin-bottom: 8px;
}
div.cont-top div.box-padding-normal {
  padding: 0;
}
div.cont-top div.box-padding-normal > div.box-body {
  padding-bottom: 16px;
}
div.cont-top div.box-padding-normal.box-padding-no-h > div.box-body {
  padding-right: 0;
  padding-left: 0;
}
div.cont-top div.box-padding-normal > div.box-head {
  padding: 16px;
}
div.cont-top div.box-padding-normal > div.box-head.box-head-outside h1 {
  margin-bottom: 16px;
}
div.cont-top div.box-padding-none div.box-head {
  padding-bottom: 16px;
}
div.cont-top div.box > div.box-head.box-head-no-bottom-padding {
  padding-bottom: 0;
}
div.cont-top div.box-padding-extra-top > div.box-body {
  padding-top: 32px;
}
div.cont-top div.box-borderless {
  padding: 0;
}
@media (min-width: 1171px) {
  div.cont-top div.box.box-padding-xl-h > div.box-head {
    padding-left: 160px;
    padding-right: 160px;
  }
  div.cont-top div.box.box-padding-xl-h > div.box-body {
    padding-left: 160px;
    padding-right: 160px;
  }
}
@media (min-width: 1171px) {
  div.cont-top div.box-head.box-head-outside.box-padding-xl-h {
    padding-left: 160px;
    padding-right: 160px;
  }
}
div.cont-bottom div.box {
  margin-bottom: 0;
  /*&:last-child {
        margin-bottom: 0;
      }*/
}
div.cont-bottom div.box-head.box-head-outside h1, div.cont-bottom div.box-head.box-head-outside .box-title-plain {
  margin-bottom: 0;
}
div.cont-bottom div.box > div.box-head.box-head-inside > h1, div.cont-bottom div.box > div.box-head.box-head-inside > h2 {
  margin-bottom: 0;
}
div.cont-bottom div.box-padding-small {
  padding: 0;
}
div.cont-bottom div.box-padding-small > div.box-body {
  padding: 6px;
}
div.cont-bottom div.box-padding-small.box-padding-no-h > div.box-body {
  padding-right: 0;
  padding-left: 0;
}
div.cont-bottom div.box-padding-small > div.box-head {
  padding: 6px;
}
div.cont-bottom div.box-padding-small > div.box-head.box-head-outside h1 {
  margin-bottom: 6px;
}
div.cont-bottom div.box-padding-normal {
  padding: 0;
}
div.cont-bottom div.box-padding-normal > div.box-body {
  padding: 10px;
}
div.cont-bottom div.box-padding-normal.box-padding-no-h > div.box-body {
  padding-right: 0;
  padding-left: 0;
}
div.cont-bottom div.box-padding-normal > div.box-head {
  padding: 10px;
}
div.cont-bottom div.box-padding-normal > div.box-head.box-head-outside h1 {
  margin-bottom: 10px;
}
div.cont-bottom div.box-padding-none div.box-head {
  padding-bottom: 10px;
}
div.cont-bottom div.box > div.box-head.box-head-no-bottom-padding {
  padding-bottom: 0;
}
div.cont-bottom div.box-padding-extra-top > div.box-body {
  padding-top: 32px;
}
div.cont-bottom div.box-borderless {
  padding: 0;
}
@media (min-width: 1171px) {
  div.cont-bottom div.box.box-padding-xl-h > div.box-head {
    padding-left: 160px;
    padding-right: 160px;
  }
  div.cont-bottom div.box.box-padding-xl-h > div.box-body {
    padding-left: 160px;
    padding-right: 160px;
  }
}
@media (min-width: 1171px) {
  div.cont-bottom div.box-head.box-head-outside.box-padding-xl-h {
    padding-left: 160px;
    padding-right: 160px;
  }
}
.box-border-normal {
  border: 1px solid #e1e6ed;
}
.box-border-darker {
  border: 1px solid #e1e6ed;
}
.box-border-alert {
  border: 1px solid #ba9229;
}
.box-border-round {
  border-radius: 4px;
  overflow: hidden;
}
.box-border-rounder {
  border-radius: 8px;
  overflow: hidden;
}
div.above-bottom div.box {
  margin-bottom: 0;
}
div.main-logo div.box {
  margin-bottom: 0;
}
.box.ss-box {
  box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.11);
  /*position:relative;
  z-index:0;*/
}
div.box.box-padding-small .rk_small {
  padding-top: 4px;
}
div.box.box-padding-normal .rk_small {
  padding-top: 8px;
}
div.box .rk_small div.ad_header {
  padding: 0 0 8px 0;
}
div.box .rk_small div.ad_footer {
  padding: 8px 0 0 0;
}
div.box .rk_small tr > td {
  padding: 0 4px 4px 0;
}
div.box .rk_small tr > td:last-child {
  padding: 0 0 4px 0;
}
div.box .rk_small tr.atext > td {
  padding-bottom: 8px;
}
div.cont-main div.box div.box-head h1, div.cont-main div.datasheet-head h1 {
  padding: 0;
  font-size: 25px;
  font-weight: 500;
  line-height: 140%;
}
div.cont-main div.box div.box-head h1 span, div.cont-main div.box div.box-head h1 h1.search-title span, div.cont-main div.box div.box-head h1 h1.search-title a span, div.cont-main div.datasheet-head h1 span, div.cont-main div.datasheet-head h1 h1.search-title span, div.cont-main div.datasheet-head h1 h1.search-title a span {
  color: #333;
}
div.cont-main div.box div.box-head h3, div.cont-main div.datasheet-head h3 {
  margin: 0;
  padding: 0;
  line-height: 140%;
}
div.boxcontent {
  padding-left: 8px;
  padding-right: 8px;
}
div.cont-main div.box div.box-head.category-separator {
  font-size: 18px;
  margin: 32px 0;
  padding-bottom: 0;
}
div.cont-main div.box div.box-head.category-separator:first-child {
  margin-top: 0;
}
div.cont-main div.box .adbox-category-groups-small-cards-paginated .adbox-category-group-heading {
  font-size: 18px;
  margin: 32px 0 16px;
  padding-bottom: 0;
}
div.cont-main div.box .adbox-category-groups-small-cards-paginated .adbox-category-group-heading:first-child {
  margin-top: 0;
}
#belowtop .box-type-boxad .box-title-plain, .above-bottom .box-type-boxad .box-title-plain {
  padding-left: 32px;
}
#belowtop div.box-padding-normal > div.box-head + .box-body > .scroll-container, #belowtop div.box-padding-normal > div.box-head + .box-body > .card-extra-padding > .scroll-container, .above-bottom div.box-padding-normal > div.box-head + .box-body > .scroll-container, .above-bottom div.box-padding-normal > div.box-head + .box-body > .card-extra-padding > .scroll-container {
  margin-top: -32px;
}
/* MY ACCOUNT */
#my_account {
  width: 205px;
  left: auto;
  right: 0;
}
/* CART SUMMARY (header dropdown) */
#cart_summary {
  width: 380px;
  padding: 20px;
  left: auto;
  right: 0;
}
#cart_summary tr td {
  padding: 6px 0;
}
#cart_summary .smallsum {
  font-weight: bold;
  text-align: right;
  padding: 4px 0 8px 0;
}
div.table_cart_control {
  float: right;
  margin: 0;
}
/* ── Context columns: page-level float layout of the thumb / cart columns.
   This is the ONLY place layout keys off .datasheet / .list_results; the cart
   WIDGET's own layout is on .cart--vertical / .cart--horizontal (below). ── */
.datasheet .left-float {
  float: left;
  margin-right: 24px;
}
.datasheet .right-float {
  float: right;
  margin-left: 24px;
  margin-bottom: 12px;
}
.datasheet .right-float div.box-head {
  padding-bottom: 0;
}
.list_results .left-float {
  float: left;
}
.list_results .right-float {
  float: right;
}
/* ── THE CART WIDGET ──
   The layout variant is chosen at the insertion point (item.cartblock's $layout)
   and emitted as a trigger class ON the cart element: .cart--vertical (datasheet
   main cart) / .cart--horizontal (search results, ad boxes, HL part rows). Rules
   key off that class, NOT an ancestor context, so a horizontal cart lays out
   horizontally wherever it is nested — including inside a .datasheet. */
.cart {
  position: relative;
  border: 1px solid #e1e6ed;
  border-radius: 4px;
  width: auto;
  /* elements */
  /* layout variant: datasheet main cart — vertical stack */
  /* layout variant: search / ad box / HL part row — horizontal row */
}
.cart:empty {
  display: none;
}
.cart_price {
  color: #A77E05;
  font-weight: 600;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  white-space: nowrap;
  /*text-align: right;*/
}
.cart_price_text {
  clear: both;
  text-align: left;
}
.cart_price_caption {
  color: #666;
}
.cart_price_curr {
  letter-spacing: -0.09em;
}
.cart_vat_info, .cart_vat_info a {
  font-size: 14px;
  font-weight: normal;
  color: #888;
}
.cart_stock_status, .cart_stock_status a {
  font-size: 14px;
  font-weight: normal;
}
.cart_message {
  background: none repeat scroll 0% 0% #5e5a5a;
  color: #e6e6e6;
  padding: 0px 8px;
  border-radius: 2px;
  font-size: 12px;
}
.cart_qty label {
  margin-left: 4px;
  font-size: 13px;
}
.cart_submit_frame_ext {
  position: relative;
}
.cart_submit_frame_ext .cart-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 6px;
  color: white;
}
.cart--vertical {
  background: #fff;
  line-height: 125%;
  padding: 16px;
  margin: 0;
  margin-bottom: 16px;
}
.cart--vertical .flex-chooser {
  flex-direction: column;
}
.cart--vertical form {
  display: block;
  width: 100%;
}
.cart--vertical .cart_price {
  font-size: 22px;
}
.cart--vertical .cart_stock_status {
  margin-bottom: 10px;
}
.cart--vertical .cart_message {
  padding: 4px 8px;
  margin-bottom: 8px;
}
.cart--vertical .cart_edit_frame {
  /* text-align: right;*/
  margin-bottom: 8px;
}
.cart--vertical input.cart_submit_ext {
  width: 100%;
}
.cart--horizontal {
  background: #f7f7f7;
  /* lay the vertical form controls out in a row */
}
.cart--horizontal .flex-chooser {
  align-items: center;
  margin: 10px;
}
.cart--horizontal .cart_stock_status {
  color: #555;
  margin: 10px;
}
.cart--horizontal form div {
  display: inline-block;
}
.cart--horizontal .cart_price {
  font-size: 17px;
}
.cart--horizontal .cart_qty label {
  margin-right: 8px;
}
.cart--horizontal .cart_submit_frame_ext {
  display: inline;
}
.cart--horizontal .cart_edit_frame {
  margin: 0;
  padding: 0;
}
.cart--horizontal input.cart_submit_ext {
  min-width: 100px;
}
.cart--horizontal input.cart_edit {
  vertical-align: -1px;
}
form.cart {
  position: relative;
  z-index: 0;
  padding: 0;
  margin: 0;
}
div.cart .row {
  margin-bottom: 4px;
  text-align: left;
}
div.cart .row .label {
  color: #888;
}
div.cart .row .value {
  white-space: nowrap;
}
div.cart_stock_status .row .value {
  width: 100%;
  display: block;
  white-space: normal;
}
/* Cart quantity inputs — the class names are shared by the add widget and the
   cart-page editor, so these stay context-free (flat). */
input.cart_editor_input {
  width: 50px;
  font-size: 16px;
  text-align: right;
  line-height: normal;
  height: auto;
  padding: 2px 4px 2px 4px;
}
input.cart_edit {
  /*font-size: 16px;
	line-height: 16px;
	height: 16px;*/
  font-weight: bold;
  background: white;
  color: #5e5a5a;
  text-align: right;
  vertical-align: middle;
  width: 60px;
  /*padding: 3px;*/
  border: 2px solid #bababa;
}
/* CART EDITOR */
table.cart-view td, table.cart-view th {
  padding: 1.7mm;
}
table.cart-view th {
  font-size: 14px;
  padding-bottom: 6px;
}
table.cart-view td.product {
  padding-left: 16px;
}
table.cart-view td.warning, table.cart-view tr.warning td {
  -x-border-bottom: 1px solid #929292;
  border-top: 1px solid #929292;
  vertical-align: middle;
  padding: 10px 2px 5px 2px;
}
table.cart-view td.head, table.cart-view tr.head td {
  border-bottom: 1px solid #CCC;
}
table.cart-view a {
  color: #333;
}
td.sum, tr.sum {
  font-weight: bold;
}
td.sum, tr.sum td {
  border-top: 4px solid #929292;
  padding: 5px;
}
/*table.cart-editor td.warning,
table.cart-editor tr.warning td,*/
tr.alter td {
  background-color: #E4E4E4;
}
/* SPECIAL ORDER ERROR */
td.order-accept-bottom {
  padding-left: 1em;
}
td.order-accept-bottom span.field_error_text {
  margin-top: 4px;
}
td.order-accept-bottom span.field_error {
  background: none;
  padding-left: 0;
  position: static;
}
/* CART ICON */
#cart_summary_dropdown {
  position: relative;
}
.cart-item-count-bubble {
  display: inline-block;
  background-color: #364C79;
  color: white;
  border-radius: 50%;
  padding: 4px 2px 1px 2px;
  font-size: 13px;
  font-weight: bold;
  min-width: 19px;
  text-align: center;
  position: absolute;
  top: calc(50% + -20px);
  left: calc(50% + 8px);
}
/* The delivery and payment cards, carried by the checkout and the cart page alike. Side by side
   where there is room, stacked once a card would fall below 320px; the cards stretch to a common
   height and each is a column whose address is pushed to the bottom, so two addresses sit on one
   line however tall the lists above them are. */
.options-control {
  margin: 0 0 8px;
  text-align: right;
}
.voucher-redemption {
  margin-top: 1.2em;
  text-align: right;
}
.voucher-redemption h3 {
  margin: 0 0 8px;
}
.voucher-redemption .control-group {
  margin: 0;
}
.voucher-redemption .control-label {
  display: inline;
  margin-right: 8px;
}
.voucher-redemption .controls {
  display: inline;
  margin: 0;
}
.card-note {
  clear: both;
  color: #333;
  margin-top: 6px;
}
.checkout-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.checkout-cards .checkout-card {
  flex: 1 1 320px;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
}
.checkout-cards .buyer-card {
  flex: 1 1 100%;
}
.checkout-card {
  border: 1px solid #ddd;
  padding: 12px 16px 14px;
  margin-bottom: 10px;
}
.checkout-card h3 {
  margin: 0 0 8px;
}
.checkout-card .card-money {
  display: flow-root;
  border-top: 1px solid #eee;
  margin-top: 10px;
  padding-top: 8px;
}
.checkout-card .card-money .amount {
  float: right;
  font-weight: bold;
}
.checkout-card .checkout-address {
  margin-top: auto;
  padding-top: 12px;
}
.checkout-card input[type="radio"]:checked + label {
  font-weight: bold;
}
.checkout-card .opt-cost {
  font-weight: normal;
}
.checkout-address h4 {
  margin: 0 0 2px;
}
.option-detail, .shop-contact {
  color: #333;
  font-size: 85%;
  line-height: 1.35;
}
.option-detail a, .shop-contact a {
  color: inherit;
}
.option-detail i, .shop-contact i {
  font-size: inherit;
}
.option-group-label {
  color: #333;
  font-size: 85%;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin: 10px 0 2px;
  border-bottom: 1px solid #e1e6ed;
}
.shop-contact {
  margin-top: 3px;
}
.shop-contact .shop-map {
  color: #A77E05;
}
.shop-contact .shop-map i {
  font-size: 125%;
  vertical-align: -2px;
}
.delivery-country {
  margin-bottom: 12px;
}
.delivery-country label {
  display: block;
  margin-bottom: 3px;
}
.delivery-country select {
  width: 100%;
}
.courier-note {
  margin-top: 12px;
}
.courier-note label {
  display: block;
  margin-bottom: 3px;
}
.courier-note input {
  width: 100%;
}
#delivery_card .bigline {
  position: relative;
  padding-left: 25px;
}
#delivery_card .bigline > input[type="radio"] {
  position: absolute;
  left: 2px;
  top: 0.2em;
  margin: 0;
}
#delivery_card .option-detail {
  margin: 4px 0 6px;
}
#delivery_card input[type="radio"]:not(:checked) ~ .option-detail {
  display: none;
}
.buyer-card {
  flex: 1 1 100%;
}
.buyer-card .buyer-summary {
  line-height: 1.5;
}
.buyer-card .buyer-summary i {
  font-size: 115%;
  vertical-align: -2px;
}
.buyer-card .buyer-summary .buyer-shipping {
  margin-top: 6px;
}
.buyer-card .buyer-summary .buyer-shipping .label {
  color: #333;
}
.buyer-card .buyer-change {
  margin-top: 8px;
}
.buyer-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 8px 12px;
  align-items: start;
}
.buyer-grid .bf {
  display: flex;
  flex-direction: column;
  min-width: 0;
  grid-column: span 12;
}
.buyer-grid .bf label {
  color: #333;
  font-size: 88%;
  line-height: 1.3;
  margin-bottom: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.buyer-grid .bf input, .buyer-grid .bf select {
  width: 100%;
}
.buyer-grid .bf[hidden] {
  display: none;
}
.buyer-grid .bf-hint {
  color: #333;
  font-size: 85%;
  line-height: 1.3;
  margin-top: 2px;
}
.buyer-grid .field_error_frame {
  position: static;
}
.buyer-grid .field_error {
  position: static;
  display: block;
  margin: 6px 0;
  background-position: left center;
}
.buyer-grid .field_error .field_error_text {
  display: inline-block;
  font-size: 85%;
  line-height: 1.3;
}
.buyer-grid .buyer-same, .buyer-grid .buyer-required {
  flex-direction: row;
  align-items: center;
  gap: 6px;
}
.buyer-grid .buyer-same input, .buyer-grid .buyer-required input {
  width: auto;
}
.buyer-grid .buyer-same label, .buyer-grid .buyer-required label {
  font-size: 100%;
}
.buyer-grid .buyer-required {
  color: #333;
}
.buyer-grid .buyer-check {
  display: block;
  margin-bottom: 4px;
}
.buyer-grid .buyer-check input {
  width: auto;
}
.buyer-grid h4 {
  margin: 6px 0 0;
}
.buyer-grid .s1 {
  grid-column: span 1;
}
.buyer-grid .s2 {
  grid-column: span 2;
}
.buyer-grid .s3 {
  grid-column: span 3;
}
.buyer-grid .s4 {
  grid-column: span 4;
}
.buyer-grid .s5 {
  grid-column: span 5;
}
.buyer-grid .s6 {
  grid-column: span 6;
}
.buyer-grid .s7 {
  grid-column: span 7;
}
.buyer-grid .s8 {
  grid-column: span 8;
}
.buyer-grid .s9 {
  grid-column: span 9;
}
.buyer-grid .s10 {
  grid-column: span 10;
}
.buyer-grid .s11 {
  grid-column: span 11;
}
.buyer-grid .s12 {
  grid-column: span 12;
}
.buyer-shipping-grid {
  margin-top: 8px;
}
.buyer-shipping-grid[hidden] {
  display: none;
}
.user-data {
  max-width: 720px;
  margin: 0 auto;
}
.user-data h3 {
  margin: 24px 0 8px;
  font-size: 118%;
}
.user-data > .buyer-grid {
  border: 1px solid #ddd;
  padding: 12px 16px 14px;
}
.user-data > .buyer-shipping-grid {
  border-top: 0;
  margin-top: -1px;
}
.buyer-card-body {
  max-width: 720px;
  margin: 0 auto;
}
.buyer-save {
  margin-top: 12px;
}
.cart-b2b {
  margin-bottom: 8px;
}
.cart-b2b a {
  text-decoration: none;
}
.cart-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  align-items: center;
  padding: 10px 0 2px;
}
.cart-actions .cart-recalculate:disabled {
  display: none;
}
.cart-actions .cart-continue {
  white-space: nowrap;
}
.cart-actions:not(:has(.cart-continue)):has(.cart-recalculate:disabled) {
  display: none;
}
.payment-disclosure {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2px 12px;
  margin: 12px 0 16px;
  padding: 10px 14px;
  background: #f9f9f9;
  border: 1px solid #e1e6ed;
  border-radius: 4px;
  font-size: 88%;
}
.payment-disclosure dt {
  color: #333;
}
.payment-disclosure dd {
  margin: 0;
  font-weight: bold;
}
.payment-outcome .payment-outcome-verdict {
  font-weight: bold;
}
.payment-retry {
  margin: 0 0 4px;
}
.retailer-send {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.retailer-send .retailer-comment {
  flex: 1;
  min-width: 0;
}
.retailer-send .retailer-comment input {
  width: 100%;
}
@media (max-width: 800px) {
  .retailer-send {
    display: block;
  }
}
.represented {
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: 0 16px;
  align-items: stretch;
}
.represented h4 {
  margin: 12px 0 6px;
}
.represented .represented-party {
  display: flex;
  flex-direction: column;
}
.represented .messageframe {
  flex: 1;
  margin-bottom: 0;
}
@media (max-width: 800px) {
  .represented {
    grid-template-columns: 1fr;
  }
}
.order-action {
  text-align: right;
}
.apply-row {
  display: none;
}
.order-action-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 90;
  display: none;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: #ba9229;
  background: #ba9229 linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.15) 80%, rgba(0, 0, 0, 0.05) 100%);
  color: white;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.order-action-bar.is-shown {
  display: flex;
}
.order-action-bar .order-action-bar-label {
  margin-left: auto;
}
.order-action-bar .order-action-bar-amount {
  font-weight: bold;
  font-size: 115%;
  white-space: nowrap;
}
.order-action-bar .order-action-bar-arrow {
  margin-left: 8px;
  font-size: 22px;
}
@media (max-width: 560px) {
  .buyer-grid .bf {
    grid-column: span 12;
  }
}
.delivery-point-modal {
  display: none;
  width: 960px;
  max-width: 96vw;
  padding: 0;
  text-align: left;
}
.delivery-point-modal form {
  display: flex;
  flex-direction: column;
  height: 76vh;
  margin: 0;
}
.delivery-point-modal .point-modal-head {
  padding: 12px 16px 8px;
}
.delivery-point-modal .point-modal-head h3 {
  margin: 0 0 4px;
}
.delivery-point-modal .point-widget {
  flex: 1;
  min-height: 380px;
  overflow: auto;
}
.delivery-point-modal iframe.point-widget {
  width: 100%;
  border: 0;
  display: block;
  overflow: hidden;
}
.point-detail, .point-default {
  margin: 2px 0 6px 25px;
}
.point-detail .shop-pick, .point-default .shop-pick {
  font-weight: bold;
}
.point-default {
  margin: 8px 0 2px 24px;
}
#destination-modal {
  display: none;
  width: 900px;
  max-width: 94vw;
  padding: 0;
  text-align: left;
}
#destination-modal form {
  display: flex;
  flex-direction: column;
  height: 76vh;
  margin: 0;
}
#destination-modal .destination-head {
  padding: 14px 16px 10px;
  border-bottom: 1px solid #e1e6ed;
}
#destination-modal .destination-head h3 {
  margin: 0 0 4px;
}
#destination-modal .destination-head .destination-note {
  margin: 0;
}
#destination-modal #destination-filter {
  flex: none;
  margin: 8px 16px;
}
#destination-modal .destination-columns {
  display: grid;
  grid-template-columns: 24px 1fr 90px 90px;
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 6px 0 2px;
  background: white;
}
#destination-modal #destination-map {
  height: 200px;
  flex: none;
  border-bottom: 1px solid #e1e6ed;
}
#destination-modal.map-large #destination-map {
  flex: 1;
  height: auto;
}
#destination-modal.map-large #destination-options {
  flex: none;
  height: 117.5px;
}
#destination-modal #destination-layout {
  flex: none;
  line-height: 0.8;
  text-align: center;
  color: #A77E05;
  background: #f4f0e1;
}
#destination-modal #destination-layout:hover {
  background: #ece3c8;
}
#destination-modal #destination-layout i {
  font-size: 170%;
}
#destination-modal #destination-options {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 0 16px 6px;
  scroll-padding-top: 28px;
}
#destination-modal .destination-option {
  display: grid;
  grid-template-columns: 24px 1fr 90px 90px;
  align-items: center;
  padding: 4px 0;
  margin: 0;
  cursor: pointer;
  font-weight: normal;
}
#destination-modal .destination-option .shop-name {
  font-weight: bold;
}
#destination-modal .destination-option .pick-method {
  height: auto;
  padding: 2px 12px;
  cursor: pointer;
}
#destination-modal .destination-option .pick-method:hover {
  border-color: #A77E05;
}
#destination-modal .destination-option:hover {
  background: #fbfaf5;
}
#destination-modal .destination-option.current {
  background: #f4f0e1;
}
#destination-modal .destination-option.current:hover {
  background: #efe8d2;
}
#destination-modal .destination-foot {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px 14px;
  border-top: 1px solid #e1e6ed;
}
#destination-modal .destination-foot .destination-method-option {
  margin-left: 12px;
}
#destination-modal .destination-foot .destination-apply {
  margin-left: auto;
}
.payment-option .main-line {
  display: flex;
  align-items: center;
}
.payment-option .main-line input[type="radio"] {
  flex: none;
  margin: 0 12px 0 0;
}
.payment-option .main-line img.logo {
  vertical-align: middle;
  max-height: 36px;
}
.payment-option.option-paypal img.logo {
  max-height: 21px;
}
.payment-option .info-line {
  margin-top: 8px;
  margin-left: 25px;
}
.payment-option .info-line img.services {
  vertical-align: middle;
  max-height: 36px;
  max-width: 360px;
}
.payment-option .info-line #paypal-marks {
  display: inline-block;
  min-height: 21px;
}
.payment-option .info-line #paypal-marks > span {
  display: inline-block;
  vertical-align: middle;
}
.payment-option .info-line #paypal-marks .paypal-mark {
  border: 0;
  background: none;
  padding: 0;
  margin: 0 8px 0 0;
}
.payment-option .info-line #paypal-marks img {
  display: block;
  height: 21px;
}
#payment_card .bigline {
  margin-bottom: 0.6em;
}
#payment_card .payment-option {
  padding: 6px;
  margin-left: -6px;
}
#payment_card .payment-option:has(input:checked) {
  background: #f6f5f2;
}
#order-draft {
  position: relative;
}
#order-draft.is-busy {
  pointer-events: none;
}
#order-draft.is-busy::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.45);
}
#order-draft form {
  margin: 0;
}
#order-draft .draft-default-submit {
  display: none;
}
#order-draft .draft-messages {
  margin-bottom: 10px;
}
#order-draft .draft-link {
  border: 0;
  background: none;
  padding: 0;
  color: #A77E05;
  cursor: pointer;
  font: inherit;
}
#order-draft .draft-link:hover {
  text-decoration: underline;
}
#order-draft .draft-remove {
  border: 0;
  background: none;
  padding: 2px;
  color: #333;
  cursor: pointer;
  line-height: 1;
}
#order-draft .draft-remove i {
  font-size: 140%;
  vertical-align: middle;
}
#order-draft .draft-remove:hover {
  color: #A77E05;
}
#order-draft .draft-lines input.cart_editor_input {
  width: 56px;
}
#order-draft .point-detail, #order-draft .point-default {
  margin-left: 0;
}
#order-draft .draft-static {
  padding: 4px 0;
}
#order-draft .buyer-done {
  margin-top: 10px;
}
#order-draft .bf-refused input {
  border-color: #c0392b;
}
#order-draft .bf-refused-text {
  color: #c0392b;
  font-size: 85%;
  line-height: 1.3;
  margin-top: 2px;
}
#order-draft .draft-vouchers .voucher-open[hidden], #order-draft .draft-vouchers .voucher-entry[hidden] {
  display: none;
}
#order-draft .draft-vouchers .draft-voucher-entry {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
#order-draft .draft-vouchers .draft-voucher-entry input {
  width: 180px;
  text-transform: uppercase;
}
#order-draft .draft-vouchers .draft-forfeit {
  color: #d9534f;
}
#order-draft .draft-place .draft-pop {
  text-align: right;
}
#order-draft .draft-place .draft-agreement {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 12px 0;
}
#order-draft .draft-place .draft-agreement img {
  max-width: 160px;
}
#order-draft .draft-place .draft-agreement .draft-agreement-text {
  flex: 1 1 320px;
  text-align: justify;
}
#order-draft .draft-place .draft-agreement-accept {
  text-align: right;
}
#order-draft .draft-place .draft-comment {
  margin-bottom: 10px;
}
#order-draft .draft-place .draft-comment label {
  display: block;
  margin-bottom: 3px;
}
#order-draft .draft-place .draft-comment input {
  width: 100%;
}
dialog#destination-modal {
  display: none;
  flex-direction: column;
  height: 76vh;
  width: 900px;
  max-width: 94vw;
  padding: 0;
  border: 1px solid #e1e6ed;
  border-radius: 4px;
  text-align: left;
}
dialog#destination-modal[open] {
  display: flex;
}
dialog#destination-modal::backdrop {
  background: rgba(0, 0, 0, 0.45);
}
dialog#destination-modal .destination-head {
  position: relative;
}
dialog#destination-modal .destination-close {
  position: absolute;
  top: 8px;
  right: 10px;
  border: 0;
  background: none;
  font-size: 22px;
  line-height: 1;
  color: #333;
  cursor: pointer;
}
dialog#destination-modal .destination-close:hover {
  color: #A77E05;
}
dialog#destination-modal .destination-option:has(input:checked) {
  background: #f4f0e1;
}
dialog#destination-modal .destination-option:has(input:checked):hover {
  background: #efe8d2;
}
dialog#destination-modal .destination-method-option.is-off {
  color: #aaa;
}
/* LAYOUT BASICS */
.ml-borders, .ad_thumb, table.ml-borders td, table.ml-borders th, table.grid, table.grid th, table.grid td, tr.separator td div, tr.separator th div, tr.separator_row td, img.item_thumb, img.gallery_thumb, table.contact_table {
  border: 0px solid #efefef;
  border-collapse: collapse;
}
.ml-borders .hide-bottom-border, .hide-bottom-border {
  border-bottom: 1px solid transparent;
}
.borders-round {
  border: 1px solid #e1e6ed;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.item_thumb.item_frame {
  outline: 1px solid #CCC;
}
.item_thumbblock img.thumb_shadow {
  box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.08);
}
.keep {
  margin-bottom: 1em;
}
/* BORDER SET */
.bs-all-1, div.list_results img.thumb_border, img.gallery_thumb {
  border-width: 1px;
}
.bs-arch-1 {
  border-width: 1px 1px 0 1px;
}
.bs-grail-1 {
  border-width: 0px 1px 1px 1px;
}
.bs-floor-1 {
  border-width: 0 0 1px 0;
}
.bs-ceil-1 {
  border-width: 1px 0 0 0;
}
.bs-vert-1 {
  border-width: 0 1px 0 1px;
}
.bs-hor-1 {
  border-width: 1px 0 1px 0;
}
.bs-right-1 {
  border-width: 0 1px 0 0;
}
.bs-none {
  border-width: 0;
}
.box-shadow-strong {
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.08);
  /*position:relative;
    z-index:0;*/
}
.ss-small, .box-shadow-normal {
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.11);
  /*position:relative;
    z-index:0;*/
}
/* TABLE SET */
table.grid, table.grid th, table.grid td {
  border-collapse: collapse;
  border-width: 1px;
}
table.grid th, table.grid td {
  padding: 4px;
}
table.grid th {
  font-size: 10px;
  text-align: left;
  font-weight: normal;
}
/* TEXT */
.invalid, .invalid a {
  color: red;
  text-decoration: line-through;
}
/* ROUND */
.round_2_noie, .round_2 {
  border-radius: 2px;
}
.round_top_2 {
  border-radius: 2px 2px 0px 0px;
}
.round_bottom_2 {
  border-radius: 0px 0px 2px 2px;
}
.round_top_4 {
  border-radius: 4px 4px 0px 0px;
}
.round_4_noie, .round_4 {
  border-radius: 4px 4px 4px 4px;
}
.round_top_6 {
  border-radius: 6px 6px 0px 0px;
}
.round_6_noie, .round_6 {
  border-radius: 6px;
}
/* SHADED TABLE */
.table_title, .table_title th {
  color: white;
  font-size: 13px;
  font-weight: normal;
  background-image: url("/img/forms_head_grad.jpg");
  background-position: top right;
  text-align: right;
  padding: 6px;
}
/* LINE HEIGHT */
.line_11, .line_11 div, .line_11 td {
  line-height: 1.1;
}
.td_bottom_1em td {
  padding-bottom: 1em;
}
.td_bottom_03em td, .vert_pad_table td {
  padding-bottom: 0.3em;
}
.button-style, .datasheet .cart-linked-products .linked-edition--digital .related-dkitem-type {
  display: block;
  text-align: center;
  padding: 2px 8px;
  margin: 0;
  border: 1px solid #666;
  border-radius: 2px 2px 2px 2px;
  min-height: 29px;
  line-height: 29px;
  /*font-family: 'Roboto';*/
  /*font-size: 14.5px;*/
  font-weight: 400;
  color: white;
  background: #ba9229;
  background: #ba9229 linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 23%, rgba(0, 0, 0, 0.04) 82%);
}
a.button-style:hover, .datasheet .cart-linked-products .linked-edition--digital a.related-dkitem-type:hover, a.button-style:focus, .datasheet .cart-linked-products .linked-edition--digital a.related-dkitem-type:focus, a.button-style:link, .datasheet .cart-linked-products .linked-edition--digital a.related-dkitem-type:link, a.button-style:visited, .datasheet .cart-linked-products .linked-edition--digital a.related-dkitem-type:visited, a.button-style, .datasheet .cart-linked-products .linked-edition--digital a.related-dkitem-type {
  color: white;
  text-decoration: none;
}
/* Test mode */
.vertical-strip {
  opacity: 0.7;
  x-writing-mode: vertical-rl;
  text-orientation: mixed;
  white-space: nowrap;
  background: repeating-linear-gradient(-45deg, yellow, yellow 10px, white 10px, white 20px);
  color: red;
  font-weight: bold;
  padding: 5px 20px;
  border: 2px solid red;
  position: fixed;
  z-index: 1001;
  left: 20%;
  /* Adjust the top to 50% */
  top: 0;
  transform: translateX(-50%);
  /* Translate upwards by half of its height */
}
/* Image shadows (for ad boxes) */
/* Thumbnail shadows */
.img-shadow-lg .item_thumb {
  box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.16), -2px -2px 4px rgba(0, 0, 0, 0.12);
}
/* Laci stílusok */
/* NEWS */
.news_body {
  text-align: justify;
  clear: both;
}
.news_date {
  color: #666;
  margin-top: 4px;
  text-align: left;
  clear: both;
}
.news-header h2 {
  margin-bottom: 0;
}
.news-title {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.4;
}
.news-article {
  clear: both;
}
.news-separator {
  width: 70%;
  margin: 0 auto;
  margin-bottom: 24px;
  border-bottom: 1px solid #333;
  margin-top: 32px;
}
.news-header, .news-body {
  margin-bottom: 24px;
}
.news-social {
  margin-top: -12px;
  margin-bottom: 24px;
}
.news-image-top-left {
  margin-left: 0;
  margin-right: 24px;
  margin-bottom: 12px;
  border-radius: 8px;
  box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.18);
  float: left;
}
.news-text-min-width {
  min-width: 300px;
  text-align: justify;
  display: table-cell;
}
/* SOCIAL BUTTONS */
.social-buttons {
  margin-bottom: 12px;
  margin-left: auto;
  /*margin-right: auto;*/
  width: max-content;
  /*display: flex;
	align-content: center;*/
}
.social-buttons a {
  /*flex-grow: 1;*/
  text-align: center;
  margin-left: 4px;
}
.a2a_default_style .a2a_svg {
  display: inline-block !important;
  float: none !important;
}
.desaturate {
  filter: saturate(25%);
}
/* LOGO */
.logo-text-container, .logo-text {
  font-family: "Source Sans 3", Arial, Helvetica, sans-serif;
  font-weight: 600;
  letter-spacing: -0.4pt;
}
.logo-text-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: baseline;
  gap: 6px;
}
.logo-text-large-accent {
  margin: 0 6px 0 0;
  X-text-transform: uppercase;
  font-size: 26px;
  /*40px;*/
  line-height: 30px;
  text-shadow: 2px 2px 4px #0002;
}
.logo-text-large-accent, a.logo-text-large-accent, .logo-text-large-accent a {
  color: #364C79;
}
a.logo-text-large-accent:hover, .logo-text-large-accent a:hover, a.logo-text-large-accent:focus, .logo-text-large-accent a:focus {
  text-decoration: none;
}
.logo-text-medium, a.logo-text-medium {
  color: #A77E05;
  display: inline-block;
  font-size: 21px;
  /*24px;/*17px;*/
  padding-left: 2px;
  /* Font specific correction */
}
a.logo-text-medium:hover, a.logo-text-medium:focus {
  text-decoration: none;
}
/* Tall image logo with spaced positioning and top-left absolute painting.
 .tall-logo-container and a .tall-logo image inside
*/
.tall-logo-container {
  position: relative;
  width: 41px;
  padding: 0 6px 0 0;
  z-index: 1;
}
.tall-logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 41px;
  object-fit: cover;
}
.tall-logo-text-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
/* HACK: Remove item_thumb border and shadow from specific tip-ETC classes, see Portal::$noBorderProductTypes */
.item_thumb.tip-UT, .item_thumb.tip-KIEG, .item_thumb.tip-INSTR, .item_thumb.tip-GIFT {
  border: 0;
  box-shadow: none;
}
.item_thumb.thumb_shadow.tip-UT, .item_thumb.thumb_shadow.tip-KIEG, .item_thumb.thumb_shadow.tip-INSTR, .item_thumb.thumb_shadow.tip-GIFT {
  box-shadow: none;
}
/* Browse */
.browse-by-list {
  justify-content: left;
  display: flex;
  gap: 4px;
}
/* PLACEHOLDER */
/*match placeholder/watermark padding to border+padding for input element*/
label.placeholder {
  cursor: text;
  padding: 4px 4px 4px 4px;
  color: #999999;
}
/* html5 placeholder support */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #999999;
}
input:placeholder, textarea:placeholder {
  color: #999999;
}
/* TABS */
div#toc-base {
  position: relative;
  overflow: visible;
  z-index: 1;
  height: 10px;
}
ol#toc {
  position: absolute;
  bottom: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 200%;
}
ol#toc a {
  display: block;
  float: left;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
}
ol#toc li {
  float: left;
  margin: 0 6px 0 0;
}
ol#toc li.current a {
  text-decoration: none;
  margin-bottom: -1px;
  height: 27px;
}
/* EDITING */
/* same as @div.(large)box div.boxbody@ */
body.wysiwyg, .mceContentBody {
  /*background-color:#FFF;*/
  /*background-image: none;*/
}
body.wysiwyg {
  /*padding:8px;*/
  box-shadow: none;
}
/*
SPECIAL /page/hire/representatives
*/
div.hire h3 {
  -x-font-weight: bold;
  border-bottom: 1px solid #CCC;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  padding: 0.2em 0;
}
div.hire h3:first-child {
  margin-top: 0;
}
div.hire h4 {
  font-weight: bold;
  margin-bottom: 0.5em;
}
div.hire p {
  padding: 0;
  margin-left: 1em;
}
table.browseset {
  margin-bottom: 10px;
}
table.browseset th, div.tableheader {
  padding: 4px 6px;
  font-weight: normal;
  text-align: left;
}
/* GRAY BOX PADDED */
div.explain {
  background-color: #f5f5f5;
  padding: 10px 12px;
  margin-bottom: 10px;
}
div.explain div {
  padding-top: 4px;
}
#sub_country_select img {
  vertical-align: middle;
}
#sub_country_select.dropdown {
  left: -80px;
}
#sub_country_select .submenu-container .submenu-item {
  padding-right: 60px;
}
/* HIRDETES */
.ad_category_end {
  clear: both;
  height: 20px;
}
.ad_large_attachments .ad_thumb {
  border: 1px solid #888;
}
.ad_large_attachments h3 {
  font-size: 14px;
  margin: 12px 8px;
}
div.ad_large_attachments div.description {
  margin: 16px;
}
.ad_large_attachments .description {
  line-height: 1.33;
  margin: 0 8px 30px 8px;
}
.ad_large_attachments .divider {
  background-color: #888;
}
.rk_small td {
  padding: 5px 3px;
}
.rk_small td div {
  width: 102px;
  overflow: hidden;
}
.rk_small .ad_thumb {
  border-width: 1px;
}
.atext td {
  padding-top: 0;
}
.rk_small div.ad_header {
  padding: 0 8px 4px 8px;
  width: inherit;
}
.rk_small div.ad_footer {
  padding: 4px 8px 8px 8px;
  width: inherit;
}
.ad_header {
  padding-bottom: 1em;
}
.ad_footer {
  padding-top: 1em;
}
.cont-main .box-border .rk_small div.ad_header {
  padding: 4px 16px 4px 16px;
  width: inherit;
}
.cont-main .box-border .rk_small div.ad_footer {
  padding: 4px 16px 8px 16px;
  width: inherit;
}
.rk_small_float .ad_thumb {
  border: 1px solid #888;
}
/* EGYSZERŰ KERESÉS */
form#search {
  font-size: 14px;
  padding: 10px 12px 10px 10px;
  position: relative;
  z-index: 0;
}
form#search h3 {
  font-size: 15px;
  margin: 0;
  padding: 0;
  line-height: 20px !important;
}
form#search div.indent2 {
  margin-left: 10px;
}
form#search div.right {
  text-align: right;
  margin-bottom: 5px;
  width: 100%;
}
div.search_box {
  /* height: 30px; */
  margin-bottom: 6px;
  margin-top: 15px;
  position: relative;
  overflow: hidden;
}
.arch-container #form-holder {
  max-width: 300px;
  margin-right: 5px;
  margin-bottom: 5px;
}
form#search div.search_filter {
  font-size: 13px;
  margin-left: 0px;
  margin-bottom: 7px;
}
div#simplesearch .search-icon {
  color: #333;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
}
div#simplesearch input.go {
  position: absolute;
  z-index: 1;
  top: 2px;
  right: 2px;
  bottom: 2px;
  width: 50px;
  height: auto;
  /* padding: 2px 0 2px 0;*/
  overflow: hidden;
  /*background: $accent-color-link;
	color: white;*/
  border: 0;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
}
div#simplesearch img.loader {
  position: absolute;
  z-index: 2;
  right: 60px;
  top: 7px;
  border-width: 0;
}
div#simplesearch input.text {
  width: 100%;
  padding: 2px 2px 2px 24px;
  border: 3px solid #929292;
  border-radius: 3px;
}
img#search_lupe {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
}
/* ADMIN */
a.admin-editlink {
  position: absolute;
  z-index: 1001;
  right: 2px;
  top: 1px;
  display: none;
  width: 16px;
  height: 16px;
  background-image: url(/images/iconset/edit_small.png);
}
a.arrow-left, a.arrow-right {
  -x-width: 24px;
  -x-height: 24px;
  -x-line-height: 24px;
  display: block;
  z-index: 10;
  color: transparent;
  font-size: 0;
  outline: none;
}
/* PAGER */
table.search_table td {
  padding: 4px 0;
}
div.search_pager {
  z-index: 0;
  position: relative;
}
div.search_pager a, div.search_pager span {
  background-color: white;
  border: 1px solid #DDD;
  margin-right: 8px;
  padding: 6px 15px;
}
div.search_pager span {
  font-weight: bold;
}
/* WEBRADIO */
#webradio_container {
  text-align: center;
  position: relative;
  z-index: 0;
}
#webradio, #webradio .player {
  width: 196px;
}
#webradio {
  padding: 1px;
  border: 3px solid #929292;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  behavior: url(/js/pie/PIE.php);
  overflow: hidden;
}
#webradio .player {
  position: relative;
  height: 27px;
  overflow: hidden;
}
#webradio #player_mask {
  position: absolute;
  left: 4px;
  top: 31px;
  z-index: 3;
}
#mediaplayer {
  position: relative;
  top: -2px;
}
#webradio .link {
  height: 26px;
  line-height: 26px;
  font-size: 13px;
  font-style: italic;
  background-color: #A77E05;
  padding: 0 8px;
  margin-bottom: 1px;
}
#webradio .link, #webradio .link a {
  text-align: left;
  color: white;
  text-decoration: none;
}
/* BROWSE */
div.browse_box {
  margin-top: 8px;
}
div.browse_box span {
  display: block;
}
div.browse_box img {
  display: none;
}
span.browse_item {
  margin-right: 8px;
  margin-bottom: 4px;
}
div.chooser {
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  /*!width:expression(this.parentNode.clientWidth - (document.compatMode==\'CSS1Compat\' ? 2 : 0));*/
}
div.chooser a {
  display: block;
  width: 100%;
  /* line-height:15px;*/
  /* padding:1px 0; */
}
/* ADMIN */
.box-type-boxbreadcrumb .box-body {
  margin-left: 0 !important;
  padding-left: 0 !important;
}
/* SPLIT BLOCKS - 2, 3 (DEFAULT) or 4 COLUMN LAYOUT FOR THUMB BLOCKS */
.split-container {
  background-color: #e1e6ed;
  padding: 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  width: 100%;
  box-sizing: border-box;
  max-width: none;
}
.split-container .split-block {
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 4px 4px 6px #cccccc;
  padding: 16px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
}
.split-container .split-block > img {
  margin-top: auto;
}
.split-container .split-block > div:last-child {
  margin-top: auto;
}
.split-container .split-block:not(:last-child) {
  border-right: 1px solid #cccccc;
}
.split-container .split-block h2 {
  color: #a77e05;
  margin-top: 0;
  margin-bottom: 10px;
}
.split-container .split-block hr {
  height: 1px;
  width: 25%;
  border: none;
  border-top: 1px solid #28447a;
  margin: 16px 0;
}
.split-container .split-block p {
  margin-bottom: 10px;
}
.split-container .split-block .bottom-link {
  text-align: right;
  margin-bottom: 10px;
}
.split-container .split-block .bottom-link a {
  text-decoration: none;
}
.split-container .split-block img {
  width: 100%;
  max-width: 480px;
  border-radius: 2px;
  box-shadow: 3px 3px 4px #cccccc;
  display: block;
  vertical-align: top;
}
.split-container.cols-2 {
  grid-template-columns: repeat(2, 1fr);
}
.split-container.cols-3 {
  grid-template-columns: repeat(3, 1fr);
}
.split-container.cols-4 {
  grid-template-columns: repeat(4, 1fr);
}
.split-container .split-block:not(:last-child) {
  border-right: 1px solid #cccccc;
}
.split-container.cols-4 .split-block:nth-child(4n) {
  border-right: none;
}
@media (max-width: 960px) {
  .split-container {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .split-container .split-block:not(:last-child) {
    border-right: none;
    border-bottom: 1px solid #cccccc;
  }
  .split-container .split-block:last-child {
    border-bottom: none;
  }
}
/* Form blocks, used in simple admin interfaces. Inline label/control groups inside a container; adds spacing when controls wrap to multiple lines. */
.inline-controls {
  /* These admin blocks often have inline `padding:0.5em` set directly in PHP.
     Use a small top padding bump to visually balance the added bottom spacing from wrapped rows. */
  padding-top: 0.8em !important;
  /* keep existing <br/> spacing but avoid huge gaps */
}
.inline-controls .inline-item {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 6px 0;
  /* right + bottom spacing for the whole label/control pair */
}
.inline-controls br {
  line-height: 0;
}
/* Generic admin flash messages (PortalModule::renderFlash) */
.flash-msg {
  border: 1px solid #777;
  /* Make flashes visually distinctive without changing PHP templates */
  /* padding-left: 0.9em;*/
  padding: 1em;
  margin: 1em 0;
}
.flash-msg::before {
  content: "ℹ";
  display: inline-block;
  margin-right: 0.6em;
  font-weight: bold;
  /* Keep icon aligned with multi-line messages */
  vertical-align: top;
}
.flash-msg--error {
  border-color: #c00;
  background-color: #DFC8C8;
}
.flash-msg--error::before {
  color: #c00;
  content: "⚠";
}
/* Voucher List Display */
.voucher-list-container {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #777;
}
.voucher-list-title {
  font-weight: bold;
  margin-bottom: 6px;
}
.voucher-row {
  margin: 3px 0;
  display: flex;
  align-items: center;
  gap: 5px;
  min-height: 22px;
  line-height: 22px;
}
/* Voucher Serial Display */
.voucher-serial-container {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 22px;
  vertical-align: middle;
}
.voucher-serial-input {
  width: 200px;
  height: 22px !important;
  font-size: 16px !important;
  font-weight: bold;
  font-family: monospace;
  border: 1px solid #aaa;
  background: url(/images/scorch/copyright.gif) #fff !important;
  padding: 0 3px;
  cursor: pointer;
  box-sizing: border-box;
  line-height: 20px;
  vertical-align: middle;
}
.voucher-serial-input:disabled {
  background: #eee;
  cursor: default;
  color: #555;
}
.voucher-copy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 22px;
  padding: 0;
  border: 1px solid #aaa;
  background: #f8f8f8;
  cursor: pointer;
  border-radius: 2px;
  font-size: 14px;
  line-height: 1;
  color: #333;
  transition: background 0.2s;
  box-sizing: border-box;
  vertical-align: middle;
}
.voucher-copy-btn:hover {
  background: #eee;
}
.voucher-copy-btn:active {
  background: #ddd;
}
.voucher-download-link {
  display: inline-flex;
  align-items: center;
  height: 22px;
  margin-left: 2px;
  vertical-align: middle;
}
.voucher-download-link img {
  vertical-align: middle;
}
.voucher-details {
  display: inline-flex;
  align-items: center;
  height: 22px;
  font-size: 0.9em;
  color: #555;
  margin-left: 2px;
  vertical-align: middle;
}
.voucher-status-label {
  display: inline-flex;
  align-items: center;
  height: 22px;
  margin-left: 10px;
  font-weight: bold;
  vertical-align: middle;
}
.voucher-status-label.status-redeemed {
  color: #28a745;
}
.voucher-status-label.status-expired {
  color: #dc3545;
}
.voucher-status-label.status-cancelled {
  color: #6c757d;
}
/*
THE CHECKOUT COVERED WHILE ITS FIGURES ARE STALE
templates/checkout.stale.tpl.php, shown by js/checkout/stale.js
*/
.page-stale {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(0, 0, 0, 0.5);
}
.page-stale[hidden] {
  display: none;
}
.page-stale-card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  max-width: 460px;
  padding: 20px 24px;
  background: white;
  border-left: 3px solid #751620;
  border-radius: 4px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}
.page-stale-card h3 {
  margin: 0 0 8px;
  font-size: 118%;
}
.page-stale-card p {
  margin: 0 0 16px;
  line-height: 1.4;
}
/*
THE B2B SECTION'S OWN LANDING PAGE
ModB2B::b2b_home_body, whose links come from ModB2B::menuLinks
*/
.b2b-menu {
  display: grid;
  gap: 8px;
  max-width: 680px;
}
.b2b-menu-item {
  display: block;
  padding: 12px 16px;
  background: #f9f9f9;
  border-left: 3px solid #ba9229;
  border-radius: 4px;
  text-decoration: none;
}
.b2b-menu-item:hover {
  background: #e1e6ed;
}
.ico32 {
  background: url(/images/icons_2011/csg-4ebaeb30d6f4c.png) no-repeat top left;
  width: 41px;
  height: 32px;
  display: inline-block;
}
/*.ico32.audio{ background-position: 0 0; }*/
.ico32.cart-thin {
  background-position: -42px 0;
}
.ico32.cart {
  background-position: -84px 0;
}
.ico32.delivery {
  background-position: -126px 0;
}
.ico32.face {
  background-position: -168px 0;
}
.ico32.fail {
  background-position: -210px 0;
}
.ico32.gate {
  background-position: -252px 0;
}
.ico32.globe-large {
  background-position: -294px 0;
}
.ico32.globe-small {
  background-position: -336px 0;
}
.ico32.in {
  background-position: -378px 0;
}
.ico32.left {
  background-position: -420px 0;
}
.ico32.mouth {
  background-position: -462px 0;
}
.ico32.new-de {
  background-position: -504px 0;
}
.ico32.new-en {
  background-position: -546px 0;
}
.ico32.new-hu {
  background-position: -588px 0;
  width: 40px;
  height: 32px;
}
.ico32.no {
  background-position: -629px 0;
}
.ico32.ok {
  background-position: -671px 0;
}
.ico32.pen {
  background-position: -713px 0;
}
.ico32.player-pause {
  background-position: -755px 0;
}
.ico32.player-play {
  background-position: -797px 0;
}
.ico32.prod-cd {
  background-position: -839px 0;
}
.ico32.prod-digi-pdf {
  background-position: -881px 0;
}
.ico32.prod-digi-scorch {
  background-position: -923px 0;
}
.ico32.prod-preview {
  background-position: -965px 0;
}
.ico32.right {
  background-position: -1007px 0;
}
.ico32.audio {
  background-position: -1049px 0;
}
.ico32.success {
  background-position: -1091px 0;
}
.ico32.zoom {
  background-position: -1133px 0;
}
.ico27 {
  background: url(/images/icons_2011/csg-4ebaebb3be68f.png) no-repeat top left;
  width: 34px;
  height: 27px;
  display: inline-block;
}
/*.ico27.audio{ background-position: 0 0;  }*/
.ico27.cart-thin {
  background-position: -35px 0;
}
.ico27.cart {
  background-position: -70px 0;
}
.ico27.delivery {
  background-position: -105px 0;
}
.ico27.face {
  background-position: -140px 0;
}
.ico27.fail {
  background-position: -175px 0;
}
.ico27.gate {
  background-position: -210px 0;
}
.ico27.globe-large {
  background-position: -245px 0;
}
.ico27.globe-small {
  background-position: -280px 0;
}
.ico27.in {
  background-position: -315px 0;
}
.ico27.left {
  background-position: -350px 0;
  width: 33px;
  height: 27px;
}
.ico27.mouth {
  background-position: -384px 0;
}
.ico27.new-de {
  background-position: -419px 0;
}
.ico27.new-en {
  background-position: -454px 0;
}
.ico27.new-hu {
  background-position: -489px 0;
}
.ico27.no {
  background-position: -524px 0;
}
.ico27.ok {
  background-position: -559px 0;
}
.ico27.pen {
  background-position: -594px 0;
}
.ico27.player-pause {
  background-position: -629px 0;
}
.ico27.player-play {
  background-position: -664px 0;
}
.ico27.prod-cd {
  background-position: -699px 0;
}
.ico27.prod-digi-pdf {
  background-position: -734px 0;
}
.ico27.prod-digi-scorch {
  background-position: -769px 0;
}
.ico27.prod-preview {
  background-position: -804px 0;
}
.ico27.right {
  background-position: -839px 0;
}
.ico27.audio {
  background-position: -874px 0;
}
.ico27.success {
  background-position: -909px 0;
}
.ico27.zoom {
  background-position: -944px 0;
}
div.datasheet div.item_thumbblock {
  text-align: center;
  width: 260px;
  min-width: 260px;
}
div.datasheet div.item_thumbblock .product-cover img {
  width: 100%;
  height: auto;
}
div.list_results div.item_thumbblock {
  margin-right: 15px;
}
img.gallery_thumb {
  vertical-align: top;
}
/* LAYOUT */
div.digital_datasheet div.item_textblock {
  width: 100%;
}
div.list_results div.list-item-container {
  position: relative;
  margin-bottom: 10px;
  display: flex;
}
div.list_results div.list-item-container .item_textblock {
  flex-grow: 1;
}
div.list_result {
  position: relative;
}
div.list_result .cart {
  width: 100%;
}
div.listview {
  display: block;
  z-index: 1;
  margin: 0;
  line-height: 125%;
}
.listview .item-details {
  line-height: 140%;
}
div.list_results h1 {
  font-size: 18px;
  line-height: 125%;
  margin: 0 0 4px 0;
}
div.list_results h2 {
  font-size: 15px;
  line-height: 125%;
  margin: 0 0 4px 0;
}
div.list_results h3 {
  font-size: 15px;
  color: #A77E05;
  line-height: 125%;
  margin: 0 0 4px 0;
}
div.list_results .alert {
  color: #0A246A;
  display: block;
  margin-bottom: 6px;
}
div.list_results div.item_contrib {
  font-weight: normal;
  margin: 0 0 4px 0;
}
/* ADATLAP */
div.cont-main div.datasheet h3.tipus {
  margin-top: 4px;
}
div.row_spacer {
  margin-bottom: 12px;
}
div.item_textblock .label {
  color: #777;
}
.icons-absolute-top-right {
  position: absolute;
  top: 0;
  right: 0;
}
div.datasheet {
  margin-bottom: 16px;
}
div.datasheet .thumb_align {
  margin-bottom: 16px;
  display: block;
}
div.datasheet div.datasheet-head {
  margin-bottom: 10px;
}
.list_results .label {
  color: #777;
}
div.datasheet h1 {
  margin: 0 0 0.5em 0;
}
div.datasheet h2 {
  font-size: 17px;
  /* Same as side box header */
  margin: 0 0 0.3em 0;
}
div.datasheet h3 {
  font-weight: normal;
  margin: 0 0 0.3em 0;
}
/* MEZŐK */
div.datasheet div.label {
  font-weight: bold;
}
div.datasheet .item_opus {
  margin-top: 4px;
}
div.item_composer, div.item_title, div.item_subtitle {
  font-weight: bold;
}
span.item_contrib {
  font-weight: bold;
}
/* ActiveSet */
a.item_selected, span.item_selected {
  font-weight: bold;
}
img.item_thumb {
  border-width: 0;
}
.list_results img.item_thumb {
  border-width: 0;
  /* max-width: 128px; +17% szél, +41% ter */
  max-width: 150px;
  max-height: none;
  height: auto;
}
/* OLDALAK */
/* GALÉRIA */
div.block_gallery {
  text-align: center;
}
div.block_gallery .gallery_body {
  background: #eddbab;
  border: 3px solid #eddbab;
  border-radius: 3px;
  overflow: hidden;
}
div.block_gallery .gallery_footer {
  background: #eddbab;
  display: inline-block;
  height: 22px;
  line-height: 21px;
  padding: 1px 4px 0 4px;
  border: 1px solid #eddbab;
  border-top: 0;
  border-radius: 0 0 6px 6px;
}
div.block_gallery .gallery_footer a {
  color: #4c4c4c;
}
div.gallery_strip {
  width: 100%;
  z-index: 2;
  background: #eddbab;
}
div.gallery_strip ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 10000px;
  z-index: 1;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
div.gallery_strip ul li {
  margin: 0;
  padding: 0;
  text-align: center;
}
div.gallery_strip ul li a {
  display: inline-block;
}
div.gallery_strip ul li img {
  border-color: #eddbab;
  width: calc(130px - 4px);
  z-index: 0;
  height: auto;
  max-height: 180px;
}
div.gallery_strip ul li.even div {
  background-position: 128px 0;
}
div.gallery_strip ul li:first-child {
  margin-right: 1px;
}
td.gallery_control {
  font-size: 16px;
  cursor: pointer;
  cursor: hand;
  /*background:#CFCDC5; */
}
/* MÉDIAELEMEK */
div .media {
  margin: 4px 0;
}
/* LEÍRÁS */
div.item_description {
  text-align: justify;
  margin-bottom: 16px;
}
/* TARTALOMJEGYZÉK */
div.contents_block {
  margin-top: 8px;
  margin-bottom: 16px;
}
div.contents_block .contents_container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
}
div.contents_block th {
  text-align: left;
}
.contents-digital .pdf-icon {
  height: 1em;
  width: auto;
  margin-left: 5px;
  vertical-align: -2px;
}
/* What the product is, stated at the end of the datasheet head */
.digital-edition-mark {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}
.digital-edition-mark .pdf-icon-large {
  height: 28px;
  width: auto;
}
.digital-edition-mark .digital-edition-explain {
  font-size: 13px;
  color: #888;
}
.digital-edition-mark-OFF {
  position: relative;
  overflow: hidden;
  width: fit-content;
  border: 1px solid #d6ba71;
  border-radius: 6px;
  padding: 4px 12px 4px 4px;
  font-weight: 500;
  background: linear-gradient(135deg, #f6edd5 0%, #f1e2bc 40%, #eddbab 100%);
  /* Inset white line reads as the lit top edge of the plate, the outer shadow lifts it. */
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 1px 2px rgba(167, 126, 5, 0.2);
  /* Flare over the top right corner. Sits above the background and below everything the row
	   holds, which is why the icon and the text block are raised out of its way. */
}
.digital-edition-mark-OFF::after {
  content: "";
  position: absolute;
  top: -70%;
  right: -8%;
  width: 60%;
  height: 220%;
  background: linear-gradient(105deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0.6) 55%, rgba(255, 255, 255, 0) 72%);
  pointer-events: none;
}
.digital-edition-mark-OFF > * {
  position: relative;
  z-index: 1;
}
div.contents_block td {
  vertical-align: top;
}
div.contents_block td.row_index {
  color: #929292;
  height: 19px;
  padding: 4px 6px 0 0;
}
div.contents_block td.row_text {
  padding: 4px 2px 0 0;
}
/* Products offered on another product's page — a set's parts, the other editions of the work:
   name on the left, the buy bar on the right, what it is written for under the name */
.product-list {
  margin-top: 8px;
  margin-bottom: 16px;
}
.product-list-title {
  margin: 16px 0 4px;
}
.product-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 0;
  border-bottom: 1px solid #eee;
  /* The datasheet renders this list beside the cart column, so the row can be narrow */
  flex-wrap: wrap;
  /* larger than the same note in the linked-products column, which is a narrow list */
  /* tighter than the standalone bar, which stands alone in a search result */
}
.product-row .product-row-name {
  flex: 1 1 200px;
}
.product-row .cart {
  flex: 0 1 auto;
}
.product-row .product-row-name a {
  font-weight: bold;
}
.product-row .product-row-note {
  margin-top: 2px;
  font-size: 14px;
  color: #888;
}
.product-row .cart--horizontal .flex-chooser {
  margin: 6px 10px;
}
div.contents_block td.row_player {
  padding-right: 6px;
}
/* OVERRIDE */
div.tableview {
  border: 0;
  padding: 0;
  margin: 0;
  /* overflow: hidden; */
  line-height: 1.6;
  margin-bottom: 16px;
}
div.tableview > div {
  font-size: 15px;
}
img.prod_icon {
  float: right;
  border: 0;
  margin-left: 4px;
}
/* MEDIA PLAYER */
.block_media {
  margin-bottom: 12px;
  line-height: 1.6;
}
.block_media table td {
  padding: 0;
  line-height: 1;
}
/*.block_media .icosheet {
	margin-left: 0px;
	margin-right: 8px;
}*/
.block_media .addthis_toolbox {
  float: right;
}
.audioplayer .tracktitle {
  margin-bottom: 4px;
}
div.datasheet div.premium-container.collapse {
  max-height: 120px;
  overflow: scroll;
  overflow-x: auto;
  border: 1px solid #ddd;
  padding: 0 1em;
}
div.datasheet div.premium-container {
  padding-left: 10px;
}
.premium-title .ico {
  vertical-align: -8px;
  margin-right: 4px;
}
.premium-title {
  font-family: inherit;
  font-weight: bold;
}
div.premium-explain {
  margin-top: 0.5em;
}
ul.premium-list {
  margin-left: 1.5em;
  list-style-image: url("images/icons/download.png");
}
ul.premium-list .name {
  font-weight: bold;
}
/* Responsive mode */
.separator_clearfix {
  display: none;
}
/* In large view, show item_thumbblock and item_textblock as columns next to each other */
@media (min-width: 1081px) {
  .datasheet {
    display: flex;
  }
  .datasheet .item_textblock {
    flex-grow: 1;
  }
  .datasheet .item_cartblock {
    max-width: 280px;
  }
}
@media (max-width: 1080px) {
  /* .item_thumbblock's width + its right margin + .item_cartblock's left margin */
  .datasheet .item_thumbblock, .datasheet .item_cartblock {
    float: left;
    box-sizing: border-box;
    /* This ensures padding and border are included in the width */
  }
  .datasheet .inside_product_container {
    display: none;
  }
  .datasheet .separator_clearfix {
    display: initial;
  }
  .datasheet .item_cartblock {
    position: relative;
    margin-left: 6px;
    width: calc(100% - 290px);
  }
  .datasheet .item_textblock {
    width: 100%;
  }
}
/* RELATED */
/* Linked products - Vertical view */
.datasheet .print-product {
  margin-bottom: 12px;
}
.datasheet .cart-product-type-title {
  font-weight: 500;
}
.datasheet .cart-linked-products {
  margin-top: 20px;
}
.datasheet .cart-linked-products:first-child {
  margin-top: 0;
}
.datasheet .cart-linked-products .cart-product-type-title {
  margin-bottom: 8px;
}
.datasheet .cart-linked-products .linked-product:not(:last-child) {
  margin-bottom: 8px;
}
.datasheet .cart-linked-products .linked-edition {
  line-height: 1.35;
}
.datasheet .cart-linked-products .linked-edition:not(:last-child) {
  margin-bottom: 4px;
}
.datasheet .cart-linked-products .linked-edition a {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
}
.datasheet .cart-linked-products .linked-edition .linked-edition-title {
  font-weight: bold;
}
.datasheet .cart-linked-products .linked-edition .linked-edition-price {
  white-space: nowrap;
  font-weight: bold;
}
.datasheet .cart-linked-products .linked-edition .linked-edition-note {
  margin-top: 2px;
  font-size: 13px;
  color: #888;
}
.datasheet .cart-linked-products .linked-edition--digital a {
  display: block;
}
.datasheet .cart-linked-products .linked-edition--digital .linked-edition-title {
  font-weight: normal;
}
.datasheet .cart-linked-products .linked-edition--digital .related-dkitem-price {
  margin: 4px 0;
}
.datasheet .cart-linked-products .linked-edition--digital .related-dkitem-type {
  font-weight: normal;
  margin-top: 4px;
  margin-bottom: 24px;
}
.datasheet .cart-linked-products .linked-edition--digital .related-dkitem-type .pdf-icon {
  float: left;
  height: 20px;
  width: auto;
  margin: 4px 0 0;
}
.datasheet .related-dkitem-type, .datasheet .related-dkitem-price {
  margin-bottom: 8px;
}
.datasheet .related-dkitem-type {
  font-size: 14px;
  color: #888;
}
/* Linked products - Horizontal view */
.list_results .cart-linked-products {
  line-height: 24px;
  border-top: 1px solid #ddd;
  margin-top: 8px;
  padding-top: 10px;
}
.list_results .related-dkitem-info {
  flex-grow: 1;
}
.list_results .cart-product-type-title, .list_results .linked-product {
  display: inline-block;
}
.list_results .linked-edition {
  display: block;
}
.list_results .linked-edition a {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
}
.list_results .linked-edition .linked-edition-title {
  font-weight: bold;
}
.list_results .linked-edition .linked-edition-price {
  white-space: nowrap;
  font-weight: bold;
}
.list_results .linked-edition .linked-edition-note {
  margin-top: 2px;
  font-size: 13px;
  color: #888;
}
.list_results .linked-product > .button-style, .list_results .datasheet .cart-linked-products .linked-edition--digital .linked-product > .related-dkitem-type, .datasheet .cart-linked-products .linked-edition--digital .list_results .linked-product > .related-dkitem-type {
  min-width: 82px;
  width: auto;
  display: inline-block;
}
.list_results .related-item {
  width: 100%;
}
.translation_upload {
  text-align: left;
  padding: 0 10px;
}
.translation_upload form {
  margin: 10px 0;
}
table.translations {
  border: 1px solid gray;
  border-collapse: collapse;
  background-color: rgb(255, 255, 245);
}
table.translations th {
  border: 1px solid gray;
  text-align: left;
}
table.translations td {
  font-size: 13px;
  border: 1px solid gray;
}
table.translations td div {
  padding: 2px 6px;
}
table.translations tr.boldcell td {
  padding-top: 4px;
}
table.translations tr[class^=state] td {
  padding-bottom: 4px;
}
table.translations tr.state_0 td {
  background-color: #EDF2E4;
}
/* A missing translation takes the table's own colour: only what is filled is marked. */
table.translations tr.state_300 td {
  background-color: inherit;
}
table.translations tr.state_100 td {
  background-color: #D1D9E1;
  padding: 4px 6px;
}
table.translations tr.state_500 td {
  background-color: #C03800;
}
table.translations tr.state_isorig td {
  background-color: inherit;
}
table.translations span.empty {
  opacity: 0.7;
}
/* The admin layout hides its own overflow, so the table scrolls in an area of its own and the
   header sticks to the top of that. */
.missing-scroll {
  max-height: 74vh;
  overflow: auto;
  border: 1px solid gray;
}
/* The missing-translations screen: one row per string, one column per language. */
table.translations.missing {
  width: 100%;
  table-layout: fixed;
  font-size: 13px;
  /* Separate borders, because a sticky th does not hold its place in a collapsed table. */
  border-collapse: separate;
  border-spacing: 0;
}
table.translations.missing th, table.translations.missing td {
  border: 0;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
}
table.translations.missing th {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #D1D9E1;
  padding: 3px 6px;
  border-top: 1px solid gray;
}
table.translations.missing td {
  vertical-align: top;
  word-wrap: break-word;
  padding: 2px 4px;
}
/* An empty translation has no text to click, so the cell itself is the target. */
table.translations.missing td div.lstr {
  min-height: 1.4em;
  padding: 2px 4px;
  cursor: pointer;
}
table.translations.missing td.state_300 div.lstr:hover {
  background-color: #F0F0E2;
}
table.translations.missing td.state_0 div.lstr:hover {
  background-color: #DFE9D3;
}
table.translations.missing td.state_0 {
  background-color: #EDF2E4;
}
table.translations.missing td.state_300 {
  background-color: inherit;
}
/* The class heading, spanning the table, as the one-language screen draws it. */
table.translations.missing tr.state_100 td {
  background-color: #D1D9E1;
  padding: 5px 6px;
  border-top: 1px solid gray;
}
/* A fixed layout takes its columns from the first row, so the widths sit on the headings. */
table.translations.missing th.missing-count {
  width: 4%;
}
table.translations.missing th.key {
  width: 16em;
}
table.translations.missing th.source {
  width: 18em;
}
table.translations.missing td.missing-count {
  text-align: center;
  font-weight: bold;
  background-color: #F2F2E4;
}
table.translations.missing td.key {
  background-color: #F2F2E4;
}
table.translations.missing td.source {
  background-color: #F2F2E4;
  font-weight: bold;
}
table.translations.missing td.key .domain {
  color: #777;
  display: block;
}
table.translations.missing td.key .hint, table.translations.missing .toolbox .hint {
  font-size: 11px;
  color: #666;
}
.toolbox a {
  margin-right: 8px;
}
.toolbox a.chosen {
  font-weight: bold;
  text-decoration: none;
}
/* The language switches sit on their own line, each one a tick that drops its column. */
.toolbox .languages {
  margin-top: 6px;
}
.toolbox a.tick {
  display: inline-block;
  min-width: 2.6em;
  margin-right: 4px;
  padding: 1px 6px;
  border: 1px solid #aaa;
  border-radius: 3px;
  background: #EEE;
  color: #777;
  text-align: center;
  text-decoration: none;
}
.toolbox a.tick.chosen {
  background: #D6E1D1;
  border-color: #6a8a5e;
  color: #222;
}
.toolbox a.tick .filled {
  font-size: 10px;
  color: #777;
}
.toolbox a.tick.chosen .filled {
  color: #4a6a3e;
}
/* Where a string is used, in a panel over the page. */
a.usage {
  cursor: pointer;
  text-decoration: underline dotted;
}
.unused {
  font-size: 10px;
  color: #A03000;
  background: #FBEDE8;
  border: 1px solid #E3C4B8;
  padding: 0 3px;
  white-space: nowrap;
  cursor: help;
}
.usage-panel {
  position: fixed;
  z-index: 99999;
  width: 780px;
  max-width: 96vw;
  max-height: 60vh;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #444;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.35);
  font-size: 12px;
}
.usage-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 4px 8px;
  background: #333;
  color: #fff;
  font-weight: bold;
}
.usage-close {
  color: #fff;
  text-decoration: underline;
  cursor: pointer;
  font-weight: normal;
}
.usage-body {
  overflow: auto;
  padding: 6px 8px;
}
.usage-file {
  color: #555;
  font-weight: bold;
  margin-top: 6px;
}
/* The calls that carry a string to a page, one line each, in the order they run. */
.usage-path {
  margin: 2px 0 3px 8px;
  font: 11px/1.5 Consolas, monospace;
  color: #333;
}
.usage-path b {
  color: #2E7D32;
}
.usage-path div {
  padding-left: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.usage-path i {
  color: #888;
  font-style: normal;
}
.usage-page {
  margin-left: 10px;
  font-weight: normal;
  color: #2E7D32;
}
.usage-page i {
  color: #888;
}
.usage-body pre {
  margin: 1px 0 4px;
  padding: 3px 5px;
  background: #F7F7F2;
  border: 1px solid #E2E2D8;
  overflow-x: auto;
  white-space: pre;
  font: 11px/1.5 Consolas, monospace;
}
.usage-line {
  background: #FFF3B0;
  display: inline-block;
  min-width: 100%;
}
.usage-gap {
  color: #999;
}
.usage-none {
  color: #777;
  font-style: italic;
}
/* jEditable makes Ok and Cancel <button>s and the delete control is an <input>: size them alike. */
table.translations form button, table.translations form input.delbutton {
  font: 12px Tahoma, sans-serif;
  padding: 1px 10px;
  margin: 2px 4px 0 0;
  box-sizing: border-box;
  height: 22px;
  cursor: pointer;
}
table.translations form input.delbutton {
  float: none;
  color: #C03800;
}
.text-negative {
  color: white;
}
.color-primary {
  color: #A77E05;
}
.color-primarya, .color-primarya:link, .color-primarya:visited, .color-primarya.plain, .color-primary a, .color-primary a:link, .color-primary a:visited, .color-primary a.plain {
  color: #A77E05;
  text-decoration: none;
}
.color-primarya:hover, .color-primarya:focus, .color-primarya:link:hover, .color-primarya:visited:hover, .color-primarya.plain:hover, .color-primary a:hover, .color-primary a:focus, .color-primary a:link:hover, .color-primary a:visited:hover, .color-primary a.plain:hover {
  color: #A77E05;
  text-decoration: underline;
}
.color-primary-lighter {
  color: #ba9229;
}
.color-primary-very-light {
  color: #eddbab;
}
.color-primary-darker {
  color: #A77E05;
}
.color-primary-bg {
  background-color: #A77E05;
  color: white;
}
.color-primary-bg-lighter {
  background-color: #ba9229;
  color: white;
}
.color-primary-bg-very-light {
  background-color: #eddbab;
}
.color-primary-bg-darker {
  background-color: #A77E05;
  color: white;
}
.color-secondary {
  color: #364C79;
}
.color-secondarya, .color-secondarya:link, .color-secondarya:visited, .color-secondarya.plain, .color-secondary a, .color-secondary a:link, .color-secondary a:visited, .color-secondary a.plain {
  color: #364C79;
  text-decoration: none;
}
.color-secondarya:hover, .color-secondarya:focus, .color-secondarya:link:hover, .color-secondarya:visited:hover, .color-secondarya.plain:hover, .color-secondary a:hover, .color-secondary a:focus, .color-secondary a:link:hover, .color-secondary a:visited:hover, .color-secondary a.plain:hover {
  color: #364C79;
  text-decoration: underline;
}
.color-secondary-lighter {
  color: #6D7EAA;
}
.color-secondary-very-light {
  color: #e1e6ed;
}
.color-secondary-darker {
  color: #1C325A;
}
.color-secondary-bg {
  background-color: #364C79;
  color: white;
}
.color-secondary-bg-lighter {
  background-color: #6D7EAA;
  color: white;
}
.color-secondary-bg-very-light {
  background-color: #e1e6ed;
}
.color-secondary-bg-darker {
  background-color: #1C325A;
  color: white;
}
.color-border {
  border-color: #e1e6ed;
}
.color-border-alert {
  border-color: #ba9229;
}
.color-decor-1 {
  color: #2c5834;
}
.color-decor-1-bg {
  background-color: #2c5834;
  color: white;
}
.color-decor-2 {
  color: #6b7c32;
}
.color-decor-2-bg {
  background-color: #6b7c32;
  color: white;
}
.color-decor-3 {
  color: #8b4863;
}
.color-decor-3-bg {
  background-color: #8b4863;
  color: white;
}
.color-decor-4 {
  color: #c84c2b;
}
.color-decor-4-bg {
  background-color: #c84c2b;
  color: white;
}
.color-secondary-bg a, .color-secondary-bg a:link, .color-secondary-bg a:visited, .color-secondary-bg a.plain, .color-secondary-bg-lighter a, .color-secondary-bg-lighter a:link, .color-secondary-bg-lighter a:visited, .color-secondary-bg-lighter a.plain, .color-secondary-bg-darker a, .color-secondary-bg-darker a:link, .color-secondary-bg-darker a:visited, .color-secondary-bg-darker a.plain, .color-primary-bg a, .color-primary-bg a:link, .color-primary-bg a:visited, .color-primary-bg a.plain, .color-primary-bg-lighter a, .color-primary-bg-lighter a:link, .color-primary-bg-lighter a:visited, .color-primary-bg-lighter a.plain, .color-primary-bg-darker a, .color-primary-bg-darker a:link, .color-primary-bg-darker a:visited, .color-primary-bg-darker a.plain, .color-decor-1-bg a, .color-decor-1-bg a:link, .color-decor-1-bg a:visited, .color-decor-1-bg a.plain, .color-decor-2-bg a, .color-decor-2-bg a:link, .color-decor-2-bg a:visited, .color-decor-2-bg a.plain, .color-decor-3-bg a, .color-decor-3-bg a:link, .color-decor-3-bg a:visited, .color-decor-3-bg a.plain, .color-decor-4-bg a, .color-decor-4-bg a:link, .color-decor-4-bg a:visited, .color-decor-4-bg a.plain {
  color: white;
  text-decoration: none;
}
.color-secondary-bg a:hover, .color-secondary-bg a:focus, .color-secondary-bg a:link:hover, .color-secondary-bg a:visited:hover, .color-secondary-bg a.plain:hover, .color-secondary-bg-lighter a:hover, .color-secondary-bg-lighter a:focus, .color-secondary-bg-lighter a:link:hover, .color-secondary-bg-lighter a:visited:hover, .color-secondary-bg-lighter a.plain:hover, .color-secondary-bg-darker a:hover, .color-secondary-bg-darker a:focus, .color-secondary-bg-darker a:link:hover, .color-secondary-bg-darker a:visited:hover, .color-secondary-bg-darker a.plain:hover, .color-primary-bg a:hover, .color-primary-bg a:focus, .color-primary-bg a:link:hover, .color-primary-bg a:visited:hover, .color-primary-bg a.plain:hover, .color-primary-bg-lighter a:hover, .color-primary-bg-lighter a:focus, .color-primary-bg-lighter a:link:hover, .color-primary-bg-lighter a:visited:hover, .color-primary-bg-lighter a.plain:hover, .color-primary-bg-darker a:hover, .color-primary-bg-darker a:focus, .color-primary-bg-darker a:link:hover, .color-primary-bg-darker a:visited:hover, .color-primary-bg-darker a.plain:hover, .color-decor-1-bg a:hover, .color-decor-1-bg a:focus, .color-decor-1-bg a:link:hover, .color-decor-1-bg a:visited:hover, .color-decor-1-bg a.plain:hover, .color-decor-2-bg a:hover, .color-decor-2-bg a:focus, .color-decor-2-bg a:link:hover, .color-decor-2-bg a:visited:hover, .color-decor-2-bg a.plain:hover, .color-decor-3-bg a:hover, .color-decor-3-bg a:focus, .color-decor-3-bg a:link:hover, .color-decor-3-bg a:visited:hover, .color-decor-3-bg a.plain:hover, .color-decor-4-bg a:hover, .color-decor-4-bg a:focus, .color-decor-4-bg a:link:hover, .color-decor-4-bg a:visited:hover, .color-decor-4-bg a.plain:hover {
  color: white;
  text-decoration: underline;
}
.arch-container {
  display: flex;
  width: 100%;
  overflow: hidden;
}
.arch-container div.box {
  margin-bottom: 0;
}
.arch-container > .content {
  box-sizing: border-box;
  z-index: 2;
  height: 100%;
  padding: 0.5em;
  padding-right: 65px;
  margin-right: -65px;
  background-image: url("/images/box_bg_emb.png");
  background-repeat: repeat;
  background-size: 100% 100%;
  color: white;
  white-space: nowrap;
  /* Center content */
  display: flex;
  justify-content: center;
}
.arch-container > .content a, .arch-container > .content label {
  color: white;
}
.arch-container > .content form#search h1, .arch-container > .content form#search h2, .arch-container > .content form#search h3, .arch-container > .content h1, .arch-container > .content h2, .arch-container > .content h3 {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.arch-container > .content form#search {
  padding-bottom: 0;
}
@media (max-width: 1420px) {
  .arch-container > .content {
    display: none;
  }
}
.arch-container > .banner {
  flex: 1 1;
  /* Taking the remaining space of the container */
  height: 100%;
  width: 100%;
  /* Center content */
  display: flex;
  justify-content: right;
  align-items: end;
}
.arch-container > .banner > div {
  width: 100%;
}
.arch-container > .banner img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.search-results-page-grid {
  gap: 50px;
}
.search-bar-form {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  /*background-color: $search-bar-bg-color;*/
}
.search-bar {
  max-width: 1000px;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 300;
  padding: 2.8mm;
  /*color: $search-bar-text-color;*/
  /*border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: $search-bar-border-color;
   */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 2.8mm;
}
.search-bar h3 {
  margin: 0;
  font-size: 16px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 500;
}
.search-bar label {
  color: white;
  font-size: 15.3px;
}
.search-bar input[type="checkbox"] {
  outline: 1px solid white;
}
.search-bar .search-block, .search-bar .browse-block {
  display: flex;
  align-items: center;
  gap: 2.8mm;
}
.search-bar .browse-block {
  width: 100%;
}
.search-bar .browse-block {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-bar .browse-block a {
  padding: 0 1.4mm;
}
.search-bar .browse-block a:first-child {
  padding-left: 0;
}
.search-bar .browse-block a:last-child {
  padding-right: 0;
}
.search-bar .search-block {
  width: 100%;
  flex-grow: 1;
}
.search-bar .search-block > a {
  flex: 0 1 auto;
}
.search-bar .search-block .search-input-group {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  overflow: hidden;
  /*&::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: $input-border-width solid #ccc;
        border-radius: $input-border-radius;
        z-index: 1;
      }*/
}
.search-bar .search-block .search-input-group .loader {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -22px;
}
.search-bar .search-block label {
  color: white;
}
.search-bar .search-block input:not([type="radio"]):not([type="checkbox"]) {
  font-size: 16px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  height: 32px;
  padding: 1.4mm 2.8mm;
}
.search-bar .search-block input[type="text"] {
  flex: 1 1 auto;
  overflow: hidden;
  font-size: 15px;
  background-color: white;
  color: #333;
  outline: none;
  min-width: 8em;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  border-color: #e1e6ed;
  border-radius: 4px 0 0 4px;
}
.search-bar .search-block input[type="submit"], .search-bar .search-block button[type="submit"] {
  border-style: solid;
  border-color: #e1e6ed;
  border-width: 1px 1px 1px 0;
  border-radius: 0 4px 4px 0;
  margin-left: -1px;
  background-color: #364C79;
  background: #364C79 linear-gradient(to bottom, #6D7EAA 0%, #364C79 23%, #1C325A 82%);
  color: white;
  cursor: pointer;
  transition: background-color 0.3s;
}
.search-bar a {
  text-decoration: none;
  color: white;
  /*transition: color 0.3s;*/
}
.search-bar a:hover {
  color: white;
}
/* Advanced search */
.flex-chooser {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.flex-chooser.no-margin {
  margin: 0 !important;
}
.flex-chooser.flex-align-left {
  justify-content: flex-start;
}
.flex-chooser .button-item {
  padding: 6px 15px;
  border: 1px solid #ccc;
  height: auto;
}
.flex-chooser .button-item:hover {
  background: #364C79;
  color: white;
  text-decoration: none;
  border-color: #aaa;
}
.flex-chooser .button-sm {
  padding: 3px 12px;
  border: 1px solid #ccc;
}
.flex-chooser .button-lg {
  padding: 7px 7px;
  border: 1px solid #ccc;
  font-size: 1.8em;
  min-width: 34px;
  text-align: center;
}
/* Pro search */
.input-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  /* Distances */
  gap: 10px;
  padding-bottom: 6px;
  /* Items at text row top */
  align-items: baseline;
  justify-content: space-between;
}
/* Stretch the 1st column */
.input-item > *:nth-child(1) {
  flex-grow: 1;
}
/* Stretch the 2nd column */
.filter-item > *:nth-child(2) {
  flex-grow: 1;
}
.seachpro-filters {
  gap: 10px;
  flex-grow: unset;
}
.is-posted .seachpro-filters {
  max-width: 380px;
}
@media (max-width: 985px) {
  .is-posted .seachpro-filters {
    max-width: calc(50% + 150px);
  }
}
.seachpro-checkbox {
  margin-right: 8px;
}
/* BoxComposer styles */
/* HACK: Extra large margin for the boxes on the page */
.page-composers .content .box {
  margin-bottom: 30px;
}
/* HACK: Extra large top margin for .small-collection ad view on the page */
.page-composers .small-collection.item-cards {
  margin-top: 60px;
}
/** Alphabetical list **/
.alpha-list {
  column-count: 4;
  column-gap: 2rem;
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 1200px) {
  .alpha-list {
    column-count: 3;
  }
}
@media (max-width: 900px) {
  .alpha-list {
    column-count: 2;
  }
}
@media (max-width: 600px) {
  .alpha-list {
    column-count: 1;
  }
}
.alpha-list-3col {
  column-count: 3;
}
@media (max-width: 1200px) {
  .alpha-list-3col {
    column-count: 2;
  }
}
@media (max-width: 600px) {
  .alpha-list-3col {
    column-count: 1;
  }
}
.alpha-list-2col {
  column-count: 2;
}
@media (max-width: 600px) {
  .alpha-list-2col {
    column-count: 1;
  }
}
.alpha-group {
  break-inside: avoid-column;
  page-break-inside: avoid;
  margin-bottom: 1.5rem;
}
.alpha-letter {
  font-size: 1.8em;
  margin-bottom: 6px;
  text-transform: capitalize;
}
.alpha-items {
  display: flex;
  flex-direction: column;
  gap: 0.32rem;
}
.alpha-item {
  line-height: 1.4;
}
div.dropdown {
  position: absolute;
  z-index: 10001;
  top: 100%;
  left: 0;
  display: none;
}
.main-nav {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap-reverse;
  justify-content: flex-end;
  min-height: 60px;
  align-items: stretch;
}
.main-nav .menu-common, .main-nav .general-menu, .main-nav .main-menu, .main-nav .user-menu {
  position: relative;
  /* For user and cart */
  display: flex;
  align-items: center;
  justify-content: right;
}
.main-nav .menu-common > .menu-item, .main-nav .general-menu > .menu-item, .main-nav .main-menu > .menu-item, .main-nav .user-menu > .menu-item {
  height: 100%;
  position: relative;
  /* For submenus */
  text-transform: uppercase;
  min-height: 2.9rem;
}
.main-nav .menu-common > .menu-item:first-child, .main-nav .general-menu > .menu-item:first-child, .main-nav .main-menu > .menu-item:first-child, .main-nav .user-menu > .menu-item:first-child {
  border-left: none;
}
.main-nav .menu-common > .menu-item:last-child div.dropdown, .main-nav .general-menu > .menu-item:last-child div.dropdown, .main-nav .main-menu > .menu-item:last-child div.dropdown, .main-nav .user-menu > .menu-item:last-child div.dropdown {
  left: inherit;
  right: 0;
}
.main-nav .menu-common > .menu-item > a, .main-nav .general-menu > .menu-item > a, .main-nav .main-menu > .menu-item > a, .main-nav .user-menu > .menu-item > a, .main-nav .menu-common > .menu-item > div#flag_frame, .main-nav .general-menu > .menu-item > div#flag_frame, .main-nav .main-menu > .menu-item > div#flag_frame, .main-nav .user-menu > .menu-item > div#flag_frame {
  min-height: 2.9rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* box-sizing: border-box; // Render issues. Instead of this, zero vert margins */
  padding: 0 1rem;
  text-align: center;
  /*text-decoration: none;*/
}
.main-nav .menu-common > .menu-item > a.open, .main-nav .general-menu > .menu-item > a.open, .main-nav .main-menu > .menu-item > a.open, .main-nav .user-menu > .menu-item > a.open, .main-nav .menu-common > .menu-item > div#flag_frame.open, .main-nav .general-menu > .menu-item > div#flag_frame.open, .main-nav .main-menu > .menu-item > div#flag_frame.open, .main-nav .user-menu > .menu-item > div#flag_frame.open {
  background-color: rgba(0, 0, 0, 0.25);
}
.main-nav .menu-common > .menu-item > a:hover, .main-nav .general-menu > .menu-item > a:hover, .main-nav .main-menu > .menu-item > a:hover, .main-nav .user-menu > .menu-item > a:hover, .main-nav .menu-common > .menu-item > div#flag_frame:hover, .main-nav .general-menu > .menu-item > div#flag_frame:hover, .main-nav .main-menu > .menu-item > div#flag_frame:hover, .main-nav .user-menu > .menu-item > div#flag_frame:hover {
  text-decoration: none;
}
.main-nav .menu-common > .menu-item > a:hover .menu-caption, .main-nav .general-menu > .menu-item > a:hover .menu-caption, .main-nav .main-menu > .menu-item > a:hover .menu-caption, .main-nav .user-menu > .menu-item > a:hover .menu-caption, .main-nav .menu-common > .menu-item > div#flag_frame:hover .menu-caption, .main-nav .general-menu > .menu-item > div#flag_frame:hover .menu-caption, .main-nav .main-menu > .menu-item > div#flag_frame:hover .menu-caption, .main-nav .user-menu > .menu-item > div#flag_frame:hover .menu-caption {
  text-decoration: underline;
}
.main-nav .menu-common > .menu-item > a img, .main-nav .general-menu > .menu-item > a img, .main-nav .main-menu > .menu-item > a img, .main-nav .user-menu > .menu-item > a img, .main-nav .menu-common > .menu-item > div#flag_frame img, .main-nav .general-menu > .menu-item > div#flag_frame img, .main-nav .main-menu > .menu-item > div#flag_frame img, .main-nav .user-menu > .menu-item > div#flag_frame img {
  padding-right: 0.5rem;
  text-decoration: none;
}
.main-nav .general-menu {
  width: 100%;
  flex-wrap: wrap;
}
.main-nav .general-menu.justify-left {
  justify-content: left;
}
.main-nav .general-menu.justify-center {
  justify-content: center;
}
.main-nav .general-menu.justify-right {
  justify-content: right;
}
.main-nav .general-menu.justify-space-between {
  justify-content: space-between;
}
.main-nav .general-menu.justify-space-between > .menu-item > a {
  padding: 0 0.5rem;
}
.main-nav .general-menu.justify-space-around {
  justify-content: space-around;
}
.main-nav .general-menu.justify-space-around > .menu-item > a {
  padding: 0 0.5rem;
}
.main-nav .general-menu.justify-space-evenly {
  justify-content: space-evenly;
}
.main-nav .general-menu.justify-space-evenly > .menu-item > a {
  padding: 0 0.5rem;
}
.main-nav .main-menu {
  color: #364C79;
  flex-grow: 1;
}
.main-nav .main-menu > .menu-item > a {
  color: #364C79;
  display: flex;
  flex: 1;
}
.main-nav .main-menu > .menu-item > a:first-child {
  border-left: none;
}
.main-nav .user-menu {
  background-color: #ba9229;
  background: #ba9229 linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.15) 80%, rgba(0, 0, 0, 0.05) 100%);
  color: white;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.main-nav .user-menu > .menu-item > a, .main-nav .user-menu > .menu-item > div#flag_frame {
  color: white;
  white-space: nowrap;
  padding: 0 0.5rem;
}
.main-nav .user-menu > .menu-item #flag > a {
  color: white;
}
.main-nav .user-menu > .menu-item #flag > a > i {
  font-size: 21px;
  vertical-align: -2px;
}
.main-nav .user-menu i.bx {
  font-size: 22px;
  margin-top: -3px;
}
.main-nav .main-logo {
  padding: 6px 10px 6px 20px;
  flex-grow: 1;
  /*white-space: nowrap;*/
  display: flex;
  align-items: center;
}
.main-nav-attachment {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
/* Submenu */
.submenu-container {
  min-width: 10em;
  font-size: 16px;
  background-color: #e1e6ed;
  color: #364C79;
  text-transform: none;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 2.8mm 0;
  border-width: 0 1px 1px 1px;
  border-color: #364C79;
  border-style: solid;
}
.submenu-container a, .submenu-container a:hover {
  text-decoration: none;
}
.submenu-container a, .submenu-container a:link, .submenu-container a:visited {
  color: #364C79;
}
.submenu-container a:hover {
  color: white;
}
.submenu-item {
  flex-grow: 1;
  white-space: nowrap;
}
.submenu-item > a {
  padding: 2.8mm 5.6mm;
  /* This adds space around the edge of the elements */
  display: block;
}
.submenu-item:hover {
  background-color: #364C79;
  color: white;
}
.color-primary-bg .submenu-container {
  background-color: #A77E05;
  color: white;
  border-color: white;
}
.color-primary-bg .submenu-container a, .color-primary-bg .submenu-container a:link, .color-primary-bg .submenu-container a:visited {
  color: white;
  text-decoration: none;
}
.color-primary-bg .submenu-container a:hover {
  color: #333;
  background-color: white;
}
/* Cart summary - Same color as submenu */
#cart_summary {
  background-color: #e1e6ed;
  color: #364C79;
}
#cart_summary a {
  color: #364C79;
}
#cart_summary a:hover {
  text-decoration: underline;
}
/* Footer */
.footer-menu {
  margin-bottom: 24px;
  display: flex;
  justify-content: center;
  gap: 24px;
}
.footer-menu .footer-column {
  flex: 1 1 100%;
}
.footer-menu h1, .footer-menu h2 {
  font-size: 15px;
  font-weight: normal;
}
.footer-menu h1 {
  padding: 0 0 8px 0;
  border-bottom: 1px dotted #888;
  margin: 0 0 8px 0;
  font-weight: 600;
  text-transform: uppercase;
}
.footer-menu h2 {
  padding: 0 0 8px 0;
  margin: 0 0 0 0;
}
#submenu div.item {
  border: 0 solid #263656;
  font-weight: normal;
  position: relative;
}
#submenu div.item a {
  color: #666;
  display: block;
  line-height: 22px;
  padding: 3px 0 3px 32px;
}
#submenu div.item a:before {
  position: absolute;
  left: 12px;
  content: "●";
  color: #777;
}
#submenu div.item a:hover, #submenu div.item a.active {
  color: #333;
  background: rgba(0, 0, 0, 0.09);
}
#submenu div.item a:hover:before, #submenu div.item a.active:before {
  color: #8e090c;
}
#submenu div.item.first a {
  color: white;
}
#submenu div.item.first a:before {
  display: none;
}
#submenu div.item.first a:hover, #submenu div.item.first a.active {
  background: inherit;
}
#submenu div.item.first a:hover:before, #submenu div.item.first a.active:before {
  display: inline;
  color: white;
}
/* Medium screens */
@media (max-width: 1420px) and (min-width: 801px) {
  .main-nav .main-menu > .menu-item > a {
    padding: 0 1rem;
  }
}
/* Small screens */
@media (max-width: 800px) {
  .main-nav .main-menu > .menu-item > a {
    padding: 0 0.5rem;
  }
}
.bx-prefix {
  margin-right: 0.4em;
}
.bx-postfix {
  margin-left: 0.4em;
}
.bx-icon-button {
  margin: 0 0.6em;
}
.bx-icon-button, .bx-reset-size {
  font-size: initial;
  line-height: initial;
}
.user-data-form-control, .user-data-form-control-fixed {
  min-width: 240px;
  margin: 4px 0;
}
.user-data-form-control-fixed {
  max-width: 240px;
}
.scroll-x {
  overflow-x: auto;
  overflow-y: visible;
}
.full-width, .datasheet .right-float.full-width {
  width: 100%;
}
.header div.box, .main-nav-attachment div.box {
  margin: 0;
}
div.box.box-type-boxmenu {
  margin: 0;
}
div.box .list_results div.box {
  width: 100%;
}
div#belowtop {
  position: relative;
  width: 100%;
}
table, table td, table th {
  border-collapse: collapse;
}
/* Old bxSlider styles */
/*
#image_rotate {
  overflow: hidden;
}
#image_rotate li, #image_rotate ul {
  margin:0;
  padding:0;
}
#image_rotate a {
  display: block;
  font-size: 0;
}

div.bx-wrapper div.bx-window {
  z-index: 0;
}
div.bx-wrapper a.bx-prev,
div.bx-wrapper a.bx-next {
  background: url("/images/gallery_controls.png") no-repeat top left;
  width: 39px; height: 39px;
  display: block;
  position: absolute;
  z-index: 10;
  color: transparent;

  outline: none;

  opacity: 0.5;
}
div.bx-wrapper a.bx-prev:hover,
div.bx-wrapper a.bx-next:hover {
  opacity: 1;
}
div.bx-wrapper a.bx-prev {
  top: 182px;
  left: 74px;
}
div.bx-wrapper a.bx-next {
  top: 182px;
  right: 16px;
  background-position: -80px 0;
}

// HACK: Force auto sizes
div.bx-window {
  width: auto !important;
  height: auto !important;
}
div.bx-window, div.bx-window ul, div.bx-window li, div.bx-window img,
#image_rotate, #image_rotate ul, #image_rotate li, #image_rotate img  {
  width: auto !important;
  // height: auto !important;
}
*/
/* New Fancybox styles */
body .fancybox-toolbar {
  top: auto;
  bottom: 0;
}
.flexbox-2d {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
}
.flexbox-2d > .flexbox-2d-column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  flex: 1 1 100%;
}
.flexbox-2d > .flexbox-2d-column > .flexbox-2d-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  flex: 1 1 100%;
}
.flexbox-2d-text-left {
  text-align: left;
  flex-grow: 1;
}
.flexbox-2d-text-right {
  text-align: right;
  flex-grow: 1;
}
.flexbox-2d-top {
  align-content: flex-start;
}
.flexbox-2d-bottom {
  align-content: flex-end;
}
.flexbox-2d-center {
  justify-content: center;
  align-content: center;
}
@media (max-width: 800px) {
  .flexbox-2d {
    align-content: center;
  }
  .flexbox-2d > .flexbox-2d-column {
    align-content: center;
  }
  .flexbox-2d > .flexbox-2d-column > .flexbox-2d-row {
    align-content: center;
  }
}
.form-control option {
  width: 100%;
}
.image_rotate {
  display: none;
}
.slider-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  /*
  // V1: Black square design, deprecated
  $slider-button-color: rgba(255, 255, 255, 0.6);
  $slider-button-padding: 5px 10px;
  $slider-button-font-size: 20px;
  $slider-button-bottom: 10px;
  $slider-button-corner-distance: 10px;


  .slider-buttons {
    pointer-events: none;
    position: absolute;
    // position: relative;
    width: $slider-container-width;
    // V1 NO Align to bottom: bottom: $slider-button-bottom;
    // V2 use vertically centered
    top: 50%;
    transform: translateY(-50%);

    display: flex;
    justify-content: space-between;
    z-index: 2;
    opacity: 0.2;

    button {
      pointer-events: all;
      background-color: $slider-button-bg;
      color: $slider-button-color;
      border: none;
      padding: $slider-button-padding;
      margin: $slider-button-corner-distance;
      cursor: pointer;
      font-size: $slider-button-font-size;
      border-radius: $slider-button-roundness;


      &:hover {
        background-color: $slider-button-hover-bg;
      }
    }
  }
   */
}
.slider-container ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.slider-container .image-rotate {
  display: flex;
  overflow: hidden;
}
.slider-container .image-rotate li.clone {
  position: static;
  visibility: hidden;
  pointer-events: none;
}
.slider-container .image-rotate li {
  margin: 0;
  padding: 0;
  flex: 0 0 100%;
  opacity: 0;
}
.slider-container .image-rotate li:first-child {
  opacity: 1;
}
.slider-container .image-rotate li.active {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.slider-container .image-rotate li:not(.active) {
  top: 0;
  left: 0;
}
.slider-container .image-rotate li img {
  width: 100%;
  max-width: 100%;
  display: block;
}
.slider-container:hover .slider-buttons {
  opacity: 1;
}
.slider-container .slider-buttons {
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  width: 100%;
  z-index: 2;
  opacity: 0.35;
  transition: opacity 0.3s ease;
}
.slider-container .slider-buttons button {
  pointer-events: all;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: all 0.3s ease;
  margin: 10px;
  font-size: 20px;
}
.slider-container .slider-buttons button:hover {
  background: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  transform: scale(1.15);
  opacity: 1;
}
.slider-container .slider-buttons button span {
  font-size: 20px;
  line-height: 1;
}
.tabs-container {
  border-radius: 4px 4px 0 0;
  overflow: hidden;
  /* To make sure child elements don't spill out */
}
.tabs-container .tabs {
  display: flex;
  flex-wrap: wrap;
  /* This allows the list items to wrap to the next line */
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ddd;
  margin-top: -6px;
  /* To hide the top border of the box below */
}
.tabs-container .tabs li {
  margin: 8px 0 0 0;
  padding: 0;
}
.tabs-container .tabs li a {
  border: 1px solid #ddd;
  border-radius: 4px 4px 0 0;
  border-bottom: 0 none;
  /* To remove the bottom border from individual tabs */
  display: block;
  margin-right: 8px;
  padding: 1px 12px;
  line-height: 37px;
  text-decoration: none;
  /* Remove default underline from links */
  font-weight: 500;
  font-size: 16px;
  color: #A77E05;
  /* Set default color for links */
  background-color: #f4f4f4;
}
.tabs-container .tabs li:not(.current) a:hover {
  background-color: #dbdbdb;
  border-bottom-width: 1px;
  /* To remove the bottom border from individual tabs */
}
.tabs-container .tabs li.current a {
  border-bottom-width: 0;
  /* To remove the bottom border from individual tabs */
  color: #333;
  background-color: white;
  position: relative;
  z-index: 1;
  bottom: -1px;
}
.scroll-container {
  position: relative;
  display: flex;
  align-items: center;
}
.scroll-container .scroll-content {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  cursor: grab;
}
.scroll-container .scroll-content::-webkit-scrollbar {
  display: none;
}
.scroll-container .scroll-content:active {
  cursor: grabbing;
}
.scroll-container .scroll-button {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  opacity: 0;
  transition: all 0.3s ease;
}
.scroll-container .scroll-button:hover {
  background: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  transform: scale(1.15);
  opacity: 1;
}
.scroll-container .scroll-button.scroll-left {
  left: 8px;
}
.scroll-container .scroll-button.scroll-right {
  right: 8px;
}
.scroll-container .scroll-button span {
  font-size: 20px;
  line-height: 1;
}
.scroll-container .scroll-indicator {
  position: absolute;
  bottom: 1px;
  left: 50%;
  transform: translateX(-50%);
  min-width: 100px;
  width: 20%;
  height: 5px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 2.5px;
  transition: opacity 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
.scroll-container .scroll-indicator.active {
  opacity: 0.3;
  visibility: visible;
}
.scroll-container .scroll-indicator .scroll-indicator-thumb {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 2.5px;
  cursor: pointer;
  user-select: none;
  transform-origin: center;
  transition: transform 0.2s ease-out;
}
.scroll-container .scroll-indicator .scroll-indicator-thumb.expanded {
  height: 8px;
  /* 4 times the original 5px height */
  margin-top: -2px;
  /* Centers the expanded thumb: (20px - 5px)/2 */
  border-radius: 10px;
}
.scroll-container:hover .scroll-indicator {
  opacity: 0.5;
}
.small-collection.item-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: baseline;
  gap: 20px;
  margin-top: 16px;
  line-height: 1.25;
  margin-bottom: 0;
}
.small-collection.item-cards .item-card {
  flex: 0 0 194px;
  margin-bottom: 20px;
}
.small-collection.item-cards .item-card .card-title {
  margin-bottom: 4px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.small-collection.item-cards .item-card .card-subtitle {
  margin-bottom: 4px;
  text-align: center;
  font-size: 13px;
}
.small-collection.item-cards .item-card .card-price {
  margin-bottom: 0;
  text-align: center;
  font-size: 14px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.small-collection.item-cards .item-card .card-price .cart_vat_info {
  font-weight: 400;
  font-size: 13px;
}
.small-collection.item-cards .item-card .card-image {
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-bottom: 12px;
}
.small-collection.item-cards .item-card .card-image img.item_thumb {
  max-height: 192px;
  width: auto;
  max-width: 100%;
}
.small-collection.item-cards .item-card .card-image a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.scroll-container .item-cards {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 20px;
}
.scroll-container .item-cards .item-card {
  margin: 6px;
}
.extra-small-collection.item-cards {
  gap: 18px;
}
.extra-small-collection.item-cards .item-card {
  flex: 0 0 150px;
}
.extra-small-collection.item-cards .item-card .card-image img.item_thumb {
  max-height: 160px;
  max-width: 100%;
}
.card-extra-padding {
  padding: 0 20px;
  padding-top: 20px;
  padding-bottom: 7.5px;
}
.card-extra-padding .item-cards {
  padding-bottom: 7.5px;
}
.adbox-category-groups-small-cards-paginated .adbox-category-group-cards .card-extra-padding {
  padding-top: 0;
}
.adbox-category-groups-small-cards-paginated .adbox-category-group-cards .item-cards {
  margin-top: 0;
}
.adbox-category-groups-small-cards .adbox-category-group-flow.item-cards {
  justify-content: flex-start;
  align-items: stretch;
}
.adbox-category-groups-small-cards .adbox-category-group-heading-card {
  flex: 0 0 auto;
  width: auto;
  min-height: 0;
  margin-bottom: 20px;
  padding: 16px 10px;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(247, 243, 232, 0.98), rgba(255, 255, 255, 0.9));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
  overflow: visible;
}
.adbox-category-groups-small-cards .adbox-category-group-heading {
  display: block;
  inline-size: 214px;
  max-width: 100%;
  align-self: flex-start;
  margin: 0;
  padding-bottom: 0;
  box-sizing: border-box;
  color: #A77E05;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 500;
  text-decoration: none;
  line-height: 1.05;
  text-align: left;
  overflow: visible;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
  font-size: 22px;
  letter-spacing: 0.04em;
}
.adbox-category-groups-small-cards .adbox-category-group-flow > .item-card {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .adbox-category-groups-small-cards .adbox-category-group-heading {
    font-size: 18px;
  }
}
.large-collection.item-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 25px;
  gap: 20px;
  line-height: 1.25;
}
.large-collection.item-cards .item-card {
  margin-bottom: 20px;
  flex: 0 0 400px;
}
@media (max-width: 768px) {
  .large-collection.item-cards .item-card {
    width: 100%;
  }
}
.large-collection.item-cards .card-title {
  margin-bottom: 5px;
  text-align: center;
}
.large-collection.item-cards .card-title > h2 {
  margin-bottom: 0;
}
.large-collection.item-cards .card-subtitle {
  margin-bottom: 7px;
  text-align: center;
}
.large-collection.item-cards .card-price {
  margin-bottom: 7px;
  text-align: center;
  font-weight: 600;
}
.large-collection.item-cards .card-price .cart_vat_info {
  font-weight: 400;
}
.large-collection.item-cards .card-image {
  margin-top: 15px;
  margin-bottom: 10px;
  text-align: center;
}
.large-collection.item-cards .card-content {
  margin-bottom: 5px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
}
.large-collection.item-cards .card-content > .item_description {
  margin-bottom: 0;
}
.large-collection.item-cards .let-line {
  margin: 0;
  padding: 0;
  opacity: 0.75;
}
/*.header-wrapper {
  background-color: #fff;
  padding: 30px;
  margin-bottom: 40px;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.main-title {
  font-size: 32px;
  text-align: center;
  color: #333;
}
*/
.content-wrapper {
  margin: 0 auto;
}
.grid-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}
.grid-item {
  display: flex;
  flex-direction: column;
}
.item-image {
  width: 100%;
  object-fit: contain;
  margin: 0 auto;
  margin-bottom: 15px;
}
.item-content {
  padding-bottom: 15px;
  line-height: 1.5;
}
/* Split based grid */
/* 2x2 Grid */
.grid-half .grid-item {
  flex-basis: calc(50% - 15px);
  min-width: 300px;
}
/* 2x3 Grid */
.grid-third .grid-item {
  flex-basis: calc(33.333% - 20px);
  min-width: 250px;
}
@media screen and (max-width: 1170px) {
  .grid-third .grid-item {
    flex-basis: calc(50% - 15px);
  }
}
@media screen and (max-width: 800px) {
  .grid-half .grid-item, .grid-third .grid-item {
    flex-basis: 100%;
  }
}
/* Simple percentage based grid, by 10 increments, combinable grid system */
.g-10 {
  flex-basis: calc(10% - 20px);
}
.g-20 {
  flex-basis: calc(20% - 20px);
}
.g-30 {
  flex-basis: calc(30% - 20px);
}
.g-40 {
  flex-basis: calc(40% - 20px);
}
.g-50 {
  flex-basis: calc(50% - 20px);
}
.g-60 {
  flex-basis: calc(60% - 20px);
}
.g-70 {
  flex-basis: calc(70% - 20px);
}
.g-80 {
  flex-basis: calc(80% - 20px);
}
.g-90 {
  flex-basis: calc(90% - 20px);
}
.g-100 {
  flex-basis: calc(100% - 20px);
}
@media screen and (max-width: 1170px) {
  .g-10, .g-20, .g-30, .g-40, .g-50, .g-60, .g-70, .g-80, .g-90, .g-100 {
    flex-basis: calc(100% - 20px);
  }
}
body {
  background-color: #959695;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}
.container {
  max-width: 1420px;
  margin: 0 auto;
  background-color: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  /* Large screens */
  /* Medium screens */
  /* HACK: Small medium screens - Half way between small and $hide-search-min-width.
     Average the two values for the width.
     size = $medium-min-width + $hide-search-min-width) / 2
  */
  /* Small screens */
}
.container > .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
}
.container > .header .logo img {
  max-width: 100%;
  height: auto;
}
.container > .header .user-details {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  flex-basis: min-content;
  flex-grow: 1;
}
.container > .header .user-details #sitemenu {
  text-align: right;
}
.container > .header .user-details .user-login {
  text-align: right;
}
.container > .header .user-details .language-changer {
  cursor: pointer;
  white-space: nowrap;
}
.container > .content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 2rem;
}
.container > .content:empty {
  padding: 0;
}
@media (min-width: 1171px) {
  .container > .content.horizontal-padding-xl {
    padding-left: 160px;
    padding-right: 160px;
  }
}
.container > .content .content-common, .container > .content .content-header, .container > .content .content-main, .container > .content .content-left, .container > .content .content-right, .container > .content .content-footer {
  padding: 1px 0 0 1px;
  background: none;
  border: none;
  box-sizing: border-box;
  overflow: hidden;
}
.container > .content .content-header {
  flex: 1 1 100%;
  order: 1;
}
.container > .content .content-main {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  order: 3;
}
.container > .content .content-left {
  flex-basis: 320px;
  flex-shrink: 0;
  order: 2;
}
.container > .content .content-right {
  flex-basis: 320px;
  flex-shrink: 0;
  order: 4;
}
.container > .content .content-footer {
  flex: 1 1 100%;
  order: 5;
}
.container .footer {
  background-color: #444444;
  color: #b4b4b4;
  padding: 2rem;
  overflow: hidden;
}
.container .footer a {
  color: #b4b4b4;
  text-decoration: none;
}
@media (min-width: 1421px) {
  .container .user-menu > a:last-child {
    padding-right: 2rem;
  }
}
@media (max-width: 1420px) and (min-width: 801px) {
  .container .flexbox-column-lte-medium {
    flex-direction: column;
  }
  .container .children-with-half-lte-medium > * {
    width: 50%;
    max-width: 50%;
    box-sizing: border-box;
  }
  .container .user-menu > a:last-child {
    padding-right: 2rem;
  }
  .container .content .content-right {
    flex: 1 1 100%;
  }
}
@media (max-width: 985px) {
  .container .flexbox-column-lte-smallmedium {
    flex-direction: column;
  }
  .container .children-with-half-lte-smallmedium > * {
    width: 50%;
    max-width: 50%;
    box-sizing: border-box;
  }
}
@media (max-width: 800px) {
  .container {
    /*.header {
      padding: $small-header-padding;
    }*/
    /*.news-article {
      margin-bottom: 24px;
      padding-bottom: 12px;
      border-bottom: #999 1px solid;
    }*/
  }
  .container .flexbox-column-lte-small {
    flex-direction: column;
  }
  .container .children-with-half-lte-small > * {
    width: 50%;
    max-width: 50%;
    box-sizing: border-box;
  }
  .container .main-nav {
    flex-direction: column-reverse;
    /*

      .main-menu {
        order: 2;
      }

      .user-menu {
        order: 1;
      }
     */
  }
  .container .main-nav .menu-common > a, .container .main-nav .main-nav .general-menu > a, .main-nav .container .main-nav .general-menu > a, .container .main-nav .main-nav .main-menu > a, .main-nav .container .main-nav .main-menu > a, .container .main-nav .main-nav .user-menu > a, .main-nav .container .main-nav .user-menu > a {
    flex: 1;
    padding: 0 0.5rem;
  }
  .container .content {
    gap: 1rem;
    padding: 1rem;
  }
  .container .content .content-left, .container .content .content-main, .container .content .content-right {
    flex: 1 1 100%;
  }
  .container .content .content-left {
    order: 3;
  }
  .container .content .content-main {
    order: 2;
  }
  .container .content .content-right {
    order: 4;
  }
  .container span.field_error {
    display: block;
    margin-top: 8px;
    position: relative;
    overflow: visible;
    z-index: 100;
    left: 0;
    padding-left: 0;
    background-image: none;
    line-height: 25px;
  }
}
/* The above media query checks if the screen width is 480px or less. If it is, it sets a minimum width of 480px for the body, effectively forcing the mobile view to downscale a 480px version. */
@media screen and (max-width: 480px) {
  body.site-body {
    min-width: 480px;
  }
}
/* General responsive visibility control */
/* Hide from small screens (anything below medium) */
.hide-from-small {
  display: none !important;
}
/* Hide from medium screens */
@media (min-width: 801px) {
  .hide-from-medium {
    display: none !important;
  }
}
/* Hide from large screens */
@media (min-width: 1171px) {
  .hide-from-large {
    display: none !important;
  }
}
/* Hide until small screens (anything below medium) */
@media (max-width: 800px) {
  .hide-until-small {
    display: none !important;
  }
}
/* Hide until medium screens */
@media (max-width: 1170px) {
  .hide-until-medium {
    display: none !important;
  }
}
/* Hide in small screens (anything below medium) */
@media (max-width: 800px) {
  .hide-in-small {
    display: none !important;
  }
}
/* Hide in medium screens */
@media (min-width: 801px) and (max-width: 1170px) {
  .hide-in-medium {
    display: none !important;
  }
}
/* Hide in large screens */
@media (min-width: 1171px) {
  .hide-in-large {
    display: none !important;
  }
}
/* Hide below large (if screen is smaller than large) */
@media (max-width: 1170px) {
  .hide-below-large {
    display: none !important;
  }
}
/* Hide below medium (if screen is smaller than medium) */
@media (max-width: 800px) {
  .hide-below-medium {
    display: none !important;
  }
}
/* Responsive hacks */
/* Large screens */
@media (min-width: 1421px) {
  body {
    background-color: #959695;
  }
  .container {
    box-shadow: 10px 0 10px rgba(0, 0, 0, 0.2), -10px 0 10px rgba(0, 0, 0, 0.2);
  }
}