.ws-square-container {
    text-align: center;
    width: 35px;
    height: 40px;
    display: inline-block;
  }
  .wsgust-square-container {
    text-align: center;
    width: 35px;
    height: 25px;
    display: inline-block;
  }
  .directionarrow{
    vertical-align: middle;
    horizontal-align: center;
    display: inline-block;
    width: 35px;
    height: 16px;
    background-position: center;
    
}
.hrweather {
    margin-top: 10px;
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid #0e0d0d;
}

.icon-direction-solid-grey{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg height='16' width='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 16L0 0l5 3.556L10 0z' fill='%23979797' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;}

.ws {
    color: #1d2931;
    text-align: center;
    height: 40px;
  }
.wsgust {
    background-image: linear-gradient(to top, rgba(255,0,0,0), white);
    color: #1d2931;
    height: 25px;
  }
  .ws0{background-color:#9700ff}
  .ws1{background-color:#6400ff}
.ws2{background-color:#3200ff}
.ws3{background-color:#0032ff}
.ws4{background-color:#0064ff}
.ws5{background-color:#0096ff}
.ws6{background-color:#00c7ff;}
.ws7{background-color:#00e6f0}
.ws8{background-color:#25c192}
.ws9{background-color:#11d411}
.ws10{background-color:#00e600}
.ws11{background-color:#00fa00}
.ws12{background-color:#b8ff61}
.ws13{background-color:#fffe00}
.ws14{background-color:#ffe100}
.ws15{background-color:#ffc800}
.ws16{background-color:#ffaf00}
.ws17{background-color:#ff9600}
.ws18{background-color:#e67d00}
.ws19{background-color:#e66400}.ws20{background-color:#dc4a1d}.ws21{background-color:#c8321d}
.ws22{background-color:#b4191d}.ws23{background-color:#aa001d}.ws24{background-color:#b40032}
.ws25{background-color:#c80064}.ws26{background-color:#fe0096}