﻿html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: #edebeb;
}

/*seems to be the title of the windw*/
div.k-window-titlebar {
    background-color: #edebeb;
}
/*seems to affect the middle content section */
.k-window-content {
    background-color: #edebeb;
}
/*no affect yet*/
.k-prompt-window-container {
    background-color: #edebeb;
}
/*seems to be the footer of the windw*/
.k-actions-horizontal {
    background-color: #edebeb;
}
/*seems to affect the middle of the window*/
.k-window {
    background-color: #edebeb;
}
.k-button-solid-base {
    /*background-color: antiquewhite;*/
    background-color: white !important; /*#b8bdbf*/
    border-color: silver !important;
    color: black;
}
.k-button:hover, .k-button:focus {
    background-color: #427360;/* aqua;*/
}
.k-button-solid-primary {
    background-color: white !important; /*#b8bdbf*/
    border-color: silver !important;
    /*background-color: antiquewhite;*/
    color: black;
    border-color: silver;
}
.k-checkbox {
    border-width:1px;
    border-block-color:black;
}
/*added the section below content 08/19/2023*/
    .k-checkbox:checked, .k-checkbox.k-checked {
        background-color: #427360;
        border-color: #427360;
        border-style: solid;
        border-width: 0.2rem;
    }
/*for the date picker*/
.k-button-solid-base.k-selected {
    background-color: #427360;
    border-color: #427360;
}
/*for the date picker first of the month*/
.k-calendar .k-calendar-td.k-selected:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected:hover .k-link, .k-calendar .k-calendar-td.k-selected.k-hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected.k-hover .k-link {
    background-color: #427360;
    border-color: #427360;
}
/*date picker whne not hovering*/
.k-button-flat-primary {
    background-color: #427360 !important;
    border-color: #427360 !important;
    color: white !important;
}

.k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected .k-link {
    background-color: #427360 !important;
    border-color: #427360 !important;
    color: white !important;
}

.k-calendar .k-calendar-view .k-today {
    color: #blue !important;
}
/*The two items below are the grid rows selected back ground color*/
.k-grid td.k-selected, .k-grid .k-table-row.k-selected > td, .k-grid .k-table-td.k-selected, .k-grid .k-table-row.k-selected > .k-table-td {
    background-color: #eeedce; /*brand highlight color*/
}
.k-master-row.k-table-row.k-selected td.k-grid-content-sticky, .k-master-row.k-table-row.k-selected .k-table-td.k-grid-row-sticky, .k-master-row.k-table-row td.k-grid-content-sticky.k-selected, .k-master-row.k-table-row .k-table-td.k-grid-content-sticky.k-selected {
    background-color: #eeedce; /*brand highlight color*/
}
.k-list-item.k-selected  {
    color: white;
    background-color: #6c858c;
}
.k-list-item.k-selected, .k-selected.k-list-optionlabel {
    color: white;
    background-color: #6c858c;
}
    .k-selected.k-list-optionlabel:hover {
        color: white;
        background-color: #6c858c;
    }
