.form {
    padding: 1em;
    border: 1px solid #f1f1f1;
    box-shadow: 0 4px 6px 0 rgba(22, 22, 26, 0.18);
}

@media only screen and (min-width: 768px) {
    .form {
        width: 50%;
    }
}

.form-select, .form-control {
    border: none;
    border-bottom: 1px solid #000000;
    border-radius: 0;
}

    .form-select:focus, .form-control:focus {
        box-shadow: none;
        border-bottom-color: #2196f3;
    }

        .form-select:focus + label, .form-control:focus + label {
            color: #2196f3;
        }

input[type="submit"] {
    color: #2196f3;
    border-color: #2196f3;
}

    input[type="submit"]:hover,
    input[type="submit"]:focus {
        color: #ffffff;
        background-color: #2196f3;
        outline: none;
        box-shadow: 0 4px 6px 0 rgba(22, 22, 26, 0.18);
    }

/* Material-style tabs */
.material-tabs {
    border-bottom: none;
    gap: 24px;
}

    .material-tabs .nav-link {
        border: none;
        background: transparent;
        color: #6c757d;
        font-weight: 500;
        padding: 12px 4px;
        position: relative;
    }

        .material-tabs .nav-link:hover {
            color: #0d6efd;
        }

        .material-tabs .nav-link.active {
            color: #0d6efd;
            background: transparent;
        }

            /* Animated underline (Material effect) */
            .material-tabs .nav-link.active::after {
                content: "";
                position: absolute;
                left: 0;
                bottom: -6px;
                width: 100%;
                height: 3px;
                background-color: #0d6efd;
                border-radius: 3px;
            }