input:focus, textarea:focus, select:focus {
    outline: none !important;
    box-shadow: none !important;
}

/*Added for TKTGMAINT-355; Without this, checkboxes do not display a border on focus as the user tabs through the page.*/
input[type=checkbox]:focus {
    outline: thin dotted !important;
    outline: 5px auto -webkit-focus-ring-color !important;
}

* {
    box-sizing: border-box;
}

.device-kiosk * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body, html {
    height: 100%;
}

body {
    overflow-x: scroll;
    overflow-y: auto;
}

    body.breakpoint-xl {
        overflow-y: hidden;
    }

.breakpoint-xl * {
    -webkit-user-select: none;
    user-select: none;
}

body.work-mode.breakpoint-xl {
    overflow-y: auto;
}

.mode-indicator {
    background: rgba(0,0,0, 0.5);
    color: red;
    padding: 5px;
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
}

    .mode-indicator p {
        padding: 0;
        margin: 0;
    }

.amnh-iframe iframe {
    width: 100%;
}

.amnh-iframe .modal-dialog {
    width: 80%;
    max-width: 831px;
    margin-top: 5%;
}

.amnh-iframe.sm .modal-dialog,
.amnh-iframe.xs .modal-dialog {
    width: 100%;
    margin-top: 0px;
}

.amnh-iframe.sm .btn-close,
.amnh-iframe.xs .btn-close {
    top: 0px;
    right: 0px;
}

    .amnh-iframe.sm .btn-close i,
    .amnh-iframe.xs .btn-close i {
        top: 2px;
        left: -8px;
    }

.breakpoint-xs.cbp-spmenu-push-fromright,
.breakpoint-sm.cbp-spmenu-push-fromright {
    overflow: hidden !important;
}

    .breakpoint-xs.cbp-spmenu-push-fromright .cbp-spmenu,
    .breakpoint-sm.cbp-spmenu-push-fromright .cbp-spmenu {
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .breakpoint-xs.cbp-spmenu-push-fromright .app-content,
    .breakpoint-sm.cbp-spmenu-push-fromright .app-content {
        overflow: hidden;
        height: 100%;
        margin-top: -50px;
    }

.breakpoint-xs .event-content {
    margin-top: 50px;
}

a {
    cursor: pointer;
}

    a.halloween-text {
        color: #cb7a0a !important;
    }

    a:focus > .logo {
        border: 2px solid #ffffff;
    }

/* hides the spin-button for firefox */
input[type=number] {
    -moz-appearance: textfield;
}

    /* Hides the spin-button for chrome */
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

select,
input[type=checkbox],
input[type=radio] {
    cursor: pointer;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.app {
    height: 100%;
    max-width: inherit;
    padding-bottom: 4%;
}

.app-content {
    margin-top: 50px;
    padding: 0px 2% 65px 2%;
}

.bleed {
    padding-left: 0;
    padding-right: 0;
}

.unbleed {
    padding-left: 2%;
    padding-right: 2%;
}

.table {
    display: table;
}

.table-cell {
    display: table-cell;
}

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

/* Custom Throbber */
.spinner-disabled:after {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
    margin: 0;
    padding: 0;
    background-color: #fff;
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

.spinner-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    z-index: 9999;
}

.spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 60px;
    width: 60px;
    margin-left: -30px;
    margin-top: -30px;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 6px solid rgba(230,125,23,.15);
    border-right: 6px solid rgba(230,125,23,.15);
    border-bottom: 6px solid rgba(230,125,23,.15);
    border-top: 6px solid rgba(230,125,23,1);
    border-radius: 100%;
}

/* Header and Footer */

.navbar-header {
    background-color: #000000;
    border: 0;
    float: none;
    border-radius: 0px;
}

.img-fluid {
    width: 100%;
    height: auto;
}

.header.fixed {
    width: 100%;
    position: fixed;
    z-index: 9999;
}

.header-offset {
    margin-left: -2.1%;
    width: 104.2%;
}

.input-hidden-parent {
    position: relative;
}

.not-available {
    opacity: 0.4;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, rgba(255,255,255,0.5) 0px, rgba(255,255,255,0.5) 9px);
    font-weight: normal !important;
}

.input-hidden {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    opacity: 0 !important;
    left: 0;
    top: 0;
}

.show-grid [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #eee;
    border: 1px solid #ddd;
    border: 1px solid rgba(86,61,124,.2);
    border-radius: 5px;
}

.form-control[type="checkbox"] {
    width: 20px;
    height: 20px;
    border: 0px;
    box-shadow: none;
}

    .form-control[type="checkbox"].checkbox-sm {
        width: 15px;
        height: 15px;
    }

.checkbox-dark[type="checkbox"] {
    width: 25px;
    height: 25px;
    -webkit-appearance: none;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 5px;
    left: 0px;
    background-color: #fff;
    border: 0;
    margin-top: -2%;
    border-radius: 2px;
}

    .checkbox-dark[type="checkbox"]:checked {
        background-color: #004BB4;
    }

select.input-lg {
    height: 39px;
    line-height: 39px;
}

.form-control[type="radio"] {
    width: 20px;
    height: 20px;
    border: 0px;
    box-shadow: none;
    -webkit-border-radius: 10px;
    border: 1px solid #d0d0ce;
}

.radio-dark[type="radio"] {
    width: 25px;
    height: 25px;
    -webkit-appearance: none;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 5px;
    background-color: #fff;
    border: 0;
}

    .radio-dark[type="radio"]:checked {
        background-color: #004BB4;
    }

/* Set default chrome radio styles*/
input[type="radio"].default {
    width: 12px;
    height: 12px;
    border-radius: initial;
    display: block;
    margin-right: 0px;
    position: static;
    -webkit-appearance: radio;
}

.donation-radio {
    margin-right: 15px;
}

    .donation-radio input[type="radio"].default {
        width: 20px;
        height: 20px;
        position: relative;
        margin-right: 3px;
        top: -4px;
    }

.item-active {
    border: 2px solid #555555;
}

label {
    display: block;
}

.show-grid {
    margin-bottom: 20px;
}

.recommended {
    color: #46b8da;
    background-color: rgba(70,184,218, 0.1) !important;
}

.presentations.selected:hover {
    color: #ffffff !important;
}

.selected {
    color: #ffffff;
    background-color: #004BB4 !important;
    /*-webkit-box-shadow: inset 0px 5px 6px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0px 5px 6px 0px rgba(0,0,0,0.2);
  box-shadow: inset 0px 5px 6px 0px rgba(0,0,0,0.2);*/
}

    .selected h3:before {
        content: "✔ ";
    }

.row-center {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    height: 100%;
}

.align-items-stretch {
    align-items: stretch !important;
    -webkit-align-items: stretch !important;
}

.overlay {
    background: rgba(0,0,0,0.8);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 10% 20%;
    z-index: 9999;
}

.overlay-body {
    position: relative;
    padding: 3%;
    background-color: #ffffff;
    border-radius: 5px;
}

.overlay-close {
    padding: 3% !important;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.visibility-hidden {
    visibility: hidden;
}

/* Upsell */
.upsell-options li.active {
    background: rgba(255,255,255,0.1);
}


/* Page backgrounds */

.background-img {
    background-repeat: no-repeat;
    background-attachment: fixed;
}

    .background-img.background-body {
        background-position: center center;
        background-size: cover;
    }

    .background-img.background-head {
        background-position: top center;
        background-size: 550px;
    }

    .background-img.background-0 {
        background-image: url('../images/background-images/0.jpg');
    }

    .background-img.background-1 {
        background-image: url('../images/background-images/1.jpg');
    }

    .background-img.background-2 {
        background-image: url('../images/background-images/2.jpg');
    }

    .background-img.background-3 {
        background-image: url('../images/background-images/3.jpg');
    }

    .background-img.background-4 {
        background-image: url('../images/background-images/4.jpg');
    }

    .background-img.background-pickup {
        background-image: url('../images/background-images/pickup.png');
    }

    .background-img.background-become-member {
        background-image: url('../images/background-images/become-member.png');
    }

    .background-img.background-buy {
        background-image: url('../images/background-images/buy.png');
    }

    .background-img.background-null {
        background-image: none;
    }

.background-size-cover {
    background-size: cover;
}

.background-vignette {
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    z-index: -1;
}

    .background-vignette:before {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 70%;
        height: 100%;
        box-shadow: inset 0px 0px 30rem 20rem rgba(0,0,0,0.8);
        -webkit-box-shadow: inset 0px 0px 30rem 20rem rgba(0,0,0,1);
    }

    .background-vignette:after {
        content: " ";
        position: absolute;
        top: 0;
        left: 70%;
        width: 30%;
        height: 100%;
        background-color: #000000;
        box-shadow: 0px 0px 30rem 20rem rgba(0,0,0,0.8);
        -webkit-box-shadow: 0px 0px 30rem 20rem rgba(0,0,0,1);
    }

/* Membership */

.flexslider label,
.flexslider li img {
    -webkit-backface-visibility: hidden !important;
}

.side-scroll .flex-cols {
}

.flex-cols {
    width: 4500px;
    position: relative;
    -webkit-transition: -webkit-transform 0.5s ease;
}

    .flex-cols .flex-col {
        float: left;
    }

    .flex-cols .membership-card {
        height: 672px;
        width: 282px;
        float: left;
        position: relative;
        overflow: hidden;
    }

    .flex-cols .membership-details {
        width: 590px;
    }

    .flex-cols .flex-col .level-wrapper {
        float: left;
        height: 100%;
        border: 1px solid rgba(255,255,255,0.1);
    }

    .flex-cols.details { /*
    width: 100%;
    -webkit-transform: translateX(-83%);
*/
    }

        .flex-cols.details .flex-col.active {
            order: 1;
        }

        .flex-cols.details .flex-col:not(.active) {
            float: left;
        }

        .flex-cols.details .flex-col.active .well {
            float: left;
        }

    .flex-cols .flex-col .memberships {
        float: left;
    }

        .flex-cols .flex-col .memberships .membership-card header {
            height: 135px;
        }

    .flex-cols .flex-col .membership {
        display: none;
    }

    .flex-cols.details .flex-col.active .membership {
        float: left;
        display: block;
    }

.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
    /*-webkit-filter: drop-shadow(12px 12px 7px rgba(0,0,0,0.5));*/
    opacity: 1 !important;
    width: 100px !important;
    height: 200px !important;
}

.membership-gift-mail-section {
    padding: 10px;
    background: #f7f7f7;
}

    .membership-gift-mail-section input[type='radio'] {
        display: inline-block;
        float: left;
        margin-right: 15px;
        margin: 0 15px 0 0;
    }

.membership-gift-review ul {
    list-style-type: none;
    padding: 0;
}

.membership-gift-review .btn-primary {
    background-color: #746942;
    outline: 2px solid #746942;
}

/* Global Effects*/

.start-over-btn {
    position: absolute;
    top: 10px;
    right: 20px;
    background: none;
    outline: none;
}

    .start-over-btn:hover {
        background: none;
        outline: none;
    }

    .start-over-btn i:before {
        top: -2px;
    }

.ticket-tear {
    background: #ffffff;
    position: relative;
    padding-bottom: 16px;
    border: 1px solid rgba(0,0,0,0.2);
    box-shadow: 0px 2px 3px rgba(0,0,0,0.1);
}
/*
.ticket-tear:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 10px;
    bottom: -5px;
    left: 1px;
    background: url('../images/tear-bg.png') 0 0 repeat-x;
    border-top: none;
    border-bottom: none;
    background-color: #f5f6e9;
}
*/
/* Ticket Types*/

.breakpoint-xl .ticket-types .container {
    width: 1765px;
}

.breakpoint-xs .ticket-types .container {
    padding-left: 2%;
    padding-right: 2%;
}



.ticket-type {
    height: 100%;
    text-align: left;
    overflow: hidden;
    padding: 20px;
    margin-right: 10px !important;
}

    .ticket-type.disabled,
    .ticket-type.disabled h3 {
        color: #cfcbc2;
    }

/*.ticket-hole:before,
.ticket-hole:after {
    content: " ";
    position: absolute;
    z-index: -1;
    left: 50%;
    bottom: 0px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 360px #ffffff, inset 2px 2px 2px rgba(0,0,0,0.2);
    background-color: transparent;
}*/

/*.ticket-hole:before {
    top: 0px;
    margin: -22px 0 0 -21px;
}

.ticket-hole:after {
    bottom: 0px;
    margin: 0 0 -21px -21px;
}*/

.breakpoint-xl .exhibition-info > img {
    height: 437px;
}

.breakpoint-xl.ticket-type {
    background: #eeefe1;
}

.breakpoint-xl .ticket-types-3-col article:first-child {
    margin-left: 221px;
}

.ticket-type .title-fixed-height {
    height: 75px;
}

.ticket-type .btn {
    height: 60px;
    float: left;
}

.icon-arrow-circle {
    position: relative;
    top: 5px;
    font-size: 29px;
}

.ticket-type .btn .icon-arrow-right2:before,
.ticket-type .btn .icon-arrow-left2:before {
    top: 13px;
}

.ticket-type .flush {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
}

.breakpoint-xs .header-tickets,
.breakpoint-sm .header-tickets {
    padding: 0 2% 0 2%;
    margin-top: -37px;
    text-align: left;
}

.ticket-types .ticket-type-btn {
    height: 45px;
    font-size: 16px;
}

    .ticket-types .ticket-type-btn.btn .icon-arrow-right2:before,
    .ticket-types .ticket-type-btn.btn .icon-arrow-left2:before {
        top: 10px;
        font-size: 20px;
        right: 15px;
        position: absolute;
    }

.breakpoint-xl .ticket-types {
    height: 620px;
}

.breakpoint-lg .ticket-types {
    height: 520px;
}

    .breakpoint-xl .ticket-types .col,
    .breakpoint-lg .ticket-types .col,
    .breakpoint-md .ticket-types .col,
    .breakpoint-sm .ticket-types .col {
        vertical-align: top;
        height: 100%;
    }

.breakpoint-xl .ticket-type-bottom {
    width: 98.7%;
    position: absolute;
    bottom: 50px;
}

.ticket-type-bottom-resident {
    clear: both;
}

.ticket-type-close,
.ticket-type-close:hover,
.ticket-type-close:visited {
    position: absolute;
    right: 25px;
    top: 25px;
    font-size: 3em;
    text-decoration: none;
    color: #d5d2c6;
}

.ticket-type-click-trap {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    pointer-events: all;
}

.ticket-type-btn-force-down:before,
.ticket-type-btn-force-down:after {
    box-shadow: 0px 0px 0px 360px #f4f4f4, inset 2px 2px 2px rgba(0,0,0,0.2);
}

.memberships .flex-direction-nav {
    display: none;
}

a,
.btn-link {
    color: #0F6ED2;
}

button.btn-link {
    border: none;
    padding: 0;
}

a:hover,
a:focus,
.btn-link:hover,
.btn-link:focus {
    color: #0F6ED2;
    text-decoration: underline !important;
    background-color: transparent;
}

.popover-title {
    background-color: #ffffff;
    font-family: inherit !important;
}

.popover {
    border-radius: 0;
}

.popover-content > ul {
    padding-inline-start: 20px;
}

.become-member-link {
    outline: none;
    color: #fff;
}

    .become-member-link:focus,
    .become-member-link:active,
    .become-member-link:hover {
        outline: none;
        color: #fff;
    }

.become-a-member-ticket .text-center {
    text-align: center !important;
}

.become-a-member-btn {
    background-color: rgba(0,0,0,0.3);
    background-image: url('/Content/images/become-member-bg.png');
    background-size: cover;
}

.scan-membership {
    width: 1000px;
    margin: 0 auto;
}

.user-zip-card {
    width: 440px;
    height: 100%;
    margin: 0 auto;
}

    .user-zip-card label {
        margin: 0 -25px;
        padding: 10px 25px;
        font-size: 26px;
    }

        .user-zip-card label a,
        .user-zip-card label input {
            font-size: 26px;
        }

.user-country-card {
    left: 50%;
    top: 0;
    margin-left: 240px;
    width: 565px;
    min-height: 500px;
}

    .user-country-card:before {
        content: '';
        display: block;
        position: absolute;
        border: 20px solid transparent;
        border-right: 20px solid #FFF;
        left: -34px;
        top: 173px;
        width: 0;
        height: 0;
    }

.link-country-arrow {
    border: 1px solid;
    border-radius: 50%;
    font-size: 26px;
    position: absolute;
    right: -10px;
    top: 0px;
}

.link-country,
.link-country:hover,
.link-country:visited {
    color: #004BB4;
    text-decoration: none;
    display: inline-block;
    position: relative;
}

.times-list {
    list-style: none;
    padding-inline-start: 0;
}

    .times-list > li > span {
        text-decoration: none;
        cursor: pointer;
    }

    .times-list > :disabled {
        color: #ffffff !important;
    }

.entry-time {
    padding: 10px;
}

.country-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .country-list li {
        float: left;
        width: 45%;
        padding: 10px;
        font-size: 26px;
        margin-right: 5%;
        font-weight: bold;
    }

/* Get Started */
.get-started,
.pickup {
    position: relative;
    top: 110px;
}

    .pickup .back-btn {
        position: fixed;
        bottom: 30px;
        left: 30px;
    }

.breakpoint-xl .ticket-types .back-btn {
    position: fixed;
    bottom: 30px;
    left: 30px;
}

.pickup.print .btn-link {
    padding: 15px 25px;
    color: #fff;
}

.pickup.print .header-tickets {
    margin-top: 250px;
}

.pickup.print .btn-container {
    margin-top: 200px;
}

.pickup.print h1 {
    margin: 0 auto;
}

.get-started .panel-items {
    text-align: center;
}
/*
.get-started .panel-item {
    cursor: pointer;
    display:inline-block;
    width: 450px;
    height: 500px;
    background-color: #fefdf7;
    margin-left: 25px;
    vertical-align: middle;
    color: white;
    padding: 130px 100px;
}*/

.get-started .panel-item {
    cursor: pointer;
    display: inline-block;
    width: 390px;
    height: 380px;
    background-color: #fefdf7;
    margin-left: 15px;
    vertical-align: middle;
    color: white;
    padding: 60px 40px;
}


.get-started.alt .panel-item {
    cursor: pointer;
    display: inline-block;
    width: 390px;
    height: 380px;
    background-color: #fefdf7;
    margin-left: 15px;
    vertical-align: middle;
    color: white;
    padding: 60px 40px;
}

.get-started .panel-item {
    margin-left: -5px;
}

.get-started .panel-buy {
    width: 510px;
    height: 570px;
    z-index: 1000;
    box-shadow: 0 0 50px rgba(0, 0, 0, .5);
    padding: 165px 150px;
    transform: translateZ(1px);
}

.get-started .panel-pickup {
    z-index: 50;
}

.pickup .row {
    width: 100%;
}

.pickup .container {
    width: 800px;
}



.get-started .become-member {
    z-index: 50;
}



.pickup hr {
    border: 0;
    border-top: 2px solid #FFF;
    margin: 0;
}

.pickup .ticket-types {
    z-index: 1;
}

.pickup .container article {
    width: 395px;
    vertical-align: top;
    cursor: pointer;
}

.pickup .icon-pickup-member-card-icon,
.pickup .icon-pickup-credit-icon {
    font-size: 140px;
    margin: 30px 0 -10px 40px;
}

.pickup .btn-arrow-right i:before, .pickup .btn-arrow-right i:before {
    right: 6px;
}

.pickup .btn-arrow-left i:before, .pickup .btn-arrow-left i:before {
    left: 6px;
}

.pickup .ticket-type .btn .icon-arrow-right2:before, .pickup .ticket-type .btn .icon-arrow-left2:before {
    top: 11px;
}

/* Cart */

.cart-payment .payment-tab-nav {
    width: 100%;
    border: 1px solid #d1d1c2;
    margin-bottom: 20px;
}

.cart-payment .form-control {
    height: 39px;
}

.cart-payment input[type="checkbox"].form-control,
.cart-payment input[type="radio"].form-control {
    height: 20px;
}

.cart-payment .payment-tab-nav input {
    -webkit-appearance: none;
}

.breakpoint-xs .cart-payment .payment-tab-nav input,
.breakpoint-sm .cart-payment .payment-tab-nav input {
    display: none;
}

.cart-payment .payment-tab-nav.tab-2-col label.btn {
    width: 50%;
}

.cart-payment .payment-tab-nav label.btn {
    width: 46%;
    /*border-right: 1px solid #d1d1c2;*/
    margin-left: 0px;
    padding: 10px 0px;
    background: #fff;
}

.breakpoint-xs .cart-payment .payment-tab-nav label.btn,
.breakpoint-sm .cart-payment .payment-tab-nav label.btn {
    min-height: 62px;
}

.cart-payment .payment-tab-nav label.btn:hover {
    color: #000;
}

.cart-payment .payment-tab-nav label.btn.active {
    background: #004bb4;
    color: #fff;
}

.breakpoint-xs .cart-payment .payment-tab-nav label.btn.active {
    font-weight: bold;
}

.cart-payment .payment-tab-nav label.btn.active:hover {
    color: #fff;
}

.cart-payment .payment-tab-nav label span {
    white-space: normal;
}

.cart-payment .payment-tab-nav label:first-child,
.cart-payment .payment-tab-nav label:last-child {
    width: 27%;
}

.cart-payment .payment-tab-nav label:last-child {
    border-right: 0px;
}


.cart-review {
    position: relative;
}

.cart-total:not(.lg) {
    -webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.1));
    border: 1px solid rgba(0,0,0,0.1);
}

.cart-grandtotal:not(.lg) {
    border: 1px solid rgba(0,0,0,0.1);
    border-left: none;
    border-right: none;
    /*background: #efefe1;*/
}

    .cart-grandtotal:not(.lg) > div, .cart-subtotal:not(.lg) > div {
        padding: 0;
    }

.cart-review.xl {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-transition: -webkit-transform 0.5s ease;
    padding-bottom: 50px;
}


    .cart-review.xl::-webkit-scrollbar {
        display: none;
    }

.breakpoint-xl .cart-total {
    position: relative;
    width: 280px;
    margin: 0 auto;
    -webkit-filter: drop-shadow(0 2px 2px rgba(0,0,0,0.1));
}

    .breakpoint-xl .cart-total:after {
        position: absolute;
        content: " ";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 30px 30px 0 0;
        border-color: rgba(255,255,255,1) transparent transparent transparent;
        bottom: -13px;
        left: 50%;
        background: #fff;
        -webkit-transform: rotate(45deg);
    }

.cart-sidebar .cart-line-item {
    border-top: 1px solid rgba(0,0,0,0.1);
    position: relative;
}

.cart-sidebar .ticket-tear .cart-line-item:first-child {
    border-top: 0px;
}

.cart-sidebar .card-swipe-instructions {
    margin-left: 30px;
}

    .cart-sidebar .card-swipe-instructions li {
        font-size: 25px;
        margin-bottom: 5px;
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 28px;
    }

        .cart-sidebar .card-swipe-instructions li.text-black {
            background-image: url('/content/images/arrow-black.png');
        }

        .cart-sidebar .card-swipe-instructions li.text-taupe {
            background-image: url('/content/images/arrow-taupe.png');
        }

        .cart-sidebar .card-swipe-instructions li .card-swipe-bullet {
            text-align: center;
            border-radius: 20px;
            font-size: 12px;
            height: 20px;
            width: 20px;
            padding: 2px;
            float: left;
            color: #ffffff;
        }

        .cart-sidebar .card-swipe-instructions li.text-black .card-swipe-bullet {
            border: 2px solid #000000;
            background-color: #000000;
        }

        .cart-sidebar .card-swipe-instructions li.text-taupe .card-swipe-bullet {
            border: 3px solid #bebca3;
            color: #f5f6e9;
            background-color: #bebca3;
        }

.breakpoint-xl .cart-sidebar .cart-line-item > [class*="col-"]:first-child {
    padding: 22px 18px 20px 10px;
    position: relative;
}

.breakpoint-xl .cart-sidebar .cart-line-item > [class*="col-"]:last-child {
    padding: 16px 0px 16px 16px;
    position: relative;
}

.breakpoint-xl .cart-sidebar .cart-line-item:last-child {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.cart-review .cart-container {
    float: left;
}

    .cart-review .cart-container .icon-scissors {
        position: relative;
        top: 4px;
        text-decoration: none !important;
    }

.promo-code-link button:active,
.promo-code-link button:hover {
    selection: none !important;
    outline: none !important;
}

.cart-review.xl .cart-container {
    width: 2000px;
    padding-right: 490px;
}

.cart-review:not(.xl) .cart-container {
    width: 100%;
}

.cart-review.xl .cart-sidebar {
    position: fixed;
    z-index: 1;
    right: -0px;
    width: 490px;
    height: 860px;
    padding-top: 100px;
    padding-bottom: 20px;
}

.cart-continue-xl {
    position: absolute;
    right: 20px;
    z-index: 2;
    bottom: 20px;
}

.cart-review.xl .cart-sidebar {
    text-align: center;
}

    .cart-review.xl .cart-sidebar .cart-kiosk {
        margin: 67px auto 0 auto;
    }

.cart-sidebar .icon-xl {
    margin-top: -28px;
    background: #ffffff;
    border-radius: 50%;
    font-size: 6em;
    width: 77px;
    height: 77px;
    -webkit-filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.1));
}

    .cart-sidebar .icon-xl:before {
        position: relative;
        left: -5px;
        top: -5px;
    }

.cart-review .faux-border {
    position: absolute;
    top: 31px;
    height: 100%;
    width: 2px;
    left: 0px;
    border-left: 6px solid rgba(190,187,163,0.2);
}

.cart-review .cart-item-card {
    float: left;
    position: relative;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.2);
}

.cart-review.xs .cart-item-card,
.cart-review.sm .cart-item-card,
.cart-review:not(.xl) .cart-item-card-wrapper {
    width: 100%;
}

.cart-review.md .cart-item-card,
.cart-review.lg .cart-item-card {
    width: 100%;
    height: 368px;
}

.cart-review.xl .cart-item-card {
    width: 435px;
    min-height: 736px;
}

.cart-review.xl .cart-item-card-wrapper {
    -webkit-transform: translateZ(0);
}

.cart-review.xl .cart-item-card-wrapper-continue .cart-item-card {
    box-shadow: none;
    border: 6px solid rgba(190,187,163,0.2);
}

.cart-review.xl .continue-wrapper .icon-plus {
    display: block;
    font-size: 120px;
}

.cart-review.xl .continue-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 190px;
    width: 190px;
    margin: -110px 0 0 -95px;
    text-align: center;
}

    .cart-review.xl .continue-wrapper .btn-link {
        color: #bebca3;
    }

.cart-review .cart-item-card header {
    min-height: 168px;
    height: 366px;
    background-color: rgba(0,0,0,0.6);
    position: relative;
    overflow: hidden;
}

.cart-review.md .cart-item-card header,
.cart-review.lg .cart-item-card header {
    float: left;
    width: 50%;
}

.cart-review .cart-item-card .gift-membership {
    position: absolute;
    bottom: 0px;
}

    .cart-review .cart-item-card .gift-membership img {
        float: left;
    }

    .cart-review .cart-item-card .gift-membership h4 {
        float: left;
        padding: 36px 10px 0px 16px;
        font-size: 20px;
        margin: 0px;
        color: #d1d1d1;
    }


.cart-review .presentations-images {
    position: absolute;
    z-index: -1;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .cart-review .presentations-images img {
        position: absolute;
    }

.cart-review .cart-item-body {
    position: relative;
    height: 100%;
}

.cart-review.xs .cart-item-body,
.cart-review.sm .cart-item-body {
    padding-bottom: 80px !important;
}

.cart-review.md .cart-item-body,
.cart-review.lg .cart-item-body {
    float: right;
    width: 50%;
}

.cart-review.xl .cart-item-supplemetal {
    height: 38px;
}

.cart-review .selected-presentations li {
    border-top: 1px dotted rgba(255,255,255,0.4);
    padding: 5px 0px;
}

    .cart-review .selected-presentations li:first-child {
        border-top-style: solid;
    }

.cart-review .selected-pricetypes {
    width: 100%;
}

    .cart-review .selected-pricetypes th.selected-pricetypes-amount-column, .cart-review .selected-pricetypes td.selected-pricetypes-amount-column {
        padding-left: 3%;
    }
    .cart-review .selected-pricetypes tr {
        border-top: 1px dotted rgba(0,0,0,0.1);
    }

        .cart-review .selected-pricetypes tr:first-child {
            border-top-style: solid;
        }

    .cart-review .selected-pricetypes thead tr:first-child {
        border-top-width: 0;
    }

    .cart-review .selected-pricetypes th,
    .cart-review .selected-pricetypes td {
        padding: 7px 0px;
    }

.cart-review.xl .cart-item-body {
    height: 368px;
}

.cart-review .cart-item-card footer {
    /*background-color: #efefe1;*/
    border-top: 1px solid rgba(0,0,0,0.2);
    box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.9);
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}
/*
.cart-review .cart-item-card footer:after {
    content: " ";
    position: absolute;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    top: -23px;
    left: 50%;
    margin-left: -23px;
    background-color: #efefe1;
    box-shadow: 0px -2px 0px rgba(0,0,0,0.2);
}*/

.cart-review .cart-item-alert {
    width: 100%;
    padding: 15px 60px 13px 20px;
    position: relative;
    top: 1px;
}

.cart-review.xl .cart-item-alert {
    position: absolute;
    top: -57px;
}

.cart-review.lg .cart-item-alert i,
.cart-review.md .cart-item-alert i {
    position: relative;
    top: -8px;
}

.cart-review .cart-item-alert {
    padding: 15px 15px;
}

.cart-review .cart-item-alert {
    height: 60px;
}

.cart-review.xl .cart-item-alert {
    height: 70px;
    top: -69px;
}

.cart-review.xs .cart-item-alert {
    padding: 7px;
    height: 49px;
}

.cart-review .cart-item-alert-success {
    background: #009900;
}

.cart-review .cart-item-alert-error {
    background: #ee1d25;
}

.cart-review .arrow-indicator:after {
    position: absolute;
    content: " ";
    width: 0;
    height: 0;
    z-index: 1;
    border-style: solid;
    border-width: 15px 15px 0 0;
    border-color: #ee1d25 transparent transparent transparent;
    background: #ee1d25;
    -webkit-transform: rotate(45deg);
}

.cart-review .cart-item-alert-success:after {
    bottom: -7px;
    left: 30px;
    border-color: #009900 transparent transparent transparent;
    background: #009900;
}

.cart-review .cart-item-alert-error:after {
    bottom: -7px;
    right: 30px;
}

.cart-review.md .product-img:after {
    top: -7px;
    rigth: 30px;
}

.cart-review.md .product-img:after {
    right: auto;
    bottom: auto;
    top: 0px;
}

.cart-review.lg .cart-item-alert-error:after {
    right: 393px;
}

.cart-review.md .cart-item-alert-error:after {
    left: 43%;
}

.cart-review .prompt-msg {
    position: relative;
    top: 5px;
}

.cart-review.xs .prompt-msg {
    font-size: 9px;
}

.cart-review .action-buttons button,
.cart-review .action-buttons button:hover,
.cart-review .action-buttons button:focus {
    color: #ffffff;
    padding: 5px 15px;
    text-transform: uppercase;
}

.cart-review.xl .action-buttons button,
.cart-review.xl .action-buttons button:hover,
.cart-review.xl .action-buttons button:focus {
    border: 2px solid #ffffff;
}

.cart-review:not(.xl) .action-buttons {
    margin-top: 4px;
}

    .cart-review:not(.xl) .action-buttons button,
    .cart-review:not(.xl) .action-buttons button:hover,
    .cart-review:not(.xl) .action-buttons button:focus {
        padding: 0px 8px 0px 2px;
        font-size: 12px;
        line-height: 12px;
    }

.cart-review.xs .action-buttons button,
.cart-review.xs .action-buttons button:hover,
.cart-review.xs .action-buttons button:focus {
    font-size: 11px;
    margin: 0px !important;
    padding: 0px 4px 0px 4px;
}

.cart-review:not(.xl) .action-buttons button:last-child {
    border-right: 1px solid rgba(255,255,255,0.4);
}

.cart-review .action-buttons button:first-child {
    margin-left: 8px;
}

.cart-review .action-buttons button:first-child {
    margin-left: 3px;
}

.cart-review .remove-prompt-btn {
    position: absolute;
    right: 18px;
    top: 15px;
    -webkit-appearance: none;
    background: none;
    border: 0;
    width: 33px;
    height: 33px;
}

.cart-review:not(.xl) .cart-subtotal .remove-prompt-btn {
    position: relative;
    top: 3px;
    right: 3px;
    border: 2px solid #d7d4c9;
    background: #fff;
    width: 25px;
    height: 25px;
}

    .cart-review:not(.xl) .cart-subtotal .remove-prompt-btn i {
        color: #d7d4c9;
        top: 1px;
        left: -4px;
    }

.cart-review .remove-prompt-btn i {
    position: relative;
    top: -2px;
    left: -7px;
    opacity: 0.7;
    background: rgba(0,0,0,0.3);
    border: 0;
    border-radius: 50%;
}

.breakpoint-xl .itinerary-footer {
    margin-top: -30px !important;
}

.promo-container {
    padding: 12px;
    float: left;
    width: 100%;
    position: relative;
    background: #fff;
    border: 1px solid rgba(4,0,0,0.2);
    box-shadow: 0px 2px 3px rgba(0,0,0,0.1);
}

.promo-input {
    padding: 6px 12px;
}

.promo-error-msg {
    color: #bd362f;
    clear: both;
    margin: 12px 0 0;
}

.cart-share {
    text-decoration: none;
}

.upsell-remove-btn {
    -webkit-appearance: none;
    background: none;
    border: 0;
    position: absolute;
    left: 10px;
    top: 7px;
    color: #555555;
}

    .upsell-remove-btn i {
        position: relative;
        top: 2px;
        left: 0px;
        color: #555555;
    }

.breakpoint-xs .upsell-remove-btn,
.breakpoint-sm .upsell-remove-btn,
.breakpoint-md .upsell-remove-btn,
.breakpoint-lg .upsell-remove-btn {
    top: -8px;
}

    .breakpoint-xs .upsell-remove-btn i,
    .breakpoint-sm .upsell-remove-btn i,
    .breakpoint-md .upsell-remove-btn i,
    .breakpoint-lg .upsell-remove-btn i {
    }

/* Cart Payment */

.payment-form {
    /*background-color: #f9f9f0;*/
    position: relative;
    border: 1px solid rgba(0,0,0,0.2);
    box-shadow: 0px 2px 3px rgba(0,0,0,0.1);
    width: 100%;
}

.breakpoint-xs .payment-form {
    /*background-color: #fefdf7;*/
}

.payment-form > .row {
    /*border-bottom: 1px solid #d1d1c2;*/
}

    .payment-form > .row > aside {
    }

    .payment-form > .row > section {
        /*background-color: #fefdf7;*/
        border-left: 1px solid #e3e3d6;
    }

.breakpoint-xs .payment-form .row > section {
    background-color: transparent;
    border-left: 0px;
    border-top: 1px dotted #e3e3d6;
}

.payment-form > .row:last-child {
    border-bottom: 0px;
}

.payment-form .cc-email-icon {
    cursor: pointer;
    position: relative;
    top: 8px;
}

.payment-form .cc-email .field-wrapper,
.payment-form .po-number .field-wrapper {
    width: 85%;
    display: inline-block;
}

.payment-form .cc-email input,
.payment-form .po-number input {
    width: 100%;
}

.payment-form .cc-icon {
    width: 100%;
    padding-left: 45px;
    padding-top: 0px;
}

/* Bootstrap Extended */

/*.text-uppercase {
    text-transform: uppercase;
}*/

.text-capitalize {
    text-transform: capitalize;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-underline {
    text-decoration: underline;
}

.overflow-hidden {
    overflow: hidden;
}

/* Bootstrap Overrides */

ul.unstyled {
    list-style: none;
    padding-left: 0px;
}

select.input-lg {
    line-height: auto;
}

.navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 2%;
    padding-left: 2%;
}

.row {
    margin-right: auto !important;
    margin-left: auto !important;
}

h1, h2, h3 {
    margin-top: 10px;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.caret {
    position: relative;
    left: 6px;
}

.caret-reversed {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

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

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margpad {
    margin: 0;
    padding: 0;
}

.sharp-corner {
    border-radius: 0 !important;
}

.payment-credit-card-info {
    border-right: solid 1px #efefef;
}

.payment-total {
    margin-bottom: 25px;
}

.left-align-text {
    text-align: left;
}

.timeline-event-content img {
    padding: 0px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.time input {
    opacity: 0;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    position: absolute;
}

.has-error .form-control {
    border-color: #FE0F04 !important;
    background-color: #FFE7E7;
    border-width: 2px;
}

.xs-padding {
    padding-right: 0.2% !important;
    padding-left: 0.2% !important;
}

.sm-padding {
    padding-right: 0.6% !important;
    padding-left: 0.6% !important;
}

.md-padding {
    padding-right: 2%;
    padding-left: 2%;
}

.no-border {
    border: none !important;
}

.no-border-right {
    border-right: none !important;
}

.no-border-left {
    border-left: none !important;
}

.no-border-bottom {
    border-bottom: none !important;
}

.no-border-top {
    border-top: none !important;
}

/* TODO: Spacing framework */

.pd-1p {
    padding: 1%;
}

.pd-t-4p {
    padding-top: 4%;
}

.mr-1p {
    margin: 1%;
}

.mr-7p {
    margin: 7%;
}

.mr-9p {
    margin: 9%;
}

.background-black {
    background-color: #000000;
}

.black-border-bottom {
    border-bottom: solid 1px #000000;
}

.height-auto {
    height: auto;
}

.donation-border {
    height: 12px;
    border-left: 3px solid #dad7c6;
    position: relative;
    left: 50%;
    bottom: 5px;
}

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

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

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

.display-full {
    height: 100%;
    width: 100%;
}

.off-screen {
    position: fixed;
    left: -10000px;
    width: 0px;
    height: 0px;
}

.full-width {
    width: 100%;
}

.full-height {
    height: 100%;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.position-top-start {
    top: 0px;
}

.position-left-start {
    left: 0px;
}

.img-offset-left {
    position: relative;
    left: -8%;
    width: 108%;
    height: auto;
}

.img-offset-right {
    position: relative;
    right: -8%;
    width: 108%;
    height: auto;
}

.modal-open.breakpoint-xs .app-content,
.modal-open.breakpoint-sm .app-content,
.modal-open.breakpoint-xs #header,
.modal-open.breakpoint-sm #header {
    display: none !important;
}

.modal-open {
    overflow: hidden !important;
}

.ng-modal-overlay {
    /* A dark translucent div that covers the whole screen */
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.8;
}

.ng-modal-dialog {
    /* A centered div above the overlay with a box shadow. */
    z-index: 10000;
    position: fixed;
    width: 50%; /* Default */
    /* Center the dialog */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    background-color: #fff;
    box-shadow: 4px 4px 80px #000;
}

.ng-modal-dialog-content {
    padding: 50px 10px 10px 10px;
    text-align: center;
}

.ng-modal-close {
    position: absolute;
    top: 3px;
    right: 5px;
    padding: 5px;
    cursor: pointer;
    color: #000;
}

.modals {
    position: fixed;
    top: 0;
    left: 0;
}

.breakpoint-xl .test-card-scan {
    position: absolute;
    top: 10px;
    right: 10px;
}

/*Groups*/

.btn-back-top,
.btn-back-top:hover,
.btn-back-top:focus {
    padding: 0px;
    margin: 0px;
    position: fixed;
    top: -6px;
    left: 50%;
    background-color: #009900;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    z-index: 10;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3);
    -webkit-transform: translateX(-50px);
}

    .btn-back-top i {
        -webkit-filter: drop-shadow(0px 1px 1px rgba(0,0,0,0.3));
    }

.scroll-wrapper {
    min-height: 100px;
}

.groups-container {
    /*background-color: #f9f9f0; */
    border: 1px solid #f7f7f7;
    overflow: hidden;
}

    .groups-container .groups-header {
        background-image: url('/content/images/groups-header.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .groups-container.xs .groups-header,
    .groups-container.sm .groups-header {
        height: 275px;
    }

        .groups-container.xs .groups-header .header-button,
        .groups-container.sm .groups-header .header-button {
            position: absolute;
            left: 0;
            bottom: -20px;
            z-index: 1;
        }

    .groups-container.md .groups-header,
    .groups-container.lg .groups-header {
        height: 285px;
    }

.groups-steps {
    /*background-color:#efefe1;*/
    overflow: hidden;
}

.groups-container.md .groups-steps,
.groups-container.lg .groups-steps {
    border-left: 1px solid #bbbba8;
}

.groups-steps-inner {
    padding-bottom: 600px;
}

.groups-container.xs .groups-steps-inner {
    padding-bottom: 0px;
}

.groups-nav {
    max-width: 277px;
}

    .groups-nav li {
        border-bottom: 1px solid #bbbba8;
        cursor: pointer;
    }

        .groups-nav li.active {
            background: #D7FA88;
            color: #000 !important;
        }

            .groups-nav li.active span {
                color: #000 !important;
            }

    .groups-nav button {
        color: #746942;
        font-weight: bold;
        cursor: pointer;
    }

        .groups-nav button:focus {
            outline: 0;
        }

    .groups-nav li.active button,
    .groups-nav li.active button:active,
    .groups-nav li.active button:disabled {
        color: #ffffff;
        text-decoration: none;
        outline: none;
    }

    .groups-nav li .icon-checkmark-circle {
        color: #e67d17;
    }

    .groups-nav li.active .icon-checkmark-circle {
        color: #fff;
    }

    .groups-nav.affix {
        top: 0;
    }

.groups-container .qty-table {
    width: 100%;
}

.groups-container .plan-your-day-exhibitions .slideshow ul li {
    box-shadow: none !important;
}

.groups-container .plan-your-day-grades label span {
    position: relative;
    top: 4px;
    left: 2px;
}

.groups-container .plan-your-day-grades .checkbox {
    margin: 6px 0px;
}

.groups-container .form-control[type="checkbox"] {
    width: 20px;
    height: 20px;
    border: 0px;
    box-shadow: none;
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #d0d0ce;
    border-radius: 1px;
}

    .groups-container .form-control[type="checkbox"]:checked {
        background: url('../images/checkmark.png') no-repeat center center;
        border-color: #b4b2af;
    }

.groups-container .form-control[type="radio"] {
    border: 0;
    background: none;
}

.review-panel {
    overflow: hidden;
    margin-bottom: 20px;
}

.review-panel-title {
    font-weight: bold;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #eae9df;
}

.qty-table tbody tr:last-child td {
    padding-bottom: 8px;
}

.qty-table tfoot tr:first-child td {
    padding-top: 8px;
}

.qty-table tfoot {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #eae9df;
}

.breakpoint-xl aside.alert {
    /*position: fixed;
    top: 50px;
        */
}

.breakpoint-xl.fullscreen aside.alert {
    top: 0px;
}

.capacity-msg {
    visibility: hidden;
}

    .capacity-msg.active {
        visibility: visible;
    }

.price-type-col-1 {
    width: 60%;
}

.price-type-col-2 {
    width: 40%;
}

.breakpoint-md .day-picker .dropdown {
    width: 320px;
}

.icon-chevron {
    -webkit-transform: rotate(90deg);
    display: inline-block;
    margin-right: 5px;
}

    .icon-chevron.active {
        -webkit-transform: rotate(-90deg);
    }

.prices-hidden.price-type-col-1 {
    width: 36%;
}

.prices-hidden.price-type-col-2 {
    width: 27%;
}

.price-type-col-3 {
    width: 37%;
}

.capacity-msg {
    color: red;
}

.scroll-btn {
    position: fixed;
    top: 50%;
    height: 200px !important;
    width: 100px !important;
    background: url('/Content/images/prev.png') no-repeat;
    background-size: 100% 100% !important;
    text-indent: 9999px;
    -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(5px 5px 5px #222);
}

#scroll-right {
    background: url('/Content/images/next.png') no-repeat 100% 100%;
    right: 0px;
}

#scroll-left {
    background: url('/Content/images/prev.png') no-repeat 100% 100%;
    left: 0px;
}

.alert-limit,
.alert-limit button {
    text-transform: uppercase;
}

.alert-limit {
    padding: 0 15px 13px; /* 2px loading indicator on top, 15-2=13 */
}

    .alert-limit .alert-text {
        top: 0px;
        display: inline;
    }

    .alert-limit .btn-link {
        color: #fff;
        font-weight: bold;
        border-bottom: 1px solid #fff;
        padding: 0px;
    }

        .alert-limit .btn-link:hover {
            text-transform: uppercase;
            color: #fff;
            border-bottom: 1px solid #fff;
        }

.alert-text .btn-link {
    display: inline;
    background: none;
    outline: none;
    font-weight: normal !important;
    white-space: nowrap;
}

    .alert-text .btn-link:hover {
        text-decoration: none;
    }

.side-scroll {
    overflow-x: visible;
    padding-top: 50px;
}

    .side-scroll #header {
        position: fixed;
        z-index: 999;
        top: 0px;
    }

.date-picker {
    min-width: 160px;
}

    .date-picker .choose-date-text-label {
        position: relative;
        top: -2px;
    }

    .date-picker i {
        position: relative;
        top: -1px;
    }

.breakpoint-xs.fix-fixed #header nav {
    position: absolute;
    width: 100%;
}

.field-wrapper {
    position: relative;
}

/*Validation Notice Directive*/
.validation-notice {
    position: absolute;
    background: #bd362f;
    color: #fff;
    bottom: 49px;
    right: 0px;
    width: 50%;
}

.validation-notice-inner {
    padding: 5px;
}

.validation-notice-msg {
    margin: 0px;
    padding: 0px;
}

.validation-notice.arrow-indicator:after {
    position: absolute;
    content: " ";
    right: 20px;
    bottom: -7px;
    width: 0;
    height: 0;
    z-index: 1;
    border-style: solid;
    border-width: 15px 15px 0 0;
    border-color: #bd362f transparent transparent transparent;
    background: #bd362f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.invalid-form-field label {
    color: #bd362f;
    font-weight: bold;
}

.invalid-form-field input,
.invalid-form-field select {
    border: 1px solid #bd362f !important;
}

/*New styles for Pay as You Wish elements*/
.ticket-type-description {
    margin-bottom: 20px;
}

.ticket-type-bottom-resident {
    padding-top: 20px;
}

    .ticket-type-bottom-resident a {
        transition: .2s all;
        color: #746942;
        text-decoration: underline;
        display: block;
    }

        .ticket-type-bottom-resident a:hover {
            color: #333;
        }

.payw-dropdown {
    cursor: pointer;
}
#validateZipCodeLabel {
    text-align: left;
}

.payw-input-container span {
    font-weight: bold;
}

.payw-input-container input {
    padding: 5px;
    width: 100px;
}

.navbar-cart-indicator {
    display: inline-block;
    position: absolute;
    right: 4px;
    bottom: -2px;
    padding: 3px;
    border: 1px solid transparent;
    transition: .2s all;
}

.navbar-cart-indicator-icon {
    transform: scale3d(1, 1, 1);
    position: relative;
    transition: .2s all;
}

.navbar-cart-indicator:hover {
    text-decoration: none;
    cursor: pointer;
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 5px;
}

.navbar-cart-indicator-bubble {
    position: absolute;
    left: 8px;
    top: 3px;
    font-size: .37em;
    width: 20px;
    height: 20px;
    text-align: center;
    padding-top: 3px;
    color: #134ea2;
    font-weight: bold;
    font-family: arial, verdana, sans-serif;
}

@media (max-width: 1200px) {
    .breakpoint-lg .ticket-types {
        height: 520px;
    }

    .ticket-type-description {
        margin-bottom: 15px;
    }

    .ticket-type-bottom-resident {
        padding-top: 0;
    }
}

.ticket-type-bottom {
    position: absolute;
    bottom: 10px;
    width: 100%;
}

/*Cart indicator panel*/
.navbar-cart-panel {
    position: absolute;
    background: white;
    right: 0;
    top: calc(100% + 6px);
    padding: 35px 20px 20px;
    transition: .2s all;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,.5);
    overflow: auto;
    max-height: calc(100vh - 50px);
    text-align: right;
    max-width: 450px;
}

    .navbar-cart-panel.open {
        overflow: auto;
        visibility: visible;
        opacity: 1;
    }

.navbar-cart-close {
    position: absolute;
    right: 10px;
    top: 3px;
    text-transform: uppercase;
    color: black;
    line-height: 1;
    font-size: 2.5em;
    color: #746942;
}

    .navbar-cart-close:hover {
        text-decoration: none !important;
        color: #746942;
    }

.navbar-cart-panel-table tbody tr {
    border-top: 1px dotted rgba(0,0,0,0.1);
}

    .navbar-cart-panel-table tbody tr:first-child {
        border-top: 1px solid rgba(0,0,0,.1);
    }

.navbar-cart-panel-table tbody td {
    padding: 5px 0;
}

.navbar-cart-panel-table {
    margin-bottom: 20px;
    width: 100%;
}

    .navbar-cart-panel-table tr td:last-child, .navbar-cart-panel-table tr th:last-child {
        text-align: right;
    }

/*Failed zip code validator messaging*/

.ng-valid + .zip-validation-message > .format-message {
    display: none;
}

.ticket-prices {
    max-width: 850px;
}
.ticket-prices-inner > div {
    margin-bottom: 30px;
}
.ticket-prices .input-select:not([disabled]) {
    color: #000;
}

.ticket-zip-fail-message {
    background: #bd362f;
    max-height: 0;
    overflow: hidden;
    color: white;
    opacity: 0;
    margin: 0;
    transition: .5s max-height, .3s opacity, .3s margin;
    position: relative;
}

    .ticket-zip-fail-message.open {
        max-height: 250px;
        opacity: 1;
        overflow: visible;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .ticket-zip-fail-message a {
        color: white;
        text-decoration: underline;
    }

    .ticket-zip-fail-message p {
        padding: 0 5px 5px 5px;
        margin: 0;
    }

        .ticket-zip-fail-message p:first-child {
            padding-bottom: 0;
            padding-top: 5px;
        }

    .ticket-zip-fail-message:before {
        content: '';
        position: absolute;
        border-color: transparent transparent #bd362f transparent;
        border-style: solid;
        border-width: 15px;
        width: 0;
        height: 0;
        left: 20px;
        top: -30px;
    }

/*cart payment page zip fail modal*/
.new-modal {
    position: fixed;
    background: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transition: .2s opacity;
}

    .new-modal.open {
        opacity: 1;
        visibility: visible;
    }

.new-modal-inner {
    background: #f0f0f0;
    max-width: 630px;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 30px;
    max-height: 100vh;
    overflow: auto;
}

    .new-modal-inner p {
        margin: 0;
    }

.zip-modal-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-right: -10px;
}

    .zip-modal-buttons button {
        text-transform: uppercase;
        margin: 10px 10px 10px 0;
        flex-grow: 1;
    }

@media(max-width: 640px) {
    .new-modal-inner {
        padding: 15px;
    }
}

/*kiosk mode overrides*/
.kiosk .ticket-type-bottom-resident {
    padding-top: 0;
    position: absolute;
    z-index: 1;
    bottom: 155px;
    font-size: 18px;
}

.kiosk .ticket-types {
    height: 710px;
}

.kiosk .header-tickets {
    margin-bottom: 30px;
    margin-top: -20px;
}

.kiosk .ticket-hole:before,
.ticket-hole:after {
    box-shadow: 0px 0px 0px 380px #ffffff, inset 2px 2px 2px rgba(0,0,0,0.2);
}

.kiosk .navbar-cart-indicator {
    right: 125px;
}

.kiosk .table-grid > tbody > tr > td {
    padding-top: 15px;
    padding-bottom: 15px;
}

.kiosk .table-grid > tfoot > tr > td {
    vertical-align: middle;
}

/*explorer app fixes*/
.explorer .explorer-datepicker-block {
    vertical-align: middle;
}

.explorer .date-picker {
    vertical-align: middle;
}

.explorer .text-default {
    color: #15032a;
}

.explorer .ticket-type-bottom-resident {
    margin-top: 20px;
}

    .explorer .ticket-type-bottom-resident a {
        color: #15032a;
    }

.explorer .explorer-ticket-footer {
    position: relative;
}

.explorer .explorer-ticket-button {
    top: 40px;
    bottom: auto;
}

.explorer .ticket-zip-fail-message {
    border-radius: 10px;
}

/*interstitial calendar lightbox to force date selection before path*/
.date-lightbox .datepicker {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    right: 0;
    bottom: 0;
    margin: 0;
    z-index: 100;
    max-width: 100%;
}

.date-lightbox .datepicker-inner {
    /*width: 700px;*/
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    /*background: #f0f0f0;*/
    box-shadow: 2px 2px 10px rgba(0,0,0,.5);
    border-radius: 15px;
}

.date-lightbox .datepicker-layout {
    border: 1px solid #ccc;
    background: white;
    box-shadow: 2px 2px 6px rgba(0,0,0,.3);
}

.date-lightbox .datepicker-lightbox-header {
    margin-bottom: 20px;
}

.lightbox-only {
    display: none;
}

.date-lightbox .lightbox-only {
    display: block;
}

.date-lightbox .datepicker .btn-success {
    border-color: #fff;
    color: #fff;
    background-color: #004BB4;
    border: 2px solid white;
    outline: 2px solid #004BB4;
}

.ticket-type.fit-bottom {
    bottom: 0px !important;
}

.panel-item > h2 {
    font-size: 36px;
}

@media (max-width: 728px) {
    .date-lightbox .datepicker-inner {
        top: 0;
        left: 0;
        transform: none;
        width: 100%;
        padding: 30px 50px 50px;
    }

    .date-lightbox .datepicker {
        overflow: auto;
        top: 50px !important;
    }
}

@media (max-width: 480px) {
    .date-lightbox .datepicker {
    }
}

/**** EXPLORER STYLES ****/

/*
    Global Overrides
*/
.explorer-body-true * {
    /*    margin:0;
    padding:0;*/
}

body.explorer-body-true {
    background: #2d1d40 !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 320px;
    color: #15032a;
}

.explorer-body-true .app-content {
    width: 100%;
}

.explorer-body-true .app {
    width: 100%;
}

.explorer-body-true nav.navbar {
    display: none;
}

.explorer-body-true .background-img {
    background-repeat: unset;
    background-attachment: unset;
}

    .explorer-body-true .background-img.background-body {
        background-position: unset;
        background-size: unset;
    }

    .explorer-body-true .background-img.background-head {
        background-position: unset;
        background-size: unset;
    }

    .explorer-body-true .background-img.background-0 {
        background-image: unset;
    }

    .explorer-body-true .background-img.background-1 {
        background-image: unset;
    }

    .explorer-body-true .background-img.background-2 {
        background-image: unset;
    }

    .explorer-body-true .background-img.background-3 {
        background-image: unset;
    }

    .explorer-body-true .background-img.background-4 {
        background-image: unset;
    }

    .explorer-body-true .background-img.background-pickup {
        background-image: unset;
    }

    .explorer-body-true .background-img.background-buy {
        background-image: unset;
    }

    .explorer-body-true .background-img.background-null {
        background-image: none;
    }

.explorer-body-true .background-size-cover {
    background-size: unset;
}

.explorer-body-true .ticket-types, .explorer-body-true .sp-out-20px-bottom {
    width: 100% !important;
    margin: 0 !important;
    padding: 0px !important;
}

/*
    Error Overrides
*/
.explorer-body-true .alert-error {
    background: none;
}

.explorer-body-true .alert-warning {
    background: none;
}

.explorer-body-true .validation-notice {
    border-radius: 10px;
}

.explorer-body-true .validation-notice-msg {
    color: white !important;
    text-shadow: black 0.1em 0.1em 0.2em;
}


/*
    Spinner Overrides
*/
.explorer-body-true .spinner-disabled:after {
    background-color: #2d1d40;
}

.explorer-body-true .spinner {
    border-left: 6px solid rgba(230,125,23,.15);
    border-right: 6px solid rgba(230,125,23,.15);
    border-bottom: 6px solid rgba(230,125,23,.15);
    border-top: 6px solid rgba(230,125,23,1);
    border-radius: 100%;
}



.explorer-body-true .ticket-types {
    margin: 0 !important;
    padding: 0 !important;
}

.explorer-body-true .selected-presentations {
    margin: 16px;
}

    .explorer-body-true .selected-presentations li {
        border: none;
    }

/*
    Explorer Styles
*/
@font-face {
    font-family: GothamNarrow-Medium;
    src: url("../images/explorer/fonts/GothamNarrow-Medium.otf") format('opentype');
}

@font-face {
    font-family: GrundfosTheSansOT-4SL;
    src: url("../images/explorer/fonts/GrundfosTheSansOT-4SL.otf") format('opentype');
}

.explorer-body-true .explorer-dark-blue {
    color: #15032a;
}

.explorer-body-true .explorer-gray {
    background: #16042b;
    opacity: 0.5;
}

.explorer-body-true .explorer-orange {
    background: #FFB103;
    color: #16042b !important;
}

.explorer-body-true .explorer-headline {
    font-size: 160%;
    text-transform: uppercase;
    font-family: GothamNarrow-Medium !important;
    line-height: 170%;
}

.explorer-body-true .explorer-show-headline {
    font-size: 130%;
    text-transform: uppercase;
    font-family: GothamNarrow-Medium !important;
    line-height: 140%;
    text-shadow: black 0.1em 0.1em 0.2em;
}

.explorer-body-true .explorer-text-link {
    font-size: 100%;
    text-transform: uppercase;
    font-family: GothamNarrow-Medium !important;
}

.explorer-body-true .explorer-ticket-title {
    font-size: 200%;
    font-family: GrundfosTheSansOT-4SL !important;
}

.explorer-body-true .explorer-am-dropdown {
    font-size: 130%;
    font-family: GrundfosTheSansOT-4SL !important;
}

.explorer-body-true .explorer-link-icon {
    margin-left: 16px;
}

.explorer-body-true .explorer-label {
    font-size: 115%;
    font-family: GothamNarrow-Medium !important;
    text-transform: uppercase;
}

.explorer-body-true .explorer-label2 {
    font-size: 115%;
    text-transform: uppercase;
    font-weight: normal;
    color: #18042d;
    font-family: GrundfosTheSansOT-4SL !important;
}

.explorer-body-true .explorer-secondary-text {
    font-size: 100%;
    font-family: GrundfosTheSansOT-4SL !important;
}

.explorer-body-true .explorer-ticket-types {
    font-size: 140%;
}

.explorer-body-true .explorer-copy {
    font-size: 170%;
    font-family: GrundfosTheSansOT-4SL !important;
}

.explorer-body-true .explorer-descriptive-copy {
    font-size: 110%;
    font-family: GrundfosTheSansOT-4SL !important;
}

.explorer-body-true .explorer-instructive-copy {
    font-size: 107%;
    font-family: GrundfosTheSansOT-4SL !important;
}

.explorer-body-true .explorer-price-large {
    font-size: 210%;
    font-family: GothamNarrow-Medium !important;
}

.explorer-body-true .cart, .explorer-body-true .cart-payment {
    padding: 0;
    margin: 0;
}

.explorer-body-true .explorer-container {
    background: #fff;
    padding: 0;
    margin: 16px;
    font-size: 1em;
    border-radius: 10px;
    font-family: GothamNarrow-Medium !important;
}

.explorer-body-true .explorer-ticket-type {
    border-radius: 10px;
    background: #fff;
    margin-top: 16px;
}

.explorer-body-true .explorer-ticket-header {
    border-radius: 10px 10px 0 0;
}

    .explorer-body-true .explorer-ticket-header h3 {
        padding-top: 20px;
        padding-bottom: 20px;
        color: #18042d !important;
        text-align: center;
        background: #e8e6ea;
        margin: 0px;
        border-radius: inherit;
        font-family: GrundfosTheSansOT-4SL !important;
    }

.explorer-body-true .explorer-ticket-icon {
    padding-top: 16px;
}

.explorer-body-true .explorer-ticket-description {
    color: #a8a1af;
    padding: 16px;
    font-family: GrundfosTheSansOT-4SL !important;
}

.explorer-body-true .explorer-ticket-footer {
    padding: 16px;
    padding-top: 15px;
    background: #E8E6EA;
    border-radius: 0 0 10px 10px;
    min-height: 80px;
}

.explorer-body-true .explorer-footer {
    padding: 16px;
    padding-top: 15px;
    border-radius: 0 0 10px 10px;
}

.explorer-body-true .explorer-ticket-button {
    position: absolute;
    bottom: 16px;
    right: 16px;
}

.explorer-body-true .explorer-button {
    color: #fff;
    border-radius: 30px;
    height: 50px;
    font-size: 125%;
    text-transform: uppercase;
    min-width: 140px;
    font-family: GothamNarrow-Medium;
}

.explorer-body-true .explorer-button-fixed {
    background: #2d1d40 !important;
    position: fixed;
    padding: 16px;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.explorer-body-true .explorer-header {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 12px;
    border-radius: 10px 10px 0 0;
}

.explorer-body-true .explorer-body-true {
    padding-left: 16px;
    padding-right: 16px;
    font-family: GrundfosTheSansOT-4SL;
}

.explorer-body-true #explorer-datepicker {
    position: absolute;
    left: -9000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.explorer-body-true .explorer-price-types {
    margin: 0;
    padding: 0;
    padding-left: 16px;
    padding-right: 16px;
}

.explorer-body-true .explorer-price-types-table {
    border: none !important;
    width: 100%;
}

    .explorer-body-true .explorer-price-types-table tr {
        background: #efefef;
        border: 3px solid #FFF;
    }

.explorer-body-true .explorer-total-table tr {
    background: #fff !important;
    border-top: 1px solid #efefef;
}

.explorer-body-true .explorer-price-types-table tr td:first-child,
.explorer-body-true .explorer-price-types-table tr td:last-child {
    padding: 16px;
}

.explorer-body-true .explorer-price-types-table tfoot tr {
    background: #fff !important;
}

.explorer-body-true .explorer-price-types-quantity {
    font-family: GothamNarrow-Medium;
    font-size: 200%;
}

.explorer-body-true .explorer-price-types-name {
    font-size: 1.5em;
    font-family: GrundfosTheSansOT-4SL;
}

.explorer-body-true .explorer-price-types-price {
    font-size: 1.2em;
    font-family: GothamNarrow-Medium;
}

.explorer-body-true .explorer-icon {
    background: none;
    border: none;
    box-shadow: none;
}

.explorer-body-true .explorer-itinerary-choose {
    background: #efefef;
    font-family: GrundfosTheSansOT-4SL;
}

    .explorer-body-true .explorer-itinerary-choose p {
        color: #18042d;
        padding: 15px;
        margin: 0;
    }

.explorer-body-true .explorer-exhibition-title {
    position: absolute;
    bottom: 5px;
    left: 5px;
    color: white;
    font-size: 1.7em;
    text-transform: uppercase;
    text-shadow: black 0.1em 0.1em 0.2em;
    font-family: GothamNarrow-Medium;
}

.explorer-body-true .text-enabled {
    color: #16042b;
}

.explorer-body-true .text-disabled {
    color: #16042b;
    opacity: 0.5;
}

.explorer-body-true .explorer-payment {
    padding-top: 27px;
    padding-right: 20px;
    padding-left: 20px;
}

    .explorer-body-true .explorer-payment input, .explorer-body-true .explorer-payment select {
        background: #efefef;
    }

    .explorer-body-true .explorer-payment label {
        text-transform: uppercase;
        font-weight: normal;
        color: #18042d;
    }

.explorer-body-true .cart-item-body {
    padding-bottom: 0 !important;
}

@media (max-width: 359px) {
    .explorer-body-true .explorer-button {
        min-width: 80px;
    }

    .explorer-body-true .explorer-ticket-type-prices {
        margin-right: 100px;
    }

    .explorer-body-true .explorer-ticket-title {
        font-size: 170%;
    }
}


/*
    Reset the Toast Error Styles to defaults
*/
.explorer-body-true .toast-title {
    font-weight: bold;
}

.explorer-body-true .toast-message {
    word-wrap: break-word;
}

    .explorer-body-true .toast-message a,
    .explorer-body-true .toast-message label {
        color: #FFFFFF;
    }

        .explorer-body-true .toast-message a:hover {
            color: #CCCCCC;
            text-decoration: none;
        }

.explorer-body-true .toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    -webkit-text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.8;
}

    .explorer-body-true .toast-close-button:hover,
    .explorer-body-true .toast-close-button:focus {
        color: #000000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.4;
    }
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
.explorer-body-true button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.explorer-body-true .toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
}

.explorer-body-true .toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}

.explorer-body-true .toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}

.explorer-body-true .toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.explorer-body-true .toast-top-left {
    top: 12px;
    left: 12px;
}

.explorer-body-true .toast-top-right {
    top: 12px;
    right: 12px;
}

.explorer-body-true .toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.explorer-body-true .toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

.explorer-body-true #toast-container {
    position: fixed;
    z-index: 999999;
    /*overrides*/
}

    .explorer-body-true #toast-container * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .explorer-body-true #toast-container > div {
        position: relative;
        overflow: hidden;
        margin: 0 0 6px;
        padding: 15px 15px 15px 50px;
        width: 300px;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        background-position: 15px center;
        background-repeat: no-repeat;
        color: #FFFFFF;
        opacity: 0.5;
    }

    .explorer-body-true #toast-container > :hover {
        opacity: 0.8;
        cursor: pointer;
    }

    .explorer-body-true #toast-container > .toast-info {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
    }

    .explorer-body-true #toast-container > .toast-error {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
    }

    .explorer-body-true #toast-container > .toast-success {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
    }

    .explorer-body-true #toast-container > .toast-warning {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
    }

    .explorer-body-true #toast-container.toast-top-center > div,
    .explorer-body-true #toast-container.toast-bottom-center > div {
        width: 300px;
        margin: auto;
    }

    .explorer-body-true #toast-container.toast-top-full-width > div,
    .explorer-body-true toast-container.toast-bottom-full-width > div {
        width: 96%;
        margin: auto;
    }

.explorer-body-true .toast {
    background-color: #030303;
}

.explorer-body-true .toast-success {
    background-color: #FFB103;
}

.explorer-body-true .toast-error {
    background-color: #BD362F;
}

.explorer-body-true .toast-info {
    background-color: #2F96B4;
}

.explorer-body-true .toast-warning {
    background-color: #F89406;
}

.explorer-body-true .toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000000;
    opacity: 0.4;
}
/*Animations*/
.explorer-body-true .toast {
    opacity: 1 !important;
}

    .explorer-body-true .toast.ng-enter {
        opacity: 0 !important;
        transition: opacity .3s linear;
    }

        .explorer-body-true .toast.ng-enter.ng-enter-active {
            opacity: 1 !important;
        }

    .explorer-body-true .toast.ng-leave {
        opacity: 1;
        transition: opacity .3s linear;
    }

        .explorer-body-true .toast.ng-leave.ng-leave-active {
            opacity: 0 !important;
        }
/*Responsive Design*/
@media all and (max-width: 240px) {
    .explorer-body-true #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }

    .explorer-body-true #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    .explorer-body-true #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }

    .explorer-body-true #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    .explorer-body-true #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }
}