body {
    background-color: #f1f3f5;
    font-size: 1rem;
}

/* global css variablen */
:root {
    --rounded: 10px;
    --rounded-pill: 9999px;
    --primary-color: #F9A800;
    --dark-color: #1A2B3C;
    --background-color: #EFEFEF;
    --text-primary-color: #676767;
    --text-drawer-color: #9AA8B5;
    --secondary-color: #6E75DB;
    --secondary-reduced-color: #BEC1FF;
    --secondary-filter-color: #E0DDF0;
    --error-color: #FD6565;
    --success-color: #32CD32;
    --info-color: #2D62F2;
    --warning-color: #DDC401;
    --tertiary-color: #FFBFBF;
    --neutrally-color: #B5B5B5;
    --text-color: #333;
    --white-color: #fff;
    --tag-border: 2px solid;
    --input-border-color: rgba(0, 0, 0, 0.13);
    --icon-small: 14px;
    --icon-medium: 22px;
    --icon-large: 32px;
    --text-small: 12px;
}

/* ------REFRESH 2023 */
/* ------ */
.rounded {
    border-radius: var(--rounded);
}

.rounded-pill {
    border-radius: var(--rounded-pill);
}

.btn {
    border-radius: var(--rounded);
    background-color: #fff;
    color: var(--dark-color);
    border-color: var(--dark-color);
    font-size: 14px;
}

    .btn.bc-primary {
        border-color: var(--primary-color);
        color: #fff;
    }

        .btn.bc-primary.outlined {
            color: var(--primary-color);
        }

            .btn.bc-primary.outlined:hover {
                background-color: var(--primary-color) !important;
                color: #fff;
            }

    .btn.bc-text-primar {
        border-color: var(--text-primary-color);
        color: #fff;
    }

        .btn.bc-text-primar.outlined {
            color: var(--text-primary-color);
        }

            .btn.bc-text-primar.outlined:hover {
                background-color: var(--text-primary-color) !important;
                color: #fff;
            }

    .btn.bc-text-drawer {
        border-color: var(--text-drawer-color);
        color: #fff;
    }

        .btn.bc-text-drawer.outlined {
            color: var(--text-drawer-color);
        }

            .btn.bc-text-drawer.outlined:hover {
                background-color: var(--text-drawer-color) !important;
                color: #fff;
            }

    .btn.bc-dark {
        border-color: var(--dark-color);
        color: #fff;
    }

        .btn.bc-dark.outlined {
            color: var(--dark-color);
        }

            .btn.bc-dark.outlined:hover {
                background-color: var(--dark-color) !important;
                color: #fff;
            }

    .btn.bc-background {
        border-color: var(--background-color);
        color: #fff;
    }

        .btn.bc-background.outlined {
            color: var(--background-color);
        }

            .btn.bc-background.outlined:hover {
                background-color: var(--background-color) !important;
                color: #fff;
            }

    .btn.bc-secondary {
        border-color: var(--secondary-color);
        color: #fff;
    }

        .btn.bc-secondary.outlined {
            color: var(--secondary-color);
        }

            .btn.bc-secondary.outlined:hover {
                background-color: var(--secondary-color) !important;
                color: #fff;
            }

    .btn.bc-error {
        border-color: var(--error-color);
        color: #fff;
    }

        .btn.bc-error.outlined {
            color: var(--error-color);
        }

            .btn.bc-error.outlined:hover {
                background-color: var(--error-color) !important;
                color: #fff;
            }

    .btn.bc-success {
        border-color: var(--success-color);
        color: #fff;
    }

        .btn.bc-success.outlined {
            color: var(--success-color);
        }

            .btn.bc-success.outlined:hover {
                background-color: var(--success-color) !important;
                color: #fff;
            }

    .btn.bc-info {
        border-color: var(--info-color);
        color: #fff;
    }

        .btn.bc-info.outlined {
            color: var(--info-color);
        }

            .btn.bc-info.outlined:hover {
                background-color: var(--info-color) !important;
                color: #fff;
            }

    .btn.bc-warning {
        border-color: var(--warning-color);
        color: #fff;
    }

        .btn.bc-warning.outlined {
            color: var(--warning-color);
        }

            .btn.bc-warning.outlined:hover {
                background-color: var(--warning-color) !important;
                color: #fff;
            }

    .btn.bc-neutrally {
        border-color: var(--neutrally-color);
        color: #fff;
    }

        .btn.bc-neutrally.outlined {
            color: var(--neutrally-color);
        }

            .btn.bc-neutrally.outlined:hover {
                background-color: var(--neutrally-color) !important;
                color: #fff;
            }

    .btn.bc-tertiary {
        border-color: var(--tertiary-color);
        color: #fff;
    }

        .btn.bc-tertiary.outlined {
            color: var(--tertiary-color);
        }

            .btn.bc-tertiary.outlined:hover {
                background-color: var(--tertiary-color) !important;
                color: #fff;
            }

    .btn.bc-text-primary {
        border-color: var(--text-primary-color);
        color: #fff;
    }

        .btn.bc-text-primary.outlined {
            color: var(--text-primary-color);
        }

            .btn.bc-text-primary.outlined:hover {
                background-color: var(--text-primary-color) !important;
                color: #fff;
            }

.filterButtonArea .btn {
    border-color: transparent;
}

.btn:hover {
    filter: brightness(80%);
}

.btn-group .btn.bc-info {
    background-color: #fff !important;
    color: var(--dark-color);
}

    .btn-group .btn.bc-info.active,
    .btn-group .btn.bc-info:hover {
        background-color: var(--info-color) !important;
        color: #fff;
    }

.btn-group .btn.bc-primary {
    background-color: #fff !important;
    color: var(--primary-color);
}

    .btn-group .btn.bc-primary.active,
    .btn-group .btn.bc-primary:hover {
        background-color: var(--primary-color) !important;
        color: #fff;
    }

.btn-group .btn.bc-text-primary {
    background-color: #fff !important;
    color: var(--text-primary-color);
}

    .btn-group .btn.bc-text-primary.active,
    .btn-group .btn.bc-text-primary:hover {
        background-color: var(--text-primary-color) !important;
        color: #fff;
    }

.btn-group .btn.bc-text-drawer {
    background-color: #fff !important;
    color: var(--text-drawer-color);
}

    .btn-group .btn.bc-text-drawer.active,
    .btn-group .btn.bc-text-drawer:hover {
        background-color: var(--text-drawer-color) !important;
        color: #fff;
    }

.btn-group .btn.bc-dark {
    background-color: #fff !important;
    color: var(--dark-color);
}

    .active.btn,
    .btn-group .btn.active,
    .btn-group .btn.bc-dark.active,
    .btn-group .btn.bc-dark:hover {
        background-color: var(--dark-color) !important;
        color: #fff;
    }

.btn-group .btn.bc-background {
    background-color: #fff !important;
    color: var(--background-color);
}

    .btn-group .btn.bc-background.active,
    .btn-group .btn.bc-background:hover {
        background-color: var(--background-color) !important;
        color: #fff;
    }

.btn-group .btn.bc-secondary {
    background-color: #fff !important;
    color: var(--secondary-color);
}

    .btn-group .btn.bc-secondary.active,
    .btn-group .btn.bc-secondary:hover {
        background-color: var(--secondary-color) !important;
        color: #fff;
    }

.btn-group .btn.bc-error {
    background-color: #fff !important;
    color: var(--error-color);
}

    .btn-group .btn.bc-error.active,
    .btn-group .btn.bc-error:hover {
        background-color: var(--error-color) !important;
        color: #fff;
    }

.btn-group .btn.bc-success {
    background-color: #fff !important;
    color: var(--success-color);
}

    .btn-group .btn.bc-success.active,
    .btn-group .btn.bc-success:hover {
        background-color: var(--success-color) !important;
        color: #fff;
    }

.btn-group .btn.bc-warning {
    background-color: #fff !important;
    color: var(--warning-color);
}

    .btn-group .btn.bc-warning.active,
    .btn-group .btn.bc-warning:hover {
        background-color: var(--warning-color) !important;
        color: #fff;
    }

.btn-group .btn.bc-neutrally {
    background-color: #fff !important;
    color: var(--neutrally-color);
}

    .btn-group .btn.bc-neutrally.active,
    .btn-group .btn.bc-neutrally:hover {
        background-color: var(--neutrally-color) !important;
        color: #fff;
    }

.btn-group .btn.bc-tertiary {
    background-color: #fff !important;
    color: var(--tertiary-color);
}

    .btn-group .btn.bc-tertiary.active,
    .btn-group .btn.bc-tertiary:hover {
        background-color: var(--tertiary-color) !important;
        color: #fff;
    }

.tag {
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 13px !important;
    display: inline-flex;
    min-width: 100px;
    min-height: 20px;
    border-radius: var(--rounded-pill);
    color: #fff;
    background-color: var(--neutrally-color);
    padding-bottom: 2px;
    margin-top: 2px;
}

    .tag.bc-background.outlined {
        color: var(--background-color);
        border-color: var(--background-color);
        border: var(--tag-border);
    }

    .tag.bc-dark.outlined {
        color: var(--dark-color);
        border-color: var(--dark-color);
        border: var(--tag-border);
    }

    .tag.bc-error.outlined {
        color: var(--error-color);
        border-color: var(--error-color);
        border: var(--tag-border);
    }

    .tag.bc-info.outlined {
        color: var(--info-color);
        border-color: var(--info-color);
        border: var(--tag-border);
    }

    .tag.bc-primary.outlined {
        color: var(--primary-color);
        border-color: var(--primary-color);
        border: var(--tag-border);
    }

    .tag.bc-secondary.outlined {
        color: var(--secondary-color);
        border-color: var(--secondary-color);
        border: var(--tag-border);
    }

    .tag.bc-success.outlined {
        color: var(--success-color);
        border-color: var(--success-color);
        border: var(--tag-border);
    }

    .tag.bc-tertiary.outlined {
        color: var(--tertiary-color);
        border-color: var(--tertiary-color);
        border: var(--tag-border);
    }

    .tag.bc-warning.outlined {
        color: var(--warning-color);
        border-color: var(--warning-color);
        border: var(--tag-border);
    }

    .tag.bc-neutrally.outlined {
        color: var(--neutrally-color);
        border-color: var(--neutrally-color);
        border: var(--tag-border);
    }

    .tag.bc-text-primary.outlined {
        color: var(--text-primary-color);
        border-color: var(--text-primary-color);
        border: var(--tag-border);
    }

    .tag.bc-text-drawer.outlined {
        color: var(--text-drawer-color);
        border-color: var(--text-drawer-color);
        border: var(--tag-border);
    }

.history-icon.c-text-primary,
.icon.c-text-primary {
    background-color: color-mix(in srgb, var(--text-primary-color) 15%, white) !important;
}

.history-icon.c-success,
.icon.c-success {
    background-color: color-mix(in srgb, var(--success-color) 15%, white) !important;
}

.history-icon.c-info,
.icon.c-info {
    background-color: color-mix(in srgb, var(--info-color) 15%, white) !important;
}

.history-icon.c-error,
.icon.c-error {
    background-color: color-mix(in srgb, var(--error-color) 15%, white) !important;
}

.history-icon.c-primary,
.icon.c-primary {
    background-color: color-mix(in srgb, var(--primary-color) 15%, white) !important;
}

.tag-date {
    display: inline;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: var(--rounded);
}

.bc-primary {
    background-color: var(--primary-color) !important;
}

.c-primary {
    color: var(--primary-color) !important;
}

.bc-text-primary {
    background-color: var(--text-primary-color) !important;
}

.c-text-primary {
    color: var(--text-primary-color) !important;
}

.bc-text-drawer {
    background-color: var(--text-drawer-color) !important;
}

.c-text-drawer {
    color: var(--text-drawer-color) !important;
}

.c-text {
    color: var(--text-color) !important;
}

.bc-white {
    background-color: var(--white-color) !important;
}

.c-white {
    color: var(--white-color) !important;
}

.bc-dark {
    background-color: var(--dark-color) !important;
}

.c-dark {
    color: var(--dark-color) !important;
}

.c-text {
    color: var(--text-color) !important;
}

.bc-background {
    background-color: var(--background-color) !important;
}

.c-background {
    color: var(--background-color) !important;
}

.bc-secondary {
    background-color: var(--secondary-color) !important;
}

.c-secondary {
    color: var(--secondary-color) !important;
}

.bc-error {
    background-color: var(--error-color) !important;
}

.c-error {
    color: var(--error-color) !important;
}

.bc-success {
    background-color: var(--success-color) !important;
}

.c-success {
    color: var(--success-color) !important;
}

.bc-info {
    background-color: var(--info-color) !important;
}

.c-info {
    color: var(--info-color) !important;
}

.bc-warning {
    background-color: var(--warning-color) !important;
}

.c-warning {
    color: var(--warning-color) !important;
}

.bc-neutrally {
    background-color: var(--neutrally-color) !important;
}

.c-neutrally {
    color: var(--neutrally-color) !important;
}

.bc-tertiary {
    background-color: var(--tertiary-color) !important;
}

.c-tertiary {
    color: var(--tertiary-color) !important;
}

.hr-default {
    border-top: 1px solid var(--neutrally-color);
    filter: brightness(0.5);
}

.cursor-pointer{
    cursor: pointer;
}

.bf-de-basectrl.bf-de-control.bf-de-border.bf-de-oneliner.bf-de-placeholder.dx-show-invalid-badge.dx-textbox.dx-texteditor.dx-editor-outlined.dx-texteditor-empty.dx-widget {
    border-radius: var(--rounded) !important;
}

.align-center {
    align-items: center !important;
}

.dropdown-menu {
    border-radius: var(--rounded);
}

.nav-shortcut-dropdown-title-task {
    border-radius: var(--rounded);
}

.topbar .btn i,
.btn i,
.icon-small {
    font-size: var(--icon-small) !important;
}

.text-small {
    font-size: var(--text-small) !important;
}

.btn i.icon-medium,
.btn.btn-icon-tr i,
.topbar i,
.icon-medium {
    font-size: var(--icon-medium) !important;
}

.btn i.icon-large,
.icon-large {
    font-size: var(--icon-large) !important;
}

.dropdown i {
    font-size: var(--icon-medium) !important;
}



.tree-active-orgunit {
    background-color: var(--secondary-reduced-color) !important;
}



.dropdown-item {
    border-radius: var(--rounded);
}





.line-title hr {
    position: absolute;
    width: 97.2%;
    margin-top: -20px;
    margin-bottom: 0px;
    color: #777a7c;
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
    color: #7b8286;
    font-size: 17px !important;
    font-weight: 600;
    margin-bottom: 40px;
}

    .separator::before,
    .separator::after {
        content: '';
        flex: 1;
        border-bottom: 1px solid var(--neutrally-color);
    }

    .separator:not(:empty)::before {
        margin-right: .25em;
    }

    .separator:not(:empty)::after {
        margin-left: .25em;
    }

.login-box-wrapper {
    margin-top: 10%;
}

.login-logo-box {
    display: flex;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    flex-direction: row;
    justify-content: space-around;
}

.body-login {
    left: 73px;
}

.body-login {
    background-color: #172535;
}

.ajs-button.ajs-ok {
    border-radius: var(--rounded);
    background-color: var(--success-color) !important;
    color: #fff !important;
}

    .ajs-button.ajs-ok:hover {
        filter: brightness(80%);
    }

.ajs-button.ajs-cancel {
    border-radius: var(--rounded);
    background-color: var(--error-color) !important;
    color: #fff !important;
}

    .ajs-button.ajs-cancel:hover {
        filter: brightness(80%);
    }

.hover-secondary-filter:hover {
    background-color: var(--secondary-filter-color) !important;
    border-radius: var(--rounded) !important;
}

.flex {
    display: flex;
}

.no-radius-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.no-radius-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.navbar {
    width: 100%;
    background-color: var(--dark-color);
    position: fixed;
    z-index: 25;
    padding: 0;
    display: inline;
    height: 50px;
    /* box-shadow: 0px 1px rgba(154, 168, 181, 0.58) */
}

.sidebar {
    width: 60px;
    height: 100%;
    position: fixed;
    top: 50px;
    z-index: 21;
    background-color: var(--dark-color);
    padding-top: 15px;
    /* box-shadow: 1px 0px 1px #cccccc */
}

.breadcrumb {
    position: fixed;
    top: 50px;
    left: 60px;
    width: 100%;
    padding: 3px 10px;
    font-size: 0.75rem;
    background-color: #e5e7ea;
    z-index: 20;
    display: none;
    height: 19px;
}

.breadcrumb-item a {
    color: var(--dark-color);
}

a {
    color: var(--text-primary-color);
}

.brand {
    float: left;
    margin-right: 10px;
    margin-top: 7.5px;
    margin-left: 10px;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
    color: var(--text-color) !important;
}

.dx-state-focused {
    background-color: #fff !important;
}

.navbar .icon-button {
    width: 50px;
    height: 50px;
    font-size: 22px;
    color: rgba(184, 186, 189, 0.51);
    border-left: 1px solid #203348;
    padding-top: 8px;
    float: right;
}

    .navbar .icon-button:hover {
        color: #b8babd;
        transition: 300ms;
    }

.view-area {
    position: relative;
    top: 50px;
    margin-left: 60px;
    width: 100%;
}

.view-content {
    position: relative;
    padding: 20px;
    height: 40px;
}

.userpicture {
    width: 45px;
    height: 45px;
    border-radius: 1000px;
    float: right;
    padding: 7px;
    margin-top: 2.5px;
}

.userpicbig {
    width: 100%;
}

.navbar .badge {
    position: absolute;
    border-radius: 50px;
    font-size: 9px;
    color: #eeeeee;
    margin-top: 8px;
    margin-left: 19px;
    padding: 2px 5px 2px 4px;
    z-index: 10;
}

.outlined {
    border: var(--tag-border) !important;
    background-color: transparent !important;
}

.nav-shortcut {
    background-color: transparent;
    color: #9AA8B5;
    font-size: 20px;
    float: left;
    height: 50px;
    border-radius: 11px 11px 0px 0px;
}

.tree-nav-shortcut {
    color: #fff !important;
}

    #btnMobileNav:hover,
    .tree-nav-shortcut:hover,
    .nav-shortcut:hover {
        background-color: var(--background-color) !important;
        color: var(--primary-color) !important;
        transition: 300ms;
        filter: none;
    }

.training-bg {
    background-color: #5e657e;
}

.riskidentification-bg {
    background-color: #7E8183;
}

.audit-bg {
    background-color: #7A7786;
}

.control-bg {
    background-color: #557188;
}

.sfi-bg {
    background-color: #608974;
}

.defects-bg {
    background-color: #608689;
}

.inspection-bg {
    background-color: #6B635A;
}

.incident-bg {
    background-color: #697362;
}

.navbar-shortcut {
    background-color: transparent;
    color: #9AA8B5;
    font-size: 20px;
    float: left;
    height: 50px;
}

.navbar-btn:hover {
    background-color: #F1F3F5;
    color: var(--primary-color);
    transition: 300ms;
}

.user-dropdown {
    float: right;
}

    .user-dropdown .dropdown-toggle {
        background-color: transparent;
        color: #b8babd;
        font-size: 1rem;
        height: 50px;
    }

#lblusername {
    margin-right: 10px;
}

.user-dropdown .dropdown-menu.show {
    font-size: 1rem;
    position: absolute;
    left: -50px;
    z-index: 20;
}

.user-dropdown a {
    padding-left: 15px;
    padding-right: 15px;
    color: var(--text-color);
}

.user-dropdown hr {
    margin-top: 5px;
    margin-bottom: 0px;
    background-color: #d8d8da;
}

.user-dropdown i {
    margin-right: 10px;
    font-size: 18px;
}

.nav-shortcut .dropdown-menu.show {
    font-size: 0.75rem;
    padding-top: 0px;
    min-width: 250px;
}

.nav-shortcut a {
    padding-left: 10px;
    padding-right: 10px;
}

.nav-shortcut-dropdown-title-task {
    width: 100%;
    height: 30px;
    padding-top: 7px;
    padding-left: 10px;
    background-color: var(--dark-color);
    font-size: 13px;
    font-weight: 600;
    color: #c7c9cc;
}

.sidebar .btn {
    width: 60px;
    height: -26px;
    background-color: transparent;
    font-size: 22px;
    color: #9aa8b5;
    border-radius: 11px 0px 0px 11px;
}

    .sidebar .btn:active {
        background-color: #FFFFFF;
        color: var(--primary-color);
        border-top-right-radius: 0px;
    }

.sidebar #dropdownMenuButton.btn:hover {
    color: #222a34;
    transition: 300ms;
}

.sidebar .dropdown-menu.show {
    margin-left: 55px;
    margin-top: -49px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-top: 0px;
    border-top: 0px none;
    border-bottom: 0px none;
    border-right: 0px none;
    font-size: 13px;
    min-width: 250px;
}

.editor-content img {
    max-width: 100%;
    height: auto;
    width: auto;
    object-fit: contain;
}

.sidebar .dropdown.show #dropdownMenuButton {
    background-color: var(--dark-color);
    color: #ccc;
}

.sidebar-dropdown-menu-title {
    padding-left: 20px;
    padding-top: 10px;
    background-color: var(--dark-color);
    color: #c9c9c9;
    font-size: 1rem;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
    font-weight: 500;
    padding-bottom: 10px;
    border-radius: var(--rounded);
}

.sidebar a:hover {
    filter: brightness(100%);
    transition: 300ms;
}

.hover-dark:hover {
    background-color: var(--dark-color) !important;
    color: var(--primary-color) !important;
}

.hover-background:hover {
    background-color: var(--background-color) !important;
    color: var(--primary-color) !important;
}

.sidebar hr {
    margin-top: 0px;
    margin-bottom: 0px;
}

.Spinner {
    width: 100%;
    position: fixed;
    height: 100%;
    z-index: 70;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .Spinner img {
        width: 100px;
        margin-bottom: 10px;
    }

.bf-live-visible {
    display: none !important;
}

#nav-task {
    margin-right: 10px;
}

.splashscreen {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    background-color: #f1f2f3;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

    .splashscreen img {
        max-width: 500px;
    }

    .splashscreen h6 {
        margin-top: -120px;
    }

.pup {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 40;
    background-color: rgba(0, 0, 0, 0.55);
    overflow: scroll;
}

.pup-box {
    width: 98%;
    max-width: 1000px;
    min-height: 100px;
    background-color: #ffffff;
    box-shadow: 0px 0px 25px #242424 !important;
    border-radius: 3px;
    border: 1px solid #cccccc;
    margin: 20px auto 50px;
}

.pup-box-large {
    max-width: 1400px !important;
}

.pup-header {
    padding: 10px 20px;
    background-color: #eff0f1;
    color: var(--text-color);
}

    .pup-header h6 {
        margin-bottom: 0px;
        display: inline;
        font-weight: 400;
    }

    .pup-header i {
        margin-right: 8px;
        font-size: 15px;
        color: #666;
    }

.pup-content {
    padding: 20px;
}

.pup-bottom {
    padding: 20px;
    display: flex;
    flex-direction: row-reverse;
}

.pup hr {
    margin-top: 0px;
    margin-Bottom: 0px;
    width: 95%;
}

.line-title {
    text-align: center;
    margin-bottom: 40px;
    border-left-color: #000000;
}

    .line-title h6 {
        display: inline-block;
        padding: 5px 15px;
        position: relative;
        color: #7b8286;
        font-size: 17px !important;
        font-weight: 600;
        align-items: flex-start;
    }

a img {
    max-width: 60px;
}

.btn-big {
    padding: 9px 15px;
    font-size: 15px;
    border-radius: var(--rounded);
}

.tag i {
    font-size: 13px;
    color: #999;
    margin-right: 5px;
}

.ico-txt-container i {
    margin-right: 5px;
    color: #cccccc;
    line-height: 34px;
    font-size: 20px;
    float: left;
}

.oder-style {
    color: #929292;
    margin-top: 22px;
    padding-bottom: 0px;
    justify-content: center;
    display: flex;
    margin-bottom: 22px;
}

.p-bot0 {
    padding-bottom: 0px;
}

.chkheader {
    margin-top: -5px;
}

.chk-torso {
    margin-top: 19px;
}

.chk-arm {
    margin-top: 20px;
}

.chk-hand {
    margin-top: 56px;
}

.chk-leg {
    margin-top: 39px;
    height: 23px;
}

.chk-foot {
    margin-top: 95px;
}

.chk-spine {
    margin-top: 60px;
}

.chk-upperarm {
    margin-top: 9px;
}

.chk-finger {
    margin-top: 14px;
}

.ckh-thigh {
    margin-top: 25px;
}

.chk-toe {
    margin-top: 36px;
}

.chk-exe {
    margin-top: 11px;
}

.width-320 {
    height: 25px;
    float: left;
    margin-right: 20px;
}

    .width-320 h6 {
        margin-bottom: 0px;
        line-height: 32px;
        text-align: right;
        font-weight: normal;
        font-size: 0.75rem;
        margin-right: 109px;
    }

.div-30 {
    height: 30px;
}

.nav-item .icons8-checkmark {
    display: inline-block;
    height: 30px;
    float: left;
    font-size: 16px;
    color: #172535;
}

.chk-neck {
    margin-top: 19px;
}

.chk-shoulder {
    margin-top: 17px;
}

#tabWitnesses hr {
    border-top: 5px solid #eeeeee;
}

#FilterBarTypeNoRec {
    float: none;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.pic-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px dotted #cccccc;
    border-radius: 3px;
}

.picture-upload img {
    position: absolute;
    max-width: 150px;
}

.picture-upload button.close {
    position: absolute;
    right: 0px;
}

.pic-flex button {
    position: absolute;
    top: 0px;
    right: 0px;
}

.foto-slider-buttons {
    width: 80px;
    display: inline-flex;
    flex-direction: column;
    align-items: stretch;
    position: absolute;
    height: 100%;
}

.foto-slider-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: #666;
    font-size: 30px;
    height: 40px;
    width: 40px;
    border-radius: 3px;
    margin-bottom: 5px;
    margin-left: 5px;
    border: 1px solid #afafaf;
    background-color: #ffffff;
    float: right;
    border-radius: var(--rounded);
}

.img-placeholder-bg {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 125px;
    min-height: 2px;
}

.fixed-col {
    -webkit-column-width: 100px;
    /* Chrome, Safari, Opera */
    -moz-column-width: 100px;
    /* Firefox */
    column-width: 100px;
}

.column-width {
    -webkit-column-width: 100px;
    /* Chrome, Safari, Opera */
    -moz-column-width: 100px;
    /* Firefox */
    column-width: 100px;
}

.card-grey {
    background-color: #f2f2f2 !important;
}

.foto-slider-button img {
    width: 50%;
}

.foto-slider-buttonbox {
}

.foto-slider-foto-box {
    float: left;
    position: relative;
    border-radius: 3px;
    border-style: dashed;
    border-color: #dadada;
    background-color: #ffffff;
    width: 100% !important;
}

.img-placeholder-bg img {
    max-width: 150px;
}

.point-disabled .icons8-close-button-7 {
    color: #dc3545 !important;
    font-size: 1rem;
}

.foto-info-flex {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
}

.m-top10 {
    margin-top: 10px;
}

.m-top5 {
    margin-top: 5px;
}

.align-right {
    text-align: right;
}

.tree-de-box {
    margin-right: 2%;
    margin-left: 2%;
}

.sidebar .dropdown:hover .dropdown-menu {
    display: block;
    transition: 300ms;
}

.sidebar .dropdown-menu {
    margin-left: 55px;
    margin-top: -49px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top: 0px none;
    border-bottom: 0px none;
    border-right: 0px none;
    font-size: 13px;
    min-width: 240px;
    padding: 0px 0px 5px;
    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
}

.dropdown-item:active {
    background-color: white;
    color: var(--text-color);
}

.sidebar .dropdown a.btn:active {
    color: var(--primary-color);
    border-radius: var(--rounded);
}

.pup-box .measure-container button.close {
    display: none;
}

.question-box-inactive {
    color: #bbb;
    border-radius: 3px;
    border: 2px dashed rgba(220, 53, 69, 0.55);
}

.question-box-deactivated h6 {
    color: #bbb;
}

.question-box-deactivated .text-danger {
    font-size: 0.75rem;
    margin-right: 10px;
}

.question-box-inactive .text-danger {
    font-size: 1rem;
    margin-right: 10px;
    margin-top: -6px;
}

.question-box-inactive h6 {
    color: #bbb;
}

.measure-control-header {
    padding: 10px 10px 0px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
}

.p-right5 {
    padding-right: 5px;
}

.p-bot5 {
    padding-bottom: 5px;
}

.measure-control-header h6 {
}

.p-right10 {
    padding-right: 10px;
}

.p-right15 {
    padding-right: 15px;
}

#btnCloseChecklist i {
    font-size: 18px;
}

#lblInactiveTopic i {
    font-size: 20px;
    margin-right: 5px;
    top: 3px;
    position: relative;
}

.btn-circle i {
    margin-right: 0px !important;
    border-radius: var(--rounded);
}

.checklists-card-container {
    display: flex;
    margin-left: -1%;
    margin-right: -1%;
    flex-wrap: wrap;
}

.card-checklist {
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 15px;
    min-width: 320px;
    max-width: 320px;
}

.img-fullsize {
    width: 100%;
}

.img-maxsize {
    max-width: 150px;
}

.label-tag {
    display: block;
    padding: 2px 20px;
    border-radius: 3;
    font-size: 0.75rem;
    background-color: #ddd;
    text-align: center;
    color: #ffffff;
}

.lt-success {
    background-color: var(--error-color) !important;
    color: #fff;
}

.lt-danger {
    color: #fff;
    background-color: var(--error-color) !important;
}

.float-clear {
    float: none;
}

.no-rec-button-flex {
    float: none;
    justify-content: center;
    margin-top: 25px;
}

#navListIncident i {
    margin-right: 10px;
    float: left;
}

.header-block {
    padding: 20px;
    background-color: #fff;
    border-radius: 3px;
    font-size: 1rem;
    border: 1px solid #cacace;
}

.image-dropbox {
    padding: 10px;
    border: 2px dashed #cccccc;
    border-radius: 3px;
    min-height: 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    text-align: center;
    max-width: 150px;
}

.ce-question-box-header {
    display: block;
    cursor: drop !important;
}

.btn-dragdrop {
    width: 30px;
    height: 40px;
    display: inline-block;
    float: left;
    border-radius: var(--rounded);
}

.ce-question-box-header h5 {
    padding-top: 6px;
}

.btn-dragdrop img {
    width: 35px;
    border-radius: var(--rounded);
}

.ce-theme-title {
    margin-bottom: 10px;
}

.ce-question-box {
    margin-bottom: 20px;
}

.card-checklist img {
    max-width: 80px;
}

.m-bot0 {
    margin-bottom: 0px !important;
}

.signature-missing {
    background-image: url('../images/icons8-multiply-26.png');
    background-repeat: no-repeat;
    background-position: 98%5%;
}

a.btn i {
    margin-right: 5px;
    border-radius: var(--rounded);
}

a.btn-icon i {
    margin-right: 0px;
    border-radius: var(--rounded);
}

.doc-nav-list {
    list-style: none;
    padding-left: 0px;
}

    .doc-nav-list a.pressed {
        color: var(--primary-color);
        text-decoration: none;
        background-repeat: no-repeat;
        background-position: 95% 50%;
        background-size: 20px;
        border-radius: var(--rounded);
    }

.doc-nav {
    background-color: #e8e8e9;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 785px;
    padding-top: 15px;
}

.doc-nav-header {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
}

    .doc-nav-header i {
        font-size: 35px;
    }

.doc-nav-list li a {
    width: 1;
}

.doc-nav-list > li > a {
    display: block;
}

.doc-nav-list > li > span {
    display: block;
    padding-top: 12px;
    color: #4b4b4e;
}

.doc-nav-list li a:hover {
    text-decoration: none;
}

.documents-view {
    display: flex;
    flex-direction: column;
    flex: 300 0 0px;
}

    .documents-view .tab-pane {
        padding: 10px;
        background-color: #e8e8e9;
    }

.btn-group .btn {
    background-color: #ffffff;
    font-size: 13px;
    min-width: 80px;
    border: 1px solid #cacace;
    min-height: 34px;
    border-radius: var(--rounded);
}

    .btn-group .btn:hover {
        background-color: var(--dark-color);
        color: #fff;
    }

.documents-flexbox {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-around;
}

.document-box {
    background-color: #ffffff;
    border: 1px solid #afafaf;
    border-radius: 3px;
    position: relative;
    height: 100%;
}

.documents-dropbox {
    padding: 10px;
    border: 2px dashed #cccccc;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    text-align: center;
    min-height: 90%;
}

.documents-button-wrapper {
    display: flex;
    position: absolute;
    right: 5px;
    top: 5px;
}

    .documents-button-wrapper .btn-icon {
        background-color: var(--dark-color);
        color: #fff;
        border-radius: var(--rounded);
    }

.documents-view .btn-circle {
    margin-top: 0px;
    width: 80px;
    height: 80px;
    border-radius: var(--rounded);
    font-size: 40px;
}

.documents-view .btn-circle-txt h6 {
    font-size: 16px;
    border-radius: var(--rounded);
}

.display-none {
    display: none !important;
}

.column-centerheight {
    display: flex;
    align-items: center;
}

.documents-view #lblDocumentTitle {
    font-size: 13px;
    color: var(--text-color);
    display: block;
    overflow: hidden;
    max-height: 22px;
}

.m-bot30 {
    margin-bottom: 30px !important;
}

#tabCloseInspection {
    position: absolute;
    display: block;
    width: 100%;
    border-top: 1px solid #afafaf;
}

    #tabCloseInspection i {
        margin-right: 10px;
        color: #afafaf;
        font-size: 15px;
    }

#linkCloseInspection {
    position: relative;
    bottom: 0px;
    width: 100%;
    font-size: 1rem;
    border-top: 1px solid #afafaf;
    text-align: left;
}

    #linkCloseInspection i {
        margin-right: 10px;
        font-size: 16px;
        color: #afafaf;
    }

.vertical-navbar {
    border-right: 1px solid #cccccc;
    min-width: 280px;
}

.col-navcontainer {
    border-right: 1px solid #cccccc;
    padding-right: 0px;
    padding-left: 15px;
}

.btn-sharp {
    border-radius: 0px;
    border-radius: var(--rounded);
}

#repTopics .card-selected {
    background-position: 97% 80%;
}

p-top30 {
    padding-top: 30px;
}

.p-top30 {
    padding-top: 30px;
}

.tabs-box {
    padding: 10px;
    border: 1px solid #cccccc;
    border-radius: 3px;
}

.block-tabs {
    border-bottom: 1px solid #dddddd;
}

.documents-view-flex-col {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.p-top40 {
    padding-top: 40px;
}

.card-header-collapsible-link:hover {
    text-decoration: none;
}

.font-weight-bolder {
    font-weight: 500;
}

.m-bot15 {
    margin-bottom: 15px;
}

.kb-column-header-dark {
    background-image: url('../images/KBArrowDark.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100%;
}

.kb-column-header-start {
    background-image: url('../images/KBStartArrow.png');
    background-position: right center;
    background-size: 100%;
    background-color: #d1d1d1;
}

.kn-column-header-end {
    background-image: url('../images/ArrowEnd.png');
    background-position: 100%;
    background-color: #dddddd;
    background-size: cover;
}

.flex-bot {
    display: flex;
    align-items: flex-end;
    flex-direction: row-reverse;
}

a#btnDrag.ce-question-box-header {
    cursor: drop;
}

.kanban-card-body {
    padding: 10px 15px;
}

.btn-left {
    width: 50%;
    float: left;
    border-radius: var(--rounded);
}

.btn-right {
    width: 50%;
    float: right;
    border-radius: var(--rounded);
}

.btn-height {
    height: 41px;
    border-radius: var(--rounded);
}

.btn-closecheck-flex {
    display: flex;
    flex-direction: row-reverse;
    border-radius: var(--rounded);
}

.m-left20 {
    margin-left: 20px;
}

#btnTree {
    margin-top: 15px;
}

.p-right0 {
    padding-right: 0px !important;
}

.line-bold {
    height: 5px;
    background-color: #eeeeee;
    margin-bottom: 6px;
}

.nav-link-positiv {
    padding-left: 40px !important;
    background-image: url('../images/icons8-thumbs-up-24.png') !important;
    background-repeat: no-repeat !important;
    background-position: 5%50% !important;
    background-size: 17px !important;
}

.nav-link-negative {
    padding-left: 40px !important;
    background-image: url('../images/icons8-thumbs-down-26.png') !important;
    background-repeat: no-repeat !important;
    background-position: 5%50% !important;
    background-size: 18px !important;
}

.sidebar .btn.pressed {
    color: var(--primary-color) !important;
    border-radius: var(--rounded);
}

.filehover {
    background-color: #e1ffda;
}

.tree-active-orgunit {
    font-weight: bold;
    color: white;
    background-color: #337AB7;
}

.m-left5 {
    margin-left: 5px !important;
}

.m-right0 {
    margin-right: 0px !important;
}

.overflow-y-hidden {
    overflow-y: hidden !important;
}

.txt-small {
    font-size: 10px;
    color: #999;
}

.card-light-grey {
    background-color: #f2f2f2;
}

.lt-warning {
    background-color: var(--primary-color) !important;
    color: #fff;
}

.bg-new {
    background-color: #e4e13b;
}

#repNotifications .icons8-attention-sign-2 {
    color: #dc3545 !important;
    margin-right: 10px;
    font-size: 18px;
}

.flex-horizontally-centered {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.subtitle {
    font-size: 0.75rem;
    color: #888;
}

.preview-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    padding-top: 20px;
    padding-bottom: 10px;
    width: 60%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

    .preview-box img {
        max-width: 20px;
        margin-top: 5px;
    }

.bg-lightgrey {
    background-color: #f9f9f9;
}

.card-isselected {
    background-color: #d2e2f2 !important;
}

.flex-justify {
    justify-content: space-between;
    align-items: center;
}

.txt-mid {
    font-size: 1rem;
}

.flexcontainer {
    display: flex;
    flex-direction: row;
    min-height: 100%;
    align-items: stretch;
    width: 100%;
}

.flexitem {
    display: flex;
    order: 0;
    flex: 1;
}

.btn:focus,
.btn.focus {
    box-shadow: none;
    border-radius: var(--rounded);
}

.question {
    font-size: 18px;
}

.point-active .point-disabled .icons8-thick-arrow-pointing-up-2 {
}

.point-active.point-disabled .icons8-close-button-7 {
    top: -31px;
}

.m-bot100 {
    margin-bottom: 100px;
}

.m-bot120 {
    margin-bottom: 120px;
}

.row-fullwidth {
    margin-right: -5px;
    margin-left: -5px;
}

.dropdown-card {
    width: 45px;
    height: 40px;
}

.btn-dropdown-card {
    width: 40px;
    height: 35px;
    border: 1px solid #afafaf;
    background-color: #fff;
    border-radius: var(--rounded);
}

    .btn-dropdown-card .icons8-ellipsis-2 {
        font-size: 18px;
        color: #999;
        margin-right: 0px;
        margin-left: -3px;
        border-radius: var(--rounded);
    }

.grey {
    color: #666;
}

.flex-space-between {
    display: flex;
    justify-content: space-between !important;
}



.input-group-append {
    border: none !important;
}

.input-control-login {
    height: 40px !important;
    width: 100%;
    color: var(--text-color);
    font-size: 1rem;
    box-shadow: none !important;
    margin-top: 0px;
    border-radius: 15px 15px 15px 15px;
    border-style: solid;
    border-color: #e6e8ea;
    border-radius: var(--rounded);
    border-style: solid;
    border-width: 2px;
    padding-left: 10px;
}

    .input-control-login:active {
        border-color: var(--secondary-color) !important;
        border-width: 2px;
    }

    .input-control-login:focus {
        border-color: var(--secondary-color);
        outline: 0px;
        border-width: 2px;
    }

.card-dd {
}

.btn-label {
    margin-top: 15px;
    font-size: 1rem;
    border-radius: var(--rounded);
}

.m-bot5 {
    margin-bottom: 5px !important;
}

.img-max80 {
    max-width: 80px;
}

.tag-box {
    width: 22px;
    height: 22px;
    border-radius: 3px;
    float: left;
    margin-right: 15px;
    margin-top: 0px;
}

.ico-txt-container {
}

.task-card-title {
    font-size: 16px !important;
    margin-bottom: 5px !important;
}

.task-card-small-text {
    color: #666;
    font-size: 0.75rem;
    margin-bottom: 0px !important;
}

.task-card-header {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 10px;
}

.container-task-card-informations h6 {
    display: inline-block;
    font-size: 1rem !important;
}

.task-tag-closed {
    color: #28a745;
}

.text-with-icon {
    color: #444;
}

    .text-with-icon i {
        margin-right: 7px;
        font-size: 17px !important;
        color: #a8a9ac;
        float: left;
        margin-top: -5px;
    }

.tag-closed {
    padding-left: 25px;
    background-image: url('../images/icons8-checkmark-26.png');
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 0%;
}

.p-right20 {
    padding-right: 20px !important;
}

.botbar-sticky {
    position: fixed;
    z-index: 20;
    width: 100%;
    margin-left: -80px;
    padding: 20px;
    bottom: 0px;
    border-top: 1px solid #dddddd;
    background-color: rgba(255, 255, 255, 0.69);
}

.p-container {
    padding: 20px;
    background-color: #fff;
    border-radius: 3px;
}

.auchecklist--signature {
    width: 100%;
    object-fit: contain;
    max-height: 100px;
}

.brand #logo {
    max-width: 100px;
    margin-top: 3px;
}

.defect--datebox {
    width: 100% !important;
}

.safetylifecycle-delegated {
    border-color: #ffeeba;
    background-color: #fff3cd;
    color: #856404;
}

.safetylifecycle-collectingmeasures {
    border-color: #ffeeba;
    border-radius: var(--rounded-pill);
    color: #856404;
}

.safetylifecycle-implementingmeasures {
    border-color: #ffeeba;
    background-color: #fff3cd;
    color: #856404;
}

.safetylifecycle-measurescompleted {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}

.tag-box-open {
    width: 30px;
    height: 30px;
    background-image: url('../images/icons8-in-progress-filled-50.png');
    margin-top: 2px;
    margin-left: 2px;
    background-size: 24px;
    background-repeat: no-repeat;
}

.input-group-append a#btnBranchPopup {
    height: 36px;
    padding-right: 5px;
}

.input-group-append a#btnSitePopup {
    height: 36px;
    padding-right: 5px;
}

#btnBranchPopup i {
    font-size: 0.75rem;
}

#btnSitePopup i {
    font-size: 0.75rem;
}

.text-size {
    font-size: 1rem;
}

.btn-group.btn-group-prio .btn-warning:hover {
}

.label-tag-admin {
    background-color: var(--error-color);
}

.label-tag-user {
    background-color: #5da4ab;
}

.label-tag-sysadmin {
    background-color: #444444;
}

.no-tree-card {
    padding-bottom: 30px;
}

.doc-sub-list {
    list-style: none;
    padding-left: 43px;
}

    .doc-sub-list .documentslink {
        padding-top: 0px;
    }

    .doc-sub-list li a {
        padding-top: 0px;
        font-size: 0.9em;
        color: var(--text-color);
    }

    .doc-sub-list a.pressed {
        color: #da9505;
        text-decoration: none;
        background-repeat: no-repeat;
        background-position: 95% 50%;
        background-size: 20px;
    }

.doc-sub-list {
    list-style: none;
    padding-left: 23px;
}

.tag-done {
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 10% 50%;
    background-color: transparent;
    color: var(--succsses-color);
    border: 1px solid #c3e6cb;
    border-radius: var(--rounded-pill);
    border-width: 2px;
}

.tag-open {
    color: #ffffff !important;
    background-color: var(--error-color);
    border: 1px solid var(--error-color);
}

.tag-open-orange {
    color: #C55A11 !important;
    background-color: #FFF1D7;
    border: 1px solid #FFF1D7;
}

#tenant-app-logo {
}

.tenant-app-logo-container {
    display: flex;
    margin-left: 15px;
    height: 30px;
    align-items: center;
    justify-content: flex-end;
    float: right;
}

.tenant-logo-container {
    display: flex;
    float: left;
    margin-right: 50px;
    height: 32.5px;
    align-items: center;
    padding-left: 15px;
    margin-top: 10px;
    border-left: 1px solid #71767b;
}

#tenantAppLogo {
    max-height: 20px;
}

.dd-circle button {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background-color: var(--dark-color);
    color: #fff;
    margin-top: -10px;
}

.dd-circle .dropdown-menu {
    background-color: none !important;
}

.dd-circle a.dropdown-item {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background-color: var(--dark-color);
    margin-bottom: 15px;
    color: #fff;
    display: flex;
    justify-content: center;
    padding-bottom: 5px;
    align-items: center;
}

.dd-circle i {
    margin-right: 0px;
}

.card-footer {
    border-top-style: none;
    background-color: rgba(0, 0, 0, 0);
    text-align: right;
    padding-bottom: 0px;
    padding-right: 0px;
    position: relative;
    bottom: 5px !important;
    right: 5px;
}

.history-col {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
}

.title {
    font-size: 15px;
    margin-bottom: 20px;
}

    .title i {
        margin-right: 10px;
        font-size: 20px;
        color: #aaa;
    }

.measure-signature {
    padding-top: 20px;
    border-top: 1px solid #dddddd;
}

.p-all30 {
    padding: 30px;
}

.measure-popup-container {
    padding: 10px 30px 10px 20px;
}

.row-no-space {
    margin-left: 0px;
    margin-right: 0px;
}

.card-body-red {
    border: 1px solid #db3545 !important;
}

.history-list {
    list-style: none;
    padding-left: 0px;
    flex-direction: column;
    align-items: stretch;
}

.history-icon {
    width: 35px;
    height: 35px;
    margin-right: 10px;
    border-radius: 20px;
    background-color: #dddddd;
    z-index: 1;
    position: relative;
    color: #686868;
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.history-list li {
    /* display: flex */
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px;
    color: var(--text-primary-color);
}

.history-list span {
    font-size: 1rem;
}

.timeline-line {
    width: 1px;
    background-color: #e2e2e2;
    position: relative;
    top: 40px;
    height: 5px;
}

.history-container {
    overflow-y: auto;
    position: relative;
}


.text-semi-bold {
    font-weight: 500;
}

.icon-block {
}

    .icon-block i {
        font-size: 20px;
        color: #666;
    }

.text-smaller {
    font-size: 0.85rem !important;
}

#edProfilePicture {
    width: 100%;
    height: 100%;
}

#rowUserProfile {
    min-height: 300px;
}

#userEditorContainer {
    padding-bottom: 100px;
}

.usereditor--button {
    width: 100%;
    min-height: 27px;
    padding: 0;
    margin: 0;
}

.usereditor--column {
    padding: 1;
}

.usereditor--column {
    padding: 1px;
}

.usereditor--button--upload,
.usereditor--button--upload:active {
    background: white url('../../Assets/images/icons8-picture-50.png') !important;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.usereditor--button--delete,
.usereditor--button--delete:active {
    background: white url('../../Assets/images/icons8-waste-filled-50.png') !important;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.usereditor--button:hover {
    background-color: #ccc !important;
}

.usereditor--column--left {
    padding: 0 1px 0 15px;
}

.usereditor--column--right {
    padding: 0 15px 0 1px;
}

.icons8-waste-filled {
    background: white url('../../Assets/images/icons8-waste-filled-50.png') !important;
}

.no-records.tool {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: rgba(248, 215, 218, 0);
}

.p-top0 {
    padding-top: 0px !important;
}

.card-2col-flex {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.card-user {
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 15px;
    max-width: 48%;
}

.test-img {
    width: 21px;
}

.card-treeview p {
    margin-bottom: 2px;
    font-size: 11px;
}

.manager-pic {
    width: 25px;
    float: left;
    margin-right: 10px;
}

.div-container {
    /* position: absolute */
    /* width: 100% */
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.div-right {
    position: relative;
    width: 100%;
    padding-left: 10px;
}

.div-left {
    width: 250px;
    position: absolute;
    height: 100%;
    overflow-y: auto;
}

.tree-tag {
    margin-right: 2px;
    display: inline-block;
    border-radius: 4px;
    font-size: 10px;
    color: #fafafa;
    padding: 1px 10px;
    background-color: var(--dark-color);
    border: 1px solid #8f8787;
}

#navIntro {
    float: right;
    width: 50px;
    height: 50px;
}

/* #navIntro img {
    width: 32px;
    height: 32px;
    margin: 9px auto;
    display: block;
} */
.intro-customhighlight {
    background-color: transparent !important;
    border: 2px solid #aaa !important;
}

.test-image-container {
    width: 300px;
    height: 400px;
    background-color: lightgray;
    display: inline-block;
    margin: 0 7px;
}

#navIntro a {
    width: 50px;
    height: 50px;
    color: #b8babd;
    font-size: 25px;
    align-items: center;
    justify-content: center;
    display: flex;
}

    #navIntro a:hover {
        font-size: 25px;
        color: #fff;
    }

#lblOrgStats i {
    margin-right: 10px;
    color: #8f8f8f;
    font-size: 18px;
}

.manager-details #lblBranchManager {
    font-size: 13px;
    line-height: 27px;
}

#divOrgUnit i {
    float: left;
    margin-right: 10px;
    color: #a8a8a8;
    font-size: 13px;
    margin-top: 1px;
}

.flickity-enabled {
    height: 150px;
}

    .flickity-enabled.is-fullscreen {
        z-index: 999999 !important;
        height: 100% !important;
    }

.toolbar #btnExport {
    margin-right: 8px;
    font-size: 18px;
    width: 30px;
    height: 30px;
    margin-top: 18px;
    padding: 0px 5px;
    background-color: var(--dark-color);
    border-radius: 3px;
    color: #CCC;
    border: 1px solid var(--dark-color);
}

.toolbar-dropdown {
}

    .toolbar-dropdown #dropdownMenuButton {
        width: 50px;
        height: 50px;
    }

/* #edDueDate {
    width: 192px;
    min-width: 192px;
    max-width: 192px;
} */
.sticky {
    position: relative;
    bottom: 0px;
}

#lblIsImportant.icons8-spam-2 {
    font-size: 18px;
    color: var(--error-color);
    margin-right: 10px;
}

.measures-control-container {
    background-color: #fff;
}

#lblIsManager {
    font-size: .8em;
}

.btn-large {
    font-size: 16px;
    padding: 8px 15px;
    border-radius: var(--rounded);
}

.p-left20 {
    padding-left: 20px;
}

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

.verflex {
    display: flex;
    align-items: center;
}

.p-both10 {
    padding-left: 10px;
    padding-right: 10px;
}

.btn-icon .icons8-three-dots-symbol-4 {
    margin-right: 0px;
    border-radius: var(--rounded);
}

.toolbar .dropdown button {
    width: 37px;
    height: 37px;
    padding: 0px;
    float: right;
}

.toolbar .dropdown-menu {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 11px;
}

.toolbar .dropdown button:hover {
    background-color: var(--dark-color);
    color: #ffffff !important;
}

.toolbar .dropdown button:focus {
    background-color: var(--dark-color);
    color: #ffffff;
}

.toolbar .dropdown .dropdown-item:hover {
    color: var(--primary-color) !important;
}

.toolbar .dropdown .dropdown-item {
    font-size: 15px;
}

.sidebar .dropdown span {
    /* padding-left: 15px !IMPORTANT */
    /* color: #8e8e8e */
}

/* font-size: 1rem */
/* margin-bottom: 5px */
*/
.p-left10 {
    padding-left: 10px;
}

.p-left35 {
    padding-left: 35px;
}

.p-left40 {
    padding-left: 40px;
}

.p-left50 {
    padding-left: 50px;
}

.task-icon .icons8-attention-3 {
    margin-top: -3px;
}

.topbar-title-div {
    display: inline;
}

.toolbar .dropdown {
    width: 37px;
    height: 37px;
}

.card-1-3 {
    width: 33%;
    margin-right: 1%;
    margin-left: 1%;
}

.card-1-3-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 50px;
    margin-right: -1%;
    margin-left: -1%;
}

.no-border {
    border: 0px solid !important;
}

.card-border {
    border: 1px solid rgba(0, 0, 0, 0.13);
    border-radius: 3px;
}

.flex-vertically-centered {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.flex-direction-reverse {
    display: flex;
    flex-direction: row-reverse !important;
}

.nav-item-floatright {
    position: absolute;
    right: 15px;
}

.measure-tab-col-main {
}

.smaller {
    font-size: 90%;
}

.measure-tab-findings {
    padding-top: 10px;
}

.group-title {
    background-color: #efefef;
    padding: 10px;
    border-bottom: 1px solid #e4e4e4;
    margin-left: -20px;
    margin-right: -20px;
}

.tab-content {
}

.m-left35 {
    margin-left: 35px;
}

.fullwidth {
    width: 100%;
}

.btn-yellow-outline.active {
    background-color: var(--primary-color);
    color: #fff;
    border-radius: var(--rounded);
}

.question-box-flex {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
}

.question-box-flex-left {
    width: 100%;
}

.flex-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.card-left-content {
    width: 70%;
}

.card-right-content {
}

.card-left-content {
    width: 70%;
}

.card-content {
    display: flex;
}

.label-card {
    font-size: 0.75rem !important;
    margin-bottom: 5px;
}

#btnChangeToListBinder {
    padding-left: 10px;
    padding-right: 10px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 16px;
    height: 34px;
}

#btnChangeToGrid {
    padding-left: 10px;
    padding-right: 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: 0px solid;
    font-size: 16px;
    height: 34px;
}

.btn-actions {
    width: 37px !important;
    height: 34px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: var(--rounded);
}

.alert-primary {
    background-color: #c2ddee;
    color: var(--text-color);
}

.no-margin {
    margin: 0px;
}

.flex-align-bot {
    display: flex;
    flex-direction: column-reverse;
}

.p-bot10 {
    padding-bottom: 10px;
}

.descrption-field {
    height: 100%;
    padding: 10px;
    color: var(text-primary-color);
    border-radius: var(--rounded);
    border-color: var(--input-border-color) !important;
    min-height: 100px;
}

.card-right-content-measure {
}

.card-left-content-measure {
    width: 85%;
}

.measure-header {
    border-bottom: 1px solid #c9cacc;
    padding-bottom: 5px;
    margin-bottom: 20px;
    color: #707173;
}

.changeuserlink {
    display: inline-flex;
    width: 30px;
    height: 25px;
    margin-left: 10px;
    align-items: center;
    justify-content: center;
}

.ListTopBar {
    height: 55px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 10px;
    padding-left: 60px;
}

.login-logo-box {
    display: flex;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    flex-direction: row;
    justify-content: space-around;
}

.btn-dropdown-card:active {
    background-color: var(--dark-color);
    color: #fff !Important;
    border-radius: var(--rounded);
}

.card-dd .dropdown-item:hover {
    color: var(--primary-color) !important;
}

.btn-actions:hover:active {
    background-color: var(--dark-color) !important;
    color: #fff;
    border-radius: var(--rounded);
}

.dropdown.show .btn-actions {
    background-color: var(--dark-color) !important;
    color: #fff !important;
    border-radius: var(--rounded);
}

.accordeon-item-header {
    background-color: #e0e0e0;
    border-radius: 0px;
    border: 0px solid;
    margin-bottom: 2px;
}

    .accordeon-item-header .card-body {
        background-color: #ffffff;
    }

.tag-do {
    background-color: #fff3cd;
    color: #856404;
    border-color: #dfd1a5;
}

.header-block-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

.header-block-left {
    width: 49%;
}

.header-block-right {
    width: 49%;
}

.m-top30 {
    margin-top: 30px;
}

.card-right-content-measure {
}

.measure-card-column-right {
}

.btn-close-training {
    margin-left: 10px;
    border-radius: var(--rounded);
}

#navMobileDropdown {
    width: 100%;
    text-align: left;
    border-radius: 0px;
    border-bottom: 1px solid #d8d8d8;
    background-color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 23px;
}

    #navMobileDropdown .icons8-pass-fail {
        margin-right: 10px;
        font-size: 22px;
    }

.topbar h4 {
    display: inline-block;
    font-weight: 600;
    color: #4b4b4e;
    margin-top: 4px;
}

.mobile-menu .dropdown-item {
    width: 5;
}

.mobile-menu .dropdown-item {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    display: flex;
    align-items: center;
}

.mobile-menu a {
    background-color: var(--dark-color);
    margin-bottom: 10px;
    padding-left: 14px;
    padding-right: 10px;
}

    .dropdown-item:hover,
    .mobile-menu a.dropdown-item:hover {
        background-color: var(--dark-color) !important;
        color: var(--primary-color) !important;
    }

.mobile-menu .dropdown-menu {
    min-width: 50px;
    background-color: rgba(255, 255, 255, 0);
    border: 0px solid;
}

.mobile-menu i {
    font-size: 20px;
    color: #fff;
}

.list-topbar {
    height: 55px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

#divDisplayRecord {
    display: flex;
    align-items: flex-end;
    flex-direction: row-reverse;
}

.flex-statistics-buttons {
    display: flex;
}

.flex-statistics-buttons-left {
    width: 30%;
}

.flex-statistics-buttons-right {
    width: 70%;
}

.label-mini {
    font-size: 9px !important;
}

.CLTaskCardColContent {
    margin-bottom: 0px;
}

.detailview-chart-col {
}

.divCard1-3 {
    width: 50%;
}

#btnDeleteChecklist {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
}

#navListInspection {
    height: auto !important;
}

.padding-box {
    padding: 10px;
}

.add-vertical-flex {
    display: flex !important;
    align-items: center;
}

.text-detailview-header {
}

.card-1-5 {
    width: 50%;
}

.space-20-md {
    height: 20px;
}

.space-10-md {
    height: 10px;
}

#colNavIncident {
}

.p-bot100 {
    padding-bottom: 100px;
}

.p-bot120 {
    padding-bottom: 120px;
}

#taskRepeater .row {
}

.nav-dropdown-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.text-with-icon .date-tag {
    margin-top: 2px;
}

.nav-shortcut #lblTitle {
    margin-right: 10px;
}

.task-due {
    padding-left: 25px;
    background-image: url('../images/icons8-error-filled-50.png');
    background-repeat: no-repeat;
    background-size: 16px;
}

.documentslink img {
    margin-right: 10px;
    max-width: 30px;
    position: absolute;
    margin-top: -3px;
    height: 30px;
}



.curpointer {
    cursor: pointer;
}

.flex-center-vertically {
    display: flex;
    align-items: center;
}

.toolbar-bot {
    display: flex;
    align-items: flex-end;
    position: absolute;
    bottom: 10px !important;
    width: 90%;
    flex-direction: column;
}

.align-left {
    text-align: left;
}

.block-pressed {
    background-image: url('../images/Checkmark%20Black.png');
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 95% 5%;
    border: 3px solid #000000;
    font-weight: bolder;
}

.maint-filter-left {
    float: left;
}

.maint-filter-right {
    float: left;
    margin-left: 20px;
}

.device-pic {
    width: 100%;
}

.inspection-row {
}

.detailview-header {
    padding: 5px 10px;
}

.nav-link-due {
    background-image: url('../images/icons8-box-important-60.png') !important;
    background-repeat: no-repeat !important;
    background-position: 3% !important;
    background-size: 16px !important;
    padding-left: 35px !important;
}

.nav-link-active {
    background-image: url('../images/icons8-checkmark-26.png');
    background-repeat: no-repeat;
    background-position: 3%;
    background-size: 16px;
    padding-left: 30px !important;
}

.block-left {
}

.m-top5 {
    margin-top: 5px;
}

.task-space {
    height: 0px;
}

.m-left15 {
    margin-left: 15px;
}

.m-left30 {
    margin-left: 30px;
}

.m-bot25 {
    margin-bottom: 25px;
}

.icons8-save {
    margin-right: 10px !important;
}

.alert {
    font-size: 1rem;
    padding-left: 10px;
    margin-left: 0px;
    padding-right: 10px;
}

.table th,
.table td {
    padding: 0.5rem;
    font-weight: 400;
}

.dropdown-menu .dropdown-item {
    padding-top: 0.27rem;
    padding-bottom: 0.27rem;
}

.incident-valora-bg {
    background-color: #94986a;
}

.text-blue {
    color: var(--secondary-color);
}

.text-mid {
    font-size: 0.75rem;
}

.nav-link-archived {
    background-image: url('../images/icons8-box-filled-50.png');
    background-repeat: no-repeat;
    background-position: 3%;
    background-size: 16px;
    padding-left: 35px !important;
}

.filterbox {
    width: 250px;
    display: inline-block;
}

.valora-checkmark-green {
    color: #28a745 !Important;
}

.valora-close-red {
    color: #dc3545;
}

.flex-toolbar {
    flex: 0 0 445px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-wrap: wrap;
}

.accordeon-header-tree {
    background-color: #eff0f1;
}

    .accordeon-header-tree h5 {
        font-size: 13px;
        display: block;
        border: 0px solid;
    }

    .accordeon-header-tree a {
        display: block;
        padding-left: 5px;
        padding-top: 7px;
        padding-bottom: 7px;
        font-size: 13px;
        font-weight: 500;
        background-color: #eff0f1;
    }

        .accordeon-header-tree a:hover {
            text-decoration: none;
        }

    .accordeon-header-tree .dropdown-toggle {
    }

.bg-blue {
    background-color: var(--dark-color) !important;
}

    .bg-blue:hover {
        background-color: var(--dark-color) !important;
    }

.accordeon-header-tree .icons8-drop-down-arrow-2 {
    font-size: 0.75rem;
    margin-right: 8px;
}

.panels-link {
    display: block;
    font-size: 1rem;
    padding-top: 6px;
    padding-bottom: 6px;
}

.alert-danger hr {
    width: 100%;
    margin-bottom: 12px;
    margin-top: -10px;
}

.navbar a#SupportLink {
    width: 50px;
    height: 50px;
    float: right;
    color: #b8babd;
    font-size: 25px;
}

    .navbar a#SupportLink:hover {
        color: #fff;
    }

.sidebar-menu-link-separator {
    border-top: 1px solid #dddddd;
    margin-top: 10px;
}



input[readonly=true][id="edBranchName"] {
    background-color: #f9f9f9 !important;
}

#divAppVersion {
    font-size: 0.75rem;
    color: #777a7c;
    margin-left: 10px;
    margin-right: 10px;
}

#divAppVersionLogin {
    position: absolute;
    bottom: -19px;
    font-size: 10px;
    color: #7c8a9a;
    margin-left: -24px;
}

.sidebar img {
    width: 20px !important;
    max-width: 20px;
}

.valora-logo-mobile {
    width: 16px;
    margin-right: 15px;
}

.dropdown-menu.show {
    padding-top: 5px;
    padding-bottom: 5px;
}

.dd-menu-div {
    margin-bottom: -8px;
    border-top: 1px solid #dddddd;
    /* margin-top: 10px */
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #eff0f2;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.bf-de-border {
    border-top-color: rgba(0, 0, 0, 0.13);
    border-bottom-color: rgba(0, 0, 0, 0.13);
    border-left-color: #cacace;
    border-right-color: rgba(0, 0, 0, 0.13);
}

.text-info {
    color: #375980 !important;
}

.border-info {
    border-color: #375980 !important;
}

.bg-info {
    background-color: #375980 !important;
}

.text-info:hover:active {
}

.text-info:hover {
}

.btn-lightblue-outline {
    color: #375980 !important;
    border-color: #375980 !important;
    border-radius: var(--rounded);
}

    .btn-lightblue-outline:hover {
        background-color: #eeeeee;
        border-radius: var(--rounded);
    }

.m-top15 {
    margin-top: 15px;
}

.navbar a#Offline {
    width: 50px;
    height: 50px;
    float: right;
    color: var(--error-color) !important;
    font-size: 25px;
}

    .navbar a#Offline:hover {
        color: var(--error-color) !important;
    }

.p-bot30 {
    padding-bottom: 30px !important;
}

.p-bot50 {
    padding-bottom: 50px !important;
}

.p-bot80 {
    padding-bottom: 80px;
}

.rep-bg {
    background-color: var(--success-color);
}

.offline-block {
    z-index: 1000;
    height: 30px;
    text-align: center;
    background-color: var(--error-color);
    width: 100%;
    margin-bottom: 0px;
    font-size: 1rem;
    line-height: 30px;
    color: #fcfcfc;
    display: none;
}

.sidebar .dropdown span {
    padding-left: 15px !important;
    color: #8e8e8e;
}

.statisticMaxWidth {
    max-width: 400px;
}

.p-all5 {
    padding: 5px;
}

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

.statistic-diagram-chart {
    margin: auto;
}

.bg-greylight {
    background-color: #eee;
}

.align-center {
    text-align: center;
}

.div-view-title {
    width: 60%;
}

.div-toolbar-buttons {
    width: 50%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

    .div-toolbar-buttons .btn-actions {
        width: 39px !important;
        height: 39px !important;
        border-radius: var(--rounded);
    }

i {
    font-size: var(--icon-small);
}

.tag h6 {
    font-size: 0.75rem;
    margin-bottom: 0px;
}

.topbar .dropdown-item {
}

    .topbar .dropdown-item i {
        font-size: 22px;
    }

.toolbar-tasks {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.input-datetime {
    display: flex;
    flex: 550px 0 0;
    col: 550px;
    min-width: 550px;
}

.inputbox-datetime {
    width: 100%;
    min-width: 250px;
}

.alert-warning {
    background-color: #fff9ec;
    color: #9d6b02;
    border-color: #d3c095;
}

.bf-de-placeholder {
    color: #abaeb3;
    font-size: 13px;
}

.bf-de-border {
    border-color: #e6e8ea;
    border-radius: 15px;
}

.bf-de-basectrl:focus-within {
    border-color: var(--secondary-color) !important;
    outline: 0px;
}

.table thead th {
    border-bottom-style: none;
}

p i {
    font-size: 19px;
    margin-right: 5px;
}

.alert-secondary {
}

.card {
    border-color: #e2e2e3;
}

.text-grey {
    color: #565a5c;
}

#btnRiskMatrix {
    font-size: 18px;
}

.m-top0 {
    margin-top: 0px !important;
}

.card-body .icon-header i {
    margin-top: -2px;
}

.border {
    border-color: #e2e2e3;
}

.block-a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.changeuserlink i {
    font-size: 1rem !important;
}

.foto-slider-button:hover {
    background-color: #efeff1;
}

.bf-de-textarea {
    min-height: 100px;
}

.label-risk {
    float: left;
    line-height: 30px;
    margin-right: 10px;
    font-size: 1rem;
}

.p-left10 {
    padding-left: 10px;
}

.height100p {
    height: 100%;
}

.aside-treeview-tab {
    display: none;
    width: 280px;
    position: fixed;
    right: 0px;
    background-color: #fff;
    height: 100%;
    box-shadow: -1px 1px 1px #cccccc;
    margin-top: 48px;
    color: var(--text-color);
}

.div-toolbar-buttons .btn-icon {
    width: 40px;
    height: 40px;
    border-radius: var(--rounded);
}

    .div-toolbar-buttons .btn-icon i {
        font-size: 18px;
        border-radius: var(--rounded);
    }

.documents-buttons {
    display: none;
}

.documentslink {
    display: flex;
    justify-content: space-between;
    padding-top: 12px;
}

.documents-sublink {
    padding-left: 10px;
    padding-bottom: 10px;
}

.documents-sublink-buttons {
    display: none !important;
}

.col-doc-left {
    min-width: 400px;
    max-width: 400px;
}

.documents-view .topbar {
    display: block;
}

.btn-doc-info {
    padding-left: 10px;
    width: 3px;
    float: left;
    border-style: none;
    background-color: rgba(0, 0, 0, 0);
    border-radius: var(--rounded);
}

    .btn-doc-info i {
        font-size: 20px;
        margin-right: 5px;
        border-radius: var(--rounded);
    }

.btn-doc-menu {
    padding-left: 9px;
    padding-top: 4px;
    border-radius: var(--rounded);
}

    .btn-doc-menu i {
        font-size: 18px;
        border-radius: var(--rounded);
    }

.div-toolbar-buttons .btn-icon {
    width: 40px;
    height: 40px;
    border-radius: var(--rounded);
}

    .div-toolbar-buttons .btn-icon i {
        font-size: 18px;
        border-radius: var(--rounded);
    }

.min-height450 {
    min-height: 450px;
}

.flexbox-cl-picture {
    col: 250px;
    min-width: 250px;
    flex: 0 0 250px;
    display: flex;
    flex-direction: column;
}

.height100Percent {
    min-height: 100%;
}

.bg-card {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #e8e8ea;
}

.acc-header {
    padding: 10px;
    background-color: #e8e8ea;
    border-radius: 0px;
}

.acc-body {
}

.acc-link {
    padding: 10px;
}

.c-list-container {
    height: 100%;
    background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid #d6d8da;
}

    .c-list-container .dropdown {
        width: 100%;
    }

.cl-editor-list {
    list-style: none;
    padding-left: 0pc;
}

.cl-editor-list-head-item {
    min-height: 60px;
    background-color: #dfe1e3;
}

    .cl-editor-list-head-item a {
        position: relative;
        display: block;
        padding: 10px;
        min-height: 60px;
    }

    .cl-editor-list-head-item p {
        margin-bottom: 5px;
        max-width: 80%;
        overflow: hidden;
        font-size: 18px;
        font-weight: 500;
    }

    .cl-editor-list-head-item small {
        font-size: 1rem;
    }

.drag-drop-btn {
    flex: 50px 0 50px;
    display: flex;
    width: 50px;
    min-width: 50px;
}

.cl-editor-close-btn {
    flex: 50px 0 50px;
    display: flex;
    width: 50px;
    min-width: 50px;
}

.cl-list-header {
    min-height: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

.cl-list-header-left {
    min-width: 30px;
    display: flex;
    flex: 30px 0 0;
    flex-direction: column;
    font-size: 18px;
    color: #8e9091;
    min-height: 40px;
    align-items: center;
    justify-content: center;
}

.cl-list-header-title {
    display: flex;
    font-size: 16px;
    align-items: center;
}

.cl-list-header-right {
    min-width: 50px;
    display: flex;
    flex: 0 0 50px;
    flex-direction: column;
    min-height: 40px;
    font-size: 0.75rem;
    align-items: center;
    justify-content: center;
}

.m-right-10 {
    margin-right: -10px;
}

.cl-list-header-title h6 {
    font-size: 1rem;
    display: inline-block;
}

.cl-list-header-title a {
    padding: 10px;
    font-size: 1rem;
}

.cl-list-item {
    padding-left: 13px;
    padding-right: 15px;
}

    .cl-list-item .cl-list-header-left {
        font-size: 15px;
        color: #b9bcbd;
        min-height: 35px;
    }

    .cl-list-item h6 {
        font-size: 13px;
        display: block;
    }

.cl-list-btn {
    font-weight: 600;
}

    .cl-list-btn a {
    }

.btn-smaller {
    height: 33px;
    padding-top: 5px;
    font-size: 1rem;
    border-radius: var(--rounded);
}

.dc-flex-item {
    flex-wrap: wrap;
    flex-direction: row;
    align-self: stretch;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    max-height: 150px;
    min-width: 200px;
    flex-grow: 1;
    max-width: 300px;
    width: 20%;
}

.dc-flex-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.dc-flex-item-gh {
    visibility: hidden;
}

.dc-flex-container .img-fullsize {
    height: 100%;
    overflow: hidden;
    object-fit: contain;
}

#FeedbackLink {
    width: 50px;
    height: 50px;
    float: right;
    color: #b8babd;
    font-size: 25px;
}

.p-all20 {
    padding: 20px;
}

.document-box:hover {
    text-decoration: underline;
}

.documents-link {
}

    .documents-link:hover {
        text-decoration: underline;
    }

.btn-support {
    width: 50px;
    height: 50px;
    float: right;
    color: #b8babd !important;
    font-size: 25px;
    border-radius: var(--rounded);
}

.wizard-step-container {
    width: 100%;
    min-width: 100px;
    display: block;
    flex-direction: column;
    position: relative;
}

.wizard-container {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: 40px;
}

.wizard-line {
    height: 1px;
    position: absolute;
    top: 25%;
    background-color: #eff0f1;
    width: 100%;
    left: 50%;
}

wizard-step {
    width: 50%;
    height: 50%;
}

.wizard-div {
    z-index: 10;
    flex-direction: column;
    align-items: center;
    display: flex;
}

.wizard-icon {
    width: 50px;
    z-index: 30;
    height: 50px;
    background-color: var(--dark-color);
    border-radius: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.wizard-div p {
    margin-bottom: 0px;
    text-align: center;
    margin-top: 10px;
}

.wizard-icon h4 {
    font-size: 25px;
    color: #ffffff;
    margin-bottom: 0px;
}

.wizard-line-left {
    width: 50%;
    left: 0px;
}

.wizard-div-active {
    font-weight: 500;
}

.p-all20 {
    padding: 20px;
}

.added-card {
    background-image: url('../images/icons8-checkmark-26.png');
    background-repeat: no-repeat;
    background-position: 97% 90%;
    background-size: 18px;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
        padding-left: 15px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

.filter-flex-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-right: -10px;
    margin-bottom: -10px;
}

.filter-flex-item {
    margin-right: 10px;
    margin-bottom: 10px;
    min-width: 250px;
    flex-grow: 1;
}

.ghost-filter {
    visibility: hidden;
}

.filter-tag-value {
    margin-top: 5px;
    background-color: var(--neutrally-color) !important;
    color: #fff !important;
    border-radius: var(--rounded-pill) !important;
}

.removebtn:before {
    background: #f2f2f2 !important;
}

.removebtn:after {
    background: #f2f2f2 !important;
}

.filter-view-right {
    flex: 0 0 200;
    order: 2;
}

.view-bar {
    display: flex;
    margin-bottom: 10px;
    flex-wrap: wrap-reverse;
    background-color: #ffffff;
}

.filter-view-left {
    flex-grow: 1;
    display: flex;
    order: 1;
}

.text-bottom-align {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.filter-view-item {
    width: 250px;
    margin-right: 10px;
}

.filter-view-search {
    flex-grow: 1;
}

.btn-icon-tr {
    width: 37px;
    height: 34px;
    padding: 0px;
    background-color: rgba(0, 0, 0, 0);
    color: #888;
    border-radius: var(--rounded);
}

.filter-view-box {
    border-radius: 0px !important;
    border-width: 0px !important;
    border-style: none !important;
    font-size: 0.75rem !important;
    line-height: 23px !important;
    padding-left: 5px !important;
}

.selbox-filter-overwrite {
    border: none !important;
}

    .selbox-filter-overwrite input {
        background-color: #cccccc !important;
        color: #444444 !important;
        border-radius: 0px !important;
    }

.tb-border {
    border-left: 1px solid #f1f3f4 !important;
}

tb-col-search {
    min-width: 200px;
    padding: 0px;
    flex-grow: 1;
}

tb-col-date {
    padding: 0px;
    background-color: white;
}

tb-col-filter {
    min-width: 200px;
    background-color: white;
    padding: 0px;
    max-width: 300px;
}

.tb-col-filter {
    background-color: #ffffff;
    padding: 0px;
    max-width: 250px;
}

.tb-col-date {
    background-color: white;
    padding: 0px;
    max-width: 300px;
}

tb-col-search {
}

.tb-col-search {
    background-color: white;
    padding: 0px;
    width: 100%;
}

.qp-info {
    width: 23px;
    height: 23px;
    font-size: 13px;
    color: #5d8dbf;
    border-color: #5d8dbf;
    background-color: #deebf9;
    cursor: pointer;
}

.width70 {
}

.width70 {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.card-select #btnOpenReadView {
    width: 25px;
    font-size: 22px;
    color: #989fa7;
    display: flex;
    height: 30px;
    align-items: center;
    justify-content: center;
}

.added-card #btnOpenReadView {
    width: 25px;
    font-size: 22px;
    color: #989fa7;
    display: flex;
    height: 30px;
    border-style: none;
    justify-content: center;
    margin-top: 6px;
}

.yellow-40 {
    background-color: rgba(249, 168, 0, 0.27) !important;
}

    .yellow-40:hover {
        background-color: rgba(249, 168, 0, 0.38) !important;
    }

.im-label {
    display: inline-block !important;
    font-size: 0.75rem !important;
    color: #666b6e;
    margin-bottom: 2px;
    font-weight: 500;
}

.im-label-checkbox {
    display: inline-block;
    margin-bottom: 0px;
}

.pbot-200 {
    padding-bottom: 100px;
    margin-bottom: 100px;
}

.measure-edit-nav {
    min-width: 300px;
}

.accordeon-header-tree #filter {
    margin-bottom: 5px;
    background-color: transparent !important;
    color: #6b6f76;
    padding-top: 8px;
    padding-bottom: 8px;
}

.accordeon-header-tree a#filter {
    font-size: 0.75rem;
}

.nav-profile {
    max-width: 300px;
}

.link {
    text-decoration: underline;
}

.parent-hover:hover .link {
    color: color-mix(in srgb, currentColor 50%, black);
}
.documents-link:hover {
    color: var(--primary-color);
}

#btnToggleDocInfo {
}

    #btnToggleDocInfo:hover {
        color: var(--primary-color);
    }

.measure-history-tab {
}

.text-light-grey {
    color: #94989c;
}

.m-bot50 {
    margin-bottom: 50px !important;
}

.qr-code-img {
    width: 100%;
    margin-left: -30px;
    margin-top: -30px;
}

.qr-code-container {
    font-size: 8px;
    color: #898b8d;
    overflow: hidden;
}

.p-all15 {
    padding: 15px;
}

.btn-light-blue {
    background-color: #5d8dbf;
    color: #ffffff;
    border-radius: var(--rounded);
}

    .btn-light-blue:hover {
        background-color: #5682b1;
        color: #ffffff;
        border-radius: var(--rounded);
    }

.switchbox {
    margin-bottom: 20px;
}

.bf-de-switch {
    float: left;
}

.wrapper-midi {
    width: 49%;
    display: inline-block;
    margin-bottom: 20px;
}

.card-rd {
    position: relative;
    padding: 20px;
    border-radius: 3px;
    background-color: #ffffff;
    border: 1px solid #e0e4e8;
}

.card-rd-col {
    padding: 15px;
    border-width: 1px;
    border-color: #e2e2e3;
    border-radius: 3px;
    background-color: #ffffff;
    height: 100%;
}

.btn-warning {
    background-color: #ead88f;
    color: #ffffff;
    border-color: #ead88f;
}

    .btn-warning:hover {
        background-color: #ddc666;
        border-color: #ddc666;
        color: #ffffff;
        border-radius: var(--rounded);
    }

.pb-20 {
    padding-bottom: 15px;
}

.pb0 {
    padding-bottom: 0px !important;
}

.p-all10 {
    padding: 10px;
}

.card-rd h5 {
    margin-bottom: 30px;
    font-size: 18px;
}

.status-todo {
    background-color: #3a7abb;
    color: #ffffff;
    border-width: 1px;
    border-color: #3a7abb;
}

.status-wait {
    background-color: #e39d5c;
    color: #ffffff;
    border: 1px solid #dda36c;
}

.btn-wait {
    background-color: #d38c4a;
    border-radius: var(--rounded);
}

.bg-lightblue {
    background-color: rgba(208, 224, 240, 0.98);
}

.text-darkblue {
    color: #3a7abb;
}

.bg-lightorange {
    background-color: #f8d1ad;
}

.text-orange {
    color: #b76b24;
}

.switch-box {
    min-height: 25px;
}

.link-big {
    height: 230px;
    display: flex;
    flex-direction: column;
    padding: 20px;
    position: relative;
}

    .link-big p {
        text-align: left;
    }

    .link-big:hover {
        background-color: #f6f9fd;
    }

.m-top50 {
    margin-top: 50px;
}



.request-origin {
    font-weight: 400;
}

.nav-link-done {
    background-position: 3% !important;
    background-size: 18px !important;
    background-image: url('../images/icons8-checkmark-26.png') !important;
    padding-left: 35px !important;
    background-repeat: no-repeat !important;
}

.nav-shortcut-help {
    float: right;
}

.tippy-tooltip {
    text-align: left;
}

.tippy-content {
    font-weight: normal;
    color: #666b6e !important;
    font-family: "OpenSans",sans-serif;
    padding: 13px;
    padding: 13px;
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 13px;
}

    .tippy-content h1 {
        font-weight: bold;
        font-size: 18px;
        color: #5d8dbf !important;
        font-family: "OpenSans",sans-serif;
    }

    .tippy-content h2 {
        font-weight: bold;
        font-size: 16px;
        color: #5d8dbf !important;
        font-family: "OpenSans",sans-serif;
    }

    .tippy-content h3 {
        font-weight: bold;
        font-size: 15px;
        color: #5d8dbf !important;
        font-family: "OpenSans",sans-serif;
    }

    .tippy-content a {
        font-weight: normal;
        font-family: "OpenSans",sans-serif;
        color: #DB8C00 !important;
    }

.nav-icon {
    float: right;
    width: 50px;
    height: 50px;
}

    .nav-icon a {
        width: 50px;
        height: 50px;
        color: #b8babd;
        font-size: 25px;
        align-items: center;
        justify-content: center;
        display: flex;
    }

    .nav-icon .badge {
        position: absolute;
        margin-right: 46px;
        margin-top: -28px;
    }

.nav-shortcut-help a {
    font-size: 15px;
}

.nav-shortcut-help .dropdown-item i {
    font-size: 18px;
    margin-right: 10px;
}

.help-icon {
    color: #a3a3a4 !important;
    font-size: 1rem !important;
    margin-left: 5px;
    cursor: help;
}

.icon-link {
}

    .icon-link:hover {
        text-decoration: underline;
    }

.tab-content-no-s {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    border-top: 1px solid #d0d9df;
}

.dropdown-menu-right {
    left: auto !important;
}

.dropdown-user-menu-right {
    left: auto !important;
    right: 0;
}

.dxc-tooltip {
    z-index: 100;
}

.suva-tag {
    padding: 1px 5px;
    text-align: center;
    color: var(--primary-color);
    border-radius: 3px;
    border-color: var(--primary-color);
    font-size: 11px;
    letter-spacing: 1px;
    border: solid 1px;
}

.documents-list {
}

.btn-icon-bl {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5d8dbf;
    font-size: 15px;
    border-radius: var(--rounded);
}

    .btn-icon-bl:hover {
        color: #345f8d;
        border-radius: var(--rounded);
    }

.documents-list .card {
    padding: 0px;
    border-style: none;
    margin-bottom: 2px;
}

.documents-dropzone {
    border: 1.5px dashed #d0d9df;
    border-radius: 3px;
    padding: 20px 10px;
}

.blue-text {
    color: #5d8dbf !important;
}

.icon-rounded {
    font-size: 1rem;
    background-color: #f1f1f4;
    width: 25px !important;
    height: 25px !important;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.lbl-important {
    font-size: 18px;
    color: #aa3440;
}

.large-icon {
    font-size: 30px !important;
    color: #9c9faa !important;
}

.btn-group-large {
}

.btn-ground-button-pressed-blue {
    background-color: #357ebd !important;
    color: #fff !important;
    border-radius: var(--rounded);
}

.btn-group-btn-large {
    min-height: 50px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    font-size: 15px !important;
    border-radius: var(--rounded);
}

.badge-maintenance {
    background-color: #eabf75;
    color: #ffffff;
    border: 1px solid #eabf75;
}

.badge-inspection {
    color: #ffffff;
    background-color: #ead575;
    border: 1px solid #ead575;
}

.prio-badge {
    width: 8px;
    height: 8px;
    background-color: #ffffff;
    border-radius: 100px;
}

.badge.role {
    width: 42px;
    font-weight: initial;
    color: white;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 10px;
}

.div-status {
    width: 8px;
    height: 8px;
    background-color: #e9e9e9;
    border-radius: 100px;
    display: inline-block;
    margin-bottom: 2px;
    margin-right: 5px;
}

#divCL .card-select:hover {
    background-color: #eff0f1 !important;
    border: 0.5 solid #787878 !important;
}

.his-ul {
    list-style: none;
    padding-left: 0px;
}

.questionbox {
    list-style: none;
    padding-left: 0px;
}

    .questionbox li {
        margin-left: -15px;
        margin-right: -15px;
    }

.qb-label {
    font-size: 0.75rem;
    padding: 2px 15px;
    border: 1px solid #721c24;
    background-color: #f8d7da;
    color: #721c24;
    border-radius: 50px;
    text-align: center;
    font-weight: 400;
    min-width: 70px;
}

.qb-label-success {
    border-color: #155724;
    color: #155724;
    background-color: #d4edda;
}

.qr-label-part {
    color: #ed9a00;
    background-color: #fff3cd;
    border-color: #ed9a00;
}

.qb-label-inapplicable {
    color: #6c757d;
    border-color: #6c757d;
    background-color: rgba(108, 117, 125, 0.09);
}

.qb-active {
    background-color: #f0f9f2;
    border-radius: 3px;
}

.db-nowrap-container {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
}

.db-wrap-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.db-card {
    width: 47%;
    margin-right: 1px;
    min-height: 270px;
}

    .db-card .card-body {
        padding: 12px 20px 0px;
    }

.db-card-header-icon {
    width: 48px;
    height: 44px;
    background-color: var(--info-color);
    border-bottom-right-radius: 10px;
    font-size: 24px;
    align-items: center;
    justify-content: center;
    display: flex;
    color: #ffffff;
}

.db-card-header {
    display: flex;
}

.statelabel {
    font-size: 11px;
    font-weight: 500;
}

.db-card ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}

.db-card li {
    align-items: center;
    display: flex;
    border-bottom: 1px solid #f7f7f7;
    padding-top: 5px;
    padding-bottom: 5px;
}

.db-card .task-icon {
    width: 25px;
    height: 25px;
    font-size: 15px;
}

.switchbox small {
    padding-left: 54px;
    color: #98989c;
}

.switchbox .im-label {
    color: #333333;
}

.card-spinner {
    background-repeat: no-repeat;
    background-image: url('../images/spinner.gif');
    width: 70px;
    height: 70px;
    background-size: cover;
}

.card-norec {
    width: 100%;
    height: 100%;
    position: absolute;
    margin-left: -20px;
    margin-top: -10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('../images/icons8-done-128%20(2).png');
    background-size: 35%;
    z-index: 1;
}

.card-load {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-tag {
    background-color: var(--info-color);
    color: #fff;
    text-align: center;
    padding: 1px 7px;
    margin-left: 7px;
    border-radius: var(--rounded);
}

    .card-tag h6 {
        font-size: 8px !important;
        color: #ffffff;
    }

.text-description {
    margin-top: -10px;
    margin-left: 27px;
    color: #a5a5a5;
}

.form-control:active {
    border-color: #6E75DB !important;
    border-width: 2px;
}

.tile-container {
    padding-right: 40px;
    padding-left: 40px;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    color: #9AA8B5;
    align-content: flex-start;
}

.tile {
    text-align: center;
    padding: 10px;
    color: #FFFFFF;
    background-color: var(--primary-color);
    padding-left: 8px;
    padding-right: 8px;
    width: 185px;
    border-radius: var(--rounded);
    position: relative;
    min-height: 120px;
    top: 0px;
    border-style: solid;
    border-color: var(--primary-color);
    width: 210px;
}

.tile-2 {
    padding: 10px;
    padding-left: 8px;
    padding-right: 8px;
    color: #9AA8B5;
    background-color: var(--dark-color);
    width: 185px;
    border-radius: var(--rounded);
    position: relative;
    min-height: 120px;
    border-style: solid;
    border-color: 1A2B3C;
    border-color: var(--dark-color);
    width: 210px;
}

@media (min-width:200px) {
    .tile-2 {
        text-align: center;
        padding: 10px;
        padding-left: 8px;
        padding-right: 8px;
        color: #9AA8B5;
        background-color: var(--dark-color);
        width: 185px;
        border-radius: var(--rounded);
        position: relative;
        min-height: 120px;
        border-style: solid;
        border-color: 1A2B3C;
        border-color: var(--dark-color);
        width: 210px;
    }
}

@media (min-width:200px) {
    .tile-2 {
        text-align: center;
        padding: 10px;
        padding-left: 8px;
        padding-right: 8px;
        color: #9AA8B5;
        background-color: var(--dark-color);
        width: 185px;
        border-radius: var(--rounded);
        position: relative;
        min-height: 120px;
        border-style: solid;
        border-color: 1A2B3C;
        border-color: var(--dark-color);
        width: 210px;
    }
}

@media (min-width:600px) {
    .tile-2 {
        text-align: center;
        padding: 10px;
        padding-left: 8px;
        padding-right: 8px;
        color: #9AA8B5;
        background-color: var(--dark-color);
        width: 185px;
        border-radius: var(--rounded);
        position: relative;
        min-height: 120px;
        border-style: solid;
        border-color: 1A2B3C;
        border-color: var(--dark-color);
        width: 210px;
    }
}


.tile i {
    font-size: 50px;
}

.tile-2 i {
    font-size: 50px;
}

.tile .badge {
    font-size: 20px;
    position: absolute;
    margin-top: -23px;
    padding: 5px 11px 5px 10px;
    border-radius: 30px;
    color: #eee;
    right: -10px;
}

.tile-2 .badge {
    font-size: 20px;
    position: absolute;
    margin-top: -23px;
    padding: 5px 11px 5px 10px;
    border-radius: 30px;
    color: #eee;
    right: -10px;
}

.tile:hover {
    color: var(--primary-color);
    transition: none 300ms;
    background-color: #FFFFFF;
    border-style: solid;
}

.tile-2:hover {
    color: #1A2B3C;
    transition: none 300ms;
    background-color: #FFFFFF;
    border-style: solid;
}

.tile-container a:hover {
    text-decoration: None;
}

.tile .badge {
    font-size: 20px;
    position: absolute;
    margin-top: -23px;
    padding: 5px 11px 5px 10px;
    border-radius: 30px;
    color: #eee;
    right: -10px;
}

.tile-container a {
    margin-bottom: 30px;
    margin-left: 20px;
    margin-right: 20px;
    display: flex;
    align-self: stretch;
}

.login-box {
    width: 500px;
    background-color: #ffffff;
    margin-right: auto;
    margin-left: auto;
    padding: 35px;
    border-radius: 3px;
    position: relative;
    width: 8;
    border-radius: 18px;
}

.login-box-wrapper {
    margin-top: 10%;
}

    .login-box-wrapper label {
        margin-bottom: 5px;
    }

    .login-box-wrapper img {
        max-width: 200px;
        max-height: 100px;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 20px;
        left: 0px;
    }

.login-box .alert-danger {
    margin-top: 10px;
}

.login-box-btn {
    padding: 0px;
}

.login-input-pass {
    width: 90%;
}

.dropdown-menu.show .dropdown-item.dropdown-item-mobile {
    background-color: var(--dark-color);
    color: #fff;
    border-radius: var(--rounded);
}

    .dropdown-menu.show .dropdown-item.dropdown-item-mobile:hover {
        border: 2px solid var(--dark-color) !Important;
        background-color: #fff !Important;
        color: var(--primary-color) !Important;
    }

@media (max-width:575px) {
    .login-show-pass {
        width: 20%;
    }

    .ignore-media-display-xs img {
        display: block !important;
    }

    .login-input-pass {
        width: 80%;
    }
}

@media (max-width: 767px) {
    .dropdown-menu.show .dropdown-item.dropdown-item-mobile:hover,
    .dd-mobile-nav .dropdown-menu.show a.dropdown-item i:hover,
    .dropdown-menu.show .dropdown-item i:hover {
        color: var(--primary-color) !Important;
    }

    .hover-secondary-filter:hover {
        background-color: transparent !Important;
    }

    .login-show-pass {
        width: 10%;
    }

    .tile {
        color: #FFFFFF;
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }

    .tile-2 {
        border-color: var(--dark-color);
        color: #9AA8B5;
        background-color: var(--dark-color);
    }

    .tile,
    .tile-2 {
        padding: 10px;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        min-height: 50px;
        border-radius: var(--rounded);
        position: relative;
        margin-bottom: 3px;
        display: flex;
        flex-direction: row;
        font-size: 25px;
        text-align: left;
        align-items: center;
    }

        .tile-2 i,
        .tile i {
            font-size: 25px;
        }

    .tile-container a {
        margin-bottom: 10px;
    }

    .login-box {
        width: 400px;
        background-color: #ffffff;
        margin-right: auto;
        margin-left: auto;
        padding: 35px;
        border-radius: 3px;
        position: relative;
        width: 8;
        border-radius: 18px;
        margin-top: 20px;
    }

    .login-logo-box {
        display: grid !Important;
    }

    .login-icon {
        max-width: 200px;
    }

    .tile-2 .badge,
    .tile .badge {
        transform: translate(0%, 40%);
    }
}

.tile:hover {
    color: var(--primary-color);
    transition: none 300ms;
    background-color: #FFFFFF;
    border-style: solid;
}

.tile-2:hover {
    color: #1A2B3C;
    transition: none 300ms;
    background-color: #FFFFFF;
    border-style: solid;
}

.tile-container a:hover {
}

.tile-container a:hover {
    text-decoration: None;
}

.topbar {
    margin-bottom: 30px;
    display: flex;
}

.searchbox {
    min-width: 250px;
    float: right;
}

.i-button {
    width: 28px;
    height: 28px;
    float: right;
    margin-right: 10px;
    margin-top: -2.5px;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 23px;
    color: #666;
    cursor: pointer;
}

    .i-button:hover {
        color: #f8a700;
        transition: 300ms;
    }

.toolbar {
    margin-bottom: 20px;
    min-height: 28px;
    margin-top: 30px;
}

.btn-group button {
    font-size: 0.75rem;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #fff;
    color: #333333;
    min-width: 80px;
    border: 1px solid #eaeaeb;
    border-radius: var(--rounded);
}

    .btn-group button:hover {
        background-color: var(--dark-color);
        color: #ddd;
        transition: 100ms;
        border-radius: var(--rounded);
    }

.btn-ground-button-pressed {
    color: #ddd !important;
    background-color: var(--dark-color) !important;
    border: 1px solid var(--dark-color);
    border-radius: var(--rounded);
}

.btn-ground-button-wrapper {
    display: inline-block;
    margin-right: 3%;
    margin-bottom: 15px;
    border-radius: var(--rounded);
}

.label {
    font-size: 0.75rem !important;
    color: #666b6e;
    display: block;
    margin-bottom: 2px;
    font-weight: 500;
}

.btn-ground-button-wrapper label {
    text-align: left;
    margin-bottom: 2px;
    border-radius: var(--rounded);
}

.task-wrapper {
    min-height: 50px;
    margin-bottom: 20px;
}

.card-task {
    border-radius: 3px;
}

.task-icon i {
    font-size: var(--icon-medium) !important;
}

.task-icon {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: var(--icon-medium) !important;
}

.card-body {
    padding: 15px 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.measure-bg {
    background-color: #8D7D78 !important;
}

.container-task-card {
    padding-right: 20px;
    padding-left: 20px;
    height: 35px;
}

.card-body h6 {
    font-weight: 400;
    margin-bottom: 0px;
    font-size: 1rem;
    line-height: 15px;
    margin-top: -1px;
}

.card-text {
    font-size: 1rem;
    background-color: #fff;
}

.task-card-reminder {
    width: 30px;
    float: left;
    margin-right: 15px;
    font-size: 30px;
    color: rgba(249, 167, 0, 0.44);
}

.container-task-card-informations {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    align-self: flex-start;
    justify-content: flex-start;
}

.card-body label {
    display: inline-block;
    font-size: 11px;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
    color: #333 !important;
    background-color: #fff !important;
}

.m-right10 {
    margin-right: 10px;
}

.m-right10 {
    margin-right: 10px;
}

.button-badge-icon {
    width: 20px;
    height: 20px;
    float: right;
    background-color: #ffffff;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    display: flex;
    color: #28a745;
    font-size: 16px;
    margin-left: 5px;
    margin-top: 1px;
}

.icon-border-button {
    width: 40px;
    height: 40px;
    border: 1px solid #afafaf;
    border-radius: 3px;
}

.card-task .card-body .icon-border-button {
    float: right;
}

.btn-classic {
    background-color: #465a70;
    color: #fff;
    font-size: 1rem;
    border-radius: var(--rounded);
}

.card-task .btn-classic {
    float: right;
    border-radius: var(--rounded);
}

.btn-classic:hover {
    background-color: #3b4c5f;
    color: #fff;
    border-radius: var(--rounded);
}

.btn-icon {
    width: 37px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: var(--dark-color);
    cursor: pointer;
    flex-grow: 0;
    background-color: #fff;
    border: 1px solid;
    border-radius: var(--rounded);
}

.card-task .card-body .btn-icon {
    float: right;
    border-radius: var(--rounded);
}

.btn-icon:hover {
    background-color: #efeff1;
    border-radius: var(--rounded);
}

.body-login {
    left: 73px;
}

.login-box {
    width: 500px;
    background-color: #ffffff;
    margin-right: auto;
    margin-left: auto;
    padding: 35px;
    border-radius: 3px;
    position: relative;
    width: 8;
    border-radius: 18px;
}

.login-box-wrapper {
    margin-top: 10%;
}

.wrapper {
    margin-bottom: 10px;
}

.login-box-wrapper label {
    margin-bottom: 5px;
}

.login-box-wrapper img {
    max-width: 200px;
    max-height: 100px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    left: 0px;
}

.btn-registry {
    margin-top: 20px;
    border-radius: var(--rounded);
}

.login-box .alert-danger {
    margin-top: 10px;
}

.login-box-btn {
    padding: 0px;
}

.aside-treeview h6 {
    color: #666;
    font-weight: 400;
    display: inline-block;
    line-height: 36px;
    margin-left: 10px;
}

.aside-treeview .btn-icon {
    margin-right: 10px;
    border-radius: var(--rounded);
}

.card-treeview {
    font-size: 1rem;
    border-top: 1px solid #d8d8da;
    border-bottom: 1px solid #cccccc;
    width: 100%;
    padding: 5px 10px;
}

    .card-treeview h6 {
        margin-left: 0px;
        line-height: 30px;
        color: var(--text-color);
    }

    .card-treeview label {
        margin-bottom: 5px;
    }

    .card-treeview button.close {
        line-height: 15px;
    }

.m-top20 {
    margin-top: 20px;
}

.m-left-10 {
    margin-left: 10px;
}

.aside-treeview #panels1 {
    clear: both;
}

.btn-treeview {
    margin-top: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 0.75rem;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #666666;
    border-radius: var(--rounded);
}

    .btn-treeview:hover {
        background-color: #eee;
        transition: 300ms;
        border-radius: var(--rounded);
    }

.aside-treeview .card-header {
    padding: 5px;
    cursor: pointer;
}

.aside-treeview #panels1 .card {
    border-radius: 0px;
}

#panels1 .card-header i {
    margin-right: 10px;
}

#panels1 .card-header h6 {
    line-height: 20px;
}

#panels1 .card-header a:hover {
    text-decoration: none;
}

#panels1 .card-body {
    padding: 10px;
}

.pup #btnClose {
    margin-top: -2px;
}

.searchbox-width50 {
    width: 48%;
    margin-bottom: 20px;
}

.btn-white-login {
    font-size: 1rem;
    border-radius: var(--rounded);
    color: var(--primary-color);
    background-color: #fff;
    cursor: pointer;
    float: left;
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
}

    .btn-white-login:hover {
        color: var(--primary-color);
        border-radius: var(--rounded);
    }

.pup-small {
}

.row p {
    margin-bottom: 2px;
}

.card-select {
    background-color: #eff0f1;
    cursor: pointer;
}

    .card-select:hover {
        border: 0.5 solid #334966;
    }

.card-checkmark {
    width: 30px;
    height: 30px;
    float: left;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #28a745;
    margin-top: 10px;
    margin-right: 15px;
}

.row .icon-txt-box {
    width: 100%;
}

.m-bot10 {
    margin-bottom: 10px;
}

.login-passwort-input {
    border-radius: 13px;
    top: -3px;
}

.ico-txt-container .text-danger {
    font-weight: 500;
}

.pup-content h6 {
    font-weight: normal;
    font-size: 1rem;
}

.pup-bottom-noFlex {
    padding: 20px;
}

    .pup-bottom-noFlex .btn-green {
        margin-top: 22px;
        float: right;
        border-radius: var(--rounded);
    }

.tab-pane {
    padding: 20px 10px 0px;
}

.nav-tabs {
    border-top: 0px none;
    border-bottom: 1px solid #eeeeee;
    border-left: 0px none;
    border-right: 0px none;
    height: 42px;
}

    .nav-tabs .nav-link.active,
    .nav-tabs .nav-item.show .nav-link {
        border-top: 0px none;
        border-bottom: 4px solid #334966;
        border-left: 0px none;
        border-right: 0px none;
    }

a.nav-link:hover {
    border-bottom: 4px solid rgba(51, 73, 102, 0.55);
    border-top: 0px solid #000000;
    border-left: 0px solid;
    border-style: solid;
    border-right: 0px solid;
    color: var(--text-color);
    transition: 300ms;
}

.tab-content .carousel img {
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
}

.card-select:hover {
    border-radius: 3px;
    transition: 300ms;
    background-color: rgba(97, 138, 192, 0.19);
}

.card-selected {
    border-radius: 3px !important;
    background-color: rgba(97, 138, 192, 0.19) !important;
    cursor: pointer;
    background-image: url('../images/checkmark-blue.png');
    background-repeat: no-repeat;
    background-position: 97%10%;
    background-size: 18px;
}

    .card-selected i {
        float: right;
        margin-top: -5px;
        color: #334966;
    }

.infotext {
    font-size: 0.75rem;
    white-space: nowrap;
}

.small-text {
    font-size: 1rem;
}

.alert button.close {
    margin-top: -5px;
}

.alert-primary button.close {
    color: #004085;
}

.topbar-button-container {
    display: flex;
    float: right;
}

.btn-circle {
    display: flex;
    background-color: var(--dark-color);
    border-radius: var(--rounded);
    width: 50px;
    height: 50px;
    color: #eee;
    font-size: 22px;
    align-items: center;
    justify-content: center;
    margin-top: -10px;
}

    .btn-circle:hover {
        color: #eee;
        background-color: var(--dark-color);
        border-radius: var(--rounded);
    }

    .btn-circle h6 {
    }

.btn-circle-txt {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: var(--rounded);
}

    .btn-circle-txt h6 {
        font-size: 10px;
        margin: 5px 4px 0px 4px;
        font-weight: 400;
        text-align: center;
        border-radius: var(--rounded);
    }

.m-right15 {
    margin-right: 15px;
}

.kanban {
    border: 1px solid #cccccc;
}

.kanban-header {
    display: flex;
}

    .kanban-header .col-md-4 {
        text-align: center;
    }

    .kanban-header h5 {
        font-weight: 400;
    }

.kanban-body {
    display: flex;
    flex-direction: row;
    min-height: 50px;
}

.kanban-column {
    width: 33.5%;
    min-height: 40px;
    background-color: #ddd;
    text-align: center;
    padding-top: 10px;
}

    .kanban-column h6 {
        color: #666;
    }

.kanban-body-column {
    width: 33.5%;
    min-height: 100px;
    padding: 10px 20px 20px;
    border-right-color: #000000;
    background-color: #f0f0f0;
}

.border-right {
    border-right: 1px solid #afafaf;
}

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

.kanban .card {
    border-radius: 3px;
}

.kanban .card-header {
    font-size: 15px;
    padding: 10px 15px;
    border-bottom: 0px solid;
    background-color: #fff;
    display: flex;
    align-items: center;
}

.kanban .card-footer {
    background-color: transparent;
    padding: 8px 10px;
}

.kanban .card-header i {
    font-size: 10px;
    float: right;
}

.card-header a:hover {
    color: var(--text-color);
    text-decoration: none;
}

.card-body p {
    font-size: 1rem;
    margin-bottom: 0px;
    background-color: rgba(0, 0, 0, 0);
}

.btn-small {
    padding: 2px 10px;
    font-size: 13px !important;
    border-radius: var(--rounded);
}

.card-footer .btn-start {
    float: right;
    border-radius: var(--rounded);
}

.inline-wrapper {
    display: inline-block;
}

.checklist-container {
    border-radius: 3px;
    margin-bottom: 10px;
    height: 350px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.checklist-icon {
    max-width: 50px;
    max-height: 50px;
}

.checklist-item {
    padding: 10px;
}

    .checklist-item p {
        font-size: 10px;
        color: #aaa;
        float: right;
    }

    .checklist-item h6 {
        margin-top: 15px;
        margin-bottom: 0px;
    }

.p-left5 {
    padding-left: 5px;
}

.checklist-container hr {
    width: 100%;
}

.checklist-item:hover {
    background-color: rgba(97, 138, 192, 0.19);
}

.checklist-item-pressed {
    background-color: rgba(97, 138, 192, 0.19);
}

    .checklist-item-pressed i {
        color: #334966;
        position: absolute;
        right: 15px;
    }

.checklist-container a {
    text-decoration: none;
    color: var(--text-color);
}

.txt-switch {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 30px;
    padding-bottom: 20px;
}

.icon-header {
    margin-bottom: 15px;
    color: #565a5c;
    display: flex;
    flex-direction: row;
}

    .icon-header i {
        float: left;
        margin-right: 10px;
        font-size: 16px;
        color: #7d7d82;
    }

    .icon-header h6 {
        display: inline-block;
        color: #4b4b4e;
        line-height: 19px;
    }

.card-header-txt {
    padding-bottom: 10px;
    font-size: 16px !important;
    display: inline-block;
    width: 90%;
}

.card-tag-container {
    border-top: 1px solid #cccccc;
    padding-top: 10px;
    margin-top: 10px;
}

.tag h6 {
    font-size: 10px;
    margin-bottom: 0px;
}

.m-right5 {
    margin-right: 5px;
}

.card-checklist-title {
    display: inline-block;
    word-wrap: break-word;
}

.card-info-float {
    font-size: 10px !important;
    margin-bottom: 0px !important;
}

.m-bot40 {
    margin-bottom: 40px !important;
}

.back-button {
    width: 35px !important;
    height: 35px !important;
    background-color: #fefefe;
    border-radius: 100px;
    margin-right: 15px;
    border: 1px solid var(--dark-color);
    display: flex;
    float: left;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
}

    .back-button i {
        font-size: 20px;
        margin-right: 0px;
    }

a:hover {
    color: var(--text-color);
    text-decoration: none;
}

.carousel-control-prev-icon {
}

.info-label {
    font-size: 10px;
    color: #999;
}

.no-records {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    color: #9c9faa;
    font-size: 16px;
    background-color: #e8e8ea;
}

    .no-records h6 {
        font-weight: 400;
        color: #666;
    }

.card h5 {
    display: inherit;
}

.tile-overlay {
    position: fixed;
    background-color: rgba(255, 253, 253, 0.78);
    width: 180px;
    height: 120px;
    margin-left: -10px;
    margin-top: -10px;
    padding: 5px;
    text-align: left;
    display: block;
}

    .tile-overlay p {
        color: var(--text-color);
        font-size: 1rem;
    }

.card-header-collapsible-link {
}

.card-header-collapsible {
}

    .card-header-collapsible h6 {
        margin-bottom: 0px;
        font-weight: 400;
        margin-right: 5px;
    }

.card-title {
    margin-bottom: 0px;
    font-size: 20px !important;
    font-weight: normal;
}

.card-header {
    padding: 0px 10px;
    background-image: url('../images/icons8-sort-down-30%20(2).png');
    background-repeat: no-repeat;
    background-position: 99%;
    background-size: 12px;
    background-color: #e8e8ea;
    border-bottom: 1px solid #f3f3f3;
}

.card-header-white {
    background-color: transparent !important;
    border-bottom: 0px solid;
}

.card-title small {
    font-size: 0.75rem;
    color: #666;
}

.card-header .btn {
    float: right;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #999;
    border-radius: var(--rounded);
}

    .card-header .btn .icons8-pdf-3 {
        margin-bottom: -5px;
        border-radius: var(--rounded);
    }

.btn-circle-big {
    background-color: var(--succsses-color);
    width: 70px !important;
    height: 70px !important;
    border-radius: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    border: 3px solid #ffffff;
    box-shadow: 1px 0px var(--succsses-color), -1px 0px #28a745, 0px -1px #28a745, 0px 1px #28a745;
    flex-direction: column;
    position: absolute;
    top: -13px;
    right: -5px;
    border-radius: var(--rounded);
}

.m-right-20 {
    margin-right: 20px;
    line-height: 1px;
}

.btn-circle-big i {
    font-size: 20px;
    color: white;
    border-radius: var(--rounded);
}

.btn-circle-big label {
    margin-top: -5px;
    color: white;
    font-size: 10px;
    border-radius: var(--rounded);
}

.btn-circle-big:hover {
    background-color: var(--succsses-color);
    transition: 300ms;
    border-radius: var(--rounded);
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    background-color: transparent;
}

.ul-topics {
    background-color: white;
    border-radius: 3px;
    list-style: none;
    padding-left: 0px;
    border-style: solid;
    border-color: #cccccc;
    border-top: 1px solid #cccccc;
    border-bottom: 0px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

    .ul-topics li {
        padding: 10px 15px;
        border-bottom: 1px solid #cccccc;
        font-size: 1rem;
    }

.switch-container {
}

.ul-topics .switch-container {
    float: right;
}

.text-secondary {
    color: #666;
}

.question-info-image {
    margin-bottom: 10px;
    max-width: 250px;
    max-height: 250px;
}

.question-box {
    background-color: white;
    min-height: 180px;
    padding: 10px 20px 20px;
    margin-left: 10px;
}

.p-left0 {
    padding-left: 0px !important;
}

.question-box h6 {
    color: #565a5c;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 0px;
    line-height: 25px;
}

.btn-yellow {
    background-color: var(--primary-color);
    color: white;
    border-radius: var(--rounded);
}

.question-box-button {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: stretch;
    margin-left: 20px;
    min-width: 160px;
}

    .question-box-button button {
        padding-top: 4px;
        padding-bottom: 4px;
        text-align: center;
        width: 100% !important;
    }

        .question-box-button button i {
            margin-right: -15px;
            font-size: 1rem;
        }

.question-container {
    margin-bottom: 30px;
    padding: 10px;
}

measure-container {
    background-color: #fff;
    padding: 20px;
}

.measure-container {
    border-radius: 3px;
    margin-bottom: 20px;
    padding-left: 20px;
}

.task-box {
    margin-left: 5;
}

.line-title .icons8-drop-down-arrow-2 {
    color: #a59999;
    position: relative;
    z-index: 10;
    top: -1px;
    font-size: 0.75rem;
    margin-left: -17px;
}

.question-box hr {
    margin-top: 10px;
}

.btn-group-prio {
    margin-top: 2px;
    border: 1p solid;
    border-radius: var(--rounded);
}

    .btn-group-prio button {
        border: 1px solid #afafaf;
        color: #666;
        border-radius: var(--rounded);
    }

.btn-yellow:hover {
    background-color: var(--primary-color) !important;
    color: white !important;
    border-radius: var(--rounded);
}

.btn-red {
    background-color: var(--error-color);
    font-size: 1rem;
    color: #fff;
    border-radius: var(--rounded);
}

    .btn-red:hover {
        background-color: var(--error-color) !important;
        color: white !important;
        border-radius: var(--rounded);
    }

.m-top-5 {
    margin-top: -5px;
}

.txt-btn-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn-flex {
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 20px;
    border-radius: var(--rounded);
}

.btn-yellow-outline {
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    background-color: rgba(255, 255, 255, 0);
    border-radius: var(--rounded);
}

    .btn-yellow-outline:hover {
        background-color: var(--primary-color);
        color: #fff;
        border-radius: var(--rounded);
    }

.foto-upload {
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 2px dashed #cccccc;
}

    .foto-upload p {
        text-align: center;
        color: #999999;
        margin-bottom: 10px;
    }

.foto-upload-measure {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 10px;
    right: 0px;
}

.p-left30 {
    padding-left: 30px;
}

.questions-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: #dddd;
    height: 1px;
    margin-top: 10px;
    height: 1px;
    margin-top: 10px;
}

.questions-point {
    width: 18px;
    height: 18px;
    background-color: #ffffff;
    box-shadow: inset 1px 1px 2px -1px #e8e8e8;
    border: 1px solid #c5c5c5;
    font-size: 11px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    color: #636363;
}

.point-yes {
    background-color: #dde9e0;
    border-color: var(--succsses-color);
}

.point-no {
    background-color: #f8ebec;
    border-color: var(--error-color);
}

.questions-point:hover {
    transform: scale(1.2);
    transition: 100ms cubic-bezier(1.00, 0.01, 0.34, 0.91);
}

.point-active {
    position: relative;
    border: 1px solid #c5c5c5;
}

    .point-active .icons8-arrow-pointing-up-4 {
        position: absolute;
        top: 16px;
        left: 1px;
    }

    .point-active .icons8-thick-arrow-pointing-up-2 {
        position: relative;
        top: 17px;
        color: #4f4f4f;
        font-size: 13px;
    }

.point-partially {
    background-color: #f9f2e5;
    border-color: var(--primary-color);
}

.point-disabled {
    padding-top: 18px;
    padding-right: 5px;
    padding-left: 3px;
}

    .point-disabled i {
        position: relative;
        left: 2px;
        color: var(--error-color);
        font-size: 1rem;
    }

.btn-yellow-outline:active {
    background-color: var(--primary-color);
    color: #fff;
    border-radius: var(--rounded);
}

.riskmatrix-block {
    width: 60px;
    height: 60px;
    background-color: #fff;
    border: 1px solid var(--dark-color);
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer;
    font-size: 25px;
    color: #ffffff;
}

.riskmatrix-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 360px;
    position: relative;
    top: -29px;
    right: -69px;
}

.bg-yellow {
    background-color: var(--primary-color);
}

.block-left {
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 0px solid;
}

.block-bottom {
    border-bottom: 0px solid;
    border-left: 0px solid;
    border-right: 0px solid;
}

.riskmatrix-block h6 {
    font-size: 22px;
}

.matrix-bg {
    width: 400px;
    height: 400px;
    background-image: url('../images/arrowmatrixDeutsch.png') !important;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    margin-top: 53px;
    margin-left: 31px;
}

.matrix-french {
    background-image: url('../images/arrowmatrixFranzoesisch.png') !important;
}

.matrix-italian {
    background-image: url('../images/arrowmatrixItalienisch.png') !important;
}

.matrix-english {
    background-image: url('../images/arrowmatrixEnglish.png') !important;
}

.mobile-nav-menu .btn-group {
    width: 100%;
    border-radius: var(--rounded);
}

    .mobile-nav-menu .btn-group button {
        width: 100%;
        border-radius: var(--rounded);
        padding-top: 10px;
        padding-bottom: 10px;
        border-style: solid;
        border-top: 0px solid;
        border-bottom: 1px solid #999999;
        border-left: 1px solid #999999;
        border-right: 0px solid;
    }

.mobile-nav-menu ul {
    list-style: none;
    padding-left: 0px;
}

.mobile-nav-menu li {
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 500;
    font-size: 18px;
}

    .mobile-nav-menu li i {
        font-size: 22px;
        margin-left: 20px;
        margin-right: 15px;
        color: #4e6278;
    }

.mobile-nav-menu a:hover {
    text-decoration: none;
}

.mobile-nav-menu li .icons8-arrow-pointing-to-right {
    float: right;
}

.mobile-nav-menu hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

.tile-container a {
    margin-bottom: 30px;
    margin-left: 20px;
    margin-right: 20px;
    display: flex;
    align-self: stretch;
}

.foto-upload-container {
    position: absolute;
    width: 95%;
    bottom: 0px;
    height: 30px;
}

.tree-title {
    padding-top: 10px;
    background-color: #eeee;
    display: none;
}

.tree-toolbar {
    height: 50px;
}

.tree-container {
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    margin-bottom: 70px;
    overflow-x: hidden;
}

.treetagbox {
    width: 96%;
    margin-right: 2%;
    margin-left: 2%;
}

.orgunittreecontrol {
    height: 100%;
    width: 280px;
    overflow-y: hidden;
    padding-bottom: 50px;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
}

.notextselection {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.m-bot80 {
    margin-bottom: 80px;
}

.btn-photo {
    width: 60px;
    height: 60px;
    position: absolute;
    border-radius: var(--rounded);
    padding: 8px 15px 15px;
    font-size: 30px;
    z-index: 1;
}

.btn-photo-right {
    margin-left: 61px;
    border-radius: var(--rounded);
}

.ul-photooverlay {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}

    .ul-photooverlay a {
        width: 40px;
        height: 40px;
        font-size: 25px;
        position: absolute;
        top: 0px;
        right: 10px;
    }

.sliderimg {
    display: block;
    max-height: 100%;
    max-width: 100%;
    padding: 10px;
}

.m-right30 {
    margin-right: 30px;
}

.m-right50 {
    margin-right: 50px;
}

.ico-txt-container h6 {
    margin-top: 7.5px;
    display: inline-block;
}

.tab-pane-vertical {
    padding: 20px 20px 40px 20px;
}

.nav-tabs-vertical {
    display: block;
    border-bottom: 0px solid;
    border-right: 0px solid #cccccc;
    position: relative;
}

.nav-tabs-vertical-wrapper {
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 3px;
    margin-bottom: 20px;
}

.col-no-padding {
    padding: 0px;
}

.nav-tabs-vertical a.nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1rem;
    padding-left: 10px;
}

    .nav-tabs-vertical a.nav-link:hover {
        border-bottom: 0px solid;
    }

    .nav-tabs-vertical a.nav-link.active {
        border-bottom: 0px solid;
        background-color: rgba(59, 131, 193, 0.29);
        background-image: url('../images/arrow.png');
        background-repeat: no-repeat;
        background-position: 95%50%;
        background-size: 18px;
    }

.subtitle-wrapper {
    margin-bottom: 20px;
    line-height: 35px;
}

    .subtitle-wrapper i {
        display: inline-block;
        float: left;
        margin-right: 10px;
        font-size: 20px;
        color: #999;
    }

    .subtitle-wrapper h6 {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 0px;
        padding-top: 5px;
        color: #333333;
    }

.nav-tabs-vertical-content {
    padding-right: 20px;
}

.tab-pane-vertical .btn-ground-button-wrapper {
    margin-bottom: 50px;
    border-radius: var(--rounded);
}

.m-top40 {
    margin-top: 40px;
}

.m-top60 {
    margin-top: 60px;
}

.m-top80 {
    margin-top: 80px;
}

.m-bot20 {
    margin-bottom: 20px !important;
}

.signature {
    min-height: 200px;
    border: 1px solid #afafaf;
    border-radius: 3px;
    background-color: #fff;
}

.signature-accepted {
    background-image: url('../images/icons8-checkmark-26.png');
    background-repeat: no-repeat;
    background-position: 98%5%;
}

.m-left10 {
    margin-left: 10px;
}

.btn-green {
    font-size: 1rem;
    border-radius: var(--rounded);
    background-color: var(--succsses-color);
    border: 1px solid var(--succsses-color);
    color: #fff;
}

    .btn-green:hover {
        background-color: var(--succsses-color);
        color: #fff;
    }

#chkNeck {
    margin-top: 38px;
}

#chkTorso {
    margin-top: 33px;
}

#chkArm {
    margin-top: 17px;
}

#chkHand {
    margin-top: 78px;
}

#chkLeg {
    margin-top: 41px;
}

#chkFoot {
    margin-top: 92px;
}

#chkSpine {
    margin-top: 95px;
}

#chkUpperArm {
    margin-top: 15px;
}

#chkFinger {
    margin-top: 19px;
}

#chkThighs {
    margin-top: 39px;
}

#chkToe {
    margin-top: 31px;
}

.injured-chkbox {
    width: 151px;
    float: left;
}

.injured-container img {
    margin-right: 20px;
    width: 237px;
}

.picture-upload {
    min-height: 150px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.block {
    display: block;
}

.flex-right {
    display: flex;
    flex-direction: row-reverse !important;
}

.ellipsis-nowrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    display: block;
}

@media (max-width:767px) {
    .topbar h4 {
        display: inline-block;
        font-weight: 400;
        margin-left: 0px;
        font-size: 15px;
        margin-bottom: 0px;
    }

    .login-box {
        width: 400px;
        background-color: #ffffff;
        margin-right: auto;
        margin-left: auto;
        padding: 35px;
        border-radius: 3px;
        position: relative;
        width: 8;
        border-radius: 18px;
    }
}

@media (max-width:767px) {
    .login-box {
        width: 80%;
    }
}

@media (max-width:766.98px) {
    .login-box-wrapper {
        margin-top: 5%;
    }
}

@media (min-width:1200px) {
    .aside-treeview {
        width: 280px;
        position: fixed;
        right: 0px;
        background-color: #fff;
        height: 100%;
        box-shadow: -1px 1px 1px #cccccc;
        color: var(--text-color);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        top: 50px;
    }
}

@media (max-width:766.98px) {
    #btnUserMenu {
        display: none;
    }
}

@media (min-width:576px) {
    #MobileNavToggle {
        display: none;
    }
}

@media (max-width:766.98px) {
    .sidebar {
        display: none;
    }
}

@media (max-width:766.98px) {
    .view-area {
        margin-left: 0px;
    }
}

@media (max-width:766.98px) {
    .breadcrumb {
        left: 0px;
    }
}

@media (max-width:575px) {
    .mobile-nav-menu {
        width: 100%;
        height: 100%;
        margin-top: 70px;
        position: fixed;
        z-index: 40;
        background-color: #fff;
    }
}

@media (min-width:576px) {
    .moile-brand {
        display: none;
    }

    .mobile-nav-menu {
        display: none;
    }
}

@media (max-width:575px) {
    .moile-brand {
        float: left;
        height: 49px;
        margin-left: 10px;
    }

    .login-logo-box {
        max-width: 400px;
    }

    .mobile-nav-menu {
        display: block;
    }

    .userpicture {
        display: none;
    }

    #lblUsername {
        display: none;
    }

    .brand {
        display: none;
    }

    #lblusername {
        display: none;
    }
}

@media (min-width:768px) {
    .dd-circle {
        display: none;
    }

    .row-title-userselection {
        display: flex;
    }

    .cl-picture {
        max-width: 300px;
    }
}

@media (max-width:766.98px) {
    .nav-shortcut {
        display: none;
    }
}

@media (max-width:766.98px) {
    .splashscreen img {
        max-width: 300px;
    }

    .splashscreen h6 {
        margin-top: -80px;
    }
}

@media (max-width:575px) {
    .user-dropdown .dropdown-menu {
        margin-left: -26px;
    }
}

@media (max-width:767px) {
    .topbar h4 {
        display: inline-block;
        font-weight: 400;
        margin-left: 0px;
        font-size: 15px;
        margin-bottom: 0px;
    }
}

@media (max-width:767px) {
    .login-box {
        width: 80%;
    }
}

@media (max-width:766.98px) {
    .login-box-wrapper {
        margin-top: 5%;
    }
}

@media (min-width:1200px) {
    .aside-treeview {
        width: 280px;
        position: fixed;
        right: 0px;
        background-color: #fff;
        height: 100%;
        box-shadow: -1px 1px 1px #cccccc;
        color: var(--text-color);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        top: 50px;
    }
}

@media (max-width:766.98px) {
    #btnUserMenu {
        display: none;
    }
}

@media (min-width:576px) {
    #MobileNavToggle {
        display: none;
    }
}

@media (max-width:766.98px) {
    .sidebar {
        display: none;
    }
}

@media (max-width:766.98px) {
    .view-area {
        margin-left: 0px;
    }
}

@media (max-width:766.98px) {
    .breadcrumb {
        left: 0px;
    }
}

@media (max-width:575px) {
    .mobile-nav-menu {
        width: 100%;
        height: 100%;
        margin-top: 70px;
        position: fixed;
        z-index: 40;
        background-color: #fff;
    }

    .d-xs-none {
        display: none;
    }
}

@media (max-width:575px) {
    .moile-brand {
        float: left;
        height: 49px;
        margin-left: 10px;
    }

    .mobile-nav-menu {
        display: block;
    }
}

@media (min-width:576px) {
    .moile-brand {
        display: none;
    }

    .mobile-nav-menu {
        display: none;
    }
}

@media (max-width:1199px) {
    .injured-container img {
        display: none;
    }

    .min-xl {
        display: none !important;
    }
}

@media (max-width:991px) {
    .nav-item .icons8-checkmark {
        font-size: 12px;
    }

    .width-320 h6 {
        text-align: left;
    }

    .picture-upload {
        flex-direction: column;
    }

    .ghost-filter {
        display: none;
    }
}

@media (min-width:1200px) {
    .flex-right2 {
        order: 1;
        flex: 0 0 280px;
        right: 0;
    }
}

@media (max-width:575px) {
    .dd-mobile-nav a.dropdown-item i.icons8-right-pointing-arrow-5 {
        float: right;
        margin-top: 3px;
    }

    .dd-mobile-nav a.dropdown-item i.icons8-arrow-pointing-to-right {
        float: right;
        font-size: 16px !important;
        margin-top: 7px;
        color: #4b4b4b;
    }

    .dd-mobile-nav-sublink {
        border-top: 2px solid rgba(53, 53, 53, 0.51);
    }
}

@media (max-width:767px) {
    .dd-mobile-nav a.dropdown-item i {
        font-size: 22px !important;
        margin-right: 10px;
    }
}

@media (max-width:767px) {
    .dd-mobile-nav {
    }
}

@media (max-width:767px) {
    .dd-mobile-nav a.dropdown-item {
        padding-bottom: 12px;
        border-bottom: 1px solid #d8d8d8;
        color: #fff;
        padding-top: 6px;
        border-radius: 3px;
        margin-top: 10px;
        margin-bottom: 2px;
        font-size: 15px;
    }
}

@media (max-width:767px) {
    .dd-mobile-nav .dropdown-menu {
        position: absolute;
        z-index: 100;
        top: 48px;
        left: 0px;
        border-radius: 3px;
        border-style: none;
        padding: 0px 10px;
        width: 100%;
        max-height: 90vh;
        overflow-y: scroll;
    }
}

@media (min-width:767.98px) {
    .dd-mobile-nav .btn {
        display: none;
    }
}

@media (max-width:766.98px) {
    .toolbar {
        margin-top: 40px;
        margin-bottom: 30px;
    }
}

@media (max-width:766.98px) {
    .container-task-card-informations {
        display: none;
    }
}

@media (max-width:575px) {
    .tile-container {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width:766.98px) {
    .botbar-sticky {
        margin-left: -10px;
    }
}

@media (max-width:575px) {
    .searchbox {
        width: 100%;
    }

    .pup-box {
        width: 100%;
        margin-top: 0px;
        border-radius: 0px;
    }

    .tile h6 {
        font-size: 15px;
    }
}

@media (max-width:766.98px) {
    .view-content {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width:575px) {
    .tile .badge {
        margin-left: 55px;
    }
}

@media (max-width:766.98px) {
    .tenant-logo-container {
        DISPLAY: NONE;
    }
}

@media (max-width:766.98px) {
    .dd-circle .dropdown-menu {
        background-color: rgba(0, 0, 0, 0) !important;
        border-style: none;
    }
}

@media (max-width:766.98px) {
    .topbar-button-container {
        display: none;
    }
}

@media (max-width:766.98px) {
    .dd-circle.show .dropdown-menu.show {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        padding-right: 5px;
        margin-top: 5px;
    }
}

@media (max-width:979px) {
    .question-box-flex {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .question-box-flex-left {
        width: 100%;
    }

    .question-box-button {
        margin-top: 20px;
        margin-left: 0px;
        width: 100%;
    }

        .question-box-button button {
            width: 100% !important;
        }
}

@media (max-width:767px) {
    .question-box {
        margin-top: 20px;
    }
}

@media (max-width:1199px) {
    .card-right-content-measure {
        width: 40% !important;
    }
}

@media (max-width:1199px) {
    .btn-close-training {
        margin-bottom: 10px;
    }
}

@media (max-width:767px) {
    .topbar i {
        font-size: 17px;
    }
}

@media (max-width:978px) {
    .mobile-menu {
        width: 50px;
        float: right;
    }
}

@media (max-width:978px) {
    .mobile-menu button {
        width: 50px;
        height: 50px;
        border-radius: 25px;
        background-color: #172535;
        color: #fff;
        font-size: 20px;
        padding-left: 14px;
        padding-right: 10px;
    }
}

@media (min-width:979px) {
    .dropdown.mobile-menu {
        display: none;
    }
}

@media (max-width:767px) {
    .btn-circle-mobile {
        float: right;
        margin-top: -50px;
    }
}

@media (max-width:767px) {
    .task-icon {
        display: none;
    }

    .col-md-6 {
        padding-left: 15px !important;
    }

    .col-sm-12 {
        padding-left: 15px !important;
    }

    #MeasureTask1 {
        display: none;
    }

    #MeasureTaskDescription {
        display: none;
    }

    #MeasureTaskStatus {
        margin-bottom: 0px !important;
    }

    #MeasureTaskStatusLabel {
        padding-top: 10px;
    }

    .col-md-8 {
        padding-left: 15px !important;
    }

    #MeasureTaskDefectDetails {
        display: none;
    }

    #MeasureTaskDefectNote {
        display: none;
    }

    #MeasureTaskDefectLabel {
        padding-top: 10px;
    }

    #CLTaskOrgUnit {
        display: none;
    }

    #divAssignedTo {
        display: none;
    }

    #divFinalizedBy {
        display: none;
    }

    #taskCardRightBlock {
        display: none;
    }

    #divFinalizedDate {
        display: none;
    }

    .card-right-content {
        width: 80%;
    }

    #btnContinueChecklist {
        margin-bottom: 10px;
    }

    #btnStartChecklist {
    }

    #CLTaskDoneBy {
        display: none;
    }

    #ICTaskOrgUnit {
        display: none;
    }

    #ICTaskDate {
        display: none;
    }
}

@media (max-width:575px) {
    #divSearchTask {
        margin-top: 10px;
        margin-bottom: 20px;
    }
}

@media (max-width:978px) {
    .searchbox {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #MeasureTask1 {
        display: none;
    }

    #MeasureTaskDefectDetails {
        display: none;
    }

    #CLTaskOrgUnit {
        display: none;
    }

    #divAssignedTo {
        display: none;
    }

    #divFinalizedBy {
        display: none;
    }

    #divDueDate {
    }

    #divStatusCLTask {
        display: none;
    }

    #divStatusCLTask2 {
        display: none;
    }

    #ICTaskOrgUnit {
        display: none;
    }

    #CLTaskDoneBy {
        display: none;
    }

    #divFinalizedDate {
        display: none;
    }

    #ICTaskDate {
        display: none;
    }

    .card-right-content {
        width: 50%;
    }
}

@media (max-width:1199px) {
    .flex-statistics-buttons-left {
        display: none;
    }

    .flex-statistics-buttons-right {
        width: 100%;
    }
}

@media (max-width:1199px) {
    .card-status {
        min-width: 90px;
    }

    #colButtonsCard {
        padding-left: 0px;
    }
}

@media (max-width:991px) {
    .CLTaskCardColContent {
        display: none;
    }
}

@media (max-width:978px) {
    .topbar-button-container {
        display: none;
    }
}

@media (max-width:1199px) {
    .detailview-chart-col {
        display: none;
    }

    .card-1-3 {
        width: 5;
    }

    .card-1-3 {
        width: 50;
    }

    .card-1-3 {
        width: 50%;
    }
}

@media (max-width:767px) {
    .card-1-3-container {
        flex-direction: column;
    }

    .card-1-3 {
        width: 98%;
        margin-bottom: 10px;
    }
}

@media (max-width:991px) {
    #colInspectionAddFinding {
        padding-left: 15px;
        padding-right: 15px;
    }

    #navInspectionFinding {
    }

    .nav-link-positiv {
        padding-left: 60px !important;
    }

    .nav-link-negative {
        padding-left: 60px !important;
    }

    #colInspectionFinding {
    }
}

@media (max-width:1199px) {
    .lg-down {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width:991px) {
    .text-detailview-header {
        font-size: 10px;
    }
}

@media (max-width:767px) {
    .lg-down {
        flex-direction: row;
        margin-bottom: 10px;
    }
}

@media (max-width:991px) {
    .card-1-5 {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media (max-width:1199px) {
    #divIncidentBasicButtonBar {
        flex-direction: column;
    }
}

@media (max-width:991px) {
    #chkInjuryRightSide {
        border-bottom: 1py solid #e2e2e2;
    }
}

@media (max-width:1199px) {
    #tabIncidentData .injured-container hr {
        display: block;
    }
}

@media (min-width:979px) {
    #tabIncidentData .injured-chkbox hr {
        display: none;
    }
}

@media (max-width:978px) {
}

@media (min-width:979px) {
    #tabIncidentData .injured-container hr {
        display: none;
    }
}

@media (max-width:1199px) {
    .james-bot {
    }

    .width-320 {
        display: none;
    }
}

@media (max-width:991px) {
    .space-20-md {
        display: block;
    }
}

@media (min-width:992px) {
    .space-20-md {
        display: none;
    }
}

@media (max-width:991px) {
    .space-10-md {
        display: block;
    }
}

@media (min-width:992px) {
    .space-10-md {
        display: none;
    }
}

@media (max-width:991px) {
    #colNavIncident {
        min-height: 302px;
    }
}

@media (max-width:978px) {
    .task-space {
        height: 60px;
    }
}

@media (max-width:767px) {
    .tile-container {
        display: block;
        justify-content: center;
        margin-bottom: 10px;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 2px;
    }

    .tile .badge {
        font-size: 20px;
        position: absolute;
        padding: 4px 12px 5px;
        border-radius: 20px;
        color: #eee;
        right: 10px;
    }

    .tile h6 {
        margin-bottom: 0px;
        margin-left: 10px;
    }
}

@media (max-width:767px) {
    .btn-topbar i {
        font-size: 14px;
    }
}

@media (max-width:767px) {
    .btn-topbar {
        font-size: 12px;
        padding: 3px 10px;
    }
}

@media (max-width:767px) {
    .documents-view .topbar {
        flex-wrap: wrap;
    }
}

@media (max-width:575px) {
    .div-view-title {
        width: 40%;
        font-size: 17px !important;
    }
}

@media (max-width:575px) {
    .div-toolbar-buttons {
        width: 60%;
        align-items: center;
        margin-top: 8px;
    }
}

@media (max-width:1199px) {
    .aside-treeview {
        display: none;
    }

    .flex-right2 {
        display: none;
    }
}

@media (max-width:1199px) {
    .tree-btn-closed {
        position: fixed;
        width: 30px;
        height: 100px;
        background-color: #c8c8c8;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 24px;
        color: #88888a;
        right: 0px;
        top: 10%;
        border: 1px solid #b4b4b5;
    }
}

@media (min-width:1200px) {
    .tree-btn-closed {
        display: none;
    }

    .documentslink:hover .documents-buttons {
        display: block;
    }

    .documents-sublink:hover .documents-sublink-buttons {
        display: block !important;
    }
}

@media (max-width:1199px) {
    .col-doc-left {
        display: none;
    }

        .col-doc-left.show {
            display: block;
            position: absolute;
            z-index: 15;
        }

    .display-md-none {
        display: none !important;
    }
}

@media (max-width:1199px) {
    .row-doc-info {
        display: none;
    }

        .row-doc-info.show {
            display: initial;
        }
}

@media (min-width:1200px) {
    .btn-doc-info {
        float: right;
    }
}

@media (min-width:979px) {
    #divTimeFilter .bf-de-datebox {
        width: 50%;
        float: left;
    }
}

@media (max-width:978px) {
    .tb-col-date {
        max-width: none;
        padding-left: 0px !important;
    }

    .tb-col-filter {
        max-width: none;
        padding-left: 0px !important;
    }
}

@media (max-width:767px) {
    .cl-picture {
    }
}

@media (max-width:978px) {
    .width70 {
        width: 100%;
        margin-left: 0px;
    }
}

@media (max-width:767px) {
    .width70 {
        width: 100%;
    }
}

@media (max-width:767px) {
    .row-title-userselection {
        display: none;
    }
}

@media (max-width:767px) {
    .space-big {
        height: 200px;
    }

    #topbarTasks {
        margin-bottom: 0px;
    }
}

@media (max-width:978px) {
    .card-device {
        min-width: 98%;
    }
}

@media (max-width:767px) {
    .userpicture-selection {
        display: none;
    }
}

@media (max-width:767px) {
    .measure-edit-state-label {
        display: none !important;
    }
}

@media (max-width:767px) {
    .measure-edit-height100p {
    }

    #divFeedbackEdit .height100p {
        height: auto;
    }
}

@media (max-width:978px) {
    #divRepeaterViewBar {
        margin-bottom: 10px;
    }

    #divTimeFilter {
        margin-bottom: 10px;
    }

    .filterbox-bot {
        margin-right: 2px;
        margin-left: 2px;
        padding-bottom: 20px;
    }
}

@media (max-width:767px) {
    #divFeedbackDone .height100p {
        height: auto;
    }
}

@media (max-width:978px) {
    .nav-profile {
        min-height: 170px;
        max-width: 98%;
        min-width: 98%;
    }
}

@media (max-width:767px) {
    .wizard-step-container #lblText {
        font-size: 6px;
    }
}

@media (max-width:767px) {
    .measure-detail-pdf {
        display: none;
    }

    .wizard-icon {
        width: 40px;
        height: 40px;
    }

    .wizard-line {
        display: none;
    }

    .wizard-step-container {
        min-width: 72px;
    }

    .cl-delegation-chk-icon {
        display: none;
    }

    #divBBAssignment .btn {
        min-width: 100%;
    }

    #divBBAssignment {
        display: flex;
        flex-direction: column;
    }

    .btn-delegation-responsible {
        min-width: 100%;
    }

    .label-delegation-responsible {
        min-width: 100%;
    }

    #divIncidentBasicButtonBar button {
        min-width: auto;
        width: 100%;
    }
}

@media (max-width:978px) {
    #divIncidentBasicButtonBar.btn-group {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width:978px) {
    #divBasicAccidentButtonBar.btn-ground-button-wrapper {
        width: 100%;
    }
}

@media (max-width:978px) {
    .tab-content {
        padding-right: 10px;
        padding-left: 10px;
        margin-top: 40px;
        border-top: 1px solid #d0d9df;
        margin-left: 20px;
        padding-top: 20px;
        margin-right: 20px;
    }

    #divIncidentBasicButtonBar {
    }

    .tab-row-mobile {
        margin-right: 0px;
    }
}

@media (max-width:991px) {
    .db-card {
        width: 100%;
    }
}

@media (max-width:575px) {
    .margin-sm-bot3 {
        margin-bottom: 3px;
    }
}

@media (max-width:767px) {
    .topbar {
        display: block;
    }
}

@media (max-width:978px) {
    no-bot-space {
        margin-bottom: 0px;
    }

    .no-bot-space {
        margin-bottom: 0px !important;
    }
}

@media (max-width:767px) {
    .no-mobile-searchbox {
        display: none;
    }
}

@media (max-width:575px) {
    .margin-sm-bot3 {
        margin-bottom: 3px;
    }
}

@media (max-width:767px) {
    .topbar {
        display: block;
    }
}

@media (max-width:978px) {
    no-bot-space {
        margin-bottom: 0px;
    }

    .no-bot-space {
        margin-bottom: 0px !important;
    }
}

@media (max-width:767px) {
    .no-mobile-searchbox {
        display: none;
    }
}

@media (max-width:767px) {
    .button-teilnehmer {
        display: block;
    }
}

@media (max-width:978px) {
    .margin-bottom-mobile {
        margin-bottom: 10px;
    }
}

@media (max-width:767px) {
    .label-mobile {
        font-size: 10px !important;
    }
}

.mainteanance-toolbar-buttons {
    width: 100%;
}

.mainteanance-title-device {
    width: 100%;
}

/* Container for the table - takes full width and height */
.fixed-table-container {
    width: 100%;
    overflow-y: auto;
    position: relative;
}

    /* Table styles */
    .fixed-table-container table {
        width: 100%;
        border-collapse: collapse;
    }

    /* Header styles */
    .fixed-table-container thead {
        position: sticky;
        top: 0;
        z-index: 1;
        background-color: #f2f2f2;
    }

    .fixed-table-container th {
        padding: 4px 8px;
        text-align: left;
        font-weight: bold;
        border-bottom: 2px solid #ddd;
    }

    .fixed-table-container td {
        padding: 4px 8px;
        border-bottom: 1px solid #ddd;
    }

.fixed-header table {
    display: block;
}

.fixed-header tbody {
    display: table;
    overflow: auto;
    width: 100%;
}

    .fixed-header thead {
        display: table;
        width: 100%;
    }

/* Custom checkbox styling for boolean fields */
.custom-boolean-checkbox {
    width: 20px !important;
    height: 20px !important;
    cursor: pointer !important;
    margin: 0 auto !important;
    display: block !important;
    accent-color: #007bff !important;
}

/* override ybug css fo disclaimer popup */
#__ybug-app {
    z-index: 100 !important;
}

.fixed-header thead {
    display: table;
    width: 100%;
}

.hazard-statement-row {
    padding: 8px;
    border: 2px solid #EF4236;
    border-radius: 8px;
}

.precautionary-statement-row {
    padding: 8px;
    border: 2px solid #24578E;
    border-radius: 8px;
}

.ps-invalid {
    position: relative;
    border-radius: 4px;
    box-shadow: 0 0 0 1px #dc3545;
}

.ps-invalid-icon {
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 18px;
    height: 18px;
    background-color: #f46b69;
    color: #ffffff;
    border-radius: 50%;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    font-weight: bold;
    pointer-events: none;
}

.measure-release-link:link {
    color: #007bff;
    text-decoration: underline;
}

.measure-release-link:visited {
    color: #551A8B;
}