@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url("/font/open-sans/OpenSans-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url("/font/open-sans/OpenSans-Regular.ttf") format("truetype"); }

.controller-backend .label-success {
  background-color: #66b94e !important; }

#cookies {
  display: none;
  background: #fff;
  border: 1px solid #999999;
  max-width: 250px;
  padding: 15px;
  color: #000;
  position: fixed;
  bottom: -1px;
  right: 30px;
  font-size: 14px;
  z-index: 1000; }
  #cookies p {
    margin-bottom: 20px; }

.layout-iframe #cookies {
  bottom: auto;
  top: 0;
  right: 50%;
  transform: translateX(50%); }

#stadium {
  background-color: #247e4c;
  position: relative;
  padding: 10px 10px 10px 14px;
  width: 960px;
  overflow: visible; }
  #stadium:hover .dummy-circle {
    display: none; }

#stadium-wait {
  background-color: #fff;
  opacity: 0.7;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1029; }
  #stadium-wait i {
    font-size: 60px;
    color: #000;
    margin: 0 auto;
    width: 60px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 50%;
    margin-left: -30px; }
  #stadium-wait div {
    text-transform: uppercase;
    font-size: 30px;
    color: #000;
    text-align: center;
    margin-top: 150px; }

#sponsor-popover {
  display: block;
  visibility: hidden;
  min-width: 220px;
  border-radius: 0; }
  #sponsor-popover img {
    max-width: 200px; }

.cart-holder {
  margin: 14px 0 24px; }

.field-legend {
  font-weight: 600;
  font-size: 12px;
  color: #333;
  margin-top: 10px; }
  .field-legend img {
    vertical-align: top;
    margin-right: 4px; }
  .field-legend span {
    margin-left: 14px;
    display: inline-block; }

.dummy-circle {
  position: absolute;
  top: 210px;
  background: url("/images/circle.png");
  opacity: 0.8;
  width: 182px;
  height: 182px; }
  .dummy-circle:hover {
    display: none; }
  .dummy-circle.dummy-circle-center {
    left: 390px; }
  .dummy-circle.dummy-circle-left {
    left: 197px;
    width: 41px;
    background-position: -141px 0; }
  .dummy-circle.dummy-circle-right {
    right: 195px;
    width: 41px; }

.pitch {
  width: 873px;
  height: 585px;
  margin: 0 auto; }

.pitch-row {
  width: 873px;
  height: 9px; }

.field {
  float: left;
  width: 9px;
  height: 9px;
  outline: 1px solid #2c5221;
  cursor: pointer;
  background-color: #305a24; }
  .field.first {
    clear: both; }
  .field.area-1 {
    background-color: #366528; }
  .field.area-3 {
    background-color: #3b702c; }
  .field.line {
    background-color: #bfbfbf;
    cursor: default; }
    .field.line.special {
      background-color: #bfbfbf; }
    .field.line.sell {
      cursor: pointer; }
      .field.line.sell:hover {
        background-color: #444; }
    .field.line.hovered {
      background-color: #333; }
    .field.line.reserved {
      background-color: #57a340;
      cursor: default; }
    .field.line.reserved-open {
      background-color: #57a340; }
    .field.line.outline {
      background-color: #fff; }
    .field.line.sold {
      background-color: #fff; }
      .field.line.sold:hover {
        background-color: #eaaa53; }
      .field.line.sold.area-1-override-line {
        background-color: #57a340; }
        .field.line.sold.area-1-override-line.special-area {
          background-color: #6fbd59; }
          .field.line.sold.area-1-override-line.special-area.kickoff {
            background-color: #fff; }
  .field.right-line-half {
    background-color: #fff;
    cursor: default; }
  .field.left-line-half {
    background-color: #fff;
    cursor: default; }
  .field.special-area {
    background-color: #3d732e; }
  .field.special {
    background-color: #cccccc; }
    .field.special.sold {
      background-color: #fff; }
  .field:hover {
    background-color: #333; }
  .field.hovered {
    background-color: #333; }
  .field.marked {
    background-color: #333; }
  .field.outline {
    outline: 1px solid #2ea033; }
  .field.cart {
    background-color: #357ebd; }
    .field.cart:hover {
      background-color: #2a6395; }
  .field.special-reserved {
    cursor: pointer; }
  .field.reserved-open {
    background-color: #40a886; }
    .field.reserved-open:hover, .field.reserved-open.hovered {
      background-color: #333; }
  .field.reserved {
    background-color: #57a340;
    cursor: default; }
  .field.sold {
    background-color: #57a340; }
    .field.sold.special-area {
      background-color: #6fbd59; }
      .field.sold.special-area.kickoff {
        background-color: #fff; }
    .field.sold:hover, .field.sold.hovered {
      background-color: #EAAA53; }

.dummy {
  width: 10px;
  height: 10px;
  display: inline-block;
  outline: 1px solid #097D35; }
  .dummy.area-1 {
    background-color: #57a340; }
  .dummy.area-2 {
    background-color: #57a340; }
  .dummy.area-3 {
    background: #57a340; }
  .dummy.special {
    background-color: #57a340; }

#stadion-swipe-small {
  opacity: 0.8;
  font-size: 13px;
  display: none;
  margin: 9px 0 0 14px; }
  #stadion-swipe-small img {
    max-width: 50px;
    vertical-align: text-top; }

#stadium-loader-sm-layer {
  pointer-events: none;
  position: absolute;
  background: #fff;
  opacity: 0.7;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1000; }
  @media (min-width: 760px) {
    #stadium-loader-sm-layer {
      display: none; } }
  #stadium-loader-sm-layer .stadion-swipe {
    margin-top: 100px;
    max-width: 200px; }
  #stadium-loader-sm-layer strong {
    display: block;
    font-size: 30px; }

#stadium-loader {
  position: relative;
  text-align: center;
  min-height: 585px;
  overflow-x: auto; }
  #stadium-loader i {
    font-size: 40px; }
  #stadium-loader span {
    text-transform: uppercase;
    font-size: 20px;
    display: block;
    margin: 20px; }

@media all and (max-width: 992px) {
  #stadium {
    width: 712px; }
    #stadium .dummy-circle {
      display: none; }
  .field {
    width: 7px;
    height: 7px; }
  .pitch {
    width: 680px;
    height: 455px; }
  #stadium-loader {
    min-height: 455px; }
  .pitch-row {
    width: 680px;
    height: 7px; }
  .mobile-stadium-hint i {
    font-size: 40px; } }

.controller-site.action-index table tbody tr td {
  width: 25%; }
  .controller-site.action-index table tbody tr td:nth-child(3n) {
    border-left: 1px solid #ddd; }

.banking-qr {
  max-width: 100%;
  width: 250px;
  margin-bottom: 10px; }

.cart-holder .btn {
  margin-top: -7px;
  margin-left: 10px; }