@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");;
}


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

.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;
}


/*Hintergrundfarbe I*/

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

.welcomeDiv {
    background: #d0d0d1;
    color: #000000;
}

.mainContent > .loginContent{
    background: #d0d0d1;
    color:#000000;
}

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

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


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


.ui-password .ui-password-icon {
  color: #b46546;
}
/*Buttondarstellung*/
.button_primary,.ui-priority-primary {
    color: #FFFFFF;
    background: #b46547;
    border: 1px solid #b46547;
}

/*bei Mausüberflieger*/
.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: #d0d0d1;
    color: #b46547;
    border: 1px solid #b46547;
}

/*Button*/
.button_link {
    color: #FFFFFF;
    background: #b46547;
    border: 1px solid #b46547;
}

/*bei Mausüberflieger*/
.button_link.ui-button.ui-state-active, .button_link.ui-button.ui-state-hover
    {
    color: #b46547;
    background: #FFFFFF;
    border: 1px solid #b46547;
}


footer {
  background: #b46547;
  color: #FFFFFF;
}

body {
    background: #FFFFFF;
    color: #786067;
}


.sidebarMenu.ui-sidebar-left {
    background: #786067;
    color: #FFFFFF;
}

.sidebarMenu .ui-menu .ui-menuitem-link {
    color: #FFFFFF;
    background: #786067;
}

.sidebarMenu .ui-panelmenu-header a {
    background: #a6969b;
    color: #FFFFFF;
}

.homeMenu.ui-menu .ui-menu-list .ui-menuitem a,
.portalWorkflowPanel .portalWorkflowButton {
    background: #b46547;
    color: #FFFFFF;
}

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

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

.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: #FFFFFF;
    color: #786067;
}

.heading_H1 {
    color: #b46547;
}

.heading_H2 {
    color: #b46547;
}

.text_medium {
    color: #000000;
}

.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected {
    background: #FFFFFF;
    color: #786067;
    border: 1px solid #b46547;
}


.ui-tabs .ui-tabs-nav li a {
  color: #786067;
}

.ui-tabs .ui-tabs-nav li {
    background: #d3cbcd;
}

.sub_title {
    color: #b46547;
}

.ui-dialog .ui-dialog-titlebar, .largeDialog .dialogTitle {
    color: #b46547;
}

.dialog {
  color: #b46547;
}


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

.ui-button-icon-only .ui-icon {
  color: #b46547;
}

.ui-menu.ui-menu-dynamic  .ui-menuitem  {
    background: #d3cbcd;
    color: #786067;
}

.ui-menu.ui-menu-dynamic .ui-menuitem.ui-state-hover {
    background: #a6969b;
    color: #b46547;

}

.menuItemAppointmentDetails{
    background: #d3cbcd;
    color: #786067;
}

.menuItemAppointmentDetails.ui-state-hover{
    background: #a6969b;
    color: #FFFFFF !important;
}

.statusCircle.success {
    background: #b46547;
}

.newDocumentMarker {
    background-color: #b46547;
}

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

.button.button_icon{
    color: #b46547 !important;
}

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


.ui-chkbox-icon.ui-icon.ui-c.ui-icon-check{
    color: #b46547;
}

.ui-selectcheckboxmenu-multiple .ui-icon-triangle-1-s::before,
.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon::before {
    color: #b46547;
}

.selectAllCheckbox .ui-chkbox-label {
        color: #b46547;
}

.ui-chkbox-icon.ui-icon.pp::before{
   color: #b46547 !important;
}

.ui-icon-check::after{
   color: #b46547 !important;
}

.appointmentHeader{
   background: #b46547;
}

.appointmentHeader.past {
    background: #a6868b;
    color: #FFFFFF;
}

.appointmentTitle {
	color: #d3cbcd;
}

.label_small {
	color: #636363;
}

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

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

.appointmentDocuments{
   color: #000000;
}

.appointmentStatusPending {
   color: #707173;
}


.timeSlotButtons{
   color: #b46547;
}

.timeSlotButtonSelected, .timeSlotButtonSelected.ui-button.ui-state-hover, .timeSlotButtonSelected.ui-button.ui-state-active
{
  background: #b46547;
  color: #FFFFFF;
}

.appointmentPicker td.ui-datepicker a, 
.ui-datepicker td a.ui-state-default,
.appointmentPicker .ui-datepicker td span.ui-state-default{
   color: #b46547;
}

.ui-datepicker-header .ui-icon-circle-triangle-e, .ui-datepicker-header .ui-icon-circle-triangle-w {

	color: #b46547;
}

.appointmentPicker .ui-datepicker .ui-datepicker-title{
  color: #b46547;
}

.appointmentPicker td.ui-datepicker-current-day a
{
  background: #b46547;
  color: #FFFFFF;
  
}



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

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

.text_link {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 160%;
    color: #b46547;
    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: #b46547;
    font-size: 25px;
}

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

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

.documentTexts .headerText {
    font-style: normal;
    font-size: 16px;
    color: #b46547;
    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;
}

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

.appointmentTitle {
    font-size: 16px;
    font-weight: bold;
    color: #b46547;
    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: #b46547;
    max-width: 800px;
    margin: 0px auto;
    width: 800px;
    padding: 24px 0px;
    gap: 14px;
}

.verifiedBadge i {
    color: #b46547;
}

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

.headingSeparator {
    color: #b46547;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
     width: 100%;
}

.pdf_table .fa.fa-file-text-o, .fa.fa-download, .fa.fa-edit {
    color: #b46547;
}

.newsHeaderText {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    text-align: left;
    letter-spacing: -0.01em;
    color: #b46547;
    margin-bottom: 8px;
    grid-column:1/3;
}


.dropzone .ui-button {
    background: #F1F5F8;
    color: #b46547;
    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-button-icon-left {
    color: #b46547;
}

.fileWrapper .topRow .fileName {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 700;
    color: #b46547;
}

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

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

.topRightButton button {
    color: #b46547;
}

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

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

.pwdPolicy.ui-datalist .ui-datalist-item > :first-child::before {
    background: #b46547;
}