/* Dashboard*/
div.wrapper nav.sidebar li.dashboard.active i,
div.wrapper nav.sidebar li.dashboard.nav-item input[type=checkbox]:checked ~ a.nav-link i,
div.wrapper nav.sidebar li.dashboard.nav-item input[type=checkbox]:checked ~ div a.nav-link i,
div.wrapper nav.sidebar li.dashboard.nav-item:hover a.nav-link i,
div.wrapper nav.sidebar li.dashboard.nav-item > a.nav-link[aria-expanded=true] i,
div.wrapper nav.sidebar li.dashboard.nav-item > div.collapse.show i,
div.wrapper.dashboard div.content .btn.btn-primary.btn-link,
div.wrapper.dashboard div.content span.hint a i,
div.wrapper.dashboard div.content .card .card-footer a,
div.wrapper.dashboard div.content .btn.btn-link, .btn.btn-default.btn-link,
div.wrapper.dashboard div.content .card-collapse .card-header a[aria-expanded="true"],
html:not(.js) div.wrapper.dashboard div.card-collapse input[type=checkbox]:checked ~ div.card-header a,
div.wrapper.dashboard div.content .card-collapse .card-header a:hover {
    color: #66af4e !important
}

div.wrapper.dashboard div.content .card-icon,
div.wrapper.dashboard div.content .card.card-chart .card-header,
div.wrapper.dashboard div.content .card .card-header-tabs,
div.wrapper.dashboard div.content .bootstrap-select .dropdown-item.active,
div.wrapper.dashboard div.content .bootstrap-select .dropdown-menu .dropdown-item:hover {
    background: #66af4e !important;
    color: #ffffff;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px #66af4eB3 !important;
}

div.wrapper.dashboard div.content .form-check .form-check-input:checked + .form-check-sign .check {
    background: #66af4e !important;
}

div.wrapper.dashboard div.content .togglebutton label input[type=checkbox]:checked + .toggle {
    background-color: #66af4e;
}

div.wrapper.dashboard div.content .togglebutton label input[type=checkbox]:checked + .toggle:after {
    border-color: #66af4e;
}

div.wrapper.dashboard div.content .table.table-hover tbody tr:hover,
div.wrapper.dashboard .itable .row:not(.head):hover{
    background-color: rgba(102, 175, 78, 0.2) !important;
}

div.wrapper.dashboard div.content .bootstrap-select .btn.dropdown-toggle.select-with-transition {
    background-image: linear-gradient(to top, #66af4e 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}

/* Dashboard*/
div.wrapper nav.sidebar li.screening.active i,
div.wrapper nav.sidebar li.screening.nav-item input[type=checkbox]:checked ~ a.nav-link i,
div.wrapper nav.sidebar li.screening.nav-item input[type=checkbox]:checked ~ div a.nav-link i,
div.wrapper nav.sidebar li.screening.nav-item:hover a.nav-link i,
div.wrapper nav.sidebar li.screening.nav-item > a.nav-link[aria-expanded=true] i,
div.wrapper nav.sidebar li.screening.nav-item > div.collapse.show i,
div.wrapper.screening div.content .btn.btn-primary.btn-link,
div.wrapper.screening div.content span.hint a i,
div.wrapper.screening div.content .card .card-footer a,
div.wrapper.screening div.content .btn.btn-link, .btn.btn-default.btn-link,
div.wrapper.screening div.content .card-collapse .card-header a[aria-expanded="true"],
html:not(.js) div.wrapper.screening div.card-collapse input[type=checkbox]:checked ~ div.card-header a,
div.wrapper.screening div.content .card-collapse .card-header a:hover {
    color: #ca842d !important
}

div.wrapper.screening div.content .card-icon,
div.wrapper.screening div.content .card.card-chart .card-header,
div.wrapper.screening div.content .card .card-header-tabs,
div.wrapper.screening div.content .bootstrap-select .dropdown-item.active,
div.wrapper.screening div.content .bootstrap-select .dropdown-menu .dropdown-item:hover {
    background: #ca842d !important;
    color: #ffffff;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px #66af4eB3 !important;
}

div.wrapper.screening div.content .form-check .form-check-input:checked + .form-check-sign .check {
    background: #ca842d !important;
}

div.wrapper.screening div.content .togglebutton label input[type=checkbox]:checked + .toggle {
    background-color: #ca842d;
}

div.wrapper.screening div.content .togglebutton label input[type=checkbox]:checked + .toggle:after {
    border-color: #ca842d;
}

div.wrapper.screening div.content .table.table-hover tbody tr:hover,
div.wrapper.screening .itable .row:not(.head):hover{
    background-color: #ca842d !important;
}

div.wrapper.screening div.content .bootstrap-select .btn.dropdown-toggle.select-with-transition {
    background-image: linear-gradient(to top, #ca842d 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #ca842d 1px, rgba(210, 210, 210, 0) 1px);
}

/* Employee */
div.wrapper nav.sidebar li.auswertung.active i,
div.wrapper nav.sidebar li.auswertung.nav-item input[type=checkbox]:checked ~ a.nav-link i,
div.wrapper nav.sidebar li.auswertung.nav-item input[type=checkbox]:checked ~ div a.nav-link i,
div.wrapper nav.sidebar li.auswertung.nav-item:hover a.nav-link i,
div.wrapper nav.sidebar li.auswertung.nav-item > a.nav-link[aria-expanded=true] i,
div.wrapper nav.sidebar li.auswertung.nav-item > div.collapse.show i,
div.wrapper.auswertung div.content .btn.btn-primary.btn-link,
div.wrapper.auswertung div.content span.hint a i,
div.wrapper.auswertung div.content .card .card-footer a,
div.wrapper.auswertung div.content .btn.btn-link, .btn.btn-default.btn-link,
div.wrapper.auswertung div.content .card-collapse .card-header a[aria-expanded="true"],
html:not(.js) div.wrapper.auswertung div.card-collapse input[type=checkbox]:checked ~ div.card-header a,
div.wrapper.auswertung div.content .card-collapse .card-header a:hover,
div.wrapper.auswertung div.content .text-primary
{
    color: #66a7d2 !important
}


div.wrapper.auswertung div.content .card-wizard .moving-tab,
div.wrapper.auswertung div.content .card-icon,
div.wrapper.auswertung div.content .card.card-chart .card-header,
div.wrapper.auswertung div.content .card .card-header-tabs,
div.wrapper.auswertung div.content .bootstrap-select .dropdown-item.active,
div.wrapper.auswertung div.content .bootstrap-select .dropdown-menu .dropdown-item:hover {
    background: #66a7d2 !important;
    color: #ffffff;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px #ca842dB3 !important;
}

div.wrapper.auswertung .form-check .form-check-input:checked + .form-check-sign .check {
    background: #66a7d2 !important;
}

.moving-tab:after {
    background: #66a7d2;
}

div.wrapper.auswertung div.content .togglebutton label input[type=checkbox]:checked + .toggle {
    background-color: #66a7d2;
}

div.wrapper.auswertung div.content .togglebutton label input[type=checkbox]:checked + .toggle:after {
    border-color: #66a7d2;
}

div.wrapper.auswertung div.content .table.table-hover tbody tr:hover,
div.wrapper.auswertung .itable .row:not(.head):hover{
    background-color: #66a7d2 !important;
}

div.wrapper.auswertung div.content .bootstrap-select .btn.dropdown-toggle.select-with-transition {
    background-image: linear-gradient(to top, #66a7d2 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}

div.wrapper.auswertung div.content .select.nojs select:hover,
div.wrapper.auswertung div.content .select.nojs select:focus {
    border-bottom: 2px solid #66a7d2;
}

div.wrapper.auswertung div.content .select.nojs select:hover ~ .select_arrow,
div.wrapper.auswertung div.content .select.nojs select:focus ~ .select_arrow {
    border-color: #66a7d2;
}

/* Dropzone Icons */
div.wrapper.auswertung div.content div.dropzone_full_container .fileControls {
    color: #66a7d2 !important
}

/* No-JS Wizard */
html:not(.js) div.wrapper.auswertung div.content div.wizard-navigation ul.nav li.nav-item.active {
    background-color: #66a7d2;
    box-shadow: 0 4px 20px 1px rgba(255, 167, 59, 0.32), 0 7px 10px -5px rgba(255, 167, 59, 0.12);
}

div.wrapper.auswertung div.content .btn.btn-primary.btn-round {
    color: #fff;
    background-color: #ca842d;
    border-color: #000;
    box-shadow: 0 2px 2px 0 rgba(202, 132, 45, 0.14), 0 3px 1px -2px rgba(202, 132, 45, 0.2), 0 1px 5px 0 rgba(202, 132, 45, 0.12);
}

div.wrapper.auswertung div.content .btn.btn-primary:hover {
    box-shadow: 0 14px 26px -12px rgba(201, 132, 46, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(202, 132, 45, 0.2);
}

/* Controlling */
div.wrapper nav.sidebar li.datenpflege.active i,
div.wrapper nav.sidebar li.datenpflege.nav-item input[type=checkbox]:checked ~ a.nav-link i,
div.wrapper nav.sidebar li.datenpflege.nav-item input[type=checkbox]:checked ~ div a.nav-link i,
div.wrapper nav.sidebar li.datenpflege.nav-item:hover a.nav-link i,
div.wrapper nav.sidebar li.datenpflege.nav-item > a.nav-link[aria-expanded=true] i,
div.wrapper nav.sidebar li.datenpflege.nav-item > div.collapse.show i,
div.wrapper.datenpflege div.content .btn.btn-primary.btn-link,
div.wrapper.datenpflege div.content span.hint a i,
div.wrapper.datenpflege div.content .card .card-footer a,
div.wrapper.datenpflege div.content .btn.btn-link, .btn.btn-default.btn-link,
div.wrapper.datenpflege div.content .card-collapse .card-header a[aria-expanded="true"],
html:not(.js) div.wrapper.datenpflege div.card-collapse input[type=checkbox]:checked ~ div.card-header a,
div.wrapper.datenpflege div.content .card-collapse .card-header a:hover {
    color: #66a7d2 !important
}

div.wrapper.datenpflege div.content .card-icon,
div.wrapper.datenpflege div.content .card.card-chart .card-header,
div.wrapper.datenpflege div.content .card .card-header-tabs,
div.wrapper.datenpflege div.content .bootstrap-select .dropdown-item.active,
div.wrapper.datenpflege div.content .bootstrap-select .dropdown-menu .dropdown-item:hover {
    background: #66a7d2 !important;
    color: #ffffff;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px #66a7d2B3 !important;
}


div.wrapper.datenpflege div.content .form-check .form-check-input:checked + .form-check-sign .check {
    background: #66a7d2 !important;
}

div.wrapper.datenpflege div.content .togglebutton label input[type=checkbox]:checked + .toggle {
    background-color: #66a7d2;
}

div.wrapper.datenpflege div.content .togglebutton label input[type=checkbox]:checked + .toggle:after {
    border-color: #66a7d2;
}

div.wrapper.datenpflege div.content .table.table-hover tbody tr:hover,
div.wrapper.datenpflege .itable .row:not(.head):hover{
    background-color: #66a7d233 !important;
}


div.wrapper.datenpflege div.content .select.nojs select:hover,
div.wrapper.datenpflege div.content .select.nojs select:focus {
    border-bottom: 2px solid #66a7d2;
}

div.wrapper.datenpflege div.content .select.nojs select:hover ~ .select_arrow,
div.wrapper.datenpflege div.content .select.nojs select:focus ~ .select_arrow {
    border-color: #66a7d2;
}

div.wrapper.datenpflege div.content .bootstrap-select .btn.dropdown-toggle.select-with-transition {
    background-image: linear-gradient(to top, #66a7d2 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}


/* Surcharge */
div.wrapper nav.sidebar li.artikelinfos.active i,
div.wrapper nav.sidebar li.artikelinfos.nav-item input[type=checkbox]:checked ~ a.nav-link i,
div.wrapper nav.sidebar li.artikelinfos.nav-item input[type=checkbox]:checked ~ div a.nav-link i,
div.wrapper nav.sidebar li.artikelinfos.nav-item:hover a.nav-link i,
div.wrapper nav.sidebar li.artikelinfos.nav-item > a.nav-link[aria-expanded=true] i,
div.wrapper nav.sidebar li.artikelinfos.nav-item > div.collapse.show i,
div.wrapper.artikelinfos div.content .btn.btn-primary.btn-link,
div.wrapper.artikelinfos div.content span.hint a i,
div.wrapper.artikelinfos div.content .card .card-footer a,
div.wrapper.artikelinfos div.content .btn.btn-link, .btn.btn-default.btn-link,
div.wrapper.artikelinfos div.content .card-collapse .card-header a[aria-expanded="true"],
html:not(.js) div.wrapper.artikelinfos div.card-collapse input[type=checkbox]:checked ~ div.card-header a,
div.wrapper.artikelinfos div.content .card-collapse .card-header a:hover {
    color: #b1b04f !important
}

div.wrapper.artikelinfos div.content .card-icon,
div.wrapper.artikelinfos div.content .card.card-chart .card-header,
div.wrapper.artikelinfos div.content .card .card-header-tabs,
div.wrapper.artikelinfos div.content .bootstrap-select .dropdown-item.active,
div.wrapper.artikelinfos div.content .bootstrap-select .dropdown-menu .dropdown-item:hover {
    background: #b1b04f !important;
    color: #ffffff;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px #b1b04fB3 !important;
}

div.wrapper.artikelinfos div.content .form-check .form-check-input:checked + .form-check-sign .check {
    background: #b1b04f !important;
}


div.wrapper.artikelinfos div.content .togglebutton label input[type=checkbox]:checked + .toggle {
    background-color: #b1b04f;
}

div.wrapper.artikelinfos div.content .togglebutton label input[type=checkbox]:checked + .toggle:after {
    border-color: #b1b04f;
}

div.wrapper.artikelinfos div.content .table.table-hover tbody tr:hover,
div.wrapper.artikelinfos .itable .row:not(.head):hover{
    background-color: rgba(177, 176, 79, 0.2) !important;
}

div.wrapper.artikelinfos div.content .bootstrap-select .btn.dropdown-toggle.select-with-transition {
    background-image: linear-gradient(to top, #b1b04f 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}

/* Organization */
div.wrapper nav.sidebar li.preisinfos.active i,
div.wrapper nav.sidebar li.preisinfos.nav-item input[type=checkbox]:checked ~ a.nav-link i,
div.wrapper nav.sidebar li.preisinfos.nav-item input[type=checkbox]:checked ~ div a.nav-link i,
div.wrapper nav.sidebar li.preisinfos.nav-item:hover a.nav-link i,
div.wrapper nav.sidebar li.preisinfos.nav-item > a.nav-link[aria-expanded=true] i,
div.wrapper nav.sidebar li.preisinfos.nav-item > div.collapse.show i,
div.wrapper.preisinfos div.content .btn.btn-primary.btn-link,
div.wrapper.preisinfos div.content span.hint a i,
div.wrapper.preisinfos div.content .card .card-footer a,
div.wrapper.preisinfos div.content .btn.btn-link, .btn.btn-default.btn-link,
div.wrapper.preisinfos div.content .card-collapse .card-header a[aria-expanded="true"],
html:not(.js) div.wrapper.preisinfos div.card-collapse input[type=checkbox]:checked ~ div.card-header a,
div.wrapper.preisinfos div.content .card-collapse .card-header a:hover {
    color: #ec7474 !important
}

div.wrapper.preisinfos div.content .card-icon,
div.wrapper.preisinfos div.content .card.card-chart .card-header,
div.wrapper.preisinfos div.content .card .card-header-tabs,
div.wrapper.preisinfos div.content .bootstrap-select .dropdown-item.active,
div.wrapper.preisinfos div.content .bootstrap-select .dropdown-menu .dropdown-item:hover {
    background: #ec7474 !important;
    color: #ffffff;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px #ec7474B3 !important;
}


div.wrapper.preisinfos div.content .form-check .form-check-input:checked + .form-check-sign .check {
    background: #ec7474 !important;
}

div.wrapper.preisinfos div.content .togglebutton label input[type=checkbox]:checked + .toggle {
    background-color: #ec7474;
}

div.wrapper.preisinfos div.content .togglebutton label input[type=checkbox]:checked + .toggle:after {
    border-color: #ec7474;
}

div.wrapper.preisinfos div.content .table.table-hover tbody tr:hover,
div.wrapper.preisinfos .itable .row:not(.head):hover{
    background-color: rgba(236, 116, 116, 0.2) !important;
}

div.wrapper.preisinfos div.content .bootstrap-select .btn.dropdown-toggle.select-with-transition {
    background-image: linear-gradient(to top, #ec7474 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}