/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/* .navbar-brand {
  margin-right: 5rem;
} */

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}

/* Additional styles
-------------------------------------------------- */

/* Make the validation summary not visible unless invalid */
.validation-summary-valid { display: none; }
.validation-summary-valid span { display: none; }

/* .field-validation-error > span {
  margin-top: 0.2rem;
} */

body {
  /* font-style: normal;
  font-variant-ligatures: normal;
  font-variant-caps: normal;
  font-variant-numeric: normal;
  font-variant-east-asian: normal;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.41em;
  font-family: worksans-extralight, "work sans", sans-serif; */
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 300;
}

h1, .h1 {
  font-size: 2rem;
  color: #000066
}

th {
  font-weight: normal;
}

legend {
  font-weight: 300;
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.disabled {
  pointer-events: none; /**<-----------*/
  opacity: 0.2
}

.disabled-faded {
  pointer-events: none; /**<-----------*/
}

.red-text {
  color: #CC0000;
}

.navyblue-text {
  color: #000066;
}

.center-vertical {
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
  margin-top: 57px;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px
}

.homepage-banner {
  margin-top: -15px;
}

.homepage-content {
  margin-top: 20px;
  margin-left: 0px;
  margin-right: 0px;
}

.homepage-content h2 {
  color: #000066;
  text-align: center;
}

.homepage-box {
  padding: 5px;
  height:210px; /* should be 10px larger then the value in homepage-box-content */
}

.homepage-box-content {
  width: 99%;
  float: left;
  position: relative;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 200px; /* adjust to suit content, should be 10px smaller then the value in homepage-box */
  padding-right: 10px;
  padding-left: 10px;
}

.appinstall-result {
  padding: 20px 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
  .btn-default {
      padding: 3px 6px;
      font-size: 10px;
  }
  .homepage-box-content {
      min-height: 1px;
  }
  .appinstall-form {
      margin-bottom: 40px;
  }
  .appinstall-result {
      padding: 0px 15px;
  }
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 359px) {
  .btn-default {
      font-size: 8px;
  }
}