@media(max-width:991px) {
    div.form-group.row label.col-form-label {
        text-align: left;
        font-weight: bold;
    }
}

@media(min-width:992px) {
    div.form-group.row label.col-form-label {
        text-align: right;
        font-weight: bold;
    }
}

.card-tight div.form-group.row label.col-form-label {
    text-align: right;
}

.nav.nav-tabs > li.disabled {
    pointer-events: none;
}

    .nav.nav-tabs > li.disabled > a {
        color: silver;
    }

.card.disabled {
    pointer-events: none;
}

    .card.disabled > a {
        color: silver;
    }

@supports (height: min-intrinsic) {
    /* CSS specific to iOS devices */
    .img-fluid {
        width: 100%;
        height: min-intrinsic;
    }
}

@supports not (height: min-intrinsic) {
    /* CSS for other than iOS devices */
    .img-fluid {
        width: 100%;
        height: auto;
    }
}