body {
    color: #283542;
    background: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    line-height: 24px;
}

i {
    font-size: 16px;
}

.border-left, .border-right, .border-top, .border-top {
    border-color: #ccc !important;
    border-width: 1px;
}

@media screen and (min-width: 768px) {
    .border-sm-0 {
        border: none !important;
    }
}

.border {
    border: 1px solid #ccc !important;
}

@media screen and (min-width: 992px) {
    .w-lg-auto {
        width: auto !important;
    }
}

@media screen and (min-width: 768px) {
    .w-md-auto {
        width: auto !important;
    }
}

::-moz-selection {
    color: #fff;
    background: #D51130;
    text-shadow: none;
}

::selection {
    color: #fff;
    background: #D51130;
    text-shadow: none;
}

/*Links*/
a {
    color: #D51130;
    text-decoration: none;
    transition: color ease-out .5s;
}

a i {
    transition: color ease-out .5s;
}

a:hover, a:focus, a:active,
a i:hover, a i:focus, a i:active {
    color: #a60d25;
    text-decoration: none;
}

@media screen
and (min-width: 768px) {
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
}

/*Fonts*/
h1, h2, h3, h4 {
    word-wrap: break-word;
    color: #283542;
}

h1 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
}

h2, h3, h4 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    margin: 0 0 15px 0;
}

h3 {
    margin: 0 0 10px 0;
}

h4 {
    font-size: 16px;
    line-height: 22px;
}

h5 {
    font-size: 18px;
    font-weight: 900;
}

.font-weight-bold {
    font-weight: 600 !important;
}

.text-color {
    color: #283542 !important;
}

p:last-child {
    margin-bottom: 0;
}

ul {
    list-style-position: inside;
    margin: 0;
}

.fa-ul {
    margin-left: 25px !important;
    margin-bottom: 0;
    list-style-position: inside;
}

.fa-ul li {
    padding-bottom: 0;
}

.fa-li {
    color: #D51130;
    font-size: 18px;
}

i {
    color: #D51130;
}

/*Boxes*/
.card-box {
    width: 100%;
    border: solid 1px #ccc;
    padding: 20px;
    margin-bottom: 20px;
    word-break: break-word;
}

.card-box .addToCard {
    font-size: 21px;
}

.card-box .fa-ul li {
    font-size: 16px;
}

.card-box-carta ul {
    padding-left: 15px;
}

.card-box-carta li {
    list-style: none;
    padding-bottom: 5px;
    display: flex;
}

.card-box-carta li:before {
    font-family: 'Font Awesome 5 Pro', sans-serif;
    content: "\f192";
    padding-right: 5px;
    color: #D51130;
    font-size: 8px;
    vertical-align: bottom;
}

.eventinformation {
    margin-bottom: 35px;
}

/*Payments*/
.col-md-4 .card-box .payments {
    margin-bottom: -20px;
}

.col-md-4 .card-box .payments li {
    margin-bottom: 20px;
}

.payments {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    padding-left: 0;
}

@media screen and (min-width: 475px) {
    .payments {
        margin-bottom: 0;
    }
}

.payments li {
    list-style: none;
    min-width: 50px;
    max-width: 50px;
    height: 35px;
    background-position: center !important;
    border: solid 1px #ededed;
    background-size: 60px !important;
    margin-right: 10px;
    margin-bottom: 10px;
}

.payments li:last-child {
    margin-right: 0;
}

.payments li:before {
    display: none;
}

.payments .amex {
    background: url("../img/payment/american_express.png") no-repeat #fff;
}

.payments .visa {
    background: url("../img/payment/visa.png") no-repeat #fff;
}

.payments .sepa {
    background: url("../img/payment/sepa_lastschrift.png") no-repeat #fff;
}

.payments .giropay {
    background: url("../img/payment/giropay.png") no-repeat #fff;
    background-size: contain !important;
}

.payments .mastercard {
    background: url("../img/payment/mastercard.png") no-repeat #fff;
    background-size: contain !important;
}

.payments .paypal {
    background: url("../img/payment/paypal.png") no-repeat #fff;
    background-size: contain !important;
}

/* Gutscheine */
.voucher {
    display: none;
}

@media screen and (min-width: 992px) {
    .voucher {
        display: flex;
        justify-content: center;
        background-image: url("https://secure.koelnticket.de/fileadmin/portal/gutscheine/gutscheineinleger_2020.png");
        background-repeat: no-repeat;
        background-size: 100%;
        height: 100%;
        min-height: 541px;
        text-align: center;
    }
}

@media screen and (min-width: 1200px) {
    .voucher {
        min-height: 647px;
    }
}

.success {
    color: #189724;
}

.card-box-voucher {
    border: none;
}

.card-box-voucher h2 {
    text-align: left;
}

#voucher-sample {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: auto;
}

#voucher-sample span {
    font-size: 10px;
    line-height: 14px;
}

@media screen and (min-width: 1200px) {
    #voucher-sample span {
        font-size: 12px;
        line-height: 16px;
    }
}

#voucher-sample span:first-child {
    padding-bottom: 10px;
}

#voucher-sample span:last-child {
    padding-top: 10px;
}

/* Overrides CSS from Bootstrap-Tabs for Booking-Tabs */
.nav {
    flex-wrap: nowrap;
}

.nav-item {
    text-transform: uppercase;
    width: 49%;
    flex: 0 1 auto !important;
}

@media screen and (min-width: 768px) {
    .nav-item {
        width: 100%;
        flex: 1 1 auto !important;
    }
}

.nav-tabs {
    border-bottom: 1px solid #ccc;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border-color: #ccc;
}

.nav-link {
    color: #888;
    padding: 15px;
    font-size: 12px;
}

@media screen and (min-width: 375px) {
    .nav-link {
        font-size: 15px;
    }
}

@media screen and (min-width: 768px) {
    .nav-link {
        font-size: 18px;
    }
}

.nav-link.active i {
    color: #D51130;
}

.nav-link i {
    color: #888;
}

.nav-tabs .nav-link {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-color: transparent transparent #ccc transparent;
    transition: all ease-out .5s;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #283542;
    border-color: #ccc #ccc #fff;
    font-weight: 600;
    transition: all ease-out .5s;
}

/* Tab Content */

.tab-content .fa-angle-down,
.tab-content .fa-angle-up {
    transition: transform ease .5s;
}

.tab-content > .active form {
    margin-top: -1px;
}

a.discounts[data-state="hide"] .fa-angle-up {
    transform: rotate(180deg);
    transform-origin: center center;
}

a.discounts[data-state="show"] .fa-angle-down {
    transform: rotate(180deg);
    transform-origin: center center;
}

.tab-content-signing {
    padding-top: 40px;
}

.discounts {
    display: flex;
    align-items: center;
    font-size: 16px;
}

.content-row-cart {
    margin-bottom: 20px;
}

.content-row-cart:last-child {
    margin-bottom: 0;
}

.tab-content-row {
    min-height: 65px;
}

.tab-content-row:first-child {
    border-color: #fff #ccc #ccc #ccc;
}

.tab-content-row:last-child {
    margin-bottom: 0;
}

.disabled-discount {
    color: #888;
    font-weight: 400;
    align-self: center;
}

.disabled-discount p {
    font-weight: 400 !important;
}

.disabled-discount a, .disabled-discount .price, .disabled-discount i {
    color: #888;
}

.disabled-discount .categoryAndProduct p {
    font-weight: 400;
}

.tab-content-discounts ~ .disabled-discount:last-child {
    padding-bottom: 1rem;
}

.tab-content-discounts:last-child {
    padding-bottom: 0;
    margin-bottom: -1rem;
}

@media screen and (min-width: 768px) {
    .tab-content-discounts:last-child {
        margin-bottom: 0;
    }
}

.categoryAndProduct span {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

.font18 {
    font-size: 18px !important;
}

.additionalInformation {
    font-size: 18px;
}

.price {
    color: #189724;
}

.ticket-counter {
    margin-top: -1px;
}

.w-65 {
    width: 100%;
    max-width: 65px;
    position: relative;
}

.w-65:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.w-65 .btn {
    position: absolute;
    width: 100%;
    height: 100%;
}

.ticket-counter-number {
    font-weight: 600;
    width: 65px;
    text-align: center;
    padding: 0 10px;
}

@media screen and (min-width: 992px) {
    .ticket-counter-number {
        padding: 0;
    }
}

/* Add to Card */
.addToCard {
    font-size: 21px;
    font-weight: 400;
}

.addToCard span {
    font-size: 21px;
}

.addToCard strong {
    color: #189724;
    font-weight: 600;
    font-size: 21px;
}

@media screen and (min-width: 992px) {
    .addToCard .pr-sm-3 {
        display: block;
    }
}

/* Buttons */
.btn {
    font-size: 21px;
    font-weight: 400;
    border-radius: 0;
    text-transform: uppercase;
}

.btn-sm, .btn-group-sm > .btn {
    font-size: 16px;
    font-weight: 600;
}

.btn-lg, .btn-group-lg > .btn {
    padding: 6px 1rem;
}

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) {
    margin-right: -1px;
}

.btn-primary:focus, .btn-primary.focus,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
    box-shadow: none;
    background: #a60d25;
    border-color: #a60d25;
}


.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
    background: #6e6e6e;
    border-color: #6e6e6e;
}

.btn-outline-primary:focus,
.btn-outline-primary,
.btn-outline-secondary:focus,
.btn-outline-secondary,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-link, .btn-link i {
    transition: all ease-out .5s;
}

.btn-link i {
    padding-top: 8px;
}

.btn-link:hover, .btn-link:focus, btn-link:active,
.btn-link i:hover, .btn-link i:focus, btn-link i:active {
    color: #a60d25;
}

.justify-content-end div .btn-lg {
    width: 100%;
}

.btn-primary {
    background: #D51130;
    border-color: #D51130;
    transition: all ease-out .5s;
}

.btn-primary:hover, .btn-primary:active {
    background: #a60d25;
    border-color: #a60d25;
    color: #fff;
}

.btn-primary:focus {
    background: #D51130;
    border-color: #D51130;
}

.btn-primary i {
    color: #fff;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    background: #a60d25;
    border-color: #a60d25;
}

.btn-secondary {
    background-color: #ccc;
    color: #455B72;
    font-weight: 600;
    border: none;
}

.btn-outline-primary {
    background: #fff;
    border-color: #D51130;
    transition: all ease-out .5s;
    color: #D51130;
}

.btn-outline-primary i {
    color: #D51130;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
    background: #D51130;
    color: #fff;
    border-color: #D51130;
}

.btn-outline-primary:hover i, .btn-outline-primary:focus i, .btn-outline-primary:active i,
.btn-outline-secondary:hover i, .btn-outline-secondary:focus i, .btn-outline-secondary:active i {
    color: #fff;
}

.btn-outline-secondary {
    border-color: #888;
    transition: all ease-out .5s;
    color: #888;
}

.btn-outline-secondary i {
    color: #888;
}

.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active {
    background: #888;
    color: #fff;
    border-color: #888;
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #888;
    border-color: #ccc;
    transition: all ease-out .5s;
}

.btn-outline-primary.disabled i, .btn-outline-primary:disabled i {
    color: #888;
}

.btn-outline-primary.disabled:hover, .btn-outline-primary.disabled:focus, .btn-outline-primary.disabled:active, .btn-outline-primary:disabled:hover, .btn-outline-primary:disabled:focus, .btn-outline-primary:disabled:active {
    background: none;
}

.btn.disabled, .btn:disabled {
    opacity: 1;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #455B72;
    background-color: #ccc;
    border-color: #ccc;
}

/* Forms & Inputs */
.form-control {
    border: 1px solid #ccc;
    border-radius: 0;
    color: #283542;
    font-size: 16px;
    height: 50px;
}

.form-control:focus {
    box-shadow: none;
    border-color: #ccc;
    color: #283542;
}

.form-control::-webkit-input-placeholder {
    color: #283542;
    font-size: 16px;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

.custom-select {
    font-size: 16px;
    border-radius: 0;
    border: solid 1px #ccc;
    padding: 10px;
    height: 50px;
    color: #283542;
    background: transparent;
}

.custom-select-dts {
    position: relative;
}

.custom-select-dts:after {
    content: '\f107';
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    z-index: 1;
    background: #D51130;
    font-family: 'Font Awesome 5 Pro', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 16px;
    top: 0;
    pointer-events: none;
    transition: all ease-in-out .5s;
}

.custom-select-dts:hover:after {
    background: #a60d25;
}

input[type=radio]:checked + label {
    color: #283542;
}

.custom-select:focus {
    border-color: #ccc;
    outline: 0;
    box-shadow: none;
}

.custom-control-label:checked {
    font-weight: 600 !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #a60d25;
    background-color: #D51130;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 0;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #ccc;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #888;
    border-color: #888;
}

.custom-control-inline {
    border: solid 1px #ccc;
    padding: 12px 20px 12px 40px;
    margin-right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.custom-control-label {
    font-weight: 400;
    font-size: 16px;
    color: #888;
}

.animated-form-group {
    position: relative;
    word-break: normal !important;
}

.animated-form-group label {
    position: absolute;
    top: 13px;
    left: 15px;
    width: 100%;
    color: #888;
    transition: 0.2s all;
    cursor: text;
    font-weight: 400;
    font-size: 16px;
}

.animated-form-group .active-label {
    font-size: 12px;
    top: 3px;
    color: #888;
}

.animated-form-group .form-control {
    padding-top: 23px;
}

.animated-form-group .form-control:focus, .animated-form-group .form-control:active {
    padding-top: 23px;
}

/* Change autocomplete styles in WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    background: #fff !important;
}

.input-group-text {
    background-color: #fff;
    color: #283542;
    border: none;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #D51130;
    background-color: #D51130;
}

.custom-control-label::before {
    border-color: #ccc;
}

.text-muted strong, .text-muted .fa-ul li, .text-muted p, .text-muted {
    font-size: 14px;
}

.text-muted p {
    line-height: 20px;
}

/* Anmelden */
label {
    font-weight: 600;
}

.form-group a {
    font-size: 16px;
}

/* Warenkorb */
.cart span {
    font-size: 14px;
}

.cart .fa-ul li {
    font-size: 14px;
    line-height: 24px;
}

.subtotal {
    color: #189724;
    font-weight: 600;
    font-size: 18px !important;
}

.subtotal span {
    font-size: 18px;
}

.cart h4 {
    font-size: 14px;
    line-height: 20px;
}

.total {
    font-size: 18px;
    font-weight: 600;
}

@media screen and (min-width: 475px) {
    .total {
        font-size: 21px;
    }
}

.total-price {
    font-size: 18px;
    font-weight: 600;
    color: #189724;
}

@media screen and (min-width: 475px) {
    .total-price {
        font-size: 21px;
    }
}

small {
    font-size: 14px;
}

small a {
    font-size: 14px;
    text-decoration: underline !important;
}

small span {
    font-size: 14px;
}

small .fa-ul {
    margin-top: -10px !important;
}

small ul {
    line-height: 24px;
}

small li {
    font-size: 14px;
    font-weight: 400;
}

small i {
    color: #189724 !important;
}

/* Modal Shipping */
.modal-header {
    border-bottom: 1px solid #ccc;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.modal-footer {
    border-top: 1px solid #ccc;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.modal-content {
    border: none;
    border-radius: 0;
}

.modal-backdrop {
    background-color: #283542;
}

.modal-backdrop.show {
    opacity: 0.78 !important;
}

/* Zahlarten */

.amex-toggle:after, .mastercard-toggle:after, .visa-toggle:after, .giropay-toggle:after, .sepa-toggle:after, .paypal-toggle:after {
    background: url("../img/payment/american_express.png") no-repeat;
    background-color: white;
    min-width: 60px;
    max-width: 60px;
    height: 35px;
    background-position: center !important;
    border: solid 1px #ededed;
    background-size: 60px !important;
    content: "";
    align-self: flex-start;
}

.mastercard-toggle:after {
    background: url("../img/payment/mastercard.png") no-repeat;
    background-size: contain !important;
}

.visa-toggle:after {
    background: url("../img/payment/visa.png") no-repeat;
}

.giropay-toggle:after {
    background: url("../img/payment/giropay.png") no-repeat;
    background-size: contain !important;
}

.paypal-toggle:after {
    background: url("../img/payment/paypal.png") no-repeat;
    background-size: contain !important;
}

.sepa-toggle:after {
    background: url("../img/payment/sepa_lastschrift.png") no-repeat;
}


/* Header & Footer*/
.headerLinks {
    font-size: 14px;
}

.headerLinks i {
    font-size: 14px;
}

.headerLinks a:hover, .headerLinks a:active, .headerLinks a:focus, .headerLinks i:hover, .headerLinks i:active, .headerLinks i:focus {
    color: #a60d25;
}

.brand-logo {
    max-width: 100%;
    width: 185px;
}

.brand-color {
    color: #D51130;
}

footer {
    border-top: solid 1px #ccc;
}

footer .container {
    margin-top: 0;
}

.nav-footer {
    flex-wrap: wrap;
}

.nav-footer img {
    margin-top: 10px;
}

.nav-footer a {
    font-size: 14px;
    color: #D51130;
}

.nav-footer a:hover, .nav-footer a:active, .nav-footer a:focus {
    color: #a60d25;
}

.nav-footer h3, .nav-footer strong {
    font-size: 14px;
    margin-bottom: 0;
}

.nav-footer p {
    font-size: 14px;
    line-height: 20px;
}

.nav-footer .nav-footer-item .nav-link {
    padding: 0 1rem .1rem 1rem;
}

@media screen and (min-width: 992px) {
    .nav-footer .nav-footer-item .nav-link {
        padding: 0 20px;
    }
}

.nav-footer .nav-footer-item .nav-link:first-child {
    padding-left: 0;
}

/* Datepicker */
.datepicker.dropdown-menu {
    box-shadow: none !important;
    border: 1px solid #ccc !important;
    border-radius: 0 !important;
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled],
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled],
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] {
    background-color: #D51130 !important;
    border-radius: 0 !important;
}

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover,
.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover,
.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover {
    background-image: linear-gradient(to bottom, #D51130, #D51130) !important;
    text-shadow: none !important;
    border-color: #a60d25 !important;
    border-radius: 0 !important;
}

.datepicker td, .datepicker th {
    border-radius: 0 !important;
}

.datepicker table tr td.new, .datepicker table tr td.old,
.datepicker table tr td span.new, .datepicker table tr td span.old {
    color: #ccc !important;
    border-radius: 0 !important;
}

.datepicker table tr td.day.focused, .datepicker table tr td.day:hover,
.datepicker table tr td span.focused, .datepicker table tr td span:hover {
    background: #ededed !important;
    border-radius: 0 !important;
}

/* Alerts & Messages */
.text-success {
    color: #189724 !important;
}

.text-danger, .invalid-feedback {
    color: #D51130 !important;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #D51130;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23c1004d' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
}

.text-warning {
    color: #ffc200 !important;
}

.alert {
    margin-bottom: 20px;
    border-radius: 0;
}

.alert span {
    font-size: 16px;
}

.alert-success {
    color: #fff;
    background-color: #189724;
    border: none;
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: #189724;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23189724' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}

.valid-feedback {
    color: #189724;
}

.alert-danger {
    color: #fff;
    background-color: #D51130;
    border: none;
}


.text-danger a {
    color: #455B72 !important;
}

.alert-warning {
    color: #fff;
    background-color: #ffc200;
    border: none;
}

.alert-info {
    border: none;
}

.alert-light {
    border: none;
}

.text-info {
    color: #0c5460 !important;
}

.close {
    text-shadow: none;
    opacity: 1;
}

.alert-dismissible .close {
    padding: 9px 1.25rem;
    color: #fff !important;
}

#fb-login-button {
    background-color: #4267b2;
    color: #fff;
}

#fb-login-button .fb-svg-icon {
    width: 24px;
    height: 24px;
}

@media print {
    a[href]:after {
        content: none !important;
    }

    .payments .amex, .payments .visa, .payments .sepa, .payments .giropay, .payments .mastercard,
    .custom-radio .custom-control-input:checked ~ .custom-control-label::after,
    .btn, .checkout-breadcrumb-item.active, .checkout-breadcrumb-item.visited {
        -webkit-print-color-adjust: exact !important;
    }

    a:not(.btn) {
        text-decoration: none !important;
    }

    .nav-item .nav-link {
        font-size: 16px !important;
    }

    .card-box {
        page-break-inside: avoid !important;
    }

    .alert-info {
        border: solid 1px #ccc;
    }

    .card-box .fa-edit, .card-box .fa-print, .card-box .fa-trash-alt, .card-box .fa-plus-circle {
        display: none !important;
    }
}

.expiry-countdown i {
    color: inherit;
}

.card-box-divider {
    margin: 2em -20px;
    border-top: 1px solid #ccc;
}

/* Breadcrump */
.breadcrumb-checkout {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    border: 1px solid #d51130;
}

.breadcrumb-item-checkout {
    background: #D51130;
    color: #fff;
    flex-grow: 1;
    text-align: center;
    padding: 10px 20px;
}

.breadcrumb-item-checkout:last-child {
    padding-right: 21px;
}

@media screen and (max-width: 991px) {
    .breadcrumb-item-checkout {
        padding: 10px;
        border-right: solid 1px white;
    }

    .breadcrumb-item-checkout:last-child {
        border-right: none;
        padding-right: 10px;
    }
}

.breadcrumb-item-checkout a {
    color: #fff;
}


.breadcrumb-item-content-checkout, .breadcrumb-item-content-checkout a {
    position: relative;
    display: flex;
    justify-content: center;
}

@media screen and (min-width: 992px) {

    .breadcrumb-item-content-checkout:after,
    .breadcrumb-item-content-checkout:before {
        content: "";
        position: absolute;
        top: -10px;
        width: 0;
        height: 0;
        border: 1px solid white;
        border-width: 22px 18px;
    }

    .breadcrumb-item-content-checkout:before {
        border-color: #d51130;
        border-left-color: transparent;
        right: 100%;
    }

    .breadcrumb-item-content-checkout:after {
        border-left-color: #d51130;
        left: 100%;
    }

    .breadcrumb-item-checkout:last-of-type .breadcrumb-item-content-checkout:after {
        display: none;
    }

    .breadcrumb-item-checkout:first-of-type .breadcrumb-item-content-checkout:before {
        display: none;
    }

    .breadcrumb-item-checkout:last-of-type .breadcrumb-item-content-checkout {
        margin-right: 0;
    }
}

.step-complete::after {
    font-family: 'Font Awesome 5 Pro', sans-serif;
    font-size: 16px;
    content: '\f058';
    padding-left: 5px;
    font-weight: 600;
}

/* Breadcrump active Point */

.breadcrumb-item-checkout.active.link, .breadcrumb-item-checkout.active {
    background: #fff;
}

.breadcrumb-item-checkout.active.link a, .breadcrumb-item-checkout.active {
    color: #d51130;
}

.breadcrumb-item-checkout.active.link span, .breadcrumb-item-checkout.active span {
    font-weight: 600;
}

@media screen and (min-width: 992px) {
    .breadcrumb-item-checkout.active.link .breadcrumb-item-content-checkout:before,
    .breadcrumb-item-checkout.active .breadcrumb-item-content-checkout:before {
        border-color: white;
    }

    .breadcrumb-item-checkout.active.link .breadcrumb-item-content-checkout:after,
    .breadcrumb-item-checkout.active.link .breadcrumb-item-content-checkout:before,
    .breadcrumb-item-checkout.active .breadcrumb-item-content-checkout:after,
    .breadcrumb-item-checkout.active .breadcrumb-item-content-checkout:before {
        border: 1px solid white;
    }
}