body {
    font-family: Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif !important;
}

.litepicker {
    font-size: 14px !important;
}

/* .datagrid-content {
    font-size: 1.0rem;
    font-weight: 650;
    color: #4e545a;
} */
.datagrid-5{
    --tblr-datagrid-item-width: 5rem !important;
}
.datagrid-10 {
    --tblr-datagrid-item-width: 10rem !important;
}
.ti {
    margin-right: 5px;
    color: #1e293b;
    font-size: 1.25em;
}

ti::before {
    margin-bottom: 2px;
}

.modal-blur {
    backdrop-filter: blur(4px) brightness(60%);
}

.offcanvas-blur {
    backdrop-filter: brightness(60%);
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.partyTextHolder {
    border: #206bc4;
}

#spinner {
    font-size: 32px;
    color: #206bc4;
    animation-name: spin;
    animation-duration: 800ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    bottom: 32px;
    left: 32px;
    position: fixed;
    z-index: 999999999 !important;
    /* transform: rotate(3deg); */
    /* transform: rotate(0.3rad);/ */
    /* transform: rotate(3grad); */
    /* transform: rotate(.03turn);  */
}

#spinner {
    opacity: 0;
    transition: opacity 500ms ease-in;
}

.htmx-request#spinner {
    opacity: 1
}

.htmx-request#spinner {
    opacity: 1
}




.colored-toast.swal2-icon-success {
    background-color: #a5dc86 !important;
}
.colored-toast .swal2-title {
    color: white;
}

.colored-toast .swal2-close {
    color: white;
}

.colored-toast .swal2-html-container {
    color: white;
}

.colored-toast.swal2-icon-warning {
    background-color: #f8bb86 !important;
}

.page-wrapper {
    min-height: calc(100vh - 56px);
}

.td-flex {
    display: flex;
    align-items: center;
}

.ti-24 {
    height: 24px !important;
    width: 24px !important;
    font-size: 1rem;
    padding-left: 5px;
}

.ti-24::before {
    font-size: 1.25rem;
}


.form-selectgroup {
    margin: 0;
}

.form-selectgroup-item {
    margin-bottom: 0 !important;
}

form {
    margin-block-end: 0 !important;
}

.page-header {
    flex-wrap: nowrap;
}

.asteriskField {
    color: red;
    font-weight: bold;
}
.asteriskField:before {
    content: " ";
}

.select2-container--open {
    z-index: 999999999;
}





.gray-bg {
    background-color: #c0c0c0;
}





/* IN CAZ CA FACE FIGURI INALTIMEA SELECTURILOR */
/* .select2-selection__rendered {
    line-height: calc(1.5em + 1rem + 2px) !important;
}

.select2-container .select2-selection--single {
    height: calc(1.5em + 1rem + 2px) !important;
}

.select2-selection__arrow {
    height: calc(1.5em + 1rem + 2px) !important;
} */


.select2-selection__rendered {
    line-height: 40px !important;
}

.select2-container .select2-selection--single {
    height: 40px !important;
}

.select2-selection__arrow {
    height: 40px !important;
}

.select2-selection, .select2-dropdown, .select2-search__field {
    border-color: rgb(230,231,233) !important;
}

.select2-search__field:focus {
    border-color: #90b5e2;
    outline: 0;
    /* box-shadow: 0 0 0 0.25rem rgb(32 107 196 / 25%); */
}

.select2-container:focus-visible {
    outline: none !important;
}
.select2-selection:focus-visible {
    outline: none !important;
}

.swal2-title {
    line-height: 1em;
    margin: 0.25em !important;
}

.commentsContainer {
    max-height: 50vh;
    overflow-y: auto;
}


.page-link:hover {
    cursor: pointer;
}


.input-group>.select2-container--default {
    flex: 1 1 auto;
    width: unset;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.input-group .select2-selection--single {

    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;    
}

.input-group .btn-append {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -1px;
}

.select2-container--closed {
    width: 100% !important;
}

.input-group>.select2-container--default {
    width: auto !important;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    border-color: var(--tblr-btn-border-color);
}

.floatingContainer {
    position: fixed;
    bottom: 50px;
    right: 5%;

    background-color: #fff;
    padding: 10px;
    border-radius: var(--tblr-border-radius)!important;
}

html {
    scroll-behavior: auto !important;
}

/* .djangoselect2input {
    visibility: hidden !important;
}

.djangoselect2input:disabled {
    visibility: visible !important;
} */

.select2-container--default {
    max-height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    height: 40px !important;
}


.select2-container--default:has(.select2-selection--multiple) {
    max-height: none;
}

body:has(.offcanvas-blur) {
    overflow: hidden;
}


.nav-item i {
    font-size: 20px !important;
}





.page-center {
    justify-content: center;
}

.offcanvas-half {
    width: 100vw !important;
}

@media (min-width: 992px) {
    .offcanvas-half {
        width: 50vw !important;
    }
}

.offcanvas-full {
    width: 100vw !important;
}

.offcanvas .select2-container--open .select2-dropdown--below {
    transform: translateX(-1px)
}

.product-card {
    width: 100%;
    border-radius: 0.983rem;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) {
    .product-card {
        width: 45%;
    }
}

@media (min-width: 1200px) {
    .product-card {
        width: 30%;
    }
}

.meal-day-product-holder {
    border-radius: 8px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}

.plusminus {
    font-size: 1.2rem; 
    text-decoration: none !important;
}

.input-group-text:has(.plusminus):hover {
    filter: brightness(0.95);
}

.cart-input {
    text-align: center;
    width: 3rem !important;
}

.cart-input::-webkit-outer-spin-button,
.cart-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.swal2-html-container {
    font-weight: 600 !important;
}

.category-card-body {
    background-position: center;
    background-size: contain;
}

.date-filter select {
    width: auto;
}

a:has(i) i::before {
    position: relative;
    top: 2px;
}