/* used as a border of large controls (like grids, diagram) */
/* used as a background below a page in richedit/diagram */
.dxssControl_MetropolisBlue
{
    font: 12px Tahoma, Geneva, sans-serif;
}
.dxssControl_MetropolisBlue .dxss-gl .dxss-v,
.dxssControl_MetropolisBlue .dxss-gl .dxss-h
{
    border-color: #c0c0c0;
}
.dxssControl_MetropolisBlue .dxss-rowHeader
{
    border-right: 1px solid #c0c0c0;
    border-top: 1px solid #c0c0c0;
}
.dxssControl_MetropolisBlue .dxss-colHeader
{
    border-bottom: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
}
.dxssControl_MetropolisBlue .dxss-trbe
{
    border-top-color: #0072C6;
}
.dxssControl_MetropolisBlue .dxss-rrbe
{
    border-right-color: #0072C6;
}
.dxssControl_MetropolisBlue .dxss-brbe
{
    border-bottom-color: #0072C6;
}
.dxssControl_MetropolisBlue .dxss-lrbe
{
    border-left-color: #0072C6;
}
.dxssControl_MetropolisBlue .dxss-fh
{
    background-color: #0072C6;
}
.dxssControl_MetropolisBlue .dxss-sbe
{
    border-color: #0072C6;
}
.dxssControl_MetropolisBlue .dxss-crs
{
    border-color: #0072C6;
}
.dxssControl_MetropolisBlue .dxrControl_MetropolisBlue .dxtcLite_MetropolisBlue.dxtc-top .dxtc-leftIndent
{
    width: 3px;
}
.dxssControl_MetropolisBlue .dxtcLite_MetropolisBlue.dxtc-bottom .dxtc-leftIndent
{
    width: 8px;
}
.dxssControl_MetropolisBlue .dxrControl_MetropolisBlue .dxr-minBtn
{
    padding-right: 7px;
}
.dxssControl_MetropolisBlue .dxss-hrg,
.dxssControl_MetropolisBlue .dxss-vrg
{
    background-color: #0072C6;
}
.dxssControl_MetropolisBlue .dxss-md
{
    border: 1px solid #c0c0c0 !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.dxssControl_MetropolisBlue .dxss-tse
{
    border-color: #0072C6;
}
.dxssControl_MetropolisBlue .dxss-tre
{
    background: url('TouchResize.png');
}
.dxssControl_MetropolisBlue .dxss-ddp,
.dxssControl_MetropolisBlue .dxss-ddb
{
    border: 1px solid #c0c0c0;
}
.dxssControl_MetropolisBlue .dxss-ddp tr:hover
{
    background-color: #e0e0e0;
}
/* Ribbon */
.dxssControl_MetropolisBlue .dxrControl_MetropolisBlue .dxr-tabContent
{
    border-bottom-style: none;
}
/* Loading panel */
.dxssLoadingDiv_MetropolisBlue
{
    background: white;
    opacity: 0.85 !important;
    filter: alpha(opacity=85);
}
.dxssLoadingPanel_MetropolisBlue
{
    border: 1px solid #c0c0c0;
    background-color: white;
    font: 12px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
    color: #333333;
}
.dxssLoadingPanel_MetropolisBlue td.dx
{
    font-size: 1.17em;
    white-space: nowrap;
    text-align: center;
    padding: 10px 14px;
}
.dxssLoadingPanel_MetropolisBlue .dxlp-loadingImage
{
    background-image: url('../Web/Loading.gif');
    height: 32px;
    width: 32px;
}
/* DX Spreadsheet Cell Editor Element, Formula Bar, IntelliSense elements */
.dxssControl_MetropolisBlue .dxss-ctve
{
    border: 2px solid #0072C6;
    /*the same -dxss-cfe */
}
.dxssControl_MetropolisBlue .dxss-fb
{
    height: 21px;
    padding: 10px;
    border: 1px solid #c0c0c0;
    border-bottom-style: none;
}
.dxssControl_MetropolisBlue .dxss-fbw
{
    border: 1px solid #c0c0c0;
    background-color: white;
    padding: 1px 3px 2px 3px;
}
.dxFirefox .dxssControl_MetropolisBlue .dxss-fbw
{
    padding: 1px 3px 1px 3px;
}
.dxssControl_MetropolisBlue .dxmLite_MetropolisBlue .dxss-fbMenu
{
    height: 21px;
    border: 0;
    background-color: transparent;
    background-image: none;
}
.dxssControl_MetropolisBlue .dxss-fbMenu .dxm-content
{
    padding-top: 3px !important;
}
.dxssControl_MetropolisBlue .dxss-hint
{
    border: 1px solid #c0c0c0;
    background-color: #FFFFFF;
    padding: 3px 8px 4px 8px;
    border-radius: 3px;
    -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);
}
.dxssControl_MetropolisBlue .dxss-hint.dxss-funcInfo
{
    margin-left: 10px;
    margin-right: 10px;
}
.dxssDlgPageSetupForm .dxtcLite_MetropolisBlue > .dxtc-stripContainer .dxtc-link
{
    padding: 4px 25px;
}
.dxssControlSys .dxmLite_MetropolisBlue .dxm-popup .dxm-checked img[class*="ssRibbonGWIcons_PageMarginsNormal"],
.dxssControlSys .dxmLite_MetropolisBlue .dxm-popup .dxm-checked img[class*="ssRibbonGWIcons_PageMarginsWide"],
.dxssControlSys .dxmLite_MetropolisBlue .dxm-popup .dxm-checked img[class*="ssRibbonGWIcons_PageMarginsNarrow"],
.dxssControlSys .dxmLite_MetropolisBlue .dxm-popup .dxm-checked span[class*="ssRibbonGWIcons_PageMarginsNormal"],
.dxssControlSys .dxmLite_MetropolisBlue .dxm-popup .dxm-checked span[class*="ssRibbonGWIcons_PageMarginsWide"],
.dxssControlSys .dxmLite_MetropolisBlue .dxm-popup .dxm-checked span[class*="ssRibbonGWIcons_PageMarginsNarrow"]
{
    margin-top: 3px !important;
}
.dxssControlSys .dxmLite_MetropolisBlue .dxm-popup img[class*="ssRibbonGWIcons_PageMarginsNormal"],
.dxssControlSys .dxmLite_MetropolisBlue .dxm-popup img[class*="ssRibbonGWIcons_PageMarginsWide"],
.dxssControlSys .dxmLite_MetropolisBlue .dxm-popup img[class*="ssRibbonGWIcons_PageMarginsNarrow"],
.dxssControlSys .dxmLite_MetropolisBlue .dxm-popup span[class*="ssRibbonGWIcons_PageMarginsNormal"],
.dxssControlSys .dxmLite_MetropolisBlue .dxm-popup span[class*="ssRibbonGWIcons_PageMarginsWide"],
.dxssControlSys .dxmLite_MetropolisBlue .dxm-popup span[class*="ssRibbonGWIcons_PageMarginsNarrow"]
{
    margin-top: 4px !important;
}
/* Cell Editing */
.dxssControl_MetropolisBlue.icbem .dxss-inputTarget
{
    border: 2px solid #0072C6;
}
/*Cell position hint*/
.dxssControl_MetropolisBlue .dxss-cell-pos-hint
{
    background-color: #0072C6;
    color: white;
}
.dxrControl_MetropolisBlue .dxssRibbonCBSmall
{
    width: 60px;
}
.dxrControl_MetropolisBlue .dxssRibbonCBLarge
{
    width: 130px;
}
/* --------------Select-All----------------- */
.dxssControl_MetropolisBlue .dxss-ssbi
{
    border-color: transparent;
    border-bottom-color: #cecece;
}
.dxssControl_MetropolisBlue .dxss-ssb:hover .dxss-ssbi
{
    border-bottom-color: #0072C6;
}
.dxssControl_MetropolisBlue .dxss-ast
{
    border-top: 4px solid #0072C6;
}
/* ----------Add-Sheet-Button---------------*/
.dxssControl_MetropolisBlue .dxss-ast-btn:before,
.dxssControl_MetropolisBlue .dxss-ast-btn:after
{
    background-color: #656565;
}
.dxssControl_MetropolisBlue .dxss-ast-circle:hover .dxss-ast-btn:before,
.dxssControl_MetropolisBlue .dxss-ast-circle:hover .dxss-ast-btn:after
{
    background-color: #0972c4;
}
/* --------------Dialogs----------------- */
.dxssControl_MetropolisBlue .dxss-dialogSimpleFooterGroup,
.dxssControl_MetropolisBlue .dxss-dialogFooter
{
    border-top: 1px #c0c0c0 solid;
}
.dxssControl_MetropolisBlue .dxss-dialog .dxss-imagePreviewCell
{
    color: #878787;
    border: dashed 1px #cac8c8;
}
.dxssControl_MetropolisBlue .dxss-pageSetupForm .dxss-CustomHFButton
{
    min-width: 115px;
}
/*---------Change-Chart-Style-Dialog-------*/
.dxss-modifyChartStyleContent .dxbButtonHover_MetropolisBlue
{
    color: white;
    background-color: #0072C6;
    border: 1px solid #0072C6;
}
.dxss-modifyChartStyleContent .dxbButtonChecked_MetropolisBlue
{
    color: #333333;
    background-color: #C0C0C0;
}
.dxss-modifyChartStyleContent .dxbButtonPressed_MetropolisBlue
{
    color: white;
    background-color: #C0C0C0;
}
/* Format as Table */
.dxss-modifyChartStyleContent .dxbButton_MetropolisBlue div.dxb
{
    padding-left: 3px;
    padding-right: 3px;
}
.dxss-modifyChartStyleContent .dxbButton_MetropolisBlue div.dxbf
{
    padding-left: 2px;
    padding-right: 2px;
}
@media (max-width: 400px)
{
    .dxssControl_MetropolisBlue .dxss-modifyTableStyleForm .dxss-dialogSimpleContentGroup
    {
        padding-left: 5px;
        padding-right: 5px;
    }
    .dxssControl_MetropolisBlue .dxss-modifyTableStyleForm .dxtcLite_MetropolisBlue.dxtc-left > .dxtc-stripContainer .dxtc-link
    {
        padding-left: 6px;
        padding-right: 5px;
    }
    .dxssControl_MetropolisBlue .dxss-modifyTableStyleForm .dxtcLite_MetropolisBlue > .dxtc-content
    {
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
    }
}
/***Data*Validation***/
.dxss-dataValidationForm .dxtcLite_MetropolisBlue .dxss-dvContent
{
    min-height: 271px;
}
.dxss-dataValidationForm .dxtcLite_MetropolisBlue .dxss-dvSettingsContent
{
    min-height: 238px;
}
@media (max-width: 400px)
{
    .dxss-dataValidationForm .dxss-dvDescriptionRow .dxeBase_MetropolisBlue .dxichCellSys,
    .dxss-dataValidationForm .dxss-dvApplyChanges .dxeBase_MetropolisBlue .dxichCellSys
    {
        vertical-align: top;
        padding-top: 0px;
    }
}
.dxssControlSys .dxss-pivotTableLabelFilterForm .dxss-dialogContentGroup .dxss-pivot-filterOperator .dxeButtonEditButton_MetropolisBlue,
.dxssControlSys .dxss-pivotTableValueFilterForm .dxss-dialogContentGroup .dxss-pivot-filterOperator .dxeButtonEditButton_MetropolisBlue,
.dxssControlSys .dxss-pivotTableValueFilterForm .dxss-dialogContentGroup .dxss-pivot-filterField .dxeButtonEditButton_MetropolisBlue,
.dxssControlSys .dxss-pivotTableDateFilterForm .dxss-dialogContentGroup .dxss-pivot-filterOperator .dxeButtonEditButton_MetropolisBlue,
.dxssControlSys .dxss-pivotTableTop10FilterForm .dxss-dialogContentGroup .dxss-pivot-top10DropDown .dxeButtonEditButton_MetropolisBlue
{
    padding-top: 2px;
    padding-bottom: 1px;
}
.dxssControl_MetropolisBlue .dxss-pivotTableTop10FilterForm .dxss-dialogContentGroup .dxss-pivot-top10Spin .dxeSpinIncButton_MetropolisBlue
{
    padding-top: 2px;
}
.dxssControl_MetropolisBlue .dxss-pivotTableTop10FilterForm .dxss-dialogContentGroup .dxss-pivot-top10Spin .dxeSpinDecButton_MetropolisBlue
{
    padding-bottom: 2px;
}
/****PivotTable*FieldList****/
.dxssControl_MetropolisBlue .dxss-pivotTableFieldListForm .dxss-dialogContentGroup .dxss-fieldlist-source .dxeListBoxItemSelected_MetropolisBlue
{
    background-color: transparent;
    color: #333333;
}
.dxssControl_MetropolisBlue .dxss-pivotTableFieldListForm .dxss-dialogContentGroup .dxss-fieldlist-source .dxss-selected.dxeListBoxItemSelected_MetropolisBlue,
.dxssControl_MetropolisBlue .dxss-pivotTableFieldListForm .dxss-dialogContentGroup .dxss-fieldlist-source .dxss-selected
{
    color: White;
    background-color: #0072C6;
}
.dxssControl_MetropolisBlue .dxss-pivotTableFieldListForm .dxss-dialogContentGroup .dxss-fieldlist-source .dxeListBoxItemSelected_MetropolisBlue.dxeListBoxItemHover_MetropolisBlue,
.dxssControl_MetropolisBlue .dxss-pivotTableFieldListForm .dxss-dialogContentGroup .dxss-fieldlist-source .dxss-selected.dxeListBoxItemHover_MetropolisBlue
{
    background-color: #e0e0e0;
    color: #333333;
}
.dxssControl_MetropolisBlue .dxss-pivotTableFieldListForm .dxss-dialogContentGroup .dxss-fieldlist-source .dxss-selected.dxeListBoxItemHover_MetropolisBlue .dxss-pivotfieltlist-item,
.dxssControl_MetropolisBlue .dxss-pivotTableFieldListForm .dxss-dialogContentGroup .dxss-pt-filters .dxeListBoxItemHover_MetropolisBlue.dxeListBoxItemSelected_MetropolisBlue .dxss-pivotfieltlist-item,
.dxssControl_MetropolisBlue .dxss-pivotTableFieldListForm .dxss-dialogContentGroup .dxss-pt-columns .dxeListBoxItemHover_MetropolisBlue.dxeListBoxItemSelected_MetropolisBlue .dxss-pivotfieltlist-item,
.dxssControl_MetropolisBlue .dxss-pivotTableFieldListForm .dxss-dialogContentGroup .dxss-pt-rows .dxeListBoxItemHover_MetropolisBlue.dxeListBoxItemSelected_MetropolisBlue .dxss-pivotfieltlist-item,
.dxssControl_MetropolisBlue .dxss-pivotTableFieldListForm .dxss-dialogContentGroup .dxss-pt-values .dxeListBoxItemHover_MetropolisBlue.dxeListBoxItemSelected_MetropolisBlue .dxss-pivotfieltlist-item,
.dxssControl_MetropolisBlue .dxss-pivotfieltlist-item
{
    background-image: url('ColumnDrag.png');
    background-repeat: no-repeat;
    background-color: transparent;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
}
.dxssControl_MetropolisBlue .dxss-pivotTableFieldListForm .dxss-pt-filters .dxeListBoxItemSelected_MetropolisBlue .dxss-pivotfieltlist-item,
.dxssControl_MetropolisBlue .dxss-pivotTableFieldListForm .dxss-pt-columns .dxeListBoxItemSelected_MetropolisBlue .dxss-pivotfieltlist-item,
.dxssControl_MetropolisBlue .dxss-pivotTableFieldListForm .dxss-pt-rows .dxeListBoxItemSelected_MetropolisBlue .dxss-pivotfieltlist-item,
.dxssControl_MetropolisBlue .dxss-pivotTableFieldListForm .dxss-pt-values .dxeListBoxItemSelected_MetropolisBlue .dxss-pivotfieltlist-item,
.dxssControl_MetropolisBlue .dxss-selected .dxss-pivotfieltlist-item
{
    background-image: url('ColumnDragWhite.png');
    background-repeat: no-repeat;
    background-color: transparent;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
}