.tab-bar {
    border-radius: 4pt;
    display: flex;
    flex-direction: row;
    height: auto !important;
    overflow: hidden;
    border: 1pt solid var(--primary);
    background: transparent !important;
}
.multi-check-box-row {
    display: none;
}
.tab-bar-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    border-left: 1pt solid var(--primary);
    background: transparent !important;
    color: var(--black);
    font-size: 12pt;
    line-height: 28pt;
    font-weight: bold;
}
p {
    margin-bottom: 5pt; /* between paragraphs */
}
.tab-bar-tab:first-child {
    border: none;
}
.tab-bar-tab-active {
    background: var(--primary) !important;
    color: white;
}
/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }
@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }
@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }
@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
.dropzone, .dropzone * {
  box-sizing: border-box; }

.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px; }
  .dropzone.dz-clickable {
    cursor: pointer; }
    .dropzone.dz-clickable * {
      cursor: default; }
    .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
      cursor: pointer; }
  .dropzone.dz-started .dz-message {
    display: none; }
  .dropzone.dz-drag-hover {
    border-style: solid; }
    .dropzone.dz-drag-hover .dz-message {
      opacity: 0.5; }
  .dropzone .dz-message {
    text-align: center;
    margin: 2em 0; }
    .dropzone .dz-message .dz-button {
      background: none;
      color: inherit;
      border: none;
      padding: 0;
      font: inherit;
      cursor: pointer;
      outline: inherit; }
  .dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px; }
    .dropzone .dz-preview:hover {
      z-index: 1000; }
      .dropzone .dz-preview:hover .dz-details {
        opacity: 1; }
    .dropzone .dz-preview.dz-file-preview .dz-image {
      border-radius: 20px;
      background: #999;
      background: linear-gradient(to bottom, #eee, #ddd); }
    .dropzone .dz-preview.dz-file-preview .dz-details {
      opacity: 1; }
    .dropzone .dz-preview.dz-image-preview {
      background: white; }
      .dropzone .dz-preview.dz-image-preview .dz-details {
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -ms-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear; }
    .dropzone .dz-preview .dz-remove {
      font-size: 14px;
      text-align: center;
      display: block;
      cursor: pointer;
      border: none; }
      .dropzone .dz-preview .dz-remove:hover {
        text-decoration: underline; }
    .dropzone .dz-preview:hover .dz-details {
      opacity: 1; }
    .dropzone .dz-preview .dz-details {
      z-index: 20;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      font-size: 13px;
      min-width: 100%;
      max-width: 100%;
      padding: 2em 1em;
      text-align: center;
      color: rgba(0, 0, 0, 0.9);
      line-height: 150%; }
      .dropzone .dz-preview .dz-details .dz-size {
        margin-bottom: 1em;
        font-size: 16px; }
      .dropzone .dz-preview .dz-details .dz-filename {
        white-space: nowrap; }
        .dropzone .dz-preview .dz-details .dz-filename:hover span {
          border: 1px solid rgba(200, 200, 200, 0.8);
          background-color: rgba(255, 255, 255, 0.8); }
        .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
          overflow: hidden;
          text-overflow: ellipsis; }
          .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
            border: 1px solid transparent; }
      .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
        background-color: rgba(255, 255, 255, 0.4);
        padding: 0 0.4em;
        border-radius: 3px; }
    .dropzone .dz-preview:hover .dz-image img {
      -webkit-transform: scale(1.05, 1.05);
      -moz-transform: scale(1.05, 1.05);
      -ms-transform: scale(1.05, 1.05);
      -o-transform: scale(1.05, 1.05);
      transform: scale(1.05, 1.05);
      -webkit-filter: blur(8px);
      filter: blur(8px); }
    .dropzone .dz-preview .dz-image {
      border-radius: 20px;
      overflow: hidden;
      width: 120px;
      height: 120px;
      position: relative;
      display: block;
      z-index: 10; }
      .dropzone .dz-preview .dz-image img {
        display: block; }
    .dropzone .dz-preview.dz-success .dz-success-mark {
      -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
    .dropzone .dz-preview.dz-error .dz-error-mark {
      opacity: 1;
      -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
    .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
      pointer-events: none;
      opacity: 0;
      z-index: 500;
      position: absolute;
      display: block;
      top: 50%;
      left: 50%;
      margin-left: -27px;
      margin-top: -27px; }
      .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
        display: block;
        width: 54px;
        height: 54px; }
    .dropzone .dz-preview.dz-processing .dz-progress {
      opacity: 1;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear; }
    .dropzone .dz-preview.dz-complete .dz-progress {
      opacity: 0;
      -webkit-transition: opacity 0.4s ease-in;
      -moz-transition: opacity 0.4s ease-in;
      -ms-transition: opacity 0.4s ease-in;
      -o-transition: opacity 0.4s ease-in;
      transition: opacity 0.4s ease-in; }
    .dropzone .dz-preview:not(.dz-processing) .dz-progress {
      -webkit-animation: pulse 6s ease infinite;
      -moz-animation: pulse 6s ease infinite;
      -ms-animation: pulse 6s ease infinite;
      -o-animation: pulse 6s ease infinite;
      animation: pulse 6s ease infinite; }
    .dropzone .dz-preview .dz-progress {
      opacity: 1;
      z-index: 1000;
      pointer-events: none;
      position: absolute;
      height: 16px;
      left: 50%;
      top: 50%;
      margin-top: -8px;
      width: 80px;
      margin-left: -40px;
      background: rgba(255, 255, 255, 0.9);
      -webkit-transform: scale(1);
      border-radius: 8px;
      overflow: hidden; }
      .dropzone .dz-preview .dz-progress .dz-upload {
        background: #333;
        background: linear-gradient(to bottom, #666, #444);
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 0;
        -webkit-transition: width 300ms ease-in-out;
        -moz-transition: width 300ms ease-in-out;
        -ms-transition: width 300ms ease-in-out;
        -o-transition: width 300ms ease-in-out;
        transition: width 300ms ease-in-out; }
    .dropzone .dz-preview.dz-error .dz-error-message {
      display: block; }
    .dropzone .dz-preview.dz-error:hover .dz-error-message {
      opacity: 1;
      pointer-events: auto; }
    .dropzone .dz-preview .dz-error-message {
      pointer-events: none;
      z-index: 1000;
      position: absolute;
      display: block;
      display: none;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease;
      -moz-transition: opacity 0.3s ease;
      -ms-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease;
      border-radius: 8px;
      font-size: 13px;
      top: 130px;
      left: -10px;
      width: 140px;
      background: #be2626;
      background: linear-gradient(to bottom, #be2626, #a92222);
      padding: 0.5em 1.2em;
      color: white; }
      .dropzone .dz-preview .dz-error-message:after {
        content: '';
        position: absolute;
        top: -6px;
        left: 64px;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #be2626; }
meta.foundation-version {
  font-family: "/{{ VERSION }}/"; }

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0em; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:40.063em)/";
  width: 40.063em; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:64.063em)/";
  width: 64.063em; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.063em)/";
  width: 90.063em; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.063em)/";
  width: 120.063em; }

meta.foundation-data-attribute-namespace {
  font-family: false; }

html, body {
  height: 100%; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  font-size: 100%; }

body {
  background: white;
  color: #222222;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 150%;
  position: relative;
  cursor: default; }

a:hover {
  cursor: pointer; }

img {
  max-width: 100%;
  height: auto; }

img {
  -ms-interpolation-mode: bicubic;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }
.clearfix:after {
  clear: both; }

.hide {
  display: none; }

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    width: auto;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin-left: 0;
      margin-right: 0;
      max-width: none; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column,
.columns {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left; }

[class*="column"] + [class*="column"]:last-child {
  float: right; }

[class*="column"] + [class*="column"].end {
  float: left; }

@media only screen {
  .small-push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .small-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .small-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .small-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .small-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .small-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .small-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .small-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .small-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .small-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .small-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .small-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .small-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .small-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .small-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .small-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .small-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }

  .small-1 {
    width: 8.33333%; }

  .small-2 {
    width: 16.66667%; }

  .small-3 {
    width: 25%; }

  .small-4 {
    width: 33.33333%; }

  .small-5 {
    width: 41.66667%; }

  .small-6 {
    width: 50%; }

  .small-7 {
    width: 58.33333%; }

  .small-8 {
    width: 66.66667%; }

  .small-9 {
    width: 75%; }

  .small-10 {
    width: 83.33333%; }

  .small-11 {
    width: 91.66667%; }

  .small-12 {
    width: 100%; }

  .small-offset-0 {
    margin-left: 0% !important; }

  .small-offset-1 {
    margin-left: 8.33333% !important; }

  .small-offset-2 {
    margin-left: 16.66667% !important; }

  .small-offset-3 {
    margin-left: 25% !important; }

  .small-offset-4 {
    margin-left: 33.33333% !important; }

  .small-offset-5 {
    margin-left: 41.66667% !important; }

  .small-offset-6 {
    margin-left: 50% !important; }

  .small-offset-7 {
    margin-left: 58.33333% !important; }

  .small-offset-8 {
    margin-left: 66.66667% !important; }

  .small-offset-9 {
    margin-left: 75% !important; }

  .small-offset-10 {
    margin-left: 83.33333% !important; }

  .small-offset-11 {
    margin-left: 91.66667% !important; }

  .small-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }

  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .column.small-uncentered,
  .columns.small-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }

  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none; }

  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left; }

  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right; } }
@media only screen and (min-width: 40.063em) {
  .medium-push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .medium-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }

  .medium-1 {
    width: 8.33333%; }

  .medium-2 {
    width: 16.66667%; }

  .medium-3 {
    width: 25%; }

  .medium-4 {
    width: 33.33333%; }

  .medium-5 {
    width: 41.66667%; }

  .medium-6 {
    width: 50%; }

  .medium-7 {
    width: 58.33333%; }

  .medium-8 {
    width: 66.66667%; }

  .medium-9 {
    width: 75%; }

  .medium-10 {
    width: 83.33333%; }

  .medium-11 {
    width: 91.66667%; }

  .medium-12 {
    width: 100%; }

  .medium-offset-0 {
    margin-left: 0% !important; }

  .medium-offset-1 {
    margin-left: 8.33333% !important; }

  .medium-offset-2 {
    margin-left: 16.66667% !important; }

  .medium-offset-3 {
    margin-left: 25% !important; }

  .medium-offset-4 {
    margin-left: 33.33333% !important; }

  .medium-offset-5 {
    margin-left: 41.66667% !important; }

  .medium-offset-6 {
    margin-left: 50% !important; }

  .medium-offset-7 {
    margin-left: 58.33333% !important; }

  .medium-offset-8 {
    margin-left: 66.66667% !important; }

  .medium-offset-9 {
    margin-left: 75% !important; }

  .medium-offset-10 {
    margin-left: 83.33333% !important; }

  .medium-offset-11 {
    margin-left: 91.66667% !important; }

  .medium-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }

  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .column.medium-uncentered,
  .columns.medium-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }

  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none; }

  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left; }

  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right; }

  .push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }
@media only screen and (min-width: 64.063em) {
  .large-push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .large-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }

  .large-1 {
    width: 8.33333%; }

  .large-2 {
    width: 16.66667%; }

  .large-3 {
    width: 25%; }

  .large-4 {
    width: 33.33333%; }

  .large-5 {
    width: 41.66667%; }

  .large-6 {
    width: 50%; }

  .large-7 {
    width: 58.33333%; }

  .large-8 {
    width: 66.66667%; }

  .large-9 {
    width: 75%; }

  .large-10 {
    width: 83.33333%; }

  .large-11 {
    width: 91.66667%; }

  .large-12 {
    width: 100%; }

  .large-offset-0 {
    margin-left: 0% !important; }

  .large-offset-1 {
    margin-left: 8.33333% !important; }

  .large-offset-2 {
    margin-left: 16.66667% !important; }

  .large-offset-3 {
    margin-left: 25% !important; }

  .large-offset-4 {
    margin-left: 33.33333% !important; }

  .large-offset-5 {
    margin-left: 41.66667% !important; }

  .large-offset-6 {
    margin-left: 50% !important; }

  .large-offset-7 {
    margin-left: 58.33333% !important; }

  .large-offset-8 {
    margin-left: 66.66667% !important; }

  .large-offset-9 {
    margin-left: 75% !important; }

  .large-offset-10 {
    margin-left: 83.33333% !important; }

  .large-offset-11 {
    margin-left: 91.66667% !important; }

  .large-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }

  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }

  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none; }

  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: left; }

  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right; }

  .push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }
button, .button {
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  display: inline-block;
  padding-top: 1rem;
  padding-right: 2rem;
  padding-bottom: 1.0625rem;
  padding-left: 2rem;
  font-size: 1rem;
  background-color: #008cba;
  border-color: #007095;
  color: white;
  transition: background-color 300ms ease-out; }
  button:hover, button:focus, .button:hover, .button:focus {
    background-color: #007095; }
  button:hover, button:focus, .button:hover, .button:focus {
    color: white; }
  button.secondary, .button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333333; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      background-color: #b9b9b9; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      color: #333333; }
  button.success, .button.success {
    background-color: #43ac6a;
    border-color: #368a55;
    color: white; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      background-color: #368a55; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      color: white; }
  button.alert, .button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: white; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      background-color: #cf2a0e; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      color: white; }
  button.large, .button.large {
    padding-top: 1.125rem;
    padding-right: 2.25rem;
    padding-bottom: 1.1875rem;
    padding-left: 2.25rem;
    font-size: 1.25rem; }
  button.small, .button.small {
    padding-top: 0.875rem;
    padding-right: 1.75rem;
    padding-bottom: 0.9375rem;
    padding-left: 1.75rem;
    font-size: 0.8125rem; }
  button.tiny, .button.tiny {
    padding-top: 0.625rem;
    padding-right: 1.25rem;
    padding-bottom: 0.6875rem;
    padding-left: 1.25rem;
    font-size: 0.6875rem; }
  button.expand, .button.expand {
    padding-right: 0;
    padding-left: 0;
    width: 100%; }
  button.left-align, .button.left-align {
    text-align: left;
    text-indent: 0.75rem; }
  button.right-align, .button.right-align {
    text-align: right;
    padding-right: 0.75rem; }
  button.radius, .button.radius {
    border-radius: 3px; }
  button.round, .button.round {
    border-radius: 1000px; }
  button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background-color: #008cba;
    border-color: #007095;
    color: white;
    cursor: default;
    opacity: 0.7;
    box-shadow: none; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #007095; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      color: white; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #008cba; }
    button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
      background-color: #e7e7e7;
      border-color: #b9b9b9;
      color: #333333;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #b9b9b9; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        color: #333333; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #e7e7e7; }
    button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
      background-color: #43ac6a;
      border-color: #368a55;
      color: white;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #368a55; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        color: white; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #43ac6a; }
    button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
      background-color: #f04124;
      border-color: #cf2a0e;
      color: white;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #cf2a0e; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        color: white; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #f04124; }

button::-moz-focus-inner {
  border: 0;
  padding: 0; }

@media only screen and (min-width: 40.063em) {
  button, .button {
    display: inline-block; } }
meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width:40.063em)/";
  width: 40.063em; }

/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
  width: 100%;
  background: #333333; }
  .contain-to-grid .top-bar {
    margin-bottom: 0; }

.fixed {
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99; }
  .fixed.expanded:not(.top-bar) {
    overflow-y: auto;
    height: auto;
    width: 100%;
    max-height: 100%; }
    .fixed.expanded:not(.top-bar) .title-area {
      position: fixed;
      width: 100%;
      z-index: 99; }
    .fixed.expanded:not(.top-bar) .top-bar-section {
      z-index: 98;
      margin-top: 45px; }

.top-bar {
  overflow: hidden;
  height: 45px;
  line-height: 45px;
  position: relative;
  background: #333333;
  margin-bottom: 0; }
  .top-bar ul {
    margin-bottom: 0;
    list-style: none; }
  .top-bar .row {
    max-width: none; }
  .top-bar form,
  .top-bar input {
    margin-bottom: 0; }
  .top-bar input {
    height: 1.8rem;
    padding-top: .35rem;
    padding-bottom: .35rem;
    font-size: 0.75rem; }
  .top-bar .button, .top-bar button {
    padding-top: .45rem;
    padding-bottom: .35rem;
    margin-bottom: 0;
    font-size: 0.75rem; }
  .top-bar .title-area {
    position: relative;
    margin: 0; }
  .top-bar .name {
    height: 45px;
    margin: 0;
    font-size: 16px; }
    .top-bar .name h1 {
      line-height: 45px;
      font-size: 1.0625rem;
      margin: 0; }
      .top-bar .name h1 a {
        font-weight: normal;
        color: white;
        width: 75%;
        display: block;
        padding: 0 15px; }
  .top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0; }
    .top-bar .toggle-topbar a {
      color: white;
      text-transform: uppercase;
      font-size: 0.8125rem;
      font-weight: bold;
      position: relative;
      display: block;
      padding: 0 15px;
      height: 45px;
      line-height: 45px; }
    .top-bar .toggle-topbar.menu-icon {
      top: 50%;
      margin-top: -16px; }
      .top-bar .toggle-topbar.menu-icon a {
        height: 34px;
        line-height: 33px;
        padding: 0 40px 0 15px;
        color: white;
        position: relative; }
        .top-bar .toggle-topbar.menu-icon a span::after {
          content: "";
          position: absolute;
          display: block;
          height: 0;
          top: 50%;
          margin-top: -8px;
          right: 15px;
          box-shadow: 0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white;
          width: 16px; }
        .top-bar .toggle-topbar.menu-icon a span:hover:after {
          box-shadow: 0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white; }
  .top-bar.expanded {
    height: auto;
    background: transparent; }
    .top-bar.expanded .title-area {
      background: #333333; }
    .top-bar.expanded .toggle-topbar a {
      color: #888888; }
      .top-bar.expanded .toggle-topbar a::after {
        box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; }

.top-bar-section {
  left: 0;
  position: relative;
  width: auto;
  transition: left 300ms ease-out; }
  .top-bar-section ul {
    padding: 0;
    width: 100%;
    height: auto;
    display: block;
    font-size: 16px;
    margin: 0; }
  .top-bar-section .divider,
  .top-bar-section [role="separator"] {
    border-top: solid 1px #1a1a1a;
    clear: both;
    height: 1px;
    width: 100%; }
  .top-bar-section ul li {
    background: #333333; }
    .top-bar-section ul li > a {
      display: block;
      width: 100%;
      color: white;
      padding: 12px 0 12px 0;
      padding-left: 15px;
      font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      font-size: 0.8125rem;
      font-weight: normal;
      text-transform: none; }
      .top-bar-section ul li > a.button {
        font-size: 0.8125rem;
        padding-right: 15px;
        padding-left: 15px;
        background-color: #008cba;
        border-color: #007095;
        color: white; }
        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
          background-color: #007095; }
        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
          color: white; }
      .top-bar-section ul li > a.button.secondary {
        background-color: #e7e7e7;
        border-color: #b9b9b9;
        color: #333333; }
        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
          background-color: #b9b9b9; }
        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
          color: #333333; }
      .top-bar-section ul li > a.button.success {
        background-color: #43ac6a;
        border-color: #368a55;
        color: white; }
        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
          background-color: #368a55; }
        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
          color: white; }
      .top-bar-section ul li > a.button.alert {
        background-color: #f04124;
        border-color: #cf2a0e;
        color: white; }
        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
          background-color: #cf2a0e; }
        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
          color: white; }
    .top-bar-section ul li > button {
      font-size: 0.8125rem;
      padding-right: 15px;
      padding-left: 15px;
      background-color: #008cba;
      border-color: #007095;
      color: white; }
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
        background-color: #007095; }
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
        color: white; }
      .top-bar-section ul li > button.secondary {
        background-color: #e7e7e7;
        border-color: #b9b9b9;
        color: #333333; }
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
          background-color: #b9b9b9; }
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
          color: #333333; }
      .top-bar-section ul li > button.success {
        background-color: #43ac6a;
        border-color: #368a55;
        color: white; }
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
          background-color: #368a55; }
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
          color: white; }
      .top-bar-section ul li > button.alert {
        background-color: #f04124;
        border-color: #cf2a0e;
        color: white; }
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
          background-color: #cf2a0e; }
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
          color: white; }
    .top-bar-section ul li:hover:not(.has-form) > a {
      background-color: #555555;
      background: #272727;
      color: white; }
    .top-bar-section ul li.active > a {
      background: #008cba;
      color: white; }
      .top-bar-section ul li.active > a:hover {
        background: #0078a0;
        color: white; }
  .top-bar-section .has-form {
    padding: 15px; }
  .top-bar-section .has-dropdown {
    position: relative; }
    .top-bar-section .has-dropdown > a:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 5px;
      border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
      border-left-style: solid;
      margin-right: 15px;
      margin-top: -4.5px;
      position: absolute;
      top: 50%;
      right: 0; }
    .top-bar-section .has-dropdown.moved {
      position: static; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        display: block;
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        position: absolute !important;
        width: 100%; }
      .top-bar-section .has-dropdown.moved > a:after {
        display: none; }
  .top-bar-section .dropdown {
    padding: 0;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 99;
    display: block;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
    .top-bar-section .dropdown li {
      width: 100%;
      height: auto; }
      .top-bar-section .dropdown li a {
        font-weight: normal;
        padding: 8px 15px; }
        .top-bar-section .dropdown li a.parent-link {
          font-weight: normal; }
      .top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {
        margin-bottom: 0;
        margin-top: 0; }
        .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
          color: white;
          line-height: 22.5px;
          display: block; }
          .top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
            background: none; }
      .top-bar-section .dropdown li.has-form {
        padding: 8px 15px; }
      .top-bar-section .dropdown li .button, .top-bar-section .dropdown li button {
        top: auto; }
    .top-bar-section .dropdown label {
      padding: 8px 15px 2px;
      margin-bottom: 0;
      text-transform: uppercase;
      color: #777777;
      font-weight: bold;
      font-size: 0.625rem; }

.js-generated {
  display: block; }

@media only screen and (min-width: 40.063em) {
  .top-bar {
    background: #333333;
    overflow: visible; }
    .top-bar:before, .top-bar:after {
      content: " ";
      display: table; }
    .top-bar:after {
      clear: both; }
    .top-bar .toggle-topbar {
      display: none; }
    .top-bar .title-area {
      float: left; }
    .top-bar .name h1 a {
      width: auto; }
    .top-bar input,
    .top-bar .button,
    .top-bar button {
      font-size: 0.875rem;
      position: relative;
      top: 7px; }
    .top-bar.expanded {
      background: #333333; }

  .contain-to-grid .top-bar {
    max-width: 62.5rem;
    margin: 0 auto;
    margin-bottom: 0; }

  .top-bar-section {
    transition: none 0 0;
    left: 0 !important; }
    .top-bar-section ul {
      width: auto;
      height: auto !important;
      display: inline; }
      .top-bar-section ul li {
        float: left; }
        .top-bar-section ul li .js-generated {
          display: none; }
    .top-bar-section li.hover > a:not(.button) {
      background-color: #555555;
      background: #272727;
      color: white; }
    .top-bar-section li:not(.has-form) a:not(.button) {
      padding: 0 15px;
      line-height: 45px;
      background: #333333; }
      .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: #555555;
        background: #272727; }
    .top-bar-section li.active:not(.has-form) a:not(.button) {
      padding: 0 15px;
      line-height: 45px;
      color: white;
      background: #008cba; }
      .top-bar-section li.active:not(.has-form) a:not(.button):hover {
        background: #0078a0;
        color: white; }
    .top-bar-section .has-dropdown > a {
      padding-right: 35px !important; }
      .top-bar-section .has-dropdown > a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
        border-top-style: solid;
        margin-top: -2.5px;
        top: 22.5px; }
    .top-bar-section .has-dropdown.moved {
      position: relative; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        display: block;
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px); }
    .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
      display: block;
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      position: absolute !important; }
    .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
      border: none;
      content: "\00bb";
      top: 1rem;
      margin-top: -1px;
      right: 5px;
      line-height: 1.2; }
    .top-bar-section .dropdown {
      left: 0;
      top: auto;
      background: transparent;
      min-width: 100%; }
      .top-bar-section .dropdown li a {
        color: white;
        line-height: 45px;
        white-space: nowrap;
        padding: 12px 15px;
        background: #333333; }
      .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
        color: white;
        background: #333333; }
      .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
        color: white;
        background-color: #555555;
        background: #272727; }
      .top-bar-section .dropdown li label {
        white-space: nowrap;
        background: #333333; }
      .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0; }
    .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
      border-bottom: none;
      border-top: none;
      border-right: solid 1px #4e4e4e;
      clear: none;
      height: 45px;
      width: 0; }
    .top-bar-section .has-form {
      background: #333333;
      padding: 0 15px;
      height: 45px; }
    .top-bar-section .right li .dropdown {
      left: auto;
      right: 0; }
      .top-bar-section .right li .dropdown li .dropdown {
        right: 100%; }
    .top-bar-section .left li .dropdown {
      right: auto;
      left: 0; }
      .top-bar-section .left li .dropdown li .dropdown {
        left: 100%; }

  .no-js .top-bar-section ul li:hover > a {
    background-color: #555555;
    background: #272727;
    color: white; }
  .no-js .top-bar-section ul li:active > a {
    background: #008cba;
    color: white; }
  .no-js .top-bar-section .has-dropdown:hover > .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important; } }
.breadcrumbs {
  display: block;
  padding: 0.5625rem 0.875rem 0.5625rem;
  overflow: hidden;
  margin-left: 0;
  list-style: none;
  border-style: solid;
  border-width: 1px;
  background-color: #f4f4f4;
  border-color: gainsboro;
  border-radius: 3px; }
  .breadcrumbs > * {
    margin: 0;
    float: left;
    font-size: 0.6875rem;
    line-height: 0.6875rem;
    text-transform: uppercase;
    color: #008cba; }
    .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
      text-decoration: underline; }
    .breadcrumbs > * a {
      color: #008cba; }
    .breadcrumbs > *.current {
      cursor: default;
      color: #333333; }
      .breadcrumbs > *.current a {
        cursor: default;
        color: #333333; }
      .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
        text-decoration: none; }
    .breadcrumbs > *.unavailable {
      color: #999999; }
      .breadcrumbs > *.unavailable a {
        color: #999999; }
      .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
      .breadcrumbs > *.unavailable a:focus {
        text-decoration: none;
        color: #999999;
        cursor: default; }
    .breadcrumbs > *:before {
      content: "/";
      color: #aaaaaa;
      margin: 0 0.75rem;
      position: relative;
      top: 1px; }
    .breadcrumbs > *:first-child:before {
      content: " ";
      margin: 0; }

/* Accessibility - hides the forward slash */
[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
  content: "/"; }

.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-weight: normal;
  margin-bottom: 1.25rem;
  position: relative;
  padding: 0.875rem 1.5rem 0.875rem 0.875rem;
  font-size: 0.8125rem;
  transition: opacity 300ms ease-out;
  background-color: #008cba;
  border-color: #0078a0;
  color: white; }
  .alert-box .close {
    font-size: 1.375rem;
    padding: 9px 6px 4px;
    line-height: 0;
    position: absolute;
    top: 50%;
    margin-top: -0.6875rem;
    right: 0.25rem;
    color: #333333;
    opacity: 0.3; }
    .alert-box .close:hover, .alert-box .close:focus {
      opacity: 0.5; }
  .alert-box.radius {
    border-radius: 3px; }
  .alert-box.round {
    border-radius: 1000px; }
  .alert-box.success {
    background-color: #43ac6a;
    border-color: #3a945b;
    color: white; }
  .alert-box.alert {
    background-color: #f04124;
    border-color: #de2d0f;
    color: white; }
  .alert-box.secondary {
    background-color: #e7e7e7;
    border-color: #c7c7c7;
    color: #4f4f4f; }
  .alert-box.warning {
    background-color: #f08a24;
    border-color: #de770f;
    color: white; }
  .alert-box.info {
    background-color: #a0d3e8;
    border-color: #74bfdd;
    color: #4f4f4f; }
  .alert-box.alert-close {
    opacity: 0; }

.inline-list {
  margin: 0 auto 1.0625rem auto;
  margin-left: -1.375rem;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden; }
  .inline-list > li {
    list-style: none;
    float: left;
    margin-left: 1.375rem;
    display: block; }
    .inline-list > li > * {
      display: block; }
/* bortkommenterat f�r att fixa jquery ui problem */
.button-group {
  list-style: none;
  margin: 0;
  left: 0; }
  .button-group:before, .button-group:after {
    content: " ";
    display: table; }
  .button-group:after {
    clear: both; }
  .button-group > li {
    margin: 0 -2px;
    float: none;
    display: inline-block; }
    .button-group > li > button, .button-group > li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group > li:first-child button, .button-group > li:first-child .button {
      border-left: 0; }
  .button-group.stack > li {
    margin: 0 -2px;
    float: none;
    display: inline-block;
    display: block;
    margin: 0; }
    .button-group.stack > li > button, .button-group.stack > li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
      border-left: 0; }
    .button-group.stack > li > button, .button-group.stack > li .button {
      border-top: 1px solid;
      border-color: rgba(255, 255, 255, 0.5);
      border-left-width: 0px;
      margin: 0;
      display: block; }
    .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
      border-top: 0; }
  .button-group.stack-for-small > li {
    margin: 0 -2px;
    float: none;
    display: inline-block; }
    .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
      border-left: 0; }
    @media only screen and (max-width: 40em) {
      .button-group.stack-for-small > li {
        margin: 0 -2px;
        float: none;
        display: inline-block;
        display: block;
        margin: 0; }
        .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
          border-left: 1px solid;
          border-color: rgba(255, 255, 255, 0.5); }
        .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
          border-left: 0; }
        .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
          border-top: 1px solid;
          border-color: rgba(255, 255, 255, 0.5);
          border-left-width: 0px;
          margin: 0;
          display: block; }
        .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
          border-top: 0; } }
  .button-group.radius > * {
    margin: 0 -2px;
    float: none;
    display: inline-block; }
    .button-group.radius > * > button, .button-group.radius > * .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.radius > *:first-child button, .button-group.radius > *:first-child .button {
      border-left: 0; }
    .button-group.radius > *, .button-group.radius > * > a, .button-group.radius > * > button, .button-group.radius > * > .button {
      border-radius: 0; }
    .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button {
      -webkit-border-bottom-left-radius: 3px;
      -webkit-border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
      border-top-left-radius: 3px; }
    .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button {
      -webkit-border-bottom-right-radius: 3px;
      -webkit-border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
      border-top-right-radius: 3px; }
  .button-group.radius.stack > * {
    margin: 0 -2px;
    float: none;
    display: inline-block;
    display: block;
    margin: 0; }
    .button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
      border-left: 0; }
    .button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
      border-top: 1px solid;
      border-color: rgba(255, 255, 255, 0.5);
      border-left-width: 0px;
      margin: 0;
      display: block; }
    .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
      border-top: 0; }
    .button-group.radius.stack > *, .button-group.radius.stack > * > a, .button-group.radius.stack > * > button, .button-group.radius.stack > * > .button {
      border-radius: 0; }
    .button-group.radius.stack > *:first-child, .button-group.radius.stack > *:first-child > a, .button-group.radius.stack > *:first-child > button, .button-group.radius.stack > *:first-child > .button {
      -webkit-top-left-radius: 3px;
      -webkit-top-right-radius: 3px;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px; }
    .button-group.radius.stack > *:last-child, .button-group.radius.stack > *:last-child > a, .button-group.radius.stack > *:last-child > button, .button-group.radius.stack > *:last-child > .button {
      -webkit-bottom-left-radius: 3px;
      -webkit-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px; }
  @media only screen and (min-width: 40.063em) {
    .button-group.radius.stack-for-small > * {
      margin: 0 -2px;
      float: none;
      display: inline-block; }
      .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5); }
      .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
        border-left: 0; }
      .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button {
        border-radius: 0; }
      .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button {
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px; }
      .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button {
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px; } }
  @media only screen and (max-width: 40em) {
    .button-group.radius.stack-for-small > * {
      margin: 0 -2px;
      float: none;
      display: inline-block;
      display: block;
      margin: 0; }
      .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5); }
      .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
        border-left: 0; }
      .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
        border-top: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0px;
        margin: 0;
        display: block; }
      .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
        border-top: 0; }
      .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button {
        border-radius: 0; }
      .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button {
        -webkit-top-left-radius: 3px;
        -webkit-top-right-radius: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px; }
      .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button {
        -webkit-bottom-left-radius: 3px;
        -webkit-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px; } }
  .button-group.round > * {
    margin: 0 -2px;
    float: none;
    display: inline-block; }
    .button-group.round > * > button, .button-group.round > * .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.round > *:first-child button, .button-group.round > *:first-child .button {
      border-left: 0; }
    .button-group.round > *, .button-group.round > * > a, .button-group.round > * > button, .button-group.round > * > .button {
      border-radius: 0; }
    .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button {
      -webkit-border-bottom-left-radius: 1000px;
      -webkit-border-top-left-radius: 1000px;
      border-bottom-left-radius: 1000px;
      border-top-left-radius: 1000px; }
    .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button {
      -webkit-border-bottom-right-radius: 1000px;
      -webkit-border-top-right-radius: 1000px;
      border-bottom-right-radius: 1000px;
      border-top-right-radius: 1000px; }
  .button-group.round.stack > * {
    margin: 0 -2px;
    float: none;
    display: inline-block;
    display: block;
    margin: 0; }
    .button-group.round.stack > * > button, .button-group.round.stack > * .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
      border-left: 0; }
    .button-group.round.stack > * > button, .button-group.round.stack > * .button {
      border-top: 1px solid;
      border-color: rgba(255, 255, 255, 0.5);
      border-left-width: 0px;
      margin: 0;
      display: block; }
    .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
      border-top: 0; }
    .button-group.round.stack > *, .button-group.round.stack > * > a, .button-group.round.stack > * > button, .button-group.round.stack > * > .button {
      border-radius: 0; }
    .button-group.round.stack > *:first-child, .button-group.round.stack > *:first-child > a, .button-group.round.stack > *:first-child > button, .button-group.round.stack > *:first-child > .button {
      -webkit-top-left-radius: 1rem;
      -webkit-top-right-radius: 1rem;
      border-top-left-radius: 1rem;
      border-top-right-radius: 1rem; }
    .button-group.round.stack > *:last-child, .button-group.round.stack > *:last-child > a, .button-group.round.stack > *:last-child > button, .button-group.round.stack > *:last-child > .button {
      -webkit-bottom-left-radius: 1rem;
      -webkit-bottom-right-radius: 1rem;
      border-bottom-left-radius: 1rem;
      border-bottom-right-radius: 1rem; }
  @media only screen and (min-width: 40.063em) {
    .button-group.round.stack-for-small > * {
      margin: 0 -2px;
      float: none;
      display: inline-block; }
      .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5); }
      .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
        border-left: 0; }
      .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button {
        border-radius: 0; }
      .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button {
        -webkit-border-bottom-left-radius: 1000px;
        -webkit-border-top-left-radius: 1000px;
        border-bottom-left-radius: 1000px;
        border-top-left-radius: 1000px; }
      .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button {
        -webkit-border-bottom-right-radius: 1000px;
        -webkit-border-top-right-radius: 1000px;
        border-bottom-right-radius: 1000px;
        border-top-right-radius: 1000px; } }
  @media only screen and (max-width: 40em) {
    .button-group.round.stack-for-small > * {
      margin: 0 -2px;
      float: none;
      display: inline-block;
      display: block;
      margin: 0; }
      .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5); }
      .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
        border-left: 0; }
      .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
        border-top: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0px;
        margin: 0;
        display: block; }
      .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
        border-top: 0; }
      .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button {
        border-radius: 0; }
      .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button {
        -webkit-top-left-radius: 1rem;
        -webkit-top-right-radius: 1rem;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem; }
      .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button {
        -webkit-bottom-left-radius: 1rem;
        -webkit-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem; } }
  .button-group.even-2 li {
    margin: 0 -2px;
    float: none;
    display: inline-block;
    width: 50%; }
    .button-group.even-2 li > button, .button-group.even-2 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button {
      border-left: 0; }
    .button-group.even-2 li button, .button-group.even-2 li .button {
      width: 100%; }
  .button-group.even-3 li {
    margin: 0 -2px;
    float: none;
    display: inline-block;
    width: 33.33333%; }
    .button-group.even-3 li > button, .button-group.even-3 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button {
      border-left: 0; }
    .button-group.even-3 li button, .button-group.even-3 li .button {
      width: 100%; }
  .button-group.even-4 li {
    margin: 0 -2px;
    float: none;
    display: inline-block;
    width: 25%; }
    .button-group.even-4 li > button, .button-group.even-4 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button {
      border-left: 0; }
    .button-group.even-4 li button, .button-group.even-4 li .button {
      width: 100%; }
  .button-group.even-5 li {
    margin: 0 -2px;
    float: none;
    display: inline-block;
    width: 20%; }
    .button-group.even-5 li > button, .button-group.even-5 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button {
      border-left: 0; }
    .button-group.even-5 li button, .button-group.even-5 li .button {
      width: 100%; }
  .button-group.even-6 li {
    margin: 0 -2px;
    float: none;
    display: inline-block;
    width: 16.66667%; }
    .button-group.even-6 li > button, .button-group.even-6 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button {
      border-left: 0; }
    .button-group.even-6 li button, .button-group.even-6 li .button {
      width: 100%; }
  .button-group.even-7 li {
    margin: 0 -2px;
    float: none;
    display: inline-block;
    width: 14.28571%; }
    .button-group.even-7 li > button, .button-group.even-7 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button {
      border-left: 0; }
    .button-group.even-7 li button, .button-group.even-7 li .button {
      width: 100%; }
  .button-group.even-8 li {
    margin: 0 -2px;
    float: none;
    display: inline-block;
    width: 12.5%; }
    .button-group.even-8 li > button, .button-group.even-8 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button {
      border-left: 0; }
    .button-group.even-8 li button, .button-group.even-8 li .button {
      width: 100%; }

.button-bar:before, .button-bar:after {
  content: " ";
  display: table; }
.button-bar:after {
  clear: both; }
.button-bar .button-group {
  float: left;
  margin-right: 0.625rem; }
  .button-bar .button-group div {
    overflow: hidden; }

/* Panels */
.panel {
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #f2f2f2; }
  .panel > :first-child {
    margin-top: 0; }
  .panel > :last-child {
    margin-bottom: 0; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
    color: #333333; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
    line-height: 1;
    margin-bottom: 0.625rem; }
    .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
      line-height: 1.4; }
  .panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #b6edff;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #ecfaff; }
    .panel.callout > :first-child {
      margin-top: 0; }
    .panel.callout > :last-child {
      margin-bottom: 0; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl {
      color: #333333; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
      line-height: 1;
      margin-bottom: 0.625rem; }
      .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
        line-height: 1.4; }
    .panel.callout a:not(.button) {
      color: #008cba; }
  .panel.radius {
    border-radius: 3px; }

.dropdown.button, button.dropdown {
  position: relative;
  padding-right: 3.5625rem; }
  .dropdown.button:after, button.dropdown:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    border-color: white transparent transparent transparent;
    top: 50%; }
  .dropdown.button:after, button.dropdown:after {
    border-width: 0.375rem;
    right: 1.40625rem;
    margin-top: -0.15625rem; }
  .dropdown.button:after, button.dropdown:after {
    border-color: white transparent transparent transparent; }
  .dropdown.button.tiny, button.dropdown.tiny {
    padding-right: 2.625rem; }
    .dropdown.button.tiny:before, button.dropdown.tiny:before {
      border-width: 0.375rem;
      right: 1.125rem;
      margin-top: -0.125rem; }
    .dropdown.button.tiny:after, button.dropdown.tiny:after {
      border-color: white transparent transparent transparent; }
  .dropdown.button.small, button.dropdown.small {
    padding-right: 3.0625rem; }
    .dropdown.button.small:after, button.dropdown.small:after {
      border-width: 0.4375rem;
      right: 1.3125rem;
      margin-top: -0.15625rem; }
    .dropdown.button.small:after, button.dropdown.small:after {
      border-color: white transparent transparent transparent; }
  .dropdown.button.large, button.dropdown.large {
    padding-right: 3.625rem; }
    .dropdown.button.large:after, button.dropdown.large:after {
      border-width: 0.3125rem;
      right: 1.71875rem;
      margin-top: -0.15625rem; }
    .dropdown.button.large:after, button.dropdown.large:after {
      border-color: white transparent transparent transparent; }
  .dropdown.button.secondary:after, button.dropdown.secondary:after {
    border-color: #333333 transparent transparent transparent; }

/* Image Thumbnails */
.th {
  line-height: 0;
  display: inline-block;
  border: solid 4px white;
  max-width: 100%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  transition: all 200ms ease-out; }
  .th:hover, .th:focus {
    box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5); }
  .th.radius {
    border-radius: 3px; }

.toolbar {
  background: #333333;
  width: 100%;
  font-size: 0;
  display: inline-block; }
  .toolbar.label-bottom .tab .tab-content i, .toolbar.label-bottom .tab .tab-content img {
    margin-bottom: 10px; }
  .toolbar.label-right .tab .tab-content i, .toolbar.label-right .tab .tab-content img {
    margin-right: 10px;
    display: inline-block; }
  .toolbar.label-right .tab .tab-content label {
    display: inline-block; }
  .toolbar.vertical.label-right .tab .tab-content {
    text-align: left; }
  .toolbar.vertical {
    height: 100%;
    width: auto; }
    .toolbar.vertical .tab {
      width: auto;
      margin: auto;
      float: none; }
  .toolbar .tab {
    text-align: center;
    width: 25%;
    margin: 0 auto;
    display: block;
    padding: 20px;
    float: left; }
    .toolbar .tab:hover {
      background: rgba(255, 255, 255, 0.1); }

.toolbar .tab-content {
  font-size: 16px;
  text-align: center; }
  .toolbar .tab-content label {
    color: #cccccc; }
  .toolbar .tab-content i {
    font-size: 30px;
    display: block;
    margin: 0 auto;
    color: #cccccc;
    vertical-align: middle; }
  .toolbar .tab-content img {
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto; }

/* Pricing Tables */
.pricing-table {
  border: solid 1px #dddddd;
  margin-left: 0;
  margin-bottom: 1.25rem; }
  .pricing-table * {
    list-style: none;
    line-height: 1; }
  .pricing-table .title {
    background-color: #333333;
    padding: 0.9375rem 1.25rem;
    text-align: center;
    color: #eeeeee;
    font-weight: normal;
    font-size: 1rem;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
  .pricing-table .price {
    background-color: #f6f6f6;
    padding: 0.9375rem 1.25rem;
    text-align: center;
    color: #333333;
    font-weight: normal;
    font-size: 2rem;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
  .pricing-table .description {
    background-color: white;
    padding: 0.9375rem;
    text-align: center;
    color: #777777;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.4;
    border-bottom: dotted 1px #dddddd; }
  .pricing-table .bullet-item {
    background-color: white;
    padding: 0.9375rem;
    text-align: center;
    color: #333333;
    font-size: 0.875rem;
    font-weight: normal;
    border-bottom: dotted 1px #dddddd; }
  .pricing-table .cta-button {
    background-color: white;
    text-align: center;
    padding: 1.25rem 1.25rem 0; }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }

  to {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg); }

  to {
    -moz-transform: rotate(360deg); } }

@-o-keyframes rotate {
  from {
    -o-transform: rotate(0deg); }

  to {
    -o-transform: rotate(360deg); } }

@keyframes rotate {
  from {
    transform: rotate(0deg); }

  to {
    transform: rotate(360deg); } }

/* Orbit Graceful Loading */
.slideshow-wrapper {
  position: relative; }
  .slideshow-wrapper ul {
    list-style-type: none;
    margin: 0; }
    .slideshow-wrapper ul li,
    .slideshow-wrapper ul li .orbit-caption {
      display: none; }
    .slideshow-wrapper ul li:first-child {
      display: block; }
  .slideshow-wrapper .orbit-container {
    background-color: transparent; }
    .slideshow-wrapper .orbit-container li {
      display: block; }
      .slideshow-wrapper .orbit-container li .orbit-caption {
        display: block; }
    .slideshow-wrapper .orbit-container .orbit-bullets li {
      display: inline-block; }
  .slideshow-wrapper .preloader {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    border: solid 3px;
    border-color: #555555 white;
    border-radius: 1000px;
    animation-name: rotate;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }

.orbit-container {
  overflow: hidden;
  width: 100%;
  position: relative;
  background: none; }
  .orbit-container .orbit-slides-container {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    -webkit-transform: translateZ(0); }
    .orbit-container .orbit-slides-container img {
      display: block;
      max-width: 100%; }
    .orbit-container .orbit-slides-container > * {
      position: absolute;
      top: 0;
      width: 100%;
      margin-left: 100%; }
      .orbit-container .orbit-slides-container > *:first-child {
        margin-left: 0%; }
      .orbit-container .orbit-slides-container > * .orbit-caption {
        position: absolute;
        bottom: 0;
        background-color: rgba(51, 51, 51, 0.8);
        color: white;
        width: 100%;
        padding: 0.625rem 0.875rem;
        font-size: 0.875rem; }
  .orbit-container .orbit-slide-number {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 12px;
    color: white;
    background: rgba(0, 0, 0, 0);
    z-index: 10; }
    .orbit-container .orbit-slide-number span {
      font-weight: 700;
      padding: 0.3125rem; }
  .orbit-container .orbit-timer {
    position: absolute;
    top: 12px;
    right: 10px;
    height: 6px;
    width: 100px;
    z-index: 10; }
    .orbit-container .orbit-timer .orbit-progress {
      height: 3px;
      background-color: rgba(255, 255, 255, 0.3);
      display: block;
      width: 0%;
      position: relative;
      right: 20px;
      top: 5px; }
    .orbit-container .orbit-timer > span {
      display: none;
      position: absolute;
      top: 0px;
      right: 0;
      width: 11px;
      height: 14px;
      border: solid 4px white;
      border-top: none;
      border-bottom: none; }
    .orbit-container .orbit-timer.paused > span {
      right: -4px;
      top: 0px;
      width: 11px;
      height: 14px;
      border: inset 8px;
      border-left-style: solid;
      border-color: transparent;
      border-left-color: white; }
      .orbit-container .orbit-timer.paused > span.dark {
        border-left-color: #333333; }
  .orbit-container:hover .orbit-timer > span {
    display: block; }
  .orbit-container .orbit-prev,
  .orbit-container .orbit-next {
    position: absolute;
    top: 45%;
    margin-top: -25px;
    width: 36px;
    height: 60px;
    line-height: 50px;
    color: white;
    background-color: transparent;
    text-indent: -9999px !important;
    z-index: 10; }
    .orbit-container .orbit-prev:hover,
    .orbit-container .orbit-next:hover {
      background-color: rgba(0, 0, 0, 0.3); }
    .orbit-container .orbit-prev > span,
    .orbit-container .orbit-next > span {
      position: absolute;
      top: 50%;
      margin-top: -10px;
      display: block;
      width: 0;
      height: 0;
      border: inset 10px; }
  .orbit-container .orbit-prev {
    left: 0; }
    .orbit-container .orbit-prev > span {
      border-right-style: solid;
      border-color: transparent;
      border-right-color: white; }
    .orbit-container .orbit-prev:hover > span {
      border-right-color: white; }
  .orbit-container .orbit-next {
    right: 0; }
    .orbit-container .orbit-next > span {
      border-color: transparent;
      border-left-style: solid;
      border-left-color: white;
      left: 50%;
      margin-left: -4px; }
    .orbit-container .orbit-next:hover > span {
      border-left-color: white; }

.orbit-bullets-container {
  text-align: center; }

.orbit-bullets {
  margin: 0 auto 30px auto;
  overflow: hidden;
  position: relative;
  top: 10px;
  float: none;
  text-align: center;
  display: block; }
  .orbit-bullets li {
    cursor: pointer;
    display: inline-block;
    width: 0.5625rem;
    height: 0.5625rem;
    background: #cccccc;
    float: none;
    margin-right: 6px;
    border-radius: 1000px; }
    .orbit-bullets li.active {
      background: #999999; }
    .orbit-bullets li:last-child {
      margin-right: 0; }

.touch .orbit-container .orbit-prev,
.touch .orbit-container .orbit-next {
  display: none; }
.touch .orbit-bullets {
  display: none; }

@media only screen and (min-width: 40.063em) {
  .touch .orbit-container .orbit-prev,
  .touch .orbit-container .orbit-next {
    display: inherit; }
  .touch .orbit-bullets {
    display: block; } }
@media only screen and (max-width: 40em) {
  .orbit-stack-on-small .orbit-slides-container {
    height: auto !important; }
  .orbit-stack-on-small .orbit-slides-container > * {
    position: relative;
    margin: 0% !important;
    opacity: 1 !important; }
  .orbit-stack-on-small .orbit-slide-number {
    display: none; }

  .orbit-timer {
    display: none; }

  .orbit-next, .orbit-prev {
    display: none; }

  .orbit-bullets {
    display: none; } }
[data-magellan-expedition], [data-magellan-expedition-clone] {
  background: white;
  z-index: 50;
  min-width: 100%;
  padding: 10px; }
  [data-magellan-expedition] .sub-nav, [data-magellan-expedition-clone] .sub-nav {
    margin-bottom: 0; }
    [data-magellan-expedition] .sub-nav dd, [data-magellan-expedition-clone] .sub-nav dd {
      margin-bottom: 0; }
    [data-magellan-expedition] .sub-nav a, [data-magellan-expedition-clone] .sub-nav a {
      line-height: 1.8em; }

.icon-bar {
  width: 100%;
  font-size: 0;
  display: inline-block;
  background: #333333; }
  .icon-bar > * {
    text-align: center;
    font-size: 1rem;
    width: 25%;
    margin: 0 auto;
    display: block;
    padding: 1.25rem;
    float: left; }
    .icon-bar > * i, .icon-bar > * img {
      display: block;
      margin: 0 auto; }
      .icon-bar > * i + label, .icon-bar > * img + label {
        margin-top: .0625rem; }
    .icon-bar > * i {
      font-size: 1.875rem;
      vertical-align: middle; }
    .icon-bar > * img {
      width: 1.875rem;
      height: 1.875rem; }
  .icon-bar.label-right > * i, .icon-bar.label-right > * img {
    margin: 0 0.0625rem 0 0;
    display: inline-block; }
    .icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label {
      margin-top: 0; }
  .icon-bar.label-right > * label {
    display: inline-block; }
  .icon-bar.vertical.label-right > * {
    text-align: left; }
  .icon-bar.vertical, .icon-bar.small-vertical {
    height: 100%;
    width: auto; }
    .icon-bar.vertical .item, .icon-bar.small-vertical .item {
      width: auto;
      margin: auto;
      float: none; }
  @media only screen and (min-width: 40.063em) {
    .icon-bar.medium-vertical {
      height: 100%;
      width: auto; }
      .icon-bar.medium-vertical .item {
        width: auto;
        margin: auto;
        float: none; } }
  @media only screen and (min-width: 64.063em) {
    .icon-bar.large-vertical {
      height: 100%;
      width: auto; }
      .icon-bar.large-vertical .item {
        width: auto;
        margin: auto;
        float: none; } }
  .icon-bar > * {
    font-size: 1rem;
    padding: 1.25rem; }
    .icon-bar > * i + label, .icon-bar > * img + label {
      margin-top: .0625rem; }
    .icon-bar > * i {
      font-size: 1.875rem; }
    .icon-bar > * img {
      width: 1.875rem;
      height: 1.875rem; }
  .icon-bar > *:hover {
    background: #008cba; }
  .icon-bar > * label {
    color: white; }
  .icon-bar > * i {
    color: white; }

.icon-bar.two-up .item {
  width: 50%; }
.icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item {
  width: auto; }
@media only screen and (min-width: 40.063em) {
  .icon-bar.two-up.medium-vertical .item {
    width: auto; } }
@media only screen and (min-width: 64.063em) {
  .icon-bar.two-up.large-vertical .item {
    width: auto; } }
.icon-bar.three-up .item {
  width: 33.3333%; }
.icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item {
  width: auto; }
@media only screen and (min-width: 40.063em) {
  .icon-bar.three-up.medium-vertical .item {
    width: auto; } }
@media only screen and (min-width: 64.063em) {
  .icon-bar.three-up.large-vertical .item {
    width: auto; } }
.icon-bar.four-up .item {
  width: 25%; }
.icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item {
  width: auto; }
@media only screen and (min-width: 40.063em) {
  .icon-bar.four-up.medium-vertical .item {
    width: auto; } }
@media only screen and (min-width: 64.063em) {
  .icon-bar.four-up.large-vertical .item {
    width: auto; } }
.icon-bar.five-up .item {
  width: 20%; }
.icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item {
  width: auto; }
@media only screen and (min-width: 40.063em) {
  .icon-bar.five-up.medium-vertical .item {
    width: auto; } }
@media only screen and (min-width: 64.063em) {
  .icon-bar.five-up.large-vertical .item {
    width: auto; } }
.icon-bar.six-up .item {
  width: 16.66667%; }
.icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item {
  width: auto; }
@media only screen and (min-width: 40.063em) {
  .icon-bar.six-up.medium-vertical .item {
    width: auto; } }
@media only screen and (min-width: 64.063em) {
  .icon-bar.six-up.large-vertical .item {
    width: auto; } }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

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

.text-justify {
  text-align: justify !important; }

@media only screen and (max-width: 40em) {
  .small-only-text-left {
    text-align: left !important; }

  .small-only-text-right {
    text-align: right !important; }

  .small-only-text-center {
    text-align: center !important; }

  .small-only-text-justify {
    text-align: justify !important; } }
@media only screen {
  .small-text-left {
    text-align: left !important; }

  .small-text-right {
    text-align: right !important; }

  .small-text-center {
    text-align: center !important; }

  .small-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .medium-only-text-left {
    text-align: left !important; }

  .medium-only-text-right {
    text-align: right !important; }

  .medium-only-text-center {
    text-align: center !important; }

  .medium-only-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 40.063em) {
  .medium-text-left {
    text-align: left !important; }

  .medium-text-right {
    text-align: right !important; }

  .medium-text-center {
    text-align: center !important; }

  .medium-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
  .large-only-text-left {
    text-align: left !important; }

  .large-only-text-right {
    text-align: right !important; }

  .large-only-text-center {
    text-align: center !important; }

  .large-only-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 64.063em) {
  .large-text-left {
    text-align: left !important; }

  .large-text-right {
    text-align: right !important; }

  .large-text-center {
    text-align: center !important; }

  .large-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
  .xlarge-only-text-left {
    text-align: left !important; }

  .xlarge-only-text-right {
    text-align: right !important; }

  .xlarge-only-text-center {
    text-align: center !important; }

  .xlarge-only-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 90.063em) {
  .xlarge-text-left {
    text-align: left !important; }

  .xlarge-text-right {
    text-align: right !important; }

  .xlarge-text-center {
    text-align: center !important; }

  .xlarge-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
  .xxlarge-only-text-left {
    text-align: left !important; }

  .xxlarge-only-text-right {
    text-align: right !important; }

  .xxlarge-only-text-center {
    text-align: center !important; }

  .xxlarge-only-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 120.063em) {
  .xxlarge-text-left {
    text-align: left !important; }

  .xxlarge-text-right {
    text-align: right !important; }

  .xxlarge-text-center {
    text-align: center !important; }

  .xxlarge-text-justify {
    text-align: justify !important; } }
/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

/* Default Link Styles */
a {
  color: #008cba;
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:focus {
    color: #0078a0; }
  a img {
    border: none; }

/* Default paragraph styles */
p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility; }
  p.lead {
    font-size: 1.21875rem;
    line-height: 1.6; }
  p aside {
    font-size: 0.875rem;
    line-height: 1.35;
    font-style: italic; }

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #222222;
  text-rendering: optimizeLegibility;
  margin-top: 0rem;
  margin-bottom: 10px;
  line-height: 1.2; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0; }

h1 {
  font-size: 2.125rem; }

h2 {
  font-size: 1.6875rem; }

h3 {
  font-size: 1.375rem; }

h4 {
  font-size: 1.125rem; }

h5 {
  font-size: 1.125rem; }

h6 {
  font-size: 1rem; }

.subheader {
  line-height: 1.4;
  color: #6f6f6f;
  font-weight: normal;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem; }

hr {
  border: solid #dddddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25rem 0 1.1875rem;
  height: 0; }

/* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #333333;
  background-color: #f8f8f8;
  border-width: 1px;
  border-style: solid;
  border-color: #dfdfdf;
  padding: 0.125rem 0.3125rem 0.0625rem; }

/* Lists */
ul,
ol,
dl {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  list-style-position: outside;
  font-family: inherit; }

ul {
  margin-left: 1.1rem; }
  ul.no-bullet {
    margin-left: 0; }
    ul.no-bullet li ul,
    ul.no-bullet li ol {
      margin-left: 1.25rem;
      margin-bottom: 0;
      list-style: none; }

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }
ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit; }
ul.square {
  list-style-type: square;
  margin-left: 1.1rem; }
ul.circle {
  list-style-type: circle;
  margin-left: 1.1rem; }
ul.disc {
  list-style-type: disc;
  margin-left: 1.1rem; }
ul.no-bullet {
  list-style: none; }

/* Ordered Lists */
ol {
  margin-left: 1.4rem; }
  ol li ul,
  ol li ol {
    margin-left: 1.25rem;
    margin-bottom: 0; }

/* Definition Lists */
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold; }
dl dd {
  margin-bottom: 0.75rem; }

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222222;
  border-bottom: 1px dotted #dddddd;
  cursor: help; }

abbr {
  text-transform: none; }

/* Blockquotes */
blockquote {
  margin: 0 0 1.25rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #dddddd; }
  blockquote cite {
    display: block;
    font-size: 0.8125rem;
    color: #555555; }
    blockquote cite:before {
      content: "\2014 \0020"; }
    blockquote cite a,
    blockquote cite a:visited {
      color: #555555; }

blockquote,
blockquote p {
  line-height: 1.6;
  color: #6f6f6f; }

/* Microformats */
.vcard {
  display: inline-block;
  margin: 0 0 1.25rem 0;
  border: 1px solid #dddddd;
  padding: 0.625rem 0.75rem; }
  .vcard li {
    margin: 0;
    display: block; }
  .vcard .fn {
    font-weight: bold;
    font-size: 0.9375rem; }

.vevent .summary {
  font-weight: bold; }
.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.0625rem; }

@media only screen and (min-width: 40.063em) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4; }

  h1 {
    font-size: 2.75rem; }

  h2 {
    font-size: 2.3125rem; }

  h3 {
    font-size: 1.6875rem; }

  h4 {
    font-size: 1.4375rem; }

  h5 {
    font-size: 1.125rem; }

  h6 {
    font-size: 1rem; } }
/*
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  .hide-on-print {
    display: none !important; }

  .print-only {
    display: block !important; }

  .hide-for-print {
    display: none !important; }

  .show-for-print {
    display: inherit !important; } }
.tabs {
  margin-bottom: 0 !important;
  margin-left: 0; }
  .tabs:before, .tabs:after {
    content: " ";
    display: table; }
  .tabs:after {
    clear: both; }
  .tabs dd, .tabs .tab-title {
    position: relative;
    margin-bottom: 0 !important;
    list-style: none;
    float: left; }
    .tabs dd > a, .tabs .tab-title > a {
      display: block;
      background-color: #efefef;
      color: #222222;
      padding: 1rem 2rem;
      font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      font-size: 1rem; }
      .tabs dd > a:hover, .tabs .tab-title > a:hover {
        background-color: #e1e1e1; }
    .tabs dd.active a, .tabs .tab-title.active a {
      background-color: white;
      color: #222222; }
  .tabs.radius dd:first-child a, .tabs.radius .tab:first-child a {
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }
  .tabs.radius dd:last-child a, .tabs.radius .tab:last-child a {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
  .tabs.vertical dd, .tabs.vertical .tab-title {
    position: inherit;
    float: none;
    display: block;
    top: auto; }

.tabs-content {
  margin-bottom: 1.5rem;
  width: 100%; }
  .tabs-content:before, .tabs-content:after {
    content: " ";
    display: table; }
  .tabs-content:after {
    clear: both; }
  .tabs-content > .content {
    display: none;
    float: left;
    padding: 0.9375rem 0;
    width: 100%; }
    .tabs-content > .content.active {
      display: block;
      float: none; }
    .tabs-content > .content.contained {
      padding: 0.9375rem; }
  .tabs-content.vertical {
    display: block; }
    .tabs-content.vertical > .content {
      padding: 0 0.9375rem; }

@media only screen and (min-width: 40.063em) {
  .tabs.vertical {
    width: 20%;
    max-width: 20%;
    float: left;
    margin: 0 0 1.25rem; }

  .tabs-content.vertical {
    width: 80%;
    max-width: 80%;
    float: left;
    margin-left: -1px;
    padding-left: 1rem; } }
.no-js .tabs-content > .content {
  display: block;
  float: none; }

ul.pagination {
  display: block;
  min-height: 1.5rem;
  margin-left: -0.3125rem; }
  ul.pagination li {
    height: 1.5rem;
    color: #222222;
    font-size: 0.875rem;
    margin-left: 0.3125rem; }
    ul.pagination li a, ul.pagination li button {
      display: block;
      padding: 0.0625rem 0.625rem 0.0625rem;
      color: #999999;
      background: none;
      border-radius: 3px;
      font-weight: normal;
      font-size: 1em;
      line-height: inherit;
      transition: background-color 300ms ease-out; }
    ul.pagination li:hover a,
    ul.pagination li a:focus, ul.pagination li:hover button,
    ul.pagination li button:focus {
      background: #e6e6e6; }
    ul.pagination li.unavailable a, ul.pagination li.unavailable button {
      cursor: default;
      color: #999999; }
    ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable button:focus {
      background: transparent; }
    ul.pagination li.current a, ul.pagination li.current button {
      background: #008cba;
      color: white;
      font-weight: bold;
      cursor: default; }
      ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
        background: #008cba; }
  ul.pagination li {
    float: left;
    display: block; }

/* Pagination centred wrapper */
.pagination-centered {
  text-align: center; }
  .pagination-centered ul.pagination li {
    float: none;
    display: inline-block; }

.side-nav {
  display: block;
  margin: 0;
  padding: 0.875rem 0;
  list-style-type: none;
  list-style-position: outside;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
  .side-nav li {
    margin: 0 0 0.4375rem 0;
    font-size: 0.875rem; }
    .side-nav li a:not(.button) {
      display: block;
      color: #008cba;
      margin: 0;
      padding: 0.4375rem 0.875rem; }
      .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
        background: rgba(0, 0, 0, 0.025);
        color: #1cc7ff; }
    .side-nav li.active > a:first-child:not(.button) {
      color: #1cc7ff;
      font-weight: normal;
      font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
    .side-nav li.divider {
      border-top: 1px solid;
      height: 0;
      padding: 0;
      list-style: none;
      border-top-color: white; }
    .side-nav li.heading {
      color: #008cba;
      font-size: 0.875rem;
      font-weight: bold;
      text-transform: uppercase; }

.accordion {
  margin-bottom: 0; }
  .accordion:before, .accordion:after {
    content: " ";
    display: table; }
  .accordion:after {
    clear: both; }
  .accordion .accordion-navigation, .accordion dd {
    display: block;
    margin-bottom: 0 !important; }
    .accordion .accordion-navigation.active > a, .accordion dd.active > a {
      background: #e8e8e8; }
    .accordion .accordion-navigation > a, .accordion dd > a {
      background: #efefef;
      color: #222222;
      padding: 1rem;
      display: block;
      font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      font-size: 1rem; }
      .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
        background: #e3e3e3; }
    .accordion .accordion-navigation > .content, .accordion dd > .content {
      display: none;
      padding: 0.9375rem; }
      .accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
        display: block;
        background: white; }

.split.button {
  position: relative;
  padding-right: 5.0625rem; }
  .split.button span {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: solid 1px; }
    .split.button span:after {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      display: block;
      border-style: inset;
      top: 50%;
      left: 50%; }
    .split.button span:active {
      background-color: rgba(0, 0, 0, 0.1); }
  .split.button span {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .split.button span {
    width: 3.09375rem; }
    .split.button span:after {
      border-top-style: solid;
      border-width: 0.375rem;
      top: 48%;
      margin-left: -0.375rem; }
  .split.button span:after {
    border-color: white transparent transparent transparent; }
  .split.button.secondary span {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .split.button.secondary span:after {
    border-color: white transparent transparent transparent; }
  .split.button.alert span {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .split.button.success span {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .split.button.tiny {
    padding-right: 3.75rem; }
    .split.button.tiny span {
      width: 2.25rem; }
      .split.button.tiny span:after {
        border-top-style: solid;
        border-width: 0.375rem;
        top: 48%;
        margin-left: -0.375rem; }
  .split.button.small {
    padding-right: 4.375rem; }
    .split.button.small span {
      width: 2.625rem; }
      .split.button.small span:after {
        border-top-style: solid;
        border-width: 0.4375rem;
        top: 48%;
        margin-left: -0.375rem; }
  .split.button.large {
    padding-right: 5.5rem; }
    .split.button.large span {
      width: 3.4375rem; }
      .split.button.large span:after {
        border-top-style: solid;
        border-width: 0.3125rem;
        top: 48%;
        margin-left: -0.375rem; }
  .split.button.expand {
    padding-left: 2rem; }
  .split.button.secondary span:after {
    border-color: #333333 transparent transparent transparent; }
  .split.button.radius span {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
  .split.button.round span {
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px; }

.reveal-modal-bg {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: black;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1004;
  display: none;
  left: 0; }

.reveal-modal, dialog {
  visibility: hidden;
  display: none;
  position: absolute;
  z-index: 1005;
  width: 100vw;
  top: 0;
  border-radius: 3px;
  left: 0;
  background-color: white;
  padding: 1.25rem;
  border: solid 1px #666666;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  padding: 1.875rem; }
  @media only screen and (max-width: 40em) {
    .reveal-modal, dialog {
      min-height: 100vh; } }
  .reveal-modal .column, dialog .column,
  .reveal-modal .columns,
  dialog .columns {
    min-width: 0; }
  .reveal-modal > :first-child, dialog > :first-child {
    margin-top: 0; }
  .reveal-modal > :last-child, dialog > :last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 40.063em) {
    .reveal-modal, dialog {
      width: 80%;
      max-width: 62.5rem;
      left: 0;
      right: 0;
      margin: 0 auto; } }
  @media only screen and (min-width: 40.063em) {
    .reveal-modal, dialog {
      top: 6.25rem; } }
  .reveal-modal.radius, dialog.radius {
    border-radius: 3px; }
  .reveal-modal.round, dialog.round {
    border-radius: 1000px; }
  .reveal-modal.collapse, dialog.collapse {
    padding: 0; }
  @media only screen and (min-width: 40.063em) {
    .reveal-modal.tiny, dialog.tiny {
      width: 30%;
      max-width: 62.5rem;
      left: 0;
      right: 0;
      margin: 0 auto; } }
  @media only screen and (min-width: 40.063em) {
    .reveal-modal.small, dialog.small {
      width: 40%;
      max-width: 62.5rem;
      left: 0;
      right: 0;
      margin: 0 auto; } }
  @media only screen and (min-width: 40.063em) {
    .reveal-modal.medium, dialog.medium {
      width: 60%;
      max-width: 62.5rem;
      left: 0;
      right: 0;
      margin: 0 auto; } }
  @media only screen and (min-width: 40.063em) {
    .reveal-modal.large, dialog.large {
      width: 70%;
      max-width: 62.5rem;
      left: 0;
      right: 0;
      margin: 0 auto; } }
  @media only screen and (min-width: 40.063em) {
    .reveal-modal.xlarge, dialog.xlarge {
      width: 95%;
      max-width: 62.5rem;
      left: 0;
      right: 0;
      margin: 0 auto; } }
  .reveal-modal.full, dialog.full {
    top: 0;
    left: 0;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0 !important; }
    @media only screen and (min-width: 40.063em) {
      .reveal-modal.full, dialog.full {
        width: 100vw;
        max-width: 62.5rem;
        left: 0;
        right: 0;
        margin: 0 auto; } }
  .reveal-modal .close-reveal-modal, dialog .close-reveal-modal {
    font-size: 2.5rem;
    line-height: 1;
    position: absolute;
    top: 0.5rem;
    right: 0.6875rem;
    color: #aaaaaa;
    font-weight: bold;
    cursor: pointer; }

dialog::backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: black;
  background: rgba(0, 0, 0, 0.45);
  display: none;
  left: 0; }

@media print {
  dialog, .reveal-modal, dialog {
    display: none;
    background: white !important; } }
/* Tooltips */
.has-tip {
  border-bottom: dotted 1px #cccccc;
  cursor: help;
  font-weight: bold;
  color: #333333; }
  .has-tip:hover, .has-tip:focus {
    border-bottom: dotted 1px #003f54;
    color: #008cba; }
  .has-tip.tip-left, .has-tip.tip-right {
    float: none !important; }

.tooltip {
  display: none;
  position: absolute;
  z-index: 999;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.3;
  padding: 0.75rem;
  max-width: 300px;
  left: 50%;
  width: 100%;
  color: white;
  background: #333333; }
  .tooltip > .nub {
    display: block;
    left: 5px;
    position: absolute;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent #333333 transparent;
    top: -10px;
    pointer-events: none; }
    .tooltip > .nub.rtl {
      left: auto;
      right: 5px; }
  .tooltip.radius {
    border-radius: 3px; }
  .tooltip.round {
    border-radius: 1000px; }
    .tooltip.round > .nub {
      left: 2rem; }
  .tooltip.opened {
    color: #008cba !important;
    border-bottom: dotted 1px #003f54 !important; }

.tap-to-close {
  display: block;
  font-size: 0.625rem;
  color: #777777;
  font-weight: normal; }

@media only screen and (min-width: 40.063em) {
  .tooltip > .nub {
    border-color: transparent transparent #333333 transparent;
    top: -10px; }
  .tooltip.tip-top > .nub {
    border-color: #333333 transparent transparent transparent;
    top: auto;
    bottom: -10px; }
  .tooltip.tip-left, .tooltip.tip-right {
    float: none !important; }
  .tooltip.tip-left > .nub {
    border-color: transparent transparent transparent #333333;
    right: -10px;
    left: auto;
    top: 50%;
    margin-top: -5px; }
  .tooltip.tip-right > .nub {
    border-color: transparent #333333 transparent transparent;
    right: auto;
    left: -10px;
    top: 50%;
    margin-top: -5px; } }
/* Clearing Styles */
.clearing-thumbs, [data-clearing] {
  margin-bottom: 0;
  margin-left: 0;
  list-style: none; }
  .clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after {
    content: " ";
    display: table; }
  .clearing-thumbs:after, [data-clearing]:after {
    clear: both; }
  .clearing-thumbs li, [data-clearing] li {
    float: left;
    margin-right: 10px; }
  .clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li {
    margin-right: 0; }

.clearing-blackout {
  background: #333333;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 998; }
  .clearing-blackout .clearing-close {
    display: block; }

.clearing-container {
  position: relative;
  z-index: 998;
  height: 100%;
  overflow: hidden;
  margin: 0; }

.clearing-touch-label {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #aaaaaa;
  font-size: 0.6em; }

.visible-img {
  height: 95%;
  position: relative; }
  .visible-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50%;
    max-height: 100%;
    max-width: 100%; }

.clearing-caption {
  color: #cccccc;
  font-size: 0.875em;
  line-height: 1.3;
  margin-bottom: 0;
  text-align: center;
  bottom: 0;
  background: #333333;
  width: 100%;
  padding: 10px 30px 20px;
  position: absolute;
  left: 0; }

.clearing-close {
  z-index: 999;
  padding-left: 20px;
  padding-top: 10px;
  font-size: 30px;
  line-height: 1;
  color: #cccccc;
  display: none; }
  .clearing-close:hover, .clearing-close:focus {
    color: #cccccc; }

.clearing-assembled .clearing-container {
  height: 100%; }
  .clearing-assembled .clearing-container .carousel > ul {
    display: none; }

.clearing-feature li {
  display: none; }
  .clearing-feature li.clearing-featured-img {
    display: block; }

@media only screen and (min-width: 40.063em) {
  .clearing-main-prev,
  .clearing-main-next {
    position: absolute;
    height: 100%;
    width: 40px;
    top: 0; }
    .clearing-main-prev > span,
    .clearing-main-next > span {
      position: absolute;
      top: 50%;
      display: block;
      width: 0;
      height: 0;
      border: solid 12px; }
      .clearing-main-prev > span:hover,
      .clearing-main-next > span:hover {
        opacity: 0.8; }

  .clearing-main-prev {
    left: 0; }
    .clearing-main-prev > span {
      left: 5px;
      border-color: transparent;
      border-right-color: #cccccc; }

  .clearing-main-next {
    right: 0; }
    .clearing-main-next > span {
      border-color: transparent;
      border-left-color: #cccccc; }

  .clearing-main-prev.disabled,
  .clearing-main-next.disabled {
    opacity: 0.3; }

  .clearing-assembled .clearing-container .carousel {
    background: rgba(51, 51, 51, 0.8);
    height: 120px;
    margin-top: 10px;
    text-align: center; }
    .clearing-assembled .clearing-container .carousel > ul {
      display: inline-block;
      z-index: 999;
      height: 100%;
      position: relative;
      float: none; }
      .clearing-assembled .clearing-container .carousel > ul li {
        display: block;
        width: 120px;
        min-height: inherit;
        float: left;
        overflow: hidden;
        margin-right: 0;
        padding: 0;
        position: relative;
        cursor: pointer;
        opacity: 0.4;
        clear: none; }
        .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
          height: 100%;
          max-width: none; }
        .clearing-assembled .clearing-container .carousel > ul li a.th {
          border: none;
          box-shadow: none;
          display: block; }
        .clearing-assembled .clearing-container .carousel > ul li img {
          cursor: pointer !important;
          width: 100% !important; }
        .clearing-assembled .clearing-container .carousel > ul li.visible {
          opacity: 1; }
        .clearing-assembled .clearing-container .carousel > ul li:hover {
          opacity: 0.8; }
  .clearing-assembled .clearing-container .visible-img {
    background: #333333;
    overflow: hidden;
    height: 85%; }

  .clearing-close {
    position: absolute;
    top: 10px;
    right: 20px;
    padding-left: 0;
    padding-top: 0; } }
/* Progress Bar */
.progress {
  background-color: #f6f6f6;
  height: 1.5625rem;
  border: 1px solid white;
  padding: 0.125rem;
  margin-bottom: 0.625rem; }
  .progress .meter {
    background: #008cba;
    height: 100%;
    display: block; }
  .progress.secondary .meter {
    background: #e7e7e7;
    height: 100%;
    display: block; }
  .progress.success .meter {
    background: #43ac6a;
    height: 100%;
    display: block; }
  .progress.alert .meter {
    background: #f04124;
    height: 100%;
    display: block; }
  .progress.radius {
    border-radius: 3px; }
    .progress.radius .meter {
      border-radius: 2px; }
  .progress.round {
    border-radius: 1000px; }
    .progress.round .meter {
      border-radius: 999px; }

.sub-nav {
  display: block;
  width: auto;
  overflow: hidden;
  margin: -0.25rem 0 1.125rem;
  padding-top: 0.25rem;
  margin-right: 0;
  margin-left: -0.75rem; }
  .sub-nav dt {
    text-transform: uppercase; }
  .sub-nav dt,
  .sub-nav dd,
  .sub-nav li {
    float: left;
    display: inline;
    margin-left: 1rem;
    margin-bottom: 0.625rem;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 0.875rem;
    color: #999999; }
    .sub-nav dt a,
    .sub-nav dd a,
    .sub-nav li a {
      text-decoration: none;
      color: #999999;
      padding: 0.1875rem 1rem; }
      .sub-nav dt a:hover,
      .sub-nav dd a:hover,
      .sub-nav li a:hover {
        color: #737373; }
    .sub-nav dt.active a,
    .sub-nav dd.active a,
    .sub-nav li.active a {
      border-radius: 3px;
      font-weight: normal;
      background: #008cba;
      padding: 0.1875rem 1rem;
      cursor: default;
      color: white; }
      .sub-nav dt.active a:hover,
      .sub-nav dd.active a:hover,
      .sub-nav li.active a:hover {
        background: #0078a0; }

/* Foundation Joyride */
.joyride-list {
  display: none; }

/* Default styles for the container */
.joyride-tip-guide {
  display: none;
  position: absolute;
  background: #333333;
  color: white;
  z-index: 101;
  top: 0;
  left: 2.5%;
  font-family: inherit;
  font-weight: normal;
  width: 95%; }

.lt-ie9 .joyride-tip-guide {
  max-width: 800px;
  left: 50%;
  margin-left: -400px; }

.joyride-content-wrapper {
  width: 100%;
  padding: 1.125rem 1.25rem 1.5rem; }
  .joyride-content-wrapper .button {
    margin-bottom: 0 !important; }
  .joyride-content-wrapper .joyride-prev-tip {
    margin-right: 10px; }

/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
.joyride-tip-guide .joyride-nub {
  display: block;
  position: absolute;
  left: 22px;
  width: 0;
  height: 0;
  border: 20px solid #333333; }
  .joyride-tip-guide .joyride-nub.top {
    border-top-style: solid;
    border-color: #333333;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    top: -40px; }
  .joyride-tip-guide .joyride-nub.bottom {
    border-bottom-style: solid;
    border-color: #333333 !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    bottom: -40px; }
  .joyride-tip-guide .joyride-nub.right {
    right: -40px; }
  .joyride-tip-guide .joyride-nub.left {
    left: -40px; }

/* Typography */
.joyride-tip-guide h1,
.joyride-tip-guide h2,
.joyride-tip-guide h3,
.joyride-tip-guide h4,
.joyride-tip-guide h5,
.joyride-tip-guide h6 {
  line-height: 1.25;
  margin: 0;
  font-weight: bold;
  color: white; }

.joyride-tip-guide p {
  margin: 0 0 1.125rem 0;
  font-size: 0.875rem;
  line-height: 1.3; }

.joyride-timer-indicator-wrap {
  width: 50px;
  height: 3px;
  border: solid 1px #555555;
  position: absolute;
  right: 1.0625rem;
  bottom: 1rem; }

.joyride-timer-indicator {
  display: block;
  width: 0;
  height: inherit;
  background: #666666; }

.joyride-close-tip {
  position: absolute;
  right: 12px;
  top: 10px;
  color: #777777 !important;
  text-decoration: none;
  font-size: 24px;
  font-weight: normal;
  line-height: 0.5 !important; }
  .joyride-close-tip:hover, .joyride-close-tip:focus {
    color: #eeeeee !important; }

.joyride-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: transparent;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
  cursor: pointer; }

.joyride-expose-wrapper {
  background-color: white;
  position: absolute;
  border-radius: 3px;
  z-index: 102;
  box-shadow: 0 0 15px white; }

.joyride-expose-cover {
  background: transparent;
  border-radius: 3px;
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0; }

/* Styles for screens that are at least 768px; */
@media only screen and (min-width: 40.063em) {
  .joyride-tip-guide {
    width: 300px;
    left: inherit; }
    .joyride-tip-guide .joyride-nub.bottom {
      border-color: #333333 !important;
      border-bottom-color: transparent !important;
      border-left-color: transparent !important;
      border-right-color: transparent !important;
      bottom: -20px; }
    .joyride-tip-guide .joyride-nub.right {
      border-color: #333333 !important;
      border-top-color: transparent !important;
      border-right-color: transparent !important;
      border-bottom-color: transparent !important;
      top: 22px;
      left: auto;
      right: -20px; }
    .joyride-tip-guide .joyride-nub.left {
      border-color: #333333 !important;
      border-top-color: transparent !important;
      border-left-color: transparent !important;
      border-bottom-color: transparent !important;
      top: 22px;
      left: -20px;
      right: auto; } }
.label {
  font-weight: normal;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  margin-bottom: inherit;
  padding: 0.25rem 0.5rem 0.375rem;
  font-size: 0.6875rem;
  background-color: #008cba;
  color: white; }
  .label.radius {
    border-radius: 3px; }
  .label.round {
    border-radius: 1000px; }
  .label.alert {
    background-color: #f04124;
    color: white; }
  .label.warning {
    background-color: #f08a24;
    color: white; }
  .label.success {
    background-color: #43ac6a;
    color: white; }
  .label.secondary {
    background-color: #e7e7e7;
    color: #333333; }

.off-canvas-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  overflow: hidden; }
  .off-canvas-wrap.move-right, .off-canvas-wrap.move-left {
    min-height: 100%;
    -webkit-overflow-scrolling: touch; }

.inner-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease; }
  .inner-wrap:before, .inner-wrap:after {
    content: " ";
    display: table; }
  .inner-wrap:after {
    clear: both; }

.tab-bar {
  -webkit-backface-visibility: hidden;
  background: #333333;
  color: white;
  height: 2.8125rem;
  line-height: 2.8125rem;
  position: relative; }
  .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
    color: white;
    font-weight: bold;
    line-height: 2.8125rem;
    margin: 0; }
  .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
    font-size: 1.125rem; }

.left-small {
  width: 2.8125rem;
  height: 2.8125rem;
  position: absolute;
  top: 0;
  border-right: solid 1px #1a1a1a;
  left: 0; }

.right-small {
  width: 2.8125rem;
  height: 2.8125rem;
  position: absolute;
  top: 0;
  border-left: solid 1px #1a1a1a;
  right: 0; }

.tab-bar-section {
  padding: 0 0.625rem;
  position: absolute;
  text-align: center;
  height: 2.8125rem;
  top: 0; }
  @media only screen and (min-width: 40.063em) {
    .tab-bar-section.left, .tab-bar-section.right {
      text-align: left; } }
  .tab-bar-section.left {
    left: 0;
    right: 2.8125rem; }
  .tab-bar-section.right {
    left: 2.8125rem;
    right: 0; }
  .tab-bar-section.middle {
    left: 2.8125rem;
    right: 2.8125rem; }

.tab-bar .menu-icon {
  text-indent: 2.1875rem;
  width: 2.8125rem;
  height: 2.8125rem;
  display: block;
  padding: 0;
  color: white;
  position: relative;
  transform: translate3d(0, 0, 0); }
  .tab-bar .menu-icon span::after {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    top: 50%;
    margin-top: -0.5rem;
    left: 0.90625rem;
    box-shadow: 0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white;
    width: 1rem; }
  .tab-bar .menu-icon span:hover:after {
    box-shadow: 0 0px 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; }

.left-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-y: auto;
  background: #333333;
  z-index: 1001;
  box-sizing: content-box;
  transition: transform 500ms ease 0s;
  -webkit-overflow-scrolling: touch;
  -ms-transform: translate(-100.5%, 0);
  -webkit-transform: translate3d(-100.5%, 0, 0);
  -moz-transform: translate3d(-100.5%, 0, 0);
  -ms-transform: translate3d(-100.5%, 0, 0);
  -o-transform: translate3d(-100.5%, 0, 0);
  transform: translate3d(-100.5%, 0, 0);
  left: 0; }
  .left-off-canvas-menu * {
    -webkit-backface-visibility: hidden; }

.right-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-y: auto;
  background: #333333;
  z-index: 1001;
  box-sizing: content-box;
  transition: transform 500ms ease 0s;
  -webkit-overflow-scrolling: touch;
  -ms-transform: translate(100.5%, 0);
  -webkit-transform: translate3d(100.5%, 0, 0);
  -moz-transform: translate3d(100.5%, 0, 0);
  -ms-transform: translate3d(100.5%, 0, 0);
  -o-transform: translate3d(100.5%, 0, 0);
  transform: translate3d(100.5%, 0, 0);
  right: 0; }
  .right-off-canvas-menu * {
    -webkit-backface-visibility: hidden; }

ul.off-canvas-list {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  ul.off-canvas-list li label {
    display: block;
    padding: 0.3rem 0.9375rem;
    color: #999999;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: bold;
    background: #444444;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
    margin: 0; }
  ul.off-canvas-list li a {
    display: block;
    padding: 0.66667rem;
    color: rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid #262626;
    transition: background 300ms ease; }
    ul.off-canvas-list li a:hover {
      background: #242424; }

.move-right > .inner-wrap {
  -ms-transform: translate(15.625rem, 0);
  -webkit-transform: translate3d(15.625rem, 0, 0);
  -moz-transform: translate3d(15.625rem, 0, 0);
  -ms-transform: translate3d(15.625rem, 0, 0);
  -o-transform: translate3d(15.625rem, 0, 0);
  transform: translate3d(15.625rem, 0, 0); }
.move-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  @media only screen and (min-width: 40.063em) {
    .move-right .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.move-left > .inner-wrap {
  -ms-transform: translate(-15.625rem, 0);
  -webkit-transform: translate3d(-15.625rem, 0, 0);
  -moz-transform: translate3d(-15.625rem, 0, 0);
  -ms-transform: translate3d(-15.625rem, 0, 0);
  -o-transform: translate3d(-15.625rem, 0, 0);
  transform: translate3d(-15.625rem, 0, 0); }
.move-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  @media only screen and (min-width: 40.063em) {
    .move-left .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003; }
.offcanvas-overlap .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  @media only screen and (min-width: 40.063em) {
    .offcanvas-overlap .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.offcanvas-overlap-left .right-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003; }
.offcanvas-overlap-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  @media only screen and (min-width: 40.063em) {
    .offcanvas-overlap-left .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.offcanvas-overlap-right .left-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003; }
.offcanvas-overlap-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  @media only screen and (min-width: 40.063em) {
    .offcanvas-overlap-right .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.no-csstransforms .left-off-canvas-menu {
  left: -15.625rem; }
.no-csstransforms .right-off-canvas-menu {
  right: -15.625rem; }
.no-csstransforms .move-left > .inner-wrap {
  right: 15.625rem; }
.no-csstransforms .move-right > .inner-wrap {
  left: 15.625rem; }

.left-submenu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  position: absolute;
  margin: 0;
  overflow-y: auto;
  background: #333333;
  z-index: 1002;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-transform: translate(-100%, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease; }
  .left-submenu * {
    -webkit-backface-visibility: hidden; }
  .left-submenu .back > a {
    padding: 0.3rem 0.9375rem;
    color: #999999;
    text-transform: uppercase;
    font-weight: bold;
    background: #444444;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
    margin: 0; }
    .left-submenu .back > a:hover {
      background: #303030;
      border-top: 1px solid #5e5e5e;
      border-bottom: none; }
    .left-submenu .back > a:before {
      content: "\AB";
      margin-right: 0.5rem;
      display: inline; }
  .left-submenu.move-right {
    -ms-transform: translate(0%, 0);
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0); }

.right-submenu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  position: absolute;
  margin: 0;
  overflow-y: auto;
  background: #333333;
  z-index: 1002;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-transform: translate(100%, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  right: 0;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease; }
  .right-submenu * {
    -webkit-backface-visibility: hidden; }
  .right-submenu .back > a {
    padding: 0.3rem 0.9375rem;
    color: #999999;
    text-transform: uppercase;
    font-weight: bold;
    background: #444444;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
    margin: 0; }
    .right-submenu .back > a:hover {
      background: #303030;
      border-top: 1px solid #5e5e5e;
      border-bottom: none; }
    .right-submenu .back > a:after {
      content: "\BB";
      margin-left: 0.5rem;
      display: inline; }
  .right-submenu.move-left {
    -ms-transform: translate(0%, 0);
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0); }

.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
  content: "\BB";
  margin-left: 0.5rem;
  display: inline; }

.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
  content: "\AB";
  margin-right: 0.5rem;
  display: inline; }

/* Foundation Dropdowns */
.f-dropdown {
  position: absolute;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  width: 100%;
  max-height: none;
  height: auto;
  background: white;
  border: solid 1px #cccccc;
  font-size: 0.875rem;
  z-index: 99;
  margin-top: 2px;
  max-width: 200px; }
  .f-dropdown > *:first-child {
    margin-top: 0; }
  .f-dropdown > *:last-child {
    margin-bottom: 0; }
  .f-dropdown:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent transparent white transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -12px;
    left: 10px;
    z-index: 99; }
  .f-dropdown:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 7px;
    border-color: transparent transparent #cccccc transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -14px;
    left: 9px;
    z-index: 98; }
  .f-dropdown.right:before {
    left: auto;
    right: 10px; }
  .f-dropdown.right:after {
    left: auto;
    right: 9px; }
  .f-dropdown.drop-right {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    width: 100%;
    max-height: none;
    height: auto;
    background: white;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    z-index: 99;
    margin-top: 0;
    margin-left: 2px;
    max-width: 200px; }
    .f-dropdown.drop-right > *:first-child {
      margin-top: 0; }
    .f-dropdown.drop-right > *:last-child {
      margin-bottom: 0; }
    .f-dropdown.drop-right:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 6px;
      border-color: transparent white transparent transparent;
      border-right-style: solid;
      position: absolute;
      top: 10px;
      left: -12px;
      z-index: 99; }
    .f-dropdown.drop-right:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 7px;
      border-color: transparent #cccccc transparent transparent;
      border-right-style: solid;
      position: absolute;
      top: 9px;
      left: -14px;
      z-index: 98; }
  .f-dropdown.drop-left {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    width: 100%;
    max-height: none;
    height: auto;
    background: white;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    z-index: 99;
    margin-top: 0;
    margin-left: -2px;
    max-width: 200px; }
    .f-dropdown.drop-left > *:first-child {
      margin-top: 0; }
    .f-dropdown.drop-left > *:last-child {
      margin-bottom: 0; }
    .f-dropdown.drop-left:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 6px;
      border-color: transparent transparent transparent white;
      border-left-style: solid;
      position: absolute;
      top: 10px;
      right: -12px;
      left: auto;
      z-index: 99; }
    .f-dropdown.drop-left:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 7px;
      border-color: transparent transparent transparent #cccccc;
      border-left-style: solid;
      position: absolute;
      top: 9px;
      right: -14px;
      left: auto;
      z-index: 98; }
  .f-dropdown.drop-top {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    width: 100%;
    max-height: none;
    height: auto;
    background: white;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    z-index: 99;
    margin-top: -2px;
    margin-left: 0;
    max-width: 200px; }
    .f-dropdown.drop-top > *:first-child {
      margin-top: 0; }
    .f-dropdown.drop-top > *:last-child {
      margin-bottom: 0; }
    .f-dropdown.drop-top:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 6px;
      border-color: white transparent transparent transparent;
      border-top-style: solid;
      position: absolute;
      top: auto;
      bottom: -12px;
      left: 10px;
      right: auto;
      z-index: 99; }
    .f-dropdown.drop-top:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 7px;
      border-color: #cccccc transparent transparent transparent;
      border-top-style: solid;
      position: absolute;
      top: auto;
      bottom: -14px;
      left: 9px;
      right: auto;
      z-index: 98; }
  .f-dropdown li {
    font-size: 0.875rem;
    cursor: pointer;
    line-height: 1.125rem;
    margin: 0; }
    .f-dropdown li:hover, .f-dropdown li:focus {
      background: #eeeeee; }
    .f-dropdown li a {
      display: block;
      padding: 0.5rem;
      color: #555555; }
  .f-dropdown.content {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    padding: 1.25rem;
    width: 100%;
    height: auto;
    max-height: none;
    background: white;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    z-index: 99;
    max-width: 200px; }
    .f-dropdown.content > *:first-child {
      margin-top: 0; }
    .f-dropdown.content > *:last-child {
      margin-bottom: 0; }
  .f-dropdown.tiny {
    max-width: 200px; }
  .f-dropdown.small {
    max-width: 300px; }
  .f-dropdown.medium {
    max-width: 500px; }
  .f-dropdown.large {
    max-width: 800px; }
/*
table {
  background: white;
  margin-bottom: 1.25rem;
  border: solid 1px #dddddd;
  table-layout: fixed;
  width: 100%; }
  table caption {
    background: transparent;
    color: #222222;
    font-size: 1rem;
    font-weight: bold; }
  table thead {
    background: var(--alternate); }
    table thead tr th,
    table thead tr td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-size: 0.875rem;
      font-weight: bold;
      color: var(--table-color); }
  table tfoot {
    background: whitesmoke; }
    table tfoot tr th,
    table tfoot tr td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-size: 0.875rem;
      font-weight: bold;
      color: #222222; }
  table tr th,
  table tr td {
    padding: 0.5625rem 0.625rem;
    font-size: 0.875rem;
    color: var(--table-color);
    text-align: left; }
  table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: var(--alternate); }
  table thead tr th,
  table tfoot tr th,
  table tfoot tr td,
  table tbody tr th,
  table tbody tr td,
  table tr td {
    display: table-cell;
    line-height: 1.125rem; }
*/
/* Standard Forms */
form {
  margin: 0; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.5rem; }
  form .row .row .column,
  form .row .row .columns {
    padding: 0 0.5rem; }
  form .row .row.collapse {
    margin: 0; }
    form .row .row.collapse .column,
    form .row .row.collapse .columns {
      padding: 0; }
    form .row .row.collapse input {
      -webkit-border-bottom-right-radius: 0;
      -webkit-border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.5rem; }

/* Label Styles */
label {
  font-size: 0.875rem;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0;
  /* Styles for required inputs */ }
  label.right {
    float: none !important;
    text-align: right; }
  label.inline {
    margin: 0 0 1rem 0;
    padding: 0.5625rem 0; }
  label small {
    text-transform: capitalize;
    color: #676767; }

select::-ms-expand {
  display: none; }

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 0.875rem;
  height: 2.3125rem;
  line-height: 2.3125rem; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125rem;
  border: none; }

.prefix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125rem;
  border: none; }

.prefix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.postfix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.prefix.button.round {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

.postfix.button.round {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
  background: #f2f2f2;
  border-right: none;
  color: #333333;
  border-color: #cccccc; }
  span.prefix.radius, label.prefix.radius {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }

span.postfix, label.postfix {
  background: #f2f2f2;
  border-left: none;
  color: #333333;
  border-color: #cccccc; }
  span.postfix.radius, label.postfix.radius {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }

/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  background-color: white;
  font-family: inherit;
  border: 1px solid #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 2.3125rem; 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  input[type="color"]:focus,
  textarea:focus {
    /*box-shadow: 0 0 5px #999999;*/
    border-color: #999999; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  input[type="color"]:focus,
  textarea:focus {
    background: #fafafa;
    border-color: #999999;
    outline: none; }
  input[type="text"]:disabled,
  input[type="password"]:disabled,
  input[type="date"]:disabled,
  input[type="datetime"]:disabled,
  input[type="datetime-local"]:disabled,
  input[type="month"]:disabled,
  input[type="week"]:disabled,
  input[type="email"]:disabled,
  input[type="number"]:disabled,
  input[type="search"]:disabled,
  input[type="tel"]:disabled,
  input[type="time"]:disabled,
  input[type="url"]:disabled,
  input[type="color"]:disabled,
  textarea:disabled {
    background-color: #dddddd;
    cursor: default; }
  input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"],
  input[type="password"][disabled],
  input[type="password"][readonly], fieldset[disabled]
  input[type="password"],
  input[type="date"][disabled],
  input[type="date"][readonly], fieldset[disabled]
  input[type="date"],
  input[type="datetime"][disabled],
  input[type="datetime"][readonly], fieldset[disabled]
  input[type="datetime"],
  input[type="datetime-local"][disabled],
  input[type="datetime-local"][readonly], fieldset[disabled]
  input[type="datetime-local"],
  input[type="month"][disabled],
  input[type="month"][readonly], fieldset[disabled]
  input[type="month"],
  input[type="week"][disabled],
  input[type="week"][readonly], fieldset[disabled]
  input[type="week"],
  input[type="email"][disabled],
  input[type="email"][readonly], fieldset[disabled]
  input[type="email"],
  input[type="number"][disabled],
  input[type="number"][readonly], fieldset[disabled]
  input[type="number"],
  input[type="search"][disabled],
  input[type="search"][readonly], fieldset[disabled]
  input[type="search"],
  input[type="tel"][disabled],
  input[type="tel"][readonly], fieldset[disabled]
  input[type="tel"],
  input[type="time"][disabled],
  input[type="time"][readonly], fieldset[disabled]
  input[type="time"],
  input[type="url"][disabled],
  input[type="url"][readonly], fieldset[disabled]
  input[type="url"],
  input[type="color"][disabled],
  input[type="color"][readonly], fieldset[disabled]
  input[type="color"],
  textarea[disabled],
  textarea[readonly], fieldset[disabled]
  textarea {
    background-color: #dddddd;
    cursor: default; }
  input[type="text"].radius,
  input[type="password"].radius,
  input[type="date"].radius,
  input[type="datetime"].radius,
  input[type="datetime-local"].radius,
  input[type="month"].radius,
  input[type="week"].radius,
  input[type="email"].radius,
  input[type="number"].radius,
  input[type="search"].radius,
  input[type="tel"].radius,
  input[type="time"].radius,
  input[type="url"].radius,
  input[type="color"].radius,
  textarea.radius {
    border-radius: 3px; }

input[type="submit"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0px; }

/* Respect enforced amount of rows for textarea */
textarea[rows] {
  height: auto; }

/* Add height value for select elements to match text input height */
select {
  -webkit-appearance: none !important;
  -webkit-border-radius: 0px;
  background-color: #fafafa;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
  background-position: 100% center;
  background-repeat: no-repeat;
  border: 1px solid #cccccc;
  padding: 0.5rem;
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.75);
  line-height: normal;
  border-radius: 0;
  height: 2.3125rem; }
  select.radius {
    border-radius: 3px; }
  select:hover {
    background-color: #f3f3f3;
    border-color: #999999; }
  select:disabled {
    background-color: #dddddd;
    cursor: default; }

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1rem 0; }

input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline; }

/* Normalize file input width */
input[type="file"] {
  width: 100%; }

/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
fieldset {
  border: 1px solid #dddddd;
  padding: 1.25rem;
  margin: 1.125rem 0; }
  fieldset legend {
    font-weight: bold;
    background: white;
    padding: 0 0.1875rem;
    margin: 0;
    margin-left: -0.1875rem; }

/* Error Handling */
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f04124;
  color: white; }
[data-abide] span.error, [data-abide] small.error {
  display: none; }

span.error, small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f04124;
  color: white; }

.error input,
.error textarea,
.error select {
  margin-bottom: 0; }
.error input[type="checkbox"],
.error input[type="radio"] {
  margin-bottom: 1rem; }
.error label,
.error label.error {
  color: #f04124; }
.error small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f04124;
  color: white; }
.error > label > small {
  color: #676767;
  background: transparent;
  padding: 0;
  text-transform: capitalize;
  font-style: normal;
  font-size: 60%;
  margin: 0;
  display: inline; }
.error span.error-message {
  display: block; }

input.error,
textarea.error,
select.error {
  margin-bottom: 0; }

label.error {
  color: #f04124; }

.range-slider {
  display: block;
  position: relative;
  width: 100%;
  height: 1rem;
  border: 1px solid #dddddd;
  margin: 1.25rem 0;
  -ms-touch-action: none;
  touch-action: none;
  background: #fafafa; }
  .range-slider.vertical-range {
    display: block;
    position: relative;
    width: 100%;
    height: 1rem;
    border: 1px solid #dddddd;
    margin: 1.25rem 0;
    -ms-touch-action: none;
    touch-action: none;
    display: inline-block;
    width: 1rem;
    height: 12.5rem; }
    .range-slider.vertical-range .range-slider-handle {
      margin-top: 0;
      margin-left: -0.5rem;
      position: absolute;
      bottom: -10.5rem; }
    .range-slider.vertical-range .range-slider-active-segment {
      width: 0.875rem;
      height: auto;
      bottom: 0; }
  .range-slider.radius {
    background: #fafafa;
    border-radius: 3px; }
    .range-slider.radius .range-slider-handle {
      background: #008cba;
      border-radius: 3px; }
      .range-slider.radius .range-slider-handle:hover {
        background: #007ba4; }
  .range-slider.round {
    background: #fafafa;
    border-radius: 1000px; }
    .range-slider.round .range-slider-handle {
      background: #008cba;
      border-radius: 1000px; }
      .range-slider.round .range-slider-handle:hover {
        background: #007ba4; }
  .range-slider.disabled, .range-slider[disabled] {
    background: #fafafa;
    cursor: default;
    opacity: 0.7; }
    .range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle {
      background: #008cba;
      cursor: default;
      opacity: 0.7; }
      .range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover {
        background: #007ba4; }

.range-slider-active-segment {
  display: inline-block;
  position: absolute;
  height: 0.875rem;
  background: #e5e5e5; }

.range-slider-handle {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: -0.3125rem;
  width: 2rem;
  height: 1.375rem;
  border: 1px solid none;
  cursor: pointer;
  background: #008cba; }
  .range-slider-handle:hover {
    background: #007ba4; }

[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.625rem; }
  [class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table; }
  [class*="block-grid-"]:after {
    clear: both; }
  [class*="block-grid-"] > li {
    display: block;
    height: auto;
    float: left;
    padding: 0 0.625rem 1.25rem; }

@media only screen {
  .small-block-grid-1 > li {
    width: 100%;
    list-style: none; }
    .small-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .small-block-grid-2 > li {
    width: 50%;
    list-style: none; }
    .small-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .small-block-grid-3 > li {
    width: 33.33333%;
    list-style: none; }
    .small-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .small-block-grid-4 > li {
    width: 25%;
    list-style: none; }
    .small-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .small-block-grid-5 > li {
    width: 20%;
    list-style: none; }
    .small-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .small-block-grid-6 > li {
    width: 16.66667%;
    list-style: none; }
    .small-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .small-block-grid-7 > li {
    width: 14.28571%;
    list-style: none; }
    .small-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .small-block-grid-8 > li {
    width: 12.5%;
    list-style: none; }
    .small-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .small-block-grid-9 > li {
    width: 11.11111%;
    list-style: none; }
    .small-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .small-block-grid-10 > li {
    width: 10%;
    list-style: none; }
    .small-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .small-block-grid-11 > li {
    width: 9.09091%;
    list-style: none; }
    .small-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .small-block-grid-12 > li {
    width: 8.33333%;
    list-style: none; }
    .small-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
@media only screen and (min-width: 40.063em) {
  .medium-block-grid-1 > li {
    width: 100%;
    list-style: none; }
    .medium-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .medium-block-grid-2 > li {
    width: 50%;
    list-style: none; }
    .medium-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .medium-block-grid-3 > li {
    width: 33.33333%;
    list-style: none; }
    .medium-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .medium-block-grid-4 > li {
    width: 25%;
    list-style: none; }
    .medium-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .medium-block-grid-5 > li {
    width: 20%;
    list-style: none; }
    .medium-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .medium-block-grid-6 > li {
    width: 16.66667%;
    list-style: none; }
    .medium-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .medium-block-grid-7 > li {
    width: 14.28571%;
    list-style: none; }
    .medium-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .medium-block-grid-8 > li {
    width: 12.5%;
    list-style: none; }
    .medium-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .medium-block-grid-9 > li {
    width: 11.11111%;
    list-style: none; }
    .medium-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .medium-block-grid-10 > li {
    width: 10%;
    list-style: none; }
    .medium-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .medium-block-grid-11 > li {
    width: 9.09091%;
    list-style: none; }
    .medium-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .medium-block-grid-12 > li {
    width: 8.33333%;
    list-style: none; }
    .medium-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
@media only screen and (min-width: 64.063em) {
  .large-block-grid-1 > li {
    width: 100%;
    list-style: none; }
    .large-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .large-block-grid-2 > li {
    width: 50%;
    list-style: none; }
    .large-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .large-block-grid-3 > li {
    width: 33.33333%;
    list-style: none; }
    .large-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .large-block-grid-4 > li {
    width: 25%;
    list-style: none; }
    .large-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .large-block-grid-5 > li {
    width: 20%;
    list-style: none; }
    .large-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .large-block-grid-6 > li {
    width: 16.66667%;
    list-style: none; }
    .large-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .large-block-grid-7 > li {
    width: 14.28571%;
    list-style: none; }
    .large-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .large-block-grid-8 > li {
    width: 12.5%;
    list-style: none; }
    .large-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .large-block-grid-9 > li {
    width: 11.11111%;
    list-style: none; }
    .large-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .large-block-grid-10 > li {
    width: 10%;
    list-style: none; }
    .large-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .large-block-grid-11 > li {
    width: 9.09091%;
    list-style: none; }
    .large-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .large-block-grid-12 > li {
    width: 8.33333%;
    list-style: none; }
    .large-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
.flex-video {
  position: relative;
  padding-top: 1.5625rem;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden; }
  .flex-video.widescreen {
    padding-bottom: 56.34%; }
  .flex-video.vimeo {
    padding-top: 0; }
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.keystroke,
kbd {
  background-color: #ededed;
  border-color: #dddddd;
  color: #222222;
  border-style: solid;
  border-width: 1px;
  margin: 0;
  font-family: "Consolas", "Menlo", "Courier", monospace;
  font-size: inherit;
  padding: 0.125rem 0.25rem 0;
  border-radius: 3px; }

div.switch label {
  display: block;
  margin-bottom: 1rem;
  position: relative;
  color: transparent;
  background: #dddddd;
  text-indent: 100%;
  width: 4rem;
  height: 2rem;
  cursor: pointer;
  transition: left 0.15s ease-out; }
div.switch input {
  display: none; }
  div.switch input + label {
    margin-left: 0;
    margin-right: 0; }
div.switch label:after {
  content: "";
  display: block;
  background: white;
  position: absolute;
  top: .25rem;
  left: .25rem;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
div.switch input:checked + label {
  background: #008cba; }
div.switch input:checked + label:after {
  left: 2.25rem; }
div.switch label {
  width: 4rem;
  height: 2rem; }
div.switch label:after {
  width: 1.5rem;
  height: 1.5rem; }
div.switch input:checked + label:after {
  left: 2.25rem; }
div.switch label {
  color: transparent;
  background: #dddddd; }
div.switch label:after {
  background: white; }
div.switch input:checked + label {
  background: #008cba; }
div.switch.large label {
  width: 5rem;
  height: 2.5rem; }
div.switch.large label:after {
  width: 2rem;
  height: 2rem; }
div.switch.large input:checked + label:after {
  left: 2.75rem; }
div.switch.small label {
  width: 3.5rem;
  height: 1.75rem; }
div.switch.small label:after {
  width: 1.25rem;
  height: 1.25rem; }
div.switch.small input:checked + label:after {
  left: 2rem; }
div.switch.tiny label {
  width: 3rem;
  height: 1.5rem; }
div.switch.tiny label:after {
  width: 1rem;
  height: 1rem; }
div.switch.tiny input:checked + label:after {
  left: 1.75rem; }
div.switch.radius label {
  border-radius: 4px; }
div.switch.radius label:after {
  border-radius: 3px; }
div.switch.round {
  border-radius: 1000px; }
  div.switch.round label {
    border-radius: 2rem; }
  div.switch.round label:after {
    border-radius: 2rem; }

/* small displays */
@media only screen {
  .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }

  .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }

  .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
    display: table; }

  thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
    display: table-header-group !important; }

  tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
    display: table-row-group !important; }

  tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
    display: table-row !important; }

  th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
    display: table-cell !important; } }
/* medium displays */
@media only screen and (min-width: 40.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
    display: table; }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
    display: table-header-group !important; }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
    display: table-row-group !important; }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
    display: table-row !important; }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
    display: table-cell !important; } }
/* large displays */
@media only screen and (min-width: 64.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
    display: table; }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
    display: table-header-group !important; }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
    display: table-row-group !important; }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
    display: table-row !important; }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
    display: table-cell !important; } }
/* xlarge displays */
@media only screen and (min-width: 90.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
    display: table; }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
    display: table-header-group !important; }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
    display: table-row-group !important; }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
    display: table-row !important; }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
    display: table-cell !important; } }
/* xxlarge displays */
@media only screen and (min-width: 120.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xxlarge-only, table.show-for-xxlarge-up {
    display: table; }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up {
    display: table-header-group !important; }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up {
    display: table-row-group !important; }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up {
    display: table-row !important; }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up {
    display: table-cell !important; } }
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important; }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }

/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table; }

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important; }

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important; }

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important; }

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important; }

@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important; }

  .hide-for-landscape,
  .show-for-portrait {
    display: none !important; }

  /* Specific visibility for tables */
  table.show-for-landscape, table.hide-for-portrait {
    display: table; }

  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important; }

  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important; }

  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important; }

  td.show-for-landscape, td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important; } }
@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important; }

  .hide-for-portrait,
  .show-for-landscape {
    display: none !important; }

  /* Specific visibility for tables */
  table.show-for-portrait, table.hide-for-landscape {
    display: table; }

  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important; }

  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important; }

  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important; }

  td.show-for-portrait, td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important; } }
/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important; }

.hide-for-touch {
  display: inherit !important; }

.touch .show-for-touch {
  display: inherit !important; }

.touch .hide-for-touch {
  display: none !important; }

/* Specific visibility for tables */
table.hide-for-touch {
  display: table; }

.touch table.show-for-touch {
  display: table; }

thead.hide-for-touch {
  display: table-header-group !important; }

.touch thead.show-for-touch {
  display: table-header-group !important; }

tbody.hide-for-touch {
  display: table-row-group !important; }

.touch tbody.show-for-touch {
  display: table-row-group !important; }

tr.hide-for-touch {
  display: table-row !important; }

.touch tr.show-for-touch {
  display: table-row !important; }

td.hide-for-touch {
  display: table-cell !important; }

.touch td.show-for-touch {
  display: table-cell !important; }

th.hide-for-touch {
  display: table-cell !important; }

.touch th.show-for-touch {
  display: table-cell !important; }

/* Print visibility */
@media print {
  .show-for-print {
    display: block; }

  .hide-for-print {
    display: none; }

  table.show-for-print {
    display: table; }

  thead.show-for-print {
    display: table-header-group !important; }

  tbody.show-for-print {
    display: table-row-group !important; }

  tr.show-for-print {
    display: table-row !important; }

  td.show-for-print {
    display: table-cell !important; }

  th.show-for-print {
    display: table-cell !important; } }
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}/* SmartMenus Core CSS (it's not recommended editing this)
===============================================================*/

.sm,.sm ul,.sm li{display:block;list-style:none;padding:0;margin:0;line-height:normal;direction:ltr;}
ul.sm ul{position:absolute;top:-999999px;width:100px;}
ul.sm li{position:relative;float:left;}
ul.sm a{position:relative;display:block;white-space:nowrap;}
ul.sm a.disabled{cursor:default;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;}
ul.sm-rtl li{float:right;}
ul.sm ul li,ul.sm-vertical li, ul.sm-vertical-right li{float:none;}
ul.sm ul a,ul.sm-vertical a, ul.sm-vertical-right a{white-space:normal;}
ul.sm ul.sm-nowrap>li>a{white-space:nowrap;}
ul.sm:after{content:"\00a0";display:block;height:0;font:0/0 serif;clear:both;visibility:hidden;overflow:hidden;}
ul.sm,ul.sm *,ul.sm *:before,ul.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
ul.sm{-webkit-tap-highlight-color:rgba(0,0,0,0);}

/* ---------------------------------------------------------------
  Note that styles you apply to the main menu items are inherited by the sub menus items too.
  If you'd like to avoid this, you could use child selectors (not supported by IE6) - for example:
  .sm-simple > li > a { ... } instead of .sm-simple a { ... }
---------------------------------------------------------------*/


/* Menu box
===================*/

	.sm-simple,
	.sm-simple ul {
		margin: 10px 0 10px 10px;
	}
	
	.sm-simple-vertical {
		margin: 0 0 20px 0;
	}

/* Menu items
===================*/

	.sm-simple a {
		padding:10px 10px 10px 20px;
		color: #555;
		font-size:12px;
		line-height:17px;
		font-family:'Lucida Sans Unicode','Lucida Sans','Lucida Grande',Arial,sans-serif;
		text-decoration:none;
	}

	.sm-simple a:hover, .sm-simple a:focus, .sm-simple a.active,
	.sm-simple a.highlighted {
		background: var(--primary);
		color:#555;
	}
	
	/* current items - add the class manually to some item or check the "markCurrentItem" script option */
	.sm-simple a.current, .sm-simple a.current:hover, .sm-simple a.current:focus, .sm-simple a.current:active {
		background:#555;
		color:#fff;
	}
	.sm-simple a.has-submenu {
		padding-right:32px;
	}
 	.sm-simple ul a.has-submenu,
	.sm-simple-vertical a.has-submenu {
		padding-right:23px;
	}


/* Sub menu indicators
===================*/

	.sm-simple a span.sub-arrow {
		position:absolute;
		right:12px;
		top:50%;
		margin-top:-9px;
		width:16px;
		height:16px;
		line-height:16px;
	}
 	.sm-simple ul a span.sub-arrow,
	.sm-simple-vertical a span.sub-arrow {
		right:auto;
		margin-left: -14px;
	}


/* Items separators
===================*/

	.sm-simple li {
		border-left:1px solid #dbdbdb;
	}
	.sm-simple li:first-child {
		border-left:0;
	}
	.sm-simple ul li,
	.sm-simple-vertical li {
		border-left:0;
		border-top:1px solid #f3f3f3;
	}
	.sm-simple ul li:first-child,
	.sm-simple-vertical li:first-child {
		border-top:0;
	}


/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package
===================*/

	.sm-simple span.scroll-up, .sm-simple span.scroll-down {
		position:absolute;
		display:none;
		visibility:hidden;
		overflow:hidden;
		border:solid #bbb;
		border-width:1px 0;
		background:#fff;
		height:22px;
		/* width and position will be automatically set by the script */
	}
	.sm-simple span.scroll-up-arrow, .sm-simple span.scroll-down-arrow {
		position:absolute;
		top:-2px;
		left:50%;
		margin-left:-8px;
		/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
		width:0;
		height:0;
		overflow:hidden;
		border-width:8px; /* tweak size of the arrow */
		border-style:dashed dashed solid dashed;
		border-color:transparent transparent #555 transparent;
	}
	.sm-simple span.scroll-down-arrow {
		top:6px;
		border-style:solid dashed dashed dashed;
		border-color:#555 transparent transparent transparent;
	}


/*
---------------------------------------------------------------
  Responsiveness
  These will make the sub menus collapsible when the screen width is too small.
---------------------------------------------------------------*/

      #main-menu_button {
        display:none;
        /* style it as you like... */
				margin: 10px 0 0 0;
				padding: 8px 8px 10px 34px;
				background: url(../images/menu_icon.png) no-repeat;
				background-position: 10px 11px;
				background-color: #000;
				color: #fff;
				width: 100%;
      }
			
			.mobile-login_button {
				display: none;
			}
			
      #main-menu_button:before {
        content:'Meny -';
      }
      #main-menu_button.collapsed:before {
        content:'Meny +';
      }

      @media screen and (min-width: 420px) {

        ul[id^='main-menu_'] {
          display:none;
        }

      }

      @media screen and (max-width: 420px) {
        /* show the button on small screens */
        #main-menu_button {
          display:inline-block;
        }
        /* hide the menu when it has the "collapsed" class set by the script */
        ul[id^='main-menu_'].collapsed {
          display:none;
        }

        ul[id^='main-menu-largemode_'].collapsed {
          display:none;
        }
				
				#main-menu_button {
        display:inline-block;
				float: right;
        /* style it as you like... */
				margin: -48px 0 0 0;
				padding: 8px 8px 20px 34px;
				background: url(../images/menu_icon.png) no-repeat;
				background-position: 10px 11px;
				background-color: #000;
				color: #fff;
				width: 40px !important;
				height: 40px !important;
      }
			
			.mobile-login_button {
        display:inline-block;
				float: right;
        /* style it as you like... */
				margin: -48px 50px 0 0;
				padding: 8px 8px 20px 34px;
				/*background: url(../images/user_icon.png) no-repeat;*/
				background-position: 10px 11px;
				background-color: #000;
				color: #fff;
				width: 40px !important;
				height: 40px !important;
      }
			
      #main-menu_button:before {
        content:'';
      }
      #main-menu_button.collapsed:before {
        content:'';
      }
				
    }


/* =====================================================================================================
   ========================== Start: Ales Special Sidemenu Code ==========================================
   =====================================================================================================*/

	/* The following will make the sub menus collapsible (it's not recommended editing these - Det är bara ljug!) */
	ul.sidemenu{
	  width:auto !important;
	}
	ul.sidemenu ul{
	  display:none;
	  position:static !important;
	  top:auto !important;
	  left:auto !important;
	  margin-left:0 !important;
	  margin-top:0 !important;
	  width:auto !important;
	  min-width:0 !important;
	  max-width:none !important;
	}
	ul.sidemenu>li{
	  float:none;
	}
	ul.sidemenu>li>a,ul.sidemenu ul.sm-nowrap>li>a{
	  white-space:normal;
	}
	ul.sidemenu iframe{
	  display:none;
	}

  /* Menu box
  ===================*/
	.sidemenu ul {
		border:0;
		/* darken the background of the sub menus */
		background:rgba(100,100,100,0.1);
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}

  /* Menu items
  ===================*/
	.sidemenu a.has-submenu {
		padding-right:23px;
	}
	/* add some text indentation for the 2+ level sub menu items */
	.sidemenu ul a {
		border-left:8px solid transparent;
	}
	.sidemenu ul ul a {
		border-left:16px solid transparent;
	}
	.sidemenu ul ul ul a {
		border-left:24px solid transparent;
	}
	.sidemenu ul ul ul ul a {
		border-left:32px solid transparent;
	}
	.sidemenu ul ul ul ul ul a {
		border-left:40px solid transparent;
	}

  /* Sub menu indicators
  ===================*/
	.sidemenu a span.sub-arrow {
		right:auto;
		margin-left:-14px;
	}
	/* Hide sub indicator when item is expanded - we enable the item link when it's expanded */
	.sidemenu a.highlighted span.sub-arrow {
		display:none !important;
	}

  /* Items separators
  ===================*/
	.sidemenu li {
		border-left:0;
		border-top:1px solid rgba(0,0,0,0.05) !important;
	}
	.sidemenu li:first-child {
		border-top:0 !important;
	}
	
/* =====================================================================================================
   ========================== End: Ales Special Sidemenu Code ==========================================
   =====================================================================================================*/


@media screen and (max-width: 420px) {

	/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
	ul.sm-simple{width:auto !important;}
	ul.sm-simple ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
	ul.sm-simple>li{float:none;}
	ul.sm-simple>li>a,ul.sm-simple ul.sm-nowrap>li>a{white-space:normal;}
	ul.sm-simple iframe{display:none;}

	/* Uncomment this rule to disable completely the sub menus for small screen devices */
	/*.sm-simple ul, .sm-simple span.sub-arrow, .sm-simple iframe {
		display:none !important;
	}*/


/* Menu box
===================*/

	.sm-simple ul {
		border:0;
		/* darken the background of the sub menus */
		background:rgba(100,100,100,0.1);
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}


/* Menu items
===================*/

	.sm-simple a {
		padding-top:13px;
		padding-bottom:13px;
		/*background:transparent !important;*/
		color:#555;
		text-align: center;
	}
	.sm-simple a.current {
		background:#555;
		color:#fff !important;
	}
	.sm-simple a.has-submenu {
		padding-right:23px;
	}
	/* add some text indentation for the 2+ level sub menu items */
	.sm-simple ul a {
		border-left:8px solid transparent;
	}
	.sm-simple ul ul a {
		border-left:16px solid transparent;
	}
	.sm-simple ul ul ul a {
		border-left:24px solid transparent;
	}
	.sm-simple ul ul ul ul a {
		border-left:32px solid transparent;
	}
	.sm-simple ul ul ul ul ul a {
		border-left:40px solid transparent;
	}


/* Sub menu indicators
===================*/

	.sm-simple a span.sub-arrow {
		right:auto;
		margin-left:-14px;
	}
	/* Hide sub indicator when item is expanded - we enable the item link when it's expanded */
	.sm-simple a.highlighted span.sub-arrow {
		display:none !important;
	}


/* Items separators
===================*/

	.sm-simple li {
		border-left:0;
		border-top:1px solid rgba(0,0,0,0.05) !important;
	}
	.sm-simple li:first-child {
		border-top:0 !important;
	}
	
	.sm-vertical, .sm-vertical-right {
		margin: 20px 0 0 0 !important;
	}

}



/* External CSS */

.external ul.sm-simple {
	margin: 0;
}

.sm-vertical-right li a {
	background-color: #eeeeee;
	color: #000;
}

.sm-vertical-right li a:hover {
	background-color: #b7b7b7;
	color: #000;
}

.sm-vertical-right li a.active {
	background-color: #000;
	color: #fff;
}

.sm-vertical-right li a.active:hover {
	background-color: #484848;
	color: #fff;
}




/***
Spectrum Colorpicker v1.6.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

.sp-container {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    /* https://github.com/bgrins/spectrum/issues/40 */
    z-index: 9999994;
    overflow: hidden;
}
.sp-container.sp-flat {
    position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position:relative;
  width: 100%;
  display:inline-block;
}
.sp-top-inner {
   position:absolute;
   top:0;
   left:0;
   bottom:0;
   right:0;
}
.sp-color {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:20%;
}
.sp-hue {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:84%;
    height: 100%;
}

.sp-clear-enabled .sp-hue {
    top:33px;
    height: 77.5%;
}

.sp-fill {
    padding-top: 80%;
}
.sp-sat, .sp-val {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
    display: block;
}
.sp-alpha-handle {
    position:absolute;
    top:-4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid black;
    background: white;
    opacity: .8;
}
.sp-alpha {
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px;
}
.sp-alpha-inner {
    border: solid 1px #333;
}

.sp-clear {
    display: none;
}

.sp-clear.sp-clear-display {
    background-position: center;
}

.sp-clear-enabled .sp-clear {
    display: block;
    position:absolute;
    top:0px;
    right:0;
    bottom:0;
    left:84%;
    height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button  {
    -webkit-user-select:none;
    -moz-user-select: -moz-none;
    -o-user-select:none;
    user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
    display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
    display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
    display: none;
}
.sp-palette-only .sp-picker-container {
    display: none;
}
.sp-palette-disabled .sp-palette-container {
    display: none;
}

.sp-initial-disabled .sp-initial {
    display: none;
}


/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
    background-image: -webkit-gradient(linear,  0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
    background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
    background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
    display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
    .sp-color { right: 40%; }
    .sp-hue { left: 63%; }
    .sp-fill { padding-top: 60%; }
}
.sp-dragger {
   border-radius: 5px;
   height: 5px;
   width: 5px;
   border: 1px solid #fff;
   background: #000;
   cursor: pointer;
   position:absolute;
   top:0;
   left: 0;
}
.sp-slider {
    position: absolute;
    top:0;
    cursor:pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #000;
    background: white;
    opacity: .8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/

.sp-container {
    border-radius: 0;
    background-color: #ECECEC;
    border: solid 1px #f0c49B;
    padding: 0;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
    font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sp-top {
    margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
    border: solid 1px #666;
}

/* Input */
.sp-input-container {
    float:right;
    width: 100px;
    margin-bottom: 4px;
}
.sp-initial-disabled  .sp-input-container {
    width: 100%;
}
.sp-input {
   font-size: 12px !important;
   border: 1px inset;
   padding: 4px 5px;
   margin: 0;
   width: 100%;
   background:transparent;
   border-radius: 3px;
   color: #222;
}
.sp-input:focus  {
    border: 1px solid orange;
}
.sp-input.sp-validation-error {
    border: 1px solid red;
    background: #fdd;
}
.sp-picker-container , .sp-palette-container {
    float:left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px;
}
.sp-picker-container {
    width: 172px;
    border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
    border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
    border: 0;
}

.sp-palette .sp-thumb-el {
    display: block;
    position:relative;
    float:left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: orange;
}
.sp-thumb-el {
    position:relative;
}

/* Initial */
.sp-initial {
    float: left;
    border: solid 1px #333;
}
.sp-initial span {
    width: 30px;
    height: 25px;
    border:none;
    display:block;
    float:left;
    margin:0;
}

.sp-initial .sp-clear-display {
    background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
    float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
    margin:0;
    overflow:hidden;
    cursor:pointer;
    padding: 4px;
    display:inline-block;
    *zoom: 1;
    *display: inline;
    border: solid 1px #91765d;
    background: #eee;
    color: #333;
    vertical-align: middle;
}
.sp-replacer:hover, .sp-replacer.sp-active {
    border-color: #F0C49B;
    color: #111;
}
.sp-replacer.sp-disabled {
    cursor:default;
    border-color: silver;
    color: silver;
}
.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float:left;
    font-size:10px;
}
.sp-preview {
    position:relative;
    width:25px;
    height: 20px;
    border: solid 1px #222;
    margin-right: 5px;
    float:left;
    z-index: 0;
}

.sp-palette {
    *width: 220px;
    max-width: 220px;
}
.sp-palette .sp-thumb-el {
    width:16px;
    height: 16px;
    margin:2px 1px;
    border: solid 1px #d0d0d0;
}

.sp-container {
    padding-bottom:0;
}


/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}
.sp-container button:hover {
    background-color: #dddddd;
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
    font-size: 11px;
    color: #d93f3f !important;
    margin:0;
    padding:2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration:none;

}
.sp-cancel:hover {
    color: #d93f3f !important;
    text-decoration: underline;
}


.sp-palette span:hover, .sp-palette span.sp-thumb-active {
    border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
    position:relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    display:block;
    position:absolute;
    top:0;left:0;bottom:0;right:0;
}

.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
    background-repeat:no-repeat;
    background-position: center;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
/*! jQuery UI - v1.11.2 - 2014-10-28
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
	font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

.no-csstransition .ui-autocomplete {
  position: relative !important;
  list-style: none !important;
}

.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer !important;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 */
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
	right: 0.5em;
	left: auto;
	margin-top: -8px;
	position: absolute;
	top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 0.4em 2.1em 0.4em 1em;
	display: block;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
	color: #222222;
	list-style: none !important;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: var(--ui-state-default);
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: var(--ui-state-highlight) url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
	color: var(--black);
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: var(--black);
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: var(--ui-state-highlight) url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
	color: var(--color);
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-state-default .ui-icon {
	background-image: url("images/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cd0a0a_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
	border-radius: 8px;
}
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}/*!
 * jQuery UI CSS Framework 1.11.2
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
	font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 */
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
	right: 0.5em;
	left: auto;
	margin-top: -8px;
	position: absolute;
	top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 0.4em 2.1em 0.4em 1em;
	display: block;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}
/*
 * Timepicker stylesheet
 * Highly inspired from datepicker
 * FG - Nov 2010 - Web3R 
 *
 * version 0.0.3 : Fixed some settings, more dynamic
 * version 0.0.4 : Removed width:100% on tables
 * version 0.1.1 : set width 0 on tables to fix an ie6 bug
 */

/*
.ui-timepicker-inline { 
  display: inline; 
}
*/

#ui-timepicker-div { padding: 0.2em; }
.ui-timepicker-table { 
  display: inline-table; 
  width: auto; 
}
.ui-timepicker-table table { margin:0.15em 0 0 0; border-collapse: collapse; }

.ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em;  }

.ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; }
.ui-timepicker-table td { padding: 0.1em; width: 2.2em; }
.ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; }

/* span for disabled cells */
.ui-timepicker-table td span {
	display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;

    text-align:right;
    text-decoration:none;
}
/* anchors for clickable cells */
.ui-timepicker-table td a {
    display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    cursor: pointer;
    text-align:right;
    text-decoration:none;
}

/* buttons and button pane styling */
.ui-timepicker .ui-timepicker-buttonpane {
    background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0;
}
.ui-timepicker .ui-timepicker-buttonpane button { margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
/* The close button */
.ui-timepicker .ui-timepicker-close { float: right }

/* the now button */
.ui-timepicker .ui-timepicker-now { float: left; }

/* the deselect button */
.ui-timepicker .ui-timepicker-deselect { float: left; }


.cropper-container {
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: #fff;

    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.cropper-container img {
    max-width: none !important;
    max-height: none !important;
}

.cropper-container .cropper-modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    filter: alpha(opacity=50);
    opacity: .5;
}

.cropper-container .cropper-dragger {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
}

.cropper-container .cropper-preview {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    /*
    border-color: #69f;
    border-color: rgba(51, 102, 255, .75);
    */
    border-color: var(--primary);
    border-color:  var(--primary);
    border-style: solid;
    border-width: 1px;
}

.cropper-container .cropper-dashed {
    position: absolute;
    display: block;
    filter: alpha(opacity=50);
    border: 0 dashed #fff;
    opacity: .5;
}

.cropper-container .dashed-h {
    top: 33.3%;
    left: 0;
    width: 100%;
    height: 33.3%;
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.cropper-container .dashed-v {
    top: 0;
    left: 33.3%;
    width: 33.3%;
    height: 100%;
    border-right-width: 1px;
    border-left-width: 1px;
}

.cropper-container .cropper-face,
.cropper-container .cropper-line,
.cropper-container .cropper-point {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=10);
    opacity: .1;
}

.cropper-container .cropper-face {
    top: 0;
    left: 0;
    cursor: move;
    background-color: #fff;
}

.cropper-container .cropper-line {
    /*
    background-color: #69f;
    */
    background-color: var(--primary);
}

.cropper-container .line-e {
    top: 0;
    right: -2px;
    width: 5px;
    cursor: e-resize;
}

.cropper-container .line-n {
    top: -2px;
    left: 0;
    height: 5px;
    cursor: n-resize;
}

.cropper-container .line-w {
    top: 0;
    left: -2px;
    width: 5px;
    cursor: w-resize;
}

.cropper-container .line-s {
    bottom: -2px;
    left: 0;
    height: 5px;
    cursor: s-resize;
}

.cropper-container .cropper-point {
    width: 5px;
    height: 5px;
    /*
    background-color: #69f;
    */
    background-color: var(--primary);
    filter: alpha(opacity=75);
    opacity: .75;
}

.cropper-container .point-e {
    top: 49%;
    right: -2px;
    cursor: e-resize;
}

.cropper-container .point-n {
    top: -2px;
    left: 49%;
    cursor: n-resize;
}

.cropper-container .point-w {
    top: 49%;
    left: -2px;
    cursor: w-resize;
}

.cropper-container .point-s {
    bottom: -2px;
    left: 49%;
    cursor: s-resize;
}

.cropper-container .point-ne {
    top: -2px;
    right: -2px;
    cursor: ne-resize;
}

.cropper-container .point-nw {
    top: -2px;
    left: -2px;
    cursor: nw-resize;
}

.cropper-container .point-sw {
    bottom: -2px;
    left: -2px;
    cursor: sw-resize;
}

.cropper-container .point-se {
    right: -2px;
    bottom: -2px;
    width: 20px;
    height: 20px;
    cursor: se-resize;
    filter: alpha(opacity=100);
    opacity: 1;
}

.cropper-container .point-se:before {
    position: absolute;
    right: -50%;
    bottom: -50%;
    display: block;
    width: 200%;
    height: 200%;
    content: " ";
    /*
    background-color: #69f;
    */
    background-color: var(--primary);
    filter: alpha(opacity=0);
    opacity: 0;
}

@media (min-width: 768px) {
    .cropper-container .point-se {
        width: 15px;
        height: 15px;
    }
}

@media (min-width: 992px) {
    .cropper-container .point-se {
        width: 10px;
        height: 10px;
    }
}

@media (min-width: 1200px) {
    .cropper-container .point-se {
        width: 5px;
        height: 5px;
        filter: alpha(opacity=75);
        opacity: .75;
    }
}

.cropper-hidden {
    display: none !important;
}
/*!
 * jquery-confirm v3.3.2 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2017 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */@-webkit-keyframes jconfirm-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes jconfirm-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}body[class*=jconfirm-no-scroll-]{overflow:hidden!important}.jconfirm{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999999;font-family:inherit;overflow:hidden}.jconfirm .jconfirm-bg{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-transition:opacity .4s;transition:opacity .4s}.jconfirm .jconfirm-bg.jconfirm-bg-h{opacity:0!important}.jconfirm .jconfirm-scrollpane{-webkit-perspective:500px;perspective:500px;-webkit-perspective-origin:center;perspective-origin:center;display:table;width:100%;height:100%}.jconfirm .jconfirm-row{display:table-row;width:100%}.jconfirm .jconfirm-cell{display:table-cell;vertical-align:middle}.jconfirm .jconfirm-holder{max-height:100%;padding:50px 0}.jconfirm .jconfirm-box-container{-webkit-transition:-webkit-transform;transition:-webkit-transform;transition:transform;transition:transform,-webkit-transform}.jconfirm .jconfirm-box-container.jconfirm-no-transition{-webkit-transition:none!important;transition:none!important}.jconfirm .jconfirm-box{background:white;border-radius:4px;position:relative;outline:0;padding:15px 15px 0;overflow:hidden;margin-left:auto;margin-right:auto}@-webkit-keyframes type-blue{1%,100%{border-color:#3498db}50%{border-color:#5faee3}}@keyframes type-blue{1%,100%{border-color:#3498db}50%{border-color:#5faee3}}@-webkit-keyframes type-green{1%,100%{border-color:#2ecc71}50%{border-color:#54d98c}}@keyframes type-green{1%,100%{border-color:#2ecc71}50%{border-color:#54d98c}}@-webkit-keyframes type-red{1%,100%{border-color:#e74c3c}50%{border-color:#ed7669}}@keyframes type-red{1%,100%{border-color:#e74c3c}50%{border-color:#ed7669}}@-webkit-keyframes type-orange{1%,100%{border-color:#f1c40f}50%{border-color:#f4d03f}}@keyframes type-orange{1%,100%{border-color:#f1c40f}50%{border-color:#f4d03f}}@-webkit-keyframes type-purple{1%,100%{border-color:#9b59b6}50%{border-color:#b07cc6}}@keyframes type-purple{1%,100%{border-color:#9b59b6}50%{border-color:#b07cc6}}@-webkit-keyframes type-dark{1%,100%{border-color:#34495e}50%{border-color:#46627f}}@keyframes type-dark{1%,100%{border-color:#34495e}50%{border-color:#46627f}}.jconfirm .jconfirm-box.jconfirm-type-animated{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.jconfirm .jconfirm-box.jconfirm-type-blue{border-top:solid 7px #3498db;-webkit-animation-name:type-blue;animation-name:type-blue}.jconfirm .jconfirm-box.jconfirm-type-green{border-top:solid 7px #2ecc71;-webkit-animation-name:type-green;animation-name:type-green}.jconfirm .jconfirm-box.jconfirm-type-red{border-top:solid 7px #e74c3c;-webkit-animation-name:type-red;animation-name:type-red}.jconfirm .jconfirm-box.jconfirm-type-orange{border-top:solid 7px #f1c40f;-webkit-animation-name:type-orange;animation-name:type-orange}.jconfirm .jconfirm-box.jconfirm-type-purple{border-top:solid 7px #9b59b6;-webkit-animation-name:type-purple;animation-name:type-purple}.jconfirm .jconfirm-box.jconfirm-type-dark{border-top:solid 7px #34495e;-webkit-animation-name:type-dark;animation-name:type-dark}.jconfirm .jconfirm-box.loading{height:120px}.jconfirm .jconfirm-box.loading:before{content:'';position:absolute;left:0;background:white;right:0;top:0;bottom:0;border-radius:10px;z-index:1}.jconfirm .jconfirm-box.loading:after{opacity:.6;content:'';height:30px;width:30px;border:solid 3px transparent;position:absolute;left:50%;margin-left:-15px;border-radius:50%;-webkit-animation:jconfirm-spin 1s infinite linear;animation:jconfirm-spin 1s infinite linear;border-bottom-color:dodgerblue;top:50%;margin-top:-15px;z-index:2}.jconfirm .jconfirm-box div.jconfirm-closeIcon{height:20px;width:20px;position:absolute;top:10px;right:10px;cursor:pointer;opacity:.6;text-align:center;font-size:27px!important;line-height:14px!important;display:none;z-index:1}.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover{opacity:1}.jconfirm .jconfirm-box div.jconfirm-title-c{display:block;font-size:22px;line-height:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;padding-bottom:15px}.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand{cursor:move}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{font-size:inherit;display:inline-block;vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i{vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:inherit;font-family:inherit;display:inline-block;vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-content-pane{margin-bottom:15px;height:auto;-webkit-transition:height .4s ease-in;transition:height .4s ease-in;display:inline-block;width:100%;position:relative;overflow-x:hidden;overflow-y:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll{overflow-y:hidden}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar{width:3px}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track{background:rgba(0,0,0,0.1)}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb{background:#666;border-radius:3px}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content{overflow:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img{max-width:100%;height:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty{display:none}.jconfirm .jconfirm-box .jconfirm-buttons{padding-bottom:11px}.jconfirm .jconfirm-box .jconfirm-buttons>button{margin-bottom:4px;margin-left:2px;margin-right:2px}.jconfirm .jconfirm-box .jconfirm-buttons button{display:inline-block;padding:6px 12px;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px;min-height:1em;-webkit-transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;-webkit-tap-highlight-color:transparent;border:0;background-image:none}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue{background-color:#3498db;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover{background-color:#2980b9;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green{background-color:#2ecc71;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover{background-color:#27ae60;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red{background-color:#e74c3c;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover{background-color:#c0392b;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange{background-color:#f1c40f;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover{background-color:#f39c12;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default{background-color:#ecf0f1;color:#000;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover{background-color:#bdc3c7;color:#000}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple{background-color:#9b59b6;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover{background-color:#8e44ad;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark{background-color:#34495e;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover{background-color:#2c3e50;color:#FFF}.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c{color:#e74c3c!important}.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c{color:#3498db!important}.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c{color:#2ecc71!important}.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c{color:#9b59b6!important}.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c{color:#f1c40f!important}.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c{color:#34495e!important}.jconfirm .jconfirm-clear{clear:both}.jconfirm.jconfirm-rtl{direction:rtl}.jconfirm.jconfirm-rtl div.jconfirm-closeIcon{left:5px;right:auto}.jconfirm.jconfirm-white .jconfirm-bg,.jconfirm.jconfirm-light .jconfirm-bg{background-color:#444;opacity:.2}.jconfirm.jconfirm-white .jconfirm-box,.jconfirm.jconfirm-light .jconfirm-box{-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);box-shadow:0 2px 6px rgba(0,0,0,0.2);border-radius:5px}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons{float:right}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button{text-transform:uppercase;font-size:14px;font-weight:bold;text-shadow:none}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default{-webkit-box-shadow:none;box-shadow:none;color:#333}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover{background:#ddd}.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-black .jconfirm-bg,.jconfirm.jconfirm-dark .jconfirm-bg{background-color:darkslategray;opacity:.4}.jconfirm.jconfirm-black .jconfirm-box,.jconfirm.jconfirm-dark .jconfirm-box{-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);box-shadow:0 2px 6px rgba(0,0,0,0.2);background:#444;border-radius:5px;color:white}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons{float:right}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button{border:0;background-image:none;text-transform:uppercase;font-size:14px;font-weight:bold;text-shadow:none;-webkit-transition:background .1s;transition:background .1s;color:white}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default{-webkit-box-shadow:none;box-shadow:none;color:#fff;background:0}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover{background:#666}.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake{-webkit-animation:shake .82s cubic-bezier(0.36,0.07,0.19,0.97) both;animation:shake .82s cubic-bezier(0.36,0.07,0.19,0.97) both;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow{-webkit-animation:glow .82s cubic-bezier(0.36,0.07,0.19,0.97) both;animation:glow .82s cubic-bezier(0.36,0.07,0.19,0.97) both;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}20%,80%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-8px,0,0);transform:translate3d(-8px,0,0)}40%,60%{-webkit-transform:translate3d(8px,0,0);transform:translate3d(8px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}20%,80%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-8px,0,0);transform:translate3d(-8px,0,0)}40%,60%{-webkit-transform:translate3d(8px,0,0);transform:translate3d(8px,0,0)}}@-webkit-keyframes glow{0%,100%{-webkit-box-shadow:0 0 0 red;box-shadow:0 0 0 red}50%{-webkit-box-shadow:0 0 30px red;box-shadow:0 0 30px red}}@keyframes glow{0%,100%{-webkit-box-shadow:0 0 0 red;box-shadow:0 0 0 red}50%{-webkit-box-shadow:0 0 30px red;box-shadow:0 0 30px red}}.jconfirm{-webkit-perspective:400px;perspective:400px}.jconfirm .jconfirm-box{opacity:1;-webkit-transition-property:all;transition-property:all}.jconfirm .jconfirm-box.jconfirm-animation-top,.jconfirm .jconfirm-box.jconfirm-animation-left,.jconfirm .jconfirm-box.jconfirm-animation-right,.jconfirm .jconfirm-box.jconfirm-animation-bottom,.jconfirm .jconfirm-box.jconfirm-animation-opacity,.jconfirm .jconfirm-box.jconfirm-animation-zoom,.jconfirm .jconfirm-box.jconfirm-animation-scale,.jconfirm .jconfirm-box.jconfirm-animation-none,.jconfirm .jconfirm-box.jconfirm-animation-rotate,.jconfirm .jconfirm-box.jconfirm-animation-rotatex,.jconfirm .jconfirm-box.jconfirm-animation-rotatey,.jconfirm .jconfirm-box.jconfirm-animation-scaley,.jconfirm .jconfirm-box.jconfirm-animation-scalex{opacity:0}.jconfirm .jconfirm-box.jconfirm-animation-rotate{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.jconfirm .jconfirm-box.jconfirm-animation-rotatex{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotatexr{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotatey{-webkit-transform:rotatey(90deg);transform:rotatey(90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotateyr{-webkit-transform:rotatey(-90deg);transform:rotatey(-90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-scaley{-webkit-transform:scaley(1.5);transform:scaley(1.5);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-scalex{-webkit-transform:scalex(1.5);transform:scalex(1.5);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-top{-webkit-transform:translate(0px,-100px);transform:translate(0px,-100px)}.jconfirm .jconfirm-box.jconfirm-animation-left{-webkit-transform:translate(-100px,0px);transform:translate(-100px,0px)}.jconfirm .jconfirm-box.jconfirm-animation-right{-webkit-transform:translate(100px,0px);transform:translate(100px,0px)}.jconfirm .jconfirm-box.jconfirm-animation-bottom{-webkit-transform:translate(0px,100px);transform:translate(0px,100px)}.jconfirm .jconfirm-box.jconfirm-animation-zoom{-webkit-transform:scale(1.2);transform:scale(1.2)}.jconfirm .jconfirm-box.jconfirm-animation-scale{-webkit-transform:scale(0.5);transform:scale(0.5)}.jconfirm .jconfirm-box.jconfirm-animation-none{visibility:hidden}.jconfirm.jconfirm-supervan .jconfirm-bg{background-color:rgba(54,70,93,0.95)}.jconfirm.jconfirm-supervan .jconfirm-box{background-color:transparent}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark{border:0}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon{color:white}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c{text-align:center;color:white;font-size:28px;font-weight:normal}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c>*{padding-bottom:25px}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane{margin-bottom:25px}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content{text-align:center;color:white}.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons{text-align:center}.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button{font-size:16px;border-radius:2px;background:#303f53;text-shadow:none;border:0;color:white;padding:10px;min-width:100px}.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-material .jconfirm-bg{background-color:rgba(0,0,0,0.67)}.jconfirm.jconfirm-material .jconfirm-box{background-color:white;-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);padding:30px 25px 10px 25px}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,0.87)}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,0.87);font-size:22px;font-weight:bold}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content{color:rgba(0,0,0,0.87)}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons{text-align:right}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button{text-transform:uppercase;font-weight:500}.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-bootstrap .jconfirm-bg{background-color:rgba(0,0,0,0.21)}.jconfirm.jconfirm-bootstrap .jconfirm-box{background-color:white;-webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,0.2);box-shadow:0 3px 8px 0 rgba(0,0,0,0.2);border:solid 1px rgba(0,0,0,0.4);padding:15px 0 0}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,0.87)}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,0.87);font-size:22px;font-weight:bold;padding-left:15px;padding-right:15px}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content{color:rgba(0,0,0,0.87);padding:0 15px}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons{text-align:right;padding:10px;margin:-5px 0 0;border-top:solid 1px #ddd;overflow:hidden;border-radius:0 0 4px 4px}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button{font-weight:500}.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-modern .jconfirm-bg{background-color:slategray;opacity:.6}.jconfirm.jconfirm-modern .jconfirm-box{background-color:white;-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);padding:30px 30px 15px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,0.87);top:15px;right:15px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,0.87);font-size:24px;font-weight:bold;text-align:center;margin-bottom:10px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform:scale(0);transform:scale(0);display:block;margin-right:0;margin-left:0;margin-bottom:10px;font-size:69px;color:#aaa}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content{text-align:center;font-size:15px;color:#777;margin-bottom:25px}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons{text-align:center}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button{font-weight:bold;text-transform:uppercase;-webkit-transition:background .1s;transition:background .1s;padding:10px 20px}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button+button{margin-left:4px}.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{-webkit-transform:scale(1);transform:scale(1)}.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top.shepherd-target-attached-left .shepherd-content:before,
.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top.shepherd-target-attached-right .shepherd-content:before,
.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-target-attached-left .shepherd-content:before,
.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-target-attached-right .shepherd-content:before {
  display: none; }

.shepherd-element, .shepherd-element:after, .shepherd-element:before, .shepherd-element *, .shepherd-element *:after, .shepherd-element *:before {
  box-sizing: border-box; }

.shepherd-element {
  position: absolute;
  display: none; }
  .shepherd-element.shepherd-open {
    display: block; }

.shepherd-element.shepherd-theme-arrows {
  max-width: 100%;
  max-height: 100%; }
  .shepherd-element.shepherd-theme-arrows .shepherd-content {
    border-radius: 5px;
    position: relative;
    font-family: inherit;
    background: #fff;
    color: #444;
    padding: 1em;
    font-size: 1.1em;
    line-height: 1.5em;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
            filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2)); }
    .shepherd-element.shepherd-theme-arrows .shepherd-content:before {
      content: "";
      display: block;
      position: absolute;
      width: 0;
      height: 0;
      border-color: transparent;
      border-width: 16px;
      border-style: solid;
      pointer-events: none; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content {
    margin-bottom: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content:before {
      top: 100%;
      left: 50%;
      margin-left: -16px;
      border-top-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content {
    margin-top: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before {
      bottom: 100%;
      left: 50%;
      margin-left: -16px;
      border-bottom-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content {
    margin-right: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content:before {
      left: 100%;
      top: 50%;
      margin-top: -16px;
      border-left-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content {
    margin-left: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content:before {
      right: 100%;
      top: 50%;
      margin-top: -16px;
      border-right-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-left.shepherd-target-attached-center .shepherd-content {
    left: -32px; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-right.shepherd-target-attached-center .shepherd-content {
    left: 32px; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content {
    margin-top: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content:before {
      bottom: 100%;
      left: 16px;
      border-bottom-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content {
    margin-top: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content:before {
      bottom: 100%;
      right: 16px;
      border-bottom-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content {
    margin-bottom: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content:before {
      top: 100%;
      left: 16px;
      border-top-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content {
    margin-bottom: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content:before {
      top: 100%;
      right: 16px;
      border-top-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content {
    margin-top: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content:before {
      bottom: 100%;
      left: 16px;
      border-bottom-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content {
    margin-top: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content:before {
      bottom: 100%;
      right: 16px;
      border-bottom-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content {
    margin-bottom: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content:before {
      top: 100%;
      left: 16px;
      border-top-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content {
    margin-bottom: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content:before {
      top: 100%;
      right: 16px;
      border-top-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
    margin-right: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
      top: 16px;
      left: 100%;
      border-left-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
    margin-left: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
      top: 16px;
      right: 100%;
      border-right-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
    margin-right: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
      bottom: 16px;
      left: 100%;
      border-left-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
    margin-left: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
      bottom: 16px;
      right: 100%;
      border-right-color: #fff; }

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before {
  border-bottom-color: #eee; }

.shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content header {
  background: #eee;
  padding: 1em; }
  .shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content header a.shepherd-cancel-link {
    padding: 0;
    margin-bottom: 0; }

.shepherd-element.shepherd-theme-arrows.shepherd-has-cancel-link .shepherd-content header h3 {
  float: left; }

.shepherd-element.shepherd-theme-arrows .shepherd-content {
  padding: 0; }
/*  .shepherd-element.shepherd-theme-arrows .shepherd-content * {
    font-size: inherit; }*/
  .shepherd-element.shepherd-theme-arrows .shepherd-content header {
    *zoom: 1;
    border-radius: 5px 5px 0 0; }
    .shepherd-element.shepherd-theme-arrows .shepherd-content header:after {
      content: "";
      display: table;
      clear: both; }
    .shepherd-element.shepherd-theme-arrows .shepherd-content header h3 {
      margin: 0;
      line-height: 1;
      font-weight: normal; }
    .shepherd-element.shepherd-theme-arrows .shepherd-content header a.shepherd-cancel-link {
      float: right;
      text-decoration: none;
      font-size: 1.25em;
      line-height: .8em;
      font-weight: normal;
      color: rgba(0, 0, 0, 0.5);
      opacity: 0.25;
      position: relative;
      top: .1em;
      padding: .8em;
      margin-bottom: -.8em; }
      .shepherd-element.shepherd-theme-arrows .shepherd-content header a.shepherd-cancel-link:hover {
        opacity: 1; }
  .shepherd-element.shepherd-theme-arrows .shepherd-content .shepherd-text {
    padding: 1em; }
    .shepherd-element.shepherd-theme-arrows .shepherd-content .shepherd-text p {
      margin: 0 0 .5em 0;
      line-height: 1.3em; }
      .shepherd-element.shepherd-theme-arrows .shepherd-content .shepherd-text p:last-child {
        margin-bottom: 0; }
  .shepherd-element.shepherd-theme-arrows .shepherd-content footer {
    padding: 0 1em 1em; }
    .shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons {
      text-align: right;
      list-style: none;
      padding: 0;
      margin: 0; }
      .shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li {
        display: inline;
        padding: 0;
        margin: 0; }
        /*.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li .shepherd-button {
          display: inline-block;
          vertical-align: middle;
          *vertical-align: auto;
          *zoom: 1;
          *display: inline;
          border-radius: 3px;
          cursor: pointer;
          border: 0;
          margin: 0 .5em 0 0;
          font-family: inherit;
          text-transform: uppercase;
          letter-spacing: .1em;
          font-size: .8em;
          line-height: 1em;
          padding: .75em 2em;
          background: #3288e6;
          color: #fff; }*/
          .shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary {
            background: #eee;
            color: #888; }
        .shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li:last-child .shepherd-button {
          margin-right: 0; }
/*!
 * jQuery UI CSS Framework 1.11.2
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid var(--ui-widget-overlay);
	background: var(--white) url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
	color: var(--dark-grey);
}
.ui-widget-content a {
	color: var(--dark-grey);
}
.ui-widget-header {
	border: 1px solid var(--ui-widget-overlay);
	background: var(--alternate) url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
	color: var(--black);
	font-weight: bold;
}
.ui-widget-header a {
	color: var(--black);
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid var(--semi-dark-grey);
	background: var(--ui-state-default) url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: var(--ui-state-default);
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: var(--ui-state-default);
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid var(--very-dark-grey);
	background: var(--ui-state-default) url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: var(--black);
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: var(--black);
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid var(--ui-widget-overlay);
	background: var(--white) url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: var(--black);
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: var(--black);
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: var(--ui-state-highlight) url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
	color: var(--black);
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: var(--black);
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid var(--ui-state-error);
	background: var(--ui-state-highlight) url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
	color: var(--color);
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: var(--ui-state-error);
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: var(--ui-state-error);
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-state-default .ui-icon {
	background-image: url("images/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cd0a0a_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: var(--ui-widget-overlay) url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: var(--ui-widget-overlay) url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
	border-radius: 8px;
}
/*! jQuery UI - v1.11.4 - 2015-10-30
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, datepicker.css, menu.css, selectmenu.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=0&bgColorHeader=%23000000&bgTextureHeader=flat&borderColorHeader=%23111111&fcHeader=%23ffffff&iconColorHeader=%23ffffff&bgColorContent=%23000000&bgTextureContent=flat&borderColorContent=%23000000&fcContent=%23ffffff&iconColorContent=%23444444&bgColorDefault=%23ffffff&bgTextureDefault=flat&borderColorDefault=%23ffffff&fcDefault=%23454545&iconColorDefault=%23777777&bgColorHover=%23ededed&bgTextureHover=flat&borderColorHover=%23cccccc&fcHover=%232b2b2b&iconColorHover=%23555555&bgColorActive=%23d9b800&bgTextureActive=flat&borderColorActive=%23d9b800&fcActive=%23ffffff&iconColorActive=%23ffffff&bgColorHighlight=%23cccccc&bgTextureHighlight=flat&borderColorHighlight=%23cccccc&fcHighlight=%23777620&iconColorHighlight=%23777620&bgColorError=%23fddfdf&bgTextureError=flat&borderColorError=%23f1a899&fcError=%235f3f3f&iconColorError=%23cc0000&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px&bgImgOpacityHeader=&bgImgOpacityContent=&bgImgOpacityDefault=&bgImgOpacityHover=&bgImgOpacityActive=&bgImgOpacityHighlight=&bgImgOpacityError=&submit=
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #000;background:#000;color:var(--white)}.ui-widget-content a{color:var(--white)}.ui-widget-header{border:1px solid #111;background:#000;color:var(--white);font-weight:bold}.ui-widget-header a{color:var(--white)}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid var(--white);background:var(--white);font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid var(--alternate);background:var(--alternate);font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#2b2b2b;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid var(--primary);background:var(--primary);font-weight:normal;color:var(--white)}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:var(--white);text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #ccc;background:#ccc;color:#777620}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:var(--black)}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-default .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:0}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:0}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:0}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:0}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:0 0 0 0;padding:5px;background:#666;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}/**
* Helvetica Neue Normal (No Stretch)
*/
/* Helvetica Neue Black Font Stack */
/*.{font-family: "HelveticaNeueBlack", "HelveticaNeue-Black", "Helvetica Neue Black", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Arial Black", sans-serif; font-weight:800; font-stretch:normal;}*/

/* Helvetica Neue Heavy Font Stack */
/*.{font-family: "HelveticaNeueHeavy", "HelveticaNeue-Heavy", "Helvetica Neue Heavy", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Arial Black", sans-serif; font-weight:700; font-stretch:normal;}*/

/* Helvetica Neue Bold Font Stack */
/*.{font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:600; font-stretch:normal;}*/

/* Helvetica Neue Medium Font Stack */
/*.{font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:500; font-stretch:normal;}*/

/* Helvetica Neue Regular Font Stack */
/*.{font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:400; font-stretch:normal;}*/

/* Helvetica Neue Light Font Stack */
/*.{font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:300; font-stretch:normal;}*/

/* Helvetica Neue Thin Font Stack */
/*.{font-family: "HelveticaNeueThin", "HelveticaNeue-Thin", "Helvetica Neue Thin", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Arial", sans-serif; font-weight:200; font-stretch:normal;}*/

/* Helvetica Neue Ultra Light Font Stack */
/*.{font-family: "HelveticaNeueUltraLight", "HelveticaNeue-Ultra-Light", "Helvetica Neue Ultra Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Arial", sans-serif; font-weight:100; font-stretch:normal;}*/

/*
passwordStrength_veryweak
passwordStrength_weak
passwordStrength_medium
passwordStrength_strong
passwordStrength_verystrong
*/


fieldset {
  border: none !important;
}


:root {
  --body: white;
  --body-bg: white;
  --white: #fff;
  --black: #000;
  --color: #222222;
  --alternate: rgba(238,238,238, 0.6);
  --primary-h: 21deg;
  --primary-s: 100%;
  --primary-l: 50%;
  --primary: hsl(var(--primary-h), var(--primary-s), var(--primary-l));
  --secondary: #81c784;
  --input-focus-bg: rgb(250, 250, 250);
  --success-h: 120deg;
  --success-s: 80%;
  --success-l: 45%;
  --success:  hsl(var(--success-h), var(--success-s), var(--success-l));
  --font-family: Montserrat; /* "HelveticaNeuBold"; */
  --ui-state-highlight: #363636;
  --primary-opacity: #ff5c0244;
  --ui-state-default: #555555;
  --genericerrorbox-bg: #f4f4f4;
  --primary-shadow: #ff5c0255;
  --row-border: rgba(0, 0, 0, .1);
  --very-dark-grey: #999999;
  --button-bg-h: 0deg;
  --button-bg-s: 0%;
  --button-bg-l: 80%;
  --button-bg: linear-gradient(0deg,
      hsl(var(--button-bg-h), var(--button-bg-s), var(--button-bg-l)),
      hsl(var(--button-bg-h), var(--button-bg-s), calc(var(--button-bg-l) + 11%))  
    );
  --button-default-h: 0deg;
  --button-default-s: 0%;
  --button-default-l: 80%;
  --button-default: linear-gradient(
    0deg,
    hsl(var(--button-default-h), var(--button-default-s), var(--button-default-l)),
    hsl(var(--button-default-h), var(--button-default-s), calc(var(--button-default-l) + 11%))
  );



  --ui-state-error: #cd0a0a;
  --ui-widget-overlay: #aaaaaa;
  --paper-bg: white;
  --dark-grey: #222222;
  --semi-dark-grey: #d3d3d3;
  --light-gray: #f5f5f5;
  --warning: rgba(220, 200, 100, 1);
  --danger-r: 200;
  --danger-g: 52;
  --danger-b: 52;
  --danger-h: 0deg;
  --danger-s: 100%;
  --danger-l: 50%;
  --danger: hsl(var(--danger-h), var(--danger-s), var(--danger-l));
  --input-border-bottom: rgba(0, 0, 0, .2);
  --button-border-radius: 0pt;
  --table-color: #222222;
  --placeholder-text: rgba(0, 0, 0, .5);
  --errorbox-bg: #ffa6a6;
  --grey: rgba(0, 0, 0, .5);
  --dark-grey: rgba(0, 0, 0, .8);
  --backdrop-bg: rgba(0, 0, 0, .1);

}

h1 {
  color: var(--black);
}
body {
  background: var(--body);
  color: var(--color);
}
.bg-primary {
  background: var(--primary);
}

.backdrop-header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 300pt;
  z-index: -1;
}

.text-white {
  color: white;
}
/*
@media screen and (prefers-color-scheme: dark) {
  .logo {
    filter: invert(1) hue-rotate(180deg);
  }
  :root {
    --body: #333;
    --body-bg: #222;
    --paper-bg: #282828;
    --very-dark-grey: #333333;
    --table-color: rgba(255, 255, 255, .9);
    --button-bg: #333;
    --input-focus-bg: rgba(255, 255, 255, .1);
    --row-border: rgba(255, 255, 255, .01);
    --white: black;
    --button-bg: black;
    --errorbox-bg: #aa3333;
    --ui-state-default: rgba(255, 255, 255, .9);
    --black: white;
    --ui-state-highlight: rgba(255, 255, 255, .1);
    --color: #eeeeee;
    --alternate: rgba(255, 255, 255, 0.05);
    --light-gray: #111;
    --placeholder-text: rgba(255, 255, 255, .5);
    --grey: rgba(255, 255, 255, .5);
    --dark-grey: rgba(255, 255, 255, .8);
    --light-grey: rgba(255, 255, 255, .1);
    --success: rgba(0, 127, 0, 1);
    --genericerrorbox-bg: var(255, 255, 255, .2);
    --input-border-bottom: rgba(255, 255, 255, .2);
  }

  h1, h2, h3, h4, h5, h6 {
    color: var(--black);
  }
  table {
    background: transparent;
    border: none;
  }
}

*/
.logo, #logo {
}
.ripple {
  position: absolute;
  background: var(--white);
  border-radius: 50%;
  width: 5px;
  height: 5px;
  animation: rippleEffect .88s 1;
  opacity: 0;
}

/*
.paper {
  background: var(--paper-bg) !important;
  box-shadow: 0 15pt 15pt rgba(0, 0, 0, .05);
  color: var(--black);
}*//*
.paper-content {
  padding: 20pt;
}*/
.topMenuItem {
  display: inline-block;
  margin: 0px 10px;
  margin-left: 0;
  padding: 0px 0px;
  padding-left: 0;
}
.backdrop-content {
  position: absolute;
  display: flex;
  align-content: center;
  justify-content: flex-end;
  left: 0;
  top: 0;
  padding: 20pt;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.os-animation.animated {
    opacity: 1;
}

.os-animation {
    opacity: 0;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}



@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


.row .row {
  margin-left: 0;
  margin-right: 0;
}

ul,
p {
  font-family: inherit;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 10px;
  text-rendering: optimizeLegibility;
}

p.lead {
  font-size: 14px;
}
p aside {
  font-size: 14px;
  font-style: italic;
}
a {
  font-size: 14px;
}


.login_holder {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.login_holder .button {
  margin-bottom: 0;
}
.login_holder .button:first-child {
  margin-right: 10px;
}

/***********
Slide Inputs
************/
.header-slider input[type="text"],
.header-slider input[type="password"],
.header-slider input[type="date"],
.header-slider input[type="datetime"],
.header-slider input[type="datetime-local"],
.header-slider input[type="month"],
.header-slider input[type="week"],
.header-slider input[type="email"],
.header-slider input[type="number"],
.header-slider input[type="search"],
.header-slider input[type="tel"],
.header-slider input[type="time"],
.header-slider input[type="url"],
.header-slider input[type="color"],
.header-slider select,
.header-slider textarea,
.header-slider #eventsearch_mainCatButton {
    font-size: 14px;
    height: 45px;
    padding: 8px 10px;
    border-color: var(--white);
    background: transparent;
    letter-spacing: 2px;
    outline: none;
    font-weight: normal;
    border-width: 4px;
}
.header-slider select {
  text-transform: none;
  outline: 0;
}

.header-slider select:hover {
  color: var(--white);
}

.header-slider input[type="text"]:focus,
.header-slider input[type="password"]:focus,
.header-slider input[type="date"]:focus,
.header-slider input[type="datetime"]:focus,
.header-slider input[type="datetime-local"]:focus,
.header-slider input[type="month"]:focus,
.header-slider input[type="week"]:focus,
.header-slider input[type="email"]:focus,
.header-slider input[type="number"]:focus,
.header-slider input[type="search"]:focus,
.header-slider input[type="tel"]:focus,
.header-slider input[type="time"]:focus,
.header-slider input[type="url"]:focus,
.header-slider input[type="color"]:focus,
.header-slider textarea:focus,
.header-slider select:focus {
    background: transparent;
    border-color: var(--primary);
    outline: none;
    color: var(--white);
    outline: 0;
}

.header-slider .select-wrapper,
.header-slider .select-wrapper:before {
  color: var(--white);
}

select {
  text-indent: 0.01px;
  text-overflow: '';
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;

}


/****************************************/
.header-slider #eventsearch_mainCatButton {
  margin-bottom: 10px;
}
.header-slider .eventsearch_mainCat {
  height: 45px;
  text-align: center;
  border-color: var(--white);
  border-width: 2px;
  margin: 0;
  padding: 0 10px;
}
.header-slider .first .eventsearch_mainCat{
  border-top-width: 4px;
}
.header-slider .last .eventsearch_mainCat{
  border-bottom-width: 4px;
}
.header-slider .eventsearch_mainCat.odd{
  border-left-width: 4px;
}
.header-slider .eventsearch_mainCat.even{
  border-right-width: 4px;
}
/****************************************/


/***********************
* General input style
***********************/
body input[type="text"],
body input[type="password"],
body input[type="date"],
body input[type="datetime"],
body input[type="datetime-local"],
body input[type="month"],
body input[type="week"],
body input[type="email"],
body input[type="number"],
body input[type="search"],
body input[type="tel"],
body input[type="time"],
body input[type="url"],
body input[type="color"],
body select,
body textarea,
body .input {
  display: inline-block;
  letter-spacing: 1px;
  padding: 8px 10px; 
  box-shadow: none;
  font-weight: bold;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition-property: box-shadow, border-color;
  transition-duration: 0.45s, 0.45s;
  transition-timing-function: initial, ease-in-out;
  transition-delay: initial, initial;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  outline: 0;
}

input[type="text"]:active,
input[type="password"]:active,
input[type="date"]:active,
input[type="datetime"]:active,
input[type="datetime-local"]:active,
input[type="month"]:active,
input[type="week"]:active,
input[type="email"]:active,
input[type="number"]:active,
input[type="search"]:active,
input[type="tel"]:active,
input[type="time"]:active,
input[type="url"]:active,
input[type="color"]:active,
select:active,
textarea:active,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
select:focus,
textarea:focus {
  outline: 0;
}

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

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
  background-color: transparent !important;
  -webkit-text-fill-color: var(--black) !important;
}

.header-slider input[type="text"]:hover,
.header-slider input[type="password"]:hover,
.header-slider input[type="date"]:hover,
.header-slider input[type="datetime"]:hover,
.header-slider input[type="datetime-local"]:hover,
.header-slider input[type="month"]:hover,
.header-slider input[type="week"]:hover,
.header-slider input[type="email"]:hover,
.header-slider input[type="number"]:hover,
.header-slider input[type="search"]:hover,
.header-slider input[type="tel"]:hover,
.header-slider input[type="time"]:hover,
.header-slider input[type="url"]:hover,
.header-slider input[type="color"]:hover,
.header-slider select:hover,
.header-slider textarea:hover,
.header-slider .input:hover {
  color: var(--white);
}


.pagetype_order_participant input[type="text"],
.pagetype_order_participant textarea,
.pagetype_order_participant select,
.pagetype_order_participant input[type="submit"],
.body_dashboard input[type="text"],
.body_dashboard input[type="password"],
.body_dashboard input[type="date"],
.body_dashboard input[type="datetime"],
.body_dashboard input[type="datetime-local"],
.body_dashboard input[type="month"],
.body_dashboard input[type="week"],
.body_dashboard input[type="email"],
.body_dashboard input[type="number"],
.body_dashboard input[type="search"],
.body_dashboard input[type="tel"],
.body_dashboard input[type="time"],
.body_dashboard input[type="url"],
.body_dashboard input[type="color"],
.body_dashboard select,
.body_dashboard textarea {
  background: var(--body-bg);
}

.body_dashboard .orderValidToButtonBox a.button_order_cancel.button,
.pagetype_order_cart .orderValidToButtonBox a.button_order_cancel.button,
.body_dashboard .orderValidToButtonBox  .button_cart.button,
.pagetype_order_cart .orderValidToButtonBox .button_cart.button,
.pagetype_order_participant .orderValidToButtonBox .button_cart.button,
.pagetype_order_participant .orderValidToButtonBox a.button_order_cancel.button,
.pagetype_event .orderValidToButtonBox .button_cart.button,
.pagetype_event .orderValidToButtonBox a.button_order_cancel.button {
  background: var(--white);
  color: var(--black);
}

.body_dashboard .orderValidToButtonBox a.button_order_cancel.button:hover,
.pagetype_order_cart .orderValidToButtonBox a.button_order_cancel.button:hover,
.body_dashboard .orderValidToButtonBox  .button_cart.button:hover,
.pagetype_order_cart .orderValidToButtonBox .button_cart.button:hover,
.pagetype_order_participant .orderValidToButtonBox .button_cart.button:hover,
.pagetype_order_participant .orderValidToButtonBox a.button_order_cancel.button:hover,
.pagetype_event .orderValidToButtonBox .button_cart.button:hover,
.pagetype_event .orderValidToButtonBox a.button_order_cancel.button:hover,
.pagetype_order_participant input[type="submit"]:hover {

  color: var(--white);
}

.pagetype_order_participant .questionLabel_radio,
.pagetype_order_participant .questionLabel_checkbox,
.pagetype_order_participant .questionLabel_select {
  display: block;
}

.doodle-pattern-gray,
.doodle-pattern {
  background: url('/images/pattern-yellow@2x.png');
  background-size: 1929.5px 250px;
  margin-bottom: 5px;
  height: 240px;
  width: 100%;
  display: block;
}
.doodle-pattern-gray {
  background-image: url('/images/pattern-grey@2x.png');
}

.fade {
  opacity: 0;
}

.light {
  font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight:300;
  font-stretch:normal;
}

.fade.in-view {
  opacity: 1;
  -webkit-transition: all 50ms ease-in-out;
  -moz-transition: all 50ms ease-in-out;
  -ms-transition: all 50ms ease-in-out;
  -o-transition: all 50ms ease-in-out;
  transition: all 50ms ease-in-out;
}
.button_cart.button{
  border-width: 2px;
  margin-left: 10px;
  background-color: var(--white);
}

.button_order_cancel.button {
  background: #f8a4a6;
  border-radius: 0px;
  border-width: 0;
  color: var(--white);
  width: auto;
  margin-bottom: 0;
  margin-right: 10px;
  font-size: 18px;
  width: 22px;
  padding: 0;
  padding-top: 1px;
  padding-bottom: 0px;
  padding-left: 1px;
}

.button_order_cancel.button:hover {
  background: #df9395;
  color: var(--white);
}

button:focus {
  outline: 0;
}

.body_dashboard #dashboard-menu.sm-simple a {
  background: var(--white);
}
.button_panel,
.button_dashboard {
  text-transform: uppercase;
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.pagetype_recruitmentpanel .button_panel:hover,
.button_panel:hover,
.pagetype_dashboard .button_dashboard:hover,
.button_dashboard:hover {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

.sp-simple .sm-nowrap {
  background: var(--white);
}

input[type="submit"],
input[type="button"] {
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", sans-serif;
  font-size: 14px;
  color: var(--black);
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: 2px solid var(--black);
  height: 45px;
}

input[type="submit"].fa,
input[type="button"].fa {
  display: inline-block;
  font-family: 'fontAwesome', var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "roboto", "Helvetica", "Arial", sans-serif;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input[type="button"]:hover,
input[type="submit"]:hover {
  cursor: pointer;
}
input[type="submit"].fa:hover,
input[type="button"].fa:hover {

  color: var(--white);
}

.eventTableRowOdd input[type="submit"],
.eventTableRowEven input[type="submit"] {
    height: auto;
    margin-bottom: 0;
    margin-right: 5px;
    background: var(--white);
    font-size: 10px;
    padding: 0 10px;
    height: 30px;
    line-height: 27px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.button {
  letter-spacing: 1px;
}

.button.bsm {
  border: 3px solid var(--black);
}

#mainDivPageType_buyer_forgot .submitLabel {
  margin-top: 0;
}

label.submitLabel.cancelEventTextEditSave {
  margin-right: 10px;
}

.pagetype_order_cart .content_full {
  padding-top: 0;
}
.pagetype_buyer_register .frontpageTabSwitcher,
.pagetype_buyer_login .frontpageTabSwitcher {
  display: block;
}

/***********************
* small general input styling
***********************/
body input[type="text"].small,
body input[type="password"].small,
body input[type="date"].small,
body input[type="datetime"].small,
body input[type="datetime-local"].small,
body input[type="month"].small,
body input[type="week"].small,
body input[type="email"].small,
body input[type="number"].small,
body input[type="search"].small,
body input[type="tel"].small,
body input[type="time"].small,
body input[type="url"].small,
body input[type="color"].small,
body select.small,
body textarea.small,
body .input.small,
.vendorEventListInfoButton,
.vendorInvoicesInfoButton,
.orderconfirmation,
.receipt,
.tickets {
    display: inline-block;
    font-size: 10px;
    padding: 0 6px;
    letter-spacing: 1px;
    line-height: 31px;
    text-transform: uppercase;
    vertical-align: middle;
    color: var(--black);
    font-weight: bold;
    border: 2px solid var(--black);
    height: 35px;
    margin-bottom: 10px;
    background: transparent;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
    transition-property: box-shadow, border-color;
    transition-duration: 0.45s, 0.45s;
    transition-timing-function: initial, ease-in-out;
    transition-delay: initial, initial;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.vendorInvoicesInfoButton:hover,
.vendorEventListInfoButton:hover {

  color: var(--white);
}

.orderconfirmation,
.receipt,
.tickets,
.button {
  font-size: 14px;
}

#orderValidTo {
  margin: 0 0;
  display: inline-block;
  margin-right: 0px;
  line-height: 1;
  vertical-align: middle;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.orderValidToButtonBox {
  text-align: center;
  margin: 0 0;
  display: inline-block;
  vertical-align: middle;
}
.orderValidToButtonBox a {
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
}
.vendorEventListInfoButton {
  margin-bottom: 5px;
  margin-right: 5px;
  background: var(--white);
  font-size: 10px;
  padding: 0 10px;
  height: 30px;
  line-height:
          27px;

}
.vendorEventListInfoButton:hover {

  color: var(--white);
}
.vendorInvoicesInfoButton {
  margin-bottom: 0;
  margin-right: 5px;
  font-size: 10px;
  padding: 0 10px;
  height: 30px;
  line-height: 27px;
  font-size: 10px;
}
.vendorEventInfoSubHeadline {
  text-align: left;
  font-weight: bold;
  font-size: 1.2em;
  margin: 15px 0 15px 0;
}

select:hover {
  border-color: var(--primary);
}

input:-moz-placeholder {
  /*text-transform: uppercase;*/
  color: var(--black);
}
input::-moz-placeholder {
  /*text-transform: uppercase;*/
  color: var(--black);
}
input:-ms-input-placeholder {
  /*text-transform: uppercase;*/
  color: var(--black);
}
input::-webkit-input-placeholder {
  /*text-transform: uppercase;*/
  color: var(--black);
}

textarea:-moz-placeholder {
  color: var(--black);
}
textarea::-moz-placeholder {
  color: var(--black);
}
textarea:-ms-input-placeholder {
  color: var(--black);
}
textarea::-webkit-input-placeholder {
  color: var(--black);
}
select {
  /*text-transform: uppercase;*/
}
select:active {
  text-transform: none;
}
select option:selected {
  /*text-transform: uppercase;*/
  color: var(--black);
}

/********************
* Generella klasser
*********************/

.rel            { position: relative; }
.ta-l           { text-align: left; }
.ta-r           { text-align: right; }
.ta-c           { text-align: center; }

.va-m {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.va-m-abs {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
}

body input.hidden,
body .hidden    { display: none; }

.mb,
.row.mb         { margin-bottom: 34px; }

.mb0            { margin-bottom: 0; }

.mt10           { margin-top: 10px; }
.mb10           { margin-bottom: 10px; }
.mb20           { margin-bottom: 20px; }
.mt20           { margin-top: 20px; }

.mt,
.row.mt         { margin-top: 34px; }

.mb-large,
.row.mb-large   { margin-bottom: 65px; }

.mt-large,
.row.mt-large   { margin-top: 65px; }

.inner-large    { padding: 50px 0; }
.inner-large-top{ padding-top: 50px; }
.inner-large-bot{ padding-bottom: 50px; }

.clear          { clear: both; }
.upperCase      { text-transform: uppercase; }
.bold           { font-weight: bold; }
.bb             { border-bottom: 2px solid var(--black); }

.grayBg         { background: var(--light-grey); }

.coinsAt2x      { max-width: 139px; height: auto;}
.padded         { padding-top: 80px; padding-bottom: 80px;}
.padded-small   { padding-top: 40px; padding-bottom: 40px;}
.padded-large   { padding-top: 120px; padding-bottom: 120px;}

.padded.padded-nb,
.padded-nb      { padding-bottom: 0; }

.padded.special-pdb {
  padding-top: 80px;
  padding-bottom: 30px;
}

.entry-pdt      { padding-top: 40px;}

.static         { position: static; }
.lh1            { line-height: 1; }

a:hover,
a:focus {
  color: var(--black);
}

input:focus,
a:focus {
  outline: 0;
}

hr {
  border: 3px solid var(--primary);
  clear: both;
  height: 0;
}

hr.dark {
  border-color: var(--black);
}

.pattern {
  background: url('../images/gulrand@2x.png');
  background-position: top left;
  background-size: 18px 18px;
  display: block;
  height: 18px;
  margin: 40px 0;
}

.pattern-sm {
  background: url('../images/gulrand@2x.png');
  background-position: top left;
  background-size: 18px 18px;
  display: block;
  height: 18px;
  margin: 20px 0;
}

/*.pagetype_frontpage .orderValidToButtonBox,
.pagetype_frontpage #orderValidTo {
  margin-bottom: 0;
}*/

.pagetype_frontpage .pattern-sm {
  margin: 0;
}
.pagetype_frontpage .pattern-sm.mb {
  margin-bottom: 25px;
}

/* Default Link Styles */

a {
  color: var(--color);
  text-decoration: none;
  line-height: inherit;
}

a:hover, a:focus {
  color: var(--primary);
}

a img {
  border: none;
}

.visit_event {
  font-weight: bold;
  font-size: 16px;
}

.promotion {
  max-width: 480px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 60px;
}

#eventUrl {
  width: 65%;
  float: left;
}

.button.visit {
  margin: 0;
  line-height: 41px;
  vertical-align: middle;
  padding: 0 10px;
  display: inline-block;
  max-width: 35%;
  width: 100%;
  float: left;
  border-left: 0;
  transition: border-color 0.45s ease-in-out;
  box-sizing: border-box;
  border-width: 2px;
  box-shadow: none;
  background: var(--white);
}

#copyTrigger:hover {
  background-color: var(--black);
  color: var(--white);
}

#inputMessage {
  position: absolute;
  bottom: 20px;
  left: 0;

  color: var(--white);
  width: 100%;
  text-align: center;
  padding: 3px 5px;
}

.promote-socials .fbShare span,
.promote-socials .twitterShare span {
  font-size: 24px;
  padding-right: 10px;
}

.visit_event span {
  color: var(--primary);
}

.eventSocials {
  text-align: right;
  width: auto;
  margin-bottom: 20px;
}

.fbShare,
.twitterShare,
.linkedInShare {
  width: 100%;
  color: var(--white);
  text-align: center;
  margin: 0;
  padding: 8px;
  font-size: 14px;
  display: inline-block;
  line-height: 28px;
  border-radius: 0;
  height: auto;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight: 600;
  font-stretch: normal;

  -webkit-transition: background ease-in-out 0s;
  -moz-transition: background ease-in-out 0s;
  -o-transition: background ease-in-out 0s;
  transition: background ease-in-out 0s;
  background: #1b95e0;
}
.fbShare {
  background: #3b5998;
}
.twitterShare {
  background: #1b95e0;
  width: 100% !important;
}
.linkedInShare {
  background: #0077b5;
}
.fbShare:hover,
.twitterShare:hover {
  color: var(--white);
  -webkit-transition: background ease-in-out 0;
  -moz-transition: background ease-in-out 0;
  -o-transition: background ease-in-out 0;
  transition: background ease-in-out 0;
}
.twitterShare:hover {
  background: #177ebd;
}
.fbShare:focus,
.twitterShare:focus {
  color: var(--white);
}
.promote-socials .fbShare {

}
.notificationCount {
  position: absolute;
  right: -2pt;
  top: -12pt;
  padding: 2pt;
  color: var(--white);
  border-radius: 100pt;
  background: var(--primary);
}
.promote-socials .twitterShare {
  width: -webkit-calc(50% - 10px);
  width: -moz-calc(50% - 10px);
  width: calc(50% - 10px);
  float: left;
}
@media screen and (max-width: 320pt) {
  .fa-info-circle {
    display: none;
  }
}
.fbShare span,
.twitterShare span {
  vertical-align: top;
  line-height: 28px;
  font-size: 24px;
  padding-right: 10px;
}

a.fbShare:hover {
  color: var(--white);
  background: #4e69a2;

}

.eventSocials {
  text-align: center;
  width: auto;
  margin-bottom: 20px;
}

.eventSocials a {
  margin-bottom: 10px;
}



/********************
* Body overrides
*********************/

body.pagetype_vendor_event, /*-*/
body.pagetype_dashboard, /*-*/
body.pagetype_vendor_eventlist, /*-*/
body.pagetype_buyer_forgot, /*-*/
body.pagetype_event, /*-*/
body.pagetype_vendor_eventpromote, /*-*/
body.pagetype_order_participant, /*-*/
body.pagetype_order_cart,  /*-*/
body.pagetype_order, /*-*/
body.pagetype_vendor_invoices, /*-*/
body.pagetype_buyer_account,  /*-*/
body.pagetype_buyer_orders, /*-*/
body.pagetype_vendor_eventinfo, /*-*/
body.pagetype_order_checkout,
body.pagetype_buyer_register, /*-*/
body.pagetype_buyer_forgot, /*-*/
body.pagetype_buyer_login, /*-*/
body.pagetype_buyer_passwordreset,
body.pagetype_vendor_activate,
body.pagetype_recruitmentpanel,
body.pagetype_recruitmentlist,
body.pagetype_recruitmentprovision,
body.pagetype_recruitmentsend {
/*  background: url('../images/dot.png'); */
}
.body_dashboard.pagetype_dashboard .content_full {
  padding-top: 50px;
}
.pagetype_vendor_event #main,
.pagetype_buyer_account #main {
  padding-bottom: 0;
}


.eventsearch_wrapper,
.frontpage_wrapper {
  margin-bottom: 60px;
}

.pageWrapper {
  background: var(--white);
  padding: 60px;
}

.pagetype_event #main {
  padding-top: 50px;
}

.res-nav #main-menu_button,
.res-nav .mobile-login_button {
    margin-top: 0;
}

.res-nav #main-menu_button {
    float: left;
}
.res-nav .mobile-login_button {
  margin-right: 0;
}

body.pagetype_buyer_register input,
body.pagetype_buyer_forgot input,
body.pagetype_buyer_login input {
  background: transparent;
}

/********************
Staticpagemenu
*********************/
#animation-arrow {
  width: 0 !important;
  height: 0 !important;
  opacity: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid #171717;
  position: absolute;
  bottom: -14px;
  left: 0;
}
.staticPageMenu {
  background: #171717;
  line-height: 0;
  text-align: center;
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight:600;
  font-stretch:normal;
}

.staticPageMenu ul {
  list-style: none;
  margin: 0;
  display: inline-block;
}
.staticPageMenu li {
  float: left;
}
.staticPageMenu a {
  color: white;
  padding: 15px 20px;
  display: block;
  position: relative;
}

.staticPageMenu a:hover {
  /*background: var(--white);*/
}

.staticPageMenu .active a:after {
/*  content: "";
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid #171717;
  position: absolute;
  bottom: -14px;
  left: calc(50% - 14px);*/
}

/********************
* Layout relaterat
*********************/

html {
  -webkit-font-smoothing: antialiased;
}

body {
  background: var(--body-bg);
  padding: 0;
  margin: 0;
  font-family: "var(--font-family)", "roboto", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.4;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", sans-serif;
  font-weight: 600;
  font-stretch:normal;
  margin-bottom: 15px;
}

.ui-autocomplete-ie9-fix {
  position: relative !important;
}
.ui-datepicker {
  z-index: 9;
}
.ui-widget-content {
    border: 2px solid var(--black);

    color: var(--color);
}
.ui-state-hover,
.ui-widget-content .ui-state-hover {
  border: 0;
}
.ui-datepicker .ui-datepicker-next {
  right: 0;
  top: 0;
}
.ui-dialog {
  background: var(--white);
}
.ui-widget {
  font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight:400;
  font-stretch:normal;
}
.ui-dialog.ui-widget-content {
  border: 0;
  padding: 0;
}
.ui-dialog.ui-widget-content .ui-state-default .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
    background-color: transparent;
}

.ui-dialog.ui-widget .ui-widget-header .ui-state-default {
  background-color:  transparent;
}

.ui-dialog.ui-widget .ui-widget-header .ui-state-default {
  border: 2px solid var(--white);
  border-radius: 50%;
}

/*
.ui-dialog.ui-widget-content .ui-dialog-titlebar-close {
  background: transparent;
  font-weight: normal;
  color: var(--white);
  border: 2px solid var(--white);
  border-radius: 50%;
  line-height: 1;
  padding: 2px;
}

.ui-dialog.ui-widget-content .ui-dialog-titlebar-close:hover {

}

.ui-dialog.ui-widget-content .ui-button-icon-primary.ui-icon.ui-icon-closethick {
    background-image: url("images/close-button.png");
    background-size: contain;
    background-repeat: no-repeat;
}*/

/*.ui-dialog.ui-widget-content .ui-button-icon-primary.ui-icon.ui-icon-closethick:after {
  content: "x";
  color: var(--white);
  position: absolute;
  top:0;
  left: 0;
}*/

a.ui-state-focus {
  background: transparent !important;
  color: var(--primary) !important;
}

.ui-datepicker select {
  height: auto;
  color: var(--white);
  padding: 5px;
  border: 2px solid var(--primary);
}
.ui-datepicker select,
.ui-datepicker .ui-datepicker-buttonpane button,
.ui-datepicker .ui-datepicker-title select {
  font-size: 14px;
}

.ui-datepicker .ui-datepicker-buttonpane {
  overflow: hidden;
  margin: 8px 0 8px 0;
}
.formCheckboxBox,
.formRadioboxBox {
  margin-bottom: 20px;
}
.formCheckbox, .formRadiobox {
  display: block;
  height: 25px !important;
  margin: 0;
  padding: 0;
}
.questionLabel_radio,
.questionLabel_checkbox,
.questionLabel_select {
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", sans-serif;
  color: var(--black);

}

.f-dropdown {
  margin-left: 20px !important;
  margin-top: 4px !important;
  max-width: 500px !important;
  line-height: 1.4em !important;
}

.f-dropdown li {
    margin: 5px 0 5px 0 !important;
}

.slogan {
  display: none;
}

.userbar_full {
  background-color: var(--black);
  color: var(--white);
  width: 100%;
  min-height: 50px;
}

.header_full {
  font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight:400;
  font-stretch:normal;
  background: var(--white);
  width: 100%;
  font-size: 14px;
  margin: 0;
  padding: 20px;
}

.header_full a {
  font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight:400;
  font-stretch:normal;
  font-size: 14px;
  color: var(--black);
}
.topMenuItem {
  text-decoration: underline;
}

.header-logo {
  display: block;
} 
.header-logo,
.header-logo img {
  max-height: 70px;
}

.header_full a:hover {
  color: var(--primary);
}
.header_full .button {
  padding: 8px 20px;
}
.header_full span {
  display: block;
}
.header_full .fa {
  display: inline-block;
  padding-left: 10px;
}

.lougout_holder {
  padding-left: 20px;
}
.dashboard_btn {
  padding-top: 10px;
  padding-right: 20px;
}
.dashboard_btn a {
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 8px 20px;
  border: #000 solid 4px;
}
.button_login.forgot {
  font-size: 14px;
}
.button_login i {
  font-size: 10pt;
  padding-left: 5px;
}
.button_login:hover i {
  color: var(--primary);
}

.searchbar_full {
  width: 100%;
  min-height: 93px;
  background: #f2f2f2;
  margin: 0;
  padding: 10px 0;
}

.content_full {
  width: 100%;
  min-height: 100px;
  padding: 20px 0 20px 0;
}

.footer_full {
  margin: 0;
  padding-top: 20px;
  background-color: #404040;
}

.footer_full .inner {
  background-color: #171717;
  padding: 0;
}

.footer_full p {
  color: white;
  line-height: 1.2;
  margin-bottom: 5px;
}
.footer_full p.mb {
  margin-bottom: 34px;
}

.footer-logo {
  display: inline-block;
}
.footer_full .menuHeader {
  color: white;
}

.dangerous {
  background-color: #FF4848 !important;
}

.orderValidToMenu_full {
  vertical-align: bottom;
  padding: 0 0;
  background: var(--white) !important;
  z-index: 10;
  border-bottom: 1pt solid var(--primary);
}

.body_dashboard .orderValidToMenu_full .bb {
  clear: both;
  padding-top: 20px;
}

/* userbar user login */
/*
.login-details {
  margin:16px 0;
  font-size:12px;
}

.login-details li {
  float:left;
  list-style:none;
  margin-right:29px;
  color: var(--white);
}

.login-details li:last-child {
  margin-right:0px;
}

.login-details li:nth-child(3n) {
  margin-right:5px;
}

.login-details a {
  display:inline-block;
  font-size:12px;
  color:#fff;
}

.login-details  .pri-color:hover{
  color:#fff;
}

.login-details  .agenticon{
  background:url(../images/user-icon.png) no-repeat left -2px;
  padding-left:25px;

}

.login-details .customericon{
  background:url(../images/user-icon.png) no-repeat left -21px;
  padding-left:25px;

}

.login-details .membericon{
  background:url(../images/user-icon.png) no-repeat left -43px;
  padding-left:25px;
}*/

/* userbar social */

.social-icon a {
  font-size: 16px;
  color: var(--white);
  width: 35px;
  display: inline-block;
  text-align: center;
  line-height: 50px;
}

a,.social-icon a:hover{
  -webkit-transition: background ease-in-out 0.5s;
  -moz-transition: background ease-in-out  0.5s;
  -o-transition: background ease-in-out  0.5s;
  transition: background ease-in-out  0.5s;
}

.social-icon {
  text-align:left;
}

.social-icon a:last-child{
  margin-right:0px;
}

.social-icon a:hover{
  color:#fff  !important;
}


.googleplus:hover{
  background:#dd4b39 !important;
}

.dribble:hover{
  background:#ea4c89 !important;
}

/*.facebook:hover{
  background:#3b5998 !important;
}*/

/*.twitter:hover{
  background:#00aeef !important;
}*/
/*.linkedin:hover{
  background:#0e76a8 !important;
}*/

.vimeo:hover{
  background:#44bbff !important;
}

.email:hover{
  background:#5ab4e6 !important;
}

.socialMobile {
  display: none;
}
/********************
* Main menu
*********************/
.topmenu_full {

}
.topmenu_full li a {

  color: white;
}

/********************
* Dashboard menu
*********************/

#dashboard-menu {
  padding-top: 15px;
  background: transparent;
  /*padding-bottom: 43px; */ /* bg-size+pdb /=/ 18+25 */
  /*background: url('../images/gulrand@2x.png') bottom repeat-x;*/
  margin-left: 0;
  margin-right: 0;
}

#dashboard-menu .pattern {
  margin-bottom: 25px;
  margin-top: 25px;
}


#dashboard-menu li {
  color: var(--black);
  text-transform: uppercase;
  margin-right: 10px;
}

#dashboard-menu.sm-simple li:last-child {
    margin-right: 0;
}

#dashboard-menu-mobile a,
#dashboard-menu.sm-simple a {
  padding: 8px 10px;
  border: 2px solid var(--black);
  color: var(--black);
  font-size: 14px;
  letter-spacing: 1px;
  background: var(--white);
  line-height: 1.3;
  vertical-align: middle;

  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

#dashboard-menu.sm-simple a:hover {

  color: var(--white);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
#dashboard-menu.sm-simple a:focus {
  color: --white;
}

#dashboard-menu.sm-simple li {
  margin-right: 10px;
}

#dashboard-menu-mobile {
  background: transparent;
  margin: 20px 0;
}

#dashboard-menu-mobile li {
  width: 50%;
  float: left;
  display: block;
}

#dashboard-menu-mobile li a {
  width: -webkit-calc(100% - 5px);
  width: -moz-calc(100% - 5px);
  width: calc(100% - 5px);
  margin-bottom: 5px;
  text-align: center;
  text-transform: uppercase;
}

#dashboard-menu-mobile li:nth-child(odd) {
  text-align: left;
}

#dashboard-menu-mobile li:nth-child(even) {
  text-align: right;
}

.dashboard-middle,
.dashboard-side {
  display: inline-block;
  zoom: 1;
  /**display: inline;*/
}

/*#dashboard-menu .dashboard-middle li,
#dashboard-menu .dashboard-side li {
  margin-right: 0;
}
*/
/*#dashboard-menu .dashboard-middle li:first-child a {
  border-right:  2px;
}
#dashboard-menu .dashboard-middle li:last-child a {
  border-left: 2px;
}*/

#dashboard-menu .dashboard-side-left li {
  margin-right:0;
}

.dashboard-side-left{
  display:inline-block;
}

#dashboard-menu .dashboard-middle li:last-child {
  margin-right: 0;
}
.dashboard-middle:after {
  content: "";
  height: 10px;
  background: #E7B336;
  display: inline-block;
  border-radius: 50%;
  width: 10px;
  margin-top: 22px;
  margin: 5px 10px;
  top: 7px;
  position: relative;
}
.dashboard-side-left:after {

  /*
  content: "";
  height: 4px;
  background: var(--primary);
  display: inline-block;
  width: 45px;*/

  /* margin-right: 10px;*/
  /*position: absolute;*/
  /*left: 0.9375rem;*/


  content: "";
  height: 10px;
  background: #E7B336;
  display: inline-block;
  border-radius: 50%;
  width: 10px;
  margin-top: 22px;
  margin: 5px 10px;
  top: 7px;
  position: relative;

}

/**************************************************
  5. Event Form
**************************************************/

.eventform {
  padding: 21px 0;
}
.eventform .title{
  color:#fff;
  text-transform:uppercase;
  font-weight:900;
  font-size:22px;
}
.eventform small{
  color:#fff;
  font-size:18px;
}
.eventform-con{
  margin-top:5px;
}
.eventform-con .form-input{
  float:left;
  margin-right:29px;
  position:relative;
}
.eventform-con .form-input.search-location {
  width: 33%;
}
.eventform-con .form-input.search-location input{
  padding:0px 40px;
}

.eventform-con .form-input:last-child {
  margin-right:0px;
}
.eventform-con .form-input input,.eventform-con .form-input .styled-select{
  width:100%;
  height:40px;
  border:none;
  outline:none;
  padding:0px 15px;
  font-family: "Helvetica Neue", "roboto", Helvetica, Arial, sans-serif;
  border-radius:3px;
  font-size:14px;
}
.eventform-con .form-input .icon.icon-s{
  right: 0px;
  left: 0px;
  background: transparent;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  width: 40px;
  cursor:default;
}

.eventform-con .form-input .icon{
  position: absolute;
  top: 50%;

  border: 0;
  width: 40px;
  height: 40px;
  right: 0;
  margin-top: -20px;
  font-size: 18px;
  outline:none;
  cursor:pointer;
}

.eventform .eventform-con .form-input .styled-select{
    background: url('../img/nav-bg.png') no-repeat scroll right center #FFF;
  }

.eventform-con .form-input .styled-select{
  padding:0px;
  width: 100%;
  height: 40px;
  overflow: hidden;
  background: url('../img/arrow-2.png') no-repeat scroll right center #FFF;
  border-radius: 3px;
}

.eventform-con .form-input .styled-select select {
  background: none repeat scroll 0% 0% transparent;
  padding: 10px;
  font-size: 14px;
  line-height: 1;
  border: 0px none;
  border-radius: 0px;
  height: 40px;
  cursor: pointer;
  outline: medium none;
  width: 120%;
}

/* General sm menu style */
.sm-simple,
.sm-simple ul {
}

.sm.sm-simple {
  text-align: center;
}
.sm-simple a:hover,
.sm-simple a:focus,
.sm-simple a.active,
.sm-simple a.highlighted {
  background: transparent;
  color: inherit;
}

ul.sm li {
  border-left: 0;
  display: inline-block;
  text-align: center;
  float: none;
}

ul.sm a {
  font-size: 16px;
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "roboto", sans-serif;
  font-weight:600;
  font-stretch:normal;
  position: relative;
  white-space: nowrap;
}

/* main menu */
/*.topmenu_full .sm-simple li:after {
  content: "|";
  color: var(--primary);
}*/

.topmenu_full .sm-simple li:last-child:after {
  content: "";
}

.topmenu_full .sm-simple a { padding: 10px; }

.topmenu_full .sm-simple a:hover,
.topmenu_full .sm-simple a:focus,
.topmenu_full .sm-simple a.active,
.topmenu_full .sm-simple a.highlighted {
  color: var(--white);
}

.login_holder .sm.sm-simple {
  display: inline-block;
  background: transparent;
}


/*******************
front page specific
*******************/
.front-page-wrapper .paragraph-section h1 {
  text-transform: uppercase;

}


/**************************************************
Videoslide frontpage video slider
**************************************************/
.header-slider,
ul.videoslide,
video,
.videoslide video,
.header-slider .cell {
  height: auto;
}

.header-slider {
  width:100%;
  margin: 0;
  overflow: visible;
}

.header-slider li,
ul.videoslide {
  width: 100%;
  margin: 0;
}

video,
.videoslide video {
  width: 100%;
  background-size: cover;
  -o-object-fit: cover;
  object-fit: cover;
  display: none;
}


/******* frontpage slide - bg *****************/
.pagetype_frontpage .header-slider .caption {
  position: static;
  width: 100%;
  text-align: center;
  top: 0;
  left: 0;
  padding: 50px 0;
}
.pagetype_frontpage .header-slider .inner {
  display: inline-block;
  /**display: inline;*/
  /**zoom: 1;*/
  width: 100%;
}
.pagetype_frontpage .header-slider .cell {
  padding: 10px;
  display: block;
  vertical-align: middle;
  width: 100%;
}
.pagetype_frontpage .header-slider .cell p {
  font-style: italic;
}


.pagetype_frontpage .header-slider input[type="text"],
.pagetype_frontpage .header-slider input[type="password"] {
  width: 100%;
}

.pagetype_frontpage .header-slider input[type="text"],
.pagetype_frontpage .header-slider input[type="password"] {
  letter-spacing: 1px;
}

.pagetype_frontpage [class*="column"] + [class*="column"]:last-child {
  float: left;
}

/***********************************/

.header-slider .slide {
  list-style: none;
}
.header-slider * {
  color: var(--black);
}

.header-slider input:-moz-placeholder {
  /*text-transform: uppercase;*/
  color: var(--white);
  opacity: 1;
}
.header-slider input::-moz-placeholder {
  /*text-transform: uppercase;*/
  color: var(--white);
  opacity: 1;
}
.header-slider input:-ms-input-placeholder {
  /*text-transform: uppercase;*/
  color: var(--white);
  opacity: 1;
}
.header-slider input::-webkit-input-placeholder {
  /*text-transform: uppercase;*/
  color: var(--white);
  opacity: 1;
}

.header-slider h1,
.header-slider h2,
.header-slider h3,
.header-slider h4,
.header-slider h5,
.header-slider h6 {
  text-transform: uppercase;
}
.header-slider h1 {
  font-size: 46px;
}


.header-slider input[type="submit"],
.header-slider input[type="text"],
.header-slider input[type="password"] {
  font-family: "Helvetica Neue", "roboto", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  background: transparent;
  border: 4px solid var(--white);
  height: 45px;
  color: var(--white);
}

.header-slider input[type="submit"] {
  text-transform: uppercase;
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", sans-serif;
  font-weight: 700;
  height: 45px;
  padding: 0 10px;
  padding-right: 0;
  border-width: 4px;
}

.submitLabel:active {
  opacity: 0.8;
}

body .header-slider .submitLabel:hover {
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
/*  background: var(--white);
  color: var(--black);*/
}

.submitLabel, .inputBtn-primary {
  transition: box-shadow .25s;
}

.submitLabel:hover, .inputBtn-primary:active {
}

.header-slider input[type="submit"]:hover {
  background: var(--white);
  color: var(--black);
}

.header-slider .submitLabel,
.header-slider input {
  -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
      -ms-transition: all .25s ease-in-out;
      -o-transition: all .25s ease-in-out;
          transition: all .25s ease-in-out;
}

/*body .header-slider .submitLabel:hover,*/
body .header-slider input[type="submit"],
body .header-slider .submitLabel {
  border-width: 4px;
  -webkit-transition:none;
    -moz-transition:none;
      -ms-transition:none;
      -o-transition:none;
          transition:none;
}

body .header-slider .submitLabel:hover,
body .header-slider .submitLabel:hover input[type="submit"] {
  /*color: var(--black);
  background-color: var(--white);*/
  -webkit-transition:none;
  -moz-transition:none;
  -ms-transition:none;
  -o-transition:none;
  transition:none;
}

.pagetype_frontpage .header-slider input[type="submit"] {
  font-family: "FontAwesome",var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", sans-serif;
  font-size: 14px;
  height: 45px;
  width: auto;
  text-align: center;
  padding: 0 10px;
  padding-right: 0;
}

.header-slider input[type="submit"].clear_button {
  margin-right: 10px;
  padding-right: 10px;
}

.header-slider li {
  background-position: center;
  background-size: cover;
  height: 100%;
}

.header-slider a {
}

.header-slider a:hover {
  color:var(--primary);
}

#eventsearchForm .clear_button{
  margin-top: 10px;
}
#eventsearchForm .search_button{
  margin-top: 10px;
  float: right;
  width: auto;
  margin-right: 0;
}

#approve_conditions_label,
#create_account_label,
.header-slider .approval input[type="checkbox"] {
  margin-bottom: 0;
  display: inline-block;
  /**display: inline;*/
  /**zoom: 1;*/
}

.header-slider .approval,
.header-slider label {
  font-size: 14px;
}

.header-slider .left {
  width: 365px; /*420-55= flex caption width - submit width */
}

.header-slider .submitLabel {
  border-color: var(--white);
  color:#fff;
  margin-top: 10px;
}

.header-slider .submitLabel input[type="submit"]  {
  border: none;
  height: 100%;
  font-family: "FontAwesome";
}

.header-slider .caption {
  padding: 40px 0px;
  background: rgba(0,0,0,0.7);
}

.frontpageTabSwitcher {
  display: inline-block;
  margin-top: 34px;
}

/*********************
* Frontpage featured
********************/
.themeTopPanel {
  width: 100%;
  background: #38D331;
  padding: 10px;
}

.themeTopPanel h1 {
  color: var(--white);
}

.puffLeft .themeTopPanel h1 {
  color: var(--white);
  font-size: 1.0em;
}

.themeTopPanel ul.themeList {
  color: var(--white);
  list-style: none;
  margin-left: 0;
  padding-left: 1em;
}

.puffLeft .themeTopPanel ul.themeList {
  color: var(--white);
  list-style: none;
  margin-left: 0;
  padding-left: 1em;
  font-size: 0.8em;
}

.themeTopPanel ul.themeList li:before {
    display: inline-block;
    content: "-";
    width: 1em;
    margin-left: -1em;
}

.themeBottomPanel {
  width: 100%;
  background: #E7E7E7;
  padding: 10px 10px 10px 10px;
  margin: 0 0 10px 0;
}

.themeBottomPanel p {
  color: #11589B;
  font-size: 0.8em;
}

.themeBottomPanel a {
  padding: 5px 10px;
  background: #008CBA;
  color: var(--white);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  margin: 0 10px 10px 0;
  font-size: 0.8em;
}

.themeListButton_READMORE {
  float: left;
}

.themeListButton_BUY {
  float: right;
}

.square-container-frontpage {
    position: relative;
    height: 0px;
    padding-bottom: 100%;
    color: var(--black);
    margin: 0;
    cursor: pointer;
}

.themepuff_img {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
}

.themepuff_caption {
  float: left;
  width: 100%;
  max-width: 100%;
  height: auto;
  background-color: var(--black);
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
}

.themepuff_text {
  color: var(--white);
  padding: 10px;
}

.themepuff_text h3 {
  color: var(--white);
  font-size: 1.2em !important;
  margin: 0 0 10px 0;
  padding: 0 !important;
}

span.themepuff_desc {
  float: left;
  font-size: 0.8em;
  width: 100%;
  height: auto;
  min-height: 67px;
  overflow: hidden;
  line-height: 1.2em;
  padding: 0 0 20px 0;
}

span.themepuff_organizer {
  float: left;
  font-size: 0.8em;
  width: 50%;
  overflow: hidden;
  line-height: 1.2em;
  margin: 0;
  padding: 10px 0;
}

.themepuff_text a {
  float: right;
  margin: 5px 10px 0 0;
  font-size: 0.8em;
  background-color: #008CBA;
  padding: 5px 10px;
  color: var(--white);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.themepuff_text a:hover {
  float: right;
  margin: 5px 10px 0 0;
  font-size: 0.8em;
  background-color: #00759b;
  padding: 5px 10px;
  color: var(--white);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

#side-menu {
  position: relative;
  z-index: 99;
}

.menuNameBox {
  background-color: #ccc;
  padding: 5px 10px 5px 10px;
  color: var(--black);
}

.menuNameBox_yellowLG {
  background-color: #fcff00;
  padding: 5px 10px 5px 10px;
  color: var(--black);
}

ul.colorTemplate_yellowLG li {
  border-top: 1px solid #dfdf00 !important;
}

ul.colorTemplate_yellowLG li a {
  background-color: #fcff00 !important;
  color: #555;
}

ul.colorTemplate_yellowLG li a:hover, ul.colorTemplate_yellowLG li a.active, ul.colorTemplate_yellowLG li a.active:hover {
  background-color: #fce903 !important;
  color: #555;
}

/*  PUFFAR  */

.puffRight, .puffLeft {
  margin: 0 0 20px 0;
  clear: both;
}

.puffRight h3, .puffLeft h3 {
  color: var(--white);
  margin: 0 0 10px 0;

  padding: 10px;
  font-size: 1.1em;
}

.puffLeft h4, .puffRight h4 {
  font-size: 0.8em;
  color: #5d5d5d;
  margin: 0;
  padding: 0;
}

.puffRight p, .puffLeft p {
  font-size: 0.8em;
  line-height: 1.4em;
  padding: 0;
}

.puffRight .readmore, .puffLeft .readmore {
  float: right;
  font-size: 0.8em;
  background: #008CBA;
  color: var(--white);
  padding: 5px 10px;
  margin: 0 0 10px 0;
}

.puffLeft img, .puffRight img {
  margin: 0 0 10px 0
}

.newsLink {
  display: block;
  background: #f2f2f2;
  font-size: 0.8em;
  padding: 5px 10px;
  margin: 0 0 10px 0;
  color: var(--black);
}

.newsLink:hover {
  display: block;
  background: #e6e6e6;
  font-size: 0.8em;
  padding: 5px 10px;
  margin: 0 0 10px 0;
  color: var(--black);
}

/* FOOTER MENU */

ul.footerMenu {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.footerMenu li {
  margin: 0;
  padding: 0;
}


ul.footerMenu li a {
  color: white;
}
ul.footerMenu li a:hover {
  color: #ccc;
}

.cal_sep {
  background: url(../images/calendar_bg.png) no-repeat;
  text-align: center;
  padding: 5px 0;
  margin: 10px 0 10px 0;
  height: 95px !important;
}

span.date {
  font-size: 1.4em;
  display: block;
  margin: 32px 0 0 0;
}

.event p.title {
  margin: 0 0 5px 0;
  padidng: 0;
}

.event p.title a {
  color: #0078A0;
}

.event p.description {
  font-size: 0.8em;
  margin: 0;
  padding: 0;
}

.event span.city {
  display: inline-block;
  font-size: 1.0em;
  margin: 15px 0 0 0;
}

.event span.city:after {
  content: " - ";
}

.event span.date {
  display: inline-block;
  font-size: 1.0em;
  margin: 15px 0 0 0;
}

.event span.date:after {
  content: " - ";
}

.event span.time {
  display: inline-block;
  margin: 15px 10px 0 0;
  font-size: 1.0em;
}

button.red {
  display: inline-block;
  font-size: 1.0em;
  padding: 5px 5px 5px 5px;
  background: #e30909;
}

button.yellow {
  display: inline-block;
  font-size: 1.0em;
  padding: 5px 5px 5px 5px;
  background: var(--primary);
}

button.green {
  display: inline-block;
  font-size: 1.0em;
  padding: 5px 5px 5px 5px;
  background: #0fa425;
}



.horsep {
  border-bottom: 1px solid #ccc;
  margin: 0 !important;
}
/**************
* Pagination
**************/
div.pagination {
  width: 100%;
  margin: 20px 0;
  margin-top: 0;
  text-align: center;
  border-top: solid 4px var(--primary);
  padding-top: 20px;
}

div.pagination a {
  background-color: transparent;
  text-decoration: none; /* no underline */
  color: var(--black);
  font-family: "Helvetica Neue", "roboto", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 18px;
}
div.pagination a:hover,
div.pagination a:active {
  color: var(--primary);
}

div.pagination span.current {
  background-color: transparent;
  color: var(--primary);
  font-weight: bold;
  font-family: "Helvetica Neue", "roboto", Helvetica, Arial, sans-serif;
  font-size: 18px;
}

div.pagination span.disabled {
  display:none;
}

.rightimage {
    border: 1px none #ff0000;
    float: right;
    margin-bottom: 0;
    margin-left: 10px;
}

.panel {
  padding: 10px;
  margin: 0 0 10px 0;
}

.panel h4 {
  font-size: 1.2em;
}

.panel p {
  font-size: 0.8em;
  margin: 5px 0 0 0;
  padding: 0;
}

.panel button {
  display: inline-block;
  margin: 10px 0 0 0;
  font-size: 1.0em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}

a.register {
  display: inline-block;
  float: right;
  font-size: 1.2em;
  padding: 6px 10px 6px 10px;
  background: #008CBA;
  color: var(--white);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}
.sm-simple, .sm-simple ul {
}
.sm-nowrap {
  background: var(--white) !important;
}
.placeholder {
  color: var(--placeholder-text);
}

@media screen and (max-width: 720pt) {
  .pagetype_vendor_event input::placeholder {
    font-size: 7pt !important;
  }
}
a.register:hover {
  display: inline-block;
  float: right;
  font-size: 1.2em;
  padding: 6px 10px 6px 10px;
  background: #006688;
  color: var(--white);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}

a.readmore {
  display: inline-block;
  color: var(--black);
  text-decoration: none;
  background: url(../images/link_icon.png) no-repeat;
  background-position: 0 9px;
  padding: 5px 10px 5px 24px;
  margin: 0 0 10px 10px;
}

.bildtext {
  display: block;
  width: 100%;
  background: #f2f2f2;
  text-align: center;
  font-size: 0.9em;
  margin: 0 0 10px 0;
}

.event .title {
  margin: 0 0 10px 0;
  font-size: 1.4em;
}

.eventImage img {
  max-width: 100%;
}

.contentHead {
  display: block;
  width: 100%;
  font-size: 0.8em;
  background: #f2f2f2;
  padding: 5px 10px;
}

.contentBrief {
  font-size: 0.8em;
  margin: 10px 0 0 15px;
}

.description h2 {
  font-size: 1.4em;
}

.description h4 {
  font-size: 1.2em;
}

.description {
  font-size: 1.0em;
  line-height: 1.4em;
}

.description p {
  font-size: 0.8em;
}

.description .yellow, .description .red, .description .green, .description .register {
  margin: 10px 0 0 0;
}



.picturePlacement_C {
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
}

.siteFormQuestionsBox {
  clear: both;
}

/* slider */

#slider1_container {
  position: relative;
  margin: 0 auto;
  top: 0px;
  left: 0px;
  width: 1900px;
  height: 400px;
  overflow: hidden;
}

.slides {
  cursor: grab;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1900px;
  height: 400px;
  overflow: hidden;
}

/* jssor slider bullet navigator skin 21 css */
/*
  .jssorb21 div           (normal)
  .jssorb21 div:hover     (normal mouseover)
  .jssorb21 .av           (active)
  .jssorb21 .av:hover     (active mouseover)
  .jssorb21 .dn           (mousedown)
*/
  .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av
  {
    background: url(../images/b21.png) no-repeat;
    overflow:hidden;
    cursor: pointer;
  }
  .jssorb21 div {
    background-position: -5px -5px;
  }
  .jssorb21 div:hover, .jssorb21 .av:hover {
    background-position: -35px -5px;
  }
  .jssorb21 .av {
    background-position: -65px -5px;
  }
  .jssorb21 .dn, .jssorb21 .dn:hover {
    background-position: -95px -5px;
  }

/* jssor slider arrow navigator skin 21 css */
/*
  .jssora21l              (normal)
  .jssora21r              (normal)
  .jssora21l:hover        (normal mouseover)
  .jssora21r:hover        (normal mouseover)
  .jssora21ldn            (mousedown)
  .jssora21rdn            (mousedown)
*/
  .jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn
  {
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(../images/a21.png) center center no-repeat;
    overflow: hidden;
  }
  .jssora21l { background-position: -3px -33px; }
  .jssora21r { background-position: -63px -33px; }
  .jssora21l:hover { background-position: -123px -33px; }
  .jssora21r:hover { background-position: -183px -33px; }
  .jssora21ldn { background-position: -243px -33px; }
  .jssora21rdn { background-position: -303px -33px; }

.jssora21l {
  width: 55px;
  height: 55px;
  top: 123px;
  left: 8px;
}

.jssora21r {
  width: 55px;
  height: 55px;
  top: 123px;
  right: 8px;
}

.jssorb21 {
  position: absolute;
  bottom: 26px;
  left: 6px;
}

.dots {
  position: absolute;
  width: 19px;
  height: 19px;
  text-align:center;
  line-height:19px;
  color: var(--white);
  font-size:12px;
}

/* TYPOGRAPHY */
h1 {
  font-size: 36px;
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", "Helvetica", sans-serif;
  font-weight:600;
  font-stretch:normal;
}

h2 {
  font-size: 24px;
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", "Helvetica", sans-serif;
  font-weight:600;
  font-stretch:normal;
}

h3 {
  font-size: 18px;
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", "Helvetica", sans-serif;
  font-weight:600;
  font-stretch:normal;
}

h4 {
  font-size: 16px;
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", "Helvetica", sans-serif;
  font-stretch:normal;
  font-weight:600;
}

h5 {
  font-size: 16px;
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", "Helvetica", sans-serif;
  font-stretch:normal;
  font-weight:600;
}

.descriptionSize1 {
  font-size: 18px;
}

.descriptionSize2 {
  font-size: 16px;
}

.descriptionSize3 {
  font-size: 14px;
}

.descriptionSize4 {
  font-size: 12px;
  line-height: 1.4;
}

.descriptionSize5 {
  font-size: 10px;
}

.descriptionBold  {
  font-weight: bold;
}

.descriptionItalic {
  font-style: italic;
}

ul.descriptionSize1 {
  font-size: 18px;
  /*font-size: 1.3rem;*/
  margin: 10px 0 10px 40px !important;
}

ul.descriptionSize2 {
  font-size: 16px;
  /*font-size: 1.2rem;*/
  margin: 10px 0 10px 40px !important;
}

ul.descriptionSize3 {
  font-size: 14px;
  /*font-size: 1.0rem;*/
  margin: 10px 0 10px 40px !important;
}

ul.descriptionSize4 {
  font-size: 12px;
  /*font-size: 0.8rem;*/
  margin: 10px 0 10px 40px !important;
}

ul.descriptionSize5 {
  font-size: 10px;
  /*font-size: 0.6rem;*/
  margin: 10px 0 10px 40px !important;
}




.eventCanceledInfoBox,
.eventNoTicketsLeftBox,
.messageBox {
  position: relative;
  background-color: #f4f4f4;
  padding: 2px 5px 8px 5px;
  margin-top: 10px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  color: var(--black);
  padding: 25px;
  margin-bottom: 35px;
  text-align: center;
  border-right: 5px;
}
.messageBox {
  border-radius: 5px;
}
.eventCanceledInfoBox:before,
.eventNoTicketsLeftBox:before,
.messageBox:before {
  content: "\f06a";
  font: normal normal normal 28px/1 FontAwesome;
  color: var(--primary);
  display: inline-block;
  position: absolute;
  left: 15px;
  top: 15px;
  text-align: left;
  z-index: 0;
}

.messageBox p {
  margin-bottom: 10px;
  line-height: 1.4;
}
.messageBox p + p:last-child {
  margin-bottom: 0;
}
.messageBox p:first-child:last-child {
  margin-bottom: 0px;
}

.messageBox ul {
  list-style: none;
  margin: 0 0 0 10px;
  padding: 0;
}

.errorBox {
  border: 1px solid #ffa6a6;
  background-color: var(--errorbox-bg);
  padding: 2px 5px 8px 5px;
  margin: 10px 0 10px 0;
  margin-bottom: 65px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 20px;
  color: var(--black);
}

.errorBox p, .errorBox h3 {
  line-height: 1.4;
  color: var(--black);
  margin-bottom: 0;
}

.inputError,
#inputMessage.inputError {
  border: 1px solid #ff4444;
  background-color: #ff4444;
  font-size: 10px;
  padding: 2px 5px 2px 5px;
  margin: -10px 0 10px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: var(--white);
}

.pagetype_buyer_forgot .messageBox,
.pagetype_buyer_forgot .errorBox,
.pagetype_buyer_register .messageBox,
.pagetype_buyer_register .errorBox,
.pagetype_buyer_login .messageBox,
.pagetype_buyer_login .errorBox {
  margin-bottom: 0;
}



.inputErrorDate {
  clear: both;
}

.inputErrorTime {
  clear: both;
}

.inputSuccess {
  border: 1px solid #449944;
  background-color: #449944;
  font-size: 10px;
  padding: 2px 5px 2px 5px;
  margin: -10px 0 10px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: var(--white);
}

.passwordStrength_veryweak {
  font-size: 10px;
  padding: 2px 5px 2px 5px;
  margin: -10px 0 10px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ff1e1e;
  background-color: #ff1e1e;
  color: var(--white);
}

.passwordStrength_weak {
  font-size: 10px;
  padding: 2px 5px 2px 5px;
  margin: -10px 0 10px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ff731e;
  background-color: #ff731e;
  color: #EEE;
}

.passwordStrength_medium {
  font-size: 10px;
  padding: 2px 5px 2px 5px;
  margin: -10px 0 10px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ffd21e;
  background-color: #ffd21e;
  color: #666;
}

.passwordStrength_strong {
  font-size: 10px;
  padding: 2px 5px 2px 5px;
  margin: -10px 0 10px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #a2ff1e;
  background-color: #a2ff1e;
  color: #666;
}

.passwordStrength_verystrong {
  font-size: 10px;
  padding: 2px 5px 2px 5px;
  margin: -10px 0 10px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #1eff48;
  background-color: #1eff48;
  color: #222;
}

.themeActions {
  display: inline-block;
  border: 1px solid #e5e5e5;
  background: #e5e5e5;
  margin: 15px 0 5px 0;
  padding: 5px 5px 5px 5px;
  width: 100%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.themeActions a {
  float: left;
  color: var(--black);
  font-size: 14px;
  /*font-size: 0.8rem;*/
}

.themeActions a div.lecturer {
  border: 1px solid #f5f5f5;
  background: url(../images/lecturer.png) no-repeat #f5f5f5;
  background-position: 5px 6px;
  width: auto;
  text-align: center;
  margin: 0 5px 0 0;
  padding: 2px 10px 2px 25px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.themeActions a div.lecturer:hover {
    background: url(../images/lecturer.png) no-repeat #ffffff;
    background-position: 5px 6px;
}

.themeActions a div.tipFriend {
  border: 1px solid #f5f5f5;
  background: url(../images/tipFriend.png) no-repeat #f5f5f5;
  background-position: 5px 6px;
  width: auto;
  text-align: center;
  margin: 0 5px 0 0;
  padding: 2px 10px 2px 25px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.themeActions a div.tipFriend:hover {
    background: url(../images/tipFriend.png) no-repeat #ffffff;
    background-position: 5px 6px;
}

.themeActions a div.printTheme {
  border: 1px solid #f5f5f5;
  background: url(../images/printTheme.png) no-repeat #f5f5f5;
  background-position: 5px 6px;
  width: auto;
  text-align: center;
  margin: 0 5px 0 0;
  padding: 2px 10px 2px 25px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.themeActions a div.printTheme:hover {
    background: url(../images/printTheme.png) no-repeat #ffffff;
    background-position: 5px 6px;
}

.fb-like {

}

.ticketChoiceBox {
  text-align: center;
}

.availableTickettype {
  background: #f3f3f3;
  border: 1px solid #f3f3f3;
  width: 100%;
  text-align: left;
  margin: 0 5px 10px 0;
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.eventProduct .row {
  margin: 0 !important;
}

.availableTickettype .large-1, .eventProduct .row .large-1 {
  display: none !important;
}

.tickettypeNameBox label {
  font-size: 1.0em;
  text-align: left;
}

.productLabel {
  float: left;
  margin: 0 0 20px -48px !important;
}

#availableTickettypesBox .tickettypeLabel {
    padding: 8px 20px;
    border: #000 solid 4px;
    display: inline-block;
    zoom: 1;
    /**display: inline; */
    min-width: 300px;
    margin-bottom: 10px;
    font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue","roboto", sans-serif;
}

.tickettypeLabel {
  cursor: pointer !important;
}

#availableTickettypesBox .tickettypeSelected {

  color: var(--white);
}

#availableTickettypesBox .ticketNbr {
  width: 100px;
  height: 45px;
  vertical-align: top;
}

.label-col label {
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight:600;
  font-stretch:normal;
  color: var(--black);
  display: block;
  margin-bottom: 10px;
  cursor: pointer;
}
.label-col label span.left {
  width: -webkit-calc(100% - 50px);
  width: -moz-calc(100% - 50px);
  width: calc(100% - 50px);
  width: auto;
  /*float: left;*/
}

.label-col label span.checker {
    border: 2px solid var(--black);
    width: 40px;
    height: 40px;
    font-size: 20px;
    text-align: center;
    line-height: 38px;
}

#tickettypes_useTicketCode_label {
  margin-bottom: 0;
}

#tickettypes_useTicketCode_label .tooltipTrigger {
  position: relative;
  left: 5px;
  right: auto;
  top: -10px;
  width: 14px;
  height: 14px;
  text-align: center;
  line-height: 10px;
  font-size: 16px;
}

#tickettypes_ticketCode {
  margin-top: -1px;
  float: right;
  width: auto;
  margin-bottom: 0;
}
#tickettypes_ticketCode:focus {
  border-color: var(--black);
}
.ticketCodeHolder {
  margin-bottom: 10px;
}

.availableTicketsNbrLabel {
  font-size: 20px;
}

label.tickettypeActive, label.productActive {
  background: url(../images/tickettypeActive.png) no-repeat #008CBA;
  background-position: 6px 7px;
  padding: 6px 10px 6px 30px;
  cursor: pointer;
}



span.tickettypeName {
  float: left;
  margin: 3px 0 0 0;
}

.tickettypePriceBox {
  font-size: 1.2em;
  padding: 5px 0 0 0;
}

.ticketNbrBox input, .productNbrBox input {
  width: 60px;
  float: right;
}

.ticketNbrBox span {
  float: left;
  margin: 7px 0 0 0;
}

.productNbrBox span {
  float: left;
  margin: 7px 0 0 130px;
}

.green {
  background: #1a8e48;
  color: var(--white);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  font-size: 0.8em;
  text-align: center;
}

.yellow {
  background: var(--primary);
  color: var(--white);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  font-size: 0.8em;
  text-align: center;
}
.yellowClr {
  color: var(--primary);
}

.red {
  background: #e30909;
  color: var(--white);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  font-size: 0.8em;
  text-align: center;
}

.eventLink {
  float: right;
  margin: 0 10px 0 0;
  cursor: default;
}

a.moreinfo {
  float: right;
  background-color: #008CBA;
  padding: 5px 10px;
  color: var(--white);
  margin: 10px 0 0 10px;
  font-size: 1.2em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

a.moreinfo:hover {
  float: right;
  background-color: #00759b;
  padding: 5px 10px;
  color: var(--white);
  margin: 10px 0 0 10px;
  font-size: 1.2em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.eventProduct {
  float: left;
  width: 100%;
  border: 1px solid #eaeaea;
  background: var(--white);
  width: 100%;
  text-align: left;
  margin: 0 5px 10px 0;
  padding: 10px;
}

.productName label {
  float: left;
  text-align: left !important;
  font-size: 0.8em;
  margin: 0 40px 0 0;
}

span.productName {
  float: left;
  margin: 3px 0 0 15px;
}

.productStatusBox, .productDescription {
  text-align: left;
  font-size: 0.8em;
  margin: 10px 0 0 0;
}

.productPictureBox {
  float: left !important;
  margin: 0 0 20px 0 !important;
  width: 100% !important;
}

.productPictureBox img {
  max-width: 100% !important;
}

/* cart table css */

.thHead {
  background: #ccc;
  padding: 5px 8px;
}

.tdBody {
  padding: 5px 8px;
  background: #f8f8f8;
  height: auto;
  margin: 0 0 2px 0;
}

/* frontpage search bar */

.searchbar_h3 {
  float: left;
  margin: 26px 0 0 0;
}

.searchbar_input {
  box-shadow: none !important;
}

#set_eventsearch_text_label {
  margin: 8px 0 0 0;
}

/*#frontpage_eventsearchForm #frontpage_set_eventsearch_city {
  width: 80%;
}*/

#frontpage_eventsearchForm ul {
  padding: 20px 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    list-style: none;
}

#frontpage_eventsearchForm ul input,
#frontpage_eventsearchForm ul select {
    margin-bottom: 0;
}

#frontpage_eventsearchForm input[type="submit"] {
  font-size: 18px;
  width: 15%;
  color: var(--black);
  margin: 0;
  padding: 0;
  float: right;
  background: transparent;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 2px solid var(--black);
  height: 45px;
  font-family: "FontAwesome",var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", sans-serif;
}


.city_label_front {
  margin: 8px 0 0 0;
}

.top_select, .top_select:hover {
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  border-radius: 0 !important;
  background: var(--white);
  border: 1px solid #CCCCCC;
  width: 100% !important;
}

.chosen-single {
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  border-radius: 0 !important;
  background: var(--white) !important;
  border: 1px solid #cccccc !important;
  box-shadow: none !important;
  padding: 5px !important;
  margin: 0;
}
.header-slider input[type="submit"].search_button {
  font-family: "FontAwesome",var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", sans-serif;
  text-transform: uppercase;
}

#buyerConditionsButton {
  font-style: italic;
  float: left;
  width: -webkit-calc(100% - 55px);
  width: -moz-calc(100% - 55px);
  width: calc(100% - 55px);
}
#buyerConditionsButton p {
  margin-bottom: 0;
}

#buyerConditionsButton:hover {
  text-decoration: underline;
  cursor: pointer;
}
.pagetype_buyer_register #main {
  padding-bottom: 0;
}
.pagetype_buyer_register #approve_conditions {
  margin-bottom: 0;
}
.pagetype_buyer_register #buyerConditionsButton {
  font-size: 14px;
}
.slash {
  display: none;
}

button,
.button {
  border-style: solid;
  cursor: pointer;
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", sans-serif;
  font-weight: normal;
  line-height: normal;
  position: relative;
  color: var(--black);
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  display: inline-block;
  padding: 8px 10px;
  font-size: 12px;
  /*background: linear-gradient(0deg, hsl(var(--button-bg-h), var(--button-bg-s), var(--button-bg-l)), hsl(var(--button-bg-h), var(--button-bg-s), calc(var(--button-bg-l) + 10%))) !important;*/
  background: var(--button-bg);
  transition: background-color 300ms ease-out;
  border-radius: var(--button-border-radius);
  box-shadow: 0 3pt 3pt rgba(0, 0, 0, .25); 
  border: none !important;
}
.button > * {
  margin: 4pt;
}


.button-white {
  background: white !important;
  color: black;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
    color: var(--black);
    cursor: pointer;
    background-color: var(--white);
}

.buttonLogin {
    padding: 6px 10px 6px 25px;
    margin: 30px 0 10px 0;
    background-image: url(../images/login_icon.png);
    background-repeat: no-repeat;
    background-position: 7px 8px;
    background-color: #1ba748;
    border: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    color: var(--white);
    cursor: pointer;
}

.buttonLogin:hover {
    padding: 6px 10px 6px 25px;
    margin: 30px 0 10px 0;
    background-image: url(../images/login_icon.png);
    background-repeat: no-repeat;
    background-position: 7px 8px;
    background-color: #178e3e;
    border: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    color: var(--white);
    cursor: pointer;
}

.buttonForgot {
    padding: 7px 10px 7px 25px;
    margin: 30px 0 10px 0;
    background-image: url(../images/forgot_icon.png);
    background-repeat: no-repeat;
    background-position: 5px 7px;
    background-color: #d21a27;
    border: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    color: var(--white);
    cursor: pointer;
    font-size: 0.8em;
}

.buttonForgot:hover {
    padding: 7px 10px 7px 25px;
    margin: 30px 0 10px 0;
    background-image: url(../images/forgot_icon.png);
    background-repeat: no-repeat;
    background-position: 5px 7px;
    background-color: #af1622;
    border: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    color: var(--white);
    cursor: pointer;
    font-size: 0.8em;
}

.buttonRegister {
    padding: 7px 10px 7px 25px;
    margin: 30px 0 10px 0;
    background-image: url(../images/register_icon.png);
    background-repeat: no-repeat;
    background-position: 5px 7px;
    background-color: #4a9bc1;
    border: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    color: var(--white);
    cursor: pointer;
    font-size: 0.8em;
}

.buttonRegister:hover {
    padding: 7px 10px 7px 25px;
    margin: 30px 0 10px 0;
    background-image: url(../images/register_icon.png);
    background-repeat: no-repeat;
    background-position: 5px 7px;
    background-color: #367c9e;
    border: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    color: var(--white);
    cursor: pointer;
    font-size: 0.8em;
}


input[type="button"].button {
  height: auto;
}

#tickettypeEditBoxToggle,
#eventEditDone {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  border: 0;
  border-radius: 2px;
  padding: 10px;
  background: var(--white);
  color: var(--white);
  height: auto;
  font-family: "fontAwesome",var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", sans-serif;
  float: right;
  -webkit-transition: all ease-in-out 150ms;
  -o-transition: all ease-in-out 150ms;
  transition: all ease-in-out 150ms;
}

#tickettypeEditBoxToggle:hover,
#eventEditDone:hover {
  -webkit-transition: all ease-in-out 150ms;
  -o-transition: all ease-in-out 150ms;
  transition: all ease-in-out 150ms;
  -webkit-box-shadow: inset 100px 100px rgba(0,0,0, 0.1);
  box-shadow: inset 100px 100px rgba(0,0,0, 0.1);
}

#tickettypeEditBoxToggle {
  float: left;
}

.title-wrap {
  display: inline-block;
  background: var(--white);
  padding: 0 12px;
}

.lectureEditButton, .lectureDeleteButton {
  float: left;
}

.lectureEditButton {
    padding: 4px 10px;
    margin: 30px 10px 10px 0;
    background-color: #1ba748;
    background-position: 6px 9px;
    border: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    color: var(--white);
    cursor: pointer;
    font-size: 0.8em;
}

.lectureEditButton:hover {
    padding: 4px 10px;
    margin: 30px 10px 10px 0;
    background-color: #178e3e;
    background-position: 6px 9px;
    border: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    color: var(--white);
    cursor: pointer;
    font-size: 0.8em;
}

.lectureDeleteButton {
    padding: 7px 10px;
    margin: 30px 0 10px 0;
    background-color: #e94e52;
    border: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    color: var(--white);
    cursor: pointer;
}

.lectureDeleteButton:hover {
    padding: 7px 10px;
    margin: 30px 0 10px 0;
    background-color: #e4292e;
    border: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    color: var(--white);
    cursor: pointer;
}

.button_save:hover {
    cursor: pointer;
}

.themeLink {
    display: inline-block;
    padding: 7px 10px 7px 34px;
    margin: 30px 0 20px 0;
    background-image: url(../images/back_icon.png);
    background-repeat: no-repeat;
    background-position: 9px 9px;
    background-color: #008CBA;
    border: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    color: var(--white);
    cursor: pointer;
}

.themeLink:hover {
    display: inline-block;
    padding: 7px 10px 7px 34px;
    margin: 30px 0 20px 0;
    background-image: url(../images/back_icon.png);
    background-repeat: no-repeat;
    background-position: 9px 9px;
    background-color: #00688a;
    border: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    color: var(--white);
    cursor: pointer;
}

.tipfriend_button {
    padding: 7px 10px;
    margin: 30px 0 10px 0;
    background-color: #1ba748;
    background-position: 6px 9px;
    border: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    color: var(--white);
    cursor: pointer;
}

.tipfriend_button:hover {
    padding: 7px 10px;
    margin: 30px 0 10px 0;
    background-color: #178e3e;
    background-position: 6px 9px;
    border: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    color: var(--white);
    cursor: pointer;
}

label {
  cursor: default;
}

.search_button_green {
  background: url(../images/search_icon_16.png) no-repeat #1ba748;
  background-position: 6px 6px;
  padding: 5px 10px 5px 23px;
  border: none;
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px!important;
  -khtml-border-radius: 5px!important;
  border-radius: 5px!important;
  color: var(--white);
  cursor: pointer;
  margin: 0 0 20px 0;
}

.search_button_green:hover {
  background: url(../images/search_icon_16.png) no-repeat #17913f;
  background-position: 6px 6px;
  padding: 5px 10px 5px 23px;
  border: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: var(--white);
  cursor: pointer;
  margin: 0 0 20px 0;
}

.clear_button_red {
  background: url(../images/clear_icon_16.png) no-repeat #d03e28;
  background-position: 6px 6px;
  padding: 5px 10px 5px 25px;
  border: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: var(--white);
  cursor: pointer;
}

.clear_button_red:hover {
  background: url(../images/clear_icon_16.png) no-repeat #ba3623;
  background-position: 6px 6px;
  padding: 5px 10px 5px 25px;
  border: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: var(--white);
  cursor: pointer;
}

.buttonDetails {
  background: #008CBA;
  border: 1px solid #008CBA;
  color: var(--white);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  cursor: pointer;
}

.buttonDetails:hover {
  background: #007297;
  border: 1px solid #007297;
  color: var(--white);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  cursor: pointer;
}

.button_goto_order {
  display: inline-block;
  background: url(../images/button_goto_order.png) no-repeat #008CBA;
  background-position: 8px 5px;
  margin: 0 10px 10px 0;
  padding: 5px 10px 5px 28px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: var(--white);
  font-size: 0.9em;
  cursor: pointer;
}

.button_goto_order:hover {
  display: inline-block;
  background: url(../images/button_goto_order.png) no-repeat #00789f;
  background-position: 8px 5px;
  margin: 0 10px 10px 0;
  padding: 5px 10px 5px 28px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: var(--white);
  font-size: 0.9em;
  cursor: pointer;
}


p.address {
  margin-bottom: 0px;
}

.orderRowsBox, .orderBuyerBox, .orderDeliveryPaymentBox {
  margin: 0 15px;
  font-size: 0.8em
}

.orderRowsBox h3, .orderBuyerBox h3, .orderDeliveryPaymentBox h3 {
  margin: 10px 0 10px -14px;
}

body input[type="number"].orderRowNbrUpdate {
  padding: 5px;
  height: 30px;
  width: 25px;
  display: inline-block;
  margin: 0;
  font-size: 10px;
  border-width: 2px;
}

.fa.button_change {
  font-family: "FontAwesome";
  border: 2px;
  background: transparent;
  -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
      -ms-transition: all .25s ease-in-out;
      -o-transition: all .25s ease-in-out;
          transition: all .25s ease-in-out;
}
input[type="submit"].fa.button_change:hover {
  background: transparent;
  color: var(--primary);
}


#ticketCode {
  width: 200px;
  font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}

.ticketCodeBox {
  margin-bottom: 35px;
}

.ticketCodeBox .button_ticketCode {
  vertical-align: top;
  font-size: 14px;
  font-family: "FontAwesome",var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", sans-serif;
  border: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  width: 50px;
  display: inline-block;
  overflow: hidden;
  height: 45px;
  border: 2px solid var(--black);
  border-left: 0px;
  transition: border-color 0.45s ease-in-out;
  transition-property: border-color;
  transition-duration: 0.45s, 0.45s;
}

.genericErrorBox {
  background: var(--genericerrorobox-bg);
  padding: 20px;
  width: 100%;
  line-height: 0.8em;
  height: auto;
  text-align: center;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  font-size: 18px;
  margin: 0;
}
.genericErrorBox .fa-exclamation-circle {
  margin-right: 10px;
}
.genericErrorBox p {
  font-size: 18px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.genericErrorBox p:last-child {
  margin-bottom: 0;
}

.genericErrorBox .inner {
  display: inline-block;
  text-align: center;
}
.genericErrorBox .inner * {
    margin-bottom: 0;
    line-height: 1.5;
}

.center {
  display: block;
  margin: 0 auto;
}


.button_add {
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 8px 20px;
  border: #000 solid 4px;
  border: 2px solid var(--black);
  cursor: pointer;
}

body .create_ticket {
  font-family: "FontAwesome",var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  padding: 10px;
  color: var(--white);
  border: 0;
  height: auto;
  border-radius: 2px;
  -webkit-transition: all ease-in-out 150ms;
  -o-transition: all ease-in-out 150ms;
  transition: all ease-in-out 150ms;
}

body .create_ticket:hover {
  -webkit-box-shadow: inset 100px 100px rgba(0,0,0, 0.1);
  box-shadow: inset 100px 100px rgba(0,0,0, 0.1);
  -webkit-transition: all ease-in-out 150ms;
  -o-transition: all ease-in-out 150ms;
  transition: all ease-in-out 150ms;
}

input.login_button,
input[type="submit"].login-button {
  font-family: "FontAwesome",var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", sans-serif;
  font-size: 14px;
  height: 100%;
  width: auto;
  text-align: left;
  padding: 0;
  background: transparent;
  border: 2px solid var(--black);
  -webkit-appearance: none;
  appearance:none;
}

.register_link {
  background: url(../images/login_icon.png) no-repeat #188bb1;
  background-position: 6px 6px;
  border: 1px solid #188bb1;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: var(--white);
  padding: 6px 10px 6px 26px;
  cursor: pointer;
  font-size: 0.8em;
}

.register_link:hover {
  background: url(../images/login_icon.png) no-repeat #147494;
  background-position: 6px 6px;
  border: 1px solid #147494;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: var(--white);
  padding: 6px 10px 6px 26px;
  cursor: pointer;
  font-size: 0.8em;
}

.forgot_button {
  background: url(../images/login_icon.png) no-repeat #e44949;
  background-position: 6px 6px;
  border: 1px solid #e44949;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: var(--white);
  padding: 5px 10px 5px 26px;
  cursor: pointer;
}

input[type="submit"].button_goto_checkout {
  margin: 20px 0;
  font-size: 14px;
  background: var(--white);
  color: var(--black);
}

.button:hover {
}
.button:active {
}
input[type="submit"].button_goto_checkout:hover {

  color: var(--white);
}

.staffBox {
  float: left;
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
}

.staffCategory h2 {
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
}

.staff_description {
  max-width: 100%;
  overflow: hidden;
  font-size: 0.8em;
}

.staffLabel, .staffValue {
  font-size: 0.8em;
}

.pictureBox_R {
  float: right;
  margin: 6px 0 10px 20px;
  max-width: 30%;
}

.pictureBox_L img, .pictureBox_R img {
  max-width: 100%;
}

.pictureBox_L {
  float: left;
  margin: 6px 20px 10px 0;
  max-width: 30%;
}

.pictureSize_SMALL {
  max-width: 20%;
}

.newsItem img.picturePlacement_L {
  display: block;
}

.newsItem img.picturePlacement_R {
  display: block;
}

.pictureBox_R .pictureText, .pictureBox_L .pictureText {
  display: block;
  max-width: 100%;
  font-size: 0.8em;
  font-style: italic;
}

.newsItem img.picturePlacement_C {
  float: none;
  display: block;
  margin: 0 0 20px 0;
}

.newsList::before {
  content: "Fler nyheter";
  font-size: 1.2em;
}

.newsList {
  background: #f5f5f5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 20px;
}

.newsListItem {
  margin: 10px 0 10px 0;
}

ul.nodecoration {
  list-style-type: none;
}

/* External CSS */

.external .external_width {
  max-width: 570px;
  margin: 20px auto 0 auto;
}

/* Kassan */

.deliverytypeBox {
  background: #F8F8F8;
  padding: 10px 5px 0 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.paymenttypeBox {
  background: #F8F8F8;
  padding: 10px 5px 0 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.deliverytypeBox span, .paymenttypeBox span {
  font-size: 0.875em;
  color: #4D4D4D;
}

#optionsDeliveryPaymentBox, #orderInvoiceDirectBox {
  margin: 20px 0 0 0;
}

#invoiceDirectInfo, #invoiceDirect {
  display: inline-block;
}

.conditionsicon {
  font-size: 14px;
  font-style: italic;
  border: 2px solid var(--black);
  display: inline-block;
  padding: 5px 10px;
}

.conditionsicon:hover {
  color: var(--primary);
}

.save_button {
    width: 55px;
    font-size: 18px;
    color: var(--black);
    margin: 0;
    padding: 0;
    background: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 2px solid var(--black);
    height: 45px;
    font-family: "FontAwesome",var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", sans-serif;
}
/*
.pagetype_buyer_account input#doBuyerSave {
    font-family: "FontAwesome",var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", sans-serif;
}
*/

/*-------------------------------------*/
.submitLabel {
  /*
  color: var(--primary) !important;
background: rgba(0, 0, 0, 0.05);
  border-radius: 4pt;*/
}
.header-slider .submitLabel {
  background-color: transparent;
}

.pagetype_buyer_register .submitLabel,
.pagetype_buyer_login .submitLabel {
  margin-top: 10px;
}

.pagetype_buyer_register #buyerConditionsButton,
.pagetype_buyer_login #buyerConditionsButton {
  width: auto;
  float: none;
}

label.submitLabel:hover {
  cursor: pointer;
}
label.submitLabel:hover input[type="submit"] {
}

label input[type="submit"] {
  font-family: "FontAwesome";
  height: 100%;
  border: 0;
  border-left: 0 solid var(--black);
  margin-left: 0;
  padding: 0 10px;
  padding-right: 0px;
  width: auto;
  vertical-align: middle;
}


label.submitLabel {
  color: var(--black);
  padding: 8px 20px;
  padding-right: 15px;
  border: none;
  font-size: 14px;
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "roboto", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight:600;
  font-stretch:normal;
  text-transform: uppercase;
  height: auto;
  margin-top: 21px;
  vertical-align: middle;
}

.submitLabel input {
  background: transparent !important;
  border: none;
}
.submitLabel {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue","roboto", sans-serif;
  font-weight:600;
  font-stretch:normal;
}
label.submitLabel.hidden {
  display: none;
}

/*-------------------------------------*/
.save_button:hover {}

/* Newsletter */
.subscribe {
  display: block;
  background: url(../images/subscribe.png) no-repeat #1BA748;
  background-position: 8px 11px;
  margin: 0 10px 10px 0;
  padding: 10px 10px 10px 34px !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: var(--white);
  font-size: 0.9em !important;
}

.subscribe:hover {
  display: inline-block;
  background: url(../images/subscribe.png) no-repeat #158639;
  background-position: 8px 11px;
  margin: 0 10px 10px 0;
  padding: 10px 10px 10px 34px !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: var(--white);
  font-size: 0.9em !important;
}

.newsletterSubscribe {
  float: left;
  width: 100%;
  background: url(../images/newsletterSubscribe.png) no-repeat #1BA748;
  background-position: 10px 12px;
  padding: 20px 20px 20px 58px;
  margin: 10px 0 20px 0;
  color: var(--white);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.newsletterSubscribe:hover {
  float: left;
  width: 100%;
  background: url(../images/newsletterSubscribe.png) no-repeat #179340;
  background-position: 10px 12px;
  padding: 20px 20px 20px 58px;
  margin: 10px 0 20px 0;
  color: var(--white);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

/* Talarförmedling style */

ul.lecture-categories {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 0.8em;
}

ul.lecture-categories li {
  display: inline-block;
  margin: 0 10px 10px 0 !important;
  padding: 0;
}

ul.lecture-categories li a {
  background-color: #f3f3f3;
  color: #555;
  padding: 5px 10px;
}

ul.lecture-categories li a:hover {
  background-color: #d8d8d8;
  color: #555;
  padding: 5px 10px;
}

ul.lecture-categories li a.current, ul.lecture-categories li a.current:hover {
  background-color: #d8d8d8;
  color: #555;
  padding: 5px 10px;
}

ul.conversation {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.conversation li {
  background: url(../images/conversation_icon.png) no-repeat;
  background-position: 0 2px;
  padding: 0 0 0 38px;
}

ul.conversation li a {
  color: var(--black);
}

ul.conversation li a:hover {
  color: var(--black);
  text-decoration: underline;
}

.post {

  padding: 10px;
  margin: 0 0 10px 0;
  font-size: 0.8em;
}

.response {
  background: #f1f1f1;
  padding: 10px;
  margin: 0 0 10px 0;
  font-size: 0.8em;
}

.response .date, .post .date {
  font-size: 0.8em;
  margin: 0;
}

.response p, .post p {
  font-size: 1.0em;
}

.concept {
  float: left;
  width: 100%;
  background: #f1f1f1;
  padding: 10px;
  margin: 20px 0 0 0;
}

a.file {
  display: inline-block;
  background: url(../images/file_icon.png) no-repeat;
  background-position: 0 1px;
  height: 24px;
  padding: 0 0 0 25px;
  color: var(--black);
  margin: 0 0 10px 10px;
}

a.file:hover {
  display: inline-block;
  background: url(../images/file_icon.png) no-repeat;
  background-position: 0 1px;
  height: 24px;
  padding: 0 0 0 25px;
  color: var(--black);
  text-decoration: underline;
}

.presentationPanel {
  float: left;
  width: 100%;
  background-color: #fbfbfb;
  padding: 10px;
  margin: 0 0 10px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

#recaptcha_response_field {
  background: var(--white);
  border: 1px solid #ccc !important;
}

.searchActive {
  background-color: #5588AA;
}

/* Kategorisidan / Söksidan ****/

.eventsearchCatSelected {
  background-color: #8888FF;
}
.eventsearch_subCat,
.eventsearch_subCatButton,
.eventsearch_mainCat,
.eventsearch_mainCatButton {
  border: 2px solid var(--black);
  padding: 5px 5px 5px 5px;
  margin-bottom: 15px;
  cursor: pointer;
  font-weight: bold;
}
#eventsearch_mainCatButton {
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition-property: box-shadow, border-color;
  transition-duration: 0.45s, 0.45s;
}

#eventsearch_mainCatButton:hover {
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition-property: box-shadow, border-color;
  transition-duration: 0.45s, 0.45s;
  border-color: var(--primary);
}

.pagetype_eventsearch [class*="column"] + [class*="column"]:last-child {
  float: left;
}
.orderValidToMenu_full + .content_full {
  padding-top: 0;
}
.orderValidToMenu_full {
  background: var(--white);
  position: sticky !important;
}


/*
.body_dashboard .orderValidToMenu_full .bb {
  clear: both;
  padding-top: 20px;
}

.body_dashboard .orderValidToMenu_full.show-for-small-custom .bb {
  padding-top: 0;
}*/

/*.body_dashboard .orderValidToMenu_full .right {
  padding-bottom: 0px;
}*/


/*  Listning av events som inloggad */
#mainDivPageType_vendor_eventlist {
  padding-top: 0px;
}

.body_dashboard .whiteBg,
#mainDivPageType_order_cart .whiteBg,
#buyerAccountBox,
#mainDivPageType_recruitmentsend .whiteBg,
#mainDivPageType_order_participant .whiteBg,
#mainDivPageType_recruitmentprovision .whiteBg,
#mainDivPageType_recruitmentlist .whiteBg {
  padding-top: 50px;
  padding-bottom: 50px;
  margin-bottom: 50px;
}

#mainDivPageType_order_checkout {
  padding-bottom: 50px;
  margin-bottom: 0;
}


.pagetype_order_checkout .whiteBg {
  padding-top: 50px;
  padding-bottom: 50px;
  margin-bottom: 0;
}

.pagetype_order_checkout .content_full,
.body_dashboard .content_full,
[class^="pagetype_recruitment"] .content_full {
  padding-top: 0;
}

#doOrderRowParticipantAdd_ {
  margin-bottom: 0;
}

.pagetype_order_checkout #headline_basicdata {
  margin-bottom: 3px;
}
#vendorActivateBox,
#doVendorActivate {
  background: var(--white);
}

#doVendorActivate:hover {
  background: black;
  color: var(--white);
}

.pagetype_vendor_eventlist #set_vendoreventlist_text {
  margin-bottom: 0;
}
.pagetype_vendor_eventlist #set_vendoreventlist_text:focus {
    box-shadow: none;
}

.pagetype_recruitmentprovision .set_recruitmentprovision_text_holder,
.pagetype_vendor_invoices .set_vendorinvoices_text_holder,
.pagetype_recruitmentlist .set_recruitmentlist_text_holder,
.pagetype_vendor_eventlist .set_vendoreventlist_text_holder {
  width: -webkit-calc(100% - 50px);
  width: -moz-calc(100% - 50px);
  width: calc(100% - 50px);
  float: left;
}
.pagetype_recruitmentlist input[type="submit"].fa.fa-close,
.pagetype_vendor_eventlist input[type="submit"].fa.fa-close {
  font-family: "FontAwesome",var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", sans-serif;
  border: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  position: absolute;
  right: 10px;
  top: 0px;
}

.pagetype_recruitmentprovision input[type="submit"].search_button,
.pagetype_recruitmentlist input[type="submit"].search_button,
.pagetype_vendor_eventlist input[type="submit"].search_button {
  font-size: 14px;
  font-family: "FontAwesome",var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", sans-serif;
  border: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  width: 50px;
  display: inline-block;
  overflow: hidden;
  height: 45px;
  border: 2px solid var(--black);
  border-left: 0px;
  background-color: var(--white);
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition-property: box-shadow, border-color;
  transition-duration: 0.45s, 0.45s;
}

.pagetype_recruitmentprovision input[type="submit"].fa.fa-close,
.pagetype_recruitmentprovision input[type="submit"].search_button,
.pagetype_recruitmentlist input[type="submit"].fa.fa-close,
.pagetype_recruitmentlist input[type="submit"].search_button,
.pagetype_vendor_eventlist input[type="submit"].fa.fa-close,
.pagetype_vendor_eventlist input[type="submit"].search_button {
  cursor: pointer;
}

.pagetype_recruitmentlist input[type="submit"].fa.fa-close:hover,
.pagetype_vendor_invoices input[type="submit"].fa.fa-close:hover,
.pagetype_vendor_eventlist input[type="submit"].fa.fa-close:hover {
  color: var(--black);
}

.vendorEventListStatusSelected {
  background-color: #88FF88;
}

.vendorEventListStatusButton {
  border: 1px solid #CCCCCC;
  padding: 5px 5px 5px 5px;
  margin: 0 5px 0 0;
  width: 80px;
  text-align: center;
  cursor: pointer;
}

.vendorEventInfoHeadline {
  text-align: center;
}

/*  Listning av invoices som inloggad */
#mainDivPageType_vendor_invoices {
  padding-top: 0px;
}

.pagetype_vendor_invoices #set_vendorinvoices_text {
  margin-bottom: 0;
}
.pagetype_vendor_invoices #set_vendorinvoices_text:focus {
    box-shadow: none;
}

.pagetype_vendor_invoices input[type="submit"].fa.fa-close {
  font-family: "FontAwesome",var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", sans-serif;
  border: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  position: absolute;
  right: 10px;
  top: 0;
}
.pagetype_vendor_invoices input[type="submit"].search_button {
  font-size: 14px;
  font-family: "FontAwesome",var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", sans-serif;
  border: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  width: 50px;
  display: inline-block;
  overflow: hidden;
  height: 45px;
  border: 2px solid var(--black);
  border-left: 0px;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition-property: box-shadow, border-color;
  transition-duration: 0.45s, 0.45s;
}
.pagetype_vendor_invoices input[type="submit"].fa.fa-close,
.pagetype_vendor_invoices input[type="submit"].search_button {
  cursor: pointer;
}

.vendorInvoicesStatusSelected {
  background-color: #88FF88;
}

.vendorInvoicesStatusButton {
  border: 1px solid #CCCCCC;
  padding: 5px 5px 5px 5px;
  margin: 0 5px 0 0;
  width: 80px;
  text-align: center;
  cursor: pointer;
}
.tableHolder {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.vendorTableHeaderRow,
.eventTableHeaderRow {
  border-top: 4px solid var(--primary);
  padding: 10px 0;
}

.vendorTableFooterRow,
.eventTableFooterRow {
  border-top: 2px solid var(--black);
  border-bottom: 4px solid var(--primary);
  padding: 10px 0;
}

.vendorTableFooterRowFirst {
  border-top: 2px solid var(--black);
  padding: 10px 0;
}

.vendorTableFooterRowClean {
  padding: 10px 0;
}

.vendorTableFooterRowFirst p,
.vendorTableFooterRowLast p,
.vendorTableFooterRowClean p {
    margin-bottom: 0;
}

.vendorTableFooterRowLast {
  border-bottom: 4px solid var(--primary);
  padding: 10px 0;
}

.vendorTableFooterInfo {
  font-size: 13px;
}

.vendorTableHeader,
.vendorTableFooterInfo span,
.vendorTableFooterRow span,
.vendorTableHeaderRow span {
  font-style: italic;
}

.vendorTableRowOdd .title,
.vendorTableRowEven .title {
  font-size: 14px;
  font-weight: bold;
}

.vendorTableRowOdd .title .fa,
.vendorTableRowEven .title .fa {
  padding-right: 10px;
}
.eventTableRowOdd,
.vendorTableRowOdd {
  font-size: 13px;
  padding: 10px 0;
}
.eventTableRowEven,
.vendorTableRowEven {
  background-color: var(--alternate);
  font-size: 13px;
  padding: 10px 0;
}

.eventTableRowOdd p,
.vendorTableRowOdd p,
.eventTableRowEven p,
.vendorTableRowEven p {
  margin-bottom: 0;
}
.vendorTableRowEven input[type="submit"]:last-of-type,
.vendorTableRowOdd input[type="submit"]:last-of-type,
.eventTableRowOdd input[type="submit"]:last-of-type,
.eventTableRowEven input[type="submit"]:last-of-type {
  margin-right: 0;
}

.vendorTableRowOdd form,
.vendorTableRowEven form {
  display: inline-block;
  zoom: 1;
  /**display: inline;*/
}

.vendorTableRowOdd form input[type="submit"],
.vendorTableRowEven form input[type="submit"] {
  font-size: 10px;
  border: 2px solid var(--black);
  height: auto;
  line-height: 27px;
  padding: 0 10px;
  background: var(--white);
  height: 30px;
}
.vendorTableRowOdd input[type="text"],
.vendorTableRowOdd input[type="number"],
.vendorTableRowOdd input[type="submit"],
.vendorTableRowEven input[type="text"],
.vendorTableRowEven input[type="number"],
.vendorTableRowEven input[type="submit"] {
  text-transform: uppercase;
  line-height: 27px;
  padding: 0 10px;
  background: var(--white);
  height: 30px;
  font-size: 10px;
}

body .vendorTableRowOdd .button_change,
body .vendorTableRowEven .button_change {
  background: transparent;
}

.eventTableRowOdd input[type="submit"]:hover,
.eventTableRowEven input[type="submit"]:hover {

  color: var(--white);
}

input[name="doOrderRowParticipantEdit"],
input[name="doOrderRowParticipantDelete"] {
  margin-bottom: 5px;
}

.vendorTableRowOdd input[type="submit"]:hover,
.vendorTableRowEven input[type="submit"]:hover {
  color: var(--white);

}

.button_panel,
.button_dashboard {
  border: 2px solid var(--black);
  padding: 8px 20px;
  cursor: pointer;
}


.centerText {
  text-align: center;
}

/************************
* Recruitment panel page
*************************/
.row.recruitment_menu_row {
  padding-bottom: 0px;
}

.recruitment_divider {
  background: var(--primary);
  height: 8px;
  max-width: 40%;
  width: 100%;
  margin: 0 auto;
  margin-top: 45px;
}

.recruitmentStatisticsBox h3 {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
}

.recruitmentStatisticsBox {
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 600;
  font-stretch:normal;
  font-size: 100px;
  line-height: 0.6;
  color: var(--primary);
}

.recruitmentStatisticsMonthValue {
  letter-spacing: 10px;
}
.deniedParagraph {
  margin-top: 45px;
}
.deniedParagraph h1:first-of-type {
  margin-bottom: 45px;
}
.deniedParagraph p:first-of-type {
  margin-bottom: 45px;
}

.pagetype_recruitmentpanel .deniedDivider {
  display: block;
  height: 8px;
  width: 88px;
  margin: 0 auto;
  background: var(--primary);
}

#orgNbrValidBox,
#orgNbrInvalidBox {
  margin-bottom: 45px;
  margin-top: 45px;
}

#searchOrgNbrField {
  display: inline-block;
  width:  -moz-calc(100% - 90px);
  width:  -webkit-calc(100% - 90px);
  width:  calc(100% - 90px);
}
#searchOrgNbrButton {
  display: inline-block;
  width: 80px;
  text-transform: uppercase;
  padding-bottom: 0;
  padding-top: 0;
  float: right;
}
#searchOrgNbrButton:hover {
  color: var(--white);

}

.orgIcon {
  color: var(--white);
  width: 80px;
  height: 80px;
  font-size: 30px;
  text-align: center;
  position: relative;
}
.orgNbrValidIcon {
  background: #54b261;
}
.orgNbrInvalidIcon {
  background: #b44f51;
}
.orgIcon i {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.orgText {
  width: -moz-calc(100% - 80px);
  width: -webkit-calc(100% - 80px);
  width: calc(100% - 80px);
  background: #f5f5f5;
  padding: 10px 20px;
}

.orgText p {
  font-size: 13px;
  margin-bottom: 0;
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 600;
}

.orgText.orgNbrInvalidText p {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

div#invitationBox form {
  max-width: 85%;
  margin: 0 auto;
}

.invitationBodyBox {
  border: 2px solid var(--black);
  margin-bottom: 20px;
}
.invitationBodyBox .inner {
  padding: 0 10px;
  padding-bottom: 0;
}

.invitationBodyBox textarea {
  padding: 0px;
  border: 0;
  margin-bottom: 0;
  max-width: 100%;
  min-height: 180px;
  -webkit-box-shadow: none;
  box-shadow: none;
  resize: vertical;
  font-weight: normal;
}
.invitationBodyBox textarea:focus {
  background: var(--white);
  font-weight: normal;
}

.invitationReplyToBox {
  border: 2px solid var(--black);
  padding: 8px 10px;
  min-height: 45px;
  margin-bottom: 20px;
}

.invitationReplyToBox label {
  position: relative;
  z-index: 1;
  bottom: 0;
  padding-left: 0;
  margin-bottom: 0;
  width: 50px;
}

.invitationReplyToBox input {
  padding: 0;
  border: 0;
  margin-bottom: 0;
  font-size: 0.875rem;
  width: -moz-calc(100% - 55px);
  width: -webkit-calc(100% - 55px);
  width: calc(100% - 55px);

  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: normal;
}


.invitationToBox {
  border: 2px solid var(--black);
  padding: 8px 10px;
  min-height: 45px;
  margin-bottom: 20px;
}

.invitationToBox label,
.invitationReplyToBox label,
.invitationBodyBox label {
  color: var(--black);
  text-decoration: none;
  display: inline-block;
  font-weight: 300;
}

.invitationToBox label {
  position: relative;
  z-index: 1;
  bottom: 0;
  padding-left: 0;
  margin-bottom: 0;
  width: 20px;
}

.invitationToBox input {
  padding: 0;
  border: 0;
  margin-bottom: 0;
  font-size: 0.875rem;
  width: -moz-calc(100% - 25px);
  width: -webkit-calc(100% - 25px);
  width: calc(100% - 25px);

  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: normal;
}

.invitationBodyBox label:after {
  content: "";
  height: 1px;
  display: block;

  width: 100%;
}

.invitationBodyBox label {
  margin-bottom: 4px;
  margin-top: 6px;
}
.invitationPreBody,
.invitationPostBody {
  padding: 20px 10px;
  color: #a9a9a9;
  background: #f5f5f5;
  font-size: 14px;
}
.invitationPostBody {
  -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
}

/*.invitationToBox textarea {
  resize: vertical;
  min-height: 150px;
  padding-top: 27px;
  font-weight: normal;
  margin-top: -25px;
}
.invitationToBox textarea:focus {
  background: var(--white);
}*/


.orgDisabled {
  background: #f5f5f5;
  padding: 8px 10px;
  min-height: 45px;
  margin-bottom: 20px;
  -ms-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.orgDisabled span {
  color: #a9a9a9;
  font-size: 0.8em;
}
.orgDisabled .orgLabel {
  font-weight: bold;
}

.invitationSendButtonBox input[type="submit"] {
  text-transform: uppercase;
}
.invitationSendButtonBox input[type="submit"]:hover {

  color: var(--white);
}

.recruitmentSendForm:before {
  content: "";
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
  display: block;
  height: 2px;

  margin-bottom: 30px;
}

/******************
* Dashboard page
*******************/
.statistics { padding-bottom: 40px;}
.dashboard_left { padding-right: 55px; }
.dashboard_right { padding-left: 55px; }

.recruitment_menu_row,
.dashboard_menu_row { padding: 30px 0;}

.recruitment_menu_row a,
.dashboard_menu_row a {
  background: var(--white);
}

.dashboardStatisticsBox_month h3,
.dashboardStatisticsBox_day h3 {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
}

.dashboardStatisticsBox_month,
.dashboardStatisticsBox_day {
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "roboto", "Helvetica", "Arial", sans-serif;
  font-weight:600;
  font-stretch:normal;
  font-size: 100px;
  line-height: 0.6;
  color: var(--primary);
}

.pagetype_dashboard .button_dashboard,
.pagetype_recruitmentpanel .button_panel {
  display: inline-block;
  color: var(--black);
  border: solid 4px #000;
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
  font-size: 16px;
}

.dashboard_divider {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -4px;
  width: 8px;
  height: 65%;
  background: var(--primary);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.dashboard_left .small-6.half:first-of-type {
  padding-left: 0;
}
.dashboard_left .small-6.half:last-child {
  padding-right: 0;
}
.dashboardButtonType_buyer_account .fa {
  padding-top: 4px;
}
.dashboardButtonType_buyer_account .fa:before {
  line-height: 16px;
}


/* Skapa event - steg 1 */
.publiclistLabel {
  background: var(--white);
  border: 2px solid var(--primary);
  padding: 5px 10px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 10px;
}

#publiclist_public_label {
  width: 50%;
  float: left;
  border-right: 2px solid var(--primary);
  height: 45px;
  line-height: 31px; /* Fullheight - border 4px - padding 10xp */
}
#publiclist_private_label {
  width: 50%;
  float: left;
  border-left: 2px solid var(--primary);
  height: 45px;
  line-height: 31px; /* Fullheight - border - padding = 27  */
}

.publiclistLabelSelected {
  background-color: var(--primary);
  color: var(--white);
}

.publiclistLabelSelected .fa {
  border-color: var(--white);

}
.ticketSystemLabel, .noVatLabel, .contentSystemLabel, .compensationSystemLabel {
  background: var(--body-bg);
  border: 2px solid var(--primary);
  padding: 5px 10px;
  text-align: center;
  min-height: 45px;
  cursor: pointer;
  font-weight: bold;
}

#ticketInfo_row,
#availableTickets_row {
  margin-top: 20px;
}

#ticketSystem_EVENT_label, #noVat_0_label, #contentSystem_SAJNUP_label, #compensationSystem_KARMA_label {
  width: 50%;
  float: left;
  border-right: 2px solid var(--primary);
  min-height: 45px;
  line-height: 31px; /* Fullheight - border 4px - padding 10xp */
}
#ticketSystem_TICKETTYPES_label, #noVat_1_label, #contentSystem_EXTERNAL_label, #compensationSystem_PAID_label {
  min-height: 45px;
  width: 50%;
  float: left;
  border-left: 2px solid var(--primary) ;
  line-height: 31px; /* Fullheight - border - padding = 27  */
}

.ticketSystemLabelSelected, .contentSystemLabelSelected, .noVatLabelSelected, .compensationSystemLabelSelected {
  background-color: var(--primary);
  color: var(--white);
}

.ticketSystemLabelSelected .fa,  .contentSystemLabelSelected .fa, .noVatLabelSelected .fa {
  border-color: var(--primary);

}


.ticketSystemLabel,
.contentSystemLabel,
.compensationSystemLabel,
.noVatLabel,
.publiclistLabel,
.vendorEvent_subCatButton,
.vendorEvent_subCat,
.vendorEvent_mainCat,
.vendorEvent_mainCatButton {
  font-size: 14px;
  border: 2px solid var(--black);
  padding: 5px 10px;
  cursor: pointer;
  letter-spacing: 1px;
  font-weight: bold;
}
.ticketSystemLabel,
.noVatLabel,
.compensationSystemLabel,
.contentSystemLabel {
  border: 2px solid var(--primary);
}
.vendorEvent_mainCat {
  background: var(--white);
}

#vendorEvent_mainCatButton {
  margin-bottom: 10px;
  padding: 8px 10px;
}

.ui-datepicker-year,
.ui-datepicker-month {
  text-transform: none;
}

#vendorEvent_mainCatBox {
  margin-bottom: 20px;
}

#vendorEvent_mainCatBox .vendorEvent_mainCat {
  min-height: 45px;
  text-align: center;
  padding: 0 8px;
  margin-bottom: -2px;
  width: 50%; /* large-6-margin 180px-4px */
}

#vendorEvent_mainCatBox .vendorEvent_mainCat.odd {
  float: left;
  border-right: 1px solid var(--black);
}

#vendorEvent_mainCatBox .vendorEvent_mainCat.even {
  float: left;
  border-left: 1px solid var(--black);
}
#vendorEvent_mainCatBox .vendorEvent_mainCat.odd:last-of-type {
  border-right: 4px solid var(--black);
  width: 100%;
}

.vendorEvent_mainCatButton {
  height: 45px;
  line-height: 26px;
  margin-bottom: 15px;
  width: 100%;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  padding-right: 40px;
  color: var(--black);
  white-space: nowrap;
  background: var(--white);
}

.vendorEvent_mainCatButton span.clr-remain {
  color: var(--black) !important;
}


/*
#eventsearch_mainCatBox .eventsearch_mainCat .innerColor,
#vendorEvent_mainCatBox .vendorEvent_mainCat .innerColor { visibility: hidden; }

#eventsearch_mainCatBox .eventsearchCatSelected .innerColor,
#vendorEvent_mainCatBox .vendorEventCatSelected .innerColor { visibility: visible; }

#eventsearch_mainCatBox.hidden .innerText,
#vendorEvent_mainCatBox.hidden .innerText {
  position: static;
}

#eventsearch_mainCatBox .innerText,
#vendorEvent_mainCatBox .innerText {
    top: 50%;
    left: 0;
    width: 100%;
    padding: 8px;
    line-height: 1.5;
    position: absolute;
    transform: translateY(-50%);
    z-index: 2;
}
*/

#eventsearch_mainCatBox .innerText,
#vendorEvent_mainCatBox .innerText {
    width: 100%;
    /*padding: 8px;*/
    line-height: 1.3;
    position: relative;
    z-index: 2;
    top: 50%;
    display: block;
    vertical-align: middle;
    letter-spacing: 1px;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.vendorEventCatSelected .innerColor,
.eventsearchCatSelected .innerColor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
#recruitmentprovisionForm > .row,
#recruitmentlistForm > .row,
#vendorEventListForm > .row {
  margin-bottom: 20px;
}

#recruitmentprovisionForm .sm,
#recruitmentlistForm .sm,
#vendorEventListForm .sm {
  margin: 0;
  margin-top: 27px;
  text-align: left;
  background: transparent;
}

#recruitmentprovisionForm .sm a,
#recruitmentlistForm .sm a,
#vendorEventListForm .sm a {
  padding: 0 10px 0 0;
  background: transparent;
  opacity: 0.8;
  color: var(--black);
}
#recruitmentprovisionForm .sm li a {

  text-align: center !important;
}
#recruitmentprovisionForm .sm a.active,
#recruitmentlistForm .sm a.active,
#vendorEventListForm .sm a.active {
  background: transparent;
  color: var(--black);
  opacity: 1;
  padding-bottom: 3pt;
  border-bottom: 3pt solid var(--primary);
}

#recruitmentprovisionForm ul.simple li,
#recruitmentlistForm ul.sm-simple li,
#vendorEventListForm ul.sm-simple li {
  border-top: 0px;
}

#vendorInvoicesForm > .row {
  margin-bottom: 20px;
}

#vendorInvoicesForm .sm {
  margin: 0;
  margin-top: 27px;
  text-align: left;
  background: transparent;
}
#vendorInvoicesForm .sm a {
  padding: 0 10px 0 0;
  background: transparent;
  color: var(--black);
}
#vendorInvoicesForm .sm a.active {
  background: transparent;
  color: var(--primary);
}

.vendorEvent_subCatButton,
.vendorEvent_mainCatButton {
  height: 45px;
  line-height: 26px;
  margin-bottom: 15px;
}
.vendorEvent_mainCatButton .toolTipTrigger {
    line-height: 20px;
}
.vendorEvent_subCat_header {
  font-size: 1.4em;
  border: 1px solid #CCCCCC;
  padding: 5px 5px 5px 5px;
  margin: 1rem 0 0 0;
  background-color: var(--alternate);
  cursor: pointer;
}

.vendorEventCatSelected {
}

.vendorEventCatSelectedDisabled {
}

.datepicker {
  width: 60% !important;
  float: left;
}

.timepicker {
  width: 35% !important;
  float: right;
}

#searchEventName {
  background: var(--white);
}
.designEventChoice {
  margin-top: 20px;
}
.designEventChoice:before {
  content: "\f046";
  font-family: 'fontAwesome';
  display: inline-block;
  color: var(--primary);
  padding-right: 4px;
}
.searchEventNameHolder,
.searchEventNameHolder input {
  width: 420px;
  margin-bottom: 20px;
  letter-spacing: 1px;
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "roboto", "Helvetica", "Arial", sans-serif;
}

.searchEventNameHolder {
  margin-top: 20px;
  margin-bottom: 0;
}

.ui-autocomplete {
  background: var(--white);
  font-size: 14px;
  width: 420px;
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "roboto", "Helvetica", "Arial", sans-serif;
}

.ui-autocomplete .ui-menu-item,
body .ui-autocomplete .ui-menu-item.ui-state-focus {
  font-weight: inherit;
  border: 0;
  border-bottom: 2px solid var(--black);
  padding: 5px 8px !important;
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "roboto", "Helvetica", "Arial", sans-serif;

}
.ui-autocomplete .ui-menu-item:last-of-type,
.ui-autocomplete .ui-menu-item.ui-state-focus:last-of-type {
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "roboto", "Helvetica", "Arial", sans-serif;
  border-bottom: 0 solid var(--black);
  font-weight: inherit;
  padding: 5px 8px;
  border: 0;
}

.ui-menu .ui-state-focus {
  margin: 0;
}

/*.pagetype_vendor_event .register_button {
  background: transparent;
  font-size: 18px;
  color: var(--black);
  margin: 0;
  padding: 8px;
  margin-left: 5px;
  background: transparent;
  border: 2px solid var(--black);
  font-family: 'fontAwesome', var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "roboto", "Helvetica", "Arial", sans-serif;
  -webkit-border-radius: 0;
  border-radius: 0;
  text-transform: uppercase;
}*/

.error {
  color: red;
}
.success {
  color: var(--success);
}

.check {
  border: 2px solid var(--black);
  height: 28pt;
  width: 28pt;
  margin: 0 !important;
  font-family: "FontAwesome",var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  /**display: inline;*/
  /**zoom: 1;*/
}

.pagetype_vendor_event .inner-large {

  display: inline-block;
  /**display: inline;*/
  /**zoom: 1;*/
}
.inner-large.db {
  display: block;
}
/*****************************************
pagetype_event pagetype event Eventsidan
****************************************/
.pagetype_event .orderValidToMenu_full {
  margin-bottom: -50px; /*to fix main top margin */
}
.eventViewModeBox {
  margin-bottom: 0px;
}
.eventViewModeBox .button_dashboard {
  display: inline-block;
  margin-right: 10px;
}

.eventViewModeBox a.button {
  padding: 8px 20px;
  background: var(--white);
}
.eventViewModeBox #toggleSidebar{
  background: var(--white);
}
.eventViewModeBox #toggleSidebar:hover {
  color: var(--white);

}
.eventWrapper {
  background: transparent;
}
#mainEventDiv {
}

#toggleSidebar {
  border: 2px solid var(--black);
  padding: 8px 20px;
  cursor: pointer;
  float: right;
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "roboto", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase;
}

.eventAside .inner {
  padding-right: 15px;
  padding-left: 15px;
}
.pull-right .right-inner {
  padding-right: 15px;
}

.eventHeaderPicture {
  width: 100%;
  height: 400px;
  margin: 0;
  color: var(--white);
  background-size: cover;
}

.eventHeaderInfoBoxHolder {
    width: 650px;
    width: auto;
    margin: 0 auto;
    height: 400px;
    max-width: 85%;
}

.eventHeaderInfoBoxCellWrapper {
  text-align: center;
  display: table;
  margin: 0 auto;
}

#eventHeaderBox {
  padding-bottom: 80px;
  position: relative;
}

#eventHeaderInfoBox {
  width: auto;
  border: 4px none #0000FF;
  text-align: left;
  margin: auto;
  display: table-cell;
  vertical-align: middle;
  height: 400px;
}

#eventHeaderInfoBox h1,
#eventHeaderInfoBox h2,
#eventHeaderInfoBox h3,
#eventHeaderInfoBox h4,
#eventHeaderInfoBox h5,
#eventHeaderInfoBox h6,
#eventHeaderInfoBox p {
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue","roboto", sans-serif;
  color: white;
  margin-bottom: 5px;
  float: left;
  clear: left;
  display: block;
}

#eventHeaderInfoBox p {
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue","roboto", sans-serif;
  font-weight:400;
  font-stretch:normal;
  font-size: 22px;
}

.event_time,
.event_date {
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue","roboto", sans-serif;
  font-weight: 600;
}

.event_address {
  font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight:400;
  font-stretch: normal;
}

.eventHeaderBox .event_time {
  font-size: 40px;
}

.eventHeaderBox .event_premises {
  text-transform: capitalize;
}
.eventHeaderBox .event_address {
  font-style: italic;
}

.eventListHeight {
  max-width: 400px;
}

.eventMainPicture {
  width: 100%;
  height: 251px;
  margin-bottom: 10px;
  position: relative;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.eventMainPicture .overlay {
  background-color: rgba(0,0,0, 0.4);
  height: 100%;
}

.eventHeaderPictureCategoryColor {
  width: 100%;
  height: 8px;
  margin: 0 0 0 0;
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: 300ms all ease-in-out;
  -o-transition: 300ms all ease-in-out;
  transition: 300ms all ease-in-out;
}


.pagetype_event .eventHeaderPictureCategoryColor {
  position: static;
}

.eventMainPicture:hover .eventHeaderPictureCategoryColor {
  opacity: 1;
}

#eventHeaderBox .eventHeaderPictureCategoryColor {
  opacity: 1;
}


.eventHeaderPicture .overlay,
.eventFooterPicture .overlay {
  background-color: rgba(0,0,0, 0.4);
  height: 100%;
}

.eventMainPicture h1 {
  color: var(--white);
}



.ticketTypeHolder {
  /*margin-top: 50px;
  margin-bottom: 50px;*/
}

.pd-col {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.eventsearchEventHeadline {
  margin-bottom: 0px;
  line-height: 1;
}

.eventsearchEventHeadline h3 {
  font-family: "Helvetica Neue", "roboto", Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1;
}

.eventsearchEventTime {
  font-weight: bold;
}
.eventsearchEventTickets {
  font-weight: normal;
}
.eventsearchEventHeadline span {
  font-size: 14px;
}
.eventsearchEventTimeCity {
  line-height: 1.2;
  font-size: 14px;
}
.eventsearchEventCity {
  font-style: italic;
}
.eventsearchEventPriceTickets {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
}

.fb-share-button {
  margin-right: 20px;
  vertical-align: top;
}



.eventFooterPicture {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
}

.eventFooterPicture h1 {
  color: var(--white);
}

.tickettypeMissingNbr {
  background-color: #a30b15;
  color: var(--white);
  padding: 3px 6px;
  border-radius: 2px;
  text-transform: uppercase;
  /*font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "roboto", "Helvetica", "Arial", sans-serif; */
  font-size: 10px;
  letter-spacing: 1px;
}

.pagetype_event .tickettypeListLeftBox, .pagetype_ticketlist .tickettypeListLeftBox {
  position: relative;
  height: 35px;
  padding: 5px 15px 5px 15px;
  margin: 0 30px 20px 0;
  text-align: left;
  background-color: var(--primary);
  color: white;
  margin-right: 90px;
}

.pagetype_event .tickettypeListLeftBox:before .pagetype_ticketlist .tickettypeListLeftBox:before {
  content:"";
  position: absolute;
  right: 0;
  top: 0;
  border-top: 35px solid transparent;
  border-right: 35px solid var(--paper-bg);
}

.pagetype_event .tickettypeListRightBox:before, .pagetype_ticketlist .tickettypeListRightBox:before {
  padding: 25px 0 25px 0;
  padding-top: 2px;
  margin-right: 120px;
  text-align: left;
  border-top: 1px solid #b2b2b2;
}
.tickettypeListRightBox .borders {
    width: 100%;
    border-top: 1px solid #b2b2b2;
    padding-top: 25px;
}

.pagetype_event .eventSubmitBox, pagetype_ticketlist .eventSubmitBox {
  margin-right: 120px;
  padding: 25px 0 25px 0;
  width: -webkit-calc(100% - 120px);
  width: -moz-calc(100% - 120px);
  width: calc(100% - 120px);
  border-top: 2px solid var(--black);
  text-align: right;
}

#headline_basicdata .select-wrapper:before,
#headline_basicdata2 .select-wrapper:before {
  top: 11px;
}


/*#eventFooterPictureUploadBox {
  position: relative;
  top: 10px;
  float: right;
  width: 55px;
  margin: 0 10px 0 0;
}*/

div.uploadfile {
  cursor: pointer;
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "roboto", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
}

body .uploadfile.button {
  color: var(--white);
  border: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--white);
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", "Helvetica", sans-serif;
  font-size: 12px;
}

.uploadfile.button span {
  color: var(--white);
}

div.uploadfile input {
  cursor: pointer;
  opacity: 0 ;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#eventHeaderPictureUploadBox {
  position: relative;
  margin: 0;
  aspect-ratio: 117 / 4;
  width: 100%;
}
#eventFooterPictureUploadBox {
  position: relative;
  top: 10px;
  float: right;
  margin: 0 10px 0 0;
}

#eventHeaderPictureForm {
  position: relative;
  height: 45px;
}

#eventFooterPictureForm div.uploadfile,
#eventHeaderPictureForm div.uploadfile {
  position: relative;
  padding: 10px 10px;
  padding-bottom: 8px;
  float: none;
  background-image: none;
  border: 0px solid var(--black);
  display: inline-block;
  zoom: 1;
  width: auto;
  vertical-align: middle;
  line-height: 1;
  background: var(--white);
}

#eventTextEditBox input[type="submit"]{
  height: auto;
  font-family: "FontAwesome", var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", sans-serif;
  border: 0 solid var(--black);
  border-radius: 2px;
  letter-spacing: 1px;
  font-size: 12px;
  padding: 10px;
  color: var(--white);
  -webkit-appearance: none;
  appearance: none;
  text-transform: uppercase;
}

#eventTextEditBox input[type="submit"]:hover {
  -webkit-transition:  all ease-in-out 150ms;
  -o-transition:  all ease-in-out 150ms;
  transition:  all ease-in-out 150ms;
  -webkit-box-shadow:  inset 100px 100px rgba(0,0,0, 0.1);
  box-shadow:  inset 100px 100px rgba(0,0,0, 0.1);
}

body #eventHeaderPictureUploadBox div.uploadfile,
body .eventMainPicture div.uploadfile,
body .eventFooterPicture div.uploadfile {
  color: var(--white);
  border-radius: 2px;
  border: 0 solid var(--black);
  padding: 10px;
  margin-right: 15px;
  margin-top: 15px;
  letter-spacing: 1px;
  -webkit-transition:  all ease-in-out 150ms;
  -o-transition:  all ease-in-out 150ms;
  transition:  all ease-in-out 150ms;
}

body #eventHeaderPictureUploadBox div.uploadfile:hover,
body .eventMainPicture div.uploadfile:hover,
body .eventFooterPicture div.uploadfile:hover {
  -webkit-transition:  all ease-in-out 150ms;
  -o-transition:  all ease-in-out 150ms;
  transition:  all ease-in-out 150ms;
  -webkit-box-shadow:  inset 100px 100px rgba(0,0,0, 0.1);
  box-shadow:  inset 100px 100px rgba(0,0,0, 0.1);
}

body #eventHeaderPictureUploadBox div.uploadfile span,
body .eventMainPicture div.uploadfile span,
body .eventFooterPicture div.uploadfile span {
  color: var(--white);
}
body #eventHeaderPictureUploadBox div.uploadfile .fa,
body .eventMainPicture div.uploadfile .fa,
body .eventFooterPicture div.uploadfile .fa {
  font-size: 12px;
  color: var(--white);
  padding-right: 5px;
  color: var(--white);
}

#eventMainPictureUploadBox {
  text-align: center;
}

#eventMainPictureForm {
  height: 100%;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /**display: inline; */
  line-height: 251px;
}

body .eventMainPicture div.uploadfile {
  margin-right: 0;
}
body .eventMainPicture div.uploadfile p,
body .eventMainPicture div.uploadfile span {
  line-height: 1;
}

.uploadfile:hover,
.uploadfile input[type="file"]:hover {
  cursor: pointer;
}

div.uploadfile input[type="file"],
div.uploadfile input[type="file"] {
  margin: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

/*#eventHeaderPictureUploadBox div.uploadfile .fa,
.eventMainPicture div.uploadfile .fa,
#eventFooterPictureUploadBox div.uploadfile .fa, .eventMainPicture div.uploadfile .fa {
  padding-right: 10px;
  font-size: 12px;
  color: var(--black);
}*/
div.uploadfile .fa:before {
  vertical-align: middle;
}

#eventHeaderPictureUploadBox div.uploadfile p,
.eventMainPicture div.uploadfile p {
  /*height: 45px;*/
  font-size: 12px;
  text-align: left;
  display: inline-block;
  zoom: 1;
  /**display: inline; */
  margin: 0;
  color: var(--black);
}

#eventHeaderPictureUploadBox div.uploadfile span,
.eventMainPicture div.uploadfile span,
.eventFooterPicture div.uploadfile span {
  color: var(--black);
}
.imageCropDialog {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: var(--black);
  background: var(--white);
}
#doEventPictureCrop {
  float: right;
  margin: 10px 0;
  background: var(--white);
  height: auto;
}
#doEventPictureCrop:hover {

  color: var(--white);
}

div.eventTextEditButtonBox {
  float: right;
}




#eventTextEditBox {
  position: relative;
  margin: 0 0px 30px 10px;

}




.eventTextBox {
  width: 100%;
  margin: 0 0 20px 0;
  padding: 5px 0 5px 5px;
  padding-top: 0;
}

.eventGotoTicketsPicture {
  width: 100%;
  min-height: 175px;
  margin: 0 0 40px 0;
  /*background: url('/images/kop-biljett@2x.png');*/
  background: url('/images/boka-plats@2x.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 167px 118px;
  background-color: var(--white);
  padding: 40px 0;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.gmaps {
  background: url('/images/examplemap.png') no-repeat;
  background-size: cover;
  height: 350px;
  margin-bottom: 5px;
}

.googlemap {
  height: 350px;
  width: 100%;
  min-height:100px;
  line-height: 100%;
}

.tickettypesBox {
  padding-top: 80px;
  padding-bottom: 40px;
  background-size: 18px 18px;
  display: block;
}

.tickettypesBox .ticketText {
  padding-top: 20px;
}

#tickettypesBox textarea {
  min-height: 81px;
  background: var(--white);
  margin-bottom: 0;
}

.tickettypesBox .eventSubmitBox {
  float: right;
}

.tickettypesBox input[type="submit"]#doEventOrder {
  background: transparent;
  font-family: "FontAwesome",var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", sans-serif;
  color: var(--black);
  padding: 0px 14px 0 18px;
  border: #000 solid 2px;
  display: inline-block;
  zoom: 1;
  margin-bottom: 10px;
  border-radius: 0;
  font-size: 25px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}

.tickettypesBox input[type="submit"]#doEventOrder:hover {

  color: var(--white);
}

#tickettypesBox .button_save,
#tickettypesBox .button_cancel {
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 8px 20px;
  border: #000 solid 4px;
  border: 2px solid var(--black);
  cursor: pointer;
}

#tickettypesBox .button_cancel {
  margin-right: 10px;
}

.checklist label {
    margin-left: 0;
}

.checklist ul {
  list-style: none;
  margin-left: 0;
}

.participantTicketInfoBox h1,
.participantTicketInfoBox p,
.participantTicketInfoBox h2,
.participantTicketInfoBox h3 {
  margin: 0;
}

.checklist li .checker {
  width: 25px;
  height: 25px;
  margin-right: 5px;
  margin-bottom: 10px;
  border-width: 2px;
}

.checklist li .checker.fa-check {
  font-size: 17px;
  line-height: 20px;
}

.eventButtonEdit {
  background: url(../images/edit_icon.png) no-repeat #e8b815;
  background-position: 6px 6px;
  border: 1px solid #e8b815;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: var(--white);
  padding: 5px 10px 5px 26px;
  cursor: pointer;
}

.bottomMargin {
  margin: 0 0 20px 0;
}

.eventButtonPublish {
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 8px 20px;
  border: #000 solid 4px;
  border: 2px solid var(--black);
  cursor: pointer;
}
.eventButtonDraft {
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 8px 20px;
    border: #000 solid 4px;
    border: 2px solid var(--black);
    cursor: pointer;
}
.eventButtonForms {
  margin-top: 35px;
  margin-bottom: 35px;
  text-align: center;
}
.eventButtonForms form {
  display: inline-block;
  margin: 0 10px;
}
#eventButtonForms form {
  margin: 0 12.5px;
}
#eventButtonForms input[type="submit"]:hover {

}

.promoteSeoContactBox,
.promoteDesignContactBox,
.eventSendLeadBox,
.eventVendorContactBox,
.eventTipOffBox {
  font-size: 18px;
  font-weight: bold;
  padding: 5px 13px;
  margin-bottom: 13px;
  cursor: pointer;
  background-color: var(--body-bg);
}


.promoteSeoContactBox,
.promoteDesignContactBox {
  margin-bottom: 0;
}
.promoteSeoContactButton,
.promoteDesignContactButton {
  text-transform: uppercase;
  font-size: 14px;
  padding: 5px 0;
}

.promoteSeoContactFormBox input[type="submit"],
.promoteDesignContactFormBox input[type="submit"] {
  height: 35px;
}
.promoteSeoContactFormBox input[type="submit"]:hover,
.promoteDesignContactFormBox input[type="submit"]:hover {

  color: var(--white);
}

.promoteSeoContactFormBox,
.promoteDesignContactFormBox,
.eventTipOffFormBox,
.eventVendorContactFormBox,
.eventSendLeadFormBox {
  padding-top: 10px;
}

.eventTipOffBox i,
.eventSendLeadBox i,
.eventVendorContactBox i {
  margin-top: 5px;
}

body .eventTipOffBox input,
body .eventTipOffBox textarea,
body .eventSendLeadBox input,
body .eventSendLeadBox textarea,
body .eventVendorContactBox input,
body .eventVendorContactBox textarea {
  border: 2px solid var(--black);
}
body .eventTipOffBox textarea,
body .eventSendLeadBox textarea,
body .eventVendorContactBox textarea {
  max-width: 100%;
}

body .eventTipOffBox textarea:focus,
body .eventSendLeadBox textarea:focus,
body .eventVendorContactBox textarea:focus {
    border-color: var(--primary);
}

body .promoteSeoContactBox input[type="submit"],
body .promoteDesignContactBox input[type="submit"],
body .eventTipOffBox input[type="submit"],
body .eventSendLeadBox input[type="submit"],
body .eventVendorContactBox input[type="submit"] {
  float: right;
  margin-bottom: 13px;
  height: auto;
}
body .promoteSeoContactBox input[type="submit"]:hover,
body .promoteDesignContactBox input[type="submit"]:hover,
body .eventTipOffBox input[type="submit"]:hover,
body .eventSendLeadBox input[type="submit"]:hover,
body .eventVendorContactBox input[type="submit"]:hover {

  color: var(--white);
}
.promoteSeoContactFormBox form input[type="text"],
.promoteSeoContactFormBox form textarea,
.promoteDesignContactFormBox form input[type="text"],
.promoteDesignContactFormBox form textarea {
  font-weight: normal;
}

.contactBoxContent {
  border-top: 8px solid var(--black);
  background: var(--white);
  padding: 30px;
  margin-bottom: 20px;
  -ms-box-shadow: 0 1px 16px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 16px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 16px rgba(0, 0, 0, 0.1);
}

.contactBoxContent .innerContact {
  padding-bottom: 10px;
}
.contactBoxContent .innerContact .fa {
  font-size:  60px;
  padding-bottom: 20px;
}

.contactBoxContent .innerContact h4 {
  letter-spacing: 1px;
}

.contactBoxContent .innerContact .slash {
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
}


.gmapsBoxInfo {
  border: 0;
  padding: 2px 5px 2px 5px;
  margin: 0 0 2px 0;
  text-align: center;
  background-color: #f4f4f4;
}

.gmapsBoxAddress {
  /*border: 1px solid var(--black)000;*/
  /*border-radius: 3px;*/
  padding: 4px 10px;
  margin: 0 0 20px 0;
  text-align: center;
  background-color: #f4f4f4;
  position: relative;
}
.gmapsBoxAddress:before {
  content: "";
  display: inline-block;
  background-image: url('/images/map-pin2.png');
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  padding-right: 8px;
  height: 16px;
  width: 16px;
  vertical-align: middle;
}
.gmapsBoxAddress p {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}
.gmapsBoxInfo span,
.gmapsBoxAddress span {
  font-size: 12px;
}
.gmapsStatus {
  /*border: 1px solid var(--black)000;*/
  /*border-radius: 3px;*/
  padding: 2px 5px 2px 5px;
  margin: 0 0 5px 0;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

.gmapsStatusSuccess {
  background-color: #f4f4f4;
}
.gmapsStatusError {
  background-color: #EE3333;
}

.header_full {
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  /*display: none;*/
}

a.button:hover {

}
a.button:hover i,
a.button:hover span {
  color: var(--white);
}
#headline_basicdata {
  margin-bottom: 0 ;
}

.select-wrapper {
    position: relative;
}
.select-wrapper.city {
  width: 80%;
  display: inline-block;
}

.select-wrapper:before {
    content: '\f0d7';
    font-family: "FontAwesome",var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", sans-serif;
    color: var(--black);
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 15px;
    pointer-events: none;
}

.tickettypeTooltip {
  background-color: var(--black);
  color: var(--white);
}

.tooltipTrigger {
  position: absolute;
  top: 12px;
  right: 15px;
  width: 19px;
  height: 19px;
  text-align: center;
  line-height: 22px;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0;
}

.ui-tooltip {
  font-size: 14px;
}

.ui-tooltip-content:before {
  content: "";
  position: absolute;
  bottom: -15px;
  right: 15px;
  border-width: 15px 15px 0;
  display: block;
  width: 0;
}

.ui-tooltip-content:after {
  content: "";
  position: absolute;
  bottom: -13px;
  right: 4px;
  border-width: 13px 13px 0;
  border-style: solid;
  border-color: var(--black) transparent;
  display: block;
  width: 0;
}

#publiclist_public_label span,
#publiclist_private_label span {
  right: 15px;
  top: 11px;
}

#ticketSystem_EVENT_label span,
#ticketSystem_TICKETTYPES_label span {
  right: 15px;
  top: 11px;
}

#recaptcha_eventSendlead iframe,
#recaptcha_eventVendorContact iframe {
  max-width: 100% !important;
  width: auto;
}

#recaptcha_eventVendorContact{
  margin-bottom: 20px;
}

#recaptcha_eventSendLead > div > div,
#recaptcha_eventSendLead  > div > div > iframe,
#recaptcha_eventVendorContact > div > div,
#recaptcha_eventVendorContact > div > div > iframe {
  max-width: 100%;
  width: auto !important;
}
#recaptcha_eventSendLead > div > div {
  width: auto !important;
  max-width: 100%;
  height: auto !important;
}

#sidebar_right {
  visibility:hidden;
}
#sidebar_right.visible {
  visibility: visible;
}

#recaptcha_eventTipOff,
#recaptcha_eventSendLead,
#recaptcha_eventVendorContact {
  overflow: hidden;
  margin-bottom: 20px;
}

.sidebar.right {
  top: 0;
  right: 0;
  bottom: 0;
  width: 270px;
  background: var(--white);
  /*
  overflow: auto;
  */
}

.sidebar.right .sp-container {
  border: 0;
  background: transparent;
  padding-left: 0;
  overflow: visible;
  width: 100%;
}
.sidebar.right .sp-picker-container {
  padding-left: 0;
  width: 100%;
}

.sidebar {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.64);
  position: fixed;
  color: var(--white);
  padding: 5px 20px 5px 20px;
  font-size: 2em;
  text-align: left;
}

#eventColorForm input[type="button"],
#eventColorForm input[type="submit"] {
  padding: 9px;
  width: -webkit-calc( 50% - 5px);
  width: -moz-calc( 50% - 5px);
  width: calc( 50% - 5px);
  margin-bottom: 10px;
}

#eventColorForm #closeSidebar,
#eventColorForm input[name="doEventColorSave"] {
  height: auto;
  border: 3px solid var(--black);
  float: left;
  margin-bottom: 20px;
  padding: 7px 5px;
  font-size: 12px;
}

#eventColorForm input[name="doEventColorSave"] {
  float: right;
}

#eventColorForm #closeSidebar:hover,
#eventColorForm input[name="doEventColorSave"]:hover {

  color: var(--white);
}

.sp-color,
.sp-hue {
  border: 0;
}

/**********************
Pagetype order
***********************/
.pagetype_order .iconHolder {
  margin-bottom: 10px;
  font-size: 75px;
}

.pagetype_order .ticketDownloadIcon.iconHolder {
  font-size: 80px;
}

.orderInfoBox p {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: bold;
}
.orderInfoBox span {
  font-style: italic;
  font-weight: normal;
}

.orderConfirmationBox,
.ticketsBox,
.receiptBox {
  padding: 0 15px;
  display: inline-block;
}
.pagetype_order .orderConfirmationBox a,
.pagetype_order .receiptBox a,
.pagetype_order .ticketsBox a {
  line-height: inherit;
}

.orderConfirmationBox a,
.ticketsBox a,
.receiptBox a {
  padding: 8px 20px;
  border: 0;
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", sans-serif;
  font-weight: 600;
}

.ticketsBox a:hover,
.receiptBox a:hover {
}


.double-pattern {
  width: 100%;
  height: 4px;
  border-bottom: 1px solid #b2b2b2;
  margin-bottom: 10px;
}

.double-pattern div {
  width: 100%;
  border-top: 1px solid #b2b2b2;
  padding-bottom: 1px;
}

.pagetype_order .orderEventInfo,
.pagetype_order .orderEventInfo p,
.pagetype_order .orderEventInfo ul {
  font-size: 16px;
}
.pagetype_order .orderEventInfo h2 {
  margin-bottom: 0;
}
.pagetype_order .orderEventInfo .title-wrap {
    padding: 0;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
    color: var(--white);
}

.pagetype_order .orderEventInfo .title-wrap {
  padding: 2px 5px;
}

.pagetype_order .orderEventInfo .schedule {
  letter-spacing: 1px;
}
.pagetype_order .orderEventInfo .event_address {
  font-style: italic;
}
.pagetype_order .orderEventInfo .event_time {
  font-size: 24px;
}
.pagetype_order .orderEventInfo .event_premises {
  font-weight: bold;
}
.pagetype_order .gmaps {
  margin-bottom: 20px;
}
.pagetype_order .eventTipOffBox,
.pagetype_order .eventVendorContactBox {
  margin-bottom: 10px;
}

.pagetype_order .eventSocials a.fbShare,
.pagetype_order .eventSocials a.twitterShare {
  width: -webkit-calc(50% - 5px);
  width: -moz-calc(50% - 5px);
  width: calc(50% - 5px);
  display: inline-block;
}
.pagetype_order .eventSocials a.fbShare {
  float: left;
}
.pagetype_order .eventSocials a.twitterShare {
  float: right;
}
.pagetype_order .vendorEventListInfoButton{
  position: relative;
  padding-right: 30px;
  height: auto;
  vertical-align: middle;
}
.pagetype_order .vendorEventListInfoButton span {
  font-size: 25px;
  position: absolute;
  top: 4pt;
  right: 10px;
  font-weight: bold;
  height: 100%;
  vertical-align: middle;
  line-height: 31px;
}

/***********************
order checkout
***********************/
.pagetype_order_checkout #approve_conditions_label {
  color: var(--color);
}

#approve_conditions_label span {
  cursor: pointer;
}

#create_account_label {
  margin-bottom: 20px;
}

#create_account_label:hover,
#create_account_label.selected {

  color: var(--white);
}

input[type="checkbox"]#create_account {
  display: none;
}

.checkout_create_text {
  color: var(--primary);
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 10px;
}

#orderConditionsButton {
  font-weight: bold;
}


/*****************************************
STATICPAGES
****************************************/
.pagetype_statictext05 input[type="text"],
.pagetype_statictext05 input[type="email"],
.pagetype_statictext05 textarea,
.pagetype_statictext05 input[type="submit"] {
  border-width: 2px;
}

.pagetype_statictext05 textarea {
  height: 140px;
}

.staticHeaderPicture {
  width: 100%;
  height: 400px;
  margin: 0;
  color: white;
  background-size: cover;
  background-position: center;
}
.staticHeaderPicture .overlay {
  background: rgba(0,0,0,0.5);
}
.staticHeaderPicture .eventHeaderInfoBoxHolder {
    padding-bottom: 0;
}

#staticHeaderSlide {
  width: auto;
  text-align: center;
  margin: auto;
  display: table-cell;
  vertical-align: middle;
  height: 400px;
}

#staticHeaderSlide h1,
#staticHeaderSlide h2,
#staticHeaderSlide h3,
#staticHeaderSlide h4,
#staticHeaderSlide h5,
#staticHeaderSlide h6 {
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue","roboto", sans-serif;
  color: white;
  margin-bottom: 5px;
  display: block;
  text-align: center;
}

#staticHeaderSlide p {
  font-weight:400;
  font-stretch:normal;
  font-size: 18px;
  text-align: center;
}
#staticHeaderSlide .overlay {

}
#staticHeaderSlide .button {
  color: white;
  border-color: var(--white);
  margin: 0 auto;
  border-width: 2px;
  font-size: 16px;
}

#staticHeaderSlide .button:hover {
  background: var(--white);
  color: var(--black);
}

[class*="pagetype_statictext"] #scrollToChart span {
  cursor: pointer;
}

[class*="pagetype_statictext"] .priceInfo {
  height: 467px;
}

[class*="pagetype_statictext"] .priceInfo > .row,
[class*="pagetype_statictext"] .priceInfo > .row > .columns {
  height: 467px;
}

.static_mockup {
  max-width: 80%;
}
.slashContainer {
  padding-left: 44px;
  position: relative;
}
.column-inner-l {
  padding-left: 100px;
}

.slashContainer img,
.slashContainer > .fa {
    width: 24px;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
}

.slashContainer .fa {
  width: auto;
  color: var(--primary);
}

[class*="pagetype_statictext"] .chartContainer {
  position: relative;
  width: 80%;
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

[class*="pagetype_statictext"] .ticketPriceInfo {
  max-width: 250px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

[class*="pagetype_statictext"] .ticketPriceInfo p {
  font-size: 18px;
}

[class*="pagetype_statictext"].ticketPriceInfo span.yellowLabel {
  max-width: 120px;
  width: 100%;
  background: var(--white);
  padding: 5px 10px;
  color: var(--primary);
  font-weight: bold;
}


[class*="pagetype_statictext"] .ticketPriceInfo span.priceLabel {
  float: left;
  max-width: 120px;
  width: 100%;
}

[class*="pagetype_statictext"] .ticketPriceInfo .clearfix span.yellowLabel {
  max-width: 120px;
  width: 100%;
  background: var(--white);
  padding: 5px 10px;
  margin-left: 10px;
  color: var(--primary);
  font-weight: bold;
  float: right;
}


[class*="pagetype_statictext"] .fullWidthBlurb {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  margin-bottom: 120px;
}

[class*="pagetype_statictext"] .fullWidthBlurb:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: auto;
  display: block;
  height: 110px;
  background: var(--primary);
  max-width: 50%;
}

[class*="pagetype_statictext"] .half_blurb:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  border-top: 110px solid transparent;
  border-right: 110px solid var(--body-bg);
}

[class*="pagetype_statictext"] .half_blurb {
  position: relative;
  width: 50%;
  height: 110px;
  text-align: left;
  color: white;
  background-color: var(--primary);
  display: inline-block;
  padding-left: 0.9375rem;
}

[class*="pagetype_statictext"] .half_blurb .inner {
  top:50%;
  position: relative;
  -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
          transform: translateY(-50%);
}

[class*="pagetype_statictext"] .half_blurb *,
[class*="pagetype_statictext"] .half_blurb h2,
[class*="pagetype_statictext"] .half_blurb a {
  color: white;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.2;
}


[class*="pagetype_statictext"] .categoryList.row {
  width: 100%;
  max-width: none;
  margin: 0;
}

[class*="pagetype_statictext"] .categoryList .category {
  position: relative;
  height: 350px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

[class*="pagetype_statictext"] .categoryList .category > a.full {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  color: #010101;
  background: rgba(250, 250, 250, 0.8);
  -webkit-transition: 200ms all ease-in-out;
  -moz-transition: 200ms all ease-in-out;
  -ms-transition: 200ms all ease-in-out;
  -o-transition: 200ms all ease-in-out;
  transition: 200ms all ease-in-out;
}
[class*="pagetype_statictext"] .categoryList .buttonHolder> a.button {
  border-color: var(--white);
  border-width: 2px;
  color: var(--white);
  margin-bottom: 0;
  width: auto;
}
.menuItem-semi-primary {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 5pt;
}

.menuItem-primary { 
  color: white;
  border-radius: 5pt;
}
[class*="pagetype_statictext"] .categoryList .overlay {
  background: rgba(0,0,0, 0.5);
  display: block;
  height: 100%;
}

[class*="pagetype_statictext"] .categoryList .buttonHolder {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

[class*="pagetype_statictext"] .categoryList .buttonHolder > a.button:hover {
  color:#000;
  background: var(--white);

}

[class*="pagetype_statictext"] .categoryList .category > a.full:hover {
  opacity: 1;
}


[class*="pagetype_statictext"] .categoryList .categoryInfo.full {
  display: inline-block;
  height: auto;
  text-align: center;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

[class*="pagetype_statictext"] .categoryList .category > a .categoryInfo h3,
[class*="pagetype_statictext"] .categoryList .category > a .categoryInfo p {
  color: #010101;
  margin-bottom: 0;
}
[class*="pagetype_statictext"] .categoryList .category > a .categoryInfo h3 {
    margin-bottom: 5px;
}
[class*="pagetype_statictext"] .categoryList .category > a .categoryInfo p:after {
  content: "";
  display: block;
  height: 4px;
  width: 20px;
  background: var(--primary);
  margin: 10px auto 0 auto;
}
[class*="pagetype_statictext"] .categoryList .fa {
  padding: 14px 16px;
  background: var(--primary);
  color: var(--white);
  font-size: 28px;
  position: absolute;
  bottom: 0;
  right: 0;
}
[class*="pagetype_statictext"] .categoryList .small-6 .categoryInfo {
  right: 0;
  left: 0;
  padding-left: 10px;
  padding-right: 10px;
}


.pagetype_statictext05 input[type="submit"] {
  padding: 8px 20px;
  height: auto;
  font-size: 14px;
  border-width: 2px;
  -webkit-transition: 300ms all ease-in-out;
  -moz-transition: 300ms all ease-in-out;
  -ms-transition: 300ms all ease-in-out;
  -o-transition: 300ms all ease-in-out;
  transition: 300ms all ease-in-out;
}
.pagetype_statictext05 input[type="submit"]:hover {

  color: var(--white);
}

.blurbType_icon {
  text-align: center;
  -webkit-transition: all ease-in-out 300ms;
  -moz-transition: all ease-in-out 300ms;
  -ms-transition: all ease-in-out 300ms;
  -o-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.blurbType_icon .inner {
  padding: 0 30px;
}

.blurbType_icons .icon-outer {
  background: var(--white);
  display: block;
  margin: 0 auto 20px auto;
  border-radius: 50%;
  border: 2px solid var(--white);
  overflow: hidden;
  width: 100px;
  height: 100px;
  background: var(--white);
  padding: 5px;

  -webkit-transition: all ease-in-out 300ms;
  -moz-transition: all ease-in-out 300ms;
  -ms-transition: all ease-in-out 300ms;
  -o-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.blurbType_icons .icon-inner {
  display: block;
  height: 100%;
  background: var(--light-grey);
  border-radius: 50%;

  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);

  -webkit-transition: all ease-in-out 300ms;
  -moz-transition: all ease-in-out 300ms;
  -ms-transition: all ease-in-out 300ms;
  -o-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.blurbType_icons .fa {
  color: var(--primary);
  font-size: 38px;
  line-height: 86px;

  -webkit-transition: all ease-in-out 300ms;
  -moz-transition: all ease-in-out 300ms;
  -ms-transition: all ease-in-out 300ms;
  -o-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.blurbType_icon:hover {
  -webkit-transition: all ease-in-out 300ms;
  -moz-transition: all ease-in-out 300ms;
  -ms-transition: all ease-in-out 300ms;
  -o-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.blurbType_icon:hover .icon-outer {
  color: var(--white);
  border-color: var(--primary);
}
.blurbType_icon:hover .fa {
  color: var(--white);
}
.blurbType_icon:hover .icon-inner {
  background: var(--primary);
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;

}


/********************
Staff Personal
*********************/
.staffImg {
  min-height: 260px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  margin-bottom: -webkit-calc(0.9375rem * 2);
  margin-bottom: -moz-calc(0.9375rem * 2);
  margin-bottom: calc(0.9375rem * 2);
  position: relative;
}

.staffImg .overlay {
  color: var(--white);
  opacity: 0;
  height: -webkit-calc(100% - 40px);
  height: -moz-calc(100% - 40px);
  height: calc(100% - 40px);

  width: -webkit-calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  width: calc(100% - 40px);
  background: rgba(231, 179, 56, 0.7);
  margin: 0 auto;
  position: absolute;
  top: 20px;
  left: 20px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.staffImg:hover .overlay {
  opacity: 1;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.staffContentHolder {
  position: relative;
  height: 100%;
}

.staffContent {
  padding: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.staffContent:before {
  content: "";
  background: var(--white);
  height: 4px;
  width: 20px;
  display: block;
  margin-bottom: 10px;
}

.staffContent p {
  margin-bottom: 5px;
  line-height: 1;
}


.staffContent .name {
  font-size: 14px;
  letter-spacing: 0.5px;
}

/********************
Expanders
*********************/
.expand-heading {
  border: 2px solid var(--black);
  padding-right: 35px;
  margin-bottom: 10px;
  position: relative;
}


.expand-heading h3 {
  padding: 5px 10px;
  margin-bottom: 0;
  border-right: 2px solid var(--black);
  font-size: 14px;
}

.expand-heading.expanded,
.expand-heading:hover {
  cursor: pointer;

}

.expand-heading.expanded h3 {
  background: var(--white);
}

.expand-heading:hover h3 {
  background: var(--white);
}

.expand-heading:hover:after {
  color: var(--white);
}

.expand-heading:after {
  content: "\f067";
  font-family: 'fontAwesome';
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.expand-heading.expanded:after {
  content: "\f068";
  color: var(--white);
}

.expand-content {
  display: none;
  padding-bottom: 20px;
}

#feedbackDialog {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right:0;
  height: 100%;
  width: 100%;
  background: rgba(0,0,0, 0.7);
  z-index: 999999;
  text-align: center;
}

#feedbackDialog textarea {
  max-width: 100%;
}
#feedbackFormBox {
  max-width: 393px;
}

#feedbackDialog .fa.close {
  position: absolute;
  right: -38px;
  top: -13px;
  color: var(--white);
  cursor: pointer;
  z-index: 999999999;
  font-size: 26px;
}

#feedbackDialog .holder {
  background: var(--white);
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 600px;
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

#feedbackDialog .padded-small {
  padding-left: 20px;
  padding-right: 20px;
}
.feedBackBtnHolder {
  position: absolute;
  top: 0;
  left: auto;
  height: 100%;
  padding-left: 60px;
}
.feedBackBtnHolder span {
  display: block;
  margin-bottom: 0;
  font-size: 24px;
  margin-bottom: 10px;
}

#feedbackDialog h3 {
  font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight:300;
  font-stretch:normal;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#feedbackDialog h3:after,
.feedBackBtnHolder h3:after {
  content:"";
  display: block;
  margin: 10px auto 0 auto;
  width: 30px;
  height: 3px;
  background: var(--primary);
}
.feedBackBtnHolder .button {
  height: auto;
}
.feedBackBtnHolder .button:hover {

  color: var(--white);
}


.innerTicket {
  position: absolute;
  height: 100%;
  display: block;
  width: 44px;
}
.innerTicket .inner {
  position: absolute;
  background: var(--white);
  width: 35px;
  height: -webkit-calc(100% + 4px);
  height: -moz-calc(100% + 4px);
  height: calc(100% + 4px);
  top: -2px;
  bottom: -2px;
  left: 0;
}

.innerTicket.top-bottom-left .inner {
  left: auto;
  right: 0;
}

.top-bottom-right:before {
  content: "";
  display: block;

  height: 34.5px;
  width: 44.5px;

  position: absolute;
  right: 0;
  bottom: -34.5px;
  z-index: 9999;

  background-image: url('/images/down-right@2x.png');
  background-size: 44.5px 34.5px;
  background-repeat: no-repeat;
}
.top-bottom-right:after {
  content: "";
  display: block;

  height: 34.5px;
  width: 44.5px;

  position: absolute;
  right: 0;
  top: -34.5px;

  background-image: url('/images/up-right@2x.png');
  background-size: 44.5px 34.5px;
  background-repeat: no-repeat;
}

.top-bottom-right {
  top: 34.5px;
  bottom: 34.5px;
  right: -43px;
  height: -webkit-calc(100% - 69px);
  height: -moz-calc(100% - 69px);
  height: calc(100% - 69px);

  background-image: url('/images/sicksack-right@2x.png');
  background-repeat: repeat-y;

  -webkit-background-size: 44.5px 229px;
  background-size: 44.5px 229px;

}

.top-bottom-left {
  top: 34.5px;
  left: -43px;
  height: -webkit-calc(100% - 69px);
  height: -moz-calc(100% - 69px);
  height: calc(100% - 69px);
  background-repeat: repeat-y;
  background-image: url('/images/sicksack-left@2x.png');
  -webkit-background-size: 44.5px 229px;
  background-size: 44.5px 229px;
  width: 44.5px;
}

.top-bottom-left:before {
  content: "";
  display: block;

  height: 34.5px;
  width: 44px;

  position: absolute;
  left: 0;
  bottom: -34.5px;
  z-index: 9999;

  background-image: url('/images/down-left@2x.png');
  background-size: 44.5px 34.5px;
  background-repeat: no-repeat;
}
.top-bottom-left:after {
  content: "";
  display: block;

  height: 34.5px;
  width: 44px;

  position: absolute;
  left: 0;
  top: -34.5px;

  background-image: url('/images/up-left@2x.png');
  background-size: 44px 34.5px;
  background-repeat: no-repeat;
}

/*.innerTicket.left-right:before {
  content: "";
  height: calc(100% - 34.5px * 2);
  display: block;
  position: absolute;

  top: 34.5px;
  left: -44px;

  width: 44px;
  background-image: url('/images/sicksack-left@2x.png');
  background-size: 44px 229px;
}

.innerTicket.left-right:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  width: 44px;
  right: -44px;
  background-image: url('/images/sicksack-right@2x.png');
  background-size: 44px 229px;
}
*/


#hasCompanyBox {
  margin-top: 40px;
  margin-bottom: 20px;
  text-align: center;
}

.hasCompanyButton {
  width: auto;
  border: 2px solid var(--black);
  background-color: var(--white);
  color: var(--black)000;
}

.hasCompanyButtonActive:hover,
.hasCompanyButtonActive {
  background-color: var(--black)000;
  color: var(--white);
}
.tickettypeListName {
  display: inline-block;
  font-weight: bold;
  font-size: 0.9em;
}



.tickettypeListPriceBox {
  float: left;
}

.tickettypeListNbrBox {
  float: right;
}

.tickettypeListNbrBox input {
  margin-bottom: 0px !important;
}

.tickettypeListPrice {
  display: inline-block;
  font-weight: bold;
  font-size: 2.0em;
}

.tickettypeListVat {
  display: inline-block;
  font-style: italic;
  font-size: 0.9em;
  margin-left: 5px;
}

#tickettypes_name {
  margin-bottom: 2px;
}



.joyride-modal-bg {
  background: rgba(0, 0, 0, 0.7);
}

/*.joyride-tip-guide {
  width: 410px;
  border-radius: 5px 5px 5px 5px;
  background: #171717;
  background: transparent;
  border-top: 20px solid transparent;
}*/

.shepherd-element.shepherd-theme-arrows .shepherd-content header a.shepherd-cancel-link {
  opacity: 1;
  font-weight: bold;
  color: var(--white);
}

.shepherd-element.shepherd-theme-arrows {
  width: 410px;
  border-radius: 5px 5px 5px 5px;
  background: #171717;
  background: transparent;
  border-top: 20px solid transparent;
  z-index: 99999;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content header {
  background: var(--primary);
  height: 60px;
  background-image: url('/images/signbud-icon.png');
  background-repeat: no-repeat;
  -webkit-background-size: 21.5px 50%;
  background-size: 21.5px 50%;
  background-position: 15px center;
}
.shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content header {
  background: #171717;
  padding: 0 1em;
}

.shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content header h3 {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  margin: 0;
  color: var(--white);
  line-height: 60px;
}
.shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content header h3 span {
  padding-right: 10px;
}
.shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content header a.shepherd-cancel-link {
  line-height: 60px;
}
.shepherd-element.shepherd-theme-arrows .shepherd-content h1,
.shepherd-element.shepherd-theme-arrows .shepherd-content h2,
.shepherd-element.shepherd-theme-arrows .shepherd-content h3,
.shepherd-element.shepherd-theme-arrows .shepherd-content h4,
.shepherd-element.shepherd-theme-arrows .shepherd-content h5 {
  color: var(--black);
  margin-bottom: 10px;
  margin-top: 30px;
}
.shepherd-element.shepherd-theme-arrows .shepherd-content p {
  color: #9e9e9e;
  font-size: 14px;
}
.shepherd-element.shepherd-theme-arrows .shepherd-content .textContent {
  text-align: center;
  margin-bottom: 40px;
}
.shepherd-element.shepherd-theme-arrows .shepherd-content .textContent h3 {
  font-size: 16px;
}
.shepherd-element.shepherd-theme-arrows .shepherd-content form {
  margin-bottom: 40px;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons {
  text-align: center;
}


a.small.button.joyride-next-tip {
  margin-right: 5px;
  background: var(--white);
  font-size: 10px;
  padding: 0 10px;
  height: 30px;
  line-height: 27px;
}
a.small.button.joyride-next-tip:hover {

  color: var(--white);
}
.joyride-inner {
  margin-bottom: 20px;
}
.shepherd-text {
  text-align: center;
}

/*********
Joyride 2
**********/
.joyride-content-wrapper .top-bar-header {
  background: #171717;
  height: 61px;
  margin-top: -1.125rem;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  border-radius: 5px 5px 0 0;
}

.shepherd-element.shepherd-theme-arrows[data-id="step1"] .half {
  width: 50%;
  float: left;
  text-align: left;
}
.shepherd-element.shepherd-theme-arrows[data-id="step1"] .shepherd-text {
  background-image: url('/images/image-2.png');
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 260px;
  text-align: center;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before,
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-content:before,
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before,
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before {
  border-bottom-color: #171717;
}
/*********
Joyride 3
**********/
.top-full-bg {
  margin-top: -1em;
  margin-left: -1.25rem;
  margin-right: -1.25rem;

  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

/************************
Joyride 4/5 //mitt konto
***********************/
.shepherd-element.shepherd-theme-arrows[data-id="step4"] .shepherd-text {
  background-image: url('/images/image-5.png');
  background-repeat: no-repeat;
  background-position: left 70px;
  background-size: auto 260px;
}

.shepherd-text .half-right {
  width: 50%;
  float: right;
  text-align: left;
}

#shepherdBox_06 .joyride-inner {
  margin-bottom: 0;
}

#tourOverlay {
  background: rgba(0,0,0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

.row.activatePayments {
  background: var(--white);
  margin-top: -50px;
  border-top: 8px solid var(--black);
  margin-bottom: 50px;

  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.row.activatePayments .messageBox {
  background: var(--white);
  margin-bottom: 10px;
}
.row.activatePayments .messageBox:before {
  content:"";
  display: none;
}
.activatePayments .button_dashboard.dashboardButtonType_vendor_event {
  display: inline-block;
  margin-top: 20px;

  color: var(--black) !important;
  border: 0;
  position: relative;
  height: auto;
  border-radius: 2px;
  font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", "Helvetica", sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
}
.activatePayments .button_dashboard.dashboardButtonType_vendor_event:hover {
  background: #191919;
}

.activatePayments .fa {
  font-size: 50px;
  padding-bottom: 20px;
  color: var(--primary);
}


.show-for-small-custom {
  display: none;
}
.hide-for-small-custom {
  display: block;
}

.topmenu_full_mobile,
.small_menubar_full {
  display: none;
}


@media only screen and (max-width: 720px) {
  .hide-for-small-custom {
    display: none;
  }
  .show-for-small-custom {
    display: block;
  }
  .promotion .button.visit {
    padding: 0 5px;
  }
}
.payment-icon {
  font-size: 26pt !important;

}
.paymenttypeBox .swish-icon {
  background: url('/images/swish.png');
  background-repeat: no-repeat;
  height: 36pt;
  display: inline-block;
  width: 36pt;
  background-size: contain;
}
/*
@media screen and (prefers-color-scheme: dark) {
  .swish-icon {
    filter: invert(1) hue-rotate(180deg);
  }
}*/
@media only screen and (max-width: 641px) {

  .stop-scrolling {
    height: 100%;
    overflow: hidden;
  }
  .stop-scrolling .ui-dialog-content {
    overflow: scroll;
  }

  .header-slider li {
  }

  .stickyfooter {
    width: 100%;
    display: block;
    text-align: center;
    position: fixed;

    left: 0;
    bottom: 0;
    color: var(--white);
    z-index: 9999;
    padding: 12px;
    font-size: 16px;
    font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", "Helvetica", sans-serif;
    font-weight: bold;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  }

  .stickyfooter span {
    padding-left: 10px;
  }

  .stickyfooter:hover {
    color: var(--white);
  }

  .tickettypesBox input[type="submit"]#doEventOrder {
      display: inline-block;
      width: auto;
      float: right;
  }
  .tickettypesBox .eventTableHeaderRow {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .statistics {
    padding-bottom: 0;
  }

  .statistics .small-12 {
    color: var(--black);
    padding: 20px;
    padding-bottom: 30px;
    margin-bottom: 20px;
    padding-left: 0;
  }

  .statistics h3 {
    color: var(--black);
  }

  .header_full .socials,
  .header_full .login_holder  {
    float: right;
    margin-bottom: 5px;
  }
  .ui-dialog {
    max-width: 100%;
  }
  .ui-widget-overlay {
    opacity: 0.7;
  }

  .searchEventNameHolder,
  .searchEventNameHolder input {
    max-width: 100%;
    width: 100%;
  }
  .searchEventNameHolder {
    margin-top: 20px;
  }
  .sm-simple.mobile > li {
    display: block;
    color: var(--white);
  }

  .sm-simple.mobile > li a {
    color: var(--white);
  }
  .tableLabel {
    margin-right: 5px;
    display: inline-block !important;
    font-weight: bold;
  }

  .pagetype_vendor_invoices input[type="submit"].search_button,
  .vendorEventListForm input[type="submit"] {
    margin-right: 0;
    margin-top: 0;
  }

  #vendorEventListForm ul.sm-simple li {
    border-top: 0px;
  }

  .dashboard_menu_row {
      padding: 30px 0;
  }
  .header_full {
    display: block;
  }
  .tableLabel {
    margin-right: 5px;
    display: inline-block !important;
    font-weight: bold;
  }

  #vendorEventListForm ul.sm-simple li {
    border-top: 0px;
  }

  .tickettypeListPrice {
    font-size: 1.7rem;
  }
  .tickettypeListVat {
    display: block;
  }
  #frontpageLoginForm .approval .right,
  #frontpageLoginForm .approval .right .submitLabel,
  #frontpageTab_register .approval .right,
  #frontpageTab_register .approval .right .submitLabel {
    float: none !important;
    text-align: center;
  }

  #frontpageLoginForm .approval .right .submitLabel,
  #frontpageTab_register .approval .right .submitLabel {
    margin-top: 25px;
  }

  #mainDivPageType_vendor_eventinfo .vendorTableRowOdd,
  #mainDivPageType_vendor_eventinfo .vendorTableRowEven,
  #mainDivPageType_vendor_eventinfo .vendorTableHeaderRow,
  #mainDivPageType_vendor_eventinfo .vendorTableFooterRow,

  #mainDivPageType_vendor_invoices .vendorTableHeaderRow,
  #mainDivPageType_vendor_invoices .vendorTableFooterRow,
  #mainDivPageType_vendor_invoices .vendorTableRowOdd,
  #mainDivPageType_vendor_invoices .vendorTableRowEven,

  #mainDivPageType_buyer_orders .vendorTableHeaderRow,
  #mainDivPageType_buyer_orders .vendorTableFooterRow,
  #mainDivPageType_buyer_orders .vendorTableRowOdd,
  #mainDivPageType_buyer_orders .vendorTableRowEven,

  #mainDivPageType_vendor_eventlist .vendorTableHeaderRow,
  #mainDivPageType_vendor_eventlist .vendorTableFooterRow,
  #mainDivPageType_vendor_eventlist .vendorTableRowOdd,
  #mainDivPageType_vendor_eventlist .vendorTableRowEven {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }

  #mainDivPageType_vendor_eventinfo .vendorTableRowOdd .right,
  #mainDivPageType_vendor_eventinfo .vendorTableRowEven .right {
    float: left !important;
  }

  .vendorTableRowOdd .ta-r,
  .vendorTableRowEven .ta-r,
  .vendorTableHeaderRow .ta-r,
  .vendorTableHeaderRow .ta-r,
  .vendorTableFooter .ta-r,
  .vendorTableFooterRow .ta-r {
    text-align: left;
  }

  .columns.small-no-pd {
    padding-left: 0;
    padding-right: 0;
  }

  .header_full {
    padding: 20px 15px;
    height: 110px;
  }
  .header_full .fa {
    line-height: 70px;
  }

  .header-slider .inputError,
  .header-slider #inputMessage.inputError,
  .header-slider .passwordStrength_veryweak,
  .header-slider .passwordStrength_weak,
  .header-slider .passwordStrength_medium,
  .header-slider .passwordStrength_strong,
  .header-slider .passwordStrength_verystrong {
    height: 15px;
    line-height: 8px;
  }
  .eventListHeight {
    margin: 0 auto;
  }
  .header-slider #eventsearch_mainCatButton {
    margin-bottom: 10px;
    line-height: 21px;
  }
  .header-slider .select-wrapper:before {
    top:23px;
  }
  .header-slider .eventsearch_mainCatBox {
    margin-bottom: 10px;
  }

  #eventsearchForm .ta-r {
    text-align: center;
  }
  #eventsearchForm .ta-r  .submitLabel {
    float: none;
    margin-bottom: 0;
    vertical-align: bottom;
  }

  .header-slider input[type="submit"].clear_button {
    margin-right: 10px;
    padding-right: 10px;
    margin-bottom: 0;
    vertical-align: bottom;
  }

  .vendorInvoicesForm .sm a,
  #vendorEventListForm .sm a {
    font-size: 14px;
  }

  .vendorEventListInfoButton:only-child {
    margin-right: 0;
  }


  /*****************************************
  pagetype_event pagetype event Eventsidan
  ****************************************/

  .orderConfirmationBox {
    margin-bottom: 34px;
  }

  #mainEventDiv {
    padding-bottom: 20px;
  }

  .eventHeaderInfoBoxHolder {
      width: auto;
      margin: 0 auto;
      height: auto;
      padding-bottom: 20px;
  }

  .eventHeaderPicture {
    height: auto;
  }

  .eventMainPicture {
    width: -webkit-calc(100% + 30px);
    width: -moz-calc(100% + 30px);
    width: calc(100% + 30px);
    max-width: 400px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-left: -15px;
  }

  .eventAside .eventMainPicture {
    margin-bottom: 20px;
  }

  .hide-for-small-customs {
    display: none;
  }

  .eventHeaderInfoBoxHolder .endDate,
  .eventHeaderInfoBoxHolder .startDate {
    display: block;
    line-height: 1;
  }
  .eventHeaderInfoBoxHolder .endDate {
    margin-bottom: 10px;
  }
  .small-block {
    padding-right: 10px;
  }
  .pagetype_ticketlist .tickettypeListLeftBox:before, .pagetype_event .tickettypeListLeftBox:before {
    content: "";
    position:static;
    right: 0;
    top: 0;
    border-top: 0 solid transparent;
    border-right: 0 solid var(--white);
  }
  .ticketCodeBox {
    margin-top: 20px;
  }

  #eventHeaderInfoBox {
    width: auto;
    height: auto;
    display: block;
    padding-top: 30px;
  }
  .title-wrap {
    display: inline-block;
    background: var(--white);
    padding: 5px 12px;
    font-size: 18px;
  }

  .lonely_date .event_date {
    font-size: 18px;
  }
  .lonely_date .event_time {
    font-size: 28px;
  }
  .eventHeaderBox .event_address {
    font-size: 18px;
  }
  #eventHeaderInfoBox .placeinfo {
    line-height: 1;
  }

  .eventViewModeBox .button_dashboard,
  .eventViewModeBox #toggleSidebar {
    display: block;
    margin-right: 0px;
    width: 100%;
    margin-bottom: 10px;
    float: none;
  }
  .vendorEventListInfoButton {
    margin-bottom: 5px;
  }
  .pagetype_event .availableTickettypesBox {
    padding-left: 15px;
    padding-right: 15px;
  }
  .pagetype_event .tickettypeListLeftBox {
    margin-right: 0;
  }
  .pagetype_event .tickettypeListRightBox {
    border: 0;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .pagetype_event .eventSubmitBox {
    margin-right: 0;
    width: 100%;
    padding-bottom: 0;
  }
  .tickettypeListRightBox .borders {
    border: 0;
    padding: 0;
  }

  .eventAside,
  .pull-right .right-inner {
    padding-left: 0;
    padding-right: 0;
  }

  .submitLabel {
    margin-bottom: 10px;
  }


  .ticketCodeHolder {
    margin-top: 30px;
  }

  .pagetype_dashboard .button_dashboard,
  .pagetype_recruitmentpanel .button_panel {
    padding: 10px;
    height: auto;
  }

  .pagetype_dashboard [class$="_menu_row"] .half,
  .pagetype_recruitmentpanel [class$="_menu_row"] .half,
  .pagetype_dashboard [class$="_menu_row"] .medium-12.small-12.columns,
  .pagetype_recruitmentpanel [class$="_menu_row"] .medium-12.small-12.columns,
  .pagetype_recruitmentpanel [class$="_menu_row"] .button_panel,
  .pagetype_dashboard [class$="_menu_row"] .button_dashboard {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  #publiclist_public_label,
  #publiclist_private_label {
    margin-bottom: 10px;
  }
  #ticketSystem_EVENT_label,
  #ticketSystem_TICKETTYPES_label {
    margin-bottom: 10px;
  }

  .button.visit {
    max-width: 50%;
  }
  #eventUrl {
    width: 50%;
  }
  #orderValidTo {
    float: none;
    text-align: center;
    font-size: 20px;
  }
  .orderValidToButtonBox {
    float: none;
  }
  #availableTickettypesBox .tickettypeLabel {
    min-width: 0;
  }
  .eventTextBox {
    min-height: 0;
  }
  .eventSocials {
      margin-bottom: 20px;
  }

  .staffImg {
    width: 100%;
    height: 100%;
    min-height: 0;
  }
  .staffImg:after {
    content: "";
    padding-bottom: 100%;
    display: block;
  }

  .eventButtonDraft,
  .eventButtonPublish {
    padding: 8px 10px;
  }

  .ticketCreation {
    margin-bottom: 20px;
  }

  [class*="pagetype_statictext"] .priceInfo > .row,
  [class*="pagetype_statictext"] .priceInfo > .row > .columns,
  [class*="pagetype_statictext"] .priceInfo {
    height: auto;
  }
  [class*="pagetype_statictext"] .ticketPriceInfo,
  [class*="pagetype_statictext"] .chartContainer {
    position: static;
    top: auto;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    transform: none;
  }
  [class*="pagetype_statictext"] .ticketPriceInfo {
    padding-top: 60px;
    margin-bottom: 20px;
  }
  [class*="pagetype_statictext"] .chartContainer {
    padding-bottom: 60px;
  }

  .blurbType_icons.mb-large {
    margin-bottom: 0;
  }

  .functions-faicons h3.light {
    margin-bottom: 30px;
  }

  .mb-large.core-competences {
    margin-bottom: 30px;
  }
  .padded.padded-nb {
    padding-top: 30px;
  }
  .padded.special-pdb {
    padding-top: 30px;
    padding-bottom: 15px;
  }
  .va-m-abs {
    margin-bottom: 0;
  }
  .row.mb.padded {
    margin-bottom: 0;
  }
  .padded-large {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .mobile-br span{
    display: block;
  }

  .static_mockup {
    margin: 0 auto;
  }

  img.coinsAt2x {
    margin-bottom: 20px;
    display: inline-block;
  }
  .column-inner-l,
  .slashContainer {
    padding-left: 0;
  }
  .pagetype_statictext02 .column-inner-l {
    text-align: center;
  }
  .slashContainer .slash {
    display: none;
  }
  .pagetype_statictext03 .row .row {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }

  .feedBackBtnHolder {
    padding-left: 0;
    height: auto;
    position: static;
    top: auto;
  }

  #feedbackDialog .holder .padded-small {
    padding: 20px 0;
  }

  .feedBackBtnHolder .va-m {
    position: static;
    top: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  #feedbackDialog .holder {
    max-width: 70%;
    margin: 0 auto;
  }
  #feedbackFormBox {
    max-width: 100%;
  }
  .quote-header {
    display: none;
  }

  .mobile-left {
    float: left;
  }
  .mobile-right {
    float: right;
  }

  [class*="pagetype_statictext"] .categoryList .category > a.full {
    opacity: 1;
    background: rgba(0, 0, 0, 0.6);
    color: var(--white);
  }
  [class*="pagetype_statictext"] .categoryList .categoryInfo.full,
  [class*="pagetype_statictext"] .categoryList .category > a .categoryInfo p,
  [class*="pagetype_statictext"] .categoryList .category > a .categoryInfo h3 {
    color: var(--white);
  }

  .functions-faicons .slashContainer > h3 {
    padding-left: 30px;
  }
  .functions-faicons > .medium-8.columns {
    padding-left: 0;
    padding-right: 0;
  }

  .staffImg .overlay {
    opacity: 1;
    min-height: 82px;
    height: auto;
    position: absolute;
    bottom: 20px;
    top: auto;
  }
  .staffContent {
    position: static;
  }

  .gmapsBoxAddress,
  .gmaps {
    width: -webkit-calc(100% + 30px);
    width: -moz-calc(100% + 30px);
    width: calc(100% + 30px);
    margin-left: -15px;
  }

  .googlemap,
  .gmaps {
    height: 250px;
  }
  .pagetype_event #main {
    padding-top: 15px;
    padding-bottom: 0
  }
  .eventWrapper {
    margin-bottom: 15px;
  }
  #eventHeaderBox {
    padding-bottom: 30px;
  }
  .pagetype_ticketlist .tickettypeListLeftBox, .pagetype_event .tickettypeListLeftBox {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -15px;
  }
  .pagetype_order .pageWrapper {
    padding: 0;
    padding-top: 30px;
  }
  .pagetype_order .gmaps {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .pagetype_order .iconHolder {
    text-align: center;
  }
  .ticketHolder.ta-r,
  .ticketUpdates.ta-r {
    text-align: left;
  }
  .vendorTableRowOdd .title,
  .vendorTableRowEven .title {
    margin-bottom: 10px;
  }

  .vendorTableRowOdd p,
  .vendorTableRowEven p {
    margin-bottom: 10px;
  }

  #dashboard-menu-mobile li:nth-child(even) a {
    margin-right: 0 !important;
    float: right;
  }
  #dashboard-menu-mobile li a {
    margin-bottom: 10px;
  }

  .menuItem.search {
    display: none;
  }
  .eventFooterPicture {
    background-position: center;
  }

  #headline_conditions h3 {
    visibility: hidden;
  }

  #headline_conditions .mb {
    text-align: center;
    margin-bottom: 0;
  }

  #mainDivPageType_order_checkout #doOrderCheckout {
    margin-top: 20px;
    float: none !important;
  }

  .promoteSeoContactBox,
  .promoteDesignContactBox {
    width: -webkit-calc(100% + 30px);
    width: -moz-calc(100% + 30px);
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
  }

  div#invitationBox form {
    max-width: 100%;
  }

}

@media only screen and (min-width: 642px) {

  .login_holder {
    display: flex;
    background: transparent;
    vertical-align: top;
    width: auto;
    margin-top: 12px;
  }
  .login_holder li {
    list-style: none;
  }

  .login_holder .menuItem {
    position: relative;
    display: inline-block;
    width: auto;

    margin: 0px 10px;
    margin-left: 0;

    padding: 0px 0px;
    padding-left: 0;
  }

  .login_holder .menuItem a {
    padding: 10px 10px;
    display: inline-block;
  }

  .login_holder .menuItem:last-child {
    margin-right: 0;
  }

  .login_holder .sm-simple {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", sans-serif;
    vertical-align: bottom;
    height: auto;
  }
  .login_holder .menuItem a,
  .login_holder .sm-simple a {
    font-size: 14px;
    border-radius: 2px;
    font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight:400;
    font-stretch:normal;
  }

  .login_holder .sm-simple ul.sm-nowrap li {
    display: block;
    width: 100%;
    border-radius: 0;
    text-align: left;
  }

  .login_holder .sm-simple ul.sm-nowrap li a {
    border-radius: 0;
  }

  .login_holder .menuItem a:hover,
  .login_holder .sm-simple a:hover,
  .login_holder .sm-simple a.active:hover,
  .login_holder .menuItem a.active,
  .login_holder .sm-simple a.active
  {
    color: var(--primary);
  }

  .login_holder .menuItem a:hover,
  .login_holder .sm-simple a:hover {
    color: var(--primary);
  }

  .login_holder .sm-simple ul {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  }
  .login_holder .sm-simple ul a {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
  }

  .login_holder .sm-simple ul a:hover {
    background: var(--light-grey);
    color: var(--black);
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
  }

  .login_holder .menuItem.search a {
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #171717;
    color: var(--white);
    font-family: var(--font-family), "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", "Helvetica", sans-serif;
    font-size: 12px;
  }

  .login_holder .menuItem.search a:hover {
    background: var(--white);
  }

  .login_holder .menuItem a .fa {
    padding-left: 10px;
  }

  .login_holder [id^="top-menu"].sm-simple  {
    vertical-align: middle;
    margin: 0px 10px;
    margin-left: 0;
    padding: 10px 10px;
    padding-left: 0;
    text-decoration: underline !important
  }

  .login_holder [id^="top-menu"].sm-simple > li > a {
    padding: 5px 15px;
  }

  .login_holder [id^="top-menu"].sm-simple > li a.has-submenu {
    padding-right: 32px;
  }

  .tableLabel {
    display: none !important;
  }

  .vendorTableFooterRow,
  .eventTableFooterRow {
    border-top: 2px solid var(--black);
    border-bottom: 4px solid var(--primary);
    padding: 10px 0;
  }

  .header_full {
    display: block;
  }
  .header_full > .row {
    min-height: 70px;
  }

  .header-slider .caption {
    padding: 80px;
  }
  .pagetype_frontpage .header-slider,
  .pagetype_frontpage ul.videoslide,
  .pagetype_frontpage video,
  .pagetype_frontpage .videoslide video,
  .pagetype_frontpage .jumbotron,
  .pagetype_frontpage .header-slider .cell {
    aspect-ratio: 16/7 !important;
  }

  .pagetype_frontpage .header-slider .caption {
    position: absolute;
    padding: 0;
  }

  video,
  .videoslide video {
    display: block;
  }

  .header_full {
    display: block;
  }

  .eventListHeight {
    display: inline-block;
    max-width: 400px;
    width: 100%;
  }
  .searchEventNameHolder,
  .searchEventNameHolder input {
    max-width: 100%;
    width: 100%;
  }

  .eventListHeight {
    max-width: none;
  }

  video, .videoslide video {
    top: 0;
    position: absolute;
  }

  .pagetype_frontpage .header-slider .inner {
    width: 420px;
    padding: 0;
  }

  .pagetype_frontpage
  .header-slider input[type="text"],
  .pagetype_frontpage .header-slider input[type="password"] {
      width: 420px;
  }

  .pagetype_frontpage .header-slider,
  .pagetype_frontpage ul.videoslide,
  .pagetype_frontpage video,
  .pagetype_frontpage .videoslide video,
  .pagetype_frontpage .header-slider .cell {
  }

  .pagetype_frontpage .header-slider .cell {
      display: table-cell;
      vertical-align: middle;
      width: 420px;
  }

  #buyerConditionsButton {
    display: block;
  }

  #eventsearchForm .clear_button {
    margin-top: 10px;
  }
  #eventsearchForm .search_button{
    margin-top: 10px;
  }

  .vendorTableHeaderRow {
    border-bottom: 2px solid var(--black);
  }

  .vendorTableRowOdd p,
  .vendorTableRowEven p {
    font-size: 12px;
  }

  .eventSendLeadBox,
  .eventVendorContactBox {
    font-size: 16px;
  }

  #recaptcha_eventSendLead,
  #recaptcha_eventVendorContact {
  }

  [class*="pagetype_statictext"] .categoryList .medium-4 .categoryInfo {
    left: 0;
    padding-right: 0;
    left: 0;
    right: 0;
  }

  .pagetype_statictext05 .contactForm .pull-left:first-child input {
      width: -webkit-calc(100% - 5px);
      width: -moz-calc(100% - 5px);
      width: calc(100% - 5px);
  }
  .pagetype_statictext05 .contactForm .pull-left:last-child {
    text-align: right;
  }
  .pagetype_statictext05 .contactForm .pull-left:last-child input {
      width: -webkit-calc(100% - 5px);
      width: -moz-calc(100% - 5px);
      width: calc(100% - 5px);
  }

  .staffImg {
    width: 100%;
    height: 50vw;
  }
  #feedbackDialog .holder {
    width: 100%;
    max-width: 80%;
  }
} /* min-width 642px, medium screens */


@media only screen and (min-width: 64.063em) {
  .eventListHeight {
    display: block;
    width: auto;
  }
  .eventSendLeadBox,
  .eventVendorContactBox {
    font-size: 18px;
  }

  [class*="pagetype_statictext"] .categoryList .large-2 .categoryInfo {
    right: 0;
    left: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  [class*="pagetype_statictext"] .categoryList .large-4 .categoryInfo {
    padding-right: 0;
    padding-right: 0;
    left: 0;
    right: 0;
  }
  [class*="pagetype_statictext"] .categoryList .large-6 .categoryInfo {
    padding-right: 0;
    left: 0;
    right: 0;
  }

  .login_holder .menuItem {
    margin: 0px 10px;
    margin-left: 0;
    padding: 1px 1px;
    padding-left: 0;
  }
  .login_holder .menuItem.search {
    margin: 0px 10px;
    margin-left: 0;
    padding: 10px 10px;
    padding-left: 0;
    padding-right: 25px;
  }
  .login_holder .menuItem a {
    padding: 5px 15px;
  }
  .login_holder .sm-simple .fa,
  .login_holder .menuItem a .fa {
    padding-left: 10px;
  }
  .login_holder [id^="top-menu"].sm-simple  {
    margin: 0px 10px;
    margin-left: 0;
    padding: 10px 10px;
    padding-left: 0;
  }

  .staffImg {
    width: 100%;
    height: 100%;
  }
  #feedbackDialog .holder{
    max-width: 600px;
  }

} /* min-width 1025px, large screens */


/* Smartphones (landscape) ----------- */
@media only screen and (max-width : 420px) {
/* Styles */
  ul.sm-simple li {
    border-top: 0!important;
  }
  .sm-simple a {
    }

  #buyerLoginBox .submitLabel {
    float: none;
  }

  #buyerLoginBox .button_login.forgot {
    display: block;
  }

  .pictureBox_L, .pictureBox_R {
    float: none;
    display: block;
    margin: 6px 0 10px 0;
    width: 100%;
    max-width: 100%;
  }

  .pictureSize_SMALL {
    max-width: 100%;
  }

  .fullwidth_slider {
    display: none;
  }

  .customericon {
    display: block;
    width: 120px;
    margin: 0 auto 10px auto;
  }

  /*.footer_full {
    padding-top: 0;

  }*/

  .footerMenu {
    display: block;
    margin: 0 0 40px 0
  }

  .footerMenu li {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 0 10px 0;
  }

  .productName {
    display: block;
    margin: 0 0 10px 0;
  }

  label.tickettypeLabel, label.productLabel {
    float: none !important;
    display: block;
    margin: 0 0 10px 0;
  }

  .tickettypePriceBox {
    display: block;
    font-size: 1.0em;
    text-align: center;
    margin: 0 0 10px 0;
  }

  .ticketNbrBox input {
    width: 100% !important;
  }

  .grid figcaption {
      position: absolute;
      top: 0;
      left: 0;
      padding: 10px;
      background: #66B0D7;
      color: var(--black);
      font-size: 0.6em;
      border: 1px solid #3494c7;
  }

  .grid figcaption h3 {
      margin: 0;
      padding: 0;
      color: var(--white);
      font-size: 1.0em;
      border:none;
      background: none !important;
  }
/*
  .search_button {
    width: 100%;
    padding: 7px 0 7px 0;
    margin: 30px 20px 10px 0;
    background: url(../images/search_icon_16.png) no-repeat;
    background-color: #1ba748;
    background-position: 6px 9px;
    border: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    color: var(--white);
    cursor: pointer;
  }

  .search_button:hover {
    width: 100%;
    padding: 7px 0 7px 0;
    margin: 30px 20px 10px 0;
    background: url(../images/search_icon_16.png) no-repeat;
    background-color: #17913f;
    background-position: 6px 9px;
    border: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    color: var(--white);
    cursor: pointer;
  }
*/
  .searchbar_h3 {
    margin: 0 0 0 15px;
  }

  #doEventOrder {
    float: right;
    height: 45px;
    margin: 0 0 20px 0;
    background-image: none !important;
  }

  .productLabel {
    float: none;
    display: block;
    width: 100%;
    margin: 0 0 10px 0 !important;
  }

  span.productName, span.tickettypeName {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 0 10px 0;
  }

  .discount_icon, .discount_icon p {
    display: block;
    width: 100%;
    font-size: 0.8em;
    text-align: center;
    margin: 20px 0 0 0;
  }

  .discountBasicInfoBox p {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 0.8em !important;
  }

  .eventHeaderBox {
    display: block;
    width: 100%;
    text-align: center;
  }

  #ticketCode_label {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 0 10px 0;
  }

  .socialMobile {
    display: block;
    float: left;
    background: var(--primary);
  }

  .event span.city {
    display: block;
    font-size: 1.0em;
    margin: 5px 0 0 0;
  }

  .event span.city:after {
    content: " ";
  }

  .event span.date {
    display: block;
    font-size: 1.0em;
    margin: 5px 0 0 0;
  }

  .event span.date:after {
    content: " ";
  }

  .event span.time {
    display: block;
    margin: 5px 10px 0 0;
    font-size: 1.0em;
  }

  .eventLink {
    float: right;
    width: 100%;
    margin: 0 10px 0 0;
    cursor: default;
  }

  a.moreinfo {
    float: right;
    text-align: center;
    width: 100%;
    background-color: #008CBA;
    padding: 5px 10px;
    color: var(--white);
    margin: 10px 0 0 10px;
    font-size: 1.2em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
  }

  a.moreinfo:hover {
    float: right;
    width: 100%;
    text-align: center;
    background-color: #00759b;
    padding: 5px 10px;
    color: var(--white);
    margin: 10px 0 0 10px;
    font-size: 1.2em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
  }

  .chosen-single {
    width: 300px !important;
  }

  .buttonLogin {
      display: block;
      width: 100%;
      padding: 6px 10px 6px 0;
      margin: 10px 0 10px 0;
      background-image: url(../images/login_icon.png);
      background-repeat: no-repeat;
      background-position: 7px 8px;
      background-color: #1ba748;
      border: none;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -khtml-border-radius: 2px;
      border-radius: 2px;
      color: var(--white);
      cursor: pointer;
  }

  .buttonLogin:hover {
      display: block;
      width: 100%;
      padding: 6px 10px 6px 0;
      margin: 10px 0 10px 0;
      background-image: url(../images/login_icon.png);
      background-repeat: no-repeat;
      background-position: 7px 8px;
      background-color: #178e3e;
      border: none;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -khtml-border-radius: 2px;
      border-radius: 2px;
      color: var(--white);
      cursor: pointer;
  }

  .buttonForgot {
      display: block;
      width: 100%;
      padding: 3px 10px 3px 0;
      margin: 10px 0 10px 0;
      background-image: url(../images/forgot_icon.png);
      background-repeat: no-repeat;
      background-position: 5px 7px;
      background-color: #d21a27;
      border: none;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -khtml-border-radius: 2px;
      border-radius: 2px;
      color: var(--white);
      cursor: pointer;
      font-size: 0.8em;
      text-align: center;
  }

  .buttonForgot:hover {
      display: block;
      width: 100%;
      padding: 3px 10px 3px 0;
      margin: 10px 0 10px 0;
      background-image: url(../images/forgot_icon.png);
      background-repeat: no-repeat;
      background-position: 5px 7px;
      background-color: #af1622;
      border: none;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -khtml-border-radius: 2px;
      border-radius: 2px;
      color: var(--white);
      cursor: pointer;
      font-size: 0.8em;
      text-align: center;
  }

  .buttonRegister {
      display: block;
      width: 100%;
      padding: 3px 10px 3px 0;
      margin: 10px 0 10px 0;
      background-image: url(../images/register_icon.png);
      background-repeat: no-repeat;
      background-position: 5px 7px;
      background-color: #4a9bc1;
      border: none;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -khtml-border-radius: 2px;
      border-radius: 2px;
      color: var(--white);
      cursor: pointer;
      font-size: 0.8em;
      text-align: center;
  }

  .buttonRegister:hover {
      display: block;
      width: 100%;
      padding: 3px 10px 3px 0;
      margin: 10px 0 10px 0;
      background-image: url(../images/register_icon.png);
      background-repeat: no-repeat;
      background-position: 5px 7px;
      background-color: #367c9e;
      border: none;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -khtml-border-radius: 2px;
      border-radius: 2px;
      color: var(--white);
      cursor: pointer;
      font-size: 0.8em;
      text-align: center;
  }

}

.navHighlighted {
  color: var(--primary) !important;
  font-weight: bold !important;
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 480px) {
  /* Styles */

}


@media only screen and (max-width : 641px) {
  h1 {
    font-size: 30px;
  }

  body.overflowScroll {
    overflow: hidden;
  }
  .overflowScroll .completeBg {
    height: 120%;
    background: #171717;
    width: 100%;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
  }
.menubar_mobile {
  width: 100%;
  height: 40pt;
}
.small_menubar_full {
  position: sticky !important;
  top: 0 !important;
  z-index: 1;
}
  /* Outer Menu bar */
  .small_menubar_full {
    display: block;
  }

  .small_menubar_full {
    background: var(--white);
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .header-logo {
    text-align: left;
    display: inline-block;
    height: 50px;
    width: auto;
    padding: 10px 0;
  }
  .header-logo img {
    max-height: 100%;
    height: auto;
  }
  .menu_right {
    float: right;
  }

  /* Menu button */
  .mobile_menu_button {
    display: inline-block;
    height: 50px;
    font-size: 28px;
    line-height: 50px;
    vertical-align: middle;
    cursor: pointer;
  }
  .mobile_menu_button .fa {
    font-size: 28px;
  }


  /* topbar */
  .topbar_inner_menu {
    position: relative;
    padding: 15px 0.9375rem;
    text-align: left;
  }
  .topbar_inner_menu #menu_close {
    font-size: 28px;
    position: absolute;
    right: 0.9375rem;
    cursor: pointer;
    z-index: -1;
    /*display: none;*/
  }
  .menu_login_button i {
    padding-left: 10px;
  }
  .menu_login_button {
    display: inline-block;
  }


  /* Inner menu */
  .topmenu_full_mobile {
    position: fixed;
    height: 100vh;
    width: 100%;
    display: none;
    top: 0;
    left: 0;

    z-index: 999999; 
    text-align: center;
    font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue",  "roboto", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;

    -webkit-transition: all ease-in-out 1s;
    -o-transition: all ease-in-out 1s;
    transition: all ease-in-out 1s;
  }
  .topmenu_full_mobile .inner_menu {
    overflow: auto;
    max-height: -webkit-calc(100% + 55px);
    max-height: -moz-calc(100% + 55px);
    max-height: calc(100% + 55px);
  }
  .topmenu_full_mobile .mobile li a {
    width: 100%;
    display: block;
    padding: 10px 0;
  }

  .topmenu_full_mobile a,
  .topmenu_full_mobile span { 
  }
  .topmenu_full_mobile ul {
    margin: 0;
    list-style: none;
  }
  .topmenu_full_mobile li {
    list-style: none;
  }
  .topmenu_full_mobile li a, .topbar_inner_menu * { 
  }

  .topmenu_full_mobile .specialMenuItem {
    color: var(--primary);
    display: block;
    width: 100%;
    padding: 15px 0;
    margin: 10px 0;
    font-size: 16px;
  }
  .topmenu_full_mobile .specialMenuItem i {
    padding-right: 10px;
    font-size: 20px;
    color: var(--black);
  }
  .topmenu_full_mobile .specialMenuItem:only-of-type {
    display: block;
    width: 100%;
    padding: 15px 0;
    font-size: 16px;
  }
  .topmenu_full_mobile .specialMenuItem:only-of-type i {
    padding-left: 10px;
    padding-right: 0;
  }

  .topmenu_full_mobile .mobile_button span {
    padding-left: 10px;
  }

  .small-search {
    display: inline-block;
    padding-left: 10px;
    font-size: 26px;
    vertical-align: middle;
    height: 50px;
    position: relative;
    padding-top: 0px;
    line-height: 50px;
    margin-right: 24px;
  }

  .small-search .fa {
    font-size: 26px;
  }

  .show-for-small {
    display: block !important;
  }
  .res-nav {
    display: block;
  }

  ul[id^='main-menu_'] {
    display: none;
  }
  ul[id^='main-menu_'].mobile {
    display: block;
  }
  ul[id^='main-menu_'].mobile.collapsed {
    display: none;
  }

  .dashboard-content h1 {
    margin-bottom: 5px;
  }
  .dashboard-content p {
      margin-bottom: 30px;
  }

  .vendorTableFooterRow,
  .eventTableFooterRow {
    border-top: 0 solid var(--black);
    border-bottom: 0 solid var(--primary);
    padding: 10px 0;
  }

  .provisionSingle {
    font-size: 16px;
  }
  .vendorTableRowEven .title,
  .vendorTableRowOdd .title {
    font-weight: normal;
  }
  p.tableLabel {
    font-weight: bold;
  }
  .vendorTableRowEven .title p.tableLabel,
  .vendorTableRowOdd .title p.tableLabel {
    font-weight: bold;
  }

  .vendorTableRowEven .title p,
  .vendorTableRowOdd .title p {
    font-weight: normal;
  }
  .vendorTableRowEven .tableLabel,
  .vendorTableRowOdd .tableLabel {
    font-weight: bold;
  }

  .vendorTableFooterRow .title,
  .vendorTableFooterRow .tableLabel   {
    color: var(--primary);
    font-size: 16px;
  }

  .participantInfo {
    margin-bottom: 20px;
  }

  #main-menu_button:before,
  #main-menu_button.collapsed:before {
    content: "";
  }

  .orderValidToMenu_full {
    text-align: center;
  }

  .body_dashboard .orderValidToMenu_full + .dashboardMenu_full {
    margin-top: 50px;
  }

  .body_dashboard .orderValidToMenu_full{
    margin-bottom: -50px;
  }
  #tickettypeEditBoxToggle {
    margin-bottom: 20px;
  }

  #tickettypeEditBoxToggle,
  #eventEditDone {
    float: none;
  }

  .orderValidToMenu_full .right {
    float: none;
  }
  .button_cart.button {
    margin-bottom: 0;
  }

  .button_order_cancel.button {
    margin-bottom: 0;
  }
  #orderValidTo {
    margin-bottom: 0;
  }
  .orderValidToButtonBox a {
    margin-bottom: 10px;
  }

  #frontpage_eventsearchForm ul input,
  #frontpage_eventsearchForm ul select {
      margin-bottom: 10px;
  }
  .dashboard_divider {
    display: none;
  }

  .dashboard_left {
    margin-bottom: 30px;
  }

  .dashboard_left,
  .dashboard_right {
    float:none;
    padding: 0;
  }
  .button_panel,
  .button_dashboard {
    height: 51px;
    padding: 10px 20px;
  }
  .gmapsBoxInfo {
    width: -webkit-calc(100% + 30px);
    width: -moz-calc(100% + 30px);
    width: calc(100% + 30px);
    margin-left: -15px;
  }

  div.eventTextEditButtonBox {
    float: none;
    text-align: center;
  }


  .socialMobile {
      display: block;
      float: left;
      width: 100%;
      background: var(--primary);
      text-align: center;
  }

  .socialBox {
    margin: 0;
    padding: 10px;
    background: var(--primary);
    display: inline-block;
    text-align: left;
  }

  .socialBox a {
    display: block;
  }

  .socialMobile i {
    font-size: 26px;
    display: inline-block;
    padding-right: 10px;
  }

  .socialMobile .facebook:hover i {
    color: #3b5998;
  }
  .socialMobile .twitter:hover i {
    color: #00aeef;
  }
  .socialMobile .linkedin:hover i {
    color: #0e76a8;
  }
  .socialMobile .facebook,
  .socialMobile .facebook:hover,
  .socialMobile .twitter,
  .socialMobile .twitter:hover,
  .socialMobile .linkedin,
  .socialMobile .linkedin:hover  {
    display: block;
    width: 200px;
    height: 32px;
    background-position: 0 0;
    font-size: 0.8em;
    padding: 5px 0 0 0px;
    margin: 0 auto 10px auto;
  }


  .socialMobile .email,
  .socialMobile .email:hover {
    display: block;
    width: 200px;
    height: 32px;
    background: url(../images/email_footer.png) no-repeat transparent !important;
    background-position: 0 0;
    font-size: 0.8em;
    padding: 5px 0 0 38px;
    margin: 0 auto 10px auto;
  }

  .social-icon {
    float: left;
    width: 190px;
    margin: 0 auto;
  }

  .footer_full .right {
    display: block;
    margin: 40px 0 0 0;
    padding: 0;
    float: none !important;
    text-align: center;
  }

  .footer_full a {
    color: white;
  }

  .title p {
    margin-bottom: 0;
    font-weight: bold;
  }

  .conditionsicon {
    height: 32px;
  }

  .vendorTableFooterRowLast p,
  .vendorTableFooterRowFirst p,
  .vendorTableFooterRowClean p {
    margin-bottom: 0;
  }

  .blurbType_icon {
    margin-bottom: 40px;
  }

  .core-competences .va-m-abs {
    position: static;
    top: auto;
    margin-bottom: 55px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }

  .core-competences .buttonHolder,
  .functions-faicons .buttonHolder {
    float: none;
    text-align: center;
  }
  .core-competences .buttonHolder .button,
  .functions-faicons .buttonHolder .button {
    float: none;
  }

  [class*="pagetype_statictext"] .half_blurb {
    width: 100%;
  }

  .footer_full .padded {
    padding-top: 40px;
    padding-bottom: 0;
  }
  .contactForm {
    margin-top: 34px;
  }
  .contact_great {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }

  ul.footerMenu {
    text-align: center;
    margin-bottom: 34px;
  }
  ul.footerMenu li {
    margin-bottom: 6®px;
  }
  .halfHolder {
    margin-bottom: 10px;
  }
  .footer_full .half {
    width: 50%;
    float: left;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .footer_full .half:first-of-type {
    text-align: right;
  }


  #searchOrgNbrField {
    display: inline-block;
    width:  100%;
  }
  #searchOrgNbrButton {
    display: block;
    width: 80px;
    margin: 0 auto;
    margin-top: 20px;
    float: none;
    margin-bottom: 40px;
    border-radius: 0;
  }
  #searchOrgNbrButton:hover {
    color: var(--white);

  }
  #orgNbrValidBox {
    margin-bottom: 40px;
  }


}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 640px) and (max-width : 1024px) {
  /* Styles */
  h1 {
    font-size: 1.4em;
  }
  .button_panel,
  .button_dashboard {
    padding: 8px 10px;
  }
  .dashboard_left .small-6.half:first-of-type {
      padding-left: 0;
      padding-right: 0;
  }
  .select-wrapper.city {
      width: 75%;
  }

  #frontpage_eventsearchForm input[type="submit"] {
    width: 20%;
  }

  h1 {
    font-size: 1.8em !important;
  }
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 18px;
  }
  h4 {
    font-size: 16px;
  }
  h5 {
    font-size: 16px;
  }
  .descriptionSize1 {
    font-size: 18px;
  }
  .descriptionSize2 {
    font-size: 16px;
  }
  .descriptionSize3 {
    font-size: 14px;
  }
  .descriptionSize4 {
    font-size: 12px;
  }
  .descriptionSize5 {
    font-size: 10px;
  }
  ul.descriptionSize1 {
    font-size: 18px;
  }
  ul.descriptionSize2 {
    font-size: 16px;
  }
  ul.descriptionSize3 {
    font-size: 14px;
  }
  ul.descriptionSize4 {
    font-size: 12px;
  }
  ul.descriptionSize5 {
    font-size: 10px;
  }

  #eventScrollToTickettypes {
    width: 270px;
    float: left;
  }
  .medium-right {
    float: right;
    width: -webkit-calc(100% - 280px);
    width: -moz-calc(100% - 280px);
    width: calc(100% - 280px);
  }

  .pagetype_event .tickettypeListLeftBox {
    margin-right: 40px;
  }

  .pagetype_event .tickettypeListRightBox {
    margin-right: 30px;
  }
  .pagetype_event .eventSubmitBox {
    margin-right: 30px;
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px);

  }

  .column-inner-l {
    padding-left: 40px;
  }

}

@media print {
  div:not(.reveal-modal) {
    display: block;
  }
}

/* Loader */
.cssload-thecube {
  width: 58px;
  height: 58px;
  margin: 0 auto;
  margin-top: 39px;
  margin-bottom: 39px;

  position: relative;
  transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
}
.cssload-thecube .cssload-cube {
  position: relative;
  transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
}
.cssload-thecube .cssload-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
.cssload-thecube .cssload-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0,0,0);
  animation: cssload-fold-thecube 2.76s infinite linear both;
  -o-animation: cssload-fold-thecube 2.76s infinite linear both;
  -ms-animation: cssload-fold-thecube 2.76s infinite linear both;
  -webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
  -moz-animation: cssload-fold-thecube 2.76s infinite linear both;
  transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
}
.cssload-thecube .cssload-c2 {
  transform: scale(1.1) rotateZ(90deg);
  -o-transform: scale(1.1) rotateZ(90deg);
  -ms-transform: scale(1.1) rotateZ(90deg);
  -webkit-transform: scale(1.1) rotateZ(90deg);
  -moz-transform: scale(1.1) rotateZ(90deg);
}
.cssload-thecube .cssload-c3 {
  transform: scale(1.1) rotateZ(180deg);
  -o-transform: scale(1.1) rotateZ(180deg);
  -ms-transform: scale(1.1) rotateZ(180deg);
  -webkit-transform: scale(1.1) rotateZ(180deg);
  -moz-transform: scale(1.1) rotateZ(180deg);
}
.cssload-thecube .cssload-c4 {
  transform: scale(1.1) rotateZ(270deg);
  -o-transform: scale(1.1) rotateZ(270deg);
  -ms-transform: scale(1.1) rotateZ(270deg);
  -webkit-transform: scale(1.1) rotateZ(270deg);
  -moz-transform: scale(1.1) rotateZ(270deg);
}
.cssload-thecube .cssload-c2:before {
  animation-delay: 0.35s;
  -o-animation-delay: 0.35s;
  -ms-animation-delay: 0.35s;
  -webkit-animation-delay: 0.35s;
  -moz-animation-delay: 0.35s;
}
.cssload-thecube .cssload-c3:before {
  animation-delay: 0.69s;
  -o-animation-delay: 0.69s;
  -ms-animation-delay: 0.69s;
  -webkit-animation-delay: 0.69s;
  -moz-animation-delay: 0.69s;
}
.cssload-thecube .cssload-c4:before {
  animation-delay: 1.04s;
  -o-animation-delay: 1.04s;
  -ms-animation-delay: 1.04s;
  -webkit-animation-delay: 1.04s;
  -moz-animation-delay: 1.04s;
}



@keyframes cssload-fold-thecube {
  0%, 10% {
    transform: perspective(108px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    transform: perspective(108px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    transform: perspective(108px) rotateY(180deg);
    opacity: 0;
  }
}

@-o-keyframes cssload-fold-thecube {
  0%, 10% {
    -o-transform: perspective(108px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -o-transform: perspective(108px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -o-transform: perspective(108px) rotateY(180deg);
    opacity: 0;
  }
}

@-ms-keyframes cssload-fold-thecube {
  0%, 10% {
    -ms-transform: perspective(108px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -ms-transform: perspective(108px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -ms-transform: perspective(108px) rotateY(180deg);
    opacity: 0;
  }
}

@-webkit-keyframes cssload-fold-thecube {
  0%, 10% {
    -webkit-transform: perspective(108px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(108px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(108px) rotateY(180deg);
    opacity: 0;
  }
}

@-moz-keyframes cssload-fold-thecube {
  0%, 10% {
    -moz-transform: perspective(108px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -moz-transform: perspective(108px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -moz-transform: perspective(108px) rotateY(180deg);
    opacity: 0;
  }
}
.header_full {
box-shadow: 0 0 28pt rgba(0, 0, 0, .1) !important;
  z-index: 100 !important;
  position: sticky;
  top: 0;
}
input::placeholder {
  color: var(--input-placeholder) !important;
}
input, .button {
}
.button {
  padding: 10pt 20pt;

}
.button-submit {
  background: var(--primary) !important;
  color: white !important;
}

.submitLabel {
  text-align: center;
}

.submitLabel input {
  border: none !important;
  color: var(--primary) !important;
}

.paymenttypeBox input, #headline_conditions input {
  width: auto !important;
}
input[type="submit"] {
  width: auto !important;
}
.pattern {
  display: none;
}
.vendorEventListInfoButton, .button_dashboardmenu, .button_dashboard {
  border: none !important;
}
.button {
}
.sm-simple ul {
}

.backdrop {
  background: transparent;
  height: 260pt;
  position: absolute;
  left: 0;
  width: 100%;
  top: 10pt;
  z-index: -1 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.backdrop-holder {
  height: 80pt;
}
@media screen and (max-width: 720pt) {
  .backdrop-holder {
    height: 150pt;
  }
}
.backdrop-bg {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  background: var(--backdrop-bg);
  height: 100%;
  filter: brightness(0.5);
  background-size: cover;
}
.backdrop-fade {
  -webkit-mask-image: -webkit-linear-gradient(-90deg, black, transparent);
}
@media screen and (max-width: 320pt) {
  .backdrop {

    justify-content: center;
  }
}
#recruitmentprovisionForm .sm a, #recruitmentlistForm .sm a, #vendorEventListForm .sm a {
  padding: 0 0pt;
  margin: 0 10pt;
}
.vendorTableHeaderRow {
  border: none !important;
  border-bottom: 1pt solid var(--row-border) !important;
}
.row {
  background: transparent !important;
}
.button_dashboard {
}
.dropdown-item {
  text-align: left !important; width: auto;
}
.f-dropdown {
  width: auto;
}


.ripplelink{
  display:block;
  float:left;
  width:49.6%;
  margin:0.2%;
  height:10em;
  line-height:10em;
  text-align:center;
  color:#fff;
  text-decoration:none;
  position:relative;
  overflow:hidden;
  transition: all 0.2s ease;
  z-index:0;
}

.ink {
  display: block;
  position: absolute;
  background:rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  transform:scale(0);
}

.animate {
  animation:ripple 0.65s linear;
}

@keyframes ripple {
  100% {opacity: 0; transform: scale(2.5);}
}

.selectbox, .vendorEvent_mainCatButton  {
  border: none !important;
  background: var(--body-bg) !important;
  box-shadow: 0 2pt 2pt rgba(0, 0, 0, .1) !important;
}
.eventHeaderInfoBoxCellWrapper {
  color: white;
}
.fab:hover {
  color: white !important;
}
.inner-menu .sm-nowrap {
  background: transparent !important;
}
.inner-menu a { 
}
 

.ui-dialog-titlebar button {
  background: transparent !important;
}

.vendorTableRowOdd .button, .vendorTableRowEven .button {
  padding: 8pt !important;
  font-size: 8pt !important;
  float: left !important;
  margin-right: 8pt;
}
@media screen and (max-width: 1020pt) {
  .vendorTableRowOdd .button, .vendorTableRowEven .button {
    padding: 8pt !important;
    font-size: 6pt !important;
    float: left !important;
    margin-right: 4pt;
  }
}
.info {
}
.info-danger {
  color: var(--white);
  background: var(--danger);
}
/*
@media screen and (prefers-color-scheme: dark) {
  .title-wrap {
    background:transparent !important;
  }
  .paymenttypeBox {
    background: rgba(255, 255, 255, .05) !important;
  }
  .paymenttypeBox label, .paymenttypeBox input {
    color: white !important;
  }
}
*/
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
}
.lds-ellipsis div {
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: currentColor;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.backdrop-image {
  position: absolute;
  left: 0; top: 0; width: 100%; height: 100%;
  background-size: cover;
}

.navbar-transparent {
  background: transparent !important;
  position:  fixed !important;
  box-shadow: none !important;
}
.navbar-transparent a {
  color: white !important;
}
.navbar-transparent .header-logo {
  filter: invert(1) hue-rotate(180deg);
}

.bre-btn-primary {
  background: var(--success) !important;

}
.bre-btn {
background: var(--white) !important
}
.bre-html-tools {
  box-shadow: 0 2pt 28pt rgba(0, 0, 0, .1);
}

.tooltip, .arrow:after {
  background: black;
  border: 2px solid white;
}

.tooltip {
  pointer-events: none;
  opacity: 0;
  display: inline-block;
  position: absolute;
  padding: 10px 20px;
  color: white;
  border-radius: 20px;
  margin-top: 20px;
  text-align: center;
  font: bold 14px "Helvetica Neue", Sans-Serif;
  font-stretch: condensed;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: 0 0 7px black;
}
.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
}
.arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  box-shadow: 6px 5px 9px -9px black,
  5px 6px 9px -9px black;
  transform:      rotate(45deg);
}
.tooltip.active {
  opacity: 1;
  margin-top: 5px;
  transition: all 0.2s ease;
}
.tooltip.out {
  opacity: 0;
  margin-top: -20px;
}
.jumbotron {
  background: #FBE4D4;
  height: 600pt;
  position: relative;
}
.jumbotron-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
}

.ticketNbr {
  border: 2pt solid black !important;
}
.footer_full, .footer_full .clearfix {
  background-image: url("/images/footerbg.png") !important;
  background-size: cover;
}
.border-primary {
  display: inline-block;
}

.ui-widget-content {
  background: white !important;
  border: 1pt solid #888 !important;
}

.ui-slider-handle {
  border: 1pt solid #888 !important;
}
.table-natural, .table-natural tr, .table-natural td, .table-natural th {
  all: unset;
}
.bigbutton {
  background: var(--primary);
  box-shadow: 5pt 5pt 10pt rgba(0, 0, 0, .2);
  color: white;
  border-radius: 5pt;
  display: flex;
  justify-content: center;
  align-items: center;
}
h2 {
  color: var(--primary) !important;
}
.sidebar-menu {
  box-shadow: 3pt 0 28pt rgba(0, 0, 0, .2);
  padding: 20pt;
  gap: 5pt;
  z-index: 100;
  display: flex;
  position: fixed;
  flex-direction: column;
  left: 0;
  top: 0;
  height: 100%;
  width: auto;
  background: white;
}
table.bordered {
  border-collapse: collapse;
}
table.bordered td {
  border: 1pt solid black;
  background: white;
  text-align: center;
}
table.bordered td a {
  text-decoration: none !important;
}
table.bordered td.tab-active {
  background: lightgray;
}
.mini-modal-backdrop {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: fixed;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, .5);
  z-index: 10;
}

.mini-modal {
  display: flex;
  flex-direction: column;
  gap: 10pt;
  padding: 10pt;
  background: white;
  border: 1pt solid black;
}
.mini-modal-buttons {
  display: grid;
  grid-template-columns: 50% auto;
  gap: 10pt;
}.charCounter {
  margin: 0 0 10px 0;
  float: left;
  font-size: 0.8em;
}

.frontpageTabSwitcher {
  font-weight: bold;
  cursor: pointer;  
}
 


.sidebarColorpickBox {
  width: 230px;
  margin: 0 0 10px 0;
}

.eventColorLabel {
  font-weight: bold;
  font-size: 14px;
  color: #000000;
}

.eventColorPreviewButton {
  border: 1px dashed #000000;
  background-color: #006644;
  color: #FF8855;
  font-size: 10px;
  font-weight: bold;
  padding: 2px 5px 2px 5px;
  margin: 5px 0 0 0;
  cursor: pointer;
}




@media only screen and (max-width: 641px) {

  .tickettypeListLeftBox {
    margin: 0;
  }

  .tickettypeListRightBox {
    border-top: 3px none #000000;
  }
}
/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

table th { font-weight: bold; }
table td, table th { padding: 9px 10px; text-align: left; }

/* Mobile */
@media only screen and (max-width: 767px) {
	
	table.responsive { margin-bottom: 0; }
	
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	
	
}
body.survey {
  background: #fff;
}
@media print {
	
  a[href]:after {
    content: none !important;
  }

	.login-details, .social-icon, .mobile-login_button, .sm-simple, .fullwidth_slider, .searchbar_full, .newsletterSubscribe, .puffLeft, .themepuff_text a, .moreinfo, .footerMenu, .socialBox, .themeActions, .button_add, .button_edit, .button_delete, .button_goto_checkout, .orderConfirmationBox, .ticketsBox, #mapLink {
		display: none !important;
	}
	
	.cal_sep {
		text-align: left !important;
		padding: 5px 0;
		margin: 10px 0 10px 0;
		width: 95px !important;
		height: 95px !important;
	}	

.menubar_full, .catalogue_menu, .cookies_full, .hide_for_print {
  display: none !important;
  visibility: hidden !important;
}

.fullSite[style] {
   margin-left: 0px !important;
}

.fullSite {
margin-left: 0px;
}

.mapBox {
	page-break-after: always;
}

  ul.footer-items {
    display: block;
    text-align: left;
    list-style: none;
    font-size: 0.8em;
    margin: 0;
    padding: 0;
  }

.footer_header_right {
	text-align: left;  
}

    a.logo {
        display:none;
    }
    #logo:after {
		 background-image: url(../images/header/logo_print.png);
    }

	.header_full {
		background-color: #fff;
	}

  .onlyPrint {
    display: block !Important;
    max-height: 200px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
  }

  .large-1 {
    width: 8.33333%;
  }

  .large-2 {
    width: 16.66667%;
  }

  .large-3 {
    width: 25%;
  }

  .large-4 {
    width: 33.33333%;
  }

  .large-5 {
    width: 41.66667%;
  }



  .large-7 {
    width: 58.33333%;
  }

  .large-8 {
    width: 66.66667%;
  }

  .large-9 {
    width: 75%;
  }

  .large-10 {
    width: 83.33333%;
  }

  .large-11 {
    width: 91.66667%;
  }

  .large-12 {
    width: 100%;
  }







.descLink {
  display: none;
}


.productDesc {
  background-color: #fff;
  font-size: 0.4em !important;
  height: 40px;
}

.productName {
  height: 20px;
}


  * {
    background: transparent !important;
    color: black !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  /*
  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
    */

  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  .hide-on-print {
    display: none !important; }

  .print-only {
    display: block !important; }

  .hide-for-print {
    display: none !important; }

  .show-for-print {
    display: inherit !important; } 


.productImgWrapper {
  page-break-inside: avoid !important;
}


} 

/*:root {
    --button-border-radius: 28pt;
    --font-family: "Montserrat";
}
body, p, btn, div, input, li, a {
    font-family: var(--font-family) !important;
}

input, button, .button, .menuItem {
    border-radius: var(--button-border-radius) !important;
}



.menuItem-primary, .button-primary, button[type="submit"] {
    background: var(--primary) !important;
    color: white !important;
    border: none !important
}
.menuItem-primary a {
    color: white !important;
}
.button {
    background: transparent !important;
    border: 1pt solid var(--black) !important;
}
.ticketSystemLabel:first-child {
    border-radius: 21pt 0pt 0pt 21pt;
}
.ticketSystemLabel:last-child {
    border-radius: 0pt 21pt 21pt 0pt;
}
input, select, .selectbox {
    padding: 2pt 20pt !important;
    background: rgba(0, 0, 0, .05) !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: var(--button-border-radius);
}
input:focus {
    border: 1pt solid var(--primary) !important;
}
.eyeInput .fa {
    font-family: FontAwesome;
}

.icon-inner {
    border: 1pt solid var(--primary);
    box-shadow: none !important;
    background: transparent !important;
}
.menuItem {
    font-weight: 800 !important;
    font-family: "Montserrat";
}
.menuItem-secondary {
    border: 1pt solid var(--dark-grey) !important;
}
*/
[class^="blend"] img {
    mix-blend-mode: luminosity;
}
[class^="blend"]:before {
    position: absolute;
    z-index: 3;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    padding: 0.2em;
    font-size: 14px;
}
[class^="blend"]:after {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-filter: contrast(1.3);
    filter: contrast(1.3);
    mix-blend-mode: hue;
}
[class^="blend"][class*="-dark"] img {
    mix-blend-mode: darken;
}
[class^="blend"][class*="-dark"]:after {
    mix-blend-mode: lighten !important;
}
[class^="blend"][class*="-light"] img {
    mix-blend-mode: lighten;
}
[class^="blend"][class*="-light"]:after {
    mix-blend-mode: darken !important;
}
[class^="blend"][class*="-red"] {
    background: #E50914;
}
[class^="blend"][class*="-red"]:after {
    mix-blend-mode: hard-light;
    -webkit-filter: contrast(0.6) saturate(120%) brightness(1.2);
    filter: contrast(0.6) saturate(120%) brightness(1.2);
}
[class^="blend"][class*="-red"][class*="-dark"]:after {
    mix-blend-mode: lighten !important;
    -webkit-filter: contrast(1.1) !important;
    filter: contrast(1.1) !important;
}
[class^="blend"][class*="-red"][class*="-light"]:after {
    mix-blend-mode: color-dodge !important;
    -webkit-filter: saturate(400%) contrast(1.5);
    filter: saturate(400%) contrast(1.5);
}
[class^="blend"][class*="-red"]:after {
    background: #E50914;
}
[class^="blend"][class*="-red"]:after {
    background: #282581;
}
[class^="blend"][class*="-orange"] {
    background: #FCA300;
}
[class^="blend"][class*="-orange"][class*="-dark"]:after {
    mix-blend-mode: darken !important;
}
[class^="blend"][class*="-orange"][class*="-light"]:after {
    mix-blend-mode: hue !important;
    -webkit-filter: saturate(400%) contrast(1.5);
    filter: saturate(400%) contrast(1.5);
}
[class^="blend"][class*="-orange"]:after {
    background: #FCA300;
}
[class^="blend"][class*="-blue"] {
    background: #0066BF;
}
[class^="blend"][class*="-blue"]:not([class*="-dark"]):not([class*="-light"]):after {
    mix-blend-mode: hard-light;
    -webkit-filter: brightness(0.6);
    filter: brightness(0.6);
}
[class^="blend"][class*="-blue"][class*="-dark"]:after {
    mix-blend-mode: darken !important;
}
[class^="blend"][class*="-blue"]:after {
    background: #0066BF;
}
[class^="blend"][class*="-blue"]:after {
    background: #93EF90;
}
[class^="blend"][class*="-yellow"] {
    background: #FEDD31;
}
[class^="blend"][class*="-yellow"]:not([class*="-dark"]):not([class*="-light"]):after {
    -webkit-filter: brightness(3.5);
    filter: brightness(3.5);
    mix-blend-mode: soft-light;
}
[class^="blend"][class*="-yellow"][class*="-dark"]:after {
    mix-blend-mode: color-dodge !important;
    -webkit-filter: hue-rotate(70deg);
    filter: hue-rotate(70deg);
}
[class^="blend"][class*="-yellow"][class*="-light"] {
    background: #000000;
}
[class^="blend"][class*="-yellow"][class*="-light"]:after {
    mix-blend-mode: color !important;
    -webkit-filter: brightness(3) hue-rotate(93deg) contrast(2) saturate(150);
    filter: brightness(3) hue-rotate(93deg) contrast(2) saturate(150);
}
[class^="blend"][class*="-yellow"]:after {
    background: #FEDD31;
}
[class^="blend"][class*="-yellow"]:after {
    background: #EF3CB4;
}
[class^="blend"][class*="-purple"] {
    background: #BC6D14;
}
[class^="blend"][class*="-purple"]:not([class*="-dark"]):not([class*="-light"]) {
    background: rebeccapurple;
}
[class^="blend"][class*="-purple"]:not([class*="-dark"]):not([class*="-light"]):after {
    mix-blend-mode: darken !important;
}
[class^="blend"][class*="-purple"][class*="-dark"] {
    background: #B10AFF;
}
[class^="blend"][class*="-purple"][class*="-dark"]:after {
    mix-blend-mode: soft-light !important;
    -webkit-filter: saturate(100);
    filter: saturate(100);
}
[class^="blend"][class*="-purple"][class*="-light"]:after {
    background: #A37FC7;
    -webkit-filter: saturate(520%) brightness(10.5) contrast(350) !important;
    filter: saturate(520%) brightness(10.5) contrast(350) !important;
}
[class^="blend"][class*="-purple"]:after {
    background: #BC6D14;
}
[class^="blend"][class*="-purple"]:after {
    background: #ACFCEE;
}
[class^="blend"][class*="-green"] {
    background: #11C966;
}
[class^="blend"][class*="-green"]:not([class*="-dark"]):not([class*="-light"]):after {
    mix-blend-mode: soft-light;
}
[class^="blend"][class*="-green"][class*="-light"]:after {
    mix-blend-mode: color-dodge !important;
    -webkit-filter: saturate(100%) brightness(0.8) contrast(160%);
    filter: saturate(100%) brightness(0.8) contrast(160%);
}
[class^="blend"][class*="-green"]:after {
    background: #11C966;
}
[class^="blend"][class*="-green"]:after {
    background: #2D3181;
}
[class^="blend"][class*="-pink"] {
    background: #EA4C89;
}
[class^="blend"][class*="-pink"][class*="-dark"]:after {
    background: #1D0E14;
}
[class^="blend"][class*="-pink"][class*="-light"]:after {
    background: #FF468D;
    mix-blend-mode: lighten !important;
    -webkit-filter: contrast(1) saturate(250%) !important;
    filter: contrast(1) saturate(250%) !important;
}
[class^="blend"][class*="-pink"]:after {
    background: #EA4C89;
}
[class^="blend"][class*="-pink"]:after {
    background: #EA4C89;
}
[class^="blend"][class*="-blue-yellow"]:not([class*="-dark"]):not([class*="-light"]) {
    background: linear-gradient(to top left, #55ACEE, #FEDD31);
}
[class^="blend"][class*="-blue-yellow"][class*="-dark"]:after {
    mix-blend-mode: hard-light !important;
}
[class^="blend"][class*="-blue-yellow"][class*="-light"]:after {
    mix-blend-mode: hard-light !important;
    -webkit-filter: none;
    filter: none;
}
[class^="blend"][class*="-blue-yellow"]:after {
    background: linear-gradient(to top left, #55ACEE, #FEDD31) !important;
}
[class^="blend"][class*="-pink-yellow"]:not([class*="-dark"]):not([class*="-light"]) {
    background: linear-gradient(to bottom right, #FAA6FB, #FBBC05) !important;
}
[class^="blend"][class*="-pink-yellow"][class*="-dark"]:after {
    mix-blend-mode: hue !important;
    -webkit-filter: none !important;
    filter: none !important;
}
[class^="blend"][class*="-pink-yellow"][class*="-light"]:after {
    mix-blend-mode: hard-light !important;
    -webkit-filter: none !important;
    filter: none !important;
}
[class^="blend"][class*="-pink-yellow"]:after {
    background: linear-gradient(to top left, #FAA6FB, #FBBC05) !important;
}
[class^="blend"][class*="-red-blue"]:not([class*="-dark"]):not([class*="-light"]) {
    background: linear-gradient(to bottom right, #3993E2, #E2544B);
}
[class^="blend"][class*="-red-blue"]:not([class*="-dark"]):not([class*="-light"]):after {
    -webkit-filter: none;
    filter: none;
    mix-blend-mode: hard-light;
}
[class^="blend"][class*="-red-blue"][class*="-dark"]:after {
    mix-blend-mode: hard-light !important;
    -webkit-filter: none !important;
    filter: none !important;
}
[class^="blend"][class*="-red-blue"][class*="-light"]:after {
    mix-blend-mode: screen !important;
    -webkit-filter: saturate(300%) brightness(1.2) !important;
    filter: saturate(300%) brightness(1.2) !important;
}
[class^="blend"][class*="-red-blue"]:after {
    background: linear-gradient(to bottom right, #3993E2, #E2544B);
}
:root {
    --bottom-toolbar-height: 100pt;
}
.bottom-toolbar {
    box-shadow: 0 0 28pt rgba(0, 0, 0, .1);
    background: var(--white);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: var(--bottom-toolbar-height);
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 999;
}
.bottom-toolbar-tools {
    display: flex;
    flex-direction: row;
    flex: 1;
    align-items: center;
    position: fixed;
    justify-content: center;
    width: 100%;
}
.bre-tools {
    height: calc(100% - var(--bottom-toolbar-height));
}
.bottom-toolbar-tools .button {
    margin: 5pt 5pt;
}
.bottom-toolbar-statusbar {
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: center;

}
.bottom-toolbar-statusbar small {
    margin: 10pt;
}
.bottom-toolbar .button {
    font-size: 10pt;
    padding: 5pt !important;
}
:root {
    --top-header-height: 100pt;
}
.cropper-container {
  z-index: 999 !important;
}
 #eventHeaderPictureForm {
   overflow: hidden;
    height: var(--top-header-height);
    background: var(--black);
}
 .dragging {
     border: 1pt solid black;
     opacity: 0.5;
 }
 .backdrop {
     background: rgba(0, 0, 0, .5);
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 999;
 }
.bre-block-dragover-move {
    /*border-top: 3pt solid  var(--black) !important;*/
    background: rgba(0, 0, 0, .1);
}
.bre-dropzone {
    width: 100%;
    height: 300pt;
    border: 1pt dotted rgba(0, 0, 0, .5);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.bre-tools {
    top: calc(var(--top-header-height) + 49pt);
    height: calc(100% - var(--bottom-toolbar-height) - var(--top-header-height));
}

.bre-tools-toggle {

}

.bre-btn {
    background: var(--primary) !important;
    color: white !important;
}
.bre-tools .bre-tools-toggle > div {
    color: white !important;
}:root {
  --button-border-radius: 5pt;
  --danger: #ffaaaa;
  --gray: rgba(0, 0, 0, 0.1);
  --primary-light: #ffaa7755;
}

input, textarea {
  font-weight: normal !important;
}
.paymenttypeBox {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  padding: 5pt;
}
.paymenttypeBox > * {
  margin: 5pt;
}
.paymenttypeBox > input {
  margin: 0;
}
.payment-icon {
  font-size: 28pt !important;
}
.swish-icon {
  width: 30pt !important;
}
.button,
.vendorInvoicesInfoButton {
  border: none;
  font-weight: 900; 
  color: var(--black);
  transition: all 0.1s !important; 
}
.button:active::content {
  transform: translate(0, 2pt) !important;
}
.button-white {
  background: white !important;
  color: black !important;
}
.checker {
  border: 1pt solid var(--primary) !important;
  border-radius: 20pt;
}
.ticketSystemLabel:first-child {
  border-radius: 4pt 0pt 0pt 4pt;
}
.ticketSystemLabel:last-child {
  border-radius: 0pt 4pt 4pt 0pt !important;
}
.ticketSystemLabel {
  border: 1pt solid var(--primary) !important;
}
.ticketSystemLabelSelected {
  border: 1pt solid var(--primary) !important;
  background: var(--primary) !important;
}
.videoslide {
  /*  background: var(--primary); */
}
.videoslide .rel {
}
.spoost {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /*background: linear-gradient(90deg, rgba(255, 200, 200, .9), rgba(255, 255, 255, 0)),  var(--primary);*/

  opacity: 0.8;
}
.rel {
}
.button-submit {
  background: var(--primary) !important;
  color: white !important;
  border: none !important;
}
.button-danger,
.button-success,
.button-warning,
.button-info {
  color: white !important;
  border: none !important;
  border: none !important;
}
.header-dark {
  background: rgba(0, 0, 0, 0.9);
  padding: 5pt;
}
.header-dark .header-logo {
  filter: invert(1) hue-rotate(180deg) !important;
}
.header-dark * {
  color: white !important;
}
input,
.selectbox,
select,
textarea,
.vendorEvent_mainCatButton {
}
input::placeholder,
textarea::placeholder {
  color: var(--grey);
}
.backdrop-image {
  /*
    filter: grayscale(1);
    opacity: 0.5;
    mix-blend-mode: multiply;*/
}

.icon-inner {
  border: 1pt solid var(--primary); 
  box-shadow: none !important;
}

.icon-inner:hover {
  border: 1pt solid var(--primary);
  /*box-shadow: 0 0 2pt 2pt var(--primary) !important;*/
} 

.snackbar-bottom {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  flex-direction: column;
}
.vendorTableRowOdd .button,
.vendorTableRowEven .button {
  margin-right: 3pt;
}
.active {
  color: var(--primary) !important;
  padding-bottom: 12pt !important;
}

.button:focus {
  /*box-shadow: 0 5pt 20pt -2pt rgba(0, 0, 0, 0.1);*/
}
.errorBox {
/*  box-shadow: 0 5pt 20pt -5pt rgba(127, 0, 0, 0.2) !important;*/
}

.button-submit {
/*  box-shadow: 0 5pt 10pt -5pt rgba(255, 100, 0, 1) !important;*/
}

.button-success {
  /*box-shadow: 0 15pt 30pt -5pt rgba(0, 255, 0, 0.3) !important;*/
}
.button-primary {
  background: var(--primary) !important;
}
.button-primary:focus {
  /*box-shadow: 0 0 11pt -2pt var(--primary);*/
}

.button:active,
.vendorInvoicesInfoButton:active {
  filter: none !important;
  /*box-shadow:  0 0 2pt 1pt var(--primary), inset 0 2pt 0 rgba(0, 0, 0, .1);*/
}

.errorBox { 
}@media screen and (prefers-color-scheme: dark) {
    :root {
        --box-shadow: 0 20pt 13pt  -2pt rgba(255, 255, 255, .5);
    }
    .button {
        box-shadow: 0 20pt 13pt  -2pt rgba(255, 255, 255, .5) !important;
    }
    .rel {
        filter: hue-rotate(180deg);
    }
    li.rel {
        filter: invert(1)  ;
    }
    body {
        filter: invert(1) ;
        background-color: black !important;
    }
    .backdrop-bg {
        filter: invert(1);
    }
    .fab {
        filter: hue-rotate(180deg) !important;
    }
    .paper {
        box-shadow: 0 20pt 28pt -5pt rgba(255, 255, 255, .5) !important;
    }
    .backdrop-content > * {
        filter: invert(1);
    }
    .footer_full {
        filter: invert(1);
    }
    img {
        filter: invert(1) hue-rotate(360deg) !important;
    }
    .header-logo {
        filter: invert(1) hue-rotate(180deg);
    }
    .header_full {
        background: rgba(255, 255, 255, .9) !important;
        box-shadow: 0 20pt 28pt rgba(255, 255, 255, .1) !important;
    }
    .header_full * {
        color: black !important;
    }
}
.clearfix {
	clear: both;
}

.eupopup-container {
	background-color: rgba(25, 25, 25, 0.9);
	color: #efefef;
	padding: 5px 20px;
	font-size: 12px;
	line-height: 1.2em;
	text-align: center;
	display: none;
	z-index: 9999999;
}

.eupopup-container-top,
.eupopup-container-fixedtop {
	position: absolute;
	top: 0; left: 0; right: 0;
}

.eupopup-container-fixedtop {
	position: fixed;
}

.eupopup-container-bottom {
	position: fixed;
	bottom: 0; left: 0; right: 0;
}

.eupopup-container-bottomleft {
	position: fixed;
	bottom: 10px;
	left: 10px;
	width: 300px;
}

.eupopup-container-bottomright {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 300px;
}

.eupopup-closebutton {
	font-size: 16px;
	font-weight: 100;
	line-height: 1;
	color: #a2a2a2;
	filter: alpha(opacity=20);
	position: absolute;
	font-family: helvetica, arial, verdana, sans-serif;
	top: 0; right: 0;
	padding: 5px 10px;
}
.eupopup-closebutton:hover,
.eupopup-closebutton:active {
	color: #fff;
	text-decoration: none;
}

.eupopup-head {
	font-size: 1.2em;
	font-weight: bold;
	padding: 7px;
	color: #fff;
}

.eupopup-body {
	color: #a2a2a2;
}

.eupopup-buttons {
	padding: 7px 0 5px 0;
}

.eupopup-button_1 {
	color: #f6a21d;
	font-weight: bold;
	font-size: 14px;
}

.eupopup-button_2 {
	color: #f6a21d;
	font-weight: normal;
	font-size: 12px;
}

.eupopup-button {
	margin: 0 10px;
}

.eupopup-button:hover,
.eupopup-button:focus {
	text-decoration: underline;
	color: #f6a21d;
}

body .eupopup-color-inverse {
	color: #000;
	background-color: rgba(255, 255, 255, 0.9);
}

body .eupopup-color-inverse .eupopup-head {
	color: #000;
}

body .eupopup-style-compact {
	text-align: left;
	padding: 8px 30px 7px 20px;
	line-height: 15px;
}

body .eupopup-style-compact .eupopup-head,
body .eupopup-style-compact .eupopup-body,
body .eupopup-style-compact .eupopup-buttons {
	display: inline;
	padding: 0;
	margin: 0;
}

body .eupopup-style-compact .eupopup-button {
	margin: 0 5px;
}.flex {
    display: flex;
}

.flex-row {
    flex-direction: row;
}

.flex-col{
    flex-direction: column;
}
.flex-1 {
    flex: 1;
}

.flex-padding {
    padding: 3pt;
}
.flex-padding > * {
    margin: 5pt;
}/*:root {
    --light-gray: rgba(0, 0, 0, .05) !important;

}
.whiteBg {
    background: transparent !important;
}
body {
    background: var(--light-gray) !important;
}
.button, input, select {
    box-shadow: 0 15pt 15pt -3pt rgba(0, 0, 0, .08) !important;
    border: none !important;
}
.button {
    background: linear-gradient(90deg, var(--primary), orange) !important;
    color: white !important;
}
.button-success {
    background: linear-gradient(90deg, limegreen, green) !important;
}*/.grid {
  display: grid;
}
.grid-columns-2 {
  grid-template-columns: auto auto;
}
@media screen and (max-width: 720pt) {
  .grid-columns-2 {
    grid-template-columns: 100%;
  }
}
.grid-columns-3 {
  grid-template-columns: auto auto auto;
}
.row-span-2 {
  grid-column: 1 / span 2;
}
.row-span-3 {
  grid-column: 1 / span 2;
}
@media screen and (max-width: 720pt) {
  .grid-columns-3 {
    grid-template-columns: auto;
  }
  .row-span-2 {
    grid-column: 1 / span 1;
  }
  .row-span-3{
    grid-column: 1 / span 3;
  }
}
.grid hr {
  grid-column: 1 / span 2;
}
.flex {
  display: flex !important;
}
.h-100 {
  height: 100% !important;
}
.items-start {
  align-items: flex-start !important;
}
.flex-col {
  flex-direction: column !important;
}
.justify-center {
  justify-content: center !important;
}
.feature-grid div {
  justify-content: center !important;
  align-items: center !important;
}
.feature-grid {
  gap: 20pt !important;
}
.many-to-many-grid {
  grid-template-columns: 80% auto;
  gap: 20pt;
}:root {
    --info: rgba(40, 100, 155, 1);
    --form-control-color: rgba(0, 0, 0, 1);
}
.form-control {
    align-items: center;
    overflow: hidden;
    background: white;
    display: flex;
    flex-direction: row;
    border-radius: 3pt;
    border: 1pt solid var(--form-control-color) !important;
}
.form-control-success {
    --form-control-color: var(--success) !important;
   /* box-shadow: 0 2pt 2pt var(--success) !important;*/
}
.form-control-danger {
    --form-control-color: var(--danger) !important;
/*    box-shadow: 0 2pt 2pt var(--danger) !important;*/
}
.form-control-warning {
    --form-control-color: var(--warning) !important;
    /*    box-shadow: 0 2pt 2pt var(--danger) !important;*/
}
.form-control-info {

    --form-control-color: var(--info) !important;
/*    box-shadow: 0 2pt 2pt var(--info) !important;*/
}
.form-control-focus {
    --form-control-color: var(--black);
}
.loader {
  border-radius: 100%;
  position: relative;
  text-indent: -9999em;
  border-top: 1pt solid currentColor;
  border-right: 1pt solid currentColor;
  border-bottom: 1pt solid currentColor;
  border-left: 1pt solid transparent;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  aspect-ratio: 1/1;
  width: 11pt;
  height: 11pt;
}
.fa-excla
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}#messages {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 10pt;
}
.message {
    margin: 10pt;
    background: black;
    color: white !important;
    z-index: 1000;
    width: auto;
    box-shadow: var(--box-shadow);
    display: flex;
    flex-direction: row;
    align-items: center;
}
.message-body {
    padding: 10pt 20pt;
}



.orderValidToMenu_full {
    width: 100%;
    background: rgba(255, 255, 255, .9) !important;
    backdrop-filter: blur(10pt);
    box-shadow: 0 20pt 20pt -20pt rgba(0, 0, 0, .2);
    padding: 20pt;
    position: sticky;
    top: 0;
}
.modal-backdrop {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, .5);
  z-index: 195;
}
.modal-window { 
  background: white !important; 
  display: flex;
  flex-direction: column;
  align-items: stretch;
  grid-template-rows: 10% auto 10%;
  height: auto,
}
.modal-window-header {
  padding: 10pt;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.modal-window-body {
  padding: 10pt;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.modal-window-footer {
  padding: 10pt;
  gap: 10pt;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;

}:root {
    --online: #0090FF;
    --onsite: #0ADC26;
    --hybrid: #FFC710;
    --typeahead-select-border: black;
      --button-bg-h: 0deg;
      --button-bg-s: 0%;
      --button-bg-l: 80%;
      --button-bg: linear-gradient(0deg,
      hsl(var(--button-bg-h), var(--button-bg-s), var(--button-bg-l)),
      hsl(var(--button-bg-h), var(--button-bg-s), calc(var(--button-bg-l) + 11%))
      );
      --button-default-h: 0deg;
      --button-default-s: 0%;
      --button-default-l: 80%;
      --button-default: linear-gradient(
              0deg,
              hsl(var(--button-default-h), var(--button-default-s), var(--button-default-l)),
              hsl(var(--button-default-h), var(--button-default-s), calc(var(--button-default-l) + 11%))
      );
      accent-color: var(--primary);
  }
  .menu-circle {
      position: relative;
      border-radius: 70pt ;
      flex-direction: row;
      padding: 0 ;
      text-align: center;
      width: 32pt ;
      height: 32pt ;
      background: rgba(0, 0, 0, .1);
      display: flex;
      font-size: 15pt ;
      color: rgba(0, 0, 0, .6);
      align-items: center;
      justify-content: center;
  
  }
  .menu-circle .fa {
      padding: 0 ;
  }
  .unread {
      font-weight: bold ;
      background: var(--body-bg);
  }
  .read {
      background: rgba(233, 233, 233, 1);
  }
  .article {
      background: rgba(255, 255, 255, .9);
      box-shadow: 0 5pt 28pt -13pt rgba(0, 0, 0, .5);
  }
  .menu-circle-number {
      padding: 3pt;
      position: absolute;
      right: -8pt;
      top: -8pt;
      width: 20pt;
      height: 20pt;
      display: flex;
      align-items: center;
      font-size: 10pt;
      justify-content: center;
      background-color: var(--primary);
      color: white ;
      border-radius: 28pt;
  }
  
  .menuItem-secondary { 
  }
  .menuItem-secondary a   { 
  }
  .menuItem-primary { 
  }
  .frontpage-divider {
      background-image: url('/images/rubrik_bg_stroke_small.png');
      background-size: cover;
      background-position: center 0pt;
      width: 100%;
      height: 16rem;
      text-align: center;
      margin: 0 0;
      display:flex;
      flex-direction: column;
      align-items: center;
      justify-content: start;
      padding-top: 30pt;
  }
  .frontpage-divider.jumbotron-divider {
      transform: translate(0, -50pt);
  }
  .frontpage-divider * {
  
      color: white;
  }
  .card {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      padding: 12pt;
      background-color: #FFFFFF;
      border-radius: 12pt;
      box-shadow: 2pt 2pt 5pt rgba(0, 0, 0, .3);
  }
  .login_popover {
      background: white;
      display: none;
      position: absolute;
      border: 1pt solid var(--primary);
      flex-direction: column;
      width: 230pt;
      right: 0;
      padding: 20pt;
      height: auto;
      color: black;
  }
  .login_popover a {
      color: black;
  }
  .videoslide {
      text-shadow: 0 2pt 3pt rgba(0, 0, 0, .5);
  }
  .videoslide .h1 {
  
  }
  .videoslide h2 {
      color: black ;
      font-size: 1rem;
  }
  .videoslide .heading {
      color: white;
  }
  .button_login {
      border: 1pt solid var(--primary) ;
      background-color: rgba(0, 0, 0, 0.05);
      border-radius: 5pt;
      color: var(--primary) ;
      text-align: left;
  }
  .youtube-mockup {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      aspect-ratio: 16/9;
      border: 1pt solid rgba(150, 150, 150, 1);
      background: white ;
  }
  @media screen and (max-width: 720pt) {
      .youtube-mockup {
          aspect-ratio: 1/1;
      }
  }
  .social-buttons {
    display: flex;
    justify-content: center;
    font-size: 2rem;
    flex-direction: row;
    gap: 5pt;
  }
  .footer_full {
      background-size: 100% 100%;
  }
  .alert {
      border-top: 4pt solid var(--alert-color);
      --alert-background: rgba(244, 244, 244, 1);
      --alert-color: rgba(120, 120, 120, 1);
      background: var(--alert-background);
      color: var(--alert-color);
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 5pt;
      gap: 5pt;
  }
  .alert-danger {
      --alert-background: rgba(255, 244, 244, 1);
      --alert-color: rgba(255, 0, 0, 1);
  }
  
  .input-messages {
      padding: 0;
      margin: 0;
  }
  textarea, select, input {
  }
  textarea, select, input {
      border: none ;
      box-shadow: none ;
  }
  
  .slick-carousel .row .columns {
      text-align: center;
  }
  .videoslide .rel {
    background-attachment: fixed;
  }
  .footer_full div {
      text-align: center;
  }
  .primary {
      color: var(--primary);
  }
  .typeahead-select {
      display: flex;
      align-items: center;
      flex-direction: row;
      border-bottom: 2pt solid var(--typeahead-select-border);
      color: var(--typeahead-select-border);
  }
  input {
    background-color: var(--white);
      margin: 0 ;
  }
  .typeahead-select.focus, .typeahead-select.focus * {
      --typeahead-select-border: var(--primary);
  }
  .typeahead-result {
      position: absolute;
      top: 30pt;
      z-index: 10;
      background: white;
  }
  .typeahead-select input {
      border: none;
      box-shadow: none;
      background: transparent;
  }
  .ui-slider {
      position: relative;
  }
  .ui-slider-progress {
      background: linear-gradient(90deg, #ffaa00, var(--primary));
      position: absolute;
      left: 0;
      top: 0;
      width: 50%;
      height: 100%;
      z-index: 0;
  }
  .jumbotron {
      display: flex;
      padding-top: 35pt;
      gap: 5pt;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      background-size: cover;
      background-image: url('/images/frontpage.png');
  
  }
  .jumbotron h1 {
      font-size: 100%;
  }
  .jumbotron .heading {
      font-size: 20pt;
  }
  
  .categoryBlurb {
      aspect-ratio: 1/1;
      width: 100%;
      background: rgba(127, 127, 127, 1);
      display: flex;
      align-items: center;
      justify-content: center;
      background-size:  cover;
      color: white;
  }
  
  .category-grid-2 {
      display: grid;
      gap: 10pt;
      grid-template-rows: auto auto;
      grid-template-columns: 50% 50%;
  }
  .category-grid-5 {
      display: grid;
      gap: 40pt;
      grid-template-rows: auto auto;
      grid-template-columns: auto auto auto auto auto;
  }
  .feature-blurb {
      padding: 30pt;
      text-align: center;
      display: flex;
      align-items: center;
      flex-direction: column;
      gap: 2pt;
  }
  .feature-detail-blurb {
  
      padding: 10pt;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      gap: 2pt;
  }
  .feature-blurb img {
  
      margin-bottom: 5pt;
  
  }
  
  .vertical-divider {
      text-align: center;
      align-items: center;
      justify-content: stretch;
  
  }
  .divider {
      background-color: var(--primary);
      width: 100%;
      height: 3pt
  }
  @media screen and (min-width: 720pt) {
      .vertical-divider {
          display: flex;
      }
  }
  
  .header_full .row > div {
    padding: 12pt;
  }
  .calendar-search-filter-grid {
      gap: 12pt;
      display: grid;
      grid-template-rows: auto;
      grid-template-columns: auto auto auto auto auto;
  
  }
  .header_full {
      padding: 0;
  }
  .slick-carousel {
      position: relative;
  
  }
  a {
      text-decoration: underline;
  }
  .slick-carousel .slick-prev {
      position: absolute;
      left: -30pt;
      top: 50%;
      background: none;
      font-size: 3rem;
  }
  .slick-carousel .slick-next {
      position: absolute;
      right: -30pt;
      top: 50%;
      font-size: 3rem;
      background: none;
  }
  
  .btn-white {
      background: white;
  }
  .footer_full h1, .footer_full .social-buttons a, .footer_full a {
      color: white;
      text-decoration: none;
  }
  
  .cookie-consent-banner {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      display: flex;
      flex-direction: row;
      padding: 5pt;
      gap: 5pt;
      align-items: center;
      background: white;
  }
  .cookie-consent-banner .button {
      background:#ECECEC;
      color: #333;
      border: 1pt solid #ECECEC;
  }
  .cookie-consent-banner .button-primary {
      background: #00D91D;
      border: 1pt solid #0CA120;
      color: white;
      box-shadow: none;
  }
  
  .about-container {
      text-shadow: none;
      margin: 0 15%;
      padding: 50pt;
      padding-top: 50pt;
      position: relative;
  }
  @media screen and (max-width: 720pt) {
    .about-container {
        margin: 0;
    }
  }
  .price-slider-grid {
    display: grid;
    grid-template-columns: auto 30%;
  }
  .about-shape {
    opacity: 0.98;
      display: block;
  }
  .about-rel {
    text-align: center;
  }
  .about-rel h3 {
    text-transform: initial;
  }
  .number-tag {
    transform: translateY(13pt);
    display: inline-grid;
    grid-template-columns: auto 10pt;
    gap: 5pt;
    float: left;
  }
  .number-tag-number {
    border: 1pt solid var(--primary);
    text-align: center;
    border-radius: 3pt;
    width: 40pt;
    font-weight: bold; 

  }
  .number-tag-number-filled {
    background: white;
  }

  .number-tag-unit {
    font-weight: bold;

  }
  .ui-slider {
    border: 1pt solid var(--primary);
    border-radius: 50pt;
  }
.ui-slider-handle {
    border-radius: 50pt;
    border: 3pt solid white;
    background: radial-gradient(#ffaa00, var(--primary));
    box-shadow:  0 0 0px 0.5px var(--primary);

}
  .about-shape {
    transform: scaleX(0.8);
    position: absolute;
    left: 0;
    top: -200pt;
    width: 100%; 
    aspect-ratio: 1/1;
  }
  .number-label {
    border: 1pt solid var(--primary);
    background: transparent;
    padding: 10pt 30pt;
    text-align: center;
  }
  .flex-column {
    flex-direction: column;
  }
  .justify-center {
    justify-content: center;
  }
  @media screen and (min-width: 720pt) {
  } 
  .gallery {
      position: relative;
  }
  .gallery .gallery-controls {
      top: 50%;
      left: 0;
      width: 100%;
      z-index: 100;
      justify-content: center;
  }
  .gallery-controls {
      transform: scale(2);
  }
  .gallery-controls button {
      color: var(--primary);
  }
  .gallery-controls > * {
      background: transparent;
  }
  .gallery-controls-add {
      display: none;
  }
  .blurb {
      text-decoration: none;
  }
  body, p, ul, div li, a, b {
      font-size: 9pt;
  }
  .button {
      box-shadow: 0pt 6pt 7pt rgba(0, 0, 0, 0.1)
    }
  .swed-form {
      display: grid;
  }
  .swed-form table {
      border-collapse: collapse;
      border-spacing: 15pt;
  }
  .swed-form td {
      padding: 0;
  }
  .sidebar-menu {
      z-index: 900;
      transition: transform 0.5s;
      transform: translateX(-100%);
  }
  .sidebar-menu-open {
      transform: translateX(0);
  }
  .menu-backdrop {
      z-index: 800;
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, .5);
  }
  
  table.swed-table tbody tr td {
      padding: 5pt;
  }
  table.swed-table tbody tr .td:first-of-type {
      padding-left: 0 ;
  }
  table.swed-table tbody tr .td:last-of-type {
      padding-right: 0 ;
  }
  
  .eventPictureUploadBoxHeader {
      position: fixed ;
      left: 0;
      width: 100%;
      top: 50pt;
      height: var(--top-header-height) ;
  }
  [data-fieldset-id="basic"] > div {
      margin-bottom: 8pt;
  }
  .form-control-icons {
      grid-template-columns: 20pt 1fr 20pt; padding: 5pt;
  }
  .form-control-sum {
      border: 3pt solid currentColor;
      background: white;
  }
  input[readonly] {
      background: var(--white);
  }
  .grid {
      gap: 9pt;
  }
  .sum td {
      font-weight: bold;
  }
  
  .form-control { 
    display: grid;
    padding: 1pt;
  }
  input, select, textarea {
    padding: 0;
    margin: 0;
  }
  
  .ui-datepicker-header, .ui-timepicker-title {
      background: var(--primary);
  }
  
  [type="date"]::-webkit-inner-spin-button {
      display: none;
  }
  [type="date"]::-webkit-calendar-picker-indicator {
      display: none;
  }
  .form-control-footer { 
    background: rgba(255, 255, 255, .8);
    border: none;
    border-radius: 3pt;
  }
  .btn-white {
    color: var(--primary);
    border: 1pt;
  }
  .form-control {
    background: white;
    border: none;
  }  
  
  .button-small {
    padding: 5pt;
  }
  .button:hover {
    filter: brightness(1.1);
  } 
  .button-primary { 
    color: white;
  }
  .videoslide-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .button-success {
      /*
    background: linear-gradient(0deg, var(--success), hsl(var(--success-h), var(--success-s), calc(var(--success-l) + 20%)));
    box-shadow: 0 2pt 3pt hsla(var(--success-h), var(--success-s), var(--success-l), 50%) ;
  */
      --button-default-h: var(--success-h);
      --button-default-s: var(--success-s);
      --button-default-l: var(--success-l);
      color: white;
  }
  .button-warning {
    /*background: linear-gradient(0deg, var(--warning), hsl(var(--warning-h), var(--warning-s), calc(var(--warning-l) + 20%))) ;
   
    box-shadow: 0 2pt 3pt hsla(var(--warning-h), var(--warning-s), var(--warning-l), 50%) ;
    */
    --button-default-h: var(--warning-h);
    --button-default-s: var(--warning-s);
    --button-default-l: var(--warning-l);
    color: white ;
  }
  
  .button-danger {
    /*background: linear-gradient(180deg, var(--danger), hsl(var(--danger-h), var(--danger-s), calc(var(--danger-l) + 20%))) ;
   
    box-shadow: 0 2pt 3pt hsla(var(--danger-h), var(--danger-s), var(--danger-l), 50%) ;
    */
    --button-default-h: var(--danger-h);
    --button-default-s: var(--danger-s);
    --button-default-l: var(--danger-l);
  
    color: white ;   
  }
  .sajnup-stepper {
    display: grid;
    align-items: center;
    gap: 15pt; 
    grid-template-columns: auto auto auto auto auto auto auto ;
  }

  .image-grid {
    display: grid; 
  }
  .image-grid-block {
    aspect-ratio: 1/1; 
    position: relative;
  }
  .image-grid-block-image {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;

    background-size: cover;
    background-image: url("/images/systemCategories/3.png");
  }

  .button-login {
    background: var(--primary) ;
    border: 1pt solid var(--primary) ;
    box-shadow: none ;
    color: white;
  }
  .button-register, .button-login {
    display: flex ;
    align-items: center;
    justify-content: center ;
    text-decoration: none ;
    flex-direction: row;
    gap: 5pt;
    font-weight: bold ;
    text-transform: initial;
    padding: 5pt 5pt ;
  }
  .frontpage-divider-frame {
    position: relative;
    height: 80pt;
  }
  .frontpage-divider {
    position: absolute;
    top: -60pt;
  }
  .frontpage-divider-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 55pt;
  }
  
  .topmenu_full_mobile {
    background: Canvas;
  } 
  .topmenu_full_mobile {
    display: flex;
    flex-direction: column ;
    align-items: stretch;
    justify-content: flex-start;
  }
  .topbar_full_mobile_row {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    border-bottom: 1pt solid #B8B6B6;
  }
  .topbar_full_mobile_row a {
    font-size: 19pt ;
  }
  .topbar_full_mobile_row > div {
    padding: 20pt ;
  }
  .jumbotron {
    aspect-ratio: 1/1 ;
  }
  .topmenu_full_mobile {
    display: none;
  }
  .info-bubble {
      background: var(--primary);
      border-radius: 0;
      color: white;
      height: auto;
      display: flex;
      padding:  5rem;
      font-size: 1.5rem;
      align-items: center;
      justify-content: center ;
      bottom: -20pt;
      border-radius: 20rem;
      background-color: var(--primary); 
      width: 30vw;
      height: 30vw;
      background-size:contain;
      background-repeat: no-repeat;
  }
  .flex-col {
      flex-direction: column;
  }
  
  .down-arrow {
      position: fixed;
      bottom: 30pt;
      left: 50%;
      transform: translateX(-50%);
      z-index: 99;
  }
  .bounce {
      position:fixed;
      left:50%;
      margin-top:-25px;
      margin-left:-25px;
      height:50px;
      width:50px;
      -webkit-animation:bounce 1s infinite;
      -moz-animation:bounce 1s infinite;
      -o-animation:bounce 1s infinite;
      animation:bounce 1s infinite;
  
  }
  
  @-webkit-keyframes bounce {
      0%       { transform: translateY(0); }
      50%      { transform: translateY(15px); }
      100%     { transform: translateY(0pt);}
  }
  
  @-moz-keyframes bounce {
      0%       { transform: translateY(0); }
      50%      { transform: translateY(15px); }
      100%     { transform: translateY(0px); }
  }
  
  @-o-keyframes bounce {
      0%       { transform: translateY(0); }
      50%      { transform: translateY(15px); }
      100%     { transform: translateY(0px); }
  }
  
  @keyframes bounce {
      0%       { transform: translateY(0); }
      50%      { transform: translateY(15px); }
      100%     { transform: translateY(0px); }
  }
  
  .row-disabled td {
      opacity: 0.5;
      filter: saturate(0);
      pointer-events: none;
  }
  
.linked-table-event-row a {
    text-decoration: none ;
}
.linked-table-event-row:hover td {
    text-decoration: underline;
}
.vendor-participant-question-panel {
    display: grid;
    grid-template-columns: 30% auto;
    border-bottom: 2pt solid var(--primary);
}
.vendor-participant-question-panel-common {
    padding: 10pt;
}
.participant-questions-table {
    column-count: 3;
}
.vendor-participant-question-panel-mandatory {
    padding: 10pt;
    border-right: 2pt solid var(--primary);

}
.header-slider, .videoslide {
    aspect-ratio: 16/9;
}
.button, .button * {
  text-decoration: none ;
}

.topMenuItem {
    margin-right: 17pt ;
}
.form-control {
    width: 100%;
}
hr {
    border: none;
    border-top: 1pt solid var(--primary);
}
.image {
    box-shadow: 2pt 2pt 4pt rgba(0, 0, 0, .3);
}
.cell-description {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 5pt;
}
.info-bubble {
    transform: rotate(-20deg) scale(0.8);
    position: absolute;
    right: -58pt;
    bottom: 0;
}
.info-bubble .info-bubble-content {
    transform: rotate(20deg) translateY(-20pt);
    color: white;
}

.jumbotron-box {
    background: white;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 30pt;
    border-radius: 12pt;
}

a.button_login {
    padding: 30pt;
}

@media screen and (max-width: 720pt) {
    .jumbotron-box {
        top: 10pt;
        left: 20pt;
        width: 90%;
        padding: 3pt;
        transform: translate(0, 0);
    }
}
.jumbotron-box * {
    text-shadow: none;
}
.jumbotron-box .heading {
    font-size: 14pt;
    color: black;
    text-shadow: none;  
}
.pricing-calculator-sum {
    display: flex; 
    flex-direction: column;
}
.pricing-calculator-footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5pt;
}
.pricing-calculator-formula > div {
    transform: translateY(15pt);
    flex: 1;
}
.pricing-calculator-formula {
    display: flex;
    flex-direction: row;
    flex: 1;

}

.about-rel {
    overflow: hidden;
    gap: 5pt;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-image: url('/images/folk-pa-massa.png');
}
.jumbotron-start {
    background: rgba(0, 0, 0, .5);
    height: unset; width: 100%;
    background-size: calc(100% + 100pt) ;
    padding-top: 75pt;
    position: relative;
    text-align: center;
}
.logotype {
    filter: drop-shadow(16px);
}
.cell-heading {
    text-align: center;
}
.jumbotron-description {
    font-size:1.2rem; 
    font-weight: 550;
}
.cell-description {
    padding: 5pt;
}
.jumbotron-heading {
    font-size: 58pt;
}
@media screen and (max-width: 720pt) {
     .about-videoslide {
        aspect-ratio: unset;
    }
    .about-rel-bg {
        left: 0;
        top: 0;
        position: absolute;
        height: 100%;
        width: 100%;
        background: rgba(255, 255, 255, .9);
    }
    .pricing-calculator-formula > div {
        transform: translateY(0);
    }
    .pricing-calculator-footer {
        display: flex;
        flex-direction: column;
    }
    .about-shape {
        display: none;
    }

}

.button {
    color: black;
  /*ox-shadow: 2pt 2pt 2pt rgba(0, 0, 0, .2);*/
  background: linear-gradient(0deg, hsl(var(--button-default-h), var(--button-default-s), calc(var(--button-default-l))), hsl(var(--button-default-h), var(--button-default-s), calc(var(--button-default-l) + 12%))) ;

  box-shadow: inset 0 0 1px 1px hsl(var(--button-default-h), var(--button-default-s), var(--button-default-l)), inset 0 1pt 1px 1px rgba(255, 255, 255, .8),  0 2pt 5pt hsla(var(--button-default-h), var(--button-default-s), calc(var(--button-default-l)), 50%) ;

}
.button-primary {

/* background: linear-gradient(0deg, var(--primary), hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) + 20%))) ;
font-weight: bold;
box-shadow: inset 0 0 1px 1px var(--primary), inset 0 1pt 1px 1px rgba(255, 255, 255, .8),  0 2pt 5pt hsla(var(--primary-h), var(--primary-s), calc(var(--primary-l)), 50%) ;*/
  --button-default-h: var(--primary-h);
  --button-default-s: var(--primary-s);
  --button-default-l: var(--primary-l);
  color: white;
  border-radius: 5pt; 
}
.button:hover {
transform: translateY(-1pt);
}
body {
    background: #F2F2F2 ;
}
.button:active {
  filter: brightness(0.8);
  transform: translateY(2pt);
}
  .button-register {
    border: 1pt solid var(--primary) ;
    border-radius: 3pt ;
    box-shadow: none ;
    border: 1pt solid var(--primary) !important;
    padding: 5pt 15pt !important;
  
    background: #F2F2F2 ; 
    color: var(--primary) ;
  }.select {
    appearance: none !important;
    display: grid !important;
    flex-direction: row !important;
    align-items: center;


    grid-template-areas: "select" !important;
}
select,
.select:after {
    grid-area: select;
}
.select:after {
    align-items: center;
    box-sizing: border-box;
    content: "" !important;
    display: inline-block;
    width: 0.8em !important;
    height: 0.5em !important;
    margin-right: 13pt;
    background-color: black !important;
    clip-path: polygon(100% 0%, 0 0%, 50% 100%);
    justify-self: end !important;
    align-self: center !important;
    pointer-events: none;
    grid-area: select !important;
}
.slider {
    background: rgba(0, 0, 0, .1);
    transform: translateY(5pt);
}
.slider .ui-slider {
    border: 1pt solid var(--primary) !important;
    border-radius: 50pt !important;
}
.ui-slider-range {
    background: var(--primary);
}
.example .ui-slider-handle, .example .ui-state-hover, .example .ui-state-focus, .example .ui-state-active, .example .slider  .ui-state-highlight, .example .slider .ui-state-default {
    border-radius: 80pt !important;
    outline: none !important;
    background: var(--primary) !important;
    border: 1pt solid var(--primary) !important;
    box-shadow: inset 0 0 0pt 3pt rgba(255, 255, 255, 1), 0 1pt 3pt rgba(0, 0, 0, 0.5) !important;
}

#revenueHandle {
    transform: translate(-40%, -12pt);
    text-align: center;
    width: 120pt !important;
    padding: 20pt;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    color: white !important;
    border: none !important;
    cursor: grab !important;
}
.ui-slider-range {
    position: relative;

}
#revenueAmount {
    color: var(--primary);
}
#netAmount {
    color: var(--primary);
}.button-facebook {
    background: #1877F2 !important;
    color: white !important;
    font-size: 8pt !important;
}
/**
Code based on https://medium.com/@tsukuros/simple-jquery-tooltip-with-clickable-content-a889f5d6a52d
 */
:root {
  --tooltip-bg: white;
  --tooltip-corner-size: 6px;
  --tooltip-font-color: #000;
  --tooltip-font-size: 10pt;
  --tooltip-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.15);
}
[data-lite-tooltip] { cursor: help; }

#tooltip a {
  color: #fff;
}

.lite-tooltip-arrow {
  width: 8pt;
  height: 8pt;
  background: var(--tooltip-bg);
  border-right: 1pt solid rgba(200, 200, 200, 1);
  border-top: 1pt solid rgba(200, 200, 200, 1);
  transform: rotate(-45deg);
  position: absolute;
  left: 50%;
  top: -5pt;
}

.lite-tooltip {
  opacity: 0;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  background-color: var(--tooltip-bg);
  color: var(--tooltip-font-color);
  font-size: var(--tooltip-font-size);
  padding: 1.4rem 2rem;
  border-radius: 10pt;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  box-shadow: 2pt 2pt 5pt rgba(0, 0, 0, .8);
}
.lite-tooltip:before {
  content: '';
  position: absolute;
  bottom: calc( 0 - var(--tooltip-corner-size));
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: var(--tooltip-corner-size) var(--tooltip-corner-size) 0 var(--tooltip-corner-size);
  border-color: var(--tooltip-bg) transparent transparent transparent;
  display: inline-block;
}
.lite-tooltip.lite-tooltip-bottom:before {
  bottom: auto;
  top: calc(0 - var(--tooltip-corner-size));
  left: 50%;
  transform: translateX(-50%);
  border-width: 0 var(--tooltip-corner-size) var(--tooltip-corner-size) var(--tooltip-corner-size);
  border-color: transparent transparent var(--tooltip-bg) transparent;
}
.lite-tooltip.lite-tooltip-right:before {
  bottom: auto;
  left: calc(0 - var(--tooltip-corner-size));
  top: 50%;
  transform: translateY(-50%);
  border-width: var(--tooltip-corner-size) var(--tooltip-corner-size) var(--tooltip-corner-size) 0;
  border-color: transparent var(--tooltip-bg) transparent transparent;
}
.lite-tooltip.lite-tooltip-left:before {
  bottom: auto;
  left: auto;
  right: calc(0 - var(--tooltip-corner-size));
  top: 50%;
  transform: translateY(-50%);
  border-width: var(--tooltip-corner-size) 0 var(--tooltip-corner-size) var(--tooltip-corner-size);
  border-color: transparent transparent transparent var(--tooltip-bg);
}
.tickettypeTooltip {
  color: black !important;
}