.ApplicationReporter_Container          { float: left; width: 100%; height: 100%; }
.ApplicationReporter_Wrapper            { position: relative; width: 100%; height: 100%; left: 0; top: 0; }
.ApplicationReporter_Body               { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(bg.png) center center no-repeat; }
.ApplicationReporter_Toolbar            { float: left; width: 100%; height: 36px; }
.ApplicationReporter_Grid               { float: left; width: 100%; height: 100%;  }
.ApplicationReporter_Grid[hasToolbar]   { height: calc(100% - 46px); height: -webkit-calc(100% - 46px); height: -moz-calc(100% - 46px); margin-top: 10px; }
.ApplicationReporter_ToolbarButton		{ float: right; margin: 0 5px !important;}
.dx-icon-exp-excel                      { width: 20px !important; height: 20px !important; background: url(exp-xlsx.png) center center no-repeat; }
.dx-icon-exp-pdf                        { width: 20px !important; height: 20px !important; background: url(exp-pdf.png) center center no-repeat; }
.dx-icon-exp-csv                        { width: 20px !important; height: 20px !important; background: url(exp-csv.png) center center no-repeat; }

.ApplicationPivotReporter_Toolbar       { float: left; width: 100%; height: 50px; }
.ApplicationPivotReporter_Grid,          
.ApplicationPivotReporter_Chart         { float: left; width: 100%; height: calc(100% - 60px); height: -webkit-calc(100% - 60px); height: -moz-calc(100% - 60px); margin-top: 10px; background:#fff; }
.ApplicationPivotReporter_Switcher      { float: right; }
.ApplicationPivotReporter_EmailSender   { float: right; }
.ApplicationReporter_EmailSenderButton  { float: right; margin-top: 20px !important; margin-right: 0 !important;}

.reportProgressBar
{
    float                               : left;
    width                               : 320px;
    height                              : 45px;
}
.reportProgressBar > #nodesProgressBar
{
    margin-top                          : 20px;
    float                               : left;
    margin-left                         : 10px;
}
.reportProgressBar > .finishedText
{
    float                               : left;
    width                               : 250px;
    height                              : 45px;
    line-height                         : 45px;
    color                               : #767676;
    font-size                           : 14px;
}
.reportProgressBar > .playerButton
{
    float                               : left;
    width                               : 16px;
    height                              : 17px;
    margin-top                          : 12px;
    margin-left                         : 4px;
    cursor                              : pointer;
}
.reportProgressBar > .playerButton[type="play"]
{
    background                          : url(report-extreme.png) -32px 0 no-repeat;
}
.reportProgressBar > .playerButton[type="pause"]
{
    background                          : url(report-extreme.png) 0 0 no-repeat;
}
.reportProgressBar > .playerButton[type="stop"]
{
    background                          : url(report-extreme.png) -16px 0 no-repeat;
}