*, *::before, *::after {
    box-sizing: border-box
}
@font-face {
    font-family: 'CircularStd';
    src: url('../yourtickets/fonts/CircularStd-Book.eot');
    src: url('../yourtickets/fonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
         url('../yourtickets/fonts/CircularStd-Book.woff2') format('woff2'),
         url('../yourtickets/fonts/CircularStd-Book.woff') format('woff'),
         url('../yourtickets/fonts/CircularStd-Book.ttf') format('truetype'),
         url('../yourtickets/fonts/CircularStd-Book.svg#CircularStd-Book') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CircularStd';
    src: url('../yourtickets/fonts/CircularStd-Bold.eot');
    src: url('../yourtickets/fonts/CircularStd-Bold.eot?#iefix') format('embedded-opentype'),
         url('../yourtickets/fonts/CircularStd-Bold.woff2') format('woff2'),
         url('../yourtickets/fonts/CircularStd-Bold.woff') format('woff'),
         url('../yourtickets/fonts/CircularStd-Bold.ttf') format('truetype'),
         url('../yourtickets/fonts/CircularStd-Bold.svg#CircularStd-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CircularStd';
    src: url('../yourtickets/fonts/CircularStd-Black.eot');
    src: url('../yourtickets/fonts/CircularStd-Black.eot?#iefix') format('embedded-opentype'),
         url('../yourtickets/fonts/CircularStd-Black.woff2') format('woff2'),
         url('../yourtickets/fonts/CircularStd-Black.woff') format('woff'),
         url('../yourtickets/fonts/CircularStd-Black.ttf') format('truetype'),
         url('../yourtickets/fonts/CircularStd-Black.svg#CircularStd-Black') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CircularStd';
    src: url('../yourtickets/fonts/CircularStd-Medium.eot');
    src: url('../yourtickets/fonts/CircularStd-Medium.eot?#iefix') format('embedded-opentype'),
         url('../yourtickets/fonts/CircularStd-Medium.woff2') format('woff2'),
         url('../yourtickets/fonts/CircularStd-Medium.woff') format('woff'),
         url('../yourtickets/fonts/CircularStd-Medium.ttf') format('truetype'),
         url('../yourtickets/fonts/CircularStd-Medium.svg#CircularStd-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
/* ----------------------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

html, body {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    line-height: 1
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

a {
    color: inherit;
    margin: -.5em;
    padding: .5em;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

ins {
    text-decoration: none
}

mark {
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0
}

input, select {
    vertical-align: middle
}

input {
    -webkit-appearance: none
}

.bg-white {
    background: #fff
}

.bg-gray {
    background: #e9e9e9
}

.bg-dark-gray {
    background: #d3d3d3
}

.bg-jet {
    background: #232733
}

.bg-oil {
    background: #3e4251
}

.bg-primary_color-fixed {
    background: #dc3547
}

.bg-secondary_color-fixed {
    background: #55c7e0
}

label, input, textarea {
    cursor: pointer
}

li {
    list-style: none
}

a {
    text-decoration: none;
    cursor: pointer
}

a:hover {
    text-decoration: underline
}

.wrapper {
    position: relative;
    width: 100%;
    max-width: 900px;
    box-sizing: border-box;
    margin: 0 auto
}

.w-100 {
    width: 100%
}

.h-100 {
    height: 100%
}

.mh-100 {
    min-height: 100%
}

.line {
    display: inline-block;
    width: 3px;
    vertical-align: middle;
    margin: -2px 0 0 0;
    position: relative;
    right: -1px;
    margin: 3px;
    border-bottom: 2px solid #7b7d85
}

@media (min-width: 733px) {
    .line {
        width: 36px;
        margin: 0 12px
    }
}

.content {
    width: 100%;
    padding: 12px;
    box-sizing: border-box
}

.headerImg {
    order: 2; /* Forceer volgorde: na de datum */
    flex-shrink: 0;
    width: 100%
}

.fa {
    font-weight: 400;
    font-size: 100%
}

.sectionshadow {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 53%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#e9e9e9', GradientType=0);
    position: relative;
    height: 100px;
    width: 100%;
    margin-top: -99px;
    display: none
}

.sectionshadow.active {
    display: block
}

.readmore {
    margin-top: 10px;
    cursor: pointer;
    display: none
}

.readmore:hover {
    text-decoration: underline
}

.readmore.active {
    display: block
}

.terms {
    padding-bottom: 30px
}

@media (min-width: 733px) {
    .terms {
        padding-bottom: 60px
    }
}

@media (max-width: 768px) {
    .terms {
        margin-top: 12px !important;
        padding-bottom: 0px;

    }
}

.numberbox {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 1.7em;
    display: inline-block;
    box-sizing: border-box
}

input[type=date] {
    text-align: right
}

input[type=radio] {
    -webkit-appearance: radio
}

@media (max-width: 733px) {
    input[type="date"], input[type="time"] {
        background: #fff
    }

    input[type="date"]:before, input[type="time"]:before {
        content: attr(placeholder) !important;
        color: #a6a6a6
    }

    input[type="date"]:focus:before, input[type="time"]:focus:before {
        content: '' !important
    }
}

.ticketshop input[type="date"], .ticketshop input[type="time"] {
    background: #fff
}

.ticketshop input[type="date"]:before, .ticketshop input[type="time"]:before {
    content: attr(placeholder) !important;
    color: #a6a6a6
}

::-webkit-input-placeholder {
    color: #a6a6a6
}

::-moz-placeholder {
    color: #a6a6a6
}

:-ms-input-placeholder {
    color: #a6a6a6 !important
}

::-ms-input-placeholder {
    color: #a6a6a6
}

::-webkit-input-placeholder {
    color: #a6a6a6
}

::-moz-placeholder {
    color: #a6a6a6
}

:-ms-input-placeholder {
    color: #a6a6a6
}

::placeholder {
    color: #a6a6a6
}

[type=file].addImage {
    position: absolute;
    filter: alpha(opacity=0);
    opacity: 0
}

.addImage {
    cursor: pointer;
    display: inline-block;
    background: #fff;
    color: #a6a6a6;
    border: 2px dashed #d3d3d3;
    padding: 32px 12px;
    text-align: center;
    width: 300px;
    max-width: 100%
}

.colorbox {
    width: 100px;
    height: 56px;
    border-radius: 4px 4px 0 0;
    background: #c9c9c9
}

.colorbox-input {
    width: 100px;
    text-align: center;
    border-radius: 0 0 4px 4px;
    border: none;
    background: #fff;
    margin-top: -1px
}

.artist {
    height: 75px
}

.artist-line {
    line-height: 51px
}

.error-text {
    width: 90%;
    background: rgba(85, 199, 224, 0.6);
    border-radius: 3px;
    font-size: 1.05rem;
    padding: 18px;
    color: #fff;
    border: 2px solid #55c7e0;
    margin-bottom: 12px;
    text-align: center;
    top: 24px;
    position: relative;
    margin: 0 auto
}

body {
    color: #232733
}

body, input, button, textarea {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 1em
}

.white {
    color: #fff
}

.gray {
    color: #999
}

.light-gray {
    color: #7b7d85
}

.base {
    color: #a6a6a6
}

.dark {
    color: #232733
}

.primary_color-fixed {
    color: #dc3547
}

.secondary_color-fixed {
    color: #55c7e0
}

.initial_color {
    color: initial
}

.small {
    font-size: 0.750em
}

.medium-small {
    font-size: 0.875em
}

.medium {
    font-size: 1em
}

.large {
    font-size: 1.250em
}

.l-large {
    font-size: 1.4em
}

.xl-large {
    font-size: 1.625em
}

.xxl-large {
    font-size: 2rem
}

.large-scale {
    font-size: 1em
}

@media (min-width: 733px) {
    .large-scale {
        font-size: 1.250em
    }
}

.subtext {
    display: none;
    font-size: 1.750em;
    margin: 12px 0 0 0
}

@media (min-width: 733px) {
    .subtext {
        display: inline
    }
}

.header {
    font-size: 1.875em
}

@media (min-width: 733px) {
    .header {
        font-size: 2.625em
    }
}

.bold {
    font-weight: 700
}

.normal {
    font-weight: 400
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.underline {
    text-decoration: underline
}

.lineheight-1-2 {
    line-height: 1.2
}

.lineheight-1-3 {
    line-height: 1.5
}

.a-center {
    text-align: center
}

.a-right {
    text-align: right
}

.a-left {
    text-align: left
}

.m-0 {
    margin: 0
}

.m-auto {
    margin-right: auto;
    margin-left: auto
}

.m-top-6 {
    margin-top: 6px
}

.m-top-12 {
    margin-top: 12px
}

.m-top-18 {
    margin-top: 18px
}

.m-top-24 {
    margin-top: 24px
}

.m-top-30 {
    margin-top: 30px
}

.m-top-36 {
    margin-top: 36px
}

.m-top-60 {
    margin-top: 60px
}

.m-top-90 {
    margin-top: 90px
}

.m-bottom-6 {
    margin-bottom: 6px
}

.m-bottom-12 {
    margin-bottom: 12px
}

.m-bottom-18 {
    margin-bottom: 18px
}

.m-bottom-24 {
    margin-bottom: 24px
}

.m-bottom-30 {
    margin-bottom: 30px
}

.m-bottom-36 {
    margin-bottom: 36px
}

.m-bottom-48 {
    margin-bottom: 48px
}

.m-bottom-60 {
    margin-bottom: 60px
}

.m-right-6 {
    margin-right: 6px
}

.m-right-12 {
    margin-right: 12px
}

.m-right-18 {
    margin-right: 18px
}

.m-right-24 {
    margin-right: 24px
}

.m-right-36 {
    margin-right: 36px
}

.m-left-6 {
    margin-left: 6px
}

.m-left-12 {
    margin-left: 12px
}

.m-left-18 {
    margin-left: 18px
}

.m-left-24 {
    margin-left: 24px
}

.m-left-36 {
    margin-left: 36px
}

.m-around-6 {
    margin: 6px
}

.m-around-12 {
    margin: 12px
}

.m-around-18 {
    margin: 18px
}

.m-around-24 {
    margin: 24px
}

.m-around-36 {
    margin: 36px
}

.m-side-6 {
    margin: 0 6px
}

.m-side-12 {
    margin: 0 12px
}

.m-side-18 {
    margin: 0 18px
}

.m-side-24 {
    margin: 0 24px
}

.m-side-36 {
    margin: 0 36px
}

@media (min-width: 733px) {
    .m-right-36-desk {
        margin-right: 36px
    }
}

@media (min-width: 733px) {
    .m-right-12-desk {
        margin-right: 12px
    }
}

@media (min-width: 733px) {
    .m-right-30-desk {
        margin-right: 30px
    }
}

@media (min-width: 733px) {
    .m-left-12-desk {
        margin-left: 12px
    }
}

@media (min-width: 733px) {
    .m-left-18-desk {
        margin-left: 18px
    }
}

.p-top-6 {
    padding-top: 6px
}

.p-top-12 {
    padding-top: 12px
}

.p-top-18 {
    padding-top: 18px
}

.p-top-24 {
    padding-top: 24px
}

.p-top-36 {
    padding-top: 36px
}

.p-bottom-6 {
    padding-bottom: 6px
}

.p-bottom-12 {
    padding-bottom: 12px
}

.p-bottom-18 {
    padding-bottom: 18px
}

.p-bottom-24 {
    padding-bottom: 24px
}

.p-bottom-36 {
    padding-bottom: 36px
}

.p-bottom-48 {
    padding-bottom: 48px
}

.p-bottom-60 {
    padding-bottom: 60px
}

.p-right-3 {
    padding-right: 3px
}

.p-right-6 {
    padding-right: 6px
}

.p-right-12 {
    padding-right: 12px
}

.p-right-18 {
    padding-right: 18px
}

.p-right-24 {
    padding-right: 24px
}

@media (min-width: 733px) {
    .p-right-24-dt {
        padding-right: 24px
    }
}

.p-right-36 {
    padding-right: 36px
}

.p-right-48 {
    padding-right: 48px
}

.p-left-3 {
    padding-left: 3px
}

.p-left-6 {
    padding-left: 6px
}

.p-left-12 {
    padding-left: 12px
}

.p-left-18 {
    padding-left: 18px
}

.p-left-24 {
    padding-left: 24px
}

.p-left-36 {
    padding-left: 36px
}

.p-around-6 {
    padding: 6px
}

.p-around-12 {
    padding: 12px
}

.p-around-18 {
    padding: 18px
}

.p-around-24 {
    padding: 24px
}

.p-around-36 {
    padding: 36px
}

.p-side-6 {
    padding: 0 6px
}

.p-side-12 {
    padding: 0 12px
}

.p-side-18 {
    padding: 0 18px
}

.p-side-24 {
    padding: 0 24px
}

.p-side-36 {
    padding: 0 36px
}

.p-top-bottom-6 {
    padding: 6px 0
}

.p-top-bottom-12 {
    padding: 12px 0
}

.p-top-bottom-18 {
    padding: 18px 0
}

.p-top-bottom-24 {
    padding: 24px 0
}

.p-top-bottom-36 {
    padding: 36px 0
}

.p-top-bottom-48 {
    padding: 48px 0
}

.p-tb-24-lr-36 {
    padding: 24px 36px
}

.p-tb-24-lr-18 {
    padding: 24px 18px
}

.u-flex-column {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.u-flex-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.u-flex-row-around {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.u-flex-row-between {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.u-flex-column-to-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 733px) {
    .u-flex-column-to-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;  
    }
}

.u-order-1to2 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

@media (min-width: 733px) {
    .u-order-1to2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.u-order-2to1 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

@media (min-width: 733px) {
    .u-order-2to1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.u-float-right {
    float: right
}

.clear:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0
}

.u-dots {
    text-overflow: ellipsis;
    white-space: nowrap
}

.u-textDots {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    max-width: 450px
}

.u-textDots-165 {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    max-width: 165px
}

.u-textDots-100w {
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    max-width: 100%
}

.u-noscroll {
    height: 101%;
    max-height: 101%;
    overflow: hidden
}

.u-shadow {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5)
}

.u-inline-block {
    display: inline-block
}

.u-block {
    display: block
}

.u-display-none {
    display: none
}

.u-border-radius {
    border-radius: 3px
}

.u-vertical-top {
    vertical-align: top
}

.u-flex {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.u-flex-2 {
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.u-flex-3 {
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.u-border {
    border: 1px solid #c9c9c9
}

.u-border-bottom {
    border-bottom: 1px solid #c9c9c9
}

.u-border-top {
    border-top: 1px solid #c9c9c9
}

.u-border-bottom-dash {
    border-bottom: 1px dashed #c9c9c9
}

.u-border-box *, .u-border-box *:before, .u-border-box *:after {
    box-sizing: border-box
}

.u-overflow-hidden {
    overflow: hidden
}

.u-nowarp {
    white-space: nowrap
}

.u-break {
    word-wrap: break-word
}

.u-break-all {
    word-break: break-all
}

.u-noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.u-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden
}

.u-pointer {
    cursor: pointer
}

.u-text-decoration-none:hover {
    text-decoration: none
}

.u-underline-h:hover {
    text-decoration: underline
}

.u-relative {
    position: relative
}

.u-button-bottom {
    position: relative;
    width: 100%;
    text-align: center;
    cursor: pointer;
    padding: 24px 30px 30px 36px;
    border: none;
    outline: none
}

@media (min-width: 733px) {
    .u-button-bottom {
        width: initial;
        position: absolute;
        right: 0;
        bottom: 0
    }
}

.u-button-bottom .fa {
    font-size: 1.5em;
    font-weight: 800;
    position: relative;
    bottom: -0.1em
}

.u-button-bottom:active {
    margin-bottom: -2px
}

.u-button-bottom:hover .u-overlay {
    opacity: 1
}

.u-overlay {
    background: rgba(0, 0, 0, 0.2);
    opacity: 0;
    -webkit-transition: opacity .9s ease;
    -moz-transition: opacity .9s ease;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.u-addNumber-input {
    border: 1px solid #e9e9e9;
    background: none;
    color: #000;
    text-align: center;
    cursor: initial;
    width: 28px;
    max-width: 28px;
    height: 32px;
    margin: 0 -1px
}

.u-addNumber-box {
    border: 1px solid #e9e9e9;
    color: #000;
    text-align: center;
    cursor: pointer;
    width: 28px;
    height: 32px;
    line-height: 28px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    font-weight: 700
}

.u-addNumber-box:hover {
    background: #e9e9e9
}

@media (max-width: 350px) {
    .u-minisize-hidden {
        display: none
    }
}

@media (max-width: 733px) {
    .u-desktop-show {
        display: none
    }
}

@media (max-width: 733px) {
    .u-desktop-placeholder ::-webkit-input-placeholder {
        opacity: 0
    }

    .u-desktop-placeholder :-moz-placeholder {
        opacity: 0
    }

    .u-desktop-placeholder ::-moz-placeholder {
        opacity: 0
    }

    .u-desktop-placeholder :-ms-input-placeholder {
        opacity: 0
    }
}

.u-scale-7 {
    -ms-transform: scale(0.7, 0.7);
    -webkit-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    height: 858px;
    margin-right: -153px;
    margin-bottom: -100px
}

.u-active {
    display: block !important
}

.u-dropdown {
    position: relative;
    display: inline-block
}

.u-dropdown-content {
    display: none;
    position: absolute;
    z-index: 1
}

.u-dropdown:hover .u-dropdown-content {
    display: block
}

.u-opacity-3 {
    opacity: .3
}

.nav {
    position: relative;
    width: 100%;
    padding: 18px 24px
}

@media (min-width: 733px) {
    .nav {
        padding: 24px
    }
}

.nav ul {
    list-style: none
}

.nav-leftwrapper {
    float: right
}

.nav-leftwrapper > li {
    display: inline
}

.logo {
    height: 12px
}

@media (min-width: 733px) {
    .logo {
        height: 23px
    }
}

.logo-container {
    margin: -18px 0 0 -24px;
    padding: 18px 0 0 24px
}

@media (min-width: 733px) {
    .logo-container {
        margin: -24px 0 0 -24px;
        padding: 24px 0 0 24px
    }
}

.language-selector-dropdown {
    position: absolute;
    right: 24px;
    top: 13px;
    z-index: 9;
    max-height: 26px;
    transition: max-height .5s ease-out, background .25s ease-out .5s, color .25s ease-out .6s;
    overflow: hidden;
    padding: 6px;
    border-radius: 2px;
    color: #fff
}

@media (min-width: 733px) {
    .language-selector-dropdown {
        top: 16px
    }
}

.language-selector-dropdown:hover {
    max-height: 500px;
    transition: max-height .5s ease-in;
    background: #fff;
    color: #232733
}

.flagsize{
    width: 16px;
    height: 16px;
}

.flag {
    width: 16px;
    height: 11px;
    background: url(../images/languageflags/flags.png) no-repeat
}

.flag.flag-be {
    background-position: -16px 0
}

.flag.flag-ma {
    background-position: 0 -11px
}

.flag.flag-nl {
    background-position: -16px -11px
}

.shop {
    min-height: 100%
}

.shop:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(35, 39, 51, 0.8)
}

.shop.shopSmall {
    position: relative;
    margin-right: 24px;
    top: -24px
}

.shop.shopSmall:before {
    position: absolute;
    height: 100%
}

.shopSmall .sectionshadow, .shopSmall .readmore {
    display: inline-block
}

.shop-wrapper {
    position: relative;
    width: calc(100% - 40px);
    max-width: 733px;
    padding: 24px;
    box-sizing: border-box;
    margin: 0 auto
}

.ticketshop {
    padding: 24px 0
}

.infoNav {
    padding: 6px 0;
    margin: 0 6px;
    width: 100%
}

@media (min-width: 733px) {
    .infoNav {
        width: initial
    }
}

.shop-description {
    order: 3;
    padding: 12px 24px 24px 12px;
}

@media (min-width: 733px) {
    .shop-description {
        padding: 36px 48px 28px 48px;
    }
}

@media (max-width: 768px) {
    .shop-description {
        position: relative;
        padding-left: 24px;
        padding-top: 12px;
        padding-right: 24px;
        padding-bottom: 24px;;
    }
}

.shop-text {
    max-height: 101px;
    overflow: hidden;
    transition: max-height 3s ease-in
}

.shop-text p {
    margin-bottom: 5px;
    line-height: 1.3
}

.shop-text.active {
    max-height: 9999px
}

.tickets {
    position: relative;
    padding: 12px
}

@media (min-width: 733px) {
    .tickets {
        padding: 24px 48px 0 48px
    }
}

.thankyou {
    position: relative;
    padding: 14px
}

@media (min-width: 733px) {
    .thankyou {
        padding: 24px 48px 72px 48px
    }
}

.share-text {
    max-width: 455px
}

.share-url {
    padding: 18px;
    width: 100%;
    max-width: 400px;
    text-align: center;
    border: 1px solid #a6a6a6
}

.shop-tooltip {
    display: inline;
    position: relative
}

.shop-tooltip:after {
    background: #333;
    border-radius: 3px;
    bottom: 36px;
    color: #fff;
    content: attr(title);
    right: 0;
    padding: 12px;
    position: absolute;
    z-index: 98;
    width: 170px;
    font-size: 0.8rem;
    line-height: 1.3em;
    font-weight: normal;
    cursor: help
}

.shop-disabled.checkbox {
    background: #EBEBE4;
    color: #000000
}

.corners-outer {
    display: block;
    padding: 20px 0;
    margin: 0 auto;
    position: relative
}

.corners-outer:before {
    top: -40px;
    left: -60px;
    clip: rect(40px, auto, auto, 40px);
    -webkit-clip-path: rectangle(50%, 50%, 100%, 100%, 0, 0)
}

.corners-outer:after {
    top: -40px;
    right: -60px;
    clip: rect(40px, 40px, auto, auto);
    -webkit-clip-path: rectangle(0, 50%, 50%, 100%, 0, 0)
}

.corners-outer-bottom {
    padding-top: 0
}

.corners-outer-top {
    padding-bottom: 0
}

.corners-inner {
    position: relative;
    margin: 0 -20px
}

.corners-outer-top:before, .corners-outer-top:after, .corners-inner-top:before, .corners-inner-top:after {
    content: '';
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: transparent
}

.corners-outer-top.bg-white:before, .corners-outer-top.bg-white:after, .corners-inner-top.bg-white:before, .corners-inner-top.bg-white:after {
    border: 20px solid #fff
}

.corners-outer-top.bg-gray:before, .corners-outer-top.bg-gray:after, .corners-inner-top.bg-gray:before, .corners-inner-top.bg-gray:after {
    border: 20px solid #e9e9e9
}

.corners-inner:before {
    bottom: -60px;
    left: -40px;
    clip: rect(auto, auto, 40px, 40px);
    -webkit-clip-path: rectangle(50%, 0, 100%, 50%, 0, 0)
}

.corners-inner:after {
    bottom: -60px;
    right: -40px;
    clip: rect(auto, 40px, 40px, auto);
    -webkit-clip-path: rectangle(0, 0, 50%, 50%, 0, 0)
}

[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 20px 0 0 8px;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden
}

[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer
}

[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 17px;
    height: 17px;
    border: 1px solid #a6a6a6;
    background: transparent;
    border-radius: 3px
}

[type="checkbox"].small:not(:checked) + label:before, [type="checkbox"].small:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    width: 14px;
    height: 14px;
    border: 1px solid #a6a6a6;
    background: transparent;
    border-radius: 3px
}

[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: 4px;
    left: 4px;
    font-size: 18px;
    line-height: 0.8;
    transition: all .2s
}

[type="checkbox"].small:not(:checked) + label:after, [type="checkbox"].small:checked + label:after {
    content: '✔';
    position: absolute;
    top: 0px;
    left: 4px;
    font-size: 14px;
    line-height: 0.8;
    transition: all .2s
}

[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

label:hover:before {
    border: 1px solid #55c7e0 !important
}

.cell-70 {
    width: 50%
}

@media (min-width: 733px) {
    .cell-70 {
        -webkit-flex: 6;
        -ms-flex: 6;
        flex: 6
    }
}

.cell-20 {
    min-width: 80px
}

.cell-10 {
    width: 23%
}

@media (min-width: 733px) {
    .cell-10 {
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2
    }
}

.cell-w40 {
    min-width: 40px
}

.cell-lineheigt {
    line-height: 91px
}

.cell-w80 {
    max-width: 80px;
    min-width: 80px
}

.cell-H74 {
    height: 78px
}

.Gear {
    padding: 13px 12px;
    padding-bottom: 22px;
    border-radius: 4px 4px 0 0;
    transition: 1s
}

.activeGear {
    background: #e9e9e9
}

.popup-container {
    position: fixed;
    width: 460px;
    min-width: 60%;
    max-width: calc(100% - 80px);
    height: 300px;
    min-height: 95%;
    max-height: 95%;
    background: white;
    left: 50%;
    top: 50%;
    padding: 24px;
    overflow: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 2px;
    z-index: 11;
    display: none
}

.popup-container.active {
    display: block
}

.popup-login {
    width: 850px;
    position: fixed;
    max-width: calc(100% - 80px);
    max-height: 100%;
    left: 50%;
    top: 50%;
    overflow: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 2px;
    z-index: 11
}

.popup-forgot {
    width: 850px;
    position: fixed;
    max-width: calc(100% - 80px);
    max-height: 100%;
    left: 50%;
    top: 50%;
    overflow: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 2px;
    z-index: 11
}

.popup-overlay {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(35, 39, 51, 0.8);
    z-index: 10;
    display: none
}

.popup-overlay.active {
    display: block
}

.popup-loading {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: #fff;
    z-index: 999;
    display: none;
    opacity: 0.2
}

.loaderGif {
    position: fixed;
    left: 50%;
    top: 50%;
    max-height: 50%;
    height: 100px;
    overflow: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.loaderText {
    position: fixed;
    left: 50%;
    top: calc(50% + 130px);
    max-height: 50%;
    height: 100px;
    overflow: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.popup-container-input {
    width: 500px;
    max-width: 95%;
    margin: 0 auto;
    display: block
}

.popup-button-m100 {
    width: 204px;
    padding: 24px 0 30px 0
}

@media (max-width: 733px) {
    .popup-button-m100 {
        width: 100%
    }
}

.popup-button-back-m100 {
    width: calc(100% - 205px);
    box-sizing: border-box;
    text-align: left;
    padding: 31px 24px
}

@media (max-width: 733px) {
    .popup-button-back-m100 {
        width: 100%;
        padding: 31px 12px
    }
}

.errormessage {
    position: fixed;
    top: 0;
    background: #dc3547;
    width: 100%;
    padding: 18px;
    color: white;
    text-align: center;
    font-size: 1.250em;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: -100%;
    transition: all 0.5s ease-in-out
}

.errormessage.active {
    margin-top: 0
}

.button {
    position: relative;
    text-align: center;
    cursor: pointer;
    padding: 24px 30px 30px 36px;
    border: none;
    outline: none
}

.button .fa {
    font-size: 1.5em;
    position: relative;
    bottom: -0.1em
}

.button-24 {
    padding: 24px
}

.button-bottom-right {
    width: 100%
}

@media (min-width: 733px) {
    .button-bottom-right {
        width: initial;
        position: absolute;
        right: 0;
        bottom: 0
    }
}

.button-bottom-right:active {
    margin-bottom: -2px
}

.button:hover .u-overlay {
    opacity: 1
}

.button-f {
    margin: initial;
    border-radius: 3px;
    padding: 18px 24px;
    background: #3d5e96;
    color: #fff;
    max-width: 100%;
    display: inline-block;
    font-size: 0.9em
}

@media (max-width: 350px) {
    .button-f {
        font-size: 0.7em
    }
}

.button-f:active {
    position: relative;
    bottom: -2px
}

.button-f .fa {
    padding-right: 12px;
    margin-right: 12px;
    border-right: 1px solid #fff
}

.button-l {
    margin: initial;
    border-radius: 3px;
    border: none;
    text-align: left;
    outline: none;
    padding: 13px 24px 13px 24px;
    color: #fff;
    max-width: 100%;
    display: inline-block;
    font-size: 0.9em;
    cursor: pointer
}

@media (max-width: 350px) {
    .button-l {
        font-size: 0.7em
    }
}

.button-l:active {
    position: relative;
    bottom: -2px
}

.button-l:hover {
    text-decoration: underline
}

.button-l .fa {
    padding-right: 12px;
    margin-right: 12px;
    border-right: 1px solid #fff
}

.button-204 {
    width: 204px;
    padding: 24px 0 30px 0;
}

.button-cancel {
    width: calc(100% - 205px);
    box-sizing: border-box;
    text-align: left;
    padding-top: 31px;
    padding-bottom: 31px
}

.button-page {
    border-radius: 3px;
    padding: 18px 24px
}

.button-page:hover {
    text-decoration: underline
}

.form-input {
    padding: 12px
}

@media (min-width: 733px) {
    .form-input {
        padding: 12px 24px
    }
}

.form-textarea {
    margin-bottom: 12px;
    color: #232733;
    border-radius: 3px;
    box-sizing: border-box;
    border: 1px solid #a6a6a6;
    height: 150px;
    resize: vertical
}

.form-input-bigger {
    padding: 18px 12px
}

@media (min-width: 733px) {
    .form-input-bigger {
        padding: 18px 24px
    }
}

.form-input, .form-input-bigger {
    margin-bottom: 12px;
    color: #232733;
    border-radius: 3px;
    box-sizing: border-box;
    border: 1px solid #a6a6a6
}

.form-time {
    padding: 12px;
    margin-bottom: 12px;
    color: #232733;
    border-radius: 3px;
    box-sizing: border-box;
    border: 1px solid #a6a6a6;
    width: 100%
}

@media (min-width: 733px) {
    .form-time {
        width: auto;
        max-width: 157px
    }
}

@media (min-width: 733px) {
    .form-line {
        display: inline-block;
        width: 18px;
        vertical-align: middle;
        margin: -2px 9px 3px 3px;
        position: relative;
        border-bottom: 2px solid #7b7d85
    }
}

.postcode {
    display: inline-block;
    width: calc(64% - 13px);
    margin-right: 12px
}

.adress {
    display: inline-block;
    width: 35%;
    text-align: center
}

.checkbox {
    background: #fff;
    color: #a6a6a6;
    border-radius: 3px;
    box-sizing: border-box;
    border: 1px solid #a6a6a6;
    padding: 12px 24px;
    display: inline-block;
    margin-bottom: 12px;
    width: calc(50% - 8px)
}

[type="radio"] {
    height: 16px;
    width: 16px
}

.form-error {
    border: 1px solid #dc3547
}

.form-error::-webkit-input-placeholder {
    color: #f3b7be
}

.form-error::-moz-placeholder {
    color: #f3b7be
}

.form-error:-ms-input-placeholder {
    color: #f3b7be
}

.form-error:-moz-placeholder {
    color: #f3b7be
}

.form-contact {
    max-width: 500px;
    margin: 0 auto;
}

.restpass {
    margin: 0 auto;
    padding: 60px
}

.restpass input {
    display: block
}

.restpass input {
    padding: 18px 12px;
    margin-bottom: 12px;
    color: #232733;
    border-radius: 3px;
    box-sizing: border-box;
    border: 1px solid #a6a6a6;
    width: 400px;
    max-width: 100%;
    margin-top: 6px
}

@media (min-width: 733px) {
    .restpass input {
        padding: 18px 24px
    }
}

.restpass .errorlist {
    width: 100%;
    background: rgba(220, 53, 71, 0.6);
    border-radius: 3px;
    font-size: 1.05rem;
    padding: 18px;
    color: #fff;
    border: 2px solid #dc3547;
    margin-bottom: 12px;
    text-align: center
}

.restpass .messages {
    width: 100%;
    background: rgba(85, 199, 224, 0.6);
    border-radius: 3px;
    font-size: 1.05rem;
    padding: 18px;
    color: #fff;
    border: 2px solid #dc3547;
    margin-bottom: 12px;
    text-align: center
}

.create-step1 {
    width: 527px;
    max-width: 100%;
    margin: 60px auto;
    padding: 24px;
    box-sizing: border-box
}
.datepicker-panel>ul>li.highlighted, .datepicker-panel>ul>li:hover {
    background-color: transparent !important;
}
.datepicker-panel>ul>li.picked, .datepicker-panel>ul>li.picked:hover{
    background-color: #e6f2ff !important;
}

@media (min-width: 733px) {
    .create-step1 {
        margin: 120px auto
    }
}

.create-step2 {
    width: 648px;
    max-width: 100%;
    padding: 24px;
    box-sizing: border-box
}

.create-step3 {
    width: 100%;
    max-width: 100%;
    padding: 24px;
    box-sizing: border-box
}

@media (min-width: 733px) {
    .create-step4 {
        max-width: 349px
    }
}

.create-header {
    position: relative;
    top: -5px
}

@media (max-width: 733px) {
    .create-header {
        margin: 0 auto;
        text-align: center;
        width: 100%;
        display: inline-block;
        margin-bottom: 3px;
        font-size: 0.875em
    }
}

.create-aling-text {
    position: relative;
    top: -4px
}

.create-eventurl-form {
    width: 100%
}

@media (min-width: 733px) {
    .create-eventurl-form {
        width: calc(100% - 143px)
    }
}

.create-eventUrl {
    width: 100%
}

@media (min-width: 733px) {
    .create-eventUrl {
        width: calc(100% - 137px)
    }
}

@media (max-width: 733px) {
    .create-number {
        display: block;
        margin: 0 auto;
        margin-bottom: 18px
    }
}

.js-more {
    display: none
}

.create-demoheader {
    word-wrap: break-word;
    max-width: 487px
}

.colorpicker-container {
    padding-bottom: 24px;
    margin-bottom: -24px
}

@media (min-width: 733px) {
    .colorpicker-container {
        position: relative
    }
}

.colorPicker {
    display: none;
    position: absolute;
    z-index: 10;
    background: #fff;
    border-radius: 3px;
    padding: 18px;
    top: 73px;
    margin-top: 24px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5)
}

@media (max-width: 733px) {
    .colorPicker {
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: 100%
    }
}

@media (min-width: 733px) {
    .colorPicker:after, .colorPicker:before {
        bottom: 100%;
        left: 17%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .colorPicker:after {
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: #fff;
        border-width: 12px;
        margin-left: -12px
    }

    .colorPicker:before {
        border-color: rgba(194, 225, 245, 0);
        border-bottom-color: rgba(0, 0, 0, 0.3);
        border-width: 13px;
        margin-left: -13px
    }
}

.colorPicker-top, .colorPicker-mid, .colorPicker-bot {
    height: 40px;
    width: 80px
}

.colorPicker-top {
    border-radius: 3px 3px 0 0
}

.colorPicker-bot {
    border-radius: 0 0 3px 3px
}

.colorPicker-blue .colorPicker-top {
    background: #55c7e0;
    white-space: nowrap;
    text-indent: -9999px
}

.colorPicker-blue .colorPicker-mid {
    background: #4379bc;
    white-space: nowrap;
    text-indent: -9999px
}

.colorPicker-blue .colorPicker-bot {
    background: #132955;
    white-space: nowrap;
    text-indent: -9999px
}

.colorPicker-purple .colorPicker-top {
    background: #a139dc;
    white-space: nowrap;
    text-indent: -9999px
}

.colorPicker-purple .colorPicker-mid {
    background: #7800bc;
    white-space: nowrap;
    text-indent: -9999px
}

.colorPicker-purple .colorPicker-bot {
    background: #39055a;
    white-space: nowrap;
    text-indent: -9999px
}

.colorPicker-green .colorPicker-top {
    background: #329c00;
    white-space: nowrap;
    text-indent: -9999px
}

.colorPicker-green .colorPicker-mid {
    background: #1d6400;
    white-space: nowrap;
    text-indent: -9999px
}

.colorPicker-green .colorPicker-bot {
    background: #124500;
    white-space: nowrap;
    text-indent: -9999px
}

.colorPicker-red .colorPicker-top {
    background: #d2340f;
    white-space: nowrap;
    text-indent: -9999px
}

.colorPicker-red .colorPicker-mid {
    background: #b31a00;
    white-space: nowrap;
    text-indent: -9999px
}

.colorPicker-red .colorPicker-bot {
    background: #700c00;
    white-space: nowrap;
    text-indent: -9999px
}

.colorPicker-orange .colorPicker-top {
    background: #e28200;
    white-space: nowrap;
    text-indent: -9999px
}

.colorPicker-orange .colorPicker-mid {
    background: #c16e00;
    white-space: nowrap;
    text-indent: -9999px
}

.colorPicker-orange .colorPicker-bot {
    background: #a95100;
    white-space: nowrap;
    text-indent: -9999px
}

.colorPicker-yellow .colorPicker-top {
    background: #eeb300;
    white-space: nowrap;
    text-indent: -9999px
}

.colorPicker-yellow .colorPicker-mid {
    background: #bb8500;
    white-space: nowrap;
    text-indent: -9999px
}

.colorPicker-yellow .colorPicker-bot {
    background: #8c5b00;
    white-space: nowrap;
    text-indent: -9999px
}

.dashboard-logo {
    height: 18px;
    display: inline
}

.dashboard-event-container {
    max-width: 100%
}

@media (min-width: 733px) {
    .dashboard-event-container {
        width: 281px
    }
}

@media (max-width: 733px) {
    #chart-tickets-container{
        height:300px;
    }
}

.dashboard-container {
    min-height: calc(100% - 233px);
    background: #e9e9e9
}

.dashboard-user {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block
}

.dashboard-user-img {
    width: 85px;
    min-height: 85px;
    max-width: 200px;
    max-height: 200px
}

.dasboard-aside-event {
    padding: 6px 0 6px 24px;
    margin-bottom: 1px
}

.dasboard-aside-event:hover {
    background: #3e4251
}

.dasboard-aside-event--active {
    background: #3e4251;
    border-right: 4px solid #55c7e0
}

.dasboard-aside-event:not(.dasboard-aside-event--active) {
    cursor: pointer
}

.dasboard-aside-event-image {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block
}

.dashboard-header {
    height: 165px;
    position: relative
}

.dashboard-header:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(35, 39, 51, 0.8)
}

.dashboard-active {
    position: relative;
    color: #3e4251;
    border-bottom: 4px solid #55c7e0
}

.dashboard-active:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #55c7e0;
    border-width: 12px;
    margin-left: -12px
}

#chart-tickets {
    max-width: 100%;
    max-height: 100%
}

.bezoekers {
    width: 1440px;
    max-width: 100%;
    margin: 36px
}

.dashboard-event-nav li {
    display: inline-block
}

.dashboard-event-nav a {
    padding: 12px;
    margin: 0 6px 24px 0;
    box-sizing: border-box;
    display: inline-block
}

.dashboard-event-active {
    border-radius: 6px;
    background: #55c7e0;
    color: white
}

.dashboard-event-width {
    width: 721px;
    max-width: 100%;
    padding: 24px;
    box-sizing: border-box
}

.dashboard-event-width h2 {
    padding: 18px 18px 8px 18px;
    background: #55c7e0
}

.dasboard-eventstate-dropdown {
    /*position: absolute;*/
    /*top: 55px;*/
    /*right: 29px;*/
    border-radius: 4px;
    background: #55c7e0;
    padding: 12px;
    width: 120px
}

.dasboard-eventstate-dropdown:after {
    position: absolute;
    font-family: 'FontAwesome';
    top: 13px;
    right: 14px;
    content: "\f107"
}

.dasboard-eventstate-dropdown .u-dropdown-content {
    background: #55c7e0;
    margin-left: -12px;
    padding: 12px;
    border-radius: 2px;
    width: 120px
}

@media (max-width: 733px) {
    .dashboard-menu li {
        width: 100%;
        text-align: center;
        margin: 0px !important;
        padding-left: 18px !important;
        padding-top: 24px !important;
        padding-bottom: 24px !important;
        padding-right: 18px !important;
    }
}

.beta-image-container {
    max-height: 100%;
    overflow: hidden
}

.beta-image {
    width: 200%;
    margin-top: -100px;
    margin-left: -100px
}

.beta-logo {
    width: 400px;
    max-width: 100%;
    margin: 20px 0
}

@media (min-width: 733px) {
    .beta-logo {
        margin: 30px 0
    }
}

.beta-header {
    font-size: 1.550em
}

@media (min-width: 733px) {
    .beta-header {
        font-size: 2.150em
    }
}

.beta-input {
    margin-bottom: 0
}

.beta-margin {
    margin-top: 10px
}

@media (min-width: 733px) {
    .beta-margin {
        margin: 10px 0
    }
}

.beta-form {
    max-width: 500px;
    padding: 24px
}

@media (max-width: 350px) {
    .beta-minisize-hidden {
        display: none !important
    }
}
.languageselector-image{
    position: relative;
    top: 3px;
    margin-right: 10px;
}

.languageselector{
    filter: alpha(opacity=0.5);
    opacity: 0.5;
    z-index:9999;
    text-transform: uppercase;
}

@media (max-width: 733px) {
    .languageselector .big{
        display:none;
    }
    .languageselector .small{
        display:inline;
    }

    .nice-select{
        padding-left:13px!important;
        padding-right:13px!important;
    }
    .nav-leftwrapper{
        position:relative;
        top:-9px;
    }
}
@media (min-width: 734px) {
    .languageselector .big{
        display:inline;
    }
    .languageselector .small{
        display:none;
    }
}
.ticket-panel-error-container{
    background-color: #fff0f5;
    border:1px dashed red;
    margin-bottom:10px;
    padding:15px;
}

.hidden{
    display:none;
}
.clearfix{
    content: "";
    display: table;
    clear: both;
}
.be-static{
    position:fixed;
    top:20px;
    right:100px;
    z-index:10000;
}
.table {
    border-spacing: 0;
    border-collapse: separate;
    padding:16px;
}
.table td {
    padding: 5px;

    /*vertical-align: middle;*/
    position: static;


    /* Mercury */

    border-bottom: 1px solid #E5E5E5;
    padding: 34px 0px;
}
.table td:first-child{
    padding-left:16px;
}
.table tr{
    /*border-bottom: 1px solid #E5E5E5;*/
}
.table td.header-td {
    padding-bottom: 5px;
    font-weight: bold;

}
.styled-button{
    color:white;

    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 12px 8px 8px;

    position: static;
    width: 124px;
    height: 32px;
    left: 407px;
    top: 4px;

    background: #66C5E1;
    border-radius: 4px;

    /* Inside auto layout */

    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0px 16px;
}