@charset "UTF-8";
/* Document
 * ========================================================================== */
/**
 * Add border box sizing in all browsers (opinionated).
 */
*,
::before,
::after {
    box-sizing: border-box; }

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */
::before,
::after {
    text-decoration: inherit;
    /* 1 */
    vertical-align: inherit;
    /* 2 */ }

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Use a 4-space tab width in all browsers (opinionated).
 * 4. Remove the grey highlight on links in iOS (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */
html {
    cursor: default;
    /* 1 */
    line-height: 1.5;
    /* 2 */
    -moz-tab-size: 4;
    /* 3 */
    tab-size: 4;
    /* 3 */
    -webkit-tap-highlight-color: transparent;
    -ms-text-size-adjust: 100%;
    /* 5 */
    -webkit-text-size-adjust: 100%;
    /* 5 */
    word-break: break-word;
    /* 6 */ }

/* Sections
 * ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
    margin: 0 !important; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0; }

/* Grouping content
 * ========================================================================== */
/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */
dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
    margin: 0; }

/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */
ol ol,
ol ul,
ul ol,
ul ul {
    margin: 0; }

/**
 * 1. Add the correct sizing in Firefox.
 * 2. Show the overflow in Edge 18- and IE.
 */
hr {
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */ }

/**
 * Add the correct display in IE.
 */
main {
    display: block; }

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
    list-style: none;
    padding: 0; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */ }

/* Text-level semantics
 * ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent; }

/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */
abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%; }

/* Embedded content
 * ========================================================================== */
/*
 * Change the alignment on media elements in all browsers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle; }

/**
 * Add the correct display in IE 9-.
 */
audio,
video {
    display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
    display: none;
    height: 0; }

/**
 * Remove the border on iframes in all browsers (opinionated).
 */
iframe {
    border-style: none; }

/**
 * Remove the border on images within links in IE 10-.
 */
img {
    border-style: none; }

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg:not([fill]) {
    fill: currentColor; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
    overflow: hidden; }

/* Tabular data
 * ========================================================================== */
/**
 * Collapse border spacing in all browsers (opinionated).
 */
table {
    border-collapse: collapse; }

/* Forms
 * ========================================================================== */
/**
 * Remove the margin on controls in Safari.
 */
button,
input,
select {
    margin: 0; }

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */
button {
    overflow: visible;
    /* 1 */
    text-transform: none;
    /* 2 */ }

/**
 * Correct the inability to style buttons in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button; }

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Correct the padding in Firefox.
 */
fieldset {
    border: 1px solid #a0a0a0;
    /* 1 */
    padding: 0.35em 0.75em 0.625em;
    /* 2 */ }

/**
 * Show the overflow in Edge 18- and IE.
 */
input {
    overflow: visible; }

/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */
legend {
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    white-space: normal;
    /* 1 */ }

/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */
progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */ }

/**
 * Remove the inheritance of text transform in Firefox.
 */
select {
    text-transform: none; }

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction in all browsers (opinionated).
 */
textarea {
    margin: 0;
    /* 1 */
    overflow: auto;
    /* 2 */
    resize: vertical;
    /* 3 */ }

/**
 * Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
    padding: 0; }

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto; }

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */
::-webkit-search-decoration {
    -webkit-appearance: none; }

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */ }

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
::-moz-focus-inner {
    border-style: none;
    padding: 0; }

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:-moz-focusring {
    outline: 1px dotted ButtonText; }

/**
 * Remove the additional :invalid styles in Firefox.
 */
:-moz-ui-invalid {
    box-shadow: none; }

/* Interactive
 * ========================================================================== */
/*
 * Add the correct display in Edge 18- and IE.
 */
details {
    display: block; }

/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */
dialog {
    background-color: white;
    border: solid;
    color: black;
    display: block;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content; }

dialog:not([open]) {
    display: none; }

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item; }

/* Scripting
 * ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
    display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
    display: none; }

/* User interaction
 * ========================================================================== */
/*
 * 1. Remove the tapping delay in IE 10.
 * 2. Remove the tapping delay on clickable elements
      in all browsers (opinionated).
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
    -ms-touch-action: manipulation;
    /* 1 */
    touch-action: manipulation;
    /* 2 */ }

/**
 * Add the correct display in IE 10-.
 */
[hidden] {
    display: none; }

/* Accessibility
 * ========================================================================== */
/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */
[aria-busy="true"] {
    cursor: progress; }

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */
[aria-controls] {
    cursor: pointer; }

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */
[aria-disabled="true"],
[disabled] {
    cursor: not-allowed; }

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */
[aria-hidden="false"][hidden] {
    display: initial; }

[aria-hidden="false"][hidden]:not(:focus) {
    clip: rect(0, 0, 0, 0);
    position: absolute; }

.c-blue {
    color: #3ebad6; }

.c-green {
    color: #2ecc71; }

.db {
    display: block; }

.di {
    display: inline; }

.dib {
    display: inline-block; }

.dn {
    display: none; }

.df {
    display: flex; }

.dif {
    display: inline-flex; }

.mar-t0 {
    margin-top: 0rem !important; }

.mar-b0 {
    margin-bottom: 0rem !important; }

.mar-l0 {
    margin-left: 0rem !important; }

.mar-r0 {
    margin-right: 0rem !important; }

.mar-t1, .dropzone .dz-preview .dz-remove {
    margin-top: 0.5rem !important; }

.mar-b1 {
    margin-bottom: 0.5rem !important; }

.mar-l1 {
    margin-left: 0.5rem !important; }

.mar-r1 {
    margin-right: 0.5rem !important; }

.mar-t2 {
    margin-top: 1rem !important; }

.mar-b2 {
    margin-bottom: 1rem !important; }

.mar-l2 {
    margin-left: 1rem !important; }

.mar-r2 {
    margin-right: 1rem !important; }

.mar-t3 {
    margin-top: 1.5rem !important; }

.mar-b3 {
    margin-bottom: 1.5rem !important; }

.mar-l3 {
    margin-left: 1.5rem !important; }

.mar-r3 {
    margin-right: 1.5rem !important; }

.mar-t4 {
    margin-top: 2rem !important; }

.mar-b4 {
    margin-bottom: 2rem !important; }

.mar-l4 {
    margin-left: 2rem !important; }

.mar-r4 {
    margin-right: 2rem !important; }

.mar-t5 {
    margin-top: 2.5rem !important; }

.mar-b5 {
    margin-bottom: 2.5rem !important; }

.mar-l5 {
    margin-left: 2.5rem !important; }

.mar-r5 {
    margin-right: 2.5rem !important; }

.mar-t6 {
    margin-top: 3rem !important; }

.mar-b6 {
    margin-bottom: 3rem !important; }

.mar-l6 {
    margin-left: 3rem !important; }

.mar-r6 {
    margin-right: 3rem !important; }

.mar-t7 {
    margin-top: 3.5rem !important; }

.mar-b7 {
    margin-bottom: 3.5rem !important; }

.mar-l7 {
    margin-left: 3.5rem !important; }

.mar-r7 {
    margin-right: 3.5rem !important; }

.mar-0 {
    padding: 0 !important; }

.pad-t0 {
    padding-top: 0rem !important; }

.pad-b0 {
    padding-bottom: 0rem !important; }

.pad-l0 {
    padding-left: 0rem !important; }

.pad-r0 {
    padding-right: 0rem !important; }

.pad-t1 {
    padding-top: 0.5rem !important; }

.pad-b1 {
    padding-bottom: 0.5rem !important; }

.pad-l1 {
    padding-left: 0.5rem !important; }

.pad-r1 {
    padding-right: 0.5rem !important; }

.pad-t2 {
    padding-top: 1rem !important; }

.pad-b2 {
    padding-bottom: 1rem !important; }

.pad-l2 {
    padding-left: 1rem !important; }

.pad-r2 {
    padding-right: 1rem !important; }

.pad-t3 {
    padding-top: 1.5rem !important; }

.pad-b3 {
    padding-bottom: 1.5rem !important; }

.pad-l3 {
    padding-left: 1.5rem !important; }

.pad-r3 {
    padding-right: 1.5rem !important; }

.pad-t4 {
    padding-top: 2rem !important; }

.pad-b4 {
    padding-bottom: 2rem !important; }

.pad-l4 {
    padding-left: 2rem !important; }

.pad-r4 {
    padding-right: 2rem !important; }

.pad-t5 {
    padding-top: 2.5rem !important; }

.pad-b5 {
    padding-bottom: 2.5rem !important; }

.pad-l5 {
    padding-left: 2.5rem !important; }

.pad-r5 {
    padding-right: 2.5rem !important; }

.pad-t6 {
    padding-top: 3rem !important; }

.pad-b6 {
    padding-bottom: 3rem !important; }

.pad-l6 {
    padding-left: 3rem !important; }

.pad-r6 {
    padding-right: 3rem !important; }

.pad-t7 {
    padding-top: 3.5rem !important; }

.pad-b7 {
    padding-bottom: 3.5rem !important; }

.pad-l7 {
    padding-left: 3.5rem !important; }

.pad-r7 {
    padding-right: 3.5rem !important; }

.pad-0 {
    padding: 0 !important; }

.pad-label {
    margin-top: 1.9rem; }

.fdr {
    flex-direction: row; }

.fdrr {
    flex-direction: row-reverse; }

.fdc {
    flex-direction: column; }

.fdcr {
    flex-direction: column-reverse; }

.fw {
    flex-wrap: wrap; }

.fwr {
    flex-wrap: wrap-reverse; }

.fw-n {
    flex-wrap: nowrap; }

.jc-fs {
    justify-content: flex-start; }

.jc-fe {
    justify-content: flex-end; }

.jc-c {
    justify-content: center; }

.jc-sb {
    justify-content: space-between; }

.jc-sa {
    justify-content: space-around; }

.jc-se {
    justify-content: space-evenly; }

.ai-fs {
    align-items: flex-start; }

.ai-fe {
    align-items: flex-end; }

.ai-c {
    align-items: center; }

.ai-s {
    align-items: stretch; }

.ai-b {
    align-items: baseline; }

.ac-fs {
    align-content: flex-start; }

.ac-fe {
    align-content: flex-end; }

.ac-c {
    align-content: center; }

.ac-s {
    align-content: stretch; }

.ac-sb {
    align-content: space-between; }

.ac-sa {
    align-content: space-around; }

.fl {
    float: left; }

.fr {
    float: right; }

.fn {
    float: none !important; }

.poa {
    position: absolute; }

.pof {
    position: fixed; }

.por {
    position: relative; }

.pos {
    position: static; }

.ra {
    border-radius: 50%; }

.ran {
    border-radius: 0; }

.tac {
    text-align: center; }

.tal {
    text-align: left; }

.tar {
    text-align: right; }

.tsi {
    font-style: italic; }

.ttu {
    text-transform: uppercase; }

.twl {
    font-weight: 100 !important; }

.twn {
    font-weight: normal; }

.twb {
    font-weight: bold; }

.vh {
    visibility: hidden; }

.vat {
    vertical-align: top; }

.h100 {
    height: 100vh; }

.w100 {
    width: 100%; }

.ofh {
    overflow: hidden; }

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

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

.debug {
    background-color: pink !important; }

@media only screen and (min-width: 1025px) {
    .wide-view {
        padding-left: 70px; }

    .hide-wide {
        display: none; }

    .show-phone {
        display: none; } }
@media only screen and (max-width: 481px) {
    .hide-mobile {
        display: none; }

    .hide-phone {
        display: none !important; }

    .mobile-view {
        padding-top: 96px; }

    .phone-view {
        display: block !important; }

    .show-phone {
        display: block !important; } }
@media only screen and (max-width: 1024px) {
    .hide-mobile {
        display: none !important; }

    .mobile-view {
        padding-top: 96px; }

    .show-phone {
        display: none; } }
html {
    font-family: "Manrope", sans-serif;
    font-size: 16;
    line-height: 1.5;
    color: #484848;
    box-sizing: border-box !important;
    padding: 0 30px;
    height: 100%; }

* {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    box-sizing: inherit; }

*:before, *:after {
    box-sizing: inherit; }

ul {
    margin: 0; }

@media only screen and (max-width: 481px) {
    html {
        padding: 0 15px; } }
.autocomplete-suggestions {
    border: 1px solid #d8d8d8;
    background: #ffffff;
    overflow: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    z-index: 100001 !important; }
.autocomplete-suggestions strong {
    font-weight: 600;
    color: #3ebad6; }

.autocomplete-suggestion {
    padding: 0.625rem;
    white-space: nowrap;
    overflow: hidden; }

.autocomplete-group {
    padding: 0.625rem; }
.autocomplete-group strong {
    display: block;
    border-bottom: 1px solid #d8d8d8; }

.autocomplete-noResuts {
    margin: 0.5rem;
    font-size: 13px; }

.autocomplete-selected {
    background: #f0f0f0; }

.badge, .dropzone .dz-preview .dz-details .dz-size {
    text-align: center;
    white-space: nowrap;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    color: #484848;
    padding: 0.125rem 0.5625rem;
    line-height: normal;
    display: inline-block; }

.badge--success {
    background-color: #d4ece6; }

.badge--info, .dropzone .dz-preview .dz-details .dz-size {
    background-color: #ccebf3; }

.badge--warning {
    background-color: #ffeebf; }

.badge--error {
    background-color: #f8d0c8; }

.badge--l, .dropzone .dz-preview .dz-details .dz-size {
    font-size: 13px; }

.badge--xl {
    font-size: 15px; }

@use "sass:color";
.btn, .dataTables_wrapper .dataTables_paginate .paginate_button, .dropzone .dz-preview .dz-remove {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    display: inline-block;
    cursor: pointer;
    outline: 0;
    text-decoration: none;
    transition: background-color 0.23s ease-in-out 0s;
    word-break: normal; }
.btn--dark {
    background-color: #757575;
    color: #ffffff; }
.btn--dark:hover {
    background-color: #525252; }
.btn--dark:active {
    background-color: #2f2f2f; }
.btn--light, .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dropzone .dz-preview .dz-remove {
    background-color: #d8d8d8;
    color: #484848; }
.btn--light:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dropzone .dz-preview .dz-remove:hover {
    background-color: #cdcdcd; }
.btn--light:active, .dataTables_wrapper .dataTables_paginate .paginate_button.current:active, .dropzone .dz-preview .dz-remove:active {
    background-color: #c2c2c2; }
.btn--green {
    background-color: #2ecc71;
    color: #ffffff; }
.btn--green:hover {
    background-color: #2abc68; }
.btn--green:active {
    background-color: #27ad60; }
.btn--red {
    background-color: #ee836e;
    color: #ffffff; }
.btn--red:hover {
    background-color: #ea684f; }
.btn--red:active {
    background-color: #e95b3f; }
.btn--white {
    background-color: #ffffff;
    color: #484848; }
.btn--white:hover {
    background-color: #cdcdcd; }
.btn--white:active {
    background-color: #c2c2c2; }
.btn--transparent, .dataTables_wrapper .dataTables_paginate .paginate_button {
    background-color: none;
    color: #3ebad6;
    text-decoration: underline; }
.btn--transparent:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    text-decoration: none;
    color: #2cafcd; }
.btn--transparent:active, .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    text-decoration: none;
    color: #279cb6; }
.btn--transparent-bordered {
    background: none;
    color: #3ebad6; }
.btn--transparent-bordered:hover {
    text-decoration: underline;
    color: #2cafcd; }
.btn--transparent-bordered:active {
    text-decoration: underline;
    color: #279cb6; }
.btn--dark-pad {
    color: #ffffff; }
.btn--dark-pad:hover {
    background-color: #757575; }
.btn--dark-pad:active {
    background-color: #5e5e5e; }
.btn--dark-pad--selected {
    background-color: #7695fa !important; }
.btn--pad {
    font-size: 2.75rem;
    font-weight: 200;
    padding: 0.375rem 1.0625rem;
    display: inline-block; }
.btn--pad-hint {
    font-size: 1.875rem;
    font-weight: 300;
    display: inline-block;
    padding: 0.375rem 1.25rem;
    min-width: 8.75rem; }
.btn--l, .dropzone .dz-preview .dz-remove {
    font-weight: 600;
    padding: 0.35rem 0.9375rem;
    font-size: 13px; }
.btn--xl {
    font-weight: 400;
    padding: 0.5rem 1.25rem;
    font-size: 18px; }
.btn--xxl {
    font-weight: 300;
    display: inline-block;
    padding: 0.375rem 1.25rem;
    font-size: 30px; }
.btn--expander {
    background-color: unset;
    color: #3ebad6;
    text-decoration: underline;
    position: relative; }
.btn--expander:hover {
    text-decoration: none; }
.btn--expander::after {
    content: "";
    border: 2px solid #4199df;
    border-radius: 2px;
    border-right: 0;
    border-top: 0;
    display: block;
    height: 0.48em;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    transform-origin: center;
    width: 0.48em;
    right: 0;
    z-index: 4; }
.btn--expanded {
    transform: translateY(-50%) rotate(135deg); }
.btn--sort-asc {
    background-image: url(../images/arrowUp.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50%; }
.btn--sort-desc {
    background-image: url(../images/arrowDown.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50%; }
.btn--go-left {
    background-image: url(../images/arrow-left-blue.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 15px; }
.btn:disabled, .dataTables_wrapper .dataTables_paginate .paginate_button:disabled, .dropzone .dz-preview .dz-remove:disabled {
    opacity: 0.2; }
.btn--light-active {
    background-color: #cccccc; }

.card {
    padding: 0.9375rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    font-size: 0.9375rem; }
.card--light {
    border: 1px solid #f0f0f0; }
.card--dark {
    background-color: #f0f0f0; }
.card--blue {
    background-color: #fafbff;
    border: 1px solid #f0f0f0; }
.card--block {
    border-bottom: 1px solid #d8d8d8; }

.card--bg__map {
    background-image: url(/assets/images/ico--map.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60px; }

.cardItem {
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    transition: border-color 0.23s ease-in-out 0s;
    margin-bottom: 20px;
    background-color: #ffffff; }
.cardItem:last-child {
    margin-bottom: 0; }
.cardItem:hover {
    border: 1px solid #2E5EF9; }
.cardItem__drag {
    width: 30px;
    background-image: url(/assets/images/tickets/drag.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    cursor: move;
    transition: background-color 0.23s ease-in-out 0s;
    border-radius: 3px 0 0 3px; }
.cardItem__drag:hover {
    background-color: #eaeaea; }
.cardItem__title {
    font-size: 18px;
    font-weight: 600;
    color: #2E5EF9; }
.cardItem__info {
    font-size: 13px;
    color: #484848;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 20px; }
.cardItem__info span {
    margin-left: 4px; }
.cardItem__price {
    font-size: 18px;
    font-weight: 300;
    margin-left: auto; }
.cardItem__mobilePrice {
    display: none; }
.cardItem__data {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    padding: 20px 20px 20px 10px; }
.cardItem__color {
    width: 15px;
    border-radius: 3px 0 0 3px; }

.cardItemGroup {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    transition: border-color 0.23s ease-in-out 0s;
    background-color: #ffffff;
    margin-bottom: 20px; }
.cardItemGroup:last-child {
    margin-bottom: 0; }
.cardItemGroup__contextMenu {
    position: absolute;
    top: 10px;
    right: 10px; }
.cardItemGroup:hover {
    border: 1px solid #2E5EF9; }
.cardItemGroup__title {
    font-size: 24px;
    font-weight: 600;
    color: #364250; }
.cardItemGroup__description {
    font-size: 14px;
    font-weight: 300;
    color: #484848;
    margin: 20px 0 30px 0; }
.cardItemGroup__drag {
    width: 30px;
    background-image: url(/assets/images/tickets/drag.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    cursor: move;
    transition: background-color 0.23s ease-in-out 0s;
    border-radius: 3px 0 0 3px; }
.cardItemGroup__drag:hover {
    background-color: #eaeaea; }
.cardItemGroup__data {
    padding: 20px 20px 20px 10px;
    width: 100%; }
.cardItemGroup__container {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border: 1px dashed #4872FA;
    box-sizing: border-box;
    font-size: 14px;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    transition: border-color 0.23s ease-in-out 0s; }
.cardItemGroup__container:before {
    content: "Drag price zone here"; }
.cardItemGroup__container:hover {
    border: 1px dashed #194efb; }

.contextMenue-horizontal {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-image: url(/assets/images/buttons/horizontal.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    transition: background-color 0.23s ease-in-out 0s;
    cursor: pointer; }
.contextMenue-horizontal:hover {
    background-color: #E8E8E8; }

@media only screen and (max-width: 940px) {
    .cardItem__price {
        display: none; }
    .cardItem__mobilePrice {
        display: block; }
    .cardItem__mobilePrice img {
        margin-top: 0 !important; }

    .cardItem__group {
        flex-direction: column; }

    .cardItem__info {
        align-items: flex-start;
        margin-bottom: 5px; }
    .cardItem__info .elips__status {
        margin-top: 3px; }
    .cardItem__info img {
        margin-top: 4px; } }
.sortable-ghost {
    opacity: 0.2; }

.verticalDate {
    text-align: center; }
.verticalDate__month {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1; }
.verticalDate__day {
    font-size: 28px;
    font-weight: 600;
    line-height: 1; }
.verticalDate__year {
    font-size: 13px;
    font-weight: 400; }

.status--steps {
    list-style: none;
    border-bottom: 1px solid #f0f0f0;
    z-index: 9991;
    top: 0;
    left: 0;
    width: 100%; }
.status--steps li {
    float: left;
    padding: 1rem;
    font-size: 1rem !important;
    line-height: 1.5; }
.status--steps .previous {
    color: #3ebad6;
    cursor: pointer; }
.status--steps .previous:hover {
    text-decoration: underline; }
.status--steps .divide--steps {
    background: url(../images/step-right.svg) no-repeat center;
    height: 3.5rem;
    background-size: 25px; }

input[type="checkbox"] {
    position: absolute;
    left: -9999px;
    visibility: hidden;
    transition: all 0.23s ease-in-out 0s; }
input[type="checkbox"] + label {
    overflow: hidden;
    display: flex;
    align-items: center;
    word-break: normal; }
input[type="checkbox"] + label b {
    font-weight: 600 !important; }
input[type="checkbox"] + label span {
    position: relative;
    flex: 0 0 1.5rem;
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    margin-right: 10px;
    border: 1px solid #D1D1D0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
input[type="checkbox"] + label span:hover {
    border: 1px solid #B7B7B7; }
input[type="checkbox"] + label span:active {
    border: 1px solid #B7B7B7; }
input[type="checkbox"]:focus:not(:checked) + label span {
    border: 1px solid #B7B7B7; }
input[type="checkbox"]:focus + label span {
    border: 1px solid #3659E3; }
input[type="checkbox"]:disabled:not(:checked) + label span {
    background-color: #D1D1D0 !important;
    cursor: not-allowed; }
input[type="checkbox"]:disabled:not(:checked) + label span:after {
    display: none !important; }
input[type="checkbox"]:disabled + label span {
    border: 1px solid #B7B7B7 !important;
    background-color: #D1D1D0 !important;
    cursor: not-allowed; }
input[type="checkbox"]:disabled + label span:after {
    content: "";
    position: absolute;
    left: 7px;
    top: 3px;
    width: 8px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
input[type="checkbox"]:checked + label span {
    border: 1px solid #3659E3;
    background-color: #1047F8; }
input[type="checkbox"]:checked + label span:hover {
    background-color: #093dd6; }
input[type="checkbox"]:checked + label span:active {
    background-color: #3866ff; }
input[type="checkbox"]:checked + label span:after {
    content: "";
    position: absolute;
    left: 7px;
    top: 3px;
    width: 8px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

.checkbox-description {
    display: block;
    margin-top: 0;
    text-indent: 0; }

.checkbox--xl {
    font-size: 15px; }

.btn-combo {
    border: 0;
    display: flex;
    cursor: pointer;
    outline: 0;
    position: relative; }
.btn-combo--primary {
    text-decoration: none;
    -webkit-border-top-left-radius: 3px !important;
    -webkit-border-bottom-left-radius: 3px !important;
    -moz-border-radius-topleft: 3px !important;
    -moz-border-radius-bottomleft: 3px !important;
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
    transition: background-color 0.23s ease-in-out 0s;
    word-break: normal; }
.btn-combo--secondary {
    background-image: url(../images/down_arrow.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 10px;
    -webkit-border-top-right-radius: 3px !important;
    -webkit-border-bottom-right-radius: 3px !important;
    -moz-border-radius-topright: 3px !important;
    -moz-border-radius-bottomright: 3px !important;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    margin-left: 1px;
    transition: background-color 0.23s ease-in-out 0s; }

.date-picker {
    width: 170px;
    height: 25px;
    padding: 0;
    border: 0;
    line-height: 25px;
    padding-left: 10px;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    cursor: pointer;
    color: #303030;
    position: relative;
    z-index: 996; }

.date-picker-wrapper {
    position: absolute;
    z-index: 996;
    border: 1px solid #bfbfbf;
    background-color: #ffffff;
    padding: 5px 12px;
    line-height: 20px;
    box-sizing: border-box;
    overflow: auto; }
.date-picker-wrapper.inline-wrapper {
    position: relative;
    box-shadow: none; }
.date-picker-wrapper.single-date {
    width: auto; }
.date-picker-wrapper.no-shortcuts {
    padding-bottom: 12px; }
.date-picker-wrapper.no-topbar {
    padding-top: 12px; }
.date-picker-wrapper .datepicker-footer {
    font-size: 11px;
    padding-top: 3px; }
.date-picker-wrapper b {
    font-weight: 700; }
.date-picker-wrapper a {
    color: #6bb4d6;
    text-decoration: underline; }
.date-picker-wrapper .month-name {
    text-transform: uppercase; }
.date-picker-wrapper .month-wrapper {
    display: inline-block;
    width: auto !important;
    background-color: #ffffff;
    cursor: default;
    position: relative;
    _overflow: hidden; }
.date-picker-wrapper .month-wrapper table {
    width: 200px;
    clear: none !important; }
.date-picker-wrapper .month-wrapper table.month2 {
    width: 200px;
    margin-left: 20px; }
.date-picker-wrapper .month-wrapper table th, .date-picker-wrapper .month-wrapper table td {
    vertical-align: middle;
    text-align: center;
    line-height: 14px;
    margin: 0px;
    padding: 0px;
    background: none !important; }
.date-picker-wrapper .month-wrapper table .day {
    padding: 15px 0;
    width: 44px;
    text-align: center;
    margin: 0 !important;
    display: block;
    font-size: 14px;
    color: #999;
    cursor: default;
    overflow: hidden; }
.date-picker-wrapper .month-wrapper table .day:hover {
    background-color: #2193eb !important;
    color: white !important; }
.date-picker-wrapper .month-wrapper table div.day.lastMonth, .date-picker-wrapper .month-wrapper table div.day.nextMonth {
    color: #999;
    cursor: default; }
.date-picker-wrapper .month-wrapper table .day.checked {
    background-color: #fae87c; }
.date-picker-wrapper .month-wrapper table .week-name {
    font-weight: 100;
    text-transform: uppercase; }
.date-picker-wrapper .month-wrapper table .week-name th {
    padding: 15px 0;
    width: 44px;
    text-align: center;
    background-image: url(../images/1px.svg) !important;
    background-repeat: repeat-x !important;
    background-position: bottom !important; }
.date-picker-wrapper .month-wrapper table .day.has-tooltip {
    cursor: help !important; }
.date-picker-wrapper .time label {
    white-space: nowrap; }
.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
    color: #333;
    cursor: pointer; }
.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
    background-color: #fae87c; }
.date-picker-wrapper .month-wrapper table .day.nextMonth, .date-picker-wrapper .month-wrapper table .day.lastMonth {
    display: none; }
.date-picker-wrapper .month-wrapper table .day.real-today {
    background-color: #fae87c;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }
.date-picker-wrapper .month-wrapper table .day.real-today.checked, .date-picker-wrapper .month-wrapper table .day.real-today.hovering {
    background-color: #70ccd5 !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }
.date-picker-wrapper table .caption th {
    padding: 15px 0;
    background-color: #efefef !important;
    background-image: none !important; }
.date-picker-wrapper table .caption .next, .date-picker-wrapper table .caption .prev {
    padding: 0 5px;
    cursor: pointer; }
.date-picker-wrapper table .caption .next:hover, .date-picker-wrapper table .caption .prev:hover {
    background-color: #ccc;
    color: white; }
.date-picker-wrapper .selected-days {
    display: none; }
.date-picker-wrapper .drp_top-bar {
    line-height: 40px;
    height: 40px;
    position: relative;
    color: #3ebad6 !important;
    font-size: 14px; }
.date-picker-wrapper .drp_top-bar .error-top, .date-picker-wrapper .drp_top-bar .normal-top {
    display: none; }
.date-picker-wrapper .drp_top-bar .default-top {
    display: block; }
.date-picker-wrapper .drp_top-bar.error .default-top {
    display: none; }
.date-picker-wrapper .drp_top-bar.error .error-top {
    display: block;
    color: red; }
.date-picker-wrapper .drp_top-bar.normal .default-top {
    display: none; }
.date-picker-wrapper .drp_top-bar.normal .normal-top {
    display: block; }
.date-picker-wrapper .drp_top-bar .apply-btn {
    position: absolute;
    right: 0px;
    top: 6px;
    padding: 3px 5px;
    margin: 0;
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer;
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top, #00adee, #0078a5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
    color: white;
    line-height: initial; }
.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
    cursor: pointer;
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top, #fff, #ededed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); }
.date-picker-wrapper .time {
    position: relative; }
.date-picker-wrapper.single-month .time {
    display: none; }
.date-picker-wrapper .time input[type=range] {
    vertical-align: middle;
    width: 129px;
    padding: 0;
    margin: 0;
    height: 20px; }
.date-picker-wrapper .time1 {
    width: 180px;
    padding: 0 5px;
    text-align: center; }

.time2 {
    width: 180px;
    padding: 0 5px;
    text-align: center; }

.date-picker-wrapper .time1 {
    float: left; }
.date-picker-wrapper .time2 {
    float: right; }
.date-picker-wrapper .hour {
    text-align: right; }

.minute {
    text-align: right; }

.date-picker-wrapper .hide {
    display: none; }
.date-picker-wrapper .first-date-selected {
    color: #ffffff !important;
    background-color: #2193eb !important;
    -webkit-border-top-left-radius: 50% !important;
    -webkit-border-bottom-left-radius: 50% !important;
    -moz-border-radius-topleft: 50% !important;
    -moz-border-radius-bottomleft: 50% !important;
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important; }
.date-picker-wrapper .last-date-selected {
    color: #ffffff !important;
    background-color: #2193eb !important;
    -webkit-border-top-right-radius: 50% !important;
    -webkit-border-bottom-right-radius: 50% !important;
    -moz-border-radius-topright: 50% !important;
    -moz-border-radius-bottomright: 50% !important;
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important; }
.date-picker-wrapper .date-range-length-tip {
    position: absolute;
    margin-top: -4px;
    margin-left: -8px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    display: none;
    background-color: yellow;
    padding: 0 6px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px;
    -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
    -moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
    -ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
    -o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3)); }
.date-picker-wrapper .date-range-length-tip:after {
    content: "";
    position: absolute;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid yellow;
    left: 50%;
    margin-left: -4px;
    bottom: -4px; }

@media only screen and (max-width: 481px) {
    .date-picker-wrapper {
        left: 0 !important;
        width: 100%;
        overflow: hidden;
        padding: 0 !important;
        text-align: center !important; }

    .month-wrapper {
        display: inline-block !important; } }
@media only screen and (min-width: 568px) and (max-width: 667px) {
    .date-picker-wrapper {
        width: 340px;
        overflow: hidden;
        padding: 5px 12px !important; }

    .month-wrapper {
        display: inline-block !important; }

    .month2 {
        margin-left: 0 !important;
        margin-top: 10px; } }
.dropdown {
    position: absolute;
    min-width: 13.75rem;
    list-style: none;
    top: 0;
    left: 0;
    border: 1px solid #d8d8d8;
    overflow: hidden;
    background: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    z-index: 997;
    display: none; }
.dropdown li {
    display: block;
    width: 100%;
    padding: 0 !important;
    transition: background-color 0.1s ease-in 0s; }
.dropdown li:hover {
    background: #d4ece6; }
.dropdown li a {
    display: block;
    padding: 0.9375rem;
    text-decoration: none;
    color: #484848;
    font-size: 0.8125rem; }

.dropdown__delete {
    color: #ff0000 !important; }

.drawer {
    background-color: #ffffff;
    display: flex;
    position: fixed;
    width: 475px;
    right: -475px;
    top: 0;
    z-index: 9999;
    height: 100%;
    box-shadow: 0 1px 17px 0 rgba(40, 44, 53, 0.1), 0 2px 4px 0 rgba(40, 44, 53, 0.1);
    flex-direction: column;
    transition: all 0.25s ease-in-out 0s; }
.drawer__open {
    right: 0; }
.drawer__title {
    padding: 15px;
    font-weight: 600;
    font-size: 18px;
    border-bottom: 1px solid #D9D9D9; }
.drawer__content {
    flex: 1;
    padding: 15px;
    overflow-y: auto;
    scroll-behavior: smooth; }
.drawer__controls {
    padding: 15px;
    border-top: 1px solid #D9D9D9; }

@media only screen and (max-width: 700px) {
    .drawer {
        width: 100%;
        right: -100%; }
    .drawer__open {
        right: 0; } }
.feedback {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    transition: background-color 0.23s ease-in-out 0s;
    font-size: 1rem;
    padding: 0.3125rem 0.625rem;
    overflow: hidden; }

.feedback--success {
    background-color: #d4ece6; }

.feedback--info {
    background-color: #ccebf3; }

.feedback--warning {
    background-color: #ffeebf; }

.feedback--error {
    background-color: #f8d0c8; }

.feedback--icon {
    height: 2.8125rem;
    min-width: 1.25rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 1.25rem;
    float: left;
    margin-right: 0.625rem; }

.feedback--success-ico {
    background-image: url(../images/success-round.svg); }

.feedback--info-ico {
    background-image: url(../images/info-round.svg); }

.feedback--warning-ico {
    background-image: url(../images/warning-round.svg); }

.feedback--error-ico {
    background-image: url(../images/error-round.svg); }

.feedback--body {
    float: left;
    width: calc(100% - 30px); }

@media only screen and (max-width: 481px) {
    .feedback--icon {
        font-size: 2.8125rem;
        width: 100%;
        background-repeat: no-repeat;
        background-position: 50%; }

    .feedback--body {
        width: 100% !important;
        text-align: center;
        display: block; } }
.inlineHint {
    font-size: 0.8125rem;
    font-weight: 600;
    display: none; }

.error > .inlineHint {
    color: #ff0000;
    animation: showNav 0.25s ease-in-out both;
    display: block; }

.inlineHint--error {
    color: #ff0000; }

.inlineHint--success {
    color: #2ecc71; }

.inlineHint--help {
    color: color(text, primary);
    animation: showNav 0.25s ease-in-out both;
    display: none; }

.inlineHint--help.is-active {
    display: block; }

@keyframes showNav {
    from {
        opacity: 0; }
    to {
        opacity: 1; } }
.icoTitle {
    padding-left: 30px;
    background-position: left center; }
.icoTitle--promoterInfo {
    background: url(../images/titles/ico--promoter.svg) no-repeat;
    background-size: 21px; }
.icoTitle--basicInfo {
    background: url(../images/titles/ico--basicinfo.svg) no-repeat;
    background-size: 18px; }
.icoTitle--locations {
    background: url(../images/titles/ico--locations.svg) no-repeat;
    background-size: 18px; }
.icoTitle--datetime {
    background: url(../images/titles/ico--datetime.svg) no-repeat;
    background-size: 18px; }

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px); }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px); } }
@-moz-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px); }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px); } }
@-ms-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px); }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px); } }
@-o-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px); }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px); } }
@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px); }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px); } }
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px); }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); } }
@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px); }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); } }
@-ms-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px); }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); } }
@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px); }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); } }
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px); }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); } }
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px); }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); } }
@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px); }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); } }
@-ms-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px); }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); } }
@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px); }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); } }
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px); }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); } }
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px); } }
@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px); } }
@-ms-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px); } }
@-o-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px); } }
@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px); } }
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3); }
    50% {
        opacity: 1; } }
@-moz-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3); }
    50% {
        opacity: 1; } }
@-ms-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3); }
    50% {
        opacity: 1; } }
@-o-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3); }
    50% {
        opacity: 1; } }
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3); }
    50% {
        opacity: 1; } }
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1; }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3); }
    100% {
        opacity: 0; } }
@-moz-keyframes zoomOut {
    0% {
        opacity: 1; }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3); }
    100% {
        opacity: 0; } }
@-ms-keyframes zoomOut {
    0% {
        opacity: 1; }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3); }
    100% {
        opacity: 0; } }
@-o-keyframes zoomOut {
    0% {
        opacity: 1; }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3); }
    100% {
        opacity: 0; } }
@keyframes zoomOut {
    0% {
        opacity: 1; }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3); }
    100% {
        opacity: 0; } }
@-webkit-keyframes fadeInTransparent {
    0% {
        opacity: 0; }
    100% {
        opacity: 0.75; } }
@-moz-keyframes fadeInTransparent {
    0% {
        opacity: 0; }
    100% {
        opacity: 0.75; } }
@-ms-keyframes fadeInTransparent {
    0% {
        opacity: 0; }
    100% {
        opacity: 0.75; } }
@-o-keyframes fadeInTransparent {
    0% {
        opacity: 0; }
    100% {
        opacity: 0.75; } }
@keyframes fadeInTransparent {
    0% {
        opacity: 0; }
    100% {
        opacity: 0.75; } }
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0; }
    100% {
        opacity: 1; } }
@-moz-keyframes fadeIn {
    0% {
        opacity: 0; }
    100% {
        opacity: 1; } }
@-ms-keyframes fadeIn {
    0% {
        opacity: 0; }
    100% {
        opacity: 1; } }
@-o-keyframes fadeIn {
    0% {
        opacity: 0; }
    100% {
        opacity: 1; } }
@keyframes fadeIn {
    0% {
        opacity: 0; }
    100% {
        opacity: 1; } }
@-webkit-keyframes fadeInFromTransparent {
    0% {
        opacity: 0.25; }
    100% {
        opacity: 1; } }
@-moz-keyframes fadeInFromTransparent {
    0% {
        opacity: 0.25; }
    100% {
        opacity: 1; } }
@-ms-keyframes fadeInFromTransparent {
    0% {
        opacity: 0.25; }
    100% {
        opacity: 1; } }
@-o-keyframes fadeInFromTransparent {
    0% {
        opacity: 0.25; }
    100% {
        opacity: 1; } }
@keyframes fadeInFromTransparent {
    0% {
        opacity: 0.25; }
    100% {
        opacity: 1; } }
@-webkit-keyframes fadeOut {
    0% {
        opacity: 0.75; }
    100% {
        opacity: 0.25; } }
@-moz-keyframes fadeOut {
    0% {
        opacity: 0.75; }
    100% {
        opacity: 0.25; } }
@-ms-keyframes fadeOut {
    0% {
        opacity: 0.75; }
    100% {
        opacity: 0.25; } }
@-o-keyframes fadeOut {
    0% {
        opacity: 0.75; }
    100% {
        opacity: 0.25; } }
@keyframes fadeOut {
    0% {
        opacity: 0.75; }
    100% {
        opacity: 0.25; } }
@-webkit-keyframes fadeOutTransparent {
    0% {
        opacity: 1; }
    100% {
        opacity: 0.25; } }
@-moz-keyframes fadeOutTransparent {
    0% {
        opacity: 1; }
    100% {
        opacity: 0.25; } }
@-ms-keyframes fadeOutTransparent {
    0% {
        opacity: 1; }
    100% {
        opacity: 0.25; } }
@-o-keyframes fadeOutTransparent {
    0% {
        opacity: 1; }
    100% {
        opacity: 0.25; } }
@keyframes fadeOutTransparent {
    0% {
        opacity: 1; }
    100% {
        opacity: 0.25; } }
.js--filter {
    overflow-y: hidden;
    max-height: 31.25rem;
    transition: all 0.25s cubic-bezier(0.7, 0, 0.175, 1) 0s; }

.js--filter-closed {
    max-height: 0; }

.title-dropdown {
    padding-right: 1.875rem;
    background-image: url(../images/down_arrow_title.svg);
    background-repeat: no-repeat;
    background-position: right 21px;
    background-size: 0.8125rem;
    cursor: pointer;
    display: inline-block;
    position: relative; }
.title-dropdown:hover {
    color: #3ebad6;
    background-position: right calc(100% - 19px); }

.page-event--title {
    font-weight: 300;
    font-size: 1.375rem;
    display: inline-block; }
.page-event--title span {
    font-size: 1rem;
    font-weight: 600; }

.page-event--info {
    font-size: 0.875rem;
    font-style: italic;
    margin-bottom: 2.25rem; }

.js--expand-container {
    overflow-y: hidden;
    max-height: 62.5rem;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.175, 1) 0s; }

.js--expand-container-closed {
    max-height: 0; }

.salesreport--chartContainer {
    background: #ffffff;
    padding: 0.9375rem;
    border: 1px solid #ededed; }

#js--tix-percent, #js--tix-money {
    height: 21.875rem;
    width: 100%; }

.cart {
    background-image: url(../images/cart.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 0.8125rem !important; }

.fadeOutTransparent {
    -webkit-animation-name: fadeInTransparent;
    -moz-animation-name: fadeInTransparent;
    -ms-animation-name: fadeInTransparent;
    -o-animation-name: fadeInTransparent;
    animation-name: fadeInTransparent;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    -ms-animation-duration: 0.4s;
    -o-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; }

.input {
    background-clip: padding-box;
    width: 100%;
    transition: border-color 0.2s ease-in-out; }
.input:hover {
    outline: none; }
.input:focus {
    outline: none; }
.input::placeholder {
    color: #a2a2a2; }
.input--noBorder {
    border: none !important; }
.input--l {
    font-size: 0.9375rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 0.65625rem 0.625rem;
    line-height: 1; }
.input::-webkit-input-placeholder {
    color: #a2a2a2; }
.input::-moz-placeholder {
    color: #a2a2a2; }
.input:-ms-input-placeholder {
    color: #a2a2a2; }
.input:-moz-placeholder {
    color: #a2a2a2; }
.input--xl {
    font-size: 1.3125rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 0.625rem; }
.input::-webkit-input-placeholder {
    color: #d8d8d8;
    font-weight: 300 !important; }
.input::-moz-placeholder {
    color: #d8d8d8;
    font-weight: 300 !important; }
.input:-ms-input-placeholder {
    color: #d8d8d8;
    font-weight: 300 !important; }
.input:-moz-placeholder {
    color: #d8d8d8;
    font-weight: 300 !important; }

.input--normal {
    border: 1px solid #D8D8D8; }
.input--normal:hover {
    border-color: #a0a0a0; }
.input--normal:focus {
    border-color: #3ebad6; }

.error > .input--normal {
    border: 1px solid #ff0000;
    color: #ff0000; }

.input--error {
    border: 1px solid #ff0000 !important;
    color: #ff0000; }

.input--success {
    border: 1px solid #2ecc71;
    color: #2ecc71; }

.input:disabled {
    background: #f0f0f0;
    color: #d8d8d8; }

.has--calendar {
    background: #ffffff url(../images/ico-calendar.svg) no-repeat;
    background-position: calc(100% - 5px);
    background-size: 18px;
    padding-right: 35px; }

.has--search {
    background: #ffffff url(../images/search.svg) no-repeat;
    background-position: calc(100% - 10px);
    background-position: calc(100% - 10px);
    background-size: 20px;
    padding-right: 35px; }

.has--time {
    background: #ffffff url(../images/ico--clock.svg) no-repeat;
    background-position: calc(100% - 5px);
    background-size: 18px;
    padding-right: 35px; }

.has--password {
    text-security: disc;
    -webkit-text-security: disc;
    -moz-text-security: disc; }

.has--eur {
    background: #ffffff url(../images/curr/eur.svg) no-repeat;
    background-position: 5px;
    background-size: 15px;
    padding-left: 25px; }

.has--usd {
    background: #ffffff url(../images/curr/usd.svg) no-repeat;
    background-position: 5px;
    background-size: 15px;
    padding-left: 25px; }

.has--gbp {
    background: #ffffff url(../images/curr/gbp.svg) no-repeat;
    background-position: 5px;
    background-size: 15px;
    padding-left: 25px; }

.has--pln {
    background: #ffffff url(../images/curr/pln.svg) no-repeat;
    background-position: 5px;
    background-size: 15px;
    padding-left: 25px; }

.has--czk {
    background: #ffffff url(../images/curr/czk.svg) no-repeat;
    background-position: 5px;
    background-size: 15px;
    padding-left: 25px; }

.has--gel {
    background: #ffffff url(../images/curr/gel.svg) no-repeat;
    background-position: 5px;
    background-size: 15px;
    padding-left: 25px; }

.inputCounter {
    color: #9F9D9D;
    font-size: 13px;
    font-weight: 500;
    text-align: right; }

.html-input {
    background-clip: padding-box;
    width: 100%;
    transition: border-color 0.2s ease-in-out;
    font-size: 0.9375rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 0.625rem;
    min-height: 350px;
    border: 1px solid #D8D8D8; }
.html-input:hover {
    border-color: #a0a0a0; }
.html-input:focus {
    border-color: #3ebad6; }

.html-input:focus-within {
    border-color: #3ebad6 !important; }

.controlInput {
    display: flex;
    border: 1px solid #D8D8D8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    transition: border-color 0.2s ease-in-out;
    background-clip: padding-box; }
.controlInput input {
    text-align: center; }
.controlInput:hover {
    border-color: #a0a0a0; }
.controlInput:focus-within {
    border-color: #3ebad6; }
.controlInput span {
    background-color: #E5E5E5;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px; }
.controlInput--left {
    border-right: 1px solid #E5E5E5;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
.controlInput--right {
    border-left: 1px solid #E5E5E5;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important; }
.controlInput--right span {
    width: 38px;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important; }

.input-calendar {
    background-image: url(/assets/images/input-calendar.svg); }

.input-clock {
    background-image: url(/assets/images/input-clock.svg); }

.controlInput--multiple {
    display: flex; }
.controlInput--multiple .controlInput {
    width: 50%; }

.item {
    background: #f6f4f4;
    border-left: 3px solid #29c566;
    margin-bottom: 0.1875rem; }
.item__guest {
    font-size: 0.9375rem;
    color: #3f3f3f;
    background: url(../images/ico--user-sil.svg) no-repeat;
    background-size: 25px;
    padding: 0.625rem 0 0.625rem 3.75rem;
    background-position: 0.9375rem 50%; }
.item__info {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between; }
.item__action {
@expand .tac;
    border-left: 1px solid #FFF;
    width: 65px;
    cursor: pointer;
    padding: 0.9375rem;
    align-self: stretch; }
.item__action-remove {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 1.875rem;
    background-image: url(../images/ico-remove-rec.svg); }
.item__action-remove:hover {
    background-color: #e2e0e0 !important; }
.item_action-checkin {
    background-repeat: no-repeat;
    background-position: 45% 50%;
    background-size: 1.5625rem;
    background-image: url(../images/ico--guest-checkin.svg); }
.item_action-checkin:hover {
    background-color: #e2e0e0 !important; }
.item__action-entered {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 1.875rem;
    background-image: url(../images/ico--guest-entered.svg);
    cursor: inherit !important; }
.item__notes {
    padding: 0.9375rem;
    border-top: 1px solid #FFFFFF; }
.item__checkinlog {
    font-size: 0.75rem;
    line-height: 1.2; }
.item__note-text {
    font-size: 0.6875rem;
    line-height: 1; }

@use "sass:color";
.label {
    font-size: 0.8125rem;
    font-weight: 600;
    display: block;
    word-break: normal;
    color: #364251;
    text-transform: uppercase;
    display: flex; }
.label img {
    margin-left: 5px; }

.vertical-label {
    font-size: 0.75rem;
    font-weight: 600;
    margin-right: 0.625rem; }

.lb-mar-b {
    margin-bottom: 0.25rem; }

.error > .label {
    color: #ff0000; }

.label--error, .label span {
    color: #ff0000; }

.toggle-btn {
    cursor: pointer;
    text-indent: -9999px;
    width: 55px;
    height: 30px;
    background: #cccccc;
    display: block;
    border-radius: 100px;
    position: relative; }
.toggle-btn:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 26px;
    height: 26px;
    background: #fff;
    border-radius: 90px;
    transition: 0.3s; }

input:checked + .toggle-btn {
    background: #bada55; }
input:checked + .toggle-btn:after {
    left: calc(100% - 2px);
    transform: translateX(-100%); }

.toggle-btn:active:after {
    width: 30px; }

.tag__container {
    display: flex;
    flex-wrap: wrap; }

.tag {
    display: flex;
    align-items: stretch;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background-color: #f3f5f9;
    font-size: 13px;
    color: #031b4e;
    font-weight: 500;
    padding: 5px 4px 5px 8px;
    margin-right: 5px;
    transition: background-color 0.23s ease-in-out 0s;
    pointer-events: none;
    margin-top: 5px; }
.tag:hover {
    background-color: #d8deeb; }
.tag:last-child {
    margin-right: 0 !important; }
.tag__close {
    width: 15px;
    background-image: url(/assets/images/cancel-1.svg);
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: center;
    cursor: pointer !important;
    margin-left: 5px;
    pointer-events: auto; }

.tag--site {
    background-image: url(/assets/images/www-ico.svg);
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 15px;
    padding-left: 22px !important; }

.tag--widget {
    background-image: url(/assets/images/widget.svg);
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 15px;
    padding-left: 22px !important; }

.itemSelector {
    position: relative;
    font-size: 0.9375rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #D8D8D8;
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 5px;
    gap: 5px; }
.itemSelector--error {
    border-color: #ff0000; }
.itemSelector .tag {
    margin: 0 !important;
    padding: 4px 4px 4px 8px; }
.itemSelector:hover {
    border-color: #a0a0a0; }
.itemSelector:focus {
    border-color: #3ebad6; }
.itemSelector__placeholder {
    font-size: 14px;
    line-height: 1;
    padding: 0.4375rem 0.625rem 0.4375rem 1.5625rem;
    color: #3659E3;
    background-image: url(/assets/images/add-blue.svg);
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 17px;
    flex: 1 auto;
    opacity: 1;
    transition: opacity 0.23s ease-in-out 0s; }
.itemSelector__placeholder--hide {
    visibility: hidden;
    opacity: 0; }
.itemSelector__items {
    position: absolute;
    list-style: none;
    top: 40px;
    left: 0;
    width: 100%;
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    z-index: 99999;
    display: none; }
.itemSelector__items--site {
    background-image: url(/assets/images/www-ico.svg);
    background-repeat: no-repeat;
    background-position: 8px center;
    background-size: 20px; }
.itemSelector__items--widget {
    background-image: url(/assets/images/widget.svg);
    background-repeat: no-repeat;
    background-position: 8px center;
    background-size: 20px; }
.itemSelector__items li {
    padding: 10px 10px 10px 35px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.23s ease-in-out 0s; }
.itemSelector__items li:hover {
    background-color: #f5f9ff;
    color: #3659E3; }
.itemSelector__items li:hover span {
    opacity: 1; }
.itemSelector__items li span {
    font-size: 12px;
    background-image: url(/assets/images/add-blue.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 13px;
    padding-left: 12px;
    color: #3659E3;
    opacity: 0;
    transition: opacity 0.23s ease-in-out 0s; }

.leaders {
    list-style: none;
    margin: 0; }
.leaders li {
    background: url(../images/3x1.svg) repeat-x 0 75%;
    font-size: 0.9375rem;
    margin-bottom: 0.5rem; }
.leaders li > span:first-child {
    padding-right: 0.9375rem; }
.leaders li > span:first-child + span {
    padding-left: 0.9375rem;
    text-align: right;
    float: right;
    font-weight: 600; }
.leaders--dark li > span {
    background: #f0f0f0; }
.leaders--light li > span {
    background: #ffffff; }
.leaders--blue li > span {
    background: #fafbff; }

a {
    transition: color 0.23s ease-in-out 0s;
    text-decoration: none; }
a:hover {
    text-decoration: underline; }

.link--grey {
    color: #474747; }
.link--grey:hover {
    color: #2e2e2e; }

.link--blue {
    color: #3ebad6; }
.link--blue:hover {
    color: #279fba; }

.link--orange {
    color: #51971b; }
.link--orange:hover {
    color: #3a6c13; }

.link--s {
    font-size: 0.75rem; }

.link--l {
    font-size: 0.875rem; }

.link--has-decoration {
    text-decoration: underline !important; }
.link--has-decoration:hover {
    text-decoration: none !important; }

.meter {
    position: relative;
    background: #f2f2f2;
    margin: 0.4375rem 0 1.875rem;
    height: 0.8125rem;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px; }
.meter span {
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -ms-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    background: linear-gradient(to right, #72c1b0, #95d1c4); }

.meter-data span {
    font-weight: 600; }

.meter-data--title {
    font-size: 0.875rem; }

.meter-data--metrics {
    font-size: 1.125rem;
    color: #2c9ab7;
    float: right; }

.modal-bg {
    background: #000;
    display: flex;
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -9999999px;
    left: 0;
    transition: opacity 0.3s;
    z-index: 9999; }

.modal-bg__active {
    opacity: 0.75;
    top: 0; }

.modal-container {
    position: absolute;
    height: 100%;
    width: 100%;
    top: -9999999px;
    left: 0;
    overflow: auto;
    text-align: center;
    display: flex;
    z-index: 10000;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.2s; }

.modal-container__active {
    opacity: 1;
    top: 0; }

.modal-body {
    background: #ffffff;
    text-align: left;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden; }

.modal-body--title {
    position: relative;
    background: #f0f0f0;
    text-align: center;
    padding: 0 1.25rem; }
.modal-body--title span {
    display: inline-block;
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-top: 1.125rem;
    margin-bottom: 1.125rem; }

.modal-body--content {
    padding: 1rem 1.25rem 3rem 1.25rem;
    overflow-y: auto;
    height: calc(100vh - 69px);
    -webkit-flex: 1 1 auto; }

.modal-body--tabs {
    padding: 1.5rem 1.25rem 0 1.25rem; }

.modal-body--controls {
    background-image: url(../images/1px.svg);
    background-repeat: repeat-x;
    background-position: top;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ffffff;
    padding: 1rem 0; }

.modal-close {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    background-image: url(../images/ico-delete.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    top: 18px;
    left: calc(100% - 34px);
    cursor: pointer; }

.modal--l {
    width: 31.25rem; }
.modal--l .modal-body--content {
    height: auto !important;
    margin-bottom: 5rem !important; }

.modal--lx {
    width: 50%;
    max-height: 80%; }
.modal--lx .modal-body--content {
    height: auto !important;
    margin-bottom: 5rem !important; }

.modal--lxx {
    width: 70%;
    max-height: 80%; }
.modal--lxx .modal-body--content {
    height: auto !important;
    margin-bottom: 5rem !important; }

.modal--x {
    width: 80%;
    min-height: 90%;
    max-height: 90%; }

@media only screen and (max-width: 500px) {
    .modal--l, .modal--x, .modal--lx {
        width: 100% !important;
        height: 100vh !important;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        max-height: 95% !important; } }
.fadeOutBody {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -ms-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.1s;
    -moz-animation-duration: 0.1s;
    -ms-animation-duration: 0.1s;
    -o-animation-duration: 0.1s;
    animation-duration: 0.1s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; }

.fadeOutBg {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -ms-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.1s;
    -moz-animation-duration: 0.1s;
    -ms-animation-duration: 0.1s;
    -o-animation-duration: 0.1s;
    animation-duration: 0.1s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; }

.radiobutton {
    position: absolute;
    left: -9999px; }
.radiobutton + label {
    overflow: hidden;
    display: inline-block;
    padding-right: 1.5rem;
    text-indent: -36px;
    padding-left: 36px;
    word-break: normal; }
.radiobutton + label span {
    position: relative;
    display: inline-table;
    vertical-align: middle;
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    margin-right: 10px;
    border: 1px solid #D1D1D0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }
.radiobutton + label span:hover {
    border: 1px solid #B7B7B7; }
.radiobutton + label span:active {
    border: 1px solid #B7B7B7; }
.radiobutton + label img {
    display: inline-table;
    vertical-align: middle; }
.radiobutton:focus:not(:checked) + label span {
    background: url(../images/cbrb.svg) no-repeat 0 -288px !important; }
.radiobutton:focus + label span {
    background: url(../images/cbrb.svg) no-repeat 0 -336px !important; }
.radiobutton:checked + label span {
    border: 1px solid #3659E3;
    background-color: #FFFFFF; }
.radiobutton:checked + label span:hover {
    border: 1px solid #3659E3; }
.radiobutton:checked + label span:active {
    border: 1px solid #1036c6; }
.radiobutton:checked + label span:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 5px;
    width: 12px;
    height: 12px;
    border: solid #1047F8;
    background: #1047F8;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }
.radiobutton:disabled:not(:checked) + label span {
    background: url(../images/cbrb.svg) no-repeat 0 -288px !important;
    cursor: not-allowed; }
.radiobutton:disabled + label span {
    background: url(../images/cbrb.svg) no-repeat 0 -312px !important;
    cursor: not-allowed; }

.radioSelector {
    position: absolute;
    left: -9999px; }
.radioSelector + label {
    border: 1px solid #DBDAE3;
    color: #484848;
    font-size: 13px;
    font-weight: 500;
    padding: 9px 15px;
    border-radius: 5px;
    cursor: pointer !important;
    margin-right: 10px;
    transition: border-color 0.2s ease-in-out;
    line-height: 2.924; }
.radioSelector + label:last-child {
    margin-right: 0 !important; }
.radioSelector + label:hover {
    border: 1px solid #a5a5a5 !important;
    color: #484848; }
.radioSelector:checked + label {
    border: 2px solid #3659E3;
    color: #3659E3;
    padding: 8px 14px; }
.radioSelector:checked + label:hover {
    border: 2px solid #3659E3 !important;
    color: #3659E3; }

.radioBox {
    border: 1px solid #ebebeb;
    padding: 20px;
    transition: all 0.23s ease-in-out 0s; }
.radioBox:hover {
    box-shadow: 0 8px 24px -5px #cdcdcd; }
.radioBox__active {
    box-shadow: 0 8px 24px -5px #cdcdcd; }
.radioBox__desc {
    color: #676767;
    font-size: 14px;
    width: 160px;
    margin-left: 35px;
    margin-top: 10px; }
.radioBox__title {
    font-weight: 600; }

.radiobutton--xl {
    font-size: 0.9375rem;
    line-height: 1.5rem;
    margin-top: 0rem;
    margin-bottom: 0.75rem; }

.select {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    font-size: 0.9375rem;
    border: 0;
    font-weight: 600;
    display: inline-block;
    width: auto;
    background-color: #cdcdcd;
    color: #484848;
    position: relative; }
.select::after {
    border: 3px solid #484848;
    border-radius: 2px;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: 0.625em;
    margin-top: -0.4em;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 0.625em;
    right: 0.9em;
    z-index: 4;
    box-sizing: border-box; }
.select::after:disabled {
    opacity: 0.5 !important; }
.select, .select > * {
    cursor: pointer; }
.select:hover {
    background-color: silver; }
.select select {
    background: transparent;
    border: 0;
    outline: 0;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: radio-container;
    appearance: none; }

.select--l select {
    padding: 7px 35px 7px 15px;
    line-height: 1.951 !important; }

.select--s select {
    padding: 4px 35px 4px 15px;
    line-height: 1.5 !important; }

.select--disabled {
    opacity: 0.5; }
.select--disabled:hover {
    background-color: #cdcdcd !important; }

.select--full {
    width: 100%; }
.select--full select {
    width: 100% !important; }

.slat {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #e0dddd;
    margin-bottom: 1.25rem;
    display: flex; }
.slat .meter {
    margin: 0.4375rem 0 0 !important; }
.slat .slat-block {
    border-right: 1px solid #f0f0f0;
    padding: 1.875rem 1.25rem;
    flex-grow: 1;
    flex-basis: 100%; }
.slat .slat-block h3 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
    font-weight: 600;
    color: #3ebad6;
    font-style: normal; }
.slat .slat-block:last-child {
    border-right: none; }
.slat .slat-block--200 {
    flex-grow: 2;
    flex-basis: 200%; }
.slat .slat-block--noBorder {
    border-right: 0 !important; }

.slat-noborder h3 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
    font-weight: 600;
    color: #3ebad6;
    font-style: normal; }

@media only screen and (max-width: 700px) {
    .slat {
        flex-flow: row wrap; }
    .slat .slat-block {
        flex-basis: 50%;
        border-bottom: 1px solid #ededed; }
    .slat .slat-block:last-child {
        border: none !important; }
    .slat .slat-block:nth-child(even) {
        border-right: none !important; } }
.la-ball-scale-pulse {
    vertical-align: top;
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    color: #ffffff;
    width: 32px;
    height: 32px; }
.la-ball-scale-pulse > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.la-ball-scale-pulse.la-dark {
    color: #333; }
.la-ball-scale-pulse > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    opacity: 0.5;
    -webkit-animation: ball-scale-pulse 2s infinite ease-in-out;
    -moz-animation: ball-scale-pulse 2s infinite ease-in-out;
    -o-animation: ball-scale-pulse 2s infinite ease-in-out;
    animation: ball-scale-pulse 2s infinite ease-in-out; }
.la-ball-scale-pulse > div:last-child {
    -webkit-animation-delay: -1s;
    -moz-animation-delay: -1s;
    -o-animation-delay: -1s;
    animation-delay: -1s; }
.la-ball-scale-pulse.la-l {
    width: 1.5rem;
    height: 1.5rem; }
.la-ball-scale-pulse.la-l > div {
    width: 1.5rem;
    height: 1.5rem; }
.la-ball-scale-pulse.la-xl {
    width: 3.125rem;
    height: 3.125rem; }
.la-ball-scale-pulse.la-xl > div {
    width: 3.125rem;
    height: 3.125rem; }

@-webkit-keyframes ball-scale-pulse {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0); }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1); } }
@-moz-keyframes ball-scale-pulse {
    0%, 100% {
        -moz-transform: scale(0);
        transform: scale(0); }
    50% {
        -moz-transform: scale(1);
        transform: scale(1); } }
@-o-keyframes ball-scale-pulse {
    0%, 100% {
        -o-transform: scale(0);
        transform: scale(0); }
    50% {
        -o-transform: scale(1);
        transform: scale(1); } }
@keyframes ball-scale-pulse {
    0%, 100% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0); }
    50% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); } }
.la-ball-clip-rotate {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 0;
    color: #fff;
    width: 32px;
    height: 32px; }
.la-ball-clip-rotate > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.la-ball-clip-rotate.la-dark {
    color: #333; }
.la-ball-clip-rotate > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
    width: 32px;
    height: 32px;
    background: transparent;
    border-width: 2px;
    border-bottom-color: transparent;
    border-radius: 100%;
    -webkit-animation: ball-clip-rotate 0.75s linear infinite;
    -moz-animation: ball-clip-rotate 0.75s linear infinite;
    -o-animation: ball-clip-rotate 0.75s linear infinite;
    animation: ball-clip-rotate 0.75s linear infinite; }
.la-ball-clip-rotate.la-sm {
    width: 16px;
    height: 16px; }
.la-ball-clip-rotate.la-sm > div {
    width: 16px;
    height: 16px;
    border-width: 1px; }
.la-ball-clip-rotate.la-2x {
    width: 64px;
    height: 64px; }
.la-ball-clip-rotate.la-2x > div {
    width: 64px;
    height: 64px;
    border-width: 4px; }
.la-ball-clip-rotate.la-3x {
    width: 96px;
    height: 96px; }
.la-ball-clip-rotate.la-3x > div {
    width: 96px;
    height: 96px;
    border-width: 6px; }

@-webkit-keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); } }
@-moz-keyframes ball-clip-rotate {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg); }
    50% {
        -moz-transform: rotate(180deg);
        transform: rotate(180deg); }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg); } }
@-o-keyframes ball-clip-rotate {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg); }
    50% {
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg); } }
@keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg); }
    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg); } }
.la-sm--por-center {
    position: absolute;
    left: calc(50% - 8px);
    top: calc(50% - 8px); }

.status {
    text-align: center;
    white-space: nowrap;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 0 5px;
    display: inline-block;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase; }
.status--green {
    border: 2px #ff9000 solid;
    color: #74ce5f; }
.status--blue {
    border: 2px #959aff solid;
    color: #959aff; }
.status--red {
    border: 2px #ff0000 solid;
    color: #f93333; }
.status--grey {
    border: 2px #cdcdcd solid;
    color: #cdcdcd; }
.status--yellow {
    border: 2px #fc0fc0 solid;
    color: #fc0fc0; }

.elips__status {
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }
.elips__status--green {
    background: #3EFF2D; }
.elips__status--grey {
    background: #D7DAD7; }
.elips__status--red {
    background: #F78585; }

.side-border tr th:last-child, .side-border tr td:last-child {
    border-right: 1px solid #e0e0e0; }
.side-border tr th:first-child, .side-border tr td:first-child {
    border-left: 1px solid #e0e0e0; }

.avatar-width {
    width: 100px; }

.show-more-width {
    width: 95px !important; }

thead th {
    padding: 0.75rem 0;
    background: #f9f9f9;
    font-weight: 600;
    text-align: left;
    word-break: keep-all;
    border-bottom: 1px solid #e2dfdf; }
thead th:first-child {
    padding-left: 0.625rem;
    border-top-left-radius: 5px; }
thead th:last-child {
    border-top-right-radius: 5px; }

table {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e2dfdf;
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
    background-repeat: repeat-x;
    background-position: top;
    color: #484848;
    font-weight: 300;
    font-size: 0.875rem; }
table td {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #e2dfdf;
    background-repeat: repeat-x;
    background-position: bottom;
    padding: 0.75rem 0;
    vertical-align: middle; }
table td:first-child {
    padding-left: 0.625rem; }
table td:last-child {
    padding-right: 0.625rem; }
table tr:last-child td {
    border-bottom: 0; }
table tr:last-child td:first-child {
    border-bottom-left-radius: 5px; }
table tr:last-child td:last-child {
    border-bottom-right-radius: 5px; }

tbody tr.selected {
    background-color: #b0bed9; }

tbody tr:hover td {
    background-color: #edf6ff !important; }

tbody tr:last-child td {
    background-image: none !important; }

table, table th, table td {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.property-table th {
    background-color: #f4f4f4;
    width: 35%;
    padding: 0 1.25rem;
    background-image: url(../images/1px.svg);
    background-repeat: repeat-x;
    background-position: bottom;
    font-weight: 600; }
.property-table td {
    padding: 0.75rem 1.25rem;
    background-color: #FFF;
    background-image: url(../images/1px.svg);
    background-repeat: repeat-x;
    background-position: bottom; }

.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
    zoom: 1; }
.dataTables_wrapper .even td {
    background-color: #fbfdff; }
.dataTables_wrapper .dataTables_info {
    text-align: center;
    font-size: 0.9375rem;
    line-height: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    color: #616161; }
.dataTables_wrapper .dataTables_paginate {
    text-align: center; }
.dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-top: 3rem;
    margin-bottom: 0.5rem;
    font-weight: 400;
    padding: 0.5rem 0.9375rem; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    text-decoration: none; }
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    opacity: 0.5;
    color: #474747;
    text-decoration: none;
    cursor: default; }

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #edf6ff !important; }

table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
    background-color: #edf6ff !important; }

.control {
    width: 25%;
    position: relative;
    cursor: pointer; }
.control:before {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    content: " ";
    background-image: url(../images/ico--show-more.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%; }

.parent .control:before {
    content: " ";
    background: url(../images/ico--show-less.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20%; }

.child ul li {
    list-style: none; }

.tbl--main-data {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
    font-weight: 600;
    color: #2c9ab7; }
.tbl--main-data span {
    font-size: 1rem;
    color: #484848; }

.tbl--secondary-data {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-top: 0rem;
    margin-bottom: 0rem; }

.tbl--note-data {
    font-size: 0.75rem;
    line-height: 1.5rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
    color: gray; }

.tbl--event-avatar img {
    display: block;
    height: 5rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    margin-right: 0.9375rem;
    margin-left: 10px; }

.child-table {
    font-size: 14px !important;
    border: 1px solid #e0e0e0; }
.child-table td {
    background-color: #ffffff !important; }

.child-table--active {
    display: table-row !important; }
.child-table--active:first-child td {
    background-image: none !important; }
.child-table--active td {
    background-color: #fafbff; }

.sorting_desc {
    background-image: url(../images/ico-desc.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: calc(100% - 15px) center;
    padding-right: 20px; }

.sorting_asc {
    background-image: url(../images/ico-asc.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: calc(100% - 15px) center;
    padding-right: 20px; }

.sorting {
    background-image: url(../images/ico-sort.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: calc(100% - 15px) center;
    padding-right: 20px; }

.list--table li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
    background: #FFF;
    padding: 10px; }
.list--table li:hover {
    background-color: #edf6ff !important; }
.list--table li:last-child {
    border-bottom: none !important; }

@media only screen and (max-width: 768px) {
    .tbl--event-avatar {
        display: none !important; } }
.tabs {
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 1.5rem; }
.tabs li {
    list-style: none;
    display: inline-block;
    font-weight: 600;
    padding: 0.625rem 0.9375rem;
    cursor: pointer;
    position: relative;
    top: 0.0625rem;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent; }
.tabs li a {
    font-size: 1rem;
    text-decoration: none;
    color: #9F9D9D;
    display: inline-block;
    transition: color 0.2s ease-in-out; }
.tabs li:hover a {
    color: #3ebad6; }
.tabs--active {
    border-left: 1px solid #d8d8d8 !important;
    border-right: 1px solid #d8d8d8 !important;
    border-top: 1px solid #d8d8d8 !important; }

.tab-content {
    display: none; }
.tab-content__container {
    border-bottom: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    padding: 1rem; }

.tabs--active {
    background: #ffffff;
    position: relative;
    top: 0.0625rem; }
.tabs--active a {
    color: #1047F8 !important;
    font-weight: 700; }

@media only screen and (max-width: 700px) {
    .tabs li {
        padding: 0.5rem 0.4375rem; }
    .tabs li a {
        font-size: 0.875rem; } }
h1, h2, h3, h4, h5, h6 {
    margin: 0; }

h1 {
    font-size: 1.875rem;
    line-height: 3rem;
    margin-top: 0.75rem;
    margin-bottom: 2.25rem;
    font-weight: 600; }

h2 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-top: 0rem;
    margin-bottom: 0.75rem; }

h3 {
    font-size: 1.3125rem;
    line-height: 1.5rem;
    margin-top: 0rem;
    margin-bottom: 1.5rem;
    font-weight: 500; }

h4 {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
    font-weight: 700; }

h5 {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    font-weight: 600; }

p,
blockquote {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; }

dl,
ol,
ul {
    font-size: 0.9375em;
    margin-bottom: 1.6em;
    padding: 0; }

dd,
dt,
li {
    line-height: 1.6;
    margin: 0; }

.wizard-menu {
    background: #373737;
    width: 100%;
    left: 0;
    right: 0; }

.wizard-btn {
    position: relative;
    background: none;
    color: #ffffff;
    text-decoration: none;
    padding: 0 1.25rem;
    cursor: pointer;
    transition: background-color 0.23s ease-in-out 0s; }
.wizard-btn > span {
    font-size: 0.9375rem;
    line-height: 1.5rem;
    margin-top: 1.125rem;
    margin-bottom: 1.125rem;
    font-weight: 600;
    display: inline-block; }
.wizard-btn:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #3ebad6; }
.wizard-btn:active {
    text-decoration: none;
    color: #ffffff; }

.wizard-title {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-top: 1.125rem;
    margin-bottom: 1rem;
    color: #3ebad6;
    padding: 0 0 0 0.625rem;
    font-style: italic;
    font-weight: 600; }
.wizard-title span {
    font-size: 0.75rem;
    line-height: 1.5rem;
    margin-top: 1.125rem;
    margin-bottom: 1.125rem;
    font-weight: 300;
    color: #cdcdcd !important; }

.wizard-logo {
    margin-left: 10px !important;
    width: 60px !important;
    height: 60px !important;
    background-color: #373737 !important; }

.wizard-btn--action {
    background: #72a45b;
    background-image: url(../images/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: 90%;
    background-size: 20px;
    padding-right: 40px; }

.wizard-btn--back {
    background-image: url(../images/arrow-left.svg);
    background-repeat: no-repeat;
    background-position: 10%;
    background-size: 20px;
    padding-left: 40px; }

.wizard-btn--menu {
    background-color: #484848;
    background-image: url(../images/down_arrow_white.svg);
    background-repeat: no-repeat;
    background-position: 90%;
    background-size: 10px;
    padding-right: 30px; }

.wizard-btn--legend {
    background-image: url(../images/legend.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
    padding: 0 25px; }

.wizard-menu--top {
    top: 0;
    z-index: 9998; }

.wizard-menu--bottom {
    bottom: 0;
    z-index: 9998; }

.ecr-icon {
    background-repeat: no-repeat;
    background-position: 50% 20%;
    background-size: 4.375rem;
    padding-top: 8.25rem; }

.ecr-icon--add-money {
    background-image: url(../images/ico--add-money.svg); }

.ecr-icon--inc-money {
    background-image: url(../images/ico--seif.svg); }

.ecr-icon--z-report {
    background-image: url(../images/ico--z.svg); }

.ecr-icon--x-report {
    background-image: url(../images/ico--x.svg); }

.ecr-icon--open-box {
    background-image: url(../images/ico--ecr.svg); }

.ecr-icon--c-copy {
    background-image: url(../images/ico--receipt-copy.svg); }

.cart-icon {
    background-repeat: no-repeat;
    background-position: 0.9375rem 50%;
    background-size: 1.875rem; }

.cart-icon--cash {
    background-image: url(../images/ico--funds.svg); }

.cart-icon--card {
    background-image: url(../images/ico--creditCard.svg); }

.cart-icon--gift {
    background-image: url(../images/ico--gift.svg); }

.cart-icon--split {
    background-image: url(../images/ico--split.svg); }

.filter {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }

.filter__item {
    min-width: 23%;
    padding-right: 2%; }

@media only screen and (max-width: 880px) {
    .filter__item {
        min-width: 50%;
        padding-right: 1%; }
    .filter__item:nth-child(even) {
        padding-left: 1%;
        padding-right: 0; } }
@media only screen and (max-width: 595px) {
    .filter__item {
        min-width: 100%;
        padding-right: 0; }
    .filter__item:nth-child(even) {
        padding-left: 0; }

    .pad-label {
        margin-top: 0;
        padding-top: 1rem !important; } }
.flag {
    display: inline-block;
    padding-top: 0.3125rem; }

@media only screen and (max-width: 481px) {
    .georeport--result-table th:nth-child(2) {
        padding-left: 0.625rem; }
    .georeport--result-table td:nth-child(2) {
        padding-left: 0.625rem; } }
@media only screen and (max-width: 667px) {
    .georeport--result {
        width: 100% !important; }

    #sticky_pie {
        margin-top: 0.9375rem; } }
.login-logo {
    height: 10.5rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
    text-align: center; }

.login-container {
    max-width: 28.125rem; }

.login-support {
    display: inline-block;
    font-size: 0.8125rem;
    line-height: 1.5rem;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    text-decoration: none;
    color: #3ebad6; }
.login-support:hover {
    text-decoration: underline; }

.login-support-container {
    text-align: right; }

@media only screen and (max-width: 481px) {
    .login-support-container {
        text-align: center; } }
.anm--show-logo {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -ms-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; }

.anm--uname-show {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -ms-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -ms-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    animation-delay: 0.2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; }

.anm--pass-show {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -ms-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -ms-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; }

.anm--button1-show {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -ms-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -ms-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    animation-delay: 0.4s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; }

.anm-top {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -ms-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; }

.anm--code-show {
    display: none;
    opacity: 0;
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -ms-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; }

.anm--button2-show {
    display: none;
    opacity: 0;
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -ms-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -ms-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    animation-delay: 0.2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; }

.anm--uname-hide {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -ms-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; }

.anm--pass-hide {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -ms-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -ms-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    animation-delay: 0.2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; }

.anm--button1-hide {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -ms-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -ms-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; }

.anm--feedback-container {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -ms-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; }

.shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -ms-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; }

.main-navi {
    height: 100%;
    background: #f0f0f0;
    overflow-y: auto;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 998; }
.main-navi li {
    margin: 0;
    padding: 0;
    display: block; }
.main-navi li a {
    display: block;
    width: 4.375rem;
    height: 4.375rem;
    transition: background-color 0.1s ease-in-out 0s;
    background-image: url(../images/navi.svg);
    background-size: 210px; }
.main-navi li a:hover {
    background-color: #ff0000; }

.sub-navi {
    background-image: url(../images/1px.svg);
    background-repeat: repeat-x;
    background-position: bottom; }
.sub-navi li {
    list-style: none;
    float: left;
    padding: 0 0.9375rem;
    transition: background-color 0.23s ease-in-out 0s;
    display: block;
    position: relative; }
.sub-navi li:hover {
    background-color: #f9f9f9; }
.sub-navi li a {
    font-weight: 600;
    text-decoration: none;
    color: #484848;
    display: block; }
.sub-navi li a span {
    font-size: 0.8125rem;
    line-height: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1.375rem;
    display: inline-block; }

@media only screen and (max-width: 1024px) {
    .sub-navi--fixed {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 997; }

    .logo--mobile {
        height: 3.5rem;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        background-image: url(../images/logo.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 62px;
        width: 3.875rem;
        height: 3.875rem;
        position: absolute !important;
        left: 50%;
        margin-left: -31px;
        margin-top: 4px; }

    .mobile-navi {
        background-image: url(../images/menu.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 30px;
        width: 70px;
        height: 70px;
        cursor: pointer;
        position: relative; }
    .mobile-navi:hover {
        background-color: #ededed !important; }

    .search-navi {
        background-image: url(../images/ico-search-smooth.svg) !important;
        background-repeat: no-repeat;
        background-size: 30px; }
    .search-navi:hover {
        background-color: #ededed !important; }

    .sub-navi {
        background: #f9f9f9; }
    .sub-navi li {
        list-style: none;
        float: left;
        padding: 0 0.9375rem;
        transition: background-color 0.23s ease-in-out 0s;
        display: block;
        position: relative; }
    .sub-navi li:hover {
        background-color: #f9f9f9; }
    .sub-navi li a {
        font-weight: 600;
        text-decoration: none;
        color: #484848;
        display: block; }
    .sub-navi li a span {
        font-size: 0.8125rem;
        line-height: 1.5rem;
        margin-top: 1.5rem;
        margin-bottom: 1.375rem;
        display: inline-block; } }
.user-control {
    cursor: pointer;
    float: right !important; }

.user-control--avatar {
    height: 2.1875rem;
    margin-top: 1.15625rem;
    margin-bottom: 0.40625rem;
    float: left;
    margin-right: 0.9375rem;
    width: 2.1875rem;
    height: 2.1875rem; }
.user-control--avatar img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }

.user-control--info {
    float: left;
    margin-right: 0.9375rem; }
.user-control--info span {
    font-size: 0.8125rem;
    font-weight: 600;
    display: block; }

.user-control--menu {
    float: left;
    background-image: url(../images/down_arrow.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 10px;
    font-size: 0.8125rem;
    line-height: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1.375rem;
    padding: 0 0.3125rem; }

.footer {
    font-size: 0.8125rem;
    color: #a6a6a6;
    margin: 5rem 0 2.5rem 0; }
.footer img {
    margin-bottom: 1rem; }

.content {
    flex: 1; }

/*.main-navi
 * li:nth-child(2)
 * 	margin-top: 70px */
.main-navi a.is-active {
    background-color: #ffffff;
    color: #ff0000; }

.sub-navi a.is-active {
    border-bottom: 2px solid #3ebad6;
    box-sizing: border-box; }

.navi-ico--usermanagement {
    background-position: 0 0; }
.navi-ico--usermanagement:hover {
    background-position: -70px 0; }

.navi-ico--venue {
    background-position: 0 -70px; }
.navi-ico--venue:hover {
    background-position: -70px -70px; }

.navi-ico--eventmanagement {
    background-position: 0 -140px; }
.navi-ico--eventmanagement:hover {
    background-position: -70px -140px; }

.navi-ico--selfservice {
    background-position: 0 -210px; }
.navi-ico--selfservice:hover {
    background-position: -70px -210px; }

.navi-ico--reports {
    background-position: 0 -280px; }
.navi-ico--reports:hover {
    background-position: -70px -280px; }

.navi-ico--systemmanagement {
    background-position: 0 -350px; }
.navi-ico--systemmanagement:hover {
    background-position: -70px -350px; }

.navi-ico--usermanagement.is-active {
    background-position: -140px 0; }
.navi-ico--usermanagement.is-active:hover {
    background-color: #ffffff; }

.navi-ico--venue.is-active {
    background-position: -140px -70px; }
.navi-ico--venue.is-active:hover {
    background-color: #ffffff; }

.navi-ico--eventmanagement.is-active {
    background-position: -140px -140px; }
.navi-ico--eventmanagement.is-active:hover {
    background-color: #ffffff; }

.navi-ico--selfservice.is-active {
    background-position: -140px -210px; }
.navi-ico--selfservice.is-active:hover {
    background-color: #ffffff; }

.navi-ico--reports.is-active {
    background-position: -140px -280px; }
.navi-ico--reports.is-active:hover {
    background-color: #ffffff; }

.navi-ico--systemmanagement.is-active {
    background-position: -140px -350px; }
.navi-ico--systemmanagement.is-active:hover {
    background-color: #ffffff; }

.navi-logo {
    width: 4.375rem;
    height: 4.375rem;
    background: #f9f9f9 url(../images/logo.svg) no-repeat 50%;
    background-size: 50px; }

.mobile-menu {
    background: #f0f0f0;
    height: 100%;
    width: 100%;
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 998;
    display: none;
    z-index: 9999;
    -webkit-overflow-scrolling: touch;
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -ms-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    -ms-animation-duration: 0.4s;
    -o-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -ms-animation-delay: 0.1s;
    -o-animation-delay: 0.1s;
    animation-delay: 0.1s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; }

.mobile-menu-items {
    text-align: center;
    list-style: none;
    margin-bottom: 0; }
.mobile-menu-items li {
    font-size: 1.3125rem;
    line-height: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
.mobile-menu-items li a {
    text-decoration: none;
    font-weight: 100;
    color: #484848; }
.mobile-menu-items li a.is-active {
    color: #3ebad6 !important;
    text-decoration: underline;
    font-weight: 500; }

.mobile-menu-items--parent {
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 3rem;
    font-weight: 700; }

@media only screen and (max-width: 481px) {
    .mobile-menu-items--parent {
        font-size: 1.125rem !important;
        font-weight: 700;
        padding: 2rem 1rem 1rem 1rem; }

    .mobile-menu-items {
        text-align: left; }
    .mobile-menu-items li {
        font-size: 1rem;
        line-height: 1.5rem;
        margin-top: 0rem;
        margin-bottom: 0rem; }
    .mobile-menu-items li a {
        text-decoration: none;
        font-weight: 100;
        color: #484848;
        padding: 1rem;
        display: block; }
    .mobile-menu-items li a:hover {
        background: #dedede; }
    .mobile-menu-items li a.is-active {
        box-sizing: border-box;
        border-left: 4px solid #3ebad6;
        text-decoration: none !important; }

    .mobile-menu--user {
        border-top: 1px solid #cdcdcd;
        display: block;
        padding: 0.9375rem 1rem 1rem 1rem; } }
.mobile-menu--slideTop {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -ms-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    -ms-animation-duration: 0.4s;
    -o-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -ms-animation-delay: 0.1s;
    -o-animation-delay: 0.1s;
    animation-delay: 0.1s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; }

.search-navi {
    background-image: url(../images/ico-search-smooth.svg);
    background-repeat: no-repeat;
    background-position: 50% 55%;
    background-size: 25px;
    width: 70px;
    height: 70px;
    cursor: pointer;
    position: relative;
    float: right !important; }
.search-navi:hover {
    background-color: #f9f9f9; }

.remoteServices {
    background-image: url(../images/remoteServices-ico.svg);
    background-repeat: no-repeat;
    background-position: 50% 55%;
    background-size: 20px;
    width: 70px;
    height: 70px;
    cursor: pointer;
    position: relative;
    float: right !important;
    border-left: 1px solid #e9e8e8;
    border-right: 1px solid #e9e8e8; }
.remoteServices:hover {
    background-color: #f9f9f9; }

.remoteStatus {
    border-radius: 50%;
    width: 12px;
    height: 12px;
    border: 2px solid #ffffff;
    position: absolute;
    left: 39px;
    top: 23px; }
.remoteStatus__connected {
    background: #29cb29; }
.remoteStatus__disconnected {
    background: #cbcbcb; }

#ticketInfo {
    background: #ffffff; }

.ticketInfo--content {
    width: 100%;
    max-width: 61.25rem;
    margin: auto; }

.input--search-btn {
    width: 2.75rem;
    height: 2.75rem;
    position: absolute;
    background: #ffffff url(../images/ico-search.svg) no-repeat;
    background-size: 24px;
    background-position: 50%;
    right: 0.125rem;
    top: 0.125rem;
    cursor: pointer; }

.input--clear-btn {
    width: 2.75rem;
    height: 2.75rem;
    position: absolute;
    background: #ffffff url(../images/ico-cancel.svg) no-repeat;
    background-size: 18px;
    background-position: 50%;
    right: 0.125rem;
    top: 0.125rem;
    cursor: pointer; }

.input--loader {
    margin-top: 0.75rem;
    right: 0.1875rem; }

@media only screen and (max-width: 1024px) {
    .ticketInfo--content {
        padding: 0 20px; } }
.cart-control {
    display: inline-block; }

.cart-control--timer {
    display: inline-block;
    font-size: 1.75rem;
    line-height: 3rem;
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
    font-weight: 300;
    background-image: url(../images/timer.svg);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 25px;
    color: #ffffff;
    padding-left: 35px; }

.cart-control--tickets {
    display: inline-block;
    color: #ffffff;
    padding: 0 0.625rem;
    background: #2f2f2f;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    margin: 0.6875rem 0 0 1.25rem; }
.cart-control--tickets span {
    display: inline-block;
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
    font-weight: 300; }

.cart-control--counter {
    display: inline-block;
    color: #72a45b;
    font-weight: 600; }

.cart-control--clear {
    color: #3ebad6;
    text-decoration: underline;
    font-size: 0.75rem;
    cursor: pointer;
    padding: 0 0.625rem; }
.cart-control--clear:hover {
    text-decoration: none; }

.seat {
    position: absolute;
    width: 13px;
    height: 13px;
    cursor: pointer;
    background: #d0d1cf;
    transition: background-color 0.15s ease-in-out 0s; }
.seat:hover {
    background: #6cff00 !important;
    transition: background-color 0.15s ease-in-out 0s; }

.sys_blocked {
    background-color: #000 !important; }

.rowLable {
    position: absolute;
    width: 15px;
    height: 13px;
    color: #484848;
    font-size: 10px; }

.textLable {
    color: #000;
    position: absolute;
    font-size: 18px;
    white-space: nowrap;
    color: #484848; }

#panCont {
    position: absolute;
    width: 100%;
    overflow: hidden;
    top: 3.75rem;
    bottom: 3.75rem;
    left: 0;
    right: 0; }

#map {
    position: absolute; }

#holder {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center; }

.ticket-tooltip {
    position: absolute;
    background: #f5f3f3;
    z-index: 99999;
    width: 16.875rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    margin: 1.125rem 0 0 1.125rem;
    overflow: hidden;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -ms-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    -ms-animation-duration: 0.4s;
    -o-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
    -ms-animation-delay: 0;
    -o-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; }

.ticket-tooltip--price {
    width: 50%;
    font-size: 1.3125rem;
    font-weight: 700;
    color: #ffffff;
    padding: 1.75rem 0; }

.ticket-tooltip--data {
    width: 50%;
    list-style: none;
    padding: 0;
    margin: 0; }
.ticket-tooltip--data li {
    float: left;
    width: 50%;
    text-align: center;
    font-size: 1.3125rem;
    font-weight: 300;
    border-bottom: 1px solid #d6d5d5;
    border-right: 1px solid #d6d5d5;
    line-height: 1.25rem;
    padding: 0.5rem; }
.ticket-tooltip--data li:nth-child(2) {
    border-right: none; }
.ticket-tooltip--data li:nth-child(3) {
    border: none;
    width: 100%;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.3125rem 0; }
.ticket-tooltip--data li span {
    display: block;
    font-size: 0.75rem;
    font-weight: 600; }

.seateditor--standing {
    position: absolute;
    width: 100%;
    overflow-x: auto;
    top: 3.75rem;
    bottom: 3.75rem;
    left: 0;
    right: 0;
    padding: 0 15%; }

.standing-ticket-selector {
    text-align: center; }
.standing-ticket-selector tr {
    background-image: url(../images/1px.svg);
    background-repeat: repeat-x;
    background-position: bottom; }
.standing-ticket-selector tr td {
    font-size: 1.125rem;
    padding: 2rem 0; }
.standing-ticket-selector tr td span {
    font-weight: 700; }

.quantity-select {
    padding: 0;
    margin: 0;
    display: flex; }
.quantity-select li {
    list-style: none; }

.quantity-select--btn {
    background-color: #2ecc71;
    padding: 0.125rem 0.9375rem;
    cursor: pointer;
    background-size: 1.125rem;
    transition: background-color 0.15s ease-in-out 0s; }
.quantity-select--btn:hover {
    background-color: #29b765;
    transition: background-color 0.15s ease-in-out 0s; }

.quantity-select--display {
    text-align: center;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    font-size: 1.25rem;
    width: 2.5rem; }

.decrease {
    -webkit-border-top-left-radius: 3px !important;
    -webkit-border-bottom-left-radius: 3px !important;
    -moz-border-radius-topleft: 3px !important;
    -moz-border-radius-bottomleft: 3px !important;
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
    background-image: url(../images/decrease.svg);
    background-repeat: no-repeat;
    background-position: center; }

.increase {
    -webkit-border-top-right-radius: 3px !important;
    -webkit-border-bottom-right-radius: 3px !important;
    -moz-border-radius-topright: 3px !important;
    -moz-border-radius-bottomright: 3px !important;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    background-image: url(../images/increase.svg);
    background-repeat: no-repeat;
    background-position: center; }

.ticket-legend {
    display: none;
    position: absolute;
    right: 0;
    background: #f0f0f0;
    width: 18.75rem;
    padding: 0.9375rem;
    z-index: 9999;
    color: #484848; }

.pos-payment {
    position: absolute;
    z-index: 99999;
    background: #e7e7e7;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }

.cart-products {
    overflow: auto;
    height: calc(100vh - 270px);
    margin-bottom: 0 !important; }
.cart-products li {
    padding: 1.25rem;
    list-style: none;
    border-bottom: 1px solid #e7e7e7;
    overflow: hidden; }

.cart-products--img {
    width: 3.125rem; }

.cart-products--title {
    font-weight: 700; }

.cart-products--ticket-info {
    font-size: 0.875rem;
    font-weight: 300;
    color: #968a90; }

.cart-products--info {
    width: calc(100% - 114px);
    margin: 0 1.25rem; }

.cart-products--remove {
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(../images/ico-delete.svg);
    background-repeat: no-repeat;
    background-size: 1.5rem;
    cursor: pointer; }

.cart-products--discount {
    margin: 0.3125rem 0 1.25rem 4.375rem;
    width: calc(100% - 70px); }

.price-dropdown {
    overflow: hidden;
    padding: 1.25rem 1.25rem 0.625rem 1.25rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
.price-dropdown .total {
    font-size: 1.5rem;
    font-weight: 500;
    color: #2ecc71; }

.price-display {
    background: #68cc71;
    color: #ffffff;
    font-weight: 300;
    padding: 3.125rem 0;
    margin-bottom: 3.125rem; }
.price-display .money {
    font-size: 3.125rem;
    line-height: 1; }
.price-display .amount {
    font-weight: 700; }
.price-display p {
    font-size: 1.125rem;
    line-height: 1;
    font-weight: 300 !important; }

.pad-blocked {
    -webkit-animation-name: fadeOutTransparent;
    -moz-animation-name: fadeOutTransparent;
    -ms-animation-name: fadeOutTransparent;
    -o-animation-name: fadeOutTransparent;
    animation-name: fadeOutTransparent;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; }
.pad-blocked div {
    cursor: initial; }

.pad-unblocked {
    -webkit-animation-name: fadeInFromTransparent;
    -moz-animation-name: fadeInFromTransparent;
    -ms-animation-name: fadeInFromTransparent;
    -o-animation-name: fadeInFromTransparent;
    animation-name: fadeInFromTransparent;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    -ms-animation-duration: 0.4s;
    -o-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; }

.pos-payment--actions {
    background: #fcfafa;
    padding: 1.875rem 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }

.cart-container {
    background: #ffffff;
    right: 0;
    width: 100%; }

.ui-selectable-helper {
    border: 1px solid red;
    background: yellow;
    opacity: 0.15; }

.ui-selectee {
    opacity: 0.3; }

.ui-selecting {
    opacity: 1 !important;
    background: red !important; }

.ui-selected {
    opacity: 1 !important;
    background: red !important; }

.pos--change {
    font-size: 1.5rem;
    font-weight: 300; }
.pos--change span {
    font-weight: 600;
    color: #3ebad6; }

.refund-dropdown .total {
    font-size: 1.5rem;
    font-weight: 500;
    color: #2ecc71; }

.transValue {
    font-weight: 500 !important; }

.transValue-credit {
    color: #ff9000 !important; }

.transValue-debit {
    color: #ff0000 !important; }

.cashflow__event {
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }

.cashflow__event--item {
    border-bottom: 1px solid #d8d8d8;
    padding: 0.9375rem; }
.cashflow__event--item:last-child {
    border: 0; }

.cashflow__event--title {
    width: 70%; }

@media only screen and (max-width: 1250px) {
    .cashflow__event--title {
        width: 55%; } }
@media only screen and (max-width: 750px) {
    .cashflow__event--title {
        width: 40%; } }
@media only screen and (max-width: 650px) {
    .cashflow__event--title {
        width: 100%; }

    .cashflow__event--item {
        flex-direction: column; }

    .cashflow__event--title {
        flex-direction: column;
        text-align: center; }

    .cashflow__event--report {
        margin: 1.25rem 0;
        text-align: center; }

    .cashflow__event--avatar {
        margin: 0 0 1rem 0 !important; } }
.sectionBlock {
    padding-bottom: 35px; }
.sectionBlock__title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 35px; }

.pageTitle {
    font-size: 30px; }
.pageTitle--back {
    font-weight: 500;
    color: #484848;
    text-decoration: none;
    cursor: pointer; }
.pageTitle--back:hover {
    text-decoration: underline; }
.pageTitle--divider {
    font-weight: 100; }
.pageTitle--page {
    color: #1047F8;
    font-weight: 500; }

.ce-block__content, .ce-toolbar__content {
    max-width: calc(100% - 60px) !important; }

/*------------------------------------*\
    $CSSWIZARDRY-GRIDS
\*------------------------------------*/
/**
 * CONTENTS
 * INTRODUCTION.........How the grid system works.
 * VARIABLES............Your settings.
 * MIXINS...............Library mixins.
 * GRID SETUP...........Build the grid structure.
 * WIDTHS...............Build our responsive widths around our breakpoints.
 * PUSH.................Push classes.
 * PULL.................Pull classes.
 */
/*------------------------------------*\
    $INTRODUCTION
\*------------------------------------*/
/**
 * csswizardry grids provides you with widths to suit a number of breakpoints
 * designed around devices of a size you specify. Out of the box, csswizardry
 * grids caters to the following types of device:
 *
 * palm     --  palm-based devices, like phones and small tablets
 * lap      --  lap-based devices, like iPads or laptops
 * portable --  all of the above
 * desk     --  stationary devices, like desktop computers
 * regular  --  any/all types of device
 *
 * These namespaces are then used in the library to give you the ability to
 * manipulate your layouts based around them, for example:
 *
   <div class="grid__item  one-whole  lap--one-half  desk--one-third">
 *
 * This would give you a grid item which is 100% width unless it is on a lap
 * device, at which point it become 50% wide, or it is on a desktop device, at
 * which point it becomes 33.333% width.
 *
 * csswizardry grids also has push and pull classes which allow you to nudge
 * grid items left and right by a defined amount. These follow the same naming
 * convention as above, but are prepended by either `push--` or `pull--`, for
 * example:
 *
   `class="grid__item  one-half  push--one-half"`
 *
 * This would give you a grid item which is 50% width and pushed over to the
 * right by 50%.
 *
 * All classes in csswizardry grids follow this patten, so you should fairly
 * quickly be able to piece together any combinations you can imagine, for
 * example:
 *
   `class="grid__item  one-whole  lap--one-half  desk--one-third  push--desk--one-third"`
 *
   `class="grid__item  one-quarter  palm--one-half  push--palm--one-half"`
 *
   `class="grid__item  palm--one-third  desk--five-twelfths"`
 */
/*------------------------------------*\
    $VARIABLES
\*------------------------------------*/
/**

 * csswizardry-grids, set this to ‘false’:

 * Is this build mobile first? Setting to ‘true’ means that all grids will be
 * 100% width if you do not apply a more specific class to them.

 * Set the spacing between your grid items.

 * Would you like Sass’ silent classes, or regular CSS classes?

 * Would you like push and pull classes enabled?

 * Using `inline-block` means that the grid items need their whitespace removing
 * in order for them to work correctly. Set the following to true if you are
 * going to achieve this by manually removing/commenting out any whitespace in
 * your HTML yourself.
 *
 * Setting this to false invokes a hack which cannot always be guaranteed,
 * please see the following for more detail:
 *
 * github.com/csswizardry/csswizardry-grids/commit/744d4b23c9d2b77d605b5991e54a397df72e0688
 * github.com/csswizardry/inuit.css/issues/170#issuecomment-14859371

 * Define your breakpoints. The first value is the prefix that shall be used for
 * your classes (e.g. `.palm--one-half`), the second value is the media query
 * that the breakpoint fires at.

 * Define which namespaced breakpoints you would like to generate for each of
 * widths, push and pull. This is handy if you only need pull on, say, desk, or
 * you only need a new width breakpoint at mobile sizes. It allows you to only
 * compile as much CSS as you need. All are turned on by default, but you can
 * add and remove breakpoints at will.
 *
 * Push and pull shall only be used if `$push` and/or `$pull` and `$responsive`
 * have been set to ‘true’.

 * You do not need to edit anything from this line onward; csswizardry-grids is
 * good to go. Happy griddin’!
 */
/*------------------------------------*\
    $MIXINS
\*------------------------------------*/
/**
 * These mixins are for the library to use only, you should not need to modify
 * them at all.
 *
 * Enclose a block of code with a media query as named in `$breakpoints`.
 */
/**
 * Drop relative positioning into silent classes which can’t take advantage of
 * the `[class*="push--"]` and `[class*="pull--"]` selectors.
 */
/*------------------------------------*\
    $GRID SETUP
\*------------------------------------*/
/**
 * 1. Allow the grid system to be used on lists.
 * 2. Remove any margins and paddings that might affect the grid system.
 * 3. Apply a negative `margin-left` to negate the columns’ gutters.
 */
.grid {
    list-style: none;
    /* [1] */
    margin: 0;
    /* [2] */
    padding: 0;
    /* [2] */
    margin-left: -30px;
    /* [3] */ }

/**
 * 1. Cause columns to stack side-by-side.
 * 2. Space columns apart.
 * 3. Align columns to the tops of each other.
 * 4. Full-width unless told to behave otherwise.
 * 5. Required to combine fluid widths and fixed gutters.
 */
.grid__item {
    display: inline-block;
    /* [1] */
    padding-left: 30px;
    /* [2] */
    vertical-align: top;
    /* [3] */
    width: 100%;
    /* [4] */
    -webkit-box-sizing: border-box;
    /* [5] */
    -moz-box-sizing: border-box;
    /* [5] */
    box-sizing: border-box;
    /* [5] */ }

/**
 * Reversed grids allow you to structure your source in the opposite order to
 * how your rendered layout will appear. Extends `.grid`.
 */
.grid--rev {
    direction: rtl;
    text-align: left; }
.grid--rev > .grid__item {
    direction: ltr;
    text-align: left; }

/**
 * Gutterless grids have all the properties of regular grids, minus any spacing.
 * Extends `.grid`.
 */
.grid--full {
    margin-left: 0; }
.grid--full > .grid__item {
    padding-left: 0; }

/**
 * Align the entire grid to the right. Extends `.grid`.
 */
.grid--right {
    text-align: right; }
.grid--right > .grid__item {
    text-align: left; }

/**
 * Centered grids align grid items centrally without needing to use push or pull
 * classes. Extends `.grid`.
 */
.grid--center {
    text-align: center; }
.grid--center > .grid__item {
    text-align: left; }

/**
 * Align grid cells vertically (`.grid--middle` or `.grid--bottom`). Extends
 * `.grid`.
 */
.grid--middle > .grid__item {
    vertical-align: middle; }

.grid--bottom > .grid__item {
    vertical-align: bottom; }

/**
 * Create grids with narrower gutters. Extends `.grid`.
 */
.grid--narrow {
    margin-left: -15px; }
.grid--narrow > .grid__item {
    padding-left: 15px; }

/**
 * Create grids with wider gutters. Extends `.grid`.
 */
.grid--wide {
    margin-left: -60px; }
.grid--wide > .grid__item {
    padding-left: 60px; }

/*------------------------------------*\
    $WIDTHS
\*------------------------------------*/
/**
 * Create our width classes, prefixed by the specified namespace.
 */
/**
 * Our regular, non-responsive width classes.
 */
/**
 * Whole
 */
.one-whole {
    width: 100%; }

/**
 * Halves
 */
.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
    width: 50%; }

/**
 * Thirds
 */
.one-third, .two-sixths, .four-twelfths {
    width: 33.333%; }

.two-thirds, .four-sixths, .eight-twelfths {
    width: 66.666%; }

/**
 * Quarters
 */
.one-quarter, .two-eighths, .three-twelfths {
    width: 25%; }

.three-quarters, .six-eighths, .nine-twelfths {
    width: 75%; }

/**
 * Fifths
 */
.one-fifth, .two-tenths {
    width: 20%; }

.two-fifths, .four-tenths {
    width: 40%; }

.three-fifths, .six-tenths {
    width: 60%; }

.four-fifths, .eight-tenths {
    width: 80%; }

/**
 * Sixths
 */
.one-sixth, .two-twelfths {
    width: 16.666%; }

.five-sixths, .ten-twelfths {
    width: 83.333%; }

/**
 * Eighths
 */
.one-eighth {
    width: 12.5%; }

.three-eighths {
    width: 37.5%; }

.five-eighths {
    width: 62.5%; }

.seven-eighths {
    width: 87.5%; }

/**
 * Tenths
 */
.one-tenth {
    width: 10%; }

.three-tenths {
    width: 30%; }

.seven-tenths {
    width: 70%; }

.nine-tenths {
    width: 90%; }

/**
 * Twelfths
 */
.one-twelfth {
    width: 8.333%; }

.five-twelfths {
    width: 41.666%; }

.seven-twelfths {
    width: 58.333%; }

.eleven-twelfths {
    width: 91.666%; }

/**
 * Our responsive classes, if we have enabled them.
 */
@media only screen and (max-width: 480px) {
    /**
   * Whole
   */
    .palm--one-whole {
        width: 100%; }

    /**
   * Halves
   */
    .palm--one-half, .palm--two-quarters, .palm--three-sixths, .palm--four-eighths, .palm--five-tenths, .palm--six-twelfths {
        width: 50%; }

    /**
   * Thirds
   */
    .palm--one-third, .palm--two-sixths, .palm--four-twelfths {
        width: 33.333%; }

    .palm--two-thirds, .palm--four-sixths, .palm--eight-twelfths {
        width: 66.666%; }

    /**
   * Quarters
   */
    .palm--one-quarter, .palm--two-eighths, .palm--three-twelfths {
        width: 25%; }

    .palm--three-quarters, .palm--six-eighths, .palm--nine-twelfths {
        width: 75%; }

    /**
   * Fifths
   */
    .palm--one-fifth, .palm--two-tenths {
        width: 20%; }

    .palm--two-fifths, .palm--four-tenths {
        width: 40%; }

    .palm--three-fifths, .palm--six-tenths {
        width: 60%; }

    .palm--four-fifths, .palm--eight-tenths {
        width: 80%; }

    /**
   * Sixths
   */
    .palm--one-sixth, .palm--two-twelfths {
        width: 16.666%; }

    .palm--five-sixths, .palm--ten-twelfths {
        width: 83.333%; }

    /**
   * Eighths
   */
    .palm--one-eighth {
        width: 12.5%; }

    .palm--three-eighths {
        width: 37.5%; }

    .palm--five-eighths {
        width: 62.5%; }

    .palm--seven-eighths {
        width: 87.5%; }

    /**
   * Tenths
   */
    .palm--one-tenth {
        width: 10%; }

    .palm--three-tenths {
        width: 30%; }

    .palm--seven-tenths {
        width: 70%; }

    .palm--nine-tenths {
        width: 90%; }

    /**
   * Twelfths
   */
    .palm--one-twelfth {
        width: 8.333%; }

    .palm--five-twelfths {
        width: 41.666%; }

    .palm--seven-twelfths {
        width: 58.333%; }

    .palm--eleven-twelfths {
        width: 91.666%; } }
@media only screen and (min-width: 481px) and (max-width: 1024px) {
    /**
   * Whole
   */
    .lap--one-whole {
        width: 100%; }

    /**
   * Halves
   */
    .lap--one-half, .lap--two-quarters, .lap--three-sixths, .lap--four-eighths, .lap--five-tenths, .lap--six-twelfths {
        width: 50%; }

    /**
   * Thirds
   */
    .lap--one-third, .lap--two-sixths, .lap--four-twelfths {
        width: 33.333%; }

    .lap--two-thirds, .lap--four-sixths, .lap--eight-twelfths {
        width: 66.666%; }

    /**
   * Quarters
   */
    .lap--one-quarter, .lap--two-eighths, .lap--three-twelfths {
        width: 25%; }

    .lap--three-quarters, .lap--six-eighths, .lap--nine-twelfths {
        width: 75%; }

    /**
   * Fifths
   */
    .lap--one-fifth, .lap--two-tenths {
        width: 20%; }

    .lap--two-fifths, .lap--four-tenths {
        width: 40%; }

    .lap--three-fifths, .lap--six-tenths {
        width: 60%; }

    .lap--four-fifths, .lap--eight-tenths {
        width: 80%; }

    /**
   * Sixths
   */
    .lap--one-sixth, .lap--two-twelfths {
        width: 16.666%; }

    .lap--five-sixths, .lap--ten-twelfths {
        width: 83.333%; }

    /**
   * Eighths
   */
    .lap--one-eighth {
        width: 12.5%; }

    .lap--three-eighths {
        width: 37.5%; }

    .lap--five-eighths {
        width: 62.5%; }

    .lap--seven-eighths {
        width: 87.5%; }

    /**
   * Tenths
   */
    .lap--one-tenth {
        width: 10%; }

    .lap--three-tenths {
        width: 30%; }

    .lap--seven-tenths {
        width: 70%; }

    .lap--nine-tenths {
        width: 90%; }

    /**
   * Twelfths
   */
    .lap--one-twelfth {
        width: 8.333%; }

    .lap--five-twelfths {
        width: 41.666%; }

    .lap--seven-twelfths {
        width: 58.333%; }

    .lap--eleven-twelfths {
        width: 91.666%; } }
@media only screen and (max-width: 1024px) {
    /**
   * Whole
   */
    .portable--one-whole {
        width: 100%; }

    /**
   * Halves
   */
    .portable--one-half, .portable--two-quarters, .portable--three-sixths, .portable--four-eighths, .portable--five-tenths, .portable--six-twelfths {
        width: 50%; }

    /**
   * Thirds
   */
    .portable--one-third, .portable--two-sixths, .portable--four-twelfths {
        width: 33.333%; }

    .portable--two-thirds, .portable--four-sixths, .portable--eight-twelfths {
        width: 66.666%; }

    /**
   * Quarters
   */
    .portable--one-quarter, .portable--two-eighths, .portable--three-twelfths {
        width: 25%; }

    .portable--three-quarters, .portable--six-eighths, .portable--nine-twelfths {
        width: 75%; }

    /**
   * Fifths
   */
    .portable--one-fifth, .portable--two-tenths {
        width: 20%; }

    .portable--two-fifths, .portable--four-tenths {
        width: 40%; }

    .portable--three-fifths, .portable--six-tenths {
        width: 60%; }

    .portable--four-fifths, .portable--eight-tenths {
        width: 80%; }

    /**
   * Sixths
   */
    .portable--one-sixth, .portable--two-twelfths {
        width: 16.666%; }

    .portable--five-sixths, .portable--ten-twelfths {
        width: 83.333%; }

    /**
   * Eighths
   */
    .portable--one-eighth {
        width: 12.5%; }

    .portable--three-eighths {
        width: 37.5%; }

    .portable--five-eighths {
        width: 62.5%; }

    .portable--seven-eighths {
        width: 87.5%; }

    /**
   * Tenths
   */
    .portable--one-tenth {
        width: 10%; }

    .portable--three-tenths {
        width: 30%; }

    .portable--seven-tenths {
        width: 70%; }

    .portable--nine-tenths {
        width: 90%; }

    /**
   * Twelfths
   */
    .portable--one-twelfth {
        width: 8.333%; }

    .portable--five-twelfths {
        width: 41.666%; }

    .portable--seven-twelfths {
        width: 58.333%; }

    .portable--eleven-twelfths {
        width: 91.666%; } }
@media only screen and (min-width: 1025px) {
    /**
   * Whole
   */
    .desk--one-whole {
        width: 100%; }

    /**
   * Halves
   */
    .desk--one-half, .desk--two-quarters, .desk--three-sixths, .desk--four-eighths, .desk--five-tenths, .desk--six-twelfths {
        width: 50%; }

    /**
   * Thirds
   */
    .desk--one-third, .desk--two-sixths, .desk--four-twelfths {
        width: 33.333%; }

    .desk--two-thirds, .desk--four-sixths, .desk--eight-twelfths {
        width: 66.666%; }

    /**
   * Quarters
   */
    .desk--one-quarter, .desk--two-eighths, .desk--three-twelfths {
        width: 25%; }

    .desk--three-quarters, .desk--six-eighths, .desk--nine-twelfths {
        width: 75%; }

    /**
   * Fifths
   */
    .desk--one-fifth, .desk--two-tenths {
        width: 20%; }

    .desk--two-fifths, .desk--four-tenths {
        width: 40%; }

    .desk--three-fifths, .desk--six-tenths {
        width: 60%; }

    .desk--four-fifths, .desk--eight-tenths {
        width: 80%; }

    /**
   * Sixths
   */
    .desk--one-sixth, .desk--two-twelfths {
        width: 16.666%; }

    .desk--five-sixths, .desk--ten-twelfths {
        width: 83.333%; }

    /**
   * Eighths
   */
    .desk--one-eighth {
        width: 12.5%; }

    .desk--three-eighths {
        width: 37.5%; }

    .desk--five-eighths {
        width: 62.5%; }

    .desk--seven-eighths {
        width: 87.5%; }

    /**
   * Tenths
   */
    .desk--one-tenth {
        width: 10%; }

    .desk--three-tenths {
        width: 30%; }

    .desk--seven-tenths {
        width: 70%; }

    .desk--nine-tenths {
        width: 90%; }

    /**
   * Twelfths
   */
    .desk--one-twelfth {
        width: 8.333%; }

    .desk--five-twelfths {
        width: 41.666%; }

    .desk--seven-twelfths {
        width: 58.333%; }

    .desk--eleven-twelfths {
        width: 91.666%; } }
/*------------------------------------*\
    $PUSH
\*------------------------------------*/
/**
 * Push classes, to move grid items over to the right by certain amounts.
 */
/*------------------------------------*\
    $PULL
\*------------------------------------*/
/**
 * Pull classes, to move grid items back to the left by certain amounts.
 */
.vnotify-container {
    position: fixed;
    z-index: 999990; }
.vnotify-container.vn-top-right {
    right: 10px;
    top: 10px; }
.vnotify-container.vn-top-left {
    top: 10px;
    left: 10px; }
.vnotify-container.vn-bottom-right {
    bottom: 10px;
    right: 10px; }
.vnotify-container.vn-bottom-left {
    bottom: 10px;
    left: 10px; }
.vnotify-container .vn-close {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 15px;
    height: 15px;
    padding: 2px;
    cursor: pointer; }
.vnotify-container .vn-close:before, .vnotify-container .vn-close:after {
    content: "";
    position: absolute;
    width: 100%;
    top: 50%;
    height: 2px;
    background: #fff; }
.vnotify-container .vn-close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg); }
.vnotify-container .vn-close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.vnotify-item {
    width: 20em;
    padding: 15px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px;
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75); }
.vnotify-item:hover {
    opacity: 1; }

.vnotify-title {
    font-weight: bold; }

.vnotify-info {
    background: #3498db;
    color: #fff; }

.vnotify-success {
    background: #2ecc71;
    color: #fff; }

.vnotify-error {
    background: #e74c3c;
    color: #fff; }

.vnotify-warning {
    background: #f39c12;
    color: #fff; }

.vnotify-notify {
    background: #333;
    color: #fff; }

/* The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me> */
@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px); }
    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px); } }
@-moz-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px); }
    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px); } }
@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px); }
    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px); } }
@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px); }
    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); } }
@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px); }
    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); } }
@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px); }
    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); } }
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); }
    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); }
    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); } }
@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); }
    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); }
    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); } }
@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); }
    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); }
    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); } }
.dropzone {
    box-sizing: border-box;
    transition: border-color 0.2s ease-in-out;
    border: 2px dashed #d8d8d8;
    background: white;
    padding: 20px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }
.dropzone * {
    box-sizing: border-box; }
.dropzone:hover {
    border-color: #3ebad6; }
.dropzone.dz-clickable {
    cursor: pointer; }
.dropzone.dz-clickable * {
    cursor: default; }
.dropzone.dz-clickable .dz-message {
    cursor: pointer; }
.dropzone.dz-clickable .dz-message * {
    cursor: pointer; }
.dropzone.dz-started .dz-message {
    display: none; }
.dropzone.dz-drag-hover {
    border-style: solid; }
.dropzone.dz-drag-hover .dz-message {
    opacity: 0.5; }
.dropzone .dz-message {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    margin: 2em 0;
    height: 120px;
    background-size: 80px;
    background-image: url(/assets/images/ico--dropzone.svg);
    background-repeat: no-repeat;
    background-position: top center; }
.dropzone .dz-message .dz-button {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    color: #484848;
    font-weight: 600; }
.dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px;
    text-align: center; }
.dropzone .dz-preview:hover {
    z-index: 1000; }
.dropzone .dz-preview:hover .dz-details {
    opacity: 1; }
.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 20px;
    background: #999;
    background: linear-gradient(to bottom, #eee, #ddd); }
.dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1; }
.dropzone .dz-preview.dz-image-preview {
    background: white; }
.dropzone .dz-preview.dz-image-preview .dz-details {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear; }
.dropzone .dz-preview:hover .dz-details {
    opacity: 1; }
.dropzone .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: rgba(0, 0, 0, 0.9);
    line-height: 150%; }
.dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap; }
.dropzone .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid rgba(200, 200, 200, 0.8);
    background-color: rgba(255, 255, 255, 0.8); }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis; }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent; }
.dropzone .dz-preview .dz-details .dz-filename span {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 0 0.4em;
    border-radius: 3px; }
.dropzone .dz-preview .dz-details .dz-size span {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 0 0.4em;
    border-radius: 3px; }
.dropzone .dz-preview:hover .dz-image img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-filter: blur(8px);
    filter: blur(8px); }
.dropzone .dz-preview .dz-image {
    border-radius: 10px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10;
    border: 1px solid #cdcdcd; }
.dropzone .dz-preview .dz-image img {
    display: block; }
.dropzone .dz-preview.dz-success .dz-success-mark {
    -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 0%;
    left: 100%;
    margin-left: -18px;
    margin-top: -8px; }
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
    display: block;
    width: 54px;
    height: 54px; }
.dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
.dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in; }
.dropzone .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 6px;
    left: 50%;
    top: 62%;
    margin-top: -3px;
    width: 90px;
    margin-left: -45px;
    background: white;
    -webkit-transform: scale(1);
    overflow: hidden;
    border: 1px solid #e0e0e0; }
.dropzone .dz-preview .dz-progress .dz-upload {
    background: #006aff;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width 300ms ease-in-out;
    -moz-transition: width 300ms ease-in-out;
    -ms-transition: width 300ms ease-in-out;
    -o-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out; }
.dropzone .dz-preview.dz-error .dz-error-message {
    display: block; }
.dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto; }
.dropzone .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: block;
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    font-size: 13px;
    top: 130px;
    left: -10px;
    width: 140px;
    background: #be2626;
    background: linear-gradient(to bottom, #be2626, #a92222);
    padding: 0.5em 1.2em;
    color: white; }
.dropzone .dz-preview .dz-error-message:after {
    content: "";
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #be2626; }

.dz--addFile-error {
    border-color: #ff0000 !important; }

/*# sourceMappingURL=app.css.map */