/* Minification failed. Returning unminified contents.
(3263,35): run-time error CSS1030: Expected identifier, found '<'
(3263,36): run-time error CSS1031: Expected selector, found '5'
(3263,36): run-time error CSS1025: Expected comma or open brace, found '5'
 */
/* Minification failed. Returning unminified contents.
(3258,35): run-time error CSS1030: Expected identifier, found '<'
(3258,36): run-time error CSS1031: Expected selector, found '5'
(3258,36): run-time error CSS1025: Expected comma or open brace, found '5'
 */
#cookieMsg { display: none; position: fixed; width: 100%; bottom: 0; background-color: silver; box-sizing: border-box; z-index: 999999; border: none; padding: 5px 10px 5px 10px; font-size: .9em; }
  #cookieMsg .wrapper { margin: 0 auto; width: 98%; float: none !important; color: #000 }
  #cookieMsg .Close { float: right; margin: 10px; padding: 5px 10px 5px 10px; font-weight: 700; color: white; background-color: #E63331; cursor: pointer; }
  #cookieMsg a { color: #5B5B5D; }
.picker, .picker__holder {
  width: 100%;
  position: absolute
}

.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.1;
  color: #000;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0
}

.picker__input {
  cursor: default
}

  .picker__input.picker__input--active {
    border-color: #0089ec
  }

.picker__holder {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  border: 1px solid #aaa;
  border-top-width: 0;
  border-bottom-width: 0;
  border-radius: 0 0 5px 5px;
  box-sizing: border-box;
  min-width: 176px;
  max-width: 340px;
  max-height: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transition: transform .15s ease-out,opacity .15s ease-out,max-height 0s .15s,border-width 0s .15s
}
/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */

.picker__frame {
  padding: 1px
}

.picker__wrap {
  margin: -1px
}

.picker--opened .picker__holder {
  max-height: 25em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
  transform: translateY(0) perspective(600px) rotateX(0);
  transition: transform .15s ease-out,opacity .15s ease-out,max-height 0s,border-width 0s;
  box-shadow: 0 6px 18px 1px rgba(0,0,0,.12)
}


.picker__footer, .picker__header, .picker__table {
  text-align: center
}

.picker__box {
  padding: 0 1em
}

.picker__header {
  position: relative;
  margin-top: .75em
}

.picker__month, .picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em
}

.picker__year {
  color: #999;
  font-size: .8em;
  font-style: italic
}

.picker__select--month, .picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  xpadding: .5em;
  margin-left: .25em;
  margin-right: .25em;
  font-size: .9em;
}

.picker__select--month {
  width: 35%
}

.picker__select--year {
  width: 35%
}

  .picker__select--month:focus, .picker__select--year:focus {
    border-color: #0089ec
  }

.picker__nav--next, .picker__nav--prev {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -.25em
}

.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em
}

.picker__nav--next {
  right: -1em;
  padding-left: 1.25em
}

@media (min-width:24.5em) {
  .picker__select--month, .picker__select--year {
    margin-top: -.5em
  }

  .picker__nav--next, .picker__nav--prev {
    top: -.33em
  }

  .picker__nav--prev {
    padding-right: 1.5em
  }

  .picker__nav--next {
    padding-left: 1.5em
  }
}

.picker__nav--next:before, .picker__nav--prev:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: .75em solid #000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto
}

.picker__nav--next:before {
  border-right: 0;
  border-left: .75em solid #000
}

.picker__nav--next:hover, .picker__nav--prev:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb
}

.picker__nav--disabled, .picker__nav--disabled:before, .picker__nav--disabled:before:hover, .picker__nav--disabled:hover {
  cursor: default;
  background: 0 0;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5
}

.picker__table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em
}

@media (min-height:33.875em) {
  .picker__table {
    margin-bottom: .75em
  }
}

.picker__table td {
  margin: 0;
  padding: 0
}

.picker__weekday {
  width: 14.285714286%;
  font-size: .95em;
  padding-bottom: .25em;
  color: #999;
  font-weight: 500
}

@media (min-height:33.875em) {
  .picker__weekday {
    padding-bottom: .5em
  }
}

.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent
}

.picker__day--today {
  position: relative
}

  .picker__day--today:before {
    content: " ";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 0;
    height: 0;
    border-top: .5em solid #0059bc;
    border-left: .5em solid transparent
  }

.picker__day--disabled:before {
  border-top-color: #aaa
}

.picker__day--outfocus {
  color: #ddd
}

  .picker--focused .picker__day--highlighted, .picker__day--highlighted:hover, .picker__day--infocus:hover, .picker__day--outfocus:hover {
    cursor: pointer;
    color: #000;
    background: #b1dcfb
  }

.picker__day--highlighted {
  border-color: #0089ec
}

.picker--focused .picker__day--selected, .picker__day--selected, .picker__day--selected:hover {
  background: #0089ec;
  color: #fff
}

.picker--focused .picker__day--disabled, .picker__day--disabled, .picker__day--disabled:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default
}

.picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover {
  background: #bbb
}

.picker__Buttons--clear, .picker__Buttons--close, .picker__Buttons--today {
  border: 1px solid #fff;
  background: #fff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: 700;
  width: 33%;
  display: inline-block;
  vertical-align: bottom
}

  .picker__Buttons--clear:hover, .picker__Buttons--close:hover, .picker__Buttons--today:hover {
    cursor: pointer;
    color: #000;
    background: #b1dcfb;
    border-bottom-color: #b1dcfb
  }

  .picker__Buttons--clear:focus, .picker__Buttons--close:focus, .picker__Buttons--today:focus {
    background: #b1dcfb;
    border-color: #0089ec;
    outline: 0
  }

  .picker__Buttons--clear:before, .picker__Buttons--close:before, .picker__Buttons--today:before {
    position: relative;
    display: inline-block;
    height: 0
  }

  .picker__Buttons--clear:before, .picker__Buttons--today:before {
    content: " ";
    margin-right: .45em
  }

  .picker__Buttons--today:before {
    top: -.05em;
    width: 0;
    border-top: .66em solid #0059bc;
    border-left: .66em solid transparent
  }

  .picker__Buttons--clear:before {
    top: -.25em;
    width: .66em;
    border-top: 3px solid #e20
  }

  .picker__Buttons--close:before {
    content: "\D7";
    top: -.1em;
    vertical-align: top;
    font-size: 1.1em;
    margin-right: .35em;
    color: #777
  }

  .picker__Buttons--today[disabled], .picker__Buttons--today[disabled]:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #ddd;
    cursor: default
  }

    .picker__Buttons--today[disabled]:before {
      border-top-color: #aaa
    }


.picker__list{list-style:none;padding:.75em 0 4.2em;margin:0}.picker__list-item{border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin-bottom:-1px;position:relative;background:#fff;padding:.75em 1.25em}.picker__list-item--highlighted,.picker__list-item:hover{border-color:#0089ec;z-index:10}.picker--focused .picker__list-item--highlighted,.picker__list-item--highlighted:hover,.picker__list-item:hover{color:#000;background:#b1dcfb;cursor:pointer}@media (min-height:46.75em){.picker__list-item{padding:.5em 1em}}.picker--focused .picker__list-item--selected,.picker__list-item--selected,.picker__list-item--selected:hover{background:#0089ec;color:#fff;z-index:10}.picker--focused .picker__list-item--disabled,.picker__list-item--disabled,.picker__list-item--disabled:hover{background:#f5f5f5;color:#ddd;cursor:default;border-color:#ddd;z-index:auto}.picker--time .picker__Buttons--clear{display:block;width:80%;margin:1em auto 0;padding:1em 1.25em;background:0 0;border:0;font-weight:500;font-size:.67em;text-align:center;text-transform:uppercase;color:#666}.picker--time .picker__Buttons--clear:focus,.picker--time .picker__Buttons--clear:hover{background:#e20;border-color:#e20;cursor:pointer;color:#fff;outline:0}.picker--time .picker__Buttons--clear:before{top:-.25em;color:#666;font-size:1.25em;font-weight:700}.picker--time .picker__Buttons--clear:focus:before,.picker--time .picker__Buttons--clear:hover:before{color:#fff;border-color:#fff}.picker--time{min-width:256px;max-width:320px}.picker--time .picker__holder{background:#f2f2f2}@media (min-height:40.125em){.picker--time .picker__holder{font-size:.875em}}.picker--time .picker__box{padding:0;position:relative}


.swal2-popup.swal2-toast {
  flex-direction: row;
  align-items: center;
  width: auto;
  padding: 0.625em;
  overflow-y: hidden;
  background: #fff;
  box-shadow: 0 0 0.625em #d9d9d9;
}
.swal2-popup.swal2-toast .swal2-header {
  flex-direction: row;
  padding: 0;
}
.swal2-popup.swal2-toast .swal2-title {
  flex-grow: 1;
  justify-content: flex-start;
  margin: 0 0.6em;
  font-size: 1.25rem;
}
.swal2-popup.swal2-toast .swal2-footer {
  margin: 0.5em 0 0;
  padding: 0.5em 0 0;
  font-size: 0.8em;
}
.swal2-popup.swal2-toast .swal2-close {
  position: static;
  width: 0.8em;
  height: 0.8em;
  line-height: 0.8;
}
.swal2-popup.swal2-toast .swal2-content {
  justify-content: flex-start;
  padding: 0;
  font-size: 1.25rem;
}
.swal2-popup.swal2-toast .swal2-icon {
  width: 2em;
  min-width: 2em;
  height: 2em;
  margin: 0;
}
.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 1.8em;
  font-weight: bold;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
    font-size: 0.25em;
  }
}
.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  top: 0.875em;
  width: 1.375em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-actions {
  flex-basis: auto !important;
  width: auto;
  height: auto;
  margin: 0 0.3125em;
  padding: 0;
}
.swal2-popup.swal2-toast .swal2-styled {
  margin: 0.125em 0.3125em;
  padding: 0.3125em 0.625em;
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-styled:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(100, 150, 200, 0.5);
}
.swal2-popup.swal2-toast .swal2-success {
  border-color: #a5dc86;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 1.6em;
  height: 3em;
  transform: rotate(45deg);
  border-radius: 50%;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.8em;
  left: -0.5em;
  transform: rotate(-45deg);
  transform-origin: 2em 2em;
  border-radius: 4em 0 0 4em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.25em;
  left: 0.9375em;
  transform-origin: 0 1.5em;
  border-radius: 0 4em 4em 0;
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
  top: 0;
  left: 0.4375em;
  width: 0.4375em;
  height: 2.6875em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
  height: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
  top: 1.125em;
  left: 0.1875em;
  width: 0.75em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
  top: 0.9375em;
  right: 0.1875em;
  width: 1.375em;
}
.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
  -webkit-animation: swal2-toast-animate-success-line-tip 0.75s;
          animation: swal2-toast-animate-success-line-tip 0.75s;
}
.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
  -webkit-animation: swal2-toast-animate-success-line-long 0.75s;
          animation: swal2-toast-animate-success-line-long 0.75s;
}
.swal2-popup.swal2-toast.swal2-show {
  -webkit-animation: swal2-toast-show 0.5s;
          animation: swal2-toast-show 0.5s;
}
.swal2-popup.swal2-toast.swal2-hide {
  -webkit-animation: swal2-toast-hide 0.1s forwards;
          animation: swal2-toast-hide 0.1s forwards;
}

.swal2-container {
  display: flex;
  position: fixed;
  z-index: 10060;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0.625em;
  overflow-x: hidden;
  transition: background-color 0.1s;
  -webkit-overflow-scrolling: touch;
}
.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
  background: rgba(0, 0, 0, 0.4);
}
.swal2-container.swal2-backdrop-hide {
  background: transparent !important;
}
.swal2-container.swal2-top {
  align-items: flex-start;
}
.swal2-container.swal2-top-start, .swal2-container.swal2-top-left {
  align-items: flex-start;
  justify-content: flex-start;
}
.swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
  align-items: flex-start;
  justify-content: flex-end;
}
.swal2-container.swal2-center {
  align-items: center;
}
.swal2-container.swal2-center-start, .swal2-container.swal2-center-left {
  align-items: center;
  justify-content: flex-start;
}
.swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
  align-items: center;
  justify-content: flex-end;
}
.swal2-container.swal2-bottom {
  align-items: flex-end;
}
.swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left {
  align-items: flex-end;
  justify-content: flex-start;
}
.swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
  align-items: flex-end;
  justify-content: flex-end;
}
.swal2-container.swal2-bottom > :first-child, .swal2-container.swal2-bottom-start > :first-child, .swal2-container.swal2-bottom-left > :first-child, .swal2-container.swal2-bottom-end > :first-child, .swal2-container.swal2-bottom-right > :first-child {
  margin-top: auto;
}
.swal2-container.swal2-grow-fullscreen > .swal2-modal {
  display: flex !important;
  flex: 1;
  align-self: stretch;
  justify-content: center;
}
.swal2-container.swal2-grow-row > .swal2-modal {
  display: flex !important;
  flex: 1;
  align-content: center;
  justify-content: center;
}
.swal2-container.swal2-grow-column {
  flex: 1;
  flex-direction: column;
}
.swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom {
  align-items: center;
}
.swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left {
  align-items: flex-start;
}
.swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right {
  align-items: flex-end;
}
.swal2-container.swal2-grow-column > .swal2-modal {
  display: flex !important;
  flex: 1;
  align-content: center;
  justify-content: center;
}
.swal2-container.swal2-no-transition {
  transition: none !important;
}
.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
  margin: auto;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .swal2-container .swal2-modal {
    margin: 0 !important;
  }
}

.swal2-popup {
  display: none;
  position: relative;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  width: 48em;
  max-width: 100%;
  padding: 1.25rem;
  border: none;
  border-radius: 5px;
  background: #fff;
  font-family: inherit;
  font-size: 1rem;
}
.swal2-popup:focus {
  outline: none;
}
.swal2-popup.swal2-loading {
  overflow-y: hidden;
}

.swal2-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1.8em;
}

.swal2-title {
  position: relative;
  max-width: 100%;
  margin: 0 0 0.4em;
  padding: 0;
  color: #595959;
  font-size: 2.5rem;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  word-wrap: break-word;
}

.swal2-actions {
  display: flex;
  z-index: 1;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 1.25em auto 0;
  padding: 0 1.6em;
}
.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
  opacity: 0.4;
}
.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
.swal2-actions:not(.swal2-loading) .swal2-styled:active {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.swal2-loader {
  display: none;
  align-items: center;
  justify-content: center;
  width: 2.2em;
  height: 2.2em;
  margin: 0 1.875em;
  -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
          animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  border-width: 0.25em;
  border-style: solid;
  border-radius: 100%;
  border-color: #2778c4 transparent #2778c4 transparent;
}

.swal2-styled {
  margin: 0.3125em;
  padding: 0.625em 1.1em;
  box-shadow: none;
  font-weight: 500;
}
.swal2-styled:not([disabled]) {
  cursor: pointer;
}
.swal2-styled.swal2-confirm {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #2778c4;
  color: #fff;
  font-size: 1.5rem;
}
.swal2-styled.swal2-deny {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #d14529;
  color: #fff;
  font-size: 1.5rem;
}
.swal2-styled.swal2-cancel {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #757575;
  color: #fff;
  font-size: 1.5rem;
}
.swal2-styled:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5);
}
.swal2-styled::-moz-focus-inner {
  border: 0;
}

.swal2-footer {
  justify-content: center;
  margin: 1.25em 0 0;
  padding: 1em 0 0;
  border-top: 1px solid #eee;
  color: #545454;
  font-size: 1em;
}

.swal2-timer-progress-bar-container {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0.25em;
  overflow: hidden;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.swal2-timer-progress-bar {
  width: 100%;
  height: 0.25em;
  background: rgba(0, 0, 0, 0.2);
}

.swal2-image {
  max-width: 100%;
  margin: 1.25em auto;
}

.swal2-close {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  width: 1.2em;
  height: 1.2em;
  padding: 0;
  overflow: hidden;
  transition: color 0.1s ease-out;
  border: none;
  border-radius: 5px;
  background: transparent;
  color: #cccccc;
  font-family: serif;
  font-size: 2.5em;
  line-height: 1.2;
  cursor: pointer;
}
.swal2-close:hover {
  transform: none;
  background: transparent;
  color: #f27474;
}
.swal2-close:focus {
  outline: none;
  box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5);
}
.swal2-close::-moz-focus-inner {
  border: 0;
}

.swal2-content {
  z-index: 1;
  justify-content: center;
  margin: 0;
  padding: 0 1.6em;
  color: #545454;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  word-wrap: break-word;
}

.swal2-input,
.swal2-file,
.swal2-textarea,
.swal2-select,
.swal2-radio,
.swal2-checkbox {
  margin: 1em auto;
}

.swal2-input,
.swal2-file,
.swal2-textarea {
  box-sizing: border-box;
  width: 100%;
  transition: border-color 0.3s, box-shadow 0.3s;
  border: 1px solid #d9d9d9;
  border-radius: 0.1875em;
  background: inherit;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
  color: inherit;
  font-size: 1.125em;
}
.swal2-input.swal2-inputerror,
.swal2-file.swal2-inputerror,
.swal2-textarea.swal2-inputerror {
  border-color: #f27474 !important;
  box-shadow: 0 0 2px #f27474 !important;
}
.swal2-input:focus,
.swal2-file:focus,
.swal2-textarea:focus {
  border: 1px solid #b4dbed;
  outline: none;
  box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5);
}
.swal2-input::-moz-placeholder, .swal2-file::-moz-placeholder, .swal2-textarea::-moz-placeholder {
  color: #cccccc;
}
.swal2-input:-ms-input-placeholder, .swal2-file:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder {
  color: #cccccc;
}
.swal2-input::placeholder,
.swal2-file::placeholder,
.swal2-textarea::placeholder {
  color: #cccccc;
}

.swal2-range {
  margin: 1em auto;
  background: #fff;
}
.swal2-range input {
  width: 80%;
}
.swal2-range output {
  width: 20%;
  color: inherit;
  font-weight: 600;
  text-align: center;
}
.swal2-range input,
.swal2-range output {
  height: 2.625em;
  padding: 0;
  font-size: 1.125em;
  line-height: 2.625em;
}

.swal2-input {
  height: 2.625em;
  padding: 0 0.75em;
}
.swal2-input[type=number] {
  max-width: 10em;
}

.swal2-file {
  background: inherit;
  font-size: 1.125em;
}

.swal2-textarea {
  height: 6.75em;
  padding: 0.75em;
}

.swal2-select {
  min-width: 50%;
  max-width: 100%;
  padding: 0.375em 0.625em;
  background: inherit;
  color: inherit;
  font-size: 1.125em;
}

.swal2-radio,
.swal2-checkbox {
  align-items: center;
  justify-content: center;
  background: #fff;
  color: inherit;
}
.swal2-radio label,
.swal2-checkbox label {
  margin: 0 0.6em;
  font-size: 1.125em;
}
.swal2-radio input,
.swal2-checkbox input {
  margin: 0 0.4em;
}

.swal2-input-label {
  display: flex;
  justify-content: center;
  margin: 1em auto;
}

.swal2-validation-message {
  display: none;
  align-items: center;
  justify-content: center;
  margin: 0 -2.7em;
  padding: 0.625em;
  overflow: hidden;
  background: #f0f0f0;
  color: #666666;
  font-size: 1em;
  font-weight: 300;
}
.swal2-validation-message::before {
  content: "!";
  display: inline-block;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  margin: 0 0.625em;
  border-radius: 50%;
  background-color: #f27474;
  color: #fff;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center;
}

.swal2-icon {
  position: relative;
  box-sizing: content-box;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 1.25em auto 1.875em;
  border: 0.25em solid transparent;
  border-radius: 50%;
  border-color: #000;
  font-family: inherit;
  line-height: 5em;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 3.75em;
}
.swal2-icon.swal2-error {
  border-color: #f27474;
  color: #f27474;
}
.swal2-icon.swal2-error .swal2-x-mark {
  position: relative;
  flex-grow: 1;
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  display: block;
  position: absolute;
  top: 2.3125em;
  width: 2.9375em;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #f27474;
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 1.0625em;
  transform: rotate(45deg);
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 1em;
  transform: rotate(-45deg);
}
.swal2-icon.swal2-error.swal2-icon-show {
  -webkit-animation: swal2-animate-error-icon 0.5s;
          animation: swal2-animate-error-icon 0.5s;
}
.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
  -webkit-animation: swal2-animate-error-x-mark 0.5s;
          animation: swal2-animate-error-x-mark 0.5s;
}
.swal2-icon.swal2-warning {
  border-color: #facea8;
  color: #f8bb86;
}
.swal2-icon.swal2-info {
  border-color: #9de0f6;
  color: #3fc3ee;
}
.swal2-icon.swal2-question {
  border-color: #c9dae1;
  color: #87adbd;
}
.swal2-icon.swal2-success {
  border-color: #a5dc86;
  color: #a5dc86;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 3.75em;
  height: 7.5em;
  transform: rotate(45deg);
  border-radius: 50%;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.4375em;
  left: -2.0635em;
  transform: rotate(-45deg);
  transform-origin: 3.75em 3.75em;
  border-radius: 7.5em 0 0 7.5em;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.6875em;
  left: 1.875em;
  transform: rotate(-45deg);
  transform-origin: 0 3.75em;
  border-radius: 0 7.5em 7.5em 0;
}
.swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid rgba(165, 220, 134, 0.3);
  border-radius: 50%;
}
.swal2-icon.swal2-success .swal2-success-fix {
  position: absolute;
  z-index: 1;
  top: 0.5em;
  left: 1.625em;
  width: 0.4375em;
  height: 5.625em;
  transform: rotate(-45deg);
}
.swal2-icon.swal2-success [class^=swal2-success-line] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #a5dc86;
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
  top: 2.875em;
  left: 0.8125em;
  width: 1.5625em;
  transform: rotate(45deg);
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
  top: 2.375em;
  right: 0.5em;
  width: 2.9375em;
  transform: rotate(-45deg);
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
  -webkit-animation: swal2-animate-success-line-tip 0.75s;
          animation: swal2-animate-success-line-tip 0.75s;
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
  -webkit-animation: swal2-animate-success-line-long 0.75s;
          animation: swal2-animate-success-line-long 0.75s;
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
  -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
          animation: swal2-rotate-success-circular-line 4.25s ease-in;
}

.swal2-progress-steps {
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  margin: 0 0 1.25em;
  padding: 0;
  background: inherit;
  font-weight: 600;
}
.swal2-progress-steps li {
  display: inline-block;
  position: relative;
}
.swal2-progress-steps .swal2-progress-step {
  z-index: 20;
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  border-radius: 2em;
  background: #2778c4;
  color: #fff;
  line-height: 2em;
  text-align: center;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #2778c4;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
  background: #add8e6;
  color: #fff;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
  background: #add8e6;
}
.swal2-progress-steps .swal2-progress-step-line {
  z-index: 10;
  flex-shrink: 0;
  width: 2.5em;
  height: 0.4em;
  margin: 0 -1px;
  background: #2778c4;
}

[class^=swal2] {
  -webkit-tap-highlight-color: transparent;
}

.swal2-show {
  -webkit-animation: swal2-show 0.3s;
          animation: swal2-show 0.3s;
}

.swal2-hide {
  -webkit-animation: swal2-hide 0.15s forwards;
          animation: swal2-hide 0.15s forwards;
}

.swal2-noanimation {
  transition: none;
}

.swal2-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.swal2-rtl .swal2-close {
  right: auto;
  left: 0;
}
.swal2-rtl .swal2-timer-progress-bar {
  right: 0;
  left: auto;
}

@supports (-ms-accelerator: true) {
  .swal2-range input {
    width: 100% !important;
  }
  .swal2-range output {
    display: none;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .swal2-range input {
    width: 100% !important;
  }
  .swal2-range output {
    display: none;
  }
}
@-webkit-keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }
  33% {
    transform: translateY(0) rotateZ(-2deg);
  }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }
  100% {
    transform: translateY(0) rotateZ(0deg);
  }
}
@keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }
  33% {
    transform: translateY(0) rotateZ(-2deg);
  }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }
  100% {
    transform: translateY(0) rotateZ(0deg);
  }
}
@-webkit-keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}
@keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}
@-webkit-keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: 0.5625em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 0.125em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 0.625em;
    left: -0.25em;
    width: 1.625em;
  }
  84% {
    top: 1.0625em;
    left: 0.75em;
    width: 0.5em;
  }
  100% {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
  }
}
@keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: 0.5625em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 0.125em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 0.625em;
    left: -0.25em;
    width: 1.625em;
  }
  84% {
    top: 1.0625em;
    left: 0.75em;
    width: 0.5em;
  }
  100% {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
  }
}
@-webkit-keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }
  65% {
    top: 1.25em;
    right: 0.9375em;
    width: 0;
  }
  84% {
    top: 0.9375em;
    right: 0;
    width: 1.125em;
  }
  100% {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
  }
}
@keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }
  65% {
    top: 1.25em;
    right: 0.9375em;
    width: 0;
  }
  84% {
    top: 0.9375em;
    right: 0;
    width: 1.125em;
  }
  100% {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
  }
}
@-webkit-keyframes swal2-show {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes swal2-show {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
@-webkit-keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }
  100% {
    top: 2.8125em;
    left: 0.8125em;
    width: 1.5625em;
  }
}
@keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }
  100% {
    top: 2.8125em;
    left: 0.8125em;
    width: 1.5625em;
  }
}
@-webkit-keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }
  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}
@keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }
  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}
@-webkit-keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@-webkit-keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}
@keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  overflow: hidden;
}
body.swal2-height-auto {
  height: auto !important;
}
body.swal2-no-backdrop .swal2-container {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  max-width: calc(100% - 0.625em * 2);
  background-color: transparent !important;
}
body.swal2-no-backdrop .swal2-container > .swal2-modal {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
body.swal2-no-backdrop .swal2-container.swal2-top {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
body.swal2-no-backdrop .swal2-container.swal2-top-start, body.swal2-no-backdrop .swal2-container.swal2-top-left {
  top: 0;
  left: 0;
}
body.swal2-no-backdrop .swal2-container.swal2-top-end, body.swal2-no-backdrop .swal2-container.swal2-top-right {
  top: 0;
  right: 0;
}
body.swal2-no-backdrop .swal2-container.swal2-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.swal2-no-backdrop .swal2-container.swal2-center-start, body.swal2-no-backdrop .swal2-container.swal2-center-left {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
body.swal2-no-backdrop .swal2-container.swal2-center-end, body.swal2-no-backdrop .swal2-container.swal2-center-right {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
body.swal2-no-backdrop .swal2-container.swal2-bottom {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
body.swal2-no-backdrop .swal2-container.swal2-bottom-start, body.swal2-no-backdrop .swal2-container.swal2-bottom-left {
  bottom: 0;
  left: 0;
}
body.swal2-no-backdrop .swal2-container.swal2-bottom-end, body.swal2-no-backdrop .swal2-container.swal2-bottom-right {
  right: 0;
  bottom: 0;
}
@media print {
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: scroll !important;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
    display: none;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
    position: static !important;
  }
}
body.swal2-toast-shown .swal2-container {
  background-color: transparent;
}
body.swal2-toast-shown .swal2-container.swal2-top {
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}
body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-center {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
}
body.swal2-toast-shown .swal2-container.swal2-bottom {
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
}
body.swal2-toast-column .swal2-toast {
  flex-direction: column;
  align-items: stretch;
}
body.swal2-toast-column .swal2-toast .swal2-actions {
  flex: 1;
  align-self: stretch;
  height: 2.2em;
  margin-top: 0.3125em;
}
body.swal2-toast-column .swal2-toast .swal2-loading {
  justify-content: center;
}
body.swal2-toast-column .swal2-toast .swal2-input {
  height: 2em;
  margin: 0.3125em auto;
  font-size: 1em;
}
body.swal2-toast-column .swal2-toast .swal2-validation-message {
  font-size: 1em;
}

div[data-valsummary] {font-weight: bold; color: red;}

.dataForm { max-width: 700px; margin-top: 20px; }
.dataFormFullWidth { max-width: 100%; }
.indented { margin-left: 10%; }


@media all {
    .dataFormWithLabels > div { clear: right; overflow: hidden; padding: 1px; margin: 0 0 10px 0; }
        .dataFormWithLabels > div > fieldset > div > div { margin: 0 0 5px 0; }
        .dataFormWithLabels > div > label,
        legend { width: 25%; float: left; padding-right: 10px; padding-top: 4px; color: #1a1a1a; }
        .dataFormWithLabels > div > div,
        .dataFormWithLabels > div > fieldset > div { width: 75%; float: right; }
        .dataFormWithLabels > div > div > div.externalLink {display: inline-table; background-color: red;}
    fieldset { border: 0; padding: 0; }
    .dataFormWithLabels input[type=text],
    .dataFormWithLabels input[type=email],
    .dataFormWithLabels input[type=url],
    .dataFormWithLabels textarea,
    .dataFormWithLabels select { width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 1em; padding: 2px 5px; }

    .dataFormWithLabels input[type=text][disabled],
    .dataFormWithLabels input[type=email][disabled],
    .dataFormWithLabels input[type=url][disabled],
    .dataFormWithLabels textarea[disabled],
    .dataFormWithLabels select[disabled] { background-color: #eaeaea }

        .dataFormWithLabels input[type=text][readonly],
    .dataFormWithLabels input[type=email][readonly],
    .dataFormWithLabels input[type=url][readonly],
    .dataFormWithLabels textarea[readonly],
    .dataFormWithLabels select[readonly] { background-color: #eaeaea }

    .dataFormWithLabels textarea { height: 100px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-family: inherit; font-size: 1em; padding: 2px 5px; }

    .dataFormWithLabels input[type=password] { width: 50%; min-width: 200px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 1em; padding: 2px 5px; }
        .dataFormWithLabels input[type=text]:focus,
        .dataFormWithLabels input[type=email]:focus,
        .dataFormWithLabels input[type=url]:focus,
        .dataFormWithLabels input[type=password]:focus,
        .dataFormWithLabels textarea:focus { outline: 0; border-color: #4697e4; }

        .dataFormWithLabels > div > label span {color: red; font-weight: bold; display: none;}
        .dataFormWithLabels > div > div div.note {color: gray; font-size: .9em; margin: 3px 0}
}

@media (max-width: 500px) {
    .dataFormWithLabels > div { margin: 0 0 15px 0; }
        .dataFormWithLabels > div > label,
        legend { width: 100%; float: none; margin: 0 0 5px 0; }
        .dataFormWithLabels > div > div,
        .dataFormWithLabels > div > fieldset > div { width: 100%; float: none; }
    .dataFormWithLabels input[type=text],
    .dataFormWithLabels input[type=email],
    .dataFormWithLabels input[type=url],
    .dataFormWithLabels input[type=password],
    .dataFormWithLabels textarea,
    .dataFormWithLabels select { width: 100%; }
}

@media (min-width: 800px) {
    .dataFormWithLabels > div > label,
    legend { text-align: right; }
}


@media (max-width: 600px) {
    .indented { margin-left: 3%; }
}

@keyframes enterRight {
  0% { right: -280px; }
  100% { right: 0; }
}

@keyframes exitRight {
  0% { right: 0; }
  100% { right: -280px; }
}

article { position: relative; overflow: hidden; }
.usefulInfo { position: fixed; top: 160px; right: -280px; z-index: 9999; background-color: #E6E6E6; width: 270px; box-shadow: 0px 5px 10px 5px #7b7b7b; }
  .usefulInfo.enter { animation-name: enterRight; animation-delay: 2s; animation-duration: 2s; animation-iteration-count: 1; animation-fill-mode: forwards; }
  .usefulInfo.exit { animation-name: exitRight; animation-delay: 0s; animation-duration: 2s; animation-iteration-count: 1; animation-fill-mode: backwards; }
.uiHeader { display: flex; align-items: center; justify-content: center; }
  .uiHeader h5 { font-size: 1.6rem; background-color: #33A3D9; color: #fff; text-transform: uppercase; height: 40px; width: calc(100% - 40px); display: flex; align-items: center; padding: 0 22px 0 15px; }
  .uiHeader .uiClosePanel { cursor: pointer; background-color: #188CC3; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; }
.uiContent { background-color: #fff; color: #666666; margin: 10px; padding: 15px; position: relative; }
  .uiContent .uiTitle { color: #33A3D9; font-weight: bold; font-size: 1.65rem; }
  .uiContent .uiMessage { color: #323232; padding: 10px 0; margin: 0; font-size: 1.45rem;  }
  .uiContent .uiButton { background-color: #6CA300; color: #fff; font-weight: bold; width: 100%; font-size: 1.4rem; padding: 7px 10px; text-decoration: none; text-align: center; text-transform: uppercase; display: block; }

@media all {

  div.button { display: inline-block; }
    div.button a { color: inherit !important; text-decoration: none !important; }

  #regCorpTopHero { padding: 0% 3% 1% 3%; }
  #regCorpTopHero h2 { font-size: 1.6em; font-weight: bold; color: #990031; line-height: 1.1; margin: 0 0 1% 0; }
  #regCorpTopHero p { font-size: 1.1em; font-weight: 300; color: #010101; line-height: 1.4; margin: 0; }

  #regCorpHero { display: flex; flex-direction: row; position: relative; margin: 0 auto; min-width: 320px; font-size: 1em; border-bottom: 1px solid #95C8EF; }
    #regCorpHero #bgImg { max-width: 800px; background: url(../../assets/template-responsive/banner_maincorpserv.jpg) top center; background-size: cover; }
    #regCorpHero div { width: 800px; background-color: white; font-size: 1.2em; line-height: 1.6; color: black; margin: 0; padding: 3%; top: 3%; }
      #regCorpHero div p { font-size: 1.2em; font-weight: bold; color: #990031; line-height: 1.1; margin: 0 0 4% 0 }
    #regCorpHero ul.bullets { list-style-type: none; padding: 0; margin: 0 0 0 10px }
      #regCorpHero ul.bullets li { font-weight: 300; color: #010101; font-size: 1em; background: url('../../assets/template-responsive/icon_tick_cyan.png') no-repeat left 3px; padding: 0 0 12px 30px; margin: 0; }

  #regCorpStrip1 { margin: 0 auto; padding: 0; min-width: 320px; max-width: 1600px; font-size: 1em; }
    #regCorpStrip1 .col-1-2 { float: left; width: 48%; border: 1px solid #afe0f7; padding: 0; margin: 1% 1% 0 1%; height: fit-content !important; }
      #regCorpStrip1 .col-1-2:first-child { margin: 1% 1% 0 1%; }
      #regCorpStrip1 .col-1-2 div.header { min-height: 140px; background-size: cover; display: flex; align-items: flex-end; }
      #regCorpStrip1 .col-1-2:nth-child(1) div.header { background: url("../../assets/template-responsive/banner_resource_skilled.jpg") top center; background-size: cover; height: 250px; }
      #regCorpStrip1 .col-1-2:nth-child(2) div.header { background: url("../../assets/template-responsive/banner_jobs.jpg") top center; background-size: cover; height: 250px; }

      #regCorpStrip1 .col-1-2 div.waffle { display: flex; flex-direction: column; }
      #regCorpStrip1 .col-1-2 div.text { float: left; width: 100%; background-color: rgba(42, 59, 84, 0.8) !important; color: white; padding: 0; font-size: 1.3em; font-weight: normal; height: auto !important; }
        #regCorpStrip1 .col-1-2 div.text p { padding: 0 10% 10% 10%; line-height: 150%; padding: 3% 5%; margin: 0; min-height: 90px; height: auto; }
        #regCorpStrip1 .col-1-2 div.text h2 { padding: 5% 10% 0 10%; color: #84cff3; font-size: 1em; font-weight: bold; }

      #regCorpStrip1 .col-1-2 div.bullets { float: left; width: 100%; padding: 3%; height: auto !important; }
        #regCorpStrip1 .col-1-2 div.bullets ul { list-style-type: none; padding: 0; margin: 0 }
          #regCorpStrip1 .col-1-2 div.bullets ul li { background: url('../../assets/template-responsive/icon_tick_cyan.png') no-repeat left top; padding: 0 0 12px 30px; margin: 0; font-size: 1em; }
      #regCorpStrip1 .col-1-2 .button { font-size: 1em; font-weight: bold; color: #002255; background-color: #84cff3; width: 90%; height: 40px; line-height: 30px; margin-bottom: 3%; padding: 5px 20px; border: 1px solid white; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }


  #regCorpStripVirtual { margin: 0 auto; padding: 0; min-width: 320px; max-width: 1600px; font-size: 1em; }
    #regCorpStripVirtual .header { margin: 1% 1% 0 1%; background-color: #84cff3; color: #002255; padding: 2% 2%; font-size: 1em }
    #regCorpStripVirtual .row { padding: 0; }
    #regCorpStripVirtual .col-1-2 { float: left; width: 49%; display: flex; flex-direction: column; justify-content: space-evenly; border-right: 1px solid #afe0f7; border-bottom: 1px solid #afe0f7; padding: 2%; margin: 0 1% 0 0; }
      #regCorpStripVirtual .col-1-2:first-child { margin: 0 0 0 1%; border-left: 1px solid #afe0f7; border-right: none; }
      #regCorpStripVirtual .col-1-2 img { width: 100%; height: auto; }
    #regCorpStripVirtual div.bullets ul { list-style-type: none; padding: 0; margin: 0 }
      #regCorpStripVirtual div.bullets ul li { background: url('../../assets/template-responsive/icon_tick_cyan.png') no-repeat left top; padding: 0 0 12px 30px; margin: 0; font-size: 1em; }
    #regCorpStripVirtual div.bullets .button { font-size: 1em; font-weight: bold; color: #002255; background-color: #84cff3; width: 90%; height: 40px; line-height: 30px; margin-bottom: 3%; padding: 5px 20px; border: 1px solid white; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }


  #regCorpStrip2 { margin: 0 auto 2% auto; padding: 0; min-width: 320px; max-width: 1600px; font-size: 1em; }

    #regCorpStrip2 .col-1-2 { float: left; width: 48%; border: 1px solid #afe0f7; padding: 0; margin: 1% 1% 0 1%; background-color: #2a3b54; color: white; }
      #regCorpStrip2 .col-1-2:first-child { margin: 1% 1% 0 1%; background-color: #2a3b54; color: white; }
      #regCorpStrip2 .col-1-2 div.header { background-color: #2a3b54; color: white; padding: 2% 5%; font-weight: normal; }
        #regCorpStrip2 .col-1-2 div.header h2 { color: #84cff3; font-size: 1.2em; font-weight: bold; }
        #regCorpStrip2 .col-1-2 div.header p { color: #fff; font-size: 1em; line-height: 1.3; font-weight: 300; }

      #regCorpStrip2 .col-1-2 div.text { float: left; width: 45%; background-color: #2a3b54; color: white; padding: 0; font-size: 1.6em; font-weight: normal; display: flex; justify-content: center; }
        #regCorpStrip2 .col-1-2 div.text img { width: 90%; height: auto; }
      #regCorpStrip2 .col-1-2 div.content { width:100%; display: flex; flex-direction: column; justify-content: center; text-align: center; }
      #regCorpStrip2 .col-1-2 div.content img { width: 56%; margin: 0 auto; }

      #regCorpStrip2 .col-1-2 div.bullets { float: left; width: 55%; padding: 3%; background-color: #2a3b54; font-weight: 300; color: #DAF1FB; }
        #regCorpStrip2 .col-1-2 div.bullets ul { list-style-type: none; padding: 0; margin: 0 }
          #regCorpStrip2 .col-1-2 div.bullets ul li { background: url('../../assets/template-responsive/icon_tick_cyan.png') no-repeat left top; padding: 5px 0 6px 30px; margin: 0 0 10px 0; }
      #regCorpStrip2 .col-1-2 .button { font-size: 1em; font-weight: bold; color: #002255; background-color: #84cff3; width: 90%; height: 40px; line-height: 30px; margin-top: 3%; margin-bottom: 3%; padding: 5px 20px; border: 1px solid white; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

  #regAFCHero { padding: 1% 3%; }
  #regAFCHero h2 { font-size: 1.6em; font-weight: bold; color: #990031; line-height: 1.1; margin: 0 0 3% 0; }
  #regAFCHero p { font-size: 1.1em; font-weight: 300; color: #010101; line-height: 1.4; margin: 0; }
  #regAFCHero span { font-weight: bold; color: #990031; }

  #regAFCStrip1 .row { display: flex; flex-direction: row; justify-content: space-around; max-width: 1600px; padding: 1%; flex-wrap: wrap; }
  #regAFCStrip1 .row .col-1-2 { width: 48%; height: auto; border: 1px solid #95C8EF; padding: 0; margin: 2% 1% 0 1%; float: left; }
  #regAFCStrip1 .row .col-1-2 a { text-decoration: none; }
  #regAFCStrip1 .row .col-1-2 .header { display: flex; align-items: flex-end; width: 100%; height: 300px; height: 273px; }
  #regAFCStrip1 .row .col-1-2:nth-child(1) .header { background: url('../../assets/template-responsive/banner-136.jpg') no-repeat left bottom; background-size: cover; }
  #regAFCStrip1 .row .col-1-2:nth-child(2) .header { background: url('../../assets/template-responsive/banner_jobboard.jpg') no-repeat left top; background-size: cover; }
  #regAFCStrip1 .row .col-1-2:nth-child(3) .header { background: url('../../assets/template-responsive/banner_AFCWC.jpg') no-repeat left top; background-size: cover; }
  #regAFCStrip1 .row .col-1-2:nth-child(4) .header { background: url('../../assets/template-responsive/BFRS-Stand.png') no-repeat left top; background-size: cover; }
  #regAFCStrip1 .row .col-1-2 .header .text { font-size: 1.3em; color: #fff; background-color: rgba(0, 34, 85, 0.7); line-height: 150%; padding: 3% 5%; width: 100%; }
  #regAFCStrip1 .row .col-1-2 .header .text p { margin: 0; }
  #regAFCStrip1 .row .col-1-2 .info { float: left; width: 100%; padding: 3%; }
  #regAFCStrip1 .row .col-1-2 .info p { padding: 0; margin: 0; font-size: 1em; line-height: 1.4; color: #002255; }

  #regAFCStripSupport { margin: 2.5% auto 0 auto; padding: 0; min-width: 320px; max-width: 1600px; width: 96%; font-size: 1em; }
  #regAFCStripSupport .header { margin: 0; background-color: #84cff3; color: #002255; padding: 2% 2%; font-size: 1.15em; }
  #regAFCStripSupport .header span { font-weight: bold; text-decoration: underline; }
  #regAFCStripSupport .row { width: 100%; display: flex; padding: 1%; }
  #regAFCStripSupport .row .col-1-2 { width: 30%; height: auto !important; padding: 0; background-color: #2A3B54; margin: 0 3%; }
  #regAFCStripSupport .row .col-1-2 a { text-decoration: none; }
  #regAFCStripSupport .row .col-1-2 h2 { text-align: center; justify-content: center; height: 70px; color: #84cff3; font-size: 1.1em; font-weight: bold; padding: 4%; }
  #regAFCStripSupport .row .col-1-2 img { width: 100%; height: auto; padding: 0 }
  #regAFCStripSupport .row .col-1-2 p { text-align: center; justify-content: center; color: #fff; font-size: 1em; line-height: 1.4; font-weight: 300; margin: 5%; }

  #regAFCStripButton1, #regAFCStripButton2 { width: 100%; height: 80px; padding: 0 0 1.5% 0; margin: 1.5% 0 0 0; max-width: 1600px; display: flex; justify-content: center; border-bottom: 1px solid #95C8EF; background-color: white; }
  #regAFCStripButton1 a, #regAFCStripButton2 a { width: 350px; height: 60px; background-color: #990031; color: #fff; font-weight: bold; font-size: 1.2em; border: 1px solid #990031; border-radius: 3px; text-decoration: none; text-align: center; padding-top: 17px; }
  #regAFCStripButton1 button, #regAFCStripButton2 button { width: 350px; height: 60px; background-color: #990031; color: #fff; font-weight: bold; font-size: 1.5em; border: 1px solid #990031; border-radius: 3px; }
}

@media all and ( max-width: 1000px ) {
  #regCorpStrip2 .col-1-2 div.waffle { display: flex; flex-direction: column; }
  #regCorpStrip2 .col-1-2 div.text { width: 100%; }
  #regCorpStrip2 .col-1-2 div.text img { width:50%; }
  #regCorpStrip2 .col-1-2 div.bullets { width: 100%; }
}

  @media all and ( max-width: 797px ) {
    #regCorpStrip1 .col-1-2 { width: 98%; margin: 1% 1% 0 1%; }
    #regCorpStrip1 .waffle .text p { }
    #regCorpStrip2 .row { flex-direction: column; }
    #regCorpStrip2 .col-1-2 { width: 98%; margin: 2% 1%; }
      #regCorpStrip2 .col-1-2 div.text img { width: 30%; }

    #regCorpStripVirtual .col-1-2 { width: 98%; margin: 0 1%; border-left: 1px solid #84cff3; border-right: 1px solid #84cff3 !important; border-bottom: none; }
      #regCorpStripVirtual .col-1-2:last-child { border-left: 1px solid #84cff3; border-right: 1px solid #84cff3; border-bottom: 1px solid #84cff3; }
      #regCorpStripVirtual .col-1-2:first-child { align-items: center; }
    #regCorpStripVirtual .row:last-child { flex-direction: column; text-align: center; }
    #regCorpStripVirtual .col-1-2 img { width: 60%; }
    #regCorpStripVirtual .col-1-2:last-child { text-align: left; }

    #regAFCStrip1 .row .col-1-2 { width: 98%; margin: 2%; }

    #regAFCStripSupport .row { flex-direction: column; }
      #regAFCStripSupport .row .col-1-2 { margin: 2% auto; width: 95%; }
        #regAFCStripSupport .row .col-1-2 h2 { padding: 4%; height: auto; }
        #regAFCStripSupport .row .col-1-2 img { padding: 0; }
  }

  @media all and ( max-width: 697px ) {
    #regCorpHero div h2 { font-size: 1.4em }
  }

  @media all and ( max-width: 600px ) {
    #regCorpHero div { width: 100%; }
    #regCorpHero #bgImg { display: none; }
    #regCorpStrip1 { padding: 4%; }
      #regCorpStrip1 .row:last-child { flex-direction: column; }
  }

  @media all and ( max-width: 550px ) {
    #regCorpStrip1 .col-1-2 div.bullets ul li { font-size: 1.1em; }
    #regCorpStrip2 .col-1-2 div.bullets ul li { font-size: 1.1em; }
    #regCorpStrip1 .col-1-2 div.bullets .button { font-size: 1em !important; }
    #regCorpStrip2 .col-1-2 div.bullets .button { font-size: 1em !important; }
  }


div.row { margin: 0; }
    div.row:last-child { margin-top: 0; margin-bottom: 0; display: flex; justify-content: space-around; max-width: 1600px; width: 100%; padding: 1%; }



div.row div.col div.graphic { max-height: 150px; overflow: hidden; }
    div.row div.col div.graphic img { min-height: 150px; width: 100%; height: auto; }


div.row div.col div.headingBrown { background-color: #bb3722; color: white; font-size: 1.3em; font-weight: bold; padding: 10px; }
div.row div.col:nth-child(even) div.headingBrown { background-color: #857963 }
div.row div.col div.textBrown { background-color: #857963; color: white; padding: 10px; }
div.row div.col:nth-child(even) div.textBrown { background-color: #e7e4df; color: #002255; }

div.row div.col div.headingBlue { background-color: #334e77; color: #84cff3; font-size: 1.3em; font-weight: bold; padding: 10px; }
div.row div.col:nth-child(even) div.headingBlue { background-color: #002255; color: #afe0f7; }
div.row div.col div.textBlue { background-color: #daf1fb; color: #002255; padding: 10px; }
div.row div.col:nth-child(even) div.textBlue { background-color: #84cff3; color: #002255; }


@media all {
    .gridCol-1-5 { float: left; width: 18%; margin: 1%; }
        .gridCol-1-5:nth-child(2n+1) { clear: none; }
        .gridCol-1-5:nth-child(3n+1) { clear: none; }
        .gridCol-1-5:nth-child(4n+1) { clear: none; }
        .gridCol-1-5:nth-child(5n+1) { clear: right; }

    .gridCol-1-4 { float: left; width: 23%;  margin: 1%; }
        .gridCol-1-4:nth-child(2n+1) { clear: none; }
        .gridCol-1-4:nth-child(3n+1) { clear: none; }
        .gridCol-1-4:nth-child(4n+1) { clear: right; }
        .gridCol-1-4:nth-child(4) { clear: right; }

    .gridCol-1-3 { float: left; width: 31%;  margin: 1%; }
        .gridCol-1-3:nth-child(2n+1) { clear: none; }
        .gridCol-1-3:nth-child(3n+1) { clear: right; }

    .gridCol-1-2 { float: left; width: 48%; margin: 1%; }
}


@media all and ( max-width: 960px ) {
    .gridCol-1-5 { float: left; width: 31%; }
        .gridCol-1-5:nth-child(2n+1) { clear: none; }
        .gridCol-1-5:nth-child(3n+1) { clear: both; }
        .gridCol-1-5:nth-child(4n+1) { clear: none; }
        .gridCol-1-5:nth-child(5n+1) { clear: none; }
        .gridCol-1-5:nth-child(5) { margin-right: 31% }

    .gridCol-1-4 { float: left; width: 31%; }
        .gridCol-1-4:nth-child(2n+1) { clear: none; }
        .gridCol-1-4:nth-child(3n+1) { clear: right; }
        .gridCol-1-4:nth-child(4n+1) { clear: none; }
        .gridCol-1-4:nth-child(4) { margin-right: 64% }
}

@media all and ( max-width: 797px ) {
    .gridCol-1-5 { float: left; width: 48%; }
        .gridCol-1-5:nth-child(2n+1) { clear: both; }
        .gridCol-1-5:nth-child(3n+1) { clear: none; }
        .gridCol-1-5:nth-child(4n+1) { clear: none; }
        .gridCol-1-5:nth-child(5n+1) { clear: both; }
        .gridCol-1-5:nth-child(5) { margin-right: 48% }

    .gridCol-1-4 { float: left; width: 48%; }
        .gridCol-1-4:nth-child(2n+1) { clear: right; }
        .gridCol-1-4:nth-child(3n+1) { clear: none; }
        .gridCol-1-4:nth-child(4n+1) { clear: none; }
        .gridCol-1-4:nth-child(4) { margin-right: 1% }

    .gridCol-1-3 { float: left; width: 48%; }
        .gridCol-1-3:nth-child(2n+1) { clear: both; }
        .gridCol-1-3:nth-child(3) { margin-right: 48% }

    .gridCol-1-2 { float: left; width: 48%; }
        .gridCol-1-2:nth-child(2n+1) { clear: both; }
}


@media all and ( max-width: 480px ) {
    .gridCol-1-5 { width: 98%; }
        .gridCol-1-5:nth-child(2n+1) { clear: both; }
        .gridCol-1-5:nth-child(3n+1) { clear: both; }
        .gridCol-1-5:nth-child(4n+1) { clear: both; }
        .gridCol-1-5:nth-child(5n+1) { clear: both; }

    .gridCol-1-4 { width: 98%; }
        .gridCol-1-4:nth-child(2n+1) { clear: both; }
        .gridCol-1-4:nth-child(3n+1) { clear: both; }
        .gridCol-1-4:nth-child(4n+1) { clear: both; }

    .gridCol-1-3 { width: 98%; }
        .gridCol-1-3:nth-child(2n+1) { clear: both; }
        .gridCol-1-3:nth-child(3n+1) { clear: both; }

    .gridCol-1-2 { width: 98%; }
        .gridCol-1-2:nth-child(2n+1) { clear: both; }
}

.noSearchResults {margin-top: 3rem; display: flex; flex-wrap: nowrap;}
.noSearchResults div {align-self: center; color: gray;}
.noSearchResults div img { width: 120px; height: auto; margin-right: 2rem;}

#listOfData div.loadMoreResults {clear: both; background-color: gray; color: white; width: 200px; margin: 0 auto; padding: 10px 20px; cursor: pointer; text-align: center;}
#listOfData div.loadPreviousResults {clear: both; background-color: gray; color: white; width: 200px; margin: 0 auto; padding: 10px 20px; cursor: pointer; text-align: center;}


.onDemandList {display: grid; grid-template-columns: repeat(2, 1fr);}
    .onDemandList .item { margin: .5rem; font-size: 1.4rem; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; padding: 10px 20px; cursor: pointer;}
    .onDemandList .item div.onLoad {background-color: #eaeaea; margin: 8px 0 !important;}
    .onDemandList .item div.title {font-size: 1.7rem; font-weight: bold; color: #002C5A; margin: 8px 0}
    .onDemandList .item div.info {margin: 8px 0}
    .onDemandList .item div.info.onLoad {width: 50%;}
    .onDemandList .item div.logo {float: right; border: 1px; text-align: right;}
        .onDemandList .item div.description {font-size: 1.4rem; font-size: 1.4rem; color: #888888; position: relative; line-height: 1.6em; height: 4.8em !important; overflow: hidden; }
        .onDemandList .item div.description:after { content: ""; text-align: right;  position: absolute; bottom: 0; right: 0; width: 33%; height: 1.6em;  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);}

        @media only screen and (max-width: 1000px) {
          .onDemandList {display: grid; grid-template-columns: repeat(1, 1fr);}
          .onDemandList .item {border-right: none}
        }


.webinarList {display: grid; grid-template-columns: repeat(2, 1fr);}
    .webinarList .item { margin: .5rem; font-size: 1.4rem; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; padding: 10px 20px; cursor: pointer;}
    .webinarList .item div.onLoad {background-color: #eaeaea; margin: 8px 0 !important;}
    .webinarList .item div.title {font-size: 1.7rem; font-weight: bold; color: #002C5A; margin: 8px 0}
    .webinarList .item div.info {margin: 8px 0}
    .webinarList .item div.info.onLoad {width: 50%;}
    .webinarList .item div.logo {float: right; border: 1px; text-align: right;}
        .webinarList .item div.description {font-size: 1.4rem; font-size: 1.4rem; color: #888888; position: relative; line-height: 1.6em; height: 4.8em !important; overflow: hidden; }
        .webinarList .item div.description:after { content: ""; text-align: right;  position: absolute; bottom: 0; right: 0; width: 33%; height: 1.6em;  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);}

        @media only screen and (max-width: 1000px) {
          .webinarList {display: grid; grid-template-columns: repeat(1, 1fr);}
          .webinarList .item {border-right: none}
        }


.workshopList {display: grid; grid-template-columns: repeat(2, 1fr);}
    .workshopList .item { margin: .5rem; font-size: 1.4rem; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; padding: 10px 20px; cursor: pointer;}
    .workshopList .item div.onLoad {background-color: #eaeaea; margin: 8px 0 !important;}
    .workshopList .item div.title {font-size: 1.7rem; font-weight: bold; color: #002C5A; margin: 8px 0}
    .workshopList .item div.info {margin: 8px 0}
    .workshopList .item div.info.onLoad {width: 50%;}
    .workshopList .item div.logo {float: right; border: 1px; text-align: right;}
        .workshopList .item div.description {font-size: 1.4rem; font-size: 1.4rem; color: #888888; position: relative; line-height: 1.6em; height: 4.8em !important; overflow: hidden; }
        .workshopList .item div.description:after { content: ""; text-align: right;  position: absolute; bottom: 0; right: 0; width: 33%; height: 1.6em;  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);}

        @media only screen and (max-width: 1000px) {
          .workshopList {display: grid; grid-template-columns: repeat(1, 1fr);}
          .workshopList .item {border-right: none}
        }



.companyList {display: grid; grid-template-columns: repeat(4, 1fr);}
    .companyList .item {text-align: center; margin: .5rem; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; padding: 10px; cursor: pointer;}
    .companyList .item div.companyName {font-weight: bold; padding: 4px 0;}
    .companyList .item div.companyLogo {display: flex; align-items: center; justify-content: center; height: 100px;}
        .companyList .item div.companyDetail { font-size: 1.4rem; color: #888888; position: relative; line-height: 1.6em; height: 4.8em !important; overflow: hidden; }
        .companyList .item div.companyDetail:after { content: ""; text-align: right;  position: absolute; bottom: 0; right: 0; width: 33%; height: 1.6em;  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);}

        @media only screen and (max-width: 1150px) {
          .companyList {display: grid; grid-template-columns: repeat(3, 1fr);}
        }
        @media only screen and (max-width: 925px) {
          .companyList {display: grid; grid-template-columns: repeat(2, 1fr);}
        }
        @media only screen and (max-width: 550px) {
          .companyList {display: grid; grid-template-columns: repeat(1, 1fr);}
          .companyList .item {border-right: none}
        }


.vacanciesList {display: grid; grid-template-columns: repeat(2, 1fr);}
    .vacanciesList .item { margin: .5rem; font-size: 1.4rem; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; padding: 10px 20px; cursor: pointer;}
    .vacanciesList .item div.onLoad {background-color: #eaeaea; margin: 8px 0 !important;}
    .vacanciesList .item div.title {font-size: 1.7rem; font-weight: bold; color: #002C5A; margin: 8px 0}
    .vacanciesList .item div.info {margin: 8px 0}
    .vacanciesList .item div.info.onLoad {width: 50%;}
    .vacanciesList .item div.logo {float: right; border: 1px; text-align: right;}
        .vacanciesList .item div.description {font-size: 1.4rem; font-size: 1.4rem; color: #888888; position: relative; line-height: 1.6em; height: 4.8em !important; overflow: hidden; }
        .vacanciesList .item div.description:after { content: ""; text-align: right;  position: absolute; bottom: 0; right: 0; width: 33%; height: 1.6em;  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);}

        @media only screen and (max-width: 1000px) {
          .vacanciesList {display: grid; grid-template-columns: repeat(1, 1fr);}
          .vacanciesList .item {border-right: none}
        }

.coursesList {display: grid; grid-template-columns: repeat(2, 1fr);}
    .coursesList .item { margin: .5rem; font-size: 1.4rem; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; padding: 10px 20px; cursor: pointer;}
    .coursesList .item div.onLoad {background-color: #eaeaea; margin: 8px 0 !important;}
    .coursesList .item div.title {font-size: 1.7rem; font-weight: bold; color: #002C5A; margin: 8px 0}
    .coursesList .item div.info {margin: 8px 0}
    .coursesList .item div.info.onLoad {width: 50%;}
    .coursesList .item div.logo {float: right; border: 1px; text-align: right;}
        .coursesList .item div.description {font-size: 1.4rem; font-size: 1.4rem; color: #888888; position: relative; line-height: 1.6em; height: 4.8em !important; overflow: hidden; }
        .coursesList .item div.description:after { content: ""; text-align: right;  position: absolute; bottom: 0; right: 0; width: 33%; height: 1.6em;  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);}

        @media only screen and (max-width: 1000px) {
          .coursesList {display: grid; grid-template-columns: repeat(1, 1fr);}
          .coursesList .item {border-right: none}
        }



.eventsList {display: grid; grid-template-columns: repeat(2, 1fr);}
    .eventsList .item { margin: .5rem; font-size: 1.4rem; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; padding: 10px 20px; cursor: pointer;}
    .eventsList .item div.onLoad {background-color: #eaeaea; margin: 8px 0 !important;}
    .eventsList .item div.title {font-size: 1.7rem; font-weight: bold; color: #002C5A; margin: 8px 0}
    .eventsList .item div.info {margin: 8px 0}
    .eventsList .item div.info.onLoad {width: 50%;}
    .eventsList .item div.logo {float: right; border: 1px; text-align: right;}
        .eventsList .item div.exhibitors {font-size: 1.4rem; color: darkgreen; font-weight: bold; position: relative; padding: 5px 0}
    
        .eventsList .item div.description {font-size: 1.4rem; font-size: 1.4rem; color: #888888; position: relative; line-height: 1.6em; height: 4.8em !important; overflow: hidden; }
        .eventsList .item div.description:after { content: ""; text-align: right;  position: absolute; bottom: 0; right: 0; width: 33%; height: 1.6em;  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);}

        @media only screen and (max-width: 1000px) {
          .eventsList {display: grid; grid-template-columns: repeat(1, 1fr);}
          .eventsList .item {border-right: none}
        }
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

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

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-slider
{
    xmargin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    overflow: hidden;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -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);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
    margin: 0 15px;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


div.standOwnerSubNavigation {clear: both; margin: 25px 0;}
div.standOwnerSubNavigation .message {display: none; clear: both; margin: 25px 0; padding: 7px 20px 7px 20px; z-index: 99; background-color: #ffffaa; border: 1px solid gray; text-align: center;}
div.standOwnerSubNavigation a {display: none; background-color: #31A4D6; color: white; font-weight: bold; padding: 5px 20px; margin-right: 30px; text-decoration: none; text-transform:none ;}
div.standOwnerSubNavigation a.alwaysShow  {display: inline; cursor: pointer;}

.editLink {content: url(/assets/_common/images/icons/icon_Magnify.svg); width:16px; height: 16px; cursor: pointer; }
  .deleteLink {content: url(/assets/_common/images/icons/delete.svg); width:10px; height: 10px; cursor: pointer; }
  .downloadLink {content: url(/assets/_common/images/icons/icon_DownloadFromCloud.svg); width:20px; height: 20px; cursor: pointer; }
  
  
    .toastify{padding:12px 20px;font-size:1.6rem;color:#fff;display:inline-block;box-shadow:0 3px 6px -1px rgba(0,0,0,.12),0 10px 36px -4px rgba(77,96,232,.3);background:-webkit-linear-gradient(315deg,#73a5ff,#5477f5);background:linear-gradient(135deg,#73a5ff,#5477f5);position:fixed;opacity:0;transition:all .4s cubic-bezier(.215,.61,.355,1);border-radius:2px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content;max-width:-moz-fit-content}@media only screen and (max-width:360px){.toastify-left,.toastify-right{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content}}

    @media only screen and (max-width: 360px) { 
      .toastify-right, .toastify-left {
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        max-width: fit-content;
      }
    }

div.dragDropFiles {background-color: #4981B8; color: white; font-size: 1.2em; height: 70px; text-align: center; display: flex; align-items: center; justify-content: center;}

div.dragDropFiles.uploadStatusUnknown { background-color: #CF2B2B !important;}
div.dragDropFiles.uploadStatusFailed { background-color: #CF2B2B !important;}
div.dragDropFiles.uploadStatusSuccess { background-color: #419674 !important;}

div.dragDropFiles div.progressBar {position: relative; height: 70px; width: 100%;}
div.dragDropFiles div.progressBar div.bar {position: absolute; top: 0; left: 0; height: 100%; background-color: #CF7D2B !important; }
div.dragDropFiles div.progressBar div.percent {position: relative; top: 0; text-align: center; z-index: 1; padding: 20px 10px;}

/*----------------*/
/*-----PRESETS----*/
/*----------------*/

* { padding: 0; margin: 0; box-sizing: inherit; }
html { font-size: 55%; box-sizing: border-box; }
body { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 1.6rem; overflow-y: scroll; }
#regLeftMenu #ResultsLHM { display: none; }
#regBodyContent { width: 100vw; }
#flexContent { display: flex; flex-direction: row; }
.inner { max-width: 1400px; margin: 0 auto !important; }
.innerlg { max-width: 1600px; margin: 0 auto; }
.edges { padding: 50px 25px 35px 25px !important; }
.desktopOnly { display: unset; }
.mobileOnly { display: none; }
.standsDesktopOnly { display: flex !important; }
.standsMobileOnly { display: none !important; }
.mainContent { width: 100%; font-size: 1.5rem; }

/*-------------------------*/
/*-----DEFAULT STYLES------*/
/*-------------------------*/
p { margin: .25rem 0 .75em 0; }
input[type=submit], input[type=button] {cursor: pointer;}
input[type=text] { padding: 2.5px; } 
input[type=radio] { margin: 2.5px; }
input[type=checkbox] { margin: 2.5px; }
h1 {font-size: 1.75em; font-weight: bold; color: #990031; line-height: 1.1; margin: 0 0 2% 0;}
h2 {font-size: 1.4em; font-weight: bold; line-height: 1.1; margin: 10px 0 4px 0;}
h3 { margin: 10px 0 2.5px 0 }
h4 { margin: 10px 0 2.5px 0 }
div[data-item-url] { cursor: pointer; }
ul, ol { margin: 14px 0; padding-left: 40px; }
ul ul, ul ol, ol ul, ol ol { margin: 0; padding-left: 40px; }

iframe { max-width: 700px; width: 100%; height: 350px; }


/*------------------*/
/*-----BUTTONS------*/
/*------------------*/
div.buttonGroup{margin:25px 0 12px 30px}
div.buttonGroup input[type=submit] {display:inline-table !important; margin-left:60px;  padding: 10px 30px !important}
div.buttonGroup input[type=submit]:first-child, div.buttonGroup a.btn:first-child {margin-left:0}

div.buttonGroup a.btn {display:inline-table  !important; margin-left:60px; padding: 13.5px 30px}
div.buttonGroup .buttonGreen {background-color: darkgreen !important; color: white !important;}

@media all and ( max-width: 679px ) {
  div.buttonGroup{margin:25px 0 12px 0}
  div.buttonGroup input[type=submit] {display: block; margin: 5px 0 !important; margin-right: 10px !important;}
}

#regBodyContent input[type=submit] { line-height: 1.1rem; background-color: #88D0F0; color: #002C5A; border: none; display: flex; justify-content: center; align-items: center; padding: 11px 10px; font-weight: 700; font-size: 1.4rem; text-transform: uppercase; text-decoration: none; }
#regBodyContent input[type=submit][disabled] {background-color: gray; color: white;}

.btn { line-height: 1.3rem; display: flex; justify-content: center; align-items: center; padding: 13.5px 0; font-weight: 700; font-size: 1.6rem; text-transform: uppercase; text-decoration: none; }
.btnShort { width: 150px; }
.btnLong { width: 100%; }
.btnLightBlue { background-color: #88D0F0; color: #002C5A; }
.btnDarkBlue { background-color: #002C5A; color: #88D0F0; }

/*----------------*/
/*-----FORMS------*/
/*----------------*/
.formGroup { max-width: 450px; margin: 20px auto; }
.formGroup > div { display: flex; }
.formGroup > div:not(:last-of-type) { margin-bottom: 13px; }
.formGroup > div > div:first-of-type { max-width: 95px; width: 100%; text-align: right; padding-right: 15px; display: flex; justify-content: flex-end; align-items: center; }
.formGroup > div > div:last-of-type { max-width: 315px; width:100%; }
.formGroup input, .formGroup select { width: 100%; padding: 7px; border: none; }
.formGroup p { color: #fff; font-weight: bold; font-size: 1.1rem; text-transform: uppercase; margin: 20px 0 10px 0; text-align: center; }
.formGroup p > span { color: #88D0F0; font-weight: 400; font-size: 1.1rem; text-transform: none;  }
.formLightBlue {color: #88D0F0; font-weight: 700; font-size:1.6rem; }
.formDarkBlue { color: #002C5A; font-weight: 700; font-size: 1.6rem; }
.formGroup .actionButton {cursor: pointer;}
.formGroup .criteria {color: white; font-weight: 700; font-size:1.6rem; text-align: center; }
.formGroup.ofTheWeek .description {margin: 10px 0 !important}

/*-----------------------*/
/*-----SCROLL TO TOP-----*/
/*-----------------------*/
.cd-container { width: 90%; max-width: 768px; margin: 2em auto; }
.cd-container::after { /* clearfix */ content: ''; display: table; clear: both; }

.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; left: 100px; bottom: 10px; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: #88D0F0 url(/assets/_common/images/icons/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; -o-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; -o-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .7; }
.cd-top:hover { background-color: #88D0F0; opacity: 1; }

@media only screen and (min-width: 1024px) {
  .cd-top { height: 60px; width: 60px; right: 30px; bottom: 10px; }
}



/*----------------*/
/*-----HEADER-----*/
/*----------------*/
.headerTop { height: 140px; padding: 23px 24px; display: grid; grid-template-columns: 132px 174px 132px auto 350px; column-gap: 5.5px; }
.headerLogo { width: 132px; }
.headerDetails { display: flex; flex-direction: column; }
.headerBrandName { color: #002C5A; font-size: 3.8rem; text-transform: uppercase; font-weight: 700; text-decoration: none; margin-top: 10px; margin-left:20px; line-height: 4.5rem; }
.headerPhone { color: #84CFF3; font-size: 2.6rem; font-weight: 700; text-decoration: none; margin-left: 20px; }
.headerSponsor { color: #002C5A; font-size: 1rem; text-transform: uppercase; }
.headerBtnGroup { grid-column: 5; display: flex; justify-content: flex-end; align-items: center; }
.headerMobileBtnGroup { grid-column: 3; display: none; justify-content: flex-end; align-items: center; }
.headerMobileBtnGroupLink { color: #002C5A; font-weight: 700; font-size: 0.9rem; text-transform: uppercase; text-align: center; text-decoration: none; display: flex; flex-direction: column; }
.headerMobileBtnGroupImg { height: 40px; width: 40px; padding: 9px; margin: 0 auto 5px auto; }
.headerMobileBtnGroupImg.bg-dark { background-color: #002C5A; }
.headerMobileBtnGroupImg.bg-light { background-color: #88D0F0; }
.headerMenuBar { background-color: #002C5A; width: 100%; }
.headerMenuList { display: flex; justify-content: space-between; padding: 0 24px; }
.headerMenuLink { padding: 16px 0; color: #88D0F0; font-weight: 700; font-size: 1.7rem; text-transform: uppercase; text-align:center; text-decoration: none; }
.headerMobileMenuBar { display: none; background-color: #002C5A; width: 100%; }
.headerMobileMenuList { display: flex; justify-content: space-between; padding: 8px 24px; }
.headerMobileMenuLink { color: #fff; font-weight: 700; font-size: 0.9rem; text-transform: uppercase; text-align: center; text-decoration: none; display: flex; flex-direction: column; }
.headerMobileMenuImg { height: 22px; width: auto; margin-bottom: 5px; }

.accountMenu { list-style-type: none; position: relative; }
#accountDropdownMenu { display: none; list-style-type: none; background-color: #fff; color: #4D4D4D; margin: 0; width: max-content; font-weight: 400; padding: 10px; position: absolute; right: 0; z-index: 9999; flex-direction: column; border: 1px solid #002C5A; }
#accountDropdownMenu li::before { content: ""; display: inline-block; width: 15px; height: 15px; background-color: #31A4D6; position: absolute; top: 9px; left: 0; }
#accountDropdownMenu li { padding: 8px 0 4px 20px; margin: 2px 0 0 0; position: relative; }
#accountDropdownMenu li a { color: #4D4D4D; text-decoration: none; }

.accountMenuMobile { list-style-type: none; padding:0; margin:0; }
#accountDropdownMenuMobile { display: none; list-style-type: none; background-color: #fff; color: #4D4D4D; margin: 0; font-weight: 400; padding: 10px; position: absolute; right:0; z-index: 9999; flex-direction: column; border: 1px solid #002C5A; }
#accountDropdownMenuMobile li::before { content: ""; display: inline-block; width: 15px; height: 15px; background-color: #31A4D6; position: absolute; top: 9px; left: 0; }
#accountDropdownMenuMobile li { padding: 8px 0 4px 20px; margin: 2px 0 0 0; position: relative; }
#accountDropdownMenuMobile li a { color: #4D4D4D; text-decoration: none; }


/*----------------*/
/*-----FOOTER-----*/
/*----------------*/
.footerSponsors { border-top: 1px solid #88D0F0; border-bottom: 1px solid #88D0F0; }
.footerSponsorList { display: grid; grid-template-columns: repeat(3, 1fr); padding: 33px 0; }
.logoScroll {margin: 10px auto;}
.dynamicBanner { display:flex; justify-content: center; align-items: center; }
.footerSponsorList img { max-width: 314px; width: 100%; height: auto; }
.footerMenuBarTop { background-color: #88D0F0; padding: 20px 45px; width: 100%; }
.footerMenuBarTop > div { display: grid; grid-template-columns: repeat(3, 1fr); }
.footerMenuBarBottom { background-color: #DAF1FB; padding: 20px 45px; width: 100%; }
.footerMenuBarBottom > div { display: grid; grid-template-columns: repeat(3, 1fr); }
.footerMenuList { color: #002C5A; background-color: #DAF1FB; padding-left: 0; margin: 0; }
.footerMenuItem::before { content: ""; background: url(/Assets/template-responsive/arrow_right.svg); background-position: left top; background-repeat: no-repeat; background-size: contain; height: 10px; width: 6px; position: absolute; top: 6.5px; left: 0; }
.footerMenuItem { list-style-type: none; padding-left:20px; position: relative; }
.footerMenuLink { color: #002C5A; font-size: 1.4rem; font-weight: 500; text-decoration: none; line-height: 1.75; }
.footerMenulogo { list-style-type: none; margin-top: 20px; text-align: center;}
.footerMenulogoImg { height: 95px; width: 285px; }
 footerMenulogoImgRound { height: 130px; width: 130px;  }
.footerContact { padding: 26.5px; background-color: #002C5A; color: #DAF1FB; }
.footerContact > div { display: flex; justify-content: space-between; align-items: center; }
.footerContactName { font-size: 1.8rem; font-weight: 600; font-style: normal; }
.footerContactAddress { font-size: 1.4rem; font-weight: 400; font-style: normal; }
.footerContactLink { color: #DAF1FB; text-decoration: none; }
.footerSocial { width: 305px; display: flex; justify-content:space-between; }
.footerSocialLink:not(:first-of-type) { margin-left: 30px; }
.footerBottomMenu { padding: 22px 26.5px; background-color: #990031; color: #fff; }
.footerBottomMenu > div { display: flex; }
.footerBottomMenuList { display: flex; flex-wrap:wrap; font-size: 1.4rem; padding-left: 0; margin:0; }
.footerBottomMenuItem { list-style-type: none; position: relative; margin: 0 20px 0 0; }
.footerBottomMenuItem:not(:last-of-type)::after { content: "|"; position: absolute; top: -1px; right: -12px; }
.footerBottomMenuLink { color: #fff; text-decoration: none; }

.footerMenuBarMobile { display: none; }

@media all {
  #regLeftMenu { width: 195px; height: 100%; background-color: #fff; color: #4D4D4D; font-weight: bold; border-right: 1px solid #31A4D6; padding: 20px 12px 50px 5px; margin-right: 10px; font-size: 1.5rem; position: relative; top: -47px; }
  #pageTitleLHM { color: #000; }
  #pageIntroductionLHM { font-weight: normal; color: #000; }
 #regLeftMenu .heading { font-size: 1.6rem; color: white; padding: 10px; margin: 15px 0 4px 0; background-color: #002255; }
  #regLeftMenu .heading:first-child { margin: 4px 0;}
  #regLeftMenu ul.options { padding: 0; margin: 0; width: 195px; }
  #regLeftMenu ul li { margin: 8px 10px 8px 7px; cursor: pointer; list-style-type: none !important; }
  #regLeftMenu ul li a { color: #4D4D4D; text-decoration: none; }
  #regLeftMenu ul li label {margin-left: 2px; margin-top: -1px;}
  #regLeftMenu ul li select {width: 170px;}
  #regLeftMenu ul li div.bullet {width: 14px; height: 14px; background-color: #B10035; float: left; margin-right: 5px; }
  #regBodyContent { margin: 0 0 0 0; width: 100%; padding: 0; }
}


@media all and ( max-width: 679px ) {
  #flexContent { display: flex; flex-direction: column; }
  #regLeftMenu.sideMenuDesktop { display: none; }
  #regLeftMenu.contentColumn { flex-direction: row; width: 100%; height: fit-content; border: none; padding: 0; margin-bottom: 1rem; top: 0; }
  #regLeftMenu ul.options { padding: 0; margin: 0; width: 100%; }
  #regLeftMenu #searchBySector, #regLeftMenu #searchByCompany, #regLeftMenu #searchByCategory, #regLeftMenu #searchByLocation, #regLeftMenu #searchByEventType, #searchByPastEvent, #regLeftMenu #companySearchPartOfName, #regLeftMenu #searchByExhibitingAt { width: 100%; }
  #regLeftMenu #ResultsLHM { display: flex; margin: 3rem 0 0 0; color: #000; font-size: 1.9rem; }
  .edges { padding: 20px 15px 20px 15px !important; }
}

/*----------------*/
/*----DEFAULT-----*/
/*----------------*/
.sectionBg { background: linear-gradient(325deg, #FFFFFF 0%, #FFFFFF 70%, #002C5A 85%, #990031 100%); }

.sectionOne { position: relative; overflow: hidden; padding: 56px 50px 56px 88px; display: flex; justify-content: space-between; max-width: 1500px; margin: 0 auto; }
.sectionOne .sOneStandImg { position: absolute; top: 15%; right: -3%; width: 800px; filter: opacity(0.6); }
.sectionOne .sOneStandImg img { width: 100%; height: auto; }

.sectionOne .left { display: grid; grid-template-columns: repeat(3, 140px); grid-template-rows: repeat(2, 140px) 78px; grid-column-gap: 32px; grid-row-gap: 14px; z-index: 9; }
.sectionOne .left .panel { position: relative; background-color: #002C5A; border: 1px solid #88D0F0; text-align: center; display: flex; flex-direction: column; justify-content: center; padding: 15px; }
.sectionOne .left .sOnePanelOne { grid-column: 1 / 1; grid-row: 1 / 1; }
.sectionOne .left .sOnePanelTwo { grid-column: 2 / 2; grid-row: 1 / 1; }
.sectionOne .left .sOnePanelThree { grid-column: 3 / 3; grid-row: 1 / 1; }
.sectionOne .left .sOnePanelFour { grid-column: 1 / 1; grid-row: 2 / 2; }
.sectionOne .left .sOnePanelFive { grid-column: 2 / 2; grid-row: 2 / 2; }
.sectionOne .left .sOnePanelSix { grid-column: 3 / 3; grid-row: 2 / 2; }
.sectionOne .left .panelStatistic { color: #84CFF3; font-weight: 700; font-size: 4.2rem; margin: 0; }
.sectionOne .left .panelDetail { color: #fff; font-weight: 400; font-size: 1.4rem; text-transform: uppercase; margin: 0; }
.sectionOne .left .sOneCTA { grid-column: 1 / 4; grid-row: 3 / 3; max-width: 800px; width: 100%; min-height: 60px; height: fit-content; text-align: center; margin-top: 18px; background-color: #990031; color: #fff; font-weight: 600; font-size: 2rem; padding: 10px; display: grid; align-items: center; z-index: 1; }

.sectionOne .right { display: grid; grid-column-gap: 100px; grid-template-columns: 100%; grid-template-rows: repeat(2, auto); row-gap: 40px; z-index: 9; }
.sectionOne .right .sOneEvent { background: rgba(0, 44, 90, 0.9); padding: 20px 30px; }
.sectionOne .right .sOneEvent .panelEvent { font-size: 4.8rem; font-weight: 700; color: #88D0F0; text-transform: uppercase; text-align: center; margin: 0 0 15px 0; }
.sectionOne .right .sOneEvent .panelEventName { font-size: 3.2rem; font-weight: 700; color: #fff; text-align: center; margin: 0 0 10px 0; }
.sectionOne .right .sOneEvent .panelEventDate { font-size: 2.1rem; font-weight: 700; color: #88D0F0; text-align: center; margin: 0 0 10px 0; }
.sectionOne .right .sOneEvent .panelEventDetails { font-size: 1.6rem; font-weight: 400; color: #fff; text-align: center; margin: 0; }
.sectionOne .right .sOneCountdown { background: rgba(0, 44, 90, 0.9); padding: 20px 30px; }
.sectionOne .right .sOneCountdown .countdownTitle { color: #fff; font-weight: 700; font-size: 1.8rem; text-align: center; text-transform: uppercase; margin: 0; letter-spacing: 2px; }
.sectionOne .right .sOneCountdown .countdowntimerdiv { margin: 25px auto; }
.sectionOne .right .sOneCountdown #defaultcountdown { height: 100%; display: flex; justify-content: center; }
.sectionOne .right .sOneCountdown .countdown_row { display: grid; grid-template-columns: repeat(4, 115px); column-gap: 28px; align-items: center; text-align: center; height: 100%; }
.sectionOne .right .sOneCountdown .countdown_section { text-align: center; height: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid #88D0F0; color: #fff; }
.sectionOne .right .sOneCountdown .countdown_amount { font-size: 3.8rem; font-weight: bold; line-height: 1; }
.sectionOne .right .sOneCountdown .countdown_time_selection { text-transform: uppercase; margin-top: 10px; }
.sectionOne .right .sOneCountdown .btnLightBlue { max-width: 540px; margin: 0 auto; display: flex; justify-content: center; }

.sectionTwo { display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 10px; }
.sTwoPanelOne { background: url(/Assets/template-responsive/bannerbg_exhibition.jpg); background-position: center center; max-width: 465px; background-size: cover; padding: 15px; display: flex; flex-direction: column; }
.sTwoPanelTwo { background: #88D0F0; max-width: 465px; padding: 15px; display: flex; flex-direction: column; }
.sTwoPanelThree { background: #990031; max-width: 465px; padding: 15px; display: flex; flex-direction: column; }
.panelTitleBar { display: flex; }
.panelTitleLeft { width: 50%; padding: 10px 0 10px 5px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.panelTitleRight { width: 50%; padding: 0 5px 10px 20px; border-bottom: 1px solid #fff; }
.panelTitleRight img {max-width: 100%;}
.titleBlue { color: #88D0F0; font-size: 2.8rem; font-weight: 700; text-transform: uppercase; margin: 0; }
.titleWhite { color: #fff; font-size: 2rem; font-weight: 700; text-transform: uppercase; margin: 0; }
.titleRed { color: #990031; font-size: 2.8rem; font-weight: 700; text-transform: uppercase; margin: 0; }
.titleBlueDark { color: #002C5A; font-size: 2rem; font-weight: 700; text-transform: uppercase; margin: 0; }
.titleStat { color: #88D0F0; font-size: 4.6rem; font-weight: 800; line-height: 1.2; margin: 0; }
.titleStat.red { color: #990031; }
.titleDesc { color: #fff; font-size: 1.3rem; font-weight: 500; margin: 0; }
.titleDesc.blueDark { color: #002C5A; }

.sectionThree { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto); column-gap: 100px; padding: 40px 50px; margin-bottom: 10px; }
.sectionThree h1 { grid-column: 1 / 1; grid-row: 1 / 1; color: #002C5A; font-size: 3.6rem; font-weight: 700; margin-bottom: 0px !important; }
.sectionThree h2 { grid-column: 1 / 1; grid-row: 2 / 2; color: #002C5A; font-size: 2.2rem; font-weight: 400; }
.sectionThree ul { grid-column: 2 / 2; grid-row: 1 / -1; color: #002C5A; font-size: 1.5rem; font-weight: 400; padding-top: 20px; margin:0; }
.sectionThree li { margin-bottom: 30px; position:relative; list-style-type: none; }
.sectionThree li span { font-weight: bold; }
.sectionThree li::before { content: ""; position: absolute; left: -40px; top: -3px; box-sizing: border-box; height: 24px; width: 24px; border-radius: 50%; padding: 5px; background: url(/Assets/template-responsive/icon_Tick.svg) #002C5A; background-repeat: no-repeat; background-position: center center; }

.sectionFour { display: grid; grid-template-columns: repeat(4, 1fr); margin-bottom: 10px; }
.sectionFour > .panel { padding: 25px; background-position: center center; background-size: cover; }
.sFourPanelOne { background: url(/Assets/template-responsive/panelbg_webinars.jpg); box-shadow: inset 0 0 0 500px rgba( 0, 44, 90, 0.85); }
.sFourPanelTwo { background: url(/Assets/template-responsive/panelbg_workshops.jpg); box-shadow: inset 0 0 0 500px rgba( 153, 0, 49, 0.85); }
.sFourPanelThree { background: url(/Assets/template-responsive/panelbg_videos.jpg); box-shadow: inset 0 0 0 500px rgba( 0, 44, 90, 0.85); }
.sFourPanelFour { background: url(/Assets/template-responsive/panelbg_events.jpg); box-shadow: inset 0 0 0 500px rgba( 153, 0, 49, 0.85); }
.panelLine1 { color: #fff; font-weight: 700; font-size: 2.1rem; text-transform: uppercase; margin:0; }
.panelLine2 { color: #88D0F0; font-weight: 700; font-size: 3.1rem; text-transform: uppercase; margin: 0; }
.panelDescription { color: #fff; font-weight: 400; font-size: 1.4rem; margin: 14px 0; }

.sectionFive { margin-bottom: 10px; background: url(/Assets/template-responsive/bannerbg_exhibition.jpg); }


.sFivePanelTwo .btn { max-width: 540px; margin: 0 auto; display: flex; justify-content: center; }

.sectionSix { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 20px; padding: 20px; margin-bottom: 10px; }
.sectionSix > .panel { background-position: center center; background-size: cover; height: 310px; position: relative; }
.sSixPanelTwo { background: url(/Assets/template-responsive/panelbg_newsletter.jpg); }
.sSixPanelThree { background: #DAF1FB; }
.panelText { background: rgba(0, 44, 90, 0.85); padding: 20px; height: 55%; width: 100%; position: absolute; bottom: 0; }
.panelText .title { color: #88D0F0; font-weight: 700; font-size: 2.6rem; margin: 0 0 10px 0; }
.panelText .text { color: #fff; font-weight: 400; font-size: 1.6rem; margin:0; }
.panelText .btn { margin: 20px auto; max-width: 400px; display: flex; justify-content: center; }
.pollTitle { color: #fff; font-weight: 700; font-size: 2.5rem; background-color: #002C5A; padding: 13px 20px; margin:0; }
.pollQuestion { color: #002C5A; font-weight: 700; font-size: 1.8rem; padding: 0; margin: 0; }

.video-wrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ }
.video-wrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*------Stands-------*/
#regViewport > #regLeftMenu { margin-top: 47px; }
.standsMenu { background-color: #002C5A; width: 100%; margin-top: 1px; }
.standsMenu > div { display: flex; justify-content: space-between; padding: 0 24px; margin-top: -4px; }
.standsMenu > div > div { display: flex; }
.standsMenuLink { padding: 12px 0; color: #fff; font-weight: 500; font-size: 1.4rem; text-decoration: none; display: flex; align-items: center; position: relative; margin-right:28px; } 
.standsMenuImg { margin-right: 15px; }
.standNotification { width: 15px; height: 15px; background-color: #FFB300; color: #002C5A; border-radius: 50%; line-height: 0.45; position: absolute; padding: 5px; top: 14px; left: 16px; }


/*-----------------*/
/*----METRICS -----*/
/*-----------------*/
.metrics {clear: both;}
  .metrics div.item {display: inline-table; width: 200px; height: 150px; padding: 15px 10px 10px 10px; margin: 10px 1%; background-color: #31A4D6; text-align: center; border: 5px solid transparent;}
  .metrics div.item.highlight {animation: border-pulsate 2s infinite;}
  .metrics div.item div:first-child {height: 55px; font-size: 1.3em; color: white;}
  .metrics div.item div:last-child {font-size: 2em; color: yellow;}

  @keyframes border-pulsate {
    0%   { border-color: rgba(255, 0, 0, 1); }
    50% { border-color: rgba(255, 0, 0, 0); }
    100%   { border-color: rgba(255, 0, 0, 1); }
}

    @media only screen and (max-width: 1180px) {
      .metrics div.item div:first-child {height: 45px;}
      .metrics div.item {width: 31%;height: 120px; }
    }
    @media only screen and (max-width: 820px) {
      .metrics div.item {width: 46%}
    }
    @media only screen and (max-width: 400px) {
      .metrics div.item div:first-child {height: 30px;}
      .metrics div.item { width: 100%; height: 90px}
    }

/*--------------------------*/
/*----TABULATOR / TABLES----*/
/*--------------------------*/
.tabulator div.note {margin-left: 20px; padding: 3px 0; font-size: .8em; text-transform: uppercase; color: gray; font-weight: bold;}
.tabulator div.note::before {content:'\00BB'}
.tabulator .tabulator-headers  {color: #002255; background-color: #afe0f7}

  .datagridFooter {margin: 10px 0; font-size: 1.4rem; color: gray;}
  .datagridFooter div.info {padding: 3px 6px; color: black; display: inline-block; margin-left: 60px;}
  .datagridFooter div.changePage {border: 1px solid #990031; background-color: #990031; padding: 3px 6px; margin-right: 3px; color: white; display: inline-block; cursor: pointer; }
  .datagridFooter div.changePageDisabled {border: 1px solid #BFBFBF; background-color: #BFBFBF; padding: 3px 6px; margin-right: 3px; color: white; display: inline-block; cursor: pointer;}



/*--------------------------*/
/*----BLOG POSTS        ----*/
/*--------------------------*/

/* List of posts*/
.blogMenuTitle { text-align: center; margin: 25px 0 10px 0; font-size: 19px; font-weight: 600; border-bottom: 3px solid #004996; text-transform: uppercase; color: #004996; cursor: pointer; display: flex; flex-direction: row; align-items: center; justify-content: center; }
.blogMenuTitle::after { content: ""; background-image: url(../../Images/template/caret-down.png); background-size: contain; background-repeat: no-repeat; width: 35px; height: 35px; margin-left: 10px; }
.blogMenuTitle.rotated::after { transform: rotate(180deg); }

.dropdownCategories { width: 100%; }
.dropdownCategories > h5 { text-align: center; margin: 0 auto 10px auto; font-size: 16px; text-transform: uppercase; }
.blogCategoriesList { user-select: none; display: flex; flex-direction: row; flex-wrap: wrap; grid-gap: 10px; justify-content: center; margin: 0;  }
.blogCategoriesList > a { background: #004996; color: #E7EAD2 !important; padding: 5px 10px; border-radius: 5px; font-weight: 400 !important; font-size: 14px !important; text-decoration: none; }
.blogCategoriesList > a:hover { text-decoration: none; background: #05b4cc; }

 /* List of blog posts*/
.blogEntries { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 40px; margin: 40px 0; }
.blogEntries .btn { border: none; }
.blogEntries .btn:hover { border: none; }

.blogEntries .blogPost { border-bottom: 3px solid #88D0F0; background: #eaeaea; display: flex; flex-direction: column; }
.blogEntries .imgContainer { width: 100%; height: 200px; overflow: hidden; }
.blogEntries .imgContainer img { display: block !important; width: 100% !important; height: auto !important; object-fit: cover; min-height: 300px; margin-top: -30px; }
.blogEntries .blogDetails { padding: 20px; display: flex; flex-direction: column; height: 100%; flex: 1; }
.blogEntries .blogPostTitle { margin: 10px auto; font-size: 1.2em; font-weight: bold; color: #004996; }
.blogEntries .blogPostTitle a { text-decoration: none; }
.blogEntries .blogPostTitle a:hover { color: #002C5A; }
.blogEntries .blogDateFiled { color: Gray; text-align: center; margin: 7px auto; }
.blogEntries .blogContent { padding-bottom: 10px; overflow:hidden; text-align: left; flex: 1; }   
.blogEntries .blogReadMore > a { display: block; text-decoration: none!important; cursor: pointer; transition: background .4s ease-out; text-transform: uppercase; background: #002C5A; color: #fff; margin: 10px auto; width: 150px; text-align: center; }

/* individual post*/
.blogPost { margin-bottom: 20px;}
.blogPost p {line-height: 130%;}
.blogPost .filedAs {padding: 15px 0 20px 0; color: gray; font-weight: bold;}
.blogPost .filedAs a {color: #002C5A; font-weight: normal; text-decoration: none;}
.blogPost .filedAs a:hover {text-decoration: underline;}
.blogPost .imgContainer { width: 100%; height: auto; margin-bottom: 8px !important;}
.blogPost .imgContainer img { width: 100%; height: auto; }
.blogPost .filedAs {padding: 15px 0 20px 0; color: gray; font-weight: bold;}
.blogPost .otherRecentPosts {padding: 15px 0 20px 0; color: gray; font-weight: bold;}
.blogPost .otherRecentPosts ul li {margin-bottom: 8px;}
.blogPost .otherRecentPosts a {color: #002C5A; font-weight: normal; text-decoration: none;}
.blogPost .otherRecentPosts a:hover {text-decoration: underline;}

/* Job/Course of the week panel */
.ofTheWeekPanel { max-width: 1145px; font-family: 'Roboto', sans-serif; width: 100%; display: grid; grid-template-columns: repeat(2, 50%); border: 1px solid #dfe1e3; background: #ecf5fc; }
.ofTheWeekPanel .left { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 50px 0 50px 40px; background: url('https://bfrss.org.uk/Assets/template-responsive/bannerbg_exhibition.jpg') center center no-repeat; background-size: cover; }
.ofTheWeekPanel .left h2 { color: #a4cdee; font-size: 60px; width: 250px; font-weight: 300; margin: 0; text-transform: uppercase; }
.ofTheWeekPanel .left img { max-height: 100px; display: block; height: auto; width: auto; border-right: 1px solid #dfe1e3; }
.ofTheWeekPanel .right .header { padding: 20px; background: #a3ceee; }
.ofTheWeekPanel .right .header h3 { font-size: 24px; font-weight: bold; margin: 0; color: #1b305d; }
.ofTheWeekPanel .right .content { padding: 20px 25px; }
.ofTheWeekPanel .right .content p { margin: 0 0 6px 0; font-size: 12px; line-height: 16px; }
.ofTheWeekPanel .right .content p span { font-weight: bold; }
.ofTheWeekPanel .right .content p.description { margin: 20px 0 8px 0; }
    .ofTheWeekPanel .right .content .btn {cursor: pointer;}
           
/*----------------*/
/*----QUERIES-----*/
/*----------------*/


@media only screen and (max-width: 1300px) {
    .sectionOne { flex-direction: column; grid-gap: 65px; align-items: center; padding: 20px; }
    .sectionOne .left { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, auto); column-gap: 10px; row-gap: 10px; width: 100%; }
    .sectionOne .left .panel { padding: 10px; }
    .sectionOne .left .sOneCTA { margin: 20px auto; font-size: 1.7rem; line-height: 1.3; width: auto; padding: 0 40px; }
    .sectionOne .right { grid-template-columns: repeat(2, 1fr); padding: 0; row-gap: 0; column-gap: 50px; }
    .sectionOne .right .sOneEvent { display: flex; flex-direction: column; align-items: center; justify-content: center; }
    .sectionOne .right .sOneCountdown { display: flex; flex-direction: column; align-items: center; justify-content: center; }
    .sectionOne .sOneStandImg { top: unset; bottom: 1%; right: calc(50% - 300px); width: 600px; }
}


@media only screen and (max-width: 1100px) { 
  .desktopOnly { display: none; }
  .mobileOnly { display: unset; }
  .headerTop { column-gap: 20px; }

.sectionOne .left .panelStatistic { font-size: 3.2rem; }
.sectionOne .left .panelDetail { font-size: 1.1rem; }
    
 .sectionFour { grid-template-columns: repeat(2, 1fr); }
.sFourPanelThree { grid-row: 2 / 2; grid-column: 2 / 2; }
.panelDescription { margin: 25px 0; }
  .sectionFive > div { column-gap: 50px;}

  .sectionSix { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto); row-gap: 20px; }
  .sectionSix > .panel { height: unset; }
  .sSixPanelOne { min-height: 310px; }
  .sSixPanelTwo { min-height: 310px; }
  .sSixPanelThree { min-height: 210px; grid-column: 1 / -1; grid-row: 2 / 2; }
}

@media only screen and (max-width: 1000px) {
    .headerTop { column-gap: 10px; }

    .standsMenu > div { padding: 8px 10px; }
        .standsMenu > div > div { display: flex; justify-content: space-between; width: 100%; }
    .standsDesktopOnly { display: none !important; }
    .standsMobileOnly { display: flex !important; }
    .standsMenuLink { flex-direction: column; font-size: 1.15rem; text-transform: uppercase; width: 70px; margin: 0; padding: 0; }
    .standsMenuImg { margin-right: 0; margin-bottom: 5px; height: 22px; }
    .standNotification { top: 0; left: 40px; }

    .sectionOne .right { grid-template-columns: 100%; column-gap: 0; grid-template-rows: repeat(2, auto); row-gap: 40px; padding: 0; width: 100%; }
    .sectionOne .right .sOneCountdown { width: fit-content; margin: 0 auto; padding: 20px; }
    .sectionOne .sOneStandImg { bottom: 14%; }

    /*.sOneStandImg { grid-column: 1 / -1; grid-row: 1 / 1; justify-content: center; margin: 20px 0; } */
    .sectionThree { column-gap: 50px; }
    .sectionFive > div { grid-template-columns: 100%; column-gap: 0; grid-template-rows: repeat(2, auto); row-gap: 40px; padding: 25px; }
    .footerMenuTitle { font-size: 1.8rem; }
    .footerContact { padding: 26.5px; }
  }

  @media (max-width: 985px) {
	  .blogEntries { grid-template-columns: repeat(2, 1fr); }
  }

@media only screen and (max-width: 950px) {
  .titleBlue { font-size: 2.5rem; }
  .titleRed { font-size: 2.5rem; }
  .titleWhite { font-size: 1.7rem; }
  .titleBlueDark { font-size: 1.7rem; }
  .titleStat { font-size: 4rem; }
  .titleDesc { font-size: 1rem; }

  .footerSponsorList { display: flex; flex-direction: column; padding: 20px; grid-template-columns: unset; }
  .dynamicBanner { margin: 20px; }

  .footerMenuBar { display: none; }
  .footerMenuBarMobile { display: unset; }

  .footerMenuTitle { font-size: 2.2rem; background-color: #88D0F0; padding: 20px 25px !important; }
  .footerMenuList { height: unset; padding: 15px 35px !important; }
  .footerMenulogo { margin-top: 20px; }
  .footerMenulogoImg { max-width: 288px; width: 100%; height: auto; }
  .footerMenulogoImgRound { max-width: 110px; width: 100%; height: auto; }
}

  @media (max-width: 850px) {
    .headerTop { column-gap: 12.5px; grid-template-columns: 132px 174px 0 auto 320px; }
    .headerSponsor { display:none; }
    .headerMenuLink { font-size: 1.5rem; }

    .sectionThree { grid-template-columns: 1fr; grid-template-rows: repeat(3, auto); column-gap: 0; row-gap: 2.5rem; padding: 2rem 2.5rem; }
    .sectionThree h1 { margin: 0; font-size: 3rem; }
    .sectionThree h2 { grid-column: 1 / 1; grid-row: 2 / 2; font-size: 2rem; }
    .sectionThree ul { grid-column: 1 / 1; grid-row: 3 / -1; }

    .blogPost .imgContainer img { margin: 0; }
  }

  @media only screen and (max-width: 775px) {
    .sectionTwo { grid-template-columns: 1fr; grid-template-rows: repeat(3, auto); }
    .sTwoPanelOne { max-width: unset; }
    .sTwoPanelTwo { max-width: unset; }
    .sTwoPanelThree { max-width: unset; }
  }

  @media only screen and (max-width: 730px) {
    .headerTop { height: 80px; padding: 12px; grid-template-columns: 80px auto 140px; }
    .headerLogo { width: 80px; height: auto; }
    .headerDetails { display: none; }
    .headerBtnGroup { display: none; }
    .headerMobileBtnGroup { display: flex; }
    .headerMenuBar { display: none; }
    .headerMobileMenuBar { display: block; }

    .sectionSix { grid-template-columns: 100%; column-gap: 0; grid-template-rows: repeat(3, minmax(310px, auto)); row-gap: 20px; }
      .sectionSix > .panel { min-height: 310px; height: unset; }
    .sSixPanelThree { grid-column: unset; grid-row: unset; }
    .panelText { min-height: 55%; height: fit-content; }

    .footerSponsorList { flex-direction: column; padding: 20px; }
    .dynamicBanner { margin: 10px; }
    .footerContact > div { display: flex; flex-direction: column; align-items: center; }
    .footerSocial { margin-top: 20px; max-width: 305px; width: 100%; flex-wrap: wrap; }
    .footerSocialLink:not(:first-of-type) { margin: 0; }
  }


  @media (max-width: 650px) {
	  .blogEntries { grid-template-columns: 1fr; }

    .sectionBg { background: #fff; }
    .sectionOne { background: linear-gradient(185deg, #FFFFFF 0%, #FFFFFF 58%, #002C5A 85%, #990031 100%); padding: 20px; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(4, auto); column-gap: 10px; row-gap: 40px; }
    .sectionOne .left .panel { padding: 5px; }
    .sectionOne .left .sOneCTA { width: 100%; }
    .sectionOne .right { row-gap: 20px; }
    .sectionOne .right .sOneCountdown { width: 100%; }
    .sectionOne .right .sOneCountdown .countdown_row { grid-template-columns: repeat(2, 115px); column-gap: 28px; row-gap: 28px; }
        .sectionOne .sOneStandImg { bottom: 25%; right: calc(50% - 200px); width: 400px; }
    .blogPost .imgContainer { margin-bottom: 0 !important; }

  }

  @media only screen and (max-width: 600px) {
    .standsMenu > div { padding: 8px 0; }
    .standsMenuLink { width: 45px; font-size: 1rem; text-align: center; }
    .standNotification { top: 0; left: 27px; }
  }

  @media only screen and (max-width: 550px) {
    .sOneCTA { width: 100%; }

    .sectionFour { grid-template-columns: 1fr; }
    .sFourPanelThree { grid-row: 3 / 3; grid-column: 1 / 1; }
    .panelDescription { margin: 25px 0; }

    .panelEvent { font-size: 3.8rem; }
    .panelEventName { font-size: 2.4rem; }
    .panelEventDate { font-size: 1.7rem; }
    .panelEventDetails { font-size: 1.3rem; }
    .countdownTitle { font-size: 1.5rem; }
  }


  @media only screen and (max-width: 525px) {
    .footerContact { text-align: center; padding: 20px; }
    .footerSocialLink { margin: 10px !important; }
    .footerBottomMenu { padding: 17px 25px; }
    .footerBottomMenuList { justify-content: center; }
    .footerBottomMenuItem { text-align: center; }
      .footerBottomMenuItem:first-of-type { margin-bottom: 20px; }
        .footerBottomMenuItem:first-of-type::after { content: ""; }
  }

  @media only screen and (max-width: 450px) {
    .headerMobileMenuList { padding: 8px 10px; }

    .formGroup > div > div:first-of-type { width: 88px; }
    .formGroup > div > div:last-of-type { width: 75%; }
    .titleBlue, .titleRed { font-size: 2.8rem; }
    .titleStat { font-size: 4rem; }
    .titleDesc { font-size: 1rem; }
  }


  @media only screen and (max-width: 350px) {
    .sectionOne .right .sOneCountdown .countdown_row { grid-template-columns: 115px; column-gap: unset; row-gap: 28px; }
    .sectionOne .right .sOneCountdown .countdown_section { width: 115px !important; }
    .sectionOne .sOneStandImg { bottom: calc(50% - 100px); }
    .footerMenuTitle { font-size: 1.8rem; padding: 2rem 0 2rem 2.5rem !important }
    .footerSocial { justify-content: center; }
  }


  @media (max-width: 1250px) {
      .ofTheWeekPanel .left { flex-direction: column; align-items: center; justify-content: space-between; padding: 30px; grid-gap: 20px; }
      .ofTheWeekPanel .left h2 { width: unset; font-size: 60px; text-align: center; }
  }

  @media (max-width: 880px) {
      .ofTheWeekPanel .left h2 { font-size: 60px; }
  }
  @media (max-width: 780px) {
      .ofTheWeekPanel .left h2 { font-size: 50px; }
  }
  @media (max-width: 680px) {
      .ofTheWeekPanel { grid-template-columns: 100%; }
      .ofTheWeekPanel .left { flex-direction: column; align-items: center; justify-content: space-between; padding: 30px; grid-gap: 20px; }
      .ofTheWeekPanel .left h2 { width: unset; font-size: 40px; text-align: center; }
  }
  @media (max-width: 480px) {
      .ofTheWeekPanel .left h2 { font-size: 30px; }
  }

#regSecondaryNav { background-color: #990031}

#regNavBottom #prevStand { background-color: #990031; border: 1px solid #990031; }
#regNavBottom #nextStand { background-color: #990031; border: 1px solid #990031; }


/* Region: STAND */
#regLeftNav { width: 48px; margin: 14px 0 0 15px; float:left; }
  #regLeftNav div { height: 48px; width: 48px; padding: 10px; background-color: #002C5A; margin-bottom: 2px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
#regLeftNav div#socialFacebook { margin-top: 20px; }
#regLeftNav div.highlightGreen { background-color: #619900; }
#regRightNav { width: 48px; margin: 14px 15px 0 0; float: right; }
  #regRightNav div { height: 48px; width: 48px; padding: 10px; background-color: #002C5A; margin-bottom: 2px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
#regRightNav div.highlightGreen { background-color: #619900; }





table.display { }
  table.display img.icon { margin-right: 2px; }
  table.display span.action { cursor: pointer; }

  table.display span.greenSetReminder { color: white; background-color: #78BA22; padding: 2px 4px 2px 4px; cursor: pointer; }
  table.display span.redRemoveReminder { color: white; background-color: #B5352C; padding: 2px 4px 2px 4px; cursor: pointer; }
  table.display span.redInviteOnly { color: white; background-color: #B5352C; padding: 2px 4px 2px 4px; }

  table.display span.redView { color: white; background-color: #B5352C; padding: 2px 4px 2px 4px; cursor: pointer; }
  table.display span.full { color: white; background-color: #B5352C; padding: 2px 4px 2px 4px; cursor: pointer; }

  table.display span.joinQASession { color: white; background-color: #78BA22; padding: 2px 5px 2px 4px; cursor: pointer; }
  table.display span.joinWorkshop { color: white; background-color: #78BA22; padding: 2px 5px 2px 4px; cursor: pointer; }

  table.display span.viewWebcast { color: white; background-color: #78BA22; padding: 2px 5px 2px 4px; cursor: pointer; }
  table.display span.viewVacancy { color: white; background-color: #78BA22; padding: 2px 5px 2px 4px; cursor: pointer; }
  table.display span.viewCourse { color: white; background-color: #78BA22; padding: 2px 5px 2px 4px; cursor: pointer; }
  table.display span.viewEmail { color: white; background-color: #78BA22; padding: 2px 5px 2px 4px; cursor: pointer; }
  table.display .subtitle { margin: 2px 5px 2px 15px; font-size: .9em; text-transform: uppercase; color: darkgray; }

  table.display .addToBag { color: white; background-color: #B5352C; padding: 2px 4px 2px 4px; cursor: pointer; }
  table.display .addToBagAdded { display: none; color: white; background-color: #B5352C; padding: 2px 4px 2px 4px; }
  table.display .removeFromBag { color: white; background-color: #B5352C; padding: 2px 4px 2px 4px; cursor: pointer; }
  table.display .removeFromBagRemoved { display: none; color: white; background-color: gray; padding: 2px 4px 2px 4px; }
  table.display .alreadyInBag { color: white; background-color: gray; padding: 2px 4px 2px 4px; }

span.downloadDocument { color: white; background-color: #78BA22; padding: 2px 4px 2px 4px; cursor: pointer; }


div.dashboard { text-align: center; }
  div.dashboard .item { float: left; width: 130px; height: 150px; background-color: rgb(49, 164, 214); padding: 15px 10px 10px 10px; margin: 10px 15px 10px 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
    div.dashboard .item .heading { font-size: 1.6em; color: white; height: 55px; vertical-align: middle; }
    div.dashboard .item .value { font-size: 2.6em; color: yellow; margin: 10px 0px 0px 0px; }
    div.dashboard .item .logo { width: 150px; height: 94px; padding: 5px 0px 5px 0px; text-align: center; display: table-cell; vertical-align: middle; }
      div.dashboard .item .logo img { max-width: 100%; height: auto; }
    div.dashboard .item .standName { width: 130px; text-align: center; padding: 3px 0px 5px 0px; }
      div.dashboard .item .standName a { font-size: 1.1em; font-weight: normal !important; color: white !important; text-decoration: none !important; }

div.floorplan { text-align: center; }
  div.floorplan .item { float: left; width: 180px; height: 165px; background-color: rgb(49, 164, 214); padding: 9px 10px 10px 10px; margin: 10px 10px 10px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
    div.floorplan .item .heading { font-size: 1.6em; color: white; height: 55px; vertical-align: middle; }
    div.floorplan .item .value { font-size: 2.6em; color: yellow; margin: 10px 0px 0px 0px; }
    div.floorplan .item .logo { width: 180px; height: 125px; padding: 0px 0px 5px 0px; text-align: center; display: table-cell; vertical-align: middle; }
      div.floorplan .item .logo img { max-width: 100%; height: auto; }
    div.floorplan .item .standName { width: 180px; text-align: center; padding: 0px 0px 5px 0px; }
      div.floorplan .item .standName a { font-size: 1.05em; font-weight: normal !important; color: white !important; text-decoration: none !important; }


.deleteone2One { position: relative; width: 680px; height: 520px; }
  .deleteone2One .otherWebcam { position: absolute; top: 0; left: 0; width: 640px; height: 480px; border: 1px solid gray; text-align: center; overflow: hidden; background-color: #eaeaea; padding: 10px; }
  .deleteone2One .myWebcam { position: absolute; bottom: 0; right: 0; width: 200px; height: 150px; z-index: 9999; border: 1px solid red; text-align: center; }
  .deleteone2One #otherWebcam { width: 640px; height: 480px; }
  .deleteone2One #myWebcam { width: 200px; height: 150px; }


.deletetooltip { display: inline; position: relative; }
  .deletetooltip:hover:before { border: solid; border-color: #333 transparent; border-width: 6px 6px 0 6px; bottom: 20px; content: ""; left: 50%; position: absolute; z-index: 99; }
  .deletetooltip:hover:after { background: #333; background: rgba(0,0,0,.8); border-radius: 5px; bottom: 26px; color: #fff; content: attr(text); left: 20%; padding: 5px 15px; position: absolute; z-index: 98; width: 220px; }


/* Region: STAND */
#regLeftNav { width: 48px; margin: 14px 0 0 15px; float:left; }
  #regLeftNav div { height: 48px; width: 48px; padding: 10px; background-color: #002C5A; margin-bottom: 2px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
#regLeftNav div#socialFacebook { margin-top: 20px; }
#regLeftNav div.highlightGreen { background-color: #619900; }
#regRightNav { width: 48px; margin: 14px 15px 0 0; float: right; }
  #regRightNav div { height: 48px; width: 48px; padding: 10px; background-color: #002C5A; margin-bottom: 2px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
#regRightNav div.highlightGreen { background-color: #619900; }


#textChat { 
  -webkit-animation: pulse 1s ease infinite;
  -moz-animation: pulse 1s ease infinite;
  animation: pulse 1s ease infinite;
}
 
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(.9); background-color: #619900; }
  100% { transform: scale(1); }
}

 
#standImage { z-index: 3; max-width: 950px !important;}
#standImageMobile { z-index: 3;}
 
    #regSecondaryNav { background-color: #990031; height: 50px; width: 100%; display: flex; align-items:center; padding: 0 3rem; }
    #regSecondaryNav #standNameLabel { background-color: #990031; width: 40px;  float: left }
    #regSecondaryNav #standName { color: #fff; font-size: 2.4rem; font-weight: 700; }
    #regSecondaryNav .information {position: absolute; top: 100px; left: 781px}

 
    div.dynamicPopup .navigateToStand {cursor: pointer;}

    div.dynamicPopup {display: none; position: fixed; font-size: 1.5rem; border: 1px solid #666; border-radius: 4px 0 4px 4px; z-index: 99; padding: 8px; height: auto; width: 350px; background-color: #FFF;box-shadow: 1px 1px 1px #666; }
    div.dynamicPopup:nth-of-type(n<5) { left: 0; }
    div.dynamicPopup h2 {color: #4D4D4D; margin: 5px 0 10px 0; padding: 0;}
    div.dynamicPopup #fullStandList {height: 200px; overflow-x: hidden; overflow-y: auto; margin-bottom: 20px;}
    div.dynamicPopup #recentStandsList {height: 200px; overflow-x: hidden; overflow-y: auto; margin-bottom: 10px;}
    div.dynamicPopup #favouriteStandList {height: 200px; overflow-x: hidden; overflow-y: auto; margin-bottom: 10px;}
    div.dynamicPopup #bagDocumentsList {height: 200px; overflow-x: hidden; overflow-y: auto; margin-bottom: 10px;}

    div.dynamicPopup ul { padding: 5px 0 5px 0; margin: 0; }
    div.dynamicPopup ul li { list-style-type: none; padding: 3px 8px 3px 8px; border-top: 1px solid #CCCCCC;}
    div.dynamicPopup ul li:nth-child(odd) {background-color: #F9F9F9;}
    div.dynamicPopup .footerOptions {position: absolute; bottom: 5px; right: 5px; border-top: 1px solid #CCCCCC; }

    #regViewport { min-height: 500px; width: 100%; padding: 0 0 50px 0; margin: 0; display: flex; }
    #regStandImg { position: relative; text-align: center; float: left; z-index: 1; width: calc(100% - 130px); overflow: hidden; margin-top: 40px; }
    #regViewport #standImageMobile, #regViewport #standImage {  width: 100%; min-width: 500px; height: auto; padding: 0 }
    #regViewport #standImageMobile {display:none;}


#regStandInformation { position: absolute; background-color: #FFF; z-index: 99; right: 50px; width: 210px; border: 1px solid #CCC; border-radius: 4px; margin: 50px 35px 0 0; font-size: 1.5rem; }
    #regStandInformationContent { min-height: 200px; max-height: 320px; line-height: 1.35em; padding: 10px 25px 10px 10px; margin: 0; color: #4D4D4D; overflow: auto;}
#regStandInformation h2 { white-space: nowrap; color: #fff; font-size: 1.6rem; font-weight: bold; background-color: #990031; padding: 7px}


    @media (max-width: 1200px) {
        #regStandInformation h2 {font-size: 1.2em;}
      }
    @media (max-width: 1000px) {
        #regStandInformation h2 {font-size: 1.1em; height: 28px;}
      }
     @media (max-width: 920px) {
        #regStandInformation h2 {font-size: 1.1em; height: 25px; padding: 7px 3px 0 3px}
      }

   
    #feelingLucky  {  background-color: #31A4D6 !important; border: 1px solid #31A4D6 !important; font-size: 1.4rem; font-weight: bold; color: #FFFFFF; padding: 2px 15px 3px 15px; border: 0; cursor: pointer; }

    @keyframes fadeIn { 
      0% { opacity: 0; }
      100% { opacity: 1; }
    }

    @keyframes fadeOut {
      0% { opacity: 1; }
      100% { opacity: 0; }
    }

    #regBannerMessage .bannerMessage { display: none; opacity: 0; position: absolute; top: 40px; left:12.5%; padding: 10px 20px 10px 20px; z-index: 99; background-color: #ffffaa; border: 2px solid gray; text-align: center; width: 75%; transition: all 0.5s 0.2s; }
    #regBannerMessage .bannerMessage.Show { animation-name: fadeIn; animation-delay: 0.2s; animation-duration: 0.5s; animation-iteration-count: 1; animation-fill-mode: forwards; display: flex; }
    #regBannerMessage .bannerMessage.Hide { animation-name: fadeOut; animation-delay: 0.2s; animation-duration: 0.5s; animation-iteration-count: 1; animation-fill-mode: backwards; }
    #regBannerMessage .bannerMessage .bannerText { margin: 0; width: 100%; float: left; align-self:center; }
      #regBannerMessage .bannerMessage #bannerClose { cursor: pointer; font-weight: bold; font-size: 18px; align-self: center; float: right; margin: 0 0 0 10px; }
       

#regNavBottom { position: absolute; bottom: 0; z-index: 99; width: 100%; }
    #regNavBottom .PrevNext {display: flex; justify-content: center; text-align: center; max-width: 1600px; min-width: 200px; width: 100% }
  #regNavBottom #prevStand { display: flex; align-items: center; text-align: right; margin-right: 1rem; background-position: 10px 4px; padding: 0 0 0 40px; height: 40px; color: #fff; font-size: 1em; z-index: 4; background-color: #002C5A; border: 1px solid #002C5A; width: 170px; background-image: url('/assets/_bfrs/images/icons/arrow_lg_left.png'); background-repeat: no-repeat; cursor: pointer; }
  #regNavBottom #nextStand { display: flex; align-items: center; justify-content: flex-end; text-align: right; background-position: 140px 4px; padding: 0 40px 0 12px; height: 40px; color: #fff; font-size: 1em; z-index: 4; background-color: #002C5A; border: 1px solid #002C5A; width: 170px; background-image: url('/assets/_bfrs/images/icons/arrow_lg_right.png'); background-repeat: no-repeat; cursor: pointer; }
   
    #regViewport #divBoothChat {position: absolute; z-index:6; top: 320px; left: 0; cursor: pointer; }

@media (max-width: 767px) { 
/*  #regViewport #standImageMobile { display: block; width: auto; margin: 0 auto; margin-top: 20vh }
*/ #regStandInformation { display: none; }

  #stand { min-height: unset !important; }
  #regViewport { min-height: unset !important; }
  #regSecondaryNav { height: 4.5rem; }
  #regSecondaryNav #standName { font-size: 1.6rem; }
  #regLeftNav, #regRightNav { z-index: 999; }
  #regLeftNav div { height:36px; width: 36px; padding: 3px; }
    #regLeftNav div#socialFacebook { margin-top: 15px; }

  #regBannerMessage .bannerMessage { top:30px; }

  #regNavBottom #prevStand { font-size: 1.4rem; width: 120px; background-position: 5px 4px; padding: 0 0 0 40px; }
  #regNavBottom #nextStand { font-size: 1.4rem; width: 120px; background-position: 95px 4px; padding: 0 40px 0 0; }
}
   
  .modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow-y: scroll; background-color: rgba(0,0,0,0.4); }
  .modal .modal-content {z-index: 999; background-color: #fefefe; margin: 5% auto; border: 1px solid #888; max-width: 950px; overflow-y: initial !important; animation-name: animatetop; animation-duration: 1s}

  .modalDetail { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow:hidden; background-color: rgba(0,0,0,0.3); }
  .modalDetail .modal-content {z-index: 1000; background-color: #fefefe; margin: 6% auto; border: 1px solid #888; max-width: 900px; overflow-y: initial !important; animation-name: animatetop; animation-duration: 1s}

  .modal-content .header {position:relative; background-color: #eaeaea; display: block; }
  .modal-content .header .heading {padding: 15px 20px; font-size: 2rem; font-weight: bold; border-bottom: 1px solid silver;}
  .modal-content .header .modal-close { position: absolute; top:7px; right:17px; color: #aaa; font-size: 28px; font-weight: bold; }
  .modal-content .header .modal-close:hover, .modal-close:focus { color: black; text-decoration: none; cursor: pointer;}

  .modal-content input[type=button] {padding: 5px 10px; color: white; font-weight: bold; background-color: darkgreen; border: none;}
  .modal-content input[type=button].cancel {padding: 5px 10px; color: white; font-weight: bold; background-color: #990031; border: none;}
  
  .modal-content .footer {position:relative; bottom: 0; background-color: #eaeaea; display: block; padding: 10px 20px; font-size: 2rem; font-weight: bold; border-top: 1px solid silver; text-align: center;}
  .modal-content .footer .explanation {font-size: 1.5rem; margin-right: 30px;}

  .modal-content .content {position:relative; padding: 15px 20px 20px 20px; margin-bottom: 10px; height: 500px; overflow-y:auto; font-size: 1.5rem}
  .modal-content .content .subHeading {font-size: 1.75rem; font-weight: bold; margin: 5px 0;}


/* .modal-content .content div.logoFloat{ position: absolute; top: 0px; right: 0px; margin: 10px 20px 15px 15px; } */


/* NEW START */
.modal-content .content div.logoFloat { display: block; float: right; width: max-content; margin: 10px 20px 15px 15px; }
.modal-content .content div.logoFloat + .dataForm > div { clear: unset; }

@media ( max-width: 450px) {
  .modal-content .content div.logoFloat { float: unset; margin: 10px auto; }
}
/* NEW END */


.modal-content .content div.logoTextWrap { float: right; top: 0px; right: 0px; margin: 10px 20px 15px 15px }

.modal-content .content table {}
.modal-content .content table tr td:first-child{ width: 140px; text-align: right; vertical-align: text-top; padding: 3px 5px 0 0; color: gray;}
.modal-content .content table tr td {padding-bottom: 10px;}

.modal-content div.dataForm div label {font-weight: bold;}
.modal-content div.dataForm div div {padding-top: 4px; }


span.viewAsPopup {content: url(/Assets/_bfrs/images/icons/icon_magnify.svg); width:16px; height: 16px; cursor: pointer; }
span.viewAsDownload {content: url(/Assets/_bfrs/images/icons/icon_resourcecentre2.png); width:16px; height: 16px; cursor: pointer; }
span.viewAsDownloadText:before {content: 'Download'; color: white; font-weight: bold; background-color: #B5352C; padding: 2px 4px 2px 4px; cursor: pointer; }
span.addToBag:before {content: 'Add To Bag'; color: white; font-weight: bold; background-color: #B5352C; padding: 2px 4px 2px 4px; cursor: pointer; }
span.removeFromBagMyBagList:before, 
  span.removeFromBag:before {content: 'Remove From Bag'; color: white; font-weight: bold; background-color: darkgreen; padding: 2px 4px 2px 4px; cursor: pointer; }

#bagDocumentsList ul li {font-weight: bold;}
#bagDocumentsList ul li div.actions {margin: 6px 0 6px 25px;}
#bagDocumentsList ul li div.actions span:last-child {margin-left: 70px !important}
#bagDocumentsList ul li div.filename {font-weight: normal; margin: 0px 0 6px 0; color: gray;}

/* Tabulator v4.9.3 (c) Oliver Folkerd */


.tabulator {
  position: relative;
  background-color: #fff;
  overflow: hidden;
  font-size: 12px;
  text-align: left;
  transform: translatez(0)
}

  .tabulator[tabulator-layout=fitDataFill] .tabulator-tableHolder .tabulator-table {
    min-width: 100%
  }

  .tabulator[tabulator-layout=fitDataTable] {
    display: inline-block
  }

  .tabulator.tabulator-block-select {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
  }

  .tabulator .tabulator-header {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    border-bottom: 1px solid #999;
    background-color: #fff;
    color: #555;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
  }

    .tabulator .tabulator-header.tabulator-header-hidden {
      display: none
    }

    .tabulator .tabulator-header .tabulator-col {
      display: inline-block;
      position: relative;
      box-sizing: border-box;
      border-right: 1px solid #ddd;
      //background-color: #eaeaea;
      text-align: left;
      vertical-align: bottom;
      overflow: hidden
    }

      .tabulator .tabulator-header .tabulator-col.tabulator-moving {
        position: absolute;
        border: 1px solid #999;
        background: #e6e6e6;
        pointer-events: none
      }

      .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
        box-sizing: border-box;
        position: relative;
        padding: 4px
      }

        .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-menu-button {
          padding: 0 8px
        }

          .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-menu-button:hover {
            cursor: pointer;
            opacity: .6
          }

        .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {
          position: relative
        }

        .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
          box-sizing: border-box;
          width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          vertical-align: bottom
        }

          .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor {
            box-sizing: border-box;
            width: 100%;
            border: 1px solid #999;
            padding: 1px;
            background: #fff
          }

          .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-header-menu-button + .tabulator-title-editor {
            width: calc(100% - 22px)
          }

        .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          position: absolute;
          top: 0;
          bottom: 0;
          right: 4px
        }

          .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 6px solid #bbb
          }

      .tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        border-top: 1px solid #ddd;
        overflow: hidden;
        margin-right: -1px
      }

      .tabulator .tabulator-header .tabulator-col:first-child .tabulator-col-resize-handle.prev {
        display: none
      }

      .tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
        position: relative;
        box-sizing: border-box;
        margin-top: 2px;
        width: 100%;
        text-align: center
      }

        .tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {
          height: auto !important
        }

        .tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {
          margin-top: 3px
        }

        .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear {
          width: 0;
          height: 0
        }

      .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
        padding-right: 25px
      }

      .tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
        cursor: pointer;
        background-color: #e6e6e6
      }

      .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter {
        color: #bbb
      }

        .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
          border-top: none;
          border-bottom: 6px solid #bbb
        }

      .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=asc] .tabulator-col-content .tabulator-col-sorter {
        color: #666
      }

        .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=asc] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
          border-top: none;
          border-bottom: 6px solid #666
        }

      .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=desc] .tabulator-col-content .tabulator-col-sorter {
        color: #666
      }

        .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=desc] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
          border-bottom: none;
          border-top: 6px solid #666;
          color: #666
        }

      .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title {
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        text-orientation: mixed;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
      }

      .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title {
        transform: rotate(180deg)
      }

      .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title {
        padding-right: 0;
        padding-top: 20px
      }

      .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title {
        padding-right: 0;
        padding-bottom: 20px
      }

      .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-sorter {
        -ms-flex-pack: center;
        justify-content: center;
        left: 0;
        right: 0;
        top: 4px;
        bottom: auto
      }

    .tabulator .tabulator-header .tabulator-frozen {
      display: inline-block;
      position: absolute;
      z-index: 10
    }

      .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
        border-right: 2px solid #ddd
      }

      .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {
        border-left: 2px solid #ddd
      }

    .tabulator .tabulator-header .tabulator-calcs-holder {
      box-sizing: border-box;
      min-width: 600%;
      background: #f2f2f2 !important;
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #999;
      overflow: hidden
    }

      .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
        background: #f2f2f2 !important
      }

        .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
          display: none
        }

    .tabulator .tabulator-header .tabulator-frozen-rows-holder {
      min-width: 600%
    }

      .tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {
        display: none
      }

  .tabulator .tabulator-tableHolder {
    position: relative;
    width: 100%;
    white-space: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch
  }

    .tabulator .tabulator-tableHolder:focus {
      outline: none
    }

    .tabulator .tabulator-tableHolder .tabulator-placeholder {
      box-sizing: border-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      width: 100%
    }

      .tabulator .tabulator-tableHolder .tabulator-placeholder[tabulator-render-mode=virtual] {
        min-height: 100%;
        min-width: 100%
      }

      .tabulator .tabulator-tableHolder .tabulator-placeholder span {
        display: inline-block;
        xmargin: 0 auto;
        padding: 10px;
        color: gray;
        font-weight: bold;
        font-size: 1em
      }

    .tabulator .tabulator-tableHolder .tabulator-table {
      position: relative;
      display: inline-block;
      background-color: #fff;
      white-space: nowrap;
      overflow: visible;
      color: #333
    }

      .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs {
        font-weight: 700;
        background: #f2f2f2 !important
      }

        .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top {
          border-bottom: 2px solid #ddd
        }

        .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {
          border-top: 2px solid #ddd
        }

  .tabulator .tabulator-col-resize-handle {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 5px
  }

    .tabulator .tabulator-col-resize-handle.prev {
      left: 0;
      right: auto
    }

    .tabulator .tabulator-col-resize-handle:hover {
      cursor: ew-resize
    }

  .tabulator .tabulator-footer {
    padding: 5px 10px;
    border-top: 1px solid #999;
    background-color: #fff;
    text-align: right;
    color: #555;
    font-weight: 700;
    white-space: nowrap;
    -ms-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
  }

    .tabulator .tabulator-footer .tabulator-calcs-holder {
      box-sizing: border-box;
      width: calc(100% + 20px);
      margin: -5px -10px 5px;
      text-align: left;
      background: #f2f2f2 !important;
      border-bottom: 1px solid #fff;
      border-top: 1px solid #ddd;
      overflow: hidden
    }

      .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
        background: #f2f2f2 !important
      }

        .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
          display: none
        }

      .tabulator .tabulator-footer .tabulator-calcs-holder:only-child {
        margin-bottom: -5px;
        border-bottom: none
      }

    .tabulator .tabulator-footer .tabulator-paginator {
      color: #555;
      font-family: inherit;
      font-weight: inherit;
      font-size: inherit
    }

    .tabulator .tabulator-footer .tabulator-page-size {
      display: inline-block;
      margin: 0 5px;
      padding: 2px 5px;
      border: 1px solid #aaa;
      border-radius: 3px
    }

    .tabulator .tabulator-footer .tabulator-pages {
      margin: 0 7px
    }

    .tabulator .tabulator-footer .tabulator-page {
      display: inline-block;
      margin: 0 2px;
      padding: 2px 5px;
      border: 1px solid #aaa;
      border-radius: 3px;
      background: hsla(0,0%,100%,.2)
    }

      .tabulator .tabulator-footer .tabulator-page.active {
        color: #d00
      }

      .tabulator .tabulator-footer .tabulator-page:disabled {
        opacity: .5
      }

      .tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
        cursor: pointer;
        background: rgba(0,0,0,.2);
        color: #fff
      }

  .tabulator .tabulator-loader {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    left: 0;
    z-index: 100;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.4);
    text-align: center
  }

    .tabulator .tabulator-loader .tabulator-loader-msg {
      display: inline-block;
      margin: 0 auto;
      padding: 10px 20px;
      border-radius: 10px;
      background: #fff;
      font-weight: 700;
      font-size: 16px
    }

      .tabulator .tabulator-loader .tabulator-loader-msg.tabulator-loading {
        border: 4px solid #333;
        color: #000
      }

      .tabulator .tabulator-loader .tabulator-loader-msg.tabulator-error {
        border: 4px solid #d00;
        color: #590000
      }

.tabulator-row {
  position: relative;
  box-sizing: border-box;
  min-height: 22px;
  border-bottom: 1px solid #ddd
}

  .tabulator-row, .tabulator-row:nth-child(2n) {
    background-color: #fff
  }

    .tabulator-row.tabulator-selectable:hover {
      background-color: #eaeaea;
      cursor: pointer
    }

    .tabulator-row.tabulator-selected {
      background-color: #9abcea
    }

      .tabulator-row.tabulator-selected:hover {
        background-color: #769bcc;
        cursor: pointer
      }

    .tabulator-row.tabulator-moving {
      position: absolute;
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      pointer-events: none !important;
      z-index: 15
    }

    .tabulator-row .tabulator-row-resize-handle {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      height: 5px
    }

      .tabulator-row .tabulator-row-resize-handle.prev {
        top: 0;
        bottom: auto
      }

      .tabulator-row .tabulator-row-resize-handle:hover {
        cursor: ns-resize
      }

    .tabulator-row .tabulator-frozen {
      display: inline-block;
      position: absolute;
      background-color: inherit;
      z-index: 10
    }

      .tabulator-row .tabulator-frozen.tabulator-frozen-left {
        border-right: 2px solid #ddd
      }

      .tabulator-row .tabulator-frozen.tabulator-frozen-right {
        border-left: 2px solid #ddd
      }

    .tabulator-row .tabulator-responsive-collapse {
      box-sizing: border-box;
      padding: 5px;
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd
    }

      .tabulator-row .tabulator-responsive-collapse:empty {
        display: none
      }

      .tabulator-row .tabulator-responsive-collapse table {
        xfont-size: 14px
      }

        .tabulator-row .tabulator-responsive-collapse table tr td {
          position: relative;
          padding: 3px 0
        }
        .tabulator-row .tabulator-responsive-collapse table tr td:first-child {color: #333333;
        }
        .tabulator-row .tabulator-responsive-collapse table tr:last-child td {
          padding-bottom: 20px !important
        }

          .tabulator-row .tabulator-responsive-collapse table tr td:first-of-type {
            padding-right: 10px
          }

    .tabulator-row .tabulator-cell {
      display: inline-block;
      position: relative;
      box-sizing: border-box;
      padding: 4px;
      border-right: 1px solid #ddd;
      vertical-align: middle;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
    }

      .tabulator-row .tabulator-cell:last-of-type {
        border-right: none
      }

      .tabulator-row .tabulator-cell.tabulator-editing {
        border: 1px solid #1d68cd;
        outline: none;
        padding: 0
      }

        .tabulator-row .tabulator-cell.tabulator-editing input, .tabulator-row .tabulator-cell.tabulator-editing select {
          border: 1px;
          background: transparent
        }

      .tabulator-row .tabulator-cell.tabulator-validation-fail {
        border: 1px solid #d00
      }

        .tabulator-row .tabulator-cell.tabulator-validation-fail input, .tabulator-row .tabulator-cell.tabulator-validation-fail select {
          border: 1px;
          background: transparent;
          color: #d00
        }

      .tabulator-row .tabulator-cell:first-child .tabulator-col-resize-handle.prev {
        display: none
      }

      .tabulator-row .tabulator-cell.tabulator-row-handle {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none
      }

        .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {
          width: 80%
        }

          .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar {
            width: 100%;
            height: 3px;
            margin-top: 2px;
            background: #666
          }

      .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
        display: inline-block;
        vertical-align: middle;
        height: 9px;
        width: 7px;
        margin-top: -9px;
        margin-right: 5px;
        border-bottom-left-radius: 1px;
        border-left: 2px solid #ddd;
        border-bottom: 2px solid #ddd
      }

      .tabulator-row .tabulator-cell .tabulator-data-tree-control {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        vertical-align: middle;
        height: 11px;
        width: 11px;
        margin-right: 5px;
        border: 1px solid #333;
        border-radius: 2px;
        background: rgba(0,0,0,.1);
        overflow: hidden
      }

        .tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {
          cursor: pointer;
          background: rgba(0,0,0,.2)
        }

        .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
          display: inline-block;
          position: relative;
          height: 7px;
          width: 1px;
          background: transparent
        }

          .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
            position: absolute;
            content: "";
            left: -3px;
            top: 3px;
            height: 1px;
            width: 7px;
            background: #333
          }

        .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {
          display: inline-block;
          position: relative;
          height: 7px;
          width: 1px;
          background: #333
        }

          .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
            position: absolute;
            content: "";
            left: -3px;
            top: 3px;
            height: 1px;
            width: 7px;
            background: #333
          }

      .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
        height: 15px;
        width: 15px;
        border-radius: 20px;
        background: #666;
        color: #fff;
        font-weight: 700;
        font-size: 1.1em
      }

        .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {
          opacity: .7
        }

        .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close {
          display: initial
        }

        .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open, .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close {
          display: none
        }

      .tabulator-row .tabulator-cell .tabulator-traffic-light {
        display: inline-block;
        height: 14px;
        width: 14px;
        border-radius: 14px
      }

    .tabulator-row.tabulator-group {
      box-sizing: border-box;
      border-bottom: 1px solid #999;
      border-right: 1px solid #ddd;
      border-top: 1px solid #999;
      padding: 5px;
      padding-left: 10px;
      background: #fafafa;
      font-weight: 700;
      min-width: 100%
    }

      .tabulator-row.tabulator-group:hover {
        cursor: pointer;
        background-color: rgba(0,0,0,.1)
      }

      .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
        margin-right: 10px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #666;
        border-bottom: 0
      }

      .tabulator-row.tabulator-group.tabulator-group-level-1 {
        padding-left: 30px
      }

      .tabulator-row.tabulator-group.tabulator-group-level-2 {
        padding-left: 50px
      }

      .tabulator-row.tabulator-group.tabulator-group-level-3 {
        padding-left: 70px
      }

      .tabulator-row.tabulator-group.tabulator-group-level-4 {
        padding-left: 90px
      }

      .tabulator-row.tabulator-group.tabulator-group-level-5 {
        padding-left: 110px
      }

      .tabulator-row.tabulator-group .tabulator-group-toggle {
        display: inline-block
      }

      .tabulator-row.tabulator-group .tabulator-arrow {
        display: inline-block;
        width: 0;
        height: 0;
        margin-right: 16px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-right: 0;
        border-left: 6px solid #666;
        vertical-align: middle
      }

      .tabulator-row.tabulator-group span {
        margin-left: 10px;
        color: #666
      }

.tabulator-menu {
  position: absolute;
  display: inline-block;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
  font-size: 14px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10000
}

  .tabulator-menu .tabulator-menu-item {
    position: relative;
    box-sizing: border-box;
    padding: 5px 10px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
  }

    .tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled {
      opacity: .5
    }

    .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
      cursor: pointer;
      background: #fff
    }

    .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu {
      padding-right: 25px
    }

      .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu:after {
        display: inline-block;
        position: absolute;
        top: calc(5px + .4em);
        right: 10px;
        height: 7px;
        width: 7px;
        content: "";
        border-width: 1px 1px 0 0;
        border-style: solid;
        border-color: #ddd;
        vertical-align: top;
        transform: rotate(45deg)
      }

  .tabulator-menu .tabulator-menu-separator {
    border-top: 1px solid #ddd
  }

.tabulator-edit-select-list {
  position: absolute;
  display: inline-block;
  box-sizing: border-box;
  max-height: 200px;
  background: #fff;
  border: 1px solid #ddd;
  font-size: 14px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10000
}

  .tabulator-edit-select-list .tabulator-edit-select-list-item {
    padding: 4px;
    color: #333
  }

    .tabulator-edit-select-list .tabulator-edit-select-list-item.active {
      color: #fff;
      background: #1d68cd
    }

      .tabulator-edit-select-list .tabulator-edit-select-list-item.active.focused {
        outline: 1px solid hsla(0,0%,100%,.5)
      }

    .tabulator-edit-select-list .tabulator-edit-select-list-item.focused {
      outline: 1px solid #1d68cd
    }

    .tabulator-edit-select-list .tabulator-edit-select-list-item:hover {
      cursor: pointer;
      color: #fff;
      background: #1d68cd
    }

  .tabulator-edit-select-list .tabulator-edit-select-list-notice {
    padding: 4px;
    color: #333;
    text-align: center
  }

  .tabulator-edit-select-list .tabulator-edit-select-list-group {
    border-bottom: 1px solid #ddd;
    padding: 4px;
    padding-top: 6px;
    color: #333;
    font-weight: 700
  }

.tabulator.tabulator-ltr {
  direction: ltr
}

.tabulator.tabulator-rtl {
  text-align: initial;
  direction: rtl
}

  .tabulator.tabulator-rtl .tabulator-header .tabulator-col {
    text-align: initial;
    border-left: 1px solid #ddd;
    border-right: initial
  }

    .tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
      margin-right: 0;
      margin-left: -1px
    }

    .tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
      padding-right: 0;
      padding-left: 25px
    }

    .tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
      left: 8px;
      right: auto
    }

  .tabulator.tabulator-rtl .tabulator-row .tabulator-cell {
    border-right: initial;
    border-left: 1px solid #ddd
  }

    .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
      margin-right: 0;
      margin-left: 5px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 1px;
      border-left: initial;
      border-right: 2px solid #ddd
    }

    .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control {
      margin-right: 0;
      margin-left: 5px
    }

  .tabulator.tabulator-rtl .tabulator-col-resize-handle {
    position: absolute;
    left: 0;
    right: auto
  }

    .tabulator.tabulator-rtl .tabulator-col-resize-handle.prev {
      right: 0;
      left: auto
    }

.tabulator-print-fullscreen {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000
}

body.tabulator-print-fullscreen-hide > :not(.tabulator-print-fullscreen) {
  display: none !important
}

.tabulator-print-table {
  border-collapse: collapse
}

  .tabulator-print-table .tabulator-print-table-group {
    box-sizing: border-box;
    border-bottom: 1px solid #999;
    border-right: 1px solid #ddd;
    border-top: 1px solid #999;
    padding: 5px;
    padding-left: 10px;
    background: #fafafa;
    font-weight: 700;
    min-width: 100%
  }

    .tabulator-print-table .tabulator-print-table-group:hover {
      cursor: pointer;
      background-color: rgba(0,0,0,.1)
    }

    .tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow {
      margin-right: 10px;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 6px solid #666;
      border-bottom: 0
    }

    .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td {
      padding-left: 30px !important
    }

    .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td {
      padding-left: 50px !important
    }

    .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td {
      padding-left: 70px !important
    }

    .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td {
      padding-left: 90px !important
    }

    .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td {
      padding-left: 110px !important
    }

    .tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle {
      display: inline-block
    }

    .tabulator-print-table .tabulator-print-table-group .tabulator-arrow {
      display: inline-block;
      width: 0;
      height: 0;
      margin-right: 16px;
      border-top: 6px solid transparent;
      border-bottom: 6px solid transparent;
      border-right: 0;
      border-left: 6px solid #666;
      vertical-align: middle
    }

    .tabulator-print-table .tabulator-print-table-group span {
      margin-left: 10px;
      color: #666
    }

  .tabulator-print-table .tabulator-data-tree-branch {
    display: inline-block;
    vertical-align: middle;
    height: 9px;
    width: 7px;
    margin-top: -9px;
    margin-right: 5px;
    border-bottom-left-radius: 1px;
    border-left: 2px solid #ddd;
    border-bottom: 2px solid #ddd
  }

  .tabulator-print-table .tabulator-data-tree-control {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    height: 11px;
    width: 11px;
    margin-right: 5px;
    border: 1px solid #333;
    border-radius: 2px;
    background: rgba(0,0,0,.1);
    overflow: hidden
  }

    .tabulator-print-table .tabulator-data-tree-control:hover {
      cursor: pointer;
      background: rgba(0,0,0,.2)
    }

    .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
      display: inline-block;
      position: relative;
      height: 7px;
      width: 1px;
      background: transparent
    }

      .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
        position: absolute;
        content: "";
        left: -3px;
        top: 3px;
        height: 1px;
        width: 7px;
        background: #333
      }

    .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand {
      display: inline-block;
      position: relative;
      height: 7px;
      width: 1px;
      background: #333
    }

      .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
        position: absolute;
        content: "";
        left: -3px;
        top: 3px;
        height: 1px;
        width: 7px;
        background: #333
      }
/*# sourceMappingURL=tabulator_simple.min.css.map */


