.weatherbox  {
      display: flex;
      flex-direction: column;
    /*  align-items: center;*/

    }

    .weatherbox.loading {

      display: none;
    }

    .wind_dial {
      width: 5em;
      height: 5em;
      border-radius: 50%;
      margin: 0 ;
      position: relative;
      border: 2px dashed #c9c9c9;
      margin-bottom: 5px;

    }

    .weatherbox .arrow_cont {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      transform-origin: 50% 50%;
      /*transform:     rotate( 0) !important; */

    }

    .weatherbox .arrow  {
      width: 30%;
      height: 33%;
      bottom: 5%;
      left: 35%;
      position: absolute;
    }

    .weatherbox .arrow path {
      fill:#a3c9d9;
    }

    .weatherbox .direction {

      top: 0;
      left: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: absolute;
      width: 100%;
      height: 100%;
      padding: 0;
      text-align: center;

    }

    .weatherbox .info {
      display: flex;
      flex-direction: column;
      /*text-align: center;*/
    }

    #weatherbox_update {
      font-size: 0.8em;
      /*text-align: center;*/
    }

    #weatherbox_info {
      /*text-align: center;*/
    }

    .widget_mfg_weather_widget .widget-title {
      margin-bottom: 10px;

    }