/* zFlex/flexTextBox.css */

/* flexTextBox */
table.dxeTextBoxSys .flex-textbox  {
    height: inherit; /* fix aspxTextBox */
}

textarea.flex-textbox {
    padding-top: 4px;
}

.flex-textbox {
    height: 34px;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    padding-right:7px;
    padding-left:7px;
    transition: border 0.2s ease 0s;
    outline: none;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

    .flex-textbox[readonly="readonly"] { /* disabled state */
        background-color: gainsboro;
        border: solid 1px #d1d1d1 !important;
    }

.flex-textbox:focus,
.flex-textbox.dxeFocused_Material {
    border: 1px solid #373737;
    /*box-shadow: 0 0 6px #cdd2d4;*/
}

/* ASPxTextBox */
.dxeValidStEditorTable .dxeCaptionCell_Material {
    color: #373737;
    font-size: 14px;
    padding-bottom:5px !important;
}

.dxeValidStEditorTable .dxeRequiredMark_Material {
   color: red;
}

.dxeTextBoxSys.flex-textbox {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ASPxMemo */
.dxeMemoSys {
    border-radius: 3px;
}

.dxeMemoEditAreaSys {
    box-sizing: border-box !important;
}
.dxeMemoSys.flex-textbox {
    padding: 0; /* Use default ASPxMemo paddings. Not flex-textbox paddings. */
}

/* Editors Disabled state*/
.dxeDisabled_Material,
.dxeEditArea_Material.dxeDisabled_Material {
    color: #373737;
    background-color: gainsboro !important;
}

/* fix disabled checkbox */
.dxeBase_Material.dxeDisabled_Material.dxeTAR {
    background-color: transparent !important;
    color: #888888;
}
    .dxeBase_Material.dxeDisabled_Material.dxeTAR label[disabled="disabled"] {
        color: #888888;
    }

/* ASPxDateEdit and ASPxComboBox */
.flexDateEdit .dxeButtonEditButtonHover_Material,
.flexDateEdit .dxeButtonEditButtonPressed_Material,
.flexDateEdit .dxeButtonEditButton_Material,
.flexComboBox .dxeButtonEditButtonHover_Material,
.flexComboBox .dxeButtonEditButtonPressed_Material,
.flexComboBox .dxeButtonEditButton_Material {
    background-color: transparent !important;
}

.dxeButtonEditButton_Material.dxeButtonEditClearButton_Material,
.dxeButtonEditButton_Material.dxeButtonEditClearButton_Material:hover,
.dxeButtonEditButton_Material.dxeButtonEditClearButtonHover_Material,
.dxeButtonEditButton_Material.dxeButtonEditClearButton_Material:focus,
.flexDateEdit .dxeButtonEditClearButton_Material,
.flexDateEdit .dxeButtonEditClearButton_Material:hover
.flexDateEdit .dxeButtonEditClearButton_Material:focus,
.flexComboBox .dxeButtonEditClearButton_Material,
.flexComboBox .dxeButtonEditClearButton_Material:hover,
.flexComboBox .dxeButtonEditClearButton_Material:focus {
    background-color: none;
    padding-left: 1px;
    margin-top: 5px;
    margin-left: -25px;
}

.flexComboBox.dxeFocused_Material,
.dxeMemoEditArea_Material.dxeFocused_Material,
.dxeMemoEditArea_Material:focus,
.flexDateEdit.dxeFocused_Material {
    border: 1px solid #373737;
    /*box-shadow: 0 0 6px #cdd2d4; no shadow - designer said so*/
}

.flexDateEdit,
.flexComboBox {
    transition: border 0.2s ease 0s;
    /*height: 34px;*/ /*editform controls fix*/
}

    .dxeReadOnly_Material, /* for spinEdit and other */
    .dxeReadOnly_Material .dxeEditArea_Material,
    .flexDateEdit.dxeReadOnly_Material,
    .flexComboBox.dxeReadOnly_Material,
    .flexDateEdit.dxeReadOnly_Material input,
    .flexComboBox.dxeReadOnly_Material input {
        background-color: gainsboro;
    }
        .dxeReadOnly_Material.dxeFocused_Material,  /* for spinEdit and other */
        .flexComboBox.dxeReadOnly_Material.dxeFocused_Material,
        .flexDateEdit.dxeReadOnly_Material.dxeFocused_Material {
            border: solid 1px #d1d1d1 !important;
            box-shadow: none;
        }

    .flexDateEdit td.dxic,
    .flexComboBox td.dxic {
        padding: 6px 7px 6px 7px !important;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
        height: 32px;
    }

.flexComboBoxNarrow td.dxic {
    padding: 3px 7px 3px 7px !important;
    height: 26px;
}

.flexComboBoxNarrow img {
    margin-top: 4px !important;
}

/* common dropdown list */
.dxpcDropDown_Material .dxeListBoxItemSelected_Material {
    color: #373737;
    background-color: #eeeeee !important;
}
.dxpcDropDown_Material .dxeListBoxItemHover_Material {
    color: #373737;
    background-color: #f5f5f5 !important;
}
.dxpcDropDown_Material .dxeListBoxItemHover_Material.dxeListBoxItemSelected_Material {
    color: #373737;
    background-color: #e5e5e5 !important;
}

/* error styles */
.error.flex-textbox,
.error.flexDateEdit {
    background: #fff2f2 !important;
    border: 1px solid #ee0000 !important;
}
.error.flexDateEdit input,
.error.flex-textbox input,
.error.flex-textbox textarea {
    background: #fff2f2 !important;
}
.error.flex-textbox:focus {
    box-shadow: 0 0 6px #ec9488;
}
/* /error styles */