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 {
    width: 100%;
}

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

#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: 35px;

}

.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;
    margin-bottom: 25px;
}


/*** Dashboard ***/
.dashboard-app-div {
    height: 150px;
    border: 1px solid #0098ab;
    background-color: #0098ab;
    color: #fff;
    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: #00afc5;

}

.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-left: 15px;
    padding-top: 25px;
    color: #c5c5c5;
}
/*** Anamnese ***/
#anamnese ul{
    background-color: #0098ab;       
}

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

#anamnese ul li a{
    color: #fff;
}

#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: #fff;
    background-color: #008192 !important;
}

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

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

}
#anamnese .btn-infospeichern{
    background-color: #0098ab;
    color: #fff;
    width: 100%;
    margin-bottom: 10px;
}

.panel-podo {
    border-color: #0098ab;
}

.panel-podo > .panel-heading {
    color: #fff;
    background-color: #0098ab;
    border-color: #0098ab;
}

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

.panel-podo > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333;
}

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

.editorenDivWrapper {
    /*width: 740px;*/
    /*height: 580px;*/
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.editorenDiv{
    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;
}
#fontBold16px{
    font-size: 16px;
    font-weight: bold; 
}
/*** Sitzung ***/
.sitzungHeaderMarginBottom{
    margin-bottom: 45px;
}
.centeredHeader{
    text-align: center;
}
.podo-button{
    background-color: #0098ab;
    color: #fff;
    background-image: none;
    text-shadow: none;
    border-radius: 4px;    
    margin-bottom: 15px;
    font-size: 16px;
}
.podo-button:hover{
    background-color: #0098ab;
    color: #fff;
}
.font16px{
    font-size: 16px;    
}
.rightFloat{
    float: right;
}
.colorPickButton{
    border : 1px solid #ccc;
    border-radius:4px;
    height:30px;
    width:100%;      
}
.colorPickDescription{    
    margin-top: 0px;
    margin-bottom: 15px;
}
.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:#fff;
    border: 1px solid #0098ab; 
}
.navbarAbstand{
    padding-top:40px;
}
.font18px{
    font-size:18px; 
    background-color: #0098ab !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: #fff !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;
}


.div-nextSitzungen {
    padding: 30px 0;
}


/*** 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: #fff;
    background-color:  #0098ab;
    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 {
    margin-top: 24px;
}


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

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

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

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

.navbar-nav {
    /*padding-left: 50px;*/ 
} 

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

.tablerowHeightBehandlung{
    height:40px;
}

.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: #0098ab;
    color: #fff;
    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;
    }
}
.mitarbeiterObjectSelect{
    width:50%;
    margin-bottom: 30px;
}

.sitzung-select {
    overflow-y: scroll;

}
.sitzung-select td {
    padding-bottom: 5px;
}
.sitzung-div, .sitzung-select {
    height: 200px;
}
.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: 1.2em;
    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;
    font-size: 1.2em;
}
.fc .fc-timegrid-axis-frame > a{
    color: black !important;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.2em;
}
.fc .fc-event-time{
    font-size: 1.2em !important;
    font-weight: bold;
}
.fc .fc-event-title{
    font-size: 1.1em !important;
}
.fc .fc-timegrid-event{
    border-radius: 0px !important;
    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:30px;
}

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