/* zFlex/flexTextBox.css */

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

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

.HintMessTextbox__class
{
    width:100%;  
    height: 60px !important;  
}

.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"],
    .flex-textbox[disabled="disabled"] { /* disabled state */
        background-color: #f3f3f3 !important;
        border: solid 1px #d1d1d1 !important;
        color: #888888;
    }

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

/* placeholder text color*/
    .flex-textbox::placeholder {
        color: #bbbbbb;
        opacity: 1;
    }

    .flex-textbox[readonly="readonly"]::placeholder {
        color: #888888;
        opacity: 1;
    }

    .flex-textbox[disabled="disabled"]::placeholder {
        color: #888888;
        opacity: 1;
    }

/* 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: #888888;
    background-color: #f3f3f3 !important;
}

.dxscLabelCell .dxeDisabled_Material {
    background-color: inherit !important;
}

/* fix disabled checkbox */
.dxeBase_Material.dxeDisabled_Material.dxeTAR {
    background-color: transparent !important;
    color: #888888;
}
    .dxeBase_Material.dxeDisabled_Material.dxeTAR .dxWeb_edtCheckBoxUnchecked_Material {
       background-position: -219px -148px !important;
    }

    .dxeBase_Material.dxeDisabled_Material.dxeTAR label[disabled="disabled"] {
        color: #888888;
    }

    .dxflCheckBoxWithTextItemSys .dxeReadOnly_Material {
        background-color: transparent !important;
        filter: grayscale(1);
        opacity: 0.8;
    }
/* 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;
}

.flexComboBox.dxeFocused_Material,
.flexDateEdit.dxeFocused_Material {
    border: 1px solid #373737 !important;
    /*box-shadow: 0 0 6px #cdd2d4;*/
}

.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,
    .dxeMemo_Material.dxeReadOnly_Material textarea {
        background-color: #f3f3f3 !important;
        color:#888888;
    }

    .dxflCheckBoxWithTextItemSys .dxeReadOnly_Material {
        background-color: transparent !important;
        filter: grayscale(1);
        opacity: 0.8;
    }
        .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;
}

/* dropdown list with checkboxes fix #44821 */
.dxpcDropDown_Material .dxeListBoxItemSelected_Material.dxeC,
.dxpcDropDown_Material .dxeListBoxItemSelected_Material.dxeT {
    color: #373737;
    background-color: transparent !important;
}
.dxeListBoxItemSelected_Material .dxWeb_edtCheckBoxChecked_Material {
    background-position: -133px -188px;
    width: 18px;
    height: 18px;
}

.dxeBase_Material.dxeDisabled_Material.dxeTAR .dxWeb_edtCheckBoxChecked_Material {
    background-position: 0px -188px !important;
    width: 18px;
    height: 18px;
}

.dxpcLite_Material .dxpc-mainDiv.dxpc-shadow {
    -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

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

.RedItem .dxeListBoxItemHover_Material {
    color: red;
    background-color: #f5f5f5 !important;
}
.dxpcDropDown_Material .RedItem .dxeListBoxItemSelected_Material {
    color: red;
    background-color: #eeeeee !important;
}
.dxpcDropDown_Material .RedItem .dxeListBoxItemHover_Material {
    color: red;
    background-color: #f5f5f5 !important;
}
.dxpcDropDown_Material .RedItem .dxeListBoxItemHover_Material.dxeListBoxItemSelected_Material {
    color: red;
    background-color: #f3f3f3 !important;
}

.RedItem.flexComboBox .dxeEditAreaSys {
    color: red;
}


/* validator styles */
/* error styles */
.error.dxeErrorCell_Material.dxeErrorFrame_Material td{
    color: #f46242;
    font-size: 12px;
}
.error.dxeErrorFrameSys.dxeErrorCellSys {
    padding-top:5px;
}
.error.dxeErrorFrameWithoutError_Material table,
.error.dxeErrorFrame_Material .dxeInvalid_Material {
    border: 1px solid #f46242 !important;
}
.error .dxEditors_edtError_Material {
    background-image: url('../Icons/16x16/error_16.svg');
    background-position: 0px 0px;
}
.error.flex-textbox,
.error.dxeTokenBox,
.error.flex-dropdown,
.error.flexDateEdit {
    background-color: white !important;
    border: 1px solid #f46242 !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;*/
}
.dxeErrorCell_Material img,
.dxeErrorCell_Material .dx-acc-s {
    margin-right: 6px !important;
}
/* /error styles */
/* warning styles */
.warning.dxeErrorCell_Material.dxeErrorFrame_Material td{
    color: #ff6b00;
    font-size: 12px;
}
.warning.dxeErrorFrameSys.dxeErrorCellSys {
    padding-top:5px;
}
.warning.dxeErrorFrameWithoutError_Material table,
.warning.dxeErrorFrame_Material .dxeInvalid_Material {
    border: 1px solid #ff7a00 !important;
}
.warning .dxEditors_edtError_Material {
    background-image: url('../Icons/16x16/warning_16.svg');
    background-position: 0px 0px;
}
.warning.flex-textbox,
.warning.flexDateEdit {
    background: #fff !important;
    border: 1px solid #ff7a00 !important;
}
.warning.flexDateEdit input,
.warning.flex-textbox input,
.warning.flex-textbox textarea {
    background: #fff !important;
}
.warning.flex-textbox:focus {
    box-shadow: 0 0 6px #ec9488;
}
/* warning styles */
/* /validator styles */

/* #43086 - tooltip for counter */
    .numberOfSymbolsTooltip {        
        background-color: #5c5c5c;
        position:relative;
        top:0px;
        left:7px;
        border-radius:3px;
        padding-top:5px;
        padding-bottom:6px;
        padding-left:10px;
        padding-right:10px;        
        box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.3);    
    }
    .numberOfSymbolsTooltip::before {        
        background-color: #5c5c5c;
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        transform: translateX(-50%) translateY(-50%) rotate(45deg);
        top: 50%;
        left: 0%;
        box-shadow: 1px 1px 20px 0px rgba(0,0,0,0.3);
    }    
    .tooltipIncorrect{
        background-color: #ff8a00;
    }
    .tooltipIncorrect::before{
        background-color: #ff8a00;
    }

/* SpinEdit Buttons */
.dxeSpinDecButtonHover_Material .dxEditors_edtSpinEditDecrementImage_Material {
    background-position: -340px -411px;
    width: 9px;
    height: 9px;
}
.dxeSpinDecButtonPressed_Material .dxEditors_edtSpinEditDecrementImage_Material {
    background-position: -340px -411px;
    width: 9px;
    height: 9px;
}
.dxeSpinIncButtonHover_Material .dxEditors_edtSpinEditIncrementImage_Material {
    background-position: -423px -23px;
    width: 9px;
    height: 9px;
}
.dxeSpinIncButtonPressed_Material .dxEditors_edtSpinEditIncrementImage_Material {
    background-position: -423px -23px;
    width: 9px;
    height: 9px;
}
/* /SpinEdit Buttons */

/* new textbox styles */
.dxeNullText_Material .dxeEditArea_Material,
.dxeNullText_Material .dxeMemoEditArea_Material {
    color: #bbbbbb;
}
/* /new textbox styles */

/* caption margin */
.dxeCaptionCell_Material.dxeCLTSys,
.dxeCaptionCell_Material.dxeCLBSys {
    padding: 5px 0;
}
/* /caption margin */