/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}


/*
 * Base structure
 */

html,
body {
  height: 100%;
  font-family: Montserrat, Monaco, Arial, sans-serif;
}

body {
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  text-shadow: none;
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
}

/*
 * Header
 */
.masthead {
  margin-bottom: 2rem;
}

.masthead-brand { 
  max-width:20rem;
  margin-top:3vh; 
  margin-bottom: 0;
}
/* .masthead img.maxw { max-width:15em; } */

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}

main h1 { font-size:32pt; text-align: center; font-weight:bold; }
main button { 
  color: #0377BE !important; font-size: 9pt !important; 
  min-height:3.5rem;
  line-height:1.25 !important;
  padding:0.25rem 2rem !important;
}
main button i { margin-left: 0.25rem; }
main button.mr { margin-right: 2rem; }

main button { border-color: white !important; }
main button { background-color: white !important; }
main .main-div { 
  justify-content: space-evenly; 
  
}

.custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  border-color: #0377BE !important;
  background-color: #0377BE !important;
}

/* main button.disabled {
  background-color: none !important;
  color:white !important;
} */

/*
 * Footer
 */
 .mastfoot {
  padding-top:2vh;
  padding-bottom:2vh;
  background-color:white;
  color: black;
  font-size:10pt;
}
.mastfoot div.mr { margin-right:5vw; }
.mastfoot div.ml { margin-left:5vw; }
.mastfoot img { max-height:3rem; }
.mastfoot img.maxw { max-width:5rem; max-height:inherit }

@media (min-width: 48em) {
  .masthead-brand {
  }
  .nav-masthead {
  }
}


/*
 * Cover
 */
.cover {
  padding: 0 1.5rem;
}
.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 700;
}

/*
* Floater
*/
.abs-float {
  color: rgba(255, 255, 255, .5);
  position: absolute;
  bottom: 0;
  right: 0;
  background: none;
  z-index: 10;
}
.hidden {
    display:none !important;
  }
  /* -- SPLASh -- */

  .splash-center {
    max-width: 50%;
  }    
  .splash {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex-direction: row;
    -moz-box-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 400px !important;
}
.splash-item {
    margin: auto;
}    
.splash {
	background: rgb(98,41,183);
	background: linear-gradient(90deg, rgba(98,41,183,1) 0%, rgba(71,156,207,1) 100%);

}  

.center {
    text-align:center!important;
}
.splash .select-text {
    display:none;
}
.splash .loading-text p {
    font-size: 16px;
    font-weight: 400;
    margin:0;
    padding:0;
}
.splash.ready .loading-text {
    display:none !important;
}
.splash.ready .select-text {
    display:block;
}
.splash .mouse_override_wrap.hidden {
  display:none !important;
}
.splash .mouse_override_wrap {
  display:flex;
}

/* -- HTML TARGET & OVERLAYS -- */
#htmlTarget {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
}
#htmlTarget.hide {
  z-index: -1;
}

.htmlOverlay {
  position: absolute;
}
.htmlOverlay div.wrapper {
  /* border: solid 5px white; */
  margin: 0px;
  padding: 20px;
  background: rgba(34, 34, 34, 0.8);
  color: white;
}
.htmlOverlay h1 {
  font-family: Arial;
  font-size: 42px;
  margin: 0;
  vertical-align: top;
  color: white;
}
.htmlOverlay h1 span {
  color: tomato;
}
.htmlOverlay p {
  font-size: 18px; font-family: Arial; font-weight:normal;      
}
div#app_version { display:block; position: absolute; top:10; right: 10; font-size:9pt; color:rgba(255 255 255 0.5);}