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

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

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

body {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex='-1']:focus {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: 0.3rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title],abbr[data-original-title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,ul,dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,ul ul,ol ul,ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

pre,code,kbd,samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin: 0
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

input,button,select,optgroup,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,[type='button'],[type='reset'],[type='submit'] {
    -webkit-appearance: button
}

button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type='radio'],input[type='checkbox'] {
    box-sizing: border-box;
    padding: 0
}

input[type='date'],input[type='time'],input[type='datetime-local'],input[type='month'] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: both
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button {
    height: auto
}

[type='search'] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type='search']::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

@keyframes ml-row-bounce {
    0% {
        transform: scaleY(1);
        opacity: 0.5
    }

    33.3% {
        transform: scaleY(1.3)
    }

    49.95% {
        transform: scaleY(0.8)
    }

    66.6% {
        transform: scaleY(1.1)
    }

    83.25% {
        transform: scaleY(0.94)
    }

    100% {
        transform: scaleY(1);
        opacity: 1
    }
}

.found {
    animation-name: ml-row-bounce;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

@keyframes ml-inflate {
    0% {
        transform: scale(0.2);
        opacity: 0
    }

    75% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

.social_module.init,.ml-inflate.init,.ml-inflate-children.init>* {
    transform: scale(0.2);
    opacity: 0
}

.social_module.doit,.ml-inflate.doit,.ml-inflate-children.doit>* {
    animation-name: ml-inflate;
    animation-fill-mode: forwards;
    animation-duration: 0.8s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

@keyframes ml-wobble-vertical {
    0% {
        transform: translateY(-10px);
        opacity: 0
    }

    16.65% {
        transform: translateY(9px)
    }

    33.3% {
        transform: translateY(-7px)
    }

    49.95% {
        transform: translateY(4px)
    }

    66.6% {
        transform: translateY(-2px)
    }

    83.25% {
        transform: translateY(1px)
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

.ml-wobble-vertical.init {
    opacity: 0
}

.ml-wobble-vertical.doit {
    animation-name: ml-wobble-vertical;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

@keyframes calendar-01 {
    0% {
        opacity: 0;
        transform: translate3d(100%, 200%, 0)
    }

    50% {
        opacity: 0.1
    }

    100% {
        opacity: 1;
        transform: none
    }
}

@keyframes calendar-02 {
    0% {
        opacity: 0;
        transform: translate3d(100%, -200%, 0)
    }

    50% {
        opacity: 0.1
    }

    100% {
        opacity: 1;
        transform: none
    }
}

@keyframes calendar-03 {
    0% {
        opacity: 0;
        transform: translate3d(-200%, 100%, 0)
    }

    50% {
        opacity: 0.1
    }

    100% {
        opacity: 1;
        transform: none
    }
}

#calendar {
    overflow: hidden !important
}

.ml-anim {
    opacity: 0;
    animation-fill-mode: forwards;
    animation-duration: 0.8s;
    animation-delay: 0.1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    border: 1px solid
}

.ml-anim.anim-1 {
    animation-name: calendar-01;
    animation-delay: 0.5s
}

.ml-anim.anim-2 {
    animation-name: calendar-02
}

.ml-anim.anim-3 {
    animation-name: calendar-03;
    animation-delay: 0.8s
}

.ml-comments {
    position: relative;
    background-color: rgba(0,0,0,0.1);
    border-radius: 4px;
    clear: both;
    display: inline-block;
    margin-top: 0.3em;
    padding: 1px 0 0.2em;
    font-size: 0.9em;
    text-align: left
}

.ml-comments.open {
    display: block;
    padding-bottom: 0.2em
}

.ml-comments.open .comment-button .comment-actions {
    max-height: 17em;
    opacity: 1
}

.ml-comments .comment-list {
    padding: 0 0.6em
}

.ml-comments .comment-list .comment {
    margin: 0.7em 0;
    padding-left: 0.4em;
    line-height: 1.3
}

.ml-comments .comment-list .comment.open {
    background-color: rgba(255,255,255,0.5)
}

.ml-comments .comment-list .comment.open .comment-menu {
    z-index: 100
}

.ml-comments .comment-list .comment.open .comment-menu menu {
    max-width: 15em;
    opacity: 1
}

.ml-comments .comment-list .comment .comment-menu {
    float: right;
    position: relative;
    z-index: 10;
    height: 1.3em;
    width: 2em;
    margin-left: 0.3em;
    cursor: pointer;
    padding: 0
}

.ml-comments .comment-list .comment .comment-menu::before {
    font-size: 1.1em
}

.ml-comments .comment-list .comment .comment-menu menu {
    position: absolute;
    right: -0.6em;
    top: -0.4em;
    max-width: 0;
    opacity: 0;
    transition: all 0.3s linear;
    overflow: hidden;
    background: white;
    color: black;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.6)
}

.ml-comments .comment-list .comment .comment-menu menu a {
    color: black !important;
    display: block;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-right: 1em
}

.ml-comments .comment-list .comment .comment-menu menu a:first-child {
    padding-top: 0.5em
}

.ml-comments .comment-list .comment .comment-menu menu a:last-child {
    padding-bottom: 0.5em
}

.ml-comments .comment-list .comment .commenter {
    display: inline-block;
    margin-left: -0.4em;
    font-weight: bold;
    text-shadow: 1px 1px 1px var(--site-background-color)
}

.ml-comments .comment-list .comment .comment-body {
    display: inline
}

.ml-comments .comment-button {
    position: relative;
    font-size: 110%
}

.ml-comments .comment-button .sms.icon_button {
    cursor: pointer;
    display: inline-block;
    padding: 0.1em 0.7em 0.05em 2.2rem
}

.ml-comments .comment-button .sms.icon_button::after {
    content: 'Comment';
    font-family: "Helvetica Neue";
    display: inline-block
}

.ml-comments .comment-button .comment-actions {
    max-height: 1px;
    opacity: 0.01;
    transition: all 0.4s;
    position: relative;
    padding-top: 0.1em;
    overflow: hidden
}

.ml-comments .comment-button .comment-actions .new-comment {
    display: block;
    max-height: 13em;
    min-height: 1.8em;
    margin: 0 0.6em;
    padding: 0.2em 0 0.2em 0.5em;
    color: black;
    background-color: white;
    box-shadow: inset 0px 1px 5px rgba(0,0,0,0.4);
    overflow: hidden
}

.ml-comments .comment-button .comment-actions .new-comment.too-long {
    outline: 2px solid red;
    opacity: 0.8
}

.ml-comments .comment-button .comment-actions .comment-buttonrack {
    display: flex;
    justify-content: space-evenly
}

.ml-comments .comment-button .comment-actions .comment-buttonrack .comment_emoji {
    padding: 0.2em 0.7em 0.1em 1rem
}

.ml-comments .comment-button .comment-actions .comment-buttonrack a.send {
    outline: 0
}

table.fieldset,#criteria.fieldset,.ml_fieldgroup,.order_header {
    line-height: 1.3;
    vertical-align: baseline
}

table.fieldset *,#criteria.fieldset *,.ml_fieldgroup *,.order_header * {
    vertical-align: inherit
}

table.fieldset .icon_button,#criteria.fieldset .icon_button,.ml_fieldgroup .icon_button,.order_header .icon_button {
    vertical-align: text-top
}

table.fieldset .icon_button.calendar,#criteria.fieldset .icon_button.calendar,.ml_fieldgroup .icon_button.calendar,.order_header .icon_button.calendar {
    vertical-align: text-bottom
}

table.fieldset input,table.fieldset select,table.fieldset textarea,#criteria.fieldset input,#criteria.fieldset select,#criteria.fieldset textarea,.ml_fieldgroup input,.ml_fieldgroup select,.ml_fieldgroup textarea,.order_header input,.order_header select,.order_header textarea {
    border-color: #999 #ddd #ccc #888;
    border-width: 0px;
    color: black;
    background-color: white;
    box-shadow: inset 0px 0px 2px rgba(50,50,50,0.8);
    border-radius: 2px;
    margin: 2px 0.6em 2px 0;
    line-height: 1.3;
    max-width: 60vw
}

table.fieldset input:not([type='checkbox']):not([id='profile_time_zone'])+span.label,table.fieldset select:not([type='checkbox']):not([id='profile_time_zone'])+span.label,table.fieldset textarea:not([type='checkbox']):not([id='profile_time_zone'])+span.label,#criteria.fieldset input:not([type='checkbox']):not([id='profile_time_zone'])+span.label,#criteria.fieldset select:not([type='checkbox']):not([id='profile_time_zone'])+span.label,#criteria.fieldset textarea:not([type='checkbox']):not([id='profile_time_zone'])+span.label,.ml_fieldgroup input:not([type='checkbox']):not([id='profile_time_zone'])+span.label,.ml_fieldgroup select:not([type='checkbox']):not([id='profile_time_zone'])+span.label,.ml_fieldgroup textarea:not([type='checkbox']):not([id='profile_time_zone'])+span.label,.order_header input:not([type='checkbox']):not([id='profile_time_zone'])+span.label,.order_header select:not([type='checkbox']):not([id='profile_time_zone'])+span.label,.order_header textarea:not([type='checkbox']):not([id='profile_time_zone'])+span.label {
    margin-left: -0.6em;
    margin-right: 1em
}

table.fieldset input.form-control,table.fieldset select.form-control,table.fieldset textarea.form-control,#criteria.fieldset input.form-control,#criteria.fieldset select.form-control,#criteria.fieldset textarea.form-control,.ml_fieldgroup input.form-control,.ml_fieldgroup select.form-control,.ml_fieldgroup textarea.form-control,.order_header input.form-control,.order_header select.form-control,.order_header textarea.form-control {
    margin-right: 0.3em
}

table.fieldset select[multiple],#criteria.fieldset select[multiple],.ml_fieldgroup select[multiple],.order_header select[multiple] {
    height: unset;
    vertical-align: top;
    margin: 0.3em 0.3em 0.35em 0;
    margin: 0 !important;
    padding: 0 !important
}

table.fieldset select[multiple] option,#criteria.fieldset select[multiple] option,.ml_fieldgroup select[multiple] option,.order_header select[multiple] option {
    padding: 0.4em 0.6em 0.3em;
    box-shadow: inset 0 3px 5px -3px rgba(0,0,0,0.4)
}

table.fieldset select[multiple] option:first-child,#criteria.fieldset select[multiple] option:first-child,.ml_fieldgroup select[multiple] option:first-child,.order_header select[multiple] option:first-child {
    box-shadow: none
}

table.fieldset select[multiple] option:last-child,#criteria.fieldset select[multiple] option:last-child,.ml_fieldgroup select[multiple] option:last-child,.order_header select[multiple] option:last-child {
    box-shadow: inset 0 3px 5px -3px rgba(0,0,0,0.4),0px 2px 3px -1px rgba(0,0,0,0.2)
}

table.fieldset select+.add.icon_button,#criteria.fieldset select+.add.icon_button,.ml_fieldgroup select+.add.icon_button,.order_header select+.add.icon_button {
    margin-left: -0.8em;
    vertical-align: text-bottom
}

table.fieldset textarea,#criteria.fieldset textarea,.ml_fieldgroup textarea,.order_header textarea {
    display: block;
    max-width: unset;
    margin: 0 !important;
    font-weight: normal
}

table.fieldset.product textarea,#criteria.fieldset.product textarea,.ml_fieldgroup.product textarea,.order_header.product textarea {
    width: 400px
}

table.fieldset input[type='checkbox'],#criteria.fieldset input[type='checkbox'],.ml_fieldgroup input[type='checkbox'],.order_header input[type='checkbox'] {
    margin-right: 1em;
    margin-left: 0.2em;
    vertical-align: middle
}

table.fieldset input[type='file'],#criteria.fieldset input[type='file'],.ml_fieldgroup input[type='file'],.order_header input[type='file'] {
    border: 1px solid white;
    display: inline-block
}

table.fieldset input[type='submit'],#criteria.fieldset input[type='submit'],.ml_fieldgroup input[type='submit'],.order_header input[type='submit'] {
    border: none
}

table.fieldset label,#criteria.fieldset label,.ml_fieldgroup label,.order_header label {
    display: inline
}

table.fieldset .ml-label-input-pair,#criteria.fieldset .ml-label-input-pair,.ml_fieldgroup .ml-label-input-pair,.order_header .ml-label-input-pair {
    display: inline-block;
    background-color: rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 0.2em;
    margin: 3px 0.2em 3px 0
}

@media (min-width: 600px) {
    table.fieldset .ml-label-input-pair,#criteria.fieldset .ml-label-input-pair,.ml_fieldgroup .ml-label-input-pair,.order_header .ml-label-input-pair {
        white-space:nowrap
    }
}

table.fieldset .ml-label-input-pair>*:not(script):not(style),#criteria.fieldset .ml-label-input-pair>*:not(script):not(style),.ml_fieldgroup .ml-label-input-pair>*:not(script):not(style),.order_header .ml-label-input-pair>*:not(script):not(style) {
    display: inline-block
}

table.fieldset .ml-label-input-pair>*:first-child,#criteria.fieldset .ml-label-input-pair>*:first-child,.ml_fieldgroup .ml-label-input-pair>*:first-child,.order_header .ml-label-input-pair>*:first-child {
    padding: 0.5em 0.6em 0.4em 0.8em;
    font-size: 0.9em;
    margin: 0
}

table.fieldset .ml-label-input-pair .icon_button:not(.password-mask),#criteria.fieldset .ml-label-input-pair .icon_button:not(.password-mask),.ml_fieldgroup .ml-label-input-pair .icon_button:not(.password-mask),.order_header .ml-label-input-pair .icon_button:not(.password-mask) {
    padding-left: 1rem;
    vertical-align: text-bottom
}

table.fieldset .ml-label-input-pair input,table.fieldset .ml-label-input-pair select,table.fieldset .ml-label-input-pair textarea,#criteria.fieldset .ml-label-input-pair input,#criteria.fieldset .ml-label-input-pair select,#criteria.fieldset .ml-label-input-pair textarea,.ml_fieldgroup .ml-label-input-pair input,.ml_fieldgroup .ml-label-input-pair select,.ml_fieldgroup .ml-label-input-pair textarea,.order_header .ml-label-input-pair input,.order_header .ml-label-input-pair select,.order_header .ml-label-input-pair textarea {
    margin-right: 0.3em
}

table.fieldset .ml-label-input-pair input:last-child,table.fieldset .ml-label-input-pair select:last-child,table.fieldset .ml-label-input-pair textarea:last-child,#criteria.fieldset .ml-label-input-pair input:last-child,#criteria.fieldset .ml-label-input-pair select:last-child,#criteria.fieldset .ml-label-input-pair textarea:last-child,.ml_fieldgroup .ml-label-input-pair input:last-child,.ml_fieldgroup .ml-label-input-pair select:last-child,.ml_fieldgroup .ml-label-input-pair textarea:last-child,.order_header .ml-label-input-pair input:last-child,.order_header .ml-label-input-pair select:last-child,.order_header .ml-label-input-pair textarea:last-child {
    margin-right: 0.8em
}

table.fieldset .ml-label-input-pair input[type='checkbox']:last-child,table.fieldset .ml-label-input-pair select[type='checkbox']:last-child,table.fieldset .ml-label-input-pair textarea[type='checkbox']:last-child,#criteria.fieldset .ml-label-input-pair input[type='checkbox']:last-child,#criteria.fieldset .ml-label-input-pair select[type='checkbox']:last-child,#criteria.fieldset .ml-label-input-pair textarea[type='checkbox']:last-child,.ml_fieldgroup .ml-label-input-pair input[type='checkbox']:last-child,.ml_fieldgroup .ml-label-input-pair select[type='checkbox']:last-child,.ml_fieldgroup .ml-label-input-pair textarea[type='checkbox']:last-child,.order_header .ml-label-input-pair input[type='checkbox']:last-child,.order_header .ml-label-input-pair select[type='checkbox']:last-child,.order_header .ml-label-input-pair textarea[type='checkbox']:last-child {
    margin-right: 1.2em
}

table.fieldset .ml-label-input-pair .input-group,#criteria.fieldset .ml-label-input-pair .input-group,.ml_fieldgroup .ml-label-input-pair .input-group,.order_header .ml-label-input-pair .input-group {
    margin-right: 0.8em
}

table.fieldset .ml_button a,table.fieldset a.ml_button,#criteria.fieldset .ml_button a,#criteria.fieldset a.ml_button,.ml_fieldgroup .ml_button a,.ml_fieldgroup a.ml_button,.order_header .ml_button a,.order_header a.ml_button {
    vertical-align: baseline
}

.kiosk table.fieldset,.kiosk #criteria.fieldset,.kiosk .ml_fieldgroup,.kiosk .order_header {
    font-size: 150%;
    max-width: 30em;
    margin: 0 auto
}

.kiosk table.fieldset input,.kiosk table.fieldset select,.kiosk table.fieldset textarea,.kiosk #criteria.fieldset input,.kiosk #criteria.fieldset select,.kiosk #criteria.fieldset textarea,.kiosk .ml_fieldgroup input,.kiosk .ml_fieldgroup select,.kiosk .ml_fieldgroup textarea,.kiosk .order_header input,.kiosk .order_header select,.kiosk .order_header textarea {
    font-size: 100%
}

table.fieldset .mini-label,#criteria.fieldset .mini-label,.ml_fieldgroup .mini-label,.order_header .mini-label {
    position: relative
}

table.fieldset .mini-label::after,#criteria.fieldset .mini-label::after,.ml_fieldgroup .mini-label::after,.order_header .mini-label::after {
    position: absolute;
    bottom: 0;
    margin: 0 0 -0.5em 4px;
    font-size: 0.6em;
    font-weight: 500;
    line-height: 1
}

.fieldset.order .credits {
    font-weight: bold;
    margin-top: 0.5em;
    margin-bottom: 0.5em
}

body#bodyElement.hide-reorder-btns .reorder-btn {
    visibility: hidden;
    height: 0;
    width: 0;
    line-height: 0;
    margin: 0;
    padding: 0
}

.drop-zone-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.drop-zone-container img {
    border: 1px solid;
    -webkit-touch-callout: none
}

.drop-zone-container>* {
    margin: 0 0 15px
}

.drop-zone-container figure.drag-box {
    position: relative
}

.drop-zone-container figure.drag-box.video::before {
    content: '\f04b';
    position: absolute;
    font-family: FontAwesome;
    color: white;
    font-size: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.7;
    pointer-events: none
}

.drop-zone-container figure.drag-box figcaption {
    opacity: 0;
    transition: opacity 0.4s;
    position: absolute;
    left: 50%;
    top: 80%;
    width: 90%;
    transform: translate(-50%, -50%);
    padding: 2px 5px;
    font-size: 0.8em;
    font-weight: bold;
    text-align: left;
    word-wrap: break-word;
    background: var(--site-content-background-color);
    border-radius: 4px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
    color: var(--site-content-text-color)
}

.drop-zone-container figure.drag-box:hover {
    cursor: grab
}

.drop-zone-container figure.drag-box:hover figcaption {
    opacity: 1
}

.drop-zone-container span.drop-zone {
    display: inline-block;
    position: relative;
    width: 12px;
    height: 160px;
    vertical-align: bottom
}

.drop-zone-container span.drop-zone::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0px;
    height: 100%;
    transform: translate(-50%, -50%);
    background: var(--site-content-text-color);
    border-radius: 2px;
    transition: all 0.2s
}

.drop-zone-container span.drop-zone[data-drop-active]::after {
    width: 5px;
    height: 160%
}

.drop-zone-container span.drop-zone[data-disabled] {
    visibility: hidden
}

.like-parent {
    position: relative;
    text-align: center
}

.like-parent::before {
    content: '';
    float: right;
    width: 2em;
    height: 2.4em
}

.like-info {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center
}

#bigPicFlyout .like-info,.photo.thumb-container .like-info {
    background: rgba(255,255,255,0.7)
}

#bigPicFlyout .like-info,#bigPicFlyout .like-info *,#bigPicFlyout .like-info *::before,.photo.thumb-container .like-info,.photo.thumb-container .like-info *,.photo.thumb-container .like-info *::before {
    color: black !important
}

.profile-container .newsfeed .like-info,.item-photo:not(.show-like)>.photo .like-info {
    display: none
}

.item-photo.show-like>.photo .like-info .like-buttons::before {
    color: black !important
}

.like-info .like-buttons::before {
    font: normal normal normal 24px/1 FontAwesome;
    content: '\f087';
    color: var(--site-content-text-color);
    padding: 0.3em 0.2em 0.2em;
    display: block
}

.large_thumb .like-info .like-buttons::before {
    color: black;
    font-size: 18px
}

.large_thumb .like-info .like-buttons::before .like-count {
    color: black
}

.like-info .like-buttons {
    cursor: pointer
}

.like-info.melike .like-buttons::before {
    content: '\f164';
    color: var(--site-content-link-color)
}

.like-info.mine .like-buttons::before {
    content: '\f164';
    color: var(--site-content-label-color);
    opacity: 0.5
}

.like-info .like-count {
    padding-right: 0.4em
}

.like-info[data-like-count='0'] .like-count,.like-info.melike[data-like-count='1'] .like-count {
    display: none
}

.like-info.mine[data-like-count='0'] {
    display: none
}

body.public .like-info {
    display: none
}

#newsfeed-items .thumb-container .like-parent::before {
    float: left
}

#newsfeed-items .thumb-container .like-info {
    left: 0;
    right: unset
}

.photo.flash_image {
    position: relative;
    display: inline-block
}

.photo.flash_image .timer_bg {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.75;
    top: 0;
    left: 0;
    cursor: zoom-in
}

.photo.flash_image .timer_bg .timer::before {
    font: normal normal normal 48px / 1 FontAwesome;
    content: '\f017';
    color: #aaa;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: zoom-in
}

.photo.flash_image.complete .timer_bg {
    opacity: 0.8
}

.photo.flash_image.complete .timer_bg .timer::before {
    content: '\f057'
}

.flatpickr-calendar .numInputWrapper:hover span {
    background-color: #eee
}

.flatpickr-calendar .numInputWrapper span:hover {
    background-color: #ddd
}

.input-group {
    display: inline-block;
    margin-right: 15px
}

#criteria .input-group .date_only {
    width: 8em
}

.flyout.contact_card .input-group {
    margin-right: 0
}

.input-group.date {
    display: inline-block;
    white-space: nowrap
}

.input-group.date input.form-control {
    width: 14em
}

.input-group.date input.form-control.date_only {
    width: 7em
}

.input-group.date input.form-control.active,.input-group.date input.form-control.active+span.input-group-addon {
    position: relative;
    z-index: 100000
}

.input-group.date input.form-control.active~.flatpickr-mask {
    display: block;
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5)
}

.input-group .input-group-addon {
    cursor: pointer
}

.fieldset .input-group .input-group-addon {
    margin-left: -8px
}

.input-group .flatpickr-mask {
    display: none
}

@media (max-width: 600px) {
    .flatpickr-calendar.rightMost.open {
        transform:translateX(-154px) !important;
        left: 50% !important
    }
}

#translation_block {
    position: fixed;
    z-index: 10000000;
    right: 0;
    top: 0;
    transform: translate(102%, -102%);
    transition: all 0.3s ease-in;
    background-color: var(--site-content-background-color);
    box-shadow: -1px 2px 3px -2px #666;
    border: solid #999;
    border-radius: 0 0 0 2px;
    border-width: 0 0 1px 1px;
    text-align: center;
    padding: 15px 1em
}

#translation_block .gt_option [data-gt-lang="en"] {
    display: none
}

#translation_block>* {
    display: inline-block
}

#translation_block.opened {
    transform: translate(0, 0);
    transition: all 0.3s ease-out
}

#close_translation {
    display: none;
    vertical-align: top;
    margin: 0 0 0 0.7em;
    padding-top: 5px;
    padding-bottom: 4px;
    color: var(--site-button-text-color);
    cursor: pointer
}

#close_translation a.icon_button {
    padding: 5px 10px
}

html[class*='translated'] #close_translation {
    display: inline-block
}

#close_translation[data-flag='en']::before {
    content: "🇬🇧"
}

#close_translation[data-flag='us']::before {
    content: "🇺🇸"
}

*:not(#google_translate_element)>.skiptranslate {
    visibility: hidden !important;
    position: absolute;
    left: -10000px;
    top: -10000px
}

.goog-tooltip {
    display: none !important
}

.goog-te-combo option {
    display: none
}

.goog-te-combo option[value=""],.goog-te-combo option[value="en"],.goog-te-combo option[value="ar"],.goog-te-combo option[value="zh-CN"],.goog-te-combo option[value="zh-TW"],.goog-te-combo option[value="da"],.goog-te-combo option[value="nl"],.goog-te-combo option[value="fr"],.goog-te-combo option[value="de"],.goog-te-combo option[value="el"],.goog-te-combo option[value="iw"],.goog-te-combo option[value="it"],.goog-te-combo option[value="ja"],.goog-te-combo option[value="ko"],.goog-te-combo option[value="no"],.goog-te-combo option[value="pl"],.goog-te-combo option[value="pt"],.goog-te-combo option[value="es"],.goog-te-combo option[value="ru"],.goog-te-combo option[value="sv"] {
    display: block !important
}

body[data-flag='ar'] button.nationflag::before,body[data-flag='ar'] .top-right-menu .options.user a.language::before {
    content: "🇸🇦"
}

body[data-flag='zh-CN'] button.nationflag::before,body[data-flag='zh-CN'] .top-right-menu .options.user a.language::before {
    content: "🇨🇳"
}

body[data-flag='da'] button.nationflag::before,body[data-flag='da'] .top-right-menu .options.user a.language::before {
    content: "🇩🇰"
}

body[data-flag='nl'] button.nationflag::before,body[data-flag='nl'] .top-right-menu .options.user a.language::before {
    content: "🇳🇱"
}

body[data-flag='fr'] button.nationflag::before,body[data-flag='fr'] .top-right-menu .options.user a.language::before {
    content: "🇫🇷"
}

body[data-flag='de'] button.nationflag::before,body[data-flag='de'] .top-right-menu .options.user a.language::before {
    content: "🇩🇪"
}

body[data-flag='el'] button.nationflag::before,body[data-flag='el'] .top-right-menu .options.user a.language::before {
    content: "🇬🇷"
}

body[data-flag='iw'] button.nationflag::before,body[data-flag='iw'] .top-right-menu .options.user a.language::before {
    content: "🇮🇱"
}

body[data-flag='it'] button.nationflag::before,body[data-flag='it'] .top-right-menu .options.user a.language::before {
    content: "🇮🇹"
}

body[data-flag='ja'] button.nationflag::before,body[data-flag='ja'] .top-right-menu .options.user a.language::before {
    content: "🇯🇵"
}

body[data-flag='ko'] button.nationflag::before,body[data-flag='ko'] .top-right-menu .options.user a.language::before {
    content: "🇰🇷"
}

body[data-flag='no'] button.nationflag::before,body[data-flag='no'] .top-right-menu .options.user a.language::before {
    content: "🇳🇴"
}

body[data-flag='pl'] button.nationflag::before,body[data-flag='pl'] .top-right-menu .options.user a.language::before {
    content: "🇵🇱"
}

body[data-flag='pt'] button.nationflag::before,body[data-flag='pt'] .top-right-menu .options.user a.language::before {
    content: "🇵🇹"
}

body[data-flag='ru'] button.nationflag::before,body[data-flag='ru'] .top-right-menu .options.user a.language::before {
    content: "🇷🇺"
}

body[data-flag='es'] button.nationflag::before,body[data-flag='es'] .top-right-menu .options.user a.language::before {
    content: "🇪🇸"
}

body[data-flag='sv'] button.nationflag::before,body[data-flag='sv'] .top-right-menu .options.user a.language::before {
    content: "🇸🇪"
}

body[data-flag='th'] button.nationflag::before,body[data-flag='th'] .top-right-menu .options.user a.language::before {
    content: "🇹🇭"
}

body[data-flag='en'] button.nationflag::before,body[data-flag='en'] .top-right-menu .options.user a.language::before {
    content: "🇬🇧"
}

body[data-flag='us'] button.nationflag::before,body[data-flag='us'] .top-right-menu .options.user a.language::before {
    content: "🇺🇸"
}

.top-right-menu .options.user a {
    position: relative
}

.top-right-menu .options.user a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    background: transparent
}

.medallion {
    display: inline-block;
    position: relative;
    height: 24px;
    width: 24px;
    z-index: 20;
    margin: 0;
    padding: 5px 1px 0 0;
    color: #ffffff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 13px;
    font-size: 13px;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom
}

.medallion.membership {
    background-image: url(/assets/membership.png);
    top: auto
}

.medallion.membership::after {
    content: 'premium member'
}

.medallion-container .medallion.membership::after {
    content: ''
}

.medallion.online {
    background-image: url(/assets/online.png);
    top: auto
}

.miniprofile.member-mini .medallion.online::after,.personal-info-block .medallion.online::after,.legend .medallion.online::after {
    content: "online now"
}

.medallion.certified {
    background-image: url(/assets/certified_icon.png);
    top: auto
}

.medallion.certified::after {
    content: 'certified real'
}

.medallion-container .medallion.certified::after {
    content: unset
}

.medallion.badge {
    background-image: url(/assets/online.png);
    color: white;
    font-size: 0.8em;
    font-weight: bold
}

.medallion.newbie {
    background: #da0a16;
    border-radius: 50%;
    color: white;
    font-size: 0.8em;
    font-weight: bold
}

.medallion.newbie::after {
    content: 'N'
}

.modulebox-style1 {
    box-shadow: 0px 2px 5px rgba(0,0,0,0.4);
    border-radius: 1.4vmin;
    padding: 2vmin;
    margin: 5px 1vw 1.6vh
}

.modulebox-style2 {
    box-shadow: 0px 2px 5px rgba(0,0,0,0.4);
    border-radius: 1.4vmin;
    padding: 0;
    margin: 5px 1vw 1.6vh;
    overflow: hidden
}

.modulebox-style2 .title {
    padding-top: 0.5em
}

#new_message_flyout {
    min-width: 740px
}

@media (max-width: 768px) {
    #new_message_flyout {
        min-width:calc(100vw - 50px)
    }
}

#new_message_flyout #compose_message_form {
    margin-top: 10px
}

#new_message_flyout #compose_message_form .input-group label {
    text-align: right;
    margin-bottom: 0
}

#new_message_flyout #compose_message_form .input-group input {
    min-width: 250px;
    margin-bottom: 10px
}

#new_message_flyout #compose_message_form .input-group input#message_from_email_address {
    width: 300px;
    display: block
}

#new_message_flyout #compose_message_form .ml_button.template_buttons {
    padding: 10px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

#new_message_flyout #compose_message_form .ml_button.template_buttons a {
    margin: 0 1px
}

@media (max-width: 400px) {
    #new_message_flyout #compose_message_form .ml_button.template_buttons a {
        display:none
    }
}

#new_message_flyout #compose_message_form .attachments-group {
    padding: 10px 0
}

#new_message_flyout #compose_message_form .attachments-group .label {
    font-size: 100%;
    margin-bottom: 10px;
    margin-top: 5px
}

#new_message_flyout #compose_message_form .attachments-group .file-group {
    display: flex;
    flex-direction: column;
    padding: 5px 0
}

#new_message_flyout #compose_message_form .attachments-group .file-group input {
    padding-bottom: 10px
}

#new_message_flyout #compose_message_form .attachments-group .file-group input:focus {
    outline: none
}

ul.ui-autocomplete {
    position: fixed !important;
    overflow: auto;
    max-height: 45vh;
    z-index: 10000;
    color: black;
    background-color: white;
    border: 1px solid #d0d0d0;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    border-radius: 3px;
    border: 1px solid var(--site-form-label-color)
}

body.door_checkin ul.ui-autocomplete,body.order ul.ui-autocomplete {
    bottom: 20px
}

@media (max-width: 600px) {
    ul.ui-autocomplete {
        max-width:300px !important
    }
}

ul.ui-autocomplete li.ui-menu-item>div {
    padding: 0 10px
}

ul.ui-autocomplete li.ui-menu-item>div:first-child {
    padding-top: 0.3em
}

ul.ui-autocomplete li.ui-menu-item>div:last-child {
    padding-bottom: 0.3em
}

ul.ui-autocomplete li.ui-menu-item>div:hover,ul.ui-autocomplete li.ui-menu-item>div.ui-state-active {
    background-color: #ccc
}

.member-card {
    width: 90%;
    min-height: 200px;
    margin: auto;
    border: 10px ridge white;
    border-radius: 15px;
    color: white;
    background-color: black;
    text-align: center
}

.member-card .linearbc-box {
    height: 100px;
    overflow: hidden;
    width: 90%;
    margin: auto
}

.member-card img.barcode {
    width: 90%;
    height: 100%
}

.member-card .number {
    font-size: 150%
}

.member-card h2,.member-card h3 {
    margin: 0
}

.member-card.gold {
    border: 10px ridge gold;
    color: black;
    background-image: url(/assets/gold_background.png)
}

.member-card.silver {
    border: 10px ridge silver;
    color: black;
    background-image: url(/assets/silver_background.jpg)
}

.member-card.bronze {
    border: 10px ridge #ac8c53;
    color: white;
    background-image: url(/assets/bronze_background.jpg)
}

.member-card.platinum {
    border: 10px ridge silver;
    color: black;
    background-image: url(/assets/platinum_background.jpg);
    background-size: 120%;
    background-position: 0 200px
}

#mentions_picker,#hashtags_picker {
    display: none;
    position: absolute;
    z-index: 200;
    padding: 0.4em;
    border-radius: 5px;
    background: #444;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.3)
}

#mentions_picker.open,#hashtags_picker.open {
    display: block
}

#mentions_picker label,#hashtags_picker label {
    font-size: 1.3em;
    color: white;
    line-height: 1;
    vertical-align: middle
}

body.home_page #mentions_picker input,body.home_page #hashtags_picker input {
    width: 9em
}

.password-mask {
    color: currentcolor !important;
    font-size: 90%;
    font-weight: 300;
    margin: -0.2em 0 0 -0.8em
}

.tag-input-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid var(--site-form-label-color, #ccc);
    border-radius: 4px;
    background: var(--site-content-background-color, #fff);
    min-height: 34px
}

.tag-input-container .tag-pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    font-size: 0.9em;
    border-radius: 12px;
    background: var(--site-button-background);
    color: var(--site-button-text-color)
}

.tag-input-container .tag-remove {
    cursor: pointer;
    font-weight: bold;
    opacity: 0.8
}

.tag-input-container .tag-remove:hover {
    opacity: 1
}

.tag-input-container .tag-input-field {
    flex: 1;
    min-width: 120px;
    border: none;
    outline: none;
    padding: 2px 4px;
    font-size: inherit
}

.tag-select-dropdown {
    position: relative;
    display: inline-block;
    margin-top: 6px;
    min-width: 220px;
    max-width: 100%;
    padding: 6px 28px 6px 10px;
    border: 1px solid var(--site-form-label-color, #ccc);
    border-radius: 4px;
    background: var(--site-content-background-color, #fff);
    cursor: pointer;
    user-select: none
}

.tag-select-dropdown .tag-select-arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.8em;
    opacity: 0.7;
    pointer-events: none
}

.tag-select-dropdown .tag-select-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    margin: 2px 0 0;
    padding: 0;
    list-style: none;
    width: 100%;
    max-height: 240px;
    overflow-y: auto;
    background: var(--site-content-background-color, #fff);
    border: 1px solid var(--site-form-label-color, #ccc);
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 99999
}

.tag-select-dropdown.open .tag-select-menu {
    display: block
}

.tag-select-dropdown .tag-select-option,.tag-select-dropdown .tag-select-loading,.tag-select-dropdown .tag-select-empty {
    list-style: none;
    padding: 6px 10px;
    font-size: 0.95em
}

.tag-select-dropdown .tag-select-option::before,.tag-select-dropdown .tag-select-loading::before,.tag-select-dropdown .tag-select-empty::before {
    content: none !important;
    display: none !important
}

.tag-select-dropdown .tag-select-option {
    cursor: pointer
}

.tag-select-dropdown .tag-select-option:hover {
    background: var(--site-button-background);
    color: var(--site-button-text-color)
}

.tag-select-dropdown .tag-select-loading,.tag-select-dropdown .tag-select-empty {
    opacity: 0.7;
    font-style: italic;
    cursor: default
}

ul.ui-autocomplete.tag-input-autocomplete {
    position: fixed !important;
    z-index: 99999 !important
}

#clr-picker {
    z-index: 10000
}

td.scroll-heading {
    position: relative;
    padding-top: 2em !important
}

td.scroll-heading::before {
    content: '';
    display: block;
    border-top: 1px solid var(--site-form-label-color);
    height: 0;
    padding-bottom: 1em
}

td.scroll-heading h3 {
    margin-bottom: 1rem
}

td.scroll-heading>a {
    position: absolute !important;
    right: 0.4em;
    top: 5px;
    padding-top: 0.05em !important;
    padding-right: 0.6em !important;
    padding-bottom: 0.1em !important;
    cursor: pointer
}

* {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    box-sizing: border-box;
    scroll-behavior: smooth
}

html {
    font-size: 16px;
    line-height: 1.42857143;
    height: 100%
}

body {
    color: var(--site-content-text-color);
    background-color: var(--site-background-color);
    top: unset !important;
    line-height: inherit
}

body.public .logged_in {
    display: none !important
}

body.logged_in .public {
    display: none !important
}

body.public .fav_button {
    display: none
}

div:focus {
    outline: none !important
}

head,title,link,meta,style,script {
    display: none !important
}

.site-bg-elem {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -3;
    background-color: var(--site-background-color);
    background-image: var(--site-main-background-image);
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: scroll;
    background-size: cover
}

a {
    color: var(--site-content-link-color);
    text-decoration: none
}

a a[disabled] {
    pointer-events: none
}

a:hover,a:active,a:focus {
    text-decoration: none;
    color: var(--site-content-link-color)
}

.update a {
    color: var(--site-form-link-color)
}

.custom_html a,.custom_page a {
    color: var(--site-main-link-color)
}

#outerWrapper a:hover,#outerWrapper .comment-button>.icon_button:hover,#outerWrapper .text-hover-01:hover,#ml_navbar a:hover,#ml_navbar .comment-button>.icon_button:hover,#ml_navbar .text-hover-01:hover,.door_checkin a:hover,.door_checkin .comment-button>.icon_button:hover,.door_checkin .text-hover-01:hover,.flyout a:hover,.flyout .comment-button>.icon_button:hover,.flyout .text-hover-01:hover {
    text-shadow: 0 -1px 0 currentcolor
}

.text-hover-01 {
    color: var(--site-content-link-color)
}

ul,li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block
}

ol li {
    display: list-item;
    list-style: decimal
}

body ul:not(.nostyle):not(.ui-autocomplete) {
    padding-left: 1em
}

body ul:not(.nostyle):not(.ui-autocomplete)>li {
    position: relative;
    padding-left: 1em
}

body ul:not(.nostyle):not(.ui-autocomplete)>li::before {
    content: '\2022';
    position: absolute;
    left: 0;
    font-size: 1.2em;
    line-height: 0.5;
    top: 0.3em
}

figcaption {
    text-align: center;
    color: var(--site-content-label-color)
}

.thumb-container li,.miniprofile li,.navbar li,.approval-buttons li,.action-buttons li,.account-buttons li,.active-scaffold li,.bootstrap-datetimepicker-widget li {
    padding-left: unset !important
}

.thumb-container li::before,.miniprofile li::before,.navbar li::before,.approval-buttons li::before,.action-buttons li::before,.account-buttons li::before,.active-scaffold li::before,.bootstrap-datetimepicker-widget li::before {
    content: '' !important;
    display: none !important
}

dl,dt,dd,form,table,select,option,textarea {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: inherit;
    border-collapse: collapse;
    border-spacing: 0
}

input,select,textarea {
    padding: 0.16em 0.2em 0.15em 0.5em;
    line-height: 1.3
}

input:focus:valid {
    outline: 2px solid #007aff
}

input:invalid {
    outline: 2px solid red
}

input[type=number] {
    width: 5em;
    appearance: textfield !important
}

input[type=number]::-webkit-inner-spin-button {
    appearance: none !important
}

input.integer[type=number] {
    appearance: auto !important
}

input.integer[type=number]::-webkit-inner-spin-button {
    appearance: auto !important;
    opacity: 1
}

select {
    padding-left: 0.3em
}

textarea {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    line-height: normal
}

textarea.height-scroller {
    transition: height 0.3s
}

textarea.height-scroller.closed {
    height: 6em
}

textarea.height-scroller.open {
    height: 20em
}

[contenteditable=true][placeholder]:empty::before {
    content: attr(placeholder);
    color: #bbb
}

[contenteditable=false][placeholder]:empty::before {
    content: ""
}

input[type='checkbox'] {
    transform: scale(1.5);
    transform-origin: 50% 75%;
    width: unset !important;
    height: unset !important;
    margin-left: 0.4em;
    margin-right: 0.4em
}

.optiongroup .options .right:has(>input[type='checkbox']) {
    text-transform: capitalize
}

h2 {
    font-weight: 500;
    font-size: 1.4em
}

h3 {
    font-weight: 500
}

h4 {
    font-weight: normal
}

button,input,optgroup,select,textarea {
    font-weight: normal
}

select optgroup {
    font-weight: 600
}

.display-block {
    display: block !important
}

.display-inline {
    display: inline !important
}

.display-inline-block {
    display: inline-block !important
}

.display-none {
    display: none !important
}

.clearfix {
    overflow: hidden
}

.ml-text-scroller {
    border: 1px solid currentcolor;
    border-radius: 3px;
    overflow: auto;
    max-height: 12em;
    background: rgba(0,0,0,0.05)
}

.side-scroller {
    margin-left: auto;
    margin-right: auto
}

.ml_sidemenu .side-scroller {
    width: calc(100vw - 3em);
    overflow-x: auto;
    overflow-y: visible
}

.simple-flex-box {
    display: flex
}

.simple-flex-box.wrap {
    flex-wrap: wrap
}

.simple-flex-box.gutter-narrow>* {
    margin: 0 0.8em
}

.simple-flex-box.gutter-wide>* {
    margin: 0 2em
}

.simple-flex-box.top {
    align-items: start
}

.simple-flex-box.middle {
    align-items: center
}

.simple-flex-box.bottom {
    align-items: end
}

#translateStrings,#translateTester,#alertText {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -10000
}

span.required {
    color: red;
    padding: 0 2px
}

span[style='color: red;'] {
    padding: 0 2px
}

.mc-photo img#contact_form_member_card_photo {
    max-height: 60px;
    margin-bottom: 3px
}

.mc-photo img#contact_form_member_card_photo.open {
    display: block
}

a.barcode {
    display: inline-block;
    height: 2em;
    vertical-align: top !important
}

a.barcode img {
    height: 100%
}

#hidden-text,.hide-element,.label:not(td):empty {
    display: none
}

.breakword {
    word-break: break-word
}

.enlargeable,.big-pic-zoom,img#bigPhoto {
    cursor: zoom-in
}

.big-pic-zoom-200 img#bigPhoto {
    cursor: zoom-out
}

.shadow-large {
    box-shadow: 0px 0px 20px #000
}

.hr {
    box-sizing: content-box;
    width: 100%;
    height: 0;
    border-top: 1px solid grey;
    border-bottom: 1px solid white;
    background-color: none;
    margin-top: 0.8em;
    margin-bottom: 1em
}

table.fieldset .hr {
    margin-top: 0.4em;
    margin-bottom: 0.4em
}

.top {
    vertical-align: top !important
}

.middle {
    vertical-align: middle !important
}

.bottom {
    vertical-align: bottom !important
}

.left {
    text-align: left !important
}

.center {
    text-align: center !important
}

.right {
    text-align: right !important
}

.boldtext {
    font-weight: 700
}

.boldtext a {
    font-weight: 700
}

.text p {
    margin-bottom: 0.5em
}

.chop {
    max-height: 6em;
    overflow-x: hidden;
    overflow-y: hidden
}

.inline,#inline {
    display: inline-block
}

.inline a,#inline a {
    display: inline
}

.wordbreak {
    overflow-wrap: break-word
}

.checkmark {
    font-size: 26px;
    line-height: 0;
    position: relative;
    top: 2px
}

.checkmark.small {
    font-size: 14px;
    top: 0
}

.promo_code_question {
    font-size: 18px
}

.inline-table {
    display: inline-table
}

.shadow-small {
    box-shadow: 1px 1px 5px rgba(0,0,0,0.7)
}

.arrow a {
    position: relative;
    top: 50%
}

.help .arrow {
    font-size: 30px;
    position: relative;
    top: 4px
}

.mobile .help .arrow {
    font-size: 36px;
    position: relative;
    top: -10px
}

.arrow>img {
    position: relative;
    top: 50%
}

[role='button'] {
    cursor: pointer
}

.checkbox {
    position: relative;
    display: block
}

.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer
}

.checkbox+.checkbox {
    margin-top: -5px
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.show {
    display: block !important
}

.innercaption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.innercaption * {
    background: url(/images/general/blackmask-60-topfade.png);
    color: #ffffff;
    padding: 8px 5px 5px 5px;
    margin: 0;
    font-weight: normal;
    line-height: 1.5;
    display: block
}

.centering-table {
    margin: 0 auto
}

.floated-left {
    float: left
}

.floated-right {
    float: right
}

.brclear {
    clear: both;
    height: 0;
    margin: 0;
    line-height: 0
}

.simpleclear {
    clear: both
}

img#arrow {
    position: relative;
    vertical-align: middle;
    margin-left: 0.2em
}

.centerpoint {
    height: 1px;
    width: 1px;
    top: 50%
}

.clear {
    clear: both
}

.red,.red *:not(.notred) {
    color: red !important
}

.purple,.purple *:not(.notpurple) {
    color: purple !important
}

.caution,.caution * {
    color: #ff9933
}

.green {
    color: green
}

.nowrap {
    white-space: nowrap
}

.normaltext {
    font-weight: normal;
    color: black
}

.zoom-in {
    cursor: zoom-in
}

.forum-post {
    padding-left: 30px
}

#bigPicCountdown {
    font-size: 28px;
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: grey;
    opacity: 0.8;
    line-height: 36px
}

#errorExplanation {
    margin-left: 0.5em;
    color: red
}

.attachment img {
    cursor: -moz-zoom-out
}

.options>hr {
    margin: 0;
    border-color: var(--site_background-color);
    border-style: dotted
}

.mailing_container>* {
    color: black
}

tr.multiselect .label {
    padding-top: 0.6em
}

body:not(.ml_sidemenu) tr.multiselect .value {
    position: relative
}

body:not(.ml_sidemenu) tr.multiselect .value::after {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    width: 80px;
    margin-left: 1em
}

body.mac:not(.ml_sidemenu) tr.multiselect .value::after {
    content: 'CMD-Click to multi-select'
}

body:not(.ml_sidemenu):not(.mac) tr.multiselect .value::after {
    content: 'CTRL-Click to multi-select'
}

#tab_cell_4.flag .menu_options {
    background-image: url(/images/general/medallion_small.png);
    background-repeat: no-repeat;
    background-position: 0px 0px
}

body.player #header {
    text-align: center;
    height: auto
}

body.player #header * {
    margin: auto
}

body.player #audio_player object {
    display: block;
    width: 410px;
    margin: auto
}

body.player #audio_player .now_playing {
    text-align: center
}

#i {
    float: left;
    margin-right: 10px;
    font-size: 16px
}

@media (max-width: 600px) {
    #topic_list td.data.thumb,#topic_list #topic_list th.thumb,#post_list td.data.thumb,#post_list #topic_list th.thumb {
        display:none
    }
}

@media (max-width: 600px) {
    table#group_list td.owner,table#group_list td.date,table#group_list th.owner,table#group_list th.date {
        display:none
    }
}

.preview img {
    max-height: 100px;
    max-width: 100px;
    margin-top: 5px
}

@media (max-width: 600px) {
    #part2 .photo_policy {
        font-weight:normal
    }
}

#cke_compose_body {
    width: 100% !important
}

summary {
    font-size: 0.9rem;
    color: var(--site-content-link-color)
}

summary:focus {
    outline: none
}

.update summary {
    color: var(--site-form-link-color)
}

summary::after {
    content: 'show more'
}

details[open] summary::after {
    content: 'hide'
}

html:not(.active-flyout) .ui-helper-hidden-accessible>div {
    display: none
}

#plan_long_name.too-long {
    outline: 2px solid red;
    opacity: 0.8
}

.social_media_buttons {
    display: flex;
    justify-content: space-evenly
}

.social_media_buttons a {
    height: 50px;
    width: 50px;
    cursor: pointer;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 5px
}

.social_media_buttons a.discord {
    background-image: url(/assets/discord_icon.png)
}

.social_media_buttons a.facebook {
    background-image: url(/assets/facebook_icon.png)
}

.social_media_buttons a.twitter {
    background-image: url(/assets/twitter_icon.png)
}

.social_media_buttons a.instagram {
    background-image: url(/assets/instagram_icon.png)
}

.social_media_buttons a.snapchat {
    background-image: url(/assets/snapchat_icon.png)
}

.social_media_buttons a.youtube {
    background-image: url(/assets/youtube_icon.png)
}

.social_media_buttons a.tiktok {
    background-image: url(/assets/tiktok_icon.png)
}

.social_media_buttons a.spotify {
    background-image: url(/assets/spotify_icon.png)
}

.social_media_buttons a.chaturbate {
    background-image: url(/assets/chaturbate_icon.png)
}

.social_media_buttons a.whatsapp {
    background-image: url(/assets/whatsapp_icon.png)
}

.clr-alpha {
    display: none !important
}

.ml-logged-in-home .ml-widget {
    cursor: unset !important
}

.google_map {
    height: 600px;
    max-height: 60vh;
    width: 100%;
    max-width: 1000px;
    background-color: #ececec
}

.google_map * {
    color: white
}

.google_map .gm-style .gm-style-iw-c {
    background-color: rgba(100,100,100,0.8);
    font-weight: 400;
    text-shadow: 0 0 2px #000;
    border-radius: 4px;
    padding: 12px !important
}

.google_map .gm-style-iw-t {
    opacity: 0;
    transition: opacity 0.4s
}

.google_map .gm-style-iw-t::after {
    background: linear-gradient(45deg, rgba(71,71,71,0.47) 50%, rgba(71,71,71,0) 51%, rgba(71,71,71,0) 100%)
}

.google_map .gm-style-iw-d {
    overflow: hidden !important
}

.map-infowindow {
    min-width: 200px;
    max-width: 300px
}

.map-infowindow .title {
    font-weight: bold;
    margin-top: 0.5em
}

.map-infowindow .memberdata {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 10px;
    align-items: top;
    width: 100%;
    margin-bottom: 10px;
    color: black
}

.map-infowindow .memberdata .info a {
    font-size: 110%;
    font-weight: 500;
    line-height: 1.4;
    transition: 0.3s
}

.map-infowindow .memberdata .info a:hover {
    color: #82d0ff !important
}

.map-infowindow .controls {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-column-gap: 10px;
    align-items: center;
    width: 100%;
    padding: 3px
}

.map-infowindow .controls .time {
    text-align: center
}

.map-infowindow .controls .time .location {
    font-size: 90%
}

.map-infowindow .controls .prev a,.map-infowindow .controls .next a {
    position: relative;
    display: block;
    cursor: pointer;
    background-color: rgba(255,255,255,0);
    border-radius: 50%;
    color: #fff;
    transition: all 0.3s;
    font-size: 1.5em;
    font-family: FontAwesome;
    line-height: 1;
    width: 1.3em;
    height: 1.3em;
    transition: all 0.3s
}

.map-infowindow .controls .prev a:hover,.map-infowindow .controls .next a:hover {
    color: #000;
    background-color: rgba(255,255,255,0.6)
}

.map-infowindow .controls .prev a::before,.map-infowindow .controls .next a::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -45%)
}

.map-infowindow .controls .prev a::before {
    content: '\f104'
}

.map-infowindow .controls .next a::before {
    content: '\f105';
    transform: translate(-45%, -45%)
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: 'FontAwesome';
    src: url(/assets/fontawesome-webfont.eot);
    src: url(/assets/fontawesome-webfont.eot?#iefix) format("embedded-opentype"),url(/assets/fontawesome-webfont.woff2) format("woff2"),url(/assets/fontawesome-webfont.woff) format("woff"),url(/assets/fontawesome-webfont.ttf) format("truetype"),url(/assets/fontawesome-webfont.svg#fontawesomeregular) format("svg");
    font-weight: normal;
    font-style: normal
}

.icon_button {
    display: inline-block
}

html body .icon_button {
    position: relative;
    min-height: 1.3em;
    vertical-align: text-top;
    padding: 0.5em 0.7em;
    padding-left: 2.2rem
}

body.event-details .icon_button.map {
    display: block
}

table.listview .icon_button {
    display: inline-block;
    padding: 0.5em
}

table.listview .icon_button::before {
    left: 0.4rem;
    line-height: 1;
    font-size: 1.2em;
    cursor: pointer
}

.icon_button::before {
    position: absolute;
    top: 50%;
    left: 1.2rem;
    transform: translate(-50%, -50%);
    line-height: 1;
    font-family: FontAwesome;
    font-size: 1.2em;
    cursor: pointer
}

.eye-open.icon_button::before {
    content: '\f06e'
}

.eye-close.icon_button::before {
    content: '\f070'
}

.map-marker.icon_button::before {
    content: '\f041'
}

.phone.icon_button::before {
    content: '\f095'
}

.envelope.icon_button::before {
    content: '\f0e0'
}

.scrolltop.icon_button::before {
    content: '\f102'
}

.scrolldown.icon_button::before {
    content: '\f103'
}

.ellipsis-v.icon_button::before {
    content: '\f142'
}

.ban.icon_button::before {
    content: '\f05e'
}

.private.icon_button::before {
    content: '\f070'
}

.forms.icon_button::before {
    content: '\f298'
}

.clone.icon_button::before {
    content: '\f24d'
}

.play-circle.icon_button::before {
    content: '\f01d'
}

.redo.icon_button::before {
    content: '\f01e'
}

.manual.icon_button::before {
    content: '\f256'
}

.adjust.icon_button::before {
    content: '\f0ec'
}

.receipt.icon_button::before {
    content: '\f03a'
}

.refresh.icon_button::before {
    content: '\f021'
}

.angle-down.icon_button::before {
    content: '\f107'
}

.question-circle.icon_button::before {
    content: '\f059'
}

.question-circle-o.icon_button::before {
    content: '\f29c'
}

.up.icon_button::before {
    content: '\f077'
}

.pause.icon_button::before {
    content: '\f04c'
}

.play.icon_button::before {
    content: '\f04b'
}

.favorites.icon_button::before {
    content: '\f02e'
}

.home.icon_button::before {
    content: '\f015'
}

.messages.icon_button::before {
    content: '\f003'
}

.events.icon_button::before {
    content: '\f073'
}

.photo-album.icon_button::before {
    content: '\f03e'
}

.close_chat.icon_button::before {
    content: '\f00d'
}

.delete.icon_button::before {
    content: '\f014'
}

.mail_button.icon_button::before {
    content: '\f003'
}

.hard_delete.icon_button::before {
    content: '\f1f8'
}

.preview.icon_button::before {
    content: '\f00e'
}

.edit.icon_button::before {
    content: '\f044'
}

.edit_reverse.icon_button::before {
    content: '\f14b'
}

.reply.icon_button::before {
    content: '\f112'
}

.forward_message.icon_button::before {
    content: '\f064'
}

.copy.icon_button::before {
    content: '\f0c5'
}

.add.icon_button::before {
    content: '\f0fe'
}

.updown.icon_button::before {
    content: '\f0dc'
}

.uploads.icon_button::before {
    content: '\f093'
}

.save.icon_button::before,input.icon_button::before {
    content: '\f0c7'
}

.cancel.icon_button::before {
    content: '\f0e2'
}

.templates.icon_button::before {
    content: '\f03a'
}

.buy.icon_button::before {
    content: '\f07a'
}

.people.icon_button::before {
    content: '\f0c0'
}

.ticket.icon_button::before {
    content: '\f145'
}

.compose.icon_button::before {
    content: '\f08e'
}

.profile.icon_button::before,.user.icon_button::before {
    content: '\f2c0'
}

.send_message.icon_button::before {
    content: '\f003'
}

.remove.icon_button::before {
    content: '\f057'
}

.sms.icon_button::before {
    content: '\f27a'
}

.phone.icon_button::before {
    content: '\f095'
}

.edit_profile.icon_button::before {
    content: '\f2c0'
}

.manage_photos.icon_button::before {
    content: '\f1c5'
}

.comments.icon_button::before {
    content: '\f086'
}

.photos.icon_button::before {
    content: '\f03e'
}

.edit_account.icon_button::before {
    content: '\f013'
}

.create_album.icon_button::before {
    content: '\f1c5'
}

.login_as.icon_button::before {
    content: '\f21b'
}

.unlocked.icon_button::before {
    content: '\f09c'
}

.locked.icon_button::before {
    content: '\f023'
}

.approve.icon_button::before {
    content: '\f087'
}

.decline.icon_button::before {
    content: '\f088'
}

.flag.icon_button::before {
    content: '\f024'
}

.unflag.icon_button::before {
    content: '\f11d'
}

.video.icon_button::before {
    content: '\f03d'
}

.download.icon_button::before {
    content: '\f019'
}

.print.icon_button::before {
    content: '\f02f'
}

.incomplete.icon_button::before {
    content: '\f251'
}

.right.icon_button::before {
    content: '\f054'
}

.left.icon_button::before {
    content: '\f053'
}

.search.icon_button::before {
    content: '\f002'
}

.map.icon_button::before {
    content: '\f041'
}

.check.icon_button::before {
    content: '\f00c'
}

.doublecheck.icon_button::before {
    content: '\f14a'
}

.back.icon_button::before {
    content: '\f0d9'
}

.back_to_start.icon_button::before {
    content: '\f048'
}

.forward.icon_button::before {
    content: '\f0da'
}

.forward_to_end.icon_button::before {
    content: '\f051'
}

.icon_button.membership::before {
    content: '\f234'
}

.icon_button.autodate::before {
    content: '\f004'
}

.icon_button.whos_online::before {
    content: '\f2ce'
}

.icon_button.whos_hot::before {
    content: '\f06d'
}

.icon_button.whos_new::before {
    content: '\f017'
}

.icon_button.new_pics::before {
    content: '\f1c5'
}

.icon_button.flash::before {
    content: '\f0e7'
}

.icon_button.chat::before {
    content: '\f0e5'
}

.ml_field_help.icon_button::before {
    content: '\f29c'
}

.help.icon_button::before {
    content: '\f128'
}

.long_arrow_left.icon_button::before {
    content: '\f177'
}

a.out.icon_button::before {
    content: '\f03b';
    font-size: 20px;
    transform: rotate(180deg) translate(0, 0);
    left: 0;
    top: 0
}

.mail.icon_button::before {
    content: '\f003'
}

td.check .mail.icon_button::before {
    left: 1.4rem
}

.abuse.icon_button::before {
    content: '\f071';
    top: 40%
}

.angle-double-left.icon_button::before {
    content: '\f100';
    font-size: 160%
}

.angle-double-right.icon_button::before {
    content: '\f101';
    font-size: 160%
}

.calendar.icon_button::before {
    content: '\f073';
    left: 0.9rem
}

.list.icon_button::before {
    content: '\f0ca';
    left: 0.9rem
}

.clockwise.icon_button::before {
    content: '\f01e';
    font-size: 26px;
    margin: 10px
}

.counter-clockwise.icon_button::before {
    content: '\f0e2';
    font-size: 26px;
    margin: 10px
}

.make_primary.icon_button::before {
    content: '\f007';
    font-size: 26px
}

.make_secondary.icon_button::before {
    content: '\f2be';
    font-size: 22px
}

.minimize.icon_button::before {
    margin: 0;
    content: '\f2d1';
    font-size: 12px
}

.maximize.icon_button::before {
    margin: 0;
    content: '\f2d0';
    font-size: 12px
}

.message_history.icon_button::before {
    content: '\f1da';
    font-size: 16px
}

.member_card.icon_button::before {
    content: '\f2bb'
}

.change_email_password.icon_button::before {
    content: '\f023'
}

.add_passkey_photos.icon_button::before {
    content: '\f084'
}

.send.icon_button::before {
    content: '\f1d8';
    font-size: 16px
}

.color_picker.icon_button::before {
    content: '\f140';
    font-size: 16px
}

.merge.icon_button::before {
    content: '\f126';
    transform: rotate(300deg) translate(-50%, -50%);
    transform-origin: left top
}

.icon_button.news::before {
    content: '\f1ea';
    font-size: 1.1em;
    transform: translate(-50%, -42%)
}

.icon_button.pin::before {
    content: '\f08d';
    font-size: 1.1em;
    transform: rotate(270deg) translate(10px, 0)
}

.more.icon_button::before {
    content: '\f0da'
}

.down.icon_button::before {
    content: '\f078'
}

.anchor.icon_button::before {
    content: '\f103';
    margin: 0
}

#tab_1.icon_button::before {
    content: '\f015'
}

#tab_2.icon_button::before {
    content: '\f1da'
}

#tab_4.icon_button::before {
    content: '\f2b7'
}

#tab_15::before {
    content: '\f0ac'
}

#tab_5.icon_button::before {
    content: '\f2ba'
}

#tab_11.icon_button::before {
    content: '\f073'
}

#tab_3.icon_button::before {
    content: '\f0c0'
}

#tab_6.icon_button::before {
    content: '\f1c5'
}

#tab_12.icon_button::before {
    content: '\f013'
}

#tab_14.icon_button::before {
    content: '\f085'
}

#tab_8.icon_button::before {
    content: '\f002'
}

#tab_9.icon_button::before {
    content: '\f007'
}

#tab_10.icon_button::before {
    content: '\f128'
}

.snoop.icon_button::before {
    content: '👀';
    font-size: 16px
}

.guestrow .search a::before {
    font: normal normal normal 16px / 1 FontAwesome;
    content: '\f002'
}

.update a.icon_button.scrolldown {
    color: var(--site-standard-text-color)
}

.venue-map {
    position: relative;
    display: inline-block;
    margin: 2em auto
}

.venue-map canvas {
    position: absolute;
    left: 0;
    top: 0
}

.venue-map .unit-marker {
    position: absolute;
    left: -10000px;
    top: -10000px;
    border: 4px solid green;
    width: 42px;
    height: 42px;
    border-radius: 6px;
    cursor: pointer
}

.venue-map .unit-marker.occupied {
    border-color: red
}

.venue-map .unit-marker.selected.occupied {
    border-width: 8px
}

.thumb-container.location,.thumb-container.inventoryitem {
    display: inline-block;
    margin-right: 2em;
    margin-top: 1em
}

.thumb-container.location .caption,.thumb-container.inventoryitem .caption {
    font-weight: bold;
    text-align: center;
    position: relative;
    height: auto
}

table.ticket-types .description {
    margin: 1em 0
}

table.ticket-types .description .photos {
    position: relative
}

table.ticket-types .description .photos .count {
    position: absolute;
    left: -0.5em;
    top: -0.2em;
    font-size: 0.6em;
    border-radius: 100%;
    padding: 0.4em 0.8em 0.4em 0.8em;
    background: #c22;
    color: white;
    border: 1px solid #666;
    font-weight: bold
}

table.ticket-types .description .photos .thumb-container.inventoryitem {
    display: none
}

table.ticket-types .description .photos .thumb-container.inventoryitem:first-child {
    display: block;
    float: left;
    margin: 0 0.5em 0.2em 0
}

body.venue.photos .thumb-group-name {
    width: unset;
    text-align: left
}

table.order_lines .unit select {
    border: 1px solid;
    background-color: white
}

table.order_lines .description .photos {
    position: relative
}

table.order_lines .description .photos .thumb-container {
    display: none
}

table.order_lines .description .photos .thumb-container:first-child {
    display: block;
    float: left;
    margin: 0 0.5em 0.5em 0
}

table.order_lines .description .photos .count {
    position: absolute;
    left: -0.5em;
    top: -0.2em;
    font-size: 0.6em;
    border-radius: 100%;
    padding: 0.4em 0.8em 0.4em 0.8em;
    background: #c22;
    color: white;
    border: 1px solid #666;
    font-weight: bold
}

table.order_lines .description span {
    margin-left: 5px
}

table.units tr.selected {
    border: 2px solid red
}

.flyout .venue-map .thumb-container img {
    max-width: 80vw
}

.venue-map {
    margin-top: 1em;
    margin-right: 1em
}

.venue-map .thumb-container {
    margin: 0
}

.venue-map .thumb-container img {
    max-width: 100%
}

.venue-map .image_container {
    position: relative
}

.venue-map .unit-marker {
    background-color: white;
    display: table;
    text-align: center;
    font-size: 0.6em;
    font-weight: bold;
    line-height: 1.2;
    box-sizing: content-box
}

.venue-map .unit-marker .number {
    display: block
}

.venue-map .unit-marker .sku {
    display: block
}

.venue-map .unit-marker .info-popup {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    min-width: 100%;
    opacity: 0.001;
    z-index: -1;
    transition: opacity 0.4s ease-in, visibility 0s ease-in 0.4s, z-index 0s ease-in 0.4s;
    padding: 0.3em 0.6em;
    background: #ffffee;
    border: 1px solid black;
    border-radius: 3px;
    box-shadow: 1px 1px 5px -2px black
}

.venue-map .unit-marker:hover {
    z-index: 1000
}

.venue-map .unit-marker:hover .info-popup {
    z-index: 6100;
    opacity: 1;
    transition-delay: 0ms
}

.venue-map .unit-marker:hover .name {
    display: inline-block;
    min-width: 100px
}

.venue-map .unit-marker:hover .order {
    display: block
}

.venue-map .unit-marker.connector::after {
    position: absolute;
    color: green;
    font-size: 2em;
    font-weight: bold
}

.venue-map .unit-marker.connector.leftpointer::after {
    content: '\2192';
    left: 0;
    bottom: -4px
}

.venue-map .unit-marker.connector.rightpointer::after {
    content: '\2190';
    right: 0;
    bottom: -4px
}

.venue-map .unit-marker.connector.toppointer::after {
    content: '\2193';
    top: -5px;
    left: 3px
}

.venue-map .unit-marker.connector.bottompointer::after {
    content: '\2191';
    bottom: -1px;
    left: 3px
}

#guest_list .ml_field_help {
    position: relative;
    top: 0.75em
}

#guest_list .ml_field_help .text {
    top: -6em;
    width: 20em
}

#guest_list .icon_button.pin::before {
    transform: rotate(0deg) translate(0, -10px)
}

#inventory_units_flyout .shape {
    border: 4px solid blue;
    border-radius: 6px;
    background: transparent;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    text-align: center;
    cursor: pointer
}

#inventory_units_flyout .shape[data-shape_id='new-shape'] {
    border-style: dashed
}

#inventory_units_flyout .shape.this-unit {
    border-color: red
}

#inventory_units_flyout .shape.selected {
    border-color: green
}

#inventory_unit_form .simple-flex-box {
    padding: 1em 5%
}

#inventory_unit_form #new-shape {
    padding: 0.3em 0.8em;
    margin-top: 1em
}

#inventory_unit_form #venue-map-help {
    max-width: 600px;
    min-width: 70%;
    padding: 0.6em;
    margin: 1em auto 0
}

#inventory_unit_form #venue-map-help summary {
    font-size: 1.2em;
    color: var(--site-form-text-color)
}

#inventory_unit_form #venue-map-help summary::after {
    content: ''
}

#inventory_unit_form #venue-map-help ol {
    padding-left: 1.3em
}

#inventory_unit_form #venue-map-help li {
    margin: 0.2em 0
}

#inventory_units_flyout #venue_map.unit-marker {
    background: transparent
}

#inventory_units_flyout #venue_map .thumb-container .image_container img {
    cursor: crosshair
}

textarea.unit-marker {
    padding: 0 !important;
    margin: none !important
}

table#inventory_units span.icon_button.pin::before {
    transform: rotate(0deg) translate(0, -10px)
}

.thumb-container.inventoryitem .caption {
    background: transparent
}

.accessible-icon::before {
    font-family: FontAwesome;
    content: '\f193';
    color: blue;
    font-size: 16px
}

.unit-marker.accessible-icon::before {
    position: absolute;
    right: 5px;
    bottom: 4px
}

td>.accessible-icon,th>.accessible-icon {
    float: right
}

.add.icon_button.add-secondary-venue-btn::before {
    left: 12px
}

.relative-warning-icon {
    font-size: 1em;
    position: relative;
    top: 0;
    right: 0
}

.relative-warning-icon::before {
    font-family: FontAwesome;
    content: '\f071';
    color: orangered;
    font-size: 20px
}

table#daily_balances th span.out-of-order-icon::before {
    content: '\f057';
    font-size: 14px;
    font-family: FontAwesome;
    color: orangered;
    position: relative;
    left: 0px;
    top: 1px
}

table#daily_balances th span.warning-icon::after {
    content: '\f071';
    font-size: 14px;
    font-family: FontAwesome;
    color: orangered;
    position: relative;
    top: 2px
}

.unit-status-icons-row {
    display: block;
    margin-top: 0.2em;
    text-align: left;
    line-height: 1
}

.unit-out-of-order-icon,.unit-safety-icon {
    display: inline;
    position: static;
    color: #0a58ca !important;
    font-size: 8px;
    vertical-align: middle;
    margin-right: 0.2em
}

.unit-out-of-order-icon::before {
    content: '\f057';
    font-family: FontAwesome;
    font-size: 14px
}

.unit-safety-icon::before {
    content: '\f071';
    font-family: FontAwesome;
    font-size: 14px
}

div#MessageBodyContent * {
    max-width: 100% !important
}

.mailing-sends-grid {
    height: 100%;
    overflow: auto;
    display: grid;
    grid-template-columns: minmax(10em, auto) minmax(15em, auto);
    column-gap: 0.8em;
    justify-content: space-evenly;
    margin: 0.6em 0.6em 1.4em
}

.mailing-sends-grid table {
    max-height: 23em;
    overflow: auto;
    padding-right: 14px;
    display: block;
    border: 1px solid #666;
    background-color: rgba(255,255,255,0.1)
}

table.select_list {
    width: 100%;
    white-space: nowrap
}

table.select_list input[type='checkbox'] {
    margin-left: 0.5em
}

table.ccard_stats {
    width: 100%;
    white-space: nowrap;
    padding: 0.6em 0.8em 0.8em
}

table.ccard_stats td {
    padding: 0.2em
}

table.ccard_stats td:nth-child(2) {
    font-weight: 600
}

#beta_message {
    position: relative;
    margin: 5px auto;
    max-width: 900px;
    text-align: center;
    padding: 10px;
    border: 1px solid
}

@media (max-width: 900px) {
    #beta_message {
        margin:5px 5px
    }
}

#beta_message a {
    color: var(--site-main-text-color);
    font-weight: bold
}

#beta_message .close_button {
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: none
}

#beta_message .close_button::before,#beta_message .close_button::after {
    background-color: var(--site-main-text-color);
    top: 5px;
    right: 13px;
    height: 18px
}

#outerWrapper {
    position: relative
}

body.home_page #outerWrapper,body.member-login #outerWrapper {
    color: var(--site-main-text-color)
}

body.no-sidebar:not(.ml_sidemenu) .rightside {
    margin-left: auto;
    margin-right: auto
}

body:not(.no-sidebar):not(.embedded):not(.ml_sidemenu) #yield {
    display: grid;
    grid-template-columns: var(--site-sidenav-width) var(--site-menu-width);
    max-width: 1300px;
    margin: 0 auto;
    justify-content: center
}

body.align_left:not(.no-sidebar):not(.embedded):not(.ml_sidemenu) #yield {
    grid-template-columns: var(--site-sidenav-width) 1fr;
    max-width: unset;
    padding-right: 0.6vw;
    justify-content: unset
}

body.align_center:not(.no-sidebar):not(.embedded):not(.ml_sidemenu) #yield {
    margin-right: calc((100vw - var(--site-menu-width)) / 2);
    margin-left: calc((100vw - var(--site-menu-width)) / 2 - 130px)
}

.background_layer {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background-color: var(--site-background-color);
    opacity: 0.5
}

body.update .background_layer {
    background-color: var(--site-form-background-alpha-color)
}

.rightside {
    background-color: var(--site-content-background-alpha-color)
}

.rightside form li {
    margin-bottom: 0;
    margin-right: 0
}

body.update .rightside {
    background-color: var(--site-form-background-alpha-color)
}

.ml_footer {
    position: relative;
    z-index: 2;
    padding: 1em;
    width: 100%;
    text-align: center;
    font-size: 80%;
    color: var(--site-main-text-color);
    overflow: hidden
}

.ml_footer a {
    color: var(--site-main-link-color)
}

.ml_footer p {
    margin: 0
}

.ml_footer #footer_keywords {
    position: absolute;
    left: -4000px
}

.ml_footer .default-footer-content {
    line-height: 1.8;
    padding: 1px 0
}

.ml_footer .site_links {
    position: absolute;
    width: 1000px;
    left: -2000px;
    top: -500px;
    color: transparent
}

body.registration .hr {
    margin-bottom: 0
}

body.registration td.label {
    width: 120px
}

body.registration #her_profile td.value select,body.registration #his_profile td.value select {
    width: 8em
}

.group-members #group_thumb img {
    margin-right: 10px
}

.group-members .image_container>a.close_button {
    background-color: rgba(0,0,0,0.5);
    height: 30px;
    width: 30px
}

.group-members .image_container>a.close_button::after,.group-members .image_container>a.close_button::before {
    background-color: #ccc;
    top: 2px;
    right: 13px
}

#group_header .group-photo {
    max-width: 100%
}

#group_header>* {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    margin-right: 8px
}

#group_header #group_synopsis {
    max-width: 400px;
    font-weight: 600
}

#group_header #group_synopsis .group_data {
    font-weight: 700
}

.profile-form-group {
    grid-template-columns: auto auto;
    justify-content: flex-start;
    padding: 1vh 0
}

@media (min-width: 700px) {
    .profile-form-group {
        display:grid
    }
}

.profile-form-group>table:first-child {
    margin-bottom: 3vh
}

.profile-form-group>table {
    margin: 3vh auto
}

@media (min-width: 700px) {
    .profile-form-group {
        display:grid
    }

    .profile-form-group>table:nth-child(2) {
        margin: 3vh 1.5vw
    }

    .profile-form-group>table:nth-child(2):last-child td:first-child {
        display: none
    }
}

.status-update {
    margin: 0.6em
}

.status-update .status {
    font-weight: bold;
    font-style: italic
}

.status-update .timestamp::before {
    font-size: 75%;
    content: 'updated\003a '
}

#acv_form tr.order_number td input {
    width: 100px
}

#acv_form tr.order_date td input {
    width: 120px
}

#acv_form tr.customer td input {
    width: 300px
}

#acv_form tr.customer_email td input {
    width: 150px
}

#acv_form tr.customer_phone td input {
    width: 100px
}

#acv_form tr.travel_date td input {
    width: 120px
}

#acv_form tr.product td input {
    width: 200px
}

#acv_form tr.quantity td input {
    width: 60px
}

#acv_form tr.amount td input {
    width: 100px
}

#acv_form tr.items td textarea {
    width: 300px
}

html body #ad_conversions a.icon_button.edit {
    padding: 0 3px
}

html body #ad_conversions a.icon_button.edit::before {
    left: 4px
}

table#ad_conversion_totals {
    width: auto
}

table#ad_conversion_totals td.month {
    font-weight: bold
}

table#ad_conversion_totals td.total {
    font-weight: bold
}

table#ad_conversion_totals td:not(.month) {
    text-align: right
}

table#ad_conversions .fingerprint,table#ad_conversions .ip_address,table#ad_conversions .customer-name {
    white-space: nowrap
}

table#ad_conversion_totals.listview>tbody>tr>td.month,table#ad_conversion_totals.listview>tbody>tr>th.month {
    position: sticky;
    left: 0;
    z-index: 5;
    background-color: #ececec
}

table#ad_conversion_totals.listview>tbody>tr>th.month {
    z-index: 10
}

table#ad_conversion_totals.listview>tbody>tr:nth-child(even)>td.month {
    background-color: #c9caf9
}

body.member_search td.value>a {
    display: inline-block;
    line-height: 1.2;
    letter-spacing: 1px;
    padding: 0.4em 1em;
    margin: 0.5em 0.45em 0.3em 0;
    border-radius: 100px;
    border: 1px solid #999;
    box-shadow: 1px 2px 3px -1px black;
    background: var(--site-form-text-color);
    color: var(--site-form-background-color)
}

body.member_search details.adv-search {
    width: 20em;
    margin: 0.2em auto;
    color: var(--site-form-text-color);
    border: 2px solid #555;
    border-radius: 1.5em;
    box-shadow: 1px 2px 5px -2px black;
    padding: 0.2em 1em;
    transition: all 0.4s
}

body.member_search details.adv-search summary {
    text-align: center;
    font-size: 1.2em;
    color: var(--site-form-label-color)
}

body.member_search details.adv-search summary::after {
    content: 'More Filters'
}

body.member_search details.adv-search form {
    transition: all 0.1s;
    opacity: 0
}

body.member_search details.adv-search[open] {
    width: 100%;
    transition: all 0.4s
}

body.member_search details.adv-search[open] summary::after {
    content: 'Hide'
}

body.member_search details.adv-search[open] form {
    transition: all 0.4s 0.4s;
    opacity: 1
}

body.member_search .fieldset select option {
    height: 2.1em
}

body.member_search .fieldset select[multiple] {
    min-width: 13em
}

body.member_search optgroup::before {
    display: block;
    height: 1.8em;
    background: rgba(247,206,185,0.34);
    padding: 0.2em 0.6em
}

.gradient-colors {
    padding: 5px 8px 5px 14px;
    background: #76bb81b8;
    border: 1px solid black;
    border-radius: 6px
}

.gradient-colors input {
    outline: 2px solid #fff
}

.clr-field {
    margin: 4px 0
}

.clr-field input {
    border-radius: 2px;
    outline: 1px solid var(--site-form-label-color);
    margin: 0 !important;
    padding-left: 1.3em
}

.clr-field button {
    right: unset;
    top: 0 !important;
    bottom: 0 !important;
    left: 0;
    width: 1em !important;
    transform: unset !important
}

table.listview {
    width: 100%;
    line-height: 1.3
}

table.listview.sub-scroller {
    max-height: 23em;
    overflow: auto;
    display: block;
    border: 1px solid #666;
    background-color: rgba(255,255,255,0.1);
    scrollbar-color: rgba(0,0,0,0.5) rgba(255,255,255,0.5)
}

table.listview.sub-scroller.ml_sticky th {
    top: 0
}

table.listview.ml_sticky {
    margin-top: -1px
}

table.listview.ml_sticky th {
    position: sticky;
    vertical-align: bottom;
    z-index: 5;
    top: 46px
}

.flyout table.listview.ml_sticky th {
    top: 0
}

table.listview.ml_sticky th.count {
    writing-mode: vertical-rl;
    writing-mode: sideways-rl;
    vertical-align: bottom;
    min-width: 2.4em;
    padding: 0.5em 0.5em 0.5em 0.8em;
    text-align: right
}

table.listview.ml_sticky td.data {
    max-width: 20em
}

body.ml_sidemenu table.listview.ml_sticky:not(.sub-scroller) {
    margin-top: 0
}

body.ml_sidemenu table.listview.ml_sticky:not(.sub-scroller) th {
    position: unset;
    z-index: unset;
    top: unset
}

body:not(.ml_sidemenu) table.listview.ml_sticky>tbody>tr>th:first-child,body:not(.ml_sidemenu) table.listview.ml_sticky>tbody>tr>td:first-child {
    position: sticky;
    left: 0;
    z-index: 3;
    background-color: var(--site-content-background-color)
}

body:not(.ml_sidemenu) table.listview.ml_sticky>tbody>tr>th:first-child {
    z-index: 1020
}

body:not(.ml_sidemenu) table.listview.ml_sticky>tbody>tr:nth-child(even)>td:first-child {
    background-color: var(--site-content-alt-row-bg-color)
}

body.update:not(.ml_sidemenu) table.listview.ml_sticky>tbody>tr>th:first-child,body.update:not(.ml_sidemenu) table.listview.ml_sticky>tbody>tr>td:first-child,.flyout.update table.listview.ml_sticky>tbody>tr>th:first-child,.flyout.update table.listview.ml_sticky>tbody>tr>td:first-child {
    background-color: var(--site-form-background-color)
}

body.update:not(.ml_sidemenu) table.listview.ml_sticky>tbody>tr>th:first-child,.flyout.update table.listview.ml_sticky>tbody>tr>th:first-child {
    z-index: 1020
}

body.update:not(.ml_sidemenu) table.listview.ml_sticky>tbody>tr:nth-child(even)>td:first-child,.flyout.update table.listview.ml_sticky>tbody>tr:nth-child(even)>td:first-child {
    background-color: var(--site-form-alt-row-bg-color)
}

table.listview>*>tr>td:nth-child(even) {
    background-color: rgba(255,255,255,0.01)
}

table.listview>*>tr>td:nth-child(odd) {
    background-color: rgba(0,0,0,0.015)
}

body.update table.listview>*>tr {
    background-color: var(--site-form-background-color)
}

body.update table.listview>*>tr:nth-child(even) {
    background-color: var(--site-form-alt-row-bg-color)
}

body:not(.update) table.listview>*>tr {
    background-color: var(--site-content-background-color)
}

body:not(.update) table.listview>*>tr:nth-child(even) {
    background-color: var(--site-content-alt-row-bg-color)
}

.flyout.update table.listview>*>tr {
    background-color: var(--site-form-background-color)
}

.flyout.update table.listview>*>tr:nth-child(even) {
    background-color: var(--site-form-alt-row-bg-color)
}

.flyout:not(.update) table.listview>*>tr {
    background-color: var(--site-content-background-color)
}

.flyout:not(.update) table.listview>*>tr:nth-child(even) {
    background-color: var(--site-content-alt-row-bg-color)
}

table.listview>*>tr>th {
    padding: 0.4em 0.6em;
    font-size: 0.9em;
    font-weight: 600;
    line-height: 1.1;
    background-color: var(--site-content-background-color);
    background-image: linear-gradient(rgba(0,0,0,0.2), transparent 1px),linear-gradient(to right, rgba(0,0,0,0.2), transparent 1px),linear-gradient(to top, rgba(0,0,0,0.2), transparent 1px),linear-gradient(rgba(255,255,255,0.2) 35%, transparent 65%, rgba(0,0,0,0.06))
}

table.listview>*>tr>th:empty {
    padding: 0
}

table.listview>*>tr>th:last-child {
    background-image: linear-gradient(rgba(0,0,0,0.2), transparent 1px),linear-gradient(to right, rgba(0,0,0,0.2), transparent 1px),linear-gradient(to left, rgba(0,0,0,0.2), transparent 1px),linear-gradient(to top, rgba(0,0,0,0.2), transparent 1px),linear-gradient(rgba(255,255,255,0.2) 35%, transparent 65%, rgba(0,0,0,0.06))
}

.update table.listview>*>tr>th {
    background-color: var(--site-form-background-color)
}

table.listview>*>tr>td {
    padding: 12px 0.6em 0.6em;
    font-size: 0.9em;
    line-height: 1.2
}

table.listview>*>tr>td:empty {
    padding: 0
}

table.listview>*>tr>td.button {
    text-align: center
}

table.listview>*>tr>td.right input {
    text-align: right
}

table#inventory_unit_guests.listview td.notes .add_note {
    color: var(--site-content-link-color)
}

table.listview.scheduled_payments td.payment_notes .value {
    cursor: cell
}

table#attendee_list.listview input[type='checkbox'] {
    width: 26px;
    height: 26px
}

table.listview.order_lines {
    width: 100%
}

table.listview.order_lines details[open] summary::after {
    content: 'hide'
}

table.listview.order_lines td.product {
    font-size: 1rem
}

table.listview.order_lines td.product .name {
    display: inline-block;
    font-weight: 700;
    padding: 0.2em 0
}

table.listview.order_lines td.product .ml_fieldgroup {
    float: right;
    margin-right: 10px
}

table.listview.order_lines td.product .ml_fieldgroup .ml_field {
    width: 80px;
    display: inline-block
}

table.listview.order_lines td.product .ml_fieldgroup .ml_field.discount_code {
    width: 100px
}

table.listview.order_lines td.product .ml_fieldgroup .ml_field>* {
    display: inline-block
}

table.listview.order_lines td.product .ml_fieldgroup .ml_field>label {
    display: none
}

table.listview.order_lines td.product .ml_fieldgroup .ml_field input[type='text'] {
    text-align: right;
    padding-right: 0.3em
}

table.listview.order_lines .guest_list_label {
    position: absolute;
    width: 4em;
    left: -5em;
    text-align: right;
    top: 2px
}

table.listview.order_lines .guestrow {
    clear: both;
    display: block;
    margin-bottom: 5px
}

table.listview.order_lines .guestrow>* {
    display: inline-block;
    width: 100px;
    padding-right: 3px;
    margin-bottom: 3px
}

table.listview.order_lines .guestrow>.email {
    width: 150px
}

table.listview.order_lines .guestrow input,table.listview.order_lines .guestrow select {
    width: 100%
}

table.listview.order_lines .guestrow .search {
    width: auto
}

table.listview.order_lines .description {
    clear: both;
    max-width: 450px;
    padding: 0.2em 0 0;
    line-height: 1.1
}

table.listview.order_lines .description span {
    font-family: arial, helvetica;
    font-size: 14px !important;
    font-weight: 500
}

table.listview.order_lines .description details {
    padding: 0.5em 0 0.1em
}

table.listview.order_lines .ml_labelgroup {
    float: right;
    margin-right: 10px
}

table.listview.order_lines .ml_labelgroup>* {
    display: inline-block;
    width: 80px
}

table.listview.order_lines .ml_labelgroup>.discount_code {
    width: 100px
}

table.listview.order_lines table.embedded td,table.listview.order_lines table.embedded th {
    border: none;
    height: 1.8em
}

table.listview.order_lines table.embedded td {
    padding: 1px 2px
}

@media (max-width: 600px) {
    table.listview.order_lines table.embedded.guestlist {
        overflow:visible
    }
}

table.listview.order_lines table.embedded.guestlist td {
    border: none;
    padding: 0 2px 0 2px;
    line-height: 1em;
    height: 1em
}

table.listview.order_lines tr td {
    border-left: none;
    border-right: none
}

table.listview.order_lines tr th {
    border-bottom: 1px solid var(--site-form-label-color);
    border-top: none
}

table.listview.order_lines td {
    height: auto;
    background: none;
    vertical-align: top;
    padding: 0.5em 0.6em
}

table.listview.order_lines td.quantity {
    padding-left: 0.4em
}

table.listview.order_lines tr.line td {
    border-bottom: 1px solid #ccc
}

table.listview.order_lines tr.line td.separator {
    background-image: linear-gradient(var(--site-button-background-colors));
    color: var(--site-button-text-color)
}

body.door_checkin table.listview.order_lines tr.line td.separator {
    background-image: linear-gradient(grey, black);
    color: #ececec
}

table.listview.order_lines tr.line td.separator .description {
    max-width: unset
}

table.listview.order_lines tr.borderless td {
    border: none
}

table.listview.order_lines td.unit_price,table.listview.order_lines th.unit_price {
    display: none
}

table.listview.order_lines select.discount_code {
    min-width: 8em;
    max-width: 100px
}

table.listview.order_lines #order_total,table.listview.order_lines #order_sales_tax,table.listview.order_lines #order_total_with_tax,table.listview.order_lines #points-required {
    padding-right: 0.5em
}

table.listview.order_lines select.qty {
    box-shadow: inset 0px 0px 2px rgba(50,50,50,0.8)
}

table#message_list.listview {
    width: 100%
}

table#message_list.listview .body {
    max-height: 5em;
    word-break: break-all;
    overflow: hidden
}

table#message_list.listview .sent .strut {
    min-width: 40px
}

table#message_list.listview tr.replied div.check_reply {
    background-image: url(/images/general/replied.png);
    background-position: 0 100%;
    background-repeat: no-repeat;
    height: 30px
}

table#message_list.listview td.data.from_to {
    line-height: 14px
}

table#message_list.listview td.data.from_to a {
    word-break: break-all
}

table#message_list.listview tr.unread td.data {
    font-weight: bold
}

table#message_list.listview tr.unread td.data a {
    font-weight: bold
}

table#message_list.listview #select_all_check_box {
    margin-top: 5px
}

table.listview.plans td:not(.l1) {
    width: 100vw
}

table.listview.plans .thumb-container.has-medallions {
    margin-top: 1em
}

table.listview.plans .planinfo>div {
    padding: 0 0 0.4em;
    line-height: 1.15
}

table.listview.plans .planinfo .plan_name {
    padding-top: 0.8em;
    font-size: 110%;
    font-weight: bold
}

table.listview.plans .planinfo .event,table.listview.plans .planinfo .location {
    font-weight: 600
}

table.listview.plans .planinfo .buttons {
    padding-top: 0.6em;
    height: 3em
}

table.listview.plans .planinfo .buttons .edit {
    float: left
}

table.listview.plans .planinfo .buttons .delete {
    float: right
}

.order-id-status {
    font-size: 18px;
    text-align: center
}

.event-order-details {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 5px 5px
}

.event-order-details hr {
    display: block;
    height: 2px;
    border: 0;
    border-top: 2px solid black;
    margin: 1em 0;
    padding: 0;
    width: 100%
}

@media (min-width: 442px) {
    .event-order-details hr {
        display:none
    }
}

@media (max-width: 441px) {
    .event-order-details .order-other-details {
        display:flex;
        flex-wrap: wrap
    }
}

.event-order-details .order-other-details label.label {
    display: inline-block;
    margin-bottom: 3px;
    text-align: right;
    width: 65px;
    margin-right: 5px
}

.event-order-details .order-other-details span {
    margin-left: 10px
}

.event-order-details .order-other-details span.label {
    margin-left: 0
}

.order_header .member-contact-info,.order_header .member-phone-info,.order_header .promoter-info,.order_header .member-notes {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.order_header .member-contact-info .ml_field,.order_header .member-phone-info .ml_field,.order_header .promoter-info .ml_field,.order_header .member-notes .ml_field {
    display: flex;
    flex-direction: column;
    margin: 5px
}

.order_header .member-contact-info .ml_field label,.order_header .member-phone-info .ml_field label,.order_header .promoter-info .ml_field label,.order_header .member-notes .ml_field label {
    text-align: left
}

.order_header .member-contact-info .ml_field input,.order_header .member-phone-info .ml_field input,.order_header .promoter-info .ml_field input,.order_header .member-notes .ml_field input {
    width: 300px
}

.order_header .member-contact-info .ml_field select,.order_header .member-phone-info .ml_field select,.order_header .promoter-info .ml_field select,.order_header .member-notes .ml_field select {
    width: 300px
}

.order_header .member-contact-info .ml_field textarea,.order_header .member-phone-info .ml_field textarea,.order_header .promoter-info .ml_field textarea,.order_header .member-notes .ml_field textarea {
    width: 100%
}

.order_header #promo_code_fields {
    display: flex;
    flex-direction: row;
    height: 40px;
    margin-left: 5px;
    padding-bottom: 10px;
    position: relative
}

.order_header #promo_code_fields .overlay a {
    position: absolute;
    left: 0;
    top: -3px;
    width: 350px;
    text-align: center
}

.order_header #promo_code_fields a#apply_promo_code_button {
    margin-left: 8px;
    padding: 6px
}

.order_header #promo_code_fields input {
    height: 100%
}

.order_header #promo_code_fields span {
    padding: unset
}

@media (max-width: 600px) {
    table.listview.order_lines {
        border:none
    }

    table.listview.order_lines select.discount_code {
        min-width: unset;
        margin: 4px
    }

    table.listview.order_lines td.product .ml_fieldgroup {
        float: none;
        width: 180px;
        display: grid;
        grid-template-columns: 80px 100px;
        align-items: center
    }

    table.listview.order_lines td.product .ml_fieldgroup .ml_field {
        display: contents
    }

    table.listview.order_lines td.product .ml_fieldgroup .ml_field>label {
        display: inline-block;
        width: auto;
        margin-bottom: 0;
        text-align: left;
        margin-left: 8px
    }

    table.listview.order_lines td.product .ml_fieldgroup .ml_field>*:not(label) {
        text-align: left
    }

    table.listview.order_lines td.product .ml_fieldgroup .ml_field>.ml_fieldvalue {
        text-align: right;
        padding-right: 0.3em
    }

    table.listview.order_lines .ml_labelgroup {
        display: none
    }

    table#contact_list .thumb,table#contact_list .category,table#contact_list .location,table#contact_list .email_phone,table#contact_list .created_on,table#contact_list .settings {
        display: none
    }

    .payments_container,.order_lines_container {
        overflow-x: auto
    }

    .order_header .ml_field .ml_field_contents>* {
        max-width: 250px
    }
}

.mobile_app_header {
    background: var(--site-menu-background);
    color: var(--site-menu-text-color);
    padding: 12px 20px;
    text-align: center;
    position: relative;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    z-index: 6000;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    display: flex;
    margin: 10px
}

.mobile_app_header .mobile_app_content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    max-width: 600px;
    margin: 0 auto
}

.mobile_app_header .mobile_app_content span {
    font-weight: 500;
    font-size: 14px;
    color: var(--site-menu-text-color)
}

.mobile_app_header .mobile_app_content .learn_more_link {
    color: var(--site-menu-text-color);
    text-decoration: underline;
    font-weight: 500;
    font-size: 14px
}

.mobile_app_header .mobile_app_content .learn_more_link:hover {
    color: var(--site-menu-text-color);
    text-decoration: none;
    opacity: 0.8
}

.mobile_app_header .mobile_app_content .close_mobile_header {
    color: var(--site-menu-text-color);
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    padding: 0 8px;
    border-radius: 50%;
    transition: background-color 0.2s ease
}

.mobile_app_header .mobile_app_content .close_mobile_header:hover {
    background-color: rgba(255,255,255,0.2);
    color: var(--site-menu-text-color)
}

@media (max-width: 768px) {
    .mobile_app_header {
        padding:10px 15px
    }

    .mobile_app_header .mobile_app_content {
        gap: 10px
    }

    .mobile_app_header .mobile_app_content span {
        font-size: 13px
    }

    .mobile_app_header .mobile_app_content .learn_more_link {
        font-size: 13px
    }
}

body.newsfeed .rightside {
    padding: 0.4em 0
}

#newsfeed * {
    word-break: break-word
}

#newsfeed #mentions_picker,#newsfeed #hashtags_picker {
    margin-top: -2.8em;
    left: calc(100px + 1.3em) !important
}

#newsfeed #mentions_picker input,#newsfeed #hashtags_picker input {
    max-width: 42vw
}

#newsfeed #newsfeed_filters.active {
    color: var(--site-menu-text-color);
    background: var(--site-menu-background)
}

#newsfeed #hashtags #guidelines,#newsfeed #mentions #guidelines {
    display: none
}

#newsfeed .item-row {
    display: grid;
    position: relative;
    grid-template-columns: 90px 3fr;
    width: 100%;
    padding: 0.7vw 1.4vw 1.2vw;
    text-align: left;
    background-color: var(--site-content-background-color);
    box-shadow: inset 0 3px 5px -2px rgba(0,0,0,0.4)
}

#newsfeed #guidelines.item-row {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    display: block
}

#newsfeed #guidelines.item-row.show .guidelines {
    display: block
}

#newsfeed #guidelines.item-row .guidelines {
    display: none
}

#newsfeed .item-row:nth-child(even) {
    background-color: var(--site-content-alt-row-bg-color)
}

#newsfeed .item-row .item-updated .when {
    font-size: 0.7em;
    line-height: 1.1
}

#newsfeed .item-row .item-updated .member.thumb {
    margin-right: 0.6em
}

#newsfeed .item-row .item-updated .member.thumb img.small_thumb {
    margin: 0.15em 0;
    max-width: 100%;
    height: 100px;
    width: 80px;
    object-fit: cover;
    object-position: top center
}

#newsfeed .item-row .item-updated .member.thumb a.member_name {
    word-wrap: break-all;
    line-height: 1;
    display: block
}

#newsfeed .item-row .item-block .passkey-warning {
    display: block;
    clear: both;
    font-size: 70%;
    padding: 0.3em 0
}

#newsfeed .item-row .item-block .item-controls {
    position: relative;
    text-align: right;
    margin-bottom: 0.2em;
    padding-left: 54px
}

#newsfeed .item-row .item-block .item-controls.pinned a.pin:before {
    transform: rotate(0deg) translate(0, -10px)
}

#newsfeed .item-row .item-block .item-controls>* {
    display: inline-block
}

#newsfeed .item-row .item-block .item-controls .icon_button.delete,#newsfeed .item-row .item-block .item-controls .icon_button.edit {
    position: absolute;
    top: auto;
    left: 15px;
    transform: translateX(-50%);
    opacity: 0.7;
    font-size: smaller;
    margin-top: 3px;
    color: var(--site-content-text-color)
}

.ml-homegrid #newsfeed .item-row .item-block .item-controls .icon_button.delete,.ml-logged-in-home #newsfeed .item-row .item-block .item-controls .icon_button.delete,.ml-homegrid #newsfeed .item-row .item-block .item-controls .icon_button.edit,.ml-logged-in-home #newsfeed .item-row .item-block .item-controls .icon_button.edit {
    color: var(--site-main-text-color)
}

#newsfeed .item-row .item-block .item-controls .icon_button.edit {
    left: 40px
}

#newsfeed .item-row .item-block .item-controls .icon_button.delete::before,#newsfeed .item-row .item-block .item-controls .icon_button.edit::before {
    top: auto;
    bottom: 0;
    transform: translateX(-50%)
}

#newsfeed .item-row .item-block .item-controls .icon_button.edit::before {
    bottom: -1px
}

#newsfeed .item-row .item-block .item-controls .item-type {
    font-weight: 500;
    margin-right: 0.2em
}

#newsfeed .item-row .item-block .item-controls .content-rating-badge {
    font-size: 0.7em;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.04em;
    padding: 0.25em 0.45em;
    margin-right: 0.4em;
    border-radius: 3px;
    border: 1px solid currentcolor;
    opacity: 0.6;
    position: relative;
    bottom: 2px
}

#newsfeed .item-row .item-block .item-controls .content-rating-badge.r,#newsfeed .item-row .item-block .item-controls .content-rating-badge.x {
    opacity: 1;
    color: white;
    background: rgba(180,30,30,0.85);
    border-color: transparent
}

#newsfeed .item-row .item-block .item-content {
    position: relative;
    background-color: rgba(0,0,0,0.07);
    border-radius: 8px;
    padding: 0.5em 0.9em 0.5em 0.9em;
    min-height: 4em;
    line-height: 1.3;
    text-align: left
}

#newsfeed .item-row .item-block .item-content .type {
    float: right;
    padding: 0 0.3em 0.1em;
    border-radius: 3px;
    margin-bottom: 0.2em;
    background: rgba(0,0,0,0.2)
}

#newsfeed .item-row .item-block .item-content .title {
    margin: 0.2em 0 0.3em;
    text-indent: -0.3em
}

#newsfeed .item-row .item-block .item-content .message .photo.true-ratio[data-play_button=true] {
    position: relative;
    width: fit-content
}

#newsfeed .item-row .item-block .item-content .message .photo.true-ratio[data-play_button=true]::before {
    content: '\f04b';
    position: absolute;
    font-family: FontAwesome;
    color: white;
    font-size: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.7;
    pointer-events: none
}

#newsfeed .item-row .item-block .item-content .photo.flash_image {
    display: inline-block
}

#newsfeed .item-row .item-block .item-content .photo {
    float: left;
    margin: 0.4em 1.2vw 1.5vw 0
}

#newsfeed .item-row .item-block .item-content .photo .caption {
    transform: unset;
    position: static;
    height: unset;
    font-size: 80%;
    color: currentcolor
}

#newsfeed .item-row .item-block .item-content .photo img.large_thumb,#newsfeed .item-row .item-block .item-content .photo video.large_thumb,#newsfeed .item-row .item-block .item-content .photo .caption {
    max-width: 160px
}

body.ml_sidemenu #newsfeed .item-row .item-block .item-content .photo img.large_thumb,body.ml_sidemenu #newsfeed .item-row .item-block .item-content .photo video.large_thumb,body.ml_sidemenu #newsfeed .item-row .item-block .item-content .photo .caption {
    max-width: 140px
}

@media (max-width: 600px) {
    body.ml_sidemenu #newsfeed .item-row .item-block .item-content .photo img.large_thumb,body.ml_sidemenu #newsfeed .item-row .item-block .item-content .photo video.large_thumb,body.ml_sidemenu #newsfeed .item-row .item-block .item-content .photo .caption {
        max-width:120px
    }
}

@media (max-width: 400px) {
    body.ml_sidemenu #newsfeed .item-row .item-block .item-content .photo img.large_thumb,body.ml_sidemenu #newsfeed .item-row .item-block .item-content .photo video.large_thumb,body.ml_sidemenu #newsfeed .item-row .item-block .item-content .photo .caption {
        max-width:100px
    }
}

#newsfeed .item-row .item-block .item-content .photo video.large_thumb {
    max-height: 175px
}

#newsfeed .item-row .item-block .item-content .photo~.item-postbody {
    padding-top: 0.5em
}

#newsfeed .item-row .item-block .item-content .text {
    cursor: pointer
}

#newsfeed .item-row .item-block .item-content .item-postbody {
    display: block
}

#newsfeed .item-row .item-block .item-content .thumb-container {
    margin: 4px
}

#newsfeed .item-row .item-block .item-content>.icon_button.abuse {
    position: absolute;
    bottom: -1px;
    right: -15px
}

#newsfeed .item-row .item-block .item-content>.icon_button.abuse::before {
    font-size: 1.0em
}

@media (max-width: 600px) {
    #newsfeed .item-row {
        padding:0.8em 0.6em
    }
}

#newsfeed.homepage_widget {
    padding: 0 0 15px
}

body:not(.ml_sidemenu) #newsfeed.homepage_widget {
    margin-left: 1.2vw
}

#newsfeed.homepage_widget #newsfeed-items .caption a {
    color: var(--site-content-link-color)
}

#newsfeed.homepage_widget #newsfeed-items *:not(.ml_button):not(.caption)>a {
    color: var(--site-main-link-color)
}

#newsfeed.homepage_widget .icon_button.delete {
    color: #ccc
}

#newsfeed.homepage_widget .icon_button.delete:hover {
    color: #eee
}

#newsfeed.homepage_widget>.title::after {
    content: unset
}

#newsfeed.homepage_widget .item-row {
    box-shadow: inset 0 3px 5px -2px rgba(0,0,0,0.4);
    background-color: transparent
}

#newsfeed.homepage_widget .item-row .item-content {
    background-color: rgba(255,255,255,0.25)
}

#newsfeed.homepage_widget .item-row .item-content .like-buttons::before {
    color: var(--site-main-text-color)
}

#newsfeed.homepage_widget .item-row::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--site-main-text-color);
    opacity: 0.2
}

#newsfeed.homepage_widget .item-row:nth-child(even)::after {
    opacity: 0.3
}

#newsfeed.homepage_widget .item-row:nth-child(even) .item-content {
    background-color: rgba(255,255,255,0.2)
}

#newsfeed.homepage_widget .member.thumb>a.member_name {
    color: var(--site-main-link-color)
}

#edit_post_flyout .edit-post-body {
    box-shadow: inset 0px 1px 5px rgba(0,0,0,0.4);
    background-color: white;
    margin-bottom: 0.8em
}

#edit_post_flyout .edit-post-body #edit-post-input {
    color: black;
    display: block;
    width: 100%;
    min-height: 8em;
    max-height: 45vh;
    overflow-y: auto;
    padding: 0.5em 0.6em
}

#edit_post_flyout .edit-post-body #edit-post-input:focus {
    outline: none
}

#edit_post_flyout .content-rating {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5em;
    padding: 4px 2px
}

#edit_post_flyout .content-rating .label {
    font-size: 0.85em;
    opacity: 0.8
}

#edit_post_flyout .edit-post-attachment {
    display: flex;
    align-items: center;
    gap: 0.6em;
    padding-top: 0.8em
}

#edit_post_flyout .edit-post-attachment .note {
    font-size: 0.8em;
    opacity: 0.7
}

#edit_post_flyout .edit-post-save {
    padding-top: 1.2em
}

#payment_flyout {
    min-width: 420px
}

#payment_flyout>* {
    vertical-align: top
}

#payment_flyout .secure_message {
    display: inline-block
}

#payment_flyout #payment_form {
    display: inline-block
}

@media (max-width: 570px) {
    #payment_flyout .secure_message,#payment_flyout #payment_form {
        display:block;
        float: none
    }

    #payment_flyout #payment_form table,#payment_flyout .secure_message #note {
        margin: auto
    }
}

#payment_buttons {
    border: 2px solid var(--site-form-label-color);
    margin-top: 10px;
    display: inline-block;
    padding: 5px 5px 5px 12px
}

#payment_buttons .red.boldtext {
    margin-bottom: 5px
}

#payment_buttons .ml_button a:not(.icon_button),#payment_buttons .ml_button input,#payment_buttons input.ml_button,#payment_buttons a.ml_button {
    padding: 0.5em 0.7em
}

#payment_buttons .checkout {
    display: inline-block;
    font-weight: bold;
    text-align: center
}

#payment_buttons .cash-field {
    display: inline-block
}

#payment_buttons img {
    vertical-align: top;
    height: 30px
}

#payment_buttons input#cash {
    background: white
}

#paynow_button {
    display: inline-block;
    margin-right: 8px;
    margin-left: 8px
}

#swipe_fields {
    position: relative
}

#swipe_mask {
    position: absolute;
    top: 5px;
    left: 1px;
    background-color: white;
    z-index: 200;
    height: 16px;
    width: 138px;
    display: none
}

table#paymenttable td.label {
    width: auto
}

table#paymenttable tr.mode>td {
    padding-bottom: 8px;
    padding-top: 8px
}

table#paymenttable tr.mode>td.value input {
    margin-left: 5px
}

table#paymenttable tr.mode input[type='radio'] {
    margin-right: 0
}

table#paymenttable tr.mode input[type='radio']:last-child {
    margin-left: 15px
}

table#paymenttable tr.swipe,table#paymenttable tr.saved {
    display: none
}

table#paymenttable tr.entry {
    display: table-row
}

table#paymenttable.swipe tr.entry,table#paymenttable.swipe tr.saved {
    display: none
}

table#paymenttable.swipe tr.swipe {
    display: table-row
}

table#paymenttable.saved tr.swipe,table#paymenttable.saved tr.entry {
    display: none
}

table#paymenttable.saved tr.saved {
    display: table-row
}

table#payment_schedule.listview {
    margin: 0 0 5px 0;
    width: 100%
}

table#payment_schedule.listview td.data {
    min-width: 80px;
    max-width: 100px
}

table#payment_schedule.listview .hr {
    margin: 0 0 3px 0
}

table#payment_schedule.listview .plan_description {
    padding: 0 10px;
    line-height: 16px
}

body:not(.mobile) #payment_schedule td,body:not(.mobile) #payment_schedule th {
    line-height: 12px;
    height: 16px;
    min-width: 5px;
    vertical-align: baseline
}

body:not(.mobile) #payment_schedule td.fill {
    width: 50%
}

body:not(.mobile) #payment_schedule td:not(.data) {
    min-width: 10px
}

body:not(.mobile) #payment_schedule tr.headings th {
    vertical-align: bottom
}

body:not(.mobile) #payment_schedule tr.headings td.fill {
    vertical-align: top
}

body:not(.mobile) #payment_schedule tr.totals td {
    height: auto;
    vertical-align: top
}

body.mobile #payment_schedule td.data {
    min-width: 60px
}

body.mobile #payment_schedule td:not(.data) {
    min-width: 5px
}

body.mobile #payment_schedule tr.totals td .hr {
    display: none
}

.steps {
    vertical-align: bottom;
    font-size: 16px
}

.steps .step {
    color: var(--site-content-label-color)
}

.update .steps .step {
    color: var(--site-form-label-color)
}

.steps .step.selected {
    font-weight: bold
}

.update .steps .step.selected {
    color: var(--site-form-text-color)
}

.steps img {
    margin-bottom: 3px;
    margin-right: -1px
}

.saved_cards {
    border: 1px solid;
    padding: 5px;
    display: inline-block
}

.saved_cards table tr {
    background: none !important
}

.saved_cards table td.data {
    padding-right: 10px
}

body#bodyElement .refund .ml_button.center {
    margin: 0;
    padding: 0
}

body#bodyElement .refund .ml_button.center a {
    font-size: 10px;
    margin-right: -12px;
    padding: 3px
}

#paymenttable {
    text-align: left
}

#paypal_container {
    position: relative;
    top: -7px;
    display: inline-block;
    text-align: center
}

#paypal_button {
    border: none;
    text-decoration: none;
    background: none
}

#paypal_button img {
    vertical-align: top;
    height: 32px
}

#no_paypal {
    position: relative;
    top: 5px;
    vertical-align: top;
    display: inline;
    margin-left: 10px;
    border: 1px outset grey;
    background-color: #ffbf59;
    color: #003362;
    font-size: 15px;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 12px;
    font-style: italic
}

#no_paypal_click_here {
    display: none;
    border: 6px outset grey;
    border-radius: 8px;
    position: absolute;
    bottom: 45px;
    left: -320px;
    z-index: 3000
}

#no_paypal:hover #no_paypal_click_here {
    display: block
}

#paypal_message {
    display: none;
    background-color: white;
    color: black;
    position: fixed;
    top: calc(50% + 45px);
    left: calc(50% - 149px);
    width: 320px;
    padding: 10px
}

html.printable #outerWrapper,html.printable .rightside {
    min-height: 0 !important
}

html.printable #payment_buttons {
    display: none
}

html.printable body#bodyElement {
    background: white
}

html.printable body#bodyElement #im_container,html.printable body#bodyElement #ml_header,html.printable body#bodyElement #login_logout,html.printable body#bodyElement #ml_footer,html.printable body#bodyElement td.confirm,html.printable body#bodyElement th.confirm,html.printable body#bodyElement .sidenav,html.printable body#bodyElement span.help,html.printable body#bodyElement .ml_field_help,html.printable body#bodyElement .red {
    display: none !important
}

html.printable body#bodyElement .rightside table.listview td,html.printable body#bodyElement .rightside table.listview th {
    background-color: white !important
}

html.printable body#bodyElement .ml_button a,html.printable body#bodyElement body .ml_button a,html.printable body#bodyElement #paynow_button,html.printable body#bodyElement #payment_buttons .red.boldtext {
    display: none !important
}

html.printable body#bodyElement .rightside {
    margin-left: 0;
    left: 0;
    color: black;
    background: white;
    width: 100%
}

html.printable body#bodyElement a {
    color: black
}

html.printable body#bodyElement .label {
    color: #333
}

html.printable body#bodyElement table.order_list td.edit,html.printable body#bodyElement table.order_list td.delete,html.printable body#bodyElement table.order_list td.notify,html.printable body#bodyElement table.order_list th.edit,html.printable body#bodyElement table.order_list th.delete,html.printable body#bodyElement table.order_list th.notify {
    display: none
}

html.printable body#bodyElement table.listview.chargebacks tr th:first-child,html.printable body#bodyElement table.listview.chargebacks tr td:first-child {
    display: none
}

@media print {
    *,*:before,*:after {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

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

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

    thead {
        display: table-header-group
    }

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

    img {
        max-width: 100% !important
    }

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

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

    .navbar {
        display: none
    }

    .btn>.caret,.dropup>.btn>.caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,.table th {
        background-color: #fff !important
    }

    .table-bordered th,.table-bordered td {
        border: 1px solid #ddd !important
    }
}

table.fieldset {
    font-size: 90%;
    border-collapse: separate;
    border-spacing: 0 0.4em
}

table.fieldset td:first-child:not([colspan]) {
    padding-left: 0.3rem;
    padding-right: 0.3rem
}

table.fieldset table.fieldset {
    font-size: inherit
}

table.fieldset>tbody>tr>td {
    vertical-align: baseline
}

table.fieldset>tbody>tr>td.title {
    font-size: 175%;
    border-collapse: separate;
    border-bottom: 1px solid #bbbbbb
}

table.fieldset>tbody>tr>td.subtitle {
    font-weight: bold;
    border-collapse: collapse;
    border-bottom: 1px solid #bbbbbb
}

table.fieldset>tbody>tr>td.label {
    white-space: unset;
    line-height: 1.15;
    font-size: inherit;
    font-weight: 600
}

table.fieldset>tbody>tr>td.label .icon_button {
    padding-left: 1.3rem
}

table.fieldset>tbody>tr>td.label *:not(.icon_button) {
    vertical-align: inherit
}

table.fieldset>tbody>tr>td.label:first-child {
    width: 120px;
    text-align: right;
    font-weight: 600;
    padding-right: 4px
}

section.profile table.fieldset>tbody>tr>td.label:first-child {
    max-width: 14em
}

table.fieldset>tbody>tr>td.label.top {
    padding-top: 0.5em
}

.update table.fieldset>tbody>tr>td.label {
    color: var(--site-form-label-color);
    vertical-align: middle
}

table.fieldset>tbody>tr>td.value {
    font-size: inherit
}

table.fieldset>tbody>tr>td.value.top .ml-label-input-pair {
    margin-top: 0
}

table.fieldset>tbody>tr>td.value #site_referral_fee_percent {
    margin-right: 0.1em
}

table.fieldset>tbody>tr>td.value>a.create {
    margin-left: 1.5em
}

table.fieldset>tbody>tr>td.value span.label {
    font-weight: 600;
    margin-right: 0
}

table.fieldset>tbody>tr.set-to-middle>td.label {
    vertical-align: middle;
    position: relative
}

table.fieldset>tbody>tr.set-to-middle.tall>td.value {
    padding-top: 0.2em;
    padding-bottom: 0.5em
}

table.fieldset>tbody .ml_button input {
    color: var(--site-button-text-color);
    max-width: none !important
}

table.fieldset>tbody>tr.subheading-row>* {
    vertical-align: baseline;
    font-size: inherit
}

table.fieldset>tbody>tr.subheading-row>td {
    font-size: 110%;
    text-align: left;
    color: var(--site-form-label-color);
    font-weight: 500 !important;
    letter-spacing: 1px;
    padding-top: 1em;
    padding-bottom: 0.4em
}

table.fieldset>tbody>tr.subheading-row>td .ml_field_help {
    margin-right: 1em
}

table.fieldset.colors {
    width: auto;
    border-spacing: 0;
    padding: 0;
    margin: 0 auto 0 0;
    border: 2px solid var(--site-form-alt-row-bg-color)
}

table.fieldset.colors tr:nth-child(even) td {
    background: var(--site-form-alt-row-bg-color)
}

table.fieldset.colors th {
    padding: 0.6em 0 0.4em;
    text-align: center;
    vertical-align: middle
}

table.fieldset.colors th:first-child {
    font-size: 1.1em;
    font-weight: bold;
    padding: 0 0 0 1em;
    line-height: 0.9
}

table.fieldset.colors th:first-child div {
    position: relative;
    padding-top: 0.4em;
    padding-bottom: 0.6em
}

table.fieldset.colors th:first-child div::before {
    content: '';
    position: absolute;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    width: 0;
    height: 0;
    right: 0;
    bottom: 0
}

table.fieldset.colors th:not(:first-child) {
    border-bottom: 2px solid black
}

table.fieldset.colors td {
    padding: 0.3em 1em 0.3em 0
}

table.fieldset.colors td.value {
    vertical-align: middle;
    text-align: center
}

table.fieldset.colors td.value input {
    border-radius: 2px;
    outline: 2px solid var(--site-form-label-color);
    margin: 0;
    padding-left: 1.3em;
    box-shadow: none;
    text-transform: lowercase
}

table.fieldset.colors td:first-child {
    padding-right: 0.4em !important;
    padding-left: 0.4em !important;
    min-width: 6em !important;
    width: unset;
    font-weight: bold;
    font-size: 90%;
    border-right: 2px solid black
}

table.fieldset.colors td:first-child+td {
    padding-left: 1em
}

table.fieldset.order .order_instructions {
    margin-left: 10px;
    margin-bottom: 10px
}

table.fieldset.order #points-required {
    margin-left: 0.3em
}

.label {
    display: inline;
    font-size: 90%;
    color: var(--site-content-label-color);
    white-space: nowrap;
    text-transform: capitalize
}

.label.lower {
    text-transform: lowercase
}

.label.small {
    font-size: 80%
}

.update .label {
    color: var(--site-form-label-color)
}

th.label,td.label {
    display: table-cell
}

a.label:hover,a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

#bodyElement span.label {
    display: inline-block
}

body.update table th {
    color: var(--site-form-label-color)
}

body.update td.value input[type='file'] {
    color: var(--site-form-text-color)
}

body.update.order .custom_attributes.fieldset {
    margin-bottom: 10px
}

table.show_header {
    margin-left: -0.2em;
    margin-top: 0.8em
}

table.show_header table {
    display: inline-block;
    vertical-align: top
}

table.show_header table.fieldset td {
    vertical-align: bottom;
    line-height: 1
}

table.show_header table td:first-child {
    padding-right: 5px
}

table.show_header tr.profile_field_headings td {
    padding: 10px 0 0 5px
}

tr.row-space {
    height: 8px
}

div.table {
    display: table
}

div.thead {
    display: table-header-group
}

div.tbody {
    display: table-row-group
}

div.table-row {
    display: table-row
}

div.table-heading {
    display: table-cell;
    font-weight: bold
}

div.table-cell {
    display: table-cell !important
}

body.ml_sidemenu form#event_form table.fieldset {
    margin: auto
}

body:not(.ml_sidemenu) form#event_form table.fieldset {
    float: left;
    max-width: 500px
}

form#event_form table.fieldset.leftcol {
    width: 350px
}

table#doorlist_table tr.selected {
    border: 3px solid red
}

table#doorlist_table span.search-container {
    display: inline-block;
    border: 1px solid;
    height: 24px;
    margin-left: 4px
}

table#doorlist_table span.search-container img.barcode {
    height: 100%;
    position: relative;
    top: -1px;
    margin-right: -5px
}

table#doorlist_table span.search-container input {
    width: 107px;
    padding: 0
}

.close_button {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px
}

.close_button::after,.close_button::before {
    background-color: var(--site-content-text-color);
    content: '';
    height: 25px;
    position: absolute;
    width: 2px;
    transform: rotate(45deg);
    top: 10px;
    right: 20px
}

.close_button::after {
    transform: rotate(-45deg)
}

.close_button::before {
    transform: rotate(45deg)
}

html.active-flyout,html.active-flyout body {
    overflow: hidden
}

.flyout_container {
    display: flex;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding-top: 50px;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.7);
    margin: 0;
    transition: opacity 0.4s ease-in, visibility 0s ease-in 0.4s, z-index 0s ease-in 0.4s
}

.flyout_container .flyout {
    transition: all 0.2s
}

.flyout_container.open {
    z-index: 6100;
    visibility: visible;
    opacity: 1;
    transition-delay: 0ms
}

#AddOneFlyout_container.flyout_container.open {
    z-index: 6050
}

#flyout_container.flyout_container.open {
    z-index: 6100
}

#flyout_container2.flyout_container.open {
    z-index: 6200
}

#flyout_container3.flyout_container.open {
    z-index: 6300
}

#webcam_container.flyout_container.open {
    z-index: 6400
}

#bigPicture.flyout_container.open {
    z-index: 6500
}

#flyout_container4.flyout_container.open {
    z-index: 7100
}

#ml_emoji_picker.flyout_container.open {
    z-index: 7200
}

#autoapply_cash_discount_container.flyout_container.open {
    z-index: 7500
}

.flyout_container::after,.flyout_container::before {
    background-color: lightgray;
    content: '';
    height: 25px;
    position: absolute;
    width: 2px;
    top: 8px;
    right: 20px;
    z-index: 5
}

.flyout_container::after {
    transform: rotate(-45deg)
}

.flyout_container::before {
    transform: rotate(45deg)
}

.flyout {
    position: relative;
    z-index: 100;
    top: 0;
    max-height: calc(100vh - 50px);
    max-width: calc(100vw - 60px);
    color: var(--site-content-text-color);
    margin: 0;
    background: var(--site-content-background-color);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 600px) {
    .flyout {
        position:relative;
        max-width: calc(100vw - 20px)
    }
}

.flyout.ml_recent .thumb-group-inner {
    padding-bottom: 140px
}

.flyout>.flyout-inner {
    padding: calc(1vw + 4px) calc(1vw + 2px) calc(1vw + 40px) calc(1vw + 4px);
    padding-right: calc(1vw + 2px)
}

.flyout #page_subtitle,.flyout .subtitle {
    color: var(--site-content-label-color);
    font-weight: 500;
    text-transform: capitalize
}

.flyout .label {
    text-align: left
}

.flyout.contact_card li.banned {
    color: red;
    font-size: 2em
}

.flyout.contact_card section.account-info-blocks {
    display: grid
}

.flyout.contact_card section.account-info-blocks article.cc-container {
    margin: 0.2em 0
}

.flyout.contact_card .fieldset td.label:first-child {
    width: 165px;
    min-width: 18vmin
}

.flyout.contact_card .fieldset td.respond {
    display: inline-block
}

.flyout.bottom {
    top: auto;
    bottom: 0
}

.flyout.update {
    background: var(--site-form-background-color);
    color: var(--site-form-text-color)
}

.flyout.update :not(.ml_button)>a:not(.ml_button) {
    color: var(--site-form-link-color)
}

.flyout.update .page_subtitle {
    color: var(--site-form-label-color)
}

.flyout.update a.close_button {
    color: var(--site-form-text-color)
}

.flyout:not(.update) :not(.ml_button)>a:not(.ml_button) {
    color: var(--site-content-link-color)
}

.flyout:not(.update) .label {
    color: var(--site-content-label-color)
}

body.update .flyout:not(.update) td.value {
    font-weight: normal
}

.flyout.click-close {
    cursor: pointer
}

.flyout.click-close::after,.flyout.click-close::before {
    background-color: #333;
    content: ' ';
    height: 14px;
    position: absolute;
    width: 2px;
    transform: rotate(45deg);
    top: 0;
    right: 3px
}

.flyout.click-close::after {
    transform: rotate(-45deg)
}

.flyout.click-close::before {
    transform: rotate(45deg)
}

#membership_status.flyout {
    max-width: 80vw;
    padding: 10px
}

#membership_flyout.flyout .flyout-inner {
    min-height: 315px;
    min-width: 350px
}

#mentions.flyout .mention_messages td.content {
    position: relative
}

#mentions.flyout .mention_messages td.content .timestamp {
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 0.8em
}

#template_flyout .fieldset td.label {
    width: 6em;
    min-width: 4em
}

#template_flyout .fieldset td.value input,#template_flyout .fieldset td.value textarea {
    width: 25em;
    max-width: 60vw;
    margin-right: 1em
}

#memberships_flyout {
    position: absolute;
    bottom: 24px;
    left: -7px;
    top: auto;
    width: 400px;
    z-index: 4500;
    overflow-x: hidden;
    border: 1px solid
}

#event_flyout {
    max-width: 900px
}

@media (max-width: 900px) {
    #event_flyout {
        max-width:calc(100vw - 16px)
    }
}

#order_flyout {
    min-width: 66vw
}

.flyout_note {
    float: right;
    color: red
}

.rightside {
    width: var(--site-menu-width);
    position: relative;
    padding: 0.4em
}

.update .rightside {
    color: var(--site-form-text-color)
}

body.agreement .rightside {
    padding: 2em
}

body.agreement .rightside #page_heading {
    font-size: 1.4em;
    padding: 0 0 1em
}

body.agreement .rightside #page_heading #page_title {
    display: block
}

body.align_left .rightside {
    width: auto;
    max-width: unset
}

.rightside .flash_note {
    max-width: none;
    color: red;
    position: relative;
    right: auto;
    left: 0;
    top: auto;
    margin-bottom: 0.5em
}

.rightside fieldset {
    border: none;
    width: auto
}

.rightside form ul li {
    margin-bottom: 0;
    margin-right: 0
}

.rightside form li,.rightside form p {
    margin-bottom: 10px;
    margin-right: 10px
}

.rightside form li label,.rightside form li .label,.rightside form p label,.rightside form p .label {
    font-weight: bold;
    width: 10em;
    margin-right: 10px;
    text-align: right
}

.rightside form li input,.rightside form li select,.rightside form p input,.rightside form p select {
    width: 150px
}

.rightside legend {
    color: #555555;
    font-weight: bold;
    margin: 0;
    padding: 2px 0
}

.rightside table.mceLayout {
    border: 1px grey inset;
    background-color: #fafafa
}

.rightside #show_message_body.invitation>div,.rightside td.mailing.text>div,.rightside .mailing_container>div {
    color: black;
    background-color: white
}

.rightside #show_message_body.invitation>div a:not(.icon_button),.rightside td.mailing.text>div a:not(.icon_button),.rightside .mailing_container>div a:not(.icon_button) {
    color: blue
}

.rightside.as li {
    padding-left: 0
}

.rightside.as li::before {
    content: ''
}

.rightside .active-scaffold {
    margin: 0
}

.rightside .active-scaffold form dd,.rightside .active-scaffold form dt,.rightside .active-scaffold form li {
    display: inline-block
}

.rightside .active-scaffold form label {
    margin-bottom: 0
}

.rightside .active-scaffold form input,.rightside .active-scaffold form select {
    color: black;
    width: auto
}

.rightside .active-scaffold .actions a {
    font-weight: normal;
    color: var(--site-content-link-color)
}

.rightside .active-scaffold li.form-element dt {
    padding: 0;
    text-align: right
}

.rightside .active-scaffold .checkbox-list li label {
    text-align: left;
    width: 12em
}

.ml_sidemenu .rightside {
    display: block;
    width: 100%;
    position: unset
}

.ml_sidemenu .rightside>span.red {
    top: 15px !important;
    left: 250px !important
}

.ml_sidemenu .rightside .rightdown .miniprofile {
    position: absolute;
    right: auto;
    left: 0;
    top: 40px;
    bottom: auto
}

.ml_sidemenu .rightside .rightup .miniprofile {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
    right: auto;
    margin: 0
}

.ml_sidemenu.as .rightside {
    overflow-x: unset;
    overflow-y: unset
}

.ml_sidemenu .rightside.help_page {
    margin: auto;
    left: unset;
    max-width: 100%;
    width: auto !important
}

.ml_sidemenu:not(.order) .rightside {
    overflow-x: auto;
    overflow-y: hidden
}

.thumb-group-container {
    padding: 0.4vw 1.1vw;
    position: relative
}

.thumb-group-container .thumb-group-name {
    width: 7.5em;
    margin: 0.5em 0 0.5em 0;
    text-align: right
}

.newpics .thumb-group-container .thumb-group-name {
    width: 100%;
    margin: 5px;
    height: auto;
    border-bottom: 1px solid grey;
    text-align: left
}

.thumb-group-container .thumb-group-name .ml_container1 {
    position: relative;
    top: 0
}

.thumb-group-container .thumb-group-name .ml_container1 .ml_container2 {
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 7.5em
}

.thumb-group-container .thumb-group-name a.request_access {
    font-size: 10px;
    position: relative;
    top: -3px
}

.thumb-group-container.hotpics .thumb-group-name {
    width: 100%;
    margin: 5px;
    height: auto;
    border-bottom: 1px solid grey;
    text-align: left
}

.thumb-group-container .thumb-group-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-evenly;
    width: 100%;
    height: auto;
    overflow: visible;
    padding-bottom: 0
}

.thumb-group-container .thumb-group-inner.center {
    align-items: center
}

.thumb-group-container .thumb-group-inner .thumb-container {
    text-align: center
}

#show_venue .thumb-group-container .thumb-group-inner {
    justify-content: unset;
    align-items: baseline
}

#profile_pics_flyout .thumb-group-container .thumb-group-inner {
    justify-content: unset;
    align-items: center
}

#profile_pics_flyout .thumb-group-container .thumb-group-inner .thumb-container {
    background: none
}

#profile_pics_flyout .thumb-group-container .thumb-group-inner img {
    margin: 10px
}

.homepage_widget .thumb-group-container {
    align-items: baseline
}

.carousel-inner .thumb-group-container {
    padding: 0
}

.thumb-container {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    font-size: 90%;
    line-height: 1.1
}

.thumb-container .no-image a {
    color: #707 !important
}

.thumb-container.event {
    padding-bottom: 0
}

.thumb-container.event .caption {
    position: relative;
    height: auto;
    display: grid;
    grid-template-rows: auto 1fr auto;
    align-items: center
}

.thumb-container.event .caption .buttons {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap
}

.thumb-container.event .caption .buttons a {
    margin-right: 0
}

.thumb-container.event .caption .event_name {
    font-weight: 700;
    font-size: 1.3em;
    line-height: 1.1;
    margin: 0.3em 0;
    padding-left: 0.1em;
    padding-right: 0.1em
}

.thumb-container.event .caption .tag_line {
    font-style: italic;
    font-size: 1.1em;
    padding-left: 0.1em;
    padding-right: 0.1em
}

.thumb-container.event .caption .venue_name,.thumb-container.event .caption .venue_city {
    font-weight: 600;
    margin: 0;
    padding-left: 0.1em;
    padding-right: 0.1em
}

.thumb-container.event .caption .venue_name+.venue_city::before {
    content: ', ';
    position: relative;
    left: -0.4em
}

.thumb-container.event.double_large .caption {
    width: 360px;
    max-width: 100%
}

.thumb-container.event.double_large .caption .event_name a {
    color: var(--site-content-link-color)
}

.homepage_widget.newsfeed .thumb-container.event.double_large .caption {
    max-width: 87vw
}

.thumb-container.event.large .caption {
    width: 180px
}

@media (max-width: 400px) {
    .thumb-container.event.large .caption {
        width:140px
    }
}

.thumb-container.photo {
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 4em
}

.personal-info .thumb-container.photo {
    margin-bottom: 1em
}

@media (max-width: 600px) {
    .thumb-container.photo img.large_thumb {
        max-width:140px
    }
}

@media (max-width: 400px) {
    .thumb-container.photo img.large_thumb {
        max-width:120px
    }
}

.thumb-container.photo img.double_large_thumb {
    height: auto;
    width: auto
}

.thumb-container.photo .caption {
    width: 100%;
    transform: translateY(100%);
    background: none
}

.thumb-container.photo .medallion.badge {
    position: absolute;
    top: 2px;
    left: 2px;
    background-position: 0 0;
    margin: 0;
    font-size: 16px;
    text-align: center
}

.thumb-container.photo a.icon_button {
    font-size: 100%
}

.thumb-container.photo a.icon_button.edit.mp3 {
    float: right;
    margin-right: -7px;
    margin-top: 4px
}

.thumb-container.photo .miniprofile>table td a {
    font-size: 16px
}

.thumb-container.photo .miniprofile>table td a.icon_button::before {
    font-size: 24px
}

.thumb-container.photo .miniprofile>a.icon_button {
    margin: 10px
}

.thumb-container.video.double_large_thumb video.wide {
    width: 1000px;
    max-width: 360px
}

.thumb-container.video.double_large_thumb video.tall {
    height: 1000px;
    max-height: 360px
}

.thumb-container.video:not(.not_ready):not(.error)>.arrow-frame {
    position: relative;
    width: fit-content
}

.thumb-container.video:not(.not_ready):not(.error)>.arrow-frame::before {
    content: '\f04b';
    position: absolute;
    font-family: FontAwesome;
    color: white;
    font-size: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.7;
    pointer-events: none
}

.thumb-container.small.member {
    padding-bottom: 2.5em
}

.thumb-container.large {
    margin: 5px 10px 10px 10px
}

.listview td .thumb-container.large {
    margin: 0
}

@media (max-width: 400px) {
    .thumb-container.large {
        margin-top:10px
    }
}

.thumb-container.large.member {
    padding-bottom: 2.5em
}

.thumb-container.large.member .caption {
    width: 144px
}

.thumb-container.large.member .miniprofile {
    min-width: 240px;
    min-height: 350px;
    height: auto;
    width: auto;
    top: -20px;
    left: 50%;
    transform: translateX(-50%)
}

.thumb-container.large.member .miniprofile:not(.autodate) .miniprofile {
    height: 300px
}

.thumb-container.double_large {
    margin: 10px
}

.thumb-container.double_large.autodate {
    padding-bottom: 7em
}

.thumb-container.double_large.autodate .caption {
    height: 7em
}

.thumb-container.double_large .miniprofile.member-mini {
    height: 375px
}

.thumb-container.double_large .screen-name {
    font-size: 1.3em
}

.thumb-container.fixed-ratio .caption {
    cursor: pointer
}

.thumb-container.fixed-ratio .no-image {
    height: 100%
}

.thumb-container.fixed-ratio .image_container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
    height: 300px;
    width: 240px;
    overflow: hidden
}

.thumb-container.fixed-ratio .image_container img,.thumb-container.fixed-ratio .image_container video {
    position: absolute;
    top: 0;
    min-width: 100%;
    min-height: 100%
}

.thumb-container.fixed-ratio .image_container img.tall,.thumb-container.fixed-ratio .image_container video.tall {
    height: auto;
    width: 100%
}

.thumb-container.fixed-ratio .image_container img.wide,.thumb-container.fixed-ratio .image_container video.wide {
    height: 100%;
    width: auto
}

.thumb-container.fixed-ratio.double_large {
    width: 300px
}

.thumb-container.fixed-ratio.double_large .image_container {
    width: 300px;
    height: 375px
}

.thumb-container.fixed-ratio.double_large img.wide {
    max-width: unset !important
}

.thumb-container.fixed-ratio.double_large img.tall {
    max-height: unset
}

.thumb-container.fixed-ratio.large {
    width: 144px
}

.thumb-container.fixed-ratio.large .image_container {
    width: 144px;
    height: 180px
}

.thumb-container.fixed-ratio.small {
    width: 80px
}

.thumb-container.fixed-ratio.small .image_container {
    width: 80px;
    height: 100px
}

.thumb-container.fixed-ratio.tiny {
    width: 48px
}

.thumb-container.fixed-ratio.tiny .medallion-container {
    display: flex;
    justify-content: center;
    transform: translateY(-5px)
}

.thumb-container.fixed-ratio.tiny .medallion-container .medallion {
    transform: scale(0.7)
}

.thumb-container.fixed-ratio.tiny .medallion-container+.image_container {
    margin-top: 8px
}

.thumb-container.fixed-ratio.tiny .image_container {
    width: 48px;
    height: 60px
}

.thumb-container.true-ratio .image_container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    height: 100%;
    width: auto
}

.thumb-container.true-ratio .image_container img {
    position: static
}

.thumb-container.true-ratio img.double_large_thumb {
    height: auto;
    width: 100%
}

.thumb-container.true-ratio img.double_large_thumb.landscape .member_card {
    height: 90%
}

.thumb-container.true-ratio img.double_large_thumb.landscape .member_card img.barcode {
    width: 60%
}

.thumb-container.true-ratio.photo img.double_large_thumb {
    height: auto;
    width: auto
}

.thumb-container.true-ratio.photo img.double_large_thumb.landscape {
    width: 1000px;
    max-width: 360px
}

.thumb-container.true-ratio.photo img.double_large_thumb.portrait {
    max-height: 360px;
    height: 1000px;
    max-width: 92vw
}

.thumb-container.true-ratio.double_large img.tall {
    min-height: 360px
}

.thumb-container.true-ratio.double_large .no-image {
    height: 240px;
    width: 200px
}

.thumb-container.true-ratio.double_large.event img.double_large_thumb {
    width: 360px;
    height: auto;
    max-height: unset;
    min-height: unset
}

.thumb-container.true-ratio.large img {
    width: 180px;
    height: auto
}

@media (max-width: 400px) {
    .thumb-container.true-ratio.large img {
        width:140px
    }
}

.thumb-container.true-ratio.large .no-image {
    height: 100px;
    width: 14vw
}

.thumb-container.true-ratio.small img.wide {
    min-width: 100px
}

.thumb-container.true-ratio.small img.tall {
    min-height: 100px
}

.thumb-container.true-ratio.small .no-image {
    height: 100px;
    width: 80px
}

.thumb-container.show-mp .medallion-container {
    display: none
}

.thumb-container.album,.thumb-container.group,.thumb-container.contact,.thumb-container.venue {
    padding-bottom: 2.4em
}

.thumb-container.group .image_container {
    cursor: pointer
}

.thumb-container.no-caption {
    padding-bottom: 0 !important
}

.thumb-container .caption {
    position: absolute;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    height: 2.5em;
    padding: 0.3em;
    font-size: 100%;
    line-height: inherit;
    text-align: left;
    hyphens: auto;
    color: var(--site-content-text-color);
    background: var(--site-content-background-alpha-color)
}

.thumb-container .caption.no-pic {
    background-color: #ececec
}

.thumb-container .caption a.screen-name {
    color: var(--site-content-link-color)
}

.thumb-container .caption .event_name,.thumb-container .caption .tag_line {
    hyphens: none
}

.thumb-container .caption span.category-icon {
    display: none;
    height: 1.4em;
    margin-left: 0.4em;
    margin-top: 1px;
    vertical-align: top
}

.thumb-container .caption span.category-icon::before,.thumb-container .caption span.category-icon::after {
    font: normal normal normal 1.2em / 1 FontAwesome;
    position: relative;
    top: 1px
}

.thumb-container .caption span.category-icon[data-mem-cat-id="1"] {
    display: inline-block
}

.thumb-container .caption span.category-icon[data-mem-cat-id="1"]::before {
    content: "\f182";
    color: #ee4faa
}

.thumb-container .caption span.category-icon[data-mem-cat-id="1"]::after {
    content: "\f183";
    color: #0ca5ff
}

.thumb-container .caption span.category-icon[data-mem-cat-id="2"] {
    display: inline-block
}

.thumb-container .caption span.category-icon[data-mem-cat-id="2"]::before {
    content: '\f183';
    color: #0ca5ff
}

.thumb-container .caption span.category-icon[data-mem-cat-id="3"] {
    display: inline-block
}

.thumb-container .caption span.category-icon[data-mem-cat-id="3"]::before {
    content: '\f182';
    color: #ee4faa
}

.thumb-container .caption .show-mp-button {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    padding: 0.3em 0.3em 0 0
}

.thumb-container .caption .show-mp-button::before {
    content: '\f142';
    font: normal normal normal 24px / 1 FontAwesome
}

.thumb-container .caption a.block_back {
    background-image: url(/assets/block_inactive.png);
    background-size: contain;
    height: 1.5em;
    width: 1.5em;
    position: absolute;
    right: 0
}

.thumb-container .caption a.block_back.blocked {
    background-image: url(/assets/block_active.png)
}

.thumb-container .image_container {
    background: #ececec;
    overflow: visible
}

.thumb-container .image_container img {
    cursor: pointer
}

.thumb-container .image_container img:not(.enlargeable) {
    cursor: unset
}

.thumb-container img {
    vertical-align: bottom
}

.thumb-container .no-image {
    width: 100%;
    height: 100%;
    background-color: #ececec;
    display: flex;
    justify-content: center;
    align-items: center;
    color: black
}

.thumb-container .no-image>* {
    position: absolute;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important
}

.thumb-container .no-image a {
    color: #707
}

.thumb-container.has-medallions {
    margin-top: 10px
}

.thumb-container .medallion-container {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: auto;
    transform: translateY(-50%);
    text-align: center
}

#venue_thumb .thumb-container {
    margin: 2px 0
}

#album_thumbs .thumb-container {
    padding-bottom: 2.3em
}

#album_thumbs .thumb-container .caption {
    padding-top: 0.1em
}

#album_thumbs .thumb-container .image_container.locked {
    background: #444
}

#album_thumbs .thumb-container .image_container.locked .ml_button {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 0;
    text-align: center
}

#album_thumbs .thumb-container .image_container.locked .ml_button a {
    margin: 0;
    line-height: 1;
    width: 100%
}

#album_thumbs .thumb-container .album_thumb_scroll {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer
}

#album_thumbs .thumb-container .album_thumb_scroll.access::after {
    content: "\f023";
    font-family: "FontAwesome";
    position: absolute;
    left: 50%;
    top: 26%;
    transform: translate(-50%, -50%);
    color: #c22;
    text-shadow: 0 0 2px black;
    font-size: 3.2em;
    text-align: center
}

#album_thumbs .thumb-container .badge-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    font-size: 80%
}

#album_thumbs .thumb-container .badge-box .counter {
    position: absolute;
    left: -0.8em;
    top: -0.8em;
    border-radius: 100%;
    padding: 0.4em 0.8em 0.4em 0.8em;
    background: #c22;
    color: white;
    border: 1px solid #666
}

#album_thumbs .thumb-container .badge-box .icon_button {
    position: absolute;
    right: 0px;
    top: -8px;
    padding: 0.2em 0.2em 0.1em 0.4em;
    background: #fff;
    color: #146d14;
    box-shadow: inset 0px 1px 4px 0px #999
}

#album_thumbs .thumb-container .badge-box .icon_button::before {
    position: static;
    font-size: 1.7em
}

#album_thumbs .thumb-container .badge-box .icon_button.locked {
    color: #c22
}

#album_thumbs {
    padding: 0 0.6em 1em 0.8em;
    padding-bottom: 1em;
    box-shadow: inset 0 0 49px rgba(200,200,200,0.7);
    border-radius: 0.8em
}

#album_thumbs .thumb-group-name {
    border: 0;
    margin: 0.5em 0
}

#album_thumbs .thumb-group-name::after {
    content: unset
}

a.thumb_fav_button {
    height: 16px;
    width: 16px;
    position: absolute;
    right: 4px;
    top: 2px;
    background-image: url(/assets/fav_inactive.png);
    background-size: 100% 100%;
    opacity: 0.5
}

a.thumb_fav_button.favorite {
    background-image: url(/assets/fav_active.png);
    opacity: 1
}

a.thumb_fav_button.favorite::before {
    font: normal normal normal 18px/1 FontAwesome;
    content: "\f005";
    color: yellow
}

#bigPicFlyout .main_pic .watermark,#bigPicFlyout img~.watermark,.double_large_thumb .main_pic .watermark,.double_large_thumb img~.watermark,.main-pic-block .main_pic .watermark,.main-pic-block img~.watermark {
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

#bigPicFlyout .main_pic .watermark::before,#bigPicFlyout img~.watermark::before,.double_large_thumb .main_pic .watermark::before,.double_large_thumb img~.watermark::before,.main-pic-block .main_pic .watermark::before,.main-pic-block img~.watermark::before {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: var(--site-watermark);
    background-size: 95% auto;
    background-position: center 45%;
    background-repeat: no-repeat;
    opacity: 0.2
}

.miniprofile {
    position: absolute;
    z-index: 2500;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: black;
    padding: 0.3vw 0;
    text-align: center;
    background: #ececec;
    overflow: hidden;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s
}

.thumb-container .miniprofile a {
    color: #707;
    display: inline-block
}

.thumb-container .miniprofile a.icon_button {
    padding-top: 0.3em;
    padding-right: 0.3em;
    padding-bottom: 0.3em
}

.thumb-container .miniprofile a.icon_button::before {
    font-size: 1.4em
}

.thumb-container.show-mp .miniprofile {
    visibility: visible !important;
    opacity: 1 !important
}

.thumb-container:hover .miniprofile.photo-mini {
    visibility: visible !important;
    opacity: 1 !important
}

.thumb-container.member .miniprofile {
    grid-template-rows: 1fr auto
}

.thumb-container.member .miniprofile .autodate {
    position: relative;
    bottom: unset;
    transform: unset
}

.thumb-container.member .miniprofile .autodate a.ml_field_help {
    width: 26px;
    padding: 0;
    margin: 0
}

.miniprofile .ml_button a,.miniprofile a.ml_button {
    color: white;
    background: #707
}

.miniprofile a {
    color: #707
}

.large.member .miniprofile,.ml_recent .large .miniprofile {
    display: grid;
    min-width: 240px;
    height: 350px;
    left: 50%;
    top: 14px;
    right: unset;
    bottom: unset;
    transform: translateX(-50%);
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.4)
}

.miniprofile .centering-box {
    position: absolute;
    width: 96%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.miniprofile a.edit,.miniprofile a.edit_account {
    position: absolute;
    left: 0;
    top: 6px
}

.miniprofile .close {
    position: absolute;
    right: 10px;
    top: 5px;
    height: 20px;
    opacity: 0.3;
    width: 20px
}

.miniprofile .close:before,.miniprofile .close:after {
    background-color: #333;
    content: ' ';
    height: 20px;
    left: 15px;
    position: absolute;
    width: 2px
}

.miniprofile .close:before {
    transform: rotate(45deg)
}

.miniprofile .close:after {
    transform: rotate(-45deg)
}

.miniprofile .mp-heading a {
    display: block;
    padding: 0.5em 5px 0.3em 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.miniprofile .ad_buttons {
    position: absolute;
    bottom: 5px;
    left: 3%;
    width: 94%;
    display: flex;
    justify-content: space-evenly;
    margin: 9px 0
}

.miniprofile .ad_buttons>div {
    margin: 0
}

@media (any-hover: none),(any-pointer: coarse) {
    .miniprofile a {
        padding-top:0.8em;
        padding-bottom: 0.8em
    }
}

#ml_header .ml_recent {
    display: none;
    z-index: 5000;
    position: fixed;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    overflow: visible;
    background: var(--site-menu-background)
}

#ml_header .ml_recent>* {
    padding: 0 25px
}

#ml_header .ml_recent.scroll-filmstrip {
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden
}

.recent #ml_header .ml_recent {
    display: block
}

.ml_recent.rightside .thumb-group-inner {
    justify-content: flex-start
}

.ml_recent .thumb-group-inner {
    align-items: flex-end
}

.ml_recent .thumb-group-inner .thumb-container {
    overflow: visible;
    margin-bottom: 20px
}

.ml_recent .miniprofile.event-mini {
    height: auto
}

.ml_recent .miniprofile.event-mini .mini-event {
    grid-template-rows: unset
}

.ml_recent .miniprofile.event-mini .mini-event .mp-heading {
    font-size: 1.5em
}

.ml_recent .miniprofile.event-mini .mini-event .links-list a {
    margin: 2px 1px
}

.ml_recent .miniprofile.member-mini .autodate {
    position: relative;
    bottom: unset;
    transform: unset
}

.ml_recent .miniprofile.member-mini .autodate a.ml_field_help {
    width: 26px;
    padding: 0;
    margin: 0
}

.ml_recent .miniprofile.member-mini .autodate .ad_buttons {
    position: unset
}

.miniprofile.event-mini {
    display: grid;
    align-content: center
}

.miniprofile.event-mini .mini-event .mp-heading {
    font-size: 1.5em
}

.miniprofile.event-mini .mini-event .mp-heading>* {
    display: inline-block;
    padding: 0.5em 0 0.2em
}

.miniprofile.event-mini .mini-event .event-details {
    display: grid
}

.miniprofile.event-mini .mini-event .event-details a:not(.icon_button) {
    font-size: 1.5em
}

.miniprofile.event-mini .mini-event .event-details .event-name a {
    padding: 0.1em 0
}

.miniprofile.event-mini .mini-event .event-details .venue a {
    margin-bottom: .1em;
    padding: 0.1em 0
}

.miniprofile.event-mini .mini-event .event-details .event-icon-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 8px 6px 0
}

.miniprofile.event-mini .mini-event .event-details .event-icon-buttons a.icon_button {
    font-size: 90%;
    padding: 0.3em
}

.miniprofile.event-mini .mini-event .event-details .event-icon-buttons a.icon_button::before {
    position: unset;
    top: unset;
    left: unset;
    transform: unset;
    font-size: 200%
}

.miniprofile.event-mini .mini-event .links-list {
    margin-top: 15px;
    border-top: 1px solid grey;
    padding: 15px 8px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly
}

.miniprofile.event-mini .mini-event .links-list .pre-pay-checkin {
    display: none
}

@media (max-width: 900px) {
    .miniprofile.event-mini .mini-event .links-list .pre-pay-checkin {
        display:contents
    }
}

.miniprofile.event-mini .mini-event .links-list>* {
    display: contents
}

.miniprofile.event-mini .mini-event .links-list a {
    color: white;
    padding: 6px 8px;
    border: 1px solid;
    margin: 4px 5px;
    border-radius: 5px
}

.miniprofile.member-mini .edit_account::before {
    font-size: 1.7em
}

.miniprofile.member-mini .mp-heading {
    font-size: 1.6em
}

.miniprofile.member-mini .mp-heading a {
    padding: 0.6em 24px 0.6em 28px
}

.miniprofile.member-mini .medallion {
    height: 16px;
    width: 140px;
    text-align: left;
    background-size: 16px;
    background-position: left;
    display: block;
    margin: 3px auto;
    padding: 0
}

.miniprofile.member-mini .medallion+.medallion {
    left: 17px
}

.miniprofile.member-mini .medallion+.medallion+.medallion {
    left: 34px
}

.miniprofile.member-mini .medallion+.medallion+.medallion+.medallion {
    left: 51px
}

.miniprofile.member-mini .medallion+.medallion {
    left: 17px
}

.miniprofile.member-mini .medallion+.medallion+.medallion {
    left: 34px
}

.miniprofile.member-mini .medallion+.medallion+.medallion+.medallion {
    left: 51px
}

.miniprofile.member-mini .medallion::after {
    color: grey;
    position: relative;
    top: 0;
    left: 3px;
    font-weight: normal;
    left: 19px
}

.miniprofile.member-mini .member-info {
    float: left;
    padding-left: 10px;
    text-align: left;
    width: 100%
}

.miniprofile.member-mini .member-info .stats {
    display: table;
    margin: auto;
    padding-top: 15px
}

.miniprofile.member-mini .member-info .stats .info-row {
    float: left;
    width: 45%
}

.miniprofile.member-mini .member-info .stats .info-row .value {
    font-size: 12px
}

.miniprofile.member-mini .member-info .stats .info-row:first-child {
    width: 15%
}

.miniprofile.member-mini .member-info .stats .info-row:first-child span {
    padding-left: 0
}

.miniprofile.member-mini .member-info .stats .info-row:nth-child(2) {
    width: 40%
}

.miniprofile.member-mini .stats {
    display: table;
    margin: auto
}

.miniprofile.member-mini .stats .info-row {
    display: table-row
}

.miniprofile.member-mini .stats .info-row .value {
    display: table-cell;
    padding: 2px 5px
}

.miniprofile.member-mini .double-box {
    display: grid;
    grid-template-columns: 1fr auto;
    justify-content: space-evenly;
    margin: 1em 0;
    width: 100%
}

.miniprofile.member-mini .double-box .minileft {
    padding: 0 12px
}

.miniprofile.member-mini .double-box .minileft .links a {
    display: inline-block;
    text-align: center;
    margin-bottom: 0.4em
}

.miniprofile.member-mini .double-box .minileft .links a::before {
    font-size: 2em
}

.miniprofile.member-mini .double-box .miniright {
    padding: 8px 15px 0 0
}

.miniprofile.member-mini .double-box .miniright .pic img {
    display: block;
    margin: 0 auto;
    width: 100%
}

.miniprofile.member-mini .double-box .miniright .pic img:not(.enlargable) {
    cursor: pointer
}

.miniprofile.member-mini .autodate {
    position: absolute;
    width: 100%;
    bottom: 1px;
    height: 66px;
    transform: translateY(100%);
    background: #ececec
}

.miniprofile.member-mini .autodate a.ml_field_help {
    width: 26px;
    padding: 0;
    margin: 0
}

.miniprofile.group-mini .mp-heading {
    font-size: 1.2em
}

.miniprofile.group-mini .mp-heading a {
    white-space: unset
}

.miniprofile.group-mini a.group_members.icon_button,.miniprofile.group-mini a.group-photos.icon_button,.miniprofile.group-mini a.comments.icon_button {
    display: block;
    margin: 0.1em 0
}

.miniprofile.group-mini a.group_members.icon_button:before,.miniprofile.group-mini a.group-photos.icon_button:before,.miniprofile.group-mini a.comments.icon_button:before {
    display: inline
}

.miniprofile.group-mini .group-description {
    margin-top: 0.4em
}

.miniprofile.album-mini .mp-heading {
    font-size: 1.2em
}

.miniprofile.album-mini .mp-heading a {
    white-space: unset
}

.miniprofile.album-mini a.photos.icon_button,.miniprofile.album-mini a.uploads.icon_button {
    display: inline-block;
    margin: 0.1em 0
}

.miniprofile.album-mini a.photos.icon_button:before,.miniprofile.album-mini a.uploads.icon_button:before {
    display: inline
}

.miniprofile.venue-mini .mp-heading {
    font-size: 1.2em
}

.miniprofile.venue-mini .mp-heading a {
    white-space: unset
}

.miniprofile.venue-mini .map a.map {
    margin: 0.1em 0
}

.miniprofile.photo-mini {
    display: grid;
    left: auto;
    top: auto;
    right: 0;
    bottom: 2.65em;
    padding: 10px 20px
}

.miniprofile.photo-mini .names a {
    font-size: 1.2em;
    display: block;
    padding: 3px;
    margin-bottom: 5px
}

.miniprofile.photo-mini .names a:first-child {
    font-size: 1.5em
}

.miniprofile.photo-mini .controls .rotators a {
    display: inline-block;
    padding: 10px;
    transition: all ease-in 0.2s;
    margin: 5px
}

.miniprofile.photo-mini .controls .rotators a img {
    height: 30px;
    width: 30px;
    background-color: purple;
    border-radius: 50%;
    transition: all ease-in 0.2s
}

.miniprofile.photo-mini .controls .rotators a.rotate-left:hover img {
    transform: rotate(-80deg)
}

.miniprofile.photo-mini .controls .rotators a.rotate-right:hover {
    transform: rotate(80deg)
}

.miniprofile.photo-mini .links {
    display: flex;
    justify-content: space-evenly
}

.miniprofile.photo-mini .links a {
    padding-top: 2em
}

.miniprofile.photo-mini .links a.icon_button:before {
    font-size: 2.4em
}

.miniprofile.photo-mini .links a:hover {
    font-style: unset
}

.large .miniprofile.photo {
    max-height: 189px
}

.thumb-group-container .miniprofile.photo {
    border: 1px solid black;
    position: absolute;
    bottom: auto;
    top: 50%;
    left: 50%;
    right: auto;
    margin: 0px;
    overflow: hidden;
    padding: 15px;
    transform: translate(-50%, -50%)
}

.thumb-group-container .miniprofile.photo img.rotate {
    height: 20px;
    background-color: purple;
    border-radius: 14px;
    margin: 10px 5px 3px
}

.thumb-group-container .miniprofile.photo img.rotate:hover {
    height: 30px
}

.thumb-group-container .miniprofile.photo table {
    height: auto;
    width: 125px
}

@media (any-hover: none),(any-pointer: coarse) {
    .thumb-group-container .miniprofile.photo {
        height:38px
    }

    .thumb-group-container .miniprofile.photo:hover {
        height: auto
    }

    .thumb-group-container .miniprofile.photo.show_on_big_pic:hover {
        height: unset
    }

    .thumb-group-container .miniprofile.photo td {
        line-height: 32px
    }
}

.thumb-container:hover .miniprofile.photo {
    display: block;
    line-height: 0.8em
}

.thumb-container:hover .miniprofile.photo td {
    text-align: center;
    line-height: 0.8em;
    padding: 6px 6px 6px 0
}

.thumb-container:hover .miniprofile.photo td a {
    display: inline
}

.miniprofile.photo span.make_ps {
    background: transparent url(/../images/general/medallion_bg.png) no-repeat scroll 50% 50%;
    line-height: 1.3;
    padding: 10px;
    color: white
}

.miniprofile>table {
    background-color: #ECECEC;
    opacity: 0.96;
    line-height: 1.4
}

.miniprofile>table.member {
    min-width: 225px
}

.miniprofile>table.member td.pic .pics {
    display: flex;
    justify-content: space-evenly
}

.miniprofile>table.member td.member_name a {
    font-size: 18px;
    margin: 8px 0
}

.miniprofile>table td {
    white-space: nowrap;
    font-size: 90%;
    color: black
}

.miniprofile>table td.name {
    white-space: normal
}

.miniprofile>table td .strut {
    min-width: 10em;
    white-space: normal
}

.miniprofile>table td a {
    color: #770077;
    font-weight: bold;
    display: inline-block
}

.miniprofile>table td.name.info,.miniprofile>table td.pic.links {
    padding-top: 5px;
    vertical-align: middle
}

.miniprofile>table td.name.info>img,.miniprofile>table td.pic.links>img {
    margin-bottom: 8px
}

.miniprofile>table td.owner_buttons a {
    display: inline
}

@media (any-hover: none),(any-pointer: coarse) {
    .miniprofile>table td.owner_buttons a {
        display:inline-block;
        margin: 10px
    }

    .miniprofile>table td.owner_buttons a:first-child {
        margin-left: 3px
    }
}

.miniprofile>table td.owner_buttons a img {
    vertical-align: middle
}

.miniprofile>table td.owner_buttons .boldtext a:hover {
    text-decoration: none;
    background-color: #ccc
}

.miniprofile>table td.owner_buttons .arrows {
    margin-top: 3px
}

.miniprofile>table td.owner_buttons .arrows .back::before,.miniprofile>table td.owner_buttons .arrows .forward::before {
    font-size: 22px;
    position: relative;
    top: 2px
}

.miniprofile>table .label {
    color: #777
}

.miniprofile>table td.pic {
    vertical-align: bottom;
    text-align: right;
    padding: 1.4em 0.1em 0.7em 1.5em
}

.miniprofile>table td.pic img {
    border: 1px solid grey
}

.miniprofile>table td.name {
    vertical-align: bottom;
    padding: 0.8em 1.5em 0.3em 1.2em
}

.miniprofile>table td.name a {
    font-size: 125%;
    font-weight: normal
}

.miniprofile>table td.name a.minilink {
    font-size: 90%;
    font-weight: bold
}

.miniprofile>table td.links {
    vertical-align: baseline;
    text-align: right;
    line-height: 1.34;
    padding: 0 1px 1.2em 1.5em;
    font-family: Fontin-Sans, tahoma, geneva, sans-serif;
    font-size: 95%;
    color: var(--site-main-text-color)
}

.miniprofile>table td.links a {
    display: block
}

.miniprofile>table td.info {
    vertical-align: baseline;
    padding: 0 1.4em 1.2em 1.2em;
    font-size: 90%
}

.miniprofile>table td.info table.fieldset td.value {
    padding: 0;
    border-bottom: none
}

.miniprofile>table .spacer {
    height: 0.25em
}

#bigPicture {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    align-items: center;
    justify-content: center
}

#bigPicture.video img#bigPhoto,#bigPicture:not(.video) video#bigVideo {
    display: none !important
}

#bigPicture.big-pic-zoom,#bigPicture.big-pic-zoom-200 {
    overflow: auto
}

#bigPicture.big-pic-zoom #bigPicFlyout,#bigPicture.big-pic-zoom-200 #bigPicFlyout {
    max-width: none
}

#bigPicture.big-pic-zoom .buttons #next_button,#bigPicture.big-pic-zoom-200 .buttons #next_button {
    right: 26px
}

@media (any-hover: none),(any-pointer: coarse) {
    #bigPicture.big-pic-zoom .buttons #next_button,#bigPicture.big-pic-zoom-200 .buttons #next_button {
        right:10px
    }
}

#bigPicture.big-pic-zoom #bigPicFlyout,#bigPicture.big-pic-zoom-200 #bigPicFlyout {
    width: 100vw;
    overflow: auto
}

#bigPicture.big-pic-zoom #bigPicFlyout img#bigPhoto,#bigPicture.big-pic-zoom-200 #bigPicFlyout img#bigPhoto {
    width: 100vw;
    max-height: none
}

#bigPicture.big-pic-zoom #bigPicFlyout video#bigVideo,#bigPicture.big-pic-zoom-200 #bigPicFlyout video#bigVideo {
    width: 100vw;
    max-height: none
}

#bigPicture.big-pic-zoom #bigPicFlyout #bigCaption,#bigPicture.big-pic-zoom-200 #bigPicFlyout #bigCaption {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100% !important
}

#bigPicture.big-pic-zoom-200 #bigPicFlyout {
    width: 200vw
}

#bigPicture.big-pic-zoom-200 #bigPicFlyout img#bigPhoto {
    width: 200vw;
    max-height: none;
    max-width: none
}

#bigPicture.big-pic-zoom-200 #bigPicFlyout .watermark {
    position: fixed;
    transform: translateY(25px)
}

#bigPicture.big-pic-zoom-200 #bigPicFlyout #bigCaption {
    display: none
}

#bigPicture .buttons {
    position: fixed;
    z-index: 110;
    width: 100vw;
    top: 50%;
    left: 0;
    right: 0
}

#bigPicture .buttons>div {
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    cursor: pointer;
    background-color: rgba(100,100,100,0.2);
    box-shadow: 0 0 4px rgba(0,0,0,0.15);
    border-radius: 50%;
    color: #fff;
    transition: all 0.3s;
    font-size: calc(2vmin + 2em);
    font-family: FontAwesome;
    line-height: 1;
    width: 1.4em;
    height: 1.4em
}

@media (any-hover: none),(any-pointer: coarse) {
    #bigPicture .buttons>div {
        background-color:rgba(100,100,100,0.35)
    }
}

#bigPicture .buttons>div:hover {
    color: #fcc
}

#bigPicture .buttons>div::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#bigPicture .buttons #previous_button {
    left: 10px
}

#bigPicture .buttons #previous_button::before {
    content: '\f104';
    margin-left: -0.05em
}

#bigPicture .buttons #next_button {
    right: 10px
}

#bigPicture .buttons #next_button::before {
    content: '\f105';
    margin-left: 0.05em
}

#bigPicture #bigPicFlyout {
    position: relative;
    text-align: center;
    background: rgba(0,0,0,0.4)
}

#bigPicture #bigPicFlyout img#bigPhoto {
    height: auto;
    width: auto;
    max-height: 100vh;
    max-width: 100%;
    visibility: hidden;
    opacity: 0
}

body.reveal-bigpicture #bigPicture #bigPicFlyout img#bigPhoto {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s ease-in
}

#bigPicture #bigPicFlyout video#bigVideo {
    display: block;
    height: auto;
    width: auto;
    max-height: 100vh;
    max-width: 100%
}

#bigPicture #bigPicFlyout #bigCaption {
    text-align: center;
    visibility: hidden;
    opacity: 0;
    max-width: 100%
}

body.reveal-bigpicture #bigPicture #bigPicFlyout #bigCaption {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s ease-in
}

#bigPicture #bigPicFlyout #bigCaption #reportButton {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    margin: 0 !important
}

#bigPicture #bigPicFlyout #bigCaption #reportButton a {
    padding: 16px
}

#bigPicture #bigPicFlyout #bigCaption #bigCaptionText .caption_strut {
    position: relative;
    background-color: rgba(0,0,0,0.2);
    color: white;
    width: 100%;
    padding: 6px 35px 4px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

@media (max-height: 650px) {
    #bigPicture #bigPicFlyout #bigCaption #bigCaptionText .caption_strut {
        position:absolute;
        bottom: 0;
        left: 0;
        width: 100% !important
    }
}

#bigPicture #bigPicFlyout #bigCaption #bigCaptionText .caption_strut>* {
    margin: 0 0.6em
}

#bigPicture #bigPicFlyout #bigCaption #bigCaptionText .caption_strut * {
    color: white
}

#bigPicture #bigPicFlyout #bigCaption #bigCaptionText .caption_strut .captext {
    width: 90%;
    font-style: italic;
    padding-bottom: 0.4em;
    text-align: justify;
    hyphens: auto
}

#bigPicture #bigPicFlyout #bigCaption #bigCaptionText .caption_strut .delete {
    position: absolute;
    right: 0;
    top: 5px;
    margin: 0
}

#bigPicture #bigPicFlyout #bigCaption #bigCaptionText .caption_strut .text {
    font-weight: bold;
    margin-left: 0;
    padding-left: 0;
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 4px
}

#bigPicture #bigPicFlyout #bigCaption #edit_button {
    color: white;
    cursor: pointer;
    transition: all 0.3s;
    font-family: inherit;
    vertical-align: unset;
    padding-top: 0;
    padding-bottom: 0
}

#bigPicture #bigPicFlyout #bigCaption #edit_button:hover {
    color: #cbabff
}

#bigPicture #bigPicFlyout #bigCaption #edit_button::before {
    content: '\f044';
    font-size: 20px;
    font-family: FontAwesome;
    line-height: 1
}

#bigPicture #bigPicFlyout #bigCaption #edit_button::after {
    content: 'edit';
    font-size: inherit;
    font-family: inherit;
    vertical-align: unset
}

#bigPicture #bigPicFlyout #bigCaption a {
    font-weight: bold;
    color: white
}

#bigPicture #bigPicFlyout #bigCaption .fav_button {
    position: absolute;
    top: 0;
    right: 0
}

#bigPicture #bigPicFlyout #bigCaption .fav_button a {
    display: block;
    background-color: rgba(0,0,0,0.2);
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    border-radius: 0 0 0 50%;
    font-size: calc(2vmin + 0.5em);
    padding: 0.3em;
    line-height: 1;
    font-weight: normal;
    color: white
}

#bigPicture #bigPicFlyout #bigCaption .fav_button a::before {
    font-family: FontAwesome;
    content: '\f006';
    position: relative
}

#bigPicture #bigPicFlyout #bigCaption .fav_button img {
    display: none
}

#bigPicture #bigPicFlyout #bigCaption .fav_button.favorite a::before {
    content: '\f005';
    color: yellow
}

body.manager #bigPicture #bigPicFlyout #bigCaption .fav_button {
    display: block
}

#bigPicture #slideshow-module {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 3px;
    cursor: pointer
}

@media (any-hover: none),(any-pointer: coarse) {
    .ml_sidemenu #bigPicture #next_button,.ml_sidemenu #bigPicture #previous_button,.ml_sidemenu #bigPicture #close_button,.ml_sidemenu #bigPicture #slideshow-module,.ml_sidemenu #bigPicture .edit.icon_button {
        display:block
    }
}

body.reveal-bigpicture #bigPicture.video #bigPicFlyout video#bigVideo {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s ease-in
}

#tickets_table tr.hidden>td {
    padding: 0
}

#tickets_table tr.hidden>td * {
    display: none
}

#tickets_table tr.hidden>td .name {
    display: block;
    font-weight: 200
}

#tickets_table select.discount_code {
    max-width: 10em
}

.ml_page_help {
    position: absolute;
    top: 3px;
    right: 7px;
    width: 30px;
    height: 30px;
    z-index: 2800
}

body.as .ml_page_help {
    top: 9px;
    right: 166px
}

.ml_page_help .text {
    position: fixed;
    transform: translate(-10000px, -10000px);
    opacity: 0.01;
    transition: opacity 0.2s ease;
    top: 25px;
    right: 8px;
    width: 600px;
    max-width: 80vw;
    max-height: 70vh;
    border: 1px solid black;
    color: black;
    background-color: white;
    overflow-y: auto;
    padding: 12px 16px;
    border-radius: 4px;
    box-shadow: 1px 1px 6px rgba(0,0,0,0.5)
}

.ml_page_help::before {
    font: normal normal normal 28px / 1 FontAwesome;
    content: '\f059'
}

.ml_page_help.inactive::before {
    content: '\f29c'
}

.rightside>.ml_page_help.active {
    color: var(--site-content-link-color)
}

body.update .rightside>.ml_page_help.active {
    color: var(--site-form-link-color)
}

.ml_page_help.inactive {
    cursor: none
}

.rightside .ml_page_help>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px
}

.ml_field_help {
    z-index: auto;
    display: inline-block;
    position: relative;
    right: auto;
    width: 15px;
    padding-right: 3px;
    margin-right: 2px;
    vertical-align: baseline !important;
    color: var(--site-content-link-color)
}

table.colors .ml_field_help {
    z-index: 100000
}

th.left .ml_field_help {
    font-size: 0.75em
}

body.update .ml_field_help {
    color: var(--site-form-link-color)
}

.flyout:not(.update) .ml_field_help {
    color: var(--site-content-link-color) !important
}

div.guestrow .ml_field_help {
    width: 0
}

div.guestrow .ml_field_help .text {
    top: 16px;
    right: 0;
    max-width: 300px;
    min-width: 100px;
    text-align: center
}

.ml_field_help::before {
    font: normal normal normal 1em / 1 FontAwesome;
    content: '\f29c'
}

.ml_field_help .text {
    z-index: 100;
    position: fixed;
    transform: translate(-10000px, -10000px);
    opacity: 0.01;
    transition: opacity 0.2s ease;
    top: 6px;
    left: 6px;
    right: auto;
    width: 200px;
    max-height: 450px;
    overflow-y: auto;
    padding: 8px;
    border: 1px solid black;
    text-align: left;
    white-space: normal;
    text-transform: none;
    font-weight: normal;
    color: black;
    background-color: white
}

.ml_field_help .text>p {
    margin: 0
}

.go-up .ml_field_help .text {
    top: auto;
    bottom: 0
}

.go-left .ml_field_help .text {
    left: auto;
    right: 6px
}

.refund .ml_field_help .text {
    top: -350px;
    right: 6px;
    left: auto
}

#login_form .ml_field_help,#flash_note .ml_field_help {
    padding-left: 3px
}

.miniprofile .ml_field_help {
    height: 16px;
    z-index: 100;
    position: absolute;
    right: 4px;
    bottom: 11px;
    border: none
}

.ml_page_help h1,.ml_field_help h1,#topic_list h1 {
    font-size: 1.5em;
    font-weight: 500
}

.ml_page_help h2,.ml_field_help h2,#topic_list h2 {
    margin-top: 0.8em;
    font-size: 1.2em
}

.ml_page_help h3,.ml_field_help h3,#topic_list h3 {
    margin-top: 0.8em;
    font-size: 1.1em
}

@media not all and (any-hover: none),(any-pointer: coarse) {
    .ml_page_help:hover .text,.ml_field_help:hover .text,#topic_list:hover .text {
        transform:unset;
        position: absolute;
        opacity: 1
    }
}

@media (any-hover: none),(any-pointer: coarse) {
    .ml_page_help.open .text,.ml_field_help.open .text,#topic_list.open .text {
        transform:unset;
        position: absolute;
        opacity: 1
    }
}

.pageactions,.last_pageactions {
    text-align: right;
    margin-left: 0
}

.pageactions a,.last_pageactions a {
    display: block;
    position: relative;
    line-height: 1.2;
    margin-bottom: 2px;
    padding: 0.5em 0.7em;
    text-transform: var(--site-capitalization);
    color: var(--site-button-text-color);
    background: var(--site-button-background)
}

.sidenav .dup-heading {
    display: none
}

.sidenav .optionpane {
    margin-left: 0;
    padding-bottom: 15px;
    box-shadow: none;
    background: rgba(255,255,255,0.5);
    overflow-y: auto;
    overflow-x: hidden
}

.sidenav .optionpane .optiongroup {
    left: auto;
    width: auto
}

.sidenav .optionpane:empty {
    background: none
}

.sidenav .optiongroup {
    padding: 0.75em 0;
    cursor: pointer
}

.sidenav .optiongroup.quicklinks .label {
    border: none;
    background: var(--site-option-label-bg-color)
}

.sidenav .optiongroup .searchbox a {
    border: none;
    display: inline;
    margin-left: 1em
}

.sidenav .optiongroup .searchbox a:hover {
    text-decoration: underline;
    background: none
}

.sidenav .optiongroup .searchbox input.search_criteria {
    width: 100%;
    position: relative;
    left: 0em;
    border: 0
}

.sidenav .optiongroup a {
    font-weight: normal;
    text-align: right;
    line-height: 1.1;
    display: block;
    padding: 0.2em 0.5em;
    text-transform: capitalize;
    color: var(--site-sidenav-option-color)
}

@media (any-hover: none),(any-pointer: coarse) {
    .sidenav .optiongroup a {
        padding-top:0.8em;
        padding-bottom: 0.8em
    }
}

.sidenav .optiongroup a:hover {
    color: #040505;
    background-color: #ECECEC
}

.sidenav .optiongroup a.selected {
    color: #040505;
    background-color: #ECECEC;
    font-weight: bold
}

.sidenav .optiongroup .hr {
    margin-bottom: 0.3em;
    margin-top: 0.4em
}

.ml_sidemenu.order .sidenav .optiongroup .hr {
    margin: 5px 0
}

.sidenav .optiongroup .label {
    font-size: 0.95em;
    display: block;
    padding: 0.2em 0.4em 0.2em 0.2em;
    color: white;
    text-align: right;
    border: 0;
    border-radius: 0;
    background: var(--site-option-label-bg-color)
}

@media (any-hover: none),(any-pointer: coarse) {
    .sidenav .optiongroup .label {
        padding:0.5em
    }
}

.sidenav .optiongroup .options {
    font-size: 0.95em;
    width: 100%;
    transition: all 500ms ease-out;
    max-height: 0;
    overflow: hidden;
    padding-top: 0.3em
}

.sidenav .optiongroup .options label.option {
    display: flex;
    justify-content: end;
    align-items: center;
    width: 100%;
    padding: 3px 0px 0
}

.sidenav .optiongroup .options label.option:hover {
    text-shadow: 0 -1px 0 currentcolor
}

.sidenav .optiongroup .options label.option .tag-name {
    text-align: right;
    line-height: 0.9;
    padding: 0px 0 6px
}

.sidenav .optiongroup .options label.option input[type='checkbox'] {
    flex-basis: content
}

.sidenav .optiongroup .options a {
    border: none
}

.sidenav .optiongroup .options a.separator {
    font-weight: bold;
    border-bottom: 2px solid;
    border-top: 2px solid
}

.sidenav .optiongroup .options .ml_button a {
    display: inline-block;
    color: var(--site-button-text-color);
    padding: 1em .2em 1em 1em
}

.sidenav .optiongroup .options .filter-hint {
    text-align: right;
    font-size: 0.8em;
    font-style: italic;
    opacity: 0.7;
    padding: 2px 0 6px
}

.sidenav .optiongroup.open .options {
    max-height: 700px;
    overflow-y: auto
}

.sidenav .optiongroup .label::after {
    font-family: FontAwesome;
    margin-left: 3px;
    content: "\f107"
}

.sidenav .optiongroup.open .label::after {
    content: "\f106"
}

.sidenav .side-nav-num {
    font-weight: bold
}

.apply-filter-float {
    display: none;
    margin: 10px 6px 6px
}

.apply-filter-float.is-visible {
    display: block
}

.apply-filter-float.is-fixed {
    position: fixed;
    bottom: 0;
    z-index: 3000;
    margin: 0;
    padding: 8px 6px;
    background: rgba(255,255,255,0.5);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-top: 1px solid rgba(0,0,0,0.12)
}

.apply-filter-float a.apply-filter {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0.5em 0.9em;
    font-size: 0.9em;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-radius: 6px;
    background: var(--site-button-background);
    color: var(--site-button-text-color);
    box-shadow: 0 2px 8px rgba(0,0,0,0.22)
}

.apply-filter-float a.apply-filter::before {
    font-family: FontAwesome;
    content: '\f002';
    margin-right: 0.45em
}

.ml_sidemenu.show_filters .sidenav .optionpane {
    transform: translate3d(100%, 0, 0)
}

.ml_sidemenu.show_filters .sidenav .filters_button::before {
    content: "\f053";
    font-size: 22px;
    top: 2px;
    left: 6px
}

.ml_sidemenu.update .sidenav {
    color: var(--site-form-text-color);
    background-color: var(--site-form-background-alpha-color)
}

.ml_sidemenu.order.update .sidenav .pageactions {
    display: none
}

.ml_sidemenu .pageactions {
    display: block;
    width: 100%;
    padding: 0 10px;
    text-align: center
}

.ml_sidemenu .pageactions>* {
    position: relative;
    display: inline-block;
    margin: 0.3em 0.2em;
    text-align: center;
    vertical-align: middle
}

.ml_sidemenu .pageactions br {
    display: none
}

.ml_sidemenu .sidenav {
    position: relative;
    z-index: 2700;
    width: 100%;
    margin: auto;
    left: 0;
    padding: 0;
    background-color: var(--site-content-background-alpha-color)
}

.ml_sidemenu .sidenav .dup-heading {
    display: inline-block;
    font-size: 18px;
    vertical-align: top;
    padding: 6px 10px 6px 15px;
    width: calc(100% - 78px)
}

.ml_sidemenu .sidenav .dup-heading * {
    display: inline;
    font-weight: normal;
    text-transform: capitalize
}

.ml_sidemenu .sidenav .dup-heading h1 {
    font-size: 18px;
    margin-top: -8px;
    margin-right: 10px;
    line-height: 1.1;
    text-indent: -5px
}

.ml_sidemenu .sidenav .dup-heading .object_class {
    text-transform: none
}

.ml_sidemenu .sidenav .dup-heading .subtitle {
    font-size: 1rem
}

.ml_sidemenu .sidenav .dup-heading .parent_class {
    margin-right: 8px
}

.ml_sidemenu .sidenav .filters_button {
    position: relative;
    width: 0;
    height: 40px;
    padding-right: 48px;
    text-align: center;
    display: inline-block;
    z-index: 100
}

.ml_sidemenu .sidenav .filters_button::before {
    content: "\f142";
    font: normal normal normal 28px / 1 FontAwesome;
    position: absolute;
    top: 0;
    left: 12px;
    cursor: pointer;
    padding: 8px 10px
}

.ml_sidemenu .sidenav .optionpane {
    display: block;
    height: auto !important;
    width: 100%;
    position: absolute;
    left: -100%;
    top: 42px;
    z-index: 1000;
    transform: translate3d(-2%, 0, 0);
    transition: all 400ms ease-out;
    padding-bottom: 10px;
    box-shadow: 0 1px 3px 1px rgba(0,0,0,0.7);
    background-color: var(--site-background-color);
    color: var(--site-main-text-color)
}

.ml_sidemenu .sidenav .optionpane::before {
    content: "Filters and Options";
    display: block;
    padding: 5px 6px 3px
}

.ml_sidemenu .sidenav .optionpane .optiongroup {
    width: auto;
    display: inline-block;
    vertical-align: top;
    padding: 0.75em;
    margin: 0.4em;
    border: 1px solid;
    color: var(--site-main-text-color)
}

.ml_sidemenu .sidenav .optionpane .optiongroup .options {
    padding-top: 0
}

.ml_sidemenu .sidenav .optionpane .optiongroup.open .options {
    padding-top: 0.6em
}

.ml_sidemenu .sidenav .optionpane .optiongroup a {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    color: var(--site-main-text-color);
    line-height: unset
}

.ml_sidemenu .sidenav .optionpane .optiongroup a.selected,.ml_sidemenu .sidenav .optionpane .optiongroup a:not(.selected):hover {
    background-color: var(--site-main-text-color);
    color: var(--site-background-color)
}

.ml_sidemenu .sidenav .optionpane br {
    display: none
}

#im_container {
    position: fixed;
    bottom: 5px;
    right: 0px;
    height: 1px;
    overflow-x: auto;
    overflow-y: visible;
    z-index: 10000;
    display: table
}

.im_popup {
    height: 1px;
    background: none;
    padding: 0;
    display: none;
    position: relative;
    float: right;
    background-color: white;
    width: 240px;
    color: black
}

.im_popup .im_popup_inner {
    padding: 0 10px 8px;
    background-color: white;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid black;
    margin-right: -1px
}

.im_popup .buttons {
    float: right;
    margin-left: 5px;
    margin-right: -10px;
    white-space: nowrap
}

.im_popup .buttons a {
    display: inline-block;
    height: 1.4rem;
    width: 1.3rem;
    color: white;
    background-color: black;
    text-align: center;
    vertical-align: top;
    padding-top: 0.2rem
}

.im_popup .buttons a::before {
    color: white;
    font-size: 100%;
    width: 100%;
    height: 100%;
    display: inline-block;
    margin: 0;
    vertical-align: top
}

.im_popup .buttons a.minimize,.im_popup .buttons a.maximize {
    font-size: 85%;
    padding-top: 0.4rem
}

.im_popup .buttons a.maximize {
    display: none
}

.im_popup .buttons a.delete.hide {
    display: none
}

.im_popup.minimized a.delete,.im_popup.minimized a.minimize,.im_popup.minimized .history,.im_popup.minimized .message,.im_popup.minimized .help {
    display: none
}

.im_popup.minimized a.maximize {
    display: block
}

.im_popup .history {
    width: 100%;
    padding-bottom: 10px;
    overflow-y: auto;
    max-height: calc(100vh - 74px)
}

.im_popup .history .im_date {
    font-size: 9px;
    margin-right: 4px
}

.im_popup .history .im_from {
    font-weight: bold;
    margin-right: 4px
}

.im_popup textarea.im_message {
    width: 100%;
    height: 2.2em;
    line-height: 1em;
    border: 1px solid grey;
    padding: 0
}

.im_popup a.send {
    margin: 0 0 0 5px;
    padding: 7px
}

.im_popup a.close_button:hover {
    font-style: normal
}

.ml_field.required-field {
    text-align: left;
    margin-bottom: 10px
}

.ml_field label {
    display: inline-block;
    width: 5em;
    font-size: 1em;
    text-align: right;
    padding-right: 5px;
    font-weight: normal
}

.ml_field label.top {
    vertical-align: top
}

.ml_field .ml_field_contents {
    display: inline-block
}

.ml_field.items .ml_field_contents {
    width: 100%
}

.ml_field select#order_promoter_id {
    margin-bottom: 8px
}

.ml_field.notes textarea {
    width: 250px;
    margin-bottom: 5px
}

.ml_field_group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-bottom: 5px
}

.ml_field_group .ml_field {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-width: 50%
}

.ml_field_group .ml_field .label {
    text-align: left;
    font-size: 90%;
    margin-bottom: 0
}

.gridview.tickets {
    grid-template-columns: repeat(7, auto)
}

.gridview.tickets .full-line {
    grid-column-start: 1;
    grid-column-end: 8
}

.gridview.tickets .ticket-types {
    grid-column-start: 1;
    grid-column-end: 3
}

.gridview.tickets .total {
    grid-column-start: 3;
    grid-column-end: 7
}

.gridview.tickets #order_total {
    grid-column-start: 7;
    grid-column-end: 8
}

.gridview {
    display: grid;
    align-items: stretch;
    justify-content: stretch
}

.gridview.memberships {
    grid-template-columns: auto auto auto auto auto auto auto auto auto auto 1fr
}

.gridview.memberships.multi-club {
    grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto 1fr
}

.gridview .rowbox {
    display: contents;
    font-size: 0.9em
}

.gridview .rowbox:nth-child(odd) .item {
    background-color: rgba(255,255,255,0.2)
}

.gridview .rowbox.headbar {
    font-size: 1.1em;
    top: 0
}

.gridview .rowbox.headbar .item {
    background-color: rgba(255,255,255,0.4)
}

.gridview .rowbox.headbar .item.dates a {
    display: block;
    white-space: nowrap;
    opacity: 0.5
}

.gridview .rowbox.headbar .item.dates a.selected {
    opacity: 1;
    cursor: default;
    font-style: inherit !important
}

.gridview .rowbox.headbar .item.dates a:hover {
    opacity: 1
}

.gridview .rowbox .item {
    display: flex;
    padding: 0.5vw 0.6vw
}

.gridview .rowbox .item>.linerbox {
    margin: auto 0;
    padding: 0.6vw 0;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

.gridview .rowbox .item.thumb {
    padding-left: 1em
}

.gridview .rowbox .item.thumb img {
    border-radius: 3px
}

.gridview .rowbox .item.thumb>.linerbox {
    overflow: visible;
    margin-left: auto;
    margin-right: auto
}

.gridview .rowbox .item.thumb a {
    display: block;
    text-align: center
}

.gridview .rowbox .item.checker {
    padding-right: 0 !important
}

.gridview .rowbox .item.checker label {
    display: block;
    margin: 0 0.3em 0 0;
    padding: 1em 0.3em;
    cursor: pointer
}

.gridview .rowbox .item.checker label input {
    display: block;
    cursor: pointer;
    margin: 0 auto
}

.gridview .rowbox .item.edit {
    padding: 0 !important
}

.gridview .rowbox .item.edit a:not(.icon_button) {
    padding: 1em 0.4em;
    opacity: 0.6;
    transition: all 0.3s
}

.gridview .rowbox .item.edit a:not(.icon_button):hover,.gridview .rowbox .item.edit a:not(.icon_button):active {
    opacity: 1
}

.gridview .rowbox .groupbox {
    display: contents
}

.gridview .rowbox .groupbox>.item {
    height: 100%;
    padding: 0.5vw 0.6em
}

@media (max-width: 900px) {
    .gridview.tickets {
        grid-template-columns:repeat(4, auto)
    }

    .gridview.tickets .full-line {
        grid-column-start: 1;
        grid-column-end: 5
    }

    .gridview.tickets .ticket-types {
        grid-column-start: 1;
        grid-column-end: 2
    }

    .gridview.tickets .total {
        grid-column-start: 2;
        grid-column-end: 4
    }

    .gridview.tickets #order_total {
        grid-column-start: 4;
        grid-column-end: 5
    }

    .gridview {
        grid-template-columns: repeat(6, auto) !important
    }

    .gridview .rowbox.headbar .groupbox .item {
        margin: 0
    }

    .gridview .rowbox .item.contact {
        max-width: 13em
    }

    .gridview .rowbox .item.contact>.linerbox {
        overflow: hidden;
        line-height: 1.1
    }

    .gridview .rowbox .groupbox {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .gridview .rowbox .groupbox>.item {
        background: none;
        height: auto;
        padding: 0
    }

    .gridview .rowbox .groupbox>.item+.item {
        padding-left: 1em
    }

    .gridview .rowbox .groupbox>.item+.item+.item {
        padding-left: 2em
    }

    .gridview .rowbox .groupbox>.item+.item+.item+.item {
        padding-left: 3em
    }
}

@media (max-width: 600px) {
    .gridview {
        grid-template-columns:auto auto auto auto !important
    }

    .hidebox,.gridview .item.thumb,.gridview .item.subscription,.gridview .item.orders,.gridview .item.notes {
        display: none !important
    }
}

@media (max-width: 420px) {
    body.member-profile .rightside {
        padding-left:0;
        padding-right: 0
    }
}

.member-profile.flyout {
    max-width: 1500px;
    width: 100%
}

.member-profile.flyout .close_button {
    position: fixed;
    right: 8px
}

.member-profile .toplabel {
    font-size: 16px
}

.member-profile .profile-container {
    display: grid;
    align-items: start;
    grid-template-columns: minmax(320px, 650px) 1fr;
    grid-column-gap: 1vw;
    padding: 0 0 2vw
}

.member-profile .profile-container .profile #goto_all_photos a,.member-profile .profile-container .profile #goto_passkey_photos a,.member-profile .profile-container .profile #action_buttons a,.member-profile .profile-container .profile .action-buttons a {
    display: inline-block;
    margin-bottom: 9px;
    padding: 0;
    line-height: 1;
    font-weight: 500;
    font-size: 75%;
    text-transform: var(--site-capitalization);
    color: var(--site-content-label-color)
}

.member-profile .profile-container .profile #goto_all_photos a::before,.member-profile .profile-container .profile #goto_passkey_photos a::before,.member-profile .profile-container .profile #action_buttons a::before,.member-profile .profile-container .profile .action-buttons a::before {
    position: unset;
    top: unset;
    left: unset;
    transform: unset;
    font-size: 30px;
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 auto;
    color: white;
    background: #4e4e50;
    padding-top: 9px;
    margin-bottom: 3px;
    border-radius: 4px
}

.member-profile .profile-container .profile>article .title::after {
    font-family: FontAwesome;
    content: '\f102';
    margin-left: 20px
}

.member-profile .profile-container .profile>*>.title {
    text-align: center;
    font-size: 120%;
    margin: 0 0 0.5em
}

.member-profile .profile-container .profile>*>.listview {
    min-width: 80%
}

.member-profile .profile-container .profile>*>.listview.comment_history .data.comment {
    word-wrap: anywhere
}

.member-profile .profile-container .profile h2 {
    font-size: 1.3em;
    font-weight: normal;
    margin-top: 2em
}

.member-profile .profile-container .profile table.fieldset {
    margin: auto
}

.member-profile .profile-container .profile .main-pic-block {
    position: relative;
    background: none;
    text-align: center;
    display: grid;
    grid-template-columns: minmax(80px, 100px) minmax(min-content, 333px) minmax(80px, 100px);
    grid-column-gap: 1vw;
    justify-content: space-evenly
}

.member-profile .profile-container .profile .main-pic-block::before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2vmin;
    background-size: cover;
    background-position: center 40%;
    background-repeat: no-repeat;
    opacity: 0.15;
    filter: grayscale(30%)
}

.member-profile .profile-container .profile .main-pic-block>* {
    position: relative;
    grid-column-start: 1;
    grid-column-end: 4
}

.member-profile .profile-container .profile .main-pic-block menu {
    display: table;
    padding: 2px 0 5px;
    margin: 0 auto;
    width: 100%
}

.member-profile .profile-container .profile .main-pic-block ul {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    margin: 0;
    padding: 0 2px;
    list-style: none;
    max-height: 410px;
    overflow-y: auto;
    overflow-x: visible
}

.member-profile .profile-container .profile .main-pic-block .main_pic {
    height: 360px;
    border-radius: 3px;
    background-size: cover;
    background-position: top center;
    margin-bottom: 1.6vw;
    cursor: zoom-in;
    grid-column-start: 2;
    grid-column-end: 3
}

.member-profile .profile-container .profile .main-pic-block .main_pic.member_card {
    margin-bottom: 1.2em
}

.member-profile .profile-container .profile .main-pic-block .main_pic.member_card::after {
    content: 'member card';
    color: var(--site-content-label-color);
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%)
}

.member-profile .profile-container .profile .main-pic-block .personal-info-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.member-profile .profile-container .profile .main-pic-block .personal-info-container .personal-info-block {
    display: flex;
    flex-direction: column;
    flex: 1;
    text-align: center;
    margin-bottom: 0.6vmin
}

.member-profile .profile-container .profile .main-pic-block .personal-info-container .personal-info-block>div {
    margin-top: 0px !important;
    margin-bottom: 5px !important;
    line-height: 1.2
}

.member-profile .profile-container .profile .main-pic-block .personal-info-container .personal-info-block .title {
    font-size: 175%
}

.member-profile .profile-container .profile .main-pic-block .personal-info-container .personal-info-block .title #member_status {
    font-size: 50%
}

.member-profile .profile-container .profile .main-pic-block .personal-info-container .personal-info-block .location a.map.icon_button {
    width: unset;
    vertical-align: middle;
    margin: 0;
    padding: 0
}

.member-profile .profile-container .profile .main-pic-block .personal-info-container .personal-info-block .location a.map.icon_button::before {
    background: none;
    color: var(--site-label-color);
    font-size: 24px;
    width: 32px;
    height: 32px;
    padding-top: 5px
}

.member-profile .profile-container .profile .main-pic-block .personal-info-container .personal-info-block .medallion {
    display: inline-block;
    width: auto;
    color: var(--site-content-label-color);
    white-space: nowrap;
    padding-left: 28px;
    margin: auto;
    background-position: left;
    text-align: left;
    font-size: 100%
}

.member-profile .profile-container .profile .main-pic-block .personal-info-container #goto_all_photos,.member-profile .profile-container .profile .main-pic-block .personal-info-container #goto_passkey_photos {
    width: 48px;
    align-self: center;
    justify-self: center
}

.member-profile .profile-container .profile .main-pic-block .personal-info-container #goto_all_photos a,.member-profile .profile-container .profile .main-pic-block .personal-info-container #goto_passkey_photos a {
    text-transform: capitalize;
    text-align: center;
    color: var(--site-content-label-color);
    margin-bottom: 12px;
    padding: 0;
    display: inline-block;
    line-height: 1;
    width: 48px;
    font-size: 80%;
    font-weight: 500
}

.member-profile .profile-container .profile .main-pic-block .personal-info-container #goto_all_photos a::before,.member-profile .profile-container .profile .main-pic-block .personal-info-container #goto_passkey_photos a::before {
    position: unset;
    top: unset;
    left: unset;
    transform: unset;
    font-size: 30px;
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 auto;
    color: white;
    background: #4e4e50;
    padding-top: 9px;
    margin-bottom: 3px;
    border-radius: 4px
}

.member-profile .profile-container .profile .main-pic-block .personal-info-container #goto_all_photos {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    visibility: hidden
}

.ml_sidemenu .member-profile .profile-container .profile .main-pic-block .personal-info-container #goto_all_photos {
    visibility: visible
}

.member-profile .profile-container .profile .main-pic-block .personal-info-container #goto_passkey_photos {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 23
}

.member-profile .profile-container .profile .main-pic-block .action-buttons,.member-profile .profile-container .profile .main-pic-block .approval-buttons {
    position: relative;
    width: 100%;
    text-align: center;
    grid-row-start: 1;
    grid-row-end: 2
}

.member-profile .profile-container .profile .main-pic-block .action-buttons.personal-buttons,.member-profile .profile-container .profile .main-pic-block .approval-buttons.personal-buttons {
    grid-column-start: 1;
    grid-column-end: 2
}

.member-profile .profile-container .profile .main-pic-block .action-buttons.account-buttons,.member-profile .profile-container .profile .main-pic-block .approval-buttons.account-buttons {
    grid-column-start: 3;
    grid-column-end: 4
}

.member-profile .profile-container .profile .main-pic-block .approval-buttons {
    grid-row-start: 3;
    grid-row-end: 4
}

.member-profile .profile-container .profile .main-pic-block .approval-buttons a {
    width: 70px !important
}

.member-profile .profile-container .profile .main-pic-block .approval-buttons ul {
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: center !important
}

@media (max-width: 600px) {
    .member-profile .profile-container .profile .main-pic-block {
        grid-template-columns:1fr
    }

    .member-profile .profile-container .profile .main-pic-block * {
        grid-column-start: unset !important;
        grid-column-end: unset !important;
        grid-column-gap: unset !important;
        grid-row-start: unset !important;
        grid-row-end: unset !important
    }

    .member-profile .profile-container .profile .main-pic-block .main_pic {
        margin-left: auto;
        margin-right: auto;
        width: 300px
    }

    .member-profile .profile-container .profile .main-pic-block .main_pic>img {
        cursor: zoom-in
    }

    .member-profile .profile-container .profile .main-pic-block menu {
        margin: 0 !important;
        padding: 0 !important
    }

    .member-profile .profile-container .profile .main-pic-block ul {
        flex-direction: row !important;
        align-items: flex-start !important;
        justify-content: center !important
    }

    .member-profile .profile-container .profile .main-pic-block ul li a {
        width: 60px !important
    }

    .member-profile .profile-container .profile .main-pic-block .action-buttons-block,.member-profile .profile-container .profile .main-pic-block .approval-buttons-block {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important
    }

    .member-profile .profile-container .profile .main-pic-block .action-buttons-block .action-buttons,.member-profile .profile-container .profile .main-pic-block .action-buttons-block .approval-buttons,.member-profile .profile-container .profile .main-pic-block .approval-buttons-block .action-buttons,.member-profile .profile-container .profile .main-pic-block .approval-buttons-block .approval-buttons {
        position: relative
    }
}

.member-profile .profile-container .profile .action-buttons-block {
    display: contents
}

.member-profile .profile-container .profile .ad-social-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 12px
}

.member-profile .profile-container .profile .ad-social-block article {
    position: relative
}

.member-profile .profile-container .profile .ad-social-block article .ml_field_help:first-child {
    position: absolute;
    left: -15px
}

.member-profile .profile-container .profile .ad-social-block article .ml_field_help:last-child {
    position: absolute;
    right: -21px
}

.member-profile .profile-container .profile .ad-social-block a img {
    display: none
}

.member-profile .profile-container .profile .ad-social-block .social-buttons {
    text-align: center;
    margin-bottom: 2.7em
}

.member-profile .profile-container .profile .ad-social-block .social-buttons a.active,.member-profile .profile-container .profile .ad-social-block .social-buttons a.pending {
    display: none
}

.member-profile .profile-container .profile .ad-social-block .social-buttons .toggle-button.active a {
    display: none
}

.member-profile .profile-container .profile .ad-social-block .social-buttons .toggle-button.active a.active {
    display: block
}

.member-profile .profile-container .profile .ad-social-block .social-buttons .toggle-button.pending a {
    display: none
}

.member-profile .profile-container .profile .ad-social-block .social-buttons .toggle-button.pending a.pending {
    display: block
}

.member-profile .profile-container .profile .ad-social-block .approval-buttons {
    margin-bottom: 0
}

.member-profile .profile-container .profile .ad-social-block .approval-buttons ul {
    flex-direction: row !important
}

.member-profile .profile-container .profile article#testimonials .testimonials .ml-comments .comment-button .sms.icon_button::after {
    content: 'New Testimonial'
}

.member-profile .profile-container .profile article#testimonials .testimonials .ml-comments .comment-list .comment .date {
    display: inline-block;
    margin-right: 8px
}

.member-profile .profile-container .profile article#testimonials .testimonials .ml-comments .comment-list .comment a.decline {
    display: block
}

.member-profile .profile-container .profile article#testimonials .testimonials .ml-comments .comment-list .comment a.approve {
    display: none
}

.member-profile .profile-container .profile article#testimonials .testimonials .ml-comments .comment-list .comment .comment-body {
    display: block
}

.member-profile .profile-container .profile article#testimonials .testimonials .ml-comments .comment-list .comment.pending .comment-body {
    font-style: italic
}

.member-profile .profile-container .profile article#testimonials .testimonials .ml-comments .comment-list .comment.pending .comment-body::after {
    content: ' (not published)'
}

.member-profile .profile-container .profile article#testimonials .testimonials .ml-comments .comment-list .comment.pending a.decline {
    display: none
}

.member-profile .profile-container .profile article#testimonials .testimonials .ml-comments .comment-list .comment.pending a.approve {
    display: block
}

.member-profile .profile-container .profile article.profile-statistics span.onlinestatus {
    color: #993322
}

.member-profile .profile-container .profile article.contact-card table.contact_card .notes {
    max-height: 200px;
    overflow-y: auto
}

.member-profile .profile-container .profile article.plans-events {
    text-align: center
}

.member-profile .profile-container .profile article.plans-events .label {
    font-size: 1.3em;
    text-shadow: black 1px 1px 2px;
    text-transform: unset;
    transform: rotate(40deg);
    padding: 0.2em;
    color: white
}

.member-profile .profile-container .profile article.plans-events .value {
    display: inline-block
}

.member-profile .profile-container .albums {
    position: relative
}

.member-profile .profile-container .albums nav#album_thumbs {
    display: flex;
    gap: 1.4vmax;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    margin: 0.5em 0 1.5em 0
}

.member-profile .profile-container .albums nav#album_thumbs .caption {
    font-size: 90%;
    word-wrap: break-word
}

.member-profile .profile-container .albums nav#album_thumbs a {
    display: block
}

.member-profile .profile-container .albums .thumb-group-name {
    float: none;
    width: 100%;
    margin: 0 0 1.5em;
    height: auto;
    border-bottom: 1px solid grey;
    display: block;
    text-align: left
}

.member-profile .profile-container .albums .thumb-group-name::after {
    font-family: FontAwesome;
    content: '\f102';
    margin-left: 20px
}

.member-profile .profile-container .albums .thumb-group-name a.album_link {
    font-size: 1.2em;
    margin-left: 0.6em
}

.member-profile .profile-container .albums .thumb-group-name img.locked {
    height: 20px;
    margin-bottom: 4px
}

.member-profile .profile-container .albums .thumb-group-container {
    padding-left: 0;
    padding-right: 0
}

.member-profile .profile-container .albums .thumb-group-inner .photo {
    background: none
}

@media (max-width: 420px) {
    .member-profile .profile-container .albums .thumb-group-inner .photo {
        margin-left:0;
        margin-right: 0
    }
}

.member-profile .cust-att {
    margin: auto
}

.member-profile .cust-att td {
    display: inline-block;
    white-space: normal;
    text-align: center !important
}

.ml_sidemenu.member-profile .profile-container,.ml_sidemenu .member-profile .profile-container {
    display: grid;
    grid-template-columns: 1fr
}

.ml_sidemenu.member-profile .profile-container .profile .main-pic-block #goto_all_photos,.ml_sidemenu .member-profile .profile-container .profile .main-pic-block #goto_all_photos {
    visibility: unset
}

.ml_sidemenu.member-profile .profile-container .albums,.ml_sidemenu .member-profile .profile-container .albums {
    position: relative;
    margin-top: 2em
}

#ml_header {
    position: relative;
    top: 0;
    width: 100%;
    color: var(--site-main-text-color)
}

#ml_header #custom_header>div {
    padding-left: 0 !important;
    margin-bottom: 0 !important
}

#login_logout {
    position: fixed;
    right: 0;
    top: 0;
    height: 46px;
    z-index: 4000000
}

body.show-login #login_logout {
    height: 100%;
    background: rgba(0,0,0,0.7)
}

#login_logout #login_button {
    font-weight: normal;
    text-align: center;
    margin: 0;
    padding-top: 14px
}

body.show-login #login_logout #login_button {
    display: none
}

.ml_short #login_logout #login_button {
    top: 5px
}

#login_logout form#login_form .flyout {
    width: 18em
}

#login_logout form#login_form a {
    font-weight: normal
}

#login_logout form#login_form label {
    letter-spacing: 1px;
    text-align: left
}

#login_logout form#login_form #login_error {
    text-align: left;
    color: #FFB22B
}

#login_logout form#login_form #login_error a {
    color: #FFB22B;
    border: none;
    padding: 0 5px 0 5px;
    font-weight: bold;
    font-size: 290%
}

#login_logout form#login_form input#login,#login_logout form#login_form input#password {
    display: block;
    background: white !important;
    margin-bottom: 3px;
    border: 1px solid var(--site-form-text-color)
}

#login_logout form#login_form .login-submit {
    display: inline;
    color: var(--site-button-text-color)
}

#login_logout form#login_form .username,#login_logout form#login_form .password {
    padding-left: 3px
}

.ml_sidemenu #ml_header {
    height: 46px;
    width: 100%;
    right: unset
}

.ml_sidemenu #ml_header #custom_header {
    display: none
}

.ml_sidemenu #ml_header .ml_recent img {
    display: block
}

.ml_sidemenu a#login_button {
    top: 5px
}

body.no-navbar .top-right-menu,body.no-navbar .navbar-toggle,body.no-navbar #ml_navbar {
    display: none !important
}

nav.navbar {
    position: relative;
    z-index: 3000;
    height: 46px;
    background-color: transparent;
    border: none;
    max-width: var(--site-menu-width);
    margin: 0 auto
}

nav.navbar .navbar-header {
    opacity: 0.9;
    display: block;
    position: fixed;
    top: -50px;
    left: 0;
    z-index: 4000;
    float: none;
    height: 46px;
    width: 100%;
    margin: 0;
    transition: top 0.5s ease-out;
    color: var(--site-menu-text-color);
    background-color: var(--site-navbar-background-color)
}

.ml_short nav.navbar .navbar-header {
    top: 0
}

.ml_short nav.navbar .navbar-header button.navbar-scrollup {
    display: block
}

nav.navbar .navbar-header .navbar-brand {
    float: left;
    height: 100%;
    font-size: 18px;
    line-height: 20px
}

nav.navbar .navbar-header .navbar-brand a {
    text-decoration: none
}

nav.navbar .navbar-header .navbar-brand img {
    height: 100%;
    float: left;
    margin: 0;
    padding: 0
}

nav.navbar .navbar-header button {
    display: none;
    height: 100%;
    width: 50px;
    float: left;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
    color: var(--site-menu-text-color);
    background: var(--site-menu-background)
}

nav.navbar .navbar-header button::before {
    font: normal normal normal 32px / 1 FontAwesome;
    padding: 8px 10px 9px;
    display: block
}

nav.navbar .navbar-header button.navbar-toggle::before {
    content: "\f0c9"
}

nav.navbar .navbar-header button.navbar-toggle:focus {
    outline: none
}

nav.navbar .navbar-header button.navbar-scrollup::before {
    content: "\f0c9"
}

nav.navbar ul {
    padding: 0 !important
}

nav.navbar li.has-dropdown {
    position: relative
}

nav.navbar li.has-dropdown .dropdown-toggle {
    outline: 0 !important;
    color: var(--site-menu-text-color);
    text-transform: var(--site-capitalization)
}

nav.navbar li.has-dropdown.open-item {
    background: var(--site-button-background)
}

body:not(.ml_sidemenu) nav.navbar li.has-dropdown.open-item>.dropdown {
    position: absolute !important;
    display: block
}

nav.navbar li.has-dropdown.open-item a {
    color: var(--site-button-text-color)
}

nav.navbar li.has-dropdown.open-item a:not(.dropdown-toggle):hover {
    color: var(--site-menu-text-color)
}

nav.navbar li.has-dropdown .dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 15em;
    font-size: 0.9em;
    transition: all 0.5s
}

body:not(.ml_sidemenu) nav.navbar li.has-dropdown .dropdown {
    border: 1px solid rgba(0,0,0,0.5);
    border-width: 0 1px 1px;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,0.175)
}

nav.navbar li.has-dropdown .dropdown li {
    background: var(--site-button-background);
    padding-left: 0
}

nav.navbar li.has-dropdown .dropdown li:hover {
    background: var(--site-menu-background)
}

nav.navbar li.has-dropdown .dropdown a {
    display: block;
    padding: 0.5em 0.8em 0.6em 0.9em;
    font-weight: normal;
    outline: 0 !important;
    color: var(--site-button-text-color);
    text-transform: var(--site-capitalization)
}

nav.navbar li.has-dropdown .dropdown a:hover,nav.navbar li.has-dropdown .dropdown a:focus {
    background-color: unset
}

@media (any-hover: none),(any-pointer: coarse) {
    nav.navbar li.has-dropdown .dropdown a {
        padding:18px 10px
    }
}

ul.nav-block {
    display: flex;
    justify-content: flex-start;
    position: relative;
    height: 46px;
    width: 100%;
    margin: 0 auto;
    list-style: none;
    background: var(--site-menu-background)
}

ul.nav-block.favorites-menu {
    display: none
}

ul.nav-block a {
    color: var(--site-menu-text-color)
}

ul.nav-block>li {
    flex-grow: 1;
    position: relative;
    height: 100%;
    padding-left: 0 !important
}

ul.nav-block>li>a {
    position: relative;
    display: block;
    height: 100%;
    text-transform: var(--site-capitalization)
}

ul.nav-block>li>a>font {
    vertical-align: bottom !important
}

body:not(.ml_sidemenu) ul.nav-block>li>a {
    white-space: nowrap;
    padding-top: 0.7em;
    padding-bottom: 0
}

body:not(.ml_sidemenu) ul.nav-block>li:first-child>a.icon_button {
    padding-left: 2.7rem
}

body:not(.ml_sidemenu) ul.nav-block>li:first-child>a.icon_button::before {
    left: 1.7rem
}

body:not(.ml_sidemenu) ul#custom_menu.nav-block li>a {
    text-align: center
}

.ml_sidemenu .navbar {
    margin-bottom: unset;
    max-width: unset
}

.ml_sidemenu .navbar .has-dropdown ul.dropdown {
    margin-left: 0;
    background: transparent;
    min-width: 0;
    margin-top: 0;
    height: 0;
    overflow-y: hidden;
    display: block
}

.ml_sidemenu .navbar .navbar-header {
    top: 0;
    transition: none
}

.ml_sidemenu .navbar .navbar-header button.navbar-toggle {
    display: block
}

.ml_sidemenu .navbar .navbar-header button.navbar-scrollup {
    display: none
}

.ml_sidemenu .navbar #ml_navbar {
    position: fixed;
    height: auto !important;
    top: 46px;
    max-height: calc(100vh - 46px);
    padding: 0;
    left: 0;
    margin: 0;
    overflow-y: auto !important;
    overflow-x: hidden;
    transform: translate3d(-102%, 0, 0);
    transition: transform 0.3s;
    visibility: hidden;
    scrollbar-color: rgba(0,0,0,0.5) rgba(255,255,255,0.5)
}

.ml_sidemenu .navbar #ml_navbar::-webkit-scrollbar {
    background-color: transparent;
    width: 10px
}

.ml_sidemenu .navbar #ml_navbar::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.5);
    border-radius: 6px;
    border: 2px solid rgba(255,255,255,0.01)
}

.ml_sidemenu .navbar #ml_navbar::-webkit-scrollbar-track {
    background-color: rgba(255,255,255,0.5)
}

.ml_sidemenu .navbar #ml_navbar.open-menu {
    transform: translate3d(0, 0, 0)
}

.ml_sidemenu .navbar ul.nav-block {
    display: block;
    overflow-x: visible;
    width: auto;
    margin-left: 0;
    margin-top: 0px;
    max-width: 80vw;
    width: 250px;
    height: auto
}

.ml_sidemenu .navbar ul.nav-block>li {
    display: block
}

.ml_sidemenu .navbar ul.nav-block>li>a {
    padding: 0.2em 1em
}

@media (any-hover: none),(any-pointer: coarse) {
    .ml_sidemenu .navbar ul.nav-block>li>a {
        padding-top:1.1em !important;
        padding-bottom: 1.1em !important
    }
}

.ml_sidemenu .navbar ul.nav-block>li>a.icon_button {
    padding-left: 2.6rem
}

.ml_sidemenu .navbar ul.nav-block>li>a.icon_button::before {
    left: 1.4rem
}

.ml_sidemenu .navbar ul.nav-block:first-child>li:first-child>a {
    padding-top: 0.6em
}

.ml_sidemenu .navbar ul.nav-block:last-child>li:last-child>a {
    padding-bottom: 0.7em
}

body:not(.ml_sidemenu):not(.no-sidebar) .navbar {
    height: 46px;
    max-width: var(--site-menu-width);
    margin: 0 auto;
    box-sizing: content-box
}

body:not(.ml_sidemenu):not(.no-sidebar) .navbar>* {
    box-sizing: border-box
}

.navbar button.navbar-back {
    display: none;
    height: 46px;
    width: 50px;
    border: none;
    border-radius: 0;
    outline: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    color: var(--site-menu-text-color);
    background: var(--site-menu-background)
}

.navbar button.navbar-back::before {
    content: "\f053";
    padding: 0;
    font-size: 28px;
    margin-top: 2px
}

.standalone:not(.home_page):not(.member-login) .navbar button.navbar-back {
    display: block
}

.standalone:not(.ml_sidemenu):not(.ml_short) .navbar button.navbar-back {
    position: fixed;
    top: 0;
    left: 0
}

body.menu_style_modern.member-login .navbar-brand,body.menu_style_modern.home_page .navbar-brand {
    display: none !important
}

body.menu_style_modern:not(.ml_sidemenu) #ml_navbar {
    margin-right: 184px;
    margin-left: var(--site-sidenav-width)
}

body.menu_style_modern.home_page:not(.ml_sidemenu) #ml_navbar {
    margin-left: var(--site-sidenav-width)
}

body.menu_style_modern:not(.ml_sidemenu) ul.dropdown {
    max-height: calc(100vh - 46px);
    overflow-y: auto;
    overflow-x: hidden
}

body.menu_style_modern.home_page:not(.ml_sidemenu) #ml_navbar,body.menu_style_modern.member-login:not(.ml_sidemenu) #ml_navbar {
    margin-left: 0
}

body.menu_style_modern.home_page:not(.ml_sidemenu) .navbar-header,body.menu_style_modern.member-login:not(.ml_sidemenu) .navbar-header {
    display: none !important
}

body.menu_style_modern:not(.ml_sidemenu) #custom_header {
    display: none
}

body.menu_style_modern:not(.ml_sidemenu) #ml_header {
    height: 46px
}

body.menu_style_modern:not(.ml_sidemenu) .ml_header #login_logout #login_button {
    color: var(--site-menu-text-color);
    background: var(--site-menu-background);
    padding-top: 12px;
    top: 0
}

body.menu_style_modern:not(.ml_sidemenu) nav.navbar {
    width: 100%;
    margin: 0;
    max-width: unset;
    position: fixed;
    background: var(--site-menu-background)
}

body.menu_style_modern:not(.ml_sidemenu) nav.navbar .navbar-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5000;
    height: 46px;
    width: calc(var(--site-sidenav-width) + 1px);
    background: var(--site-menu-background);
    opacity: 1;
    overflow: hidden
}

body.menu_style_modern:not(.ml_sidemenu) nav.navbar .navbar-header .navbar-brand a {
    padding: 3px 0 3px 4px
}

body.menu_style_modern:not(.ml_sidemenu) nav.navbar .navbar-header .navbar-brand * {
    display: block;
    height: 100%;
    float: none
}

body.menu_style_modern:not(.ml_sidemenu) nav.navbar .navbar-header>button {
    display: none !important
}

body.menu_style_modern.links:not(.ml_sidemenu) *:not(.ml_header) {
    max-width: 100vw
}

.top-right-menu {
    height: 46px;
    display: flex;
    margin: 0;
    padding: 0;
    text-align: center
}

.top-right-menu a font {
    display: contents
}

.top-right-menu .button.icon.nationflag {
    font-size: 36px
}

.top-right-menu .button.icon.nationflag::before {
    left: 43%
}

.top-right-menu>li {
    display: block;
    position: static;
    height: 100%;
    width: 46px;
    margin: 0;
    padding: 0;
    background: radial-gradient(var(--site-menu-background-colors))
}

.top-right-menu>li * {
    display: block
}

.top-right-menu>li.open .button {
    color: var(--site-button-text-color)
}

.top-right-menu>li.open .options {
    display: block;
    color: var(--site-button-text-color)
}

.top-right-menu .button {
    position: relative;
    padding: 0;
    height: 100%;
    width: 46px;
    font: normal normal normal 24px / 1 FontAwesome;
    color: var(--site-menu-text-color);
    background: none;
    border: 0
}

.top-right-menu .button.icon::before,.top-right-menu .button.icon::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.top-right-menu .button.icon.help::before {
    content: "\f128"
}

.top-right-menu .button.icon.user::before {
    content: "\f007"
}

.top-right-menu .button.icon.search::before {
    content: "\f002"
}

.top-right-menu .button:hover {
    color: var(--site-button-text-color);
    background-image: var(--site-button-background)
}

@media (max-width: 400px) {
    .top-right-menu.help-button {
        display:none
    }
}

.top-right-menu .icon.messages::before {
    content: "\f2b7"
}

.top-right-menu .icon.messages.flag::before {
    content: "\f003"
}

.top-right-menu .icon.messages.flag::after {
    content: "\f069";
    color: red;
    font-size: 30%
}

.top-right-menu .options {
    display: none;
    text-align: center;
    position: absolute;
    right: 0;
    top: 100%;
    background: var(--site-button-background)
}

.top-right-menu .options.search {
    width: 184px;
    position: absolute
}

.top-right-menu .options.user {
    width: 138px;
    left: auto
}

.top-right-menu .options.user a {
    display: block;
    text-align: left;
    text-transform: capitalize;
    color: var(--site-button-text-color);
    background: var(--site-button-background);
    padding: 3px 5px 3px 22px
}

@media (any-hover: none),(any-pointer: coarse) {
    .top-right-menu .options.user a {
        padding-top:10px;
        padding-bottom: 10px
    }
}

.top-right-menu .options.user a:hover {
    color: var(--site-menu-text-color);
    background: var(--site-menu-background)
}

.top-right-menu .options.user a::before {
    font: normal normal normal 14px FontAwesome;
    margin-right: 4px
}

.top-right-menu .options.user a.profile::before {
    content: "\f2c0"
}

.top-right-menu .options.user a.account::before {
    content: "\f013"
}

.top-right-menu .options.user a.language::before {
    content: "\f1ab";
    font-size: 20px;
    margin-left: -8px;
    position: relative;
    top: 2px
}

.top-right-menu .options.user a.logout::before {
    content: "\f08b";
    transform: scaleX(-1);
    display: inline-block
}

.top-right-menu .options.user a:last-child {
    padding-bottom: 6px
}

.top-right-menu #search_object {
    color: black;
    font-size: 12px;
    width: 117px;
    margin-bottom: 5px
}

.top-right-menu #search_container .options {
    padding: 5px;
    text-align: center
}

.top-right-menu #menu_search_field {
    width: 100%;
    text-align: left;
    color: black;
    font-size: 14px;
    line-height: 16px
}

.top-right-menu .logged_in_as {
    padding: 0.3em;
    font-size: 0.6em;
    font-style: italic
}

.top-right-menu .logged_in_as.welcome {
    position: absolute;
    top: 45px;
    right: 5px;
    min-width: 124px;
    z-index: -1;
    text-align: center;
    color: var(--site-main-text-color)
}

.ml_short .top-right-menu .logged_in_as.welcome,.ml_sidemenu .top-right-menu .logged_in_as.welcome {
    display: none
}

#page_heading {
    padding: 0.3em 0 0.3em 0.6em;
    font-size: 1.1em;
    font-weight: 500
}

body.ml_sidemenu:not(.no-sidebar) .rightside>#page_heading {
    display: none
}

#page_heading a {
    text-transform: capitalize
}

#page_heading * {
    display: inline
}

#page_heading h1 {
    font-size: inherit;
    font-weight: inherit
}

#page_heading .red {
    padding: 0.4em;
    font-size: 80%
}

#page_heading #page_title {
    padding-right: 0.2em;
    vertical-align: baseline;
    display: inline;
    margin: 0;
    text-transform: capitalize;
    color: var(--site-content-text-color)
}

.update #page_heading #page_title {
    color: var(--site-form-text-color)
}

#page_heading #page_subtitle {
    vertical-align: baseline;
    text-transform: capitalize;
    font-weight: normal
}

body.ml_sidemenu #page_heading #page_subtitle {
    display: inline-block
}

body.update #page_heading #page_subtitle {
    color: var(--site-form-label-color)
}

#page_heading .sub_application {
    display: inline;
    margin-right: 0.3em;
    text-transform: capitalize
}

#page_heading .sub_application a {
    display: inline;
    text-transform: var(--site-capitalization)
}

.update #page_heading {
    color: var(--site-form-label-color)
}

#page_heading .object_class {
    text-transform: none
}

#page_heading .subtitle {
    font-size: 1rem;
    font-weight: normal
}

#page_heading .parent_class {
    margin-right: 8px
}

#page_heading .member_search_title_buttons a.short {
    font-size: .8em;
    padding-top: .2em;
    padding-bottom: .2em
}

.pagination+.red {
    display: block;
    padding: 0 20px 5px
}

body.public #event_page.rightside {
    display: table;
    left: auto;
    margin: auto;
    width: auto;
    max-width: 800px
}

body.popup #login_button {
    display: none;
    color: var(--site-button-text-color)
}

body.popup .rightside {
    left: auto;
    width: 750px;
    margin: auto;
    margin-top: 20px
}

#event_page #event_status_div #ml_buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly
}

#event_page a.ml_button,#event_page .ml_button a {
    margin-right: 8px;
    font-weight: normal
}

#event_page #event_title {
    font-size: 1.5em;
    font-weight: bold;
    margin: 0 0 0.1em 0;
    display: inline-block
}

#event_page #event_description {
    margin: 0 0.4em 1em 0.4em;
    font-style: italic;
    font-size: 1.1em;
    line-height: 1.2
}

#event_page #event_date {
    margin-bottom: 1em
}

#event_page #host_and_venue {
    margin-top: 10px;
    width: 350px
}

@media all and (max-width: 350px) {
    #event_page #host_and_venue {
        width:100%
    }
}

#event_page #host_and_venue #venue_info {
    line-height: 1.2
}

#event_page #host_and_venue td {
    width: 50%;
    padding: 0.2em 0.5em
}

#event_page #flyer {
    float: left;
    position: relative;
    margin: 0 20px 10px 0
}

#event_page #flyer>img {
    cursor: e-resize;
    transition: width 0.5s linear;
    width: 300px
}

#event_page #flyer #zoom {
    height: 20px;
    width: 20px;
    position: absolute;
    top: -7px;
    left: -7px;
    background-image: url(/images/buttons/zoom.png);
    background-size: 100% 100%
}

@media (max-width: 600px) {
    #event_page #event_description,#event_page #event_title {
        white-space:normal
    }

    #event_page #flyer {
        float: none;
        position: relative;
        margin: 8px;
        text-align: center
    }
}

#event_page.expand #flyer img {
    width: 100%;
    height: auto;
    cursor: w-resize
}

#event_page.expand #flyer #zoom {
    background-image: url(/images/buttons/shrink.png)
}

#event_page.expand #event_status_div {
    clear: both
}

#event_page.expand #event_metadata {
    float: left
}

#totals {
    background-color: var(--site-background-color);
    color: var(--site-main-text-color);
    border: 1px solid var(--site-main-text-color);
    padding: 0 5px;
    position: absolute;
    top: 0;
    right: 0
}

#totals a {
    color: inherit
}

body.ml_sidemenu.whos_going #totals {
    position: relative;
    text-align: center !important
}

#featured_events_container {
    text-align: center;
    border-radius: 14px;
    width: 97%;
    max-width: 780px;
    height: 500px;
    position: relative;
    box-shadow: 0 0 2px 1px var(--site-main-text-color);
    transition: all 0.4s
}

#featured_events_container .slide {
    width: unset;
    position: absolute;
    top: 12px;
    left: 13px;
    right: 13px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s
}

#featured_events_container .slide.open {
    visibility: visible;
    opacity: 1;
    z-index: 100
}

#featured_events_container .slide .slide-content {
    display: grid;
    grid-template-columns: auto minmax(50%, 1fr);
    align-items: center
}

#featured_events_container .slide .slide-content .thumb .thumb_container {
    border-radius: 8px;
    box-shadow: 0 0 2px 1px var(--site-main-text-color)
}

#featured_events_container .slide .slide-content .thumb a {
    display: block
}

#featured_events_container .slide .slide-content .thumb img {
    border-radius: 8px;
    max-width: 100%;
    display: block
}

#featured_events_container .slide .slide-content .thumb .square img {
    max-height: none
}

#featured_events_container .slide .slide-content .metadata {
    padding: 15px 0 10px 15px
}

#featured_events_container .slide .slide-content .metadata .name {
    line-height: 1.1em;
    font-size: 28px;
    font-weight: bold;
    margin: 0
}

#featured_events_container .slide .slide-content .metadata .description {
    line-height: 1em;
    font-style: italic;
    font-size: 20px
}

#featured_events_container #playpause {
    position: absolute;
    top: 5px;
    right: 4px;
    z-index: 200
}

#featured_events_container #playpause a {
    margin: 0;
    padding: 5px 6px !important;
    border-radius: 3px
}

#featured_events_container #playpause a::before {
    position: unset;
    top: unset;
    left: unset;
    transform: unset;
    font-size: 1.2em
}

#featured_events_container #pause {
    display: block
}

#featured_events_container #play {
    display: none
}

#featured_events_container.stopped #pause {
    display: none
}

#featured_events_container.stopped #play {
    display: block
}

@media (max-width: 768px) {
    #featured_events_container {
        height:700px
    }

    #featured_events_container .slide .slide-content {
        display: block
    }

    #featured_events_container .slide .slide-content .thumb {
        display: inline-block
    }
}

.featured_advertised_combo {
    position: fixed;
    bottom: 0;
    right: 0;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 4000;
    padding-right: 10px;
    background-color: var(--site-content-background-color)
}

.featured_advertised_combo .heading {
    text-align: center;
    margin: 5px;
    font-size: 12px;
    font-style: italic
}

.featured_advertised_combo #featured_events_container {
    position: relative;
    width: 110px;
    text-align: center
}

.featured_advertised_combo #featured_events_container #playpause {
    top: -28px;
    right: 1px;
    font-size: 12px
}

.featured_advertised_combo #featured_events_container .slide {
    width: 100px;
    padding: 0px;
    border: none
}

.featured_advertised_combo #featured_events_container .slide table {
    width: 100px
}

.featured_advertised_combo #featured_events_container .slide td {
    display: inline-block
}

.featured_advertised_combo #featured_events_container .slide td.thumb img {
    max-height: 100px;
    max-width: 100px;
    border-radius: 0
}

.featured_advertised_combo #featured_events_container .slide td.thumb .thumb_container {
    border: none
}

.featured_advertised_combo #featured_events_container .slide td.metadata {
    width: 100px
}

.featured_advertised_combo #featured_events_container #event_status_div {
    display: none
}

.featured_advertised_combo #featured_events_container .name {
    font-size: 12px
}

.featured_advertised_combo #featured_events_container .description {
    display: none
}

.featured_advertised_combo #featured_events_container .date,.featured_advertised_combo #featured_events_container .venue {
    font-size: 10px
}

.featured_advertised_combo .advertisements_container {
    position: relative;
    overflow: visible;
    padding-right: 5px
}

.featured_advertised_combo .advertisements_container .close_button {
    display: none
}

.advertisements_container {
    padding: 5px 15px 5px 5px;
    max-height: 100%;
    margin: auto;
    position: fixed;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 1em;
    font-size: 80%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 4000;
    background-color: var(--site-content-background-color)
}

.advertisements_container #ad_inner_container {
    width: 105px
}

.advertisements_container .heading {
    font-style: italic
}

.advertisements_container .date {
    font-size: 90%
}

.advertisements_container .venue {
    font-size: 90%
}

.advertisements_container .thumb_container {
    margin-top: 7px
}

.advertisements_container .description {
    font-style: italic
}

.home_page .featured {
    padding: 2vw
}

.ad_buttons .toggle-button .label {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    padding-top: 0.3em;
    margin: 0;
    line-height: 1.1;
    white-space: unset;
    text-align: center
}

.ad_buttons .ad_lets_see,.ad_buttons .ad_lets_talk {
    display: none
}

.ad_buttons .ad_lets_not {
    background-image: url(/assets/ad_lets_not_inactive.png)
}

.ad_buttons.lets_not .ad_lets_not {
    background-image: url(/assets/ad_lets_not_active.png)
}

.ad_buttons .ad_lets_see {
    background-image: url(/assets/ad_lets_see_inactive.png);
    display: none
}

.ad_buttons.lets_see .ad_lets_see {
    background-image: url(/assets/ad_lets_see_active.png)
}

.ad_buttons.lets_see_match .ad_lets_see {
    background-image: url(/assets/ad_lets_see_match.png)
}

.ad_buttons .ad_lets_talk {
    background-image: url(/assets/ad_lets_talk_inactive.png);
    display: none
}

.ad_buttons.lets_talk .ad_lets_talk {
    background-image: url(/assets/ad_lets_talk_active.png)
}

.ad_buttons.lets_talk_match .ad_lets_talk {
    background-image: url(/assets/ad_lets_talk_match.png)
}

.ad_buttons .ad_lets_meet {
    background-image: url(/assets/ad_lets_meet_inactive.png)
}

.ad_buttons.lets_meet .ad_lets_meet {
    background-image: url(/assets/ad_lets_meet_active.png)
}

.ad_buttons.lets_meet_match .ad_lets_meet {
    background-image: url(/assets/ad_lets_meet_match.gif)
}

.ad_buttons .ad_lets_play {
    background-image: url(/assets/ad_lets_play_inactive.png)
}

.ad_buttons.lets_play .ad_lets_play {
    background-image: url(/assets/ad_lets_play_active.png)
}

.ad_buttons.lets_play_match .ad_lets_play {
    background-image: url(/assets/ad_lets_play_match.gif)
}

.social-buttons {
    text-align: center;
    margin-bottom: 10px
}

.social-buttons .toggle-button a {
    display: block;
    height: 100%;
    width: 100%;
    text-align: center
}

.social-buttons .toggle-button a img {
    display: none
}

.social-buttons .toggle-button a.active,.social-buttons .toggle-button a.pending {
    display: none
}

.social-buttons .toggle-button.active a {
    display: none
}

.social-buttons .toggle-button.active a.active {
    display: block
}

.social-buttons .toggle-button.pending a {
    display: none
}

.social-buttons .toggle-button.pending a.pending {
    display: block
}

.social-buttons #realbutton {
    background-image: url(/assets/certify_inactive.png)
}

.social-buttons #realbutton.active {
    background-image: url(/assets/certify_active.png)
}

.social-buttons #wishlistbutton {
    background-image: url(/assets/wishlist_inactive.png)
}

.social-buttons #wishlistbutton.active {
    background-image: url(/assets/wishlist_active.png)
}

.social-buttons #hotlistbutton {
    background-image: url(/assets/hotlist_inactive.png)
}

.social-buttons #hotlistbutton.active {
    background-image: url(/assets/hotlist_active.png)
}

.social-buttons #friendbutton {
    background-image: url(/assets/friend_inactive.png)
}

.social-buttons #friendbutton.pending {
    background-image: url(/assets/friend_pending.png)
}

.social-buttons #friendbutton.active {
    background-image: url(/assets/friend_active.png)
}

.social-buttons #passkeybutton {
    background-image: url(/assets/passkey_inactive.png)
}

.social-buttons #passkeybutton.active {
    background-image: url(/assets/passkey_active.png)
}

.social-buttons #blockbutton {
    background-image: url(/assets/block_inactive.png)
}

.social-buttons #blockbutton.active {
    background-image: url(/assets/block_active.png)
}

.ad_buttons,.social-buttons {
    display: flex;
    justify-content: center
}

.thumb-container .ad_buttons,.thumb-container .social-buttons {
    justify-content: space-evenly
}

.ad_buttons .toggle-button,.social-buttons .toggle-button {
    position: relative;
    height: 48px;
    width: 48px;
    margin: 0px 5px;
    background-size: 48px 48px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer
}

.ad_buttons .toggle-button .label,.social-buttons .toggle-button .label {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    padding-top: 3px;
    font-size: 75%;
    font-weight: 500;
    margin: 0;
    line-height: 1;
    white-space: unset;
    text-align: center
}

.thumb-container .ad_buttons .toggle-button .label,.thumb-container .social-buttons .toggle-button .label {
    display: none
}

.profile-container .ad_buttons,.profile-container .social-buttons {
    margin-bottom: 2.7em
}

.profile-container .ad_buttons .ad_lets_see,.profile-container .ad_buttons .ad_lets_talk,.profile-container .social-buttons .ad_lets_see,.profile-container .social-buttons .ad_lets_talk {
    display: block
}

.profile-container li.social-buttons {
    margin-bottom: 1.4em
}

.profile-container li.social-buttons:last-child {
    margin-bottom: 2.6em
}

.thumb-container>.ad_buttons {
    position: absolute;
    bottom: 3px;
    z-index: 10;
    width: 100%
}

.thumb-container .image_container .ad_buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 250px;
    text-align: center;
    display: flex
}

.thumb-container .image_container .ad_buttons>div {
    display: none;
    height: 35px;
    width: 30px;
    margin-bottom: 2px;
    background-size: 20px 20px;
    background-position: center bottom;
    background-repeat: no-repeat
}

.thumb-container .image_container .lets_not .ad_lets_not {
    display: table-cell
}

.thumb-container .image_container .lets_meet .ad_lets_meet,.thumb-container .image_container .lets_meet_match .ad_lets_meet {
    display: table-cell
}

.thumb-container .image_container .lets_play .ad_lets_play,.thumb-container .image_container .lets_play_match .ad_lets_play {
    display: table-cell
}

.thumb-container .image_container .miniprofile .ad_buttons {
    position: relative;
    bottom: auto;
    width: 100%;
    margin-bottom: 5px
}

.thumb-container .image_container .miniprofile .ad_buttons>div {
    display: table-cell;
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
    margin: 0
}

.thumb-container .image_container .miniprofile .ad_buttons .ad_lets_see,.thumb-container .image_container .miniprofile .ad_buttons .ad_lets_talk,.thumb-container .image_container .miniprofile .ad_buttons .line_break {
    display: none
}

a.ml_button,input.ml_button,button.ml_button,.ml_button a,.ml_button input[type],.ml_button button {
    display: inline-block;
    line-height: 1.2;
    letter-spacing: 1px;
    padding: 0.5em 0.7em;
    margin: 0.3em 0.45em 0.3em 0;
    border-radius: 0;
    border: none;
    background: var(--site-button-background);
    color: var(--site-button-text-color)
}

a.ml_button.icon_button,input.ml_button.icon_button,button.ml_button.icon_button,.ml_button a.icon_button,.ml_button input.icon_button[type],.ml_button button.icon_button {
    padding-left: 2.2rem !important
}

table.listview a.ml_button,table.listview input.ml_button,table.listview button.ml_button,table.listview .ml_button a,table.listview .ml_button input[type],table.listview .ml_button button {
    padding: 4px 8px;
    height: auto;
    margin-bottom: 3px
}

.ml_button {
    padding-top: 0.5em;
    padding-bottom: 0.5em
}

.ml_button:last-child {
    margin-right: 0
}

.sidenav .ml_button {
    padding-top: 0
}

.ml_button a {
    text-transform: var(--site-capitalization);
    font-weight: normal;
    white-space: nowrap
}

.ml_button a.short {
    padding-top: 0.3em;
    padding-bottom: 0.3em
}

.ml_button a.close_button {
    padding: 0 3px 20px 4px;
    font-size: 16px;
    margin-right: 0px;
    border: none
}

.ml_button a.green {
    color: white !important;
    background-color: #159600 !important;
    background: linear-gradient(#159600, #021400) !important;
    border-color: #000000 !important
}

.ml_button a.red {
    color: white !important;
    background-color: #ae0000 !important;
    background: linear-gradient(#ae0000, #021400) !important;
    border-color: #000000 !important
}

.ml_button a.delete.icon_button {
    display: inline-block;
    margin-bottom: 5px
}

.ml_button a.button.renew {
    white-space: normal;
    text-align: center
}

.ml_button input {
    text-transform: var(--site-capitalization)
}

.ml_button input:hover {
    cursor: pointer
}

#featured_events_container .slide #event_status_div .ml_button {
    text-align: center
}

#criteria .ml_button a {
    font-size: 110%
}

.ml_button.apply-points {
    display: none;
    padding-right: 0
}

.ml_button.apply-points a {
    margin-right: 0
}

.thumb-container.event .caption .buttons a {
    margin-right: 0;
    margin-bottom: 0.3em;
    padding: 0.4em 0.5em
}

#fa_combo a.close_button,#ad_container a.close_button {
    right: auto;
    left: 1px;
    top: 1px;
    height: 14px;
    width: 12px;
    padding: 1px;
    border-radius: 0 0 3px;
    z-index: 4001;
    line-height: 10px;
    font-size: 10px
}

input[type=file] {
    padding: 0;
    width: 19em;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 0.4em
}

input[type=file]::-webkit-file-upload-button {
    display: inline-block;
    line-height: 1.2;
    letter-spacing: 1px;
    padding: 0.5em 0.7em;
    margin: 0 0.6em 0 0;
    border-radius: 0;
    border: none;
    background: var(--site-button-background);
    color: var(--site-button-text-color);
    font-weight: 400;
    cursor: context-menu
}

input[type=file]::-webkit-file-upload-button:hover {
    text-shadow: 0 -1px 0 currentcolor
}

input[type=file]::file-selector-button {
    display: inline-block;
    line-height: 1.2;
    letter-spacing: 1px;
    padding: 0.5em 0.7em;
    margin: 0 0.6em 0 0;
    border-radius: 0;
    border: none;
    background: var(--site-button-background);
    color: var(--site-button-text-color);
    font-weight: 400;
    cursor: context-menu
}

input[type=file]::file-selector-button:hover {
    text-shadow: 0 -1px 0 currentcolor
}

@-moz-document url-prefix() {
    input[type=file] {
        text-overflow: clip
    }
}

.pagination {
    position: relative;
    display: block;
    text-align: center;
    padding: 6px 2vw 1px
}

.pagination>* {
    padding: 6px
}

.pagination a {
    text-decoration: underline;
    color: var(--site-content-link-color)
}

.pagination a:hover,.pagination a:active {
    outline: 1px solid #000099
}

.pagination span.current {
    font-weight: bold;
    color: red
}

.drillpivot {
    display: inline
}

.drillpivot img {
    padding: 0 4px;
    height: 20px
}

.drillpivot .ml_container {
    position: absolute
}

.drillpivot .dplinks {
    width: 700px;
    background: #ECECEC;
    display: none;
    border: 1px solid black;
    position: absolute;
    top: -1px;
    left: 14px;
    text-align: left
}

.drillpivot .dplinks .label {
    color: white;
    background: black;
    display: block;
    border-radius: 0
}

.drillpivot .dplinks a {
    padding: 4px 5px;
    color: black;
    background-color: #aaa;
    margin: 3px;
    text-transform: capitalize
}

.drillpivot .dplinks a:hover {
    background: yellow
}

.drillpivot .dplinks:hover {
    display: block;
    z-index: 1000
}

tr:hover td.data {
    z-index: 1000 !important
}

tr:hover td.data .drillpivot img {
    background-color: yellow
}

tr:hover td.data .drillpivot .dplinks {
    display: block;
    z-index: 1000
}

tr:hover td.data .drillpivot .dplinks a {
    display: inline-block
}

.ml_spinner {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 12000
}

.ml_spinner .bg {
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.3
}

.ml_spinner .img {
    background-color: #777;
    border: 1px solid white;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -75px;
    padding: 20px;
    color: white
}

.ml_spinner .img img {
    display: block;
    margin: auto;
    margin-bottom: 10px
}

.processing>.ml_spinner {
    display: block
}

.sk-fading-circle {
    margin: 0 auto 10px;
    width: 40px;
    height: 40px;
    position: relative
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both
}

.sk-fading-circle .sk-circle2 {
    transform: rotate(30deg)
}

.sk-fading-circle .sk-circle3 {
    transform: rotate(60deg)
}

.sk-fading-circle .sk-circle4 {
    transform: rotate(90deg)
}

.sk-fading-circle .sk-circle5 {
    transform: rotate(120deg)
}

.sk-fading-circle .sk-circle6 {
    transform: rotate(150deg)
}

.sk-fading-circle .sk-circle7 {
    transform: rotate(180deg)
}

.sk-fading-circle .sk-circle8 {
    transform: rotate(210deg)
}

.sk-fading-circle .sk-circle9 {
    transform: rotate(240deg)
}

.sk-fading-circle .sk-circle10 {
    transform: rotate(270deg)
}

.sk-fading-circle .sk-circle11 {
    transform: rotate(300deg)
}

.sk-fading-circle .sk-circle12 {
    transform: rotate(330deg)
}

.sk-fading-circle .sk-circle2:before {
    animation-delay: -1.1s
}

.sk-fading-circle .sk-circle3:before {
    animation-delay: -1s
}

.sk-fading-circle .sk-circle4:before {
    animation-delay: -0.9s
}

.sk-fading-circle .sk-circle5:before {
    animation-delay: -0.8s
}

.sk-fading-circle .sk-circle6:before {
    animation-delay: -0.7s
}

.sk-fading-circle .sk-circle7:before {
    animation-delay: -0.6s
}

.sk-fading-circle .sk-circle8:before {
    animation-delay: -0.5s
}

.sk-fading-circle .sk-circle9:before {
    animation-delay: -0.4s
}

.sk-fading-circle .sk-circle10:before {
    animation-delay: -0.3s
}

.sk-fading-circle .sk-circle11:before {
    animation-delay: -0.2s
}

.sk-fading-circle .sk-circle12:before {
    animation-delay: -0.1s
}

@-webkit-keyframes sk-circleFadeDelay {
    0%,39%,100% {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

@keyframes sk-circleFadeDelay {
    0%,39%,100% {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

#ml_notify_user,#flash_note {
    position: fixed;
    top: 0;
    z-index: 5000000;
    max-width: 80vw;
    background: black;
    color: white;
    text-align: right;
    padding: .5em;
    box-shadow: 0 0 3px #000;
    transition: transform 0.2s;
    min-height: 46px
}

#flash_note {
    right: 0;
    transform: translateY(-110%);
    font-size: 110%;
    color: #FFB22B
}

#flash_note.open {
    transform: translateY(0)
}

#ml_notify_user {
    left: 50%;
    transform: translateX(-50%) translateY(-110%);
    font-size: 130%
}

#ml_notify_user.open {
    transform: translateX(-50%) translateY(0)
}

body.messages .outer_wrapper,body.messages .rightside {
    width: 100%;
    min-height: unset !important;
    overflow: unset !important;
    padding: 0
}

body.messages #page_heading {
    position: relative;
    padding: 7px 0px 0;
    font-size: 1em
}

body.messages #page_heading a {
    text-transform: unset
}

body.messages #page_heading::after {
    width: 100%;
    display: block;
    height: 6px;
    background: var(--site-form-alt-row-bg-color);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

body.messages #page_heading #page_subtitle {
    padding-left: 10px;
    padding-bottom: 5px;
    display: block
}

body.messages #page_heading #page_subtitle span {
    display: block
}

body.messages #page_heading #page_subtitle span:first-child {
    font-weight: 500
}

body.messages #page_heading #page_subtitle span:last-child {
    font-size: 90%
}

body.messages #page_heading .ml_button {
    display: block;
    margin: 2px 5px 10px 5px !important;
    padding: 0 0 0 6px;
    position: absolute;
    right: 0;
    top: 5px
}

body.messages #page_heading .ml_button a {
    margin: 0
}

body.messages #page_heading .tabs-box {
    display: grid;
    gap: 5px;
    grid-template-columns: 4.7em 4.7em 4.7em 1fr;
    margin: 5px 3px 0px
}

body.messages #page_heading .tabs-box.unread a.sent-btn,body.messages #page_heading .tabs-box.unread a.inbox-btn,body.messages #page_heading .tabs-box.inbox a.unread-btn,body.messages #page_heading .tabs-box.inbox a.sent-btn,body.messages #page_heading .tabs-box.sent a.inbox-btn,body.messages #page_heading .tabs-box.sent a.unread-btn {
    background: var(--site-form-background-color);
    color: var(--site-form-label-color);
    font-weight: normal
}

body.messages #page_heading .tabs-box a {
    padding: 4px 6px 5px 6px;
    margin: 0;
    vertical-align: baseline;
    text-align: center;
    border-radius: 8px 8px 0 0;
    border: 2px solid var(--site-form-alt-row-bg-color);
    color: inherit;
    font-weight: bold;
    background: var(--site-form-alt-row-bg-color);
    border-width: 2px 2px 0
}

body.messages #page_heading .tabs-box input {
    width: 100%;
    max-width: 12.8em;
    padding: 4px 10px;
    height: 1.8em;
    border-radius: 6px
}

body.messages #page_heading .filters-box {
    display: grid;
    grid-template-columns: minmax(23em, 35%) 1fr;
    gap: 5px;
    margin: 0;
    line-height: 1.1;
    background: var(--site-form-alt-row-bg-color);
    border-bottom: 1px solid var(--site-form-background-alpha-color)
}

body.messages #page_heading .filters-box .sub-tabs-box {
    display: grid;
    gap: 5px;
    grid-template-columns: auto auto;
    margin: 0px 5px 0px;
    position: relative;
    top: 1px
}

body.messages #page_heading .filters-box .sub-tabs-box.messages a.notifications-btn,body.messages #page_heading .filters-box .sub-tabs-box.notifications a.messages-btn {
    background: var(--site-form-background-alpha-color);
    font-weight: normal
}

body.messages #page_heading .filters-box .sub-tabs-box a {
    padding: 4px 10px 7px;
    margin: 10px 0 0;
    vertical-align: baseline;
    text-align: center;
    color: var(--site-form-text-color);
    font-weight: bold;
    font-size: 80%;
    border-radius: 8px 8px 0 0;
    border: 2px solid var(--site-form-background-alpha-color);
    border-width: 2px 2px 0;
    background: var(--site-form-alt-row-bg-color)
}

body.messages #page_heading .filters-box .sub-tabs-box a.flag::before {
    content: "\25cf";
    color: red;
    font-size: 100%;
    margin-right: 0.2em
}

body.messages:not(.ml_sidemenu) #page_heading {
    position: relative;
    z-index: 1
}

body.messages.ml_sidemenu #page_heading .filters-box {
    display: block
}

body.messages.ml_sidemenu .chat-container {
    display: block
}

body.messages.ml_sidemenu .chat-container .thread-container {
    display: none
}

.chat-container {
    width: 100%;
    background-color: var(--site-form-background-color)
}

body:not(.ml_sidemenu) .chat-container {
    display: grid;
    grid-template-columns: minmax(23em, 35%) 1fr
}

body:not(.ml_sidemenu) .messages.flyout .chat-container {
    display: unset
}

.chat-container .threads-list,.chat-container .thread-messages,.chat-container .thread-inner,.chat-container #message-input {
    scrollbar-color: #aaa transparent
}

.chat-container .threads-list::-webkit-scrollbar,.chat-container .thread-messages::-webkit-scrollbar,.chat-container .thread-inner::-webkit-scrollbar,.chat-container #message-input::-webkit-scrollbar {
    background-color: transparent;
    width: 10px
}

.chat-container .threads-list::-webkit-scrollbar-thumb,.chat-container .thread-messages::-webkit-scrollbar-thumb,.chat-container .thread-inner::-webkit-scrollbar-thumb,.chat-container #message-input::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.5);
    border-radius: 6px;
    border: 2px solid rgba(255,255,255,0.01)
}

.chat-container .threads-list::-webkit-scrollbar-track,.chat-container .thread-messages::-webkit-scrollbar-track,.chat-container .thread-inner::-webkit-scrollbar-track,.chat-container #message-input::-webkit-scrollbar-track {
    background-color: transparent
}

body:not(.ml_sidemenu) .chat-container .threads-list {
    position: relative;
    overflow-y: auto;
    overflow-x: visible;
    direction: rtl;
    padding-left: 1px;
    scrollbar-color: var(--site-form-alt-row-bg-color) transparent
}

body:not(.ml_sidemenu) .chat-container .threads-list::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.5)
}

body:not(.ml_sidemenu) .chat-container .threads-list::after {
    content: '';
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    right: 0;
    width: 0;
    border-left: 2px solid black
}

.chat-container .threads-list article.message-row {
    display: grid;
    grid-template-columns: 95px 1fr;
    width: 100%;
    line-height: 1.3;
    direction: ltr
}

.chat-container .threads-list article.message-row:nth-child(even) {
    background-color: var(--site-form-background-color)
}

.chat-container .threads-list article.message-row:nth-child(odd) {
    background-color: var(--site-form-alt-row-bg-color)
}

body:not(.ml_sidemenu) .chat-container .threads-list article.message-row {
    border-right: 2px solid black
}

body:not(.ml_sidemenu) .chat-container .threads-list article.message-row.selected {
    position: relative;
    z-index: 1000;
    border: 2px solid black;
    border-right: none;
    border-left: none
}

body:not(.ml_sidemenu) .chat-container .threads-list article.message-row.selected::after {
    content: '';
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    right: 0;
    width: 2px;
    background-color: inherit
}

body:not(.ml_sidemenu) .chat-container .threads-list article.message-row.selected:first-child {
    border-top: none
}

.chat-container .threads-list article.message-row .message-text {
    order: 2;
    padding: 0.6em 1em 0.6em 0
}

.chat-container .threads-list article.message-row .message-text heading {
    display: grid;
    grid-template-columns: 1.7fr 1fr;
    width: 100%
}

.chat-container .threads-list article.message-row .message-text heading h1 {
    margin: 0 0 0.1em;
    font-size: 1em;
    line-height: 1.1;
    font-weight: normal;
    padding-right: 0.6em
}

.chat-container .threads-list article.message-row .message-text heading h1 a {
    padding: 0.5em 0 0.2em;
    position: relative
}

.chat-container .threads-list article.message-row .message-text heading time {
    opacity: 0.6;
    font-size: 0.8em;
    text-align: right
}

.chat-container .threads-list article.message-row .message-text .content.unread {
    font-weight: bold
}

.chat-container .threads-list article.message-row .message-text .content p.subject-line {
    font-size: 1em;
    margin: 0 0 0.2em
}

.chat-container .threads-list article.message-row .message-text .content p.body-text {
    font-size: 0.8em;
    margin: 0
}

.chat-container .threads-list article.message-row figure {
    order: 1;
    align-self: center;
    padding: 8px 5px;
    margin: 0
}

.chat-container .threads-list article.message-row figure .email,.chat-container .threads-list article.message-row figure .contact {
    word-wrap: break-word
}

.chat-container .threads-list article.message-row figure img {
    display: block;
    max-width: 80px;
    max-height: 80px;
    margin: auto;
    border-radius: 1000px;
    border: 2px solid #fff;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4)
}

.chat-container .threads-list article.more_threads {
    display: block
}

.chat-container .threads-list article.more_threads * {
    vertical-align: middle
}

.chat-container .threads-list article.more_threads a.mark_read {
    margin: 4px 0
}

.chat-container .threads-list article.more_threads a.icon_button.down {
    margin-left: 15px !important
}

.chat-container .thread-container {
    display: grid;
    grid-template-rows: auto 1fr 8em;
    width: 100%;
    min-height: 30vh
}

.chat-container .thread-container.no-thread {
    grid-template-rows: auto 1fr auto
}

.chat-container .thread-container.no-thread .message-inputs {
    grid-template-rows: 45vh 1fr
}

.chat-container .thread-container.no-input {
    grid-template-rows: auto 1fr 0em
}

body:not(.ml_sidemenu) .chat-container .thread-container {
    border-top: 2px solid black
}

.chat-container .thread-container.alt-bg {
    background-color: var(--site-form-alt-row-bg-color)
}

.chat-container .thread-container .thread-title {
    position: relative;
    z-index: 1;
    box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.4);
    padding: 5px;
    background-color: rgba(0,0,0,0.2)
}

.chat-container .thread-container .thread-title.show-search .search-mask {
    visibility: visible;
    opacity: 1
}

.chat-container .thread-container .thread-title .search-row {
    text-align: center
}

.chat-container .thread-container .thread-title .search-row .ml_button {
    display: inline-block
}

.chat-container .thread-container .thread-title .search-row #message-search-field {
    width: 40%
}

.chat-container .thread-container .thread-title .thumb {
    text-align: center
}

.chat-container .thread-container .thread-title .thumb.me {
    float: right;
    margin-right: 5px
}

.chat-container .thread-container .thread-title .thumb.them {
    float: left;
    margin-left: 5px
}

.chat-container .thread-container .thread-title .thumb a.member_name {
    position: relative;
    top: 1px;
    font-size: 12px;
    width: 100%;
    max-width: 12em;
    text-align: center;
    display: block;
    line-height: 12px
}

.chat-container .thread-container .thread-title .thumb img {
    border: 2px solid white;
    border-radius: 28px;
    max-height: 60px
}

.chat-container .thread-container .thread-title a.search-reveal {
    margin: 0;
    padding: 1.1rem;
    position: absolute;
    bottom: 0.5em;
    left: 50%;
    transform: translateX(-50%)
}

.chat-container .thread-container .thread-title a.video.icon_button {
    color: black;
    position: relative;
    top: 20px
}

.chat-container .thread-container .thread-title .webcam-status {
    position: absolute;
    top: 0;
    left: 50%;
    width: 30em;
    margin-left: -15em;
    text-align: center;
    z-index: -1
}

.chat-container .thread-container .thread-title .search-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #e0e0e0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s
}

.chat-container .thread-container .thread-title .search-mask .search-container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    display: flex
}

.chat-container .thread-container .thread-title .search-mask .search-container #message-search-field {
    padding: 0 5px;
    vertical-align: middle
}

.chat-container .thread-container .thread-title .search-mask .search-container .icon_button.search {
    display: inline-block !important;
    margin: 0 0 0 5px !important;
    border: 1px solid gray
}

.chat-container .thread-container .thread-title .search-mask .search-container .icon_button.search::before {
    font-size: 130%
}

.chat-container .thread-container .thread-title .webcam {
    display: none;
    width: 300px;
    margin: 0 auto
}

.chat-container .thread-container .thread-title .webcam .phone.icon_button::before {
    left: unset
}

.chat-container .thread-container .thread-title .webcam video#peer-camera {
    width: 100%;
    height: auto
}

.chat-container .thread-container .thread-title .webcam video#peer-camera.max {
    width: 100vw;
    max-height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 8000
}

.chat-container .thread-container .thread-title .webcam video#my-camera {
    width: 100px;
    height: auto;
    position: absolute;
    top: 5px;
    right: 5px
}

.chat-container .thread-container .thread-title .webcam a.icon_button.hangup.phone {
    position: absolute;
    right: 29px;
    top: 80px;
    color: white;
    background-color: red;
    border-radius: 50%;
    font-size: 1em;
    padding: 10px;
    display: inline-block;
    margin-top: 10px;
    transform: rotate(135deg)
}

.chat-container .thread-container .thread-title .webcam a.icon_button.hangup.phone:hover {
    font-style: normal
}

@media (max-width: 400px) {
    .chat-container .thread-container .thread-title .webcam a.icon_button.hangup.phone {
        position:absolute;
        right: 50%;
        top: 0;
        margin-right: -20px
    }
}

.chat-container .thread-container .thread-title.webcam-open .webcam {
    display: block
}

.chat-container .thread-container .thread-title.webcam-open a.video {
    display: none
}

.chat-container .thread-container .thread-title.webcam-open .me.thumb {
    display: none
}

.chat-container .thread-container .thread-title.webcam-open a.search-reveal {
    display: none
}

.chat-container .thread-container .thread-messages {
    color: #232323;
    font-size: 90%;
    overflow-y: auto
}

body:not(.ml_sidemenu) .chat-container .thread-container .thread-messages {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow-y: hidden;
    padding: 0 2px 0 10px
}

body:not(.ml_sidemenu) .chat-container .thread-container .thread-messages .thread-inner {
    overflow-y: scroll;
    scroll-behavior: auto
}

.chat-container .thread-container .thread-messages time.received {
    float: left;
    margin-left: 1.7em;
    clear: both
}

.chat-container .thread-container .thread-messages time.sent {
    float: right;
    margin-right: 1.3em;
    clear: both
}

.chat-container .thread-container .thread-messages .message {
    position: relative;
    max-width: 80%;
    clear: both;
    margin: 1em 0.6em 0;
    padding: 0.6em 0.7em 0.7em;
    line-height: 1.6;
    word-wrap: break-word
}

.chat-container .thread-container .thread-messages .message video.large_thumb {
    max-height: 180px;
    max-width: 180px;
    display: block
}

.chat-container .thread-container .thread-messages .message .emoji-group {
    font-size: 1.5em;
    vertical-align: middle;
    line-height: 1
}

.chat-container .thread-container .thread-messages .message .thumb img {
    border: 2px solid #ccc;
    border-radius: 28px;
    max-height: 60px
}

.chat-container .thread-container .thread-messages .message .thumb.from {
    width: 100px;
    text-align: center;
    float: left;
    margin-bottom: 10px
}

.chat-container .thread-container .thread-messages .message .thumb.to {
    width: 100px;
    text-align: center;
    float: right;
    margin-bottom: 10px
}

.chat-container .thread-container .thread-messages .message .invited {
    position: absolute;
    top: 30px;
    left: calc(50% - 28px)
}

.chat-container .thread-container .thread-messages .message.more_messages {
    border: none;
    box-shadow: none;
    max-width: unset;
    padding: 0;
    margin: 7px 0
}

.chat-container .thread-container .thread-messages .message.more_messages a.icon_button.up {
    padding-top: 2px !important;
    padding-bottom: 4px !important;
    margin-left: 15px !important
}

.chat-container .thread-container .thread-messages .message.received {
    float: left;
    background-color: rgba(255,255,255,0.9);
    border-radius: 0 20px 20px 20px
}

.chat-container .thread-container .thread-messages .message.received .body {
    padding-right: 0.7em
}

.chat-container .thread-container .thread-messages .message.received::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    transform: translateY(-100%);
    border-style: solid;
    border-width: 5px 5px 2px 5px;
    border-color: transparent transparent rgba(255,255,255,0.9) rgba(255,255,255,0.9)
}

.chat-container .thread-container .thread-messages .message.received.from a {
    float: left;
    margin-left: 5px;
    margin-top: 10px
}

.chat-container .thread-container .thread-messages .message.received.from img {
    max-height: 40px;
    float: left;
    margin: 0
}

.chat-container .thread-container .thread-messages .message.received.nfp {
    width: 100%
}

.chat-container .thread-container .thread-messages .message.sent {
    float: right;
    border-radius: 20px 20px 0 20px;
    color: white;
    background-color: rgba(0,0,0,0.4)
}

.chat-container .thread-container .thread-messages .message.sent::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    transform: translateY(100%);
    border-style: solid;
    border-width: 1px 5px 4px 3px;
    border-color: rgba(0,0,0,0.4) rgba(0,0,0,0.4) transparent transparent
}

.chat-container .thread-container .thread-messages .message.sent .photo.flash_image::after {
    font: normal normal normal 48px / 1 FontAwesome;
    content: '\f017';
    color: #aaa;
    position: absolute;
    top: 0;
    left: 7px;
    font-size: 32px
}

.chat-container .thread-container .thread-messages .message.sent .photo.flash_image.complete::after {
    content: '\f057'
}

.chat-container .thread-container .thread-messages .message .photo {
    float: left;
    margin: 0.4em 0.8em 0.4em 0.8em
}

.chat-container .thread-container .thread-messages .message span.subject {
    padding-right: 0.5em
}

.chat-container .thread-container .message-inputs {
    display: grid;
    grid-template-rows: 5.5em 1fr;
    align-content: stretch;
    padding: 0 10px
}

.chat-container .thread-container .message-inputs #mentions_picker,.chat-container .thread-container .message-inputs #hashtags_picker {
    transform: translateY(-110%);
    background: rgba(50,50,50,0.7)
}

.chat-container .thread-container .message-inputs .message-text-wrapper {
    display: flex;
    box-shadow: inset 0px 1px 5px rgba(0,0,0,0.4);
    background-color: white;
    position: relative
}

.chat-container .thread-container .message-inputs .message-text-wrapper::after {
    font-family: 'FontAwesome';
    position: absolute;
    left: 4px;
    top: 5px;
    color: black;
    padding: 0px 4px 0;
    border-radius: 4px;
    background: white;
    font-size: 0.6em
}

.chat-container .thread-container .message-inputs .message-text-wrapper.video::after {
    content: '\f03d'
}

.chat-container .thread-container .message-inputs .message-text-wrapper.image::after {
    content: '\f03e'
}

.chat-container .thread-container .message-inputs .message-text-wrapper img#attachment1_preview {
    max-height: 60px;
    margin: 12px 0 0 12px;
    display: none
}

.chat-container .thread-container .message-inputs .message-text-wrapper img#attachment1_preview.open {
    display: block
}

.chat-container .thread-container .message-inputs .message-text-wrapper #message-input {
    overflow-y: scroll;
    color: black;
    display: block;
    width: 100%;
    resize: none;
    padding: 0.5em 0.6em 0 0.6em
}

.chat-container .thread-container .message-inputs .message-text-wrapper #message-input:focus {
    outline: none
}

.chat-container .thread-container .message-inputs form#compose_message_form {
    display: block
}

.chat-container .thread-container .message-inputs form#compose_message_form .message-actions-wrapper {
    padding-bottom: 4px
}

.chat-container .thread-container .message-inputs form#compose_message_form .content-rating {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5em;
    padding: 4px 2px;
    position: relative
}

.chat-container .thread-container .message-inputs form#compose_message_form .content-rating .label {
    font-size: 0.85em;
    opacity: 0.8
}

.chat-container .thread-container .message-inputs form#compose_message_form .content-rating select {
    padding: 2px 4px
}

.chat-container .thread-container .message-inputs form#compose_message_form .content-rating .ml_field_help {
    position: static;
    color: var(--site-form-link-color)
}

.chat-container .thread-container .message-inputs form#compose_message_form .content-rating .ml_field_help .text {
    position: absolute;
    top: auto;
    bottom: 1.8em;
    left: auto;
    right: 0;
    width: max-content;
    max-width: 100%;
    line-height: 1.35
}

.chat-container .thread-container .message-inputs form#compose_message_form .content-rating .ml_field_help .text>p+p {
    margin-top: 0.5em
}

.chat-container .thread-container .message-inputs form#compose_message_form .message-actions {
    display: flex;
    justify-content: space-evenly;
    height: 30px
}

.chat-container .thread-container .message-inputs form#compose_message_form .message-actions>* {
    height: 30px;
    width: 50px;
    text-align: center
}

.chat-container .thread-container .message-inputs form#compose_message_form .message-actions *::before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.chat-container .thread-container .message-inputs form#compose_message_form .message-actions *:hover::before {
    text-shadow: 0 -1px 0 currentcolor
}

.chat-container .thread-container .message-inputs form#compose_message_form .message-actions .attach-button {
    position: relative;
    height: 100%;
    width: 70px;
    font-size: 1.4em;
    white-space: nowrap
}

.chat-container .thread-container .message-inputs form#compose_message_form .message-actions .attach-button span {
    font-family: 'FontAwesome'
}

.chat-container .thread-container .message-inputs form#compose_message_form .message-actions .attach-button .photo-icon span:last-child {
    display: none
}

.chat-container .thread-container .message-inputs form#compose_message_form .message-actions .attach-button #file_data_0 {
    display: none
}

.chat-container .thread-container .message-inputs form#compose_message_form .message-actions .open-emoji-picker {
    font-size: 1.4em
}

.chat-container .thread-container .message-inputs form#compose_message_form .message-actions .send-button a {
    height: 100%;
    width: 100%;
    position: relative;
    display: block
}

#message_thread.flyout {
    width: 36em;
    max-width: 94vw;
    border-radius: calc(2vmin + 10px);
    overflow: hidden;
    display: block !important
}

.flyout_container.open #message_thread.flyout .thread-container {
    display: grid;
    max-height: 70vh
}

#message_thread.flyout .news.icon_button::before {
    font-size: 32px;
    margin: 10px
}

#message_thread.flyout .news.icon_button::after {
    content: 'newsfeed';
    position: absolute;
    bottom: -34px;
    right: -7px;
    font-size: 14px
}

#message_thread.flyout .icon_button.news::after {
    content: 'newsfeed';
    position: absolute;
    bottom: -34px;
    right: -7px;
    font-size: 14px
}

#ml_emoji_picker {
    font-weight: bold;
    font-size: 18px
}

#ml_emoji_picker .flyout-inner {
    padding-bottom: calc(1vw + 10px)
}

#ml_emoji_picker #emoji_tabs {
    display: flex;
    justify-content: space-between
}

#ml_emoji_picker #emoji_tabs>.selected {
    opacity: 1
}

#ml_emoji_picker #emoji_tabs>* {
    cursor: pointer;
    padding: 10px 5px 15px;
    opacity: 0.4;
    transition: opacity 0.2s
}

#ml_emoji_picker #emoji_tabs #smileys-tab::before {
    content: '\f118';
    font: normal normal normal 18px / 1 FontAwesome
}

#ml_emoji_picker #emoji_tabs #animals-tab::before {
    content: '\f1b0';
    font: normal normal normal 18px / 1 FontAwesome
}

#ml_emoji_picker #emoji_tabs #nature-tab::before {
    content: '\f18c';
    font: normal normal normal 18px / 1 FontAwesome
}

#ml_emoji_picker #emoji_tabs #food-tab::before {
    content: '\f0fc';
    font: normal normal normal 18px / 1 FontAwesome
}

#ml_emoji_picker #emoji_tabs #activities-tab::before {
    content: '';
    font: normal normal normal 18px / 1 FontAwesome
}

#ml_emoji_picker #emoji_tabs #travel-tab::before {
    content: '\f1b9';
    font: normal normal normal 18px / 1 FontAwesome
}

#ml_emoji_picker #emoji_tabs #symbols-tab::before {
    content: '\f12a';
    font: normal normal normal 18px / 1 FontAwesome
}

#ml_emoji_picker #emoji_tabs #objects-tab::before {
    content: '\f0f3';
    font: normal normal normal 18px / 1 FontAwesome
}

#ml_emoji_picker #emoji_tabs #flags-tab::before {
    content: '\f024';
    font: normal normal normal 18px / 1 FontAwesome
}

#ml_emoji_picker #emoji_tabs #smileys-tab,#ml_emoji_picker #emoji_tabs #animals-tab,#ml_emoji_picker #emoji_tabs #nature-tab,#ml_emoji_picker #emoji_tabs #food-tab,#ml_emoji_picker #emoji_tabs #activities-tab,#ml_emoji_picker #emoji_tabs #travel-tab,#ml_emoji_picker #emoji_tabs #symbols-tab,#ml_emoji_picker #emoji_tabs #objects-tab,#ml_emoji_picker #emoji_tabs #flags-tab {
    text-align: center;
    width: 40px
}

#ml_emoji_picker #emoji_wrapper {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 300px
}

#ml_emoji_picker .ml-emoji {
    display: inline-block;
    margin: 0 2px;
    padding: 0 3px;
    font-size: 150%;
    cursor: pointer;
    position: relative;
    user-select: none
}

#ml_emoji_picker .ml-emoji.selected {
    background: rgba(0,0,0,0.2)
}

#ml_emoji_picker form {
    display: block;
    padding: 0.4em 1em 0;
    line-height: 2.5
}

#ml_emoji_picker form label {
    font-weight: normal
}

#ml_emoji_picker form input#emoji_submit,#ml_emoji_picker form input#emoji_reset {
    display: none
}

#ml_emoji_picker form input#emoji_submit.visible,#ml_emoji_picker form input#emoji_reset.visible {
    display: inline-block
}

#ml_emoji_picker #emoji_selections {
    display: none;
    font-size: 2em;
    padding: 3px 10px;
    background-color: rgba(0,0,0,0.1)
}

#contact_card_flyout {
    max-width: 700px;
    border: 1px solid var(--site-content-text-color)
}

#contact_card_flyout table.listview>*>tr:nth-child(2n) {
    background-color: #fff
}

#contact_card_flyout table.listview>*>tr {
    background-color: #ccc
}

#contact_card_flyout table.listview>*>tr>th {
    background-color: #ccc
}

#contact_card_flyout>*>a.icon_button.edit {
    position: absolute;
    right: 0.8em;
    top: 3em;
    padding: 1em
}

#contact_card_flyout .banned,#contact_card_flyout .red.status {
    color: red;
    font-size: 200%
}

#contact_card_flyout section.personal-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: start;
    margin-bottom: 15px
}

#contact_card_flyout section.personal-info .profile_pic_container {
    margin-top: 10px
}

#contact_card_flyout section.personal-info .profile_pic_container figure {
    margin: 0;
    text-align: center
}

#contact_card_flyout section.personal-info .profile_pic_container figure img {
    box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.7);
    border-radius: 4px
}

#contact_card_flyout section.personal-info ul.contact_info_container {
    line-height: 1.2;
    text-align: center;
    padding: 0px 25px 0 20px
}

#contact_card_flyout section.personal-info ul.contact_info_container li {
    margin: 5px 0;
    padding: 0
}

#contact_card_flyout section.personal-info ul.contact_info_container li.ml_button {
    margin-bottom: 0;
    padding-bottom: 0
}

#contact_card_flyout section.personal-info ul.contact_info_container li.ml_button a.icon_button {
    margin-bottom: 0;
    margin-top: 8px
}

#contact_card_flyout section.personal-info ul.contact_info_container li.ml_button a.icon_button::before {
    font-size: 1.1em;
    line-height: 1.2;
    vertical-align: baseline
}

#contact_card_flyout section.personal-info ul.contact_info_container .screen_name {
    font-size: 1.5em
}

#contact_card_flyout section.account-info-blocks article.cc-container {
    background: white;
    color: black;
    padding: 0.3em 1.4em 0.8em;
    margin: calc(0.6vw + 4px) 0;
    border-radius: 10px;
    border: 1px solid gray
}

#contact_card_flyout section.account-info-blocks article.cc-container .ml_button a {
    color: var(--site-button-text-color);
    background: var(--site-button-background)
}

#contact_card_flyout section.account-info-blocks article.cc-container a {
    color: #1a71fb
}

#contact_card_flyout section.account-info-blocks article.cc-container .label {
    color: #666
}

#contact_card_flyout section.account-info-blocks article.cc-container .cc-label {
    text-align: center;
    font-size: 1.1em;
    font-weight: 500;
    margin-bottom: 0.2em
}

#contact_card_flyout section.account-info-blocks article.cc-container.events .event_list {
    width: 100%
}

#contact_card_flyout section.account-info-blocks article.cc-container.events .event_list .event {
    display: grid;
    grid-template-columns: 5.6em 3em 2fr 3fr
}

#contact_card_flyout section.account-info-blocks article.cc-container.events .event_list .event>* {
    padding: 0.1em 0.4em
}

#contact_card_flyout section.account-info-blocks article.cc-container.events .event_list .event .data.check {
    padding: 0
}

#contact_card_flyout section.account-info-blocks article.cc-container.events .event_list .event .orders.right a {
    display: inline-block;
    padding: 0 0.4em
}

#contact_card_flyout section.account-info-blocks article.cc-container.events .event_list .event .orders.right a.chargeback {
    color: red !important;
    font-weight: bold
}

#contact_card_flyout section.account-info-blocks article.cc-container.events .event_list .event .orders.right a.chargeback::after {
    content: '-CB'
}

#contact_card_flyout section.account-info-blocks article.cc-container.events .event_list .event:nth-child(2n)>* {
    background: lightgrey
}

#loyalty_txn_flyout table.loyalty_txns td.date {
    width: 84px
}

#loyalty_txn_flyout table.loyalty_txns td.event {
    width: 200px
}

.event_stats,.loyalty_stats {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 0.6em
}

.event_stats>*,.loyalty_stats>* {
    display: inline-block;
    white-space: nowrap
}

.event_stats>*:first-child .sign,.loyalty_stats>*:first-child .sign {
    display: none
}

.event_stats>* .sign,.loyalty_stats>* .sign {
    padding: 0 0.4em 0 0.8em
}

.event_stats .value,.loyalty_stats .value {
    margin-right: 0;
    display: inline-block
}

.event_stats .label,.loyalty_stats .label {
    margin-right: 0 !important
}

.event_stats .ml_button,.loyalty_stats .ml_button {
    padding: 0 5px
}

.inline-edit-container {
    position: relative
}

.inline-edit-container .inline-edit-display {
    display: flex;
    align-items: center;
    gap: 5px
}

.inline-edit-container .inline-edit-display .edit-name-btn {
    opacity: 0.6;
    transition: opacity 0.2s
}

.inline-edit-container .inline-edit-display .edit-name-btn:hover {
    opacity: 1
}

.inline-edit-container .inline-edit-display:hover .edit-name-btn {
    opacity: 1
}

.inline-edit-container .inline-edit-form {
    display: none
}

.inline-edit-container .inline-edit-form .inline-edit-input {
    width: 200px;
    padding: 2px 4px;
    border: 1px solid #ccc;
    border-radius: 3px
}

.active-scaffold-header h2 {
    display: none
}

.as #page_heading {
    display: block !important;
    float: left;
    margin-right: 10px
}

.as #page_heading #page_title {
    font-size: 22px
}

.active-scaffold .as_content thead th {
    position: sticky;
    top: 46px;
    z-index: 4;
    box-shadow: inset -2px 0px 1px -1px #ddd
}

.active-scaffold .as_content thead th:first-child {
    left: 0;
    z-index: 5
}

.active-scaffold .as_content thead th * {
    background: none
}

.active-scaffold .as_content tbody.records tr.record>td:first-child {
    position: sticky;
    left: 0;
    padding-right: 10px;
    z-index: 3;
    background: white;
    box-shadow: inset -2px 0px 1px -2px #666
}

.active-scaffold .as_content tbody.records tr.record:nth-child(odd)>td:first-child {
    background-color: #e8f2fe
}

body.admin-uploads .rightside {
    margin-left: auto;
    margin-right: auto;
    left: auto
}

body.admin-uploads .rightside #page_heading {
    line-height: 2.4
}

body.admin-uploads .scrollbox {
    width: 97%;
    margin: 25px auto 10px;
    background: #484848;
    border: 1px solid black;
    border-radius: 9px;
    box-shadow: 1px 1px 3px #444;
    padding: 12px 11px 5px
}

body.admin-uploads .scrollbox section.uploaded-media {
    display: flex;
    overflow-x: auto;
    scrollbar-color: #ddd transparent;
    gap: 9px
}

body.admin-uploads .scrollbox section.uploaded-media article.media {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-width: 205px;
    background: #777;
    border-radius: 9px;
    margin-bottom: 5px;
    position: relative
}

body.admin-uploads .scrollbox section.uploaded-media article.media::after {
    content: '\f0f6';
    font-family: 'FontAwesome';
    position: absolute;
    left: 7px;
    top: 7px;
    color: black;
    padding: 0px 4px 0;
    border-radius: 4px;
    background: rgba(255,255,255,0.6);
    font-size: 0.6em
}

body.admin-uploads .scrollbox section.uploaded-media article.media.video::after {
    content: '\f03d'
}

body.admin-uploads .scrollbox section.uploaded-media article.media.image::after {
    content: '\f03e'
}

body.admin-uploads .scrollbox section.uploaded-media article.media .media-box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    height: 205px
}

body.admin-uploads .scrollbox section.uploaded-media article.media .media-box>* {
    max-height: 185px;
    max-width: 185px;
    box-shadow: 1px 1px 3px #444
}

body.admin-uploads .scrollbox section.uploaded-media article.media header {
    width: 100%
}

body.admin-uploads .scrollbox section.uploaded-media article.media header h1 {
    color: white;
    font-size: inherit;
    word-wrap: break-word;
    text-align: center;
    font-weight: 400;
    line-height: 1.2;
    text-shadow: 0 0 2px black
}

body.admin-uploads .scrollbox section.uploaded-media article.media header menu.buttons {
    display: flex;
    width: 100%;
    justify-content: space-evenly;
    padding: 0 20px;
    margin: 0
}

body.admin-uploads .scrollbox section.uploaded-media article.media header menu.buttons a {
    font-family: FontAwesome;
    padding: 13px 15px;
    color: #ddd
}

body.admin-uploads .original-media {
    width: 97%;
    margin: 10px auto
}

body.admin-uploads .original-media img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 1em 0
}

body.admin-uploads .in-page-help {
    text-transform: none;
    padding: 1em 0.7em 0.4em;
    border: 2px solid;
    border-radius: 4px;
    max-width: 40em;
    width: fit-content;
    margin: 10px auto
}

#options {
    position: relative;
    margin: 15px auto 0;
    max-width: var(--site-menu-width);
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap
}

#options span.label {
    color: var(--site-main-text-color);
    margin-right: 5px
}

#options .venue {
    padding-top: 0.4em
}

#options h2 {
    color: var(--site-main-text-color);
    white-space: nowrap;
    padding: 0 5px
}

#options #style_options {
    padding-top: 0.4em
}

#calendar {
    overflow-x: auto;
    padding: 5px 5px;
    color: var(--site-main-text-color)
}

#calendar .ml_button {
    margin: 15px auto;
    padding: 0;
    text-align: center
}

#calendar .thumb-group-container {
    padding: 0
}

#calendar .thumb-group-inner {
    justify-content: center
}

#daily_calendar {
    color: var(--site-main-text-color);
    padding: 1px 0.4em
}

#daily_calendar .day .label {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    max-width: 100%;
    color: var(--site-menu-text-color);
    background: var(--site-menu-background);
    text-transform: capitalize;
    padding: 2px 4px 3px 4px;
    border-right: 1px solid grey;
    border-bottom: 1px solid grey;
    border-radius: 0 0 4px 0
}

#daily_calendar .controls {
    font-weight: bold;
    text-align: center;
    margin: 0.6em 0 0.2em;
    font-size: 1.3em;
    white-space: nowrap
}

#daily_calendar .controls span.month {
    vertical-align: bottom
}

#daily_calendar .controls a {
    display: inline-block;
    vertical-align: bottom;
    height: 1.4em;
    padding-right: 0.1em;
    background: none;
    color: var(--site-main-text-color)
}

#daily_calendar .controls a:hover {
    text-decoration: none
}

#daily_calendar .thumb-group-container {
    padding: 0
}

#daily_calendar .thumb-container {
    margin: 0;
    margin-top: 20px
}

#daily_calendar .thumb-container:first-child {
    margin-top: 0
}

#daily_calendar .gallery_thumb {
    margin-bottom: 0;
    height: auto;
    margin-right: -7px;
    margin-left: 0
}

#daily_calendar table {
    position: relative;
    left: 1px;
    width: 98%;
    max-width: 1260px;
    margin: auto;
    background: rgba(0,0,0,0.2)
}

#daily_calendar table.physical td.day .thumb-container.virtual {
    display: none
}

#daily_calendar table.virtual td.day .thumb-container:not(.virtual) {
    display: none
}

#daily_calendar table th {
    color: var(--site-main-text-color)
}

#daily_calendar table td {
    width: 14%;
    border: 1px solid;
    vertical-align: top;
    height: 80px;
    position: relative;
    padding: 0
}

#daily_calendar table td::after {
    content: '';
    display: block;
    height: 0;
    width: 68px
}

body#bodyElement.door_checkin {
    background-color: white;
    background-image: none;
    color: black
}

body#bodyElement.door_checkin table.listview>tbody>tr:nth-child(even)>th,body#bodyElement.door_checkin table.listview>tbody>tr:nth-child(even)>td {
    background-color: #e0e0e0
}

body#bodyElement.door_checkin table.listview>tbody>tr:nth-child(odd)>th,body#bodyElement.door_checkin table.listview>tbody>tr:nth-child(odd)>td {
    background-color: #fcfcfc
}

body#bodyElement.door_checkin table.listview td.data {
    padding-left: 0;
    padding-right: 0
}

body#bodyElement.door_checkin table.listview.order_lines select.discount {
    max-width: 120px
}

body#bodyElement.door_checkin table.listview .red.chargeback a {
    font-size: 20px;
    text-transform: uppercase
}

body#bodyElement.door_checkin table.order_list .mail.icon_button::before {
    left: 15px;
    top: 7px
}

body#bodyElement.door_checkin table.order_list.listview td.data.notify.center {
    padding: 4px 5px 0 0
}

body#bodyElement.door_checkin table.order_list input {
    transform: scale(1.3)
}

body#bodyElement.door_checkin #attendee_table.listview table.guests>tbody>tr>td:first-child {
    padding-left: 3px
}

body#bodyElement.door_checkin #attendee_table.listview table.guests>tbody>tr>td:last-child {
    padding-right: 3px
}

body#bodyElement.door_checkin #attendee_table.listview table.guests>tbody>tr td.details {
    width: 25%
}

body#bodyElement.door_checkin .flyout {
    background: #ececec;
    color: black
}

body#bodyElement.door_checkin #flyout_container {
    justify-content: flex-end;
    background: rgba(0,0,0,0.4)
}

body#bodyElement.door_checkin #flyout_container .flyout {
    margin-right: 1vw
}

body#bodyElement.door_checkin #flyout_container .flyout label,body#bodyElement.door_checkin #flyout_container .flyout .label {
    color: black
}

body#bodyElement.door_checkin #quick_order_flyout {
    background-color: transparent !important;
    box-shadow: none
}

body#bodyElement.door_checkin #quick_order_flyout .ml_button a {
    margin: 20px
}

body#bodyElement.door_checkin #quick_order_flyout .ml_button.comp {
    padding: 0;
    display: inline-block
}

body#bodyElement.door_checkin #quick_order_flyout .ml_button.comp a.quick-order-comp {
    margin: 0;
    display: none
}

body#bodyElement.door_checkin #quick_order_flyout #quick_order_form {
    background-color: #ececec;
    border: 4px solid #555555;
    border-top: none;
    padding: 20px
}

body#bodyElement.door_checkin #quick_order_flyout #quick_order_form option[data-category] {
    padding-left: 5px
}

body#bodyElement.door_checkin #quick_order_flyout #quick_order_form option[data-category='separator'] {
    color: white;
    background: #666
}

body#bodyElement.door_checkin #AddOneFlyout_container {
    justify-content: start
}

body#bodyElement.door_checkin #AddOneFlyout_container #AddOneFlyout {
    margin-left: 1vw;
    margin-top: 2vw;
    max-width: calc(70vw + 150px)
}

body#bodyElement.door_checkin #AddOneFlyout_container #AddOneFlyout .simple-flex-box {
    border: 1px solid black;
    padding: 1em 0;
    margin: 1em 0
}

body#bodyElement.door_checkin #AddOneFlyout_container #AddOneFlyout table.fieldset {
    width: auto
}

body#bodyElement.door_checkin #AddOneFlyout_container #AddOneFlyout table.fieldset td.label {
    width: auto;
    min-width: unset;
    text-align: right
}

body#bodyElement.door_checkin #AddOneFlyout_container #AddOneFlyout label.label {
    color: black
}

body#bodyElement.door_checkin #AddOneFlyout_container #AddOneFlyout td.label[colspan='2'] {
    font-size: inherit;
    font-weight: 500;
    padding-bottom: 0.6em;
    text-indent: -0.1em
}

body#bodyElement.door_checkin #flyout_container_order .flyout {
    max-width: 900px
}

@media (any-hover: none),(any-pointer: coarse) {
    body#bodyElement.door_checkin #quick_order_flyout table.fieldset td,body#bodyElement.door_checkin #AddOneFlyout table.fieldset td {
        line-height:2.5em
    }
}

body#bodyElement.door_checkin .tabs td div.selected {
    border-bottom: none;
    background: #ececec;
    color: black
}

body#bodyElement.door_checkin .tabs div {
    background: linear-gradient(#999, #333) repeat scroll 0 0 rgba(0,0,0,0);
    border: 4px solid #555555;
    border-bottom: none;
    padding-bottom: 5px;
    border-radius: 14px 14px 0 0;
    color: #ffffff
}

body#bodyElement.door_checkin #attendee_table.listview table.guests .label {
    white-space: unset
}

body#bodyElement.door_checkin #attendee_table.listview>tbody>tr {
    border-bottom: 1px solid gray
}

body#bodyElement.door_checkin #attendee_table.listview>tbody>tr>th {
    position: sticky;
    z-index: 1020;
    top: 54px;
    white-space: nowrap;
    font-size: 0.7em;
    background-color: #555 !important;
    color: #bbb
}

body#bodyElement.door_checkin #attendee_table.listview>tbody>tr>td {
    font-size: 90%;
    padding-top: 5px;
    vertical-align: middle
}

body#bodyElement.door_checkin #attendee_table.listview>tbody>tr>td.who_what {
    padding-top: 1em
}

body#bodyElement.door_checkin #attendee_table.listview>tbody>tr>td a.red.delete::before {
    content: '\f014';
    font-family: FontAwesome;
    margin-right: 3px
}

body#bodyElement.door_checkin #attendee_table.listview>tbody>tr.checked_in>td {
    background-color: #ffffb0 !important
}

body#bodyElement.door_checkin #attendee_table.listview table.row_main {
    width: 100%;
    vertical-align: top
}

body#bodyElement.door_checkin #attendee_table.listview table.row_main td {
    vertical-align: middle
}

body#bodyElement.door_checkin #attendee_table.listview table.row_main td.member {
    width: 11em
}

body#bodyElement.door_checkin #attendee_table.listview table.row_main td.member a {
    display: block;
    width: 11em;
    text-overflow: ellipsis;
    font-weight: bold;
    overflow: hidden
}

body#bodyElement.door_checkin #attendee_table.listview table.row_main td.category {
    width: 6em
}

body#bodyElement.door_checkin #attendee_table.listview table.row_main>tbody>tr:first-child td {
    padding-bottom: 0.4em
}

body#bodyElement.door_checkin #attendee_table.listview table.guests {
    width: 100%;
    border: 1px solid grey;
    border-collapse: collapse
}

body#bodyElement.door_checkin #attendee_table.listview table.guests tr:nth-child(odd)>td {
    background: rgba(0,0,0,0.05)
}

body#bodyElement.door_checkin #attendee_table.listview table.guests .guest {
    display: block;
    line-height: 1.3
}

body#bodyElement.door_checkin #attendee_table.listview table.guests .guest.checked_in {
    background-color: rgba(0,0,0,0.08);
    margin: 2px 0;
    border: 1px solid rgba(0,0,0,0.15)
}

body#bodyElement.door_checkin #attendee_table.listview table.guests .guest span.icon_button {
    padding-left: 1.6rem
}

body#bodyElement.door_checkin #attendee_table.listview table.guests td {
    vertical-align: middle !important;
    line-height: 1.3;
    padding: 2px
}

body#bodyElement.door_checkin #attendee_table.listview div.row_buttons {
    width: 316px;
    margin: 17px 0 10px 169px;
    height: 2em
}

body#bodyElement.door_checkin #attendee_table.listview div.row_buttons a {
    float: right;
    margin-right: 38px;
    border: 1px solid #555555;
    border-radius: 4px;
    padding: 2px;
    background-color: white;
    width: 48px;
    text-align: center
}

body#bodyElement.door_checkin #attendee_table.listview div.row_buttons a.more {
    width: auto;
    color: black;
    padding: 8px;
    margin-right: 0;
    font-size: 80%
}

body#bodyElement.door_checkin #door_checkin_rows_note {
    position: fixed;
    z-index: 5000;
    top: 54px;
    left: 10px;
    font-weight: bold;
    color: yellow
}

body#bodyElement.door_checkin table.guests .check::before {
    font-family: 'FontAwesome';
    content: '\f00c'
}

body#bodyElement.door_checkin .ml_button a,body#bodyElement.door_checkin .ml_button input[type='submit'] {
    background: linear-gradient(#999, #021400);
    border-color: black;
    color: white
}

body#bodyElement.door_checkin .ml_button a.green,body#bodyElement.door_checkin .ml_button input.green[type='submit'] {
    background: linear-gradient(#159600, #021400);
    border-color: black
}

body#bodyElement.door_checkin .ml_button a.red,body#bodyElement.door_checkin .ml_button input.red[type='submit'] {
    background: linear-gradient(#ae0000, #021400);
    border-color: black
}

body#bodyElement.door_checkin hr {
    height: 6px;
    border: none;
    background-color: var(--site-form-text-color);
    opacity: 0.4
}

body#bodyElement.door_checkin input[type='checkbox'] {
    vertical-align: middle !important;
    transform: scale(1.6);
    margin-right: 1em
}

body#bodyElement.door_checkin #dc_header {
    position: fixed;
    width: 100%;
    text-align: center;
    background-color: #555555;
    color: white;
    padding-bottom: 5px;
    z-index: 100;
    height: 55px
}

body#bodyElement.door_checkin #dc_header span.name {
    font-size: 110%
}

body#bodyElement.door_checkin #totals {
    position: fixed !important;
    right: 3px;
    top: 3px;
    border: 2px solid white;
    padding: 0 5px;
    background-color: black;
    color: white;
    z-index: 2000
}

body#bodyElement.door_checkin #totals_container.transparent .value {
    color: transparent
}

body#bodyElement.door_checkin #total_note.red {
    color: yellow;
    font-weight: bold
}

body#bodyElement.door_checkin #page_buttons {
    z-index: 200
}

body#bodyElement.door_checkin #page_buttons a {
    margin: 1px 7px 3px 0
}

body#bodyElement.door_checkin #work_item_participant_product_id,body#bodyElement.door_checkin #work_item_participant_manager_note {
    max-width: 18em
}

body#bodyElement.door_checkin .instructions {
    display: none
}

body#bodyElement.door_checkin .instructions.door_checkin {
    display: block
}

body#bodyElement.door_checkin .manager_notes {
    color: red
}

body#bodyElement.door_checkin .warning {
    display: inline-block;
    color: red;
    border: 2px solid red;
    padding: 0 1px;
    border-radius: 3px;
    font-weight: bold;
    margin-left: 5px
}

body#bodyElement.door_checkin .barcode_input {
    border: 1px solid white;
    display: inline-block;
    height: 25px;
    margin: 3px 5px 0 5px
}

body#bodyElement.door_checkin .barcode_input img {
    height: 25px;
    margin-bottom: 2px
}

body#bodyElement.door_checkin .barcode_input input#barcode {
    display: inline;
    background-color: white;
    font-size: 20px;
    border: none;
    width: 100px;
    color: black;
    height: 25px;
    margin: 0 0 2px -4px;
    padding: 0;
    vertical-align: top
}

body#bodyElement.door_checkin .do_nothing {
    display: none
}

body#bodyElement.door_checkin .big {
    position: fixed;
    top: 50%;
    right: 10px;
    text-align: center;
    margin-top: -300px;
    height: 600px;
    display: none
}

body#bodyElement.door_checkin .big.show {
    display: block
}

body#bodyElement.door_checkin .ml_container {
    position: static !important
}

body#bodyElement.door_checkin .buttons {
    position: absolute;
    bottom: -25px;
    left: -300px;
    top: auto;
    display: none;
    padding: 5px;
    background-color: white;
    width: 600px;
    border: 1px solid black
}

body#bodyElement.door_checkin .buttons img {
    height: 30px
}

body#bodyElement.door_checkin .buttons a {
    display: inline;
    margin-left: 20px
}

body#bodyElement.door_checkin .logged_in a {
    color: white;
    border: 1px solid white;
    padding: 2px;
    font-size: 8px;
    border-radius: 3px
}

body#bodyElement.door_checkin .shadow-small {
    box-shadow: none;
    border: 3px solid #555555
}

body#bodyElement.door_checkin a {
    color: #0920e9
}

body#bodyElement.door_checkin .label,body#bodyElement.door_checkin .step {
    color: black
}

body#bodyElement.door_checkin a.label {
    display: inline-block
}

body#bodyElement.door_checkin a.label:hover {
    color: black
}

body#bodyElement.door_checkin a.red_button {
    color: white;
    background-color: red;
    border: 2px outset red;
    border-radius: 4px;
    padding: 0 3px
}

body#bodyElement.door_checkin .lists {
    max-width: 100px
}

body#bodyElement.door_checkin table#doorlist_table tr.selected {
    border: 3px solid red
}

body#bodyElement.door_checkin table#doorlist_table span.search-container {
    display: inline-block;
    border: 1px solid;
    height: 24px;
    margin-left: 4px
}

body#bodyElement.door_checkin table#doorlist_table span.search-container img.barcode {
    height: 100%;
    position: relative;
    top: -1px;
    margin-right: -5px
}

body#bodyElement.door_checkin table#doorlist_table span.search-container input {
    width: 107px;
    padding: 0
}

body#bodyElement.door_checkin tr.checked_in select {
    color: red
}

body#bodyElement.door_checkin td.plus {
    padding-bottom: 10px;
    vertical-align: bottom
}

body#bodyElement.door_checkin td.bigbox {
    width: 30px
}

body#bodyElement.door_checkin tr .tally {
    display: none
}

body#bodyElement.door_checkin tr.checked_in .tally {
    display: block
}

body#bodyElement.door_checkin td.thumb {
    padding: 0.5em 0 !important;
    vertical-align: top !important
}

body#bodyElement.door_checkin td.notes>textarea {
    width: 100%;
    font-weight: bold;
    color: red
}

body#bodyElement.door_checkin table.fieldset td.label,body#bodyElement.door_checkin table.fieldset td.value {
    text-align: left;
    color: black
}

body#bodyElement.door_checkin td.status {
    white-space: nowrap
}

body#bodyElement.door_checkin td.status .delete {
    vertical-align: text-top
}

body#bodyElement.door_checkin .steps .step {
    opacity: 0.7
}

body#bodyElement.door_checkin .steps .step.selected {
    color: black;
    font-weight: 600
}

body#bodyElement.door_checkin .toggle-checkins {
    position: absolute;
    right: 3.6em;
    font-family: FontAwesome;
    font-weight: normal;
    color: inherit;
    min-height: 0.9em;
    padding: unset
}

body#bodyElement.door_checkin .toggle-checkins::before {
    content: '\f06e';
    font-size: 2.6em;
    color: #ececec
}

body#bodyElement.door_checkin.hide-checkins .toggle-checkins::before {
    content: '\f070';
    color: inherit
}

body#bodyElement.door_checkin.hide-checkins tr.checked_in:not(.found) {
    display: none
}

#EditPhotoFlyout {
    padding: 0;
    width: 440px
}

#EditPhotoFlyout .flyout-inner {
    padding-bottom: calc(1vw + 10px)
}

#EditPhotoFlyout .edit_buttons a {
    border: 0;
    outline: none
}

#EditPhotoFlyout .edit_buttons a::before {
    position: unset;
    top: unset;
    left: unset;
    transform: unset;
    font-size: 26px;
    margin: 10px
}

#EditPhotoFlyout .edit_buttons a.icon_button {
    margin: 0 2px 5px
}

#EditPhotoFlyout .edit_buttons .arrows {
    margin: 10px
}

#EditPhotoFlyout .edit_buttons .panel2 {
    display: grid;
    grid-template-columns: 4em 1fr 4em;
    align-items: start;
    margin-bottom: 8px
}

#EditPhotoFlyout .edit_buttons .panel2 .edit_thumb video.not_ready {
    max-width: 180px
}

#EditPhotoFlyout .edit_buttons .label {
    display: block;
    margin-top: 1px;
    margin-bottom: 5px;
    padding: 0;
    white-space: normal;
    text-align: center;
    line-height: 1.1
}

#EditPhotoFlyout .edit_buttons a.delete::before {
    font-size: 26px
}

#EditPhotoFlyout .edit_buttons a.icon_button {
    border: 1px solid;
    padding: 6px 5px 5px;
    margin-top: 5px;
    display: inline-block;
    border-radius: 4px
}

#EditPhotoFlyout form {
    display: block;
    margin: 10px;
    border: 1px solid;
    padding: 5px;
    border-radius: 4px;
    text-align: center
}

#EditPhotoFlyout form table.fieldset {
    width: 100%
}

#EditPhotoFlyout form table.fieldset td.value {
    text-align: left
}

#EditPhotoFlyout form table.fieldset td.label {
    width: 80px;
    min-width: unset
}

#EditPhotoFlyout form table.fieldset .button-bar {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    padding: 0 10px 0 60%;
    position: relative
}

#EditPhotoFlyout form table.fieldset .button-bar a.picker-link {
    display: inline-block;
    padding: 0.3em 1em;
    font-size: 1.5em;
    color: #232323
}

#EditPhotoFlyout form table.fieldset td.notes {
    padding: 0 0 0 2px;
    position: relative
}

#EditPhotoFlyout form table.fieldset td.notes::after {
    content: 'caption text is too long!';
    color: red;
    position: absolute;
    top: -1.4em;
    left: 1.2em;
    font-size: 0.9em;
    visibility: hidden;
    opacity: 0.01;
    transition: opacity 0.3s
}

#EditPhotoFlyout form table.fieldset td.notes.too-long::after {
    visibility: visible;
    opacity: 1
}

#EditPhotoFlyout form table.fieldset td.notes .media-caption-field {
    width: 100%;
    height: 4em;
    overflow-y: scroll;
    word-wrap: anywhere;
    color: black;
    background-color: white;
    padding: 0.5em 0.6em 0 0.8em;
    scrollbar-color: #aaa transparent;
    box-shadow: inset 0px 1px 5px rgba(0,0,0,0.4);
    resize: none
}

#EditPhotoFlyout form select#media_item_attached_to_id {
    max-width: none;
    width: 100%
}

body.home_page #outerWrapper {
    color: var(--site-main-text-color)
}

body.home_page .social_buttons a.icon_button,body.home_page .event_status_div a.icon_button {
    margin-right: 0.2em;
    margin-bottom: 0.4em
}

.custom_page,.custom_html {
    margin: 0 !important;
    padding: 0 !important
}

.custom_page>*:not(ul):not(ol):not(li),.custom_html>*:not(ul):not(ol):not(li) {
    padding: 0
}

.custom_page p+ul,.custom_html p+ul {
    margin-top: -0.8em
}

.custom_html {
    color: var(--site-main-text-color);
    overflow-y: auto !important;
    height: auto !important
}

.custom_html p:empty {
    padding-bottom: 1px
}

.home_page .custom_html {
    max-width: 100%
}

.ml_sidemenu .custom_html>* {
    max-width: 100%
}

body.registration .rightside ol,body.agreement .rightside ol,#event_details ol,.custom_page ol,.custom_html ol,.ml_template ol {
    margin-left: 1em
}

body.registration .rightside ol li,body.agreement .rightside ol li,#event_details ol li,.custom_page ol li,.custom_html ol li,.ml_template ol li {
    list-style: decimal outside none
}

.custom_page,body.links {
    position: relative;
    color: var(--site-main-text-color)
}

.custom_page div.edit_template,body.links div.edit_template {
    position: relative;
    float: left;
    z-index: 300;
    height: 0
}

.custom_page div.edit_template a,body.links div.edit_template a {
    padding: 4px
}

@media (max-width: 900px) {
    .custom_html>*:not(.background_layer):not(.homepage_widget):not(.ml-template),.custom_html>*:not(.background_layer):not(.homepage_widget):not(.ml-template) * {
        max-width:100%
    }
}

.custom_page>img,#registration_container .custom {
    max-width: 100% !important;
    height: auto !important
}

.homepage_widget {
    margin: 15px auto;
    display: block;
    position: relative;
    padding: 3px 3px 15px;
    max-width: 100%;
    text-align: center
}

.homepage_widget input[type='text'],.homepage_widget input[type='search'],.homepage_widget input[type='email'],.homepage_widget input[type='password'],.homepage_widget input[type='tel'],.homepage_widget input[type='url'],.homepage_widget input[type='number'],.homepage_widget textarea,.homepage_widget select {
    text-transform: none
}

.homepage_widget:not(#featured_events_container):not(.newsfeed)::after {
    content: '';
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: 0;
    height: 2px;
    background: rgba(150,150,150,0.5);
    filter: blur(0.03em)
}

.homepage_widget>.title {
    display: inline-block;
    text-align: center;
    font-size: 24px;
    margin-bottom: 5px;
    cursor: n-resize;
    text-transform: capitalize
}

.calendar .homepage_widget>.title {
    display: none
}

.homepage_widget>.title::after {
    font-family: FontAwesome;
    content: "\f102";
    margin-left: 10px
}

.homepage_widget.social_activity {
    text-align: center
}

.homepage_widget.social_activity .social_module {
    padding: 15px;
    position: relative;
    display: inline-block;
    vertical-align: top
}

.homepage_widget.social_activity .social_module .medallion {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
    z-index: 100;
    background-image: url(/assets/online.png);
    color: white
}

.homepage_widget.social_activity .social_module .primary {
    border: 1px solid #888;
    position: relative
}

.homepage_widget.social_activity .social_module .primary .module_label {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 200
}

.homepage_widget.social_activity .social_module .secondary {
    padding: 10px;
    z-index: 300;
    min-width: 100px;
    box-shadow: 0px 0px 20px #000;
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    background-color: #ececec;
    color: black
}

.homepage_widget.social_activity .social_module .secondary a {
    margin: 5px
}

.homepage_widget.social_activity .social_module .secondary>a,.homepage_widget.social_activity .social_module .secondary>a:hover,.homepage_widget.social_activity .social_module .secondary td>a {
    color: #707
}

.homepage_widget.social_activity .social_module.friends .secondary a {
    margin: 10px;
    display: inline-block
}

.homepage_widget.social_activity .social_module.show-mp .secondary {
    display: block
}

.homepage_widget.future_events .thumb-container.true-ratio.double_large.event img.double_large_thumb {
    width: 280px;
    min-width: 280px
}

.homepage_widget.future_events .thumb-container.true-ratio.double_large.event .caption {
    width: 280px
}

@media (min-width: 400px) {
    .homepage_widget.partner_events .thumb-group-container .thumb-group-inner {
        align-items:flex-end
    }

    .homepage_widget.partner_events .thumb-container.true-ratio.double_large.event img.double_large_thumb {
        height: 300px
    }

    .homepage_widget.partner_events .thumb-container.true-ratio .image_container {
        height: 300px;
        width: 280px;
        overflow: hidden;
        background-color: black;
        align-items: baseline
    }

    .homepage_widget.partner_events .thumb-container.true-ratio .image_container img {
        width: 280px;
        height: 300px
    }

    .homepage_widget.partner_events .thumb-container.true-ratio .caption {
        padding-bottom: 5px;
        min-height: 8rem
    }

    .homepage_widget.partner_events .thumb-container.true-ratio .caption .tag_line {
        display: none
    }
}

.homepage_widget.partner_events .thumb-container.true-ratio.double_large.event img.double_large_thumb {
    width: 280px;
    min-width: 280px
}

.homepage_widget.partner_events .thumb-container.true-ratio.double_large.event .caption {
    width: 280px
}

.homepage_widget.partner_events .thumb-container.true-ratio.double_large.event .buttons {
    display: none
}

.homepage_widget.partner_events .location {
    white-space: nowrap
}

@media (max-width: 400px) {
    .homepage_widget.partner_events .thumb-container.large {
        margin:5px 1px 5px 1px
    }

    .homepage_widget.partner_events .thumb-container.large img,.homepage_widget.partner_events .thumb-container.large .caption {
        width: 170px
    }
}

.homepage_widget.new_members .legend {
    margin: 0 auto 20px;
    position: relative
}

.homepage_widget.new_members .legend .medallion {
    display: inline-block;
    width: auto;
    color: var(--site-main-text-color);
    white-space: nowrap;
    padding-left: 28px;
    margin: 3px;
    background-position: left;
    text-align: left;
    font-size: 100%
}

.homepage_widget .ml_dynapage {
    display: contents
}

.homepage_widget .ml_dynapage.hide {
    display: none
}

.homepage_widget span.ml_button,.homepage_widget a.ml_button {
    display: inline-block;
    padding-bottom: 0
}

#criteria {
    font-size: 90%;
    text-align: center;
    margin: 1em 1.5vmin 1.4em;
    padding: 12px 10px 0 13px;
    color: var(--site-form-text-color);
    background-color: var(--site-form-background-color);
    border-radius: 3px
}

.homepage_widget #criteria {
    border: 1px solid black
}

#criteria span.label,#criteria label {
    text-transform: var(--site-capitalization);
    color: var(--site-form-label-color)
}

#criteria .box.inline>* {
    color: black;
    vertical-align: baseline
}

.ml_slider .thumb-container.event .miniprofile {
    height: auto;
    top: 0;
    bottom: auto;
    min-height: 100%
}

.ml_slider {
    padding: 0px 0px 0px 0px;
    max-width: 100%
}

.ml_sidemenu .ml_slider {
    width: calc(100vw - 100px)
}

@media (min-width: 1200px) {
    .ml_slider {
        width:calc(var(--site-menu-width) + 100px)
    }
}

.ml_slider .miniprofile {
    position: absolute;
    top: -80px;
    bottom: auto;
    margin: 0;
    right: auto;
    left: 30px
}

.ml_slider .miniprofile table td .strut {
    min-width: auto
}

.ml_slider .miniprofile table td.name,.ml_slider .miniprofile table td.info {
    white-space: normal
}

.ml_slider .miniprofile table td.name .strut,.ml_slider .miniprofile table td.info .strut {
    min-width: 150px
}

.ml_slider .center.rightmost .image_container .miniprofile {
    right: -30px;
    left: auto
}

.ml_slider .thumb-container.event .miniprofile {
    height: auto;
    top: 0;
    bottom: auto;
    min-height: 100%
}

.ml_slider .ml_slider_item_6 {
    width: 16%
}

.ml_slider .row.clearfix>div {
    overflow: unset !important
}

.home_page .anchors,.member-login .anchors {
    text-align: center;
    display: none;
    background: linear-gradient(var(--site-menu-background-colors));
    justify-content: space-evenly
}

.home_page .anchors a,.member-login .anchors a {
    color: var(--site-menu-text-color);
    display: inline-block;
    cursor: s-resize
}

body#bodyElement.ml_sidemenu .anchors {
    display: flex
}

@media (max-width: 600px) {
    #featured_events_container_anchor,#social_activity_anchor {
        display:none
    }
}

.plan-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    padding: 8px 0
}

.plan-gallery-card {
    display: flex;
    flex: 0 0 400px;
    height: 240px;
    background: var(--site-content-background-color);
    color: var(--site-content-text-color);
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid rgba(128,128,128,0.3);
    transition: border-color 0.2s
}

.plan-gallery-card:hover {
    border-color: var(--site-content-link-color)
}

.plan-gallery-card .pgc-photo {
    width: 200px;
    height: 240px;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    background: rgba(0,0,0,0.3)
}

.plan-gallery-card .pgc-photo img {
    position: absolute;
    top: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover
}

.plan-gallery-card .pgc-photo .pgc-photo-overlay {
    position: absolute;
    inset: 0;
    z-index: 1
}

.plan-gallery-card .pgc-photo .pgc-photo-blank {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.plan-gallery-card .pgc-photo .pgc-photo-blank span {
    font-size: 2.5em;
    opacity: 0.4
}

.plan-gallery-card .pgc-body {
    flex: 1;
    min-width: 0;
    padding: 10px 13px;
    display: flex;
    flex-direction: column;
    gap: 5px
}

.plan-gallery-card .pgc-body .pgc-header {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap
}

.plan-gallery-card .pgc-body .pgc-username {
    font-weight: bold;
    font-size: 1.05em;
    color: var(--site-content-link-color);
    text-decoration: none
}

.plan-gallery-card .pgc-body .pgc-username:hover {
    text-decoration: underline
}

.plan-gallery-card .pgc-body .pgc-ages {
    font-size: 0.88em;
    opacity: 0.7
}

.plan-gallery-card .pgc-body .pgc-destination {
    color: var(--site-content-link-color);
    font-weight: 600;
    line-height: 1.3
}

.plan-gallery-card .pgc-body .pgc-destination .pgc-plane {
    margin-right: 3px
}

.plan-gallery-card .pgc-body .pgc-destination a.pgc-dest-name {
    color: inherit;
    text-decoration: none
}

.plan-gallery-card .pgc-body .pgc-destination a.pgc-dest-name:hover {
    text-decoration: underline
}

.plan-gallery-card .pgc-body .pgc-destination .pgc-dates {
    font-size: 0.85em;
    padding-left: 1.3em;
    margin-top: 1px;
    opacity: 0.85;
    font-weight: normal
}

.plan-gallery-card .pgc-body .pgc-title {
    font-size: 0.9em;
    font-weight: 600;
    opacity: 0.9
}

.plan-gallery-card .pgc-body .pgc-desc {
    font-size: 0.85em;
    opacity: 0.75;
    line-height: 1.35;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-word
}

.plan-gallery-card .pgc-body .pgc-footer {
    margin-top: auto;
    padding-top: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 6px
}

.plan-gallery-card .pgc-body .pgc-footer .pgc-distance {
    font-size: 0.8em;
    opacity: 0.55
}

.plan-gallery-card .pgc-body .pgc-footer .pgc-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1
}

.plan-gallery-card .pgc-body .pgc-footer .pgc-actions .pgc-controls {
    display: flex;
    justify-content: space-evenly;
    gap: 12px
}

@media (max-width: 600px) {
    .plan-gallery-card {
        flex:1 0 100%;
        max-width: 100%
    }
}

.order #time_remaining {
    font-size: 120%;
    margin-right: 5px
}

#reserve_button,#save_button,#manual_payment_button {
    font-weight: bold;
    font-size: 20px
}

#paynow_button {
    vertical-align: baseline;
    margin-left: unset
}

body.ml_sidemenu #payment_buttons {
    text-align: center
}

.order .payment {
    text-align: center
}

#payment_buttons a {
    vertical-align: baseline
}

#payment_buttons .cash-field {
    vertical-align: baseline;
    font-size: 20px;
    margin-top: 7px
}

span.reserved,span.remaining {
    display: inline-block;
    margin-left: 5px
}

#save_and_continue_button {
    display: none
}

#order_form .order {
    margin-top: -5.2em
}

.cart_container {
    position: sticky;
    z-index: 6000;
    top: 100px;
    left: 100vw;
    transform: translateX(-5px);
    filter: brightness(200%);
    display: inline-block;
    padding: 0 0.3em 0 0.2em;
    line-height: 0.5;
    border: 1px solid transparent
}

.cart_container:hover {
    outline: 1px solid var(--site-form-text-color)
}

.cart_container.hide-pressed {
    border: 1px solid var(--site-form-text-color);
    box-shadow: 0px 0px 8px var(--site-form-text-color)
}

.cart_container .cart-count {
    position: absolute;
    top: 1.2em;
    left: 2.9em;
    color: var(--site-form-background-color);
    filter: brightness(300%);
    font-weight: bold;
    min-width: 1em;
    text-align: center;
    border-radius: 6px;
    padding: 0.1em 0.2em;
    line-height: 1;
    font-size: 90%;
    transform: translateX(-50%)
}

.cart_container .hide-show-button {
    display: inline-block
}

.cart_container .hide-show-button a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.cart_container .hide-show-button a.ml-show {
    display: none;
    border: 3px solid var(--site-form-text-color)
}

.cart_container .hide-show-button a.ml-hide {
    display: inline-block
}

.cart_container.hide-pressed .hide-show-button a.ml-show {
    display: inline-block;
    border: 3px solid var(--site-form-text-color)
}

.cart_container.hide-pressed .hide-show-button a.ml-hide {
    display: none
}

.cart_container .shopping_cart {
    position: relative;
    display: inline-block;
    vertical-align: baseline
}

.cart_container .shopping_cart::before {
    font: normal normal normal 24px / 1 FontAwesome;
    content: '\f07a';
    font-size: 4em;
    color: var(--site-form-text-color)
}

#site_form {
    position: relative;
    top: 6px
}

#site_form .loyalty-basis-swap .amount,#site_form .loyalty-basis-swap.show-amount .visit {
    display: none
}

#site_form .loyalty-basis-swap .visit,#site_form .loyalty-basis-swap.show-amount .amount {
    display: inline
}

html.splash-page {
    height: 100%
}

html.splash-page body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

html.splash-page .video-mask {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

html.splash-page video {
    position: absolute;
    z-index: -2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: black;
    object-fit: cover
}

html.splash-page .video-mask {
    background: radial-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.8))
}

html.splash-page .content-layer {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80%;
    transform: translate(-50%, -50%);
    font-size: 130%
}

html.splash-page .content-layer * {
    color: white;
    text-align: center;
    text-shadow: 1px 1px 2px #000;
    line-height: 1.2
}

html.splash-page .content-layer p {
    margin: 0 0 0.5em
}

html.splash-page .content-layer a {
    text-decoration: none
}

html.splash-page .content-layer a:hover {
    text-decoration: underline
}

html.splash-page nav.save-cancel {
    margin-bottom: 0.4em
}

html.splash-page .content-layer nav.save-cancel a {
    display: inline-block;
    padding: 0.3em 0.8em 0.4em;
    margin: 0.2em;
    background: rgba(0,0,0,0.3);
    border-radius: 999px;
    color: #ff0099;
    font-size: 120%
}

.tls_job_banner {
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 0.6em 0.8em;
    margin: 0.3em 0 1em;
    background: #f7f7f7;
    font-size: 0.95em
}

.tls_job_banner.tls_job_banner-queued,.tls_job_banner.tls_job_banner-running {
    border-color: #4a90e2;
    background: #eaf3fc
}

.tls_job_banner.tls_job_banner-done {
    border-color: #2e8b57;
    background: #e8f5ec
}

.tls_job_banner.tls_job_banner-failed,.tls_job_banner.tls_job_banner-error {
    border-color: #c0392b;
    background: #fdecea
}

.tls_job_banner .tls_job_banner_header {
    display: flex;
    align-items: center;
    gap: 0.8em
}

.tls_job_banner .tls_job_banner_title {
    font-weight: bold;
    flex: 1
}

.tls_job_banner .tls_job_banner_meta {
    color: #666;
    font-size: 0.9em;
    white-space: nowrap
}

.tls_job_banner .tls_job_banner_dismiss {
    margin-left: auto;
    padding: 2px 10px;
    cursor: pointer
}

.tls_job_banner .tls_job_banner_body {
    margin-top: 0.4em
}

.tls_job_banner .tls_job_banner_summary {
    cursor: pointer;
    font-size: 0.9em;
    opacity: 0.8
}

.tls_job_banner .tls_job_banner_output {
    background: #1e1e1e;
    color: #ddd;
    padding: 0.6em 0.8em;
    border-radius: 3px;
    margin-top: 0.4em;
    max-height: 25em;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12px;
    line-height: 1.4
}

#tls_table tr.highlighted {
    outline: 2px solid var(--site-link-color);
    outline-offset: -1px
}

#tls_table tr.highlighted td {
    background-color: rgba(255,204,0,0.15)
}

.tls_section_heading {
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    opacity: 0.6;
    margin: 0.8em 0 0.3em
}

.tls_issue_bar form {
    display: flex;
    align-items: center;
    gap: 0.6em;
    padding: 0.5em 0 0.8em;
    border-bottom: 1px solid rgba(128,128,128,0.3);
    margin-bottom: 0.6em
}

.tls_issue_bar .tls_issue_label {
    font-weight: bold;
    white-space: nowrap
}

.tls_issue_bar .tls_issue_domain {
    width: 16em
}

.tls_issue_bar .tls_issue_select {
    padding: 3px 6px
}

.tls_issue_bar .tls_issue_checkbox {
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 0.3em;
    cursor: pointer
}

#fileupload {
    display: grid;
    grid-template-columns: 52% 48%;
    align-items: start;
    gap: 1%
}

body.ml_sidemenu #fileupload {
    display: block
}

#fileupload table.controls {
    max-width: 500px;
    width: 100%;
    margin: 0 auto
}

#fileupload table.controls td.label {
    text-align: right
}

#fileupload table.controls td.label:first-child {
    max-width: 11em
}

#fileupload .multi-selects {
    max-width: 500px;
    margin: 0 auto;
    font-size: 90%
}

#fileupload .multi-selects .preview-group {
    display: grid;
    margin: 0.6em 0 2em;
    width: 100%;
    grid-template-columns: auto 1fr
}

#fileupload .multi-selects .preview-group .preview-parent {
    position: relative;
    z-index: 100;
    transition: z-index 0s 0.6s;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 10px
}

#fileupload .multi-selects .preview-group .preview-parent .show-arrow {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 2em;
    font-family: 'FontAwesome';
    opacity: 0.7;
    pointer-events: none;
    display: none
}

#fileupload .multi-selects .preview-group .preview-parent .preview-item {
    max-height: 85px;
    max-width: 85px
}

#fileupload .multi-selects .preview-group .preview-parent .preview-item:not(.disabled) {
    transform-origin: -5px 50%;
    z-index: 1;
    cursor: zoom-in;
    transition: transform 0.3s ease-in-out, box-shadow 0.1s 0s, z-index 0s 0.6s
}

#fileupload .multi-selects .preview-group .preview-parent.enlarge {
    z-index: 200;
    transition-delay: 0s
}

#fileupload .multi-selects .preview-group .preview-parent.enlarge>.preview-item:not(.disabled) {
    transform: scale(3.7);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
    z-index: 100;
    cursor: unset;
    transition: transform 0.3s ease-in-out, box-shadow 0.6s 0.3s, z-index 0s 0s
}

#fileupload .multi-selects .preview-group .notes {
    padding-bottom: 15px;
    position: relative
}

#fileupload .multi-selects .preview-group .notes .server-msg {
    padding: 0.2em 0.7em;
    background-color: rgba(255,255,255,0.5);
    margin: 2px 1px
}

#fileupload .multi-selects .preview-group .notes .server-msg>span:first-child {
    font-weight: bold;
    font-size: 1.2em;
    margin-right: 0.4em;
    text-transform: capitalize
}

#fileupload .multi-selects .preview-group .notes .server-msg.success>span:first-child {
    color: #008000
}

#fileupload .multi-selects .preview-group .notes .server-msg.error>span,#fileupload .multi-selects .preview-group .notes .server-msg.error>div {
    color: #bb0000
}

#fileupload .multi-selects .preview-group .notes::after {
    content: 'caption text is too long!';
    color: red;
    position: absolute;
    bottom: -1.4em;
    left: 1.2em;
    font-size: 0.9em;
    visibility: hidden;
    opacity: 0.01;
    transition: opacity 0.3s
}

#fileupload .multi-selects .preview-group .notes.too-long::after {
    visibility: visible;
    opacity: 1
}

#fileupload .multi-selects .preview-group .notes .media-caption-field {
    width: 100%;
    height: 4em;
    overflow-y: scroll;
    word-wrap: anywhere;
    color: black;
    background-color: white;
    padding: 0.5em 0.6em 0 0.8em;
    scrollbar-color: #aaa transparent;
    box-shadow: inset 0px 1px 5px rgba(0,0,0,0.4);
    resize: none
}

#fileupload .multi-selects .preview-group .notes .media-heading {
    display: grid;
    width: 100%;
    grid-template-columns: auto max-content;
    align-items: end;
    padding: 0 0 0 10px
}

#fileupload .multi-selects .preview-group .notes .media-heading .filename {
    display: flex;
    align-items: center
}

#fileupload .multi-selects .preview-group .notes .media-heading .filename span {
    line-height: 1.1;
    padding-bottom: 0.2em
}

#fileupload .multi-selects .preview-group .notes .media-heading .filename a.delete-btn {
    align-self: end
}

#fileupload .multi-selects .preview-group .notes .media-heading a {
    display: inline-block;
    font-size: 1.5em;
    padding: 0.3em 1em
}

@media (max-width: 600px) {
    #fileupload .multi-selects .preview-group .notes .media-heading a {
        padding:0.3em 0.4em
    }
}

#fileupload .multi-selects .preview-group .notes .media-heading a.picker-link {
    color: #232323
}

#fileupload .multi-selects .preview-group.disabled {
    grid-template-columns: 1fr;
    margin-top: 2em;
    outline: 2px solid #c40000;
    background: rgba(0,0,0,0.4)
}

#fileupload .multi-selects .preview-group.disabled .preview-parent {
    display: none
}

#fileupload .multi-selects .preview-group.disabled .notes {
    padding: 8px
}

#fileupload .multi-selects .preview-group.disabled .notes .filename {
    color: white
}

#fileupload .multi-selects .preview-group.disabled .notes .buttons {
    display: none
}

#fileupload .multi-selects .preview-group.disabled .notes .media-caption-field {
    height: 5em
}

.ml-homegrid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: start
}

body.ml_sidemenu .ml-homegrid {
    grid-template-columns: 1fr
}

.ml-homegrid #newsfeed .icon_button.delete {
    left: 25% !important
}

.cke_button__removeformat_icon {
    display: none !important
}

.cke_button__removeformat_label {
    display: block !important
}

.cke_button_disabled .cke_button_label {
    opacity: 0.3
}

.cke-textarea>textarea {
    opacity: 0;
    width: 100%;
    height: 275px
}

html.loaded-init .cke-textarea>textarea {
    opacity: 1;
    transition: opacity 0.4s 2s
}

#bodyElement input.cke_dialog_ui_input_text {
    border-radius: 3px;
    background-color: #fbfbfb
}

#bodyElement a.cke_dialog_tab:focus {
    background: white !important
}

#bodyElement .cke_dialog_ui_hbox_first {
    padding-right: 20px
}

#bodyElement .cke_dialog_ui_labeled_label {
    padding-bottom: 1px;
    display: block
}

#bodyElement td[class*='hbox']>.cke_dialog_ui_labeled_label {
    padding-top: 4px
}

#bodyElement .ml-subscribe-button,#bodyElement .ml-sms-opt-in-button {
    display: contents
}

#bodyElement .cke_combopanel {
    width: 18em;
    height: 26em
}

#bodyElement .cke_dialog_body {
    max-width: 94vw
}

#bodyElement .cke_dialog_body * {
    font-size: 0.8rem;
    white-space: normal
}

#bodyElement .cke_dialog_body .cke_dialog_tabs {
    overflow: hidden;
    height: 26px
}

#bodyElement .cke_dialog_body .cke_dialog_tabs a {
    font-size: 0.8rem;
    vertical-align: top;
    height: 18px
}

#bodyElement .cke_dialog_body .cke_dialog_contents p {
    margin: 0.3rem 0;
    white-space: normal
}

#bodyElement .vbox-heading {
    text-align: left;
    font-weight: bold;
    font-size: 110%;
    padding: 3px 0
}

#bodyElement .cke_dialog_ui_vbox_child {
    padding: 2px 0 6px
}

#bodyElement .cke_dialog_ui_checkbox {
    display: flex;
    align-items: center
}

#bodyElement .cke_dialog_ui_checkbox label {
    padding-left: 5px
}

#bodyElement .cke_dialog_ui_radio {
    padding-left: 10%
}

#bodyElement .cke_dialog_ui_radio .cke_dialog_ui_hbox {
    display: block;
    padding-left: 5px
}

#bodyElement .cke_dialog_ui_radio .cke_dialog_ui_hbox td {
    width: auto !important
}

#bodyElement .cke_dialog_ui_radio .cke_dialog_ui_hbox * {
    display: block;
    width: 100%
}

#bodyElement .cke_dialog_ui_radio .cke_dialog_ui_hbox * label,#bodyElement .cke_dialog_ui_radio .cke_dialog_ui_hbox * input {
    display: inline;
    width: auto
}

#bodyElement .cke_dialog .ImagePreviewBox {
    overflow: hidden !important;
    border: 0 !important;
    height: auto !important;
    padding: 0 !important;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.6)
}

#bodyElement .cke_dialog .ImagePreviewBox * {
    font-size: 0 !important
}

#bodyElement .cke_dialog .ImagePreviewBox table {
    width: 100% !important;
    height: auto !important
}

#bodyElement .cke_dialog .ImagePreviewBox img {
    width: 100% !important;
    height: auto !important
}

#bodyElement .cke_dialog .cke_dialog_image_url td.cke_dialog_ui_hbox_last {
    vertical-align: bottom
}

#bodyElement .cke_dialog div[name='advanced'] tr:nth-child(2) {
    display: none
}

.element-slide-up .slide-up-box {
    overflow: hidden;
    padding: 20px 20px 0;
    padding-bottom: 0 !important
}

.element-slide-up .slide-up-box .slide-up-image {
    display: block;
    width: 100%
}

.element-slide-up .slide-up-box.init .slide-up-image {
    transform: translateY(101%)
}

.element-slide-up .slide-up-box.doit .slide-up-image {
    animation-name: kf-slide-up;
    animation-fill-mode: both;
    animation-duration: 1s;
    animation-timing-function: ease-out
}

.icon-group[data-ml-scroll-animation='group-swing'] .icon-group-flexbox.init {
    transform: rotate(0deg) scaleY(0)
}

.icon-group[data-ml-scroll-animation='group-swing'] .icon-group-flexbox.doit {
    animation-name: kf-group-swing;
    animation-fill-mode: both;
    animation-duration: 1s;
    animation-timing-function: ease-out
}

.icon-group[data-ml-scroll-animation='group-expand'] .icon-group-flexbox.init {
    transform: scale(0)
}

.icon-group[data-ml-scroll-animation='group-expand'] .icon-group-flexbox.doit {
    animation-name: kf-group-expand;
    animation-fill-mode: both;
    animation-duration: 1s;
    animation-timing-function: ease-out
}

.icon-group[data-ml-scroll-animation='jump-forward'] .element-icon-with-label.init {
    opacity: 0
}

.icon-group[data-ml-scroll-animation='jump-forward'] .element-icon-with-label.doit {
    animation-name: kf-jump-forward;
    animation-fill-mode: both;
    animation-duration: 1.6s;
    animation-timing-function: ease-in-out
}

.icon-group[data-ml-scroll-animation='spin-and-fade-in'] .element-icon-with-label.init .icon-holder img.icon {
    transform: scale(0) rotate(0deg);
    opacity: 0
}

.icon-group[data-ml-scroll-animation='spin-and-fade-in'] .element-icon-with-label.init .icon-label .inner {
    opacity: 0;
    filter: blur(10px)
}

.icon-group[data-ml-scroll-animation='spin-and-fade-in'] .element-icon-with-label.doit .icon-holder img.icon {
    animation-name: kf-spin-in;
    animation-fill-mode: both;
    animation-duration: 0.6s;
    animation-timing-function: ease-in-out
}

.icon-group[data-ml-scroll-animation='spin-and-fade-in'] .element-icon-with-label.anim-done .icon-label .inner {
    animation-name: kf-blur-in;
    animation-fill-mode: both;
    animation-duration: 0.8s;
    animation-timing-function: ease-in-out
}

@keyframes kf-slide-up {
    0% {
        transform: translateY(101%);
        opacity: 0
    }

    20% {
        opacity: 100%
    }

    100% {
        transform: translateY(1px);
        opacity: 100%
    }
}

@keyframes kf-group-swing {
    0% {
        transform: rotate(0deg) scaleY(0);
        opacity: 0
    }

    20% {
        transform: rotate(-4deg) scaleY(0.5)
    }

    35% {
        transform: rotate(4deg) scaleY(1)
    }

    50% {
        transform: rotate(-4deg) scaleY(1.1)
    }

    65% {
        transform: rotate(2deg) scaleY(1);
        opacity: 1
    }

    80% {
        transform: rotate(-1deg);
        opacity: 1
    }

    100% {
        transform: rotate(0deg);
        opacity: 1
    }
}

@keyframes kf-group-expand {
    0% {
        transform: scale(0);
        opacity: 0
    }

    75% {
        transform: scale(1.1);
        opacity: 1
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes kf-jump-forward {
    0% {
        transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity: 0.2
    }

    30% {
        transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
        opacity: 1
    }

    45% {
        transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    60% {
        transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    75% {
        transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    90% {
        transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    100% {
        transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1
    }
}

@keyframes kf-spin-in {
    0% {
        transform: scale(0) rotate(700deg);
        opacity: 0
    }

    100% {
        transform: scale(1) rotate(0deg);
        opacity: 1
    }
}

@keyframes kf-blur-in {
    0% {
        opacity: 0;
        filter: blur(30px)
    }

    50% {
        opacity: 0.15;
        filter: blur(3px)
    }

    100% {
        filter: blur(0);
        opacity: 1
    }
}

.ml-template {
    position: relative;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat
}

.icon-group .background-box {
    background-size: cover;
    background-position: top center
}

.icon-group .icon-group-flexbox {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: start
}

.icon-group .icon-group-flexbox>:not(.element-icon-with-label) {
    display: none
}

.icon-group .element-icon-with-label {
    max-width: 500px
}

.icon-group[data-ml-icon-size="xtralarge-icons"] .element-icon-with-label {
    min-width: 270px;
    width: 37vw
}

.icon-group[data-ml-icon-size="large-icons"] .element-icon-with-label {
    min-width: 200px;
    width: 24vw
}

.icon-group[data-ml-icon-size="medium-icons"] .element-icon-with-label {
    min-width: 140px;
    width: 16vw
}

.icon-group[data-ml-icon-size="small-icons"] .element-icon-with-label {
    min-width: 90px;
    width: 10vw
}

.icon-with-content .background-box {
    background-size: cover;
    background-position: top center
}

.icon-with-content .icon-with-content-flexbox {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: start
}

.icon-with-content .icon-with-content-flexbox>:not(.element-icon-with-content) {
    display: none
}

.icon-with-content .element-icon-with-content {
    max-width: 500px
}

.icon-with-content[data-ml-icon-size="xtralarge-icons"] .element-icon-with-content {
    min-width: 270px;
    width: 37vw
}

.icon-with-content[data-ml-icon-size="large-icons"] .element-icon-with-content {
    min-width: 200px;
    width: 24vw
}

.icon-with-content[data-ml-icon-size="medium-icons"] .element-icon-with-content {
    min-width: 140px;
    width: 16vw
}

.icon-with-content[data-ml-icon-size="small-icons"] .element-icon-with-content {
    min-width: 90px;
    width: 10vw
}

.element-icon-with-label {
    text-align: center
}

.element-icon-with-label .icon-holder {
    padding-left: 1vw;
    padding-right: 1vw
}

.element-icon-with-label .icon-holder img {
    width: 100% !important;
    height: auto !important;
    vertical-align: bottom
}

.element-icon-with-label .icon-holder p {
    display: contents
}

.element-image-with-caption {
    margin: 0 auto;
    text-align: center
}

.element-image-with-caption .element-grid {
    display: grid;
    width: 100%;
    grid-template-columns: 30% 65%;
    column-gap: 5%;
    align-items: center;
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-right: auto
}

.element-image-with-caption .photo-holder img {
    width: 100% !important;
    height: auto !important;
    vertical-align: bottom
}

.element-image-with-caption .photo-holder p {
    display: contents
}

.element-image-with-caption .photo-caption {
    position: relative;
    padding-left: 0.6em
}

.element-image-with-caption .photo-caption::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 95%;
    width: 0.1em;
    border-radius: 100px;
    background: rgba(255,255,255,0.5);
    height: 0
}

.element-image-with-caption.init .photo-caption {
    overflow: hidden
}

.element-image-with-caption.init .photo-caption .inner {
    transform: translateX(-110%);
    opacity: 0.01
}

.element-image-with-caption.init .photo-caption .inner p {
    margin: 0.3em 0
}

.element-image-with-caption.doit .photo-caption .inner {
    transition: transform 0.4s 0.5s ease-in-out;
    transform: translateX(0);
    opacity: 99.99%
}

.element-image-with-caption.doit .photo-caption::before {
    transition: all 0.2s 0.4s linear;
    height: 90%
}

.element-image-with-caption.reverse .photo-holder {
    order: 2
}

.element-image-with-caption.top .element-grid {
    align-items: start
}

.element-image-with-caption.bottom .element-grid {
    align-items: end
}

@keyframes element-image-with-caption {
    from,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

    30% {
        opacity: 0
    }

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

    75% {
        transform: translate3d(10px, 0, 0) scaleX(0.98)
    }

    90% {
        transform: translate3d(-5px, 0, 0) scaleX(0.995);
        opacity: 1
    }

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

.element-image-with-caption.init .photo-holder {
    opacity: 0;
    transform: translate3d(3000px, 0, 0) scaleX(3)
}

.element-image-with-caption.doit .photo-holder {
    animation-name: element-image-with-caption;
    animation-fill-mode: both;
    animation-duration: 1s;
    animation-iteration-count: 1
}

.ml-logged-in-home .template-grid {
    display: grid;
    grid-template-columns: 1fr 2.5fr;
    align-items: start;
    grid-gap: 0 10px
}

@media (max-width: 768px) {
    .ml-logged-in-home .template-grid {
        grid-template-columns:1fr !important
    }
}

.panel-container .background-box {
    background-size: cover;
    background-position: top center
}

.element-rotate-text {
    width: 100%;
    height: 0
}

.element-rotate-text .rotate-text-box {
    width: 100%;
    height: 100%;
    position: relative
}

.element-rotate-text .rotate-text-box>* {
    width: 100% !important;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    text-align: center;
    transform: translateY(-50%);
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0;
    transition-property: all
}

.element-rotate-text .rotate-text-box>*.visible-item {
    z-index: 2
}

.element-rotate-text[data-ml-rotation-effect="fade"]>*>* {
    opacity: 0;
    transition-duration: 1s;
    transition-delay: 0s
}

.element-rotate-text[data-ml-rotation-effect="fade"]>*>*.visible-item {
    opacity: 1;
    transition-delay: 1s
}

.element-rotate-text[data-ml-rotation-effect="blur"]>*>* {
    opacity: 0;
    filter: blur(1em);
    transition-duration: 0.6s;
    transition-delay: 0s
}

.element-rotate-text[data-ml-rotation-effect="blur"]>*>*.visible-item {
    opacity: 1;
    filter: blur(0.01em);
    transition-delay: 0.3s
}

.element-rotate-text.content-rotator-iris li {
    transform: translate(-50%, -50%) scale(0);
    transition-timing-function: ease-in
}

.element-rotate-text.content-rotator-iris li.doit {
    transform: translate(-50%, -50%) scale(1);
    transition-timing-function: ease-out
}

ul.autocompleter-choices {
    position: absolute;
    margin: 0;
    margin-left: 80px;
    padding: 0;
    list-style: none;
    border: 1px solid #7c7c7c;
    border-left-color: #c3c3c3;
    border-right-color: #c3c3c3;
    border-bottom-color: #ddd;
    background-color: #fff;
    text-align: left;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    z-index: 50;
    color: black
}

ul.autocompleter-choices li {
    position: relative;
    margin: -2px 0 0 0;
    padding: 0.2em 1.5em 0.2em 1em;
    display: block;
    float: none !important;
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    font-size: 1em;
    line-height: 1.5em
}

@media (any-hover: none),(any-pointer: coarse) {
    ul.autocompleter-choices li {
        padding:15px 0;
        font-size: 24px
    }
}

ul.autocompleter-choices li.autocompleter-selected {
    background-color: #444;
    color: #fff
}

ul.autocompleter-choices span.autocompleter-queried {
    display: inline;
    float: none;
    font-weight: bold;
    margin: 0;
    padding: 0
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
    color: #9FCFFF
}

@keyframes fpFadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    box-sizing: border-box;
    touch-action: manipulation;
    background: #ffffff;
    box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)
}

.flatpickr-calendar.open,.flatpickr-calendar.inline {
    opacity: 1;
    max-height: 640px;
    visibility: visible
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999
}

.flatpickr-calendar.animate.open {
    animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1)
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    box-shadow: none !important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}

.flatpickr-calendar:before,.flatpickr-calendar:after {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    left: 22px
}

.flatpickr-calendar.rightMost:before,.flatpickr-calendar.rightMost:after {
    left: auto;
    right: 22px
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
}

.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after {
    bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #ffffff
}

.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after {
    top: 100%
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #ffffff
}

.flatpickr-calendar:focus {
    outline: 0
}

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-months {
    display: flex
}

.flatpickr-months .flatpickr-month {
    background: transparent;
    color: rgba(0,0,0,0.9);
    fill: rgba(0,0,0,0.9);
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    user-select: none;
    overflow: hidden;
    flex: 1
}

.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month {
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0px;
    line-height: 16px;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: rgba(0,0,0,0.9);
    fill: rgba(0,0,0,0.9)
}

.flatpickr-months .flatpickr-prev-month.disabled,.flatpickr-months .flatpickr-next-month.disabled {
    display: none
}

.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i {
    position: relative
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
    left: 0
}

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    right: 0
}

.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover {
    color: #959ea9
}

.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg {
    fill: #f64747
}

.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg {
    width: 14px;
    height: 14px
}

.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path {
    transition: fill 0.1s;
    fill: inherit
}

.numInputWrapper {
    position: relative;
    height: auto
}

.numInputWrapper input,.numInputWrapper span {
    display: inline-block
}

.numInputWrapper input {
    width: 100%
}

.numInputWrapper input::-ms-clear {
    display: none
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(57,57,57,0.15);
    box-sizing: border-box
}

.numInputWrapper span:hover {
    background: rgba(0,0,0,0.1)
}

.numInputWrapper span:active {
    background: rgba(0,0,0,0.2)
}

.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57,57,57,0.6);
    top: 26%
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57,57,57,0.6);
    top: 40%
}

.numInputWrapper span svg {
    width: inherit;
    height: auto
}

.numInputWrapper span svg path {
    fill: rgba(0,0,0,0.5)
}

.numInputWrapper:hover {
    background: rgba(0,0,0,0.05)
}

.numInputWrapper:hover span {
    opacity: 1
}

.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    transform: translate3d(0px, 0px, 0px)
}

.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: 0.5ch;
    padding: 0
}

.flatpickr-current-month span.cur-month:hover {
    background: rgba(0,0,0,0.05)
}

.flatpickr-current-month .numInputWrapper {
    width: 7ch;
    display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0,0,0,0.9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0,0,0,0.9)
}

.flatpickr-current-month input.cur-year {
    background: transparent;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 0.5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0
}

.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(0,0,0,0.5);
    background: transparent;
    pointer-events: none
}

.flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    height: 28px
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: flex;
    flex: 1
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: transparent;
    color: rgba(0,0,0,0.54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    flex: 1;
    font-weight: bolder
}

.dayContainer,.flatpickr-weeks {
    padding: 1px 0 0 0
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    width: 307.875px
}

.flatpickr-days:focus {
    outline: 0
}

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-around;
    transform: translate3d(0px, 0px, 0px);
    opacity: 1
}

.dayContainer+.dayContainer {
    box-shadow: -1px 0 0 #e6e6e6
}

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    justify-content: center;
    text-align: center
}

.flatpickr-day.inRange,.flatpickr-day.today.inRange,.flatpickr-day:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.nextMonthDay:focus {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6
}

.flatpickr-day.today {
    border-color: #959ea9
}

.flatpickr-day.today:hover,.flatpickr-day.today:focus {
    border-color: #959ea9;
    background: #959ea9;
    color: #fff
}

.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange.nextMonthDay {
    background: #569FF7;
    box-shadow: none;
    color: #fff;
    border-color: #569FF7
}

.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange {
    border-radius: 0 50px 50px 0
}

.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 #569FF7
}

.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange {
    border-radius: 50px
}

.flatpickr-day.inRange {
    border-radius: 0;
    box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-day.disabled,.flatpickr-day.disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay {
    color: rgba(57,57,57,0.3);
    background: transparent;
    border-color: transparent;
    cursor: default
}

.flatpickr-day.disabled,.flatpickr-day.disabled:hover {
    cursor: not-allowed;
    color: rgba(57,57,57,0.1)
}

.flatpickr-day.week.selected {
    border-radius: 0;
    box-shadow: -5px 0 0 #569FF7, 5px 0 0 #569FF7
}

.flatpickr-day.hidden {
    visibility: hidden
}

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    display: inline-block;
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    box-shadow: 1px 0 0 #e6e6e6
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(57,57,57,0.3);
    background: transparent;
    cursor: default;
    border: none
}

.flatpickr-innerContainer {
    display: block;
    display: flex;
    box-sizing: border-box;
    overflow: hidden
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    box-sizing: border-box
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex
}

.flatpickr-time:after {
    content: "";
    display: table;
    clear: both
}

.flatpickr-time .numInputWrapper {
    flex: 1;
    width: 40%;
    height: 40px;
    float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}

.flatpickr-time input {
    background: transparent;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #393939;
    font-size: 14px;
    position: relative;
    box-sizing: border-box
}

.flatpickr-time input.flatpickr-hour {
    font-weight: bold
}

.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second {
    font-weight: 400
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0
}

.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm {
    height: inherit;
    display: inline-block;
    float: left;
    line-height: inherit;
    color: #393939;
    font-weight: bold;
    width: 2%;
    user-select: none;
    align-self: center
}

.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400
}

.flatpickr-time input:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time .flatpickr-am-pm:focus {
    background: #f3f3f3
}

.flatpickr-input[readonly] {
    cursor: pointer
}

@keyframes "goog-te-spinner-rotator" {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(270deg)
    }
}

@keyframes "goog-te-spinner-dash" {
    0% {
        stroke-dashoffset: 187
    }

    50% {
        stroke-dashoffset: 46.75;
        transform: rotate(135deg)
    }

    100% {
        stroke-dashoffset: 187;
        transform: rotate(450deg)
    }
}

.goog-te-gadget {
    font-family: arial;
    font-size: 11px;
    color: #666;
    white-space: nowrap
}

.goog-te-gadget img {
    vertical-align: middle;
    border: none
}

.goog-logo-link {
    font-size: 12px;
    font-weight: bold;
    color: #444;
    text-decoration: none
}

.goog-logo-link:link {
    font-size: 12px;
    font-weight: bold;
    color: #444;
    text-decoration: none
}

.goog-logo-link:visited {
    font-size: 12px;
    font-weight: bold;
    color: #444;
    text-decoration: none
}

.goog-logo-link:hover {
    font-size: 12px;
    font-weight: bold;
    color: #444;
    text-decoration: none
}

.goog-logo-link:active {
    font-size: 12px;
    font-weight: bold;
    color: #444;
    text-decoration: none
}

.goog-te-banner .goog-logo-link {
    display: block;
    margin: 0px 10px;
    padding-top: 2px;
    padding-left: 4px
}

.goog-te-banner * {
    font-family: arial;
    font-size: 10pt
}

.goog-close-link {
    display: block;
    margin: 0px 10px
}

.goog-te-combo {
    font-family: arial;
    font-size: 10pt
}

.goog-te-ftab {
    margin: 0px;
    background-color: #fff;
    white-space: nowrap
}

.goog-te-ftab * {
    font-family: arial;
    font-size: 10pt
}

.goog-te-menu {
    background-color: #ffffff;
    text-decoration: none;
    border: 2px solid #c3d9ff;
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    left: 0;
    top: 0
}

.goog-te-menu * {
    font-family: arial;
    font-size: 10pt
}

.goog-te-menu2 {
    text-decoration: none;
    overflow: hidden;
    padding: 4px
}

.goog-te-menu2 * {
    font-family: arial;
    font-size: 10pt
}

.goog-te-balloon {
    background-color: #ffffff;
    overflow: hidden;
    padding: 8px;
    border: none;
    border-radius: 10px
}

.goog-te-balloon * {
    font-family: arial;
    font-size: 10pt
}

.goog-te-balloon img {
    border: none
}

.goog-te-button {
    border-color: #e7e7e7;
    border-style: none solid solid none;
    border-width: 0 1px 1px 0
}

.goog-te-button div {
    border-color: #cccccc #999999 #999999 #cccccc;
    border-right: 1px solid #999999;
    border-style: solid;
    border-width: 1px;
    height: 20px
}

.goog-te-button button {
    background: transparent;
    border: none;
    cursor: pointer;
    height: 20px;
    overflow: hidden;
    margin: 0;
    vertical-align: top;
    white-space: nowrap
}

.goog-te-button button:active {
    background: none repeat scroll 0 0 #cccccc
}

.goog-te-ftab-link {
    text-decoration: none;
    font-weight: bold;
    font-size: 10pt;
    border: 1px outset #888;
    padding: 6px 10px;
    white-space: nowrap;
    position: absolute;
    left: 0px;
    top: 0px
}

.goog-te-ftab-link img {
    margin-left: 2px;
    margin-right: 2px;
    width: 19px;
    height: 19px;
    border: none;
    vertical-align: middle
}

.goog-te-ftab-link span {
    text-decoration: underline;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle
}

.goog-float-top .goog-te-ftab-link {
    padding: 2px 2px;
    border-top-width: 0px
}

.goog-float-bottom .goog-te-ftab-link {
    padding: 2px 2px;
    border-bottom-width: 0px
}

.goog-te-menu-value {
    text-decoration: none;
    color: #0000cc;
    white-space: nowrap;
    margin-left: 4px;
    margin-right: 4px
}

.goog-te-menu-value span {
    text-decoration: underline
}

.goog-te-menu-value img {
    margin-left: 2px;
    margin-right: 2px
}

.goog-te-gadget-simple .goog-te-menu-value {
    color: #000
}

.goog-te-gadget-simple .goog-te-menu-value span {
    text-decoration: none
}

.goog-te-menu-item {
    padding: 3px;
    text-decoration: none;
    color: #0000cc;
    background: #ffffff
}

.goog-te-menu-item:link {
    color: #0000cc;
    background: #ffffff
}

.goog-te-menu-item:visited {
    color: #551a8b
}

.goog-te-menu-item:hover {
    background: #c3d9ff
}

.goog-te-menu-item:active {
    color: #0000cc
}

.goog-te-menu-frame {
    z-index: 10000002;
    position: fixed;
    border: none;
    max-height: 80vh
}

.goog-te-menu-frame body {
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #ffffff;
    border: 1px solid #6b90da
}

.goog-te-menu2-separator {
    margin: 6px 0;
    height: 1px;
    background-color: #aaa;
    overflow: hidden
}

.goog-te-menu2-item {
    text-decoration: none
}

.goog-te-menu2-item div {
    padding: 4px;
    color: #0000cc;
    background: #ffffff
}

.goog-te-menu2-item .indicator {
    display: none
}

.goog-te-menu2-item:link div {
    color: #0000cc;
    background: #ffffff
}

.goog-te-menu2-item:visited div {
    color: #0000cc;
    background: #ffffff
}

.goog-te-menu2-item:active div {
    color: #0000cc;
    background: #ffffff
}

.goog-te-menu2-item:hover div {
    color: #ffffff;
    background: #3366cc
}

.goog-te-menu2-item-selected {
    text-decoration: none
}

.goog-te-menu2-item-selected div {
    padding: 4px;
    color: #000;
    font-weight: bold
}

.goog-te-menu2-item-selected .indicator {
    display: auto
}

.goog-te-menu2-item-selected .text {
    padding-left: 4px;
    padding-right: 4px
}

.goog-te-menu2-item-selected:link div {
    color: #000;
    font-weight: bold
}

.goog-te-menu2-item-selected:visited div {
    color: #000;
    font-weight: bold
}

.goog-te-menu2-item-selected:hover div {
    color: #000;
    font-weight: bold
}

.goog-te-menu2-item-selected:active div {
    color: #000;
    font-weight: bold
}

.goog-te-balloon-frame {
    background-color: #ffffff;
    border: 1px solid #6b90da;
    box-shadow: 0 3px 8px 2px #999999;
    border-radius: 8px
}

.goog-te-balloon-text {
    margin-top: 6px
}

.goog-te-balloon-zippy {
    margin-top: 6px;
    white-space: nowrap
}

.goog-te-balloon-zippy * {
    vertical-align: middle
}

.goog-te-balloon-zippy .minus {
    background-image: url(//www.google.com/images/zippy_minus_sm.gif)
}

.goog-te-balloon-zippy .plus {
    background-image: url(//www.google.com/images/zippy_plus_sm.gif)
}

.goog-te-balloon-zippy span {
    color: #00c;
    text-decoration: underline;
    cursor: pointer;
    margin: 0 4px
}

.goog-te-balloon-form {
    margin: 6px 0 0 0
}

.goog-te-balloon-form form {
    margin: 0
}

.goog-te-balloon-form form textarea {
    margin-bottom: 4px;
    width: 100%
}

.goog-te-balloon-footer {
    margin: 6px 0 4px 0
}

.goog-te-spinner-pos {
    z-index: 1000;
    position: fixed;
    transition-delay: 0.6s;
    left: -1000px;
    top: -1000px
}

.goog-te-spinner-animation {
    background: #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 104px;
    height: 104px;
    border-radius: 50px;
    background: #fff url(//www.gstatic.com/images/branding/product/2x/translate_24dp.png) 50% 50% no-repeat;
    transition: all 0.6s ease-in-out;
    transform: scale(0.4);
    opacity: 0
}

.goog-te-spinner-animation-show {
    transform: scale(0.5);
    opacity: 1
}

.goog-te-spinner {
    margin: 2px 0 0 2px;
    animation: goog-te-spinner-rotator 1.4s linear infinite
}

.goog-te-spinner-path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    stroke: #4285f4;
    transform-origin: center;
    animation: goog-te-spinner-dash 1.4s ease-in-out infinite
}

#goog-gt-tt {
    color: #222;
    background-color: #ffffff;
    border: 1px solid #eee;
    box-shadow: 0 4px 16px rgba(0,0,0,0.2);
    display: none;
    font-family: arial;
    font-size: 10pt;
    width: 420px;
    padding: 12px;
    position: absolute;
    z-index: 10000
}

#goog-gt-tt html {
    display: none !important;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-align: left;
    line-height: normal
}

#goog-gt-tt body {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-align: left;
    line-height: normal
}

#goog-gt-tt div {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-align: left;
    line-height: normal
}

#goog-gt-tt span {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-align: left;
    line-height: normal
}

#goog-gt-tt span:focus {
    outline: none
}

#goog-gt-tt iframe {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-align: left;
    line-height: normal
}

#goog-gt-tt h1 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-align: left;
    line-height: normal
}

#goog-gt-tt h2 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-align: left;
    line-height: normal
}

#goog-gt-tt h3 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-align: left;
    line-height: normal
}

#goog-gt-tt h4 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-align: left;
    line-height: normal
}

#goog-gt-tt h5 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-align: left;
    line-height: normal
}

#goog-gt-tt h6 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-align: left;
    line-height: normal
}

#goog-gt-tt p {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-align: left;
    line-height: normal
}

#goog-gt-tt a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-align: left;
    line-height: normal
}

#goog-gt-tt img {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-align: left;
    line-height: normal
}

#goog-gt-tt ol {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-align: left;
    line-height: normal;
    list-style: none
}

#goog-gt-tt ul {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-align: left;
    line-height: normal;
    list-style: none
}

#goog-gt-tt li {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-align: left;
    line-height: normal
}

#goog-gt-tt table {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-align: left;
    line-height: normal;
    border-collapse: collapse;
    border-spacing: 0
}

#goog-gt-tt form {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-align: left;
    line-height: normal
}

#goog-gt-tt tbody {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-align: left;
    line-height: normal
}

#goog-gt-tt tr {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-align: left;
    line-height: normal
}

#goog-gt-tt td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-align: left;
    line-height: normal;
    text-align: left;
    font-weight: normal
}

#goog-gt-tt caption {
    text-align: left;
    font-weight: normal
}

#goog-gt-tt th {
    text-align: left;
    font-weight: normal
}

#goog-gt-tt input::-moz-focus-inner {
    border: 0
}

#goog-gt-tt .original-text {
    clear: both;
    font-size: 10pt;
    position: relative;
    text-align: justify;
    width: 100%
}

#goog-gt-tt .title {
    color: #999;
    font-family: arial, sans-serif;
    margin: 4px 0;
    text-align: left
}

#goog-gt-tt .close-button {
    display: none
}

#goog-gt-tt .logo {
    float: left;
    margin: 0px
}

#goog-gt-tt .activity-links {
    display: inline-block
}

#goog-gt-tt .started-activity-container {
    display: none;
    width: 100%
}

#goog-gt-tt .activity-root {
    margin-top: 20px
}

#goog-gt-tt .left {
    float: left
}

#goog-gt-tt .right {
    float: right
}

#goog-gt-tt .bottom {
    min-height: 15px;
    position: relative;
    height: 1%
}

#goog-gt-tt .status-message {
    background: linear-gradient(top, #29910d 0%, #20af0e 100%);
    background: #29910d;
    border-radius: 4px;
    box-shadow: inset 0px 2px 2px #1e6609;
    color: white;
    font-size: 9pt;
    font-weight: bolder;
    margin-top: 12px;
    padding: 6px;
    text-shadow: 1px 1px 1px #1e6609
}

#goog-gt-tt .activity-link {
    color: #1155cc;
    cursor: pointer;
    font-family: arial;
    font-size: 11px;
    margin-right: 15px;
    text-decoration: none
}

#goog-gt-tt textarea {
    font-family: arial;
    resize: vertical;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 1px;
    border: 1px solid #d9d9d9;
    border-top: 1px solid silver;
    font-size: 13px;
    height: auto;
    overflow-y: auto;
    padding: 1px
}

#goog-gt-tt textarea:focus {
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    border: 1px solid #4d90fe;
    outline: none
}

#goog-gt-tt .activity-cancel {
    margin-right: 10px
}

#goog-gt-tt .translate-form {
    min-height: 25px;
    vertical-align: middle;
    padding-top: 8px
}

#goog-gt-tt .translate-form .activity-form {
    margin-bottom: 5px;
    margin-bottom: 0px
}

#goog-gt-tt .translate-form .activity-form input {
    display: inline-block;
    min-width: 54px;
    border: 1px solid #dcdcdc;
    border: 1px solid rgba(0,0,0,0.1);
    text-align: center;
    color: #444;
    font-size: 11px;
    font-weight: bold;
    height: 27px;
    outline: 0;
    padding: 0 8px;
    vertical-align: middle;
    line-height: 27px;
    margin: 0 16px 0 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    border-radius: 2px;
    transition: all 0.218s;
    background-color: #f5f5f5;
    background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
    -webkit-user-select: none;
    -moz-user-select: none;
    cursor: default
}

#goog-gt-tt .translate-form .activity-form input:hover {
    border: 1px solid #c6c6c6;
    color: #222;
    transition: all 0s;
    background-color: #f8f8f8;
    background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
    border-color: #3079ed
}

#goog-gt-tt .translate-form .activity-form input:active {
    border: 1px solid #c6c6c6;
    color: #333;
    background-color: #f6f6f6;
    background-image: linear-gradient(top, #f6f6f6, #f1f1f1);
    border-color: #3079ed
}

#goog-gt-tt .translate-form .activity-form input:focus {
    outline: none;
    border: 1px solid #4d90fe;
    z-index: 4 !important;
    border-color: #3079ed
}

#goog-gt-tt .translate-form .activity-form input:focus #goog-gt-tt .translate-form .activity-form input.focus #goog-gt-tt .translate-form .activity-form input:active {
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5)
}

#goog-gt-tt .translate-form .activity-form input:focus:active {
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5)
}

#goog-gt-tt .translate-form .activity-form input.focus {
    outline: none;
    border: 1px solid #4d90fe;
    z-index: 4 !important;
    border-color: #3079ed
}

#goog-gt-tt .translate-form .activity-form input.selected {
    background-color: #eeeeee;
    background-image: linear-gradient(top, #eee, #e0e0e0);
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    border: 1px solid #ccc;
    color: #333
}

#goog-gt-tt .translate-form .activity-form input.activity-submit {
    color: white;
    border-color: #3079ed;
    background-color: #4d90fe;
    background-image: linear-gradient(top, #4d90fe, #4787ed)
}

#goog-gt-tt .translate-form .activity-form input.activity-submit:hover {
    box-shadow: inset 0 0 0 1px #fff,0px 1px 1px rgba(0,0,0,0.1);
    border-color: #3079ed
}

#goog-gt-tt .translate-form .activity-form input.activity-submit:hover #goog-gt-tt .translate-form .activity-form input.activity-submit:focus {
    border-color: #3079ed;
    background-color: #357ae8;
    background-image: linear-gradient(top, #4d90fe, #357ae8)
}

#goog-gt-tt .translate-form .activity-form input.activity-submit:focus {
    border-color: #3079ed
}

#goog-gt-tt .translate-form .activity-form input.activity-submit:active {
    border-color: #3079ed
}

#goog-gt-tt .translate-form .activity-form input.activity-submit.focus {
    border-color: #3079ed
}

#goog-gt-tt .translate-form .activity-form input.activity-submit.focus #goog-gt-tt .translate-form .activity-form input.activity-submit:active {
    border-color: #3079ed;
    background-color: #357ae8;
    background-image: linear-gradient(top, #4d90fe, #357ae8)
}

#goog-gt-tt .gray {
    color: #999;
    font-family: arial, sans-serif
}

#goog-gt-tt .alt-helper-text {
    color: #999;
    font-size: 11px;
    font-family: arial, sans-serif;
    margin: 15px 0px 5px 0px
}

#goog-gt-tt .alt-error-text {
    color: #800;
    display: none;
    font-size: 9pt
}

#goog-gt-tt .alt-menu.goog-menu {
    background: #ffffff;
    border: 1px solid #dddddd;
    box-shadow: 0px 2px 4px #99a;
    min-width: 0;
    outline: none;
    padding: 0;
    position: absolute;
    z-index: 2000
}

#goog-gt-tt .alt-menu .goog-menuitem {
    cursor: pointer;
    padding: 2px 5px 5px;
    margin-right: 0px;
    border-style: none
}

#goog-gt-tt .alt-menu .goog-menuitem h1 {
    font-size: 100%;
    font-weight: bold;
    margin: 4px 0px
}

#goog-gt-tt .alt-menu .goog-menuitem strong {
    color: #345aad
}

#goog-gt-tt .alt-menu div.goog-menuitem:hover {
    background: #ddd
}

#goog-gt-tt .goog-submenu-arrow {
    text-align: right;
    position: absolute;
    right: 0;
    left: auto
}

#goog-gt-tt .goog-menuitem-rtl .goog-submenu-arrow {
    text-align: left;
    position: absolute;
    left: 0;
    right: auto
}

#goog-gt-tt .gt-hl-text {
    background-color: #f1ea00;
    border-radius: 4px;
    box-shadow: rgba(0,0,0,0.5) 3px 3px 4px;
    box-sizing: border-box;
    color: #f1ea00;
    cursor: pointer;
    margin: -2px -2px -2px -3px;
    padding: 2px 2px 2px 3px;
    position: relative
}

#goog-gt-tt .trans-target-highlight {
    background-color: #f1ea00;
    border-radius: 4px;
    box-shadow: rgba(0,0,0,0.5) 3px 3px 4px;
    box-sizing: border-box;
    color: #f1ea00;
    cursor: pointer;
    margin: -2px -2px -2px -3px;
    padding: 2px 2px 2px 3px;
    position: relative;
    color: #222
}

#goog-gt-tt .gt-hl-layer {
    color: white;
    position: absolute !important
}

#goog-gt-tt .trans-target {
    background-color: #c9d7f1;
    border-radius: 4px 4px 0px 0px;
    box-shadow: rgba(0,0,0,0.5) 3px 3px 4px;
    box-sizing: border-box;
    cursor: pointer;
    margin: -2px -2px -2px -3px;
    padding: 2px 2px 3px 3px;
    position: relative
}

#goog-gt-tt .trans-target .trans-target-highlight {
    background-color: #c9d7f1;
    border-radius: 4px 4px 0px 0px;
    box-shadow: rgba(0,0,0,0.5) 3px 3px 4px;
    box-sizing: border-box;
    cursor: pointer;
    margin: -2px -2px -2px -3px;
    padding: 2px 2px 3px 3px;
    position: relative
}

#goog-gt-tt .trans-edit {
    background-color: transparent;
    border: 1px solid #4d90fe;
    border-radius: 0em;
    margin: -2px;
    padding: 1px
}

#goog-gt-tt .gt-trans-highlight-l {
    border-left: 2px solid red;
    margin-left: -2px
}

#goog-gt-tt .gt-trans-highlight-r {
    border-right: 2px solid red;
    margin-right: -2px
}

#goog-gt-tt #alt-input {
    padding: 2px
}

#goog-gt-tt #alt-input-text {
    font-size: 11px;
    padding: 2px 2px 3px;
    margin: 0;
    background-color: #fff;
    color: #333;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    display: inline-block;
    vertical-align: top;
    height: 21px;
    box-sizing: border-box
}

#goog-gt-tt #alt-input-text:hover {
    border: 1px solid #b9b9b9;
    border-top: 1px solid #a0a0a0;
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1)
}

#goog-gt-tt #alt-input-text:focus {
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);
    outline: none;
    border: 1px solid #4d90fe
}

#goog-gt-tt #alt-input-submit {
    font-size: 11px;
    padding: 2px 6px 3px;
    margin: 0 0 0 2px;
    height: 21px
}

div#goog-gt-tt {
    padding: 10px 14px
}

.gt-hl-layer {
    clear: both;
    font-size: 10pt;
    position: relative;
    text-align: justify;
    width: 100%
}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev
 *
 * Copyright (c) 2022 Animate.css
 */
:root {
    --animate-duration: 1s;
    --animate-delay: 1.6s;
    --animate-repeat: 1
}

.MLwow {
    animation-fill-mode: both !important
}

.MLbackInDown,.MLbackInLeft,.MLbackInRight,.MLbackInUp,.MLbounceIn,.MLbounceInDown,.MLbounceInLeft,.MLbounceInRight,.MLbounceInUp,.MLfadeIn,.MLfadeInDown,.MLfadeInDownBig,.MLfadeInLeft,.MLfadeInLeftBig,.MLfadeInRight,.MLfadeInRightBig,.MLfadeInUp,.MLfadeInUpBig,.MLfadeInTopLeft,.MLfadeInTopRight,.MLfadeInBottomLeft,.MLfadeInBottomRight,.MLflipInXflipInY,.MLlightSpeedInRight,.MLlightSpeedInLeft,.MLrotateIn,.MLrotateInDownLeft,.MLrotateInDownRight,.MLrotateInUpLeft,.MLrotateInUpRight,.MLjackInTheBox,.MLrollIn,.MLzoomIn,.MLzoomInDown,.MLzoomInLeft,.MLzoomInRight,.MLzoomInUp,.MLslideInDown,.MLslideInLeft,.MLslideInRight,.MLslideInUp {
    visibility: hidden
}

.MLanimated {
    animation-duration: var(--animate-duration)
}

.MLanimated.MLinfinite {
    animation-iteration-count: infinite
}

.MLanimated.MLrepeat-1 {
    animation-iteration-count: var(--animate-repeat)
}

.MLanimated.MLrepeat-2 {
    animation-iteration-count: calc(var(--animate-repeat) * 2)
}

.MLanimated.MLrepeat-3 {
    animation-iteration-count: calc(var(--animate-repeat) * 3)
}

.MLanimated.MLdelay-1 {
    animation-delay: var(--animate-delay)
}

.MLanimated.MLdelay-2 {
    animation-delay: calc(var(--animate-delay) * 2)
}

.MLanimated.MLdelay-3 {
    animation-delay: calc(var(--animate-delay) * 3)
}

.MLanimated.MLdelay-4 {
    animation-delay: calc(var(--animate-delay) * 4)
}

.MLanimated.MLdelay-5 {
    animation-delay: calc(var(--animate-delay) * 5)
}

.MLanimated.MLfaster {
    animation-duration: calc(var(--animate-duration) / 2)
}

.MLanimated.MLfast {
    animation-duration: calc(var(--animate-duration) * 0.8)
}

.MLanimated.MLslow {
    animation-duration: calc(var(--animate-duration) * 2)
}

.MLanimated.MLslower {
    animation-duration: calc(var(--animate-duration) * 3)
}

@media print,(prefers-reduced-motion: reduce) {
    .MLanimated {
        transition-duration: 1ms !important;
        animation-iteration-count: 1 !important
    }

    .MLanimated[class*='Out'] {
        opacity: 0
    }
}

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

    40%,43% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 0, 0) scaleY(0.95)
    }

    90% {
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

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

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

    25%,75% {
        opacity: 0
    }
}

.MLflash {
    animation-name: flash
}

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

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        transform: scale3d(1, 1, 1)
    }
}

.MLpulse {
    animation-name: pulse;
    animation-timing-function: ease-in-out
}

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

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

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

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

    65% {
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        transform: scale3d(1.05, 0.95, 1)
    }

    to {
        transform: scale3d(1, 1, 1)
    }
}

.MLrubberBand {
    animation-name: rubberBand
}

@keyframes shakeX {
    from,to {
        transform: translate3d(0, 0, 0)
    }

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

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

.MLshakeX {
    animation-name: shakeX
}

@keyframes shakeY {
    from,to {
        transform: translate3d(0, 0, 0)
    }

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

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

.MLshakeY {
    animation-name: shakeY
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

.MLheadShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake
}

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

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

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

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

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

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

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

    10%,20% {
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }

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

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

    to {
        transform: scale3d(1, 1, 1)
    }
}

.MLtada {
    animation-name: tada
}

@keyframes wobble {
    from {
        transform: translate3d(0, 0, 0)
    }

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

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

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

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

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

    to {
        transform: translate3d(0, 0, 0)
    }
}

.MLwobble {
    animation-name: wobble
}

@keyframes jello {
    from,11.1%,to {
        transform: translate3d(0, 0, 0)
    }

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

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

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

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

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

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

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

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

@keyframes heartBeat {
    0% {
        transform: scale(1)
    }

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }
}

.MLheartBeat {
    animation-name: heartBeat;
    animation-duration: calc(var(--animate-duration) * 1.3);
    animation-timing-function: ease-in-out
}

@keyframes backInDown {
    0% {
        transform: translateY(-1200px) scale(0.7);
        opacity: 0.7
    }

    80% {
        transform: translateY(0px) scale(0.7);
        opacity: 0.7
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

.MLbackInDown {
    animation-name: backInDown
}

@keyframes backInLeft {
    0% {
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7
    }

    80% {
        transform: translateX(0px) scale(0.7);
        opacity: 0.7
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

.MLbackInLeft {
    animation-name: backInLeft
}

@keyframes backInRight {
    0% {
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7
    }

    80% {
        transform: translateX(0px) scale(0.7);
        opacity: 0.7
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

.MLbackInRight {
    animation-name: backInRight
}

@keyframes backInUp {
    0% {
        transform: translateY(1200px) scale(0.7);
        opacity: 0.7
    }

    80% {
        transform: translateY(0px) scale(0.7);
        opacity: 0.7
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

.MLbackInUp {
    animation-name: backInUp
}

@keyframes backOutDown {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateY(0px) scale(0.7);
        opacity: 0.7
    }

    100% {
        transform: translateY(700px) scale(0.7);
        opacity: 0.7
    }
}

.MLbackOutDown {
    animation-name: backOutDown
}

@keyframes backOutLeft {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateX(0px) scale(0.7);
        opacity: 0.7
    }

    100% {
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7
    }
}

.MLbackOutLeft {
    animation-name: backOutLeft
}

@keyframes backOutRight {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateX(0px) scale(0.7);
        opacity: 0.7
    }

    100% {
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7
    }
}

.MLbackOutRight {
    animation-name: backOutRight
}

@keyframes backOutUp {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateY(0px) scale(0.7);
        opacity: 0.7
    }

    100% {
        transform: translateY(-700px) scale(0.7);
        opacity: 0.7
    }
}

.MLbackOutUp {
    animation-name: backOutUp
}

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

    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(0.9, 0.9, 0.9)
    }

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

    80% {
        transform: scale3d(0.97, 0.97, 0.97)
    }

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

.MLbounceIn {
    animation-duration: calc(var(--animate-duration) * 0.75);
    animation-name: bounceIn
}

@keyframes bounceInDown {
    from,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

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

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

    75% {
        transform: translate3d(0, -10px, 0) scaleY(0.95)
    }

    90% {
        transform: translate3d(0, 5px, 0) scaleY(0.985)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.MLbounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    from,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

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

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

    75% {
        transform: translate3d(-10px, 0, 0) scaleX(0.98)
    }

    90% {
        transform: translate3d(5px, 0, 0) scaleX(0.995)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.MLbounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    from,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

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

    75% {
        transform: translate3d(10px, 0, 0) scaleX(0.98)
    }

    90% {
        transform: translate3d(-5px, 0, 0) scaleX(0.995)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.MLbounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    from,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

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

    75% {
        transform: translate3d(0, 10px, 0) scaleY(0.95)
    }

    90% {
        transform: translate3d(0, -5px, 0) scaleY(0.985)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.MLbounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%,55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.MLbounceOut {
    animation-duration: calc(var(--animate-duration) * 0.75);
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0) scaleY(0.985)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0) scaleY(0.9)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

.MLbounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0) scaleX(0.9)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

.MLbounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0) scaleX(0.9)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

.MLbounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0) scaleY(0.985)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0) scaleY(0.9)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

.MLbounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.MLfadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.MLfadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.MLfadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.MLfadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.MLfadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.MLfadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.MLfadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.MLfadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.MLfadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeInTopLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.MLfadeInTopLeft {
    animation-name: fadeInTopLeft
}

@keyframes fadeInTopRight {
    from {
        opacity: 0;
        transform: translate3d(100%, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.MLfadeInTopRight {
    animation-name: fadeInTopRight
}

@keyframes fadeInBottomLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.MLfadeInBottomLeft {
    animation-name: fadeInBottomLeft
}

@keyframes fadeInBottomRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.MLfadeInBottomRight {
    animation-name: fadeInBottomRight
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.MLfadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.MLfadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.MLfadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.MLfadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.MLfadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.MLfadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.MLfadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.MLfadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.MLfadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes fadeOutTopLeft {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, -100%, 0)
    }
}

.MLfadeOutTopLeft {
    animation-name: fadeOutTopLeft
}

@keyframes fadeOutTopRight {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(100%, -100%, 0)
    }
}

.MLfadeOutTopRight {
    animation-name: fadeOutTopRight
}

@keyframes fadeOutBottomRight {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 100%, 0)
    }
}

.MLfadeOutBottomRight {
    animation-name: fadeOutBottomRight
}

@keyframes fadeOutBottomLeft {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 100%, 0)
    }
}

.MLfadeOutBottomLeft {
    animation-name: fadeOutBottomLeft
}

@keyframes flip {
    from {
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        animation-timing-function: ease-in
    }
}

.MLflip {
    backface-visibility: visible;
    animation-name: flip
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.MLflipInX {
    backface-visibility: visible !important;
    animation-name: flipInX
}

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.MLflipInY {
    backface-visibility: visible !important;
    animation-name: flipInY
}

@keyframes flipOutX {
    from {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.MLflipOutX {
    animation-duration: calc(var(--animate-duration) * 0.75);
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@keyframes flipOutY {
    from {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.MLflipOutY {
    animation-duration: calc(var(--animate-duration) * 0.75);
    backface-visibility: visible !important;
    animation-name: flipOutY
}

@keyframes lightSpeedInRight {
    from {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        transform: skewX(-5deg)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.MLlightSpeedInRight {
    animation-name: lightSpeedInRight;
    animation-timing-function: ease-out
}

@keyframes lightSpeedInLeft {
    from {
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0
    }

    60% {
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        transform: skewX(5deg)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.MLlightSpeedInLeft {
    animation-name: lightSpeedInLeft;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOutRight {
    from {
        opacity: 1
    }

    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.MLlightSpeedOutRight {
    animation-name: lightSpeedOutRight;
    animation-timing-function: ease-in
}

@keyframes lightSpeedOutLeft {
    from {
        opacity: 1
    }

    to {
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
}

.MLlightSpeedOutLeft {
    animation-name: lightSpeedOutLeft;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    from {
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.MLrotateIn {
    animation-name: rotateIn;
    transform-origin: center
}

@keyframes rotateInDownLeft {
    from {
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.MLrotateInDownLeft {
    animation-name: rotateInDownLeft;
    transform-origin: left bottom
}

@keyframes rotateInDownRight {
    from {
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.MLrotateInDownRight {
    animation-name: rotateInDownRight;
    transform-origin: right bottom
}

@keyframes rotateInUpLeft {
    from {
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.MLrotateInUpLeft {
    animation-name: rotateInUpLeft;
    transform-origin: left bottom
}

@keyframes rotateInUpRight {
    from {
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.MLrotateInUpRight {
    animation-name: rotateInUpRight;
    transform-origin: right bottom
}

@keyframes rotateOut {
    from {
        opacity: 1
    }

    to {
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.MLrotateOut {
    animation-name: rotateOut;
    transform-origin: center
}

@keyframes rotateOutDownLeft {
    from {
        opacity: 1
    }

    to {
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.MLrotateOutDownLeft {
    animation-name: rotateOutDownLeft;
    transform-origin: left bottom
}

@keyframes rotateOutDownRight {
    from {
        opacity: 1
    }

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

.MLrotateOutDownRight {
    animation-name: rotateOutDownRight;
    transform-origin: right bottom
}

@keyframes rotateOutUpLeft {
    from {
        opacity: 1
    }

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

.MLrotateOutUpLeft {
    animation-name: rotateOutUpLeft;
    transform-origin: left bottom
}

@keyframes rotateOutUpRight {
    from {
        opacity: 1
    }

    to {
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.MLrotateOutUpRight {
    animation-name: rotateOutUpRight;
    transform-origin: right bottom
}

@keyframes hinge {
    0% {
        animation-timing-function: ease-in-out
    }

    20%,60% {
        transform: rotate3d(0, 0, 1, 80deg);
        animation-timing-function: ease-in-out
    }

    40%,80% {
        transform: rotate3d(0, 0, 1, 60deg);
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.MLhinge {
    animation-duration: calc(var(--animate-duration) * 2);
    animation-name: hinge;
    transform-origin: top left
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        transform: scale(0.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.MLjackInTheBox {
    animation-name: jackInTheBox
}

@keyframes rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.MLrollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.MLrollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

.MLzoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.MLzoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.MLzoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.MLzoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.MLzoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 0
    }
}

.MLzoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.MLzoomOutDown {
    animation-name: zoomOutDown;
    transform-origin: center bottom
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(0.1) translate3d(-2000px, 0, 0)
    }
}

.MLzoomOutLeft {
    animation-name: zoomOutLeft;
    transform-origin: left center
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(0.1) translate3d(2000px, 0, 0)
    }
}

.MLzoomOutRight {
    animation-name: zoomOutRight;
    transform-origin: right center
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.MLzoomOutUp {
    animation-name: zoomOutUp;
    transform-origin: center bottom
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.MLslideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.MLslideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.MLslideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.MLslideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

.MLslideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}

.MLslideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}

.MLslideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}

.MLslideOutUp {
    animation-name: slideOutUp
}

html.printable #outerWrapper,html.printable .rightside {
    min-height: 0 !important
}

html.printable #payment_buttons {
    display: none
}

html.printable body#bodyElement {
    background: white
}

html.printable body#bodyElement #im_container,html.printable body#bodyElement #ml_header,html.printable body#bodyElement #login_logout,html.printable body#bodyElement #ml_footer,html.printable body#bodyElement td.confirm,html.printable body#bodyElement th.confirm,html.printable body#bodyElement .sidenav,html.printable body#bodyElement span.help,html.printable body#bodyElement .ml_field_help,html.printable body#bodyElement .red {
    display: none !important
}

html.printable body#bodyElement .rightside table.listview td,html.printable body#bodyElement .rightside table.listview th {
    background-color: white !important
}

html.printable body#bodyElement .ml_button a,html.printable body#bodyElement body .ml_button a,html.printable body#bodyElement #paynow_button,html.printable body#bodyElement #payment_buttons .red.boldtext {
    display: none !important
}

html.printable body#bodyElement .rightside {
    margin-left: 0;
    left: 0;
    color: black;
    background: white;
    width: 100%
}

html.printable body#bodyElement a {
    color: black
}

html.printable body#bodyElement .label {
    color: #333
}

html.printable body#bodyElement table.order_list td.edit,html.printable body#bodyElement table.order_list td.delete,html.printable body#bodyElement table.order_list td.notify,html.printable body#bodyElement table.order_list th.edit,html.printable body#bodyElement table.order_list th.delete,html.printable body#bodyElement table.order_list th.notify {
    display: none
}

html.printable body#bodyElement table.listview.chargebacks tr th:first-child,html.printable body#bodyElement table.listview.chargebacks tr td:first-child {
    display: none
}

@media print {
    *,*:before,*:after {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

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

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

    thead {
        display: table-header-group
    }

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

    img {
        max-width: 100% !important
    }

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

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

    .navbar {
        display: none
    }

    .btn>.caret,.dropup>.btn>.caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,.table th {
        background-color: #fff !important
    }

    .table-bordered th,.table-bordered td {
        border: 1px solid #ddd !important
    }
}

.order #time_remaining {
    font-size: 120%;
    margin-right: 5px
}

#reserve_button,#save_button,#manual_payment_button {
    font-weight: bold;
    font-size: 20px
}

body.ml_sidemenu #payment_buttons {
    text-align: center
}

body.ml_sidemenu #page_subtitle {
    display: inline-block
}

.order .payment {
    text-align: center
}

#payment_buttons a {
    font-size: 20px;
    font-weight: bold
}

#payment_buttons .cash-field {
    font-size: 20px;
    margin-top: 7px
}

span.reserved,span.remaining {
    display: inline-block;
    margin-left: 5px
}

#save_and_continue_button {
    display: none
}

#order_form .order {
    margin-top: -5.2em
}

.cart_container {
    position: sticky;
    z-index: 1000000;
    top: 100px;
    left: 100vw;
    transform: translateX(-5px);
    filter: brightness(200%);
    display: inline-block;
    padding: 0 0.3em 0 0.2em;
    line-height: 0.5;
    border: 1px solid transparent
}

.cart_container:hover {
    outline: 1px solid var(--site-form-text-color)
}

.cart_container.hide-pressed {
    border: 1px solid var(--site-form-text-color);
    box-shadow: 0px 0px 8px var(--site-form-text-color)
}

.cart_container .cart-count {
    position: absolute;
    top: 1.2em;
    left: 2.9em;
    color: var(--site-form-background-color);
    filter: brightness(300%);
    font-weight: bold;
    min-width: 1em;
    text-align: center;
    border-radius: 6px;
    padding: 0.1em 0.2em;
    line-height: 1;
    font-size: 90%;
    transform: translateX(-50%)
}

.cart_container .hide-show-button {
    display: inline-block
}

.cart_container .hide-show-button a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.cart_container .hide-show-button a.ml-show {
    display: none;
    border: 3px solid var(--site-form-text-color)
}

.cart_container .hide-show-button a.ml-hide {
    display: inline-block
}

.cart_container.hide-pressed .hide-show-button a.ml-show {
    display: inline-block;
    border: 3px solid var(--site-form-text-color)
}

.cart_container.hide-pressed .hide-show-button a.ml-hide {
    display: none
}

.cart_container .shopping_cart {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.cart_container .shopping_cart::before {
    font: normal normal normal 24px / 1 FontAwesome;
    content: '\f07a';
    font-size: 4em;
    color: var(--site-form-text-color)
}

.thumb-container.location,.thumb-container.inventoryitem {
    display: inline-block;
    margin-right: 2em;
    margin-top: 1em
}

.thumb-container.location .caption,.thumb-container.inventoryitem .caption {
    font-weight: bold;
    text-align: center;
    position: relative;
    height: auto
}

table.fieldset td .label {
    font-weight: 600
}

table.order_lines .unit select {
    border: 1px solid;
    background-color: white
}

table.units tr.selected {
    border: 2px solid red
}

.flyout .venue-map .thumb-container img {
    max-width: 80vw
}

.venue-map {
    margin-top: 1em;
    margin-right: 1em
}

.venue-map .thumb-container {
    margin: 0
}

.venue-map .thumb-container img {
    max-width: 100%
}

.venue-map .unit-marker {
    background-color: white;
    display: table;
    text-align: center;
    font-size: 0.6em;
    font-weight: bold;
    line-height: 1.2;
    box-sizing: content-box
}

.venue-map .unit-marker .number {
    display: block
}

.venue-map .unit-marker .sku {
    display: block
}

.venue-map .unit-marker .info-popup {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    min-width: 100%;
    opacity: 0.001;
    z-index: -1;
    transition: opacity 0.4s ease-in, visibility 0s ease-in 0.4s, z-index 0s ease-in 0.4s;
    padding: 0.3em 0.6em;
    background: #ffffee;
    border: 1px solid black;
    border-radius: 3px;
    box-shadow: 1px 1px 5px -2px black
}

.venue-map .unit-marker:hover {
    z-index: 1000
}

.venue-map .unit-marker:hover .info-popup {
    position: absolute;
    z-index: 6100;
    opacity: 1;
    transition-delay: 0ms;
    left: 90%;
    transform: translateY(5px);
    border: 1px solid #ccc;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2)
}

.venue-map .unit-marker:hover .name {
    display: inline-block;
    min-width: 100px
}

.venue-map .unit-marker:hover .order {
    display: inline-block;
    min-width: 100px
}

#guest_list .icon_button.pin::before {
    transform: rotate(0deg) translate(0, -10px)
}

.thumb-container.inventoryitem .caption {
    background: transparent
}

table.order_lines .description .photos {
    position: relative
}

table.order_lines .description .photos .thumb-container {
    display: none
}

table.order_lines .description .photos .thumb-container:first-child {
    display: block;
    float: left;
    margin: 0 0.5em 0.5em 0
}

table.order_lines .description .photos .count {
    position: absolute;
    left: -0.5em;
    top: -0.2em;
    font-size: 0.6em;
    border-radius: 100%;
    padding: 0.4em 0.8em 0.4em 0.8em;
    background: #c22;
    color: white;
    border: 1px solid #666;
    font-weight: bold
}

#inventory_units_flyout .shape {
    border: 4px solid blue;
    border-radius: 6px;
    background: transparent;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    text-align: center;
    cursor: pointer
}

#inventory_units_flyout .shape[data-shape_id='new-shape'] {
    border-style: dashed
}

#inventory_units_flyout .shape.this-unit {
    border-color: red
}

#inventory_units_flyout .shape.selected {
    border-color: green
}

#inventory_unit_form .simple-flex-box {
    padding: 1em 5%
}

#inventory_unit_form #new-shape {
    padding: 0.3em 0.8em;
    margin-top: 1em
}

#inventory_unit_form #venue-map-help {
    max-width: 600px;
    min-width: 70%;
    padding: 0.6em;
    margin: 1em auto 0
}

#inventory_unit_form #venue-map-help summary {
    font-size: 1.2em;
    color: var(--site-form-text-color)
}

#inventory_unit_form #venue-map-help summary::after {
    content: ''
}

#inventory_unit_form #venue-map-help ol {
    padding-left: 1.3em
}

#inventory_unit_form #venue-map-help li {
    margin: 0.2em 0
}

#inventory_units_flyout #venue_map.unit-marker {
    background: transparent
}

#inventory_units_flyout #venue_map .thumb-container .image_container img {
    cursor: crosshair
}

.venue-map .image_container {
    position: relative
}

textarea.unit-marker {
    padding: 0 !important;
    margin: none !important
}

table#inventory_units .icon_button.pin::before {
    transform: rotate(0deg) translate(0, -10px)
}

table#inventory_units .icon_button.pin {
    padding-left: 1.5em
}

a.icon_button.out::before {
    content: '\f03b';
    font-family: FontAwesome;
    font-size: 20px;
    transform: rotate(180deg) translate(0, 0);
    left: 0;
    top: 0
}

body.venue.photos .thumb-group-name {
    width: unset;
    text-align: left
}

.sidenav .options .ml_button a {
    display: inline-block;
    color: var(--site-button-text-color)
}

.sidenav .options a.separator {
    font-weight: bold;
    border-bottom: 2px solid;
    border-top: 2px solid
}

.order_lines .product_name {
    font-weight: bold
}

.order_lines .guestlist .guest {
    margin-bottom: 0.3em
}

.order_lines .guestlist .guest .data.contact {
    font-weight: 500
}

.accessible-icon::before {
    font-family: FontAwesome;
    content: '\f193';
    color: blue;
    font-size: 16px
}

.warning-icon {
    font-size: 1em;
    position: absolute;
    top: 0;
    right: 0
}

.relative-warning-icon {
    font-size: 1em;
    position: relative;
    top: 0;
    right: 0
}

.warning-icon::before {
    font-family: FontAwesome;
    content: '\f071';
    color: orangered;
    font-size: 20px
}

.relative-warning-icon::before {
    font-family: FontAwesome;
    content: '\f071';
    color: orangered;
    font-size: 20px
}

.out-of-order-icon::before {
    font-family: FontAwesome;
    content: '\f057';
    color: red;
    font-size: 20px
}

.unit-marker.accessible-icon::before {
    position: absolute;
    right: 5px;
    bottom: 4px
}

.unit-marker.out-of-order-icon::before {
    position: absolute;
    left: 5px;
    bottom: 4px
}

.unit-marker.warning-icon::before {
    position: absolute;
    left: 5px;
    bottom: 4px
}

td.unit {
    position: relative
}

td.unit .accessible-icon::before {
    position: absolute;
    top: 1px;
    right: 0;
    font-size: 14px;
    font-weight: bold
}

td.unit .connecting-unit {
    position: relative;
    bottom: 0;
    color: green;
    font-size: 0.8em
}

td.unit .connecting-unit::after {
    content: "\2195";
    font-weight: bold;
    right: 0;
    bottom: 0.4em;
    font-size: 1.6em
}

td>.accessible-icon,th>.accessible-icon {
    float: right
}

#clr-picker {
    z-index: 10000
}

.unit-marker.connector::after {
    position: absolute;
    color: green;
    font-size: 2em;
    font-weight: bold
}

.unit-marker.connector.leftpointer::after {
    content: '\2192';
    left: 0;
    bottom: -4px
}

.unit-marker.connector.rightpointer::after {
    content: '\2190';
    right: 0;
    bottom: -4px
}

.unit-marker.connector.toppointer::after {
    content: '\2193';
    top: -5px;
    left: 3px
}

.unit-marker.connector.bottompointer::after {
    content: '\2191';
    bottom: -1px;
    left: 3px
}

table.listview>*>tr>td:empty {
    padding: 0
}

table.listview>*>tr>th:empty {
    padding: 0
}

.unit .number {
    position: relative;
    z-index: 100
}

.out-of-order {
    font-size: 1.5em;
    color: red;
    top: 0;
    right: 0;
    position: absolute;
    z-index: 1
}

td.date {
    position: relative
}

td.date .names {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.001;
    z-index: -1;
    transition: opacity 0.4s ease-in, visibility 0s ease-in 0.4s, z-index 0s ease-in 0.4s;
    width: auto;
    min-width: 100%;
    padding: 0.2em 0.4em;
    background: var(--site-content-background-color);
    border: 1px solid gray;
    box-shadow: 2px 2px 4px -2px #666
}

td.date .names a {
    display: block;
    padding: 0.2em 0.4em;
    margin: 0.1em 0;
    white-space: nowrap
}

td.date:hover .names {
    opacity: 1;
    transition-delay: 0ms;
    z-index: 6100
}

td.right {
    position: relative
}

td.right .status-tooltip {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.001;
    z-index: -1;
    transition: opacity 0.4s ease-in, visibility 0s ease-in 0.4s, z-index 0s ease-in 0.4s;
    width: auto;
    min-width: 100%;
    padding: 0.2em 0.4em;
    background: var(--site-content-background-color);
    border: 1px solid gray;
    box-shadow: 2px 2px 4px -2px #666
}

td.right:hover .status-tooltip {
    opacity: 1;
    transition-delay: 0ms;
    z-index: 6100;
    text-overflow: 'no-wrap';
    min-width: 80px
}

td.right .status {
    display: block
}

#inventory_units td.date a.edit.icon_button {
    opacity: 0.4
}

table.listview>*>tr>td:empty {
    padding: 0
}

table.listview>*>tr>th:empty {
    padding: 0
}

#guest_list .ml_field_help {
    position: relative;
    top: 0.75em
}

#guest_list .ml_field_help .text {
    top: -6em;
    width: 20em
}

.add.icon_button.add-secondary-venue-btn::before {
    left: 12px
}

#door_checkin_rows_note {
    position: fixed;
    z-index: 5000;
    top: 54px;
    right: 10px;
    font-weight: bold;
    color: yellow
}

table#doorlist_table tr.selected {
    border: 3px solid red
}

table#doorlist_table span.search-container {
    display: inline-block;
    border: 1px solid;
    height: 24px;
    margin-left: 4px
}

table#doorlist_table span.search-container img.barcode {
    height: 100%;
    position: relative;
    top: -1px;
    margin-right: -5px
}

table#doorlist_table span.search-container input {
    width: 107px;
    padding: 0
}

table#daily_balances th span.out-of-order-icon::before {
    content: '\f057';
    font-size: 14px;
    position: relative;
    left: 3px;
    top: 1px
}

table#daily_balances th span.warning-icon::after {
    content: '\f071';
    font-size: 14px;
    font-family: FontAwesome;
    color: orangered;
    position: relative;
    top: 7px
}

table.order_list .mail.icon_button::before {
    left: 15px;
    top: 7px
}

table.order_list.listview td.data.notify.center {
    padding: 4px 5px 0 0
}

table.order_list input {
    transform: scale(1.3)
}

.optionpane:empty {
    background: none
}

.unit-status-icons-row {
    display: block;
    margin-top: 0.2em;
    text-align: left;
    line-height: 1
}

.unit-out-of-order-icon,.unit-safety-icon {
    display: inline;
    position: static;
    color: #0a58ca !important;
    font-size: 8px;
    vertical-align: middle;
    margin-right: 0.2em
}

.unit-out-of-order-icon::before {
    content: '\f057';
    font-family: FontAwesome;
    font-size: 14px
}

.unit-safety-icon::before {
    content: '\f071';
    font-family: FontAwesome;
    font-size: 14px
}

table.listview.order_lines .description span {
    margin-left: 5px
}

.icon_button.credit::before {
    content: "\f09d";
    font: normal normal normal 12px/1 FontAwesome;
    font-size: 1em
}

.icon_button.cash::before {
    content: "\f0d6";
    font: normal normal normal 12px/1 FontAwesome;
    font-size: 1em
}

.icon_button.clover::before {
    content: "\2318";
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 1.2em
}

.stop::before {
    font-family: FontAwesome;
    content: '\f04d';
    font-style: normal;
    margin-right: 0
}

a.green.continue {
    font-weight: bold;
    font-size: 18px
}

a#paynow_button {
    margin-top: 0
}

body.door_checkin #payment_buttons .checkout {
    font-size: 18px
}

table.listview .icon_button.mail::before {
    left: 1rem
}

table.order_list .mail.icon_button::before {
    left: 15px;
    top: 7px
}

table.order_list.listview td.data.notify.center {
    padding: 4px 5px 0 0
}

table.order_list input {
    transform: scale(1.3)
}