:root {
  /* MasterMenu */
  --pwd_menuItemColor:rgba(37, 123, 161,1);
  --pwd_menuItemBorderColor:transparent;
  --pwd_menuHoverBGColor:rgba(255,255,255,0.6);
  --pwd_menuHoverItemColor:#000000;
  --pwd_menuHoverItemBorderColor:rgba(255,255,255,0.7);
  --pwd_menuBackground:rgba(0,0,0,0.9);
  --pwd_menuBorderWidth:1px;
  --pwd_menuBorderColor:rgba(56,189,248,0.4);
  --pwd_menuShadowWidth:5px;
  --pwd_menuShadowColor:rgba(56,189,248,0.2);
  --pwd_menuFontSize:1em;
  --pwd_menuImageWidth:3em;
  --pwd_menuImageHeight:3em;
  --pwd_menuSeperatorColor:rgba(39,83,102,0.7);
}
/* Nice Scrollbars */
*{
  scrollbar-width:thin;
  scrollbar-height:thin;
  scrollbar-color:rgba(129,140,248, 0.4) rgba(3,0,90,0.8);
  scrollbar-border-radius:3px;
  scrollbar-box-shadow:0 0 2px 2px #1c1c1c;
}
*::-webkit-scrollbar { width:6px;height:6px; }
*::-webkit-scrollbar-track { 
  border-radius:3px;
  background:rgba(3,0,90,0.8); 
}
*::-webkit-scrollbar-thumb { 
  border-radius:3px;
  background-color:rgba(129,140,248, 0.4);
  box-shadow:0 0 2px 2px #1c1c1c;
}
/* Fonts */
@font-face {
  font-family: 'Aoki Regular';
  font-style: normal;
  font-weight: normal;
  font-display:swap;
  src:  url("../resources/Aoki Regular.woff")format("woff"),
        url("../resources/Aoki Regular.woff2")format("woff2");
}
/* Additional Pages */
body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", -segoe-ui, sans-serif;
  color:#fff;
  margin:0;
  padding:0;
  width:100vw;
  height:100vh;
  overflow:hidden;
}
.brand-logo {
  position:absolute;
  top:-3px;
  left:5px;
  height:80px;
  width:200px;
  content:url(../images/Logo2_3D_White.png);
}
/* Go back to Home Page */
.xs_Home {
  content:url(../images/HomeWhite.png);
  position:absolute;
  top:10px;
  right:15px;
  height:30px;
  cursor:pointer;
}
.xs_language, .xs_language_ar {
  position:absolute;
  bottom:initial;
  left:initial;
  top:50%;
  transform:translateY(-50%);
}
.xs_language {right:4em;}
.xs_language_ar {right:5em;}
#pwd_MasterMenu {right:5px;}
.xs_rocket {content:url(../images/Rocket.png);margin:0 1px;}
.xs_email {content:url(../images/EmailWhite.png);}
.xs_bullet {
  display:inline-block;
  height:0.8em;
  width:13px;
  margin:0 5px 0 0;
}
.xs_header {
  position:relative;
  background: radial-gradient(circle at top left, rgba(14,27,54,0.8) 0%, rgba(3,7,18,0.8) 35%, rgba(2,8,23,0.8) 100%);
  width:100%;
  min-height:60px;
  z-index:10000;
}
.xs_title {
  position:absolute;
  left:0;
  bottom:10px;
  color:rgba(124,208,238,0.6);
  width:100%;
  text-align:center;
  font-size: clamp(12px, 100vw, 24px);
  font-weight:bold;
  font-family:'Aoki Regular';
  white-space: nowrap;
}
#xs_scrollDiv {
  position:relative;
  scroll-behavior:smooth;
  overflow-y:auto;
  height:calc(100% - 61px);
  width:100%;
}
.xs_rocketMap {
  content:url(../images/UAERocketMap_2.png);
  position:absolute;
  bottom:5px;
  height:80px;
  opacity:0.7;
  z-index:-1;
}
/* Close the document */
.xs_AstroClose{
  position:absolute;
  display:inline-block;
  right:25px;
  top:72px;
  padding:2px;
  cursor:pointer;
  border-radius:50%;
  background-color:#5f5f5f;
  box-shadow:
    0 0 13px rgba(255,0,255,0.7);
}
.xs_AstroClose::before {
  content:"Close Doc";
  display:inline-block;
  position:absolute;
  bottom:-15px;
  left:50%;
  background-color:rgba(0,0,0,0.6);
  color:#fff;
  font-size:0.5em;
  border:1px solid #c8c8c8;
  border-radius:4px;
  padding:2px 4px;
  white-space:nowrap;
  transform:translateX(-50%);
}
.xs_AstroClose:hover {
  animation: blink 500ms ease-in-out infinite forwards;
}
.xs_AstroClose img {
  content:url(../images/AstroClose_small.png);
  height:50px;
  border-radius:50%;
}

.xs_red {
  color:rgba(227,0,34,1);
  font-weight:bold;
  font-size:110%;
}

/* Mobile Media */
@media (max-width: 880px) {
  :root {--pwd_menuBackground:rgba(0,0,0,0.85);}
  .xs_header {height:75px;}
  .xs_title {bottom:7px;}
  #xs_scrollDiv {height:calc(100% - 132px);}
  .xs_rocketMap {height:40px;bottom:10px;right:5px;}
  .xs_AstroClose {
    top:88px;
    right:18px;
    box-shadow:0 0 10px rgba(255, 0, 255, 0.7);
  }
  .xs_AstroClose::before {bottom:-13px;}
  .xs_language {right:2.9em;}
  .xs_language_ar {right:3.7em;}
}
@media (max-width:600px) {
  .xs_AstroClose {
    right:7px;
    box-shadow:0 0 10px rgba(255, 0, 255, 0.7);
  }
}