:root{
    --brand-base-color: #0098ab;
    --brand-base-hover-color: #008192;    
    --brand-text-color: #fff
}

[data-theme="dark"] {
    --brand-base-color: #3F3F3F;
    --brand-base-hover-color: #656565;
    --brand-text-color: #d5d5d5;    
}


body {
    padding-top: 80px;
    padding-bottom: 40px;
}

.table-borderless > tbody > tr > td {
    border: none !important;
}

.table-borderless > thead > tr > th {
    border: none;
    padding-bottom: 25px;
}


.bg::after {
    content: "";
    background-image: url("/img/barefoot.jpg");
    /* Center and scale the image nicely */
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-color: transparent;
    height:100%;
    opacity: 0.3;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;   
}

.currentTime {
    float: right;
}

.container-welcome {
    padding: 25px 0;
}

.zf-green {
    color: #68b604;
}

div.container a.navbar-brand > img {
    display: inline;
    margin-right: 4px;
    margin-top: -2px;
}


#mitarbeiterForm .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

.dataTables_wrapper  .btn-default {
    background-color: #28a745;
    background-image: none;
    color: #fff;
    border-color: #28a745;
    font-weight: normal;
}




.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}


/*** Index Login Screen ***/

.login-input {
    padding:20px;

}


.login-input-div {
    padding-left: 0px;
}

.login-icon {
    background-color: #ccc;
    color: #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-top: 15px;
    padding-left: 15px;
}

.loginCardHeader{
    color: #fff;
    text-align: center;
}

#loginPanel input {
    border-left: none !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;

}


#loginPanel .col-md-10 {
    padding-left: 0px;
}
/*
#loginPanel .form-group {
    margin-bottom: 0px !important;
}*/

.login-row {
    margin: 5px 5px 15px 5px;
}



/***  Forgot Password Form ***/

.forgot-password-div {
    text-align: center;
    padding-top: 20px;

}

.forgot-password-div a, .forgot-password-div a:hover, .forgot-password-div a:visited {
    color: #959595;
    text-decoration: underline;
}

.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

#forgotPasswordForm #email, #changePassword .form-control {
    border-radius: 4px !important;
    border-left: 1px solid #ccc !important;    
}


/*** Dashboard ***/
.dashboard-app-div {
    height: 150px;
    border: 1px solid var(--brand-base-color);
    background-color: var(--brand-base-color);
    color: var(--brand-text-color);
    border-radius: 5px;
    transition: 0.3s;
    margin-top: 15px;
}

.app-div-info {
    text-align: center;
    margin-top: 40px;
}

.app-div-info p {
    font-size: 18px;
}

.dashboard-app-div:hover {
    background-color: var(--brand-base-hover-color);

}

.app-link, .app-link:hover, .app-link:visited {
    text-decoration: none;
}

/*** Leistungen ***/
.preisLabel {
    margin-top: 15px;
}

.preisCheckbox {
    width: 25px;
    height: 25px;
    margin-right: 5px !important;
    position: inherit !important;
}

#leistungenForm .checkbox {
    width: max-content;
    float: left;
}

.leistungenTooltip {
    width: max-content;
    float: left;
    padding-top: 12px;
    color: #c5c5c5;
}
/*** Anamnese ***/
#anamnese ul{
    background-color: var(--brand-base-color);       
}

#anamnese ul, #anamnese li{
    border-radius: 5px 5px 0 0;
}

#anamnese ul li a{
    color: var(--brand-text-color);
}

#anamnese ul li a:hover{
    background-color: #00afc5 !important; 
}

.panel-podo > .panel-heading > .nav-pills > li.active > a,
.panel-podo > .panel-heading > .nav-pills > li.active > a:hover,
.panel-podo > .panel-heading > .nav-pills > li.active > a:focus {
    color: var(--brand-text-color);    
    background-color: var(--brand-base-hover-color) !important;
}

#anamnese .col-md-5{
    text-align: center;
    padding-bottom: 20px;
}

#anamnese .container{
    margin-top: 50px;

}
#anamnese .btn-infospeichern{
    background-color: var(--brand-base-color);
    color: var(--brand-text-color);
    width: 100%;
    margin-bottom: 10px;
}

.panel-podo {
    border-color: var(--brand-base-color);
}

.panel-podo > .panel-heading {
    color: var(--brand-text-color);
    background-color: var(--brand-base-color);
    border-color: var(--brand-base-color);
}

.panel-podo > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
}

.panel-podo > .panel-heading .badge {
    color: var(--brand-text-color);
    background-color: #333;
}

.panel-podo > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd;
}

.editorenDivWrapper {
    width: 1024px;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.editorenDiv{
    padding-left: 1rem;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;    
}

/*** behandlungOverview ***/
.panel-anamnese .ul{
    list-style: none;
}
.panel-anamnese .badge{
    float: right;
}
.panel-anamnese .panel-body {
    padding: 0px;
}
.panel-anamnese .list-group{
    margin-bottom: 0px;
}
.small-anamnese-img{    
    height: 100%;
    width: 100%; 
    max-height: 400px;
    max-width: 400px;
    margin-bottom: 10px;
}
.beschreibungLeistung{
    margin-top: 20px;
    margin-bottom: 20px;
}

#leistungContainer {
    border: 1px solid #d5d5d5;
    min-height: 255px;
}

#fontBold16px{
    font-size: 16px;
    font-weight: bold; 
}
/*** Sitzung ***/
.sitzungHeaderMarginBottom{
    margin-bottom: 45px;
}
.centeredHeader{
    text-align: center;
}
.podo-button{
    background-color: var(--brand-base-color);
    color: var(--brand-text-color);
    background-image: none;
    text-shadow: none;
    border-radius: 4px;    
    margin-bottom: 15px;
    font-size: 16px;
}
.podo-button:hover{
    background-color: var(--brand-base-hover-color);
    color: var(--brand-text-color);
}
.font16px{
    font-size: 16px;    
}
.rightFloat{
    float: right;
}
.colorPickButton{
    border : 1px solid #000;
    border-radius:.25rem;
    height:30px;
    width:30px;      
}
.colorPickDescription{    
    margin-top: 10px;
    display: none;    
}
.fullWidth{
    width:100%;
}
.SaveButton{
    background: none !important;    
    border: none;
    font-size: 18px;
    color:  	#00b300;
    cursor: pointer;    
    box-shadow: none;
}
.leftFloat{
    float: left;
}
.colorDescriptionMargin{
    margin-bottom:30px;
    margin-top: 10px;
}
.podoNavbar{
    background-image: none;
    background-color: var(--brand-text-color);
    border: 1px solid var(--brand-base-color); 
}
.navbarAbstand{
    padding-top:40px;
}
.font18px{
    font-size:18px; 
    background-color: var(--brand-base-color) !important;
    padding: 3px 15px !important;
}
.fileUploadButton{
    display:none !important;    
}
.sitzungAbschlussButton{    

    border: none;    
    font-size: 18px;
    color: #337ab7;
    cursor: pointer;
    box-shadow: none;    
}

.navbarItemsAlign{
    padding-top:5px;    
}
.noPaddingNavbarBrand{
    padding:0;    
}
.noHover > ul > li > a:focus, .noHover > ul > li > a:hover {
    background-color: var(--brand-text-color) !important;
}
.podoDokumentTableBorder{
    border: 1px solid #d3d3d3;
}

.select2-result-repository__avatar img {
    width: 100px;
}

.select2-result-repository__avatar {
    float: left;
    padding-right: 5px;
}

.select2-result-repository {
    padding-bottom: 5px;
}




/*** Abrechnung ***/

.behandlung-div {
    /*padding: 20px 0;*/
}



.abrechnung-panel  .btn-success {
    width: 100%;
    margin-top: 25px;
    padding: 10px;
}

.abrechnung-panel  .btn-primary {
    float: right;
}

.abrechnung-panel hr {
    margin-top: 10px;
    border-top: 1px solid #c5c5c5;
}

.panel-patient hr {
    margin-top:25px;
    border-top: 1px solid #e5e5e5;
}

.border-left {
    border-left: 1px solid #e5e5e5;
}

.vorschau-table {
    width: 100%;
    text-align: center;
}

.vorschau-table th {
    text-align: center;
    color: var(--brand-text-color);
    background-color:  var(--brand-base-color);
    padding: 10px;
}

.vorschau-table td {
    padding: 5px;
}


.format-div {
    padding-top: 15px;
}

.panel-arzt h4 {
    padding: 0 0 15px 15px;
}

.panel-arzt hr {
    background-color: #a5a5a5;;
}

.ansp-div {
    padding-bottom: 19px !important;
}


.podo-footer {
    background-color: #fff !important;
    border-top: none;
}

.contact-div {
    padding: 0 20px;
}

.important-div {
    padding-top: 25px;
}

.personData-div {
    margin-bottom: 35px;
}

.behabndlung-menu-btn {
    text-align: center;
    height: 300px;
    position: relative;
}

.behabndlung-menu-btn a {
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
}

.behandlung-list-div {
    border-left: 1px solid #e5e5e5;
}
/*** DokumentenUpload ***/
.dokumentAddButton{
    width: 100%;
    margin-bottom: 20px;
}

.praxis-info {
    margin-bottom: 20px;
    margin-left: 0px;
}

.alert-margin {
    margin-left: 1%;
    margin-right: 1%;
}

.anamnesePartialEmptyMargin{
    margin-top:10px;
    margin-bottom: 10px;
}

.marginToFotoDeleteTablet4Buttons{
    margin-bottom: 105px;
}

.marginToFotoDeleteTablet3Buttons{
    margin-bottom: 140px;
}

.marginToFotoDeleteDesktop{
    margin-bottom: 15px;
}

.marginFotoSearchToText{
    margin-top: 30px;
}

.marginFotoEditToSearch{
    margin-top: 25px;
}

.fotoEditSitzungButtonMargin{
    margin-top: 15px;    
}

.behandlung-overview-patient{
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.behandlung-overview-patient-btn{
    margin-left: auto;
}

.produktwarenkorbmargin{
    margin-bottom: 50px;
}

.produktInputsMargin{
    margin-bottom: 20px;
}

.nomargin{
    margin: 0px !important;
}

.ms-selectable{
    width: 100% !important;
    margin-bottom: 50px !important;
}

.ms-selection{
    width: 100% !important;
    margin-bottom: 20px !important;
    float: left !important;
}
.ms-container{
    background: transparent url('../img/newswitch.png') no-repeat 50% 48% !important;
}

.produktrechnungMargin{
    margin-top: 0px !important;
    margin-bottom: 20px !important;
}
.rechnungMargin{
    margin-bottom: 20px !important;
}
.custom-multiselectheader{
    background-color: var(--brand-base-color);
    color: var(--brand-text-color);
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
} 
.rabatt-btn{
    width: 100%;
}
@media (min-width: 769px) and (max-width: 1199px) {   
    .ms-selectable{
        width: 60% !important;
        margin-bottom: 50px !important;
    }

    .ms-selection{
        width: 60% !important;
        margin-bottom: 20px !important;
        float: left !important;
    }
    .ms-container{
        background: transparent url('../img/newswitch.png') no-repeat 25% 48% !important;
    }
    .nagelkrankheitLabel{
        font-size:13px;
        padding-right:0px;
        padding-top:5px;
    }
}
.mitarbeiterObjectSelect{
    width:50%;
    margin-bottom: 30px;
}

.sitzung-select {    
    height:auto;    
}
.del-button {
    /*width: 120px;*/
    /*margin-left: 15px;*/
}
@media (min-width: 769px) and (max-width: 1199px) {
    .del-button {               
        /*margin-left: 15px;*/
    } 
}
@media (max-width: 834px) and (orientation: landscape){
    .del-button {        
        /*margin-top: 0px;*/
        /*margin-left: 15px;*/
    } 
}
@media (min-width: 835px) and (max-width: 1199px) and (orientation: landscape){
    .del-button {        
        /*margin-top: 15px;*/
        /*margin-left: 0px;*/
    } 
}
.createPatient{
    font-size: 1.0em;
    font-weight: bold;
    display:inline-block;
    margin-bottom: 15px;
    margin-top: 15px;
}
.createPatientOr{
    font-size: 1.2em;
    display: inline-block;
    margin-bottom: 15px;
    margin-top: 15px;
    text-align: center;
}
.hrmargin{
    margin: 40px 0;
}
.createProduktOr{
    font-size: 14px;
    display: inline-block;
    margin-bottom: 30px;
    margin-top: 15px;
    text-align: center;
}

.fc .fc-scrollgrid > thead > .fc-scrollgrid-section-sticky > * {
    top: 65px !important;
}
@media (min-width: 769px) and (max-width: 1199px) {
    .fc .fc-scrollgrid > thead > .fc-scrollgrid-section-sticky > * {
        top: 55px !important;
    }                
}
@media (max-width: 768px) {
    .fc .fc-scrollgrid > thead > .fc-scrollgrid-section-sticky > * {
        top: 50px !important;
    }                
}
.fc .fc-timegrid-slots > table > tbody tr:nth-child(4n+1) {
    background-color: #d5d5d5;
}
.fc .fc-col-header-cell-cushion {
    color:black !important;
    margin-top: 10px;
    margin-bottom: 10px;
}
.fc .fc-timegrid-axis-frame > a{
    color: black !important;
    margin-top: 10px;
    margin-bottom: 10px;    
}
.fc .fc-event-time{
    font-size: 1.0em !important;
    font-weight: bold;
}
.fc .fc-timegrid-event{    
    margin: 2px !important;
    min-height: 20px !important;
}
.fc .fc-list-event {
    display: table-row;
    background-color: #fff;
    color: black !important;
    font-weight: bold;
}
.fc .fc-daygrid-dot-event{    
    color: black !important; 
    background-color: #fff;    
    border: 1px solid #d5d5d5;
}
@media (max-width: 1199px) {
    .fc .fc-toolbar-chunk{   
        text-align: center;    
    }
    .fc .fc-toolbar{
        display:inline !important;
    }
    .fc .fc-button{
        margin-top: 10px !important;
    }
    .fc {
        min-height: 1200px !important;
    }
}
.fc .fc-timegrid-slot-lane {
    height:2.0em !important;
}
.fc .fc-toolbar.fc-header-toolbar{
    margin-bottom: 0.5em !important;
}

.behandlungFormButtonSpace {
    margin-bottom: 15px;
}

.noPaddingButton {
    padding-left: 5px;
    padding-right: 5px;
}

.noPaddingLeftButton {  
    padding-left: 0;    
}

.noPaddingRightButton {
    padding-right: 0;    
}

.undoButton{
    border : 1px solid #ccc;
    width:100%;
    height:35px;
}

.infoTextTrigger{
    text-align: center;
    margin-bottom: 25px;
}

@media (max-width: 834px){
    .FotoSaveKnopf{
        width:100%;
    }
    .anamneseBackButton{
        margin-left: 0px !important;
        margin-bottom: 5px;
        width:100%;
    }
    .anamneseForthButton{
        margin-left: 0px !important;
        margin-bottom: 5px;
        width:100%;
    }
}

.anamneseBackButton{
    margin-left: -30px;
}
.anamneseForthButton{
    margin-left: 15px;
}

.marginToDescriptionRow{
    margin-bottom: 5px;
}
@media (min-width: 1200px) and (max-width: 1400px){
    .anamneseForthButton{
        margin-left: 45px;
    }    
} 

.productInfoMargin{
    margin-bottom: 25px;
}

.smallErrorDescription{
    display:none;
    color:#a94442;
}

.font14px{
    font-size: 14px;
}

.collapsedInfoText{
    margin-top: 10px;
}

.infoTextFont{
    font-size: 1.1em;
    font-weight: bold;
}

.produktRechnungDivider{
    margin-bottom: 35px;
    margin-top: 35px;
}

.warenkorbTableCell{
    font-size: 15px;
    vertical-align: middle !important;
}

.produktPickerDivider{
    border-bottom: 2px solid #d5d5d5 !important;
}

.produktRechnungSpacer {
    margin-top: 15px;
}

.select2-results__option {
    padding: 10px 6px !important;
    border-bottom: 1px solid #d5d5d5;
}

.select2-result-repository__artikelnummer, .select2-result-repository__mwst{
    font-size: 85%;
}
.select2-result-repository__preis, .select2-result-repository__artikelname {
    font-weight: bold;
    font-size: 15px;
}

.rDatenFooter {
    margin-top: 25px;
}

.praxisBlockImg {
    max-height: 100%;
    max-width: 100%; 
    margin-bottom: 10px;
    margin-top: 10px;
}

.podoBadge{
    color: var(--brand-base-color);
    background-color: var(--brand-text-color);
    float: right;
}

.mb20{
    margin-bottom: 20px;
}

.praxisBlockBorder{
    border-left: 1px solid #d5d5d5;
}

.mt10 {
    margin-top: 10px;    
}

.pt10{
    padding-top: 10px;
}

.noMBform .form-group{    
    /*margin-bottom: 5px;*/    
}

.noMBform {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.pb10 {
    padding-bottom: 10px;
}

.mt30 {
    margin-top: 30px;
}

.wkPanel{
    min-height: 220px;
}

.dataTables_filter label{
    width:100%;
}

.dataTables_filter input{
    width:100% !important;
    float:left;
    height:34px;
    margin-left: 0px !important;
}

.dt-buttons a {
    text-shadow : 0 -1px 0 rgba(0,0,0,0.2);
    width:100%;
}
.dt-buttons{
    width:100%;
}

.wkPlaceholder {
    text-align: center;
    /*padding-top: 25% !important;*/
}

.mb30 {
    margin-bottom: 30px;
}

.createRechnungBtn{
    width: 100%;
    margin-top: 20px;
}

.behandlungTable {
    margin-bottom: 35px;
}

.behandlungTable td{  
    border: 3px solid #d5d5d5;
    border-radius: 10px;
}

.behandlungTable thead tr th {        
    padding-bottom: 10px;
    padding-left: 0px;
}

.mt15 {
    margin-top: 15px;
}

.mb10 {
    margin-bottom: 10px;
}

.flashMsgNoListStyle{
    list-style: none;
}

.rechnungDetailBtn {
    margin-bottom: 10px;
    width: 100%;
}

.pt25{
    padding-top:25px;
}

@media (min-width: 1199px) {
    #sitzungPlaceholder {
        display: block;
        margin-top:5px;
    }
    .mb10dOnly{
        margin-bottom: 10px;
    }
    .pb10dOnly{
        padding-bottom: 10px;
    }
    .weekBtn{
        padding-left:20px !important;
        padding-right:20px !important;
    }
    .pr10dOnly{
        padding-right: 10px;
    }
    .pl10dOnly{
        padding-left: 10px;
    }    
    .documentCard{
        border-top:none;
        margin-top: 0px !important;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
}

.pb15{
    padding-bottom: 15px;
}

.mb15{
    margin-bottom: 15px;
}

.mb5{
    margin-bottom: 5px;
}

.mt5{
    margin-top: 5px;
}

.descriptionOutputDiv{
    display:none; 
    border-top: 2px solid #f6f6f6;    
}
.descriptionOutputDiv:hover{
    background-color: #f6f6f6; 
}
.descriptionOutputContent{    
    cursor: pointer;
}
.descriptionOutputSpacer{
    height:15px;
}

@media (max-width: 1199px) {    
    .mb10mOnly{
        margin-bottom:10px;
    }
    .mt10mOnly{
        margin-top:10px;
    }
    .ml5mOnly{
        margin-left: 5px;
    }
}

.pr15{
    padding-right: 15px;
}
.pr10{
    padding-right: 10px;
}
.pl10{
    padding-left: 10px;
}
.maxHeight50{
    max-height: 50px;
}
.maxHeight100{
    max-height: 100px;
}
.overflowScroll{
    overflow-y: scroll;
}
.overflowHide{
    overflow-y: hidden;
}
.more-appointments-btn{
    text-align: center;
    border: 1px solid #d5d5d5;
    border-top-color: rgb(213, 213, 213);
    border-top-style: solid;
    border-top-width: 1px;
    border-top: none;
    border-radius: 0 0 10px 10px;
    width: 100%;
    padding: 0;    
    display:none;
}
.more-appointments-btn:hover{
    border-bottom: 1px solid #d5d5d5 !important;
    border-left: 1px solid #d5d5d5 !important;
    border-right: 1px solid #d5d5d5 !important;
}
.font12px{
    font-size: 12px;
}
.more-appointments-icon{
    color:#7f7f7f;
    text-decoration: none;
}
.weekRow .form-group{
    margin-bottom: 10px;
}
.disabledPlaceholder{
    cursor: not-allowed;
    height:50px;
}
.appointment-minute-btn div{
    margin-top: 10px;
}
.danger-outline{
    color:#ac2925 !important;
    border-color:#ac2925 !important;
}
.mb0{
    margin-bottom : 0px;
}
.calendarPreviewEvent{
    background-color: rgba(85, 85, 85,0.8) !important;
    color: #fff;
    border-color: #000;
}

/*bootstrap 5 kompatibilität*/
.podo-card-header{
    background-color: var(--brand-base-color);
    color: #fff;
}
#dtsearch input[type=search]{
    height:38px !important;
}

.select2-selection{
    height:58px !important;   
}
.select2-selection__rendered{
    margin-top:15px !important;
}
.floatingLabelTextArea{
    height:116px !important;
}
.lastappointments-badge{
    padding-top: 8px;
    height: 30px;
    color: #FFFFFF;
    width: 100%;
}
.floatingLabelPlaceholderColor label{
    opacity: 0.65;
}
.height58{
    height:58px;
}
.sitzungOverviewLinks{
    text-decoration: none;
    color: #337ab7;
}
.pr7{
    padding-right: 7px;
}
.pl7{
    padding-left: 7px;
}
.bg-podo{
    background-color: var(--brand-base-color) !important;
}
#loginPanel{
    border: 2px solid var(--brand-base-color);
}
.openBehandlungWrapper{
    border: 1px solid #d5d5d5;
    border-radius: .25rem;
}
.radioRow{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.noPatientPlaceholder{
    margin-top: 17px;
}
.px20{
    padding-left: 20px;
    padding-right: 20px;
}
.podo-card-header .card-title{
    margin-bottom: 0px;
}
.podo-accordion-button{
    background-color: var(--brand-base-color) !important;
    color: var(--brand-text-color) !important;
}
.mr10{
    margin-right: 10px;
}
.ml10{
    margin-left: 10px;
}
.podo-card-body{
    border: 1px solid var(--brand-base-color) !important;
}
.behandlungBadge{
    color: var(--brand-text-color);
    background-color: var(--brand-base-color);
    margin-left:10px;
}
.pl0{
    padding-left: 0px;
}
.documentCard{    
    margin-top: 15px;
}
.documentCard .card-body{    
    padding-top: 0px;
}
.documentNavs{
    justify-content: space-between;
}
.help-block{
    list-style: none;
    padding-left: 0px;
    color: #a94442;
}
.behandlungOverviewRow td{
    vertical-align: middle;
}
table.dataTable tbody td{
    vertical-align: middle;
}
.errorBorder{
    border-color: #a94442 !important;
}
.filterCheckbox{
    margin-top: 6px;
}
.fc-timegrid-event .fc-event-main{
    padding:0px !important;
}
.fc-v-event .fc-event-title{
    overflow: scroll !important;
}
.podo-nav-link:not(:active){
    color: #000000;
    background-color: #f6f6f6;
    border-right-color: #e9e9e9;
    border-left-color: #e9e9e9;
    border-top-color: #e9e9e9;
    border-bottom-color: #0098ab;
}
.podo-nav-link.active{
    font-weight: bold;
    border-right-color: #0098ab !important;
    border-left-color: #0098ab !important;
    border-top-color: #0098ab !important;
}
.podo-nav-link:not(:active):hover{
    border-bottom-color: #0098ab;
    background-color: #ffffff;
}
.podo-nav-link.active:hover{
    border-bottom-color: #ffffff;    
}
.border-tab-content{
    border-right: 1px solid #0098ab;
    border-left: 1px solid #0098ab;
    border-bottom: 1px solid #0098ab;
    border-radius:.25rem;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.btn-primary{
    background-color: #337ab7;
    border-color: #2e6da4;
}
.arztAndAnsprechpartnerCard{
    min-height: 265px;
}
.arztAndAnsprechpartnerCard p:last-child {
    margin-bottom: 0px;
}
.anamneseExtraFotos{
    min-height: 200px;
    min-width:200px;
    max-height: 200px;
    max-width:200px;
    border:1px solid #000;
    text-align: center;
    font-size: 35px;
    display:flex;
    justify-content: center;
    align-items:center;
    color:#fff;
}
.fotoDiv{
    text-align:center;
    border:1px solid #d5d5d5;
}
.anamnesePart p{
    margin-bottom: 0.5rem;
}
.anamneseRow{
    border-bottom: 1px solid #eeeeee;
}
.zehBtndanger:hover {
    background-color: #dc3545;
    border-color:#dc3545;
    cursor: default;
}
.zehBtnsecondary:hover {
    background-color: #6c757d;
    border-color: #6c757d;
    cursor: default;
}
.zehBtn{
    margin-left: 1px;
    margin-right: 1px;
}
.toggle-off.btn-sm{
    padding-left: 10px;
}
.toggle-on.btn-sm{
    padding-right: 10px;
}
.podo-card-footer{
    background-color: #ffffff;
    border-top: none;
}
.patientImg{
    max-width:100%;
    max-height: 200px;    
}
.editorButtonRow{
    border-top: 1px solid rgba(0,0,0,.125);
}
.anamneseNavItem.active{
    background-color: #fff !important;
    border-right: 10px solid #0098ab;   
    font-weight: bold;    
}
.anamneseNavItem{
    border:none;
}
.anamneseNavItem:focus{
    background-color: #fff;
}
.selectedAnamneseItem{
    background-color: #0098ab;
    color: #fff;
    border: 1px solid #0098ab;
    border-radius: .25rem;
}
.anamneseSubmitDiv{    
    padding:.5rem 1rem;
    border:none;
}
.anamneseNavbar{
    position: fixed;
    width:inherit;
    padding-right: 10px;
}
.btn-podo{
    background-color: #0098ab;
    color: #fff;
}
.btn-podo:hover{    
    color: #fff;
}
.select2-result-repository__price {
    font-weight: bold;    
}
.breadcrumb-item.active a{
    font-weight: bold !important;
    color: #000000 !important;
}
.behandlungBreadcrumb{
    text-decoration: none;
    color: #0098ab;
}
.newLeistungBtn{
    height: 58px;
}
.btn-outline-podo{
    background-color: var(--brand-text-color);
    color: var(--brand-base-color);    
    text-shadow: none;
    border-radius: 4px;    
    margin-bottom: 15px;
    font-size: 16px;
    border-color: var(--brand-base-color);
}
.btn-outline-podo:hover{
    background-color: var(--brand-base-color);
    color: var(--brand-text-color);
}
.select2-container--default .select2-results > .select2-results__options{
    overflow-x: hidden;
}
.pr25{
    padding-right:25px;
}
.btn-outline-primary{   
    border-color: #2e6da4;
}
.btn-outline-primary:hover{
    background-color: #337ab7;
    border-color: #2e6da4;
}
.fotoRow{
    justify-content: center;
}
.colorSquare{
    width: 24px;
    height: 24px;
    border: 1px solid #000000;
    /*margin-top: 5px;*/
}
.descriptionOutput{
    color: #000000;
    margin-left: 5px;
}
.editorBackground{
    background-color: #f6f6f6;
    border:1px solid #0098ab
}
.fotoFileUpload{
    display:none;
}
.select2-result-repository__colorContent{
    padding-left: 20px;   
}
.colorPickerSquare{
    width: 24px;
    height: 24px;
    border: 1px solid #000000;   
}
.colorPickerSelect{
    display:flex !important;
    justify-content: center;
    margin-top: 6px !important;
}
.fotoDeleteBtn{
    position: absolute;
    right:15px;
    z-index: 15;
}
.fotoOverviewDiv{
    vertical-align: middle;
}
.fotoOverviewDiv:hover{
    opacity: 0.5;
}
.appointmentModalBody{
    padding: 0px;
}
.appointmentDetailBtn{
    color: #888888;
    border: 1px solid #888888;
}
.appointmentDetailCard{
    height:315px;
    overflow-y: scroll;        
}
.editorBackground{
    background-color: #eaeaea;
}

.nav-link.active {
    background-color: #0098ab !important;
    color: #fff !important;
}
.select2-result-repository__arzt{
    font-weight: bold;
    color:#fff !important;
}
.emptyAnsprechpartner{
    line-height: 233px;
    text-align: center;
}
#ajaxFormStatus{
    display:inline-block;
    margin-left: 10px;
}
.select2-result-repository__arztAdress{
    font-size:90%;
}
.app-link.disabled {
    pointer-events:none; 
    display:block; 
    opacity: 0.65
}