@charset "UTF-8";
/* * * * * CD/CI Innocon für Elbe Havel Land * * * * */


/* font */
@font-face {
    font-family:'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'),
    url(fonts/open-sans/open-sans-v18-latin-regular.woff) format('woff'), /* Modern Browsers */
    url(fonts/open-sans/open-sans-v18-latin-regular.woff2) format('woff2'); /* Super Modern Browsers */
}
@font-face {
    font-family:'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Condensed'),
    url(fonts/robotocondensed/RobotoCondensed-Regular.woff) format('woff'), /* Modern Browsers */
    url(fonts/robotocondensed/RobotoCondensed-Regular.woff2) format('woff2'); /* Super Modern Browsers */
}

/* definitions */
:root {
    /* font definition */
    --font-text: 'Open Sans';
    --font-headline: 'Roboto Condensed';

    /* color name definition */
    /*--primary: #b3002c;
    --primary-hover: #d60236;*/
    --primary:#015498;
    --primary-hover: #004177;
    --primary-active: #eb8f00;
    --primary-disabled: #F3E086;
    --secondary: #B3E1ED;
    --secondary-hover: #A1D9E8;
    --secondary-active: #8CCCDE;
    --secondary-disabled: #CBECF5;
    --btn-save: #288BCD;
    --btn-save-hover: #2B85C1;
    --btn-save-active: #2578AF;
    --btn-save-disabled: #7ABEEC;
    --accordion: #dff5ff;
    --accordion-hover: #b9e9ff;
    --accordion-active: #015498;
    --accordion-disabled: #DFE9A9;
    --body-bg: #FFFFFF;
    --textmessage-bg: #e1edf0;

    --header-text: var(--accordion-active);
    --header-bg: #fff; /* ci color recommended */
    --header-2-text: #fff;
    --header-2-bg: #34b9d9;
    --timeline-bg: #e0e2e440;
    --card-unread: #feffbb;
    --icon-webPicViewer: #75ce66;
    --icon-blockedDoc: #cccccc;
    --icon-document: #e63f29;
    --icon-date: #297ae6;
    --icon-roentgen: #29e6bc;
    --icon-medication: #29bce6;
    --icon-khdiag: #e6c929;

/*    --logo: url('../images/logo_innocon.png'); */

    /* element color definition */
    --btn-primary-text: #ffffff;
    --btn-primary-bg: var(--primary);
    --btn-primary-border: var(--primary);
    --btn-primary-hover-text: #ffffff; /* also valid for :focus */
    --btn-primary-hover-bg: var(--primary-hover); /* also valid for :focus */
    --btn-primary-hover-border: var(--primary-hover); /* also valid for :focus */
    --btn-primary-active-text: #2073ab; /* also valid for :checked */
    --btn-primary-active-bg: var(--primary-active); /* also valid for :checked */
    --btn-primary-active-border: var(--primary-active); /* also valid for :checked */
    --btn-primary-disabled-text: #448FC2; /* also valid for :checked */
    --btn-primary-disabled-bg: var(--primary-disabled); /* also valid for :checked */
    --btn-primary-disabled-border: var(--primary-disabled); /* also valid for :checked */
    --btn-primary-shadow: 0 0 0 0.25rem var(--primary-disabled);
    --btn-open-card-text:var(--accordion-active);
    --body-text:var(--accordion-active);

    --btn-secondary-text: #ffffff;
    --btn-secondary-bg: var(--secondary);
    --btn-secondary-border: var(--secondary);
    --btn-secondary-hover-text: #2073ab; /* also valid for :focus */
    --btn-secondary-hover-bg: var(--secondary-hover); /* also valid for :focus */
    --btn-secondary-hover-border: var(--secondary-hover); /* also valid for :focus */
    --btn-secondary-active-text: #2073ab; /* 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: #69AFDF; /* also valid for :checked */
    --btn-secondary-disabled-bg: var(--secondary-disabled); /* also valid for :checked */
    --btn-secondary-disabled-border: var(--secondary-disabled); /* also valid for :checked */
    --btn-secondary-shadow: 0 0 0 0.25rem var(--secondary-disabled);

    /** only ANFORDERUNG btn **/
    --btn-outline-dark-text: var(--btn-secondary-text);
    --btn-outline-dark-bg: transparent;
    --btn-outline-dark-border: transparent;
    --btn-outline-dark-hover-text: var(--btn-secondary-hover-text); /* also valid for :focus */
    --btn-outline-dark-hover-bg: var(--btn-secondary-bg); /* also valid for :focus */
    --btn-outline-dark-hover-border: var(--secondary); /* also valid for :focus */
    --btn-outline-dark-active-text: var(--btn-secondary-active-text); /* also valid for :checked */
    --btn-outline-dark-active-bg: var(--btn-secondary-active-bg); /* also valid for :checked */
    --btn-outline-dark-active-border: var(--btn-secondary-active-border); /* also valid for :checked */
    --btn-outline-dark-disabled-text: #a4cdd8; /* also valid for :checked */
    --btn-outline-dark-disabled-bg: var(--secondary-disabled); /* also valid for :checked */
    --btn-outline-dark-disabled-border: var(--secondary-disabled); /* also valid for :checked */
    --btn-outline-dark-shadow: 0 0 0 0.25rem rgba(121, 186, 201, .25);

    /** only Zuweiserportal SAVE btn **/
    --btn-save-text: #fff;
    --btn-save-bg: var(--btn-save);
    --btn-save-border: var(--btn-save);
    --btn-save-hover-text: #fff;
    --btn-save-hover-bg: var(--btn-save-hover);
    --btn-save-hover-border: var(--btn-save-hover);
    --btn-save-active-text: #fff;
    --btn-save-active-bg: var(--btn-save-active);
    --btn-save-active-border: var(--btn-save-active);
    --btn-save-disabled-text: #CFECFF;
    --btn-save-disabled-bg: var(--btn-save-disabled);
    --btn-save-disabled-border: var(--btn-save-disabled);
    --btn-save-shadow: 0 0 0 0.25rem var(--btn-save-disabled);

    --accordion-text: var(--accordion-active);
    --accordion-bg: var(--accordion);
    --accordion-border: var(--accordion);
    --accordion-arrow: var(--accordion-active);
    --accordion-hover-text: var(--accordion-active); /* also valid for :focus */
    --accordion-hover-bg: var(--accordion-hover); /* also valid for :focus */
    --accordion-hover-border: var(--accordion-hover); /* also valid for :focus */
    --accordion-hover-arrow: var(--accordion-active); /* also valid for :focus */
    --accordion-active-text: #fff; /* also valid for :checked */
    --accordion-active-bg: var(--accordion-active); /* also valid for :checked */
    --accordion-active-border: var(--accordion-active); /* also valid for :checked */
    --accordion-active-arrow: #fff; /* also valid for :checked */
    --accordion-shadow: 0 0 0 0.25rem var(--secondary-disabled);
    --accordion-arrow-bs: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232073ab'%3e%3cpath 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'/%3e%3c/svg%3e");
    --accordion-active-arrow-bs: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath 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'/%3e%3c/svg%3e");

    --dropdown-hover: var(--header-bg);

    --alert-text: #2073ab;
    --alert-bg: rgba(121, 186, 201, .25);

    --badge-text: #2073ab;
    --badge-bg: var(--primary);

    --unterlagen-text: #2073ab;
    --unterlagen-bg: #fff;
    --unterlagen-border: #2073ab;
    --unterlagen-bg: rgb(247, 248, 252) !important; /* Old browsers */
    --unterlagen-bg-moz: -moz-linear-gradient(top, rgba(247, 248, 252, 1) 0%,
    rgba(222, 231, 247, 1) 100%) !important; /* FF3.6-15 */
    --unterlagen-bg-webkit: -webkit-linear-gradient(top, rgba(247, 248, 252, 1) 0%,
    rgba(222, 231, 247, 1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
    --unterlagen-bg-others: linear-gradient(to bottom, rgba(247, 248, 252, 1) 0%,
    rgba(222, 231, 247, 1) 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    --unterlagen-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8fc',
    endColorstr='#dee7f7', GradientType=0) !important;
}


/* layout */
body, html {
    font-family: var(--font-text), Helvetica, Arial, sans-serif;
    font-size: 1rem;

    color: var(--body-text);
    background: var(--body-bg);
}
img#logo {
    width: clamp(350px, 60%, 600px);
}

/* global */
.container-fluid {
    padding: 0;
}

/** buttons **/
#dialog button.actionButton:not(.btn) {
    color: var(--btn-primary-text) !important;
    background: var(--btn-primary-bg) !important;
    border: var(--btn-primary-border) !important;
}

.btn-primary, button.btnTanReq,
button#disablePatient, button#saveMyData {
    color: var(--btn-primary-text) !important;
    background: var(--accordion-active) !important;
    border: var(--accordion-active) !important;
}
.btn-primary:hover, button.btnTanReq:hover,
button#disablePatient:hover, button#saveMyData:hover {
    color: var(--btn-primary-hover-text) !important;
    background: var(--btn-primary-hover-bg) !important;
    border: var(--btn-primary-hover-border) !important;
}
.btn-check:focus + .btn-primary, .btn-primary:focus,
.btn-check:focus + button.btnTanReq, button.btnTanReq:focus,
.btn-check:focus + button#disablePatient, button#disablePatient:focus,
.btn-check:focus + button#saveMyData, button#saveMyData:focus {
    color: var(--btn-primary-hover-text);
    background: var(--btn-primary-hover-bg);
    border: var(--btn-primary-hover-border);
    box-shadow: var(--btn-primary-shadow);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle,
.btn-check:checked + button.btnTanReq, .btn-check:active + button.btnTanReq, button.btnTanReq:active, button.btnTanReq.active, .show > button.btnTanReq.dropdown-toggle,
.btn-check:checked + button#disablePatient, .btn-check:active + button#disablePatient, button#disablePatient:active, button#disablePatient.active, .show > button#disablePatient.dropdown-toggle,
.btn-check:checked + button#saveMyData, .btn-check:active + button#saveMyData, button#saveMyData:active, button#saveMyData.active, .show > button#saveMyData.dropdown-toggle {
    color: var(--btn-primary-text)!important;
    background: var(--btn-primary-active-bg)!important;
    border: var(--btn-primary-active-bg)!important;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus,
.btn-check:checked + button.btnTanReq:focus, .btn-check:active + button.btnTanReq:focus, button.btnTanReq:active:focus, button.btnTanReq.active:focus, .show > button.btnTanReq.dropdown-toggle:focus,
.btn-check:checked + button#disablePatient:focus, .btn-check:active + button#disablePatient:focus, button#disablePatient:active:focus, button#disablePatient.active:focus, .show > button#disablePatient.dropdown-toggle:focus,
.btn-check:checked + button#saveMyData:focus, .btn-check:active + button#saveMyData:focus, button#saveMyData:active:focus, button#saveMyData.active:focus, .show > button#saveMyData.dropdown-toggle:focus {
    box-shadow: var(--btn-primary-shadow);
}
.btn-primary:disabled, .btn-primary.disabled,
button.btnTanReq:disabled, button.btnTanReq.disabled,
button#disablePatient:disabled, button#disablePatient.disabled,
button#saveMyData:disabled, button#saveMyData.disabled {
    color: var(--btn-primary-disabled-text);
    background: var(--btn-primary-disabled-bg);
    border: var(--btn-primary-disabled-border);
}

.btn-secondary, .elegant-color, .btn-outline-primary {
    color: var(--btn-primary-text) !important;
    background: var(--btn-primary-bg) !important;
    border: var(--btn-primary-border) !important;
}
.btn-secondary:hover, .elegant-color:hover,
.btn-outline-primary:hover {
    color: var(--btn-primary-hover-text) !important;
    background: var(--btn-primary-hover-bg) !important;
    border: var(--btn-primary-hover-border) !important;
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus,
.btn-check:focus + .elegant-color, .elegant-color:focus,
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
    color: var(--btn-secondary-hover-text);
    background: var(--btn-secondary-hover-bg);
    border: var(--btn-secondary-hover-border);
    box-shadow: var(--btn-secondary-shadow);
}
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle,
.btn-check:checked + .elegant-color, .btn-check:active + .elegant-color, .elegant-color:active, .elegant-color.active, .show > .elegant-color.dropdown-toggle,
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .show > .btn-outline-primary.dropdown-toggle {
    color: var(--btn-secondary-active-text);
    background: var(--btn-secondary-active-bg);
    border: var(--btn-secondary-active-border);
}
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus,
.btn-check:checked + .elegant-color:focus, .btn-check:active + .elegant-color:focus, .elegant-color:active:focus, .elegant-color.active:focus, .show > .elegant-color.dropdown-toggle:focus,
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: var(--btn-secondary-shadow);
}
.btn-secondary:disabled, .btn-secondary.disabled,
.elegant-color:disabled, .elegant-color.disabled,
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
    color: var(--btn-secondary-disabled-text);
    background: var(--btn-secondary-disabled-bg);
    border: var(--btn-secondary-disabled-border);
}

button#saveMyData {
    padding: .375rem 1.25rem !important;
}

/** modal fenster **/

.ui-widget-header {
    border: 1px solid var(--header-bg);
    background: var(--header-bg);
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child {
    color: var(--btn-primary-text);
    background: var(--btn-primary-bg);
    border: var(--btn-primary-border);
    padding: .375rem 1.25rem;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child {
    color: var(--btn-open-card-text);
    background: var(--btn-open-card-bg);
    border: var(--btn-open-card-border);
    padding: .375rem 1.25rem;
}
.ui-dialog .ui-dialog-titlebar-close {
    background: url(../../../../jquery/jquery-ui-1.13.2/images/ui-icons_ffffff_256x240.png) -80px -128px;
    border: none;
}

/** accordion **/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    color: var(--accordion-text) !important;
    background: var(--accordion-bg) !important;
    border: var(--accordion-border) !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-button:hover,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:focus {
    color: var(--accordion-hover-text) !important;
    background: var(--accordion-hover-bg) !important;
    border: var(--accordion-hover-border) !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    color: var(--accordion-active-text) !important;
    background: var(--accordion-active-bg) !important;
    border: var(--accordion-active-border) !important;
}
.ui-icon, .ui-state-hover .ui-icon {
    background: url(../../../../jquery/jquery-ui-1.13.2/images/ui-icons_ffffff_256x240.png) -32px -16px;
}
.ui-state-active .ui-icon {
    background: url(../../../../jquery/jquery-ui-1.13.2/images/ui-icons_ffffff_256x240.png) -65px -16px;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #fbd850;
    background-color: #eb8f00;
}
.ui-widget {
    font-family: "Open Sans";
}

/** checkbox **/
.ui-checkboxradio-label.ui-widget {
    color: var(--checkbox-text) !important;
    background: var(--checkbox-bg) !important;
    border: var(--checkbox-border) !important;
}
.ui-checkboxradio-label.ui-state-hover,
.ui-checkboxradio-label.ui-state-focus {
    color: var(--checkbox-hover-text) !important;
    background: var(--checkbox-hover-bg) !important;
    border: var(--checkbox-hover-border) !important;
}
.ui-checkboxradio-label.ui-state-active.ui-checkboxradio-checked, .ui-checkboxradio-label.ui-state-active:hover {
    color: var(--checkbox-active-text) !important;
    background: var(--checkbox-active-bg) !important;
    border: var(--checkbox-active-border) !important;
}
.ui-visual-focus {
    box-shadow: var(--checkbox-shadow) !important;
}
.ui-checkboxradio-label .ui-icon {
    display: none;
}


/* splash */
body.splash #wrapper {
    width: unset;
}
body.splash h2.right {
    font-family: var(--font-headline), Helvetica, Arial, sans-serif;
}


/** accordion Header&Content **/
body.splash #dialog h3.ui-accordion-header{
    margin-top:10px;
    padding-left:10%;
    border:none;
    font-size:2em;
    font-weight:100;
    font-family: var(--font-headline), Helvetica, Arial, sans-serif;
}

body.splash #dialog h3.ui-accordion-header > i{
    display:none;
}
body.splash #dialog div.tile.ui-accordion-content{
    color: var(--body-text);
    background: #ffffff;
}
body.splash #dialog div.tile.ui-accordion-content h3.ui-accordion-header{
    font-size:20px;
}

@media (max-width: 700px) {
    body.splash #AkteOeffnen_LoginType_Tabs .ui-state-default,
    body.splash #AkteOeffnen_LoginType_Tabs .btnTanReq {
        font-size: 1em !important;
    }
}
@media (max-width: 1275px) {
    /* Portal Schriftzug */
    body.splash h2.right {
        margin-top: 4vh !important;
        font-size: 3em !important;
        line-height: 1.25 !important;
    }
}
@media (max-width: 1700px) {
    /* Portal Schriftzug */
    body.splash h2.right {
        margin-top: 7vh !important;
        font-size: 3em !important;
        line-height: 1.25 !important;
    }
}


/** accordion Akte öffnen **/
/*** Kartenreiter Header ***/
body.splash #dialog div.tile.ui-accordion-content.AkteOeffnen .ui-widget-header li a{
    font-weight: initial;
}
.tile.AkteOeffnen label{
    color: var(--accordion-active);
}
.tile.AkteOeffnen a{
    color: var(--accordion-active);
}

/*** Kartenreiter Inhalt ***/
body.splash #dialog div.tile.ui-accordion-content.AkteOeffnen .ui-widget-content > ul.ui-widget-header{
    background: transparent;
    border: none;
}
body.splash #dialog div.tile.ui-accordion-content.AkteOeffnen .ui-widget-content > ul.ui-widget-header > li > a{
    color:inherit;
}
body.splash #dialog div.tile.ui-accordion-content.AkteOeffnen .ui-widget-content > ul.ui-widget-header > li > a:hover{
    background-color:inherit;
    border:none;
}
.ui-tabs .ui-tabs-panel{
    background: var(--accordion-active);
}

/** accordion Registrieren **/
.tile.Onboarding_Medpaper #anmeld_medpaperEinwllg button.registerOk.actionButton {
    width: 65% !important;
    font-size: 1.5em !important;
}
.tile.Onboarding_Medpaper #anmeld_medpaperEinwllg button.actionButton {
    width: 25% !important;
    font-size: 1em !important;
}


/* Kachelübersicht */
body.portal {
    background-color: var(--body-bg);
}
body.portal #tilemenu {
    text-align: left;
}
body.portal #tilemenu button {
    background-color: #f7f7f7;
    border-width: 2px;
    border-color: grey;
}
body.portal .header{
    color: var(--header-text) !important;
   /* background: var(--header-bg);*/
}
body.portal #header > h2{
    margin-right: 200px;
/*    background-image: var(--logo); */
    background-repeat: no-repeat;
    background-size: auto 90px;
    background-position: right;
}
body.portal #header > h2 p {
    font-family: var(--font-text), Helvetica, Arial, sans-serif;
}
body.portal .header > h2, .submenu .header > h3 {
    color: var(--header-text) !important;
    font-family: var(--font-headline), Helvetica, Arial, sans-serif;
}
body.portal .header > button {
    background-color: var(--accordion);
    color: var(--accordion-active) !important;
    box-shadow: none !important;
    border: 0;
    padding: .5rem 1rem;
    margin: .3rem
}

body.portal .header > button .nomicBtn {
    font-size: 2rem;
}
.tile.TerminAnfrage div.r2 {
    padding-left: 1rem;
}

body.portal .header > button:hover {
    color: var(--header-text) !important;
    background-color: var(--accordion-active);
}

@media (max-width: 900px) {
    body.portal #header > h2 {
        margin-right: 0 !important;
        padding-top: 5.5rem;
/*        background-image: var(--logo); */
        background-repeat: no-repeat;
        background-size: auto 60px;
        background-position: top;
        background-position-x: 2rem;
        background-position-y: .4rem;
    }
}
@media (max-width: 1200px) {
    body.portal #header > h2{
        background-size: auto 80px;
    }
}
/** accordion Online-Dienste **/
#odList button{
    background-color: var(--accordion-active)!important;
}
#odList .btn-primary:hover{
    background-color: var(--btn-primary-hover-bg)!important;
    color: var(--btn-primary-hover-text) !important;
}

/** card **/
body.portal #tilemenu .card {
    background-color:#ffffff;
    border: none;
    box-shadow: 0 0 1rem rgba(0,0,0,.1) !important;
}
body.portal #tilemenu .card-footer {
    background-color: #fff;
}
button.btn.btn-lg {
    text-align: center;
    color: var(--btn-open-card-text);
    background: var(--btn-open-card-bg);
    border: var(--btn-open-card-border);
}
button.btn.btn-lg:hover, btn.btn-lg:focus {
    color: var(--btn-open-card-hover-text);
    background: var(--btn-open-card-hover-bg);
    border: var(--btn-open-card-hover-border);
}
button.btn.btn-lg:focus, button.btn.btn-lg:active {
    box-shadow: var(--btn-open-card-shadow);
}
body.portal #tilemenu h4 {
    font-family: var(--font-headline), Helvetica, Arial, sans-serif;
}
body.portal #tilemenu > div > div.card > .card-body > h4 > i{
    color: var(--btn-open-card-text);
}
body.portal #tilemenu > button:hover i,
body.portal #tilemenu > div > div.card:hover > div > h4 > i{
    color: var(--btn-open-card-text) !important;
    box-shadow: none;
}


div[data-tileClass="PatPortalTile_Impressum"] div.content,
div[data-tileClass="PatPortalTile_StaticHtml"] div.content{
    font-size:1.3em;
    padding-left:5%;
    padding-top:50px;
}

body.portal #btnDownload {
    display:none;
    visibility: hidden;
}

/* CG20210227 "Konten verbinden"-Bereich in Einstellungskachel ausblenden */
body.portal .tile.Einstellungen #kontenVerbinden {
    display:none;
}


/* timeline */
.Timeline div#tlwrapper {
    background-color: unset !important;
}

.Timeline div#tlwrapper #cd-timeline > .caseContainer:nth-child(2n) {
    background-color: var(--accordion) !important;
    padding: 1.25rem;
    border-radius: 0 0 5px 5px;
}
.Timeline div#tlwrapper #cd-timeline > .caseContainer:nth-child(2n+1) {
    background-color: var(--accordion) !important;
    padding: 1.25rem;
    border-radius: 5px 5px 0 0;
}

/** filter **/
.Timeline .tileDlg > .dlgHeader {
    background: var(--header-bg) !important;
}
.Timeline .tileDlg button.dlgHide {
    color: var(--header-text);
    background: transparent;
    border: none;
}
.Timeline .tileDlg {
    background: #fff;
    border-color: #c3c3c3;
}
.Timeline .tileDlg fieldset.filter {
    background: #fff;
    padding: 1rem;
}
.Timeline .tileDlg fieldset {
    background: #fff;
}

.Timeline div#tlwrapper ul#tlFilter li {
    color: var(--btn-secondary-text) !important;
    background: var(--btn-secondary-bg) !important;
    border: var(--btn-secondary-border) !important;
    cursor: pointer !important;
    margin: 1rem .5rem 0 .5rem !important;
}
.Timeline div#tlwrapper ul#tlFilter li.hideCateg {
    color: var(--btn-secondary-active-text) !important;
    text-decoration: line-through;
    background: var(--btn-secondary-active-bg) !important;
}

/** card **/
.Timeline div#tlwrapper .tlInlineBtn{
    float: none !important;
    margin: 0 .5rem 0 0 !important;
    color: var(--checkbox-text) !important;
    background: var(--checkbox-bg) !important;
    border: 1px solid var(--checkbox-border) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
.Timeline div#tlwrapper .tlInlineBtn:hover {
    color: var(--checkbox-hover-text) !important;
    background: var(--checkbox-hover-bg) !important;
    border: 1px solid var(--checkbox-hover-border);
    box-shadow: none !important;
}
.Timeline div#tlwrapper .tlInlineBtn:focus {
    color: var(--checkbox-hover-text) !important;
    background: var(--checkbox-hover-bg) !important;
    border: 1px solid var(--checkbox-hover-border);
    box-shadow: var(--checkbox-shadow) !important;
}
.Timeline div#tlwrapper .tlInlineBtn.pressed, .tlInlineBtn.pressed:active {
    color: var(--checkbox-active-text) !important;
    background-color: var(--checkbox-active-bg) !important;
    border-color: var(--checkbox-active-border) !important;
    box-shadow: var(--checkbox-shadow) !important;
}

.Timeline div#tlwrapper div.cd-timeline-content {
    padding: 1rem !important;
    box-shadow: 0 0 1rem rgba(0,0,0,.08) !important;
}
.Timeline div#tlwrapper .cd-timeline-content h2{
    margin: 1rem 0 .25rem 0;
    font-family:  var(--font-headline), Helvetica, Arial , sans-serif;
    color: var(--body-text);
    text-align: left !important;
    word-break: break-word;
}
.Timeline div#tlwrapper div.cd-timeline-content p {
    margin: 0 !important;
}
.Timeline div#tlwrapper .cd-timeline-content .cd-read-more {
    float: right !important;
    font-size: 1rem !important;
    margin: 1rem 0 0 .5rem !important;
    padding: .6em 1em;
    color: var(--btn-primary-text) !important;
    background: var(--btn-primary-bg) !important;
    border: 1px solid var(--btn-primary-border) !important;
    border-radius: 0.25em;
    width: unset !important;
    text-align: center;
}
.Timeline div#tlwrapper .cd-timeline-content .cd-read-more:hover {
    color: var(--btn-primary-hover-text) !important;
    background: var(--btn-primary-hover-bg) !important;
    border: 1px solid var(--btn-primary-hover-border) !important;
}
.Timeline div#tlwrapper .cd-timeline-content .cd-read-more:focus,
.Timeline div#tlwrapper .cd-timeline-content .cd-read-more:active {
    color: var(--btn-primary-hover-text) !important;
    background: var(--btn-primary-hover-bg) !important;
    border: 1px solid var(--btn-primary-hover-border) !important;
    box-shadow: var(--btn-primary-shadow) !important;
}
.Timeline div#tlwrapper .cd-timeline-content .cd-read-more.clickedLink,
.Timeline div#tlwrapper .cd-timeline-content .cd-read-more.orderAlreadySent {
    padding-left: 1.25rem !important;
}

#btnShare {
    color: var(--btn-primary-text);
    background-color: var(--btn-primary-bg);
    border: var(--btn-primary-border);
    border-radius: .25rem;
    padding: .375rem 1.25rem;
}
#btnShare i.fa {
    font-size: 2rem;
}

@media (max-width: 1170px) {
    .Timeline div#tlwrapper span.caseContainer {
        padding: 0 !important;
    }
    .Timeline div#tlwrapper .cd-timeline-content .cd-read-more {
        float: left !important;
        margin: 1rem 1rem 0 0 !important;
    }
    .Timeline div#tlwrapper .cd-timeline-content .cd-date {
        position: unset !important;
        margin-top: 1rem;
    }
}

/** timeline icons **/
.Timeline div#tlwrapper .cd-timeline-img {
    box-shadow: 0 0 1rem rgba(0,0,0,.08) !important;
}

.Timeline div#tlwrapper div.cd-timeline-block.categ_webPicViewer div.cd-timeline-img {
    background: var(--icon-webPicViewer) !important;
}

.Timeline div#tlwrapper div.cd-timeline-block.categ_date div.cd-timeline-img {
    background: var(--icon-date) !important;
}

.Timeline div#tlwrapper div.cd-timeline-block.categ_document div.cd-timeline-img {
    background: var(--icon-document) !important;
}

.Timeline div#tlwrapper div.cd-timeline-block.categ_blockedDoc div.cd-timeline-img {
    background: var(--icon-blockedDoc) !important;
}

.Timeline div#tlwrapper div.cd-timeline-block.categ_roentgen div.cd-timeline-img {
    background: var(--icon-roentgen) !important;
}

.Timeline div#tlwrapper div.cd-timeline-block.categ_medication div.cd-timeline-img {
    background: var(--icon-medication) !important;
}

.Timeline div#tlwrapper div.cd-timeline-block.categ_khdiag div.cd-timeline-img {
    background: var(--icon-khdiag) !important;
}


/* Termin-Anfrage */
.TerminAnfrage .r2 {
    margin: 0 !important;
}
.TerminAnfrage h4 {
    font-family: var(--font-headline), Helvetica, Arial, sans-serif;
}
.TerminAnfrage h4.terminChoiceRow {
    font-family: var(--font-text), Helvetica, Arial, sans-serif;
}

@media (min-width: 768px) {
    .TerminAnfrage .col-md-6 {
        width: 49% !important;
    }
}
@media (max-width: 767px) {
    .TerminAnfrage .row {
        --bs-gutter-x: 0 !important;
    }
}

/* Aufnahme vorbereiten */
.tile.AufnahmeVorbereiten ul#docNavigation > li
{
    color: var(--btn-secondary-text) !important;
    background: var(--btn-secondary-bg) !important;
    border: var(--btn-secondary-border) !important;
}
.tile.AufnahmeVorbereiten ul#docNavigation > li:hover
{
    color: var(--btn-secondary-hover-text) !important;
    background: var(--btn-secondary-hover-bg) !important;
    border: var(--btn-secondary-hover-border) !important;
}


/* Behandlungen */
.Behandlungen .row .col {
    flex: 1 0 100% !important;
}
.Behandlungen .row .col .card {
    box-shadow: 0 0 1rem rgba(0,0,0,.08) !important;
}
.Behandlungen .alert-primary {
    color: #fff;
    background-color: var(--icon-date);
    border: 1px solid var(--icon-date);
    border-radius: 2rem !important;
}


/* Wegefindung */
.Navigation .wayPointSelectContainer > label[for="wpStart"]::before {
    color: var(--primary) !important;
}
.Navigation .wayPointSelectContainer > label[for="wpDest"]::before {
    color: var(--secondary) !important;
}
.Navigation .row {
    --bs-gutter-x: 0 !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--dropdown-hover);
}


/* Unterlagen */
.Unterlagen ul li.header h3{
    color: #f0f0f0 !important;
    background-color: var(--header-bg) !important;
}
.Unterlagen .documentList>div ul>li {
    color: var(--unterlagen-text);
    background: var(--unterlagen-bg) !important;
    border: 1px solid var(--unterlagen-border) !important;
    background: var(--unterlagen-bg);
    background: var(--unterlagen-bg-moz);
    background: var(--unterlagen-bg-webkit);
    background: var(--unterlagen-bg-others);
    filter: var(--unterlagen-filter);
}


/* Online-Dienste */
.OnlineDienste h5 {
    font-family: var(--font-headline), Helvetica, Arial, sans-serif;
    font-weight: normal !important;
}
@media (max-width: 768px) {
    .OnlineDienste div.container-fluid.px-5 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .OnlineDienste div.col-md-6.pe-0 {
        padding-right: calc(var(--bs-gutter-x)/ 2) !important;
        width: 100%;
    }
    .OnlineDienste form.w-50 {
        width: 100% !important;
    }
}

/* Meine Daten */
#myDataAccordion > * {
    font-family: var(--font-text), Helvetica, Arial, sans-serif;
    color: var(--body-text);
}
#myDataAccordion h3 {
    font-family: var(--font-headline), Helvetica, Arial, sans-serif;
    font-weight: normal;
}

#textmessage{
    background-color: var(--textmessage-bg) !important;
}

.fa-calendar-alt{
    color: var(--accordion-active);
}

.fa-calendar-alt:focus{
    color: var(--btn-primary-bg);
}

.c4Tile.Home .tileBtn:hover .card-footer .tileBtn{
    background-color: var(--btn-primary-hover-bg);
    border-color: var(--btn-primary-hover-border);
    color: var(--btn-primary-hover-text);
}

.c4Tile.Home .tileBtn .card-footer .tileBtn{
    color: var(--btn-primary-text);
    background-color: var(--btn-primary-bg);
}

/*img#navbarImg {
    min-height: 100px !important;
    min-width: 100px !important;
}*/

.navbar{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    
}

#wrapper .navbar-nav > li.nav-item > a:hover{
    border:1px solid;
    border-color: var(--btn-primary-bg);
    color: var(--btn-primary-bg);
}

#wrapper .navbar-nav > li.nav-item > .nav-link.activated {
    color: var(--btn-primary-bg);
}

/*Logged-in-Bereich*/
.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.55);
    border: 1px solid transparent;
    border-radius: 5px;
}

#menu .navbar-nav > li.nav-item > a:hover {
    color: var(--btn-primary-bg);
    border: 1px solid;
    border-color: var(--btn-primary-bg);
    border-radius: 5px;
}



.fc-view-harness{
    background-color: #ffffff;
}