@media screen and (max-width: 990px) {
  .frontpage-imagediv {
    margin-bottom: 0px !important;
  }
}

@media screen and (max-width: 500px) {
  #frontpage-image {
    width: 100% !important;
  }
}

@media screen and (max-width: 500px) {
  .container.navcontainer {
    margin: 0px !important;
  }
}

.navbar-nav {
  align-content: flex-end;
  --bs-nav-link-padding-x: 1rem;
  align-items: center;
}

.container.navcontainer {
  margin: 0px 30px;
  width: 100% !important;
  max-width: 3000px !important;
}

div.navbar-expand-xl.navbar.navbar-dark.static-top {
  font-family: "Inter", serif !important;
  font-size: 0.85rem !important;
  max-width: 1920px !important;
  margin: auto !important;
}
a.nav-link {
  font-family: "Inter", serif !important;
  font-size: 1.0rem !important;
  color: #04242D!important;
}
.divider-vertical {
  border-left: 1px solid #fff !important;
}
@media screen and (max-width: 1200px) {
  .divider-vertical {
    display: none !important;
  }
}
.navbar-toggler {
  border: none !important;
}
.navbar-dark .navbar-toggler .toggle-icon {
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23133748' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M8 8l16 16M8 24L24 8'/%3E%3C/svg%3E");
}
.navbar-dark .navbar-toggler .toggle-icon {
  width: 1.5em;
  height: 1.5em;
}
p, .p, .page_section p, .section-diagonal-left p, .section-diagonal-right p, p.form-text span {
  font-family: "Inter", serif !important;
  font-weight: 400;
  font-size: 18px;
  color: #04242D!important;
}
a {
  font-family: "Inter", serif !important;
  font-style: underline !important;
  font-size: 18px !important;
}
h1 {
  font-family: "sofiaPro", Inter, serif !important;
  font-size: 48px !important;
}
h2 {
  font-family: "sofiaPro", Inter, serif !important;
  font-size: 36px !important;
}
h3 {
  font-family: "sofiaPro", Inter, serif !important;
  font-size: 30px !important;
}
h4 {
  font-family: "sofiaPro", Inter, serif !important;
  font-size: 24px !important;
  color: #04242D!important;
}
h5 {
  font-family: "sofiaPro", Inter, serif !important;
  font-size: 20px !important;
  color: #04242D!important;
}
h6 {
  font-family: "sofiaPro", Inter, serif !important;
  font-size: 18px !important;
  color: #04242D!important;
}
h1.siteTitle {
  letter-spacing: 0.2rem;
  font-weight: semi-bold !important;
  font-size: 16px !important;
}
.cancel-case-link {
  color: crimson !important;
  background-color: #ffffff !important;
  border-color: crimson !important;
}
.close-case-link {
  color: forestgreen !important;
  background-color: #ffffff !important;
  border-color: forestgreen !important;
}
.xrm-attribute-value a img {
  height: 59px !important;
}
.wrapper-body {
  max-width: 1920px !important;
  margin: auto !important;
}
.navbar-toggler {
  background-color: #ffffff !important;
}
.footer {
  max-width: 1920px !important;
  margin: auto !important;
  background-color: #04242D !important;
  color: #ffffff !important;
}

.footer-bottom {
  max-width: 1920px !important;
  margin: auto !important;
}
.container {
  max-width: 1400px !important;
}
.footer a {
  color: #ffffff;
  text-decoration: none;
  transition: all ease 0.2s;
  transition-behavior: normal;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: all;
}
.footer a:hover {
  color: #cccccc !important;
  text-decoration: underline !important;
}
ul {
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.hs-menu-item a {
  display: block !important;
  padding: 0.2rem 0 !important;
  text-decoration: none !important;
  font-size: 18px !important;
}
li {
  display: list-item !important;
  text-align: -webkit-match-parent !important;
}
.from h5 {
  font-size: 14px !important;
}

/* Hide back-to-top button*/
.arrow {
  display: none;
}

.back-to-top {
  bottom: 1rem;
  overflow: hidden;
  position: fixed;
  right: 1rem;
  transition: 0.4s ease;
  z-index: 9;
}
.fa-border {
  border-color: #c286ff;
}
.glyphicon-arrow-right:before {
  content: "\2192";
}
.actions {
  margin-bottom: 4rem;
}

/* registration / invitation screen */

#register-information {
  background-color: #ffff;
  padding: 2em;
  width: 90%;
  border-top-right-radius: 90px;
}

.headerButtons {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

@media screen and (max-width: 500px) {
  .headerButtons {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .button2 {
    width: 100% !important;
  }
  .button3 {
    width: 100% !important;
  }
}
/* Startsite header */
.backgroundgradiant {
  background-image: linear-gradient(to right, #f8f2ff, #dafff1, #fcf8c3) !important;
}

/*********		SIGN IN 		*******/

#content-container.signinpage {
  background-image: url(../pawel-czerwinski-8Rv4mGhAcSk-unsplash16-9.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: 23%;
  margin-top: 20px;
}
#content-container.signinpage #content .nav.nav-tabs {
  display: none !important;
}
/* Sign In form */
#content-container.signinpage .page-content.row .row {
  background: #ffffff;
  border-radius: 0.25rem !important;
  margin-top: 100px;
  margin-bottom: 100px;
  padding-left: 1.14rem !important;
  padding-right: 1.14rem !important;
  padding-top: 1.85rem !important;
  padding-bottom: 1.85rem !important;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 992px) {
  #content-container.signinpage .page-content.row .row {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 90%;
  }
}
@media (max-width: 992px) {
  #content-container.signinpage .page-content {
    flex-direction: column-reverse;
  }
  #content-container.signinpage .page-content.row .row {
    background: #fff;
  }
}
#content-container.signinpage .page-content.row .row .col-md-6 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
#content-container.signinpage .page-content.row .row .col-md-6:first-child {
  margin-bottom: 40px;
}

#content-container.signinpage
  .page-content.row
  .row
  .col-md-6
  .form-group
  .label,
#content-container.signinpage
  .page-content.row
  .row
  .col-md-6
  .form-group
  .col-sm-8 {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  max-width: 100%;
}
#content-container.signinpage
  .page-content.row
  .row
  .col-md-6
  .form-group
  .form-control {
  padding: 1em;
}

#content-container.signinpage .page-content #submit-signin-local {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
  display: block;
  width: 100%;
}

#content-container.signinpage .page-content.row .row .col-md-6 form fieldset {
  position: relative;
}
#content-container.signinpage
  .page-content.row
  .row
  .col-md-6
  button.btn[name="provider"] {
  margin: 5px auto !important;
  width: 100%;
  padding: 1rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 12px 2px;
  flex: 0 0 auto;
}

#content-container.signinpage
  .page-content.row
  .row
  .col-md-6
  button.btn[title*="Facebook"] {
  border-color: #4c70ba;
  background: #4c70ba url("[...]/facebook.png") no-repeat 5% center;
  background-size: auto 40%;
}
#content-container.signinpage
  .page-content.row
  .row
  .col-md-6
  button.btn[title*="Google"] {
  border-color: #4285f4;
  background: #4285f4 url("[...]/google.png") no-repeat 5% center;
  background-size: auto 40%;
}
#content-container.signinpage
  .page-content.row
  .row
  .col-md-6
  button.btn[title*="LinkedIn"] {
  border-color: #0077b5;
  background: #0077b5 url("[...]/linkedin.png") no-repeat 5% center;
  background-size: auto 40%;
}
#content-container.signinpage
  .page-content.row
  .row
  .col-md-6
  button.btn[title*="Logg på med Azure AD-kontoen."] {
  border-color: #718791;
  background: #425f6d url("../signinwithmicrosoft.png") no-repeat 5% center;
  background-size: 100% auto;
  color: transparent !important;
}
#content-container.signinpage
  .page-content.row
  .row
  .col-md-6
  button.btn:hover {
  background-color: #718791;
}

#content-container.signinpage
  .page-content.row
  .row
  .col-md-6
  button.btn[title*="PZL-Int"] {
  border-color: transparent;
  background-color: transparent;
  background: tranparent;
  color: #333;
  position: absolute;
  bottom: -64px;
  left: 0;
}
#content-container.signinpage
  .page-content.row
  .row
  .col-md-6
  button.btn[title*="PZL-Int"]:hover {
  background: rgba(0, 0, 0, 0.1);
  border-color: #efb225;
}

/* Redeem Invotation Code Page */
#content-container.signinpage.redeem {
  z-index: 1;
}
#content-container.signinpage.redeem #content .page-content form {
  background: #ffffff;
  border-radius: 0.25rem !important;
  margin-top: 100px;
  margin-bottom: 100px;
  padding-left: 2.14rem !important;
  padding-right: 2.14rem !important;
  padding-top: 2.85rem !important;
  padding-bottom: 2.85rem !important;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 992px) {
  #content-container.signinpage.redeem #content .page-content form {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 80%;
  }
}
#content-container.signinpage.redeem #content .page-content form legend span {
  padding: 0px 10px;
}
input#InvitationCode,
label[for*="InvitationCode"] {
  width: 100%;
  display: block;
  word-break: normal;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  display: none;
}
#content-container.signinpage.redeem .col-sm-offset-2.col-sm-10 .checkbox {
  display: none;
}
button#submit-redeem-invitation {
  margin: 5px auto !important;
  width: 100%;
  padding: 1rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 12px 2px;
}
button#submit-redeem-invitation:hover {
  background: #3a0960;
}

/* Register */
#ContentContainer_MainContent_PageCopy_PageCopy {
  margin: 0px;
}
#Register {
  width: 100%;
}
#ContentContainer_MainContent_MainContent_SecureRegister .alert {
  display: none;
}
#Register #ContentContainer_MainContent_MainContent_SecureRegister .row {
  margin: 0 auto;
  margin-bottom: 50px;
}
#Register
  #ContentContainer_MainContent_MainContent_SecureRegister
  .row
  .col-md-6
  button.btn[title*="PZL-Int"] {
  display: none;
}