/*@charset "UTF-8";*/
body {
    padding-top: 50px;
    padding-bottom: 20px;
    height: 100%;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    /*padding-left: 200px;*/
    /*padding-right: 15px;*/
    /*padding-top: 10px;*/
    margin-top: 0px;
    max-height: 100%;
    max-width: 100%
}

.navbar-top {
    height: 50px;
    border-bottom-color: #002a59;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}


body {
    font-size: .875rem;
}

.feather {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
}

/*
 * Sidebar
 */


.sidebar-ie-fix {
    width: 170px;
}

.sidebar {
    width: 170px;
    position: fixed;
    /*top: 50px;*/ /*hoehe der NavBar*/
    /*bottom: 0;*/
    /*left: 0;*/
    z-index: 100; /* Behind the navbar */
    padding: 0;
    max-width: none;
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.sidebar-sticky {
    /*position: -webkit-sticky;*/
    position: sticky;
    /*top: 50px;*/ /* Height of navbar */
    height: 100%; /*calc(100vh - 248px);*/
    width: 170px;
    /*padding-top: .5rem;*/
    padding: 0px;
    padding-top: 10px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link {
    font-weight: 500;
    color: #333;
}

    .sidebar .nav-link .feather {
        margin-right: 4px;
        color: #999;
    }

    .sidebar .nav-link.active {
        color: #007bff;
    }

        .sidebar .nav-link:hover .feather,
        .sidebar .nav-link.active .feather {
            color: inherit;
        }

.sidebar-heading {
    font-size: .75rem;
}

/*
 * Navbar
 */

.navbar {
    justify-content: unset;
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    box-shadow: none;
    background: none;
    padding: 10px;
}

.navbar .form-control {
    padding: .75rem 1rem;
    border-width: 0;
    border-radius: 0;
}

.form-control-dark {
    color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .1);
}

    .form-control-dark:focus {
        border-color: transparent;
        box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
    }

.navbar-bottom {
    bottom: 40px;
    position: absolute;
    width: 100%;
}

/*
 * Utilities
 */

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

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


#befunde tbody > tr > td {
    white-space: nowrap;
}

.splitter {
    width: 4px;
    /*background-color: #002200;*/
    background: red;
    float: left;
    position: absolute;
    cursor: w-resize;
}

.splitter_panel .vsplitter {
    cursor: w-resize;
}

.befundtabelle {
    width: 45%;
    float: left;
    margin: 0;
    padding: 0;
    position: absolute;
}


.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here*/
    height: 40px;
    line-height: 40px;
    /*Vertically: center;*/
    /*the text there*/
    /*background-color: #f5f5f5;*/
    margin-bottom: 0px;
    z-index: 110;
    color: #fff;
    background-color: #002a59;
}

.footer-link {
    text-decoration: none;
    color: #fff;
}
    .footer-link:hover {
        text-decoration: none;
        color: #fff;
        /*font-weight:500;*/
    }


/*Neu*/

.mainBodyElements {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
}

.htmlIFrame {
    border-width: 0;
    border: none;
    width: 100%;
    padding-left: 10px;
    /*visibility:hidden;*/
}

.htmlansicht {
    /*width: 45%;*/
    /*margin: 0;*/
    /*padding: 0;*/
    height: 100%;
    float: left;
    position: absolute;
    /*overflow-y: hidden;*/
    
}

.filterBox {
    display: none;
    background: #dcdcdc;
    padding: 2px;
    overflow: auto;
}

.collapsible {
    background-color: #851634;
    color: white;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
}

    .active, .collapsible:hover {
        background-color: #991a36;
    }

.sidebarElemente {
    padding-left: 10px;
    padding-right: 10px;
}

.seperator {
    padding: 0px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    border: 1px solid rgba(0,0,0,.15);
}

.dropdown {
    position: relative;
    display: inline-block;
    float: right;
    /*margin-left: auto !important;*/
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    /*min-width: 160px;*/
    width: auto;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    right: 0;
    z-index: 1;
}

    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

.show {
    display: block;
}

div.ColVis {
    float: right;
}

::selection {
    background: #cf7a7d; /* WebKit/Blink Browsers */
}

::-moz-selection {
    background: #cf7a7d; /* Gecko Browsers */
}


table.dataTable tbody tr.selected {
    color: #fff;
    background-color: #851634;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #cf7a7d;
}

    table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
        background-color: #cf7a7d;
    }

.navbar-bg {
    background-color: #fff;
}

.befundInhalt {
    position: relative;
    /*padding: 10px;*/
    left: 170px;
}

.buttonNavbar {
    height: auto;
}

.renderDiv {
    /*Fix fuer DatetimePicker*/
    position:relative;
}

div.dataTables_wrapper div.dataTables_processing {
    z-index: 1;
}


/*Pfeile in der ersten Zeile des DataTables*/
div.dataTables_scrollBody table thead .sorting:before,
div.dataTables_scrollBody table thead .sorting_asc:before,
div.dataTables_scrollBody table thead .sorting_desc:before {
    display: none;
}

/*ContextMenu*/
.cmItemFix {
    padding-top: .15rem;
}

.context-menu-icon.context-menu-icon--fa5 i,
.context-menu-icon.context-menu-icon--fa5.context-menu-hover i,
.context-menu-icon.context-menu-icon--fa5 svg,
.context-menu-icon.context-menu-icon--fa5.context-menu-hover svg {
    color: #851634;
}

.context-menu-item.context-menu-hover {
    background-color: #cf7a7d;
    color: #000;
}


/*DSGVO*/
.kleinerAbsatz {
    padding-top: 0.5rem;
}

.grosserAbsatz {
    padding-top: 1.5rem;
}

.absatzUeberschrift {
    text-align: center;
    font-weight: bold;
}

.nav-tabs .nav-link {
    background: #777777;
    color: #fff;
}

    .nav-tabs .nav-link.active {
        background: #f7f7f7;
    }

a.weiss {
    color: #fff !important;
}


/*Login animation*/
input.input-validation-error {
    animation-name: inputError;
    animation-duration: .2s;
    animation-iteration-count: 2;
}

@keyframes inputError {
    0% {
        /*transform: rotate(0deg);*/
        transform: translateX(0rem);
    }

    25% {
        /*transform: rotate(-2deg);*/
        transform: translateX(.3rem);
    }

    50% {
        /*transform: rotate(0deg);*/
        transform: translateX(0rem);
    }

    75% {
        /*transform: rotate(2deg);*/
        transform: translateX(-.3rem);
    }

    100% {
        /*transform: rotate(0deg);*/
        transform: translateX(0rem);
    }
}

.header-text {
    font-size: 1rem;
    color: #002a59;
}

    .header-text.aktiv, .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        /*font-weight: bolder;*/
        background-color: unset;
        /*color: #025491;*/
    }

.aktiv,
.aktiv a,
li.active a {
    color: #991a36;
}

.dropdown-toggle,
.dropdown-toggle:active,
.dropdown-toggle .show,
.dropdown-toggle:hover {
    color: #002a59;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
    color: #000000;
}

#befundtabelle thead {
    font-size: 1rem;
}

#patienten td {
    padding: 1rem;
}

.sidebarElemente label {
    margin-bottom: unset;
}

.login-logo {
    background-image: url("../images/logo.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 72px;
    height: 72px;
    margin: 0;
    padding: 0;
}

.header-logo {
    background-image: url("../images/itech/itech-logo_blue.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    width: 100px;
    margin: 0;
    padding: 0;
}

.info-logo {
    background-image: url("../images/client128.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
}

.login-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
    background-image: url("../images/itech/itechPic_Header_1920x1080.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.btn-primary {
    color: white;
    background-color: #851634;
    border-color: #851634;
    cursor: pointer;
}

    .btn-primary:hover {
        color: white;
        background-color: #cf7a7d;
        border-color: #cf7a7d;
    }

    .btn-primary:focus {
        color: white;
        background-color: #851634;
        border-color: #851634;
        /*box-shadow: 0 0 0 0.2rem #851634 !important;*/
        box-shadow: 0 0 0 0.0rem rgba(0,0,0,0) !important;
    }

    /*.btn-primary:active {
        color: white;
        background-color: #cf7a7d !important;
        border-color: #cf7a7d !important;
        box-shadow: 0 0 0 0.0rem rgba(0,0,0,0) !important;
    }*/

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        color: white;
        background-color: #cf7a7d !important;
        border-color: #cf7a7d !important;
        /*box-shadow: 0 0 0 0.2rem #851634 !important;*/
        box-shadow: 0 0 0 0.0rem rgba(0,0,0,0) !important;
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #000000;
        background-color: #e9ecef;
        border-color: #ced4da;
        border: 1px solid transparent;
        opacity: .65;
        cursor: default;
    }

.tooltip-qr-patient {
    left: -125px !important;
}

    .tooltip-qr-patient > .tooltip-inner {
        max-width: none !important;
    }

.absolute-top-right {
    position: absolute;
    top: 0;
    right: 0;
}

.absolute-top-left {
    position: absolute;
    top: 0;
    left: 0;
}

.header-counter {
    position: relative;
    top: -.5rem;
    border-radius: .5rem;
    padding-top: .1rem;
    padding-bottom: .15rem;
    padding-left: .15rem;
    padding-right: .15rem;
    font-size: .6rem;
    background: #991a36;
    color: #ffffff;
}

.markierung {
    text-shadow: -1px 0 #ffffff, 0 -1px #ffffff, 0 1px #ffffff, 1px 0 #ffffff;
}

#btnNavEinstellungen::after {
    vertical-align: .125em;
}

.patientGeaendert {
    border-style: dashed;
    border-width: 2px;
}