#yddvizContainer {
  background: #fafafa;
  margin-left: -20px;
  margin-right: -20px;
}
  
@media screen and (min-width: 500px) {
  #yddvizContainer {
    margin: 0 auto;
  }
}

#yddvizContainer .text-center {
  text-align: center;
}

.ydd-scrollable-table table th {
  min-width: 100px;
}

.yddvizContent {
  padding: 20px;
}

.yddvizContent h3 {
  margin-top: 0;
}

.yddvizHidden { display: none; }

.yddvizButton {
	cursor: pointer;
}

.yddvizRow::after {
  content: "";
  clear: both;
  display: table;
}

.yddvizLeft {
  float: left;
  width: 100%;
}

.yddvizRight {
  float: right;
  width: 100%;
}

@media screen and (min-width: 800px) {
  .yddvizLeft {
    width: 60%;
  }

  .yddvizRight {
    width: 40%;
  }
}

.vaderstation {
  fill: transparent;
  stroke: #00B4C8;
  stroke-width: 15;
  cursor: pointer;
  transition: all 0.3s;
}

.vaderstation:hover {
  fill: #00B4C8;
}

.vaderstation.active {
  stroke: #ffd000;
  fill: #ffd000;
}

.tabulardata {
	min-width: 50%;
  width: auto;
}

.tabulardata td {
	padding: 4px;
}

.tabulardata tbody tr td.yddvizTemp27, .tabulardata tbody tr td.yddvizTemp28 {
	background: #be2c1d !important;
}
.tabulardata tbody tr td.yddvizTemp25, .tabulardata tbody tr td.yddvizTemp26 {
	background: #cd4a27 !important;
}
.tabulardata tbody tr td.yddvizTemp23, .tabulardata tbody tr td.yddvizTemp24 {
	background: #d96a31 !important;
}
.tabulardata tbody tr td.yddvizTemp21, .tabulardata tbody tr td.yddvizTemp22 {
	background: #e68c3d !important;
}
.tabulardata tbody tr td.yddvizTemp19, .tabulardata tbody tr td.yddvizTemp20 {
	background: #f2af4a !important;
}
.tabulardata tbody tr td.yddvizTemp17, .tabulardata tbody tr td.yddvizTemp18 {
	background: #ffd454 !important;
}
.tabulardata tbody tr td.yddvizTemp15, .tabulardata tbody tr td.yddvizTemp16 {
	background: #dac56f !important;
}
.tabulardata tbody tr td.yddvizTemp13, .tabulardata tbody tr td.yddvizTemp14 {
	background: #b9b68b !important;
}
.tabulardata tbody tr td.yddvizTemp11, .tabulardata tbody tr td.yddvizTemp12 {
	background: #97a8a9 !important;
}
.tabulardata tbody tr td.yddvizTemp9, .tabulardata tbody tr td.yddvizTemp10 {
	background: #7998c7 !important;
}
.tabulardata tbody tr td.yddvizTemp7, .tabulardata tbody tr td.yddvizTemp8 {
	background: #5c8ae8 !important;
}

.tabulardata tbody tr td.yddvizRain0 {
	background: #ffffff !important;
}

.tabulardata tbody tr td.yddvizRain1, .tabulardata tbody tr td.yddvizRain2 {
	background: #dbe8fd !important;
}
.tabulardata tbody tr td.yddvizRain2, .tabulardata tbody tr td.yddvizRain3 {
	background: #ccddfc !important;
}
.tabulardata tbody tr td.yddvizRain4, .tabulardata tbody tr td.yddvizRain5 {
	background: #bed3fa !important;
}
.tabulardata tbody tr td.yddvizRain6, .tabulardata tbody tr td.yddvizRain7 {
	background: #b1c9f9 !important;
}
.tabulardata tbody tr td.yddvizRain8, .tabulardata tbody tr td.yddvizRain9 {
	background: #a3c0f6 !important;
}
.tabulardata tbody tr td.yddvizRain10, .tabulardata tbody tr td.yddvizRain11 {
	background: #96b7f5 !important;
}
.tabulardata tbody tr td.yddvizRain12, .tabulardata tbody tr td.yddvizRain13 {
	background: #8aaef2 !important;
}
.tabulardata tbody tr td.yddvizRain14, .tabulardata tbody tr td.yddvizRain15 {
	background: #7ea5f0 !important;
}
.tabulardata tbody tr td.yddvizRain16, .tabulardata tbody tr td.yddvizRain17 {
	background: #729bee !important;
}
.tabulardata tbody tr td.yddvizRain18, .tabulardata tbody tr td.yddvizRain19 {
	background: #6692ed !important;
}
.tabulardata tbody tr td.yddvizRain20, .tabulardata tbody tr td.yddvizRain21 {
	background: #2f61d0 !important;
}
.tabulardata tbody tr td.yddvizRain23, .tabulardata tbody tr td.yddvizRain24 {
	background: #1d3dc1 !important;
	color: #fff !important;
}
.tabulardata tbody tr td.yddvizRain29, .tabulardata tbody tr td.yddvizRain31, .tabulardata tbody tr td.yddvizRain33 {
	background: #13389a !important;
	color: #fff !important;
}
.tabulardata tbody tr td.yddvizRain52, .tabulardata tbody tr td.yddvizRain53 {
	background: #173374 !important;
	color: #fff !important;
}

img.yddvizDescImg {
	display: block;
	margin: 0 auto;
}