<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* used as a border of large controls (like grids, diagram) */
/* used as a background below a page in richedit/diagram */
/* used as a border of large controls (like grids, diagram) */
/* used as a background below a page in richedit/diagram */
/* used as a border of large controls (like grids, diagram) */
/* used as a background below a page in richedit/diagram */
/* used as a border of large controls (like grids, diagram) */
/* used as a background below a page in richedit/diagram */
.dxeCalendarToday_Metropolis .dxe-apt-labels-container,
.dxeCalendarSelected_Metropolis .dxe-apt-labels-container
{
    display: none;
}
.dxeCalendar_Metropolis .dxe-apt-labels-container
{
    height: 3px;
    margin-bottom: -3px;
    margin-left: -2px;
    margin-right: -2px;
}
.dxeCalendar_Metropolis .dxe-apt-labels-container &gt; div
{
    width: 3px;
    height: 3px;
    margin-top: 1px;
    border-radius: inherit;
}
.dxeCalendar_Metropolis .dxe-more-labels-container &gt; .dxe-h-line
{
    width: 3px;
    top: 1px;
}
.dxeCalendar_Metropolis .dxe-more-labels-container &gt; .dxe-v-line
{
    height: 3px;
    left: 1px;
}
.dxeCalendar_Metropolis .dxe-more-labels-container &gt; div.dxe-h-line,
.dxeCalendar_Metropolis .dxe-more-labels-container &gt; div.dxe-v-line
{
    background-color: #666666;
}
.dxeCalendar_Metropolis .dxe-apt-labels-container &gt; div
{
    margin-top: 0px;
}
/* -- ValidationSummary -- */
.dxvsValidationSummary_Metropolis
{
    font: 12px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
    color: Red;
}
.dxvsValidationSummary_Metropolis td.dxvsRC_Metropolis
{
    vertical-align: top;
    padding: 2px 5px 4px 6px;
}
.dxvsValidationSummary_Metropolis table.dxvsHT_Metropolis
{
    width: 100%;
}
.dxvsValidationSummary_Metropolis td.dxvsH_Metropolis
{
    padding: 2px 0;
}
.dxvsValidationSummary_Metropolis a.dxvsHL_Metropolis,
.dxvsValidationSummary_Metropolis a.dxvsHL_Metropolis:visited
{
    color: red;
}
.dxvsValidationSummary_Metropolis a.dxvsHL_Metropolis
{
    text-decoration: none;
    border-bottom: 1px dashed #f70;
}
.dxvsValidationSummary_Metropolis a.dxvsHL_Metropolis:hover
{
    color: #f70;
}
.dxvsValidationSummary_Metropolis td.dxvsETC_Metropolis
{
    padding: 2px 0;
}
.dxvsValidationSummary_Metropolis li.dxvsE_Metropolis
{
    padding: 2px 0;
}
/* TrackBar */
.dxeTrackBar_Metropolis
{
    font: 12px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
    user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    visibility: hidden;
}
.dxeDisabled_Metropolis .dxeTBHSys a,
.dxeDisabled_Metropolis .dxeTBVSys a
{
    cursor: default;
}
.dxeTBBarHighlight_Metropolis
{
    font-size: 0;
}
.dxeTBScale_Metropolis,
.dxeTBTrack_Metropolis,
.dxeTBBarHighlight_Metropolis
{
    cursor: pointer;
}
.dxeTBScale_Metropolis
{
    z-index: 1;
}
.dxeTBSecondaryDH_Metropolis, .dxeTBMainDH_Metropolis
{
    z-index: 4;
}
.dxeTrackBar_Metropolis.dxeTBHSys
{
    width: 170px;
    height: 41px;
}
.dxeTrackBar_Metropolis.dxeTBVSys
{
    height: 170px;
    width: 41px;
}
.dxeTrackBar_Metropolis.dxeTBBScaleSys.dxeTBVSys
{
    width: 59px;
}
.dxeTrackBar_Metropolis.dxeTBBScaleSys.dxeTBHSys
{
    height: 59px;
}
.dxeTBTrack_Metropolis
{
    z-index: 2;
    position: absolute;
}
.dxeTBHSys .dxeTBTrack_Metropolis
{
    background: url('/DXR.axd?r=0_2196-ODWhq');
}
.dxeTBVSys .dxeTBTrack_Metropolis
{
    background: url('/DXR.axd?r=0_2197-ODWhq');
}
.dxeTBHSys .dxeTBTrack_Metropolis
{
    height: 10px;
}
.dxeTBHSys .dxeTBBarHighlight_Metropolis
{
    top: 3px;
    height: 4px;
}
.dxeTBVSys .dxeTBTrack_Metropolis
{
    width: 10px;
}
.dxeTBVSys .dxeTBBarHighlight_Metropolis
{
    left: 3px;
    width: 4px;
}
.dxeTBHSys .dxeTBMainDH_Metropolis, .dxeTBHSys .dxeTBSecondaryDH_Metropolis
{
    top: -1px;
    width: 7px;
    height: 12px;
}
.dxeTBVSys .dxeTBMainDH_Metropolis, .dxeTBVSys .dxeTBSecondaryDH_Metropolis
{
    left: -1px;
    width: 12px;
    height: 7px;
}
.dxeTBVSys .dxeTBRBScaleSys .dxeTBTrack_Metropolis, .dxeTBVSys .dxeTBTrack_Metropolis
{
    left: 6px;
}
.dxeTBVSys .dxeTBLTScaleSys .dxeTBTrack_Metropolis
{
    right: 6px;
    left: auto;
}
.dxeTBHSys .dxeTBLTScaleSys .dxeTBTrack_Metropolis
{
    bottom: 6px;
    top: auto;
}
.dxeTBHSys .dxeTBRBScaleSys .dxeTBTrack_Metropolis, .dxeTBHSys .dxeTBTrack_Metropolis
{
    top: 6px;
}
.dxeTBBarHighlight_Metropolis
{
    left: 0px;
    top: 0px;
    position: absolute;
    z-index: 3;
}
.dxeTBHSys .dxeTBBarHighlight_Metropolis
{
    background: #ff8800;
}
.dxeTBVSys .dxeTBBarHighlight_Metropolis
{
    background: #ff8800;
}
.dxeTBRBLabel_Metropolis, .dxeTBLTLabel_Metropolis
{
    text-align: center;
    color: #999999;
    cursor: default;
}
.dxeTBSmallTickSys .dxeTBRBLabel_Metropolis, .dxeTBSmallTickSys .dxeTBLTLabel_Metropolis,
.dxeTBLargeTickSys .dxeTBRBLabel_Metropolis, .dxeTBLargeTickSys .dxeTBLTLabel_Metropolis
{
    position: absolute;
}
.dxeTBHSys .dxeTBRBLabel_Metropolis, .dxeTBHSys .dxeTBLTLabel_Metropolis
{
    width: 100%;
}
.dxeTBVSys .dxeTBRBLabel_Metropolis,
.dxeTBVSys .dxeTBLTLabel_Metropolis
{
    padding-top: 2px;
}
.dxeTBHSys .dxeTBBScaleSys .dxeTBRBLabel_Metropolis
{
    margin-left: -4px;
}
.dxeTBVSys .dxeTBRBScaleSys .dxeTBRBLabel_Metropolis,
.dxeTBVSys .dxeTBBScaleSys .dxeTBLTLabel_Metropolis
{
    right: 0px;
}
.dxeTBVSys .dxeTBLTScaleSys .dxeTBLTLabel_Metropolis,
.dxeTBVSys .dxeTBBScaleSys .dxeTBRBLabel_Metropolis
{
    left: 0px;
}
.dxeTBHSys .dxeTBRBScaleSys .dxeTBRBLabel_Metropolis,
.dxeTBHSys .dxeTBBScaleSys .dxeTBLTLabel_Metropolis
{
    bottom: 0px;
}
.dxeTBHSys .dxeTBLTScaleSys .dxeTBLTLabel_Metropolis,
.dxeTBHSys .dxeTBBScaleSys .dxeTBRBLabel_Metropolis
{
    top: 0px;
}
.dxeTBItem_Metropolis
{
    color: #8c8c8c;
}
.dxeTBHSys .dxeTBItem_Metropolis .dxeTBRBLabel_Metropolis,
.dxeTBHSys .dxeTBItem_Metropolis .dxeTBLTLabel_Metropolis
{
    display: inline-block;
    margin-left: 0px !important;
}
.dxeTBHSys .dxeTBRBScaleSys .dxeTBItem_Metropolis .dxeTBRBLabel_Metropolis
{
    padding-top: 8px;
}
.dxeTBHSys .dxeTBLTScaleSys .dxeTBItem_Metropolis .dxeTBLTLabel_Metropolis
{
    padding-top: 4px;
}
.dxeTBHSys .dxeTBBScaleSys .dxeTBItem_Metropolis .dxeTBLTLabel_Metropolis
{
    padding-top: 4px;
}
.dxeTBHSys .dxeTBBScaleSys .dxeTBItem_Metropolis .dxeTBRBLabel_Metropolis
{
    padding-top: 2px;
}
.dxeTBVSys .dxeTBRBScaleSys .dxeTBItem_Metropolis .dxeTBRBLabel_Metropolis
{
    margin-left: 5px;
}
.dxeTBSelectedItem_Metropolis .dxeTBRBLabel_Metropolis,
.dxeTBSelectedItem_Metropolis .dxeTBLTLabel_Metropolis,
.dxeTBSelectedTick_Metropolis .dxeTBRBLabel_Metropolis,
.dxeTBSelectedTick_Metropolis .dxeTBLTLabel_Metropolis
{
    color: #ff8800;
}
.dxeTBVSys .dxeTBLTScaleSys .dxeTBItem_Metropolis
{
    text-align: left;
}
.dxeTBVSys .dxeTBRBScaleSys .dxeTBItem_Metropolis
{
    text-align: right;
}
.dxeTBVSys .dxeTBBScaleSys .dxeTBItem_Metropolis
{
    text-align: center;
}
.dxeTBHSys .dxeTBItem_Metropolis
{
    background-image: url('/DXR.axd?r=0_2192-ODWhq');
}
.dxeTBHSys .dxeTBBScaleSys .dxeTBItem_Metropolis
{
    background-image: url('/DXR.axd?r=0_2190-ODWhq');
}
.dxeTBVSys .dxeTBItem_Metropolis
{
    background-image: url('/DXR.axd?r=0_2193-ODWhq');
}
.dxeTBVSys .dxeTBBScaleSys .dxeTBItem_Metropolis
{
    background-image: url('/DXR.axd?r=0_2191-ODWhq');
}
.dxeTBHSys .dxeTBLargeTick_Metropolis
{
    background-image: url('/DXR.axd?r=0_2192-ODWhq');
}
.dxeTBVSys .dxeTBLargeTick_Metropolis
{
    background-image: url('/DXR.axd?r=0_2193-ODWhq');
}
.dxeTBHSys .dxeTBSmallTick_Metropolis
{
    background-image: url('/DXR.axd?r=0_2194-ODWhq');
}
.dxeTBVSys .dxeTBSmallTick_Metropolis
{
    background-image: url('/DXR.axd?r=0_2195-ODWhq');
}
.dxeTBHSys .dxeTBBScaleSys .dxeTBLargeTick_Metropolis
{
    background-image: url('/DXR.axd?r=0_2188-ODWhq');
}
.dxeTBVSys .dxeTBBScaleSys .dxeTBLargeTick_Metropolis
{
    background-image: url('/DXR.axd?r=0_2189-ODWhq');
}
.dxeTBHSys .dxeTBBScaleSys .dxeTBSmallTick_Metropolis
{
    background-image: url('/DXR.axd?r=0_2190-ODWhq');
}
.dxeTBVSys .dxeTBBScaleSys .dxeTBSmallTick_Metropolis
{
    background-image: url('/DXR.axd?r=0_2191-ODWhq');
}
.dxeTBVSys .dxeTBIncBtn_Metropolis, .dxeTBVSys .dxeReversedDirectionSys .dxeTBDecBtn_Metropolis
{
    bottom: 0px;
    top: auto;
}
.dxeTBVSys .dxeTBDecBtn_Metropolis, .dxeTBVSys .dxeReversedDirectionSys .dxeTBIncBtn_Metropolis
{
    top: 0px;
    bottom: auto;
}
.dxeTBHSys .dxeTBDecBtn_Metropolis, .dxeTBHSys .dxeReversedDirectionSys .dxeTBIncBtn_Metropolis
{
    left: 0px;
    right: auto;
}
.dxeTBHSys .dxeTBIncBtn_Metropolis, .dxeTBHSys .dxeReversedDirectionSys .dxeTBDecBtn_Metropolis
{
    right: 0px;
    left: auto;
}
.dxeTBVSys .dxeTBBScaleSys .dxeTBDecBtn_Metropolis,
.dxeTBVSys .dxeTBBScaleSys .dxeTBIncBtn_Metropolis
{
    margin-left: -10px;
    left: 50%;
}
.dxeTBHSys .dxeTBBScaleSys .dxeTBDecBtn_Metropolis,
.dxeTBHSys .dxeTBBScaleSys .dxeTBIncBtn_Metropolis
{
    margin-top: -10px;
    top: 50%;
}
.dxeTBVSys .dxeTBBScaleSys .dxeTBTrack_Metropolis
{
    margin-left: -4px;
    left: 50%;
}
.dxeTBHSys .dxeTBBScaleSys .dxeTBTrack_Metropolis
{
    margin-top: -5px;
    top: 50%;
}
.dxeTBVSys .dxeTBLTScaleSys .dxeTBDecBtn_Metropolis,
.dxeTBVSys .dxeTBLTScaleSys .dxeTBIncBtn_Metropolis
{
    right: 0px;
}
.dxeTBHSys .dxeTBLTScaleSys .dxeTBDecBtn_Metropolis,
.dxeTBHSys .dxeTBLTScaleSys .dxeTBIncBtn_Metropolis
{
    bottom: 0px;
}
.dxeHelpText_Metropolis,
.dxeTBValueToolTip_Metropolis
{
    font: 12px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
}
div.dxeHelpText_Metropolis,
.dxeTBValueToolTip_Metropolis
{
    padding: 3px 8px 4px 8px;
    display: inline;
    position: absolute;
    background: white;
    z-index: 41998;
    -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 #c0c0c0;
}
td.dxeHelpText_Metropolis
{
    visibility: visible;
    color: #9F9F9F;
}
td.dxeHelpText_Metropolis span
{
    font-size: 0.91em;
}
td.dxeHelpText_Metropolis.dxeHHelpTextSys
{
    padding: 0 6px;
}
td.dxeHelpText_Metropolis.dxeVHelpTextSys
{
    padding: 2px 0;
}
/* Loading */
.dxlpLoadingPanel_Metropolis,
.dxlpLoadingPanelWithContent_Metropolis
{
    border: 1px solid #C3C3C3;
    background-color: white;
    font: 12px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
    color: #333333;
}
.dxlpLoadingPanel_Metropolis td.dx,
.dxlpLoadingPanelWithContent_Metropolis td.dx
{
    font-size: 1.17em;
    white-space: nowrap;
    text-align: center;
    padding: 10px 14px;
}
.dxcaLoadingPanel_Metropolis .dxlp-loadingImage,
.dxeImage_Metropolis.dxe-loadingImage
{
    background-image: url('/DXR.axd?r=0_2296-ODWhq');
    height: 32px;
    width: 32px;
}
.dxeButtonEditSys .dxic .dxeLoadingDiv_Metropolis
{
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.dxeButtonEditSys .dxic .dxeLoadingPanel_Metropolis
{
    background-color: transparent !important;
    font-size: 0;
}
.dxeButtonEditSys .dxic .dxeLoadingPanel_Metropolis td.dx
{
    padding: 0px !important;
}
.dxeButtonEditSys .dxic .dxeLoadingPanel_Metropolis td.dx &gt; span
{
    display: none;
}
.dxeButtonEditSys .dxic .dxeLoadingPanel_Metropolis td.dx &gt; img
{
    height: 15px;
    width: auto;
    vertical-align: middle;
}
.dxeBase_Metropolis
{
    font: 12px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
    color: #333333;
}
/* InternalCheckBox */
.dxeIRBFocused_Metropolis
{
    outline: 1px dotted #ff8800;
}
.dxgvCommandColumn_Metropolis .dxeIRadioButton_Metropolis
{
    border-radius: 50%;
}
.dxeBase_Metropolis .dxichCellSys,
.dxeBase_Metropolis.dxichCellSys
{
    padding: 2px 3px 1px;
}
.dxeBase_Metropolis .dxichTextCellSys
{
    padding: 1px 0 1px;
}
/* -- ErrorFrame -- */
.dxeErrorCell_Metropolis
{
    font: 12px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
    color: Red;
    border-color: black;
    padding-right: 8px;
    padding-left: 8px;
}
.dxeErrorCell_Metropolis.dxeNoBorderTop,
.dxeErrorCell_Metropolis.dxeNoBorderBottom
{
    padding-right: 0;
    padding-left: 0;
}
.dxFirefox .dxeErrorCell_Metropolis.dxeNoBorderBottom
{
    padding-bottom: 2px;
}
.dxeErrorCell_Metropolis.dxeNoBorderBottom
{
    padding-bottom: 3px;
}
.dxeErrorCell_Metropolis.dxeNoBorderTop td img
{
    margin-top: 2px;
}
.dxeErrorCell_Metropolis.dxeNoBorderTop
{
    padding-top: 2px;
}
.dxeErrorFrameWithoutError_Metropolis
{
    border: 1px solid Red;
}
.dxeErrorFrameWithoutError_Metropolis .dxeControlsCell_Metropolis,
.dxeErrorFrameWithoutError_Metropolis.dxeControlsCell_Metropolis
{
    padding: 2px;
}
.dxeEditArea_Metropolis
{
    border: 1px solid #A0A0A0;
}
.dxeEditArea_Metropolis,
body input.dxeEditArea_Metropolis
{
    color: #333333;
}
input[type="text"].dxeEditArea_Metropolis,
input[type="password"].dxeEditArea_Metropolis
{
    margin-top: 0;
    margin-bottom: 0;
}
.dxFirefox input[type="text"].dxeEditArea_Metropolis,
.dxFirefox input[type="password"].dxeEditArea_Metropolis
{
    margin-top: 0;
    margin-bottom: -1px;
}
noindex:-o-prefocus,
input[type="text"].dxeEditArea_Metropolis,
input[type="password"].dxeEditArea_Metropolis
{
    margin-top: 1px;
    margin-bottom: 0;
}
/* -- Binary Image -- */
.dxeBinaryImageButtonPanel_Metropolis
{
    height: 36px;
}
.dxeBinaryImageButton_Metropolis
{
    margin: 0 6px;
}
/* -- Buttons -- */
.dxeButtonEditButton_Metropolis,
.dxeCalendarButton_Metropolis,
.dxeSpinIncButton_Metropolis,
.dxeSpinDecButton_Metropolis,
.dxeSpinLargeIncButton_Metropolis,
.dxeSpinLargeDecButton_Metropolis,
.dxeColorEditButton_Metropolis
{
    background-color: white;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
}
.dxHideContent.dxeButtonEditClearButton_Metropolis
{
    cursor: default;
}
.dxeCalendarButton_Metropolis
{
    font: 12px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
}
.dxeButtonEditButton_Metropolis
{
    padding: 0px 2px 0px 3px;
}
.dxeSpinIncButton_Metropolis
{
    padding: 2px 2px 2px 3px;
}
.dxeSpinDecButton_Metropolis
{
    padding: 3px 2px 2px 3px;
}
.dxeSpinLargeIncButton_Metropolis
{
    padding: 0px 5px 0px 6px;
}
.dxeSpinLargeDecButton_Metropolis
{
    padding: 0px 6px 0px 5px;
}
.dxeCalendarButton_Metropolis,
.dxeColorEditButton_Metropolis
{
    border: 1px solid #c0c0c0;
    padding: 3px 11px 4px;
    min-width: 37px;
    text-align: center;
    white-space: nowrap;
}
.dxeCalendarButton_Metropolis.dxeButtonDisabled_Metropolis,
.dxeColorEditButton_Metropolis.dxeButtonDisabled_Metropolis
{
    color: #bdbdbd;
}
.dxeButtonEditButton_Metropolis.dxeButtonEditClearButton_Metropolis,
.dxeButtonEditButton_Metropolis.dxeButtonEditClearButton_Metropolis:hover
{
    background: none;
    border-width: 0;
    line-height: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.dxeButtonEditClearButton_Metropolis img
{
    vertical-align: baseline;
}
/* -- Pressed -- */
.dxeCalendarButtonPressed_Metropolis,
.dxeButtonEditButtonPressed_Metropolis,
.dxeSpinIncButtonPressed_Metropolis,
.dxeSpinDecButtonPressed_Metropolis,
.dxeSpinLargeIncButtonPressed_Metropolis,
.dxeSpinLargeDecButtonPressed_Metropolis,
.dxeColorEditButton_Metropolis:active
{
    background-color: #c0c0c0;
    color: white;
}
/* -- Hover -- */
.dxeCalendarButtonHover_Metropolis,
.dxeButtonEditButtonHover_Metropolis,
.dxeSpinIncButtonHover_Metropolis,
.dxeSpinDecButtonHover_Metropolis,
.dxeSpinLargeIncButtonHover_Metropolis,
.dxeSpinLargeDecButtonHover_Metropolis,
.dxeColorEditButton_Metropolis:hover
{
    background-color: #ff8800;
    color: white;
}
.dxeCalendarButtonHover_Metropolis,
.dxeColorEditButton_Metropolis:hover
{
    border-color: #ff8800;
}
.dxeButtonEdit_Metropolis
{
    background-color: white;
    border: 1px solid #c0c0c0;
    width: 170px;
    font: 12px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
    border-collapse: separate;
    border-spacing: 0;
}
.dxeButtonEdit_Metropolis .dxeEditArea_Metropolis
{
    background-color: white;
}
.dxeButtonEdit_Metropolis .dxeEditArea_Metropolis,
.dxeButtonEdit_Metropolis td.dxic
{
    width: 100%;
}
.dxeButtonEdit_Metropolis .dxeIIC img
{
    padding-left: 3px;
}
.dxeTextBox_Metropolis
{
    background-color: white;
    border: 1px solid #c0c0c0;
    font: 12px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
}
.dxeTextBox_Metropolis .dxeEditArea_Metropolis
{
    background-color: white;
}
.dxeRadioButtonList_Metropolis, .dxeCheckBoxList_Metropolis
{
    border: 1px Solid #c0c0c0;
}
.dxeCheckBoxList_Metropolis .dxe &gt; table,
.dxeRadioButtonList_Metropolis .dxe &gt; table
{
    width: 100%;
}
.dxeRadioButtonList_Metropolis,
.dxeCheckBoxList_Metropolis
{
    font: 12px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
}
.dxeRadioButtonList_Metropolis td.dxe,
.dxeCheckBoxList_Metropolis td.dxe
{
    padding: 7px 5px 6px 11px;
}
.dxeRadioButtonList_Metropolis[dir='rtl'] td.dxe,
.dxeCheckBoxList_Metropolis[dir='rtl'] td.dxe
{
    padding: 7px 11px 6px 5px;
}
/* -- Memo -- */
.dxeMemo_Metropolis
{
    background-color: white;
    border: 1px solid #c0c0c0;
    font: 12px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
}
.dxeMemoEditArea_Metropolis
{
    background-color: white;
    outline: none;
}
/* -- Hyperlink -- */
.dxeHyperlink_Metropolis
{
    font: 12px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
    color: #ff8800;
}
/* -- ListBox -- */
.dxeListBox_Metropolis
{
    background-color: white;
    width: 70px;
    height: 109px;
    font: 12px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
    color: #333333;
    border: 1px solid #c0c0c0;
}
.dxeListBox_Metropolis div.dxlbd
{
    padding-top: 1px;
    padding-bottom: 1px;
    height: 107px;
}
.dxeListBoxFilter_Metropolis
{
    padding: 6px;
    border-bottom: 1px solid #c0c0c0;
}
.dxeListBox_Metropolis .dxeListBoxFilter_Metropolis .dxeLBFEButtonSys,
.dxeListBox_Metropolis .dxeListBoxFilter_Metropolis .dxeLBShowFilterBtnSys
{
    background: none;
    border: none;
}
.dxeListBox_Metropolis .dxeListBoxFilter_Metropolis .dxeLBFEButtonSys
{
    background-color: transparent;
}
.dxeListBox_Metropolis .dxeListBoxFilter_Metropolis .dxeLBShowFilterBtnSys
{
    background-color: white;
}
.dxeListBox_Metropolis .dxeListBoxFilter_Metropolis .dxeLBFEButtonSys.dxeButtonEditButtonHover_Metropolis,
.dxeListBox_Metropolis .dxeListBoxFilter_Metropolis .dxeLBShowFilterBtnSys.dxbButtonHover_Metropolis
{
    background-color: #e0e0e0;
}
.dxeListBox_Metropolis .dxeListBoxFilter_Metropolis .dxeLBFEButtonSys img
{
    margin-bottom: -2px;
}
.dxeListBox_Metropolis .dxeListBoxFilter_Metropolis .dxeLBShowFilterBtnSys img
{
    margin-top: 2px;
}
.dxeListBox_Metropolis &gt; tbody &gt; tr &gt; td &gt; .dxeListBoxSelectAll_Metropolis
{
    padding: 2px 0 4px 3px;
    border-bottom: 1px solid #c0c0c0;
    cursor: default;
    white-space: nowrap;
}
.dxeListBox_Metropolis &gt; tbody &gt; tr &gt; td &gt; .dxeListBoxSelectAllHover_Metropolis
{
    background-color: #e0e0e0;
    color: #333333;
}
*[dir="rtl"].dxeListBox_Metropolis &gt; tbody &gt; tr &gt; td &gt; .dxeListBoxSelectAll_Metropolis
{
    padding: 2px 3px 4px 0;
}
.dxeListBox_Metropolis &gt; tbody &gt; tr &gt; td &gt; .dxeListBoxSelectAll_Metropolis .dxichCellSys
{
    padding-left: 3px;
    padding-right: 4px;
}
*[dir="rtl"].dxeListBox_Metropolis &gt; tbody &gt; tr &gt; td &gt; .dxeListBoxSelectAll_Metropolis .dxichCellSys
{
    padding-left: 4px;
    padding-right: 2px;
}
.dxeListBox_Metropolis .dxeHCC .dxeListBoxSelectAll_Metropolis .dxichSys,
.dxeListBox_Metropolis .dxeHCCR .dxeListBoxSelectAll_Metropolis .dxichSys
{
    margin: 0;
}
.dxeListBox_Metropolis .dxeC input[type="checkbox"]
{
    margin-left: 4px !important;
    margin-right: 3px !important;
}
*[dir="rtl"].dxeListBox_Metropolis .dxeCR input[type="checkbox"]
{
    margin-left: 3px !important;
    margin-right: 4px !important;
}
.dxeListBox_Metropolis &gt; tbody &gt; tr &gt; td &gt; .dxeListBoxSelectAll_Metropolis input[type="checkbox"]
{
    margin-left: 5px;
    margin-right: 6px;
    margin-top: 6px;
}
*[dir="rtl"].dxeListBox_Metropolis &gt; tbody &gt; tr &gt; td &gt; .dxeListBoxSelectAll_Metropolis input[type="checkbox"]
{
    margin-left: 6px;
    margin-right: 4px;
}
.dxeDisabled_Metropolis .dxeListBoxSelectAll_Metropolis .dxeBase_Metropolis
{
    color: #c0c0c0;
}
.dxeListBoxItemRow_Metropolis
{
    cursor: default;
}
.dxeListBoxItem_Metropolis
{
    border-left: 1px solid white;
    border-right: 1px solid white;
    padding: 3px 2px 4px 3px;
    white-space: nowrap;
    text-align: left;
}
.dxeListBoxItem_Metropolis em
{
    background: #CFCFCF none repeat 0 0;
    color: #333333;
    font-weight: bold;
    font-style: normal;
}
.dxeListBox_Metropolis td.dxeI,
.dxeListBox_Metropolis td.dxeIM,
.dxeListBox_Metropolis .dxeHIC,
.dxeListBox_Metropolis td.dxeFTM,
.dxeListBox_Metropolis td.dxeTM,
.dxeListBox_Metropolis td.dxeC,
.dxeListBox_Metropolis td.dxeCM,
.dxeListBox_Metropolis td.dxeHCC,
.dxeListBox_Metropolis td.dxeMI,
.dxeListBox_Metropolis td.dxeMIM
{
    border-right-width: 0 !important;
}
.dxeListBox_Metropolis td.dxeIR,
.dxeListBox_Metropolis td.dxeIMR,
.dxeListBox_Metropolis .dxeHICR,
.dxeListBox_Metropolis td.dxeFTMR,
.dxeListBox_Metropolis td.dxeTMR,
.dxeListBox_Metropolis td.dxeCR,
.dxeListBox_Metropolis td.dxeCMR,
.dxeListBox_Metropolis td.dxeHCCR,
.dxeListBox_Metropolis td.dxeMIR,
.dxeListBox_Metropolis td.dxeMIMR
{
    border-left-width: 0 !important;
}
.dxeListBox_Metropolis td.dxeCM,
.dxeListBox_Metropolis td.dxeHCC,
.dxeListBox_Metropolis td.dxeCMR,
.dxeListBox_Metropolis td.dxeHCCR
{
    width: 29px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.dxeListBox_Metropolis .dxeListBoxEllipsisSys td.dxeC,
.dxeListBox_Metropolis .dxeListBoxEllipsisSys td.dxeCR
{
    width: 21px;
}
.dxeListBox_Metropolis td.dxeIM,
.dxeListBox_Metropolis td.dxeIMR
{
    width: 0;
}
.dxeListBox_Metropolis td.dxeC &gt; span,
.dxeListBox_Metropolis td.dxeCM &gt; span
{
    margin: 2px 2px 2px 3px;
}
.dxeListBox_Metropolis td.dxeCR &gt; span,
.dxeListBox_Metropolis td.dxeCMR &gt; span
{
    margin: 2px 3px 2px 2px;
}
.dxeListBox_Metropolis td.dxeC
{
    padding-right: 3px !important;
}
.dxeListBox_Metropolis td.dxeCR
{
    padding-left: 3px !important;
}
.dxeListBox_Metropolis td.dxeT
{
    width: 100%;
    padding-left: 0 !important;
}
.dxeListBox_Metropolis td.dxeTR
{
    width: 100%;
    padding-right: 0 !important;
}
.dxeListBox_Metropolis td.dxeT,
.dxeListBox_Metropolis td.dxeMI
{
    border-left-width: 0 !important;
}
.dxeListBox_Metropolis td.dxeTR,
.dxeListBox_Metropolis td.dxeMIR
{
    border-right-width: 0 !important;
}
.dxeListBox_Metropolis td.dxeFTM,
.dxeListBox_Metropolis td.dxeTM,
.dxeListBox_Metropolis td.dxeLTM,
.dxeListBox_Metropolis .dxeHFC,
.dxeListBox_Metropolis .dxeHC,
.dxeListBox_Metropolis .dxeHLC,
.dxeListBox_Metropolis td.dxeFTMR,
.dxeListBox_Metropolis td.dxeTMR,
.dxeListBox_Metropolis td.dxeLTMR,
.dxeListBox_Metropolis .dxeHFCR,
.dxeListBox_Metropolis .dxeHCR,
.dxeListBox_Metropolis .dxeHLCR
{
    overflow: hidden;
}
.dxeListBox_Metropolis td.dxeFTM.dxeLTM
{
    border-left-width: 0 !important;
}
.dxeListBox_Metropolis td.dxeFTM,
.dxeListBox_Metropolis td.dxeTM,
.dxeListBox_Metropolis .dxeHFC,
.dxeListBox_Metropolis .dxeHC
{
    padding-right: 6px !important;
}
.dxeListBox_Metropolis td.dxeFTMR,
.dxeListBox_Metropolis td.dxeTMR,
.dxeListBox_Metropolis .dxeHFCR,
.dxeListBox_Metropolis .dxeHCR
{
    padding-left: 6px !important;
}
.dxeListBox_Metropolis td.dxeLTM,
.dxeListBox_Metropolis td.dxeTM,
.dxeListBox_Metropolis .dxeHC,
.dxeListBox_Metropolis .dxeHLC
{
    padding-left: 6px !important;
}
.dxeListBox_Metropolis td.dxeLTMR,
.dxeListBox_Metropolis td.dxeTMR,
.dxeListBox_Metropolis .dxeHCR,
.dxeListBox_Metropolis .dxeHLCR
{
    padding-right: 6px !important;
}
.dxeListBoxItemRow_Metropolis.dx-ar &gt; .dxeListBoxItem_Metropolis,
.dxeListBoxItemRow_Metropolis.dx-al &gt; .dxeListBoxItem_Metropolis
{
    float: inherit;
}
/*Grid lines*/
.dxeListBox_Metropolis td.dxeLTM,
.dxeListBox_Metropolis td.dxeTM,
.dxeListBox_Metropolis td.dxeMIM
{
    border-left: 1px solid #cfcfcf !important;
}
.dxeListBox_Metropolis td.dxeLTMR,
.dxeListBox_Metropolis td.dxeTMR,
.dxeListBox_Metropolis td.dxeMIMR
{
    border-right: 1px solid #cfcfcf !important;
}
.dxeListBox_Metropolis td.dxeIM,
.dxeListBox_Metropolis td.dxeFTM,
.dxeListBox_Metropolis td.dxeTM,
.dxeListBox_Metropolis td.dxeLTM,
.dxeListBox_Metropolis td.dxeCM,
.dxeListBox_Metropolis td.dxeMIM,
.dxeListBox_Metropolis td.dxeIMR,
.dxeListBox_Metropolis td.dxeFTMR,
.dxeListBox_Metropolis td.dxeTMR,
.dxeListBox_Metropolis td.dxeLTMR,
.dxeListBox_Metropolis td.dxeCMR,
.dxeListBox_Metropolis td.dxeMIMR
{
    border-bottom: 1px solid #cfcfcf;
}
.dxeListBoxItemSelected_Metropolis
{
    color: White;
    background-color: #ff8800;
}
.dxeDisabled_Metropolis.dxeListBox_Metropolis .dxeListBoxItemSelected_Metropolis
{
    background-color: #f0f0f0;
}
.dxeListBoxItemHover_Metropolis
{
    background-color: #e0e0e0;
    color: #333333;
}
.dxeListBoxWithCustAppearanceSys .dxeListBoxItemSelected_Metropolis
{
    color: White !important;
    background-color: #ff8800 !important;
}
.dxeListBoxWithCustAppearanceSys.dxeDisabled_Metropolis.dxeListBox_Metropolis .dxeListBoxItemSelected_Metropolis
{
    background-color: #f0f0f0 !important;
    color: #c0c0c0 !important;
}
.dxeListBoxWithCustAppearanceSys .dxeListBoxItemHover_Metropolis
{
    background-color: #e0e0e0 !important;
    color: #333333 !important;
}
.dxeListBoxItemHover_Metropolis em,
.dxeListBoxItemSelected_Metropolis em
{
    background-image: none;
}
/*Header*/
.dxeListBox_Metropolis .dxeHD
{
    border-bottom: 1px solid #c0c0c0;
    color: #8d8d8d;
}
.dxeListBox_Metropolis .dxeHC,
.dxeListBox_Metropolis .dxeHLC,
.dxeListBox_Metropolis td.dxeHMIC
{
    border-left: 1px solid #c0c0c0;
}
.dxeListBox_Metropolis .dxeHCR,
.dxeListBox_Metropolis .dxeHLCR,
.dxeListBox_Metropolis td.dxeHMICR
{
    border-right: 1px solid #A0A0A0;
    text-align: right;
}
.dxeListBox_Metropolis .dxeHCC
{
    border-left: 1px solid #c0c0c0;
}
.dxeListBox_Metropolis .dxeHICR,
.dxeListBox_Metropolis .dxeHFCR,
.dxeListBox_Metropolis .dxeHCCR
{
    border-right: 1px solid #dcdcdc;
    text-align: right;
}
.dxeListBox_Metropolis .dxeHFC,
.dxeListBox_Metropolis .dxeHC,
.dxeListBox_Metropolis .dxeHMIC
{
    border-right-width: 0;
}
.dxeListBox_Metropolis .dxeHFCR,
.dxeListBox_Metropolis .dxeHCR,
.dxeListBox_Metropolis .dxeHMICR
{
    border-left-width: 0;
    text-align: right;
}
.dxeListBox_Metropolis .dxeHLC
{
    border-right: 1px solid #dcdcdc;
}
.dxeListBox_Metropolis .dxeHLCR
{
    border-left: 1px solid #dcdcdc;
    text-align: right;
}
/* -- Calendar -- */
.dxeCalendarFastNavItem_Metropolis
{
    background-color: #ebebeb;
    outline: 1px white solid;
}
td.dxeCalendarFastNavItemArea_Metropolis td.dxeCalendarFastNavItem_Metropolis
{
    width: 25%;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.dxeCalendarFastNavItem_Metropolis.dxeCalendarFastNavItemHover_Metropolis:not(.dxeCalendarOutOfRange_Metropolis):not(.dxeCalendarDayDisabled_Metropolis):not(.dxeCalendarFastNavItemSelected_Metropolis),
.dxeCalendarFastNavMonth_Metropolis.dxeCalendarFastNavMonthHover_Metropolis,
.dxeCalendarFastNavYear_Metropolis.dxeCalendarFastNavYearHover_Metropolis
{
    background-color: #ffb866;
    color: white;
}
.dxeCalendarFastNavItem_Metropolis.dxeCalendarFastNavItemSelected_Metropolis,
.dxeCalendarFastNavMonth_Metropolis.dxeCalendarFastNavMonthSelected_Metropolis,
.dxeCalendarFastNavYear_Metropolis.dxeCalendarFastNavYearSelected_Metropolis
{
    background-color: #ff8800;
    color: white;
}
.dxeCalendarFastNavItem_Metropolis.dxeCalendarFastNavItemSelected_Metropolis,
.dxeCalendarFastNavItem_Metropolis.dxeCalendarFastNavItemOtherPeriod_Metropolis.dxeCalendarFastNavItemSelected_Metropolis
{
    color: white;
}
.dxeCalendarFastNavItem_Metropolis.dxeCalendarToday_Metropolis
{
    box-shadow: inset 0 0 0 2px #b8b8b8;
}
.dxeCalendarFastNavItem_Metropolis.dxeCalendarFastNavItemSelected_Metropolis.dxeCalendarToday_Metropolis
{
    box-shadow: inset 0 0 0 2px #995200;
}
.dxeDayInRange.dxeCalendarFastNavItem_Metropolis.dxeCalendarFastNavItemSelected_Metropolis
{
    background-color: #ffb866;
    color: white;
}
.dxeDayInRange.dxeCalendarFastNavItem_Metropolis.dxeCalendarFastNavItemSelected_Metropolis.dxeCalendarToday_Metropolis,
.dxeCalendarToday_Metropolis.dxeCalendarFastNavItem_Metropolis.dxeCalendarFastNavItemHover_Metropolis:not(.dxeCalendarOutOfRange_Metropolis):not(.dxeCalendarDayDisabled_Metropolis):not(.dxeCalendarFastNavItemSelected_Metropolis)
{
    box-shadow: inset 0 0 0 2px #ff8800;
}
.dxeCalendarDay_Metropolis.dxeCalendarHover_Metropolis:not(.dxeCalendarOutOfRange_Metropolis):not(.dxeCalendarDayDisabled_Metropolis):not(.dxeCalendarSelected_Metropolis)
{
    background-color: #ffb866;
    color: white;
}
.dxeCalendarDay_Metropolis.dxeCalendarSelected_Metropolis
{
    background-color: #ff8800;
    color: white;
}
.dxeCalendarDay_Metropolis.dxeCalendarToday_Metropolis
{
    box-shadow: inset 0 0 0 1px #b8b8b8;
}
.dxeCalendarDay_Metropolis.dxeCalendarSelected_Metropolis.dxeCalendarToday_Metropolis
{
    box-shadow: inset 0 0 0 1px #995200;
}
.dxeDayInRange.dxeCalendarSelected_Metropolis
{
    background-color: #ffb866;
    color: white;
}
.dxeDayInRange.dxeCalendarSelected_Metropolis.dxeCalendarToday_Metropolis,
.dxeCalendarToday_Metropolis.dxeCalendarDay_Metropolis.dxeCalendarHover_Metropolis:not(.dxeCalendarOutOfRange_Metropolis):not(.dxeCalendarDayDisabled_Metropolis):not(.dxeCalendarSelected_Metropolis)
{
    box-shadow: inset 0 0 0 1px #ff8800;
}
.dxeCalendar_Metropolis
{
    background-color: White;
    color: #333333;
    font: 12px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
    font-weight: normal;
    cursor: default;
}
.dxeCalendar_Metropolis.dxeFocused_Metropolis
{
    border: none;
}
.dxeCalendar_Metropolis td.dxMonthGrid_Metropolis
{
    padding: 8px 20px;
}
.dxeCalendar_Metropolis td.dxMonthGrid,
.dxeCalendar_Metropolis td.dxMonthGridRtl,
.dxeCalendar_Metropolis td.dxMonthGridWithWeekNumbers,
.dxeCalendar_Metropolis td.dxMonthGridWithWeekNumbersRtl
{
    min-width: 244px;
    padding: 30px 30px 10px;
}
.dxeCalendarDayHeader_Metropolis
{
    padding: 2px 4px 5px;
    font-size: 1.08em;
    text-transform: uppercase;
}
.dxeCalendarWeekNumber_Metropolis
{
    font-size: 0.75em;
    text-align: right;
    padding: 6px 8px 6px 4px;
    color: #bfbfbf;
}
.dxeCalendarDay_Metropolis
{
    padding: 4px 6px;
    text-align: center;
}
.dxeCalendarWeekend_Metropolis
{
    color: #FF3300;
}
.dxeCalendarOtherMonth_Metropolis,
.dxeCalendarFastNavItem_Metropolis.dxeCalendarFastNavItemOtherPeriod_Metropolis
{
    opacity: 0.15;
}
.dxeCalendarOutOfRange_Metropolis,
.dxeCalendarFastNavItem_Metropolis.dxeCalendarOutOfRange_Metropolis
{
    color: #d0d0d0;
}
.dxeCalendarDayDisabled_Metropolis,
.dxeCalendarFastNavItem_Metropolis.dxeCalendarDayDisabled_Metropolis
{
    opacity: 1.0;
    background-color: #fcfcfc;
    color: #ececec !important;
}
.dxeCalendarSelected_Metropolis.dxeCalendarOtherMonth_Metropolis,
.dxeCalendarFastNavItem_Metropolis.dxeCalendarFastNavItemSelected_Metropolis.dxeCalendarFastNavItemOtherPeriod_Metropolis,
.dxeCalendarDay_Metropolis.dxeCalendarHover_Metropolis:not(.dxeCalendarOutOfRange_Metropolis):not(.dxeCalendarDayDisabled_Metropolis):not(.dxeCalendarSelected_Metropolis),
.dxeCalendarFastNavItem_Metropolis.dxeCalendarFastNavItemHover_Metropolis:not(.dxeCalendarOutOfRange_Metropolis):not(.dxeCalendarDayDisabled_Metropolis):not(.dxeCalendarFastNavItemSelected_Metropolis)
{
    opacity: 1.0;
}
.dxeCalendarSelected_Metropolis.dxeDisabled_Metropolis
{
    background-color: #ffd5a6;
}
.dxeCalendarHeader_Metropolis
{
    color: #ff8800;
    padding: 4px 7px;
    font-size: 1.5em;
    padding: 4px 17px;
}
.dxeCalendarHeader_Metropolis td.dxe
{
    text-align: center;
    cursor: pointer;
}
.dxeCalendarHeader_Metropolis .dxeCHS
{
    min-width: 10px;
}
.dxeCalendarHeader_Metropolis span
{
    padding: 0 16px;
    white-space: nowrap !important;
}
.dxeCalendarFooter_Metropolis
{
    padding: 8px 0px;
    border-bottom: 2px solid #c0c0c0;
    text-align: center;
}
.dxeCalendarFooter_Metropolis &gt; button + button
{
    margin-left: 12px;
}
.dxeCalendar_Metropolis.dxeFocused_Metropolis .dxeCalendarFooter_Metropolis
{
    border-color: #ff8800;
}
.dxeCalendarFastNav_Metropolis
{
    color: Black;
    background: White none;
    border-top: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    padding: 12px 8px;
}
.dxFastNavGrid .dxeCalendarFastNav_Metropolis
{
    background-color: transparent;
    border: none;
    padding: 0px;
}
.dxeCalendar_Metropolis .dxYCVisibleByDefault
{
    width: 260px;
    height: 200px;
}
.dxeCalendarFastNavMonthArea_Metropolis
{
    padding: 0px 9px;
}
.dxeCalendarFastNavItemArea_Metropolis
{
    padding: 9px;
}
.dxeCalendarFastNavYearArea_Metropolis
{
    padding-top: 8px;
}
.dxeCalendarFastNavHeader_Metropolis
{
    color: #666666;
    padding: 4px 17px;
    text-align: center;
    cursor: pointer;
}
.dxeCalendarFastNavHeader_Metropolis &gt; table &gt; tbody &gt; tr &gt; td:last-child
{
    padding: 0 24px 0 0;
}
*[dir="rtl"].dxeCalendar .dxeCalendarFastNavHeader_Metropolis &gt; table &gt; tbody &gt; tr &gt; td:last-child
{
    padding: 0 0 0 24px;
}
.dxeCalendarFastNavFooter_Metropolis
{
    color: Black;
    padding: 8px 0px;
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    background-color: white;
}
.dxeCalendarFastNavFooter_Metropolis .dxeCFNFS
{
    min-width: 11px;
    *width: 11px;
}
.dxeCalendarFastNavItem_Metropolis,
.dxeCalendarFastNavMonth_Metropolis,
.dxeCalendarFastNavYear_Metropolis
{
    color: #333333;
    padding: 3px 5px;
    text-align: center;
}
.dxeCalendarFastNavMonth_Metropolis,
.dxeCalendarFastNavYear_Metropolis
{
    cursor: pointer;
}
.dxeCalendarFastNavItem_Metropolis
{
    cursor: default;
}
.dxeCalendarFastNavItem_Metropolis:empty
{
    pointer-events: none;
}
.dxeCalendarFastNavMonth_Metropolis
{
    padding: 6px;
}
.dxeCalendarFastNavItem_Metropolis:before,
.dxeCalendarFastNavItem_Metropolis:after
{
    content: "";
    display: block;
}
.dxeCalendarFastNavItem_Metropolis:before
{
    padding-top: 6px;
}
.dxeCalendarFastNavItem_Metropolis:after
{
    padding-bottom: 6px;
}
.dxeDateEditTimeEditCell_Metropolis
{
    padding: 13px 41px 15px;
    width: 90px;
}
.dxeDateEditClockCell_Metropolis
{
    padding: 37px 31px 0;
}
.dxeCalendarFooter_Metropolis.dxeDETSF
{
    padding-left: 8px;
    padding-right: 8px;
}
.dxeCalendarHeader_Metropolis.dxeDETSH
{
    display: none;
}
.dxpcDropDown_Metropolis .dxeCalendar_Metropolis
{
    border: 1px solid #c0c0c0;
}
div.dxeCalendarDETS.dxeCalendarVerticalDETS .dxeCalendarFooter_Metropolis td:not(.dxeCalendarButton_Metropolis)
{
    min-width: 4px;
}
/* Disabled */
.dxeDisabled_Metropolis,
.dxeDisabled_Metropolis td.dxe
{
    color: #c0c0c0;
    cursor: default;
}
.dxeEditArea_Metropolis.dxeDisabled_Metropolis
{
    color: #c0c0c0;
}
a.dxeDisabled_Metropolis:hover
{
    color: #acacac;
}
.dxeButtonDisabled_Metropolis
{
    border-color: #e9e9e9;
    color: #808080;
    cursor: default;
}
/* -- Button -- */
.dxbButton_Metropolis
{
    color: #333333;
    border: 1px solid #c0c0c0;
    background-color: white;
    padding: 1px;
    font: 12px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
}
.dxbButton_Metropolis.dxbDisabled_Metropolis
{
    border-color: #e9e9e9;
    color: #b8b8b8;
    cursor: default;
}
.dxbButtonHover_Metropolis
{
    color: white;
    background-color: #ff8800;
    border: 1px solid #ff8800;
}
.dxbButtonChecked_Metropolis
{
    color: #333333;
    background-color: #C0C0C0;
}
.dxbButtonPressed_Metropolis
{
    color: white;
    background-color: #C0C0C0;
}
.dxbButton_Metropolis div.dxb
{
    padding: 3px 8px 4px;
}
.dxbButton_Metropolis div.dxbf
{
    padding: 2px 7px 3px;
    border: 1px dotted #333333;
}
.dxbButton_Metropolis .dxBadge
{
    padding: 2px 7px;
}
.dxbButton_Metropolis .dxBadge
{
    background: #ff8800;
    color: white;
}
.dxbButton_Metropolis.dxbButtonHover_Metropolis .dxBadge,
.dxbButton_Metropolis.dxbButtonPressed_Metropolis .dxBadge
{
    background: white;
    color: #ff8800;
}
/* Button Link */
a.dxbButton_Metropolis
{
    color: #ff8800;
    text-decoration: underline;
}
a.dxbButton_Metropolis .dxBadge
{
    background: #ff8800;
    text-decoration: none;
    vertical-align: baseline;
    font-size: 12px;
}
a.dxbButton_Metropolis:hover .dxBadge
{
    text-decoration: none;
}
/* Disabled */
.dxbDisabled_Metropolis,
a.dxbButton_Metropolis.dxbDisabled_Metropolis
{
    color: #C3C3C3;
    cursor: default;
    text-decoration: none;
}
.dxbButton_Metropolis.dxb-secondary
{
    background: #ff8800;
    border-color: transparent;
    color: #ffffff;
}
.dxbButton_Metropolis.dxb-secondary.dxbButtonHover_Metropolis, .dxbButton_Metropolis.dxb-secondary.dxbButtonPressed_Metropolis
{
    background: #FEA03F;
    border-color: transparent;
}
.dxbButton_Metropolis.dxb-secondary.dxbDisabled_Metropolis
{
    background: rgba(255,136,0,0.5);
    border-color: transparent;
    color: rgba(255,255,255,0.5);
}
.dxbButton_Metropolis.dxb-secondary .dxBadge
{
    background: #ffffff;
    color: #ff8800;
}
.dxbButton_Metropolis.dxb-secondary.dxbButtonHover_Metropolis .dxBadge,
.dxbButton_Metropolis.dxb-secondary.dxbButtonPressed_Metropolis .dxBadge
{
    color: #FEA03F;
}
.dxbButton_Metropolis.dxb-outline
{
    background: #ffffff;
    border-color: #ff8800;
    color: #ff8800;
}
.dxbButton_Metropolis.dxb-outline.dxbButtonHover_Metropolis, .dxbButton_Metropolis.dxb-outline.dxbButtonPressed_Metropolis
{
    background: #ff8800;
    color: #ffffff;
    border-color: transparent;
}
.dxbButton_Metropolis.dxb-outline.dxbDisabled_Metropolis
{
    background: rgba(255,255,255,0.5);
    border-color: rgba(255,136,0,0.5);
    color: rgba(255,136,0,0.5);
}
.dxbButton_Metropolis.dxb-outline .dxBadge
{
    background: #ff8800;
    color: #ffffff;
}
.dxbButton_Metropolis.dxb-outline.dxbButtonHover_Metropolis .dxBadge,
.dxbButton_Metropolis.dxb-outline.dxbButtonPressed_Metropolis .dxBadge
{
    background: #ffffff;
    color: #ff8800;
}
.dxbButton_Metropolis.dxb-danger
{
    background: #e81123;
    border-color: transparent;
    color: #ffffff;
}
.dxbButton_Metropolis.dxb-danger.dxbButtonHover_Metropolis, .dxbButton_Metropolis.dxb-danger.dxbButtonPressed_Metropolis
{
    background: #f13b4b;
    border-color: transparent;
}
.dxbButton_Metropolis.dxb-danger.dxbDisabled_Metropolis
{
    background: rgba(232,17,35,0.5);
    border-color: transparent;
    color: rgba(255,255,255,0.5);
}
.dxbButton_Metropolis.dxb-danger .dxBadge
{
    background: #ffffff;
    color: #e81123;
}
/* -- FilterControl -- */
.dxfcControl_Metropolis
{
    font: 12px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
    color: Black;
    padding: 0 1em;
}
.dxfcTable_Metropolis
{
    border-collapse: separate !important;
}
.dxfcTable_Metropolis td.dxfc
{
    padding: 0 0 0 3px;
}
.dxfcTable_Metropolis td.dxfc &gt; table
{
    margin: 1px 0 -1px;
}
a.dxfcPropertyName_Metropolis
{
    white-space: nowrap !important;
    color: #1086d4 !important;
}
a.dxfcGroupType_Metropolis
{
    white-space: nowrap !important;
    padding: 0 3px !important;
    color: #db3412 !important;
}
a.dxfcOperation_Metropolis
{
    white-space: nowrap !important;
    color: #6fb111 !important;
}
a.dxfcValue_Metropolis
{
    white-space: nowrap !important;
    color: Gray !important;
}
.dxeMaskHint_Metropolis
{
    background: #ffffe1 none;
    border: 1px solid black;
    padding: 2px 5px 3px;
    color: Black;
    font: 12px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
}
.dxfcControl_Metropolis ul.dxfc-tree,
.dxfcControl_Metropolis .dxfc-tree ul
{
    list-style-type: none;
    margin: 0;
    overflow-y: hidden;
    padding: 0;
}
.dxfcControl_Metropolis .dxfc-tree
{
    width: 100%;
}
.dxfcControl_Metropolis .dxfc-subnd
{
    margin-left: 22px;
}
.dxfcControl_Metropolis.dxfcRtl .dxfc-subnd
{
    margin-left: 0;
    margin-right: 22px;
}
.dxfcControl_Metropolis .dxfc &gt; li &gt; table
{
    border-spacing: 0;
    border-collapse: collapse;
}
.dxfcControl_Metropolis .dxfc-elb
{
    float: left;
    height: 21px;
    vertical-align: top;
    width: 26px;
}
.dxfcControl_Metropolis.dxfcRtl .dxEditors_fcremove_Metropolis
{
    margin-right: 2px;
}
.dxfcControl_Metropolis .dxfc-clr
{
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
    width: 0;
}
.dxfcControl_Metropolis .dxfc-nd &gt; tbody &gt; tr &gt; td
{
    vertical-align: top;
}
.dxfcControl_Metropolis .dxfc-nd &gt; tbody &gt; tr &gt; td.dxfc-editorCell
{
    vertical-align: middle;
}
.dxEditors_fcremove_Metropolis,
.dxEditors_fcadd_Metropolis,
.dxEditors_fcoptypefield_Metropolis,
.dxEditors_fcoptypevalue_Metropolis
{
    margin-top: 6px;
}
.dxfcControl_Metropolis .dxfc-nd
{
    cursor: pointer;
    display: block;
    float: left;
    outline: 0 none;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}
.dxfcControl_Metropolis .dxfc-nd &gt; tbody &gt; tr &gt; td &gt; a,
.dxfcControl_Metropolis .dxfc-nd &gt; tbody &gt; tr &gt; td &gt; span,
.dxfcControl_Metropolis .dxfc-nd &gt; tbody &gt; tr &gt; td &gt; img,
.dxfcControl_Metropolis .dxfc-editor
{
    vertical-align: middle;
}
.dxfcControl_Metropolis .dxfc-nd &gt; tbody &gt; tr &gt; td &gt; a,
.dxfcControl_Metropolis .dxfc-nd &gt; tbody &gt; tr &gt; td &gt; td,
.dxfcControl_Metropolis .dxfc-nd &gt; tbody &gt; tr &gt; td &gt; span
{
    padding: 0 0.1ex;
}
.dxfcControl_Metropolis .dxfc-nd &gt; tbody &gt; tr &gt; td &gt; a,
.dxfcControl_Metropolis .dxfc-nd &gt; tbody &gt; tr &gt; td &gt; span
{
    line-height: 24px;
}
.dxfcControl_Metropolis .dxfc-ln
{
    vertical-align: top;
}
.dxfcControl_Metropolis .dxfc-memo textarea
{
    height: 80px;
    overflow: auto;
}
.dxfcControl_Metropolis .dxfc-validationSummary
{
    padding: 2px 5px 4px 6px !important;
    list-style-type: none;
    margin: 0;
}
.dxfcControl_Metropolis .dxfc-validationSummary li
{
    padding: 2px 0;
}
.dxfcControl_Metropolis .dxfc-validationSummary li a
{
    color: red;
    text-decoration: none;
    border-bottom: 1px dashed #f70;
}
.dxfcControl_Metropolis .dxfc-validationSummary li a:hover
{
    color: #f70;
}
/* -- ProgressBar -- */
.dxeProgressBar_Metropolis
{
    background-color: #e0e0e0;
    color: #333333;
    font: 12px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
    height: 23px;
}
.dxeProgressBar_Metropolis .dxePBMainCell,
.dxeProgressBar_Metropolis td.dxe
{
    padding: 0;
}
.dxeProgressBarIndicator_Metropolis
{
    background-color: #ff8800;
}
/* -- DropDownWindow -- */
.dxpcDropDown_Metropolis,
.dxeDropDownWindow_Metropolis
{
    font: 12px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
}
.dxeDropDownWindow_Metropolis
{
    background-color: white;
    border: 1px solid #c0c0c0;
}
/*----------------- ColorTable -----------------*/
.dxeColorIndicator_Metropolis
{
    width: 13px;
    height: 13px;
    cursor: pointer;
    margin-left: 3px;
}
.dxeItemPicker_Metropolis
{
    background-color: #ffffff;
    border: 1px solid #c0c0c0;
}
.dxeColorTable_Metropolis td.dx,
.dxeItemPicker_Metropolis td.dx
{
    padding: 4px;
}
.dxeColorTableCell_Metropolis,
.dxeItemPickerCell_Metropolis,
.dxeACICell_Metropolis
{
    padding: 3px;
    cursor: pointer;
}
.dxeColorTableCellDiv_Metropolis,
.dxeACICellDiv_Metropolis
{
    border: 1px solid #c0c0c0;
    width: 12px;
    height: 12px;
    font-size: 0;
}
.dxeColorTableCellSelected_Metropolis,
.dxeACICellSelected_Metropolis
{
    padding: 0px !important;
    background-color: #CBCBCB;
    border: 3px solid #FF8800;
}
.dxeColorTableCellSelected_Metropolis .dxeColorTableCellDiv_Metropolis,
.dxeACICellSelected_Metropolis .dxeACICellDiv_Metropolis
{
    border: 1px solid white;
}
.dxeColorTableCellHover_Metropolis,
.dxeItemPickerCellHover_Metropolis,
.dxeAutomaticColorItemCellHover_Metropolis,
.dxeAutomaticColorItem_Metropolis:hover &gt; div
{
    padding: 0px !important;
    background-color: #F2F2F2;
    border: 3px solid #E0E0E0;
}
/* -- Invalid Style -- */
/* -- Focused Style -- */
.dxeFocused_Metropolis
{
    border: 1px solid #ff8800;
}
.dxeFocused_Metropolis.dxeTrackBar_Metropolis
{
    border: 0px;
}
/* -- Null Text Style -- */
.dxeNullText_Metropolis .dxeEditArea_Metropolis,
.dxeNullText_Metropolis .dxeMemoEditArea_Metropolis
{
    color: #818181;
}
.dxeNullText_Metropolis input:-webkit-autofill
{
    -webkit-text-fill-color: #818181;
}
.dxeTextBox_Metropolis .dxeFNTextSys,
.dxeButtonEdit_Metropolis .dxeFNTextSys,
.dxeMemo_Metropolis .dxeFNTextSys
{
    color: #818181;
}
/* -- Captcha -- */
.dxcaControl_Metropolis
{
    font: 12px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
}
.dxcaRefreshButton_Metropolis
{
    text-decoration: none;
    color: #1e3695;
}
.dxcaDisabledRefreshButton_Metropolis
{
    color: #acacac;
}
.dxcaRefreshButtonCell_Metropolis
{
    padding-left: 4px;
    border-bottom: 2px solid #e0e0e0;
}
.dxcaTextBoxCellNoIndent_Metropolis .dxeErrorCell_Metropolis
{
    padding-left: 0px;
    padding-top: 4px;
    color: Red;
}
.dxcaTextBoxLabel_Metropolis
{
    padding-bottom: 4px;
    display: block;
}
.dxcaLoadingPanel_Metropolis
{
    background-color: white;
    font: 12px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
    color: #333333;
}
.dxcaLoadingPanel_Metropolis td.dx
{
    font-size: 1.17em;
    white-space: nowrap;
    text-align: center;
    padding: 2px;
}
.dxcaLoadingPanel_Metropolis .dxlp-loadingImage
{
    margin: 0px;
}
.dxpcLite_Metropolis .dxHFBPS
{
    width: 6px;
}
.dxeTextBox_Metropolis,
.dxeButtonEdit_Metropolis,
.dxeIRadioButton_Metropolis,
.dxeRadioButtonList_Metropolis,
.dxeCheckBoxList_Metropolis
{
    cursor: default;
}
.dxFirefox .dxeTextBox_Metropolis td.dxic,
.dxFirefox .dxeButtonEdit_Metropolis td.dxic,
.dxFirefox .dxeButtonEdit_Metropolis[cellspacing="0"] td.dxic,
.dxeTextBox_Metropolis td.dxic,
.dxeButtonEdit_Metropolis td.dxic,
.dxeButtonEdit_Metropolis[cellspacing="0"] td.dxic
{
    padding: 1px 3px 2px 3px;
}
/* Removes flicking in iOS Safari*/
.dxeTrackBar_Metropolis,
.dxeIRadioButton_Metropolis,
.dxeButtonEdit_Metropolis,
.dxeTextBox_Metropolis,
.dxeRadioButtonList_Metropolis,
.dxeCheckBoxList_Metropolis,
.dxeMemo_Metropolis,
.dxeListBox_Metropolis,
.dxeCalendar_Metropolis,
.dxeColorTable_Metropolis
{
    -webkit-tap-highlight-color: transparent;
}
/* Layout Control */
.dxeLayoutConrtol_Metropolis
{
    display: table;
}
.dxeLyGroupCell_Metropolis
{
    padding: 5px;
}
.dxeLyCaptionCell_Metropolis
{
    padding: 6px;
}
.dxeLyEditorCell_Metropolis
{
    padding: 5px;
}
.dxeLyCaptionCell_Metropolis
{
    color: #004184;
    font-weight: bold;
    white-space: nowrap;
}
.dxeLyEditorCell_Metropolis
{
    width: 0;
}
.dxeLyGroupBox_Metropolis
{
    border: 1px Solid #9F9F9F;
    border-radius: 4px;
    padding: 10px;
}
.dxeLyGroupBoxCaption_Metropolis &gt; span
{
    background-color: White;
    padding-left: 5px;
    padding-right: 5px;
}
.dxeLyGroupBoxCaption_Metropolis
{
    position: relative;
    margin-top: -21px;
}
.dxeLyGroup_Metropolis
{
    width: 100%;
}
.dxeLayoutConrtol_Metropolis .dxeLyVATSys &gt; label
{
    margin-top: 4px;
    margin-bottom: 4px;
    display: block;
}
.dxeLyEditorCell_Metropolis &gt; .dxeMemoSys
{
    margin-top: 3px;
}
.dxeLyEditorCell_Metropolis &gt; label.dxeBase_Metropolis
{
    display: block;
    white-space: nowrap;
}
/* ASPxCololrEdit */
.dxcpParametersCell_Metropolis input
{
    padding: 2px 0px 1px 5px;
}
.dxcpParametersCellSys .dxcpWebColorInput_Metropolis
{
    float: right;
    margin-top: 40px;
}
.dxcpColorParameterMainDiv_Metropolis
{
    padding: 0px 0 4px 9px;
    width: 90px;
    text-align: right;
}
.dxeCustomColorButton_Metropolis
{
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 3px 7px;
    cursor: pointer;
}
.dxeCustomColorButtonHover_Metropolis
{
    border-color: #ff8800;
    background-color: #ff8800;
    color: white;
}
.dxeAutomaticColorItem_Metropolis
{
    padding: 4px 4px 0px 4px;
}
.dxeAutomaticColorItem_Metropolis &gt; span
{
    margin: 0px 5px;
    line-height: 20px;
}
.dxcpCurrentColor_Metropolis,
.dxcpSavedColor_Metropolis
{
    height: 35px;
}
.dxcpCurrentAndSaved_Metropolis
{
    width: 65px;
    margin: 34px 0px 0px auto;
    cursor: pointer;
}
.dxeColorTablesMainDiv_Metropolis,
.dxeColorSelectorMainDiv_Metropolis
{
    background-color: #FFFFFF;
}
.dxeColorSelectorMainDiv_Metropolis
{
    padding: 7px;
}
.dxcpColorArea_Metropolis,
.dxcpHueAreaImage_Metropolis,
.dxcpCurrentAndSaved_Metropolis,
.dxeColorTablesMainDiv_Metropolis,
.dxeColorSelectorMainDiv_Metropolis,
.dxcpParametersCell_Metropolis input
{
    border: 1px solid #c0c0c0;
}
.dxeButtonsPanelDiv_Metropolis
{
    margin-top: 15px;
    text-align: right;
}
.dxeButtonsPanelDiv_Metropolis input
{
    min-width: 60px;
    margin-left: 10px;
}
/* -- ASPxTokenBox -- */
input.dxeTokenBoxInput_Metropolis[type="text"]
{
    display: inline-block;
    float: left;
    width: 30px;
    outline: none;
    margin: 0 0 1px 2px;
    padding-bottom: 1px;
}
.dxeToken_Metropolis
{
    display: inline-block;
    color: #ffffff;
    float: left;
    min-width: 30px;
    margin-right: 1px;
    margin-bottom: 1px;
    padding-bottom: 1px;
}
.dxeTokenText_Metropolis, .dxeTokenRemoveButton_Metropolis
{
    display: block;
    float: left;
}
.dxeTokenText_Metropolis
{
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px 2px 0px 4px;
}
.dxeTokenRemoveButton_Metropolis
{
    cursor: pointer;
    margin-top: 1px;
}
.dxeToken_Metropolis
{
    background: #ff8800;
}
.dxFirefox .dxeButtonEdit_Metropolis td.dxictb,
.dxeButtonEdit_Metropolis td.dxictb
{
    padding: 0px;
}
.dxFirefox input.dxeTokenBoxInput_Metropolis[type="text"]
{
    padding-bottom: 0;
    margin-bottom: 1px;
}
.dxFirefox .dxeToken_Metropolis
{
    padding-bottom: 0px;
}
.dxeTokenBox.dxeDisabled_Metropolis .dxictb
{
    cursor: default;
}
/* ASPxPictureEdit */
.dxpePreviewContainer_Metropolis
{
    position: relative;
}
.dxpeCommandPanel_Metropolis
{
    background-color: #333333;
    background-color: rgba(0,0,0,0.75);
    color: white;
    height: 32px;
    position: absolute;
}
.dxpeBottomCommandPanel_Metropolis
{
    width: 100%;
    bottom: 0;
}
.dxpeTopCommandPanel_Metropolis
{
    width: 100%;
    top: 0;
}
.dxpeCommandPanelDeleteButton_Metropolis,
.dxpeCommandPanelOpenDialogButton_Metropolis
{
    cursor: pointer;
    display: inline-block;
}
.dxpeCommandPanelButtonsWrapper_Metropolis
{
    position: absolute;
}
.dxpeCommandPanelButtonsWrapperLeft_Metropolis
{
    left: 0;
}
.dxpeCommandPanelButtonsWrapperCenter_Metropolis
{
    left: 50%;
    margin-left: -32px;
}
.dxpeCommandPanelButtonsWrapperRight_Metropolis
{
    right: 0;
}
.dxpeDropZone_Metropolis
{
    background-color: gray;
}
.dxpePlaceHolder_Metropolis
{
    background-color: lightgray;
    z-index: -1;
}
.dxpeTextPanelContainer_Metropolis
{
    height: 100%;
    font-size: 200%;
    text-align: center;
    width: 100%;
}
.dxpeTextPanel_Metropolis
{
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
/* Editor caption */
.dxeCaption_Metropolis
{
    /* Bootstrap correction */
    font-weight: inherit;
}
.dxeCaptionCell_Metropolis
{
    font: 12px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
    color: #333;
    white-space: nowrap;
    line-height: 16px;
    height: 100%;
}
.dxeCaptionCell_Metropolis.dxeCaptionVATSys.dxeTextEditCTypeSys
{
    padding-top: 2px;
}
.dxeCaptionCell_Metropolis.dxeCaptionVATSys.dxeCheckBoxCTypeSys
{
    padding-top: 2px;
}
.dxeCaptionCell_Metropolis.dxeCaptionVATSys.dxeRadioButtonCTypeSys
{
    padding-top: 3px;
}
.dxeCaptionCell_Metropolis.dxeCaptionVATSys.dxeCheckBoxListCTypeSys
{
    padding-top: 10px;
}
.dxeCaptionCell_Metropolis.dxeCaptionVATSys.dxeRadioButtonListCTypeSys
{
    padding-top: 10px;
}
.dxeCaptionCell_Metropolis.dxeCaptionVATSys.dxeListBoxCTypeSys
{
    padding-top: 5px;
}
.dxeCaptionCell_Metropolis.dxeCaptionVATSys.dxeTrackBarCTypeSys
{
    padding-top: 2px;
}
.dxeCaptionCell_Metropolis.dxeCaptionVATSys.dxeProgressBarCTypeSys
{
    padding-top: 3px;
}
.dxeCaptionCell_Metropolis.dxeCaptionVATSys.dxeMemoCTypeSys
{
    padding-top: 4px;
}
.dxeCaptionCell_Metropolis.dxeCaptionVATSys.dxeCustomCTypeSys
{
    padding-top: 5px;
    padding-bottom: 5px;
}
/* Chrome */
.dxWebKitFamily .dxeCaptionCell_Metropolis.dxeCaptionVATSys.dxeCheckBoxCTypeSys
{
    padding-top: 3px;
}
.dxWebKitFamily .dxeCaptionCell_Metropolis.dxeCaptionVATSys.dxeRadioButtonCTypeSys
{
    padding-top: 4px;
}
.dxWebKitFamily .dxeCaptionCell_Metropolis.dxeCaptionVATSys.dxeCheckBoxListCTypeSys
{
    padding-top: 11px;
}
.dxWebKitFamily .dxeCaptionCell_Metropolis.dxeCaptionVATSys.dxeRadioButtonListCTypeSys
{
    padding-top: 11px;
}
/* Opera */
noindex:-o-prefocus, body:first-of-type .dxeTextEditCTypeSys.dxeCaptionVATSys.dxeCaptionCell_Metropolis
{
    padding-top: 3px;
}
noindex:-o-prefocus, body:first-of-type .dxeCaptionCell_Metropolis.dxeCaptionVATSys.dxeCheckBoxCTypeSys
{
    padding-top: 3px;
}
noindex:-o-prefocus, body:first-of-type .dxeCaptionCell_Metropolis.dxeCaptionVATSys.dxeRadioButtonCTypeSys
{
    padding-top: 4px;
}
noindex:-o-prefocus, body:first-of-type .dxeCaptionCell_Metropolis.dxeCaptionVATSys.dxeCheckBoxListCTypeSys
{
    padding-top: 11px;
}
noindex:-o-prefocus, body:first-of-type .dxeCaptionCell_Metropolis.dxeCaptionVATSys.dxeRadioButtonListCTypeSys
{
    padding-top: 11px;
}
/* Firefox */
.dxFirefox .dxeMemoCTypeSys.dxeCaptionVATSys.dxeCaptionCell_Metropolis
{
    padding-top: 3px;
}
.dxeRequiredMark_Metropolis
{
    color: green;
    font-style: normal;
}
.dxeOptionalMark_Metropolis
{
    color: gray;
    font-style: normal;
}
/* Out of range warning*/
.dxeOutOfRWarn_Metropolis
{
    font: 12px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
    padding: 3px 8px 4px 8px;
    display: none;
    position: absolute;
    background-color: white;
    color: red;
    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;
}
.dxeOutOfRWarnRight_Metropolis
{
    margin-left: 10px;
    margin-top: -2px;
}
.dxeOutOfRWarnBottom_Metropolis
{
    margin-top: 10px;
}
.dxpcDropDown_Metropolis .dxdd-header
{
    padding: 16px 0 12px 0;
    border-bottom: 1px solid #ebebeb;
    background: white;
}
.dxpcDropDown_Metropolis .dxdd-header .dxdd-caption
{
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.67;
    letter-spacing: normal;
    color: #444444;
}
.dxpcDropDown_Metropolis .dxdd-header .dxbButton_Metropolis
{
    padding: 0 14px;
}
.dxpcDropDown_Metropolis .dxdd-header .dxdd-caption:first-child
{
    padding-left: 24px;
    text-align: left;
}
.dxpcDropDown_Metropolis .dxdd-header .dxdd-caption:last-child
{
    padding-right: 24px;
}
.dxpcDropDown_Metropolis .dxdd-cal .dxdd-caption:first-child
{
    padding-left: 16px;
}
.dxpcDropDown_Metropolis .dxpc-mainDiv
{
    background-color: #ffffff;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis + .dxpcModalBackLite_Metropolis,
.dxmodalSys.dxdd-root + .dxpcModalBackLite_Metropolis
{
    background-color: #777777;
    opacity: 0.7;
    position: fixed;
    left: 0;
    top: 0;
    visibility: hidden;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis
{
    /* ComboBox Styles */
    /* Calendar Styles */
    /* ComboBox + Calendar */
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxeDropDownWindow_Metropolis
{
    border: none;
    background: transparent;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-shadow
{
    box-shadow: 0px 4px 16px 0 rgba(0,0,0,0.32);
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxdd-header
{
    background: transparent;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv
{
    border-radius: 8px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv:not(.dxdd-cal):not(.dxdd-dde):not(.dxdd-sp) .dxpc-content
{
    padding-bottom: 32px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxdd-input
{
    margin-top: 20px;
    margin: 20px 24px 0 24px;
    border: solid 2px #ff8800;
    height: 50px;
    padding: 0 23px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxdd-input &gt; input
{
    width: 100%;
    height: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 0.67;
    letter-spacing: normal;
    color: #ff8800;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxdd-input .dxdd-clearbutton, .dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxdd-input .dxdd-clearbutton:hover
{
    right: 17px;
    height: 20px;
    background: none;
    border-width: 0;
    line-height: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxdd-input .dxeFNTextSys
{
    color: #bdbdbd;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxdd-help
{
    color: #999999;
    padding: 16px 24px 24px 24px;
    font-size: 0.91em;
    margin-bottom: -32px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxdd-info
{
    margin: 10px 24px 15px 24px;
    font-size: 14px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-list .dxeListBox_Metropolis
{
    margin: 18px 24px 0 24px;
    width: calc(100% - 48px) !important;
    border-color: #ebebeb;
    color: #999999;
    background-color: #fafafa;
    min-width: 250px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-list .dxeListBox_Metropolis .dxeListBoxItemHover_Metropolis
{
    background: rgba(0,0,0,0.08);
    color: #999999;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-list .dxeListBox_Metropolis .dxlbd
{
    width: 100% !important;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-list .dxeListBox_Metropolis .dxeListBoxItem_Metropolis
{
    padding: 8px 10px 7px 23px;
    border: none;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-list .dxdd-input:not(.dxdd-readonly) ~ .dxeListBox_Metropolis
{
    margin-top: 0;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis
{
    border: none;
    background-color: transparent;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis .dxeCalendarHeader_Metropolis
{
    background-color: transparent;
    color: #666666;
    border-bottom: 1px solid #ebebeb;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis .dxeCalendarFooter_Metropolis
{
    text-align: center;
    padding: 0;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis .dxeCalendarFooter_Metropolis button
{
    margin-top: 8px;
    margin-bottom: 8px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis .dxeDateEditTimeEditCell_Metropolis
{
    padding: 20px 16px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis ~ .dxdd-help
{
    padding: 16px 12px 16px 12px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarDETS.dxeCalendar_Metropolis .dxeCalendarFooter_Metropolis
{
    border-bottom: 1px solid #ebebeb;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis
{
    background-color: White;
    color: #484848;
    font-weight: normal;
    font: 12px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
    cursor: default;
    border: 1px solid #D9D9D9;
    border-collapse: separate;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFooter_Metropolis
{
    border-top: 1px solid #EAEAEA;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis td.dxMonthGridWithWeekNumbers &gt; table &gt; tbody &gt; tr &gt; td:first-child,
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis td.dxMonthGridWithWeekNumbers &gt; div.dxAC &gt; div &gt; table &gt; tbody &gt; tr &gt; td:first-child
{
    font-size: 0.75em;
    text-align: right;
    padding: 15px 9px 15px 10px;
    color: #A1A1A1;
    background-color: #F1F1F1;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis td.dxMonthGridWithWeekNumbers &gt; table &gt; tbody &gt; tr &gt; td:nth-child(2)
{
    border-left: 6px solid transparent;
    background-clip: padding-box;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis td.dxMonthGridWithWeekNumbers &gt; table
{
    padding-right: 5px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis td.dxMonthGrid &gt; table
{
    padding-right: 9px;
    padding-left: 9px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis td.dxMonthGrid_Metropolis
{
    padding: 8px 20px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis td.dxMonthGridWithWeekNumbers,
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis td.dxMonthGridWithWeekNumbersRtl
{
    min-width: 244px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarDayHeader_Metropolis
{
    padding: 20px 4px 10px;
    font-size: 0.86em;
    text-transform: uppercase;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarWeekNumber_Metropolis
{
    font-size: 0.75em;
    text-align: right;
    padding: 15px 9px 15px 10px;
    color: #A1A1A1;
    background-color: #F1F1F1;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis td.dxMonthGridWithWeekNumbers &gt; table &gt; tbody &gt; tr:last-child &gt; td,
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis td.dxMonthGrid &gt; table &gt; tbody &gt; tr:last-child &gt; td
{
    padding-bottom: 12px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxIE.dxBrowserVersion-10 .dxeCalendar_Metropolis td.dxMonthGridWithWeekNumbers &gt; table &gt; tbody &gt; tr:last-child &gt; td,
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxIE.dxBrowserVersion-10 .dxeCalendar_Metropolis td.dxMonthGrid &gt; table &gt; tbody &gt; tr:last-child &gt; td
{
    background-repeat: no-repeat;
    background-position: center -5px;
    background-size: 40px 58px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis td.dxMonthGridWithWeekNumbers &gt; table &gt; tbody &gt; tr:last-child &gt; td:first-child
{
    padding-bottom: 12px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarWeekend_Metropolis
{
    color: #FF3300;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarOtherMonth_Metropolis,
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFastNavItem_Metropolis.dxeCalendarFastNavItemOtherPeriod_Metropolis
{
    opacity: 0.3;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarOutOfRange_Metropolis,
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFastNavItem_Metropolis.dxeCalendarOutOfRange_Metropolis
{
    color: #d0d0d0;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarDayDisabled_Metropolis,
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFastNavItem_Metropolis.dxeCalendarDayDisabled_Metropolis
{
    opacity: 1.0;
    background-color: #fcfcfc;
    color: #ececec !important;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarDay_Metropolis
{
    padding: 12px;
    text-align: center;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarSelected_Metropolis.dxeDayInRange,
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarDay_Metropolis.dxeCalendarHover_Metropolis:not(.dxeCalendarOutOfRange_Metropolis):not(.dxeCalendarDayDisabled_Metropolis):not(.dxeCalendarSelected_Metropolis)
{
    color: #484848;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarSelected_Metropolis
{
    color: white;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarSelected_Metropolis,
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarHover_Metropolis,
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarDay_Metropolis.dxeCalendarToday_Metropolis
{
    background-repeat: no-repeat;
    background-position: center 3px;
    background-size: 40px 40px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis td.dxMonthGridWithWeekNumbers &gt; table &gt; tbody &gt; tr &gt; td:nth-child(2).dxeCalendarSelected_Metropolis,
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis td.dxMonthGridWithWeekNumbers &gt; table &gt; tbody &gt; tr &gt; td:nth-child(2).dxeCalendarToday_Metropolis
{
    background-position: center 3px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis td.dxMonthGrid &gt; table &gt; tbody &gt; tr &gt; td:nth-child(1).dxeCalendarSelected_Metropolis,
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis td.dxMonthGrid &gt; table &gt; tbody &gt; tr &gt; td:nth-child(1).dxeCalendarToday_Metropolis
{
    background-position: center 2px !important;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis td.dxMonthGridWithWeekNumbers &gt; table &gt; tbody &gt; tr:last-child &gt; td.dxeCalendarWeekNumber_Metropolis + .dxeCalendarSelected_Metropolis,
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis td.dxMonthGridWithWeekNumbers &gt; table &gt; tbody &gt; tr:last-child &gt; td.dxeCalendarWeekNumber_Metropolis + .dxeCalendarToday_Metropolis,
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis td.dxMonthGridWithWeekNumbers &gt; table &gt; tbody &gt; tr:last-child &gt; td.dxeCalendarSelected_Metropolis,
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis td.dxMonthGridWithWeekNumbers &gt; table &gt; tbody &gt; tr:last-child &gt; td.dxeCalendarToday_Metropolis
{
    background-position: center 3px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarDay_Metropolis.dxeCalendarHover_Metropolis:not(.dxeCalendarOutOfRange_Metropolis):not(.dxeCalendarDayDisabled_Metropolis):not(.dxeCalendarSelected_Metropolis),
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFastNavItem_Metropolis.dxeCalendarFastNavItemHover_Metropolis:not(.dxeCalendarOutOfRange_Metropolis):not(.dxeCalendarDayDisabled_Metropolis):not(.dxeCalendarFastNavItemSelected_Metropolis),
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarSelected_Metropolis.dxeCalendarOtherMonth_Metropolis,
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFastNavItemSelected_Metropolis.dxeCalendarFastNavItemOtherPeriod_Metropolis
{
    opacity: 1.0;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarSelected_Metropolis.dxeDisabled_Metropolis
{
    background-color: #ffd5a6;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarHeader_Metropolis
{
    background-color: #009688;
    color: white;
    font-size: 1.15em;
    padding: 8px 8px 8px 8px;
    margin: 10px;
    text-transform: uppercase;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarHeader_Metropolis td.dxe
{
    text-align: center;
    cursor: pointer;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarHeader_Metropolis .dxeCHS
{
    min-width: 10px;
    *width: 10px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarHeader_Metropolis span
{
    padding: 0 16px;
    white-space: nowrap !important;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFooter_Metropolis
{
    padding: 8px 0;
    text-align: right;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFooter_Metropolis &gt; button + button
{
    margin-left: 8px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis .dxeCalendarFooter_Metropolis.dx-ac &gt; *
{
    margin: 0 0 0 auto;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis:not([dir='rtl']) .dxeCalendarFooter_Metropolis
{
    padding-right: 13px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis[dir='rtl'] .dxeCalendarFooter_Metropolis
{
    padding-left: 13px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis.dxeFocused_Metropolis .dxeCalendarFooter_Metropolis
{
    border-color: #009688;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFastNav_Metropolis
{
    color: Black;
    background: White none;
    border-top: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    padding: 12px 8px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxFastNavGrid .dxeCalendarFastNav_Metropolis
{
    background-color: transparent;
    border: none;
    padding: 0px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis .dxYCVisibleByDefault
{
    width: 260px;
    height: 200px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFastNavMonthArea_Metropolis
{
    padding: 0px 9px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFastNavItemArea_Metropolis
{
    padding: 9px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFastNavYearArea_Metropolis
{
    padding-top: 8px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFastNavHeader_Metropolis
{
    color: #666666;
    background-color: #F1F1F1;
    padding: 8px;
    text-align: center;
    cursor: pointer;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFastNavHeader_Metropolis &gt; table &gt; tbody &gt; tr &gt; td:last-child
{
    padding: 0 12px 0 0;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal *[dir="rtl"].dxeCalendar .dxeCalendarFastNavHeader_Metropolis &gt; table &gt; tbody &gt; tr &gt; td:last-child
{
    padding: 0 0 0 12px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFastNavFooter_Metropolis
{
    color: Black;
    padding: 8px 0px;
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    background-color: white;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFastNavFooter_Metropolis .dxeCFNFS
{
    min-width: 11px;
    *width: 11px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFastNavItem_Metropolis,
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFastNavMonth_Metropolis,
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFastNavYear_Metropolis
{
    color: #484848;
    padding: 3px 5px;
    text-align: center;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFastNavMonth_Metropolis,
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFastNavYear_Metropolis
{
    cursor: pointer;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFastNavItem_Metropolis
{
    cursor: default;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFastNavItem_Metropolis:empty
{
    pointer-events: none;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFastNavMonth_Metropolis
{
    padding: 6px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFastNavItem_Metropolis:before,
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFastNavItem_Metropolis:after
{
    content: "";
    display: block;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFastNavItem_Metropolis:before
{
    padding-top: 6px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFastNavItem_Metropolis:after
{
    padding-bottom: 6px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeDateEditTimeEditCell_Metropolis
{
    padding: 24px 74px 12px 93px;
    width: 90px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeDateEditClockCell_Metropolis
{
    padding: 32px 48px 0 65px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendarFooter_Metropolis.dxeDETSF
{
    padding-left: 8px;
    padding-right: 8px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis
{
    -webkit-tap-highlight-color: transparent;
    border: none;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis td.dxMonthGridWithWeekNumbers
{
    padding: 0;
    background: none;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis .dxeCalendarHeader_Metropolis, .dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis .dxeCalendarFooter_Metropolis
{
    background: none;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis .dxeCalendarDayHeader_Metropolis
{
    border-bottom: none;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis .dxeCalendarHeader_Metropolis td.dxe
{
    color: #666666;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis .dxeCalendarButton_Metropolis
{
    background: white;
    box-shadow: none;
    border: none;
    font-size: 1em;
    text-transform: uppercase;
    color: #484848;
    padding: 8px 11px 7px 11px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis .dxeCalendarButton_Metropolis.dxeCalendarButtonHover_Metropolis
{
    color: #000000 !important;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis .dxeCalendarButton_Metropolis.dxeButtonDisabled_Metropolis
{
    opacity: 0.73;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis .dxeCalendarButtonPressed_Metropolis
{
    background: #009688;
    color: white;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxeCalendar_Metropolis .dxeCalendarButtonHover_Metropolis
{
    color: #009688 !important;
    background: #DDD;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-sp .dxScrollPicker_Metropolis .dxsp-wgroup
{
    padding: 12px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-sp .dxScrollPicker_Metropolis .dxsp-wheel + .dxsp-wheel
{
    margin-left: 4px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-dde .dxdd-help,
.dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxpc-mainDiv.dxdd-cal .dxdd-help
{
    margin-bottom: 0;
}
.dxeNullText_Metropolis + .dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxdd-input .dxeEditArea_Metropolis,
.dxFirefox .dxeNullText_Metropolis + .dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxdd-input .dxeEditArea_Metropolis
{
    color: #bdbdbd;
}
.dxeNullText_Metropolis + .dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxdd-input input:-webkit-autofill,
.dxFirefox .dxeNullText_Metropolis + .dxmodalSys.dxdd-root .dxpcDropDown_Metropolis .dxdd-input input:-webkit-autofill
{
    -webkit-text-fill-color: #bdbdbd;
}
.dxdd-root .dxdd-header &gt; .dxbButtonSys.dxbDisabled_Metropolis
{
    opacity: 0.4;
}
.dxScrollPicker_Metropolis .dxsp-wgroup
{
    padding: 16px 24px 24px;
}
.dxScrollPicker_Metropolis .dxsp-wgroup + .dxsp-wgroup
{
    border-top: 1px solid #ebebeb;
}
.dxScrollPicker_Metropolis .dxsp-wheel + .dxsp-wheel
{
    margin-left: 16px;
}
.dxScrollPicker_Metropolis .dxsp-caption
{
    text-align: center;
    font-size: 12px;
    color: rgba(153,153,153,0.5);
    margin-bottom: 16px;
}
.dxScrollPicker_Metropolis .dxsp-wheel-hover .dxsp-frame,
.dxScrollPicker_Metropolis .dxsp-wheel-touch .dxsp-frame
{
    border-color: #ff8800;
}
.dxScrollPicker_Metropolis .dxsp-item-focused
{
    height: 51px;
    font-size: 18px;
    padding-top: 17px;
}
.dxScrollPicker_Metropolis .dxsp-item
{
    color: #333;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}
.dxScrollPicker_Metropolis .dxsp-item-focused
{
    height: 51px;
    font-size: 18px;
    font-style: normal;
    padding-top: 17px;
    color: #ff8800;
}
.dxScrollPicker_Metropolis .dxsp-item-prev
{
    padding-bottom: 5px;
    padding-top: 15px;
}
.dxScrollPicker_Metropolis .dxsp-item-prev + .dxsp-item-prev
{
    padding-bottom: 12px;
    padding-top: 8px;
}
.dxScrollPicker_Metropolis .dxsp-item-focused + .dxsp-item
{
    padding-top: 12px;
    padding-bottom: 8px;
}
.dxScrollPicker_Metropolis .dxsp-item-focused + .dxsp-item + .dxsp-item
{
    padding-top: 5px;
    padding-bottom: 15px;
}
.dxScrollPicker_Metropolis .dxsp-item-focused + .dxsp-item + .dxsp-item + .dxsp-item
{
    padding-top: 0;
    padding-bottom: 20px;
}
.dxScrollPicker_Metropolis .dxsp-list::after,
.dxScrollPicker_Metropolis .dxsp-list::before
{
    height: 75px !important;
    line-height: 75px;
}
</pre></body></html>