/* -- ValidationSummary -- */
.dxvsValidationSummary_DevEx {
    font: 11px 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
    color: Red;
}

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

.dxvsValidationSummary_DevEx .dxvsE_DevEx {
}

.dxvsValidationSummary_DevEx table.dxvsHT_DevEx {
    width: 100%;
}

.dxvsValidationSummary_DevEx td.dxvsH_DevEx {
    padding: 2px 0;
}

.dxvsValidationSummary_DevEx a.dxvsHL_DevEx,
.dxvsValidationSummary_DevEx a.dxvsHL_DevEx:visited {
    color: red;
}

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

.dxvsValidationSummary_DevEx a.dxvsHL_DevEx:hover {
    color: #f70;
}

.dxvsValidationSummary_DevEx table.dxvsT_DevEx {
}

.dxvsValidationSummary_DevEx tr.dxvsE_DevEx {
}

.dxvsValidationSummary_DevEx td.dxvsETC_DevEx {
    padding: 2px 0;
}

.dxvsValidationSummary_DevEx ul.dxvsL_DevEx {
}

.dxvsValidationSummary_DevEx ol.dxvsL_DevEx {
}

.dxvsValidationSummary_DevEx li.dxvsE_DevEx {
    padding: 2px 0;
}

.dxeOutOfRWarn_DevEx.dxeOutOfRWarnRight_DevEx {
    display: none;
}
/* TrackBar */
.dxeTrackBar_DevEx {
    font: 11px 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
    user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    visibility: hidden;
}

.dxeDisabled_DevEx .dxeTBHSys a,
.dxeDisabled_DevEx .dxeTBVSys a {
    cursor: default;
}

.dxeTBBarHighlight_DevEx {
    font-size: 0;
}

.dxeTBScale_DevEx,
.dxeTBTrack_DevEx,
.dxeTBBarHighlight_DevEx {
    cursor: pointer;
}

.dxeTBScale_DevEx {
    z-index: 1;
    font-size: 0.91em;
}

.dxeTBSecondaryDH_DevEx,
.dxeTBMainDH_DevEx {
    z-index: 4;
}

.dxeTrackBar_DevEx.dxeTBHSys {
    width: 170px;
    height: 47px;
}

.dxeTrackBar_DevEx.dxeTBVSys {
    height: 170px;
    width: 47px;
}

.dxeTrackBar_DevEx.dxeTBBScaleSys.dxeTBVSys {
    width: 70px;
}

.dxeTrackBar_DevEx.dxeTBBScaleSys.dxeTBHSys {
    height: 70px;
}

.dxeTBTrack_DevEx {
    z-index: 2;
    position: absolute;
}

.dxeTBHSys .dxeTBTrack_DevEx {
    background-image: url('edtTrackBarTrackH.gif');
}

.dxeTBVSys .dxeTBTrack_DevEx {
    background-image: url('edtTrackBarTrackV.gif');
}

.dxeTBHSys .dxeTBTrack_DevEx,
.dxeTBHSys .dxeTBBarHighlight_DevEx {
    height: 9px;
}

.dxeTBVSys .dxeTBTrack_DevEx,
.dxeTBVSys .dxeTBBarHighlight_DevEx {
    width: 9px;
}

.dxeTBHSys .dxeTBMainDH_DevEx,
.dxeTBHSys .dxeTBSecondaryDH_DevEx {
    top: -5px;
    width: 13px;
    height: 19px;
}

.dxeTBVSys .dxeTBMainDH_DevEx,
.dxeTBVSys .dxeTBSecondaryDH_DevEx {
    left: -5px;
    width: 19px;
    height: 13px;
}

.dxeTBVSys .dxeTBRBScaleSys .dxeTBTrack_DevEx,
.dxeTBVSys .dxeTBTrack_DevEx {
    left: 6px;
}

.dxeTBVSys .dxeTBLTScaleSys .dxeTBTrack_DevEx {
    right: 6px;
    left: auto;
}

.dxeTBHSys .dxeTBLTScaleSys .dxeTBTrack_DevEx {
    bottom: 6px;
    top: auto;
}

.dxeTBHSys .dxeTBRBScaleSys .dxeTBTrack_DevEx,
.dxeTBHSys .dxeTBTrack_DevEx {
    top: 6px;
}

.dxeTBBarHighlight_DevEx {
    left: 0px;
    top: 0px;
    position: absolute;
    z-index: 3;
}

.dxeTBHSys .dxeTBBarHighlight_DevEx {
    background-image: url('edtTrackBarBarHighlightH.gif');
}

.dxeTBVSys .dxeTBBarHighlight_DevEx {
    background-image: url('edtTrackBarBarHighlightV.gif');
}

.dxeTBRBLabel_DevEx,
.dxeTBLTLabel_DevEx {
    text-align: center;
    cursor: default;
}

.dxeTBSmallTickSys .dxeTBRBLabel_DevEx,
.dxeTBSmallTickSys .dxeTBLTLabel_DevEx,
.dxeTBLargeTickSys .dxeTBRBLabel_DevEx,
.dxeTBLargeTickSys .dxeTBLTLabel_DevEx {
    position: absolute;
}

.dxeTBHSys .dxeTBRBLabel_DevEx,
.dxeTBHSys .dxeTBLTLabel_DevEx {
    width: 100%;
}

.dxeTBIncBtn_DevEx,
.dxeTBDecBtn_DevEx {
}

.dxeTBVSys .dxeTBRBLabel_DevEx,
.dxeTBVSys .dxeTBLTLabel_DevEx {
    padding-top: 2px;
}

.dxeTBHSys .dxeTBBScaleSys .dxeTBRBLabel_DevEx {
    margin-left: -4px;
}

.dxeTBVSys .dxeTBRBScaleSys .dxeTBRBLabel_DevEx,
.dxeTBVSys .dxeTBBScaleSys .dxeTBLTLabel_DevEx {
    right: 0px;
}

.dxeTBVSys .dxeTBLTScaleSys .dxeTBLTLabel_DevEx,
.dxeTBVSys .dxeTBBScaleSys .dxeTBRBLabel_DevEx {
    left: 0px;
}

.dxeTBHSys .dxeTBRBScaleSys .dxeTBRBLabel_DevEx,
.dxeTBHSys .dxeTBBScaleSys .dxeTBLTLabel_DevEx {
    bottom: 0px;
}

.dxeTBHSys .dxeTBLTScaleSys .dxeTBLTLabel_DevEx,
.dxeTBHSys .dxeTBBScaleSys .dxeTBRBLabel_DevEx {
    top: 0px;
}

.dxeTBHSys .dxeTBItem_DevEx .dxeTBRBLabel_DevEx,
.dxeTBHSys .dxeTBItem_DevEx .dxeTBLTLabel_DevEx {
    display: inline-block;
    margin-left: 0px !important;
}

.dxeTBHSys .dxeTBRBScaleSys .dxeTBItem_DevEx .dxeTBRBLabel_DevEx {
    padding-top: 12px;
}

.dxeTBHSys .dxeTBLTScaleSys .dxeTBItem_DevEx .dxeTBLTLabel_DevEx {
    margin-top: 8px;
}

.dxeTBVSys .dxeTBRBScaleSys .dxeTBItem_DevEx .dxeTBRBLabel_DevEx {
    margin-left: 5px;
}

.dxeTBSelectedItem_DevEx .dxeTBRBLabel_DevEx,
.dxeTBSelectedItem_DevEx .dxeTBLTLabel_DevEx,
.dxeTBSelectedTick_DevEx .dxeTBRBLabel_DevEx,
.dxeTBSelectedTick_DevEx .dxeTBLTLabel_DevEx {
    color: #898D98;
}

.dxeDisabled_DevEx .dxeTBSelectedItem_DevEx .dxeTBRBLabel_DevEx,
.dxeDisabled_DevEx .dxeTBSelectedItem_DevEx .dxeTBLTLabel_DevEx,
.dxeDisabled_DevEx .dxeTBSelectedTick_DevEx .dxeTBRBLabel_DevEx,
.dxeDisabled_DevEx .dxeTBSelectedTick_DevEx .dxeTBLTLabel_DevEx {
    color: #C4C6CB;
}

.dxeTBRBLabel_DevEx,
.dxeTBLTLabel_DevEx,
.dxeTBItem_DevEx {
    color: #C4C6CC;
}

.dxeDisabled_DevEx .dxeTBRBLabel_DevEx,
.dxeDisabled_DevEx .dxeTBLTLabel_DevEx,
.dxeDisabled_DevEx .dxeTBItem_DevEx {
    color: #E1E2E5;
}

.dxeTBVSys .dxeTBLTScaleSys .dxeTBItem_DevEx {
    text-align: left;
}

.dxeTBVSys .dxeTBRBScaleSys .dxeTBItem_DevEx {
    text-align: right;
}

.dxeTBVSys .dxeTBBScaleSys .dxeTBItem_DevEx {
    text-align: center;
}

.dxeTBHSys .dxeTBItem_DevEx {
    background-image: url('edtTrackBarLargeTickH.gif');
}

.dxeTBHSys .dxeTBBScaleSys .dxeTBItem_DevEx {
    background-image: url('edtTrackBarDoubleSmallTickH.gif');
}

.dxeTBVSys .dxeTBItem_DevEx {
    background-image: url('edtTrackBarLargeTickV.gif');
}

.dxeTBVSys .dxeTBBScaleSys .dxeTBItem_DevEx {
    background-image: url('edtTrackBarDoubleSmallTickV.gif');
}

.dxeTBHSys .dxeTBLargeTick_DevEx {
    background-image: url('edtTrackBarLargeTickH.gif');
}

.dxeTBVSys .dxeTBLargeTick_DevEx {
    background-image: url('edtTrackBarLargeTickV.gif');
}

.dxeTBHSys .dxeTBSmallTick_DevEx {
    background-image: url('edtTrackBarSmallTickH.gif');
}

.dxeTBVSys .dxeTBSmallTick_DevEx {
    background-image: url('edtTrackBarSmallTickV.gif');
}

.dxeTBHSys .dxeTBBScaleSys .dxeTBLargeTick_DevEx {
    background-image: url('edtTrackBarDoubleLargeTickH.gif');
}

.dxeTBVSys .dxeTBBScaleSys .dxeTBLargeTick_DevEx {
    background-image: url('edtTrackBarDoubleLargeTickV.gif');
}

.dxeTBHSys .dxeTBBScaleSys .dxeTBSmallTick_DevEx {
    background-image: url('edtTrackBarDoubleSmallTickH.gif');
}

.dxeTBVSys .dxeTBBScaleSys .dxeTBSmallTick_DevEx {
    background-image: url('edtTrackBarDoubleSmallTickV.gif');
}

.dxeTBVSys .dxeTBIncBtn_DevEx,
.dxeTBVSys .dxeReversedDirectionSys .dxeTBDecBtn_DevEx {
    bottom: 0px;
    top: auto;
}

.dxeTBVSys .dxeTBDecBtn_DevEx,
.dxeTBVSys .dxeReversedDirectionSys .dxeTBIncBtn_DevEx {
    top: 0px;
    bottom: auto;
}

.dxeTBHSys .dxeTBDecBtn_DevEx,
.dxeTBHSys .dxeReversedDirectionSys .dxeTBIncBtn_DevEx {
    left: 0px;
    right: auto;
}

.dxeTBHSys .dxeTBIncBtn_DevEx,
.dxeTBHSys .dxeReversedDirectionSys .dxeTBDecBtn_DevEx {
    right: 0px;
    left: auto;
}

.dxeTBVSys .dxeTBBScaleSys .dxeTBDecBtn_DevEx,
.dxeTBVSys .dxeTBBScaleSys .dxeTBIncBtn_DevEx {
    margin-left: -9px;
    left: 50%;
}

.dxeTBHSys .dxeTBBScaleSys .dxeTBDecBtn_DevEx,
.dxeTBHSys .dxeTBBScaleSys .dxeTBIncBtn_DevEx {
    margin-top: -9px;
    top: 50%;
}

.dxeTBVSys .dxeTBBScaleSys .dxeTBTrack_DevEx {
    margin-left: -4px;
    left: 50%;
}

.dxeTBHSys .dxeTBBScaleSys .dxeTBTrack_DevEx {
    margin-top: -4px;
    top: 50%;
}

.dxeTBVSys .dxeTBLTScaleSys .dxeTBDecBtn_DevEx,
.dxeTBVSys .dxeTBLTScaleSys .dxeTBIncBtn_DevEx {
    right: 2px;
    left: auto;
}

.dxeTBHSys .dxeTBLTScaleSys .dxeTBDecBtn_DevEx,
.dxeTBHSys .dxeTBLTScaleSys .dxeTBIncBtn_DevEx {
    bottom: 2px;
    top: auto;
}

.dxeTBVSys .dxeTBRBScaleSys .dxeTBDecBtn_DevEx,
.dxeTBVSys .dxeTBRBScaleSys .dxeTBIncBtn_DevEx,
.dxeTBVSys .dxeTBDecBtn_DevEx,
.dxeTBVSys .dxeTBIncBtn_DevEx {
    left: 2px;
}

.dxeTBHSys .dxeTBRBScaleSys .dxeTBDecBtn_DevEx,
.dxeTBHSys .dxeTBRBScaleSys .dxeTBIncBtn_DevEx,
.dxeTBHSys .dxeTBDecBtn_DevEx,
.dxeTBHSys .dxeTBIncBtn_DevEx {
    top: 2px;
}

.dxeHelpText_DevEx,
.dxeTBValueToolTip_DevEx {
    font: 11px 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
}

div.dxeHelpText_DevEx,
.dxeTBValueToolTip_DevEx {
    padding: 3px 8px 4px 8px;
    display: inline;
    position: absolute;
    border-radius: 3px;
    z-index: 41998;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #A8A8A8;
    background: #FDFEFE;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFEFE', endColorstr='#EEEFF2');
    background: -webkit-gradient(linear, left top, left bottom, from(#FDFEFE), to(#EEEFF2));
    background: -moz-linear-gradient(top, #FDFEFE, #EEEFF2);
}

td.dxeHelpText_DevEx {
    visibility: visible;
    color: #9F9F9F;
}

td.dxeHelpText_DevEx label {
    font-size: 0.91em;
}

td.dxeHelpText_DevEx.dxeHHelpTextSys {
    padding: 0 6px;
}

td.dxeHelpText_DevEx.dxeVHelpTextSys {
    padding: 2px 0;
}

/* InternalCheckBox */
.dxeIRBFocused_DevEx {
    border: 1px dotted #a390ec;
    margin: 0px !important;
}

.dxeIRadioButton_DevEx {
}

.dxeButtonEditSys .dxic .dxeLoadingDiv_DevEx {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.dxeButtonEditSys .dxic .dxeLoadingPanel_DevEx {
    background-color: transparent !important;
}

.dxeButtonEditSys .dxic .dxeLoadingPanel_DevEx td.dx {
    padding: 0px !important;
}

.dxeButtonEditSys .dxic .dxeLoadingPanel_DevEx td.dx > span {
    display: none;
}

.dxeButtonEditSys .dxic .dxeLoadingPanel_DevEx td.dx > img {
    height: 15px;
    width: auto;
    vertical-align: middle;
}

.dxeReadOnly_DevEx {
}

.dxeBase_DevEx {
    font-family: 'Segoe UI','Helvetica Neue','Droid Sans',Arial,Tahoma,Geneva,Sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.dxeBase_DevEx.dxeTAR > tbody > tr > .dxichCellSys {
    padding-right: 16px;
}

.LayoutViewMode .dxeBase_DevEx.dxeTAR {
    color: #374248;
}

.LayoutViewMode .dxeDisabled .dxeBase_DevEx.dxeTAR {
    color: #acacac !important;
}

.optionDependent {
    padding-left: 32px !important;
}

.optionDependent .optionCaptionCellStyle {
    padding-right: 4px !important;
}

.optionCaptionCellStyle {
    padding-right: 36px !important;
}

.WebEditorCell .dxichCellSys {
    padding-right: 16px;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0;
}

.WebEditorCell .dxichTextCellSys label {
    color: #374248;
    font: 12px Segoe UI;
    font-weight: 400;
}

div.Item.MapViewItem > div.WebEditorCell {
    padding: 0 0 0 0px;
}

.dxgvInlineEditRow_DevEx .dxgvInlineEditCell_DevEx .WebEditorCell .dxichTextCellSys {
    display: none;
}

.dxgvInlineEditRow_DevEx .dxgvInlineEditCell_DevEx .WebEditorCell .dxichCellSys {
    padding-right: 0;
}

/* -- ErrorFrame -- */
.dxeErrorCell_DevEx {
    font: 12px 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
    color: #DD2C00;
}

.dxeErrorFrameWithoutError_DevEx {
    border: 1px solid #DD2C00;
}

.dxeErrorFrameWithoutError_DevEx .dxeControlsCell_DevEx,
.dxeErrorFrameWithoutError_DevEx.dxeControlsCell_DevEx {
    padding: 2px;
}

.dxeEditArea_DevEx {
    border-top: 1px solid #9da0aa;
    border-right: 1px solid #c2c4cb;
    border-bottom: 1px solid #d9dae0;
    border-left: 1px solid #c2c4cb;
}

body input.dxeEditArea_DevEx /*Bootstrap correction*/ {
    color: black;
}

input[type="text"].dxeEditArea_DevEx, /*Bootstrap correction*/
input[type="password"].dxeEditArea_DevEx /*Bootstrap correction*/ {
    margin-top: 0;
    margin-bottom: 3px;
    font-size: 12px;
    font-family: 'Segoe UI', 'Helvetica Neue', 'Droid Sans', Arial, Tahoma, Geneva, Sans-serif;
    font-weight: 400;
    color: #374248;
}

input[type="text"]:-webkit-autofill,
input[type="password"]:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: transparent !important;
    background-image: none;
    color: #374248;
}

.WebEditorCell input[type="password"].dxeEditArea_DevEx /*Bootstrap correction*/ {
    margin-top: 0;
    margin-bottom: 6px;
}

@-moz-document url-prefix() {
input[type="text"].dxeEditArea_DevEx,
input[type="password"].dxeEditArea_DevEx {
    margin-top: -1px;
    margin-bottom: 0;
}
}

td.dxeNoBorderTop {
    border-top: 0;
}

td.dxeNoBorderBottom {
    border-bottom: 0;
}

.dx-wrap,
span.dx-wrap {
    white-space: normal !important;
    line-height: normal;
    padding: 0;
}

/* -- Buttons -- */
.dxeButtonEditButton_DevEx,
.dxeCalendarButton_DevEx,
.dxeSpinIncButton_DevEx,
.dxeSpinDecButton_DevEx,
.dxeSpinLargeIncButton_DevEx,
.dxeSpinLargeDecButton_DevEx,
.dxeColorEditButton_DevEx {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
}

.dxeCalendarButton_DevEx,
.dxeColorEditButton_DevEx {
    border: 0;
}

.dxeButtonEditButton_DevEx {
    border-style: solid;
    border-color: Transparent;
    -border-color: White;
}

.dxeButtonEditButton_DevEx.dxeButtonEditButtonPressed_DevEx {
    border-color: #c2c4cb;
}

.dxeButtonEditButton_DevEx.dxeDisabled_DevEx {
    border-color: Transparent;
    -border-color: White;
}

.dxeButtonEditButton_DevEx.dxeButtonEditButtonHover_DevEx,
.dxeButtonEditButton_DevEx {
    border: 0;
}

.dxeButtonEdit_DevEx .dxeButtonLeft {
    border-top-width: 0;
    border-right-width: 1px;
    border-bottom-width: 0;
    border-left-width: 0;
}

.dxeSpinIncButton_DevEx,
.dxeSpinDecButton_DevEx,
.dxeSpinLargeIncButton_DevEx,
.dxeSpinLargeDecButton_DevEx {
    border-width: 0;
}

.dxeButtonEditButtonHover_DevEx,
.dxeButtonEditButton_DevEx {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 4px;
    padding-left: 5px;
}

.dxgvTable_DevEx .dxgvFilterRow_DevEx td.dxeButton.dxeButtonEditButton_DevEx {
    padding-top: 2px;
    padding-right: 3px;
    padding-bottom: 2px;
    padding-left: 3px;
}

.dxgvFilterRow_DevEx input.dxeEditArea_DevEx.dxeEditAreaSys {
    margin: 0;
    height: 20px;
}

.dxgvFilterRow_DevEx input.dxeEditArea_DevEx.dxeEditAreaSys:focus {
    background-color: #f0fcfe;
}

.dxgv.dxgvBatchEditCell_DevEx.dxgv {
    padding: 4px;
}

.dxgv.dxgvBatchEditCell_DevEx.dxgv .dxeButtonEditSys.dxeButtonEdit_DevEx {
    margin-bottom: 1px;
}

.dxgv.dxgvBatchEditCell_DevEx.dxgv .dxeButtonEditSys.dxeButtonEdit_DevEx .dxeButton.dxeButtonEditButton_DevEx .dxEditors_edtDropDown_DevEx {
    padding-left: 5px;
}

.dxgvFilterRow_DevEx .dxeTextBoxSys.dxeTextBox_DevEx.dxeTextBoxDefaultWidthSys.dxeFocused_DevEx,
.dxgvFilterRow_DevEx .dxeButtonEditSys.dxeButtonEdit_DevEx.dxeFocused_DevEx,
.autoFilterRowFocusedCellBorder {
    border: 1px solid #9fdde5 !important;
}

.dxgvFilterRow_DevEx .dxeButtonEditSys.dxeButtonEdit_DevEx.dxeFocused_DevEx,
.autoFilterRowFocusedCellBgColor {
    background-color: #f0fcfe;
}

.dxgvBatchEditCell_DevEx .dxeButtonEditButton_DevEx.dxeSpinIncButton_DevEx,
.dxgvBatchEditCell_DevEx .dxeButtonEditButton_DevEx.dxeSpinDecButton_DevEx {
    padding-top: 0px;
    padding-bottom: 0px;
}

.dxeSpinIncButton_DevEx {
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 2px;
    height: 8px !important;
}

.dxeSpinDecButton_DevEx {
    padding: 0;
    height: 8px !important;
}

.dxeSpinLargeIncButton_DevEx,
.dxeSpinLargeDecButton_DevEx {
    padding: 6px 4px 6px 4px;
}

.dxgvTable_DevEx .dxgvFilterRow_DevEx div.dxeButton.dxeButtonEditButton_DevEx {
    padding-right: 3px;
}

.dxgvTable_DevEx .dxgvFilterRow_DevEx div.dxeButton.dxeButtonEditButton_DevEx img {
    margin-top: 0;
}

.dxgvTable_DevEx .dxgvFilterRow_DevEx div.dxeButton.dxeButtonEditButton_DevEx.dxeSpinIncButton_DevEx img {
    margin-top: 3px;
}

.dxeCalendarButton_DevEx,
.dxeColorEditButton_DevEx {
    background: transparent;
    border-radius: 2px;
    padding: 4px 16px 4px;
    font-size: 14px;
    font-weight: 600;
    color: #78909c;
    text-transform: uppercase;
}

/* -- Pressed -- */
.dxeCalendarButtonPressed_DevEx,
.dxeColorEditButton_DevEx:active {
}

.dxeButtonEditButtonPressed_DevEx,
.dxeSpinIncButtonPressed_DevEx,
.dxeSpinDecButtonPressed_DevEx,
.dxeSpinLargeIncButtonPressed_DevEx,
.dxeSpinLargeDecButtonPressed_DevEx {
}

/* -- Hover -- */
.dxeCalendarButtonHover_DevEx,
.dxeColorEditButton_DevEx:hover {
    color: #06B7C2;
    background: #f1f3f4;
}

.dxeButtonEditButtonHover_DevEx,
.dxeSpinIncButtonHover_DevEx,
.dxeSpinDecButtonHover_DevEx,
.dxeSpinLargeIncButtonHover_DevEx,
.dxeSpinLargeDecButtonHover_DevEx {
}

.dxeButtonEdit_DevEx {
    background-color: white;
    border-top: 1px solid #9da0aa;
    border-right: 1px solid #c2c4cb;
    border-bottom: 1px solid #d9dae0;
    border-left: 1px solid #c2c4cb;
    border-collapse: separate;
    border-spacing: 0;
    font: 12px 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
}

.WebEditorCell .dxeButtonEditSys.dxeButtonEdit_DevEx {
    background-color: white;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #78909c;
    border-left: 0;
    border-collapse: separate;
    border-spacing: 0;
}

.WebEditorCell {
    min-height: 16px;
}

.WebEditorCell .dxeButtonEditSys.dxeButtonEdit_DevEx .dxeIIC > img {
    height: 16px;
    width: 16px;
    padding-right: 11px;
}

.WebEditorCell .dxgvEnumItem > tbody > tr > td > .dxeImage {
    padding-right: 9px;
    height: 16px;
    width: 16px;
}

.WebEditorCell .dxgvEnumItem > tbody > tr > td > .dxeBase_DevEx {
    color: #2D383E;
    font: 12px Segoe UI;
    font-weight: 400;
}

.WebEditorCell .dxeButtonEditSys.dxeButtonEdit_DevEx.dxeFocused_DevEx {
    border-bottom: 2px solid #06b7c2;
    border-right: 0;
    border-left: 0;
    border-top: 0;
}

.WebEditorCell .dxeRoot_DevEx .dxeErrorFrame_DevEx.dxeErrorFrameSys.dxeNoBorderBottom.dxeControlsCell_DevEx.dx-wrap
.dxeTextBoxSys.dxeTextBox_DevEx.dxeTextBoxDefaultWidthSys.dxeInvalid_DevEx.dxh0 {
    border-bottom: 1px solid #F44336;
    margin-bottom: 1px;
}

.WebEditorCell .dxeRoot_DevEx .dxeErrorFrame_DevEx.dxeErrorFrameSys.dxeNoBorderBottom.dxeControlsCell_DevEx.dx-wrap
.dxeTextBoxSys.dxeTextBox_DevEx.dxeTextBoxDefaultWidthSys.dxeInvalid_DevEx.dxh0.dxeFocused_DevEx {
    border-bottom: 2px solid #F44336;
    margin-bottom: 0px;
}

.WebEditorCell .dxeButtonEditSys.dxeButtonEdit_DevEx.dxeReadOnly_DevEx.dxeDisabled_DevEx { /*the bottom line of the editable field*/
    border-bottom: 1px solid #98AAB4;
    border-right: 0;
    border-left: 0;
    border-top: 0;
}

.WebEditorCell .ValidationFailed.dxedxeCalendarButton_DevExonEditSys.dxeButtonEdit_DevEx.dxeFocused_DevEx,
.WebEditorCell .ValidationFailed.dxeTextBoxSys.dxeTextBox_DevEx.dxeFocused_DevEx,
.WebEditorCell .dxeRoot_DevEx .dxeErrorFrame_DevEx .dxeButtonEditSys.ValidationFailed.dxeFocused_DevEx,
.WebEditorCell .ValidationFailed .dxeButtonEditSys.dxeButtonEdit_DevEx.xafLookupEditor.dxeFocused_DevEx,
.WebEditorCell .ValidationFailed .dxeButtonEditSys.dxeButtonEdit_DevEx.dxeReadOnly_DevEx.dxeFocused_DevEx,
.WebEditorCell .dxeButtonEditSys.dxeButtonEdit_DevEx.ValidationFailed.dxeFocused_DevEx {
    border-bottom: 2px solid #F44336;
    margin-bottom: 0px;
}

.WebEditorCell .dxeRoot_DevEx .dxeErrorFrame_DevEx .dxeButtonEditSys.ValidationFailed,
.WebEditorCell .ValidationFailed.dxeTextBoxSys.dxeTextBox_DevEx,
.WebEditorCell .ValidationFailed .dxeButtonEditSys.dxeButtonEdit_DevEx.xafLookupEditor,
.WebEditorCell .ValidationFailed .dxeButtonEditSys.dxeButtonEdit_DevEx.dxeReadOnly_DevEx,
.WebEditorCell .dxeButtonEditSys.dxeButtonEdit_DevEx.ValidationFailed,
.WebEditorCell .dxeButtonEditSys.dxeButtonEdit_DevEx.ValidationFailed.dxeReadOnly_DevEx.dxeDisabled_DevEx,
.WebEditorCell .dxeTextBoxSys.dxeTextBox_DevEx.ValidationFailed.dxeReadOnly_DevEx.dxeTextBoxDefaultWidthSys.dxeDisabled_DevEx {
    border-bottom: 1px solid #F44336;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    margin-bottom: 1px;
}

.WebEditorCell .ValidationFailed.dxeMemoSys.dxeMemo_DevEx,
.WebEditorCell .ValidationFailed.dxeMemoSys.dxeMemo_DevEx.dxeFocused_DevEx {
    border: 1px solid #F44336;
}

.dxeButtonEdit_DevEx td.dxic {
    padding: 2px 0px 0px 0px;
    overflow: hidden;
}

.dxeTextBoxSys td.dxic {
    padding: 0;
}

*[dir="rtl"].dxeTextBox_DevEx td.dxic {
    *padding-right: 12px;
}

*[dir="rtl"].dxeButtonEdit_DevEx td.dxic {
    *padding-right: 12px;
}

.dxeButtonEdit_DevEx .dxeEditArea_DevEx {
    background-color: transparent;
}

.dxeButtonEdit_DevEx .dxeIIC,
.dxeButtonEdit_DevEx .dxeIICR {
    padding: 1px;
}

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

.dxeButtonEdit_DevEx .dxeIICR img {
    padding-right: 3px;
}

.dxeTextBox_DevEx {
    background-color: white;
    border-top: 1px solid #9da0aa;
    border-right: 1px solid #c2c4cb;
    border-bottom: 1px solid #d9dae0;
    border-left: 1px solid #c2c4cb;
    font: 11px 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
}

.WebEditorCell .dxeTextBoxSys.dxeTextBox_DevEx {
    background-color: white;
    border-bottom: 1px solid #78909c;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    font: 12px Segoe UI;
    font-weight: 400;
}

.WebEditorCell .dxeTextBoxSys.dxeTextBox_DevEx.dxeFocused_DevEx {
    border-bottom: 2px solid #06b7c2;
    border-right: 0;
    border-left: 0;
    border-top: 0;
}

.WebEditorCell .dxeTextBoxSys.dxeTextBox_DevEx.dxeReadOnly_DevEx.dxeDisabled_DevEx,
.WebEditorCell .dxpnlControl_DevEx.dxpnlDisabled_DevEx .dxeButtonEditSys.dxeButtonEdit_DevEx.dxeDisabled_DevEx { /*the bottom line of the editable field*/
    border-bottom: 1px solid #98AAB4;
    border-right: 0;
    border-left: 0;
    border-top: 0;
}

.dxgvFilterRow_DevEx .dxeButtonEditSys.dxeButtonEdit_DevEx,
.dxgvFilterRow_DevEx table.dxeTextBoxSys.dxeTextBox_DevEx,
table.dxeButtonEditSys.dxeButtonEdit_DevEx {
    border: 1px solid #cfd8dc;
    border-radius: 2px;
}

.dxeTextBox_DevEx .dxeEditArea_DevEx {
    background-color: white;
}

.dxeRadioButtonList_DevEx,
.dxeCheckBoxList_DevEx {
    border-top: 1px solid #9da0aa;
    border-right: 1px solid #c2c4cb;
    border-bottom: 1px solid #d9dae0;
    border-left: 1px solid #c2c4cb;
}

.dxeCheckBoxList_DevEx .dxe > table,
.dxeRadioButtonList_DevEx .dxe > table {
    width: 100%;
}

.dxeRadioButtonList_DevEx,
.dxeCheckBoxList_DevEx {
    font: 11px 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
}

.dxeRadioButtonList_DevEx td.dxe,
.dxeCheckBoxList_DevEx td.dxe {
    padding: 7px 5px 6px 11px;
}

.dxeRadioButtonList_DevEx[dir='rtl'] td.dxe,
.dxeCheckBoxList_DevEx[dir='rtl'] td.dxe {
    padding: 7px 11px 6px 5px;
}

/* Disabled */
.dxeDisabled_DevEx .dxeButtonEditButton_DevEx,
.dxeDisabled_DevEx .dxeSpinIncButton_DevEx,
.dxeDisabled_DevEx .dxeSpinDecButton_DevEx,
.dxeDisabled_DevEx .dxeSpinLargeIncButton_DevEx,
.dxeDisabled_DevEx .dxeSpinLargeDecButton_DevEx {
    background: White none;
}

/* -- Memo -- */
.dxeMemo_DevEx {
    background-color: white;
    border-top: 1px solid #9da0aa;
    border-right: 1px solid #c2c4cb;
    border-bottom: 1px solid #d9dae0;
    border-left: 1px solid #c2c4cb;
    font: 11px 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
}

.dxeMemoEditArea_DevEx {
    outline: none;
    background-color: white;
    padding: 0;
    color: #374248;
    font: 12px Segoe UI;
    font-weight: 400;
}

.WebEditorCell .dxeMemoSys.dxeMemo_DevEx {
    background-color: white;
    border-bottom: 1px solid #78909c;
    border-right: 1px solid #78909c;
    border-left: 1px solid #78909c;
    border-top: 1px solid #78909c;
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 7px;
}

.WebEditorCell .dxeMemoSys.dxeMemo_DevEx.dxeFocused_DevEx {
    border: 1px solid #06b7c2
}

.WebEditorCell .dxeMemoSys.dxeMemo_DevEx.dxeReadOnly_DevEx.dxeDisabled_DevEx { /*the border of the comment box*/
    border: 1px solid #98AAB4;
}

.WebEditorCell .dxeMemoSys td {
    padding: 0;
}

/* -- Hyperlink -- */
.dxeHyperlink_DevEx {
    font: 11px 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
    color: #1b3f91;
    text-decoration: none;
}

a.dxeHyperlink_DevEx:hover {
    text-decoration: underline;
}

a.dxeHyperlink_DevEx:visited {
    color: #8684ed;
}

/* -- ListBox -- */
.dxeListBox_DevEx {
    color: #201f35;
    font: 11px 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
    background-color: white;
    width: 70px;
    height: 100% !important;
    padding-bottom: 4px;
    padding-top: 4px;
}

.ListBoxSelectionViewItem .dxeListBox_DevEx {
    height: unset !important;
}

.dxeListBox_DevEx div.dxlbd {
    height: 108px;
}

.dxeListBox_DevEx.multySelect div.dxlbd {
    height: 108px !important;
}

.dxeListBoxItemRow_DevEx {
    cursor: default;
}

.dxeListBoxItemRow_DevEx .dxeListBoxItem_DevEx.dxeI > img {
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 7px;
    height: 16px;
    width: 16px;
}

.dxeListBoxItem_DevEx {
    border-left: 2px solid transparent;
    padding: 0px 12px 0px 16px;
    white-space: nowrap;
    text-align: left;
    border-width: 2px;
    font-size: 12px;
    height: 28px;
}

.dxeListBoxItem_DevEx.CurrentDayCssClass {
    background-color: #e0f5f7;
}

.dxeListBoxItem_DevEx em {
    background: #e2eafd none repeat 0 0;
    color: #201f35;
    font-weight: bold;
    font-style: normal;
}

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

.dxeListBox_DevEx td.dxeIR,
.dxeListBox_DevEx td.dxeIMR,
.dxeListBox_DevEx .dxeHICR,
.dxeListBox_DevEx td.dxeFTMR,
.dxeListBox_DevEx td.dxeTMR,
.dxeListBox_DevEx td.dxeCR,
.dxeListBox_DevEx td.dxeCMR,
.dxeListBox_DevEx td.dxeHCCR,
.dxeListBox_DevEx td.dxeMIR,
.dxeListBox_DevEx td.dxeMIMR {
    border-left-width: 0 !important;
}

.dxeListBox_DevEx td.dxeCM,
.dxeListBox_DevEx td.dxeHCC,
.dxeListBox_DevEx td.dxeCMR,
.dxeListBox_DevEx td.dxeHCCR {
    width: 31px;
    *width: 21px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dxeListBox_DevEx td.dxeIM,
.dxeListBox_DevEx td.dxeIMR {
    width: 0;
}

.dxeListBox_DevEx td.dxeCR {
    padding-left: 3px !important;
}

.dxeListBox_DevEx td.dxeC > span,
.dxeListBox_DevEx td.dxeCM > span {
    margin: 2px 2px 2px 3px;
}

.dxeListBox_DevEx td.dxeCR > span,
.dxeListBox_DevEx td.dxeCMR > span {
    margin: 2px 3px 2px 2px;
}

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

.dxeListBox_DevEx td.dxeTR {
    width: 100%;
    padding-right: 0 !important;
}


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

.dxeListBox_DevEx td.dxeTR,
.dxeListBox_DevEx td.dxeMIR {
    border-right-width: 0 !important;
}


.dxeListBox_DevEx td.dxeFTM,
.dxeListBox_DevEx td.dxeTM,
.dxeListBox_DevEx td.dxeLTM,
.dxeListBox_DevEx .dxeHFC,
.dxeListBox_DevEx .dxeHC,
.dxeListBox_DevEx .dxeHLC,
.dxeListBox_DevEx td.dxeFTMR,
.dxeListBox_DevEx td.dxeTMR,
.dxeListBox_DevEx td.dxeLTMR,
.dxeListBox_DevEx .dxeHFCR,
.dxeListBox_DevEx .dxeHCR,
.dxeListBox_DevEx .dxeHLCR {
    overflow: hidden;
}

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

.dxeListBox_DevEx td.dxeFTMR,
.dxeListBox_DevEx td.dxeTMR,
.dxeListBox_DevEx .dxeHFCR,
.dxeListBox_DevEx .dxeHCR {
    padding-left: 6px !important;
}


.dxeListBox_DevEx td.dxeLTM,
.dxeListBox_DevEx td.dxeTM,
.dxeListBox_DevEx .dxeHC,
.dxeListBox_DevEx .dxeHLC {
    padding-left: 6px !important;
}

.dxeListBox_DevEx td.dxeLTMR,
.dxeListBox_DevEx td.dxeTMR,
.dxeListBox_DevEx .dxeHCR,
.dxeListBox_DevEx .dxeHLCR {
    padding-right: 6px !important;
}

.dxeListBox_DevEx .dxeFTM,
.dxeListBox_DevEx .dxeTM,
.dxeListBox_DevEx .dxeHFC,
.dxeListBox_DevEx .dxeHC,
.dxeListBox_DevEx .dxeLTM,
.dxeListBox_DevEx .dxeTM,
.dxeListBox_DevEx .dxeHC,
.dxeListBox_DevEx .dxeHLC,
.dxeListBox_DevEx td.dxeIM,
.dxeListBox_DevEx td.dxeFTM,
.dxeListBox_DevEx td.dxeTM,
.dxeListBox_DevEx td.dxeCM,
.dxeListBox_DevEx td.dxeMIM,
.dxeListBox_DevEx .dxeFTMR,
.dxeListBox_DevEx .dxeTMR,
.dxeListBox_DevEx .dxeHFCR,
.dxeListBox_DevEx .dxeHCR,
.dxeListBox_DevEx .dxeLTMR,
.dxeListBox_DevEx .dxeTMR,
.dxeListBox_DevEx .dxeHCR,
.dxeListBox_DevEx .dxeHLCR,
.dxeListBox_DevEx td.dxeIMR,
.dxeListBox_DevEx td.dxeFTMR,
.dxeListBox_DevEx td.dxeTMR,
.dxeListBox_DevEx td.dxeCMR,
.dxeListBox_DevEx td.dxeMIMR {
    border-top-width: 0;
    border-bottom-width: 0;
}

/*Grid lines*/

.dxeListBox_DevEx td.dxeLTM,
.dxeListBox_DevEx td.dxeTM,
.dxeListBox_DevEx td.dxeMIM {
    border-left: 1px solid #d9dae0 !important;
}

.dxeListBox_DevEx td.dxeLTM {
    border-right: 1px solid Transparent !important;
}

.dxeListBox_DevEx td.dxeLTMR,
.dxeListBox_DevEx td.dxeTMR,
.dxeListBox_DevEx td.dxeMIMR {
    border-right: 1px solid #d9dae0 !important;
}

.dxeListBox_DevEx td.dxeIM,
.dxeListBox_DevEx td.dxeFTM,
.dxeListBox_DevEx td.dxeTM,
.dxeListBox_DevEx td.dxeLTM,
.dxeListBox_DevEx td.dxeCM,
.dxeListBox_DevEx td.dxeMIM,
.dxeListBox_DevEx td.dxeIMR,
.dxeListBox_DevEx td.dxeFTMR,
.dxeListBox_DevEx td.dxeTMR,
.dxeListBox_DevEx td.dxeLTMR,
.dxeListBox_DevEx td.dxeCMR,
.dxeListBox_DevEx td.dxeMIMR {
    border-bottom: 1px solid #d9dae0;
}

.dxeListBoxItemSelected_DevEx {
    color: #06b7c2;
    font-size: 12px;
    font-weight: 600;
    background: white;
}

.dxeListBoxItemHover_DevEx {
    color: #2d383e;
    font-size: 12px;
    font-weight: 600;
    background: #EEFAFB;
    border-left: 2px solid #06b7c2;
}

    .dxeListBoxItemHover_DevEx em,
    .dxeListBoxItemSelected_DevEx em {
        background-image: none;
    }
/* -- ListBox Scroll -- */

/* Chromium engine */
.dxeListBox_DevEx div.dxlbd::-webkit-scrollbar {
    width: 4px;
}

.dxeListBox_DevEx div.dxlbd::-webkit-scrollbar-thumb {
    background: #06b7c2;
}
/* IE */
.dxeListBox_DevEx div.dxlbd {
    scrollbar-arrow-color: white;
    scrollbar-face-color: #06b7c2;
    overflow-x: hidden !important
}
/*Header*/

.dxeListBox_DevEx .dxeHD {
    background: #f3f3f4 url('lbHeaderBack.png') repeat-x left top;
    border-bottom: 1px solid #abacb9;
}

.dxeHD .dxeListBoxItem_DevEx {
    color: #201f35;
    border-top-width: 0;
    border-right-width: 1px;
    border-bottom-width: 0;
    border-left-width: 1px;
    padding-top: 3px;
    padding-bottom: 3px;
}

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

.dxeListBox_DevEx .dxeHCR,
.dxeListBox_DevEx .dxeHLCR,
.dxeListBox_DevEx td.dxeHMICR {
    border-right: 1px solid #cacbd3;
    text-align: right;
}

.dxeListBox_DevEx .dxeHIC,
.dxeListBox_DevEx .dxeHFC,
.dxeListBox_DevEx .dxeHCC {
}

.dxeListBox_DevEx .dxeHICR,
.dxeListBox_DevEx .dxeHFCR,
.dxeListBox_DevEx .dxeHCCR {
}

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

.dxeListBox_DevEx .dxeHFCR,
.dxeListBox_DevEx .dxeHCR,
.dxeListBox_DevEx .dxeHMICR {
    border-left-width: 0;
    text-align: right;
}

.dxeListBox_DevEx .dxeHLC {
    border-right: 1px solid #cacbd3;
}

.dxeListBox_DevEx .dxeHLCR {
    border-left: 1px solid #cacbd3;
    text-align: right;
}

/* -- Calendar -- */
.dxeCalendar_DevEx {
    font: 12px Segoe UI;
    font-weight: normal;
    color: #201f35;
    border: 0px;
    background-color: White;
    cursor: default;
}

.dxeCalendar_DevEx.dxeFocused_DevEx {
    border: 0px;
}

.dxeCalendar_DevEx > tbody > tr > td > table > tbody > tr:last-child {
    text-align: center;
}

.dxeCalendar_DevEx > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(2) > td > table {
    padding-right: 15px;
}

.dxeCalendar_DevEx > tbody > tr > td:nth-child(2) > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td:nth-child(1) {
    border-left: 1px solid #b1bfc6;
}

.dxeCalendar_DevEx > tbody > tr > td:nth-child(2) > table > tbody > tr:nth-child(2) > td > table > tbody > tr:nth-child(1) > td:nth-child(1) {
    border-left: 0;
}

.dxeCalendar_DevEx > tbody > tr > td:nth-child(2) > table > tbody > tr:nth-child(2) > td > table > tbody > tr:first-child {
    border-left: 0px;
    margin-left: 1px;
}

.dxeCalendar_DevEx td.dxMonthGrid {
    padding: 1px 8px;
}

.dxeCalendar_DevEx td.dxMonthGridWithWeekNumbers {
    padding: 0;
}

.dxeCalendar_DevEx td.dxMonthGridWithWeekNumbersRtl {
    padding: 1px 8px 1px 20px;
}

.dxeCalendarDayHeader_DevEx {
    padding-top: 17px;
    /*padding-right: 13px;*/
    padding-bottom: 16px;
    /*padding-left: 13px;*/
    text-align: center;
    border: 0px;
    color: #90a4ae;
    font-size: 11px;
    font-weight: 400;
}

.dxeCalendarWeekNumber_DevEx {
    padding-top: 8px;
    padding-right: 22px;
    padding-bottom: 8px;
    padding-left: 22px;
    color: #90a4ae;
    font-size: 11px;
    font-weight: 400;
    word-break: normal;
}

.dxeCalendarDay_DevEx {
    padding: 8px 13px 8px;
    font-size: 12px;
    font-weight: 600;
    color: #455a64;
    word-break: normal;
}

.dxeCalendarWeekend_DevEx {
    color: #455a64;
}

.dxeCalendarOtherMonth_DevEx {
    color: #b1bfc6;
}

.dxeCalendarOutOfRange_DevEx {
    color: #cccccc;
}

.dxeCalendarDayDisabled_DevEx {
    background-color: #fcfdfe;
    color: #ecedee !important;
}

.dxeCalendarToday_DevEx {
    border: 0;
    color: #06b7c2;
    font-size: 14px;
    padding: 6px 11px 6px;
}

.dxeCalendarSelected_DevEx {
    background-color: #06b7c2;
    color: #FFFFFF;
    border-radius: 2px;
}

.dxeCalendarDay_DevEx.dxeCalendarSelected_DevEx.dxeDayInRange {
    background-color: #d6f3f5;
    color: #455a64;
}

.dxeCalendarDay_DevEx.dxeCalendarOtherMonth_DevEx.dxeCalendarSelected_DevEx.dxeDayInRange {
    color: #b1bfc6;
}

.dxeCalendarHeader_DevEx {
    border-style: none;
    padding: 8px 4px 8px;
    background: #f4f4f4;
}

.dxeCalendarHeader_DevEx td.dxe {
    text-align: center;
    cursor: pointer;
    font: 14px Segoe UI;
    font-weight: 600;
    color: #455a64;
}

.dxeCalendarHeader_DevEx .dxeCHS {
    min-width: 1px;
    *width: 1px;
}

.dxeCalendarFooter_DevEx {
    background-color: White;
    height: 64px;
    padding: 0;
    text-align: right;
}

.dxeCalendarFooter_DevEx .dxeCFS {
    min-width: 8px;
    *width: 8px;
}

.dxeCalendarFooter_DevEx.dx-ac > * {
    margin-top: 0px;
    margin-right: 8px;
    margin-bottom: 0px;
}

.dxeDropDownWindow_DevEx.dxpc-content .dxgvHeader_DevEx .dx-ac {
    visibility: visible !important;
}

.dxeCalendarFastNav_DevEx {
    color: #201f35;
    background: White none;
    border-top: 1px solid #9da0aa;
    border-right: 1px solid #9da0aa;
    border-bottom: 0 solid #9da0aa;
    border-left: 1px solid #9da0aa;
    padding: 5px 8px;
    cursor: default;
}

.dxeCalendarFastNavMonthArea_DevEx {
    padding: 0px 9px;
}

.dxeCalendarFastNavYearArea_DevEx {
    padding-top: 8px;
}

.dxeCalendarFastNavFooter_DevEx {
    color: #201f35;
    background: White none;
    padding: 8px 0 17px;
    border-top: 0 solid #d7d8dd;
    border-right: 1px solid #9da0aa;
    border-bottom: 1px solid #9da0aa;
    border-left: 1px solid #9da0aa;
}

.dxeCalendarFastNavFooter_DevEx .dxeCFNFS {
    min-width: 11px;
    *width: 11px;
}

.dxeCalendarFastNavMonth_DevEx,
.dxeCalendarFastNavYear_DevEx {
    color: #201f35;
    padding: 3px 5px;
    text-align: center;
    cursor: pointer;
}

.dxeCalendarFastNavYear_DevEx {
    padding: 3px 5px;
}

.dxeCalendarFastNavMonth_DevEx {
    padding: 6px;
}

.dxeCalendarFastNavMonthHover_DevEx,
.dxeCalendarFastNavYearHover_DevEx {
    color: #201f35;
    background: #f3ebfe none;
    border-width: 0;
}

.dxeCalendarFastNavYearHover_DevEx,
.dxeCalendarFastNavYearSelected_DevEx {
    padding: 3px 5px;
}

.dxeCalendarFastNavMonthHover_DevEx,
.dxeCalendarFastNavMonthSelected_DevEx {
    padding: 6px;
}

.dxeCalendarFastNavMonthSelected_DevEx,
.dxeCalendarFastNavYearSelected_DevEx {
    color: #201f35;
    background-color: #e2eafd;
}

.dxeDateEditTimeEditCell_DevEx {
    padding: 7px 34px 9px;
    width: 100px;
}

.dxeDateEditClockCell_DevEx {
    padding: 14px 24px 0;
}

.dxeCalendarFooter_DevEx.dxeDETSF {
    padding-left: 11px;
    padding-right: 11px;
}

.dxeCalendarHeader_DevEx.dxeDETSH {
    display: none;
}
/* Custom Calendar */
.customCalendarPropertyEditorPanel .dxpcDropDown_DevEx.dxpclW.dxpc-ddSys {
    max-width: 352px;
    max-height: 344px;
}

.dxpnlControl_DevEx.customCalendarCallbackPanel .dxeCalendar_DevEx {
    width: 400px;
}

.customCalendarCallbackPanel .dxtc-stripContainer {
    width: 400px;
}

.dxpnlControl_DevEx.customCalendarCallbackPanel .dxeCalendar_DevEx > tbody > tr > td > table > tbody > tr:nth-child(2) > td > table {
    margin: auto;
    width: 339px !important;
    padding-right: 0;
}

.dxpnlControl_DevEx.customCalendarCallbackPanel .dxtc-wrapper.dxtc-stripContainer a {
    text-decoration: none;
}

.dxpnlControl_DevEx.customCalendarCallbackPanel .dxtcLite_DevEx.ASPxPageControl_CssClass.dxtcSys.dxtc-top .dxtc-content {
    padding: 0;
}

.dxpnlControl_DevEx.customCalendarCallbackPanel .dxtcLite_DevEx.ASPxPageControl_CssClass.dxtcSys.dxtc-top .dxtc-wrapper.dxtc-stripContainer .dxtc-sbIndent,
.dxpnlControl_DevEx.customCalendarCallbackPanel .dxtcLite_DevEx.ASPxPageControl_CssClass.dxtcSys.dxtc-top .dxtc-wrapper.dxtc-stripContainer .dxtc-sbWrapper,
.dxpnlControl_DevEx.customCalendarCallbackPanel .dxtcLite_DevEx.ASPxPageControl_CssClass.dxtcSys.dxtc-top .dxtc-wrapper.dxtc-stripContainer .dxtc-sbSpacer {
    display: none;
}

.dxpnlControl_DevEx.customCalendarCallbackPanel .dxtcLite_DevEx.ASPxPageControl_CssClass.dxtcSys.dxtc-top .dxtc-wrapper.dxtc-stripContainer .dxtc-strip {
    position: static !important;
}

.dxpnlControl_DevEx.customCalendarCallbackPanel .dxtcLite_DevEx.ASPxPageControl_CssClass.dxtcSys.dxtc-top .dxtc-wrapper.dxtc-stripContainer .dxtc-leftIndent {
    width: 16px;
}

.dxpnlControl_DevEx.customCalendarCallbackPanel .dxtcLite_DevEx.ASPxPageControl_CssClass.dxtcSys.dxtc-top .dxtc-wrapper.dxtc-stripContainer > li:nth-child(2) {
    margin-left: 0 !important;
    flex: 1 1 auto;
}

.dxpnlLoadingPanelWithContent_DevEx.dxlpLoadingPanelWithContent_DevEx > tbody > tr > td.dx,
.dxpnlControl_DevEx.customCalendarCallbackPanel .dxeLoadingPanelWithContent_DevEx.dxlpLoadingPanelWithContent_DevEx > tbody > tr > td.dx {
    display: block;
}

.dxpnlLoadingPanelWithContent_DevEx.dxlpLoadingPanelWithContent_DevEx > tbody > tr > td:nth-child(2).dx,
.dxpnlControl_DevEx.customCalendarCallbackPanel .dxeLoadingPanelWithContent_DevEx.dxlpLoadingPanelWithContent_DevEx > tbody > tr > td:nth-child(2).dx {
    padding-left: 10px !important;
}

.dxpnlControl_DevEx.customCalendarNavigationPanel {
    background: #f4f4f4;
    padding: 8px 0px 8px;
    text-align: center;
    height: 24px;
}

.dxpnlControl_DevEx.customCalendarNavigationPanel .dxeBase_DevEx.periodNameLabel {
    text-align: center;
    font: 14px Segoe UI;
    font-weight: 600;
    color: #455a64;
    vertical-align: middle;
}

.dxbButton_DevEx.prevPeriodButton.dxbButtonSys.dxbTSys {
    margin-left: 13px !important;
    background-position: -48px -216px;
    width: 24px;
    height: 24px;
    background-image: url('sprite.png');
    background-repeat: no-repeat;
    background-color: transparent;
    float: left
}

.dxbButton_DevEx.prevPeriodButton.dxbDisabled_DevEx.dxbButtonSys.dxbTSys {
    background-position: 0 -256px;
    opacity: 0.6;
}

.dxbButton_DevEx.nextPeriodButton.dxbButtonSys.dxbTSys {
    margin-right: 13px !important;
    background-position: -72px -216px;
    width: 24px;
    height: 24px;
    background-image: url('sprite.png');
    background-repeat: no-repeat;
    background-color: transparent;
    float: right;
}

.dxbButton_DevEx.nextPeriodButton.dxbDisabled_DevEx.dxbButtonSys.dxbTSys {
    background-position: -24px -256px;
    opacity: 0.6;
}

.dxbButton_DevEx.prevYearButton.dxbButtonSys.dxbTSys {
    margin-left: 16px !important;
    background-position: 0 -216px;
    width: 24px;
    height: 24px;
    background-image: url('sprite.png');
    background-repeat: no-repeat;
    background-color: transparent;
    float: left
}

.dxbButton_DevEx.prevYearButton.dxbDisabled_DevEx.dxbButtonSys.dxbTSys {
    background-position: 0 -216px;
    opacity: 0.6;
}

.dxbButton_DevEx.nextYearButton.dxbButtonSys.dxbTSys {
    margin-right: 16px !important;
    background-position: -24px -216px;
    width: 24px;
    height: 24px;
    background-image: url('sprite.png');
    background-repeat: no-repeat;
    background-color: transparent;
    float: right;
}

.dxbButton_DevEx.nextYearButton.dxbDisabled_DevEx.dxbButtonSys.dxbTSys {
    background-position: -24px -216px;
    opacity: 0.6;
}

.dxpnlControl_DevEx.customCalendarCallbackPanel .dxtc-content .dxgvControl_DevEx {
    background: white;
    padding: 8px;
}

.dxgvTable_DevEx.calendarTable {
    background: white !important;
}

.dxgvHeader_DevEx.calendarHeader {
    background-color: transparent;
    border: 0px;
    height: 62px;
    width: 18px;
    cursor: default;
    padding: 5px 11px;
}

.dxgvHeader_DevEx.calendarHeader > table > tbody > tr > td {
    color: #90a4ae;
    font: 11px Segoe UI;
    font-weight: 400;
    line-height: 28px;
}

.dxgvTable_DevEx.calendarTable .dxgvDataRow_DevEx {
    height: 32px;
}

.dxgvTable_DevEx.calendarTable .dxgvDataRow_DevEx .customWeekCell {
    color: #90a4ae;
    font: 11px Segoe UI;
    font-weight: 400;
    min-width: 40px;
    text-align: center;
    padding-right: 16px;
    white-space: nowrap;
}

.dxgvTable_DevEx.calendarTable .dxgvDataRow_DevEx .customCalendarCell {
    color: #455a64;
    font: 12px Segoe UI;
    font-weight: 600;
    text-align: center;
}

.dxgvTable_DevEx.calendarTable .dxgvDataRow_DevEx .customCalendarCell.customCalendarPrevMonth {
    background: #ede7f6;
}

.dxgvTable_DevEx.calendarTable .dxgvDataRow_DevEx .customCalendarCell.customCalendarNextMonth {
    background: #e0f7fa;
}

.dxgvTable_DevEx.calendarTable .dxgvDataRow_DevEx .customCalendarSelectedCell {
    background-color: #06b7c2 !important;
    color: #FFFFFF !important;
    border-radius: 2px;
    font: 12px Segoe UI;
    font-weight: 600;
    text-align: center;
}

.dxgvTable_DevEx.calendarTable .dxgvDataRow_DevEx .customCalendarCell.customCalendarToday {
    color: #06b7c2;
    font-size: 14px;
}

.dxgvTable_DevEx.calendarTable .dxgvDataRow_DevEx .customCalendarCell.customCalendarWeekendCell {
    color: #ec407a;
}

.dxgvTable_DevEx.calendarTable .dxgvDataRow_DevEx .customMonthCell {
    color: #455a64;
    font: 11px Segoe UI;
    font-weight: 600;
    text-align: center;
    padding-left: 16px;
    white-space: nowrap;
}

.dxpnlControl.customCalendarFooter {
    height: 42px;
    margin-top: 14px;
}

.dxpnlControl.customCalendarFooter .dxbButton_DevEx.customButton.dxbButtonSys.dxbTSys {
    background: transparent;
    border-radius: 2px;
    padding: 4px 16px 4px;
    font: 14px Segoe UI;
    font-weight: 600;
    color: #78909c;
    text-transform: uppercase;
    float: right;
}

.dxpnlControl.customCalendarFooter > div {
    margin-right: 8px;
}

.dxpnlControl.customCalendarFooter .dxbButton_DevEx.customButton.dxbButtonSys.dxbTSys:hover {
    color: #06c7b2;
    background: #f1f3f4;
}

/* FileManager */

.dxpnlControl_DevEx.swFileManager_callbackPanel {
    min-width: 680px;
    width: 100%;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.dxpnlControl_DevEx.swFileManager_callbackPanel .dxfmControl_DevEx.dxfm-dst {
    height: 100% !important;
    width: 100% !important;
}

.dxfmControl_DevEx.dxfm-dst .dxsplPane_DevEx.fileManager_Toolbar.dxfm-toolbar {
    height: 56px !important;
    vertical-align: inherit !important;
}

.dxfmControl_DevEx.dxfm-dst .dxsplPane_DevEx.fileManager_Toolbar.dxfm-toolbar .dxsplLCC,
.dxfmControl_DevEx.dxfm-dst .dxsplPane_DevEx.fileManager_Toolbar.dxfm-toolbar .dxsplLCC .dxfm,
.dxfmControl_DevEx.dxfm-dst .dxsplPane_DevEx.fileManager_Toolbar.dxfm-toolbar .dxsplLCC .dxfm .dx-al {
    padding: 0px;
    height: 56px !important;
}

.dxsplPane_DevEx.fileManager_Toolbar.dxfm-toolbar .dxmLite.dxm-ltr.swFileManager_header {
    display: table;
    height: 52px;
    float: left;
    border-bottom: 4px solid #06b7c2;
    font-size: 14px;
    font-weight: 600;
    color: #06b7c2;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: 12px;
}

.dxsplPane_DevEx.fileManager_Toolbar.dxfm-toolbar .dxmLite.dxm-ltr.swFileManager_header .fm_headerText {
    vertical-align: middle;
    display: table-cell;
}

.dxsplPane_DevEx.fileManager_Toolbar.dxfm-toolbar .dxmLite.dxm-ltr .dxm-main.dxm-horizontal.dxmtb {
    height: 56px;
    border: 0;
    background: transparent;
    width: auto !important;
}

.dxsplPane_DevEx.fileManager_Toolbar.dxfm-toolbar .dxsplLCC .dxmLite_DevEx.dxm-ltr .dxm-main.dxm-horizontal.dxmtb .dx.dxm-image-l,
.dxsplPane_DevEx.fileManager_Toolbar.dxfm-toolbar .dxsplLCC .dxmLite.dxm-ltr .dxm-main.dxm-horizontal.dxmtb .dx.dxm-image-l {
    padding-top: 15px;
    margin-right: 12px;
}

.dxm-item.fileManager_ToolbarItem.dxm-hovered {
    background: transparent;
}

.dxsplPane_DevEx.fileManager_Toolbar.dxfm-toolbar .dxfm-tbwrp .dxmLite_DevEx .dxm-main.dxm-horizontal {
    width: auto !important;
}

.dxsplPane_DevEx.fileManager_Toolbar.dxfm-toolbar .dxsplLCC .dxmLite.dxm-ltr .dxm-main.dxm-horizontal.dxmtb .dx.dxm-image-l .dxm-item.fileManager_ToolbarItem.dxm-disabled .dxm-content.dxm-disabled,
.dxsplPane_DevEx.fileManager_Toolbar.dxfm-toolbar .dxsplLCC .dxmLite.dxm-ltr .dxm-main.dxm-horizontal.dxmtb .dx.dxm-image-l .dxm-item.fileManager_ToolbarItem .dxm-content {
    padding: 0;
}

.dxsplPane_DevEx.fileManager_Toolbar.dxfm-toolbar .dxsplLCC .dxmLite.dxm-ltr .dxm-main.dxm-horizontal.dxmtb .dx.dxm-image-l .dxm-item.fileManager_ToolbarItem,
.dxsplPane_DevEx.fileManager_Toolbar.dxfm-toolbar .dxsplLCC .dxmLite.dxm-ltr .dxm-main.dxm-horizontal.dxmtb .dx.dxm-image-l .dxm-item.fileManager_ToolbarItem.dxm-hovered {
    border: 0;
    background: transparent;
}

.dxm-item.fileManager_ToolbarItem.dxm-disabled .dxmLite .dxm-horizontal.dxmtb .dxm-image-l .dxm-content {
    padding: 0px;
}

.dxsplPane_DevEx.fileManager_Toolbar.dxfm-toolbar .dxsplLCC .dxmLite_DevEx.dxm-ltr .dxm-main.dxm-horizontal.dxmtb .dx.dxm-image-l .dxm-separator,
.dxsplPane_DevEx.fileManager_Toolbar.dxfm-toolbar .dxsplLCC .dxmLite_DevEx.dxm-ltr .dxm-main.dxm-horizontal.dxmtb .dx.dxm-image-l .dxm-spacing,
.dxsplPane_DevEx.fileManager_Toolbar.dxfm-toolbar .dxsplLCC .dxmLite.dxm-ltr .dxm-main.dxm-horizontal.dxmtb .dx.dxm-image-l .dxm-separator,
.dxsplPane_DevEx.fileManager_Toolbar.dxfm-toolbar .dxsplLCC .dxmLite.dxm-ltr .dxm-main.dxm-horizontal.dxmtb .dx.dxm-image-l .dxm-spacing {
    display: none;
}

.dxm-item.fileManager_ToolbarItem .dxm-content {
    margin-left: 24px;
    padding: 0 !important;
}

.dxsplPane_DevEx.dxfm-breadCrumbs.fileManager_Breadcrumbs {
    height: 48px !important;
}

.dxsplPane_DevEx.dxfm-breadCrumbs.fileManager_Breadcrumbs .dxsplLCC {
    padding: 0px !important;
    height: auto !important;
}

.dxsplPane_DevEx.dxfm-breadCrumbs.fileManager_Breadcrumbs .dxsplLCC .dxfm-bcItem.fileManager_BreadcrumbsItem {
    font: 14px 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 600;
    color: #78909c;
}

.dxsplPane_DevEx.dxfm-breadCrumbs.fileManager_Breadcrumbs .dxsplLCC .dxfm-bcContainer .dxWeb_fmBreadCrumbsSeparatorArrow_DevEx {
    background-image: url('fmBreadcrumbsDivider.png') !important;
    width: 6px;
    height: 12px;
}

.dxsplPane_DevEx.dxfm-breadCrumbs.fileManager_Breadcrumbs .dxsplLCC .dxfm-bcItem.fileManager_BreadcrumbsItem.dxfm-bcLastItem {
    color: #ACBBC2;
    opacity: 0.7;
}

.dxsplPane_DevEx.dxfm-breadCrumbs.fileManager_Breadcrumbs .dxfm-bcContainer {
    padding: 15px 4px !important;
    border-left: 1px solid #CFD8DC;
}

.dxsplPane_DevEx.fileManager_FolderContainer .dxtvControl_DevEx .dxtv-nd.dxfm-folder.fileManager_Folder {
    width: auto;
    font: 14px 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 600;
    color: #78909c;
    overflow: hidden;
    white-space: nowrap;
    float: none;
}

.dxsplPane_DevEx.fileManager_FolderContainer .dxtvControl_DevEx .dxtv-nd.dxfm-folder.fileManager_Folder.dxfm-folderSI,
.dxsplPane_DevEx.fileManager_FolderContainer .dxtvControl_DevEx .dxtv-nd.dxfm-folder.fileManager_Folder.dxtv-ndSel {
    color: #EA6953;
    padding: 3px 0 4px;
}

.dxsplPane_DevEx.fileManager_FolderContainer .dxsplLCC .dxtvControl_DevEx {
    width: 100% !important;
    margin: 0;
}

.dxsplPane_DevEx.fileManager_FolderContainer .dxsplLCC {
    padding-left: 0;
    padding-right: 0;
}

.dxsplPane_DevEx.fileManager_FolderContainer .dxsplLCC .dxtvControl_DevEx ul {
    padding-left: 5px;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.fileManager_FolderContainer .dxtvControl_DevEx .dxtv-subnd {
    margin-left: 25px;
}

.dxsplPane_DevEx.fileManager_FolderContainer .dxsplLCC .dxtvControl_DevEx li {
    overflow: hidden;
    padding: 0px;
}

.dxfm-mpFoldersC .dxtvControl_DevEx li .dxtv-elb,
.dxsplPane_DevEx.fileManager_FolderContainer .dxsplLCC .dxtvControl_DevEx li .dxtv-elb {
    float: left;
}

.dxfmControl_DevEx .dxtvControl_DevEx .dxfm-folderSI {
    border: none;
}

.dxfmControl_DevEx .dxfm-filePane .dxsplLCC {
    padding: 0px;
}

.dxsplPane_DevEx.dxfm-filePane.fileManager_FileContainer {
    border-left: 1px solid #CFD8DC;
}

.dxsplPane_DevEx.fileManager_UploadPanel.dxfm-uploadPanel {
    background: white;
    border-left: 1px solid #CFD8DC;
    height: 56px !important;
}

.dxsplPane_DevEx.fileManager_UploadPanel.dxfm-uploadPanel .dxsplLCC {
    height: 56px !important;
}

.dxfmControl_DevEx .dxfm-uploadPanel table.dxfm-uploadPanelTable {
    padding-right: 14px;
    padding-top: 4px;
}

.dxfmControl_DevEx .dxfm-uploadPanel table.dxfm-uploadPanelTable .dxucControl_DevEx {
    padding-right: 6px;
}

.dxfmControl_DevEx .dxfm-uploadPanel table.dxfm-uploadPanelTable td.dxfm-uploadPanelTableBCell {
    width: 108px;
    text-align: center;
}

.dxfmControl_DevEx .dxfm-uploadPanel table.dxfm-uploadPanelTable td.dxfm-uploadPanelTableBCell:hover {
    background: #f1f3f4;
    border-width: 1px;
}

.dxfmControl_DevEx .dxfm-uploadPanel table.dxfm-uploadPanelTable td.dxfm-uploadPanelTableBCell > a {
    font: 14px 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 600;
    color: #78909c !important;
    text-transform: uppercase;
}

.dxWeb_fmFolder_DevEx,
.dxWeb_fmFolder {
    background-position: -27px -566px !important;
}

.dxWeb_fmFolderLocked {
    background-position: -3px -617px !important;
}

.dxWeb_fmCreateButton_DevEx,
.dxWeb_fmCreateButton {
    background-position: -99px -590px !important;
}

.dxWeb_fmRenameButton_DevEx,
.dxWeb_fmRenameButton {
    background-position: -3px -590px !important;
}

.dxWeb_fmMoveButton_DevEx,
.dxWeb_fmMoveButton {
    background-position: -51px -590px !important;
}

.dxWeb_fmCopyButton_DevEx,
.dxWeb_fmCopyButton {
    background-image: url('fmCloneObject.png') !important;
    background-position: 4px 4px !important;
    width: 24px !important;
    height: 24px !important;
}

.dxWeb_fmDeleteButton_DevEx,
.dxWeb_fmDeleteButton {
    background-position: -75px -590px !important;
}

.dxWeb_fmRefreshButton_DevEx,
.dxWeb_fmRefreshButton {
    background-position: -52px -542px !important;
}

.dxWeb_fmDwnlButton_DevEx,
.dxWeb_fmDwnlButton {
    background-position: -27px -590px !important;
}

.dxWeb_fmRenameButtonDisabled,
.dxWeb_fmCopyButtonDisabled,
.dxWeb_fmDeleteButtonDisabled,
.dxWeb_fmDwnlButtonDisabled,
.dxWeb_fmMoveButtonDisabled,
.dxWeb_fmDetailsButtonDisabled,
.dxWeb_fmCreateButtonDisabled,
.dxWeb_tvColBtn_DevEx.dxtv-btn.dxtvDisabled_DevEx {
    opacity: 0.7 !important;
}

.dxWeb_fmFolder_DevEx,
.dxWeb_fmFolder,
.dxWeb_fmFolderLocked,
.dxWeb_fmCreateButton_DevEx,
.dxWeb_fmCreateButton,
.dxWeb_fmRenameButton_DevEx,
.dxWeb_fmRenameButton,
.dxWeb_fmMoveButton_DevEx,
.dxWeb_fmMoveButton,
.dxWeb_fmDeleteButton_DevEx,
.dxWeb_fmDeleteButton,
.dxWeb_fmRefreshButton_DevEx,
.dxWeb_fmRefreshButton,
.dxWeb_fmDwnlButton_DevEx,
.dxWeb_fmDwnlButton {
    background-image: url('../Web/sprite.png') !important;
    width: 24px !important;
    height: 24px !important;
}

.dxWeb_tvColBtn_DevEx.dxtv-btn,
.dxWeb_tvColBtn_DevEx {
    background-image: url('fmArrowDown.png') !important;
    background-position: -0px -0px !important;
    width: 16px !important;
    height: 16px !important;
}

.dxWeb_tvExpBtn_DevEx {
    background-image: url('fmArrowRight.png');
    background-position: -0px -0px !important;
    width: 16px !important;
    height: 16px !important;
}

.dxm-popupMain.dxm-shadow.dxm-popup {
    width: auto !important;
    border: 0;
}

.dxm-popupMain.dxm-shadow.dxm-popup .dx.dxm-gutter {
    background: white;
    padding-bottom: 8px;
    padding-top: 8px;
}

.dxm-popupMain.dxm-shadow.dxm-popup .dxm-item.fileManager_ContextMenuItem {
    border-width: 2px;
    border-color: Transparent;
    border-style: solid;
    font: 12px Segoe UI Semibold;
    color: #2d383e;
}

.swFileManager_callbackPanel .dxm-popupMain.dxm-shadow.dxm-popup .dx.dxm-gutter .dxm-separator {
    padding: 4px 0px 4px 0px;
}

.swFileManager_callbackPanel .dxm-popupMain.dxm-shadow.dxm-popup .dx.dxm-gutter .dxm-separator b {
    background: #cfd8dc;
    height: 1px;
}

.dxm-popupMain.dxm-shadow.dxm-popup .dxm-item.fileManager_ContextMenuItem .dxm-content.dxm-hasText .dxm-image {
    margin-right: 0;
}

.dxm-popupMain.dxm-shadow.dxm-popup .dxm-item.fileManager_ContextMenuItem .dxm-content.dxm-hasText {
    padding: 4px 0 0 16px;
    margin-right: 40px;
    width: 100%;
}

.dxm-popupMain.dxm-shadow.dxm-popup .dxm-item.fileManager_ContextMenuItem.dxm-hovered {
    background: #EEFAFB;
    border-left: 2px solid #06b7c2;
}

.dxm-popupMain.dxm-shadow.dxm-popup .dxm-item.fileManager_ContextMenuItem .dxm-content.dxm-hasText span.dx-vam {
    padding-left: 12px;
}

.dxfmLoadingPanel_DevEx.dxlpLoadingPanel_DevEx td.dx {
    display: block;
}
/* Disabled */
.dxeDisabled_DevEx,
.dxeDisabled_DevEx td.dxe { /*text color in the comment box*/
    color: #98AAB4;
    cursor: default;
}

.dxeEditArea_DevEx.dxeDisabled_DevEx /*Bootstrap correction*/,
.WebEditorCell > span[disabled="disabled"] {
    color: #98AAB4 !important;
}

a.dxeDisabled_DevEx:hover {
    color: #bcc8ce;
}

.dxeButtonDisabled_DevEx {
    color: #bcc8ce;
    cursor: default;
}
/* -- Button -- */
.dxbButton_DevEx {
    color: #201f35;
    font: 11px 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
    border: 0px solid #a9acb5;
    background: none;
    padding: 1px;
}

.dxbButtonHover_DevEx {
    color: #201f35;
    background: none;
    border: 0px solid #a9acb5;
}

.dxbButtonChecked_DevEx {
    color: #3c3c3c;
    background: none;
    border: 0px solid #9da0aa;
}

.dxbButtonPressed_DevEx {
    color: #3c3c3c;
    background: none;
    border: 0px solid #9da0aa;
}

.dxbButton_DevEx div.dxb {
    border: 1px dotted transparent;
}

.dxbButton_DevEx div.dxbf {
    border: 1px dotted black;
}
/* Button Link */
a.dxbButton_DevEx {
    color: #1b3f91;
    text-decoration: none;
}

a.dxbButton_DevEx:hover {
    text-decoration: underline;
}

a.dxbButton_DevEx:visited {
    color: #8684ed;
}
/* Disabled */
.dxbDisabled_DevEx {
    border-color: #e1e2e5;
    /*background: #f8f9fa url('edtBtnDisabledBack.png') repeat-x left top;*/
}

.dxbDisabled_DevEx,
a.dxbButton_DevEx.dxbDisabled_DevEx {
    color: #babac1 !important;
    cursor: default;
    text-decoration: none !important;
}
/* -- FilterControl -- */
.dxfcControl_DevEx {
    font: 11px 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
    color: #201f35;
}

.dxfcControl_DevEx .dxtcLite_DevEx {
    border: 1px solid #CFD8DC;
    width: 100% !important;
}

.FilterControlEditCssClass > ul {
    border: 1px solid #CFD8DC;
    padding: 0 8px 24px 8px;
}

.dxfcControl_DevEx .dxtc-stripContainer .dxtc-sbIndent,
.dxfcControl_DevEx .dxtc-stripContainer .dxtc-sbSpacer {
    border-top: 1px solid #CFD8DC;
}

.dxfc-tree {
    color: transparent;
    padding-left: 0;
    margin-top: 0;
}

.dxfc-tree .dxfc {
    padding-left: 40px !important;
}

.dxfcContent_DevEx {
    display: table-header-group;
    padding: 12px 20px !important;
}

.dxfcContent_DevEx > div:first-child {
    padding: 8px 8px 24px 8px;
}

@-moz-document url-prefix() {
    .dxfcContent_DevEx > div:first-child {
        padding-top: 16px;
    }
}

.dxfcContent_DevEx .dxeMemoSys.dxeMemo_DevEx.dxfc-memo {
    border: none;
}

.dxfcContent_DevEx .dxeMemoSys.dxeMemo_DevEx.dxfc-memo .dxeMemoEditArea_DevEx {
    height: 7em;
}

.dxfcTable_DevEx {
    border-collapse: separate !important;
    margin-bottom: 0;
    margin-top: -12px !important;
}

.dxfcTable_DevEx td.dxfc {
    padding: 0px 0px 0px 3px;
}

.dxfcControl_DevEx .dxtc-stripContainer,
.dxfcTab_DevEx {
    background-color: #f4f4f4 !important;
}

.dxfcTab_DevEx {
    border-top: 1px solid #CFD8DC !important;
    border-right: 1px solid #CFD8DC !important;
}

.dxtc-activeTab.dxfcTab_DevEx {
    background-color: white !important;
    border-top: 1px solid white !important;
    border-right: 1px solid #CFD8DC !important;
}

.dxfcControl_DevEx .dxfcTab_DevEx.dxtc-tabHover .dxtc-link,
.dxfcControl_DevEx .dxfcTab_DevEx.dxtc-activeTabHover .dxtc-link {
    text-decoration: none;
}

.dxfcControl_DevEx .dxtcLite_DevEx .dxtc-stripContainer {
    height: 40px !important;
    width: initial !important;
}

.dxfcControl_DevEx .dxtcLite_DevEx .dxtc-stripContainer .dxtc-strip .dxtc-spacer {
    border-top: 1px solid #CFD8DC !important;
}

.dxfcControl_DevEx .dxtcLite_DevEx .dxtc-stripContainer .dxtc-strip .dxtc-spacer:last-child {
    display: block;
}


.dxfcControl_DevEx .dxtcLite_DevEx .dxtc-stripContainer .dxtc-leftIndent {
    display: none;
}

.dxfcControl_DevEx .dxtcLite_DevEx .dxtc-stripContainer > li,
.dxfcControl_DevEx .dxtcLite_DevEx .dxtc-stripContainer .dxtc-strip,
.dxfcControl_DevEx .dxtcLite_DevEx .dxtc-stripContainer .dxtc-strip .dxfcTab_DevEx {
    height: inherit !important;
}

.dxfcControl_DevEx .dxtcLite_DevEx .dxtc-stripContainer .dxtc-strip .dxfcTab_DevEx .dxtc-link {
    padding: 12px 12px 5px;
}

a.dxfcPropertyName_DevEx {
    white-space: nowrap !important;
    color: #1565C0 !important;
    padding-right: 8px;
}

a.dxfcGroupType_DevEx {
    white-space: nowrap !important;
    padding: 0px 3px !important;
    color: #7B1FA2 !important;
}

a.dxfcOperation_DevEx {
    white-space: nowrap !important;
    color: #0097A7 !important;
    padding-right: 8px;
}

a.dxfcValue_DevEx {
    white-space: nowrap !important;
    color: #455A64 !important;
}

.dxeMaskHint_DevEx {
    font: 11px 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
    color: Black;
    background: #ffffe1 none;
    padding: 2px 5px 3px;
    border: 1px solid Black;
}

.dxEditors_fcremove_DevEx,
.dxEditors_fcadd_DevEx {
    margin-top: 3px;
    margin-left: 8px;
}

.FilterControlEditCssClass .dxEditors_fcremove_DevEx,
.FilterControlEditCssClass .dxEditors_fcadd_DevEx {
    display: initial;
}

.FilterControlViewCssClass .dxEditors_fcremove_DevEx,
.FilterControlViewCssClass .dxEditors_fcadd_DevEx {
    display: none;
}

.FilterControlEditCssClass .dxtc-wrapper.dxtc-stripContainer {
    display: block
}

/* -- ProgressBar -- */
.dxeProgressBar_DevEx {
    background: #f3f4f5 url('edtProgressBack.png') repeat-x left top;
    border: 1px solid #b9bac3;
    font: 11px 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
    color: #201f35;
    height: 21px;
}

.dxeProgressBar_DevEx .dxePBMainCell_DevEx,
.dxeProgressBar_DevEx td.dxe {
    padding: 0;
}

.dxeProgressBarIndicator_DevEx {
    background: #edd0f4 url('edtProgressIndicatorBack.png') repeat-x left top;
}

/* -- DropDownWindow -- */
.dxpcDropDown_DevEx,
.dxeDropDownWindow_DevEx {
    font: 11px 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
}

.dxeDropDownWindow_DevEx {
    background-color: white;
}

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

.dxeItemPicker_DevEx {
    background-color: White;
    border: 1px solid #9da0aa;
}

.dxeColorTable_DevEx td.dx,
.dxeItemPicker_DevEx td.dx {
    padding: 4px;
}

.dxeColorTableCell_DevEx,
.dxeItemPickerCell_DevEx {
    padding: 3px;
    cursor: pointer;
}

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

.dxeColorTableCellSelected_DevEx {
    padding: 2px !important;
    background: #e9eaee url('../Web/mItemSBack.png') repeat-x left top;
    border: 1px solid #9da0aa;
}

.dxeColorTableCellHover_DevEx,
.dxeItemPickerCellHover_DevEx {
    padding: 2px !important;
    background: #e3ebff url('../Web/mSubItemHBack.png') repeat-x left top;
    border: 1px solid #a6a9b2;
}

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

.dxeInvalid_DevEx .dxeEditArea_DevEx,
.dxeInvalid_DevEx .dxeMemoEditArea_DevEx {
}

/* -- Focused Style -- */
.dxeFocused_DevEx.dxeTrackBar_DevEx {
    border: 0px;
}

/* -- Null Text Style -- */
.dxeNullText_DevEx .dxeEditArea_DevEx,
.dxeNullText_DevEx .dxeMemoEditArea_DevEx {
    color: #b1b1b8;
}

/* -- Captcha -- */
.dxcaControl_DevEx {
    font: 11px 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
}

.dxcaRefreshButton_DevEx {
    color: #1b3f91;
    text-decoration: none;
}

.dxcaDisabledRefreshButton_DevEx {
    color: #b1b1b8;
}

.dxcaRefreshButtonCell_DevEx {
    padding-left: 2px;
}

.dxcaRefreshButtonText_DevEx {
}

.dxcaDisabledRefreshButtonText_DevEx {
}

.dxcaTextBoxCell_DevEx,
.dxcaTextBoxCellNoIndent_DevEx {
}

.dxcaTextBoxCell_DevEx .dxeErrorCell_DevEx {
}

.dxcaTextBoxCellNoIndent_DevEx .dxeErrorCell_DevEx {
    padding-left: 0px;
    padding-top: 4px;
    color: #DD2C00;
}

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

.dxcaLoadingPanel_DevEx {
    font: 11px 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
    color: #201f35;
    background: White none;
    border: 1px solid #9da0aa;
}

.dxcaLoadingPanel_DevEx td.dx {
    white-space: nowrap;
    text-align: center;
    padding: 7px 10px;
}

.dxpcLite_DevEx .dxHFBPS {
    width: 6px;
}

.dxeTextBox_DevEx,
.dxeButtonEdit_DevEx,
.dxeIRadioButton_DevEx,
.dxeRadioButtonList_DevEx,
.dxeCheckBoxList_DevEx {
    cursor: default;
}


/* Removes flicking in iOS Safari*/
.dxeTrackBar_DevEx,
.dxeIRadioButton_DevEx,
.dxeButtonEdit_DevEx,
.dxeTextBox_DevEx,
.dxeRadioButtonList_DevEx,
.dxeCheckBoxList_DevEx,
.dxeMemo_DevEx,
.dxeListBox_DevEx,
.dxeCalendar_DevEx,
.dxeColorTable_DevEx {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/*B232817*/
:root .dxeEditArea_DevEx /* IE9, IE10 */ {
    padding-bottom: 1px \0/;
    margin-bottom: 0px \0/;
}

@media only screen and (device-height : 1024px) and (orientation:portrait), only screen and (device-height : 1024px) and (orientation:landscape) /* iPad */
{
    .dxeEditArea_DevEx {
        padding-bottom: 2px !important;
        margin-bottom: -1px !important;
    }
}

/* ASPxCololrEdit */
.dxcpParametersCellSys .dxcpWebColorInput_DevEx {
    float: right;
    margin-top: 40px;
    *margin-top: 35px;
}

.dxcpColorParameterMainDiv_DevEx {
    padding: 0px 0 4px 9px;
    width: 90px;
    text-align: right;
}

.dxeCustomColorButton_DevEx {
    padding-top: 3px;
    padding-bottom: 3px;
    margin: 3px 7px;
    cursor: pointer;
}

.dxcpCurrentColor_DevEx,
.dxcpSavedColor_DevEx {
    height: 35px;
}

.dxcpCurrentAndSaved_DevEx {
    width: 65px;
    margin: 34px 0px 0px auto;
    cursor: pointer;
}

.dxeColorTablesMainDiv_DevEx,
.dxeColorSelectorMainDiv_DevEx {
    background-color: #FFFFFF;
}

.dxeColorSelectorMainDiv_DevEx {
    padding: 7px;
}

.dxcpColorArea_DevEx,
.dxcpHueAreaImage_DevEx,
.dxcpCurrentAndSaved_DevEx,
.dxeColorTablesMainDiv_DevEx,
.dxeColorSelectorMainDiv_DevEx,
.dxcpParametersCell_DevEx input {
    border: 1px solid #9da0aa;
}

.dxeButtonsPanelDiv_DevEx {
    margin-top: 15px;
    text-align: right;
}

.dxeButtonsPanelDiv_DevEx input {
    min-width: 61px;
    margin-left: 10px;
}

/* -- ASPxTokenBox -- */
input.dxeTokenBoxInput_DevEx[type="text"] {
    display: inline-block;
    float: left;
    outline: none;
    width: 30px;
    padding: 2px 0px 2px 0px;
    margin: 0px 1px 1px 1px;
}

.dxeToken_DevEx {
    display: inline-block;
    float: left;
    min-width: 30px;
    margin: 0px 1px 1px 0px;
}

.dxeTokenText_DevEx, .dxeTokenRemoveButton_DevEx {
    display: block;
    float: left;
}

.dxeTokenText_DevEx {
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px 2px 0px 4px;
    padding: 2px 0px 2px 0px;
}

.dxeTokenRemoveButton_DevEx {
    cursor: pointer;
    margin-top: 2px;
}

.dxeToken_DevEx {
    background: #f4f4f4 url('edtTokenBoxTokenBackground.png') repeat-x top;
}

.dxeButtonEdit_DevEx td.dxictb {
    padding: 1px 1px 0px 1px;
    margin-bottom: 0px;
}

.dxeTokenText_DevEx {
    *padding: 4px 0px 3px 0px;
}

.dxeTokenRemoveButton_DevEx {
    *margin-top: 4px;
    *margin-bottom: 0px;
}

.dxeButtonEdit_DevEx td.dxictb {
    *padding: 0px;
}

@-moz-document url-prefix() {
    input.dxeTokenBoxInput_DevEx[type="text"] {
        padding: 1px 0px 1px 0px;
    }

    .dxeTokenText_DevEx {
        padding: 1px 0px 1px 0px;
    }
}

/* Editor caption */
.dxeCaptionCell_DevEx {
    font: 11px 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
    color: #201f35;
    white-space: nowrap;
    line-height: 16px;
    height: 100%;
}

.dxeRoot_DevEx {
}

.dxeCaption_DevEx {
}

.dxeCaptionCell_DevEx.dxeCaptionVATSys.dxeTextEditCTypeSys {
    padding-top: 3px;
}

.dxeCaptionCell_DevEx.dxeCaptionVATSys.dxeCheckBoxCTypeSys {
    padding-top: 3px;
}

.dxeCaptionCell_DevEx.dxeCaptionVATSys.dxeRadioButtonCTypeSys {
    padding-top: 4px;
}

.dxeCaptionCell_DevEx.dxeCaptionVATSys.dxeCheckBoxListCTypeSys {
    padding-top: 11px;
}

.dxeCaptionCell_DevEx.dxeCaptionVATSys.dxeRadioButtonListCTypeSys {
    padding-top: 11px;
}

.dxeCaptionCell_DevEx.dxeCaptionVATSys.dxeListBoxCTypeSys {
    padding-top: 2px;
}

.dxeCaptionCell_DevEx.dxeCaptionVATSys.dxeTrackBarCTypeSys {
    padding-top: 2px;
}

.dxeCaptionCell_DevEx.dxeCaptionVATSys.dxeProgressBarCTypeSys {
    padding-top: 3px;
}

.dxeCaptionCell_DevEx.dxeCaptionVATSys.dxeMemoCTypeSys {
    padding-top: 3px;
}

.dxeCaptionCell_DevEx.dxeCaptionVATSys.dxeCustomCTypeSys {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* IE 7 */
.dxeCaptionCell_DevEx.dxeCaptionVATSys.dxeCheckBoxCTypeSys {
    *padding-top: 2px;
}

.dxeCaptionCell_DevEx.dxeCaptionVATSys.dxeRadioButtonCTypeSys {
    *padding-top: 3px;
}

.dxeCaptionCell_DevEx.dxeCaptionVATSys.dxeCheckBoxListCTypeSys {
    *padding-top: 10px;
}

.dxeCaptionCell_DevEx.dxeCaptionVATSys.dxeRadioButtonListCTypeSys {
    *padding-top: 10px;
}

.dxeCaptionCell_DevEx.dxeCaptionVATSys.dxeListBoxCTypeSys {
    *padding-top: 1px;
}

.dxeCaptionCell_DevEx.dxeCaptionVATSys.dxeProgressBarCTypeSys {
    *padding-top: 2px;
}

.dxeCaptionCell_DevEx.dxeCaptionVATSys.dxeMemoCTypeSys {
    *padding-top: 2px;
}

/* Firefox */
@-moz-document url-prefix() {
    .dxeCaptionCell_DevEx.dxeCaptionVATSys.dxeTextEditCTypeSys,
    .dxeCaptionCell_DevEx.dxeCaptionVATSys.dxeMemoCTypeSys,
    .dxeCaptionCell_DevEx.dxeCaptionVATSys.dxeProgressBarCTypeSys {
        padding-top: 2px;
    }
}

.dxeRequiredMark_DevEx {
    color: green;
    font-style: normal;
}

.dxeOptionalMark_DevEx {
    color: gray;
    font-style: normal;
}

.dxhe-mediaDialog .dxhe-dialogContentGroup tr > td.dxhe-dialogLGC:first-child {
    width: 0px !important;
}

div.dxhe-mediaDialogStyleSettings.dxhe-dialog div.dxhe-dialogLGB > table.dxhe-dialogLG, .dxhe-dialog.dxhe-mediaDialog > table.dxhe-dialogLG > tbody > tr > .dxhe-dialogLGC > .dxhe-dialogLGB > .dxhe-dialogLG > tbody > tr > .dxhe-dialogLGC, .dxhe-dialog div.dxtc-content {
    padding: 12px;
}

div.dxhe-dialog div.dxhe-dialogLI.dxhe-dialogButtonsContainer, div.dxhe-dialog .dxhe-insertImageSizeGroup {
    padding: 12px !important;
}

div.dxflItemSys, div.dxflGroupSys {
    border-collapse: separate;
}

.dxflItemSys, .dxflGroupBoxSys {
    text-align: left;
}

.dxflCLTSys.dxflItemSys.dxflTextEditItemSys.dxflItem_DevEx.dxhe-dialogLI,
.dxflGroupCell_DevEx .dxflNestedControlCell_DevEx {
    width: 100%;
}

/*  -- Shadow --  */
.dxm-shadow,
.dxpc-shadow,
.LayoutViewMode .LayoutTabbedGroupContainer,
.ContentEditMode,
.StaffForRoutePlanningCSSClassName .dxgvControl_DevEx.GridView,
.StaffForRoutePlanningCSSClassName td.Caption,
.OutletsForRoutePlanningCSSClassName td.Caption,
.OutletsForRoutePlanningCSSClassName .dxgvControl_DevEx.GridView,
.OutletsForOrderPlanningCSSClassName td.Caption,
.OutletsForOrderPlanningCSSClassName .dxgvControl_DevEx.GridView,
.OutletsForRoutePlanningCSSClassName .FilterActionsToolBarUpdatePanel,
.OutletRoutesCalendarCSSClassName, .OutletOrderWizardCssClass,
.OutletRoutesWizardCssClass .HItem.GroupContent {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); /* Firefox 3.5 - 3.6 */
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.dxpnlControl_DevEx.swFileManager_callbackPanel .dxfmControl_DevEx.dxfm-dst .dxsplControl_DevEx div.dxsplCC,
.dxpnlControl_DevEx.swFileManager_callbackPanel .dxfmControl_DevEx.dxfm-dst .dxsplControl_DevEx .dxsplCC .dxsplP div.dxsplCC {
    height: 100% !important;
}

.dxfcControl_DevEx .dxtcLite_DevEx .dxtc-stripContainer {
    display: block;
}


/*  MobileLevelPhotos */

.ImageGalleryViewItem {
    padding: 0 0 0 5px !important;
}

    .ImageGalleryViewItem .dxigControl_DevEx {
        width: 100%;
        background: #FFFFFF;
    }

.EmptyTableViewImageGalleryViewItem {
    background-image: url('../../../Images/MobileLevelPhotos/ic_no_data_to_display.png') !important;
    background-repeat: no-repeat;
    background-position: 50% 42%;
}

.EmptyTableViewImageGalleryViewItemCaptionText {
    color: #969696;
    font-size: 18px;
}

.ImageGalleryViewItem .dxpnlControl_DevEx .dxigControl_DevEx {
    border: none;
    min-height: 514px;
}

    .ImageGalleryViewItem .dxpnlControl_DevEx .dxigControl_DevEx .dxigPPSpacing {
        display: none;
    }

.ImageGalleryViewItem .dxigCtrl tr:first-child .dxigPagerPanel_DevEx {
    /*display: none;*/
}

.ImageGalleryViewItem .dxigCtrl {
    background: #f4f4f4 !important;
    position: relative !important;
}

.imageGallery_ContentStyles {
    padding: 0 !important;
    background: #f4f4f4 !important;
}

.imageGallery_PagerPanelStyles {
    padding: 0;
}

.imageGallery_PagerPanelStyles {
    bottom: -15px;
    width: 100%;
    padding: 0 !important;
    background: none !important;
}

.imageGallery_PagerStyles .dxWeb_pLast,
.imageGallery_PagerStyles .dxWeb_pLastDisabled,
.imageGallery_PagerStyles .dxWeb_pLast_DevEx,
.imageGallery_PagerStyles .dxWeb_pLastDisabled_DevEx,
.imageGallery_PagerStyles .dxWeb_pFirstDisabled,
.imageGallery_PagerStyles .dxWeb_pFirst,
.imageGallery_PagerStyles .dxWeb_pFirstDisabled_DevEx,
.imageGallery_PagerStyles .dxWeb_pFirst_DevEx,
.imageGallery_PagerStyles .dxWeb_pPrev,
.imageGallery_PagerStyles .dxWeb_pPrevDisabled,
.imageGallery_PagerStyles .dxWeb_pNext,
.imageGallery_PagerStyles .dxWeb_pNextDisabled,
.verticalGrid_PagerBottomPanelStyles .dxWeb_pPrevDisabled,
.verticalGrid_PagerBottomPanelStyles .dxWeb_pNext,
.verticalGrid_PagerBottomPanelStyles .dxWeb_pPrev,
.verticalGrid_PagerBottomPanelStyles .dxWeb_pNextDisabled {
    background-image: url('sprite.png');
    background-repeat: no-repeat;
    background-color: transparent;
    margin: 0px !important;
    width: 24px;
    height: 23px;
}

.imageGallery_PagerStyles .dxWeb_pNextDisabled,
.verticalGrid_PagerBottomPanelStyles .dxWeb_pNextDisabled {
    background-position: -26px -257px;
    opacity: 0.6;
}

.imageGallery_PagerStyles .dxWeb_pFirst_DevEx,
.imageGallery_PagerStyles .dxWeb_pFirst {
    background-position: -0px -217px;
}

.imageGallery_PagerStyles .dxWeb_pFirstDisabled_DevEx,
.imageGallery_PagerStyles .dxWeb_pFirstDisabled {
    background-position: -0px -217px;
    opacity: 0.6;
}

.imageGallery_PagerStyles .dxWeb_pLast,
.imageGallery_PagerStyles .dxWeb_pLast_DevEx {
    background-position: -24px -217px;
}

.imageGallery_PagerStyles .dxWeb_pLastDisabled,
.imageGallery_PagerStyles .dxWeb_pLastDisabled_DevEx {
    background-position: -24px -217px;
    opacity: 0.6;
}

.verticalGrid_PagerBottomPanelStyles {
    margin-bottom: -3px;
    min-width: 550px;
}

    .verticalGrid_PagerBottomPanelStyles .dxWeb_pPrevDisabled,
    .imageGallery_PagerStyles .dxWeb_pPrevDisabled {
        background-position: -0px -257px;
        opacity: 0.6;
    }

    .verticalGrid_PagerBottomPanelStyles .dxWeb_pPrev {
        background-position: -46px -217px;
    }

    .verticalGrid_PagerBottomPanelStyles .dxWeb_pNext,
    .imageGallery_PagerStyles .dxWeb_pNext {
        background-position: -70px -217px;
    }

.imageGallery_PagerStyles .dxp-pageSizeItem {
    display: none;
}

.imageGalleryItemsInfo {
    background: transparent !important;
    font-family: Segoe UI,Semibold;
    font-size: 14px;
    color: #455A64 !important;
    cursor: default;
    float: left;
    padding-top: 13px;
    padding-left: 10px;
}

.selectedImageCaption {
    padding-right: 4px;
}

.imageGallery_ItemStyles {
    position: relative;
    float: left;
    overflow: visible !important;
}

.img-content-preview {
    -webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);
    width: auto;
    position: absolute;
    z-index: 100;
    background: white;
}

.popup-frame {
    height: 500px;
}

.img-content-preview {
    display: none;
}

.selectedImage {
    background-image: url('../../../Images/MobileLevelPhotos/blur_checkbox.png') !important;
    border: 2px solid #06b7c2 !important;
}

.imageZoomStyles {
    /*width: 170px !important;*/
    margin: 0 !important;
}

    .imageZoomStyles .dxpc-footerContent {
        display: none !important;
    }

.verticalGridSelectedImages {
    background-image: url(../../../Images/MobileLevelPhotos/blur_checkbox.png);
    left: -2px;
    top: 0px;
    width: 146px;
    position: absolute;
    height: 144px;
    border: 2px solid #06b7c2;
}

.imageZoomStyles .dxpcLite.dxpclW {
    display: none !important;
}

.imageZoomStyles .dxiz-pc {
    opacity: 0 !important;
    cursor: pointer;
    width: 160px;
}

.imageZoomStyles .dxiz-wrapper.img-show {
    /*left: 12px;*/
}

.verticalGridStyles {
    display: none;
    /*position: relative;*/
}

    .verticalGridStyles .dxvgHeader_DevEx > table {
        width: 170px !important;
    }

    .verticalGridStyles .dxvgHeader_DevEx {
        border: 1px solid #CBCBCB;
        border-top-width: 1px !important;
        border-bottom: 1px solid #CBCBCB !important;
        text-align: right;
    }

    .verticalGridStyles .dxvgRecord_DevEx.verticalGrid_Record {
        border-top: 1px solid #CBCBCB;
        border-left: 1px solid #CBCBCB;
        border-right: 1px solid #CBCBCB;
        border-bottom: 1px solid #CBCBCB !important;
        word-break: break-all;
    }

.MobileLevelPhotosParams {
    padding: 1px 0px 1px 20px !important;
    background: white;
}

.LayoutTabContainer.MobileLevelPhotos .GroupContent.Adaptivity.MobileLevelPhotos .HItem.FirstColumn.GroupContent {
    background: #f4f4f4 !important;
}

.MobileLevelPhotos .HItem.NextColumn.GroupContent {
    border: 1px solid rgba(0,0,0,.14);
}

.MobileLevelPhotosParams .MLParamsTableRows > td {
    padding-bottom: 10px;
}

.MobileLevelPhotosParams .MLParamsTableRows .dxpcDropDown_DevEx {
    /*left:calc(100% - 500px) !important;*/
}

.MobileLevelPhotosParams .dxeButton.dxeButtonEditButton_DevEx td {
    padding-right: 5px;
}

.MobileLevelPhotosParams td {
    padding-bottom: 10px;
    padding-right: 5px;
}

.MobileLevelPhotosParams .dxeButtonEditSys.dxeButtonEdit_DevEx {
    border-top: none;
    border-left: none;
    border-right: none;
}

.MLLabel {
    color: #78909c;
    font-weight: bold;
}

.verticalGridStyles .dxvgHeader_DevEx {
    font-weight: bold;
}

.verticalGridStyles .dxvgHeader_DevEx {
    text-align: left;
}

.verticalGridStyles .dxvgDataRow_DevEx td {
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 0.2em;
    padding-top: 0.2em;
}

.verticalGridStyles .dxvgDataRow_DevEx .dxvgRecord_DevEx {
    font-weight: 500;
    color: #374248;
}

.verticalGridStyles .dxvgHeader_DevEx td {
    padding-left: 0.3em !important;
}

.dxmLite_DevEx.dxm-ltr {
    /*display: inline-table;*/
}

.MLDropDown, .MLDatePicker {
    width: 265px;
}

    .MLDropDown .dxic {
        overflow: visible !important;
    }

/*DROPDOWN TOOLTIP*/

.tooltip {
    position: absolute !important;
    border: solid 0.1px;
    background: #f4f4f4;
}


/*END TOOLTIP*/

.MobileLevelPhotos .FirstColumn {
    padding-right: 10px;
    padding-left: 5px;
}

.verticalGridStyles .dxvgTable_DevEx {
    background: white;
}

.MobileLevelPhotos {
    background: #f4f4f4;
}

    .MobileLevelPhotos .GroupHeader {
        width: 100%;
        margin-bottom: 0;
        padding-bottom: 20px;
        padding-top: 20px;
        background: white;
    }

        .MobileLevelPhotos .GroupHeader .Label {
            padding-left: 20px !important;
            font-weight: 600;
        }

.MobileLevelPhotosParams .dxeRoot_DevEx {
    float: right;
    padding: 5px 5px 5px 5px;
}

.dxtlControl_DevEx.MLPTreeList td {
    padding-bottom: 0px;
    padding-right: 0px;
}

.dxeDropDownWindow_DevEx.dxpc-content .dxtlControl_DevEx .dxtlCSD .dxtlDataTable .dxtlNode_DevEx td {
    padding-bottom: 0px;
    padding-right: 0px;
}

.dxtlControl_DevEx.MLPTreeList .dxtlCSD {
    resize: vertical;
    min-width: 450px;
}

.dxtlControl_DevEx.MLPTreeList .dxtlHSDC .dxtlCSD {
    resize: none;
    width: 100% !important;
}

    .dxtlControl_DevEx.MLPTreeList .dxtlHSDC .dxtlCSD .dxtlDataTable > thead {
        display: none;
    }

    .dxtlControl_DevEx.MLPTreeList .dxtlHSDC .dxtlCSD .dxtlDataTable .dxtlFilterRow_DevEx > td {
        width: 0;
        padding: 0;
    }

    .dxtlControl_DevEx.MLPTreeList .dxtlHSDC .dxtlCSD .dxtlDataTable .dxtlFilterRow_DevEx {
        display: table-row;
    }

        .dxtlControl_DevEx.MLPTreeList .dxtlHSDC .dxtlCSD .dxtlDataTable .dxtlFilterRow_DevEx .dxtlFilterCell_DevEx.dxtl {
            width: 100%;
            padding: 10px 20px;
        }

        .dxtlControl_DevEx.MLPTreeList .dxtlHSDC .dxtlCSD .dxtlDataTable .dxtlFilterRow_DevEx .dxtlHSEC {
            background: transparent;
        }

.EventRecurrenceCaptionClass .GroupHeader:nth-of-type(1) {
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 0;
    margin-bottom: 0;
    height: 27px;
    background-color: #fafafa;
}

.EventRecurrenceCaptionClass .GroupHeader:nth-of-type(2),
.EventRecurrenceCaptionClass .GroupHeader:nth-of-type(3),
.EventRecurrenceCaptionClass .GroupHeader:nth-of-type(4) {
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 10px;
    margin-bottom: 0;
    height: 27px;
    background-color: #fafafa;
}

.AltClassificationDropDownStyles .dxeEditArea_DevEx.dxeEditAreaSys,
.NetworkDropDownStyles .dxeEditArea_DevEx.dxeEditAreaSys,
.NetworkFormatDropDownStyles .dxeEditArea_DevEx.dxeEditAreaSys,
.TypeCheckBoxListStyles .dxeEditArea_DevEx.dxeEditAreaSys,
.OrderByCheckBoxListStyles .dxeEditArea_DevEx.dxeEditAreaSys {
    width: 247px;
}

.ShowVerticalGrid,
.ShowImageGallery {
    padding-top: 20px;
    padding-left: 20px;
    display: table-cell;
    min-width: 24px !important;
}

.MobileLevelPhotos .HItem.NextColumn.GroupContent {
    padding-bottom: 0px !important;
    background-color: white;
}

.MobileLevelPhotos .dxbButton_DevEx.dxbButtonSys.dxbTSys {
    position: relative;
    color: #06b7c2;
    font-weight: 500;
    font-size: 14px;
    height: 35px;
    width: 100px;
    left: 165px;
}

    .MobileLevelPhotos .dxbButton_DevEx.dxbButtonSys.dxbTSys:hover {
        background: #f4f4f4;
    }

.dxig-thumbnailTextArea {
    opacity: 0.5 !important;
    display: none;
}

.popup-frame .dxig-thumbnailTextArea {
    opacity: 0.75 !important;
}

.imageGallery_ItemStyles .dxig-thumbnailTextArea {
    max-height: 42px;
}

.img-content-preview .dxig-thumbnailTextArea {
    max-height: 400px;
}

.hideElement {
    display: none !important;
}

.dxig-thumbnailWrapper.img-show {
    overflow: visible;
}

#dialog-overlay {
    display: none;
    opacity: 0.25;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #000;
    width: 100%;
    z-index: 100;
}

#dialog-box {
    display: none;
    position: fixed;
    background: #FFF;
    width: 550px;
    z-index: 101;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: 4px 4px 3px 3px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 4px 4px 3px 3px rgba(0, 0, 0, 0.35);
    box-shadow: 4px 4px 3px 3px rgba(0, 0, 0, 0.35);
}

#dialog-box {
    background: #90a4ae;
    color: #000;
}

#dialog-box-head {
    background: #90a4ae;
    border-radius: 0;
    font-size: 15px;
    padding: 8px;
    color: #FFFFFF;
}

#dialog-box-body {
    background: #FFFFFF;
    padding-top: 24px;
    padding-right: 56px;
    padding-bottom: 50px;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Segoe UI','Helvetica Neue','Droid Sans',Arial,Tahoma,Geneva,Sans-serif;
}

#dialog-box-body {
    padding-left: 24px;
    padding-bottom: 50px;
}

    #dialog-box-body > input {
        margin-top: 20px;
    }

    #dialog-box-body > label {
        margin-right: 200px;
        padding-left: 5px;
        vertical-align: middle;
        font-size: 12px;
    }

#dialog-box-foot {
    background: #FFF;
    padding: 13px;
    text-align: right;
    border-top: 0.1em solid rgba(132,154,164,.25);
}

    #dialog-box-foot .button {
        position: relative;
        font-weight: 600;
        height: 35px;
        text-decoration: none;
        background: transparent;
        font-size: 14px;
        border: none;
        color: #78909C;
    }

        #dialog-box-foot .button:hover {
            background: #f4f4f4;
        }

        #dialog-box-foot .button.ok {
            color: #06B7C2;
            right: 30px;
        }

        #dialog-box-foot .button.cancel {
            right: 70px;
        }


.MobileLevelPhotos .dxm-item.smallImage.dxm-noSubMenu {
    border: none !important;
}

.MobileLevelPhotos .dxm-content.dx.dxalink {
    padding: 0 !important;
    min-width: 0 !important;
}

.MobileLevelPhotos .dxm-item.smallImage2 {
    border: none !important;
    background-color: transparent;
}

.MobileLevelPhotosChecked {
    display: none;
}

.MobileLevelPhotos .GroupHeader {
    margin: 0 !important;
}

.MobileLevelPhotos .HItem.FirstColumn.GroupContent .MobileLevelPhotosParams {
    max-width: 310px;
}

.MobileLevelPhotos .HItem.FirstColumn.GroupContent .GroupHeader {
    max-width: 320px;
}

.photoTypeDropDownStyles {
    width: 190px !important;
    border: 0 !important;
    background: transparent;
}

.facingPlaceDropDownStyles {
    border: 0 !important;
    background: transparent;
}

.MobileLevelPhotos .NextColumn .Item {
    padding-left: 0px !important;
}

    .MobileLevelPhotos .NextColumn .Item .dxmLite_DevEx.dxm-ltr .menuButtons.menuButtons_DevEx {
        margin-left: 0px;
    }

    .MobileLevelPhotos .NextColumn .Item .dxmLite_DevEx.dxm-ltr .menuButtons.menuButtons_DevEx {
        float: left;
        width: 100%;
    }

        .MobileLevelPhotos .NextColumn .Item .dxmLite_DevEx.dxm-ltr .menuButtons.menuButtons_DevEx .dxm-spacing {
            display: none;
        }

        .MobileLevelPhotos .NextColumn .Item .dxmLite_DevEx.dxm-ltr .menuButtons.menuButtons_DevEx .dxm-item.dxm-noImage.dxm-tmpl {
            display: inline-table;
        }

        .MobileLevelPhotos .NextColumn .Item .dxmLite_DevEx.dxm-ltr .menuButtons.menuButtons_DevEx .dx.dxm-image-l {
            float: left !important;
            width: 100%;
        }

.imageGalleryCheckboxes {
    margin-right: 10px !important;
    float: left;
    font-size: 12px;
    font-family: "Segoe UI";
}

    .imageGalleryCheckboxes, .imageGalleryCheckboxes > span {
        vertical-align: middle;
        float: right;
    }

.MobileLevelPhotoActions {
    min-width: 960px;
    padding: 0px 0px 8px !important;
    display: block;
    height: 35px;
    /*display: none;*/
}

    .MobileLevelPhotoActions .dxm-item.dxm-noImage.dxm-tmpl {
        min-width: 110px !important;
        display: block;
    }

        .MobileLevelPhotoActions .dxm-item.dxm-noImage.dxm-tmpl .dxeButtonEditSys.dxeButtonEdit_DevEx {
            width: 100px !important;
            display: block;
            float: left;
        }

.ShowHideImageGalleryFilterPanelStyles {
    border-width: 0px;
}

.ShowHideImageGalleryFilterPanelStyles {
    border-width: 0px;
}

.MobileLevelPhotoActions .ACH.ACHVI .dxmLite_DevEx.dxm-ltr {
    margin: 9px 0px 9px 0px;
}

.MobileLevelPhotoActions .dxmLite_DevEx.dxm-ltr .dxm-spacing {
    display: none;
}

.ImageGalleryViewItem .dxpnlLoadingDivWithContent_DevEx.dxlpLoadingDivWithContent_DevEx.dx-ft {
    background-color: black !important;
    opacity: 0.1 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 10000px;
    min-width: 10000px;
    top: 0 !important;
    left: 0 !important;
    position: fixed !important;
}

.hideImageGalleryLoadingPanel {
    visibility: hidden !important;
}

.MobileLevelPhotoActions .dxmLite_DevEx.dxm-ltr {
    width: 100%;
}

    .MobileLevelPhotoActions .dxmLite_DevEx.dxm-ltr .menuButtons.menuButtons_DevEx {
        float: left;
        width: 100%;
    }


    .MobileLevelPhotoActions .dxmLite_DevEx.dxm-ltr .menuButtons.menuButtons_DevEx {
        margin-left: 0px;
    }

    .MobileLevelPhotoActions .dxmLite_DevEx.dxm-ltr .menuButtons.menuButtons_DevEx {
        float: left;
        width: 100%;
    }

        .MobileLevelPhotoActions .dxmLite_DevEx.dxm-ltr .menuButtons.menuButtons_DevEx .dxm-spacing {
            display: none;
        }

        .MobileLevelPhotoActions .dxmLite_DevEx.dxm-ltr .menuButtons.menuButtons_DevEx .dxm-item.dxm-noImage.dxm-tmpl {
            display: inline-table;
        }

        .MobileLevelPhotoActions .dxmLite_DevEx.dxm-ltr .menuButtons.menuButtons_DevEx .dx.dxm-image-l {
            float: left !important;
            width: 100%;
        }


.ImageGalleryRowCountStyles .dxeButtonEditSys.dxeButtonEdit_DevEx {
    width: 50px;
}

.MobileLevelPhotos .dxigLoadingPanel_DevEx.dxlpLoadingPanel_DevEx .dx {
    display: block;
    padding-left: 10px !important;
}

.MobileLevelPhotos .dxvgLoadingPanel_DevEx .dx {
    display: block;
    padding-left: 10px !important;
}

.MobileLevelPhotos .dxizControl_DevEx .dxizLoadingPanel_DevEx {
    display: none !important;
}

.disabledElement {
    opacity: .5 !important;
    pointer-events: none !important;
}

#rightSideActions {
    float: right;
    padding-right: 10px;
    padding-left: 0px;
}

#rightSideAction {
    display: flex;
    list-style-type: none;
    align-items: center;
}

.MobileLevelPhotoActions .dxtlLoadingPanel_DevEx tr,
.MobileLevelPhotoActions .dxtlLoadingPanel_DevEx td {
    display: block;
}

.UnSelectAllVisiblePhotosStyle .dxm-content.dx.dxalink {
    padding-left: 10px !important;
}

.HItem.FirstColumn .Item.ListBoxSelectionViewItem .dxeListBox_DevEx .dxlbd {
    height: 100% !important;
}

.GroupContent.Adaptivity > tbody > tr > td.HItem.FirstColumn {
    height: 100%;
}

/* Loader (ASPxLoadingPanel) */
.lds-roller {
    display: inline-block;
    position: relative;
    width: 130px;
    height: 130px;
    overflow: hidden;
}

    .lds-roller div {
        animation: lds-roller 1.4s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        transform-origin: 65px 65px;
    }

        .lds-roller div:after {
            content: " ";
            display: block;
            position: absolute;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            margin: -15px -10px -10px -15px;
        }

        .lds-roller div:nth-child(1):after,
        .lds-roller div:nth-child(2):after,
        .lds-roller div:nth-child(3):after,
        .lds-roller div:nth-child(4):after,
        .lds-roller div:nth-child(5):after,
        .lds-roller div:nth-child(6):after,
        .lds-roller div:nth-child(7):after,
        .lds-roller div:nth-child(8):after {
            top: 40px;
            left: 40px;
            background: #06b7c2;
        }

        .lds-roller div:nth-child(1) {
            animation-delay: -0.07s;
        }

        .lds-roller div:nth-child(2) {
            animation-delay: -0.14s;
        }

        .lds-roller div:nth-child(3) {
            animation-delay: -0.21s;
        }

        .lds-roller div:nth-child(4) {
            animation-delay: -0.28s;
        }

        .lds-roller div:nth-child(5) {
            animation-delay: -0.35s;
        }

        .lds-roller div:nth-child(6) {
            animation-delay: -0.42s;
        }

        .lds-roller div:nth-child(7) {
            animation-delay: -0.49s;
        }

        .lds-roller div:nth-child(8) {
            animation-delay: -0.56s;
        }

@keyframes lds-roller {
    0% {
        transform: rotate(40deg);
    }

    100% {
        transform: rotate(400deg);
    }
}

/* End of loader */


/*************************************/
/*  ---   Work Day calendar    ----  */
/*************************************/

.dxpnlControl_DevEx.WorkDayPanelClass .dxeRoot_DevEx {
    float: left;
}

.WDCalendar .dxeCalendarDayDisabled_DevEx {
    color: #e4e4e4;
    background-color: transparent;
}

.WDCalendar .dxeCalendarOtherMonth_DevEx.dxeCalendarSelected_DevEx {
    color: white;
}

.WDCalendar .dxeCalendarOtherMonth_DevEx {
    color: #929292;
}

.dxpnlControl_DevEx.WorkDayPanelClass .dxeCaptionHALSys.dxeCaptionVATSys.dxeTextCTypeSys.dxeCLLSys.dxeCaptionCell_DevEx {
    padding: 8px 0 8px 0;
}

.dxpnlControl_DevEx.WorkDayPanelClass .dxeButtonEditSys.dxeButtonEdit_DevEx.WDATDropDown {
    padding: 4px;
}

.dxpnlControl_DevEx.WorkDayPanelClass .dxeButtonEditSys.dxeButtonEdit_DevEx.ScheduledHoursTextBox .dxic .dxeEditArea_DevEx.dxeEditAreaSys {
    text-align: center;
    font-size: 14px;
}

.dxpnlControl_DevEx.WorkDayPanelClass .dxeButtonEditSys.dxeButtonEdit_DevEx.ScheduledHoursTextBox {
    margin-left: 7px;
}

.dxpnlControl_DevEx.WorkDayPanelClass .dxeCalendarSelected_DevEx {
    background-image: url(../Web/WorkDayCalendarCell.svg);
    background-size: 92%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
}

.dxpnlControl_DevEx.WorkDayPanelClass .dxeCalendarDay_DevEx.dxeCalendarDayDisabled_DevEx.dxeCalendarSelected_DevEx {
    background-image: url(../Web/WorkDayCalendarCell.svg);
    background-size: 92%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    opacity: 0.5;
}

.dxeCVC.dxeCalendar_DevEx.WDCalendar .dxMonthGridWithWeekNumbers > table > tbody > tr > td {
    padding: 16px;
}

.dxpnlControl_DevEx.WorkDayPanelClass .dxeButtonEditSys.dxeButtonEdit_DevEx.WDATDropDown {
    width: 66%;
    float: right;
}

.dxpnlControl_DevEx.WorkDayPanelClass .dxeButtonEditSys.dxeButtonEdit_DevEx.ScheduledHoursTextBox,
.dxpnlControl_DevEx.WorkDayPanelClass .dxeButtonEditSys.dxeButtonEdit_DevEx.WDATDropDown {
    border-bottom: 1px solid #78909c;
}

.dxpnlControl_DevEx.WorkDayPanelClass .dxeButtonEditSys.dxeButtonEdit_DevEx,
.dxpnlControl_DevEx.WorkDayPanelClass .dxeTextBox_DevEx {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.dxpnlControl_DevEx.WorkDayPanelClass .dxeCalendarDay_DevEx {
    font-size: 16px;
}

.dxpnlControl_DevEx.WorkDayPanelClass .dxeCalendarDayHeader_DevEx {
    font-size: 12px;
}

.dxpnlControl_DevEx.WorkDayPanelClass .dxeCVC.dxeCalendar_DevEx.WDCalendar {
    border: 1px solid #dde4e6;
}

.dxpnlControl_DevEx.WorkDayPanelClass .dxpcDropDown_DevEx.dxpclW.dxpc-ie.dxpc-ddSys {
    position: fixed !important;
}

.dxpnlControl_DevEx.WorkDayPanelClass {
    overflow: hidden;
}

    .dxpnlControl_DevEx.WorkDayPanelClass > table {
        margin: auto;
    }

    .dxpnlControl_DevEx.WorkDayPanelClass .dxpcDropDown_DevEx.dxpclW.dxpc-ddSys .dxpc-mainDiv.dxpc-shadow,
    .dxpnlControl_DevEx.WorkDayPanelClass .dxpcDropDown_DevEx.dxpclW.dxpc-ddSys .dxpc-mainDiv.dxpc-shadow .dxlbd {
        max-width: 320px;
    }

    .dxpnlControl_DevEx.WorkDayPanelClass .dxeCaption_DevEx {
        font-weight: 600;
    }

    .dxpnlControl_DevEx.WorkDayPanelClass .dxeCaptionCell_DevEx {
        height: 20px;
        color: #78909c;
        font: 13px Segoe UI;
        font-weight: 600;
        vertical-align: top;
    }

    .dxpnlControl_DevEx.WorkDayPanelClass .dxbButton_DevEx.ButtonStyle.dxbButtonSys.dxbTSys {
        background: transparent;
        border-radius: 2px;
        padding: 4px 16px 4px;
        font-size: 14px;
        font-weight: 600;
        color: #78909c;
        text-transform: uppercase;
        float: right;
    }

    .dxpnlControl_DevEx.WorkDayPanelClass .dxeOutOfRWarn_DevEx.dxeOutOfRWarnRight_DevEx {
        color: red;
    }

/********************************************/
/*  ---  End of  Work Day calendar    ----  */
/********************************************/



/*************************************/
/*  ---   Start of CardViewItem    ----  */
/*************************************/

.Layout.LayoutViewMode div.Item.CardViewItem {
    padding: 0;
}

.EmptyTableViewCardViewItem {
    background-image: url('../../../Images/MobileLevelPhotos/ic_no_data_to_display.png') !important;
    background-repeat: no-repeat;
    background-position: 50% 36%;
    text-align: center;
    color: #969696;
    font-size: 18px;
    font-weight: bold;
    height: 715px !important;
}

.CardViewItem.dxcvControl_DevEx {
    min-height: 514px;
}

.CardViewItem .dxcvCard_DevEx {
    border: 1px solid #9F9F9F;
    border-spacing: 1px;
}

    .CardViewItem .dxcvCard_DevEx .dxflGroup_DevEx {
        padding: 0;
    }

.card .dxflNestedControlCell_DevEx.img-show {
    position: relative;
}

.card .dxig-thumbnailTextArea {
    left: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
    padding: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 500;
    color: white;
    background-color: #333333;
    background-color: rgba(0, 0, 0, 0.75);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: none;
    text-align: start;
}

    .card .dxig-thumbnailTextArea > div {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .card .dxig-thumbnailTextArea > div:last-child {
            height: 30px;
            word-wrap: break-word;
            white-space: normal;
        }

.card .dxig-thumbnailTextArea {
    display: block;
    cursor: default;
    opacity: 0.5;
}

.card .img-content-preview .dxig-thumbnailTextArea {
    max-height: 500px;
}

.card .dxig-thumbnailTextArea {
    max-height: 42px;
}

.card .popup-frame {
    height: 500px;
}

.card .dxflNestedControlCell_DevEx.dxflItem_DevEx {
    position: relative;
}

.card {
    width: 100%
}

    .card .dxmLite_DevEx .dxctToolbar_DevEx .dxm-alignSpacing {
        width: 100% !important;
    }

    .card .dxmLite_DevEx .dxctToolbar_DevEx .dx.dxm-image-l {
        float: left;
    }

.cardViewTable {
    width: auto !important;
}

.dxflGroup_DevEx .dxflGroup_DevEx > tbody > tr {
    border-style: solid;
    border-width: 1px 0 1px 0;
    border-color: #000000
}

.card .dxflGroupCell_DevEx {
    padding: 0;
}

.card .dxflCaptionCellSys {
    padding-left: 8px;
    padding-right: 8px;
}

.card .dxflGroup_DevEx .dxflGroup_DevEx .dxflNestedControlCell_DevEx {
    padding-left: 4px;
    padding-right: 4px;
}

.card .dxflCommandItemSys {
    padding-right: 8px;
}

.card .dxflGroup_DevEx .dxflGroup_DevEx.dxflGroupSys.dxflAGSys {
    border-collapse: collapse !important;
}

.card .dxflCaptionCell_DevEx {
    white-space: unset;
}

.card .dxflFormLayout_DevEx > .dxflGroup_DevEx {
    background-color: white;
}

.dxcvSelectedCard_DevEx {
    border-color: #06b7c2;
    outline: 2px solid #06b7c2;
}

    .dxcvSelectedCard_DevEx .img-show.dxeImage {
        opacity: 0.6;
    }

.card .dxm-item.dxm-noSubMenu.dxm-tmpl .dxeRoot_DevEx .dxeCaptionCell_DevEx {
    padding-bottom: 3px;
}

.card .dxcvSearchPanel_DevEx .dxeButtonEdit_DevEx {
    min-width: 190px;
    margin-left: 1px;
}

.card .dxcvSearchPanel_DevEx {
    width: 250px;
    padding-bottom: 4px;
    margin: 4px 4px 4px 0px;
    border-bottom: 1px solid #78909c;
}

    .card .dxcvSearchPanel_DevEx .dxeButtonEditSys.dxeNullText_DevEx input[type="text"].dxeEditArea_DevEx {
        color: #A0B1BA;
    }

    .card .dxcvSearchPanel_DevEx .dxeButtonEditSys.dxeButtonEdit_DevEx {
        background-color: transparent;
        border: none;
    }

    .card .dxcvSearchPanel_DevEx .dxbButton_DevEx.dxbButtonSys > .dx-vam {
        vertical-align: initial;
    }

    .card .dxcvSearchPanel_DevEx input {
        background-color: transparent;
    }

    .card .dxcvSearchPanel_DevEx table.dxeButtonEditSys.dxeButtonEdit_DevEx.dxeNullText_DevEx.dxh0 > tbody > tr > td.dxeButton.dxeButtonEditButton_DevEx.dxeButtonEditClearButton_DevEx {
        display: none !important;
    }

    .card .dxcvSearchPanel_DevEx table.dxeButtonEditSys.dxeButtonEdit_DevEx > tbody > tr > td.dxeButton.dxeButtonEditButton_DevEx.dxeButtonEditClearButton_DevEx {
        display: block !important;
    }

.card .dxm-horizontal .toolBarItem .dxm-content.dxm-hasText {
    padding: 4px 4px 3px 0 !important;
}

.card .dxm-horizontal .toolBarItem .dxm-popOut {
    padding: 7px 0;
}

.dxgvSearchPanel_DevEx td.dxeButton.dxeButtonEditButton_DevEx.dxeButtonEditClearButton_DevEx {
    padding: 0px;
    padding-left: 5px;
}

.card .dxcvHL {
    background: #06b7c2;
    color: white;
    font-weight: bold;
    font-style: normal;
}

.card .dxflItem_DevEx .dxflNestedControlCell_DevEx {
    font-weight: 500;
    color: #374248;
}

.card .toolBarItem {
    border-bottom: 1px solid #78909c !important;
    border-radius: unset !important;
}

.card .dxm-horizontal.dxctToolbar_DevEx .dx.dxm-image-l > li:nth-child(1),
.card .dxm-horizontal.dxctToolbar_DevEx .dx.dxm-image-l > li:nth-child(9) {
    border-bottom: 1px solid #78909c;
    border-radius: 0;
}

.card .dxmLite_DevEx .dxmtb.dxm-horizontal .dxm-spacing {
    padding: 1px 4px;
}

.card .photoTypeDropDownStyles .dxeButtonEditButton_DevEx,
.card .facingPlaceDropDownStyles .dxeButtonEditButton_DevEx {
    padding-top: 5px;
}

/********************************************/
/*  ---  End of CardViewItem    ----  */
/********************************************/