.app-wrapper {
    max-width: 2560px;
    margin-left: auto;
    margin-right: auto;
}


.form-control:focus,
.form-select:focus {
    box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0.15);
}

.navbar-logo {
    height: 32px;
    width: auto;
    object-fit: contain;
}

@media (max-width: 768px) {
    .navbar-logo {
        height: 28px;
    }
}


.btn-xs {
    padding: .125rem .25rem;
    font-size: .75rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.field-validation-error {
    color: var(--bs-danger);
    font-size: .875rem;
    font-weight:600;
}

.validation-summary-errors ul {
    padding-left: 0;
}

    .validation-summary-errors ul li {
        list-style: none;
        color: var(--bs-danger);
        font-size: 1.25rem;
        text-align: center;
    }

        .validation-summary-errors ul li::before {
            content: "\f33a";
            font-family: "bootstrap-icons";
            color: var(--bs-danger);
            margin-right: .5rem;
        }


.toast {
    min-width: 300px;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,.15);
    animation: slideIn 0.4s ease-out;
}

@keyframes slideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.choices__inner {
    min-height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    border-radius: 0.375rem;
    border: 1px solid #dee2e6;
    background-color: #fff;
}

.choices[data-type*="select-multiple"] .choices__inner {
    padding-bottom: 0.375rem;
}

.choices__list--multiple .choices__item {
    background-color: #0d6efd;
    border: none;
}