/***BEGIN ReportingSamples.css***/
.reporting-samples-container button {
  margin-right: 10px; }
/***END ReportingSamples.css***/

/***BEGIN VisualsCommonSamples.css***/
.demo-visual-cell-grid {
  display: flex;
  flex-wrap: wrap; }
  .demo-visual-cell-grid .demo-visual-cell {
    margin-right: 10px;
    margin-bottom: 10px; }

.demo-visual-cell {
  -webkit-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  -moz-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  -o-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  /** This style needs to be generalized off of common color and shadow settings.*/
  box-shadow: 2px 2px 3px #dddddd; }

.one-by-one-layout {
  width: 160px;
  height: 160px; }

.two-by-one-layout {
  width: 330px;
  height: 160px; }

.two-by-two-layout {
  width: 330px;
  height: 330px; }
/***END VisualsCommonSamples.css***/