/* DevExpress theme overrides */

/* ---------------------------------------------------------------------------------------
    TEXT BOX OVERRIDES 
   --------------------------------------------------------------------------------------- */

/* Normal state */
table.dxeTextBoxSys.dxeTextBox_Veracity {
    border-color: #3F4C5C !important;
    background-color: #FFFFFF !important;
}

    /* Hover state */
    table.dxeTextBoxSys.dxeTextBox_Veracity.dxeTextBoxHover {
        border-color: #D6561D !important;
        background-color: #FFF1E0 !important;
    }

        /* Input background on hover */
        table.dxeTextBoxSys.dxeTextBox_Veracity.dxeTextBoxHover input.dxeEditAreaSys {
            background-color: #FFF1E0 !important;
        }

    /* Override DevExpress runtime focus decoration */
    table.dxeTextBoxSys.dxeTextBox_Veracity.dxeFocused_Veracity {
        border-color: #D6561D !important;
        background-color: #FFF1E0 !important;
    }

        /* And the input inside it */
        table.dxeTextBoxSys.dxeTextBox_Veracity.dxeFocused_Veracity input.dxeEditAreaSys {
            background-color: #FFF1E0 !important;
        }

/* ---------------------------------------------------------------------------------------
    COMBO BOX OVERRIDES 
    "DevExpress ComboBoxes are notoriously the most stubborn control in the entire suite"
   --------------------------------------------------------------------------------------- */

/* border + background (normal) */
table.dxeButtonEditSys.dxeButtonEdit_Veracity {
    border-color: #3F4C5C !important;
    background-color: #FFFFFF !important;
}

    /* Focused ComboBox input cell */
    table.dxeButtonEditSys.dxeButtonEdit_Veracity.dxeFocused_Veracity td.dxic {
        background-color: #FFF1E0 !important;
    }

    /* Focused ComboBox input element */
    table.dxeButtonEditSys.dxeButtonEdit_Veracity.dxeFocused_Veracity input.dxeEditAreaSys {
        background-color: #FFF1E0 !important;
    }

    /* default button state */
    table.dxeButtonEditSys.dxeButtonEdit_Veracity td.dxeButton {
        background-color: #D6461D !important;
        color: #FFFFFF !important;
        border-left: 1px solid #3F4C5C !important;
    }

        /* hover button state */
        table.dxeButtonEditSys.dxeButtonEdit_Veracity td.dxeButton:hover {
            background-color: #1C1919 !important;
            color: #FFFFFF !important;
        }

/* Selected Item color */
.dxeListBoxSys .dxeListBoxItemSelected {
    background-color: #D6461D !important;
    color: #FFFFFF !important;
}

    /* hovered item color */
    .dxeListBoxSys .dxeListBoxItemHover {
        background-color: #FFF1E0 !important;
        color: #1C1919 !important;
    }

/* Force white arrow always */

/* Force ComboBox arrow to use custom PNG */
td.dxeButton img.dxEditors_edtDropDown_Veracity {
    content: url('../App_Themes/Veracity/Editors/dropdown-arrow.png') !important;
}
/*
table.dxeButtonEditSys.dxeButtonEdit_Veracity td.dxeButton .dxeButtonEditButton {
    background-position: -342px -186px !important;
    width: 10px;
    height: 10px;
}
    */

/* Normal items in dropdown */
.dxeListBoxItem_Veracity {
    color: #1C1919 !important;
    background-color: #FFFFFF !important;
}

/* Selected item in dropdown */
.dxeListBoxItemSelected_Veracity,
.dxeListBoxItemRow_Veracity.dxeListBoxItemSelected_Veracity td {
    background-color: #D6461D !important;
    color: #FFFFFF !important;
}

/* Hovered item in dropdown */
.dxeListBoxItemHover_Veracity,
.dxeListBoxItemRow_Veracity.dxeListBoxItemHover_Veracity td {
    background-color: #1C1919 !important;
    color: #FFFFFF !important;
}

/* ---------------------------------------------------------------------------------------
    CALENDAR OVERRIDES 
   --------------------------------------------------------------------------------------- */

/* Normal calendar days */
.dxeCalendarDay_Veracity {
    color: #1C1919 !important;
}
/* Selected calendar day */
.dxeCalendarSelected_Veracity,
.dxeCalendarSelected_Veracity td {
    background-color: #1C1919 !important;
    color: #FFFFFF !important;
    border: 1px solid #1C1919 !important;
}

/* Hovered calendar day */
.dxeCalendarDayHover_Veracity,
.dxeCalendarDayHover_Veracity td {
    background-color: #1C1919 !important;
    color: #FFFFFF !important;
    border: 1px solid #1C1919 !important;
}

.dob-wrapper {
    border: 1px solid #FFFFFF; /* normal border */
    border-radius: 0px;
    width: 170px; /* or whatever you want */
}

    .dob-wrapper.veracity-focused {
        border-color: #D6561D !important;
        background-color: #FFF1E0 !important;
    }