/*
.for(@list, @code) {
  & {
      .loop(@i:1) when (@i =< length(@list)) {
          @value: extract(@list, @i);

          @code();

          .loop(@i + 1);
      }

      .loop();
  }
}*/
/*
 ***************************************************
 * DEBUG ON http://winless.org/online-less-compiler
 ***************************************************

@screen-xs-min:1px;
@screen-sm-min:480px;
@screen-md-min:992px;
@screen-lg-min:1200px;
@screen-xl-min:1500px;
@screen-xx-min:1800px;

@screen-xs-max:479px;
@screen-sm-max:991px;
@screen-md-max:1199px;
@screen-lg-max:1499px;
@screen-xl-max:1799px;

@grid-gutter-width-xs:30px;
@grid-gutter-width-sm:30px;
@grid-gutter-width-md:30px;
@grid-gutter-width-lg:30px;
@grid-gutter-width-xl:30px;
@grid-gutter-width-xx:30px;

#gridgutter > .v01();

*/
:root {
  --grid-gutter-width: 30px;
  --grid-gutter-width-025: 7px;
  --grid-gutter-width-050: 15px;
  --grid-gutter-width-075: 22px;
  --grid-gutter-width-125: 37px;
  --grid-gutter-width-150: 45px;
  --grid-gutter-width-175: 52px;
  --grid-gutter-width-200: 60px;
  --grid-gutter-width-300: 90px;
  --grid-gutter-width-400: 120px;
  --grid-gutter-width-500: 150px;
  --grid-gutter-width-600: 180px;
  --ev_color-base: #c6a358;
  --ev_color-base-rgb: 198, 163, 88;
  --ev_color-base-light: #e3bf73;
  --ev_color-base-light-rgb: 227, 191, 115;
  --ev_color-base-dark: #bb9442;
  --ev_color-base-dark-rgb: 187, 148, 66;
  --ev_color-base-bg: #f8f3e9;
  --ev_color-base-bg-rgb: 248, 243, 233;
  --ev_color-extend-1: #3a3a3a;
  --ev_color-extend-1-rgb: 58, 58, 58;
  --ev_color-extend-1-light: #3f3f3f;
  --ev_color-extend-1-light-rgb: 63, 63, 63;
  --ev_color-extend-1-dark: #333333;
  --ev_color-extend-1-dark-rgb: 51, 51, 51;
  --ev_color-extend-1-bg: #f2f2f2;
  --ev_color-extend-1-bg-rgb: 242, 242, 242;
  --ev_color-extend-2: #3a3a3a;
  --ev_color-extend-2-rgb: 58, 58, 58;
  --ev_color-extend-2-light: #3f3f3f;
  --ev_color-extend-2-light-rgb: 63, 63, 63;
  --ev_color-extend-2-dark: #333333;
  --ev_color-extend-2-dark-rgb: 51, 51, 51;
  --ev_color-extend-2-bg: #f2f2f2;
  --ev_color-extend-2-bg-rgb: 242, 242, 242;
  --ev_color-text: #636363;
  --ev_color-text-rgb: 99, 99, 99;
  --ev_color-link: #c6a358;
  --ev_color-link-rgb: 198, 163, 88;
}
@media (min-width: 576px) {
  :root {
    --grid-gutter-width: 30px;
    --grid-gutter-width-025: 7px;
    --grid-gutter-width-050: 15px;
    --grid-gutter-width-075: 22px;
    --grid-gutter-width-125: 37px;
    --grid-gutter-width-150: 45px;
    --grid-gutter-width-175: 52px;
    --grid-gutter-width-200: 60px;
    --grid-gutter-width-300: 90px;
    --grid-gutter-width-400: 120px;
    --grid-gutter-width-500: 150px;
    --grid-gutter-width-600: 180px;
  }
}
@media (min-width: 576px) {
  :root {
    --grid-gutter-width: 30px;
    --grid-gutter-width-025: 7px;
    --grid-gutter-width-050: 15px;
    --grid-gutter-width-075: 22px;
    --grid-gutter-width-125: 37px;
    --grid-gutter-width-150: 45px;
    --grid-gutter-width-175: 52px;
    --grid-gutter-width-200: 60px;
    --grid-gutter-width-300: 90px;
    --grid-gutter-width-400: 120px;
    --grid-gutter-width-500: 150px;
    --grid-gutter-width-600: 180px;
  }
}
@media (min-width: 992px) {
  :root {
    --grid-gutter-width: 30px;
    --grid-gutter-width-025: 7px;
    --grid-gutter-width-050: 15px;
    --grid-gutter-width-075: 22px;
    --grid-gutter-width-125: 37px;
    --grid-gutter-width-150: 45px;
    --grid-gutter-width-175: 52px;
    --grid-gutter-width-200: 60px;
    --grid-gutter-width-300: 90px;
    --grid-gutter-width-400: 120px;
    --grid-gutter-width-500: 150px;
    --grid-gutter-width-600: 180px;
  }
}
@media (min-width: 1200px) {
  :root {
    --grid-gutter-width: 30px;
    --grid-gutter-width-025: 7px;
    --grid-gutter-width-050: 15px;
    --grid-gutter-width-075: 22px;
    --grid-gutter-width-125: 37px;
    --grid-gutter-width-150: 45px;
    --grid-gutter-width-175: 52px;
    --grid-gutter-width-200: 60px;
    --grid-gutter-width-300: 90px;
    --grid-gutter-width-400: 120px;
    --grid-gutter-width-500: 150px;
    --grid-gutter-width-600: 180px;
  }
}
@media (min-width: 1500px) {
  :root {
    --grid-gutter-width: 30px;
    --grid-gutter-width-025: 7px;
    --grid-gutter-width-050: 15px;
    --grid-gutter-width-075: 22px;
    --grid-gutter-width-125: 37px;
    --grid-gutter-width-150: 45px;
    --grid-gutter-width-175: 52px;
    --grid-gutter-width-200: 60px;
    --grid-gutter-width-300: 90px;
    --grid-gutter-width-400: 120px;
    --grid-gutter-width-500: 150px;
    --grid-gutter-width-600: 180px;
  }
}
@media (min-width: 1800px) {
  :root {
    --grid-gutter-width: 30px;
    --grid-gutter-width-025: 7px;
    --grid-gutter-width-050: 15px;
    --grid-gutter-width-075: 22px;
    --grid-gutter-width-125: 37px;
    --grid-gutter-width-150: 45px;
    --grid-gutter-width-175: 52px;
    --grid-gutter-width-200: 60px;
    --grid-gutter-width-300: 90px;
    --grid-gutter-width-400: 120px;
    --grid-gutter-width-500: 150px;
    --grid-gutter-width-600: 180px;
  }
}
/** SECTIONS **/
#shopskin {
  margin: auto;
  max-width: 850px;
  /* ------------- RESPONSIVE ------------- */
  /* --- SM, XS --- */
  /* --- XS --- */
}
#shopskin div#Viewlet__default__PageForm__step1__ViewVoucherList {
  width: 100% !important;
}
#shopskin .view-table {
  width: 100% !important;
}
#shopskin #PanelMain__Item00-content,
#shopskin #PanelMain {
  width: 100% !important;
}
#shopskin div#shopskin_logo {
  position: absolute;
  top: -39px;
  left: -10px;
  width: 200px;
  height: 107px;
}
#shopskin div#shopskin_logo img {
  width: 200px;
  height: auto;
}
#shopskin div#shopskin_phone {
  color: white;
  text-align: right;
  line-height: 30px;
  height: 30px;
}
#shopskin div#shopskin_navigation {
  position: absolute;
  right: 0px;
  top: -30px;
  width: 300px;
}
#shopskin div#shopskin_navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
}
#shopskin div#shopskin_navigation ul li {
  display: inline;
  margin: 0;
  padding: 0;
  margin-left: 10px;
}
#shopskin div#shopskin_footer {
  height: 25px;
}
#shopskin .ChangeBoxPreviewContainer {
  float: right;
  margin-top: 100px;
  width: 45%;
  text-align: left;
}
#shopskin .ChangeBoxPreviewContainer img {
  width: 100%;
}
#shopskin .ChangeBoxPreviewContainer span {
  display: block;
  text-align: center;
  margin-top: 20px;
  font-size: 1.5em;
  color: #00336a;
}
#shopskin div#shopskin_header {
  background-color: #00336a;
  height: 30px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50px;
  z-index: 20;
}
#shopskin div#shopskin_header_inner {
  position: relative;
  margin: auto;
  width: 850px;
}
#shopskin table.jump-to > tbody > tr {
  display: flex;
  gap: 30px;
}
#shopskin table.jump-to > tbody > tr td:first-child {
  width: 255px;
}
#shopskin table.jump-to > tbody > tr td:first-child img {
  display: block;
  float: left;
  margin-right: 5px;
}
#shopskin table.jump-to > tbody > tr td:first-child:after {
  content: "";
  clear: left;
}
#shopskin #shopskin_content {
  margin-top: 100px;
}
#shopskin #Section-step1 .panel-toolbar {
  margin-top: 25px;
}
#shopskin #Section-step1 .panel-toolbar,
#shopskin #Section-step2 > div.action,
#shopskin #Section-step3 > div.view.view-single div.action {
  text-align: right;
}
#shopskin #Section-step1 .panel-toolbar input[type="submit"].Button,
#shopskin #Section-step2 > div.action input[type="submit"].Button,
#shopskin #Section-step3 > div.view.view-single div.action input[type="submit"].Button {
  display: inline-block;
  width: auto;
  padding: 0 40px 0 30px;
}
@media only screen and (max-width: 768px) {
  #shopskin #shopskin_header #shopskin_header_inner {
    width: auto;
    padding-right: 10px;
  }
  #shopskin #shopskin_header #shopskin_header_inner #shopskin_logo {
    left: 0px;
  }
  #shopskin #shopskin_header #shopskin_header_inner #shopskin_navigation {
    right: 10px;
  }
  #shopskin #shopskin_content .page-content h1 {
    padding: 0 10px;
  }
  #shopskin #Section-step1 {
    padding: 0 10px;
  }
  #shopskin #Section-step1 .panel-toolbar {
    margin-top: 0;
  }
  #shopskin #Section-step1 .panel-toolbar .Button {
    margin-top: 15px;
  }
  #shopskin #Section-step2 {
    padding: 0 10px;
  }
  #shopskin #Section-step3 {
    padding: 0 10px;
  }
  #shopskin #Section-step4 {
    padding: 0 10px;
  }
  #shopskin #Section-step4 h1 {
    padding: 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  #shopskin td,
  #shopskin th {
    display: block;
  }
  #shopskin #shopskin_header {
    height: 32px !important;
  }
  #shopskin #shopskin_header #shopskin_header_inner {
    padding-right: 0px;
  }
  #shopskin #shopskin_header #shopskin_header_inner #shopskin_logo {
    top: -40px;
  }
  #shopskin #shopskin_header #shopskin_header_inner #shopskin_logo img {
    width: 206px;
  }
  #shopskin #shopskin_header #shopskin_header_inner #shopskin_phone {
    font-size: 0.85em;
    line-height: 15px;
    padding-right: 1px;
  }
  #shopskin #shopskin_header #shopskin_header_inner #shopskin_phone strong {
    display: block;
    padding-right: 9px;
  }
  #shopskin #shopskin_content {
    margin-top: 110px;
  }
  #shopskin #Section-step1 div.GroupVoucher,
  #shopskin #Section-step1 div.GroupBox {
    float: none;
    width: auto;
  }
  #shopskin #Section-step1 div.GroupBox {
    padding-top: 20px;
  }
  #shopskin #Section-step2 td.ImageVouchers,
  #shopskin #Section-step2 td.ImageBox,
  #shopskin #Section-step2 td.GroupVoucherSum {
    width: auto;
  }
  #shopskin #Section-step2 td.ImageBox {
    padding-top: 50px;
  }
  #shopskin #Section-step2 td.ImageBox img {
    width: 50%;
  }
  #shopskin #Section-step2 .GroupMain .GroupMain-inner table {
    border-top: 0;
    padding-bottom: 18px;
  }
  #shopskin #Section-step3 .GroupConfirmation div {
    padding: 10px 0;
    line-height: 1.4;
  }
  #shopskin table.jump-to > tbody > tr {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 20px;
  }
  #shopskin table.jump-to > tbody > tr td:first-child {
    flex: 1 0 100%;
    padding-left: 30%;
  }
}
.FormlibForm table.fieldgroup {
  width: 100%;
}
.FormlibForm .panel-toolbar input {
  font-size: 14px;
}
body {
  padding: 0;
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #40444f;
  background-color: #d5eaf9;
  background-image: url(/img/skin/01/background.png);
  background-repeat: repeat-x;
  background-position: 0 0px;
  background-attachment: fixed;
  background-size: 100% 100%;
  border-top: 5px solid #a6d81c;
  /* ------------- FANCYBOXES ------------- */
}
body a {
  color: #1ca5c8;
}
body h1 {
  font-weight: 300;
  font-size: 2em;
  color: #00336a;
  text-transform: uppercase;
}
body h2 {
  font-weight: 300;
  font-size: 1.8em;
  color: #1ca5c8;
  margin-bottom: 10px;
  border-bottom: 1px dotted #1ca5c8;
}
body h3 {
  font-size: 1.2em;
  color: #00336a;
  margin-bottom: 0px;
  font-weight: normal;
  margin-top: 10px;
}
body table {
  border-spacing: 0px !important;
  margin: 0;
  padding: 0;
}
body table tr {
  margin: 0;
  padding: 0;
}
body table tr td {
  margin: 0;
  padding: 0;
}
body input[type="text"],
body input[type="number"],
body select,
body textarea {
  font-size: 14px;
  background-color: white;
  border: 1px solid #555;
  padding: 8px !important;
}
body input[type="text"],
body input[type="number"],
body select {
  height: 34px;
}
body.pagepopup #shopskin #shopskin_content {
  margin-top: 0px;
}
@media only screen and (max-width: 768px) {
  body.pagepopup #shopskin #shopskin_content #shopskin_content_inner {
    padding: 10px;
  }
}
.fancybox-stage {
  /* ------------- RESPONSIVE ------------- */
  /* --- SM, XS --- */
  /* --- MS --- */
  /* --- XS --- */
}
.fancybox-stage div#fancybox-overlay {
  background: none !important;
}
.fancybox-stage .fancybox-skin {
  background-color: white;
}
.fancybox-stage .OverlayChangeSplitting a,
.fancybox-stage .OverlayChangeBox .ChangeBoxListContainer a {
  display: block;
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 10px;
  border: 1px solid #dddddd;
  border-radius: 5px;
  box-shadow: 2px 2px 4px #aaaaaa;
  text-decoration: none;
  background-color: #f1f1f1;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0);
  /* IE6-9 */
}
.fancybox-stage .OverlayChangeSplitting a:hover,
.fancybox-stage .OverlayChangeBox .ChangeBoxListContainer a:hover {
  box-shadow: 2px 2px 4px #d5eaf9;
  border-color: #b1cbe1;
  background-color: #d5eaf9;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #d5eaf9 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #d5eaf9));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #d5eaf9 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #d5eaf9 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #d5eaf9 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #d5eaf9 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#d5eaf9', GradientType=0);
  /* IE6-9 */
}
.fancybox-stage .OverlayChangeSplitting a span,
.fancybox-stage .OverlayChangeBox .ChangeBoxListContainer a span {
  display: none;
  text-align: center;
  color: #aaaaaa;
  background-color: #f1f1f1;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
}
.fancybox-stage .OverlayChangeBox .ChangeBoxListContainer a:hover span {
  color: white;
  background-color: #374989;
  text-decoration: underline;
}
.fancybox-stage .OverlayChangeBox .ChangeBoxListContainer a img {
  display: block;
  width: 140px;
  height: 70px;
}
.fancybox-stage .OverlayChangeBox.fancybox-content {
  padding: 20px;
  display: inline-flex;
}
.fancybox-stage .OverlayChangeBox.fancybox-content > .ChangeBoxListContainer {
  flex: 1 1 40%;
}
.fancybox-stage .OverlayChangeBox.fancybox-content > .ChangeBoxPreviewContainer {
  flex: 1 1 60%;
}
.fancybox-stage .OverlayChangeBox.fancybox-content > button {
  flex: 0 0 0%;
}
.fancybox-stage .OverlayChangeSplitting.fancybox-content {
  padding: 20px;
  height: 75% !important;
}
.fancybox-stage .fancybox-slide {
  padding: 20px;
}
.fancybox-stage .fancybox-slide .fancybox-content {
  max-width: 900px;
  /*
  width: 100% !important;
  max-height: 100% !important;
  min-height: 35% !important;*/
}
@media only screen and (max-width: 768px) {
  .fancybox-stage .fancybox-slide .fancybox-content {
    min-height: unset !important;
  }
  .fancybox-stage .OverlayChangeBox.fancybox-content {
    padding: 10px;
    height: 45% !important;
  }
  .fancybox-stage .OverlayChangeBox.fancybox-content > .ChangeBoxListContainer a {
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .fancybox-stage .OverlayChangeBox.fancybox-content > .ChangeBoxPreviewContainer {
    display: none !important;
    flex-basis: 0% !important;
  }
  .fancybox-stage .OverlayChangeSplitting.fancybox-content {
    padding: 10px;
    height: 75% !important;
    text-align: center;
  }
  .fancybox-stage .OverlayChangeSplitting.fancybox-content a {
    margin-right: 10px;
    margin-bottom: 10px;
    width: 45%;
  }
  .fancybox-stage .OverlayChangeSplitting.fancybox-content a img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 630px) {
  .fancybox-stage .OverlayChangeBox.fancybox-content {
    height: 55% !important;
  }
}
@media only screen and (max-width: 480px) {
  .fancybox-stage .OverlayChangeBox.fancybox-content {
    height: 75% !important;
  }
  .fancybox-stage .OverlayChangeSplitting.fancybox-content a {
    float: none;
    margin-right: 0;
    display: block;
    width: 100%;
  }
}
/** VIEWLET **/
div.vlt-v1776 {
  /* ------------- RESPONSIVE ------------- */
  /* --- override 991px --- */
  /* --- SM --- */
  /* --- XS --- */
}
div.vlt-v1776 #Section-step1 div.GroupVoucher {
  float: left;
  width: 49%;
}
div.vlt-v1776 #Section-step1 div.GroupBox {
  float: right;
  width: 49%;
}
div.vlt-v1776 #Section-step1 div.GroupVoucherCaption,
div.vlt-v1776 #Section-step1 div.GroupBoxCaption {
  font-size: 1.3em;
  font-weight: bold;
  color: #00336a;
}
div.vlt-v1776 #Section-step1 div.GroupVoucherDescription,
div.vlt-v1776 #Section-step1 div.GroupBoxDescription {
  margin-bottom: 15px;
}
div.vlt-v1776 #Section-step1 div.GroupVoucher-inner,
div.vlt-v1776 #Section-step1 div.GroupBox-inner {
  background-color: #dcedf9;
  background-image: url(/img/skin/01/ba-stripes.jpg);
  border-top: 5px solid #d7eaf9;
  padding: 15px;
}
div.vlt-v1776 #Section-step1 div.GroupVoucher div.ImageVouchers,
div.vlt-v1776 #Section-step1 div.GroupBox div.ImageBox {
  text-align: center;
  background-color: white;
  padding: 15px;
  box-shadow: 2px 2px 5px #b1cbe1;
}
div.vlt-v1776 #Section-step1 div.GroupVoucher div.ImageVouchers img.ListPreview,
div.vlt-v1776 #Section-step1 div.GroupBox div.ImageBox img.ListPreview {
  width: 100%;
  height: auto;
}
div.vlt-v1776 #Section-step1 div.GroupVoucherDetails,
div.vlt-v1776 #Section-step1 div.GroupBoxDetails {
  margin-top: 15px;
  height: 56px;
}
div.vlt-v1776 #Section-step1 div.GroupBoxDetails .boxCaption {
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 1.3em;
  font-style: italic;
  color: #00336a;
}
div.vlt-v1776 #Section-step2 .page-content table,
div.vlt-v1776 #Section-step3 .page-content table {
  width: 100%;
}
div.vlt-v1776 #Section-step2 .view-status,
div.vlt-v1776 #Section-step3 .view-status {
  margin-bottom: 20px;
}
div.vlt-v1776 #Section-step2 .view-status a,
div.vlt-v1776 #Section-step3 .view-status a {
  text-decoration: none;
}
div.vlt-v1776 #Section-step2 .view-status > .view-status-first-message span,
div.vlt-v1776 #Section-step3 .view-status > .view-status-first-message span {
  display: block;
  padding: 5px 10px;
  color: #ffffff;
  font-weight: bold;
}
div.vlt-v1776 #Section-step2 .view-status > .view-status-first-message span.error,
div.vlt-v1776 #Section-step3 .view-status > .view-status-first-message span.error {
  background-color: #a94442;
}
div.vlt-v1776 #Section-step2 .view-status > .view-status-first-message span.notice,
div.vlt-v1776 #Section-step3 .view-status > .view-status-first-message span.notice {
  background-color: #3c763d;
}
div.vlt-v1776 #Section-step2 .view-status > .view-status-first-message span.warning,
div.vlt-v1776 #Section-step3 .view-status > .view-status-first-message span.warning {
  background-color: #8a6d3b;
}
div.vlt-v1776 #Section-step2 .view-status > .view-status-first-message span.info,
div.vlt-v1776 #Section-step3 .view-status > .view-status-first-message span.info {
  background-color: #31708f;
}
div.vlt-v1776 #Section-step2 .view-status > .view-status-other-messages span,
div.vlt-v1776 #Section-step3 .view-status > .view-status-other-messages span {
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid;
}
div.vlt-v1776 #Section-step2 .view-status > .view-status-other-messages span.error,
div.vlt-v1776 #Section-step3 .view-status > .view-status-other-messages span.error {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
div.vlt-v1776 #Section-step2 .view-status > .view-status-other-messages span.notice,
div.vlt-v1776 #Section-step3 .view-status > .view-status-other-messages span.notice {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
div.vlt-v1776 #Section-step2 .view-status > .view-status-other-messages span.warning,
div.vlt-v1776 #Section-step3 .view-status > .view-status-other-messages span.warning {
  border-color: #faebcc;
  background-color: #fcf8e3;
  color: #8a6d3b;
}
div.vlt-v1776 #Section-step2 .view-status > .view-status-other-messages span.info,
div.vlt-v1776 #Section-step3 .view-status > .view-status-other-messages span.info {
  border-color: #bce8f1;
  background-color: #d9edf7;
  color: #31708f;
}
div.vlt-v1776 #Section-step2 .view-content .field-caption,
div.vlt-v1776 #Section-step3 .view-content .field-caption {
  padding: 13px 0px;
  line-height: 1;
  vertical-align: top;
}
div.vlt-v1776 #Section-step2 .view-content .field-caption span,
div.vlt-v1776 #Section-step3 .view-content .field-caption span {
  /*padding: 3px;*/
}
div.vlt-v1776 #Section-step2 .view-content .required,
div.vlt-v1776 #Section-step3 .view-content .required {
  font-weight: bold;
}
div.vlt-v1776 #Section-step2 .view-content .required b,
div.vlt-v1776 #Section-step3 .view-content .required b {
  color: #a94442;
}
div.vlt-v1776 #Section-step2 .view-content select,
div.vlt-v1776 #Section-step3 .view-content select,
div.vlt-v1776 #Section-step2 .view-content input[type="text"],
div.vlt-v1776 #Section-step3 .view-content input[type="text"],
div.vlt-v1776 #Section-step2 .view-content textarea,
div.vlt-v1776 #Section-step3 .view-content textarea {
  width: 100%;
  margin: 5px 0px;
  padding: 5px;
  line-height: 1;
}
div.vlt-v1776 #Section-step2 .view-content select:active,
div.vlt-v1776 #Section-step3 .view-content select:active,
div.vlt-v1776 #Section-step2 .view-content input[type="text"]:active,
div.vlt-v1776 #Section-step3 .view-content input[type="text"]:active,
div.vlt-v1776 #Section-step2 .view-content textarea:active,
div.vlt-v1776 #Section-step3 .view-content textarea:active {
  box-shadow: 0px;
}
div.vlt-v1776 #Section-step2 .view-content select textarea,
div.vlt-v1776 #Section-step3 .view-content select textarea,
div.vlt-v1776 #Section-step2 .view-content input[type="text"] textarea,
div.vlt-v1776 #Section-step3 .view-content input[type="text"] textarea,
div.vlt-v1776 #Section-step2 .view-content textarea textarea,
div.vlt-v1776 #Section-step3 .view-content textarea textarea {
  line-height: inherit;
}
div.vlt-v1776 #Section-step2 .view-content input[type="radio"],
div.vlt-v1776 #Section-step3 .view-content input[type="radio"],
div.vlt-v1776 #Section-step2 .view-content input[type="checkbox"],
div.vlt-v1776 #Section-step3 .view-content input[type="checkbox"] {
  width: auto;
  margin-right: 10px;
  vertical-align: middle;
}
div.vlt-v1776 #Section-step2 .view-content .field-error input,
div.vlt-v1776 #Section-step3 .view-content .field-error input,
div.vlt-v1776 #Section-step2 .view-content .field-error select,
div.vlt-v1776 #Section-step3 .view-content .field-error select,
div.vlt-v1776 #Section-step2 .view-content .field-error textarea,
div.vlt-v1776 #Section-step3 .view-content .field-error textarea {
  background-color: #f2dede;
  color: #a94442;
  border-color: #a94442;
}
div.vlt-v1776 #Section-step2 .view-content .fieldgroup-horizontal > tbody > tr > td,
div.vlt-v1776 #Section-step3 .view-content .fieldgroup-horizontal > tbody > tr > td {
  padding-right: 10px;
}
div.vlt-v1776 #Section-step2 .view-content .fieldgroup-horizontal > tbody > tr > td:last-child,
div.vlt-v1776 #Section-step3 .view-content .fieldgroup-horizontal > tbody > tr > td:last-child {
  padding-right: 0px;
}
div.vlt-v1776 #Section-step2 .view-content .field-date input.TypeDate,
div.vlt-v1776 #Section-step3 .view-content .field-date input.TypeDate {
  width: 100% !important;
}
div.vlt-v1776 #Section-step2 .view-content .field-date a.choose,
div.vlt-v1776 #Section-step3 .view-content .field-date a.choose {
  background-image: url(/basewebinterface/org/images/icons/16x16/calendar.png);
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-left: -25px;
  text-decoration: none;
}
div.vlt-v1776 #Section-step2 .view-content .field-datetime input.TypeDate,
div.vlt-v1776 #Section-step3 .view-content .field-datetime input.TypeDate {
  display: inline-block;
  width: 50% !important;
  margin-left: 10px;
}
div.vlt-v1776 #Section-step2 .view-content .field-datetime > div,
div.vlt-v1776 #Section-step3 .view-content .field-datetime > div {
  width: auto !important;
}
div.vlt-v1776 #Section-step2 .view-content .field-datetime > div input.TypeText,
div.vlt-v1776 #Section-step3 .view-content .field-datetime > div input.TypeText {
  width: 2em !important;
  text-align: center;
}
div.vlt-v1776 #Section-step2 .view-content .field-datetime a.choose,
div.vlt-v1776 #Section-step3 .view-content .field-datetime a.choose {
  background-image: url(/basewebinterface/org/images/icons/16x16/calendar.png);
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-left: -25px;
  text-decoration: none;
}
div.vlt-v1776 #Section-step2 .view-content .easy-autocomplete-container ul li,
div.vlt-v1776 #Section-step3 .view-content .easy-autocomplete-container ul li {
  padding: 4px;
}
div.vlt-v1776 #Section-step2 .view-content .fieldgroup-privacy .field-checkbox .field-description a,
div.vlt-v1776 #Section-step3 .view-content .fieldgroup-privacy .field-checkbox .field-description a {
  text-decoration: underline;
}
div.vlt-v1776 #Section-step2 .view-content .fieldgroup-privacy .field-checkbox.field-error,
div.vlt-v1776 #Section-step3 .view-content .fieldgroup-privacy .field-checkbox.field-error {
  background-color: #f2dede;
  padding: 10px;
}
div.vlt-v1776 #Section-step2 .view-content .fieldgroup-privacy .field-checkbox.field-error .field-description,
div.vlt-v1776 #Section-step3 .view-content .fieldgroup-privacy .field-checkbox.field-error .field-description {
  color: #a94442;
}
div.vlt-v1776 #Section-step2 .view-content .fieldgroup-privacy .field-checkbox.field-error .field-description a,
div.vlt-v1776 #Section-step3 .view-content .fieldgroup-privacy .field-checkbox.field-error .field-description a {
  color: #a94442;
}
@media (max-width: 991px) {
  div.vlt-v1776 #Section-step2 table.view-table-single table.fieldgroup > colgroup,
  div.vlt-v1776 #Section-step3 table.view-table-single table.fieldgroup > colgroup {
    display: none;
  }
  div.vlt-v1776 #Section-step2 table.view-table-single table.fieldgroup > colgroup > col,
  div.vlt-v1776 #Section-step3 table.view-table-single table.fieldgroup > colgroup > col {
    width: auto !important;
  }
  div.vlt-v1776 #Section-step2 table.view-table-single table.fieldgroup > tbody > tr > td,
  div.vlt-v1776 #Section-step3 table.view-table-single table.fieldgroup > tbody > tr > td {
    display: block;
  }
  div.vlt-v1776 #Section-step2 .field-controllervalue > div,
  div.vlt-v1776 #Section-step3 .field-controllervalue > div {
    width: auto !important;
  }
  div.vlt-v1776 #Section-step2 .field-fieldgroup .fieldgroup-horizontal > tbody > tr,
  div.vlt-v1776 #Section-step3 .field-fieldgroup .fieldgroup-horizontal > tbody > tr {
    display: inline-block;
    vertical-align: top;
    width: 50%;
  }
  div.vlt-v1776 #Section-step2 .field-fieldgroup .fieldgroup-horizontal > tbody > tr > td,
  div.vlt-v1776 #Section-step3 .field-fieldgroup .fieldgroup-horizontal > tbody > tr > td {
    padding-right: 0px !important;
  }
}
@media (min-width: 576px) {
  div.vlt-v1776 #Section-step2 .field-fieldgroup .fieldgroup-horizontal > tbody > tr > td.field-caption,
  div.vlt-v1776 #Section-step3 .field-fieldgroup .fieldgroup-horizontal > tbody > tr > td.field-caption {
    padding-bottom: 0px !important;
    overflow: hidden;
  }
}
div.vlt-v1776 #Section-step2 input[type="text"],
div.vlt-v1776 #Section-step2 textarea,
div.vlt-v1776 #Section-step2 select {
  box-sizing: border-box !important;
}
div.vlt-v1776 #Section-step2 textarea {
  min-height: 90px;
  width: 100% !important;
  font-family: "Open Sans", sans-serif;
  padding: 10px !important;
}
div.vlt-v1776 #Section-step2 #Viewlet__default__PageForm__step2__ViewContactData .GroupMain table {
  border-top: none;
}
div.vlt-v1776 #Section-step2 #Viewlet__default__PageForm__step2__ViewContactData .GroupMain .GroupCaption {
  display: none;
}
div.vlt-v1776 #Section-step2 #Viewlet__default__PageForm__step2__ViewContactData .GroupMain .GroupDetail {
  display: block;
}
div.vlt-v1776 #Section-step1 div.GroupVoucherDetails .shipping,
div.vlt-v1776 #Section-step2 td.GroupVoucherSum .shipping {
  line-height: 20px;
  height: 20px;
  text-align: center;
  font-size: 0.8em;
  padding-top: 2.5px;
}
div.vlt-v1776 #Section-step3 > div.view.view-single > table {
  table-layout: fixed;
  width: 100%;
}
div.vlt-v1776 #Section-step3 > div.view.view-single > table > tbody > tr:first-child > td:nth-child(1) {
  width: 30px;
}
div.vlt-v1776 #Section-step3 > div.view.view-single > table > tbody > tr:first-child > td:nth-child(2) {
  width: 50%;
}
div.vlt-v1776 #Section-step3 > div.view.view-single > table > tbody > tr:first-child > td:nth-child(3) {
  width: 50%;
}
div.vlt-v1776 #Section-step3 > div.view.view-single > table > tbody > tr:first-child > td:nth-child(4) {
  width: 60px;
}
div.vlt-v1776 div.GroupMain {
  position: relative;
}
div.vlt-v1776 .ImageVouchers img.ListPreview,
div.vlt-v1776 .ImageBox img.ListPreview {
  width: 100%;
  height: auto;
}
div.vlt-v1776 .GroupVoucherSum .changeVoucherSumDown,
div.vlt-v1776 .GroupVoucherSum .changeVoucherSumUp {
  display: block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  background-color: #00336a;
  box-shadow: 2px 2px 5px #b1cbe1;
  border-radius: 50%;
  text-align: Center;
  color: white;
  text-decoration: none;
}
div.vlt-v1776 .GroupVoucherSum .changeVoucherSumDown span,
div.vlt-v1776 .GroupVoucherSum .changeVoucherSumUp span {
  display: none;
}
div.vlt-v1776 .GroupVoucherSum .changeVoucherSumDown:hover,
div.vlt-v1776 .GroupVoucherSum .changeVoucherSumUp:hover {
  background-color: #1ea5c3;
  background-position: left bottom;
}
div.vlt-v1776 .GroupVoucherSum .changeVoucherSumDown {
  float: left;
  background-image: url(/img/skin/01/icon-change-down.png);
}
div.vlt-v1776 .GroupVoucherSum .changeVoucherSumUp {
  float: right;
  background-image: url(/img/skin/01/icon-change-up.png);
}
div.vlt-v1776 .GroupVoucherSum .changeVoucherSumField {
  margin: 0px 50px;
  text-align: center;
  box-shadow: 2px 2px 5px #b1cbe1;
  background-color: white;
}
div.vlt-v1776 .GroupVoucherSum .changeVoucherSumField input {
  background: transparent;
  border: 0px;
  color: #00336a;
  height: 36px;
  text-align: center;
  font-size: 1.4em;
  font-weight: bold;
  width: 130px !important;
  line-height: 36px !important;
  margin: auto !important;
  padding: 1px 2px !important;
}
div.vlt-v1776 .changeSplitting a,
div.vlt-v1776 .changeBox a {
  display: block;
  background-color: #00336a;
  box-shadow: 2px 2px 5px #b1cbe1;
  line-height: 36px;
  height: 36px;
  text-align: center;
  text-decoration: none;
  color: white !important;
  background-repeat: no-repeat;
}
div.vlt-v1776 .changeSplitting a:hover,
div.vlt-v1776 .changeBox a:hover {
  background-color: #1ea5c3;
  background-position: left bottom;
}
div.vlt-v1776 .changeSplitting a {
  background-image: url(/img/skin/01/icon-change-splitting.png);
}
div.vlt-v1776 .changeBox a {
  background-image: url(/img/skin/01/icon-change-box.png);
}
div.vlt-v1776 .GroupPresentee {
  display: none;
}
div.vlt-v1776 .GroupButton {
  clear: both;
  padding-top: 20px;
}
div.vlt-v1776 .Button {
  margin: 0px;
  margin-top: 20px;
  display: block;
  cursor: pointer;
  font-weight: bold;
  background-color: transparent;
  border: 0px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: white;
  background-image: url("/img/skin/01/button-step-next.png");
  background-position: right top;
  text-shadow: 2px 2px 5px #000000;
}
div.vlt-v1776 .Button:hover {
  background-image: url("/img/skin/01/button-step-next.png");
  background-position: right bottom;
}
div.vlt-v1776 div.GroupBoxOptions {
  margin-top: 15px;
}
div.vlt-v1776 div.changeSplitting a,
div.vlt-v1776 div.changeBox a {
  margin-top: 15px;
}
div.vlt-v1776 .GroupCaption {
  font-size: 1.2em;
  color: #00336a;
  font-weight: bold;
  padding: 10px;
  background-color: #e1effa;
}
div.vlt-v1776 td.ImageVouchers {
  width: 150px;
}
div.vlt-v1776 td.ImageBox {
  width: 150px;
}
div.vlt-v1776 td.GroupVoucherSum {
  width: 250px;
}
div.vlt-v1776 .GroupMain table {
  width: 100%;
  background-color: #dcedf9;
  background-image: url(/img/skin/01/ba-stripes.jpg);
  border-top: 5px solid #d7eaf9;
}
div.vlt-v1776 .GroupMain table td {
  padding: 10px;
  vertical-align: middle;
  text-align: center;
}
div.vlt-v1776 #GroupStatus {
  font-size: 13px;
}
div.vlt-v1776 #GroupStatus .Step {
  position: relative;
  z-index: 1;
  float: left;
  text-align: center;
}
div.vlt-v1776 #GroupStatus .Step span {
  display: block;
}
div.vlt-v1776 #GroupStatus .Step span.icon {
  margin: auto;
  width: 45px;
  height: 45px;
  line-height: 45px;
  background-color: #8a8d93;
  border-radius: 50%;
}
div.vlt-v1776 #GroupStatus .StepDone,
div.vlt-v1776 #GroupStatus .StepActive {
  color: #1da1c2;
}
div.vlt-v1776 #GroupStatus .StepActive {
  font-weight: bold;
}
div.vlt-v1776 #GroupStatus .StepDone span.icon,
div.vlt-v1776 #GroupStatus .StepActive span.icon {
  background-color: #1da1c2;
}
div.vlt-v1776 #GroupStatus .StepStart {
  position: relative;
  z-index: 1;
  float: left;
  width: 11%;
  height: 45px;
  background-image: url(/img/skin/01/icon-step-start.png);
  background-repeat: no-repeat;
  background-position: left 20px;
}
div.vlt-v1776 #GroupStatus .StepEnd {
  position: relative;
  z-index: 1;
  float: right;
  width: 11%;
  height: 55px;
}
div.vlt-v1776 #GroupStatus .Step1 {
  width: 22%;
}
div.vlt-v1776 #GroupStatus .Step2 {
  width: 34%;
}
div.vlt-v1776 #GroupStatus .Step3 {
  width: 22%;
}
div.vlt-v1776 #GroupStatus .StepEnd .icon {
  display: block;
  float: right;
  width: 68px;
  height: 55px;
  background-image: url(/img/skin/01/icon-step-end.png);
  background-repeat: no-repeat;
  background-position: left top;
}
div.vlt-v1776 #GroupStatus .ActiveStep4 .StepEnd .icon {
  background-position: left bottom;
}
div.vlt-v1776 #GroupStatus .StepOff span.icon {
  background-image: url(/img/skin/01/icon-step-off.png);
}
div.vlt-v1776 #GroupStatus .StepDone span.icon {
  background-image: url(/img/skin/01/icon-step-done.png);
}
div.vlt-v1776 #GroupStatus .StepActive span.icon {
  background-image: url(/img/skin/01/icon-step-active.png);
}
div.vlt-v1776 #GroupStatus {
  position: relative;
}
div.vlt-v1776 .StatusStepDone {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  background-image: url(/img/skin/01/ba-step-done.png);
  background-repeat: repeat-x;
  background-position: 0px 23px;
}
div.vlt-v1776 .StatusStepOff {
  position: absolute;
  right: 15px;
  top: 0px;
  bottom: 0px;
  background-image: url(/img/skin/01/ba-step-off.png);
  background-repeat: repeat-x;
  background-position: 0px 23px;
}
div.vlt-v1776 .ActiveStep1 .StatusStepDone {
  width: 22%;
}
div.vlt-v1776 .ActiveStep1 .StatusStepOff {
  width: 78%;
}
div.vlt-v1776 .ActiveStep2 .StatusStepDone {
  width: 50%;
}
div.vlt-v1776 .ActiveStep2 .StatusStepOff {
  width: 50%;
}
div.vlt-v1776 .ActiveStep3 .StatusStepDone {
  width: 78%;
}
div.vlt-v1776 .ActiveStep3 .StatusStepOff {
  width: 22%;
}
div.vlt-v1776 .ActiveStep4 .StatusStepDone {
  width: 100%;
}
div.vlt-v1776 .ActiveStep4 .StatusStepOff {
  width: 0%;
}
div.vlt-v1776 #Viewlet__default__PageForm__step1__ViewVoucherList-status {
  display: none;
}
div.vlt-v1776 #Viewlet__default__PageForm__step2__ViewVoucherList-status {
  display: none;
}
div.vlt-v1776 #Viewlet__default__PageForm__step2__ViewExtras__000001__GroupExtras td {
  vertical-align: top;
}
div.vlt-v1776 .GroupConfirmation div {
  background-color: #e6f3fc;
  line-height: 40px;
  padding: 5px 15px;
  color: #00336a;
}
div.vlt-v1776 .GroupConfirmation div:hover {
  background-color: #f2f9d8;
}
div.vlt-v1776 .GroupConfirmation div a {
  color: #00336a;
}
div.vlt-v1776 .GroupConfirmation div a:hover {
  color: #1da1c2;
}
div.vlt-v1776 .GroupConfirmation div input {
  margin: 0px 10px;
}
div.vlt-v1776 .field-toggle input.TypeCheckbox {
  float: left;
}
@media only screen and (max-width: 991px) {
  div.vlt-v1776 #Section-step2 .field-fieldgroup .fieldgroup-horizontal > tbody > tr {
    display: table-row;
    width: 100%;
    vertical-align: middle;
  }
  div.vlt-v1776 #Section-step2 .field-fieldgroup .fieldgroup-horizontal > tbody > tr > td {
    padding-right: 10px !important;
  }
  div.vlt-v1776 #Section-step2 .field-fieldgroup .fieldgroup-horizontal > tbody > tr > td:last-child {
    padding-right: 0px !important;
  }
}
@media only screen and (max-width: 768px) and (min-width: 480px) {
  div.vlt-v1776 #Section-step2 .changeSplitting a,
  div.vlt-v1776 #Section-step2 .changeBox a {
    background-image: none;
  }
}
@media only screen and (max-width: 480px) {
  div.vlt-v1776 #Section-step1 .panel-toolbar input[type="submit"].Button,
  div.vlt-v1776 #Section-step2 > div.action input[type="submit"].Button,
  div.vlt-v1776 #Section-step3 > div.view.view-single div.action input[type="submit"].Button {
    width: 100% !important;
  }
  div.vlt-v1776 #Section-step2 #Viewlet__default__PageForm__step2__ViewContactData .GroupMain .GroupCaption {
    display: block;
  }
  div.vlt-v1776 #Section-step2 #Viewlet__default__PageForm__step2__ViewContactData .GroupMain .GroupDetail {
    display: none;
  }
  div.vlt-v1776 #Section-step2 #Viewlet__default__PageForm__step2__ViewContactData__000001__GroupSalutation > table > tbody > tr > td,
  div.vlt-v1776 #Section-step2 #Viewlet__default__PageForm__step2__ViewContactData__000001__GroupSalutationShipping > table > tbody > tr > td,
  div.vlt-v1776 #Section-step2 #Viewlet__default__PageForm__step2__ViewContactData__000001__GroupPostCodeTown > table > tbody > tr > td,
  div.vlt-v1776 #Section-step2 #Viewlet__default__PageForm__step2__ViewContactData__000001__GroupPostCodeTownShippment > table > tbody > tr > td {
    padding-right: 0px !important;
  }
  div.vlt-v1776 #Section-step2 #Viewlet__default__PageForm__step2__ViewContactData__000001__GroupSalutation > table > colgroup > col:first-child,
  div.vlt-v1776 #Section-step2 #Viewlet__default__PageForm__step2__ViewContactData__000001__GroupSalutationShipping > table > colgroup > col:first-child {
    width: 100%;
  }
  div.vlt-v1776 #Section-step2 #Viewlet__default__PageForm__step2__ViewPayment__000001__GroupPayment > table tr.odd td div.item,
  div.vlt-v1776 #Section-step2 #Viewlet__default__PageForm__step2__ViewShipping__000001__GroupShipping > table tr.odd td div.item {
    width: 100% !important;
  }
  div.vlt-v1776 #Section-step3 > div.view.view-single > table > tbody > tr:nth-child(7),
  div.vlt-v1776 #Section-step3 > div.view.view-single > table > tbody > tr:nth-child(8),
  div.vlt-v1776 #Section-step3 > div.view.view-single > table > tbody > tr:nth-child(9),
  div.vlt-v1776 #Section-step3 > div.view.view-single > table > tbody > tr:nth-child(10),
  div.vlt-v1776 #Section-step3 > div.view.view-single > table > tbody > tr:nth-child(11),
  div.vlt-v1776 #Section-step3 > div.view.view-single > table > tbody > tr:nth-child(12) {
    display: flex;
    justify-content: space-between;
  }
  div.vlt-v1776 #Section-step3 > div.view.view-single > table > tbody > tr:nth-child(7) > td:first-child,
  div.vlt-v1776 #Section-step3 > div.view.view-single > table > tbody > tr:nth-child(8) > td:first-child,
  div.vlt-v1776 #Section-step3 > div.view.view-single > table > tbody > tr:nth-child(9) > td:first-child,
  div.vlt-v1776 #Section-step3 > div.view.view-single > table > tbody > tr:nth-child(10) > td:first-child,
  div.vlt-v1776 #Section-step3 > div.view.view-single > table > tbody > tr:nth-child(11) > td:first-child,
  div.vlt-v1776 #Section-step3 > div.view.view-single > table > tbody > tr:nth-child(12) > td:first-child {
    display: none;
  }
  div.vlt-v1776 #Section-step3 .GroupConfirmation > div {
    display: flex;
  }
  div.vlt-v1776 #Section-step4 > table > tbody > tr > td {
    display: table-cell;
  }
}