html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.summary-total {
    color: black;
    font-weight: bold;
    font-size: 16px;
}

.dx-datagrid-headers .dx-header-row {
    background-color: #333333;
    color: white;
}

.dx-group-row {
    background-color: #333333;
    color: white;
    font-weight: bold;
}

.bold-column {
    font-weight: bold;
}

.dx-group-row {
    background-color: #D1FFBD !important;
    color: black !important;
    font-weight: bold !important;
}

.dx-datagrid .dx-header-row .dx-datagrid-text-content {
    color: white !important;
}

input[type="week"] {
    background-color: #007A33 !important;
    color: white !important;
}

input[type="date"] {
    background-color: #007A33 !important;
    color: white !important;
}

    input[type="week"]::-webkit-calendar-picker-indicator {
        filter: invert(1); /* makes it white */
        opacity: 1;
    }


.dx-datagrid-rowsview .dx-row.warning-row > td {
    background-color: #ffe0e0 !important; /* light red, pick any color */
}

/* GLOBAL: Applies to ALL DevExtreme SelectBoxes */

    /* Outlined mode editor style */
    .dx-selectbox .dx-texteditor.dx-editor-outlined {
        border-radius: 12px;
        background-color: #ffffff;
        box-shadow: 0 8px 18px rgba(0,0,0,0.18);
        border-color: transparent;
    }

    /* Bigger input text */
    .dx-selectbox .dx-texteditor-input {
        padding: 12px 14px;
        font-size: 16px;
        font-weight: 500;
    }

    /* Bigger floating label */
    .dx-selectbox .dx-label {
        font-size: 14px;
        font-weight: 600;
    }

    /* Dropdown list styling */
    .dx-selectbox .dx-dropdowneditor-overlay .dx-list {
        border-radius: 0 0 12px 12px;
        font-size: 16px;
    }

#kt_aside .menu-link:not(.active) .menu-icon i,
#kt_aside .menu-link:not(.active) .menu-title {
    color: #ffffff;    
}

#kt_aside .menu-link.active {
    background-color: #ffffff;
    border-radius: 6px;
    margin: 2px 8px;
    position: relative;
}

#kt_header {
    background-color: #007A33;
    color: #ffffff; /* base text color */
}

/* Everything rendered in the header title/partial area */
#kt_header_title_area,
#kt_header_title_area * {
    color: #fff !important;
}

    #kt_header_title_area .svg-icon svg,
    #kt_header_title_area .svg-icon svg path {
        fill: #fff !important;
    }

/* INACTIVE menu items: normal weight */
#kt_aside .menu-link:not(.active) .menu-title {
    font-weight: 400; /* normal */
}

/* ACTIVE menu item: bold */
#kt_aside .menu-link.active .menu-title {
    font-weight: 600;
}