/*
    labopart
	
	Primärfarben:
    Orange          #ee7d1c
    Dunkelgrau      #707173
    Hellgrau        #d9dadb
*/

/*
 * Identity
*/
.login-logo {
    background-image: url("logo_labopart.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 250px;
    height: 62px;
    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: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*
 * Sidebar
 */
.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-top {
    height: 50px;
    border-bottom-color: #ee7d1c;
}

.header-logo {
    background-image: url("logo_labopart.svg");
    background-repeat: no-repeat;
    background-size: contain;
    height: 35px;
    width: 140px;
    margin: 0;
    padding: 0;
}

.header-text {
    color: #707173;
}

.header-counter {
    background: #ee7d1c;
    color: #ffffff;
}

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

.form-control:focus {
    border-color: #ee7d1c;
    box-shadow: none;
    -webkit-box-shadow: 0 0 0 0.2rem #ee7d1c40;
    -moz-box-shadow: 0 0 0 0.2rem #ee7d1c40;
}
/*
 * DropDown
*/
.dropdown-content {
    background-color: #f1f1f1;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #ee7d1c;
}

.dropdown-item:active, .dropdown-item.active {
    background-color: #ee7d1c;
    color: #FFFFFF !important;
}

.dropdown-img {
    background-color: #ee7d1c;
    border-radius: .3rem;
}

.dropdown-toggle,
.dropdown-toggle:active,
.dropdown-toggle .show,
.dropdown-toggle:hover {
    color: #000000;
}


/*
 * Body
*/
body {
    font-size: .875rem;
}

table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after,
table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before {
    font-family: auto;
}

a {
    color: #000000;
}

.aktiv, .aktiv a, li.active a {
    color: #ee7d1c !important;
}

:hover.aktiv, a:hover.aktiv {
    color: #ee7d1c !important;
}

a:hover {
    color: #ee7d1c !important;
}

.splitter {
    width: 4px;
    cursor: w-resize;
}

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

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

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

/*.navbar-bg {
    background-color: #fff
}*/

li.active {
    background-color: #eeeeee;
}

.btn-primary {
    color: #fff;
    background-color: #ee7d1c;
    border-color: #ee7d1c;
    cursor: pointer;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #707173;
        border-color: #707173;
    }

    .btn-primary:focus {
        color: #fff;
        background-color: #ee7d1c;
        border-color: #ee7d1c;
        /*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: #707173 !important;
        border-color: #707173 !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: #fff;
        background-color: #707173 !important;
        border-color: #707173 !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;
    }

.collapsible {
    color: #FFF;
    background-color: #ee7d1c;
}

    .collapsible:hover {
        color: #fff;
        background-color: #707173;
    }

::selection {
    /* WebKit/Blink Browsers */
    background: #707173;
    color: #fff;
}

::-moz-selection {
    /* Gecko Browsers */
    background: #707173;
    color: #fff;
}

/*
 * ContextMenue
*/
.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: #ee7d1c;
}

.context-menu-item.context-menu-hover {
    background-color: #707173;
    color: #fff;
}

/*
 * Footer
*/
.footer, .footer-link, .footer-link:hover {
    color: #fff !important;
    background-color: #ee7d1c;
}

/*
 * ilabWeb Logo
*/
#imgLogoILabWeb #pfadIPunkt,
#imgLogoILabWeb #pfadW,
#imgLogoILabWeb #pfadE,
#imgLogoILabWeb #pfadB2 {
    fill: #899999 !important;
}

#imgLogoILabWeb #pfadI,
#imgLogoILabWeb #pfadL,
#imgLogoILabWeb #pfadA,
#imgLogoILabWeb #pfadB1 {
    fill: #899999 !important;
}