:root {
  --bs-primary: #A2C4C9;
  --bs-success: ##B6D7A8;
  --bs-info: #FFE599;
  --bs-warning: #F9CB9C;
  --bs-danger: #F2A0A0;
  --bs-secondary: #;

  --bs-primary-rgb: 162, 196, 201;
  --bs-success-rgb: 182, 215, 168;
  --bs-info-rgb: 255, 229, 153;
  --bs-warning-rgb: 249, 203, 156;
  --bs-danger-rgb: 242, 160, 160;
  --bs-secondary-rgb: 108,117,125;
}

#loading {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(37,145,251,0.98) 0.1%, rgba(0,7,128,1) 99.8% );
  z-index: 1000;
}
#spinner {
  height: 100%;
  z-index: 1001;
}
#contents{
  display: none;
  width: 100%;
}

.animFadeOut{
  transition-property: opacity;
  transition-delay: .1s;
  transition-duration: .5s;
  opacity: 0;
  pointer-events: none;
}

.animLoading{
  animation: 1s LoadingAnim infinite;
}
@keyframes LoadingAnim {
	0% {
	transform: scale(1);
    opacity:0.8;
	}
	50% {
	transform: scale(0.6);
    opacity:0.6;
	}
	100% {
	transform: scale(1);
    opacity:0.8;
	}
}


#header {
    transition: all 0.5s;
    z-index: 997;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#header.header-scrolled, #header.header-inner-pages {
  background: rgba(40, 40, 40, 0.8);
}


.dropdown-menu {--bs-dropdown-bg: rgb(33 33 33 / 15%); --bs-dropdown-link-hover-bg: rgb(245 245 245 / 33%);}
.navbar-dark .dropdown-menu {--bs-dropdown-bg: #fff; --bs-dropdown-link-hover-bg: rgb(245 245 245 / 33%);}