@import url(../js/cesium/Build/Cesium/Widgets/widgets.css);
#cesiumContainer {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.cover {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	height: 100%;
}
.cover img{
  z-index: 999;
}
.cover a{
  z-index: 2;
}
.cover div{
  z-index: 2;
}

.backgroundGradient {
  display: block;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.75);
  background: linear-gradient(to left, #0f0c29, #302b63, #24243e, #0f0c29);
  background-size: 400% 400%;
  animation: gradientTranisition 50s linear infinite;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity:0.75;
}

@keyframes gradientTranisition {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}
#loadingIndicator {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
#loadingIndicator img{
	height:75%;
}
.scale-up-center {
	-webkit-animation: scale-up-center 6s cubic-bezier(0.075, 0.820, 0.165, 1.000) both;
	        animation: scale-up-center 6s cubic-bezier(0.075, 0.820, 0.165, 1.000) both;
}
.progresses {
	position: absolute;
	top: 0;
	width:100%;
	z-index: 999999;
}

.hover-submenu .side-header {
    border-bottom: 0px;
    border-right: 0px;
    padding: 19px 17px;
    height: 65px;
}
.dark-header .app-header, .dark-header .hor-header {
  background: rgba(108, 95, 252, 0.1) !important;
}