:root {
    --OEM_Colour: #f0f;
    --OEM_Colour-opacity: #fed2d2ff;
}

.Header_bg {
    background-color: var(--OEM_Colour) !important;
}

.Header_bg_Opacity {
    background-color: var(--OEM_Colour-opacity) !important;
}

.dgHeaderStyle {
    background-color: var(--OEM_Colour) !important;
    font-size: 10px;
    font-family: Verdana;
    font-weight: bold;
    text-align: center;
    color: White;
}

.labeldata_MaroonBG {
    background-color: var(--OEM_Colour) !important;
    font-size: 10px;
    font-family: Verdana;
    text-align: left;
    color: White;
}

.dx-datagrid .dx-datagrid-headers tr:first-child {
    background-color: var(--OEM_Colour) !important;
    color: white !important;
}

.dx-datagrid .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    /*background-color: var(--OEM_Colour) !important;*/
    color: white !important;
}

.dx-datagrid .headerRow {
    background-color: var(--OEM_Colour) !important;
    color: white !important;
}

.dx-datagrid .dx-datagrid .dx-link,
.dx-datagrid .dx-datagrid .disabledRow.dx-state-hover .dx-link {
    background-color: var(--OEM_Colour) !important;
}

.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content {
    color: var(--OEM_Colour) !important;
}

.dx-calendar-navigator-previous-view.dx-button .dx-icon, .dx-calendar-navigator-previous-month.dx-button .dx-icon {
    color: var(--OEM_Colour) !important;
}

.dx-calendar-navigator-next-view.dx-button .dx-icon, .dx-calendar-navigator-next-month.dx-button .dx-icon {
    color: var(--OEM_Colour) !important;
}

.dx-datagrid .dx-header-filter-empty {
    color: rgba(255, 255, 255, .8) !important;
}
/*SystemConfigDWDReferences.aspx*/
.dxpcHeader {
    background-color: var(--OEM_Colour) !important;
}

/*SystemConfigDWDReferences.aspx*/
.dx-row.dx-column-lines.dx-header-row {
    background-color: var(--OEM_Colour) !important;
}

.borderBottomStyle {
    border-bottom: 3px solid var(--OEM_Colour) !important;
}

/*.dx-popup-title {
    background-color: var(--OEM_Colour) !important;
    border-bottom: 1px solid #ddd;
}*/

.groupClass {
    background-color: var(--OEM_Colour) !important;
    color: white;
    border-style: solid;
    border-width: thin;
    border-color: #d3d3d3;
    margin-top: 5px;
}

#loginAsDealerForm #devExtremeDataGrid a {
    color: var(--OEM_Colour) !important;
}

.colorStyle1 {
    color: var(--OEM_Colour) !important;
}

#divDetectedMultipleAccounts {
    border-bottom-color: var(--OEM_Colour) !important;
}

.borderColorStyle1 {
    background-color: var(--OEM_Colour) !important;
    width: 100%;
    color: white;
    font-size: 12px;
    font-weight: bold;
    font-family: Verdana;
    height: 20px;
    vertical-align: middle;
    padding-top: 6px;
    border: 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: 1px solid #8B8B8B;
    border-right: 1px solid #8B8B8B;
    border-bottom: 1px solid #8B8B8B;
    border-top: 1px solid #8B8B8B;
}

.borderColorStyle2 {
    background-color: var(--OEM_Colour) !important;
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-top: #000000 1px solid;
    BORDER-left: #000000 1px solid;
    BORDER-right: #000000 1px solid;
    border-collapse: collapse;
}

.KPIHeader {
    /*Gradient - start*/
    background: var(--OEM_Colour) !important;
    background: -moz-linear-gradient(left, var(--OEM_Colour) 30%, #ffffff 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(30%,var(--OEM_Colour)), color-stop(100%,#ffffff)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, var(--OEM_Colour) 30%,#ffffff 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, var(--OEM_Colour) 30%,#ffffff 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(left, var(--OEM_Colour) 30%,#ffffff 100%) !important; /* IE10+ */
    background: linear-gradient(to right, var(--OEM_Colour) 30%,#ffffff 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--OEM_Colour)', endColorstr='#ffffff',GradientType=1 ) !important; /* IE6-8 */
    /*Gradient - end*/
}

#footerdiv {
    position: fixed;
    width: 100%;
    height: 20px;
    left: 0;
    bottom: 0;
    /*Gradient - start*/
    background: var(--OEM_Colour); /* Old browsers */
    background: -moz-linear-gradient(left, var(--OEM_Colour) 30%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, var(--OEM_Colour) ), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, var(--OEM_Colour) 30%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, var(--OEM_Colour) 30%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, var(--OEM_Colour) 30%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to right, var(--OEM_Colour) 30%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--OEM_Colour)', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
    z-index: 999999;
}

input:checked + .slider {
    background-color: var(--OEM_Colour) !important;
}

.dx-tab.dx-tab-selected {
    background-color: var(--OEM_Colour) !important;
}

.dx-switch-on-value .dx-switch-handle::before {
    background-color: var(--OEM_Colour) !important;
}

.dx-switch-handle::before {
    background-color: var(--OEM_Colour) !important;
}

#chkExcludeBlanks .dx-checkbox-checked {
    color: var(--OEM_Colour) !important;
}

#chkExcludeBlanks .dx-checkbox-icon {
    color: var(--OEM_Colour) !important;
}

[aria-label='exportxlsx'] {
    background-color: var(--OEM_Colour) !important;
}