.mstrreportlist h1 {
  margin: 0em 0.3em;
  font-size: 2.4em;
}
.mstrreportlist .controlContainer {
  margin: 0.5em;
}
.mstrreportlist .controlContainer:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}
.mstrreportlist .controlContainer .sortContainer {
  margin: 0.5em 0em;
  float: left;
  overflow: hidden;
  display: inline-block;
  -moz-border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  border-radius: 0.2em;
  color: #FFF;
}
.mstrreportlist .controlContainer .sortContainer .property {
  vertical-align: middle;
  padding: .4em .8em;
  float: left;
  background: #5393B9;
}
.mstrreportlist .controlContainer .sortContainer .property.on {
  background: #3f789a;
}
.mstrreportlist .controlContainer .sortContainer .property:hover {
  background: #3f789a;
  cursor: pointer;
}
.mstrreportlist .controlContainer .sortContainer .property .sortIcon {
  display: inline-block;
  opacity: 1;
}
.mstrreportlist .controlContainer .sortContainer .property .sortIcon.off {
  display: none;
}
.mstrreportlist .controlContainer .sortContainer .property .sortIcon.deselected {
  opacity: .5;
}
.mstrreportlist .controlContainer .sortContainer .seperator {
  /*vertical-align: middle;
  border-left: 1px solid darkgrey;
  margin: 0em 0.6em;*/
}
.mstrreportlist .controlContainer input {
  float: right;
  margin: .3em 0 .3em 0;
  padding: .5em;
  -moz-border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  border-radius: 0.2em;
  border: .1em solid #AAA;
}
.mstrreportlist .report {
  background-color: #e4eef4;
  		/*border: $margin solid white;
          width: calc(33.33333%);*/
  margin: 0.5em;
  -moz-border-radius: 0.1em;
  -webkit-border-radius: 0.1em;
  border-radius: 0.1em;
  -moz-box-shadow: 0 0 0.15em #AAA;
  -webkit-box-shadow: 0 0 0.15em #AAA;
  box-shadow: 0 0 0.15em #AAA;
  float: left;
  padding: 1em;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  width: calc(33.33333% - (1em));
}
@media screen and (min-width: 0px) {
  .mstrreportlist .report {
    width: calc(100% - (0.5em));
  }
}
@media screen and (min-width: 600px) {
  .mstrreportlist .report {
    width: calc(50% - (1em));
  }
}
@media screen and (min-width: 900px) {
  .mstrreportlist .report {
    width: calc(33.33333% - (1em));
  }
}
.mstrreportlist .report:hover {
  background-color: #c7dce8;
  cursor: pointer;
}
.mstrreportlist .report .name {
  text-decoration: underline;
  font-size: 1.1em;
  font-weight: bold;
}
.mstrreportlist .report .description {
  margin-left: .2em;
}
.mstrreportlist .report .debug {
  color: #419641;
  padding-top: .8em;
  vertical-align: bottom;
  display: none;
}
.mstrreportlist .report .debug .accessCount,
.mstrreportlist .report .debug .lastDate {
  margin-left: .2em;
  font-size: .6em;
}
.mstrreportlist .report .debug .accessCount .highlight,
.mstrreportlist .report .debug .lastDate .highlight {
  color: red;
  font-weight: bold;
}
.mstrreportlist .report .owner {
  font-size: .8em;
}

.mstrReportSummaries .category {
  -moz-box-shadow: 0 0 0.15em #AAA;
  -webkit-box-shadow: 0 0 0.15em #AAA;
  box-shadow: 0 0 0.15em #AAA;
  -moz-border-radius: 0.1em;
  -webkit-border-radius: 0.1em;
  border-radius: 0.1em;
  margin: 0.75em 0.75em;
  display: inline-block;
  vertical-align: top;
  padding: 1em;
  background-color: #e4eef4;
  width: calc(50% - (1.5em));
  width: calc(50% - (1.5em));
}
@media screen and (min-width: 0px) {
  .mstrReportSummaries .category {
    width: calc(100% - (0.75em));
  }
}
@media screen and (min-width: 900px) {
  .mstrReportSummaries .category {
    width: calc(50% - (1.5em));
  }
}
.mstrReportSummaries .category .container {
  width: 98.2%;
  margin: 0 1%;
  float: right;
  padding: 0;
  display: inline-block;
}
.mstrReportSummaries .category .container:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}
.mstrReportSummaries .category .container .title {
  float: left;
  font-size: 1.2em;
}
.mstrReportSummaries .category .container .viewAll {
  float: right;
  background: #FFF;
  padding: .5em .7em;
  -moz-border-radius: 0.1em;
  -webkit-border-radius: 0.1em;
  border-radius: 0.1em;
  -moz-box-shadow: 0 0 0.1em #BBB;
  -webkit-box-shadow: 0 0 0.1em #BBB;
  box-shadow: 0 0 0.1em #BBB;
  color: inherit;
  text-decoration: inherit;
}
.mstrReportSummaries .category .container .viewAll:hover {
  text-decoration: underline;
}
.mstrReportSummaries .category .container .moduleVideo {
  float: right;
  padding: .65em .7em;
  text-decoration: inherit;
}
.mstrReportSummaries .category .container .moduleVideo:hover {
  cursor: pointer;
}
.mstrReportSummaries .category .topDescription {
  margin: .5em 0 .25em .25em;
}
.mstrReportSummaries .category table {
  height: calc(100% - 2em);
}
.mstrReportSummaries .category .report {
  margin: 0.5em 0.3em;
  border: 1px solid rgba(128, 128, 128, 0.19);
  background-color: white;
  display: inline-block;
  padding: .5em;
  font-size: .9em;
  vertical-align: top;
  -moz-border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  border-radius: 0.2em;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -moz-transition-property: background-color, height;
  -o-transition-property: background-color, height;
  -webkit-transition-property: background-color, height;
  transition-property: background-color, height;
  width: calc(33.33333% - (0.6em));
}
@media screen and (min-width: 0px) {
  .mstrReportSummaries .category .report {
    width: calc(100% - (0.3em));
  }
}
@media screen and (min-width: 600px) {
  .mstrReportSummaries .category .report {
    width: calc(50% - (0.6em));
  }
}
@media screen and (min-width: 900px) {
  .mstrReportSummaries .category .report {
    width: calc(33.33333% - (0.6em));
  }
}
.mstrReportSummaries .category .report:hover {
  background-color: #cee0eb;
  cursor: pointer;
  background-color: #cee0eb;
}
@media screen and (min-width: 0px) {
  .mstrReportSummaries .category .report:hover {
    background-color: #FFF;
  }
}
@media screen and (min-width: 1050px) {
  .mstrReportSummaries .category .report:hover {
    background-color: #cee0eb;
  }
}
.mstrReportSummaries .category .report .title {
  font-weight: bold;
  padding: 0.5em .2em;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.29);
}
.mstrReportSummaries .category .report .description {
  padding: 0.5em .2em;
}
.mstrReportSummaries .category .report .debug {
  color: #419641;
  padding-top: .8em;
  vertical-align: bottom;
  display: none;
}
.mstrReportSummaries .category .report .debug .accessCount,
.mstrReportSummaries .category .report .debug .lastDate {
  margin-left: .2em;
  font-size: .6em;
}
.mstrReportSummaries .category .report .debug .accessCount .highlight,
.mstrReportSummaries .category .report .debug .lastDate .highlight {
  color: red;
  font-weight: bold;
}