﻿.otp-root {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
}

    .otp-root .otp-ordertype-link {
        display: block;
        flex-grow: 1;
        flex-shrink: 0;
        text-align: center;
        padding: 0.5rem;
        background-color: white;
        color: #737373;
        border-bottom: 0.25rem solid transparent;
    }

        .otp-root .otp-ordertype-link:hover {
            background-color: #FAFAFA;
        }

        .otp-root .otp-ordertype-link[data-selected='true'] {
            color: #183792;
            border-bottom: 0.25rem solid #183792;
        }

    .otp-root .otp-ordertype-icon {
        font-family: bmicons;
        font-size: 2rem;
        margin-bottom: 0.2rem;
    }

    .otp-root .otp-ordertype-name {
        font-size: 0.9rem;
    }