/**
 * Mixins shared between multiple theme css files.
 */
/**
 * Typography comming from SHUI.
 */
/**
 * Outline for focused elements.
 */
html.aui body {
  /* New password page */
}
html.aui body .columnContainer {
  display: flex;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
html.aui body .columnContainer #heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
html.aui body .columnContainer #heading .site-title,
html.aui body .columnContainer #heading .rightContainer {
  margin: 10px 0;
}
html.aui body .columnContainer #heading .rightContainer {
  text-align: right;
}
html.aui body .columnContainer .portal-name-container {
  width: 100%;
  max-width: 450px;
  font-family: var(--font-header);
  text-align: center;
}
html.aui body .columnContainer .portal-name-container .portal-name {
  line-height: 24px;
  font-size: 28px;
  margin-top: 0;
}
html.aui body .columnContainer .login-content {
  overflow: auto;
  padding: 16px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  position: relative;
  background: var(--base-2);
}
html.aui body .columnContainer .login-content header {
  width: 100%;
  padding: 16px 16px 80px 16px;
}
html.aui body .columnContainer .login-content .progress-card {
  width: 100%;
  max-width: 450px;
  position: relative;
}
html.aui body .columnContainer .login-content .progress-bar {
  display: block;
  height: 8px;
  border-radius: 8px;
  margin-bottom: 20px;
  background: var(--base-1);
}
html.aui body .columnContainer .login-content .progress-bar .progress {
  height: 8px;
  border-radius: 8px;
  background: var(--primary-color);
}
html.aui body .columnContainer .login-content .customLoadingMask:before {
  left: -4px;
  width: 102%;
}
html.aui body .columnContainer .login-content .customLoadingMask > .loadingText {
  display: block;
  z-index: 100;
  position: absolute;
  top: 0;
  font-weight: bold;
  width: calc(100% - 32px);
}
html.aui body .columnContainer .login-content .btn-primary,
html.aui body .columnContainer .login-content .btn-primary:hover,
html.aui body .columnContainer .login-content .btn-primary:focus {
  max-width: 100%;
}
html.aui body .columnContainer .left_login_element {
  padding-left: 40px;
  padding-right: 40px;
  min-width: 500px;
}
html.aui body .columnContainer .right_login_element {
  flex: auto;
}
html.aui body .columnContainer .image-column {
  background: url(../images/loginscreen.jpg) no-repeat 30% top;
  background-size: cover;
  background-color: var(--base-1);
}
html.aui body .columnContainer .image-column.physician {
  background: url(../images/loginscreen_physician.jpg) no-repeat top right;
  background-size: cover;
  background-color: var(--base-1);
}
html.aui body .columnContainer .image-column.patient {
  background: url(../images/loginscreen.jpg) no-repeat 30% top;
  background-size: cover;
  background-color: var(--base-1);
}
html.aui body .columnContainer .alert.alert-dismissible.alert-danger {
  border: 1px solid var(--functional-red);
  border-left: 26px solid var(--functional-red);
  padding: 8px;
  margin: 16px 16px 8px 16px;
  position: relative;
  border-radius: 2px;
  font-size: 14px;
  line-height: 24px;
  background: var(--base-0);
  box-sizing: border-box;
}
html.aui body .columnContainer .alert.alert-dismissible.alert-danger:before {
  content: "!";
  font-size: 12px;
  font-weight: bold;
  color: var(--base-0);
  border: 2px solid var(--base-0);
  border-radius: 20px;
  display: block;
  position: absolute;
  top: 12px;
  left: -22px;
  height: 19px;
  width: 19px;
  text-align: center;
  line-height: 18px;
  box-sizing: border-box;
}
html.aui body .columnContainer .alert.alert-dismissible.alert-danger svg {
  display: none;
}
html.aui body .columnContainer .alert.alert-dismissible.alert-danger .close,
html.aui body .columnContainer .alert.alert-dismissible.alert-danger .alert-indicator,
html.aui body .columnContainer .alert.alert-dismissible.alert-danger .lead {
  display: none;
}
@media screen and (max-width: 768px) {
  html.aui body .columnContainer #heading {
    overflow: hidden;
  }
}
@media screen and (max-width: 1024px) {
  html.aui body .columnContainer .login-content {
    width: 100%;
    min-width: 200px;
    display: flex;
  }
  html.aui body .columnContainer .login-content header {
    width: 100%;
    padding: 0 0 32px 0;
  }
  html.aui body .columnContainer .right_login_element {
    display: none;
  }
}
@media screen and (max-width: 1400px) {
  html.aui body .right_login_element.image-column {
    background-size: cover;
  }
}
html.aui body div.loginMask .outline-headline {
  margin-left: 5px;
  margin-right: 5px;
  display: block;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  font-size: 14px;
}
html.aui body div.loginMask table tr:last-child td {
  border-bottom-style: solid;
}
html.aui body div.loginMask table {
  margin-left: 5px;
  margin-right: 5px;
  border-collapse: collapse;
}
html.aui body div.loginMask table tr td {
  border-color: var(--text-20);
  border-top-style: solid;
  border-collapse: collapse;
  border-width: 1px;
  padding-top: 10px;
  padding-bottom: 10px;
}
html.aui body div.loginMask table tr td p,
html.aui body div.loginMask table tr td h3,
html.aui body div.loginMask table tr td h4 {
  margin-bottom: 0px;
  margin-top: 0px;
}
html.aui body div.loginMask table tr td.idp-icon {
  padding-left: 5px;
  padding-right: 5px;
}
html.aui body .sense-autologin-btns .button-holder {
  padding: 16px 22px;
}
html.aui body .sense-autologin-btns .btn-icon {
  min-width: 48px;
  min-height: 48px;
  border-radius: 24px;
  background-color: var(--base-0);
  border-style: solid;
  border-width: 0px;
  border-color: var(--text-90);
}
html.aui body .sense-autologin-btns .clickable {
  padding: 10px;
  margin: 10px;
  cursor: pointer;
}
html.aui body .sense-autologin-btns .clickable .idp-icon p.icon-text {
  text-align: center;
  line-height: 48px;
  font-size: 24px;
  color: var(--text-55);
}
html.aui body .sense-autologin-btns .clickable .idp-text {
  margin-left: 10px;
  font-weight: bold;
}
html.aui body .sense-autologin-btns .clickable .idp-text .idp-desc {
  font-weight: normal;
}
html.aui body .sense-autologin-btns .clickable:hover,
html.aui body .sense-autologin-btns .clickable:focus-visible {
  background-color: var(--base-1);
}
@media (max-width: 979px) and (max-width: 767px) {
  html.aui body .btn-group,
html.aui body .button-holder {
    display: block;
    width: 100%;
  }
}
html.aui body #portlet_new-password .control-label {
  min-width: 80px;
}

.login-content .reset-password,
#portlet_new-password .reset-password {
  display: flex;
  flex-direction: row-reverse;
}
.login-content .reset-password .reset-password-link,
#portlet_new-password .reset-password .reset-password-link {
  padding: 10px 0;
}
.login-content .reset-password .reset-password-link:focus,
#portlet_new-password .reset-password .reset-password-link:focus {
  outline: 0.125rem solid var(--focus-outline) !important;
  outline-offset: -0.125rem;
  z-index: 1;
}
.login-content .site-title,
.login-content .rightContainer,
#portlet_new-password .site-title,
#portlet_new-password .rightContainer {
  margin: 10px 0;
}
.login-content .rightContainer,
#portlet_new-password .rightContainer {
  text-align: right;
}
.login-content #main-content,
#portlet_new-password #main-content {
  width: 100%;
  max-width: 450px;
}
.login-content .portalname,
#portlet_new-password .portalname {
  font-family: var(--font-header);
  line-height: 24px;
  font-size: 28px;
  margin-top: 0;
  text-align: center;
}
.login-content .portlet-login:after,
#portlet_new-password .portlet-login:after {
  display: block;
  content: "";
  clear: both;
}
.login-content span#_com_liferay_login_web_portlet_LoginPortlet_passwordCapsLockSpan,
#portlet_new-password span#_com_liferay_login_web_portlet_LoginPortlet_passwordCapsLockSpan {
  border: 1px solid var(--functional-yellow);
  border-left: 26px solid var(--functional-yellow);
  padding: 8px;
  margin: 16px 16px 8px 16px;
  position: relative;
  border-radius: 2px;
  font-size: 14px;
  line-height: 24px;
  background: var(--base-0);
  display: block;
}
.login-content span#_com_liferay_login_web_portlet_LoginPortlet_passwordCapsLockSpan:before,
#portlet_new-password span#_com_liferay_login_web_portlet_LoginPortlet_passwordCapsLockSpan:before {
  content: "i";
  font-size: 11px;
  font-weight: bold;
  color: var(--base-0);
  border: 2px solid var(--base-0);
  border-radius: 20px;
  display: block;
  position: absolute;
  top: 11px;
  left: -22px;
  height: 15px;
  width: 15px;
  text-align: center;
  line-height: 15px;
}
.login-content .form fieldset,
#portlet_new-password .form fieldset {
  border-width: 0;
  margin-bottom: 0;
  padding: 0;
}
.login-content .form .fieldset,
#portlet_new-password .form .fieldset {
  padding: 16px 16px 0;
}
.login-content .form .button-holder,
#portlet_new-password .form .button-holder {
  padding: 16px 22px;
  margin: 0;
}
.login-content .form .button-holder.reset-password,
#portlet_new-password .form .button-holder.reset-password {
  padding: 0 22px;
}
.login-content .form .form-group,
.login-content .form .control-group,
#portlet_new-password .form .form-group,
#portlet_new-password .form .control-group {
  position: relative;
  padding: 4px;
}
.login-content .form select,
#portlet_new-password .form select {
  background: var(--base-1);
}
.login-content .form .checkbox .field,
.login-content .form .radio .field,
#portlet_new-password .form .checkbox .field,
#portlet_new-password .form .radio .field {
  font-size: 14px;
  line-height: 24px;
  color: var(--primary-color);
  background: transparent;
  border-radius: 2px;
  width: auto;
  transition: none;
  font-weight: normal;
  padding: 8px;
  border: 0;
  cursor: pointer;
  height: auto;
}
.login-content .form.error .control-label,
#portlet_new-password .form.error .control-label {
  color: var(--functional-red);
}
.login-content .form.error .required,
#portlet_new-password .form.error .required {
  font-weight: 500;
  padding: 8px 8px 8px 24px;
  position: relative;
}
.login-content .form.error .required:before,
#portlet_new-password .form.error .required:before {
  position: absolute;
  top: 8px;
  left: 0;
  background: var(--functional-red);
  height: 16px;
  width: 16px;
  color: var(--base-0);
  content: "i";
  text-align: center;
  display: block;
  border-radius: 16px;
  font-size: 12px;
  line-height: 17px;
}
.login-content .form:not(.edit-layout-form) .control-label,
#portlet_new-password .form:not(.edit-layout-form) .control-label {
  outline: 0;
  border: none;
  color: var(--text-90);
  border-radius: 2px;
  width: 100%;
  box-sizing: border-box;
  padding: 8px 8px 0 8px;
  transition: 0.2s all ease-in-out;
  font-weight: 300;
  position: absolute;
  top: 4px;
  left: 4px;
  font-size: 14px;
  line-height: 24px;
  pointer-events: none;
}
.login-content .form:not(.edit-layout-form) .control-label.active, .login-content .form:not(.edit-layout-form) .control-label.focus,
#portlet_new-password .form:not(.edit-layout-form) .control-label.active,
#portlet_new-password .form:not(.edit-layout-form) .control-label.focus {
  position: absolute;
  top: 0px;
  left: 4px;
  width: calc(100% - 16px);
  transition: 0.2s all ease-in-out;
  line-height: 16px;
  pointer-events: none;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 8px 8px 0 8px;
}
.login-content .form:not(.edit-layout-form) .control-label.active,
#portlet_new-password .form:not(.edit-layout-form) .control-label.active {
  color: var(--text-55);
}
.login-content .form:not(.edit-layout-form) .control-label.focus,
#portlet_new-password .form:not(.edit-layout-form) .control-label.focus {
  color: var(--primary-color);
}
.login-content .form .form-group.input-checkbox-wrapper .field,
#portlet_new-password .form .form-group.input-checkbox-wrapper .field {
  display: none;
}
.login-content .form .form-group.input-checkbox-wrapper .field:checked + .checkbox:after,
#portlet_new-password .form .form-group.input-checkbox-wrapper .field:checked + .checkbox:after {
  position: absolute;
  top: 0;
  left: 16px;
  background: var(--primary-color);
  border-radius: 16px;
}
.login-content .form .form-group.input-checkbox-wrapper .checkbox,
#portlet_new-password .form .form-group.input-checkbox-wrapper .checkbox {
  position: relative;
  padding: 4px 4px 4px 44px;
  cursor: pointer;
  color: var(--text-90);
  font-size: 14px;
  line-height: 24px;
}
.login-content .form .form-group.input-checkbox-wrapper .checkbox:before,
#portlet_new-password .form .form-group.input-checkbox-wrapper .checkbox:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 32px;
  margin: 5px;
  background: var(--highlight-10);
  border-radius: 16px;
  content: "";
  display: block;
}
.login-content .form .form-group.input-checkbox-wrapper .checkbox:after,
#portlet_new-password .form .form-group.input-checkbox-wrapper .checkbox:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  margin: 5px;
  background: var(--text-55);
  border-radius: 16px;
  content: "";
  display: block;
  transition: 0.2s all ease-in-out;
}
.login-content .form .form-group.input-checkbox-wrapper .checkbox.active:after,
#portlet_new-password .form .form-group.input-checkbox-wrapper .checkbox.active:after {
  position: absolute;
  top: 0;
  left: 16px;
  background: var(--primary-color);
  border-radius: 16px;
}
.login-content .form .form-group .field,
.login-content .form .control-group .field,
.login-content .language-value,
.login-content .form .control-group select,
.login-content .form .form-group select,
#portlet_new-password .form .form-group .field,
#portlet_new-password .form .control-group .field,
#portlet_new-password .language-value,
#portlet_new-password .form .control-group select,
#portlet_new-password .form .form-group select {
  font-size: 14px;
  line-height: 24px;
  color: var(--text-90);
  background: var(--highlight-5);
  border-radius: 2px;
  width: 100%;
  transition: 0.2s all ease-in-out;
  font-weight: 300;
  padding: 16px 8px 0px 8px;
  border: 0;
  cursor: pointer;
  height: 40px;
}
.login-content .form .control-group input.field[type=checkbox],
.login-content .form .control-group input.field[type=radio],
#portlet_new-password .form .control-group input.field[type=checkbox],
#portlet_new-password .form .control-group input.field[type=radio] {
  width: auto;
  height: auto;
}
.login-content .btn-primary:hover,
.login-content .btn-primary:focus,
#portlet_new-password .btn-primary:hover,
#portlet_new-password .btn-primary:focus {
  background-color: var(--primary-2);
}

@media screen and (max-width: 1024px) {
  .columnContainer .login-content {
    width: 100%;
    display: flex;
  }

  .login-content header {
    padding: 0 0 32px 0;
  }
}
@media screen and (max-width: 420px) {
  :not(.patient-login).login-content .site-title,
:not(.patient-login).login-content .rightContainer {
    width: 50%;
  }
  :not(.patient-login).login-content .site-title img,
:not(.patient-login).login-content .rightContainer img {
    max-width: 100%;
    height: auto;
  }
  :not(.patient-login).login-content .site-title {
    padding-right: 5px;
  }
  :not(.patient-login).login-content .rightContainer {
    padding-left: 5px;
  }
}
@media screen and (max-width: 1024px) {
  .dark .columnContainer .left_login_element.login-content.patient-login {
    background-image: url("/o/EHealthTheme/images/wave-login-dark.svg");
  }
}

.columnContainer .left_login_element.login-content .login-footer {
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin-top: auto;
}
.columnContainer .left_login_element.login-content .login-footer .login-imprint.hidden {
  display: none !important;
}
.columnContainer .left_login_element.login-content .login-footer > div {
  flex: 1 1 auto;
  color: var(--text-60);
  word-break: break-word;
}
.columnContainer .left_login_element.login-content .login-footer a {
  color: var(--text-60);
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
}
.columnContainer .left_login_element.login-content .login-footer .login-footer-divider {
  flex: 0 0 20px;
}

.columnContainer .left_login_element.login-content.patient-login {
  background-color: var(--base-0);
  padding: 16px;
}
@media screen and (max-width: 1024px) {
  .columnContainer .left_login_element.login-content.patient-login {
    background-color: var(--base-2);
    background-image: url("/o/EHealthTheme/images/wave-login.svg");
    background-size: 100% calc(100% - 104px);
    background-position: bottom;
    background-repeat: no-repeat;
    background-attachment: local;
  }
}
.columnContainer .left_login_element.login-content.patient-login .portal-name-container,
.columnContainer .left_login_element.login-content.patient-login .progress-card,
.columnContainer .left_login_element.login-content.patient-login #main-content {
  max-width: 468px;
}
@media screen and (max-width: 1024px) {
  .columnContainer .left_login_element.login-content.patient-login .portal-name-container,
.columnContainer .left_login_element.login-content.patient-login .progress-card,
.columnContainer .left_login_element.login-content.patient-login #main-content {
    max-width: 100%;
  }
}
.columnContainer .left_login_element.login-content.patient-login .portal-name-container .introduction {
  font-size: 28px;
  line-height: 32px;
  font-weight: normal;
  margin: 0 0 4px 0;
}
.columnContainer .left_login_element.login-content.patient-login .portal-name-container .portal-name {
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  margin: 0 0 32px 0;
}
.columnContainer .left_login_element.login-content.patient-login .form fieldset {
  margin: 0;
}
.columnContainer .left_login_element.login-content.patient-login .form fieldset .form-group,
.columnContainer .left_login_element.login-content.patient-login .form .control-group.input-text-wrapper {
  padding: 0;
  border-bottom: 1px solid var(--highlight-40);
}
.columnContainer .left_login_element.login-content.patient-login .form fieldset .form-group .control-label,
.columnContainer .left_login_element.login-content.patient-login .form fieldset .form-group .field,
.columnContainer .left_login_element.login-content.patient-login .form .control-group.input-text-wrapper .control-label,
.columnContainer .left_login_element.login-content.patient-login .form .control-group.input-text-wrapper .field {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 24px;
}
.columnContainer .left_login_element.login-content.patient-login .form fieldset .form-group .control-label,
.columnContainer .left_login_element.login-content.patient-login .form .control-group.input-text-wrapper .control-label {
  color: var(--text-60);
  left: 0;
  top: 6px;
}
.columnContainer .left_login_element.login-content.patient-login .form fieldset .form-group .control-label.active,
.columnContainer .left_login_element.login-content.patient-login .form fieldset .form-group .control-label.focus,
.columnContainer .left_login_element.login-content.patient-login .form fieldset .form-group .field:-webkit-autofill + .control-label,
.columnContainer .left_login_element.login-content.patient-login .form .control-group.input-text-wrapper .control-label.active,
.columnContainer .left_login_element.login-content.patient-login .form .control-group.input-text-wrapper .control-label.focus,
.columnContainer .left_login_element.login-content.patient-login .form .control-group.input-text-wrapper .field:-webkit-autofill + .control-label {
  font-size: 14px;
  line-height: 16px;
  top: 0;
}
.columnContainer .left_login_element.login-content.patient-login .form fieldset .form-group .field,
.columnContainer .left_login_element.login-content.patient-login .form .control-group.input-text-wrapper .field {
  height: 48px;
  padding-top: 20px;
}
.columnContainer .left_login_element.login-content.patient-login .form .form-group.input-text-wrapper:not(:last-of-type) {
  margin-bottom: 8px;
}
.columnContainer .left_login_element.login-content.patient-login .form .button-holder {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0 0 0;
}
.columnContainer .left_login_element.login-content.patient-login .form .button-holder .btn-primary {
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  max-width: unset;
  padding: 6px 18px;
}
.columnContainer .left_login_element.login-content.patient-login .form .button-holder .reset-password-link-container {
  width: 100%;
  text-align: right;
  margin-bottom: 14px;
}
.columnContainer .left_login_element.login-content.patient-login .form .button-holder .reset-password-link-container .reset-password-link {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 24px;
  color: var(--text-60);
  text-decoration: underline;
}
.columnContainer .left_login_element.login-content.patient-login .form .button-holder a.reset-password-link:focus-visible {
  outline: 0.125rem solid var(--focus-outline) !important;
  outline-offset: 0.125rem;
  z-index: 1;
}
.columnContainer .left_login_element.login-content.patient-login .form .control-group {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 24px;
}
.columnContainer .left_login_element.login-content.patient-login .form .control-group .secondFactorType,
.columnContainer .left_login_element.login-content.patient-login .form .control-group .idps-select,
.columnContainer .left_login_element.login-content.patient-login .form .control-group .hpdType,
.columnContainer .left_login_element.login-content.patient-login .form .control-group label.control-label {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
}
.columnContainer .left_login_element.login-content.patient-login .form .control-group .secondFactorType.active,
.columnContainer .left_login_element.login-content.patient-login .form .control-group .idps-select.active,
.columnContainer .left_login_element.login-content.patient-login .form .control-group .hpdType.active,
.columnContainer .left_login_element.login-content.patient-login .form .control-group label.control-label.active {
  font-size: 14px;
}
.columnContainer .left_login_element.login-content.patient-login .form .control-group .secondFactorType,
.columnContainer .left_login_element.login-content.patient-login .form .control-group .idps-select,
.columnContainer .left_login_element.login-content.patient-login .form .control-group .hpdType {
  height: 48px;
}
.columnContainer .left_login_element.login-content.patient-login .form .control-group:not(:last-child),
.columnContainer .left_login_element.login-content.patient-login .form .control-group:only-child {
  margin-top: 16px;
}
.columnContainer .left_login_element.login-content.patient-login .idp-buttons-divider {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
  margin-bottom: 2px;
}
.columnContainer .left_login_element.login-content.patient-login .idp-buttons-divider .divider {
  flex: 1;
  margin: 8px 0;
  border-bottom: 1px solid var(--divider);
}
.columnContainer .left_login_element.login-content.patient-login .idp-buttons-divider .divider-text {
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 20px;
  min-width: 90px;
  text-align: center;
  color: var(--text-60);
}
.columnContainer .left_login_element.login-content.patient-login .idp-button,
.columnContainer .left_login_element.login-content.patient-login .create-account-button {
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  color: var(--text-90);
  background-color: transparent;
  display: flex;
  height: 40px;
  padding: 6px 18px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  border: 1px solid var(--divider);
  width: 100%;
  margin-top: 16px;
  cursor: pointer;
}
.columnContainer .left_login_element.login-content.patient-login .idp-button .btn-icon,
.columnContainer .left_login_element.login-content.patient-login .create-account-button .btn-icon {
  min-width: 24px;
  min-height: 24px;
  border-radius: 12px;
}
.columnContainer .left_login_element.login-content.patient-login .idp-button span:not(:last-child),
.columnContainer .left_login_element.login-content.patient-login .create-account-button span:not(:last-child) {
  margin-right: 4px;
}
.columnContainer .left_login_element.login-content.patient-login .alert.alert-dismissible.alert-danger,
.columnContainer .left_login_element.login-content.patient-login .alert-error,
.columnContainer .left_login_element.login-content.patient-login .alert-message {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 24px;
}
.columnContainer .left_login_element.login-content.patient-login .alert.alert-dismissible.alert-danger,
.columnContainer .left_login_element.login-content.patient-login .alert-error {
  margin: 0 0 32px 0;
}
.columnContainer .left_login_element.login-content.patient-login header {
  padding: 16px;
  margin-bottom: 32px;
}
@media screen and (max-width: 1024px) {
  .columnContainer .left_login_element.login-content.patient-login #heading {
    justify-content: center;
  }
}
.columnContainer .left_login_element.login-content.patient-login .login-footer a {
  font-weight: normal;
  text-decoration: underline;
}

/**
 * Mixins shared between multiple theme css files.
 */
/**
 * Typography comming from SHUI.
 */
/**
 * Outline for focused elements.
 */
#navigation .gn-menu > li,
#navigation .gn-menu-wt > li {
  opacity: 1 !important;
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* NOTE: color schemes are changed with look and feel in page settings */
/*
@font-face {
    font-family: 'Calibri';
    src: url('fonts/Calibri.woff2?version=1.0') format('woff2'),
        url('fonts/Calibri.woff?version=1.0') format('woff');
    font-weight: normal;
}
@font-face {
    font-family: 'Calibri';
    src: url('fonts/Calibri-BoldItalic.woff2?version=1.0') format('woff2'),
        url('fonts/Calibri-BoldItalic.woff?version=1.0') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Calibri';
    src: url('fonts/Calibri-Italic.woff2?version=1.0') format('woff2'),
        url('fonts/Calibri-Italic.woff?version=1.0') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Calibri';
    src: url('fonts/Calibri-Bold.woff2?version=1.0') format('woff2'),
        url('fonts/Calibri-Bold.woff?version=1.0') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
	font-family: 'Bree-SH-Headline';
	font-weight: 400;
	font-style: normal;
	src: url('fonts/Bree-Bold.woff2?version=1.0') format('woff2'),
		url('fonts/Bree-Bold.woff?version=1.0') format('woff');
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/material/MaterialIcons-Regular.woff2?version=1.0') format('woff2'),
       url('fonts/material/MaterialIcons-Regular.woff?version=1.0') format('woff');
} */
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 32px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

@-ms-viewport {
  width: device-width;
}
html.aui.sense body {
  width: 100%;
  font-family: var(--font-body);
  color: var(--text-90);
  font-size: 14px;
}

body.signed-out {
  display: block;
}

input,
div {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

/* Native scrolling, as on by default in the theme, BREAKS THE PAGE ON iOS.
   It makes everything look transparent.
   TODO: move to theme & try to avoid important!!!!
 */
/* correct viewport */
/*#ext-global-floatWrap {
	position:fixed;
	top:10px;
	left:8px;
}*/
/* FARBEN */
.background-highlight-5,
.background-highlight-5 > div {
  background: var(--highlight-5) !important;
}

.background-base-1,
.background-base-1 > div,
.x-sheet {
  background: var(--base-1) !important;
}

.color-primary {
  color: var(--primary-color) !important;
}

/*ALLGEMEIN*/
.aui.sense body {
  font-family: var(--font-body);
  font-size: 14px;
}

.hide {
  display: none;
}

input:focus, select:focus, textarea:focus, button:focus, button, a, .slick-slide:focus, a:focus {
  outline: none !important;
}

.alert-block.popup-alert-notice, .alert-block.popup-alert-warning {
  z-index: 99999999;
}

#navigation .gn-menu > li > .gn-submenu.menu_hidden {
  display: none !important;
}

#wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--base-1);
  padding: 0;
}

#banner + #navigation + #wrapper, #banner + #wrapper.single-workflow {
  top: 72px;
  height: calc(100% - 72px);
}

#banner.remove {
  display: none;
}

#banner.remove + #navigation + #wrapper {
  top: 0;
  height: 100%;
}

#banner + #wrapper,
#banner.embeddedAdminHeader + #wrapper {
  top: 72px;
  height: calc(100% - 72px);
}

#banner.embeddedAdminHeader > div {
  width: 100%;
  justify-content: flex-end;
}

#navigation.embedNavigation,
#banner + #navigation.embedNavigation {
  width: 0;
}

#navigation.embedNavigation + #wrapper,
#banner + #navigation.embedNavigation + #wrapper {
  padding-left: 0;
}

#navigation.embedNavigation .gn-menu > li > .gn-submenu {
  width: 100%;
  left: 0;
}

#navigation.embedNavigation .gn-menu > li {
  width: 0;
}

#navigation.embedNavigation .gn-menu > li.selected.haschild > .gn-submenu {
  top: 0;
}

#banner + #navigation.embedNavigation .gn-menu > li.selected.haschild > .gn-submenu {
  top: 72px;
}

#content {
  overflow: auto;
  height: 100%;
}

#content > .sheet {
  padding: 0 16px;
}

.logo.default-logo {
  display: flex;
  flex-direction: column;
}

.logo.default-logo .secondlogo {
  margin-top: 20px;
}

#heading .logo img {
  max-height: 45px;
  width: auto;
}

#navigation + #wrapper {
  padding-left: 72px;
}

#navigation.showSubnavi + #wrapper {
  padding-top: 56px;
}

.lfr-has-edit-layout #wrapper,
.lfr-has-add-content #wrapper {
  padding-left: 472px !important;
}

#navigation li#additionalSubNaviContent,
#dropdown li#additionalSubNaviContent1 {
  align-self: center;
  margin-left: auto;
}

/* HEADER */
header#banner {
  background: var(--base-0);
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  box-shadow: 0 2px 4px var(--shadow-light);
  display: flex;
  align-items: center;
  z-index: 1000;
  height: 72px;
  justify-content: space-between;
  max-width: 100%;
}

header#banner .logo {
  padding: 0 0 0 8px;
}

header#banner .site-title {
  margin: 0 0 0 8px;
  font-size: 18px;
  font-weight: 300;
  display: flex;
  align-items: center;
  font-family: var(--font-header);
}
header#banner .site-title .flex-column {
  margin-left: 16px;
}

header#banner .page-title {
  padding-right: 16px;
}

header#banner a {
  color: var(--text-55);
  text-decoration: none;
}

header#banner a:focus,
header#banner a:active,
header#banner a:hover {
  color: var(--primary-color);
}

/* Navigation Headerleiste */
.portlet-dockbar {
  max-height: 72px;
  display: flex;
}
.portlet-dockbar .dockbar-messages {
  order: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  /*min-width:72px;*/
}
.portlet-dockbar .navbar {
  order: 2;
  color: var(--text-55);
}
.portlet-dockbar .navbar a.open,
.portlet-dockbar .navbar a:hover,
.portlet-dockbar .navbar a:focus {
  color: var(--primary-color);
}

/* Navigation Headerleiste - Buttons */
.dockbarResponsiveButton {
  display: flex;
  height: 72px;
  cursor: pointer;
}
.dockbarResponsiveButton > ul > li > a,
.dockbarResponsiveButton > a {
  min-width: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 72px;
  overflow: hidden;
  text-decoration: none;
}
.dockbarResponsiveButton .user-avatar-image {
  max-width: 50px;
  border-radius: 50%;
  clip-path: circle();
}
.dockbarResponsiveButton .icon {
  font-size: 32px;
  line-height: 32px;
  display: flex;
}

#banner .dockbarResponsiveButton a.btn-navbar {
  text-decoration: none;
}

#banner .dockbarResponsiveButton a.btn-navbar:active,
#banner .dockbarResponsiveButton a.btn-navbar:focus,
#banner .dockbarResponsiveButton a.btn-navbar:visited {
  color: var(--text-55);
  text-decoration: none;
}

#banner .dockbarResponsiveButton a.btn-navbar:hover,
#banner .dockbarResponsiveButton a.btn-navbar:focus,
#banner .dockbarResponsiveButton a.btn-navbar.active,
#banner .dockbarResponsiveButton a.btn-navbar.active:focus {
  text-decoration: none;
  color: var(--primary-color);
}

/* Navigation Headerleiste - Content */
.dockbarbodyContent {
  position: fixed;
  z-index: 1000000;
  top: 72px;
  right: 0;
}

.dockbarbodyContent .nav-collapse,
.adminLinksWrap .dropdown-menu {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-1000px);
  opacity: 0;
  /*transition:transform 1s, opacity 2s;*/
  background: var(--base-0);
  margin: 20px 16px 0;
  min-width: 260px;
}
.dockbarbodyContent .nav-collapse > ul,
.adminLinksWrap .dropdown-menu > ul {
  background: var(--base-0);
}

.dockbarbodyContent .nav-collapse.open:before,
.adminLinksWrap .open .dropdown-menu:before {
  border-bottom: 10px solid var(--base-0);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  height: 0;
  width: 0;
  display: block;
  content: "";
  position: absolute;
  top: -10px;
  right: 16px;
}

.dockbarbodyContent #navAddControlsNavbarCollapse.nav-collapse.open:before {
  left: 16px;
  right: auto;
}

.patientPortalHeader .dockbarbodyContent .nav-collapse.open:after {
  width: 102%;
  height: 102%;
  position: absolute;
  top: -1%;
  left: -1%;
  background: var(--highlight-20);
  content: "";
  z-index: -1;
  filter: blur(5px);
}
.patientPortalHeader .adminLinksWrap .open .dropdown-menu:after {
  background: white;
}

.adminLinksWrap .open .dropdown-menu,
.dockbarbodyContent .nav-collapse.open {
  box-shadow: 0 0px 15px var(--highlight-20);
}

.dockbarbodyContent .nav-collapse.open,
.adminLinksWrap .open .dropdown-menu {
  transform: translateY(0);
  opacity: 1;
}

.adminLinksWrap .open .dropdown-menu {
  top: 92px;
}

.control-panel-layout #navigation {
  display: none;
}
.control-panel-layout #navigation + #wrapper {
  padding-left: 0;
}
.control-panel-layout .dockbarbodyContent .nav-collapse {
  position: fixed;
  top: 72px;
}
.control-panel-layout .x-panel-header {
  background-color: var(--text-20) !important;
}
.control-panel-layout .x-form-invalid-field {
  border: 1px solid var(--functional-red) !important;
}

.dockbarbodyContent .nav-collapse ul,
.dockbarbodyContent .nav-collapse li {
  list-style-type: none;
}

#navAccountControls,
#navAddControls {
  padding: 16px;
  margin: 0;
}

#navAccountControls .dropdown-toggle {
  cursor: auto;
  font-size: 10px;
  text-transform: uppercase;
  color: var(--highlight-20);
  display: block;
}

#navAccountControls .dropdown-menu {
  margin: 0;
  padding: 0;
}

#navAccountControls .dropdown-menu a,
.adminLinksWrap .dropdown-menu a,
#navAddControls a {
  color: var(--text-90);
  font-size: 14px;
  padding: 4px 0;
  display: block;
}

#navAccountControls a,
#navAccountControls a:focus,
#navAccountControls a:active,
#navAccountControls a:hover {
  text-decoration: none;
}

#navAccountControls a:not(.dropdown-toggle):focus,
#navAccountControls a:not(.dropdown-toggle):active,
#navAccountControls a:not(.dropdown-toggle):hover,
#navAddControls a:focus,
#navAddControls a:hover,
#navAddControls a:active {
  text-decoration: none;
  color: var(--primary-4);
  outline: none !important;
}

#navAccountControls .dropdown-menu a {
  display: flex;
  align-items: center;
}

#navAccountControls .dropdown-menu ul,
#navAddControls ul {
  padding: 0;
  margin: 0;
}

#navAccountControls .dropdown-menu a i {
  padding-right: 5px;
}

#navAccountControls .taglib-my-sites.dropdown-menu a i,
#navAccountControls .taglib-my-sites.dropdown-menu a .site-type {
  display: none;
}

#navAccountControlsNavbarBtn {
  padding-left: 10px;
}
#navAccountControlsNavbarBtn div.user {
  flex: 1 1 auto;
  display: block;
  padding: 8px;
  padding-right: 20px;
}
#navAccountControlsNavbarBtn .user-full-name {
  font-size: 14px;
  padding-bottom: 3px;
  font-family: var(--font-header);
  color: var(--text-90);
}
#navAccountControlsNavbarBtn .user-institution {
  font-size: 13px;
  color: var(--text-55);
}
#navAccountControlsNavbarBtn .user-full-name,
#navAccountControlsNavbarBtn .user-institution {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 150px;
}
#navAccountControlsNavbarBtn .user-head-text {
  font-size: 13px;
  color: var(--secondary-color);
}

.user-avatar .user-avatar-image {
  display: none;
}

#navAccountControls .my-sites + .divider-vertical {
  border-top: 1px solid var(--highlight-10);
  margin: 8px 0;
}

#navAccountControls .dropdown-menu a .icon-user:before {
  font-family: "Material Icons";
  font-style: normal;
  content: "\e7fd";
  font-size: 18px;
  display: inline-block;
  line-height: 18px;
}

#navAccountControls .dropdown-menu a .icon-off:before {
  font-family: "Material Icons";
  font-style: normal;
  content: "\e888";
  font-size: 18px;
  display: inline-block;
  line-height: 18px;
}

#navAccountControls .dropdown-menu ul li a {
  font-size: 12px;
  position: relative;
  padding-left: 16px;
}

#_145_styleButtons button {
  border: 1px solid var(--primary-color);
  background: var(--base-0);
  color: var(--primary-color);
  border-radius: 3px;
  margin: 0 2px;
}

#_145_addContentForm .dropdown {
  position: relative;
}
#_145_addContentForm .dropdown > a {
  /*@include button(100%);*/
  background: var(--primary-color);
  color: var(--base-0);
  max-width: 160px;
}

#_145_addContentForm .dropdown > a .icon-plus:before {
  font-family: "Material Icons";
  font-style: normal;
  content: "\e145";
  font-size: 20px;
  display: inline-block;
  line-height: 20px;
}
#_145_addContentForm .dropdown.open .dropdown-menu {
  display: block;
}
#_145_addContentForm .dropdown .dropdown-menu {
  display: none;
  background: var(--highlight-5);
  position: relative;
  margin: 16px;
}
#_145_addContentForm .dropdown .dropdown-menu:before {
  border-bottom: 10px solid var(--highlight-5);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  height: 0;
  width: 0;
  display: block;
  content: "";
  position: absolute;
  top: -10px;
  left: 16px;
  right: auto;
  margin: 0;
}

#_145_addContentForm .dropdown-menu a {
  color: var(--primary-color);
  padding: 8px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#_145_addContentForm .dropdown-menu a:hover, #_145_addContentForm .dropdown-menu a:focus {
  text-decoration: none;
}

/* SHOW ADMIN ON TOP */
.adminLinksWrap #_145_adminLinks a {
  text-decoration: none;
  color: var(--text-90);
}
.adminLinksWrap #_145_adminLinks a:hover, .adminLinksWrap #_145_adminLinks a:focus, .adminLinksWrap #_145_adminLinks a:active {
  color: var(--primary-color);
}
.adminLinksWrap > li > a {
  width: 72px;
}
.adminLinksWrap .dropdown-menu {
  padding: 16px;
  margin: 0;
  link-style-type: none;
}

.adminLinksWrap,
.adminLinksWrap ul,
.adminLinksWrap li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.admin-links.dropdown {
  position: relative;
}

.admin-links > a > .nav-item-label {
  font-family: "Material Icons";
  font-size: 0;
  color: var(--text-55);
}
.admin-links > a > .nav-item-label:before {
  font-family: "Material Icons";
  font-style: normal;
  content: "\e8b8";
  font-size: 26px;
  display: block;
  line-height: 26px;
}

.admin-links > a:hover > .nav-item-label,
.admin-links > a:focus > .nav-item-label,
.admin-links.open > a > .nav-item-label {
  color: var(--primary-color);
}
.admin-links > a:hover > .nav-item-label:before,
.admin-links > a:focus > .nav-item-label:before,
.admin-links.open > a > .nav-item-label:before {
  font-family: "Material Icons";
  font-style: normal;
  content: "\e8b8";
  font-size: 26px;
  display: block;
  line-height: 26px;
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  min-height: 100%;
}

body * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.hidden {
  display: none;
}

#portlet_new-password .btn-primary,
.btn-primary,
.btn-primary:hover,
.btn-primary:focus {
  font-family: var(--font-body);
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: capitalize;
  border-radius: 32px;
  border: 0;
  padding: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  color: var(--color-button);
  max-width: 160px;
  display: inline-block;
}

#portlet_new-password .btn-primary,
.btn-primary {
  background: var(--primary-4);
}
#portlet_new-password .btn-primary:active:not(:disabled):not(.disabled),
.btn-primary:active:not(:disabled):not(.disabled) {
  background-color: var(--primary-2);
}
#portlet_new-password .btn-primary:hover:not(:disabled):not(.disabled),
.btn-primary:hover:not(:disabled):not(.disabled) {
  background-color: var(--primary-color);
}
#portlet_new-password .btn-primary:focus-visible:not(:disabled):not(.disabled), #portlet_new-password .btn-primary:has(:focus-visible):not(:disabled):not(.disabled),
.btn-primary:focus-visible:not(:disabled):not(.disabled),
.btn-primary:has(:focus-visible):not(:disabled):not(.disabled) {
  outline: 0.125rem solid var(--focus-outline) !important;
  outline-offset: 0.125rem;
  z-index: 1;
}

.idp-button:focus-visible:not(:disabled):not(.disabled), .idp-button:has(:focus-visible):not(:disabled):not(.disabled) {
  outline: 0.125rem solid var(--focus-outline) !important;
  outline-offset: 0.125rem;
  z-index: 1;
}

.alert-error,
.alert-danger,
.popup-alert-notice {
  border: 1px solid var(--functional-red);
  border-left: 26px solid var(--functional-red);
  padding: 8px;
  margin: 16px 16px 8px 16px;
  position: relative;
  border-radius: 2px;
  font-size: 14px;
  line-height: 24px;
  background: var(--base-0);
  box-sizing: border-box;
}
.alert-error:before,
.alert-danger:before,
.popup-alert-notice:before {
  content: "!";
  font-size: 12px;
  font-weight: bold;
  color: var(--base-0);
  border: 2px solid var(--base-0);
  border-radius: 20px;
  display: block;
  position: absolute;
  top: 12px;
  left: -22px;
  height: 19px;
  width: 19px;
  text-align: center;
  line-height: 18px;
  box-sizing: border-box;
}
.alert-error svg,
.alert-danger svg,
.popup-alert-notice svg {
  display: none;
}

.alert-info {
  border: 1px solid var(--functional-yellow);
  border-left: 26px solid var(--functional-yellow);
  padding: 8px;
  margin: 16px 16px 8px 16px;
  position: relative;
  border-radius: 2px;
  font-size: 14px;
  line-height: 24px;
  background: var(--base-0);
  box-sizing: border-box;
}
.alert-info:before {
  content: "i";
  font-size: 12px;
  font-weight: bold;
  color: var(--base-0);
  border: 2px solid var(--base-0);
  border-radius: 20px;
  display: block;
  position: absolute;
  top: 12px;
  left: -22px;
  height: 19px;
  width: 19px;
  text-align: center;
  line-height: 18px;
  box-sizing: border-box;
}
.alert-info svg {
  display: none;
}
.alert-info:before {
  color: var(--functional-black);
  border: 2px solid var(--functional-black);
}

.alert-valid {
  border: 1px solid var(--functional-green);
  border-left: 26px solid var(--functional-green);
  padding: 8px;
  margin: 16px 16px 8px 16px;
  position: relative;
  border-radius: 2px;
  font-size: 14px;
  line-height: 24px;
  background: var(--base-0);
  box-sizing: border-box;
}
.alert-valid:before {
  content: "i";
  font-size: 12px;
  font-weight: bold;
  color: var(--base-0);
  border: 2px solid var(--base-0);
  border-radius: 20px;
  display: block;
  position: absolute;
  top: 12px;
  left: -22px;
  height: 19px;
  width: 19px;
  text-align: center;
  line-height: 18px;
  box-sizing: border-box;
}
.alert-valid svg {
  display: none;
}

.alert-message {
  border: 1px solid var(--highlight-20);
  border-left: 26px solid var(--highlight-20);
  padding: 8px;
  margin: 16px 16px 8px 16px;
  position: relative;
  border-radius: 2px;
  font-size: 14px;
  line-height: 24px;
  background: var(--base-0);
  box-sizing: border-box;
}
.alert-message:before {
  content: "i";
  font-size: 12px;
  font-weight: bold;
  color: var(--base-0);
  border: 2px solid var(--base-0);
  border-radius: 20px;
  display: block;
  position: absolute;
  top: 12px;
  left: -22px;
  height: 19px;
  width: 19px;
  text-align: center;
  line-height: 18px;
  box-sizing: border-box;
}
.alert-message svg {
  display: none;
}

/* Navigation */
div.menu__toggle__container {
  width: 50px;
}

#menu__toggle {
  opacity: 0;
}

#menu__toggle:checked + .menu__btn > span {
  transform: rotate(45deg);
}

#menu__toggle:checked + .menu__btn > span::before {
  top: 0;
  transform: rotate(0deg);
}

#menu__toggle:checked + .menu__btn > span::after {
  top: 0;
  transform: rotate(90deg);
}

#menu__toggle:checked + .menu__box {
  left: 0 !important;
}

.menu__btn {
  position: fixed;
  top: 35px;
  left: 20px;
  width: 26px;
  height: 26px;
  cursor: pointer;
  z-index: 1;
}

.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #616161;
  transition-duration: 0.25s;
}

.menu__btn > span::before {
  content: "";
  top: -8px;
}

.menu__btn > span::after {
  content: "";
  top: 8px;
}

.menu__box {
  display: block;
  position: fixed;
  top: 0;
  left: -100% !important;
  height: 100%;
  margin: 0;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
  transition-duration: 0.25s;
}

@media screen and (max-width: 768px) {
  div.single-workflow-navigation,
div.bottom_navigation {
    display: flex !important;
  }

  body.bottom_navi #content {
    height: calc(100% - 80px) !important;
  }
  body.bottom_navi #navHelpNavbarBtnMobile {
    cursor: pointer;
  }
  body.bottom_navi .mobile-menu.visible .main-nav li:not(#appSettings) a:not([href="/c/portal/logout"]):not(#navHelpNavbarBtnMobile):not([href$=account-settings]) {
    display: none;
  }
  body.bottom_navi #heading {
    margin: 0 12px;
  }

  #wrapper.full-size-wrapper #content {
    height: calc(100% - 60px) !important;
  }
}
.cms {
  padding: 40px;
  overflow-y: auto;
}
.cms h1 {
  font-family: var(--font-header);
  line-height: 24px;
  font-size: 28px;
}
.cms h2 {
  font-family: var(--font-body);
  line-height: 16px;
  font-weight: bold;
  font-size: 16px;
}

.slick-prev:before, .slick-next:before {
  color: var(--text-90) !important;
}

div.single-workflow-navigation {
  display: none;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  flex-direction: row;
  width: 100%;
  margin: auto;
  padding: 8px 16px;
  background-color: var(--base-2);
}
div.single-workflow-navigation .single-workflow-title {
  font-size: 18px;
  line-height: 28px;
  font-family: var(--font-header);
  flex: 1;
  text-align: center;
  padding-right: 36px;
  margin: auto;
}
div.single-workflow-navigation .nav-item {
  max-height: 40px;
}
div.single-workflow-navigation .nav-item .ehealthicon-shui_burger {
  padding: 4px;
  font-size: 32px;
  text-decoration: none !important;
}
div.single-workflow-navigation a:link, div.single-workflow-navigation a:hover, div.single-workflow-navigation a:active, div.single-workflow-navigation a:visited {
  color: var(--base-6) !important;
}

div.bottom_navigation {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  width: 100%;
  margin: auto;
  padding: 0 16px;
  box-shadow: 0 0 8px var(--shadow-color);
  background-color: var(--base-0);
}
div.bottom_navigation ul {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0;
}
div.bottom_navigation ul li {
  list-style-type: none;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  border-top: 2px solid var(--base-0);
  height: 60px;
}
div.bottom_navigation ul li .nav-item {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
  color: var(--text-60) !important;
  text-decoration: none;
  padding: 10px 0;
}
div.bottom_navigation ul li .nav-item:focus-visible {
  outline: 0.125rem solid var(--focus-outline) !important;
  outline-offset: -2px;
  z-index: 1;
}
div.bottom_navigation ul li .nav-item:hover {
  color: var(--text-90) !important;
}
div.bottom_navigation ul li .nav-text {
  text-align: center;
  font-family: var(--font-body);
}
div.bottom_navigation ul li .nav-item.selected {
  color: var(--primary-color) !important;
  border-color: var(--primary-color);
}
div.bottom_navigation ul li .nav-item .menu-icon {
  font-size: 32px;
}
div.bottom_navigation ul li.selected {
  border-top: 2px solid var(--primary-color);
}

#navigation.dd {
  width: 0px !important;
}

#navigation.dd .gn-menu > li > .gn-submenu, #navigation.dd .gn-menu > li > .gn-submenu {
  left: 0px !important;
  width: 100% !important;
}

#navigation.dd + #wrapper {
  padding-left: 0px !important;
}

@media screen and (min-width: 768px) {
  #navigation.wt {
    width: 172px !important;
  }

  #navigation.wt .gn-menu > li > .gn-submenu, #navigation.wt .gn-menu-wt > li > .gn-submenu {
    left: 172px;
  }

  #navigation.wt + #wrapper {
    padding-left: 172px;
  }

  #navigation.wt .gn-menu > li, #navigation.wt .gn-menu-wt > li {
    width: 172px !important;
  }
}
#navigation.wt .gn-menu > li > a > span, #navigation.wt .gn-menu-wt > li > a > span {
  padding-left: 8px;
  text-align: left;
  font-size: 14px;
  padding-top: 5px;
  font-weight: bold;
}

#navigation.wt:not(.showNavTitle) .gn-icon .gn-icons-text {
  display: block !important;
}

#navigation.wt .gn-menu > li a, #navigation.wt .gn-menu-wt > li a {
  display: flex;
  justify-content: center;
  position: relative;
  flex-direction: row;
  align-items: center;
}

#navigation {
  position: fixed;
  top: 72px;
  left: 0;
  height: calc(100vh - 72px) !important;
  width: 72px;
  display: block;
  z-index: 100;
  background: var(--base-4);
  /* Show Title only if custom condition is selected */
}
#navigation:not(.showNavTitle) .gn-icon .gn-icons-text {
  display: none;
}
#navigation.showNavTitle, #navigation.showNavTitle .gn-menu > li {
  width: 82px;
}
#navigation.showNavTitle .gn-icon img {
  max-width: 35px;
}
#navigation.showNavTitle .gn-menu > li > .gn-submenu {
  left: 82px;
  width: calc(100% - 82px);
}
#navigation .gn-icon .gn-icons-text {
  font-size: 12px;
  padding-top: 5px;
}
#navigation ul,
#navigation li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#navigation .gn-menu-main > li > a {
  display: none;
}
#navigation #nav_pager_down.inactive,
#navigation #nav_pager_up.inactive {
  color: var(--base-3);
}
#navigation #nav_pager_down.inactive a:hover,
#navigation #nav_pager_up.inactive a:hover {
  background: transparent;
}
#navigation #nav_pager_up {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 999;
  display: none;
}
#navigation #nav_pager_down {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 999;
  display: none;
}
#navigation .haveHiddenFields > ul {
  overflow: hidden;
  margin: 52px 0;
  height: calc(100% - 104px);
}
#navigation .haveHiddenFields #nav_pager_down,
#navigation .haveHiddenFields #nav_pager_up {
  display: block;
}
#navigation .gn-menu > li,
#navigation .gn-menu-wt > li {
  width: 72px;
  /*height:72px; */
  text-overflow: ellipsis;
  /*display:flex;*/
  opacity: 0;
  color: var(--base-0);
  /*align-items:stretch; */
  /*justify-content:center; */
  border-bottom: 1px solid var(--divider);
}
#navigation .gn-menu > li.selected,
#navigation .gn-menu-wt > li.selected {
  border-bottom: 0;
}
#navigation .gn-menu > li a,
#navigation .gn-menu-wt > li a {
  color: var(--base-5);
  text-decoration: none;
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-direction: column;
}
#navigation .gn-menu > li li a,
#navigation .gn-menu-wt > li li a {
  padding: 8px 36px;
}
#navigation .gn-menu > li > a,
#navigation .gn-menu-wt > li > a {
  text-align: center;
  width: 100%;
}
#navigation .gn-menu > li > a > span,
#navigation .gn-menu-wt > li > a > span {
  display: block;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
#navigation .gn-menu > li > a img,
#navigation .gn-menu-wt > li > a img {
  display: inline-block;
  max-height: 100%;
}
#navigation .gn-menu > li > a:hover, #navigation .gn-menu > li > a:active, #navigation .gn-menu > li > a:focus,
#navigation .gn-menu-wt > li > a:hover,
#navigation .gn-menu-wt > li > a:active,
#navigation .gn-menu-wt > li > a:focus {
  background: var(--secondary-color);
}
#navigation .gn-menu > li.selected > a,
#navigation .gn-menu-wt > li.selected > a {
  color: var(--primary-color);
  text-decoration: none;
  background: var(--base-0);
  position: relative;
}
#navigation .gn-menu > li.selected > a:before,
#navigation .gn-menu-wt > li.selected > a:before {
  position: absolute;
  top: 21px;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  content: "";
}
#navigation .gn-menu > li.selected > a img,
#navigation .gn-menu-wt > li.selected > a img {
  background: var(--highlight-20);
}
#navigation .gn-menu > li > .gn-submenu,
#navigation .gn-menu-wt > li > .gn-submenu {
  display: flex;
  align-items: center;
  width: calc(100% - 72px);
  position: fixed;
  top: -72px;
  left: 72px;
  height: 56px;
  box-shadow: 0 2px 4px var(--shadow-strong);
  text-overflow: ellipsis;
  z-index: -1;
  background: var(--base-2);
}
#navigation .gn-menu > li.selected.haschild > .gn-submenu,
#navigation .gn-menu-wt > li.selected.haschild > .gn-submenu {
  top: 72px;
}
#navigation .gn-menu > li.selected.haschild > .gn-submenu a,
#navigation .gn-menu-wt > li.selected.haschild > .gn-submenu a {
  color: var(--text-55);
  font-weight: 700;
}
#navigation .gn-menu > li > .gn-submenu .selected a,
#navigation .gn-menu > li > .gn-submenu a:hover,
#navigation .gn-menu > li > .gn-submenu a:active,
#navigation .gn-menu > li > .gn-submenu a:focus,
#navigation .gn-menu-wt > li > .gn-submenu .selected a,
#navigation .gn-menu-wt > li > .gn-submenu a:hover,
#navigation .gn-menu-wt > li > .gn-submenu a:active,
#navigation .gn-menu-wt > li > .gn-submenu a:focus {
  color: var(--text-90);
}
#navigation .gn-menu > li > .gn-submenu a:hover:after,
#navigation .gn-menu-wt > li > .gn-submenu a:hover:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 3px;
  width: 75%;
  display: block;
  content: "";
  background: var(--secondary-color);
}
#navigation .gn-menu > li > .gn-submenu .selected #navHelpNavbarBtn:after,
#navigation .gn-menu > li > .gn-submenu #navHelpNavbarBtn:hover:after,
#navigation .gn-menu > li > .gn-submenu #navHelpNavbarBtn:active:after,
#navigation .gn-menu > li > .gn-submenu #navHelpNavbarBtn:focus:after,
#navigation .gn-menu > li > .gn-submenu .selected #navDicomHelpNavbarBtn:after,
#navigation .gn-menu > li > .gn-submenu #navDicomHelpNavbarBtn:hover:after,
#navigation .gn-menu > li > .gn-submenu #navDicomHelpNavbarBtn:active:after,
#navigation .gn-menu > li > .gn-submenu #navDicomHelpNavbarBtn:focus:after,
#navigation .gn-menu-wt > li > .gn-submenu .selected #navHelpNavbarBtn:after,
#navigation .gn-menu-wt > li > .gn-submenu #navHelpNavbarBtn:hover:after,
#navigation .gn-menu-wt > li > .gn-submenu #navHelpNavbarBtn:active:after,
#navigation .gn-menu-wt > li > .gn-submenu #navHelpNavbarBtn:focus:after,
#navigation .gn-menu-wt > li > .gn-submenu .selected #navDicomHelpNavbarBtn:after,
#navigation .gn-menu-wt > li > .gn-submenu #navDicomHelpNavbarBtn:hover:after,
#navigation .gn-menu-wt > li > .gn-submenu #navDicomHelpNavbarBtn:active:after,
#navigation .gn-menu-wt > li > .gn-submenu #navDicomHelpNavbarBtn:focus:after {
  background: none;
}
#navigation .gn-menu > li > .gn-submenu #navHelpNavbarBtn .ehealthicon-ehealth-help.icon:hover,
#navigation .gn-menu > li > .gn-submenu #navDicomHelpNavbarBtn .ehealthicon-info-dicom-viewer.icon:hover,
#navigation .gn-menu-wt > li > .gn-submenu #navHelpNavbarBtn .ehealthicon-ehealth-help.icon:hover,
#navigation .gn-menu-wt > li > .gn-submenu #navDicomHelpNavbarBtn .ehealthicon-info-dicom-viewer.icon:hover {
  color: var(--primary-color);
  cursor: pointer;
}
#navigation .gn-menu > li > .gn-submenu #navHelpNavbarBtn, #navigation .gn-menu > li > .gn-submenu #navDicomHelpNavbarBtn,
#navigation .gn-menu-wt > li > .gn-submenu #navHelpNavbarBtn,
#navigation .gn-menu-wt > li > .gn-submenu #navDicomHelpNavbarBtn {
  padding: 4px;
  font-size: 26px;
}
#navigation .gn-menu > li > .gn-submenu #navHelpNavbarBtn .gn-icons-text,
#navigation .gn-menu > li > .gn-submenu #navDicomHelpNavbarBtn .gn-icons-text,
#navigation .gn-menu-wt > li > .gn-submenu #navHelpNavbarBtn .gn-icons-text,
#navigation .gn-menu-wt > li > .gn-submenu #navDicomHelpNavbarBtn .gn-icons-text {
  font-size: 14px;
}
#navigation .gn-menu > li > .gn-submenu .selected a:after,
#navigation .gn-menu > li > .gn-submenu a:hover:after,
#navigation .gn-menu > li > .gn-submenu a:active:after,
#navigation .gn-menu > li > .gn-submenu a:focus:after,
#navigation .gn-menu-wt > li > .gn-submenu .selected a:after,
#navigation .gn-menu-wt > li > .gn-submenu a:hover:after,
#navigation .gn-menu-wt > li > .gn-submenu a:active:after,
#navigation .gn-menu-wt > li > .gn-submenu a:focus:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 3px;
  width: 75%;
  display: block;
  content: "";
  background: var(--primary-color);
}
#navigation .gn-menu > li .gn-submenu,
#navigation .gn-menu > li .gn-submenu li,
#navigation .gn-menu-wt > li .gn-submenu,
#navigation .gn-menu-wt > li .gn-submenu li {
  min-width: 72px;
  display: flex;
  align-items: stretch;
}
#navigation .gn-menu > li .gn-submenu a,
#navigation .gn-menu > li .gn-submenu li a,
#navigation .gn-menu-wt > li .gn-submenu a,
#navigation .gn-menu-wt > li .gn-submenu li a {
  display: flex;
  align-items: center;
}
#navigation .gn-menu > li .gn-menu > li ul,
#navigation .gn-menu > li .gn-menu > li li,
#navigation .gn-menu-wt > li .gn-menu > li ul,
#navigation .gn-menu-wt > li .gn-menu > li li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#navigation > ul,
#navigation > ul > li,
#navigation > ul > li > nav,
#navigation > ul > li > nav > div,
#navigation > ul > li > nav > div > ul {
  height: 100%;
}
#navigation .gn-menu {
  display: flex;
  flex-direction: column;
}
#navigation .gn-menu-tooltip {
  background: var(--base-0);
  z-index: 1000;
  position: absolute;
  left: 82px;
  color: var(--text-90);
  padding: 8px;
  box-shadow: 5px 2px 5px 0px var(--text-20);
  text-overflow: inherit;
  width: auto;
  max-width: none;
  overflow: visible;
  font-size: 16px;
  white-space: nowrap;
}
#navigation .gn-menu-tooltip:before {
  border-right: 5px solid var(--base-0);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  height: 0;
  width: 0;
  display: block;
  content: "";
  position: absolute;
  margin: 0;
  top: 12px;
  left: -5px;
}

@media screen and (min-width: 768px) {
  #navigation.shui {
    width: 130px !important;
    box-shadow: 0 0 8px var(--shadow-color);
  }
  #navigation.shui .gn-menu, #navigation.shui .gn-menu-wt {
    overflow-x: hidden;
  }
  #navigation.shui .gn-menu > li > .gn-submenu, #navigation.shui .gn-menu-wt > li > .gn-submenu {
    left: 130px;
  }
  #navigation.shui .gn-menu > li, #navigation.shui .gn-menu-wt > li {
    width: 130px !important;
  }
  #navigation.shui .gn-menu > li > a:focus-visible, #navigation.shui .gn-menu-wt > li > a:focus-visible {
    outline-offset: -2px;
  }

  #navigation.shui + #wrapper {
    padding-left: 130px;
  }
}
@media screen and (max-width: 768px) {
  #navigation.shui + #wrapper {
    padding-left: 0;
  }
}
#navigation.shui {
  background-color: var(--base-0);
}
#navigation.shui .gn-menu > li a, #navigation.shui .gn-menu-shui > li a {
  display: flex;
  justify-content: center;
  position: relative;
  flex-direction: column;
  align-items: center;
}
#navigation.shui .gn-menu > li > a > span, #navigation.shui .gn-menu-wt > li > a > span {
  padding-left: 0;
}
#navigation.shui .gn-menu > li > a, #navigation.shui .gn-menu.wt > li > a {
  color: var(--text-60);
  margin: 16px 0;
  padding: 0 8px;
}
#navigation.shui .gn-menu > li.selected > a, #navigation.shui .gn-menu-wt > li.selected > a {
  color: var(--primary-color);
  border-left: 2px solid var(--primary-color);
}
#navigation.shui .gn-menu > li.selected > a:focus, #navigation.shui .gn-menu-wt > li.selected > a:focus {
  color: var(--primary-color);
}
#navigation.shui .gn-menu, #navigation.shui .gn-menu-wt {
  border-bottom: none;
  overflow-y: auto;
}
#navigation.shui .gn-menu > li, #navigation.shui .gn-menu-wt > li {
  border-bottom: none;
}
#navigation.shui .gn-menu > li .gn-icon .gn-icons-text, #navigation.shui .gn-menu-wt > li .gn-icon .gn-icons-text {
  text-align: center;
}
#navigation.shui .gn-menu > li.selected .gn-icon .gn-icons-text, #navigation.shui .gn-menu-wt > li.selected .gn-icon .gn-icons-text {
  color: var(--text-90);
}
#navigation.shui .gn-menu > li.collapsed, #navigation.shui .gn-menu-wt > li.collapsed {
  display: none;
}
#navigation.shui .gn-menu > li.separator, #navigation.shui .gn-menu-wt > li.separator {
  border-top: 1px solid var(--divider);
  margin: 16px 0;
}
#navigation.shui .gn-menu > li:hover, #navigation.shui .gn-menu > li:focus, #navigation.shui .gn-menu.wt > li:hover, #navigation.shui .gn-menu.wt > li:focus,
#navigation.shui .gn-menu > li > a:hover,
#navigation.shui .gn-menu > li > a:focus, #navigation.shui .gn-menu.wt > li > a:hover, #navigation.shui .gn-menu.wt > li > a:focus,
#navigation.shui .gn-menu > li .gn-icon .gn-icons-text:hover,
#navigation.shui .gn-menu > li .gn-icon .gn-icons-text:focus, #navigation.shui .gn-menu-wt > li .gn-icon .gn-icons-text:hover, #navigation.shui .gn-menu-wt > li .gn-icon .gn-icons-text:focus {
  background-color: var(--base-0);
}
#navigation.shui .gn-menu > li:hover, #navigation.shui .gn-menu.wt > li:hover,
#navigation.shui .gn-menu > li > a:hover, #navigation.shui .gn-menu.wt > li > a:hover,
#navigation.shui .gn-menu > li .gn-icon .gn-icons-text:hover, #navigation.shui .gn-menu-wt > li .gn-icon .gn-icons-text:hover {
  color: var(--text-90);
}
#navigation.shui .gn-menu > li.selected:hover, #navigation.shui .gn-menu > li.selected:focus, #navigation.shui .gn-menu.wt > li.selected:hover, #navigation.shui .gn-menu.wt > li.selected:focus {
  background-color: var(--base-0);
}
#navigation.shui .gn-menu > li > .gn-submenu,
#navigation.shui .gn-menu-wt > li > .gn-submenu {
  width: calc(100% - 130px);
}

#additionalNaviContent {
  display: flex;
  justify-content: flex-start;
  flex: 1 1 auto;
  height: 100%;
  align-items: stretch;
  overflow-x: auto;
  overflow-y: hidden;
}

@media screen and (max-width: 1200px) {
  #additionalNaviContent > div {
    flex: none;
    order: 2;
  }

  #additionalNaviContent #startPatientSearchButton,
#additionalNaviContent > div.selected {
    order: 1;
  }
}
#additionalNaviContentRight {
  display: flex;
  justify-content: flex-start;
  height: 100%;
  align-items: stretch;
}
#additionalNaviContentRight .x-button {
  padding: 0;
  min-width: 52px;
}
#additionalNaviContentRight button {
  margin: 0 8px;
}
#additionalNaviContentRight button div.icon {
  font-size: 34px;
  margin-bottom: 5px;
  color: var(--text-55);
}
#additionalNaviContentRight button:hover div.icon {
  color: var(--primary-color);
}

.dockbar-icon #additionalNaviContent .x-icon-el:before,
#additionalNaviContent .dockbar-icon .x-icon-el:before {
  font-size: 30px !important;
  line-height: 30px !important;
}

/* AdminItems - Edit, Preview,... */
#editLayoutPanelSidebar,
#addPanelSidebar {
  z-index: 1001;
  background: var(--base-0);
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  padding: 16px;
  width: 440px;
  box-shadow: 0 2px 4px var(--shadow-strong);
}

#editLayoutPanelSidebar h1,
#previewPanelSidebar h1,
#addPanelSidebar h1 {
  font-weight: lighter;
}
#editLayoutPanelSidebar .btn.close,
#previewPanelSidebar .btn.close,
#addPanelSidebar .btn.close {
  font-weight: bold;
  font-size: 32px;
  border: none;
  background: transparent;
  line-height: 38px;
}
#editLayoutPanelSidebar ul,
#editLayoutPanelSidebar li,
#previewPanelSidebar ul,
#previewPanelSidebar li,
#addPanelSidebar ul,
#addPanelSidebar li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#editLayoutPanelSidebar #_145_layoutsNav,
#editLayoutPanelSidebar .nav-pills,
#previewPanelSidebar #_145_layoutsNav,
#previewPanelSidebar .nav-pills,
#addPanelSidebar #_145_layoutsNav,
#addPanelSidebar .nav-pills {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--highlight-5);
  padding: 16px;
  margin-bottom: 16px;
}
#editLayoutPanelSidebar #_145_layoutsNav a,
#editLayoutPanelSidebar .nav-pills a,
#previewPanelSidebar #_145_layoutsNav a,
#previewPanelSidebar .nav-pills a,
#addPanelSidebar #_145_layoutsNav a,
#addPanelSidebar .nav-pills a {
  color: var(--primary-color);
}
#editLayoutPanelSidebar #_145_layoutsNav a:hover,
#editLayoutPanelSidebar .nav-pills a:hover,
#previewPanelSidebar #_145_layoutsNav a:hover,
#previewPanelSidebar .nav-pills a:hover,
#addPanelSidebar #_145_layoutsNav a:hover,
#addPanelSidebar .nav-pills a:hover {
  text-decoration: none;
}
#editLayoutPanelSidebar #_145_layoutsNav .active a,
#editLayoutPanelSidebar .nav-pills .active a,
#previewPanelSidebar #_145_layoutsNav .active a,
#previewPanelSidebar .nav-pills .active a,
#addPanelSidebar #_145_layoutsNav .active a,
#addPanelSidebar .nav-pills .active a {
  background: var(--primary-color);
  text-align: center;
  width: fit-content;
  line-height: 24px;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: capitalize;
  border-radius: 32px;
  border: 0;
  width: 100%;
  color: var(--base-0);
  padding: 8px;
  cursor: pointer;
  max-width: 160px;
  display: inline-block;
  text-align: center;
}
#editLayoutPanelSidebar #_145_layoutsNav a,
#previewPanelSidebar #_145_layoutsNav a,
#addPanelSidebar #_145_layoutsNav a {
  color: var(--text-55);
  display: flex;
  font-size: 14px;
  align-items: center;
}
#editLayoutPanelSidebar #_145_layoutsNav a:hover, #editLayoutPanelSidebar #_145_layoutsNav a:active,
#previewPanelSidebar #_145_layoutsNav a:hover,
#previewPanelSidebar #_145_layoutsNav a:active,
#addPanelSidebar #_145_layoutsNav a:hover,
#addPanelSidebar #_145_layoutsNav a:active {
  color: var(--primary-color);
  text-decoration: none;
}
#editLayoutPanelSidebar #_145_layoutsNav a i:before,
#previewPanelSidebar #_145_layoutsNav a i:before,
#addPanelSidebar #_145_layoutsNav a i:before {
  font-family: "Material Icons";
  font-style: normal;
  content: "\e897";
  font-size: 18px;
  display: block;
  line-height: 18px;
}
#editLayoutPanelSidebar #_145_layoutsNav a .icon-lock:before,
#previewPanelSidebar #_145_layoutsNav a .icon-lock:before,
#addPanelSidebar #_145_layoutsNav a .icon-lock:before {
  content: "\e897";
}
#editLayoutPanelSidebar #_145_layoutsNav a .icon-remove:before,
#previewPanelSidebar #_145_layoutsNav a .icon-remove:before,
#addPanelSidebar #_145_layoutsNav a .icon-remove:before {
  content: "\e872";
}
#editLayoutPanelSidebar #_145_layoutsNav a .icon-list-alt:before,
#previewPanelSidebar #_145_layoutsNav a .icon-list-alt:before,
#addPanelSidebar #_145_layoutsNav a .icon-list-alt:before {
  content: "\e896";
}
#editLayoutPanelSidebar .control-label,
#previewPanelSidebar .control-label,
#addPanelSidebar .control-label {
  width: 100%;
  display: block;
  font-weight: bold;
  position: relative;
  top: 0;
  left: 0;
  padding: 8px;
}

#editLayoutPanelSidebar .edit-layout-form {
  max-height: calc(100vh - 214px);
  overflow: auto;
}
#editLayoutPanelSidebar .edit-layout-form fieldset {
  padding: 16px;
  margin: 0 0 16px;
  background: var(--highlight-5);
  border: 0;
}
#editLayoutPanelSidebar .site-admin-link {
  color: var(--primary-color);
}
#editLayoutPanelSidebar .site-admin-link:hover {
  text-decoration: none;
}
#editLayoutPanelSidebar .fieldset > div > .control-group {
  margin-bottom: 16px;
}

#editLayoutPanelSidebar .lfr-input-text,
.language-value {
  padding: 8px;
  width: 100%;
}

#editLayoutPanelSidebar .lfr-input-text.focus,
#addPanelSidebar .lfr-input-text.focus {
  color: var(--primary-color);
}
#editLayoutPanelSidebar .input-localized .palette-item-inner,
#editLayoutPanelSidebar .input-localized-content .palette-item-inner,
#addPanelSidebar .input-localized .palette-item-inner,
#addPanelSidebar .input-localized-content .palette-item-inner {
  position: relative;
}
#editLayoutPanelSidebar .input-localized-content,
#addPanelSidebar .input-localized-content {
  margin-top: 10px;
}
#editLayoutPanelSidebar .input-localized .palette-item-selected .lfr-input-localized-state,
#editLayoutPanelSidebar .input-localized-content .palette-item-selected .lfr-input-localized-state,
#addPanelSidebar .input-localized .palette-item-selected .lfr-input-localized-state,
#addPanelSidebar .input-localized-content .palette-item-selected .lfr-input-localized-state {
  position: absolute;
  top: -5px;
  left: -7px;
  height: 15px;
  width: 20px;
  z-index: -1;
}
#editLayoutPanelSidebar label.checkbox,
#addPanelSidebar label.checkbox {
  display: flex;
  align-items: center;
  position: relative;
}
#editLayoutPanelSidebar label.checkbox .field,
#addPanelSidebar label.checkbox .field {
  width: auto;
}
#editLayoutPanelSidebar label > .taglib-icon-help,
#addPanelSidebar label > .taglib-icon-help {
  position: relative;
}
#editLayoutPanelSidebar .taglib-icon-help img + span,
#addPanelSidebar .taglib-icon-help img + span {
  display: none;
  position: absolute;
  top: 150%;
  right: -16px;
  background: var(--base-0);
  padding: 8px;
  font-size: 12px;
  box-shadow: 0 2px 4px var(--highlight-5);
  min-width: 100px;
  z-index: 2;
}
#editLayoutPanelSidebar label .taglib-icon-help img + span:before,
#addPanelSidebar label .taglib-icon-help img + span:before {
  border-bottom: 10px solid var(--base-0);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  height: 0;
  width: 0;
  display: block;
  content: "";
  position: absolute;
  top: -10px;
  right: 16px;
}
#editLayoutPanelSidebar label .taglib-icon-help img:hover + span,
#addPanelSidebar label .taglib-icon-help img:hover + span {
  display: block;
}
#editLayoutPanelSidebar .radio,
#addPanelSidebar .radio {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#editLayoutPanelSidebar .radio .field,
#addPanelSidebar .radio .field {
  width: auto;
}

#editLayoutPanelSidebar .lfr-inherit-theme-options {
  padding: 8px;
}
#editLayoutPanelSidebar .lfr-current-theme legend,
#editLayoutPanelSidebar .lfr-theme-options legend {
  font-weight: lighter;
  font-size: 20px;
  padding-bottom: 16px;
}
#editLayoutPanelSidebar .lfr-current-theme legend + div {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#editLayoutPanelSidebar .lfr-current-theme .theme-title {
  color: var(--primary-color);
  font-size: 12px;
}
#editLayoutPanelSidebar .lfr-current-theme .theme-fields {
  margin: 8px 0;
}
#editLayoutPanelSidebar .lfr-current-theme .theme-fields dt {
  font-size: 12px;
}
#editLayoutPanelSidebar .lfr-current-theme .theme-fields dd {
  font-size: 14px;
  color: var(--text-55);
}
#editLayoutPanelSidebar .btn-toolbar {
  display: flex;
}
#editLayoutPanelSidebar .btn-toolbar .field,
#editLayoutPanelSidebar #_145_addPageFm .field {
  padding: 8px;
}
#editLayoutPanelSidebar .btn-toolbar .btn-group {
  display: flex;
}

#addPanelSidebar li.lfr-content-item {
  color: var(--primary-color);
  padding: 0 8px;
  font-size: 14px;
}

.accordion {
  margin: 0;
}
.accordion .accordion-group .accordion-heading {
  background: var(--base-0);
  padding: 8px 16px;
  box-shadow: 0 2px 4px var(--highlight-5);
  margin-bottom: 8px;
  position: relative;
}
.accordion .accordion-group .accordion-heading:after {
  font-family: "Material Icons";
  font-style: normal;
  content: "\e315";
  font-size: 28px;
  display: block;
  line-height: 35px;
  position: absolute;
  top: 0;
  right: 0;
}
.accordion .accordion-group .accordion-heading.toggler-header-expanded {
  color: var(--primary-color);
}
.accordion .accordion-group .accordion-heading.toggler-header-expanded:after {
  content: "\e313";
}

.icon-th-large:before,
.icon-stop:before,
.icon-th-list:before,
.icon-list:before,
.icon-file:before {
  font-family: "Material Icons";
  font-style: normal;
  content: "\e8f0";
  font-size: 26px;
  display: inline-block;
  line-height: 26px;
}

.icon-th-large:before {
  content: "\e8f0";
}

.icon-stop:before {
  content: "\e047";
}

.icon-list:before {
  content: "\e896";
}

.icon-th-list:before {
  content: "\e8ef";
}

.icon-file:before {
  content: "\e24d";
}

.lfr-content-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lfr-add-panel .add-content-menu .lfr-content-item .drag-content-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.lfr-add-panel .add-content-menu .lfr-content-item .add-content-item {
  position: relative;
}

#addApplicationPanelContainer {
  background: var(--highlight-5);
  padding: 6px;
  overflow: auto;
  max-height: calc(100vh - 450px);
}

.lfr-add-apps-legend span {
  display: flex;
  align-items: center;
}

#_145_addPageFm .fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
#_145_addPageFm .input-container {
  max-height: calc(100vh - 265px);
  overflow: auto;
  border: none;
}

#addLayoutSubmit {
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: capitalize;
  border-radius: 32px;
  border: 0;
  padding: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: auto;
  background: var(--primary-color);
  color: var(--base-0);
  padding: 8px 16px;
  max-width: 160px;
  display: inline-block;
}

#_145_cancelAddOperation {
  border: 1px solid var(--primary-color);
  text-align: center;
  width: fit-content;
  line-height: 24px;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: capitalize;
  border-radius: 32px;
  color: var(--primary-color);
  padding: 8px 16px;
  cursor: pointer;
  max-width: 160px;
  display: inline-block;
  text-align: center;
  background: var(--base-0);
}

.icon-minus,
.icon-folder-open,
.icon-check,
.icon-folder-close {
  font-family: "fontawesome-alloy";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.lfr-edit-layout-panel .taglib-form-navigator .button-holder,
.lfr-add-panel .add-content-menu .lfr-add-page-toolbar {
  background: var(--base-0);
}

.lfr-add-panel .add-content-menu .lfr-page-template:hover {
  background: var(--highlight-10);
}

/*CSSLOADER*/
.sk-fading-circle:before {
  content: "";
  width: 16px;
  border-radius: 50%;
  height: 16px;
  display: block;
  background: var(--primary-color);
  top: 12px;
  left: 12px;
  position: relative;
}

.sk-fading-circle .sk-circle {
  display: none !important;
}

/* CONTROL PANEL */
.panel-manage-frontpage .control-panel-home-menu .row-fluid,
.panel-manage-frontpage .control-panel-home-menu .control-panel-home-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.panel-manage-frontpage .control-panel-home-menu .row-fluid .span3 {
  padding: 16px;
  width: 25%;
}

.control-panel-layout .dockbarbodyContent {
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background: var(--base-0);
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /*.brand + .nav-collapse {
    display:flex;
    align-items:center;
    justify-content:flex-start;
    position:relative;
    top:auto;
    right:auto;
    transform:none;
    min-width:auto;
    opacity:1;
    margin:0;
    padding:0;
    .nav-navigation {
  	  display:flex;
  	  align-items:center;
  	  justify-content:flex-start;
  	  padding:0;
  	  margin:0;
  	  li a {
  		  padding:8px 16px;
  		  display:flex;
  		  align-items:center;
  		  justify-content:center;
  	  }
    }
   }*/
}
.control-panel-layout .dockbarbodyContent a {
  color: var(--text-90);
}
.control-panel-layout .dockbarbodyContent a:hover {
  color: var(--primary-color);
  text-decoration: none;
}
.control-panel-layout .dockbarbodyContent .brand {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.control-panel-layout .dockbarbodyContent .control-panel-back-link {
  position: relative;
}
.control-panel-layout .dockbarbodyContent .control-panel-back-link:hover {
  text-decoration: none;
}
.control-panel-layout .dockbarbodyContent .control-panel-back-link:hover .control-panel-back-text {
  transform: scale(1);
  top: 100%;
  clip: unset !important;
  left: 100%;
  background: var(--base-0);
  padding: 3px 6px;
  border-radius: 6px;
  border: 1px solid var(--highlight-10);
}
.control-panel-layout .dockbarbodyContent .control-panel-back-icon:before {
  font-family: "Material Icons";
  font-style: normal;
  content: "\e5cb";
  font-size: 26px;
  display: block;
  line-height: 26px;
}
.control-panel-layout .dockbarbodyContent h1 {
  font-weight: lighter;
  margin: 0;
  padding: 0;
  display: flex;
}
.control-panel-layout .dockbarbodyContent #_145_navSiteNavigation i:before {
  font-family: "Material Icons";
  font-style: normal;
  content: "\e7fd";
  font-size: 18px;
  display: inline-block;
  line-height: 18px;
}
.control-panel-layout .dockbarbodyContent #_145_navSiteNavigation .icon-user:before {
  content: "\e7fd";
}
.control-panel-layout .dockbarbodyContent #_145_navSiteNavigation .icon-globe:before {
  content: "\e894";
}
.control-panel-layout .dockbarbodyContent #_145_navSiteNavigation .icon-th:before {
  content: "\e5c3";
}
.control-panel-layout .dockbarbodyContent #_145_navSiteNavigation .icon-cog:before {
  content: "\e8b8";
}

.control-panel-layout header#banner .site-title {
  display: none;
}
.control-panel-layout .hide-accessible {
  display: none;
}
.control-panel-layout .tooltip-content {
  background: var(--base-0);
}
.control-panel-layout .control-panel-home-category-header {
  font-weight: lighter;
  color: var(--primary-color);
}
.control-panel-layout ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.control-panel-layout .control-panel-home-link a {
  color: var(--text-90);
  padding: 8px;
  display: inline-block;
}
.control-panel-layout .control-panel-home-link a img {
  padding-right: 8px;
}
.control-panel-layout #content .control-panel-home-link a:hover,
.control-panel-layout #content .control-panel-home-link a:hover .taglib-text {
  text-decoration: none;
}

.control-panel-layout .control-panel-home-category-header a,
.control-panel-layout #content-wrapper .control-panel-home-menu .control-panel-home-category-header a:hover {
  color: var(--primary-color);
  text-decoration: none;
}

.taglib-icon-help {
  position: relative;
}
.taglib-icon-help .tooltip-text {
  display: none;
}
.taglib-icon-help:hover .tooltip-text {
  display: block;
  position: absolute;
  top: 32px;
  left: -100px;
  width: 200px;
  background: var(--base-0);
  padding: 8px;
  z-index: 100;
  font-size: 12px;
}
.taglib-icon-help .tooltip-text:before {
  border-bottom: 10px solid var(--base-0);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  height: 0;
  width: 0;
  display: block;
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  margin: auto;
}

.tooltip-help {
  display: none;
}

.aui.sense #content .pull-right {
  float: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.table-bordered {
  border-collapse: collapse;
  color: var(--text-90);
}

.table-bordered a {
  color: var(--text-90);
}

.table-bordered td,
.table-bordered th {
  border: 1px solid var(--highlight-5);
  padding: 8px;
}

.table-bordered th {
  background: var(--base-0);
  color: var(--primary-color);
  font-weight: lighter;
}

.table-bordered th a {
  color: var(--primary-color);
}

.table-bordered tr:nth-of-type(even) td {
  background: var(--highlight-5);
}

.taglib-search-toggle-advanced {
  background: var(--base-0);
  padding: 8px;
  position: relative;
  display: none;
}

.yui3-widget-bd .dropdown-menu {
  background: var(--base-0);
  padding: 8px;
}

.yui3-widget-bd .dropdown-menu {
  box-shadow: 0 2px 4px var(--shadow-light);
}

.yui3-widget-bd .dropdown-menu a {
  color: var(--primary-color);
}

.taglib-search-toggle-advanced:before {
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  margin: auto;
  height: 0;
  width: 0;
  border-bottom: 10px solid var(--base-0);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  content: "";
}

.taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector,
.taglib-page-iterator .lfr-pagination-config .lfr-pagination-page-selector {
  margin: 4px 0;
  display: block;
}

.taglib-page-iterator .lfr-pagination-buttons {
  display: flex;
}

.lfr-pagination-buttons a {
  color: var(--primary-color);
  text-align: center;
  line-height: 18px;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: capitalize;
  border-radius: 32px;
  border: 0;
  background: var(--base-0);
  padding: 8px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 16px;
  min-width: 50px;
}

.lfr-pagination-buttons a:hover {
  text-decoration: none;
}

.lfr-pagination-buttons .disabled a {
  color: var(--text-55);
  background: var(--highlight-5);
}

.dropdown.lfr-icon-menu {
  display: none;
}

.panel-page-body .site-title {
  font-weight: lighter;
  margin-top: 0;
}

.panel-page-body .site-title a {
  color: var(--primary-color);
}

.panel-page-body .site-title a:hover {
  text-decoration: none;
}

#controlPanelSiteHeading .control-panel-back-icon:before {
  font-family: "Material Icons";
  font-style: normal;
  content: "\e14a";
  font-size: 18px;
  display: inline-block;
  line-height: 18px;
  color: var(--primary-color);
}

.visit-links {
  font-size: 12px;
  line-height: 14px;
}
.visit-links a {
  color: var(--primary-color);
}
.visit-links a:hover {
  text-decoration: none !important;
}

.license-form .btn {
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: capitalize;
  border-radius: 32px;
  border: 0;
  padding: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: auto;
  background: var(--primary-color);
  color: var(--color-button);
}

.panel-manage-frontpage .row-fluid {
  display: flex;
}
.panel-manage-frontpage .row-fluid .panel-page-menu {
  width: 300px;
}
.panel-manage-frontpage .row-fluid .panel-page-menu a {
  padding: 8px;
  color: var(--primary-color);
  display: inline-block;
}
.panel-manage-frontpage .row-fluid .panel-page-menu a img {
  padding-right: 8px;
}
.panel-manage-frontpage .row-fluid .panel-page-menu .search-panels {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 16px;
}
.panel-manage-frontpage .row-fluid .panel-page-application {
  flex: 1;
}
.panel-manage-frontpage .row-fluid .panel-page-application .tree-node-content {
  display: flex;
  color: var(--text-55);
}
.panel-manage-frontpage .row-fluid .panel-page-application .tree-node-content a {
  color: var(--text-55);
}
.panel-manage-frontpage .row-fluid .panel-page-application .tree-node-content a:hover {
  text-decoration: none;
}
.panel-manage-frontpage .row-fluid .panel-page-application .tree-node-content:hover {
  text-decoration: none;
}
.panel-manage-frontpage .row-fluid .panel-page-application .tree-node-content .icon-minus:before {
  font-family: "Material Icons";
  font-style: normal;
  content: "\e145";
  font-size: 18px;
  display: inline-block;
  line-height: 18px;
}
.panel-manage-frontpage .row-fluid .panel-page-application .tree-node-content .icon-plus:before {
  font-family: "Material Icons";
  font-style: normal;
  content: "\e15b";
  font-size: 18px;
  display: inline-block;
  line-height: 18px;
}

/*.input-radio-wrapper {
	.field {
		display:none;
	}
	.radio {
		position:relative;
		padding:4px 4px 4px 44px;
		cursor:pointer;
		color: var(--text-90);
		font-size:14px;
		line-height:24px;
		&:before {
			position:absolute;
			top:0;
			left:0;
			height:16px;
			width:32px;
			margin:5px;
			background:var(--highlight-10);
			border-radius:16px;
			content:"";
			display:block;
		}
		&:after {
			position:absolute;
			top:0;
			left:0;
			height:16px;
			width:16px;
			margin:5px;
			background:var(--text-55);
			border-radius:16px;
			content:"";
			display:block;
			transition: .2s all ease-in-out;
		}
		&.active:after {
			position:absolute;
			top:0;
			left:16px;
			background:var(--primary-color);
			border-radius:16px;
		}
	}
}*/
.dockbar-messages {
  cursor: pointer;
}
.dockbar-messages.active .user-notifications {
  display: block;
}
.dockbar-messages .user-notifications {
  display: none;
  position: absolute;
  top: 72px;
  list-style-type: none;
  right: 0;
  background: var(--base-0);
}

.dockbar-user-notifications {
  display: none;
}

.dockbar-icon .x-icon-el {
  height: auto !important;
  width: auto !important;
}

.dockbar-icon .x-icon-el:before {
  font-size: 26px !important;
  line-height: 26px !important;
}

/* MENU ICONS */
.menu-icon {
  display: inline-block;
  font-family: "ehealthfont";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-size: 36px;
}

.aui {
  /*.controls-visible {
    #wrapper {
  	  #content {
  		  .portlet-borderless-container {
  			  min-height: 29px;
  		  }
  	  }
    }
   }*/
}
.aui #wrapper #content .portlet-borderless-container {
  min-height: 1px;
  padding: 8px 16px 0;
}

.controls-visible .show-controls {
  display: none;
}

.controls-hidden .remove-controls {
  display: none;
}

.aui #wrapper #content .sense-portlet.additionalPadding {
  padding: 0 16px;
  overflow: visible;
}
.aui #wrapper #content .sense-portlet.additionalPadding > .x-panel {
  margin-top: 8px;
}

/* other icons */
.ehealthfont {
  display: inline-block;
  font-family: "ehealthfont" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-size: 18px;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: transparent;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 8px 8px transparent;
  border: solid 2px transparent;
}

::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 8px 8px var(--text-20);
  border: solid 2px transparent;
  border-radius: 10px;
}

.modal.modal-hidden {
  display: none;
}

body > .modal {
  overflow-y: hidden;
}

.modal {
  background: var(--base-0);
  padding: 16px;
  overflow-x: hidden;
  overflow-y: auto;
  box-shadow: 0 0 10px 5px var(--shadow-strong);
}
.modal .modal-header {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.modal .modal-header h3 {
  font-weight: 300;
  font-size: 26px;
  margin: 0;
}
.modal .modal-header .close {
  background: none;
  border: none;
  font-size: 32px;
  color: var(--primary-color);
  cursor: pointer;
}
.modal .tab-content .tab-pane {
  display: none;
  border: none;
}
.modal .tab-content .tab-pane.active {
  display: block;
}
.modal .tab-content .tab-pane .control-label {
  position: relative;
  top: 0;
  left: 0;
}
.modal .tab-content .tab-pane .checkbox {
  display: inline-block;
}
.modal .nav-tabs {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}
.modal .nav-tabs a.tab-label {
  color: var(--text-55);
  background: var(--highlight-5);
  padding: 24px 32px;
  display: block;
  position: relative;
}
.modal .nav-tabs a.tab-label:hover {
  text-decoration: none;
}
.modal .nav-tabs a.tab-label:hover:after, .modal .nav-tabs a.tab-label:focus-visible:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 3px;
  width: 75%;
  display: block;
  content: "";
  background: var(--primary-color);
}
.modal .nav-tabs .active a.tab-label:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 3px;
  width: 75%;
  display: block;
  content: "";
  background: var(--primary-color);
}

.yui3-color-picker-popover {
  background: var(--base-0);
  padding: 8px;
  max-width: 225px;
  border: 1px solid var(--highlight-5);
}

/* TODO: move to right portlet */
.x-panel.listccappointmentsportlet > div > .x-panel-body {
  padding: 16px !important;
}

.x-panel.listccappointmentsportlet .x-panel-body .x-grid-row-expander:before {
  content: "\f12a" !important;
  font-family: ehealthfont !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
}

.x-panel.listccappointmentsportlet .x-panel-body .x-grid-row-collapsed .x-grid-row-expander:before {
  content: "\f129" !important;
}

.x-panel.listccappointmentsportlet .x-panel-body .appointment-grid table {
  background: rgba(255, 255, 255, 0.5);
}

.aui.sense .patientClass .patient-compare-view input.x-form-field {
  padding-top: 10px;
  padding-bottom: 0;
}

.aui.sense .patientClass .patient-compare-view .x-toolbar input.x-form-field {
  padding-top: 5px;
  padding-bottom: 4px;
}

/* CUSTOM LOADING MASK */
@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.customLoadingMask:before {
  background: var(--base-2);
  content: "";
  display: block;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.75;
}

@-ms-keyframes spinIE {
  0% {
    border-top: 6px solid var(--primary-color);
    border-bottom: 6px solid var(--primary-color);
    border-right: 6px solid var(--text-20);
    border-left: 6px solid var(--text-20);
  }
  40% {
    border-top: 6px solid var(--primary-color);
    border-bottom: 6px solid var(--primary-color);
    border-right: 6px solid var(--text-20);
    border-left: 6px solid var(--text-20);
  }
  50% {
    border-right: 6px solid var(--primary-color);
    border-left: 6px solid var(--primary-color);
    border-top: 6px solid var(--text-20);
    border-bottom: 6px solid var(--text-20);
  }
  90% {
    border-right: 6px solid var(--primary-color);
    border-left: 6px solid var(--primary-color);
    border-top: 6px solid var(--text-20);
    border-bottom: 6px solid var(--text-20);
  }
  100% {
    border-top: 6px solid var(--primary-color);
    border-bottom: 6px solid var(--primary-color);
    border-right: 6px solid var(--text-20);
    border-left: 6px solid var(--text-20);
  }
}
@-moz-keyframes spinIE {
  0% {
    border-top: 6px solid var(--primary-color);
    border-bottom: 6px solid var(--primary-color);
    border-right: 6px solid var(--text-20);
    border-left: 6px solid var(--text-20);
  }
  40% {
    border-top: 6px solid var(--primary-color);
    border-bottom: 6px solid var(--primary-color);
    border-right: 6px solid var(--text-20);
    border-left: 6px solid var(--text-20);
  }
  50% {
    border-right: 6px solid var(--primary-color);
    border-left: 6px solid var(--primary-color);
    border-top: 6px solid var(--text-20);
    border-bottom: 6px solid var(--text-20);
  }
  90% {
    border-right: 6px solid var(--primary-color);
    border-left: 6px solid var(--primary-color);
    border-top: 6px solid var(--text-20);
    border-bottom: 6px solid var(--text-20);
  }
  100% {
    border-top: 6px solid var(--primary-color);
    border-bottom: 6px solid var(--primary-color);
    border-right: 6px solid var(--text-20);
    border-left: 6px solid var(--text-20);
  }
}
@-webkit-keyframes spinIE {
  0% {
    border-top: 6px solid var(--primary-color);
    border-bottom: 6px solid var(--primary-color);
    border-right: 6px solid var(--text-20);
    border-left: 6px solid var(--text-20);
  }
  40% {
    border-top: 6px solid var(--primary-color);
    border-bottom: 6px solid var(--primary-color);
    border-right: 6px solid var(--text-20);
    border-left: 6px solid var(--text-20);
  }
  50% {
    border-right: 6px solid var(--primary-color);
    border-left: 6px solid var(--primary-color);
    border-top: 6px solid var(--text-20);
    border-bottom: 6px solid var(--text-20);
  }
  90% {
    border-right: 6px solid var(--primary-color);
    border-left: 6px solid var(--primary-color);
    border-top: 6px solid var(--text-20);
    border-bottom: 6px solid var(--text-20);
  }
  100% {
    border-top: 6px solid var(--primary-color);
    border-bottom: 6px solid var(--primary-color);
    border-right: 6px solid var(--text-20);
    border-left: 6px solid var(--text-20);
  }
}
@keyframes spinIE {
  0% {
    border-top: 6px solid var(--primary-color);
    border-bottom: 6px solid var(--primary-color);
    border-right: 6px solid var(--text-20);
    border-left: 6px solid var(--text-20);
  }
  40% {
    border-top: 6px solid var(--primary-color);
    border-bottom: 6px solid var(--primary-color);
    border-right: 6px solid var(--text-20);
    border-left: 6px solid var(--text-20);
  }
  50% {
    border-right: 6px solid var(--primary-color);
    border-left: 6px solid var(--primary-color);
    border-top: 6px solid var(--text-20);
    border-bottom: 6px solid var(--text-20);
  }
  90% {
    border-right: 6px solid var(--primary-color);
    border-left: 6px solid var(--primary-color);
    border-top: 6px solid var(--text-20);
    border-bottom: 6px solid var(--text-20);
  }
  100% {
    border-top: 6px solid var(--primary-color);
    border-bottom: 6px solid var(--primary-color);
    border-right: 6px solid var(--text-20);
    border-left: 6px solid var(--text-20);
  }
}
.customLoadingMask:after {
  content: "";
  position: absolute;
  top: calc(50% - 15px);
  left: calc(50% - 15px);
  z-index: 11;
  border: 6px solid var(--text-20);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  border-top: 6px solid var(--primary-color);
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  -ms-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
  font-size: 0;
  line-height: 30px;
  box-sizing: border-box;
}

.x-edge .customLoadingMask:after {
  content: "";
  position: absolute;
  top: calc(50% - 15px);
  left: calc(50% - 15px);
  z-index: 11;
  border: 6px solid var(--text-20);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  -webkit-animation: spinIE 1s linear infinite;
  -moz-animation: spinIE 1s linear infinite;
  -ms-animation: spinIE 1s linear infinite;
  animation: spinIE 1s linear infinite;
  font-size: 0;
  line-height: 30px;
  box-sizing: border-box;
}

.secondFactorType option {
  display: none;
  z-index: -1;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.selectDropdown {
  position: absolute;
  top: calc(100% - 3px);
  left: 4px;
  width: calc(100% - 8px);
  background: var(--base-1);
  z-index: 10;
  border-radius: 4px;
  box-shadow: 0px 4px 10px var(--text-20);
}
.selectDropdown div {
  padding: 8px;
  cursor: pointer;
}
.selectDropdown div:hover, .selectDropdown div:focus-visible {
  background: var(--text-20);
}

.bold {
  font-weight: bold !important;
}

.otp .app {
  padding-bottom: 16px;
}

.x-viewport .x-viewport-body-el > .x-container > .x-body-el > div {
  height: 100%;
}

.aui.sense .x-listitem {
  background-color: var(--base-1);
}

.aui.sense .x-list.x-dataview .x-list-item,
.aui.sense .x-list .x-list-outer-ct {
  background-color: var(--base-1);
}

.codeLine-container .codeLine {
  display: inline-block;
  background: var(--secondary-color);
  color: var(--base-0);
  font-weight: bold;
  padding: 8px 16px;
}

.center {
  text-align: center;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

/* NEW PASSWORD PORTLET */
#portlet_new-password {
  background: var(--base-1);
  border-radius: 3px;
  margin: 16px;
  box-shadow: 0 2px 4px var(--shadow-strong);
  padding: 16px;
  max-width: 550px;
}

#portlet_new-password h1 {
  margin: 0;
  font-family: var(--font-header);
  font-weight: normal;
  font-size: 17px;
}

#portlet_new-password .portlet-content {
  padding: 0;
}

#portlet_new-password .alert {
  margin-left: 0;
  margin-right: 0;
}

#portlet_new-password .fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

#portlet_new-password .fieldset-legend {
  display: none;
}

#portlet_new-password .button-holder {
  margin-top: 10px;
  margin-bottom: 0;
  text-align: right;
}

#portlet_new-password .btn-primary {
  margin-top: 10px;
  width: auto;
  padding: 8px 16px;
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  margin: 4px;
}

.headerIcon {
  color: var(--text-55);
  cursor: pointer;
}

.headerIcon.selected {
  color: var(--text-90);
}

.headerIcon.selected:after {
  content: "";
  display: block;
  background: var(--primary-color);
  height: 3px;
  width: 75%;
  margin: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.aui.sense .x-tab.x-button.x-hovered .x-inner-el {
  background: transparent;
}

.aui.sense .x-form-trigger-wrap-default.x-form-trigger-wrap {
  border: 1px solid transparent;
}

.aui.sense .x-form-trigger-wrap-default.x-form-trigger-wrap.x-form-trigger-wrap-invalid {
  border: 1px solid var(--functional-red);
}

/* Security Settings Portlet */
.auth-method .big {
  font-size: 150%;
}

.auth-img {
  font-size: 48px;
  line-height: 54px;
  padding-right: 16px;
}

.device-img {
  font-size: 30px;
  line-height: 32px;
  padding-right: 16px;
  display: flex;
}

.flex {
  display: flex;
  align-items: center;
}

.flex1 {
  flex: 1;
}

.aui.sense .trusted-devices .x-button {
  padding: 0;
}

.aui.sense .trusted-devices .x-button .x-icon-el {
  height: 18px;
  width: 18px;
}

.trusted-devices .x-container {
  border-bottom: 1px solid var(--text-20);
}

.trusted-devices-header {
  border-bottom: 1px solid var(--text-20);
}

.card-layout,
.card-layout.data-item {
  border-radius: 4px;
  box-shadow: 0 0 10px var(--shadow-strong);
  background: var(--base-0);
}

.card-layout .x-paneltitle {
  padding: 0;
}

.rec-nr {
  padding: 0 8px;
  color: var(--text-55);
}

.rec-code {
  font-size: 180%;
  font-weight: bold;
  padding: 0 8px;
}

.recovery-codes .x-container {
  border-bottom: 1px solid var(--text-20);
}

.recovery-codes > .x-body-el {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid var(--text-20);
  margin-top: 16px;
  max-height: 100px;
  flex-direction: column;
}

/* Patient Query Result Portlet */
/*.aui.sense .patient-compare-view div[class*='property-container'] .x-form-cb-checked .x-form-checkbox-default:before,
.aui.sense .currentPatientContainer div[class*='property-container'] .x-form-cb-checked .x-form-checkbox-default:before,
.aui.sense .matching-patients-label div[class*='property-container'] .x-form-cb-checked .x-form-checkbox-default:before {
	content:"\f14e";
	font-family: 'ehealthfont';
	color: var(--text-90);
}
.aui.sense .patient-compare-view div[class*='property-container'] .x-form-checkbox-default:before,
.aui.sense .currentPatientContainer div[class*='property-container'] .x-form-checkbox-default:before,
.aui.sense .matching-patients-label div[class*='property-container'] .x-form-checkbox-default:before {
	content:"\f150";
	font-family: 'ehealthfont';
	color: var(--text-90);
}
.aui.sense .patient-compare-view .x-panel-header-title-default,
.aui.sense .currentPatientContainer .x-panel-header-title-default {
	font-size:14px;
	font-family: 'Calibri';
}*/
.primaryColor.x-action-col-icon {
  color: var(--primary-color) !important;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(0deg);
  }
  85% {
    transform: rotate(15deg);
  }
  95% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes wiggle {
  0% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(0);
  }
  85% {
    transform: translateX(5px);
  }
  95% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes zoom {
  0% {
    transform: scale(1);
  }
  80% {
    transform: scale(1);
  }
  85% {
    transform: scale(1.25);
  }
  95% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}
.animatedNote {
  display: inline-block;
  animation: rotate 2.5s infinite;
  position: relative;
}

.newNote {
  position: absolute !important;
  bottom: 10px;
  right: 10px;
  font-weight: bold;
  color: var(--primary-color) !important;
}

/* .newNote:after {
	position:absolute;
	bottom:15px;
	right:15px;
	background:var(--secondary-color);
	height:10px;
	width:10px;
	border-radius:10px;
	content:"";
}*/
.animatedNote:hover {
  animation: none;
}

.x-btn.hidden {
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

.x-toolbar-item.x-btn,
.aui.sense .x-body .x-btn-default-small.x-btn,
.aui.sense .x-body .x-btn-default-toolbar-small.x-btn {
  border-radius: 30px;
}

.aui.sense .x-btn-icon-top .x-btn-icon-el {
  font-size: 20px;
  line-height: 30px;
  height: auto;
}

.productiveValueSet {
  border-left: 3px solid var(--functional-green);
}

.activeValueSet {
  border-left: 3px solid var(--functional-yellow);
}

.inactiveValueSet {
  border-left: 3px solid var(--functional-red);
}

.spacerButton {
  opacity: 0;
  height: 0;
  overflow: hidden;
}

/* Domain Policy Editor */
.aui.sense .x-fieldset.andContainer,
.aui.sense .x-fieldset.orContainer {
  padding: 5px 0 5px 10px;
}

.andContainer + .x-container {
  margin-top: -5px !important;
}

.andContainer > legend {
  background: var(--secondary-color);
  border-radius: 10px;
  font-size: 12px;
  line-height: 12px;
  position: absolute;
  top: calc(50% - 12px);
  left: -5px;
  transform: rotate(-90deg);
  padding: 3px 6px !important;
  z-index: 10;
  text-transform: uppercase;
}

.andContainer > legend.x-fieldset-header-default > .x-fieldset-header-text {
  font-size: 12px !important;
  line-height: 12px !important;
  color: var(--base-0) !important;
  padding: 0 !important;
}

.andContainer > .x-fieldset-body {
  border-left: 4px solid var(--secondary-color);
  padding-left: 16px !important;
}

.orContainer {
  padding-left: 10px !important;
}

.orContainer > legend {
  display: none !important;
  background: var(--primary-color);
  border-radius: 10px;
  font-size: 12px;
  line-height: 12px;
  position: absolute;
  top: calc(50% - 22px);
  left: -12px;
  transform: rotate(-90deg);
  padding: 3px 6px !important;
  z-index: 10;
  text-transform: uppercase;
  width: 50px !important;
  text-align: center !important;
}

.orContainer.showLegend > legend {
  display: block !important;
}

.orContainer > legend.x-fieldset-header-default > .x-fieldset-header-text {
  font-size: 12px !important;
  line-height: 12px !important;
  color: var(--base-0) !important;
  padding: 0 !important;
  width: 100% !important;
}

.orContainer.showLegend > .x-fieldset-body {
  border-left: 4px solid var(--primary-color);
  padding-left: 16px !important;
}

.orContainer .x-btn:not(.simple) {
  text-transform: uppercase;
}

.orContainer .x-btn .moveUp {
  margin-top: -29px;
  line-height: 30px;
}

.orContainer .x-btn .moveUp:before {
  line-height: 24px;
}

.andContainer .x-btn {
  background: var(--secondary-color) !important;
}

.andContainer + .x-container .x-btn {
  margin-top: -15px !important;
}

.aui.sense .x-panel.noStyling .x-title-text {
  font-family: var(--font-body);
}

.aui.sense .sense-portlet .x-accordion-hd .x-tool-tool-el,
.aui.sense .sense-portlet .x-accordion-hd .x-tool-tool-el {
  color: var(--text-90);
}

.aui.sense .sense-windowmode-HIDDEN {
  display: none;
}

.aui.sense input:-webkit-autofill,
.aui.sense textarea:-webkit-autofill,
.aui.sense select:-webkit-autofill {
  background-color: transparent !important;
}

.aui.sense .x-keyboard-mode .x-tool.x-focused {
  outline: 0px;
}

/* CHANGES FOR HELP PAGE */
.icon-circle-arrow-left:before {
  font-family: ehealthfont !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f12c" !important;
}

.icon-zoom-in:before {
  font-family: ehealthfont !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f199" !important;
}

.icon-circle-arrow-right:before {
  font-family: ehealthfont !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f12d" !important;
}

/* CHROME OVERRIDES */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus-visible,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px var(--base-1) inset;
  -webkit-text-fill-color: var(--text-90) !important;
  border: 1px solid var(--base-0);
}

body.signed-in.private-page .logo img {
  max-height: 33px;
  width: auto;
  max-width: 180px;
  height: auto;
}

@media screen and (max-width: 1024px) {
  body.signed-in.private-page .logo img {
    max-height: 18px;
    max-width: 70px;
  }

  #banner .dockbarResponsiveButton a.btn-navbar {
    padding: 0;
    display: flex;
    margin: 0;
  }

  .dockbarResponsiveButton .user-avatar-image {
    max-width: 35px;
  }
}
#navAccountControlsNavbarBtn img {
  border: 2px solid var(--text-55);
}

/* PATIENT PORTAL */
.aui.sense #wrapper.patientPortalHeader #content .portlet-column-content {
  padding-bottom: 0;
}
.aui.sense #wrapper.patientPortalHeader #content .flex-container {
  display: flex;
  padding: 8px;
  flex-wrap: wrap;
}
.aui.sense #wrapper.patientPortalHeader #content .flex-container .flex-column-item {
  /* add media query */
  width: 100%;
}
@media screen and (min-width: 768px) {
  .aui.sense #wrapper.patientPortalHeader #content .flex-container .flex-column-item {
    width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .aui.sense #wrapper.patientPortalHeader #content .flex-container .flex-column-item {
    width: 33.333%;
  }
}
@media screen and (min-width: 1400px) {
  .aui.sense #wrapper.patientPortalHeader #content .flex-container .flex-column-item {
    width: 25%;
  }
}
.aui.sense #wrapper.patientPortalHeader #content .flex-container .flex-column-item .portlet-borderless-container {
  padding: 8px;
}
.aui.sense #wrapper.patientPortalHeader #content .x-panel-body-default {
  background: transparent;
}
.aui.sense #wrapper.patientPortalHeader #content .x-form-trigger-wrap-default.x-form-trigger-wrap {
  border: 1px solid transparent;
  border-radius: 3px;
  background-color: var(--highlight-5);
}
.aui.sense #wrapper.patientPortalHeader #content .x-form-trigger-wrap-default.x-form-trigger-wrap.x-form-trigger-wrap-invalid {
  border: 1px solid var(--functional-red);
}

.modern-portlet-area > div > div {
  height: 100%;
}

/* Burgermenu */
.dropdown-container {
  top: -100000px;
  position: absolute;
  right: 0;
  list-style-type: none;
  padding: 0;
  margin: 0;
  flex-direction: row;
  width: 750px;
  flex-wrap: wrap;
}
.dropdown-container:before {
  content: "";
  border-bottom: 10px solid var(--base-1);
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  position: absolute;
  top: -10px;
  right: 10px;
}
.dropdown-container:after {
  height: 100%;
  width: 100%;
  background: var(--base-1);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  box-shadow: 5px 2px 5px 0px var(--text-20);
}

.embedDropdown .dropdown-container:before {
  right: auto;
  left: 10px;
}

.dropdown-container > li > a {
  display: flex;
  flex-direction: column;
}

.dropdown-container.visible {
  display: flex;
  top: 92px;
  background: var(--base-1);
  padding: 4px;
}

.embedDropdown .dropdown-container.visible {
  top: 144px;
}

.dropdown-container.positionLeft {
  right: auto;
  position: fixed;
  left: 16px;
}

.dropdown-container > li,
#navigation .dropdown-container > li {
  width: 20%;
  border: 4px solid var(--base-1);
  background: var(--text-20);
}

.dropdown-container > li a,
#navigation .dropdown-container > li a {
  display: flex;
  align-items: center;
  position: relative;
  flex: 1;
  padding: 8px;
  background: var(--highlight-5);
  color: var(--base-0);
  height: 100%;
  justify-content: center;
  min-height: 130px;
}

#dropdown .dropdown-container > li > a,
#navigation #dropdown .dropdown-container > li > a {
  color: var(--text-55);
  font-weight: normal;
}

#dropdown .dropdown-container > li > a:hover,
#dropdown .dropdown-container > li > a:active,
#dropdown .dropdown-container > li > a:focus-visible,
#navigation #dropdown .dropdown-container > li > a:hover,
#navigation #dropdown .dropdown-container > li > a:active,
#navigation #dropdown .dropdown-container > li > a:focus-visible {
  text-decoration: none;
  color: var(--base-0);
  background: var(--secondary-color);
}

#navigation #dropdown .dropdown-container > li > a:after,
#navigation #dropdown .dropdown-container > li > a:hover:after,
#navigation #dropdown .dropdown-container > li > a:focus-visible:after,
#navigation #dropdown .dropdown-container > li > a:active:after {
  display: none;
}

#dropdown .dropdown-container .menu-icon {
  padding: 8px;
}

.dropdown-container > li a span {
  font-size: 16px;
  text-align: center;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

#dropdown {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.dropdown-trigger {
  font-size: 26px;
  cursor: pointer;
  height: 100%;
  padding: 8px;
}
.dropdown-trigger > div {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#dropdown .child-menu {
  display: flex;
  align-items: center;
  width: 100%;
  position: fixed;
  top: 72px;
  /* TODO: top can also be 0, depends on headerbanner */
  left: 0;
  height: 56px;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: -1;
  background: var(--base-2);
  list-style-type: none;
}
#dropdown .child-menu li {
  position: relative;
  height: 100%;
}
#dropdown .child-menu a {
  color: var(--text-55);
  font-weight: 700;
  padding: 8px 36px;
  height: 100%;
}
#dropdown .child-menu a span {
  font-size: 14px;
}
#dropdown .child-menu a:hover, #dropdown .child-menu a:focus-visible, #dropdown .child-menu a:active {
  color: var(--text-55);
  text-decoration: none;
}

#dropdown .dropdown-container > li.selected a {
  background: var(--base-0);
}

#dropdown .dropdown-container > li.selected,
#dropdown .dropdown-container > li.selected i.menu-icon {
  color: var(--primary-color);
}

#dropdown .dropdown-container > li.selected span.gn-icons-text {
  color: var(--text-90);
}

div.ehealthicon-squared-menu {
  color: var(--text-55);
}

.embedDropdown {
  color: var(--text-90);
}

#navigation.embedNavigation .gn-menu > li li a {
  padding: 8px;
}

/* hide normal menu when burger is on */
.useDropDownMenu #navigation + #wrapper {
  padding-left: 0;
}

.useDropDownMenu #navigation {
  left: -72px;
}

.useDropDownMenu #navigation .gn-menu > li > .gn-submenu {
  left: 0;
  width: 100%;
}

.hideDropDownMenu #navigation #dropdown.embedDropdown,
.hideDropDownMenu #dropdown,
.useDropDownMenu #navigation.embedNavigation .child-menu > li.embedNormal {
  display: none;
}

/* responsive version of burger menu */
@media screen and (max-width: 850px) {
  .dropdown-container.visible {
    position: fixed;
    top: 72px;
    width: 100%;
    left: 0;
    height: auto;
    max-height: calc(100% - 72px);
    overflow: auto;
  }
  .dropdown-container.visible:after {
    box-shadow: inset 0px 3px 14px 0px var(--text-20);
    position: fixed;
    top: 72px;
    height: calc(100% - 72px);
  }

  .embedDropdown .dropdown-container.visible {
    top: 129px;
    height: auto;
    max-height: calc(100% - 129px);
  }
  .embedDropdown .dropdown-container.visible:after {
    top: 129px;
    height: calc(100% - 129px);
  }
}
@media screen and (max-width: 820px) {
  .dropdown-container > li,
#navigation .dropdown-container > li {
    width: 25%;
  }
}
@media screen and (max-width: 668px) {
  .dropdown-container > li,
#navigation .dropdown-container > li {
    width: 33.333%;
  }
}
@media screen and (max-width: 540px) {
  .dropdown-container > li,
#navigation .dropdown-container > li {
    width: 50%;
  }
}
/* responsive for header bar */
@media screen and (max-width: 1024px) {
  #banner .btn-navbar .user,
#banner .page-title {
    display: none;
  }
}
/* Toolbar Reworking */
.imprint-container {
  display: block;
  height: 100%;
  width: 100%;
}
.imprint-container #render-iframe {
  display: block !important;
  height: 100%;
  width: 100%;
}

.imprint-container #main-content,
.imprint-container .portlet-layout,
.imprint-container .portlet-column,
.imprint-container .portlet-column-content,
.imprint-container .portlet-borderless-container,
.imprint-container .portlet-borderless.portlet-boundary_SimpleHtmlDisplayPortlet_WAR_SimpleHtmlDisplayPortlet_,
.imprint-container .portlet-boundary_SimpleHtmlDisplayPortlet_WAR_SimpleHtmlDisplayPortlet_ .portlet-body {
  height: 100%;
}

.about-page .bigIcon,
.sign-out .bigIcon,
.my-account .bigIcon,
.ehealth-help .bigIcon,
.dicom-help .bigIcon,
.imprint .bigIcon {
  font-size: 24px;
  padding-right: 8px;
}

.about-page .bigIcon:before,
.sign-out .bigIcon:before,
.my-account .bigIcon:before,
.ehealth-help .bigIcon:before,
.dicom-help .bigIcon:before,
.imprint .bigIcon:before {
  font-size: 24px;
}

#user-panel-imprint,
#mobile-imprint {
  cursor: pointer;
}

/* Portlet Borderless Bar */
.portlet-borderless-bar {
  display: flex;
  margin-bottom: 8px;
}

.portlet-borderless-bar .portlet-title-default {
  display: flex;
  align-items: center;
  color: var(--primary-color);
  background: var(--base-0);
  cursor: pointer;
  padding: 4px;
  border-radius: 20px 0 0 20px;
}

.portlet-borderless-bar .portlet-title-default:before {
  content: "\f1f0";
  font-family: ehealthfont;
  display: inline-block;
  font-size: 24px;
  padding-right: 8px;
}

.portlet-borderless-bar .portlet-actions {
  display: flex;
}

.portlet-borderless-bar .portlet-action-separator {
  display: none;
}

.portlet-borderless-bar .portlet-options {
  display: flex;
  align-items: stretch;
  margin: 0 2px;
  background: var(--primary-color);
  color: var(--base-0);
}

.portlet-borderless-bar .portlet-options .btn-group .dropdown-toggle {
  color: var(--base-0);
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  padding: 4px 8px;
  font-weight: bold;
}

.portlet-borderless-bar .portlet-close.portlet-action {
  display: flex;
  align-items: stretch;
  background: var(--primary-color);
  color: var(--base-0);
  padding: 4px;
  border-radius: 0 20px 20px 0;
}

.portlet-borderless-bar .portlet-action.portlet-close .taglib-icon {
  color: var(--base-0);
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  padding: 4px 8px;
  font-weight: bold;
}

.portlet-borderless-bar .portlet-action.portlet-close .taglib-icon:hover,
.portlet-borderless-bar .portlet-action.portlet-close .taglib-icon:focus-visible,
.portlet-borderless-bar .portlet-options .btn-group .dropdown-toggle:hover,
.portlet-borderless-bar .portlet-options .btn-group .dropdown-toggle:focus-visible,
.portlet-borderless-bar .portlet-action.portlet-close .taglib-icon:hover .taglib-text,
.portlet-borderless-bar .portlet-action.portlet-close .taglib-icon:focus-visible .taglib-text {
  color: var(--base-0);
  text-decoration: none;
}

.aui.sense .x-actionsheet.mobile-button-menu {
  max-height: 75%;
  min-height: 50%;
  background: var(--base-0) !important;
}
.aui.sense .x-actionsheet.mobile-button-menu .x-body-wrap-el .x-actionsheet-body-el {
  overflow: auto;
  overscroll-behavior: none;
}
.aui.sense .x-actionsheet.mobile-button-menu .x-body-wrap-el .x-button {
  display: table;
  width: 100%;
}
.aui.sense .x-actionsheet.mobile-button-menu .x-body-wrap-el .x-button .x-inner-el {
  background: transparent;
  color: var(--text-55);
}
.aui.sense .x-actionsheet.mobile-button-menu .x-body-wrap-el .x-button .x-icon-el {
  min-width: 32px;
  min-height: 24px;
  padding-right: 8px;
}
.aui.sense .x-actionsheet.mobile-button-menu .x-body-wrap-el .x-button .x-icon-el:before {
  color: var(--text-55);
  font-size: 24px;
}
.aui.sense .x-actionsheet.mobile-button-menu .x-body-wrap-el .x-button:after {
  content: "";
  display: flex;
  background: var(--highlight-20);
  height: 1px;
  margin: 0 8px;
}
.aui.sense .x-actionsheet.mobile-button-menu .x-body-wrap-el .x-button:last-child {
  padding-bottom: 12px;
}
.aui.sense .x-actionsheet.mobile-button-menu .x-body-wrap-el .x-button.x-pressing .x-text-el {
  color: var(--text-55);
}

/* Mobile Menu Styling */
/* Burger */
.mobile-menu-trigger {
  display: none;
  height: 21px;
  width: 30px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  margin: 16px;
  min-width: 30px;
}

.mobile-menu-trigger .burger {
  position: absolute;
  top: 9px;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--text-90);
}

.mobile-menu-trigger .burger:before {
  position: absolute;
  top: -9px;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--text-90);
  content: "";
}

.mobile-menu-trigger .burger:after {
  position: absolute;
  top: 9px;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--text-90);
  content: "";
}

.mobile-menu-trigger.active .burger {
  background: transparent;
}

.mobile-menu-trigger.active .burger:before {
  top: 0;
  transform: rotate(42deg);
}

.mobile-menu-trigger.active .burger:after {
  top: 0;
  transform: rotate(-42deg);
}

/* menu styling */
.mobile-menu {
  display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
}

.mobile-menu .overlay {
  width: 100%;
  cursor: pointer;
  background: var(--text-55);
  position: relative;
}

.mobile-menu.visible {
  display: flex;
}

.menu-container {
  background: var(--base-0);
  height: 100%;
  width: 20%;
  min-width: 300px;
  display: block;
  position: relative;
  z-index: 11;
  overflow: auto;
  padding-top: 72px;
}

.mobile-menu .header-content {
  display: flex;
  flex-direction: column;
}

.mobile-menu .header-title {
  display: flex;
  padding: 8px;
  align-items: center;
  justify-content: space-between;
  color: var(--text-55);
  position: fixed;
  z-index: 12;
  top: 0;
  left: 0;
  width: 20%;
  min-width: 300px;
  background: var(--base-0);
  box-shadow: 0px 3px 3px var(--shadow-strong);
}

@media screen and (max-width: 330px) {
  .mobile-menu .header-title {
    min-width: auto;
    width: 75%;
  }

  .menu-container {
    min-width: auto;
    width: 75%;
    position: fixed;
  }
}
.mobile-menu .header-title .user {
  display: flex;
  align-items: center;
}

.mobile-menu .header-title .user img {
  width: 40px;
  height: 40px;
  margin: 8px;
  border-radius: 40px;
}

.mobile-menu .header-title .button-close {
  font-size: 32px;
  padding: 0 8px;
  cursor: pointer;
  display: flex;
}

.mobile-menu .flex-column {
  display: flex;
  flex-direction: column;
}

.mobile-menu .nav {
  margin: 0px;
  padding: 16px;
  background: var(--base-2);
  list-style-type: none;
  box-shadow: 0 0 3px var(--shadow-strong);
}

.mobile-menu .nav > li {
  display: flex;
  flex-direction: column;
}

.mobile-menu .nav > li.border-bottom {
  border-bottom: 1px solid var(--text-20);
}

.mobile-menu .nav > li.border-top {
  border-top: 1px solid var(--text-20);
}

.mobile-menu .nav a {
  text-decoration: none;
  color: var(--text-90);
  flex: 1 1 auto;
  padding: 8px;
  display: flex;
  align-items: center;
}

.mobile-menu .nav a:hover,
.mobile-menu .nav a:focus-visible {
  color: var(--primary-color);
  text-decoration: none !important;
}

.mobile-menu .bigIcon {
  font-size: 24px;
  padding-right: 8px;
}

.mobile-menu .bigIcon.primaryColor {
  color: var(--primary-color);
}

.mobile-menu .text {
  display: flex;
  flex-direction: column;
}

.mobile-menu .text .small {
  font-size: 11px;
  color: var(--text-55);
}

.mobile-menu .nav-item-label {
  text-transform: uppercase;
  color: var(--text-55);
  font-size: 11px;
  flex: 1 1 auto;
  padding: 8px;
}

.mobile-menu .my-sites-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.mobile-menu .menu-icon {
  font-family: ehealthfont;
  font-size: 32px;
  font-style: normal;
  color: var(--text-55);
  padding-right: 16px;
}

.mobile-menu .selected > a > .menu-icon,
header#banner .mobile-menu .selected > a {
  color: var(--primary-color);
}

header#banner .mobile-menu .main-nav > .selected > a {
  border-bottom: 1px solid var(--primary-color);
}

.mobile-menu .menu-text {
  flex: 1 1 auto;
}

.mobile-menu .main-nav {
  list-style-type: none;
  margin: 32px 0;
  padding: 0;
}

.mobile-menu .main-nav a {
  text-decoration: none;
  display: flex;
  align-items: center;
  padding: 8px;
  flex: 1 1 auto;
  border-bottom: 1px solid var(--base-2);
  color: var(--text-90);
}

.mobile-menu .main-nav a:hover,
.mobile-menu .main-nav a:focus-visible {
  border-bottom: 1px solid var(--primary-color);
  text-decoration: none;
  outline: none !important;
}

.mobile-menu .main-nav a:hover .menu-icon,
.mobile-menu .main-nav a:focus .menu-icon {
  color: var(--primary-color);
}

.mobile-menu .main-nav li {
  display: flex;
  flex-direction: column;
}

.mobile-menu .openSub {
  color: var(--text-55);
  font-size: 24px;
  display: flex;
}

.mobile-menu .openSub.active {
  transform: rotate(180deg);
}

.mobile-menu .sub-nav {
  display: none;
  margin: 0;
  padding: 0;
  background: var(--base-2);
}

.mobile-menu .sub-nav.expand {
  display: flex;
  flex-direction: column;
}

.mobile-menu .badge {
  padding: 4px;
  border: 2px solid var(--functional-red);
  border-radius: 8px;
  min-width: 15px;
  text-align: center;
}

/* HIDE/SHOW */
@media screen and (max-width: 768px) {
  .mobile-menu-trigger {
    display: block;
  }

  #banner + #navigation,
.patientPortalHeader #dockbar,
header#banner .logo,
header#banner #dropdown,
#banner .dockbarResponsiveButton a.btn-navbar#navAccountControlsNavbarBtn {
    display: none;
  }

  #navigation + #wrapper,
#navigation.showSubnavi + #wrapper {
    padding-left: 0;
    padding-top: 0;
  }

  #navigation.showSubnavi + #wrapper.embedView {
    top: 56px;
    height: calc(100% - 56px);
    z-index: 200;
  }

  #heading {
    overflow: hidden;
  }

  header#banner .site-title {
    font-family: var(--font-header);
    width: 100%;
  }

  header#banner .site-title .flex-column {
    width: 100%;
    overflow: hidden;
  }
  header#banner .site-title .flex-column span {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media screen and (max-width: 768px) {
  #banner.bottom-navi-header {
    display: none;
  }

  #banner + #navigation + #wrapper.full-size-wrapper, #banner + #wrapper.single-workflow.full-size-wrapper {
    top: 0;
    height: 100%;
  }
}
/* HIDE/SHOW also if user agent is ehealth-native */
.ehealth-native .mobile-menu-trigger {
  display: block;
}

#banner.ehealth-native + #navigation,
.patientPortalHeader.ehealth-native #dockbar,
header#banner.ehealth-native .logo,
header#banner.ehealth-native #dropdown {
  display: none;
}

.ehealth-native + #navigation + #wrapper,
.ehealth-native + #navigation.showSubnavi + #wrapper {
  padding-left: 0;
  padding-top: 0;
}

header#banner.ehealth-native .site-title {
  font-family: var(--font-header);
}

/* enlarging ext js datepicker from 220px to 40vh */
.aui.sense .x-sheet.x-picker {
  height: 45vh !important;
}

/* imprint dialog */
#imprint-dialog-container.shown {
  position: fixed;
  z-index: 100001;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2%;
  background: var(--overlay-color);
}

.dialog-content {
  background: var(--base-0);
  padding: 16px;
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: stretch;
  box-shadow: 0 0 3px var(--text-55);
  border-radius: 3px;
}

#imprint-dialog-container-inner {
  flex: 1 1 auto;
  height: 100%;
  overflow: hidden;
}

#imprint-dialog-container .dialog-icon {
  cursor: pointer;
  padding: 8px;
  align-self: flex-end;
}

@media screen and (max-width: 1024px) {
  .dialog-content {
    padding: 8px;
  }
}
/* Set in ReactClassic1Column.tpl */
div.portlet-column.classic-in-react #layout-column_column-1 {
  overflow: auto;
}

#content.react {
  display: flex;
}

#content.react #main-content div.portlet-column.classic-in-react section.portlet {
  padding: 8px 16px 0;
}

/* Set in ReactModernClassic1Column.tpl */
div.portlet-column.classic-and-modern-in-react #layout-column_column-1 {
  overflow: auto;
}

.react #main-content div.portlet-column.classic-and-modern-in-react .portlet-boundary.sense-windowmode-MAXIMIZED {
  flex: 1 1 auto;
}

#content.react #main-content div.portlet-column.classic-and-modern-in-react section.portlet {
  padding: 8px 16px 0;
}

/* Set in ReactVCP1Column.tpl */
.react #main-content div.portlet-column.react-vcp.portlet-row-content {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding-bottom: 0;
}

/* WCAG Theme adoptions */
div.collapse.nav-collapse.open {
  display: block !important;
}

div.collapse.nav-collapse {
  display: none;
}

a.btn-navbar.additional {
  display: flex;
  flex-direction: column;
}

a.btn-navbar.additional span {
  color: var(--text-90);
}

html.wcag_400 body {
  min-width: 400px !important;
  min-height: 500px !important;
  overflow: scroll !important;
}

html.wcag_400 #banner + #navigation + #wrapper,
html.wcag_400 header {
  position: inherit !important;
}

#skip_link {
  background: var(--base-1);
  border-color: var(--text-20);
  color: var(--text-90);
  border-width: 1px;
  height: 30px;
  left: 50%;
  padding: 8px 5px 8px 5px;
  position: absolute;
  transform: translateY(-500%);
  transition: transform 0.3s;
  z-index: 8888888;
  border-radius: 0px 0px 4px 4px;
  border-bottom-style: solid;
  font-weight: bold;
  border-left-style: solid;
  border-right-style: solid;
}

#skip_link:focus {
  transform: translateY(0%);
}

button:focus-visible,
.aui.sense .x-keyboard-mode .container-fluid .x-component.x-button.x-focused {
  outline: 0.125rem solid var(--focus-outline) !important;
  outline-offset: 0.125rem;
  z-index: 1;
}

[tabindex]:not(input):not(textarea):focus-visible,
.aui.sense .x-keyboard-mode .x-component.x-button.x-focused {
  outline: 0.125rem solid var(--focus-outline) !important;
  outline-offset: -0.125rem;
  z-index: 1;
}

h1 a.logo:focus-visible {
  outline: 0.125rem solid var(--focus-outline) !important;
  outline-offset: 5px;
  z-index: 1;
}

#mobile_bottom_submenu {
  position: absolute;
  background-color: var(--base-0);
  bottom: 0;
  right: 0;
  display: none;
  z-index: 1002;
  width: calc(100% - 64px);
  max-width: 352px;
  height: 100%;
  border-top-left-radius: 24px;
}
#mobile_bottom_submenu .header {
  display: flex;
  flex-direction: column;
  padding: 16px 0;
  color: var(--text-55);
  background: var(--base-0);
  border-bottom: 1px solid var(--divider);
  border-top-left-radius: 24px;
}
#mobile_bottom_submenu .header .header-title {
  display: flex;
  align-items: center;
  padding: 0 16px;
}
#mobile_bottom_submenu .header-content {
  display: flex;
  flex-direction: column;
}
#mobile_bottom_submenu .header .user-avatar-image {
  max-width: 32px;
  border-radius: 50%;
  clip-path: circle();
  margin-right: 16px;
}
#mobile_bottom_submenu .nav > li {
  display: flex;
  flex-direction: column;
}
#mobile_bottom_submenu ul.nav {
  padding: 0;
  margin-top: 16px;
}
#mobile_bottom_submenu li.my-sites {
  border-top: 1px solid var(--divider);
}
#mobile_bottom_submenu ul.my-sites-menu {
  padding: 0;
  margin-top: 0;
}
#mobile_bottom_submenu .nav-item-label {
  text-transform: uppercase;
  color: var(--text-55);
  flex: 1 1 auto;
  margin: 24px 16px 8px;
}
#mobile_bottom_submenu .header .user-name {
  font-size: 18px;
  line-height: 32px;
  font-family: var(--font-header);
  color: var(--text-90);
  flex-grow: 1;
}
#mobile_bottom_submenu li {
  list-style-type: none;
}
#mobile_bottom_submenu ul {
  padding: 16px 0;
  margin: 0;
}
#mobile_bottom_submenu ul li {
  display: flex;
}
#mobile_bottom_submenu ul li .nav-item {
  font-size: 16px;
  line-height: 24px;
  color: var(--text-90);
  padding: 16px;
  width: 100%;
}
#mobile_bottom_submenu ul li .nav-item:focus-visible {
  outline: 0.125rem solid var(--focus-outline) !important;
  outline-offset: -2px;
  z-index: 1;
}
#mobile_bottom_submenu ul li .nav-item, #mobile_bottom_submenu ul li .nav-item > a {
  text-decoration: none;
}
#mobile_bottom_submenu ul.my-sites-menu li.nav-item {
  padding: 8px 16px;
}
#mobile_bottom_submenu ul.my-sites-menu li.nav-item > a:focus-visible {
  outline: 0.125rem solid var(--focus-outline) !important;
  outline-offset: 0.125rem;
  z-index: 1;
}
#mobile_bottom_submenu .LH_representativeRoleContainer ul.menuusers, #mobile_bottom_submenu .LH_representativeRoleContainer > .x-container.x-component.x-root {
  border-top: 1px solid var(--divider);
  padding: 8px 0;
}
#mobile_bottom_submenu .LH_representativeRoleContainer .dockbar-item {
  padding: 8px 16px;
  border: none;
}
#mobile_bottom_submenu .LH_representativeRoleContainer .dockbar-item.primaryColor {
  background-color: var(--base-1);
}
#mobile_bottom_submenu .LH_representativeRoleContainer .dockbar-item > .text {
  margin-left: 8px;
}
#mobile_bottom_submenu ul.my-sites-menu li.nav-item > a {
  color: var(--text-90);
}
#mobile_bottom_submenu .header-title .button-close {
  font-size: 24px;
  cursor: pointer;
  display: flex;
}
#mobile_bottom_submenu .LH_representativeRoleContainer .x-dataview-item {
  padding: 0;
  border: none;
}
#mobile_bottom_submenu ul li .nav-item.selected {
  color: var(--primary-color);
}
#mobile_bottom_submenu li.separator {
  list-style-type: none;
  border-top: 1px solid var(--divider);
  margin: 16px 0;
}

div#mobile_submenu_overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
  background: var(--text-20);
  z-index: 1001;
}

.mobile div.x-indicator {
  bottom: 50px !important;
}

#navigation .gn-menu > li > a:focus-visible,
#navigation .gn-menu-wt > li > a:focus-visible {
  outline: 0.125rem solid var(--focus-outline) !important;
  outline-offset: -5px;
  z-index: 1;
}

#navigation .child-menu.gn-submenu > li > a:focus-visible {
  outline: 0.125rem solid var(--focus-outline) !important;
  outline-offset: -5px;
  z-index: 1;
}

#ehealthAdminPanel {
  z-index: 99999999 !important;
  width: 100vw;
  height: 72px;
  position: absolute;
  display: none;
}

#closeAdminPanel {
  height: 56px;
  width: 56px;
  color: #cdced9;
  background-color: #30313f;
  display: flex;
  align-content: center;
  justify-content: center;
}

#closeAdminPanel > i {
  font-size: 26px;
  line-height: normal;
  display: flex;
  justify-content: center;
  text-align: center;
}

a#navOpenAdminPanel {
  padding: 10px;
  cursor: pointer;
}

a#navOpenAdminPanel i.icon {
  font-size: 32px;
  line-height: 45px;
  display: flex;
  justify-content: center;
}

a#navOpenAdminPanel:hover {
  text-decoration: none;
}

a#closeAdminPanel {
  cursor: pointer;
}

.applications-menu-wrapper .applications-menu-sites {
  display: none;
}

div.lfr-product-menu-panel.sidenav-fixed.open {
  z-index: 99999999 !important;
}

div.cadmin div.applications-menu-modal.show {
  z-index: 99999999 !important;
}

.dockbarbodyContent .collapse.nav-collapse a,
.dockbarbodyContent .collapse.nav-collapse div[tabindex] {
  display: none !important;
}

.dockbarbodyContent .collapse.nav-collapse.open a,
.dockbarbodyContent .collapse.nav-collapse.open div[tabindex] {
  display: flex !important;
}

.ehealthicon-upload.dashboard-portlet-Upload-icon:focus-visible {
  outline-width: 3px !important;
  border-color: var(--secondary-hover) !important;
}

.applications-menu-bg.applications-menu-footer {
  display: none;
}

.aui.sense a {
  text-decoration: none;
}

@media all and (max-height: 340px) {
  .ehs-infinite-scroll {
    overflow: initial !important;
  }
}
@media screen and (max-width: 768px) {
  body.bottom_navi.bottom-navi-submenu-visible #wrapper {
    position: static;
  }
  body.bottom_navi.bottom-navi-submenu-visible #mobile_submenu_overlay, body.bottom_navi.bottom-navi-submenu-visible #mobile_bottom_submenu {
    display: block;
    z-index: 1104;
  }
}

@media screen and (max-width: 768px) {
  body.mobile-menu-visible #banner {
    z-index: 1104;
  }
}