@import "patPortal_depr.css";

/* font */
@font-face {
    font-family:'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat'),
    url(fonts/montserrat/Montserrat-Regular.ttf) format('truetype');
}

:root {

    --header-bg: #ffffff;

    /* font definition */
    --font-text: 'Montserrat';
    --font-headline: 'Montserrat';

    /* color name definition */
    --primary: #796745; /*--rgba(121, 103, 69, 1)--*/
    --primary-hover: #b6a173;
    --primary-active: #b6a173;
    --primary-active-border:  var(--primary-active);
    --primary-checked: var(--primary-active);
    --primary-checked-hover: var(--primary-active);
    --primary-disabled: #79674599; /*--rgba(121, 103, 69, 0.60)--*/
    --primary-text: #504437; /*--dark text!--*/

    --secondary: #b6a173; /*-- rgba(182, 161, 115, 1) --*/
    --secondary-hover: #504437;
    --secondary-active: var(--secondary-hover);
    --secondary-disabled: #79674599; /*-- rgba(182, 161, 115, 0.60) --*/
    --secondary-text: #f5f0dc; /*--hell text!--*/

    --third: var(--primary);
    --third-text: #f5f0dc;

    --bg-footer: #56554d;
    --hover-link-footer: var(--primary-hover);

    --bg-header-footer: #ededed;
    --color-willkommen-text: var(--primary);
    --color-icon-kacheln: #f57606;

    --btn-warning-bg: #fefefe;

    --btn-primary-text: var(--secondary-text);
    --btn-primary-active-text: var(--primary-text);
    --btn-primary-active-bg: var(--primary-active);
    --btn-primary-active-border: var(--primary-active);
    --btn-primary-checked-text: var(--primary-text);
    --btn-primary-hover-text: var(--primary-text);
    --btn-primary-disabled-text: var(--btn-primary-text);

    --btn-secondary-text: var(--primary-text);
    --btn-secondary-bg: #ffffff;
    --btn-secondary-border: var(--btn-secondary-text);
    --btn-secondary-hover-text: var(--secondary-text);
    --btn-secondary-hover-bg: var(--secondary-hover);
    --btn-secondary-hover-border: var(--secondary-hover);
    --btn-secondary-active-text: var(--btn-secondary-hover-text); /* also valid for :checked */
    --btn-secondary-active-bg: var(--secondary-active); /* also valid for :checked */
    --btn-secondary-active-border: var(--secondary-active); /* also valid for :checked */
    --btn-secondary-disabled-text: var(--secondary-text);

    --btn-third-text: var(--primary2);
    --btn-third-hover-text: #ffffff; /*--?--*/

    --info: #888; /*--?--*/
    --info-text: #fefefe; /*--?--*/

    --accordion: #ffffff;
    --accordion-hover-bg: var(--secondary);
    --accordion-active:var(--primary);
    --accordion-disabled: #DFE9A9;  /*--?--*/

    --filter-bg: #EAEFF0 /*--?--*/
}

/*layout*/
body {
    font-family :var(--font-text), Helvetica, Arial, sans-serif!important;
    color: var(--primary-text);
}

*:focus-visible {
    box-shadow: 0 0 0 0.25rem rgba(121, 103, 69, 0.25)!important;
    border-color: var(--primary)!important;
}

nav.navbar a,
nav.navbar li.nav-item a.nav-link {
    color: var(--primary-text);
}

div.breadNav {
    margin-top: 0!important;
}


#fontSizeSwitch button.btn-dark {
    background-color: var(--primary);
    color: var(--secondary-text);
}

#fontSizeSwitch button.btn-outline-dark:hover {
    background-color: var(--header-bg);
}

button#closeMsg {
    color: var(--secondary-text);
}

/*--breadcrambs, Links--*/
.forgotPwdLink a,
.breadNav li.breadcrumb-item a {
    color: var(--primary-text);
}

.forgotPwdLink a:hover,
.breadNav li.breadcrumb-item a:hover {
    text-decoration-color: var(--primary-hover);
    text-decoration-style: double;
}

.breadNav li.breadcrumb-item {
    color: var(--primary);
}


/*--Badge--*/

.badge.bg-secondary {
    background-color: #ffc107 !important;
    color: #17202a !important;
}

/*--ZurückButton--*/
a#breadBackLink {
    color: var(--primary);
}

/***********************************************************/
/** region Behandlungen   */
div.Behandlungen .fc-daygrid-event-harness .fc-event {
    color: var(--primary);
}

div.Behandlungen .fc-button-group button {
    background-color: var(--primary);
    border-color: var(--primary);
}

div.Behandlungen .fc-button-group button.fc-button-active {
    background-color: var(--primary-text)!important;
}

div.fc-daygrid-day-top {
    background-color: var(--third-text)!important;
}

.fc-list-event-title  span.fc-list-event-dot {
    border-color: var(--primary)!important;
}

.fc-list-event-title i.fa-light.fa-sparkles.fa-beat {
    color: var(--primary)!important;
}

    /** endregion */
/***********************************************************/

/***********************************************************/
/** region Einstellungen   */
div.tile.Einstellungen div.content div.card div.card-header {
    background-color: var(--secondary);
    color: var(--secondary-text);
}

div.tile.Einstellungen div.content div.card div.accordion button.accordion-button {
    color: var(--primary-text);
    background-color: var(--third-text);
}

div.tile.Einstellungen div.content div.card div.accordion button.accordion-button.collapsed {
    background-color: transparent;
}
/** endregion */
/***********************************************************/

/***********************************************************/
/** region Footer   */
footer#footerBar {
    background-color: var(--bg-footer);
    text-transform: uppercase;
    letter-spacing: 1px;
}

footer#footerBar li > a {
    color: var(--secondary-text);
}

footer#footerBar li > a:hover {
    color: var(--hover-link-footer);
    background-color: transparent!important;
}
/** endregion */
/***********************************************************/

/***********************************************************/
/** region Kacheln   */
.c4Tile.Home .tileBtn .card-body > span > i:nth-child(2),
.c4Tile.Home .tileBtn .card-footer .tileBtn {
    color: var(--secondary-text);
}

.c4Tile.Home .tileBtn:hover .card-body > span > i:nth-child(2),
.c4Tile.Home .tileBtn:hover .card-footer .tileBtn {
    color: var(--primary-text);
}

/** endregion */
/***********************************************************/

/***********************************************************/
/** region Accordion   */
.timelineAccordionContainer > div.accordion > div.accordion-item > h2.accordion-header > button.accordion-button {
    background-color: var(--primary)!important;
    color: var(--secondary-text);
}

.timelineAccordionContainer > div.accordion > div.accordion-item > h2.accordion-header > button.accordion-button.collapsed {
    border: solid 2px var(--primary)!important;
    background-color: var(--accordion)!important;
    color: var(--primary-text)!important;
}

.timelineAccordionContainer > div.accordion > div.accordion-item > h2.accordion-header > button.accordion-button.collapsed:hover {
    background-color: var(--primary)!important;
    color: var(--secondary-text)!important;
}

/*-- Accordion innerhalb Accordion --*/
.timelineAccordionContainer div.accordion-item div.accordion-collapse button.accordion-button {
    background-color: var(--secondary);
    color: var(--secondary-text);
}

.timelineAccordionContainer div.accordion-item div.accordion-collapse button.accordion-button.collapsed {
    border: solid 2px var(--secondary);
    background-color: var(--accordion);
    color: var(--primary-text);
}

.timelineAccordionContainer div.accordion-item div.accordion-collapse button.accordion-button.collapsed:hover {
    background-color: var(--secondary);
    color: var(--secondary-text);
}

.timelineAccordionContainer > div.accordion > div.accordion-item {
    margin-bottom: 0.25rem;
}

/*--machen Accordion Arrows weiß--*/
.timelineAccordionContainer div.accordion-item div.accordion-collapse button.accordion-button:after,
.timelineAccordionContainer > div.accordion > div.accordion-item > h2.accordion-header > button.accordion-button.collapsed:hover:after,
.timelineAccordionContainer div.accordion-item div.accordion-collapse button.accordion-button.collapsed:hover:after,
.timelineAccordionContainer > div.accordion > div.accordion-item > h2.accordion-header > button.accordion-button:after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f5f0dc'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

/*--machen Accordion Arrows dark--*/
.timelineAccordionContainer > div.accordion > div.accordion-item > h2.accordion-header > button.accordion-button.collapsed::after,
.timelineAccordionContainer div.accordion-item div.accordion-collapse button.accordion-button.collapsed:after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23796745'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

button.accordion-button:focus {
    box-shadow: none;
}

span.badge {
    vertical-align: text-top!important;
}
/** endregion */
/***********************************************************/


/***********************************************************/
/** region  Wegfindung */
.tile.Navigation .wayPointSelectContainer ol.breadcrumb {
    align-items: end;
}

.tile.Navigation .wayPointSelectContainer a {
    color: unset!important;
    text-decoration: none;
}

.tile.Navigation .wayPointSelectContainer:has(select#wpStart) a > i {
    color: #008800;
    font-size: 2rem;
}

.tile.Navigation .wayPointSelectContainer:has(select#wpDest) a > i {
    color: #ff0000;
    font-size: 2rem;
}
/** endregion */
/***********************************************************/

/*-- NB20251028 - ausgeblendet Fragestellen Div  https://sdsrv4/mantis/view.php?id=5888 --*/
/*-- NB20251218 - ausgeblendet "Weitere Termin" Button und Suchfeld in Klinikauswahl https://sdsrv4/mantis/view.php?id=6215 --*/
.tile.TerminAnfrage :is(#newAnfrage, #searchBoxContainer),
.tile.FAQ #faq_container + div {
    display: none;
}