body {
    /*----------------- */
    /* Select */
    /* Checkbox */
    /* Radio */
    /* DateEdit */
    /* Gridview */
    /*----------------- */
}

    body .dxeButtonEditSys input.dxeEditArea {
        color: #2B388F;
        cursor: pointer !important;
    }

    body .dxeButtonEdit {
        font-family: 'Museo Sans', sans-serif;
        width: 100%;
        font-size: 14px;
        border: 1px solid #eaeaea;
        background: #fff;
        border-radius: 3px;
        margin-bottom: 0;
    }

    body .dxeButtonEditButton,
    body .dxeSpinLargeIncButton,
    body .dxeSpinLargeDecButton {
        background: #fff url(../img/icons/arrow-bottom-1.png) right 10px center no-repeat;
        border: none;
        padding: 0px 15px;
    }

        body .dxeButtonEditButton img,
        body .dxeSpinLargeIncButton img,
        body .dxeSpinLargeDecButton img {
            display: none;
        }


    body input[type="text"].dxeEditAreaSys {
        padding: 8px 10px;
    }

    body .select-2 input[type="text"].dxeEditAreaSys {
        font-size: 16px;
        padding: 11px 10px;
    }

    body .select-2 input[type="text"].dxeEditAreaSys {
        font-weight: 600;
    }

    body .select-3 input[type="text"].dxeEditAreaSys {
        color: #2B388F;
        text-transform: uppercase;
    }

    body .select-3 .dxeListBox table {
        font-size: 14px;
    }

    body .select-3 .dxeListBox .dxlbd {
        max-height: 126px;
    }

    body .select-3 .dxeDisabled.dxeButtonEdit,
    body .select-3 .dxeDisabled .dxeEditArea,
    body .select-3 .dxeDisabled .dxeButtonEditButton {
        background-color: #f6f6f6;
    }

    body .select-3 .dxeDisabled input[type="text"].dxeEditAreaSys {
        color: #a8a8a8;
    }

    body .select-3 .dxeDisabled .dxeButtonEditButton {
        background-image: url(../img/icons/arrow-bottom-2.png);
    }

    body .dxeListBox {
        border: 0;
        margin-bottom: 0;
    }

        body .dxeListBox div.dxlbd {
            padding-right: 0 !important;
            padding-bottom: 0 !important;
        }

        body .dxeListBox table {
            margin-bottom: 0;
        }

    body .dxeListBoxItem {
        color: #2B388F;
        padding: 4px 12px 4px 12px;
    }

    body .dxeListBoxItemSelected{
        color: #fff;
        background: #2B388F;
    }

    body .dxeListBoxItemHover {
        color: #fff;
        background: #4f60d3;
    }

    body .dxeListBox .dxlbd {
        height: auto !important;
        max-height: 112px;
    }

    body .dxeButtonEditSys td.dxic {
        padding: 2px 0px 1px 0px;
    }

    body .dxICheckBox {
        cursor: pointer;
    }

    body .dxWeb_edtCheckBoxUnchecked {
        width: 18px;
        height: 18px;
        background: url(../img/bg/checkbox-1.png) 0 -18px no-repeat;
    }

    body .dxWeb_edtCheckBoxChecked {
        width: 18px;
        height: 18px;
        background: url(../img/bg/checkbox-1.png) 0 0px no-repeat;
    }

    body span.dxichCellSys {
        margin-right: 5px;
    }

    body .dxeIRadioButton {
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-text-size-adjust: none;
        /* prevent webkit from resizing text to fit */
        -webkit-tap-highlight-color: transparent;
        /* prevent tap highlight color / shadow */
    }

    body .dxEditors_edtRadioButtonUnchecked {
        width: 18px;
        height: 18px;
        background: url(../img/bg/radio-1.png) 0 -18px no-repeat;
    }

    body .dxEditors_edtRadioButtonChecked {
        width: 18px;
        height: 18px;
        background: url(../img/bg/radio-1.png) 0 0px no-repeat;
    }

    body span.dxichCellSys {
        margin-right: 5px;
    }

    body .dxeCalendar {
        border: 0;
        margin-bottom: 0;
    }

    body .dxeCalendarHeader {
        /*background: #4a4a4a;*/
        padding: 10px 7px;
    }

        body .dxeCalendarHeader > table {
            margin-bottom: 0;
        }

    body .dxe span {
        font-family: 'Museo Sans', sans-serif;
        font-size: 14px;
        color: #000000; /*fff;*/
    }

    body .dxeCalendarHeader tr td.dxe:nth-child(1) {
        width: 10px;
        background: url(../img/icons/arrow-left-3.png) center center no-repeat;
        background-size: 11px;
    }

        body .dxeCalendarHeader tr td.dxe:nth-child(1) img {
            opacity: 0;
            visibility: hidden;
        }

    body .dxeCalendarHeader tr td.dxe:nth-child(3) {
        width: 10px;
        background: url(../img/icons/arrow-left-2.png) center center no-repeat;
        background-size: 6px;
    }

        body .dxeCalendarHeader tr td.dxe:nth-child(3) img {
            opacity: 0;
            visibility: hidden;
        }

    body .dxeCalendarHeader tr td.dxe:nth-child(5) {
        width: 10px;
        background: url(../img/icons/arrow-right-3.png) center center no-repeat;
        background-size: 6px;
    }

        body .dxeCalendarHeader tr td.dxe:nth-child(5) img {
            opacity: 0;
            visibility: hidden;
        }

    body .dxeCalendarHeader tr td.dxe:nth-child(7) {
        width: 10px;
        background: url(../img/icons/arrow-right-4.png) center center no-repeat;
        background-size: 11px;
    }

        body .dxeCalendarHeader tr td.dxe:nth-child(7) img {
            opacity: 0;
            visibility: hidden;
        }

    body .dxeCalendarFooter {
        background: #fff;
        padding: 8px 7px;
    }

        body .dxeCalendarFooter > table {
            margin-bottom: 0;
        }

    body .dxeCalendarButton,
    body .dxeColorEditButton {
        background: #2B388F;
        border: 0;
        border-radius: 2px;
        color: #fff;
        text-transform: uppercase;
        padding: 8px 10px;
    }

        body .dxeCalendarButton:hover,
        body .dxeColorEditButton:hover {
            background: #4a4a4a;
        }

    body .dxMonthGridWithWeekNumbers table {
        margin-bottom: 0;
    }

    body .dxeCalendarToday {
        border: 1px solid #2B388F;
        background: #fff;
    }

    body .dxeCalendarSelected {
        border: 0;
        background: #2B388F;
    }

    body .dxeCalendar td.dxMonthGridWithWeekNumbers {
        padding-top: 15px;
    }

    body .dxgvTitlePanel,
    body .dxgvTable caption {
        background: transparent;
        border-bottom: 0;
    }

    body .dxgvControl {
        background: transparent;
        border: 0;
        margin-bottom: 0;
    }

        body .dxgvControl table {
            margin-bottom: 0;
        }

        body .dxgvControl .col-header {
            padding: 20px 30px 20px 30px;
            margin-bottom: 0;
        }

    body .dxgvEditFormDisplayRow td.dxgv,
    body .dxgvDataRow td.dxgv,
    body .dxgvDataRowAlt td.dxgv,
    body .dxgvSelectedRow td.dxgv,
    body .dxgvFocusedRow td.dxgv {
        border-color: #eaeaea;
    }

    body .dxgvHeader {
        background: transparent;
        border-top: 1px solid #eaeaea !important;
        border-color: #eaeaea;
        padding: 20px 15px;
    }

        body .dxgvHeader td {
            font-family: 'Museo Sans', sans-serif;
            font-size: 14px;
            font-weight: 700;
            color: #212121;
        }

    body .dxgvFilterRow {
        background: #f8f8f8;
    }

        body .dxgvFilterRow td.dxgv {
            border-color: #eaeaea;
            padding: 5px 12px;
        }

        body .dxgvFilterRow .dxeTextBoxSys {
            display: block;
            width: 100%;
            height: 40px;
            background: #fff;
            border: 1px solid #eaeaea;
            font-family: 'Museo Sans', sans-serif;
            font-size: 14px;
            line-height: 40px;
            padding: 0 10px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            border-radius: 3px;
            padding: 8px 10px;
            color: #2B388F;
        }

            body .dxgvFilterRow .dxeTextBoxSys:focus {
                border-color: #2B388F;
            }

    body .dxgvDataRow td.dxgv,
    body .dxgvSelectedRow td.dxgv {
        font-family: 'Museo Sans', sans-serif;
        font-size: 14px;
        line-height: 20px;
        color: #212121;
        padding: 17px 15px;
    }

    body .dxgvSelectedRow {
        background: transparent;
    }

    body .dxGridView_gvDetailCollapsedButton,
    body .dxGridView_gvDetailExpandedButton {
        width: 15px;
        height: 15px;
        position: relative;
        top: 1px;
    }

    body .dxGridView_gvDetailCollapsedButton {
        background: url(../img/icons/plus-2.png) 0 0 no-repeat;
    }

    body .dxGridView_gvDetailExpandedButton {
        background: url(../img/icons/minus-1.png) 0 0 no-repeat;
    }

    body .dxpLite .dxp-summary,
    body .dxpLite .dxp-ellip {
        font-size: 14px;
        color: #a5a5a5;
        margin-top: 6px;
        margin-right: 65px;
        margin-bottom: 0;
    }

    body .dxp-button,
    body .dxp-num {
        margin: 0 3px;
    }

    body .dxpLite .dxp-num {
        display: block;
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 31px;
        text-align: center;
        color: #a5a5a5;
        border-radius: 15px;
        background: transparent;
        text-decoration: none;
        padding: 0;
    }

        body .dxpLite .dxp-num:hover {
            color: #fff;
            background: #2B388F;
        }

    body .dxp-num.dxp-current {
        color: #fff;
        background: #2B388F;
    }

    body .dxpLite .dxp-button .dxWeb_pPrev,
    body .dxpLite .dxp-button .dxWeb_pPrevDisabled,
    body .dxpLite .dxp-button .dxWeb_pNext,
    body .dxpLite .dxp-button .dxWeb_pNextDisabled {
        width: 30px;
        height: 30px;
        border-radius: 15px;
    }

    body .dxpLite .dxp-button .dxWeb_pPrev,
    body .dxpLite .dxp-button .dxWeb_pPrevDisabled {
        background-image: url(../img/icons/arrow-left-4.png);
        background-position: 8px 7px;
    }

        body .dxpLite .dxp-button .dxWeb_pPrev:hover {
            background-position: 8px -33px;
            background-color: #2B388F;
        }

    body .dxpLite .dxp-button .dxWeb_pNext,
    body .dxpLite .dxp-button .dxWeb_pNextDisabled {
        background-image: url(../img/icons/arrow-right-5.png);
        background-position: 9px 7px;
    }

        body .dxpLite .dxp-button .dxWeb_pNext:hover {
            background-position: 9px -33px;
            background-color: #2B388F;
        }

    body .dxp-button.dxp-disabledButton {
        opacity: 0.5;
    }

    body .dxgvPagerTopPanel,
    body .dxgvPagerBottomPanel {
        padding: 10px 30px;
    }

    body .dxgvStatusBar {
        border-top: 1px solid #eaeaea;
        border-bottom: 1px solid #eaeaea;
    }

        body .dxgvStatusBar tr.dxgv {
            height: 0;
        }

    body .dxgvCommandColumn img {
        margin: 0 4px;
    }

    body .dxgvDetailRow td.dxgvIndentCell {
        border-left: 4px solid #2B388F !important;
    }
    .dxichCellSys {
        width: 60px;
    }

body .dxe span {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    color: #000000; /*fff;*/
}

    .dxichTextCellSys {
        text-transform: uppercase;
        font-weight: 500 !important;
        font-family: "Roboto", sans-serif !important;
        font-size: 14px !important;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .dxeRadioButtonList {
        border: 0px !important;
    }

.dxeButtonEditButton img{
    display:none !important;
}
.dxpcDropDown {
    top: 50px !important;
}