.connecting_broken{
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  right: 0;
  top: -50px;
  z-index: 6;
  width: calc(100% - 260px);
  height: 50px;
  transition: .3s ease;
  color: white;
  font-weight: 600;
  letter-spacing: 2px;
}

.connecting_broken.active{
  top: 0;
}

.warning_of_disconnect{
  background-color: #ff4e4e;
}

.warning_of_connect{
  background-color: #fe8911;
}


.new_order_container{
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  right: 0;
  top: -50px;
  z-index: 6;
  width: calc(100% - 260px);
  height: 50px;
  transition: .3s ease;
  color: white;
  font-weight: 600;
  letter-spacing: 2px;
  background-color: #fe8911;
}

.new_order_container_active{
  top: 0;
}