#tbldetail-left {
  width: 70px;
  float: left;
  position: fixed;
  # overflow-x: scroll;
 # white-space: nowrap;
  text-align: right;
 # border: 1px solid #000;
  background-color: #fff;
  z-index: 2;
}

#tbldetail {
#  width: calc(100% - 145px);
  right: 15px;
 position: relative;
 #  float: left;
 # border: 1px solid black;
  border-collapse: collapse;
  background-color: #ebebe0;
  display:table;
  overflow-x:scroll;
}

#container {
overflow-x:scroll;
}

#container2 {
#  overflow-x:scroll;
}



.day-column {
display: table-cell;
 border: 1px solid #777;
text-align: center;
# min-width: 150px;
white-space: nowrap;
}

.dt-date {
# display: table-cell;
 font-size: 15px;
 border: 2px solid white;
}

.hour-spacecolumn {
position: -webkit-sticky;
position: sticky;
}


.hour-column {
display: table-cell;
 border: 2px solid white;
 padding: 0px;
# padding-top: 5px;
# padding-bottom: 5px;
}
.hour-column > * {display: table-row;}

.dt-precip {
# display: table-cell;
  background-color: #40A2F9;
}

.dt-precip-blank {
# display: table-cell;
#  background-color: #ebebe0;
  background-color: #ffffff;
  color: #ffffff;
}

.dt-snow {
display: table-cell;
  background-color: #00ab28;
}

.dt-snowcm {
  background-color: #fff;
 font-weight: bold;
  color: green;
}

.dt-snowcm-blank {
  background-color: #fff;
 font-weight: bold;
  color: #fff;
}

.dt-cloudy {
display: table-cell;
  background-color: #a1a19f;
}

.dt-desc {
  background-color: #fffba8;
#  background-color: #fff;
}

.dt-space {
  width: 90px;
  background-color: #fff;
  color: #ebebeb;
}

.dt-desc2 {
#  background-color: #fffba8;
# position: sticky;
  text-align: right;
}

.dt-icon {
  background-color: #ffffff;
}


.dt-rain {
display: table-cell;
  background-color: #40A2F9;
}

.dt-wind5 {
# display: table-cell;
  background-color: #fc9803;
}

.dt-wind7 {
# display: table-cell;
  background-color: red;
}


.dt-temperature {
display: table-cell;
#  border: 1px solid blue;
  background-color: #40A2F9;
}

.dt-wspeedbft {
display: table-cell;
#  border: 1px solid blue;
   font-size: 14px;
}



.dt-press {
display: table-cell;
color: #777;
#  border: 1px solid blue;
  background-color: #ffffff;
}

.dt-isotherm0 {
# display: table-cell;
color: #0000cc;
#  border: 1px solid blue;
#  background-color: #ffffff;
}

.dt-hour {
# display: table-cell;
#  border: 1px solid blue;
  background-color: #ffffff;
}


.dt-hour-day {
# display: table-cell;
#  border: 1px solid blue;
  background-color: #ffffff;
}
.dt-hour-night {
# display: table-cell;
#  border: 1px solid blue;
  background-color: #767778;
}


#tbldetail2 {
#  border: 1px solid green;
  border-collapse: collapse;
  background-color: #ebebe0;
  display:table;
  overflow-x:scroll;
}