input:-webkit-autofill::first-line,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    font-family: "Metropolis", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
}

.bg-primary {
    background-color: steelblue !important;
}

#wrapper #content-wrapper {
    background-color: steelblue;
}

.card {

    border-radius: 15px;
}

.card .card-header {
    font-weight: 500;
    font-weight: 700;
    color: steelblue !important;
    background-color: aliceblue;
}

.card-header:first-child {
    border-radius: 15px 15px 0px 0px;
}

.btn-lg {
    margin: 5px;
}

.btn-primary {
    color: white;
    background-color: steelblue;
    border-color: lightblue;
}

.btn-primary:focus {
    color: white;
    background-color: steelblue;
    border-color: lightblue;
    box-shadow: 0 0 0 0.2rem rgb(38 121 244 / 50%);
}

.btn-primary:hover {
    color: steelblue;
    background-color: aliceblue;
    border-color: steelblue;
}

.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active {
    color: white;
    border-color: lightblue;
    background-color: steelblue;
    background-image: linear-gradient(180deg, steelblue, aliceblue);
}

.form-control:focus {
    color: #687281;
    background-color: #fff;
    border-color: steelblue;
    outline: 0;
    box-shadow: 0 0 0 0.0625rem steelblue;
}

body {
    visibility: hidden;
}