/*Fonts*/


@font-face {
    font-family: 'IconFont';
    font-weight: normal;
    src: url('/medizinakte/javax.faces.resource/fonts/primeicons.woff.xhtml') format("opentype");;
}

@font-face {
    font-family: 'IconFont2';
    font-weight: normal;
    src: url('/medizinakte/javax.faces.resource/fonts/primeicons.woff2.xhtml') format("opentype");;
}




.ui-selectcheckboxmenu-multiple .ui-icon-triangle-1-s::before,
.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon::before {
    font-family: 'patientportal';
    content: "\EA2A";
    color: #000000;
    font-size: 24px;
}

.ui-growl .ui-growl-item-container .ui-growl-item {
    background: #F1F4F6;
    color: black;
    box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.20);
    border-radius: 3px;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
}
.ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-item {
    background: #fde5e7;
}
.ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-image {
    width: 24px;
    height: 24px;
}
.ui-growl .ui-growl-image-info::before {
    font-family: PatientPortal;
    color: white;
    content: "\EA13";
    background: #FFFFFF;
    border-radius: 50%;
    padding: 6px;
    font-size: 12px;
}

.button_secondary, .ui-icon.ui-icon-close {
    color: #000000;
}

.button.button_icon {
  background: none;
  color: #000000;
  display: flex;
  flex-direction: column;
  padding: 0px;
  gap: 0px;
  min-width: unset;
  height: unset !important;
}


.selectAllCheckbox .ui-chkbox-label {
	font-weight: bold;
	color: #000000;
}



.appointmentPicker td.ui-datepicker-today span.ui-state-default {
    border: 1px solid #000000 !important;
    background: #FFFFFF;
}

.appointmentPicker td.ui-datepicker-today a {
    border: 0.5px solid #000000 !important;
}



.appointmentPicker td.enabledDate a {
    color: #000000;
}

.appointmentPicker td.ui-datepicker-current-day a{
    background: #FFFFFF;
    color: #000000;
    border: 1px solid #000 !important;
}

.appointmentPicker .ui-datepicker .ui-datepicker-title {
    font-weight: 700;
    font-size: 16px;
    color: #000000;;
}


.ui-datepicker-header .ui-icon-circle-triangle-e, .ui-datepicker-header .ui-icon-circle-triangle-w {
    color: #000000;
    font-family: PatientPortal;
    font-size: 24px;
    line-height: 24px;
}

.ui-menuitem-link.hasBobbel:after {
	content: var(--bobbelvalue);
	width: 22px;
    height: 22px;
    color: #000000;
    display: inline-grid;
    background: #FFFFFF;
    place-items: center;
    border-radius: 50%;
    font-size: 12px;
    border: 1px solid white;
    margin-left: 8px;
    font-weight: normal;
    padding-right: 1px;
    padding-bottom: 0em;
    margin-top: 0em;
}

.ui-menuitem-icon.ui-icon:not(.pp) {
    display: none;
}

.dateTimePanel {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr 1px auto;
}

.dateTimePanel > div {
    display: flex;
    flex-direction: column;
}

.timeSlotPanel {
    grid-column-start: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}

.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected {
    border-top: 3px solid #000000;
    border-bottom: 0px;
    background: #FFFFFF;
    height: 44px;
    font-weight: bold;
    font-size: 16px;
}
.ui-tabs .ui-tabs-nav li a {
    color: #000000;
    padding: 0px;
}

.infoBobbel {
    width: 22px;
    height: 22px;
    color: #000000;
    display: inline-grid;
    background: #FFFFFF;
    place-items: center;
    border-radius: 50%;
    font-size: 12px;
    border: 1px solid white;
    margin-left: 8px;
    font-weight: normal;
    padding-right: 1px;
    padding-bottom: 0em;
    margin-top: 0em;
}








.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default {
	border-color: #000000;
}


.ui-chkbox-icon.ui-icon.ui-c.ui-icon-check {
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    padding: 4px;
    align-items: center;
}
.ui-icon.ui-icon-circle-check::after, .ui-icon-check::after {
	content: "\EA13" !important;
	font-family: 'patientportal' !important;
    font-size: 24px;
    font-style: initial !important;
    width: 24px;
    height: 24px;
    line-height: 24px; 
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    color: #000000; 
    font-size: 14px;
    font-weight: bold;
}

.ui-chkbox-icon.ui-icon.pp:before {
	color: #000000; 
	font-size: 14px;
	font-weight: bold;
}

.timeSlotButtons {
    background: #EAE8EF;
    color: #000000;
    height: 46px;
    width: 100%;
    box-shadow: none;
    font-weight: bold;
    border-radius: 0px;
    font-size: 16px;
    letter-spacing: -0.16px;
    margin-right: 0px;
}


.timeSlotButtonSelected,
.timeSlotButtonSelected.ui-button.ui-state-hover,
.timeSlotButtonSelected.ui-button.ui-state-active {
    background: #FFFFFF;
    color: #000000;
    border: 1px solid #000000;
}



.ui-inputfield.ui-state-focus, .ui-selectonemenu.ui-state-focus {
    background-color: #F2F2F2;
    border: 1px solid #FFFFFF;
}


.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-hover
    {
    background-color: #F1F4F6;
}

.ui-selectonemenu-list-item.ui-state-highlight {
    background-color: #F1F4F6;
}


.button_primary,
.ui-priority-primary {
    color: #000000;
    background: #FFFFFF;
    border: 1px solid #000;
}

.button_primary.ui-button.ui-state-active, 
.button_primary.ui-button.ui-state-hover,
.ui-priority-primary.ui-state-active, 
.ui-priority-primary.ui-state-hover
    {
    background: #000000;
    color: #FFFFFF;
    border: 1px solid #000000;
}

.button_primary.ui-button.ui-state-disabled,
.ui-priority-primary.ui-state-disabled {
    color: __color1FG_50;
    background: __color1BG_50;
    border: 1px solid __color1BG_50;
}


.button_primary.ui-button.ui-state-disabled,
.ui-priority-primary.ui-state-disabled {
    color: #DBDADD;
    background: #FFFFFF;
    border: 1px solid #DBDADD;
}



.button_secondary,
.ui-priority-secondary {
    color: #000000;
    background: #FFFFFF;
    border: 1px solid #000000;
}

.button_secondary.ui-button.ui-state-active,
.button_secondary.ui-button.ui-state-hover,
.ui-priority-secondary.ui-state-active,
.ui-priority-secondary.ui-state-hover  {
    background: #000;
    color: #FFF;
}


.button_link {
    color: #FFFFFF;
    background: #000000;
    border: 1px solid #000000;
}

.button_link.ui-button.ui-state-active, .button_link.ui-button.ui-state-hover
    {
    color: #000000;
    background: #FFFFFF;
    border: 1px solid #000000;
}



.ui-dialog .ui-dialog-titlebar, .largeDialog .dialogTitle {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: #000000;
}



.dialog {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #000000;
}

.heading_H2 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -0.01em;
    color: #000000;
}


.heading_H1 {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #000000;
}



.label_link {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    padding-left: 5px;
    color: #000000;
}



.sub_title {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.18px;
    color: #000000;
    margin-bottom: 12px;
}


.text_link {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 160%;
    color: #000000;
    margin-right: 10px;
}









.appointmentList .fa.fa-download, .appointmentList .fa.fa-file-text-o,
    .appointmentList .fa.fa-trash, .appointmentList .fa-expand,
    .appointmentList .fa-ellipsis-h, .appointmentList .fa.fa-download.fa:hover,
    .appointmentList .fa.fa-file-text-o.fa:hover, .appointmentList .fa.fa-trash.fa:hover,
    .appointmentList .fa-expand.fa:hover, .appointmentList .fa-ellipsis-h.fa:hover
    {
    color: #000000;
    font-size: 25px;
}

.sortOrder.selected {
	background: #F1F4F6;
}

.onlyIcon {
    color: #000000;
    cursor: pointer;
}



.editOverlayPanel > .ui-overlaypanel-content a:hover {
    background: #F1F4F6;
}

.documentOverview.selected {
	background: #F1F4F6;
}



.documentOverview > a {
    font-size: 24px;
    color: #000000;
    flex-shrink: 0;
}


.documentTexts .headerText {
    font-style: normal;
    font-size: 16px;
    color: #000000;
    margin-right: 10px;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: -0.16px;
    overflow: hidden;
    line-height: normal;
    display: block;
    padding-bottom: 0em;
    pointer-events: none;
}

.documentTexts .createUploadLabel {
    padding-bottom: 0em;
    font-size: medium;
}

.appointmentHeader {
    display: flex;
    padding: 7px 16px 8px 12px;
    justify-content: space-between;
    align-items: center;
    background: #000000;
    color: #FFFFFF;
    font-weight: bold;
    white-space: nowrap;
    height: 100%;
}


.appointmentHeader.pending .pp,
.appointmentHeader.cancelled .pp {
    color: #000000;
}


.appointmentHeader.pending {
    background: #000000;
    color: __color4FG_45;
}

.appointmentHeader.cancelled {
    background: #000000;
    color: __color4FG_45;
}



.appointmentTitle {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    padding-bottom: 0.25em;
    flex-basis: 35%;
    flex-shrink: 0;
}


.appointmentTitleHeader {
    display: flex;
    flex-direction: column;
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: #000000;
    max-width: 800px;
    margin: 0px auto;
    width: 800px;
    padding: 24px 0px;
    gap: 14px;
}

.portalContentTabs.colored .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected,
.portalContentTabDetails.colored .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected {
    background: #F1F4F6;
}

.portalContentTabs.colored2 .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected,
.portalContentTabDetails.colored2 .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected {
    background: #F1F4F6;
}



.logoPublicMenu {
    height: 82px;
    padding: __logo_padding;
}




a {
    color: #000000;
    text-decoration: none;
}


.mainContent > .loginContent{
    background: #F1F4F6;
}


.homeMenu.ui-menu .ui-menu-list .ui-menuitem a,
.portalWorkflowPanel .portalWorkflowButton {
    background: #7D7E80;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    padding: 16px 0px 12px 0px;
    border: none;
    place-content: space-around;
    align-items: center;
    border-radius: 0px;
    box-shadow: none;
}

.homeMenu.ui-menu .ui-menu-list .ui-menuitem a:has(> .ui-icon),
.portalWorkflowPanel .portalWorkflowButton:has(> .ui-icon) {
    place-content: space-between;
}

.homeMenu.ui-menu .ui-menu-list .ui-menuitem,
.portalWorkflowPanel .portalWorkflowButton {
    height: 84px;
    grid-column: span 2;
}

.homeMenu.ui-menu .ui-menu-list .ui-menuitem a.ui-state-hover,
.portalWorkflowPanel .portalWorkflowButton.ui-state-hover {
    background: #000000;
}


.homeMenu.ui-menu .ui-menu-list .ui-menuitem:nth-child(n+3),
.portalWorkflowPanel .portalWorkflowButton:nth-child(n+3) {
    grid-column: span 2;
}

.homeMenu.ui-menu .ui-menu-list .ui-menuitem:nth-child(n+3) a,
.portalWorkflowPanel .portalWorkflowButton:nth-child(n+3) {
    background: #7D7E80;
    color: #FFFFFF;
}

.homeMenu.ui-menu .ui-menu-list .ui-menuitem:nth-child(n+3) a.ui-state-hover,
.portalWorkflowPanel .portalWorkflowButton.ui-state-hover:nth-child(n+3) {
    background: #000000;
}




.settingsMenu .ui-icon-triangle-1-s::before{
    content: "\EA0C";
    color: #000000;
}

.settingsMenu .ui-icon-triangle-1-e::before {
    content: "\EA2A";
    color: #000000;
}



.settingsMenu.ui-menu .ui-menu-list .ui-menuitem a.ui-state-hover,
.settingsMenu.ui-panelmenu .ui-menu-list .ui-menuitem a.ui-state-hover,
.settingsMenu.ui-panelmenu h3.ui-panelmenu-header.ui-state-hover,
.settingsMenu.ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover,
.settingsMenu.ui-panelmenu h3.ui-panelmenu-header.ui-state-active {
    background: #F1F4F6;
}







.verifiedBadge i {
    color: #000000;
}

.verifiedBadge i.verified {
    color: #FFFFFF;
}






.menuButtons .ui-menuitem .ui-menuitem {
    padding-right: 0;
    margin: 0;
    border-top: 2px solid #000000;
}



.welcomeDiv {
    background: #F1F4F6;
    color: #000000;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0px -16px;
}

.welcomeNews {
    background: #F1F4F6;
    color: #000000;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 0px -16px !important;
    width: calc(100% + 32px) !important;
    padding: 0px max(16px, calc(50% - 400px + 16px));
    padding-bottom: 24px;
    max-width: unset;
}

.welcomeNews > a {
    font-size: 16px;
    font-weight: 700;
    grid-column-start: 1;
    display: none;
}

/* only show first four overviews */
.welcomeNews:not(.showAll) > div:nth-of-type(n+6) {
    display: none;
}
.welcomeNews > div:nth-of-type(n+6) ~ a {
    display: block;
}

.welcomeNews .appointmentCancelWrapper {
    grid-row: 1/3;
    grid-column: 2;
    align-items: end;
    align-self: start;
}

.notificationDiv{
    background: #F1F4F6;
    padding: 12px 16px 16px 16px;
    width: calc(100% + 32px);
    margin: 15px -16px 0px -16px;
}

.salutationTitle {
    width: auto;
    height: auto;
    padding: 24px calc(50% - 400px) 36px calc(50% - 400px);
    text-align: left;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -0.02em;
}


.documentsContent {
    background: #F1F4F6;
    margin: 0px -16px;
    padding: 0px 16px;
}
.headingSeparator {
    color: #000000;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
     width: 100%;
}


.newDocumentMarker {
    background-color: #FFFFFF;
    width: 4px;
    margin: -8px 0px;
    flex-shrink: 0;
    align-self: stretch;
}
.newsHeaderText {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    text-align: left;
    letter-spacing: -0.01em;
    color: #000000;
    margin-bottom: 8px;
    grid-column:1/3;
}

.dropzone .ui-button {
    background: #F1F4F6;
    color: #000000;
    height: 48px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    box-shadow: none;
    padding: 12px 16px !important;
    gap: 12px;
    font-weight: normal;
}
.dropzone .ui-button.ui-state-hover {
    background: #7D7E80;
}
.dropzone .ui-button .ui-button-icon-left {
    color: #000000;
}
.dropzone .ui-button-text.ui-c {
    font-size: 16px !important;
    text-align: center;
    font-weight: 700;
    line-height: 1.4 !important;
}

.fileList {
    padding: 12px 0px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.fileWrapper {
    padding: 12px;
    background: white;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.24), 0px 1px 3px 0px
        rgba(0, 0, 0, 0.12);
    gap: 12px;
    display: flex;
    flex-direction: column;
}
.fileWrapper>div {
    display: flex;
    flex-direction: column;
}
.fileWrapper .topRow {
    display: grid;
    grid-template-columns: minmax(0px, 1fr) auto;
    gap: 12px;
}
.fileWrapper .topRow a {
    text-decoration: none;
}
.fileWrapper .topRow .fileName {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 700;
    color: #000000;
}

.menuButtons .ui-button, .menuButtonsDocument .ui-button {
    display: block;
    box-shadow: none;
    color: #000000;
}

.ui-menu.ui-menu-dynamic .ui-menuitem.ui-state-hover {
    background: #F1F4F6;
}

.progressStepActive {
    border-top: 2px solid #000000;
    width: 100%
}


.progressStepActive .fa, .progressStepActive .fa:hover {
    border: 2px solid #000000;
    background: #000000;
    color: #000000;
}

.progressStepFinished .fa, .progressStepFinished .fa:hover {
    border: 2px solid #FFFFFF;
    background: #FFFFFF;
    color: white;
}


.topRightButton button {
    color: #000000;
}

.topRightInfoButton {
    display: none;
    position: absolute;
    top: 12px;
    right: max(16px, calc(50% - 400px + 16px));
    color: #000000;
    font-weight: normal;
}


.formProgess {
    background: #FFFFFF;
    height: 100%;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}




.statusCircle.success {
    background: #FFFFFF;
}


.ui-password .ui-password-icon {
    font-family: 'PatientPortal' !important;
    color: #000000;
    font-size: 24px;
    top: 0px;
    margin-top: 0;
}


.pwdPolicy.ui-datalist .ui-datalist-item > :first-child::before {
    content: '';
    background: #FFFFFF;
    border-radius: 50px;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 8px;
    margin-left: -20px;
}

.no_popup > .ui-datepicker-trigger {
    display: none;
}

bold {
    font-weight: bold;
}

.stepsShower {
    margin-top: -13px;
}

.qrCodeWrapper {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 16px 0px;
}

.qrCodeWrapper img {
    width: 150px;
    height: 150px;
    margin: -12px;
}

.validation_separator{
    width: 100%;
    margin-top: 80px;
    border: none;
    border-top: 1px solid #C9C9C9;
}

.authenticatorDownload {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    place-items: center;
    background: #F1F4F6;
    padding: 16px;
    margin: -16px;
    margin-top: 64px;
}


.largeActionButton {
    background: #F1F4F6;
    color: #000000;
    height: 48px;
    margin-top: 8px;
    display: flex;
    padding: 0px 24px;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-bottom: 0em;
}

.largeActionButton:hover {
    background: #7D7E80;
}


.sidebarMenu.ui-sidebar-left {
    padding: 0px;
    background: #FFFFFF;
    color: #000000;
    display: block;
    overflow-y: auto;
    width: 100%;
    max-width: 848px;
    box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
}

.sidebarMenu.ui-sidebar .ui-button {
    background: #000000;
    height: 48px;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 0px;
    font-size: 16px;
    font-weight: normal;
    margin-right: 0;
}

.sidebarMenu.ui-sidebar .ui-button-text-only .ui-button-text {
    padding: 0px;
}

.sidebarMenu .ui-sidebar-close, .sidebarMenu .ui-sidebar-close:focus,
    .sidebarMenu .ui-sidebar-close:hover {
    float: left;
    font-size: 24px;
    color: #000000;
    padding: 0px 8px 0px 16px;
    width: 48px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}


.sidebarMenu .ui-menu .ui-menuitem-link {
    padding: 0px;
    border: 0px;
    color: #000000;
    gap: 8px;
}



.sidebarMenu .ui-panelmenu-header a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    color: #000000;
    height: 48px;
    font-weight: normal;
    font-size: 16px;
    padding: 0px 0px 0em 16px;
    display: flex;
    align-items: center;
}

.sidebarMenu .ui-panelmenu .ui-panelmenu-header .ui-icon {
    left: unset;
    right: 0;
    margin: 12px 16px;
    width: 24px;
    height: 24px;
    font-family: 'patientportal';
    font-size: 24px;
    font-weight: 400;
    top: 0;
}

.sidebarMenu .ui-panelmenu-header.ui-state-active {
    background: #FFFFFF;
    color: #000000;
}

.sidebarMenu .ui-panelmenu .ui-menuitem-link {
    height: 48px;
    display: flex;
    align-items: center;
    font-size: 16px;
    padding: 0px 0px 0em 36px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    width: 100%;
    color: #000000;
    background: rgba(255, 255, 255, 0.2);
}


.closeLabel {
    color: #000000;
    font-size: 14px;
    line-height: 21px;
    display: flex;
    align-items: center;
    height: 48px;
}

.showSideBar.ui-button-text-icon-left .ui-icon {
    color: #000000;
}






footer {
  background: #000000;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px min(calc(-50vw + 400px), -16px) !important;
  padding: 16px;
  width: 100vw;
  height: fit-content;
  grid-column: 1/3;
}

.footerMenu .ui-menu-list {
    display: flex;
    gap: 8px 24px;
    flex-wrap: wrap;
    justify-content: space-around;
}

.footerMenu .ui-menu-list .ui-menuitem {
    width: fit-content;
}

.footerMenu .ui-menu-list .ui-menuitem a {
    color: #FFFFFF;
    display: flex;
    gap: 8px;
    height: 100%;
    width: fit-content;
    border: none;
    padding: 0px;
    place-content: space-between;
}

.footerMenu .ui-menu-list .ui-menuitem a .ui-menuitem-icon {
    width: fit-content;
}

.footerMenu.ui-menu .ui-menu-list .ui-menuitem a .ui-menuitem-text {
    height: 24px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.16px;
}

.signatureParent {
    border: 1px dotted #4A4A4A;
    margin-top: 20px;
    border-radius: 5px;
    background: white;
    padding: 8px;
    padding-bottom: 24px;
}

#signature input {
    position: relative !important;
}

.loginportal_input.ui-panelgrid .ui-panelgrid-cell {
    padding: 4px 0px;
}

.ui-tooltip-arrow {
    display: none;
}


.registrationWarningPanel {
	background: #fde5e7;
	padding: 6px 16px 11px 16px;
    width: calc(100% + 32px);
    margin: 15px -16px 0px -16px;
}

.generalWarningPanel {
	background: #fde5e7;
    padding: 11px max(16px, calc(50% - 400px));
}

.generalWarningPanel .ui-panel-titlebar {
	cursor: pointer;
}

.generalWarningPanel .ui-panel-titlebar-icon {
	margin: auto !important;
}

.generalWarningPanel .ui-panel-content p {
	margin-top: 16px;
	margin-bottom: 0px;
}

.generalWarningPanel .ui-icon {
	font-family: 'Patientportal';
    font-size: 24px;
    height: 24px;
    width: 24px;
}

.generalWarningPanel .ui-icon-plusthick::before {
	content: "\EA2A" !important;
}

.generalWarningPanel .ui-icon-minusthick::before {
    content: "\EA0C" !important;
}

.sharePasswordInfo {
    padding: 15px;
    padding-bottom: 10px;
    margin-top: 25px;
    margin-bottom: 25px;
    border: #b80f2e solid 2px;
    border-radius: 5px;
}


.patientDataTable.ui-datatable table {
    width: 100%;
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 0px 10px;
    padding-left: 5px;
}

.patientDataTable.ui-datatable tbody td {
    padding: 0px 0px 0px 0px;
    font-size: 18px;
    overflow: visible;
    background: #2472B2;
}

.patientDataTable.ui-datatable tbody td:first-child {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.patientDataTable.ui-datatable tbody td:last-child {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.patientDataTable.ui-datatable thead {
    display: none;
}

tr.patientDataRow {
    line-height: 25px;
    border-top: 5px solid;
    color: #FFFFFF;
}

.fullSizeViewer {
    height: 100%;
    overflow: hidden;
}

.fullSizeViewerDiv {
    background-color: #2472B2;
    color: #FFFFFF;
    font-size: 18px;
    padding: 5px 15px 5px 40px;
    -ms-grid-row: 1;
}

.fullSizeViewer.ui-panel .ui-panel-content {
    display: grid;
    display: -ms-grid;
    -ms-grid-rows: auto 1fr;
    -ms-grid-columns: 100%;
    grid-template-rows: auto 1fr;
}

.topMenuRasterFullSize {
    display: none;
}

.patientDataInfoColumn.small-column {
    width: 20%;
}

.patientDataInfoColumn.bottom-align {
    vertical-align: bottom;
}

.patientDataInfoColumn .ui-dataview .ui-dataview-header {
    display: none;
}

.patientDataInfoColumn .ui-dataview-column {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}









.subTitle {
    font-size: 16px;
    color: #000000;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    padding-bottom: 20px; 
}

.diaryContent {
    background: #F1F4F6;
    margin: 0px -16px;
    padding: 0px 16px;
}

.diary_entry_texts .headerText {
    color: #000000;
}


.painscale_button:nth-of-type(1) {
    background: rgba(150, 150, 150, 0.05 );
    color: #000000;
}
.painscale_button:nth-of-type(2) {
    background: rgba(150, 150, 150, 0.1);
    color: #000000;
}
.painscale_button:nth-of-type(3) {
    background: rgba(150, 150, 150, 0.2);
    color: #000000;
}
.painscale_button:nth-of-type(4) {
    background: rgba(150, 150, 150, 0.3);
    color: #000000;
}
.painscale_button:nth-of-type(5) {
    background: rgba(150, 150, 150, 0.4);
    color: #000000;
}
.painscale_button:nth-of-type(6) {
    background: rgba(150, 150, 150, 0.5);
    color: #FFFFFF;
}
.painscale_button:nth-of-type(7) {
    background: rgba(150, 150, 150, 0.6);
    color: #FFFFFF;
}
.painscale_button:nth-of-type(8) {
    background: rgba(150, 150, 150, 0.7);
    color: #FFFFFF;
}
.painscale_button:nth-of-type(9) {
    background: rgba(150, 150, 150, 0.8);
    color: #FFFFFF;
}
.painscale_button:nth-of-type(10) {
    background: rgba(150, 150, 150, 0.9);
    color: #FFFFFF;
}
.painscale_button:nth-of-type(11) {
    background: #000000;
    color: #FFFFFF;
}
.painscale_button.active {
    background: #FFFFFF;
    color: #000000;
    font-weight: 700;
}


.registrationOption.ui-selectonemenu,
.registrationOption.ui-selectonemenu.ui-state-hover,
.registrationOption .ui-inputfield,
.registrationOption.ui-selectonemenu .ui-icon::before{
    background: #000000;
    color: #FFFFFF
}

.uploadStep{
	color: #000000;
	font-size: 30px;
	font-weight: 500
}

.uploadStepDescription{
    color: #000000;
    font-size:17px;
    font-style:italic;
    font-weight:bold;
    margin: 0px auto 20px auto; 
}

.uploadInfo{
	color:#000000;
	font-size:22px;
	font-weight:bold;
	display:none
}

.portalLoginPanel{
	color: #000000;
}


.downloadPanel {
	background: #000000;
}

.portal_message_background {
	background:#F1F4F6;
    margin: 0px -16px;
    padding: 0px 16px;
    padding-bottom: 0px;
}


.portal_message_entryList {
	background:#F1F4F6;
	display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 8px calc(50vw - 50%);
    margin: 0px calc(-50vw + 50%);
} 

.portal_message_entryList:empty {
    padding: 2px;
} 


.portal_message_entryList:not(.showAll) > div:nth-child(n+2) {
    display:none;
}

.portal_message_entryList > div:nth-child(n+2) ~ a {
        display: block;
    }



.portal_message {
    background: white;
    color: black;
    padding: 8px 12px;
    display: grid;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.24);
    position: relative;
    grid-template-columns: 1fr auto;
    column-gap: 10px;
}
    
.portal_message_detail {
    background: white;
    color: black;
    display: grid;
    position: relative;
    column-gap: 10px;
}

.portal_messages {
	display: flex;
    gap: 8px;
    flex-direction: column;
    margin-bottom: 20px;
}

.portal_message_author {
	grid-column-start: 1;
	grid-row-start: 1;
	padding-right: 5px;
	
}
.portal_message_timestamp {
    white-space: nowrap;
    font-size: 14px;
    grid-column-start: 3;
    grid-row-start: 2;
    color: #4A4A4A;
    justify-self: end;
}

.portal_message_subject {
    font-weight: 600;
    grid-column-start: 1;
    grid-row-start: 2;
    color: #2472B2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 5px;
}

.portal_message_content {
	grid-column-start: 1;
	grid-row-start: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 5px;
}

.portal_message_newMessageMarker {
	background-color:  #FFFFFF;
    width: 4px;
    flex-shrink: 0;
    align-self: stretch;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
}

.portal_message_newMessageMarker.hidden {
    display: none;
}

.portal_messages_icons{
    grid-column-start:2;
    grid-column-end: 4;
    grid-row-start: 1;
    justify-self: end;
    display: flex;
    gap: 5px;
}

.portal_message_attachmentMarker {
}

.portal_message_answerMarker {
}

.accordionTitle {
	font-weight: bold;
	padding-left: 0px;
    padding-bottom: 10px;
}

.createAuthorTimestampLabel{
       grid-column: 1/3;
       padding-top: 24px;
       padding-bottom: 0px;
       font-size: medium;
    }


.portal_message_subject_detail {
    font-weight: 600;
    font-size: 16px;
    padding-right: 5px;
    grid-column-start: 1;
    grid-row-start: 1;
    padding-bottom: 10px;
    
}

.portal_message_content_detail {
	font-size: 16px;
    white-space: break-spaces;
    padding: 16px 0px;
}

.portal_message_overview_header {
	position: relative;
}

.blank_on_mobile {
	display: none;
}

.info_documents {
	display: flex;
	flex-direction: column;
	gap: 8px;
	overflow: hidden;
}

.portal_message_sort_button {
	position: absolute;
    top: 65px;
    right: max(16px, calc(50vw - 400px + 16px));
    width: 24px;
    font-weight: normal;
    background: none;
    color: #000000;
    box-shadow: none;
}


.portal_message_attachment_button .ui-fileupload-icon-only {
    font-weight: normal;
    background: none;
    color: #000000;
    box-shadow: none;
}

.portal_message_attachment_button_mobile .ui-fileupload-icon-only {
    font-weight: normal;
    background: none;
    color: #000000;
    box-shadow: none;
    padding: 12px 13px 12px 17px;
    height: unset;
}

.portal_message_title_header {
	margin: 0px auto;
    width: 100%;
    font-weight: 400;
    gap: 0px;
    
    display: flex;
    flex-direction: column;
    position: relative;
    font-size: 16px;
    color: #000000;
    max-width: 800px;
    padding-top: 24px;
}

.portal_message_answer_banner {
	background: #F1F4F6;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px calc(50vw - 50%);
    padding-bottom: calc(16px + 0em);
    overflow: auto;
    margin: 0px calc(-50vw + 50%);
    margin-top: -24px;
    font-size: 14px;
    color: #171717;
    margin-bottom: 16px;
}

.portalmessage_document_list {
	display: flex;
    align-items: center;
    gap: 12px;
}

.portalmessage_document {
	display: flex;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
    background: #FFFFFF;
    gap: 8px;
    align-items: center;
    padding: 8px 8px 8px 0px;
    min-height: 48px;
	flex-grow: 1;
	display: flex;
    width: 100%;
}

.portalmessage_document_detail {
	display: flex;
	width: 100%;
	padding-right: 8px;
	align-items: center;
	
}

.portal_message_uploadFileList {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 8px calc(50vw - 50%);
    margin: 16px calc(-50vw + 50%);
}

.portal_message_uploadFileTitle{
    font-style: normal;
    font-size: 16px;
    color: #000000;
    margin-right: 10px;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: -0.16px;
    overflow: hidden;
    line-height: normal;
    display: block;
    padding-bottom: 0em;
    pointer-events: none;
    flex-grow: 1;
    padding-left: 6px;
    white-space: break-spaces;
    word-break: break-all;
}

.portal_message_uploadFileIcon {
	padding-left: 8px;
	color: #000000;
}


.portalmessage_mainMessage {
	background: #F1F4F6;
    padding: 8px calc(50vw - 50%);
    margin: 16px calc(-50vw + 50%);
    flex-grow: 1;
    position: relative;
}




    
    .homeWrapper.noChildBorder .panelDiv:first-of-type {
        background: #F1F4F6;
    }
    
    


.pp-login-1:before {
    font-family: 'IconFont2';
    content: "\e970" !important;
}

.pp-registration:before {
    font-family: 'IconFont2';
    content: "\E98A" !important;
}

.pp-lock-2:before {
    font-family: 'IconFont2';
    content: "\E960" !important;
}

.pp-task-checklist-check:before {
    font-family: 'IconFont2';
    content: "\E98C" !important;
}

.pp-phone-actions-menu:before {
    font-family: 'IconFont2';
    content: "\E9D0" !important;
}

.pp-diary:before {
    font-family: 'IconFont2';
    content: "\E9BA" !important;
}

.pp-configuration:before {
    font-family: 'IconFont2';
    content: "\E952" !important;
}

.pp-logout:before {
    font-family: 'IconFont2';
    content: "\E971" !important;
}

.pp-home:before {
    font-family: 'IconFont2';
    content: "\E925" !important;
}
.pp-direction:before {
    font-family: 'IconFont2';
    content: "\E9CD" !important;
}


.required:after {
  content: " *";
  color: red;
}

.ui-growl-title {
  display: none !important;
}


@media only screen and (max-width: 850px) {
	.mainContent > .loginContent{
    		background: #FFFFFF;
	}

}