@media screen and (min-width: 769px) {
    .react-google-flight-datepicker .dialog-date-picker.open {
        margin-left: 50px;
    }
}

/* .offlinebox {
    background-color: #DF0809;
    font-weight: bold;
    text-align: center;
    transition: all 1s linear;
    display: block;
}

.hiddenofflinebox {
    display: none;
}

.visuallyhiddenofflinebox {
    opacity: 0;
} */
.isOnline {
    background-color: #DF0809;
    font-weight: bold;
    text-align: center;
    color: #fff;
    width: 100%;
    z-index: 999;
    position: fixed;
  }

  .onLine {
    opacity:0;
    height:0;
    padding-bottom: 0;
    transition: 'width 0.5s 0.5s, height 0.5s 0.5s, opacity 0.5s';

}
.offLine {
    opacity:1;
    height:'20px';
    padding-bottom: 5px;
    transition: 'width 0.5s, height 0.5s, opacity 0.5s 0.5s';

}
@media screen and (max-width: 769px) {
    .isOnline {
        font-size: 10px;
      }
}