.dxeLoadingDiv {
    background: White;
    opacity: 0.85;
    filter: alpha(opacity=85);
    cursor: wait;
}

.dxeLoadingDivWithContent {
    background: White;
    opacity: 0.01;
    filter: alpha(opacity=1);
}

.dxeLoadingPanel {
    font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #303030;
}

.dxeLoadingPanelWithContent {
    font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #303030;
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
}

    .dxeLoadingPanel td.dx,
    .dxeLoadingPanelWithContent td.dx {
        white-space: nowrap;
        text-align: center;
        padding: 12px 12px 12px 12px;
    }

.dxlpLoadingDiv {
    background-color: #777777;
    opacity: 0.3;
    filter: progid:DXImageTransform.Microsoft.Alpha(Style=0, Opacity=70);
}
.dxlpLoadingPanel {
    border: 0;
    margin: auto auto auto -50px;
    position: fixed!important;
    left: 50%!important;
    top: 50%!important;
    right: 50%!important;
    bottom: 50%!important;
    width: 100px!important;
    height: 100px!important;
    z-index: 3000!important;
    background-color: transparent!important;
    border: 0!important;
}
.dxeReadOnly {
}

.dxeBase {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}
/* -- ErrorFrame -- */
.dxeErrorCell, .dxeErrorCell td {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: Red;
}

.dxeErrorCell {
    padding-left: 4px;
    padding-right: 5px;
}

.dxeErrorFrameWithoutError {
    border: 1px solid Red;
}

    .dxeErrorFrameWithoutError .dxeControlsCell {
        padding: 2px;
    }

.Date .dxeEditArea {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    border: 1px solid #A0A0A0;
    height: 20px!important;
}
/* -- ValidationSummary -- */

.dxvsValidationSummary {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: Red;
}

    .dxvsValidationSummary td.dxvsRC {
        vertical-align: top;
        padding: 2px 5px 4px 6px;
    }

    .dxvsValidationSummary .dxvsE {
    }

    /* ValidationSummary - Header */

    .dxvsValidationSummary table.dxvsHT {
        width: 100%;
    }

    .dxvsValidationSummary td.dxvsH {
        padding: 2px 0 2px 0;
    }

    /* ValidationSummary - Hyperlink */

    .dxvsValidationSummary a.dxvsHL,
    .dxvsValidationSummary a.dxvsHL:visited {
        color: red;
    }

    .dxvsValidationSummary a.dxvsHL {
        text-decoration: none;
        border-bottom: 1px dashed #f70;
    }

        .dxvsValidationSummary a.dxvsHL:hover {
            color: #f70;
        }

    /* ValidationSummary - Table Layout */

    .dxvsValidationSummary table.dxvsT {
    }

    .dxvsValidationSummary tr.dxvsE {
    }

    .dxvsValidationSummary td.dxvsETC {
        padding: 2px 0;
    }

    /* ValidationSummary - List Layout */

    .dxvsValidationSummary ul.dxvsL {
    }

    .dxvsValidationSummary ol.dxvsL {
    }

    .dxvsValidationSummary li.dxvsE {
        padding: 2px 0;
    }

/* -- Buttons -- */
.dxeButtonEditButton, .dxeCalendarButton,
.dxeSpinIncButton, .dxeSpinDecButton,
.dxeSpinLargeIncButton, .dxeSpinLargeDecButton {
    vertical-align: middle;
    cursor: pointer;
}

    .dxeButtonEditButton, .dxeCalendarButton, .dxeButtonEditButton td.dx, .dxeCalendarButton td.dx,
    .dxeSpinIncButton, .dxeSpinDecButton, .dxeSpinLargeIncButton, .dxeSpinLargeDecButton,
    .dxeSpinIncButton td.dx, .dxeSpinDecButton td.dx, .dxeSpinLargeIncButton td.dx, .dxeSpinLargeDecButton td.dx {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        text-align: center;
        white-space: nowrap;
    }

.Date .dxeButtonEditButton,.Date .dxeButtonEditButton_PlasticBlue,
.dxeSpinIncButton, .dxeSpinDecButton, .dxeSpinLargeIncButton, .dxeSpinLargeDecButton {
    padding: 0px 2px 0px 3px!important;
    background-image: none!important;
    background-color: white!important;
    border: 0!important;
}

.dxeSpinIncButton {
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtSpinIncBtnBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #F0F0F0;
}

.dxeSpinDecButton {
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtSpinDecBtnBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #E6E6E6;
}

    .dxeButtonEditButton table.dxbebt,
    .dxeSpinIncButton table.dxbebt, .dxeSpinDecButton table.dxbebt,
    .dxeSpinLargeIncButton table.dxbebt, .dxeSpinLargeDecButton table.dxbebt {
        width: 10px;
    }

.dxeCalendarButton {
    font-size: 8pt;
    background-repeat: repeat-x;
    background-position: top;
    background-color: #e5e5e5;
    padding: 4px 11px;
    padding-top: 3px;
    width: 32px;
}

    .dxeCalendarButton td.dx {
        font-size: 8pt;
        text-align: center;
        white-space: nowrap;
    }

    .dxeCalendarButton table.dxbebt {
        width: 100%;
    }


.Date {
    width: 100%!important;
    border: 1px solid #dadada !important;
    background-color: #fff;
    height: 25px;
    padding: 2px 25px 2px 10px;
    border-radius: 0;
    font-family: arial;
    font-size: 13px;
    min-width: 50px !important;
    max-width: 270px!important;
}
.Date td {
    padding: 0px 2px 0px 1px!important;
}
    .Date .dxeEditArea {
        background-color: white;
    }

    .Date .dxeEditArea, .Date td.dxic {
        width: 100%;
    }
        .Date .dxeEditArea:focus {
            border-color: #66afe9;
            outline: 0;
            -webkit-box-shadow:  0 1px 1px #66afe9, 0 0 8px #66afe9;
            box-shadow:  0 1px 1px #66afe9, 0 0 8px #66afe9
        }
    .Date td.dxic {
        padding: 0px 2px 0px 1px;
    }

    .Date .dxeIIC img {
        padding-left: 3px;
    }

.dxeTextBox, .dxeMemo {
    background-color: white;
    border: solid 1px #9f9f9f;
}

    .dxeTextBox td.dxic {
        padding: 1px 2px;
        width: 100%;
    }

    .dxeTextBox .dxeEditArea {
        background-color: white;
    }

.dxeRadioButtonList {
    border: Solid 1px #9F9F9F;
}

    .dxeRadioButtonList, .dxeRadioButtonList table {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 8pt;
    }

        .dxeRadioButtonList td.dxe {
            padding: 7px 5px 6px 11px;
        }

        .dxeRadioButtonList label {
            margin-right: 6px;
        }

/* -- Memo -- */
.dxeMemo {
}

.dxeMemoEditArea {
    background-color: white;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.dxeMemo td {
    padding: 0 0 0 4px;
    width: 100%;
}

/* -- Hyperlink -- */
.dxeHyperlink {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #0d45b7;
}

a.dxeHyperlink:hover {
    color: #5494ea;
}

a.dxeHyperlink:visited {
    color: #ab59a6;
}

/* -- ListBox -- */
.dxeListBox {
    background-color: white;
    border: solid 1px #A0A0A0;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    width: 70px;
    height: 109px;
}

    .dxeListBox div.dxlbd {
        padding-top: 1px;
        padding-bottom: 1px;
        height: 107px;
    }

.dxeListBoxItemRow {
    cursor: default;
}

.dxeListBoxItem {
    border-left: solid 1px white;
    border-right: solid 1px white;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    padding: 3px 2px 4px 3px;
    white-space: nowrap;
    text-align: left;
    color: Black;
    font-weight: normal;
}

    .dxeListBoxItem em {
        background: none repeat scroll 0 0 #CFCFCF;
        color: #333333;
        font-weight: bold;
        font-style: normal;
    }

.dxeListBox td.dxeI, .dxeListBox td.dxeIM, .dxeListBox .dxeHIC,
.dxeListBox td.dxeFTM, .dxeListBox td.dxeTM,
.dxeListBox td.dxeC, .dxeListBox td.dxeCM, .dxeListBox td.dxeHCC, .dxeListBox td.dxeMI, .dxeListBox td.dxeMIM {
    border-right-width: 0px!important;
}

.dxeListBox td.dxeCM, .dxeListBox td.dxeHCC {
    width: 25px;
}

.dxeListBox td.dxeIM {
    width: 0;
}

.dxeListBox td.dxeT {
    width: 100%;
    padding-left: 0px!important;
}

.dxeListBox td.dxeT, .dxeListBox td.dxeMI {
    border-left-width: 0px!important;
}

.dxeListBox td.dxeFTM, .dxeListBox td.dxeTM, .dxeListBox td.dxeLTM,
.dxeListBox .dxeHFC, .dxeListBox .dxeHC, .dxeListBox .dxeHLC {
    overflow: hidden;
}

.dxeListBox td.dxeFTM, .dxeListBox td.dxeTM,
.dxeListBox .dxeHFC, .dxeListBox .dxeHC {
    padding-right: 6px!important;
}

.dxeListBox td.dxeLTM, .dxeListBox td.dxeTM,
.dxeListBox .dxeHC, .dxeListBox .dxeHLC {
    padding-left: 6px!important;
}
/*Grid lines*/
.dxeListBox td.dxeLTM, .dxeListBox td.dxeTM, .dxeListBox td.dxeMIM {
    border-left: 1px solid #cfcfcf !important;
}

.dxeListBox td.dxeIM, .dxeListBox td.dxeFTM, .dxeListBox td.dxeTM, .dxeListBox td.dxeLTM,
.dxeListBox td.dxeCM, .dxeListBox td.dxeMIM {
    border-bottom: solid 1px #cfcfcf;
}

.dxeListBoxItemSelected /* inherits dxeListBoxItem */ {
    color: White;
    background-color: #A0A0A0;
}

.dxeListBoxItemHover /* inherits dxeListBoxItem */ {
}

    .dxeListBoxItemHover em, .dxeListBoxItemSelected em {
        background: none;
    }

/*Header*/
.dxeListBox .dxeHD {
    background-color: #dcdcdc;
    border-bottom: solid 1px #A0A0A0;
}

.dxeListBox .dxeHC, .dxeListBox .dxeHLC, .dxeListBox td.dxeHMIC {
    border-left: solid 1px #A0A0A0;
}

.dxeListBox .dxeHIC, .dxeListBox .dxeHFC, .dxeListBox .dxeHCC {
    border-left: 1px solid #dcdcdc;
}

.dxeListBox .dxeHFC, .dxeListBox .dxeHC, .dxeListBox .dxeHMIC {
    border-right-width: 0;
}

.dxeListBox .dxeHLC {
    border-right: solid 1px #dcdcdc;
}

/* -- Calendar -- */
.dxeCalendar {
    border: solid 1px #9f9f9f;
    background-color: White;
    color: Black;
    font-weight: normal;
    cursor: default;
}

    .dxeCalendar td.dxMonthGrid {
        padding: 8px 20px;
    }

    .dxeCalendar td.dxMonthGridWithWeekNumbers {
        padding: 5px 20px 8px 8px;
    }

.dxeCalendarDayHeader {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    padding: 2px 4px 5px;
    border-bottom: solid 1px #cfcfcf;
}

.dxeCalendarWeekNumber {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    text-align: right;
    padding: 6px 8px 6px 4px;
    color: #bfbfbf;
}

.dxeCalendarDay {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    padding: 4px 6px;
    text-align: center;
}

.dxeCalendarWeekend /* inherits dxeCalendarDay */ {
    color: #c00000;
}

.dxeCalendarOtherMonth /* inherits dxeCalendarDay */ {
    color: #888;
}

.dxeCalendarOutOfRange /* inherits dxeCalendarDay */ {
    color: #d0d0d0;
}

.dxeCalendarSelected /* inherits dxeCalendarDay */ {
    color: White;
    background-color: #8d8d8d;
}

.dxeCalendarToday /* inherits dxeCalendarDay */ {
    padding: 3px 3px 2px;
    border: solid 1px #c00000;
}

.dxeCalendarHeader {
    background-color: #dcdcdc;
    border: solid 1px #c9c9c9;
    border-width: 1px 0;
    padding: 4px 7px;
}

    .dxeCalendarHeader td.dxe {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        text-align: center;
        cursor: pointer;
    }

.dxeCalendarFooter {
    background-color: #ededed;
    padding: 8px 0px;
    border-top: solid 1px #d6d6d6;
}

.dxeCalendarFastNav {
    color: Black;
    background: White;
    border: solid 1px #9f9f9f;
    border-bottom: 0px;
    padding: 12px 8px;
}

.dxeCalendarFastNavMonthArea {
    padding: 0px 9px;
}

.dxeCalendarFastNavYearArea {
}

.dxeCalendarFastNavFooter {
    color: Black;
    background-color: #ededed;
    padding: 8px 0px;
    border: solid 1px #9f9f9f;
    border-top: solid 1px #d6d6d6;
}

.dxeCalendarFastNavMonth, .dxeCalendarFastNavYear {
    font: normal 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: Black;
    padding: 3px 5px;
    text-align: center;
    cursor: pointer;
}

.dxeCalendarFastNavMonth {
    padding: 6px;
}

.dxeCalendarFastNavMonthSelected, .dxeCalendarFastNavYearSelected {
    color: White;
    background: #8d8d8d;
}

.dxeCalendarFastNavMonthHover, .dxeCalendarFastNavYearHover {
    color: Black;
    background: #e5e5e5;
    padding: 2px 4px;
    border: solid 1px #d6d6d6;
}

.dxeCalendarFastNavMonthHover {
    padding: 5px;
}
/* Disabled */
.dxeDisabled, .dxeDisabled td.dxe {
    color: #555;
    cursor: default;
}

a.dxeDisabled:hover {
    color: #acacac;
}

.dxeButtonDisabled, .dxeButtonDisabled td.dxe {
    border-color: #c3c3c3;
    color: #808080;
    cursor: default;
}
/* -- Button -- */
.dxbButton {
    color: #000000;
    font-weight: normal;
    font-size: 8pt;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    vertical-align: middle;
    border: solid 1px #7F7F7F;
    background: #E0DFDF url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtButtonBack.gif")%>') top;
    background-repeat: repeat-x;
    padding: 1px 1px 1px 1px;
    cursor: pointer;
}

.dxbButtonHover {
    color: #000000;
    background: #F2F2F2 url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtButtonHoverBack.gif")%>') top;
    background-repeat: repeat-x;
    border: solid 1px #606060;
}

.dxbButtonChecked {
    color: #FFFFFF;
    background-image: none;
    background-color: #8D8D8D;
}

.dxbButtonPressed {
    color: #000000;
    background-image: none;
    background-color: #D5D5D5;
}

.dxbButton div.dxb {
    padding: 3px 8px 4px 8px;
    border: 0px;
}

.dxbButton div.dxbf {
    padding: 2px 7px 3px 7px;
    border: dotted 1px black;
}

.dxbButton div.dxb table {
    color: #000000;
    font-size: 8pt;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.dxbButton div.dxb td.dxb {
    background-color: transparent!important;
    background-image: url('')!important;
    border-width: 0px!important;
    padding: 0px!important;
}
/* Disabled */
.dxbDisabled {
    border-color: #c3c3c3;
    color: #808080;
    cursor: default;
}

    .dxbDisabled td.dxb {
        color: #808080;
    }
/* -- FilterControl -- */
.dxfcTable {
    border-collapse: separate!important;
}

    .dxfcTable td.dxfc {
        padding: 0px 0px 0px 3px;
        vertical-align: middle;
        font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
        color: Black;
    }

a.dxfcPropertyName {
    white-space: nowrap!important;
    color: Blue!important;
}

a.dxfcGroupType {
    white-space: nowrap!important;
    padding: 0px 3px 0px 3px!important;
    color: Red!important;
}

a.dxfcOperation {
    white-space: nowrap!important;
    color: Green!important;
}

a.dxfcValue {
    white-space: nowrap!important;
    color: Gray!important;
}

.dxfcLoadingDiv {
    background: white;
    opacity: 0.01;
    filter: alpha(opacity=1);
}

.dxfcLoadingPanel {
    font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #303030;
    border: solid 1px #9F9F9F;
    background: white;
}

    .dxfcLoadingPanel td.dx {
        white-space: nowrap;
        text-align: center;
        padding: 12px 12px 12px 12px;
    }

.dxeMaskHint {
    background: #ffffe1;
    border: solid 1px black;
    padding: 2px 5px 3px;
    color: Black;
    font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* -- ProgressBar -- */
.dxeProgressBar {
    border: Solid 1px #696969;
    background-color: #FFFFFF;
}

    .dxeProgressBar, .dxeProgressBar td.dxe {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, Verdana, Arial;
        font-size: 8pt;
        color: Black;
    }

        .dxeProgressBar .dxePBMainCell, .dxeProgressBar td.dxe {
            padding: 0;
        }

.dxeProgressBarIndicator {
    background-color: #E0DFDF;
}

/* -- DropDownWindow -- */
.dxeDropDownWindow {
    background-color: white;
    border: solid 1px #9F9F9F;
}

/*----------------- ColorTable -----------------*/
.dxeColorIndicator {
    border: solid 1px #9F9F9F;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.dxeColorTable {
    background-color: #ffffff;
    border: solid 1px #9F9F9F;
}

    .dxeColorTable td.dx {
        padding: 4px 4px;
    }

.dxeColorTableCell {
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-right: 3px;
    cursor: pointer;
}

.dxeColorTableCellDiv {
    border: solid 1px #808080;
    width: 12px;
    height: 12px;
    font-size: 0px;
}

.dxeColorTableCellSelected {
    padding: 2px;
    background-color: #CBCBCB;
    border: solid 1px #888888;
}

.dxeColorTableCellHover {
    padding: 2px;
    background-color: #F2F2F2;
    border: solid 1px #888888;
}

/* -- Invalid Style -- */
.dxeInvalid {
}

    .dxeInvalid .dxeEditArea,
    .dxeInvalid .dxeMemoEditArea {
    }

/* -- Focused Style -- */
.dxeFocused {
    border: solid 1px #3d3d3d;
}

/* -- Null Text Style -- */
.dxeNullText .dxeEditArea,
.dxeNullText .dxeMemoEditArea {
    color: #818181;
}

/* -- Captcha -- */
.dxcaRefreshButton {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, Verdana, Arial;
    text-decoration: none;
    font-size: 10pt;
    color: #1e3695;
}

.dxcaDisabledRefreshButton {
    color: #acacac;
}

.dxcaRefreshButtonCell {
    padding-left: 4px;
}

.dxcaRefreshButtonText {
}

.dxcaDisabledRefreshButtonText {
}

.dxcaTextBoxCell {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, Verdana, Arial;
    font-size: 8pt;
}

.dxcaTextBoxCell, .dxcaTextBoxCellNoIndent {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, Verdana, Arial;
    font-size: 8pt;
}

    .dxcaTextBoxCell .dxeErrorCell {
    }

    .dxcaTextBoxCellNoIndent .dxeErrorCell {
        padding-left: 0px;
        padding-top: 4px;
        color: Red;
    }

.dxcaTextBoxLabel {
    padding-bottom: 4px;
    display: block;
}

.dxcaLoadingPanel {
    font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #303030;
}

    .dxcaLoadingPanel td.dx {
        white-space: nowrap;
        text-align: center;
        padding: 12px 12px 12px 12px;
    }

.Date .dxEditors_edtDropDown {
    display: none!important;
}

.Date .dxEditors_edtDropDownDisabled {
    display: none!important;
}

.Date .dxeButtonEditButton:before {
    content: "\f073";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    line-height: 20px;
    color: #428bca;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.Date .dxeButtonEditButton .dxbebt {
    display: none;
}

.Date .dxeButtonDisabled:before {
    color: #808080;
}

.Date .dxeButtonEditButton_PlasticBlue:before {
    content: "\f073";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    line-height: 20px;
    color: #428bca;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.Date .dxeButtonEditButton_PlasticBlue .dxbebt {
    display: none;
}

.dxheControl .dx>table {
    width: 100%!important;
    max-height: 350px;
}