/* Main Primary color */
/* Background Text color */
::selection {
  background-color: #8B58B2;
  color: #FFFFFF;
}
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #8B58B2;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #E7E7E7;
}
.transitionEase,
a:not([type="button"]):not(.logo-link),
button.nav-link,
a.nav-link,
button.nav-link,
#contactOptionsWindow,
#mongoDBLogo,
#dockerLogo,
#oAuthLogo,
#fhirLogo,
#oasisLogo {
  -webkit-transition: all 0.5s ease 0.1s;
  -moz-transition: all 0.5s ease 0.1s;
  -o-transition: all 0.5s ease 0.1s;
  transition: all 0.5s ease 0.1s;
}
.dropshadow {
  box-shadow: 0 0 0.1rem #8A8A8A !important;
}
body {
  scroll-behavior: smooth;
  color: #444444;
}
p {
  line-height: 1.7rem;
  word-spacing: 0.05rem;
}
a:not([type="button"]):not(.logo-link),
button.nav-link {
  position: relative;
  border-bottom: 1px dotted #5E2A85;
  padding-bottom: 4px;
}
a:not([type="button"]):not(.logo-link):hover,
button.nav-link:hover {
  border: none;
  text-decoration: none;
}
a:not([type="button"]):not(.logo-link):not([type="button"])::before,
button.nav-link:not([type="button"])::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #8B58B2;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
}
a:not([type="button"]):not(.logo-link):not([type="button"]):hover::before,
button.nav-link:not([type="button"]):hover::before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
a.nav-link,
button.nav-link {
  text-decoration: none !important;
  border: none !important;
}
a.nav-link:not([type="button"])::before,
button.nav-link:not([type="button"])::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #8B58B2;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
}
a.nav-link:not([type="button"]):hover::before,
button.nav-link:not([type="button"]):hover::before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
h1.display-4 {
  font-size: 3.75rem ;
  font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (max-width: 1200px) {
  h1.display-4 {
    font-size: calc(1.5rem + 3vw) ;
  }
}
h1.display-4,
h2 {
  font-weight: 400;
}
h2 {
  font-size: 1.25rem ;
}
@media (max-width: 1200px) {
  h2 {
    font-size: calc(1.25rem + 0vw) ;
  }
}
h3 {
  color: #8B58B2;
  font-size: 2rem;
  font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 2.5rem;
}
h4 {
  color: #F59803;
  font-size: 1.5rem;
  font-weight: 400;
}
.required:after {
  content: '*';
  margin-left: 0.2rem;
  color: #C63535;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="checkbox"]:checked + label::before {
  background-color: #8cad2d;
}
#toast-container > .toast-info:before {
  content: "\f019";
}
.card-header svg {
  transition: 0.3s transform ease-in-out;
}
.collapsed svg {
  transform: rotate(180deg);
}
ul.link-list {
  list-style-type: none;
}
ul.link-list li::before {
  font-family: FontAwesome;
  color: #8B58B2;
  font-size: 0.9375rem ;
  content: "\f061";
  margin-left: -30px;
  margin-right: 10px;
}
@media (max-width: 1200px) {
  ul.link-list li::before {
    font-size: calc(1.21875rem + -0.375vw) ;
  }
}
.ordered-list-style {
  list-style-type: lower-alpha;
}
section {
  padding: 5% 0;
}
section:nth-child(even) {
  background-color: #FBFBFB;
  width: 100%;
}
section > h3 {
  text-align: center;
  margin-bottom: 4rem;
}
section > h3.header-line {
  position: relative;
  z-index: 1;
}
section:nth-child(odd) > h3.header-line > span {
  background-color: #FFFFFF;
  padding: 0 2rem;
}
section:nth-child(even) > h3.header-line > span {
  background-color: #FBFBFB;
  padding: 0 2rem;
}
section > h3.header-line::before {
  border-top: 2px solid #8B58B2;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
footer {
  background-color: #666169;
  color: #FFFFFF;
  font-size: 0.8rem;
  padding: 3rem 5rem 4rem;
  bottom: 0;
}
footer a {
  color: #FFFFFF;
}
footer a svg {
  color: #666169;
}
#callToActionBtn {
  padding: 0.5rem 10vh;
}
#backToTopBtn {
  position: fixed;
  bottom: 3vh;
  right: 3vw;
  z-index: 1010;
}
#backToTopBtn.show {
  visibility: visible;
  opacity: 1;
}
#backToTopBtn.hide {
  visibility: hidden;
  opacity: 0;
}
#contactOptionsBtn {
  position: fixed;
  top: 25vh;
  right: 0;
  background-color: #F59803;
  border-color: #F59803;
  z-index: 1010;
}
#contactOptionsBtn:hover {
  background-color: #c37902;
  border-color: #c37902;
}
tr > td:first-child,
tr > th:first-child {
  text-align: left;
}
#pricingTable > thead > tr > th {
  min-width: 200px;
  max-width: 200px;
}
th.align-top {
  padding-top: 3%;
  padding-bottom: 1%;
}
.font-size-pricing {
  font-size: 1.6rem;
}
.font-size-pricing-small {
  font-size: 0.8rem;
}
#contactOptionsWindow {
  position: fixed;
  top: 20vh;
  left: 100%;
  width: 0;
  min-width: 390px;
  z-index: 1020;
  padding: 4vh 5vh;
}
#contactOptionsWindow.contactOptionsWindowShow {
  width: 30%;
  left: 70%;
}
#headlineSection {
  background-image: url("https://gerontocdnendpoint.azureedge.net/gerontonetcdnblobcontainer/FHIR/img/bilder/Stage_BG.svg");
  background-size: 130%;
  background-attachment: fixed;
  background-position: center center;
}
#headlineSection .container {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #FFFFFF;
  padding: 5%;
  max-height: 59vh;
}
#activateUserAccountContainer,
#registerUserContainer {
  margin: 2vh auto;
  padding: 2vh 18vw;
}
#activateUserAccountContainer > .row,
#registerUserContainer > .row {
  padding: 8vh 2vw;
}
#registerUser {
  margin: 2vh auto;
  padding: 2vh 10vw;
}
#registerUser > .row {
  padding: 8vh 2vw;
}
label {
  color: #5E2A85 !important;
  font-weight: 500 !important;
}
#mongoDBLogo,
#dockerLogo,
#oAuthLogo,
#fhirLogo,
#oasisLogo {
  filter: saturate(0);
}
#mongoDBLogo:hover,
#dockerLogo:hover,
#oAuthLogo:hover,
#fhirLogo:hover,
#oasisLogo:hover {
  filter: saturate(1);
}
#fhir-server-video {
  right: -39rem;
  top: -23rem;
}