@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');

* {
    font-family: "Onest", serif;
}

span.icon-btn-text {
    display: inline-block;
    margin-left: 5px;
}

select.form-control {
    -webkit-appearance: auto !important;
    appearance: auto !important;
}

.btn-primary a, .btn-outline-primary a {
    color: #0d6efd;
    text-decoration: none;
}

.btn-outline-primary:hover a {
    color: white;
    text-decoration: none;
}

.login-page {
    background-image: url("../assets/images/login-background.png");
    background-size: cover;
}

.btn-vs {
    --bs-btn-padding-x: 5px;
    --bs-btn-padding-y: 0;
}

.align-right {
    text-align: right !important;
}

.grey-text {
    color: #9a9a9a;
}

.bold {
    font-weight: bold !important;
}

.payment-method-active {
    border: 1px solid #55BF24 !important;
    background-color: #DCFEE9 !important;
}

.hidden {
    display: none !important;
}

.item-btn-1 {
    height: 100px;
}

.item-btn-2 {
    height: 200px;
}

.item-btn-3 {
    height: 300px;
}

.break-inside {
    page-break-inside: auto !important;
    break-inside: auto !important;
}

.no-break-before {
    page-break-before: avoid !important;
    break-before: avoid !important;
}

.break-before {
    page-break-before: always !important;
    break-before: always !important;
}

.break-after {
    page-break-after: always !important;
    break-after: always !important;
}

.no-break-after {
    page-break-after: avoid !important;
    break-after: avoid !important;
}

@media print {
    .app-main {
        z-index: 9999;
    }

    .app-sidebar, .navbar, .app-footer, .breadcrumb, .noprint, button {
        display: none !important;
    }
}