body {
    background-color: #180048;
    color: white;
}

.table-cheapest {
    --bs-table-bg: #aae2d4;
}

.table-expensive {
    --bs-table-bg: #ffabb2;
}

.input-selector .btn-outline-secondary {
    background-color: #f484fa;
    color: black;
    border-color: black;
    --bs-btn-padding-x: 1.0rem;
}

.form-control-lg {
    padding: 0px;
    text-align: center;
}

mark {
    background-color: #f484fa;
}

.mybox {
    border-radius: 1.2rem;
    color: white;
    border: 0.2rem solid rgb(88, 64, 255);
    background-color: #100030;
}

/* For WebKit-based browsers (Chrome, Safari, Opera) */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* For Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

[v-cloak] {
    display: none;
}

.nav-pills .nav-link {
    color: white !important;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: rgb(88, 64, 255) !important;
}

@media screen and (max-width: 390px) {
    .input-selector .btn-outline-secondary {
        --bs-btn-padding-x: 5% !important;
    }

    label {
        font-size: 10px !important;
    }

    table {
        font-size: 10px !important;
    }
}