:root
{
    /*
    --system-color: #5486B8;
    --system-color-raw: 84, 134, 184;
    */
    --system-color: #1D395C;
    --system-color-raw: 29, 57, 92;

    --system-style-text-color: #ffffff;
    --system-style-item-text-color: 230,230,230; /*/ color for text with system-color in bg/*/

    --system-syle-bg-color: 84,134,184;
    --system-syle-bg-opacity: 0.6;

    --system-syle-window-bg-color: rgba(9, 57, 92, 0.85);
    --system-syle-window-bg-color-raw: 9, 57, 92;
    --system-syle-window-text-color: rgba(250,250,250,1);

    --system-syle-box-bg-color: rgba(0, 0, 0, 0.65);
    --system-syle-box-bg-color_raw: 0, 0, 0;
    --system-syle-box-text-color: rgba(250,250,250,1);

    --system-syle-hover-bg-color: 255, 255, 255;
    --system-syle-hover-opacity: 0.1;
    --system-syle-hover-text-color: 255,255,255;
    --system-syle-hover-text-opacity: 1.0;
    --system-syle-highlight-color: 165, 224, 255; /* FV light blue: 165, 224, 255;*/

    --system-syle-event-color: 165, 224, 255; /* FV light blue: 165, 224, 255;*/

}

.god_blur
{
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}
.god_backdrop_blur
{
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}

a:link.nolink, a:visited.nolink,
a.nolink, a.nolink:visited
{
  color: inherit;
  text-decoration: none;
}
.hide-scrollbar
{
    overflow: auto;
    -ms-overflow-style: none; /* IE 11 */
    scrollbar-width: none; /* Firefox 64 */
}
.godmode.flink
{
  color: var(--system-syle-highlight-color);
  color: rgb(var(--system-syle-highlight-color));
}
.godmode.flink:HOVER
{
  cursor: pointer;
  opacity: 0.8;
}

.info_important
{
  color: #ff0000;
  font-weight: bold;
}

/*/ RESPONSIVE STUFF /*/
@media only screen and (min-width: 1200px) /*/ DESKTOP /*/
{
  .godmode.killondesktop
  {
    display: none
  }
}
@media only screen and (max-width: 1200px) /*/ SMALL DESKTOP /*/
{
  .godmode.killonsmalldesktop
  {
    display: none
  }
  .godmode.reducefontonsmalldesktop
  {
    font-size: 80% !important;
  }
}
@media only screen and (max-width: 1000px) /*/ TABLET /*/
{
  .godmode.killontablet
  {
    display: none
  }
  .godmode.reducefontontablet
  {
    font-size: 70% !important;
  }
}
@media only screen and (max-width: 700px) /*/ PHONE /*/
{
  .godmode.killontablet,
  .godmode.killonmobile,
  .godmode.killonphone
  {
    display: none
  }
  .godmode.reducefontonmobile,
  .godmode.reducefontonphone
  {
    font-size: 60% !important;
  }
}

/*/ LOADING /*/
.god.loading
{
  display: inline-block;
  width: 80px;
  height: 80px;
}
.god.loading:after
{
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  margin-left: 2px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
.god.loading.blue:after
{
  border: 6px solid rgb(29, 57, 92);
  border-color: rgb(29, 57, 92) transparent rgb(29, 57, 92) transparent;
}
#godmode_loader
{
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: auto;
  height: auto;
  background-color: rgba(29, 57, 92, 0.95);
  z-index: 94;
}
.godmode.loader
{
  z-index: 95;
  position: absolute;
  top: 50%;
  left: 50%;
  right: 50%;
  bottom: 50%;
  width: 300px;
  height: 300px;
  margin-top: -150px;
  margin-left: -150px;
  border: solid 5px #ffffff;
  color: #ffffff;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
  padding: 20px;
}

.godmode.loader .loader_area
{
  display: block;
  width: 100%;
  text-align: center;
  padding-top: 50px;
}
@keyframes lds-dual-ring
{
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

*
{
  -ms-overflow-style: none; 
  overflow: -moz-scrollbars-none;
}
*::-webkit-scrollbar
{
  display: none;
}