.dxtcControl {
    font: 12px "NunitoSansRegular", "Helvetica Neue", "Helvetica", Arial, sans-serif
}


.ipsg-body .dxgvControl {
    background-color: transparent;
    border: none;
    color: #4a4a4a;
    cursor: default;
    font: 12px "NunitoSansRegular", "Helvetica Neue", "Helvetica", Arial, sans-serif;
    width: 100%
}

.dxgvControl a {
    color: #00a5b5 !important
}

.dxgvtable tr:hover {
    background-color: #ddd;
    color: #000
}



.dxgvControl {
    min-width: 100%
}

.dxgvHSDC + div {
    min-width: 100%;
    max-height: 400px;
    height: auto !important
}

.dxgvHSDC div {
    min-width: 100%
}

.dxgvFSDC div {
    min-width: 100% !important
}

.dxgvFSDC div {
    min-width: 100% !important
}

.dxgvGroupPanel + div {
    min-width: 100% !important
}

.dxgvTable {
    width: 100%
}

.dxpcDropDown,
.dxpclW,
.dxpc-ddSys {
    min-width: 60px !important
}

#row:hover {
    background-color: #ddd
}

#row select {
    width: 300px
}

.ipsg-body .dxgvGroupPanel,
.ipsg-body .dxgvEmptyDataRow {
    border-bottom: none;
    color: #4a4a4a;
    min-height: 30px;
    padding: 0;
    text-align: center;
    white-space: nowrap
}

.ipsg-body .dxgvGroupPanel {
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 2px
}

.ipsg-body .dxgvEmptyDataRow {
    background-color: #f6f6f6
}

    .ipsg-body .dxgvEmptyDataRow td.dxgv {
        border: 1px solid #d8d8d8;
        border-width: 0 1px 1px !important;
        padding: 10px;
        text-align: center
    }

        .ipsg-body .dxgvEmptyDataRow td.dxgv.dxgvIndentCell {
            border-left: none
        }

            .ipsg-body .dxgvEmptyDataRow td.dxgv.dxgvIndentCell + td.dxgv {
                border-left: none
            }

.ipsg-body .dxgvTable {
    background-color: transparent;
    border-width: 0;
    color: #4a4a4a;
    overflow: hidden
}

.ipsg-body .dxgvHeader,
.ipsg-body .listviewLayoutTemplateNew {
    background: #004f5b;
    border: none;
    border-right: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    font: 12px "NunitoSansRegular", "Helvetica Neue", "Helvetica", Arial, sans-serif;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

    .ipsg-body .dxgvHeader:last-of-type,
    .ipsg-body .listviewLayoutTemplateNew:last-of-type {
        border-right: none
    }

    .ipsg-body .dxgvHeader table,
    .ipsg-body .listviewLayoutTemplateNew table {
        color: #fff
    }

    .ipsg-body .dxgvHeader th,
    .ipsg-body .listviewLayoutTemplateNew th {
        color: #fff;
        padding: 0;
        text-align: left
    }

        .ipsg-body .dxgvHeader th a,
        .ipsg-body .dxgvHeader th .gridtext1,
        .ipsg-body .listviewLayoutTemplateNew th a,
        .ipsg-body .listviewLayoutTemplateNew th .gridtext1 {
            color: #fff;
            font: 12px "NunitoSansRegular", "Helvetica Neue", "Helvetica", Arial, sans-serif;
            padding: 0 10px;
            white-space: nowrap
        }

    .ipsg-body .dxgvHeader td,
    .ipsg-body .listviewLayoutTemplateNew td {
        text-align: center;
        white-space: normal
    }

.ipsg-body .dxgvInlineEditRow td.dxgv,
.ipsg-body .dxgvFilterRow td.dxgv {
    border-bottom: 1px solid #d8d8d8 !important;
    border-left-width: 0;
    border-top-width: 0;
    padding: 3px 3px;
    overflow: hidden
}

    .ipsg-body .dxgvInlineEditRow td.dxgv:first-of-type,
    .ipsg-body .dxgvFilterRow td.dxgv:first-of-type {
        border-left: 1px solid #d8d8d8 !important
    }

    .ipsg-body .dxgvInlineEditRow td.dxgv:last-of-type,
    .ipsg-body .dxgvFilterRow td.dxgv:last-of-type {
        border-right: 1px solid #d8d8d8 !important
    }


.ipsg-body .dxeTextBox,
.ipsg-body .dxeMemo {
    background-color: transparent;
    border: none
}

.ipsg-body .dxeEditArea {
    background-color: #fff;
    border: 1px solid #d8d8d8 !important;
    border-radius: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12) !important;
    color: #4a4a4a;
    font: 12px "NunitoSansRegular", "Helvetica Neue", "Helvetica", Arial, sans-serif;
    height: 32px;
    padding: 5px 10px
}

.dxeEditArea {
    font-family: "NunitoSansRegular", "Helvetica Neue", "Helvetica", Arial, sans-serif
}

    .dxeEditArea.dxeEditAreaSys:focus {
        outline: transparent auto 5px;
        outline-color: transparent;
        outline-style: auto;
        outline-width: 5px
    }

.dxeListBox div.dxlbd {
    height: 250px !important
}

.dxtcTab,
.dxtcTabWithTabPositionLeft,
.dxtcTabWithTabPositionBottom,
.dxtcTabWithTabPositionRight {
    background-color: #004f5b !important
}

.ipsg-body .dxeButtonEdit {
    background-color: transparent;
    border: none
}

    .ipsg-body .dxeButtonEdit td.dxic {
        padding: 0
    }

.ipsg-body .dxeButtonEditButton,
.ipsg-body .dxeSpinIncButton,
.ipsg-body .dxeSpinDecButton,
.ipsg-body .dxeSpinLargeIncButton,
.ipsg-body .dxeSpinLargeDecButton {
    background: transparent;
    border: none;
    padding: 0
}

.ipsg-body .dxgvGroupRow {
    background-color: #f6f6f6;
    white-space: nowrap
}

    .ipsg-body .dxgvGroupRow:hover {
        background-color: #ddd
    }

    .ipsg-body .dxgvGroupRow td.dxgv {
        border-bottom: 1px solid #d8d8d8;
        border-top: 1px solid #d8d8d8;
        min-height: 40px
    }

        .ipsg-body .dxgvGroupRow td.dxgv:first-of-type {
            border-bottom: 1px solid #d8d8d8 !important;
            border-left: 1px solid #d8d8d8 !important;
            border-right: 1px solid #d8d8d8 !important
        }

        .ipsg-body .dxgvGroupRow td.dxgv:last-of-type {
            border-right: 1px solid #d8d8d8 !important
        }

.ipsg-body td.dxgv,
.ipsg-body .dxgvFocusedGroupRow td.dxgv {
    border: 0 none;
    color: #4a4a4a;
    max-width: 400px;
    padding: 5px 8px;
    vertical-align: middle;
    white-space: nowrap
}

    .ipsg-body td.dxgv.dxgvIndentCell,
    .ipsg-body .dxgvFocusedGroupRow td.dxgv.dxgvIndentCell {
        background-color: transparent;
        border-left: 1px solid #d8d8d8 !important
    }

.ipsg-body .dxgvFocusedRow,
.ipsg-body .dxgvSelectedRow,
.ipsg-body .dxgvDataRow {
    background-color: #fff
}

    .ipsg-body .dxgvFocusedRow:nth-child(odd),
    .ipsg-body .dxgvSelectedRow:nth-child(odd),
    .ipsg-body .dxgvDataRow:nth-child(odd) {
        background-color: #fff
    }

        .ipsg-body .dxgvFocusedRow:nth-child(odd):hover,
        .ipsg-body .dxgvSelectedRow:nth-child(odd):hover,
        .ipsg-body .dxgvDataRow:hover {
            background-color: #ddd
        }

    .ipsg-body .dxgvDataRow:last-of-type td.dxgv {
        border-bottom: 1px solid #d8d8d8
    }

    .ipsg-body .dxgvFocusedRow td.dxgv,
    .ipsg-body .dxgvSelectedRow td.dxgv,
    .ipsg-body .dxgvDataRow td.dxgv {
        border-bottom: 1px solid #d8d8d8;
        border-left: 1px solid #d8d8d8;
        white-space: normal
    }

        .ipsg-body .dxgvDataRow td.dxgv:not(.dxgvIndentCell):first-of-type {
            border-left: none !important
        }

        .ipsg-body .dxgvDataRow td.dxgv:last-of-type {
            border-right: 1px solid #d8d8d8 !important
        }

.ipsg-body .dxgvGroupFooter {
    background-color: #f6f6f6
}

    .ipsg-body .dxgvGroupFooter td.dxgv {
        border-right: 1px solid #d8d8d8
    }

.ipsg-body .dxgvFooter {
    background: #004f5b;
    white-space: nowrap;
    pointer-events: none
}

    .ipsg-body .dxgvFooter td.dxgv {
        border-right: 1px solid #f6f6f6;
        color: #fff
    }

.ipsg-body .dxgvPagerTopPanel,
.ipsg-body .dxgvPagerBottomPanel {
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    color: #4a4a4a;
    display: -ms-flexbox;
    display: flex;
    min-height: 30px;
    padding: 5px;
    width: 100%
}

.ipsg-body .dxpLite {
    color: #4a4a4a;
    font: 12px "NunitoSansRegular", "Helvetica Neue", "Helvetica", Arial, sans-serif;
    padding: 0
}

.ipsg-body .dxgvFilterBar {
    background: #d8d8d8;
    border-top: none;
    color: #4a4a4a;
    min-height: 30px;
    padding: 5px
}

    .ipsg-body .dxgvFilterBar a {
        color: #004f5b;
        text-decoration: underline
    }

    .ipsg-body .dxgvFilterBar input[type="radio"],
    .ipsg-body .dxgvFilterBar input[type="checkbox"] {
        margin: 0
    }

.ipsg-body .dxgvFilterBarCheckBoxCell,
.ipsg-body .dxgvFilterBarImageCell,
.ipsg-body .dxgvFilterBarExpressionCell,
.ipsg-body .dxgvFilterBarClearButtonCell {
    padding: 10px
}




.ipsg-body .dxtcControl {
    width: 100% !important
}


.dxgvSelectedRow {
    background-color: #fff
}

.ipsg-body .dxgvSelectedRow td.dxgvCommandColumn.dxgv,
.ipsg-body .dxgvDataRow td.dxgvCommandColumn.dxgv {
    text-align: center
}


.dxpgRowFieldValue {
    background-color: #aaa;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    color: #fff;
    font: 12px "NunitoSansLight", "Helvetica Neue", "Helvetica", Arial, sans-serif
}

.dxpgHeaderTable td,
.dxpgControl {
    background-color: #fff;
    color: #000
}

.dxpgControl {
    font: 12px "NunitoSansLight", "Helvetica Neue", "Helvetica", Arial, sans-serif
}

.dxpgColumnFieldValue {
    background-color: #aaa;
    color: #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font: 12px "NunitoSansLight", "Helvetica Neue", "Helvetica", Arial, sans-serif
}

.dxpgFilterArea {
    background-color: #004f5b
}

.ipsg-body .dxgvHSDC {
    border-right: 0 solid #d8d8d8
}

.dxtcTab,
.dxtcActiveTab,
.dxtcActiveTabWithTabPositionBottom,
.dxtcActiveTabWithTabPositionLeft,
.dxtcActiveTabWithTabPositionRight {
    border: 1px solid #004f5b;
    padding: 3px 12px 4px;
    background-color: #fff;
    text-align: center;
    color: #004f5b;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font: 12px "NunitoSansLight", "Helvetica Neue", "Helvetica", Arial, sans-serif
}

.dxtcTab {
    color: #fff;
    background-color: #004f5b;
    border: 1px solid #004f5b
}

    .dxtcTab:hover {
        background-color: #004f5b
    }


.dxGridView_gvFilterRowButton {
    background-image: url("../images/Icon_Font_funnel.svg") !important;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 13px !important;
    height: 13px !important;
    background-position: 50% !important
}


.dxeCalendar {
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, .34375);
    box-shadow: 0 2px 12px rgba(0, 0, 0, .34375)
}

.dxpc-shadow {
    box-shadow: none
}

.dxeCalendarHeader {
    background-color: #004f5b !important;
    color: #fff !important;
    font: 12px "NunitoSansRegular", "Helvetica Neue", "Helvetica", Arial, sans-serif !important;
    padding: 7px !important;
    border: none
}

.dxEditors_edtCalendarPrevYear {
    background-position: 0 0;
    background-image: url('../images/Arrows/Double_Left_Arrows.png')
}

.dxEditors_edtCalendarPrevMonth {
    background-position: 0 0;
    background-image: url('../images/Arrows/Left_Arrow.png')
}

.dxEditors_edtCalendarNextMonth {
    background-position: 0 0;
    background-image: url('../images/Arrows/Right_Arrow.png')
}

.dxEditors_edtCalendarNextYear {
    background-position: 0 0;
    background-image: url('../images/Arrows/Double_Right_Arrow.png')
}

.dxeCalendarDayHeader {
    font: 11px "NunitoSansRegular", "Helvetica Neue", "Helvetica", Arial, sans-serif
}

.dxeCalendarDay {
    font: 11px "NunitoSansRegular", "Helvetica Neue", "Helvetica", Arial, sans-serif
}

.dxeCalendarFastNavMonth {
    font: 11px "NunitoSansRegular", "Helvetica Neue", "Helvetica", Arial, sans-serif
}

.dxeCalendarFastNavYear {
    font: 11px "NunitoSansRegular", "Helvetica Neue", "Helvetica", Arial, sans-serif
}

.dxeCalendarButton td.dx {
    font: 11px "NunitoSansRegular", "Helvetica Neue", "Helvetica", Arial, sans-serif
}

.dxeCalendarButton {
    font-size: 11px;
    background: #fff;
    padding: 5px 5px 5px;
    width: 32px;
    color: #004f5b;
    border: 1px solid #004f5b;
    text-transform: uppercase;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

.dxeCalendarFooter table {
    border-collapse: separate !important
}

.dxeCalendarButton:hover {
    background: #004f5b;
    color: #fff;
    border: 1px solid #004f5b;
    text-transform: uppercase;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

.dxeCalendarToday {
    padding: 3px 3px 2px;
    border: 1px solid #004f5b;
    background-color: #004f5b;
    color: #fff
}

.dxeCalendarSelected {
    color: #fff;
    background-color: #004f5b;
    padding: 3px 3px 2px;
    border: 1px solid #004f5b
}

.dxeCalendarWeekend {
    color: #ffb718
}

.dxeCalendarFastNavMonthSelected,
.dxeCalendarFastNavYearSelected {
    color: #fff;
    background: #00a5b5
}

.dxeCalendarDay:Hover {
    color: #000;
    background-color: silver
}

.dxeCalendarFastNavMonthHover,
.dxeCalendarFastNavYearHover {
    color: #fff;
    background: #004f5b none;
    padding: 2px 4px;
    border: 1px solid #004f5b
}

.dxmLite .dxm-popup {
    border: 1px solid #004f5b;
    padding: 0
}

    .dxmLite .dxm-popup .dxm-gutter {
        background-image: none
    }

.dxmLite ul.dx {
    font: 12px "NunitoSansRegular", "Helvetica Neue", "Helvetica", Arial, sans-serif
}

h1 {
    color: #004f5b;
    margin: 30px 0 15px 0
}

.dxmLite .dxm-popup .dxm-hovered {
    background-color: #004f5b;
    color: #fff;
    border: 0 solid #004f5b
}

.dxmLite .dxm-popup .dxm-spacing {
    height: 0
}

.dxpcLite .dxpc-mainDiv {
    box-shadow: 1px 1px 1px 1px black;
    background-color: #fff;
    border-radius: 3px;
    font: 14px "NunitoSansRegular", "Helvetica Neue", "Helvetica", Arial, sans-serif
}

.dxWeb_pcCloseButton {
    background-position: 0 0;
    background-image: url(../images/X-Out.svg);
    height: 24px;
    width: 24px
}

.dxpcLite .dxpc-headerContent,
.dxpcLite.dxRtl .dxpc-headerContent {
    padding: 3px;
    font-family: Arial, Helvetica, sans-serif
}

.dxpcLite .dxpc-header {
    color: #fff;
    background-color: #004f5b;
    border-bottom: none;
    padding: 8px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.dxpcLite .dxpc-content,
.dxdpLite .dxpc-content {
    border-radius: 3px
}

.dxpcLite .dxpc-footer {
    border-radius: 3px
}

.dxgvFilterBuilderMainArea {
    background: #fff none;
    padding: 8px;
    font: 14px "NunitoSansRegular", "Helvetica Neue", "Helvetica", Arial, sans-serif;
    height: 150px
}

.dxgvFilterBuilderButtonArea {
    background: #ededed none;
    border-top: 1px solid #cfcfcf;
    padding: 6px;
    white-space: nowrap;
    border-radius: 3px
}

.dxbButton {
    color: #fff;
    font: 14px "NunitoSansRegular", "Helvetica Neue", "Helvetica", Arial, sans-serif;
    vertical-align: middle;
    border: 1px solid #004f5b;
    background: #004f5b;
    padding: 1px;
    cursor: pointer;
    text-transform: uppercase
}

.dxbButtonHover {
    color: #004f5b;
    border: 1px solid #004f5b;
    background-color: #fff;
    text-transform: uppercase
}

.dxfcTable td.dxfc {
    padding: 2px;
    font: 12px "NunitoSansRegular", "Helvetica Neue", "Helvetica", Arial, sans-serif
}

.dxeListBoxItem {
    font: 12px "NunitoSansRegular", "Helvetica Neue", "Helvetica", Arial, sans-serif
}

.dxeListBoxItemHover {
    background-color: #004f5b;
    border: none;
    color: #fff
}

.dxeListBox {
    border-radius: 0;
    border: 1px solid #ccc
}

.dxeListBoxItemSelected {
    color: #fff;
    border: none
}


.dxgvCommandColumnItem {
    padding-right: 6px;
    padding-left: 6px
}

.dxgvLoadingPanel {
    left: -1% !important;
    top: 0% !important;
    border: none !important;
    opacity: .7;
    padding: 0 !important;
    width: 101% !important;
    height: 100%;
    margin-left: 0 !important;
    background-color: #fff !important;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../../images/loadingblue.gif");
    background-size: 80px 80px
}

    .dxgvLoadingPanel .dx img {
        display: none
    }



    .dxgvLoadingPanel td {
        background-image: none
    }

    .dxgvLoadingPanel .dx span {
        visibility: hidden !important;
        display: none
    }


.dxpcModalBackLite,
.dxdpModalBackLite {
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=70);
    opacity: .7
}


.dxGridView_gvHeaderFilter {
    background-position: 0;
    background-image: url(../Images/filter.png) !important;
    width: 20px;
    height: 10px
}

.dxGridView_gvHeaderFilterActive {
    background-position: 0;
    background-image: url(../Images/filter.png) !important;
    width: 20px;
    height: 10px
}

.dxGridView_gvHeaderSortUp {
    background-position: -7px;
    background-image: url(../images/Arrows/up.svg) !important;
    width: 10px;
    height: 10px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    vertical-align: middle !important
}

.dxGridView_gvHeaderSortDown {
    background-position: -7px;
    background-image: url(../images/arrows/down.svg) !important;
    width: 10px;
    height: 10px;
    vertical-align: middle !important;
    margin-left: 0 !important;
    margin-right: 0 !important
}



.dxgvHeader_Moderno,
.dxgvHeader_Moderno table {
    color: #fff
}

.dxgvControl_Moderno .dxgvCSD .dxgvHeader_Moderno {
    background-color: #004f5b
}

.dxgvControl_Moderno .dxgvHSDC .dxgvHeader_Moderno {
    background-color: #004f5b
}

.dxeTextBox_Moderno {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12) !important
}

.ipsg-body .dxeButtonEdit td.dxic {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12) !important
}

.ipsg-body td.dxgv,
.ipsg-body .dxgvFocusedGroupRow td.dxgv {
    color: #000;
    padding: 5px !important;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8 !important
}


.dx-vat,
.dx-vab {
    display: inline !important
}

.dxgvHeader_Office365 {
    text-align: center;
    background-color: #004f5b;
    color: #fff;
    padding: 5px !important;
    font: 12px "NunitoSansRegular", "Helvetica Neue", "Helvetica", Arial, sans-serif;
    border: 1px solid rgba(255, 255, 255, 1)
}

.dxeListBoxItemSelected_Office365 {
    background-color: transparent;
    color: #000;
    font-weight: bold
}

.dxpLite_Office365:not(.dxpLiteDisabled_Office365) .dxp-current.dxp-num:hover {
    background-color: #004f5b
}

.dxgvFilterBar_Office365 a {
    color: #00a5b5
}

.dxgvControl_Office365 a {
    color: #00a5b5
}

.dxpLite_Office365 .dxp-current {
    background-color: #004f5b
}

.dxbButton_Office365 {
    background: #004F5B 0% 0% no-repeat padding-box;
    /*border-radius: 4px !important;*/
    opacity: 1;
    border: none;
    font-size: 13px !important;
    color: #fff !important;
    padding: 5px 5px !important;
    /*border-radius: 4px !important;*/
    border: 1px solid rgba(255,255,255,0.6);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    text-transform: uppercase;
}

.dxeButtonEditButtonHover_Office365 {
    background-color: transparent
}

.dxeSpinIncButtonHover_Office365,
.dxeSpinDecButtonHover_Office365,
.dxeSpinLargeIncButtonHover_Office365,
.dxeSpinLargeDecButtonHover_Office365 {
    background-color: #004f5b
}

.dxmLite_Office365 .dxm-popup .dxm-checked,
.dxmLite_Office365 .dxm-popup .dxm-checked.dxm-hovered {
    background-color: #004f5b
}

.dxeButtonEditButtonPressed_Office365 {
    background-color: transparent
}

.dxeInvalid_Office365 {
    border: 1px solid red
}

.dxeFocused_Office365 {
    border: 1px solid rgba(0, 0, 0, .22)
}

.dxeButtonEditButtonPressed_Office365 .dxEditors_edtDropDown_Office365,
.dxeButtonEditButtonHover_Office365 .dxEditors_edtDropDown_Office365 {
    background-position: -394px -140px;
    width: 10px;
    height: 10px
}

.dxeButtonEditButtonHover_Office365 .dxeCalendar_Office365,
.dxeCalendar_Office365 * {
    border-color: #004f5b
}

.dxeCalendarButton_Office365,
input.dxeColorEditButton_Office365 {
    border: 1px solid #004f5b
}

.dxeCalendarSelected_Office365 {
    background-color: #004f5b
}

.dxeCalendarWeekend_Office365 {
    color: #00a5b5
}

.dxeCalendarToday_Office365 {
    background-color: rgba(7, 52, 60, .4);
    background: rgba(7, 52, 60, .4)
}

.dxmLite_Office365 .dxm-popup .dxm-hovered {
    background-color: rgba(7, 52, 60, .4);
    background: rgba(7, 52, 60, .4)
}

.dxpLite_Office365 .dxp-button:not(.dxp-disabledButton):hover {
    background-color: rgba(7, 52, 60, .4);
    background: rgba(7, 52, 60, .4)
}

.dxeListBoxItemHover_Office365.dxeListBoxItemSelected_Office365 {
    background-color: #004f5b;
    background: rgba(7, 52, 60, .4);
    color: #000
}

.dxeListBoxItemHover_Office365 {
    background-color: rgba(7, 52, 60, .4);
    background: rgba(7, 52, 60, .4)
}

.dxeButtonEditButtonHover_Office365 .dxEditors_edtClear_Office365,
.dxEditors_edtClear_Office365 {
    background-image: url(/images/no.png);
    background-position: 0;
    width: 19px;
    height: 19px
}

.dxgvControl_Office365 .dxgvCSD {
    border: none
}

.dxgvControl_Office365 .dxgvHSDC {
    border-right: none;
    border-left: none
}

.dxtcLite_Office365.dxtc-top > .dxtc-stripContainer .dxtc-activeTab .dxtcLite_Office365 > .dxtc-stripContainer .dxtc-activeTab,
.dxtcLite_Office365 > .dxtc-stripContainer .dxtc-activeTab a {
    color: #00a5b5;
    border: 1px solid #00a5b5
}

.dxtcLite_Office365.dxtc-top > .dxtc-stripContainer .dxtc-activeTab {
    border-bottom: 3px solid #00a5b5;
    font-weight: bold;
    background-color: #fff;
    margin-right: 5px
}

.dxtcLite_Office365.dxtc-top > .dxtc-stripContainer .dxtc-tab {
    border-bottom: 3px solid #666;
    background-color: #d3d3d3;
    margin-right: 5px
}

.dxtcLite_Office365 > .dxtc-stripContainer .dxtc-tab a {
    border: 1px solid #666
}

.dxgvFooter_Office365 td.dxgv {
    background-color: rgba(7, 52, 60, .4);
    background: rgba(7, 52, 60, .4)
}

.dxgvControl_Office365,
.dxgvDisabled_Office365 {
    width: 100%;
    min-width: 100%;
    font: 12px "NunitoSansRegular", "Helvetica Neue", "Helvetica", Arial, sans-serif;
    padding: 0px !important;
    border: none !important;
    text-align: center;
    border-collapse: unset !important;
}

.dxgvGroupPanel_Office365 .dxgvHeader_Office365,
.dxgvAdaptiveGroupPanel_Office365 .dxgvHeader_Office365 {
    background-color: #004f5b
}

.dxpgHeaderTable_Office365 {
    background-color: #004f5b;
    color: #fff
}

.dxpgRowGrandTotalFieldValue_Office365,
.dxpgGrandTotalCell_Office365,
.dxpgColumnGrandTotalFieldValue_Office365 {
    background-color: rgba(7, 52, 60, .4);
    background: rgba(7, 52, 60, .4);
    color: #000
}

.dxgvGroupPanel_Office365 {
    padding: 8px
}

.dxeHyperlink_Office365 {
    font: 12px "NunitoSansRegular", "Helvetica Neue", "Helvetica", Arial, sans-serif;
    cursor: pointer
}

.dxeButtonEdit_Office365 {
    height: 34px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12) !important
}

.dxgvSearchPanel_Office365 {
    padding: 0
}

    .dxgvSearchPanel_Office365 .dxeButtonEdit_Office365 td.dxic {
        padding: 7px;
        height: 34px
    }

input[type="text"].dxeEditArea_Office365 {
    height: 100%;
    padding-left: 8px;
    padding-right: 8px;
}

.ipsg-user-select2 .dxeButtonEditSys:hover,
.ipsg-user-select2 .dxeButtonEditSys:focus,
.ipsg-user-select2 .dxeButtonEditSys:active {
    border: 1px solid rgba(0, 0, 0, .22) !important
}

.dxeListBoxItemSelected_Office365 .dxWeb_edtCheckBoxChecked_Office365 {
    background-color: #000
}

td.dxgvHEC {
    height: 0
}

.dxgvControl_Office365 .dxgvTable_Office365 .dxgvFocusedRow_Office365,
.dxgvControl_Office365 .dxgvTable_Office365 .dxgvFocusedRow_Office365.dxgvDataRowHover_Office365 {
    background-color: rgba(7, 52, 60, .4);
    background: rgba(7, 52, 60, .4)
}

.dxpcDropDown_Office365 > .dxpc-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.dxgvLoadingDiv_Office365 {
    background-color: #fff;
    opacity: .5
}

.dxGridView_gvHeaderFilter_Office365 {
    background-image: url(../Images/filter.png) !important;
    background-position: 0;
    width: 20px;
    height: 10px;
    margin-bottom: 10px;
}

.ListViewPagerFooter {
    background: #fff;
    color: #000;
    padding: 10px;
    font: 12px "NunitoSansRegular", "Helvetica Neue", "Helvetica", Arial, sans-serif;
    width: 99.5%
}

.dxgvDataRow_Office365:hover {
    background-color: #ddd
}

.dxpLite_Office365 {
    font: 12px "NunitoSansRegular", "Helvetica Neue", "Helvetica", Arial, sans-serif
}

.dxtcLite_Office365.dxtc-top > .dxtc-stripContainer {
    margin-left: -5px
}

.dxtcLite_Office365.dxtc-top > .dxtc-content {
    background: #fff;
    border-top-style: solid !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

.dxtcLite_Office365 > .dxtc-content {
    border: 1px solid #9b9b9b !important
}

.dxpgColumnFieldValue_Office365,
.dxpgColumnTotalFieldValue_Office365 {
    color: #fff;
    background-color: #004f5b
}

.dxpgRowFieldValue_Office365 {
    background-color: #004f5b;
    color: #fff
}

.dxgvHeader_Office365 td {
    white-space: normal
}

.ipsg-body td.dxgv,
.ipsg-body .dxgvFocusedGroupRow td.dxgv {
    white-space: normal
}

.dxpgTotalCell_Office365 {
    background-color: #e7e7e7
}

div.dxtcSys,
div.dxtcSys > .dxtc-content > div {
    position: relative
}

select[multiple],
select[size] {
    height: 34px
}

.dxeTextBox_Office365 {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12) !important;
    height: 34px
}

.dxGridView_gvHeaderFilter_Office365 {
    cursor: pointer !important
}

.dxgvFilterBar_Office365 {
    border-top-width: 2px
}

.dxgvCustomization_Office365 .dxgvHeader_Office365 {
    background-color: #004f5b;
    color: #fff
}

.dxpcLite_Office365 .dxpc-header,
.dxdpLite_Office365 .dxpc-header {
    background-color: #004f5b;
    color: #fff
}

.languageLink {
    color: #004f5b;
    cursor: pointer;
    float: left;
    margin-right: 20px
}

a.languageLink:hover {
    text-decoration: underline
}

.dxmLite_Office365 .dxctToolbar_Office365.dxm-main.dxmtb {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #ccc
}

.dxmLite_Office365 .dxm-main.dxmtb {
    padding: 0
}

.dxmLite_Office365 .dxctToolbar_Office365.dxm-main.dxmtb .dxm-checked,
.dxmLite_Office365 .dxctToolbar_Office365.dxm-main .dxm-checked.dxm-item.dxm-hovered {
    background-color: #004f5b
}

.dxmLite_Office365.dxm-ltr .dxctToolbar_Office365.dxmtb .dxm-item.dxct-igl {
    width: 10%;
    min-width: 125px !important;
    font-size: 13px;
    border: 1px solid #999
}

.dxmLite_Office365 .dxctToolbar_Office365.dxmtb .dxm-item.dxm-tmpl.dxct-il {
    width: 90%
}

.dxmLite_Office365 .dxctToolbar_Office365.dxm-horizontal.dxmtb .dxm-separator b {
    width: 0
}

.dxm-ltr .dxm-horizontal ul.dx {
    width: 100%
}

@media screen and (max-width:1280px) {
    .dxgvHSDC + div {
        max-height: 250px
    }
}

.dxeButtonEdit .dxeEditArea {
    height: 32px;
    margin-top: 1px
}

.dxmLite_Office365 .dxm-popup .dxm-selected {
    background-color: #004f5b !important;
    color: #FFFFFF;
}

.dxpLite_Office365 .dxp-comboBox input {
    margin: 0.5em 0.5em !important;
    text-align: center !important;
}

.dxp-pageSizeItem label {
    font: inherit;
    line-height: normal;
    display: inline;
    margin-bottom: 0px;
    margin-top: 1em !important;
    margin-right: 5px !important;
}

td .dxgvHeader_Office365 {
    white-space: nowrap;
    border: 0;
    background-color: #004F5B;
    overflow: hidden;
    font-weight: normal;
    text-align: left;
}

.dxgvFilterRow_Office365 td.dxgv {
    border-bottom: 2px solid white;
    border-right: 0;
    border-top-width: 0;
    border-left-width: 0;
    padding: 0px;
    overflow: hidden;
    background: 0% 0% no-repeat padding-box padding-box rgb(202, 220, 225) !important;
}

.dxgvEditFormDisplayRow_Office365 td.dxgv, .dxgvDetailCell_Office365 td.dxgv, .dxgvDataRow_Office365 td.dxgv, .dxgvDetailRow_Office365.dxgvADR td.dxgvAIC {
    overflow: hidden;
    border-bottom: 2px solid white !important;
    border-right: 0px !important;
    border-top-width: 0;
    border-left-width: 0;
    padding: 10px 10px 10px;
}

.dxgv .dxbButton_Office365 {
    font: 0px !important;
    padding: 0px !important;
}

.dxbButton_Office365 div.dxb {
    padding: 5px 10px !important;
    border-radius: 4px !important;
}

.dxichSys {
    background-color: white;
}


.table > tbody > tr > td {
    border-top: none;
}

.dxGridView_gvHeaderSortUp_Office365 {
    background-position: -7px !important;
    background-image: url(../Images/Arrows/up.svg) !important;
    width: 10px !important;
    height: 10px !important;
    /*margin-left: -12px !important;*/
    margin-right: 2px !important;
    vertical-align: middle !important;
    /*position: absolute;*/
}

.dxGridView_gvHeaderSortDown_Office365 {
    background-position: -7px !important;
    background-image: url(../Images/Arrows/down.svg) !important;
    width: 10px !important;
    height: 10px !important;
    vertical-align: middle !important;
    /*margin-left: -12px !important;*/
    margin-right: 2px !important;
    /*position: absolute;*/
}

.combobox {
    font-size: 12px !important;
    height: 32px !important;
    width: 100% !important;
    padding-left: 6px !important;
    font-family: 'Segoe UI', Helvetica,groupLabel 'Droid Sans', Tahoma, Geneva, sans-serif;
}

.custpadding {
    padding-top: 0.5px;
}

tr #TemplateGrid_DXHeadersRow0 .dxgvHeader_Office365 {
    border-right: 1px solid white;
}

tr #ManageCouponDetails_DXHeadersRow0 .dxgvHeader_Office365 {
    border-right: 1px solid white;
}

tr #ReportCodeGrid_DXHeadersRow0 .dxgvHeader_Office365 {
    border-right: 1px solid white;
}

tr #ReportEventGrid_DXHeadersRow0 .dxgvHeader_Office365 {
    border-right: 1px solid white;
}

tr #AssignMeterTemplateGrid_DXHeadersRow0 .dxgvHeader_Office365 {
    border-right: 1px solid white;
}

tr #CouponCode_DXHeadersRow0 .dxgvHeader_Office365 {
    border-right: 1px solid white;
}

tr #ImportCoupons_DXHeadersRow0 .dxgvHeader_Office365 {
    border-right: 1px solid white;
}

.dxWeb_edtCheckBoxChecked_Office365, .dxWeb_edtCheckBoxGrayed_Office365 {
    background-image: url('../Images/Checkbox.svg') !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
}

.dxpLite_Office365 .dxp-summary, .dxpLite_Office365 .dxp-ellip {
    white-space: nowrap;
    padding: 6px 7px 6px !important;
}

.table {
    margin-bottom: unset !important;
}

.dxWeb_edtCheckBoxUnchecked_Office365 {
    background-position: -30px -332px !important;
    background-size: initial !important;
    width: 14px;
    height: 14px;
    border: 1px solid;
}

.dxWeb_edtCheckBoxChecked_Office365 {
    background-position: -76px -363px !important;
    background-size: initial !important;
    width: 14px;
    height: 14px;
    border: 1px solid;
}

.dxWeb_edtCheckBoxGrayed_Office365 {
    background-position: -106px -348px;
    background-size: initial !important;
    width: 14px;
    height: 14px;
    border: 1px solid;
}

.dxpLite_Office365 .dxp-comboBox {
    margin: -0.5em 0 !important;
}