@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');

/* Filament */
html {
    font-family: DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,
    Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji !important;
}

@media (min-width: 1700px) {
    .fi-sidebar.fi-sidebar-open .fi-sidebar-header button.fi-icon-btn {
        display: none !important;
    }
    .fi-sidebar-header div {
        @apply lg:ml-0 justify-center !important;
    }
    .fi-sidebar {
        padding: 1rem !important;
    }
    .fi-sidebar.fi-sidebar-open .sidebar-date {
        display: flex !important;
    }
}
.fi-sidebar {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.filament-resources-iws-bestellingen .filament-tables-header {
    display: none;
}
.filament-resources-iws-bestellingen .filament-forms-field-wrapper .border {
    @apply border-0 !important;
}
.filament-resources-iws-bestellingen .filament-forms-field-wrapper .px-4 {
    @apply px-0 !important;
}
.filament-resources-iws-bestellingen .filament-table-repeater {
    @apply mx-0;
}

/*.filament-resources-verkooporders a:has(.filament-tables-icon-column) {*/
/*    @apply justify-center !important;*/
/*}*/

/* Apex */
/*.apexcharts-toolbar {*/
/*    z-index: 9 !important;*/
/*}*/
.apexcharts-datalabel-value {
    fill: rgb(55, 61, 63) !important;
}
.dark .apexcharts-datalabel-value {
    fill: rgb(246, 247, 248) !important;
}
.dark .apexcharts-menu.apexcharts-menu-open {
    background-color: rgb(31 41 55);
    border-color: rgb(55 65 81);
}
.dark .apexcharts-menu-item:hover {
    background-color: rgb(55 65 81) !important;
}
.dark .apexcharts-toolbar:hover, .dark .apexcharts-legend-text {
    color: white !important;
}
.dark .apexcharts-tooltip, .dark .apexcharts-tooltip-title, .dark .apexcharts-xaxistooltip {
    background-color: rgb(31 41 55) !important;
    color: white;
}

/* Kleuren */
.text-orange {
    color: #f04116;
}
.bg-profimart {
    background-color: #f8991d;
}
.text-profimart {
    color: #f8991d;
}

/*!* Modal *!*/
/*.modal-content p {*/
/*    margin-bottom: 1.25em;*/

/*}*/
/*.modal-content h3 {*/
/*    @apply font-semibold text-xl mt-6 mb-2.5;*/
/*}*/

/* Hub */
.hub {
    font-family: 'Poppins', sans-serif;
    cursor: default !important;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}
.hub .dagscore {
    font-size: 25rem;
}
@media(min-height:1050px) {
    .hub .dagscore {
        font-size: 30rem;
    }
    .hub .tv-margin {
        @apply -my-20;
    }
    .hub .tv-text-2xl {
        @apply text-2xl;
    }
    .hub .tv-text-3xl {
        @apply text-3xl;
    }
    .hub .tv-text-8xl {
        @apply text-8xl;
    }
    .hub .tv-text-xl {
        @apply text-xl;
    }
    .hub .tv-bottom {
        @apply bottom-2.5;
    }
}

/* Colors */
.bg-soer {
    background-color: #97d700 !important;
}
.bg-soer-dark {
    background-color: #709F00 !important;
}
.text-soer {
    color: #97d700;
}
.ring-soer {
    --tw-ring-color: #97d700 !important;
}
.bg-zeromix {
    background-color: #005da9 !important;
}
.bg-zeromix-dark {
    background-color: #014a85 !important;
}
.text-zeromix {
    color: #005da9;
}
.ring-zeromix {
    --tw-ring-color: #005da9 !important;
}
.bg-iws {
    background-color: #edd013 !important;
}
.ring-iws {
    --tw-ring-color: #edd013 !important;
}
.ring-monta {
    --tw-ring-color: #009fe3 !important;
}