#checkout {
    float: none;
    margin: auto;
    max-width: var(--monad-checkout-max-width, 1400px);
}

.checkoutTitle {
    clear: both;
}
.monad-checkout > .monad-checkout-panel {
    padding-top: 0;
}
.monad-nav-checkout > ul > li {
    display: block;
}

.monad-nav-checkout ul li a, .monad-nav-checkout ul li span {
    display: inline-block;
    padding: var(--monad-nav-padding, .4em 1em);
    color: var(--monad-nav-color);
    border: var(--monad-nav-border);
    background: var(--monad-nav-background);
    position: relative;
    overflow: visible;
}

    .monad-nav-checkout ul li a:enabled:hover {
        color: var(--monad-nav-color-hover);
        background: var(--monad-nav-background-hover);
        border: var(--monad-nav-border-hover);
    }

    .monad-nav-checkout ul li a.checkoutLinkActive {
    }

        .monad-nav-checkout ul li a.checkoutLinkActive:hover {
            
        }

        .monad-nav-checkout ul li a.checkoutLinkInactive, .monad-nav-checkout ul li a.checkoutLinkInactive:hover {
            color: var(--monad-nav-color-disabled, #cccccc);
            border: var(--monad-nav-border);
            background: var(--monad-nav-background);
            cursor: default;
        }

    .monad-nav-checkout ul li a.checkoutLinkHighlight, .monad-nav-checkout ul li a.checkoutLinkHighlight:hover {
        background: var(--monad-nav-background-selected);
        color: var(--monad-nav-color-selected);
        border: var(--monad-nav-border-selected);
        cursor: default;
    }

.paymentButton {
    margin-bottom: 0.2em;
}

@media screen and (max-width: 767px) {


    .monad-nav-checkout ul li a, .monad-nav-checkout ul li span {
        width: 100%;
        padding: .4em 1.0em;
    }

}