﻿#menuform {
    color: #000000;
    background: #f6f6f6;
}

#menuform td.menuitems a {
    color: #990000 !important;
}

#menuform td.menuitems a:hover {
    color: #000000 !important;
}

#menutitle a {
    color: black;
}

.field-header {
    color: #eeeeee !important;
    background-color: #660000 !important;
    font-weight: 700;
}

tr.field-header th a {
    color: #eeeeee !important;
}

a.field-header:hover, a.field-header:focus, button.field-header:hover, button.field-header:focus {
    background-color: #dae0e5 !important;
}

#formContainer .dx-widget {
    color: black;
    font-size: 14px;
}

#formContainer .dx-widget .dx-texteditor-container {
    padding: 4px 4px;
}

#dataGridContainer .dx-header-row, #dataGridContainer2 .dx-header-row {
    color: black;
    background-color: pink;
    font-weight: 700;
}

#dataGridContainer .dx-widget, #dataGridContainer2 .dx-widget {
    color: black;
    font-size: 13px;
}

#dataGridContainer .dx-datagrid-header-panel, #dataGridContainer2 .dx-datagrid-header-panel {
    color: black;
    background-color: #eeeeee;
    padding-top: 5px;
    padding-bottom: 5px;
}

#dataGridContainer .dx-datagrid-table, #dataGridContainer2 .dx-datagrid-table {
    font-size: 13px;
    font-family: Roboto, "Segoe UI", Arial, sans-serif;
    color: black !important;
}

#dataGridContainer .cell-icon {
    width: 38px;
    height: 26px;
    margin: auto;
    border: 1px solid grey;
    border-radius: 5px;
}

#dataGridContainer .badge-coin {
    background: #F1B374 url('images/iconAC.png') center center no-repeat;
}

#dataGridContainer .badge-member {
    background: #DA83C9 url('images/iconMember.png') center center no-repeat;
}

#dataGridContainer .badge-staff {
    background: #FFFF00 url('images/iconStaff.png') center center no-repeat;
}

#dataGridContainer .dx-checkbox-checked .dx-checkbox-icon {
    border: 10px solid #ddf;
}

#dataGridContainer .dx-datagrid .dx-datagrid-header-panel {
    position: sticky;
    top: 0;
    z-index: 1001;
}

#dataGridContainer .dx-datagrid .dx-datagrid-headers {
    position: sticky;
    top: 40px;
    z-index: 1002;
}

#dataGridContainer .dx-datagrid-columns-separator {
    z-index: 1099;
}

#btnSaveButton:not(.dx-state-disabled) {
    background-color: lightgreen;
}

#btnRevert:not(.dx-state-disabled) {
    background-color: orange;
}


.form-main .form-control, .form-main option, .form-main select {
    color: black !important;
    background-color: white !important;
}

.form-main label {
    margin-bottom: 0.15rem;
    font-size: 0.70rem;
    text-transform: uppercase;
    font-weight: 600;
}
