/* ================================
   GLOBAL
================================ */
.k-widget,
.k-button,
.k-input,
.k-textbox,
.k-dropdownlist,
.k-picker {
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
    font-size: 13px;
}

/* ================================
   BUTTONS (Old flat gray style)
================================ */
.k-button {
    background: #f5f5f5;
    border: 1px solid #c5c5c5;
    color: #333;
    border-radius: 2px;
}

    .k-button:hover {
        background: #e6e6e6;
    }

    .k-button.k-primary {
        background: #428bca;
        border-color: #357ebd;
        color: white;
    }

/* ================================
   INPUTS / DROPDOWNS
================================ */
.k-input,
.k-textbox,
.k-picker,
.k-dropdownlist {
    border: 1px solid #c5c5c5;
    border-radius: 2px;
    background: white;
}

    .k-input:focus,
    .k-textbox:focus {
        border-color: #428bca;
    }

/* ================================
   GRID
================================ */
.k-grid {
    border-color: #c5c5c5;
}

.k-grid-header {
    background: #f5f5f5;
}

    .k-grid-header th {
        background: #f5f5f5;
        color: #333;
        border-color: #c5c5c5;
        font-weight: bold;
    }

.k-grid-content td {
    border-color: #e0e0e0;
}

.k-grid tr.k-alt {
    background-color: #fafafa;
}

.k-grid tr:hover {
    background-color: #f0f0f0;
}

/* ================================
   WINDOW / DIALOG
================================ */
.k-window-titlebar {
    background: #f5f5f5;
    border-bottom: 1px solid #c5c5c5;
}

.k-window {
    border-radius: 3px;
    border-color: #c5c5c5;
}

/* ================================
   TABSTRIP
================================ */
.k-tabstrip-items .k-item {
    background: #f5f5f5;
    border-color: #c5c5c5;
}

    .k-tabstrip-items .k-item.k-active {
        background: white;
    }

/* ================================
   PANELBAR
================================ */
.k-panelbar{
    line-height:20px!important;
}
.k-panelbar .k-item > .k-link {
    background: #f5f5f5;
    border-bottom: 1px solid #c5c5c5;
}
    .k-panelbar > .k-panelbar-header > .k-link {
        background-color: #8d8585;
        border-block-color: #c5c5c5;
        line-height: 20px;
    }

.k-hover, .k-selected {
    background-color: #8d8585 !important;
    border-block-color: #c5c5c5;
}
.k-panelbar *, .k-panelbar *::before, .k-panelbar *::after {
    box-sizing: border-box;
  
}

.k-panelbar .k-panelbar-content {
    font-weight: bold;
    /*border: 2px solid black;*/
}
/* ================================
   CHECKBOX / RADIO
================================ */
.k-checkbox,
.k-radio {
    border-color: #c5c5c5;
}

/* ================================
   TOOLBAR
================================ */
.k-toolbar {
    background: #f5f5f5;
    border-color: #c5c5c5;
}

/* ================================
   POPUPS
================================ */
.k-popup {
    border-color: #c5c5c5;
}

/* ================================
   SCROLLBARS / LISTS
================================ */
.k-list {
    background: white;
}

    .k-list .k-item:hover {
        background: #f0f0f0;
    }