﻿.webpart-container {
  left: 5% !important;
  width: 90% !important;
  height: 500px !important;
  width: calc(100% - 64px) !important;
  width: -moz-calc(100% - 64px) !important;
  margin-top: 16px !important;
  margin-bottom: 16px !important;
  left: calc(32px - 0%) !important;
  left: -moz-calc(32px - 0%) !important;
  right: calc(32px - 0%) !important;
  right: -moz-calc(32px - 0%) !important;
  float: left !important;
  position: relative;
}
.webpart-container:not(.maximised):last-child {
  margin-bottom: 32px !important;
}
.webpart-container.activeWebpart {
  position: absolute !important;
}

/* .webpart-container:not(.maximised):nth-child(1) {
    margin-top: 32px !important;
} */
#webpart-canvas {
  overflow-y: auto;
}

.gridchart-header,
.gridchart-content td {
  font-size: 11pt;
  font-size: 3vm;
  font-size: 2.5vmin !important;
}

.gridchart-content td.indicatorcell {
  height: 5vmin !important;
  width: 5vmin !important;
}
.gridchart-content div.indicator {
  height: 30px;
  width: 30px;
  height: 4vmin !important;
  width: 4vmin !important;
}

.single-measure-display span.value {
  font-size: 30vmin !important;
}

.animateOutRight,
.animateOutLeft {
  position: absolute !important;
  visibility: visible !important;
}

.animateInLeft,
.animateInRight {
  z-index: 4;
  visibility: visible !important;
}

.animateOutLeft {
  animation: slideOutDown 0.2s;
  -webkit-animation: slideOutDown 0.2s;
  -moz-animation: slideOutDown 0.2s;
  -o-animation: slideOutDown 0.2s;
}

.animateOutRight {
  animation: slideOutUp 0.2s;
  -webkit-animation: slideOutUp 0.2s;
  -moz-animation: slideOutUp 0.2s;
  -o-animation: slideOutUp 0.2s;
}

.animateInLeft {
  animation: slideInDown 0.3s;
  -webkit-animation: slideInDown 0.3s;
  -moz-animation: slideInDown 0.3s;
  -o-animation: slideInDown 0.3s;
}

.animateInRight {
  animation: slideInUp 0.3s;
  -webkit-animation: slideInUp 0.3s;
  -moz-animation: slideInUp 0.3s;
  -o-animation: slideInUp 0.3s;
}

#dashboard-select-menu {
  width: 60px !important;
  min-width: 60px !important;
}

#date-select-menu {
  width: 60px !important;
  min-width: 60px !important;
}

#dashboard-select-menu-list,
#date-select-menu-list {
  min-width: 200px !important;
  width: auto !important;
}
/*# sourceMappingURL=Content\responsive\desktop\webparts_stacked.css.map */