/*-
 * #%L
 * File: loading.css
 * Project: Fronts
 * %%
 * Copyright (C) 2022 - 2023 LEAP LLC
 * %%
 * Company: LEAP LLC
 * Email:   info@leap.vn
 * Product: Booking1A
 * Year: 2,022
 *
 * Description:
 *     This source code file contains confidential and proprietary information
 *     of LEAP LLC. Unauthorized reproduction, distribution, or
 *     disclosure of this material is strictly prohibited.
 * Legal Notice:
 *     LEAP LLC reserves all rights to the source code contained
 *     in this file. This code may not be used, modified, or distributed
 *     without the express permission of LEAP LLC.
 * #L%
 */

:root {
  --background: rgba(255, 255, 255, 0.7);
}

.app-loading .ba-circle-loading {
  background: var(--background);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  color: white;
  top: 0 !important;
  position: absolute;
  background: white;
  z-index: 9999;
}

.app-loading .ba-circle-loading .plane {
  position: absolute;
  width: 6.25rem;
  height: 6.25rem;
  animation: ba-animation-rotating 2.5s linear infinite;
  animation-delay: -1.5s;
}

.app-loading .ba-circle-loading .text-alert {
  position: absolute;
  bottom: -30%;
  color: black;
  margin: 0;
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
}

.app-loading .ba-circle-loading .plane:before {
  content: url("../../content/images/flight-loading.icon.svg");
  position: absolute;
  top: 90px;
  left: 60px;
  transform: rotate(155deg);
}

@keyframes ba-animation-rotating {
  0% {
    transform: rotate(10deg);
  }

  100% {
    transform: rotate(370deg);
  }
}

#staticContent {
  height: 100vh;
  overflow: hidden;
}