@import url(https://js.arcgis.com/4.22/@arcgis/core/assets/esri/themes/light/main.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500);
/**
 * Timings
 */
/**
 * Element sizes
 */
/**
 * Element sizes - Mobile
 */
/**
 * Colours
 */
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
html,
body {
  position: static;
  width: 100%;
  height: 100%;
  margin: 0;
}
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 0.85rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
}
@media (max-width: 768px) {
  body {
    font-size: 0.85rem;
  }
}
@media (max-width: 414px) {
  body {
    font-size: 0.75rem;
  }
}
::-webkit-scrollbar {
  width: 0.6em;
  height: 0.6em;
}
::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
  background-color: #EEE;
}
::-webkit-scrollbar-thumb {
  background-color: #d1d1d1;
  /*outline: 1px solid slategrey;*/
}
::-webkit-scrollbar-thumb:hover {
  background-color: #7d7d7d;
}
h1,
h2,
h3,
h4 {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
a {
  color: #4bc7f4;
  /*font-weight: 500;*/
}
.dijitMenuItemIconCell {
  padding: 5px;
}
.dijitMenuItemIconCell {
  padding: 5px;
}
.dijitMenuItemLabel {
  font-size: 0.9rem;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
}
::-ms-clear {
  display: none;
}
.br {
  margin: 10px 0px;
}
.esri-widget__heading {
  font-weight: inherit;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
@-webkit-keyframes fadeIn50pc {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.5;
  }
}
@keyframes fadeIn50pc {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.5;
  }
}
.fadeIn50pc {
  -webkit-animation-name: fadeIn50pc;
          animation-name: fadeIn50pc;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}
#main-header {
  display: -webkit-box;
  display: flex;
  flex-shrink: 1;
  width: 300px;
  padding: 0;
  margin: 0;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  background-image: url(/da09d737324f8f2e371f17d611c62810.svg);
  background-repeat: no-repeat;
  background-size: auto 47px;
  background-position: 0px 11px;
  height: 70px;
}
@media (max-width: 1023px) {
  #main-header {
    background-image: url(/6fa4333df8849d4ea372f77d1ace158e.svg);
  }
}
#main-header .title {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #1ab3e3;
  cursor: default;
  font-size: 1.5em;
  height: 37px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
}
@media (max-width: 768px) {
  #main-header .title {
    margin-left: -10px;
  }
}
@media (max-width: 414px) {
  #main-header .title {
    font-size: 1.2em;
  }
}
.sub-header {
  background: #1ab3e3;
  min-height: 64px;
  -webkit-box-align: center;
          align-items: center;
  padding: 0 15px;
  background: -webkit-gradient(linear, left top, right top, from(#3a7bd5), to(#3bca));
  background: -o-linear-gradient(left, #3a7bd5, #3bca);
  background: linear-gradient(to right, #3a7bd5, #3bca);
}
.sub-header .sub-header-title {
  font-size: 1.3rem;
  font-weight: 500;
  width: 100%;
  vertical-align: middle;
  color: white;
}
@media (max-width: 414px) {
  .sub-header .sub-header-title {
    font-size: 0.9rem;
  }
}
.VGroupList {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-flex: 1;
          flex-grow: 1;
}
.VGroupList .VGroupListItem {
  -webkit-box-flex: 1;
          flex-grow: 1;
  -webkit-box-shadow: 2px 0 12px rgba(160, 160, 160, 0.1);
          box-shadow: 2px 0 12px rgba(160, 160, 160, 0.1);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: white;
  margin-bottom: 12px;
  overflow: visible;
}
.VGroupList .VGroupListItem:hover {
  -webkit-box-shadow: 2px 0 12px rgba(160, 160, 160, 0.2);
          box-shadow: 2px 0 12px rgba(160, 160, 160, 0.2);
}
.VGroupList .VGroupListItem:hover .VGroupListItemTitleMinimal {
  color: white !important;
}
.VGroupList .VGroupListItem .VGroupListItemTitle {
  color: #333333;
  padding: 12px 12px 12px 20px;
  border-bottom: 1px solid #EEEEEE;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
}
.VGroupList .VGroupListItem .VGroupListItemTitleMinimal {
  color: #333333;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
}
.VGroupList .VGroupListItem a {
  color: #1ab3e3;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 12px 12px 12px 20px;
  -webkit-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  cursor: pointer;
}
.VGroupList .VGroupListItem a:hover {
  color: white;
  background: #ff1493;
}
.VGroupList .VGroupListItem div {
  overflow: hidden;
}
.highlightListItem:hover {
  color: white;
  background: #ff1493;
  cursor: pointer;
}
.entityViewContainer {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  overflow: visible;
}
.entityViewChildContainer {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  overflow: visible;
  padding: 12px;
}
@media (max-width: 414px) {
  .entityViewChildContainer {
    padding: 8px;
  }
}
@media (max-width: 414px) {
  .ctaButton {
    height: 32px !important;
    line-height: 32px !important;
    margin: 0px 4px 0px 0px !important;
  }
  .ctaButton div,
  .ctaButton span {
    font-size: 11px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
}
.HGroup {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-shrink: 0;
  overflow: visible;
  position: relative;
}
.HGroup :not(:last-child) button {
  margin-right: 6px;
}
.VGroup {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  overflow: visible;
  position: relative;
}
.VGroup button {
  margin: 5px 0px;
}
.br {
  min-height: 10px;
  max-height: 10px;
  height: 10px;
}
.form {
  border-radius: 4px;
  -webkit-box-flex: 1;
          flex-grow: 1;
  background: white;
  padding: 15px;
  -webkit-box-shadow: 2px 0 6px rgba(160, 160, 160, 0.1);
          box-shadow: 2px 0 6px rgba(160, 160, 160, 0.1);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.form:hover {
  -webkit-box-shadow: 2px 0 6px rgba(160, 160, 160, 0.2);
          box-shadow: 2px 0 6px rgba(160, 160, 160, 0.2);
}
.form h1 {
  font-weight: 400;
  font-size: 17px;
  color: #1ab3e3;
  margin: 0px 0px 10px 0px;
}
@media (max-width: 414px) {
  .form h1 {
    font-size: 13px;
  }
}
.form h2 {
  font-weight: 400;
  color: #1ab3e3;
  font-size: inherit;
}
.form .form-field {
  margin-top: 6px;
  margin-bottom: 6px;
}
.form .rt-table .field-text,
.form .field-datetime,
.form .field-domain,
.form .field-autocomplete,
.form .field-textarea {
  border: none !important;
  font-size: inherit !important;
}
.form .field-textarea {
  border: 1px solid #e1e1e1 !important;
}
.form .field-textarea hr {
  display: none !important;
}
.form .field-textarea textarea {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.form .field-text,
.form .field-datetime {
  border: 1px solid #e1e1e1 !important;
  font-size: inherit !important;
}
.form .field-text hr,
.form .field-datetime hr {
  display: none !important;
}
.form .field-datetime :first-child {
  height: auto !important;
}
.form .field-domain,
.form .field-autocomplete {
  border-bottom: none !important;
  border: 1px solid #e1e1e1 !important;
  font-size: inherit !important;
}
.form .field-domain hr,
.form .field-autocomplete hr {
  display: none !important;
}
.form .field-domain svg {
  fill: inherit !important;
}
.form .field-domain-disabled svg {
  fill: transparent !important;
  color: transparent !important;
}
.form .field-required {
  border-bottom: 3px solid salmon !important;
}
.field-text,
.field-textarea {
  font-size: inherit !important;
}
.field-error-label {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  color: salmon;
  margin-top: 6px;
  font-size: 0.8rem;
}
.warn {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 3px;
  background: salmon;
}
.sub-form {
  -webkit-box-flex: 1;
          flex-grow: 1;
  background: white;
  padding: 0px;
}
.sub-form .label {
  min-width: 180px;
  max-width: 180px;
}
.table-footer-form {
  -webkit-box-flex: 1;
          flex-grow: 1;
  padding-top: 8px;
  padding-bottom: 8px;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.table-footer-label {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.label {
  display: -webkit-box;
  display: flex;
  min-width: 210px;
  max-width: 210px;
  min-height: 2.8rem;
  padding-right: 10px;
  padding-top: 14px;
}
@media (max-width: 768px) {
  .label {
    min-width: 180px;
    max-width: 180px;
    min-height: 2.6rem;
  }
}
@media (max-width: 414px) {
  .label {
    min-width: 110px;
    max-width: 110px;
    min-height: 2rem;
  }
}
.modal-pre {
  padding-bottom: 16px;
  font-size: 12px;
}
.row-editable *.MuiInput-root {
  padding: 0px !important;
}
.dropzone {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-flex: 1;
          flex-grow: 1;
  width: 100%;
  border: 1.5px dashed grey;
  min-height: 140px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.dropzone:hover {
  background-color: #ff1493;
  color: white;
}
.dropzoneActive {
  background-color: #ff1493;
  color: white;
}
.dropzoneText {
  -webkit-box-flex: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  height: 100%;
  width: 100%;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  text-align: center;
}
/* split pane */
.Resizer {
  background: #000;
  opacity: 0.2;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-clip: padding-box;
}
.Resizer:hover {
  -webkit-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
}
.Resizer.horizontal {
  height: 11px;
  margin: -5px 0;
  border-top: 5px solid rgba(255, 255, 255, 0);
  border-bottom: 5px solid rgba(255, 255, 255, 0);
  cursor: row-resize;
  width: 100%;
}
.Resizer.horizontal:hover {
  border-top: 5px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid rgba(0, 0, 0, 0.5);
}
.Resizer.vertical {
  width: 11px;
  margin: 0 -5px;
  border-left: 5px solid rgba(255, 255, 255, 0);
  border-right: 5px solid rgba(255, 255, 255, 0);
  cursor: col-resize;
}
.Resizer.vertical:hover {
  border-left: 5px solid rgba(0, 0, 0, 0.5);
  border-right: 5px solid rgba(0, 0, 0, 0.5);
}
Resizer.disabled {
  cursor: not-allowed;
}
Resizer.disabled:hover {
  border-color: transparent;
}
@media (max-width: 768px) {
  .SplitPane {
    min-width: 768px;
    max-width: 768px;
  }
}
@media (max-width: 414px) {
  .SplitPane {
    min-width: 360px;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .Pane {
    min-width: 768px;
    max-width: 768px;
  }
}
@media (max-width: 414px) {
  .Pane {
    min-width: 360px;
    max-width: 100%;
  }
}
.mapContainer {
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  align-content: center;
  background-color: #FFF;
  height: 100%;
  position: relative;
}
@media (max-width: 768px) {
  .mapContainer {
    display: none;
  }
}
.mapContainer .map {
  height: 100%;
}
.mapContainer .scale {
  position: absolute;
  left: 10px;
  bottom: 50px;
  z-index: 10;
}
.mapContainer .status-info {
  background: white;
  background: #ffffff;
  pointer-events: none;
  bottom: 0;
  color: #323232;
  cursor: default;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row nowrap;
  font-size: 0.8em;
  -webkit-box-pack: start;
          justify-content: flex-start;
  left: 0;
  list-style-type: none;
  margin: 0;
  padding: 0.2em 0.5em;
  position: absolute;
  right: 0;
  z-index: 30;
}
.mapContainer .status-info li {
  border-width: 0 0 0 1px;
  border-style: solid;
  -o-border-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(136, 136, 136, 0.3) 25%, rgba(136, 136, 136, 0.5) 100%) 1 100%;
     border-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(25%, rgba(136, 136, 136, 0.3)), to(rgba(136, 136, 136, 0.5))) 1 100%;
     border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(136, 136, 136, 0.3) 25%, rgba(136, 136, 136, 0.5) 100%) 1 100%;
  display: inline-block;
  padding: 0.2em 0.6em 0 0.6em;
  text-align: center;
  flex-shrink: 0;
}
.mapContainer .status-info li:first-child {
  border-left: none;
}
.mapContainer .status-info .map-coordinates {
  width: 13em;
  pointer-events: auto;
}
.mapContainerVisible {
  position: fixed;
  display: block;
  left: 0;
  top: 60px;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.graphic {
  cursor: pointer;
}
.graphic:hover {
  cursor: pointer;
  fill: cyan;
}
.graphic.selected {
  -webkit-animation: pulse 3s ease-in-out infinite;
  animation: pulse 3s ease-in-out infinite;
  cursor: grab !important;
  cursor: -webkit-grab !important;
}
.graphic.point {
  stroke: white;
}
.graphic.point:hover {
  stroke: white;
}
@keyframes pulse {
  0% {
    fill: cyan;
  }
  50% {
    fill: #1ab3e3;
    stroke-opacity: 0.5;
  }
  100% {
    fill: cyan;
  }
}
@-webkit-keyframes pulse {
  0% {
    fill: cyan;
  }
  50% {
    fill: #1ab3e3;
    stroke-opacity: 0.5;
  }
  100% {
    fill: cyan;
  }
}
.esri-widget {
  font-family: inherit;
  font-size: inherit;
}
.esri-popup__content {
  font-family: inherit;
  font-size: inherit;
}
.esri-popup__main-container {
  border-radius: 8px;
  padding: 8px;
}
.esri-popup--shadow {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
#esri\.Map_0_graphics_layer {
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
#esri\.Map_0_graphics_layer circle {
  cursor: pointer;
  stroke-opacity: 0.3;
  fill-opacity: 0;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
#esri\.Map_0_graphics_layer circle:hover {
  stroke-opacity: 1;
  fill-opacity: 1;
}
.esriSimpleSlider {
  border: none !important;
  -webkit-box-shadow: 0px 1px 0px -1px rgba(0, 0, 0, 0.1), 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0) !important;
          box-shadow: 0px 1px 0px -1px rgba(0, 0, 0, 0.1), 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0) !important;
  outline: none;
}
.esriSimpleSliderIncrementButton {
  border-bottom: none !important;
  outline: none;
}
.esriSimpleSliderDecrementButton {
  outline: none;
}
.esri-time-slider__min {
  display: none;
}
.esri-time-slider__max {
  display: none;
}
.esri-time-slider__layout--compact .esri-time-slider__row {
  -webkit-box-pack: space-evenly;
          justify-content: space-evenly;
}
.esriPopup {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 0.85rem;
}
.esriPopup .titlePane {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  border-radius: 3px 3px 0px 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #EEEEEE;
  color: #333333;
  padding-left: 14px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  min-height: 40px;
  line-height: 40px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.esriPopup .contentPane {
  position: relative;
  max-height: 600px;
  overflow: auto;
  padding: 10px 14px 6px 14px;
  background-color: white;
  line-height: 14px;
  -o-text-overflow: clip;
     text-overflow: clip;
  word-wrap: break-word;
}
.esriPopup .contentPane span {
  line-height: 20px;
  margin: 4px 0px 4px 0px;
}
.esriPopup a {
  color: #1ab3e3;
  cursor: pointer;
}
.esriPopup .actionsPane {
  padding: 0px 14px 6px 14px;
  background-color: white;
  cursor: pointer;
}
.esriPopup .sizer {
  position: relative;
  width: 350px;
  z-index: 1;
}
.esriPopup .pointer.topLeft,
.esriPopup .pointer.top,
.esriPopup .pointer.topRight {
  background: #FFFFFF;
}
.esriPopup .titleButton {
  -webkit-filter: invert(60%);
          filter: invert(60%);
}
.popup-img {
  width: 300px;
  max-width: 320px;
  height: auto;
  margin: 6px 0px 6px 0px;
}
.popup-img:hover {
  -webkit-box-shadow: 2px 0 12px rgba(160, 160, 160, 0.2);
          box-shadow: 2px 0 12px rgba(160, 160, 160, 0.2);
}
.esriTimeSlider {
  margin: 0px 0px 20px 0px;
}
.esriTimeSlider .dijitRuleMark {
  border: none;
}
.esriTimeSlider .dijitSliderBarH,
.esriTimeSlider .dijitSliderBumperH {
  height: 0px;
}
.esriTimeSlider .dijitSliderBar {
  border-color: #EEE;
}
.esriTimeSlider .dijitButtonNode {
  border: none;
}
.esriTimeSlider .dijitSliderImageHandle {
  border: 8px solid deepskyblue;
  border-radius: 50%;
  -webkit-transition: all 0.05s linear;
  -o-transition: all 0.05s linear;
  transition: all 0.05s linear;
}
.esriTimeSlider .dijitSliderImageHandle:hover {
  border: 8px solid deeppink;
}
.esriTimeSlider table > tbody > tr td:first-child {
  width: 2px;
}
.esriTimeSlider table > tbody > tr td:nth-child(3) {
  width: 2px;
}
.esriTimeSlider table > tbody > tr td:last-child {
  width: 2px;
}
.esriTimeSlider .tsTmp {
  width: 100%;
}
.legendLayerHeader {
  -webkit-box-align: center;
          align-items: center;
  background: #EEE;
  padding: 10px 5px;
  margin-bottom: 10px;
  font-weight: 500;
  color: #333;
  border-radius: 3px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.legendLayerHeader:hover {
  background: #DDD;
}
.legendLayerHeaderTitle {
  width: 100%;
}
.legendSubLayer {
  margin-left: 10px;
}
.legendSubLayerSymbols {
  padding: 10px 0 10px 20px;
}
.legendSubLayerSymbol {
  padding: 4px 0px;
}
.timeLabelContainer {
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}
.timeLabelContainer .timeLabel {
  font-size: 0.9rem;
  color: #666;
}
.main-sidebar {
  min-height: 100%;
  -webkit-transition: bottom 0.3s;
  -o-transition: bottom 0.3s;
  transition: bottom 0.3s;
  z-index: 41;
}
.main-sidebar nav {
  width: 100px;
  background-color: #282b32;
  z-index: 10;
  height: 100%;
}
.main-sidebar nav > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-sidebar nav > ul > li a.sidebar-active-task {
  background-color: #323847;
  white-space: normal;
  overflow: hidden;
  -o-text-overflow: clip;
     text-overflow: clip;
  text-align: center;
  color: #ff1493 !important;
  font-weight: 500;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.main-sidebar nav > ul > li a {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  height: 120px;
  border-bottom: 1px solid #323847;
  text-decoration: none;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  letter-spacing: 0.03em;
  color: #d4d7de;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 0.8rem;
}
.main-sidebar nav > ul > li a:hover {
  text-decoration: none;
  color: white;
  background: #3d404c;
}
.main-sidebar nav > ul > li a .sidebar-icon {
  display: block;
  font-size: 32px;
  line-height: 1;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.main-sidebar nav > ul > li a .sidebar-icon:hover {
  text-decoration: none;
  color: white;
}
.main-sidebar nav > ul > li.open {
  background: #3d404c;
  color: #fff;
}
.main-sidebar nav > ul > li.open .sidebar-icon {
  color: #4bc7f4;
}
/*#region Shadows*/
/*#endregion*/
#main-sidebar .command-bar {
  width: 100px;
}
#main-sidebar .command-bar .commandButton a {
  text-align: center;
}
#main-sidebar .command-bar .commandButton .sidebar-icon {
  display: block;
}
#main-sidebar .command-bar .primary {
  position: relative;
  top: 0.4em;
}
#main-sidebar .command-bar .primary .sidebar-icon {
  margin-top: 1px;
  margin-bottom: 10px;
}
#main-sidebar .command-bar .primary a {
  border-bottom: 1px solid #323847;
  border-top: 1px solid #323847;
  color: #d4d7de;
  margin-top: -1px;
}
#main-sidebar .command-bar .primary span {
  display: block;
}
#main-sidebar .command-bar .primary a {
  padding: 2.2em 0;
}
#main-sidebar .command-bar .secondary {
  position: absolute;
  bottom: 0.4em;
}
#main-sidebar .command-bar .secondary span {
  display: none;
}
#main-sidebar .command-bar .secondary a {
  padding: 1.3em 0;
  border: none;
}
#main-sidebar .command-bar .button-small span {
  display: none;
}
#main-sidebar .command-bar .button-large .sidebar-icon {
  margin-top: 1px;
  margin-bottom: 10px;
}
#main-sidebar .command-bar .button-large a {
  border-bottom: 1px solid #323847;
  border-top: 1px solid #323847;
  color: #d4d7de;
  margin-top: -1px;
}
#main-sidebar .command-bar .button-large span {
  display: block;
}
#main-sidebar .sidebar-content,
#main-sidebar .sidebar-detail {
  left: -240px;
  -webkit-transition: left 0.4s;
  -o-transition: left 0.4s;
  transition: left 0.4s;
  width: 340px;
  z-index: 5;
}
#main-sidebar .sidebar-content.open,
#main-sidebar .sidebar-detail.open {
  left: 100px;
}
#main-sidebar .sidebar-content .search-options .search-options-heading {
  height: 30px;
  padding: 0.3em 0.8em 0 0.8em;
}
#main-sidebar .sidebar-content .sidebar-content-head {
  line-height: 60px;
}
#main-sidebar .title {
  display: none;
}
#main-sidebar #discoverySidebar .sidebar-content-head {
  height: 30px;
  line-height: 30px;
  padding: 0.3em 0.8em 0 0.8em;
}