@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap");
@font-face {
  font-family: "Selawk";
  src: url("../fonts/selawk.woff2") format("woff2"), url("../fonts/selawk.woff") format("woff"), url("../fonts/selawk.ttf") format("truetype");
}
:root {
  --ls-primary-color: #1976D2;
  --ls-secondary-color: white;
}

html, body {
  font-family: Roboto, Helvetica, Arial, sans-serif;
}

.settings-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  max-width: 350px;
  width: 90%;
}
.settings-container .btn {
  position: relative;
  right: -50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 60%;
  min-width: 205px;
  border-radius: 4px;
  padding: 10px;
}
.settings-container form {
  display: inline;
}

.account-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  max-width: 350px;
  width: 90%;
}
.account-container * {
  text-align: center;
  width: 100%;
}
.account-container .alert {
  text-align: left;
}
.account-container .alert li {
  text-align: left;
}
.account-container :not(div):not(form):not(img):not(span) {
  margin-top: 15px;
  margin-bottom: 0px;
}
.account-container .btn, .account-container input {
  position: relative;
  right: -50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 60%;
  min-width: 205px;
  border-radius: 4px;
  padding: 10px;
}
.account-container a.btn, .account-container .link-primary, .account-container span.text-danger, .account-container input {
  right: -50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.account-container .link-primary {
  display: inline-block;
  position: relative;
  margin-top: 20px;
}
.account-container span.text-danger {
  display: block;
  position: relative;
  width: 60%;
  margin-top: 5px;
  font-size: 0.85em;
  text-align: left;
}
.account-container input {
  text-align: left;
}
.account-container form {
  display: inline;
}

.divisions-container {
  overflow-y: auto;
  max-height: 30vh;
}
.divisions-container form {
  display: flex;
}

.centered-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.centered-image img {
  width: 60%;
}

.btn {
  text-transform: uppercase;
  font-weight: 500;
}

.btn-primary {
  background-color: var(--ls-primary-color);
}

.btn-secondary {
  background-color: var(--ls-secondary-color);
  color: var(--ls-primary-color);
  border-color: var(--ls-primary-color);
}
.btn-secondary:hover {
  background-color: var(--ls-primary-color);
  color: var(--ls-secondary-color);
}

.btn-microsoft {
  position: relative;
  right: -50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 60%;
  min-width: 205px;
  display: inline-flex;
  align-items: center;
  background-color: #FFFFFF;
  color: #5E5E5E;
  border: 1px solid #8C8C8C;
  padding: 12px 12px;
  font-family: "Segoe UI Regular", "Selawk";
  font-size: 15px;
  font-weight: 600;
  font-synthesis: none;
  text-decoration: none;
  cursor: pointer;
  border-radius: 0px;
}
.btn-microsoft:hover {
  color: #5E5E5E;
}
.btn-microsoft .icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 24px;
  height: 24px;
}
.btn-microsoft .text {
  display: inline-block;
  vertical-align: middle;
}

.hr-container {
  text-align: center;
  position: relative;
  width: 60%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hr-container hr {
  padding-bottom: 1px;
}

.hr-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 0 10px;
  text-transform: uppercase;
  width: auto;
  color: grey;
}

.logged-out-page iframe {
  display: none;
  width: 0;
  height: 0;
}

/* Duende default styling */
.grants-page .card {
  margin-top: 20px;
  border-bottom: 1px solid lightgray;
}
.grants-page .card .card-title {
  font-size: 120%;
  font-weight: bold;
}
.grants-page .card .card-title img {
  width: 100px;
  height: 100px;
}
.grants-page .card label {
  font-weight: bold;
}

/*# sourceMappingURL=site.css.map */