/* Adapt navigation menu to the density design */
#hui-page-tree > ul.jqtree-tree > #hui-auxiliary-tree > ul.jqtree_common[role="group"] > li > .jqtree-element::after,
#hui-page-tree > ul.jqtree-tree #hui-workspace-tree > ul.jqtree_common[role="group"] > li > .jqtree-element::after,
#hui-page-tree > ul.jqtree-tree > #hui-auxiliary-tree > ul.jqtree_common[role="group"] > li::before,
#hui-page-tree > ul.jqtree-tree #hui-workspace-tree > ul.jqtree_common[role="group"] > li::before,
#hui-page-tree > ul.jqtree-tree > #hui-auxiliary-tree > ul.jqtree_common[role="group"] > li:last-child > a.jqtree-element.cplace-pjax-link::before,
#hui-page-tree > ul.jqtree-tree #hui-workspace-tree > ul.jqtree_common[role="group"] > li:last-child > a.jqtree-element.cplace-pjax-link::before {
    display: none;
}

#hui-page-tree > ul.jqtree-tree.jqtree_common .jqtree-element.tree-level-1 + ul.jqtree_common[role="group"],
#hui-page-tree > ul.jqtree-tree.jqtree_common #hui-auxiliary-tree .jqtree-element.tree-level-1 + ul.jqtree_common[role="group"] {
    margin-left: 8px;
    padding-right: 0;
    width: 100%;
}

#hui-page-tree > ul.jqtree-tree #hui-workspace-tree > ul.jqtree_common[role="group"] > li > .jqtree-element.jqtree_common,
#hui-page-tree > ul.jqtree-tree > #hui-auxiliary-tree > ul.jqtree_common[role="group"] > li > .jqtree-element.jqtree_common,
#hui-page-tree > ul.jqtree-tree > #hui-auxiliary-tree > ul.jqtree_common[role="group"] > li > ul > li.jqtree_common {
    margin-left: 0;
    padding-left: 32px;
    margin-right: 15px;
}

#hui-page-tree > ul.jqtree-tree > #hui-auxiliary-tree > ul.jqtree_common[role="group"] > li > ul > li.jqtree_common[level="3"] {
    padding-left: 17px;
}

#hui-page-tree > ul.jqtree-tree li li.jqtree_common.active > a,
#hui-page-tree > ul.jqtree-tree .jqtree-element:hover:not(.tree-level-1) {
    border-radius: 2px;
}

#hui-page-tree > ul.jqtree-tree li li.jqtree_common.active > a,
#hui-page-tree > ul.jqtree-tree li li.jqtree_common.active > a.tree-level-3,
#hui-page-tree > ul.jqtree-tree #hui-auxiliary-tree.active .jqtree-element.tree-level-1 {
    border-left: 2px solid #03597a;
}

#hui-page-tree > ul.jqtree-tree #hui-auxiliary-tree.active .jqtree-element.tree-level-1,
#hui-page-tree > ul.jqtree-tree #hui-auxiliary-tree .jqtree-element.tree-level-1 {
    border-radius: 2px;
    width: auto !important;
    margin-left: 5px;
}

#hui-page-tree > ul.jqtree-tree li li.jqtree_common > a.tree-level-3 {
    border-left: 2px solid #dcdee1;
    padding-left: 19px;
}

#hui-page-tree > ul.jqtree-tree li li.jqtree_common.active > a:hover {
    background-color: #a8dfff;
}

#hui-page-tree > ul.jqtree-tree .jqtree-element.jqtree_common > .element-no-children-icon,
#hui-page-tree > ul.jqtree-tree li li.jqtree_common.active > a > .element-no-children-icon,
#hui-page-tree > ul.jqtree-tree .jqtree-element.jqtree_common:hover:not(.tree-level-1) > .element-no-children-icon {
    display: none;
}

#hui-page-tree > ul.jqtree-tree #hui-auxiliary-tree.active .jqtree-element.tree-level-1 .jqtree-toggler > .element-toggler.hui-caret-down,
#hui-page-tree > ul.jqtree-tree #hui-auxiliary-tree.active .jqtree-element.tree-level-1 .jqtree-toggler > .element-toggler.hui-caret-right,
#hui-page-tree > ul.jqtree-tree #hui-auxiliary-tree.jqtree_common.active .jqtree-element.tree-level-1 .element-title-presentation-icon:before,
#hui-page-tree > ul.jqtree-tree #hui-auxiliary-tree.jqtree_common.active .jqtree-element.tree-level-1 .element-title-presentation-icon {
    background: transparent;
}

#hui-page-tree > ul.jqtree-tree .jqtree-element .jqtree-toggler {
    order: 3;
}

#hui-page-tree > ul.jqtree-tree #hui-auxiliary-tree .jqtree-element.tree-level-1 .element-title-presentation-icon {
    border: none;
}

#hui-page-tree > ul.jqtree-tree .jqtree-element.tree-level-1 > .jqtree-title {
    text-transform: uppercase;
    color: #353a41;
}

/* Add startpage is highlighted as active in side navigation when on startpage */
#hui-page-tree>ul.jqtree-tree .jqtree_common.active .jqtree-element.tree-level-1 {
    background: #E0F2FF;
    border-left: 2px solid #03597a;
}

hui-content-header .hui-content-header {
    background-color: #ffffff;
    padding: 0 24px;
}

hui-content-header.scrolled .hui-content-header > .hui-ch-page-section {
    height: 59px;
}


#hui-workspace-menu #hui-logo-section {
    border-bottom: 1px solid #e9eaec;
}

#hui-workspace-menu {
    border-right: 1px solid #e9eaec;
}

#hui-page-tree > ul.jqtree-tree #hui-auxiliary-tree > .hui-auxiliary-tree-header > .hui-auxiliary-tree-divider {
    border-color: #e9eaec;
}

/*** general widget styling ***/
.jarviswidget:not(.widget-no-frame) {
    box-shadow: none !important;
}

.jarviswidget .widget-body div.cplace-no-padding-widget-sub-row {
    padding-left: 0;
    padding-right: 0;
}

.row.cplace-jarviswidget-layout-row {
    margin-left: 0;
    margin-right: 0;
}

.cplace-widget-container.cplace-widget-body {
    padding-left: 0;
    padding-right: 0;
}

.widget-height-utils {
    display: none;
}

.jarviswidget-fullscreen-wrapper {
    padding-left: 3px;
}

.row.cplace-control-group {
    margin-right: 0;
    margin-left: 0;
}

@media (min-width: 992px) {
    .row.cplace-jarviswidget-layout-row article.col-md-1:not(:only-child):not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-2:not(:only-child):not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-3:not(:only-child):not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-4:not(:only-child):not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-5:not(:only-child):not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-6:not(:only-child):not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-7:not(:only-child):not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-8:not(:only-child):not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-9:not(:only-child):not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-10:not(:only-child):not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-11:not(:only-child):not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-12:not(:only-child):not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-1:not(:only-child):not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-2:not(:only-child):not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-3:not(:only-child):not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-4:not(:only-child):not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-5:not(:only-child):not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-6:not(:only-child):not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-7:not(:only-child):not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-8:not(:only-child):not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-9:not(:only-child):not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-10:not(:only-child):not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-11:not(:only-child):not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-12:not(:only-child):not(:empty) {
        padding-right: 46px;
        padding-left: 43px;
    }
}

@media (min-width: 992px) {
    .row.cplace-jarviswidget-layout-row > article.col-md-1:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-md-2:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-md-3:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-md-4:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-md-5:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-md-6:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-md-7:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-md-8:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-md-9:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-md-10:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-md-11:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-md-12:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-lg-1:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-lg-2:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-lg-3:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-lg-4:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-lg-5:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-lg-6:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-lg-7:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-lg-8:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-lg-9:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-lg-10:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-lg-11:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-lg-12:first-child:not(:empty) {
        padding-left: 21px;
        border: none;
    }
}

@media (min-width: 992px) {
    .row.cplace-jarviswidget-layout-row > article.col-md-1:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-md-2:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-md-3:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-md-4:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-md-5:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-md-6:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-md-7:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-md-8:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-md-9:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-md-10:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-md-11:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-md-12:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-lg-1:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-lg-2:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-lg-3:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-lg-4:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-lg-5:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-lg-6:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-lg-7:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-lg-8:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-lg-9:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-lg-10:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-lg-11:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row > article.col-lg-12:last-child:not(:empty) {
        padding-right: 24px;
    }
}

@media (min-width: 992px) {
    .row.cplace-jarviswidget-layout-row article.col-md-1:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-2:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-3:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-4:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-5:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-6:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-7:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-8:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-9:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-10:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-11:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-12:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-1:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-2:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-3:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-4:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-5:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-6:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-7:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-8:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-9:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-10:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-11:first-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-12:first-child:not(:empty) {
        padding-left: 0;
        border: none;
    }
}

@media (min-width: 992px) {
    .row.cplace-jarviswidget-layout-row article.col-md-1:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-2:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-3:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-4:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-5:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-6:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-7:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-8:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-9:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-10:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-11:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-md-12:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-1:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-2:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-3:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-4:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-5:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-6:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-7:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-8:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-9:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-10:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-11:last-child:not(:empty),
    .row.cplace-jarviswidget-layout-row article.col-lg-12:last-child:not(:empty) {
        padding-right: 0;
    }
}

input[type="file"] {
    color: #a2aab4 !important;
    font-style: italic;
}

input[type="file"]::file-selector-button {
    border: none;
    background: transparent;
    color: #037493 !important;
    margin-top: 4px;
    cursor: pointer !important;
}

[data-type-internal-name="de.bmw.cp.SupplierLocation"] [data-widget-kind="cf.cplace.platform.attributesGroup"] [data-ua-name="jarviswidget-edit-button"],
[data-type-internal-name="de.bmw.cp.SupplierLocation"] [data-widget-kind="cf.cplace.platform.attributesGroup"] [cplace-tooltipster="Bearbeiten"],
[data-type-internal-name="de.bmw.cp.SupplierLocation"] [data-widget-kind="cf.cplace.platform.attributesGroup"] [cplace-tooltipster="Edit"] {
    display: none !important;
}

[data-widget-kind="cf.cplace.platform.attributesGroup"] .row.cplace-control-group .control-label {
    text-align: left;
}

.jarviswidget header[role=heading] h2 {
    text-transform: uppercase;
    margin: 0;
}

/** modal dialog **/
.cf-cplace-forms-wizard-modal.modal-body {
    padding: 0;
}

.wizard-footer {
    padding: 16px;
    background: #f2f3f4;
    border-top: #c1c5cb solid 1px;
}

.wizard-header {
    padding: 16px;
}

.wizard-content {
    padding: 0 16px;
}

.cf-cplace-forms-wizard-modal.modal-body .wizard-step-view {
    border-top: #c1c5cb solid 1px;
    padding: 16px 0;
}

.cf-cplace-forms-wizard-modal.modal-body .wizard-step-view form .cplace-control-group label {
    width: 100%;
    margin-bottom: .5em;
    text-align: left !important;
}

.wizard-step-view .row.cplace-control-group > * {
    width: 100%;
}

span.cplace-control-required {
    color: red;
    padding-right: 3px;
    margin: 4px 0 -4px 0;
    font-size: 23px;
    font-weight: 300;
}

/** content header **/
.hui-ch-page-section {
    display: flex;
    align-items: center;
}

hui-content-header .hui-content-header > .hui-ch-page-section > span.hui-ch-page-name {
    margin-top: 3px;
    margin-left: 12px;
}

a.hui-ch-page-btn.ng-scope.hui-btn.btn.btn-icon {
    margin-left: 5px;
}

/* content header icon */
hui-content-header .hui-content-header > .hui-ch-page-section > .hui-ch-zoom-out > .hui-ch-zoom-out-split-icon {
    margin: 0 4px 0 14px;
    display: flex;
}

hui-content-header .hui-content-header > .hui-ch-page-section .fa-chevron-right:before {
    font-weight: 400;
    font-size: 11px;
}

hui-content-header .hui-content-header > .hui-ch-page-section a.hui-ch-page-btn {
    font-size: 19px;
}

/** tables **/
.table thead td, .table thead th:hover {
    background: #f2f3f4;
}

.table thead td, .table thead th:hover div.columnLabel {
    color: #69707a;
}

.table thead td, .table thead th:has(.ascending) div.columnLabel,
.table thead td, .table thead th:has(.descending) div.columnLabel {
    color: #067493;
}

/* grouped tables */
.jarviswidget[data-widget-kind="cf.platform.embeddedSearchAsTable"] .table-striped:has(tr.group-header) tr:nth-of-type(odd):not(.group-header) {
    background: #fff !important; /* remove zebra optic */
}

/* keep default background in tables */
td[cplace-flexi-cell] .cplace-control-wrapper {
    background-color: transparent !important;
    padding-left: 0;
    color: #353a41;
}

/*** scrollbars  ***/
/** navigation scrollbar **/
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background: #00000082 !important;
    max-height: 80px !important;
}

/*** style kanban board ***/
/* style board */
.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] .cplace-cboard-main-widget {
    border-bottom: 1px solid #dcdee1;
    padding-bottom: 0;
}

.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"],
.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] {
    box-shadow: none;
}

.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] header,
.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] header {
    display: none;
}

/* search bar */
.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] .header-content .search-bar.form-control {
    background-color: #ffffff !important;
}

/* buttons */
.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] cplace-cboard-unify-date-format-control,
.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] cplace-cboard-unify-date-format-control {
    display: none;
}

.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] .header-content .action-group:not(.filters-group):not(.element-visibility-group),
.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] .header-content .action-group:not(.filters-group):not(.element-visibility-group) {
    display: none;
}

/* cards */
.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] .cplace-cboard-card-entry {
    box-shadow: 0 0 0 1px #e9eaec;
}

.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] .cplace-cboard-card-entry.selected {
    box-shadow: 0 0 0 2px #067493;
}

.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] .cplace-cboard-card-entry .card-content .card-footer .card-tag {
    background-color: #f2f3f4;
    color: #067493;
}

.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] .cplace-cboard-card-entry .card-content .card-footer .card-ref-type {
    display: none;
}

.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] .cplace-cboard-card-entry .card-content .card-footer .card__date {
    font-weight: bold;
}

.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] .header-content .filter,
.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] .header-content .header-action,
.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] .details-view-button .header-action {
    box-shadow: none;
}

.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] .header-content .filter > a .icon,
.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] .header-content .header-action i,
.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] .details-view-button .header-action i {
    color: #067493;
    border-radius: 2px;
}

.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] .header-content .filter > a .icon:hover,
.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] .header-content .header-action:hover,
.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] .header-content .header-action.active,
.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] .details-view-button .header-action.opened:hover,
.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] .details-view-button .header-action:hover {
    background-color: #a8dfff;
    border: none;
}

.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] .details-view-button .header-action.opened {
    border: none;
    background-color: transparent;
}

.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] .cplace-cboard-card-entry .card-content .card-header .card-menu .card-menu-toggle:hover {
    color: #035970;
}

/* column header */
.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] .cplace-cboard-main-widget .card-counter {
    background-color: #f2f3f4;
    color: #067493;
    border: none;
    border-radius: 8px;
}

.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] .cplace-cboard-main-widget .cell-grid > .column-header:nth-child(2) .card-counter {
    color: #7547ff;
    background-color: #eef0ff;
}

.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] .cplace-cboard-main-widget .cell-grid > .column-header:nth-child(3) .card-counter {
    color: #6d7407;
    background-color: #fdF9d8;
}

.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] .cplace-cboard-main-widget .cell-grid > .column-header:nth-child(4) .card-counter {
    color: #c117b9;
    background-color: #f7edf9;
}

.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] .cplace-cboard-main-widget .cell-grid > .column-header:nth-child(5) .card-counter {
    color: #007e64;
    background-color: #e6fdf1;
}

/* details */
.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] cplace-cboard-card-details-view {
    box-shadow: -4px 0 12px #0000001a;
}

.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] cplace-cboard-card-details-view .details-form {
    padding: 0 24px 24px 24px
}

.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] cplace-cboard-card-details-view .row.cplace-control-group {
    margin: 16px 0;
}

.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] cplace-cboard-card-details-view .row.cplace-control-group .control-label {
    font-size: 12px;
    margin-bottom: 0;
}

.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] cplace-cboard-card-details-view .row.cplace-control-group select.form-control,
.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] cplace-cboard-card-details-view .row.cplace-control-group input.form-control,
.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] cplace-cboard-card-details-view .row.cplace-control-group button.dropdown-toggle.btn-default {
    background-color: #ffffff !important;
}

.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] cplace-cboard-card-details-view .row.cplace-control-group select.form-control:hover,
.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] cplace-cboard-card-details-view .row.cplace-control-group input.form-control:hover,
.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] cplace-cboard-card-details-view .row.cplace-control-group button.dropdown-toggle.btn-default:hover {
    background-color: #e0f2ff !important;
}

.jarviswidget[data-widget-kind="cf.cplace.cboard.main.board"] cplace-cboard-card-details-view .row.cplace-control-group .cplace-control-wrapper.read-only {
    padding-left: 0;
}

/* tooltip fe2.0 styling */
/* these stylings can be removed when the frontend 2.0 variables can be overwritten again. */
.p-tooltip.p-component .p-tooltip-text {
    font-family: "Segoe Ui", "San Francisco", "Roboto", "Helvetica", "Arial", "Sans-Serif", sans-serif;
}

/* these stylings overwrite the default behavior and need to be kept */
.p-tooltip.p-component .p-tooltip-text {
    font-stretch: normal;
    box-shadow: none;
    background: #1f2328;
    line-height: 16px;
    font-size: 12px;
    border-radius: 2px;
}

.p-tooltip-top.p-component .p-tooltip-arrow {
    bottom: -0.2em;
    margin-left: -0.5rem;
    border-width: 0.5em 0.5em 0;
}

.p-tooltip-left.p-component .p-tooltip-arrow {
    right: -0.2em;
    margin-top: -0.5rem;
    border-width: 0.5em 0 0.5em 0.5em;
}

.p-tooltip-bottom.p-component .p-tooltip-arrow {
    top: -0.2em;
    margin-left: -0.5rem;
    border-width: 0 0.5em 0.5em 0.5em;
}

.p-tooltip-right.p-component .p-tooltip-arrow {
    left: -0.2em;
    margin-top: -0.5rem;
    border-width: 0.5em 0.5em 0.5em 0;
}

.p-tooltip.p-tooltip-right.p-component .p-tooltip-arrow {
    border-right-color: #1f2328;
}

.p-tooltip.p-tooltip-left.p-component .p-tooltip-arrow {
    border-left-color: #1f2328;
}

.p-tooltip.p-tooltip-top.p-component .p-tooltip-arrow {
    border-top-color: #1f2328;
}

.p-tooltip.p-tooltip-bottom.p-component .p-tooltip-arrow {
    border-bottom-color: #1f2328;
}

/* tooltip frontend 1 styling */
.tooltipster-sidetip.tooltipster-light .tooltipster-box {
    box-shadow: none;
    border: none;
}

.tooltipster-sidetip.tooltipster-light .tooltipster-box .tooltipster-content {
    font-stretch: normal;
    box-shadow: none;
    background: #1f2328;
    line-height: 16px;
    font-size: 12px;
    border-radius: 2px;
    color: #ffffff;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #1f2328;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #1f2328;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #1f2328;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #1f2328;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content {
    color: #ffffff;
    padding: 8px;
}

.tooltipster-sidetip .tooltipster-content a {
    color: #3ccaff;
}

.tooltipster-sidetip .tooltipster-content a:hover {
    color: #a8dfff;
}

/* Page header (nav bar header) */
/* Stroke bottom */
#hui-top-navigation-bar > #hui-navbar.navbar-fixed-top {
    border-bottom: 1px solid #e1e4ea;
}

/* Icon only Buttons */
#hui-top-navigation-bar > #hui-navbar.navbar-fixed-top .nav > li .hui-top-navigation-bar-link-icon {
    font-family: "Font Awesome 5 Pro", serif !important;
    width: 20px;
}

#hui-top-navigation-bar > #hui-navbar.navbar-fixed-top .nav > li > a.hui-btn.btn-icon,
#hui-top-navigation-bar > #hui-navbar.navbar-fixed-top .navbar-header > .navbar-toggle {
    color: #037493;
    padding: 6px;
    border-radius: 2px;
    height: 32px;
}

#hui-top-navigation-bar > #hui-navbar.navbar-fixed-top .nav > li > a.hui-btn.btn-icon:hover {
    background-color: #a8dfff;
}

#hui-top-navigation-bar > #hui-navbar.navbar-fixed-top .nav > li > a:hover.hui-btn.btn-icon > i,
#hui-top-navigation-bar > #hui-navbar.navbar-fixed-top .nav > li > a:focus.hui-btn.btn-icon > i,
#hui-top-navigation-bar > #hui-navbar.navbar-fixed-top .nav > .hui-overflow-menu[data-type="routes"].open > .hui-overflow-menu-toggle.dropdown-toggle:not(:hover).hui-btn.btn-icon > i {
    color: #037493;
}

.navbar-nav.navbar-right .hui-overflow-menu[data-type="routes"] > .hui-overflow-menu-toggle.dropdown-toggle.btn-icon > .overflow-menu-toggle-caret,
.hui-btn.btn.btn-dropdown:not(.btn-icon) > i {
    font-family: "Font Awesome 5 Pro", serif !important;
    color: #037493;
    width: 20px;
    margin-left: 8px;
}

hui-content-header .hui-content-header .hui-ch-content-section .hui-ch-content-default-actions-dropdown {
    padding-right: 0;
}

hui-content-header .hui-content-header .hui-ch-content-section .hui-ch-content-default-actions-dropdown .hui-dropdown-toggle > i {
    font-family: "Font Awesome 5 Pro", serif !important;
}

hui-content-header .hui-content-header .hui-ch-content-section .hui-ch-content-default-actions-dropdown .hui-dropdown-toggle {
    height: 32px;
    width: 32px;
}

/* caret-down */
.navbar-nav.navbar-right .hui-caret-down:before {
    content: "\f078";
}

/* fa-star */
.navbar-nav.navbar-right .hui-star-o:before {
    content: "\f005";
}

/* fa-bell */
.navbar-nav.navbar-right .hui-notification-o:before {
    content: "\f0f3";
}

/* more-vertical */
.navbar-nav.navbar-right .hui-more-vertical:before,
.hui-ch-content-default-actions-dropdown .hui-more-vertical:before {
    content: "\f142";
}

i.hui.hui-more-vertical.hui-dropdown-toggle-caret {
    font-size: 18px;
}

.nav > li {
    margin-left: 8px;
}

/* Content header – Page title */
/* Breadcrumbs & Title */
hui-content-header .hui-content-header > .hui-ch-page-section > .hui-ch-page-name {
    font-family: "BmwGroup Condensed", serif;
    text-transform: uppercase;
    font-size: 23px;
    font-weight: 500;
    line-height: 28px;
    margin-left: 8px;
    margin-top: 8px;
}

hui-content-header .hui-content-header > .hui-ch-page-section .hui-ch-page-btn {
    pointer-events: none;
}

hui-content-header .hui-content-header > .hui-ch-page-section .hui-ch-zoom-out-btn:hover {
    background-color: unset;
    color: #037493;
}

hui-content-header .hui-content-header > .hui-ch-page-section .hui-ch-page-btn,
hui-content-header .hui-content-header > .hui-ch-page-section .hui-ch-zoom-out-btn {
    font-size: 20px;
    height: 24px;
    width: 24px;
}

hui-content-header .hui-content-header > .hui-ch-page-section .hui-ch-page-btn > i,
hui-content-header .hui-content-header > .hui-ch-page-section .hui-ch-zoom-out-btn > i {
    width: 1em;
}

/* Content header – page menu (views and default actions) */
.dropdown.hui-dropdown .dropdown-toggle.hui-dropdown-toggle {
    font-size: 12px;
}

hui-content-header .hui-content-header > .hui-ch-content-section #hui-ch-custom-actions-dropdown .hui-dropdown-toggle-caret {
    font-size: 12px;
}

.hui-dropdown-toggle > .hui-caret-down:before {
    content: "\f078";
}

.dropdown.hui-dropdown.open .dropdown-toggle.hui-dropdown-toggle .hui-dropdown-toggle-caret {
    transform: none;
}

.hui-btn.btn.btn-icon,
.hui-btn.btn.btn-dropdown,
.hui-btn.btn.btn-tertiary,
.hui-ch-content-context-btn.btn-primary,
.dropdown.hui-dropdown .dropdown-toggle.hui-dropdown-toggle.no-focus,
hui-content-header .hui-content-header .hui-ch-content-section .hui-ch-views-open-btn,
hui-content-header .hui-content-header .hui-ch-content-section .hui-ch-views-close-btn,
hui-content-header .hui-content-header .hui-ch-content-section .hui-ch-content-context-btn {
    color: #037493;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    align-items: center;
    min-height: 32px;
}

hui-content-header .hui-content-header .hui-ch-content-section .hui-ch-views-open-btn:hover,
hui-content-header .hui-content-header .hui-ch-content-section .hui-ch-views-open-btn:active,
hui-content-header .hui-content-header .hui-ch-content-section .hui-ch-content-context-btn.btn-primary,
hui-content-header .hui-content-header .hui-ch-content-section .hui-ch-content-context-btn.btn-primary:hover,
hui-content-header .hui-content-header .hui-ch-content-section .hui-ch-content-context-btn:hover,
hui-content-header .hui-content-header .hui-ch-content-section .hui-ch-content-default-actions-dropdown .hui-dropdown-toggle:hover,
hui-content-header .hui-content-header .hui-ch-content-section .hui-ch-content-default-actions-dropdown .hui-dropdown-toggle:active,
hui-content-header .hui-content-header .hui-ch-content-section .hui-ch-views-close-btn:hover,
.hui-btn.btn.btn-icon:hover, .hui-btn.btn.btn-icon:focus, .hui-btn.btn.btn-icon:active,
.hui-btn.btn.btn-dropdown:hover, .hui-btn.btn.btn-dropdown:focus, .hui-btn.btn.btn-dropdown:active,
.hui-btn.btn.btn-tertiary:hover, .hui-btn.btn.btn-tertiary:focus, .hui-btn.btn.btn-tertiary:active,
.dropdown.hui-dropdown .dropdown-toggle.hui-dropdown-toggle:hover,
.dropdown.hui-dropdown .dropdown-toggle.hui-dropdown-toggle.no-focus:hover,
.dropdown.hui-dropdown.open .dropdown-toggle.hui-dropdown-toggle,
.dropdown.hui-dropdown.open .dropdown-toggle.hui-dropdown-toggle:hover,
.dropdown.hui-dropdown.open .dropdown-toggle.hui-dropdown-toggle:focus,
#hui-top-navigation-bar > #hui-navbar.navbar-fixed-top .navbar-header > .navbar-toggle:hover {
    color: #037493;
    background-color: #a9e0ff;
}

.hui-btn.btn.btn-icon.hui-ch-views-scroller:hover {
    color: #037493;
    background-color: inherit;
}

hui-content-header .hui-content-header .hui-ch-content-section,
hui-content-header .hui-content-header .hui-ch-content-section .hui-ch-content-context .hui-ch-content-context-views .filler,
hui-content-header .hui-content-header .hui-ch-content-section .overlay-fade {
    height: 32px;
}

hui-content-header .hui-content-header .hui-ch-content-section .hui-ch-content-context-views > .hui-ch-content-context-views-inner {
    gap: 8px;
}

hui-content-header .hui-content-header .hui-ch-content-section .hui-ch-content-context-btn {
    padding: 7px 12px;
    margin: 0;
}

.dropdown.hui-dropdown .dropdown-menu.hui-dropdown-menu .hui-dropdown-menu-link:hover,
.dropdown.hui-dropdown .dropdown-menu.hui-dropdown-menu .hui-dropdown-menu-link a:focus {
    color: #353a41;
    background-color: #f2f3f4;
}

hui-content-header .hui-content-header .hui-ch-content-section .hui-ch-views-close-btn {
    width: 32px;
    padding: 0;
}

@media (min-width: 992px) {
    hui-content-header .hui-content-header > .hui-ch-content-section .overlay-fade.custom-actions-showing:not(.close-views-btn-showing) {
        left: 182px;
    }

    hui-content-header .hui-content-header > .hui-ch-content-section .overlay-fade.custom-actions-showing:not(.close-views-btn-showing),
    hui-content-header .hui-content-header > .hui-ch-content-section .overlay-fade.right.default-actions-showing:not(.close-views-btn-showing) {
        top: 3px;
    }
}

/* Back to Top Button */
.cplace-back-to-top-button {
    bottom: 5px;
    border: 1px solid #c1c5cb !important;
    background-color: #fff;
    color: #037493;
    opacity: 1;
}

.cplace-back-to-top-button:hover,
.cplace-back-to-top-button:focus,
.cplace-back-to-top-button:active {
    border: 1px solid #035970 !important; /* wird aktuell überschrieben */
    background-color: #a8dfff !important;
    color: #037493 !important;
}

/* Prevents dark background when clicking on the "Back to top" button */
.btn-primary:active:focus {
    background-color: #a8dfff;
    color: #037493;
}

/* Page Layout Spacings */
#cplace #page-content-wrapper > .container-fluid > #content-with-padding {
    padding-right: 24px;
    padding-left: 24px;
}

hui-content-header {
    margin-top: 24px;
    margin-bottom: 36px;
}

#cplace #page-content-wrapper .cplace-inner-content {
    padding-top: 0;
}

/* Reenable different stylings for fontawesome icons */
.fal.fa-check:before, .far.fa-check:before {
    font-family: 'Font Awesome 5 Pro';
}

fal.fa-times-circle, far.fa-times-circle {
    font-family: 'Font Awesome 5 Pro';
}

fal.fa-ban:before, far.fa-ban:before {
    font-family: 'Font Awesome 5 Pro';
}

.fal.fa-check-circle:before, .far.fa-check-circle:before {
    font-family: 'Font Awesome 5 Pro';
}

/* Multiselect styling */
cf-wc-bridge .p-multiselect-panel .p-multiselect-items .p-element.p-multiselect-item {
    flex-direction: row;
    gap: 9px;
    font-size: 12px;
    line-height: 16px;
    border-left: 2px solid transparent;
}

cf-wc-bridge .p-multiselect-label.p-placeholder {
    font-style: italic;
}

cf-wc-bridge .p-component.p-multiselect .p-multiselect-label {
    font-size: 12px;
    line-height: 16px;
}

cf-wc-bridge p-multiselect.p-element.p-multiselect-clearable .p-multiselect-clear-icon {
    color: #69707a;
}

cf-wc-bridge .p-component.p-multiselect .p-multiselect-trigger {
    color: #037493;
}

cf-wc-bridge .p-component.p-multiselect {
    border-color: #c1c5cb;
}

cf-wc-bridge .p-component.p-multiselect:hover, cf-wc-bridge .p-component.p-multiselect:focus, cf-wc-bridge .p-component.p-multiselect:focus-visible {
    border-color: #035970;
    box-shadow: none;
    outline: #0291b74d solid 2px;
    outline-offset: 0.01em;
}

cf-wc-bridge .p-component.p-multiselect:hover {
    background-color: #e0f2ff;
}

cf-wc-bridge .p-component.p-multiselect:focus,
cf-wc-bridge .p-component.p-multiselect:focus-visible,
cf-wc-bridge .p-component.p-multiselect.p-multiselect-open:hover {
    background-color: #dcdee133;
}

cf-wc-bridge .p-component.p-multiselect:not(.p-disabled).p-focus {
    box-shadow: none;
}

cf-wc-bridge .p-multiselect-items .p-checkbox .p-checkbox-box {
    border-color: #c1c5cb;
}

cf-wc-bridge .p-multiselect-items .p-checkbox .p-checkbox-box:hover {
    border-color: #035970;
    background-color: #e0f2ff;
    outline: none;
}

cf-wc-bridge .p-multiselect-panel .p-multiselect-items .p-element.p-multiselect-item.p-highlight:not(:hover) {
    background-color: #e0f2ff;
    border-radius: 2px;
    border-color: #035970;
}

cf-wc-bridge .p-multiselect-panel .p-multiselect-items .p-element.p-multiselect-item:focus {
    outline: none;
    box-shadow: none;
}

cf-wc-bridge .p-multiselect-panel .p-multiselect-items .p-element.p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
    background-color: #f2f3f4;
}

cf-wc-bridge .p-multiselect-panel .p-multiselect-items .p-element.p-multiselect-item.p-highlight:hover {
    background-color: #a8dfff;
    border-color: #035970;
}

/* layout as tabs */
.cplace-layout-tabs-widget-navigation .nav.nav-tabs li:only-child {
    display: none;
}

.cplace-layout-tabs-widget-navigation .nav.nav-tabs {
    border: none;
}

/*** buttons ***/
.btn.btn-default {
    border-radius: 2px;
    font-weight: 600;
}

.btn.btn-default:focus {
    border: 1px solid #c1c5cb !important;
}

/** ghost button muted **/
/* icon button edit, reload, esc... */

button.close span {
    display: none !important;
}

button.close {
    color: #037493;
    opacity: 1;
    padding: 0 5px 4px 5px;
    border-radius: 2px;
}

button.close:hover {
    color: #037493;
    background-color: #a8dfff;
    opacity: 1;
    text-shadow: none;
}

button.close[disabled], button.close.disabled {
    color: #1f23284d;
}

a.button-icon > .fa {
    color: #69707a;
}

a.button-icon:hover > .fa {
    color: #035970;
}

/** ghost button, ghost button with disclosures **/
/* buttons in widget header row */
.cplace-no-padding-widget-sub-row .btn.btn-default,
cf-wc-bridge .p-button.p-button-text {
    border: none !important;
}

.cplace-no-padding-widget-sub-row .btn.btn-default.btn-primary,
.tricia-edit-btn-wrapper a.btn.btn-default:only-child,
.cplace-gantt-container .my-toolbar .x-btn,
.cplace-gantt-container .my-toolbar .x-btn.x-btn-pressed {
    background-color: #ffffff;
    color: #037493;
    border: none !important;
}

.cplace-gantt-container .my-toolbar .x-btn .x-btn-icon-el.icon,
.cplace-gantt-container .my-toolbar .x-btn:hover .x-btn-icon-el.icon {
    color: #037493 !important;
}

.cplace-no-padding-widget-sub-row .btn.btn-default:hover,
.tricia-edit-btn-wrapper a.btn.btn-default:only-child:hover,
cf-wc-bridge .p-button.p-button-text:enabled:hover,
.cplace-gantt-container .my-toolbar .x-btn:hover {
    border: none !important;
    background-color: #a8dfff;
}

/* icon button filter, search,... */
a.btn.btn-default.tricia-do-not-focus.disabled,
a.btn.btn-default.tricia-do-not-focus[disabled],
.tricia-edit-btn-wrapper a.btn.btn-default:only-child[disabled],
.tricia-edit-btn-wrapper a.btn.btn-default:only-child:disabled {
    color: #1f23284d;
}

a.btn.btn-default.tricia-do-not-focus.disabled .fa,
a.btn.btn-default.tricia-do-not-focus[disabled] .fa,
.cplace-gantt-container .my-toolbar .x-btn.x-btn-disabled,
.cplace-gantt-container .my-toolbar .x-btn.x-btn-disabled .x-btn-icon-el.icon {
    opacity: 1;
    color: #1f23284d !important;
    background: #fff;
}

/* button "layout",... */
a.hui-btn.btn.hui-ch-content-context-btn.cplace-pjax-link.ng-binding.ng-scope.btn-tertiary.disabled,
a.hui-btn.btn.hui-ch-content-context-btn.cplace-pjax-link.ng-binding.ng-scope.btn-tertiary[disabled] {
    color: #1f23284d;
}

/** primary button **/
.btn.btn-primary:hover, .btn-primary:active:focus {
    border: 1px solid transparent !important;
    background: #035970;
    color: #fff;
}

.btn.btn-primary[disabled], .btn.btn-primary.disabled {
    background: #2828281a;
    color: #1f23284d;
    border: 1px solid transparent;
    opacity: 1;
}

cf-wc-bridge .p-button:focus {
    box-shadow: none;
}

/** secondary button **/
.btn.btn-secondary, .form-wrapper .btn.btn-default.edit-button, .form-wrapper .btn.btn-default.cancel-button, .modal-dialog .wizard-footer .action-cancel button {
    border: 1px solid #c1c5cb;
    color: #037493;
    background: transparent;
}


.cplace-custom-validation-buttons .btn.btn-default:hover,
.btn.btn-secondary:hover,
.form-wrapper .btn.btn-default.edit-button:hover,
.form-wrapper .btn.btn-default.cancel-button:hover,
.modal-dialog .wizard-footer .action-cancel button:hover,
.cplace-custom-validation-buttons .btn.btn-default:hover {
    border: 1px solid #035970 !important;
    background: #a8dfff;
}

.btn.btn-secondary[disabled],
.btn.btn-secondary.disabled,
.form-wrapper .btn.btn-default.edit-button[disabled],
.form-wrapper .btn.btn-default.edit-button.disabled,
.form-wrapper .btn.btn-default.cancel-button[disabled],
.form-wrapper .btn.btn-default.cancel-button.disabled,
.modal-dialog .wizard-footer .action-cancel button[disabled],
.modal-dialog .wizard-footer .action-cancel button.disabled {
    color: #1f23284d;
    opacity: 1;
}

/** primary/ secondary button **/
/* filter dropdown button */

.btn i.fa:first-child {
    margin-right: 3px;
}

.btn i.fa:last-child {
    margin-left: 3px;
}

/** workflow buttons **/
/* Positioning for workflow transition icon */
button.cf-cplace-workflow-transition-button {
    align-items: center;
    justify-content: center;
    padding: 7px 16px 7px 0;
    border-color: #c1c5cb !important;
}

button.cf-cplace-workflow-transition-button > i {
    margin-right: auto;
}

button.cf-cplace-workflow-transition-button > span {
    margin-right: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* positioning workflow buttons in workflow transitions widget */
cf-cplace-workflow-transitions-widget {
    padding-top: 5px;
    padding-right: 5px;
    display: block;
}

/*** input fields ***/
/* controls */

.cplace-control-wrapper {
    background-color: #dcdee133 !important;
    color: #353a41;
    border-radius: 2px;
    padding-left: 8px;
}

.cplace-control-wrapper.read-only {
    background-color: transparent !important;
    color: #353a41;
}

.cplace-control-wrapper.cplace-control-editing {
    background-color: transparent !important;
}

.cplace-control-wrapper > .tricia-edit-btn-wrapper {
    top: 4px !important;
    right: 4px !important;
    border-radius: 2px;
}

.cplace-control-wrapper > .tricia-edit-btn-wrapper .btn-default {
    padding: 1px;
}

.row.cplace-control-group .control-label {
    color: #69707a;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}

/*** inputs ***/
/* edit buttons save or cancel */

.cplace-custom-validation-help-and-buttons .cplace-custom-validation-buttons,
.cplace-builtin-validation-help-and-buttons .cplace-custom-validation-buttons,
.cplace-custom-validation-help-and-buttons .cplace-builtin-validation-buttons,
.cplace-builtin-validation-help-and-buttons .cplace-builtin-validation-buttons {
    display: flex;
    gap: 8px;
    flex-direction: row-reverse;
}

/* text areas */

textarea.form-control {
    border: 1px solid #c1c5cb;
}

textarea.form-control:focus {
    box-shadow: 0 0 0 2px #0291b74d;
}

/* form control */

select.form-control, input.form-control {
    border-color: #c1c5cb;
    background-color: #f8f8f9 !important;
    color: #353a41;
    border-radius: 2px;
    height: 32px;
    font-size: 12px;
    line-height: 16px;
    padding: 4px 8px;
}

select.form-control:focus, input.form-control:focus, div.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: #0291b74d solid 2px;
    outline-offset: 0.01em;
}

select.form-control:hover, input.form-control:hover {
    border-color: #035970;
    background-color: #e0f2ff;
    color: #353a41;
}

select.form-control * {
    background: #ffffff;
    border-radius: 0;
}

.input-group .cplace-control-components-buttons .btn {
    padding: 5px 12px;
    height: 32px;
}

/* dropdown */

.dropdown.bootstrap-select.form-control {
    height: 32px;
}

button.dropdown-toggle.btn-default {
    border: 1px solid #c1c5cb;
    border-radius: 2px;
    background-color: #f8f8f9;
    color: #353a41;
    height: 32px;
    font-size: 12px;
    line-height: 16px;
    padding: 4px 8px;
}

button.dropdown-toggle.btn-default .filter-option-inner-inner {
    margin-top: 3px;
}

button.dropdown-toggle.btn-default:hover {
    border-color: #035970;
    background-color: #e0f2ff;
    color: #353a41;
}

button.dropdown-toggle.btn-default:focus {
    outline: #0291b74d solid 2px !important;
    outline-offset: 0.01em;
}

.open > button.dropdown-toggle.btn-default {
    border-color: #035970;
    background-color: #f8f8f9;
    color: #353a41;
    border-radius: 2px;
    outline: #0291b74d solid 2px !important;
    outline-offset: 0.01em;
}

.dropdown-menu.open .dropdown-menu > li > a {
    margin: 0 8px;
    padding: 8px;
    border-radius: 2px;
    border-left: 1px solid transparent;
}

.dropdown-menu.open .dropdown-menu > li > a:hover {
    color: #353a41;
    background-color: #f2f3f4;
}

.dropdown-menu.open .dropdown-menu > li > a.active, .dropdown-menu.open .dropdown-menu > li.selected > a {
    color: #353a41;
    background-color: #e0f2ff;
    border-left: 1px solid #035970;
}

.dropdown-menu.open .dropdown-menu > li.selected > a .check-mark {
    display: none;
}

.ui-autocomplete.ui-widget.ui-menu .ui-menu-item > a.cplace-autocomplete-hit-result {
    margin: 0 8px;
    padding: 8px;
    border-radius: 2px;
    border-left: 1px solid transparent;
}

.ui-autocomplete.ui-widget.ui-menu .ui-menu-item > a.cplace-autocomplete-hit-result:hover,
.ui-autocomplete.ui-widget.ui-menu .ui-menu-item > a.cplace-autocomplete-hit-result.ui-state-focus {
    color: #353a41;
    background-color: #f2f3f4;
}

.ui-autocomplete.ui-widget.ui-menu .ui-menu-item > a.cplace-autocomplete-hit-result.ui-state-focus .cplace-autocomplete-hit-disambiguation {
    color: #037493;
    background-color: #f2f3f4;
}

.form-control .dropdown-toggle {
    border-radius: 0;
}

/*** datepicker ***/

.datepicker table tr td span.year.active.active,
.datepicker table tr td span.month.active.active,
.datepicker table tr td.day:hover,
.datepicker table tr td.day.today:hover {
    outline: 1px solid #035970;
    background: #e0f2ff !important;
    color: #353a41 !important;
}

.datepicker table tr td.day.today {
    background-color: #dcdee133 !important;
    color: #353a41 !important;
}

.datepicker table tr td.day.active.active {
    outline: none;
    background: #035970;
    color: #fff;
}

.datepicker table tr td span.year.active.active:hover,
.datepicker table tr td span.month.active.active:hover {
    outline: 1px solid #035970;
    background: #a8dfff;
    color: #353a41;
}

.datepicker table tr td span.month:hover,
.datepicker table tr td span.year:hover,
.datepicker table tr td.day.today {
    background: #eee;
    outline: 1px solid #c1c5cb;
}

/*** gantt diagram ***/
/* context menu */
.x-menu-item-default.x-menu-item-disabled a {
    display: none
}

/* gantt header */
.cplace-gantt-container div#slider-1030.x-form-item {
    display: none;
}

.cplace-gantt-container a#button-1074 {
    left: 718px !important;
}

.cplace-gantt-container a#button-1075 {
    left: 760px !important;
}

.cplace-gantt-container a#button-1076 {
    left: 802px !important;
}

.cplace-gantt-container a#button-1077 {
    left: 844px !important;
}

.cplace-gantt-container a#button-1078 {
    left: 886px !important;
}

.cplace-gantt-container #tbseparator-1079 {
    left: 937px !important;
}

.cplace-gantt-container .my-toolbar .x-box-scroller.x-box-scroller-toolbar {
    opacity: 0.7;
}

.cplace-gantt-container .my-toolbar .x-box-scroller.x-box-scroller-toolbar.x-box-scroller-disabled {
    opacity: 0.3;
}

.cplace-gantt-container .my-toolbar .x-toolbar-separator-horizontal {
    border-left-color: #dcdee1;
}

.cplace-gantt-container img.enumeration-icon {
    display: none;
}

.cplace-gantt-container .x-column-header-text-inner, .sch-simple-timeheader {
    font-weight: normal;
}

.cplace-gantt-container .x-column-header-over {
    background: #fff !important;
}

.cplace-gantt-container .x-column-header-over .x-column-header-text-inner,
.cplace-gantt-container .x-column-header-over .x-column-header-text-inner:before {
    background: #fff !important;
    color: #035970 !important;
}

/* gantt background */
.cplace-gantt-container .my-toolbar,
.cplace-gantt-container .x-column-header,
.cplace-gantt-container .x-grid-cell-row-numberer,
.cplace-gantt-container .cf-gantt-tree .x-splitter.x-splitter-vertical,
.cplace-gantt-container .cf-gantt-tree .x-splitter.x-splitter-vertical:hover {
    background: #fff;
}

.cplace-gantt-container .sch-gantt-item.sch-gantt-parenttask-bar {
    background: #035970;
    border-color: #035970;
}

.cplace-gantt-container .sch-gantt-item.sch-gantt-parenttask-bar:before,
.cplace-gantt-container .sch-gantt-item.sch-gantt-parenttask-bar:after {
    border-color: #035970;
}

.cplace-gantt-container .x-grid-header-ct {
    border-bottom: 1px solid #c2c2c2 !important;
}

/*** user page ***/
/* profil image and user name header */

.cplace-person h3.cplace-person__name {
    font-size: 16px;
}

.cplace-person a.cplace-person__email {
    font-size: 14px;
}

div.container.cplace-person {
    margin-top: 6px;
}

.cplace-person .cplace-person__body {
    margin-top: 40px;
}

@media (min-width: 992px) {
    .cplace-person .cplace-person__body .cplace-tabs__links .cplace-tabs--vertical {
        padding-top: 0;
    }
}

.cplace-person .cplace-person__body .cplace-tabs__links .cplace-tabs--vertical {
    padding-top: 0;
}

@media (min-width: 992px) {
    .cplace-person header .cplace-person__avatar {
        padding: 7px 7px 7px 0;
    }
}

.cplace-person header .cplace-person__avatar {
    padding: 7px 7px 7px 0;
}

.cplace-person header.cplace-person__header {
    display: flex;
    align-items: center;
}

@media (min-width: 992px) {
    .cplace-person header .cplace-person__id {
        padding-top: 0;
    }
}

/* tabs */

.cplace-tabs__nav {
    font-size: 14px;
}

li.cplace-tabs__link.ng-scope, .nav-tabs li {
    height: 56px;
}

.nav-tabs li a.cf-cplace-layout-tabs-widget-button {
    display: flex;
    align-items: center;
    height: 56px;
    font-weight: 700;
}

.nav-tabs li a {
    display: flex;
    align-items: center;
}

.cplace-person .cplace-person-data__section-name, .cplace-person-data__title {
    font-size: 10px;
}

.cplace-person .cplace-tabs.cplace-tabs--vertical {
    padding-bottom: 0;
}

.cplace-tabs.cplace-tabs--vertical {
    border-right: 1px solid #dcdee1;
}

.cplace-person .cplace-tabs.cplace-tabs--vertical {
    padding-left: 200px;
}

.cplace-person li.cplace-tabs__link {
    text-align: left;
}

.cplace-tabs__link {
    color: #69707a;
}

/* content area */

.cplace-person label.control-label {
    font-size: 12px;
}

.cplace-person h3.cplace-group__title {
    font-size: 12px;
    font-weight: 600;
    margin-top: 0;
}

@media (min-width: 992px) {
    .cplace-person .cplace-tabs__content {
        margin-top: 0;
    }
}

.cplace-person .cplace-tabs__content {
    margin-top: 0;
}

.cplace-person header .cplace-person__id {
    padding-top: 0;
}

.cplace-person button.btn.btn-default.btn-xs.pull-right.cplace-editable-block__edit {
    display: none;
}

.cplace-person .cplace-person__body .cplace-group__content {
    border-top: none;
}

.cplace-person .cplace-person-data {
    padding-top: 40px;
}

.cplace-person .cplace-person__body .cplace-tabs__content, .cplace-person__header .cplace-person__id {
    margin-left: 85px;
}

.cplace-person .cplace-person-data.col-md-3.col-sm-8.col-sm-offset-2 {
    padding-left: 215px;
}

.cplace-person .cplace-person-data > * {
    text-align: left;
}

.cplace-tabs__link {
    color: #69707a;
}

/*** alert messages ***/

.alert {
    padding: 6px;
    font-size: 14px;
    color: #353a41;
}

.alert .close {
    padding: 0 8px;
    color: #69707a;
    opacity: 1;
}

.alert.alert-error, .alert.alert-danger {
    border: #ffd4d4 solid 1px;
    background: #ffefef;
}

.alert.alert-success {
    border: #9ff7b7 solid 1px;
    background: #e5fceb;
}

.alert.alert-neutral, .alert.alert-info {
    border: #dbdde1 solid 1px;
    background: #f2f3f4;
}


.alert.alert-warning {
    border: #ffe38e solid 1px;
    background: #fff7de;
}

/*** toasts ***/
.alert.animated {
    border-right: none;
    border-bottom: none;
    border-top: none;
    opacity: 1;
    top: 95px !important;
    padding: 6px 6px 6px 14px;
    text-align: left;
    box-shadow: 0 0 2px 0 #00000033, 0 4px 8px 0 #0000001a, 0 8px 16px 0 #0000001a, 0 12px 32px 0 #0000001a;
}

.alert.animated.bootstrap-growl {
    width: auto !important;
    right: 15px !important;
    padding-top: 12px !important;
    line-height: 1.9;
}

.alert.animated.slideInDown.alert-error, .alert.animated.slideInDown.alert-danger {
    box-shadow: -1px 1px 0 0 #ffd4d4 inset, 0 -1px 0 0 #ffd4d4 inset;
    border-left: #df001a solid 4px;
}

.alert.animated.slideInDown.alert-success {
    box-shadow: -1px 1px 0 0 #9ff7b7 inset, 0 -1px 0 0 #9ff7b7 inset;
    border-left: #2a813f solid 4px;
}

.alert.animated.slideInDown.alert-neutral, .alert.animated.slideInDown.alert-info {
    box-shadow: -1px 1px 0 0 #dbdde1 inset, 0 -1px 0 0 #dbdde1 inset;
    border-left: #69707a solid 4px;
}

.alert.animated.alert-warning {
    box-shadow: -1px 1px 0 0 #ffe38e inset, 0 -1px 0 0 #ffe38e inset;
    border-left: #f6c800 solid 4px;
}

/** fe 2.0 toast **/
cf-wc-bridge .p-toast {
    top: 95px !important;
    right: 24px !important;
}

cf-wc-bridge .p-toast .p-toast-message {
    color: #353A41 !important;
    padding: 6px 6px 6px 14px !important;
    text-align: left;
}

cf-wc-bridge .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon {
    color: #2a813f;
}

cf-wc-bridge .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon {
    color: #69707a;
}

cf-wc-bridge .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon {
    color: #f6c800;
}

cf-wc-bridge .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon {
    color: #df001a !important;
}

cf-wc-bridge .p-toast .p-toast-message .p-toast-icon-close {
    color: #69707a !important;
}

cf-wc-bridge .p-toast .p-toast-message .p-toast-icon-close:hover {
    color: #035970 !important;
}

cf-wc-bridge .p-toast .p-toast-message.p-toast-message-success {
    background: #e5fceb !important;
    box-shadow: -1px 1px 0 0 #9ff7b7 inset, 0 -1px 0 0 #9ff7b7 inset, 0 0 2px 0 #00000033, 0 4px 8px 0 #0000001a, 0 8px 16px 0 #0000001a, 0 12px 32px 0 #0000001a !important;
    border-left: #2a813f solid 4px !important;
}

cf-wc-bridge .p-toast .p-toast-message.p-toast-message-warn {
    background: #fff7de !important;
    box-shadow: -1px 1px 0 0 #ffe38e inset, 0 -1px 0 0 #ffe38e inset, 0 0 2px 0 #00000033, 0 4px 8px 0 #0000001a, 0 8px 16px 0 #0000001a, 0 12px 32px 0 #0000001a !important;
    border-left: #f6c800 solid 4px !important;
}

cf-wc-bridge .p-toast .p-toast-message.p-toast-message-error {
    background: #ffefef !important;
    box-shadow: -1px 1px 0 0 #ffd4d4 inset, 0 -1px 0 0 #ffd4d4 inset, 0 0 2px 0 #00000033, 0 4px 8px 0 #0000001a, 0 8px 16px 0 #0000001a, 0 12px 32px 0 #0000001a !important;
    border-left: #df001a solid 4px !important;
}

cf-wc-bridge .p-toast .p-toast-message.p-toast-message-info {
    background: #e5fceb !important;
    box-shadow: -1px 1px 0 0 #dbdde1 inset, 0 -1px 0 0 #dbdde1 inset, 0 0 2px 0 #00000033, 0 4px 8px 0 #0000001a, 0 8px 16px 0 #0000001a, 0 12px 32px 0 #0000001a !important;
    border-left: #69707a solid 4px !important;
}

/*--------------------------------------------------------------------HIDDEN TABLE ---------------------------------------------------------*/
.jarviswidget[data-widget-kind^="de.bmw.cplace.emtmvpm.hiddenTable"] {
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
}

/* add margin between icon and title for landing page tabs */
.cf-cplace-landing-page-wrapper.landing-page i.far.fa-fw {
    margin-right: 3px;
}

/* remove margin from readOnlyMode banner on request pages in workspace "Preiserfassung" to prevent the
margin at the top if the banner is not shown but the wrapper element is still there */
[data-workspace-name="Preiserfassung"][data-type-internal-name="de.bmw.cp.request"] .jarviswidget-fullscreen-wrapper:nth-child(1) > .jarviswidget[data-widget-kind="cf.cplace.demoWidgets.demoRichString"],
[data-workspace-name="Preiserfassung"][data-type-internal-name="de.bmw.cp.partNumber"] .jarviswidget-fullscreen-wrapper:nth-child(1) > .jarviswidget[data-widget-kind="cf.cplace.demoWidgets.demoRichString"] {
    margin: 0;
}

/* remove margin from startWizard buttons in readOnlyMode on request pages in workspace "Preiserfassung" */
[data-workspace-name="Preiserfassung"][data-type-internal-name="de.bmw.cp.request"] .jarviswidget-fullscreen-wrapper > .jarviswidget[data-widget-kind="cf.cplace.formsWizard.startWizardWidget"],
[data-workspace-name="Preiserfassung"][data-type-internal-name="de.bmw.cp.partNumber"] .jarviswidget-fullscreen-wrapper > .jarviswidget[data-widget-kind="cf.cplace.formsWizard.startWizardWidget"] {
    margin: 0;
}
[data-workspace-name="Preiserfassung"][data-type-internal-name="de.bmw.cp.request"] .jarviswidget-fullscreen-wrapper > .jarviswidget[data-widget-kind="cf.cplace.formsWizard.startWizardWidget"] .btn-toolbar,
[data-workspace-name="Preiserfassung"][data-type-internal-name="de.bmw.cp.partNumber"] .jarviswidget-fullscreen-wrapper > .jarviswidget[data-widget-kind="cf.cplace.formsWizard.startWizardWidget"] .btn-toolbar {
    margin: 0 0 15px 0;
}

/*--------------------------------------------------------------------LANDING PAGE---------------------------------------------------------*/

/* remove empty page header element */
.cf-cplace-landing-page-main-element hui-content-header {
    margin-top: 0;
    margin-bottom: 0;
}

/* remove navigation tabs container */
.cf-cplace-landing-page-wrapper .nav-tabs {
    display: none;
}

.cf-cplace-landing-page-main-element #cplace #page-content-wrapper {
    background: #F5F6F6;
}

/* show 4 tiles in a row */
@media (min-width: 992px) {
    .cf-cplace-landing-page-wrapper .cf-cplace-landing-page-tiles-theme-wrapper .col-md-4 {
        width: 25%;
    }
}

/* make square-form tile */
.cf-cplace-landing-page-wrapper .cf-cplace-landing-page-tiles-theme-wrapper .material-card {
    padding-bottom: 70%;
}

.cf-cplace-landing-page-wrapper .cf-cplace-landing-page-tiles-theme-wrapper .img-responsive {
    height: 140%;
}

.cf-cplace-landing-page-wrapper .material-card.mc-active .mc-content, .cf-cplace-landing-page-wrapper .material-card.mc-active .mc-tiles-wrapper {
    background-color: transparent !important;
}

/* set full width to tile image */
.cf-cplace-landing-page-wrapper .cf-cplace-landing-page-tiles-theme-wrapper .material-card .mc-content {
    left: 0;
}

/* remove corner title elements */
.cf-cplace-landing-page-wrapper .material-card h2:before,
.cf-cplace-landing-page-wrapper .material-card h2:after {
    display: none;
}

.cf-cplace-landing-page-wrapper .material-card h2 {
    background-color:  #ffffff !important;
    border-left: 1px solid #DCDEE1;
    border-right: 1px solid #DCDEE1;
    border-bottom: 1px solid #DCDEE1;
    color: #037493 !important;
    font-weight: 400;
    font-size: 23px !important;
}

.cf-cplace-landing-page-wrapper .cf-cplace-landing-page-tiles-theme-wrapper .material-card h2 span {
    font-family: "BmwGroup Condensed", serif;
    display: flex;
    flex-direction: column-reverse;
    height: 46px;
    line-height: 28px;
    text-align: left;
    overflow: visible;
    white-space: normal;
    word-wrap: normal;
    width: 100%;
}

.cf-cplace-landing-page-wrapper .cf-cplace-landing-page-tiles-theme-wrapper .material-card.mc-active h2 span {
    overflow: hidden;
    line-height: 23px;
}

.cf-cplace-landing-page-wrapper .cf-cplace-landing-page-tiles-theme-wrapper .material-card.mc-active .mc-tiles-wrapper {
    height: calc(65px + 100%);
    background-color:  #ffffff !important;
    border-left: 1px solid #DCDEE1;
    border-right: 1px solid #DCDEE1;
    border-bottom: 1px solid #DCDEE1;
}

.cf-cplace-landing-page-wrapper .material-card .img-container {
    border-right-color: #DCDEE1 !important;
    border-left-color: #DCDEE1 !important;
    border-top-color: #DCDEE1 !important;
    border-bottom-color: #DCDEE1 !important;
}

.cf-cplace-landing-page-wrapper .cf-cplace-landing-page-tiles-theme-wrapper.classic-tiles .mc-active .img-container {
    border: none;
}

.cf-cplace-landing-page-wrapper .cf-cplace-landing-page-tiles-theme-wrapper .material-card.mc-active .img-container {
    border: 0;
    left: 16px;
}

.cf-cplace-landing-page-wrapper .cf-cplace-landing-page-tiles-theme-wrapper .material-card.mc-active h2 {
    border-top: 1px solid #DCDEE1;
    border-bottom: none;
    height: 85px;
}

.cf-cplace-landing-page-wrapper .material-card .mc-btn-action {
    background-color: #037493 !important;
}

.cf-cplace-landing-page-wrapper .material-card .mc-tiles .tile:not(:hover) {
    background-color: #037493 !important;
}

.cf-cplace-landing-page-wrapper .material-card.mc-active .mc-btn-action {
    border-color:  #ffffff !important;
}

/*Design improvements for user profile, to match Density*/
.cf-platform-lib-user-profile-details-email {
    color: #037493 !important;
    text-decoration: underline !important;
}

.cf-platform-lib-user-profile-details-email:hover {
    color: #035970 !important;
}

.user-profile-content-with-padding-flex .p-inline-message.p-component.p-inline-message-info{
    background: #F2F3F4;
    color: #353A41;
}

.user-profile-content-with-padding-flex .p-inline-message.p-inline-message-info .p-inline-message-icon {
    color: #353A41 !important;
}

.user-profile-content-with-padding-flex .p-checkbox-focused{
    border-radius: 2px;
    box-shadow: 0 0 0 2px #0291B74D;
}

.user-profile-content-with-padding-flex .p-checkbox-box.p-focus{
    outline: none !important;
}

.user-profile-content-with-padding-flex .p-checkbox-box.p-focus:not(.p-highlight){
    border-color: #024051 !important;
}

.user-profile-content-with-padding-flex .p-checkbox-box:hover{
    border-color: #024051 !important;
    outline: none !important;
    border-radius: 2px;
    box-shadow: 0 0 0 2px #0291B74D;
}

.user-profile-content-with-padding-flex .p-checkbox-box:hover{
    background: #E0F2FF;
}

.user-profile-content-with-padding-flex .p-hidden-accessible:has(input[readonly]) + .p-checkbox-box{
    background: #2828281A !important;
    border: none;
}

.user-profile-content-with-padding-flex .p-hidden-accessible:has(input[readonly]) + .p-checkbox-box .p-checkbox-icon{
    color: #69707A;
}

.user-profile-content-with-padding-flex .hui-info-circle::before {
    content: "\f05a";
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    color: #69707A;
}

.cf-platform-lib-user-profile-language-application-default{
    color: #69707A !important;
}

.cf-platform-lib-footer-dark-text {
    display: none;
}

/* disable showing of navigation on hover over the side navigation */
#cplace.toggled.hovered :is(#hui-workspace-menu, #hui-workspace-settings, .tree-level-1) {
    width: 48px !important;
    overflow: hidden;
}

#cplace.toggled:not(.hovered) #hui-workspace-tree .jqtree-element.tree-level-1,
#cplace.toggled:not(.hovered) #hui-auxiliary-tree .jqtree-element.tree-level-1 {
    width: 48px !important;
}

#hui-workspace-menu {
    box-shadow: 0 0 0 1px #e9eaec !important;
    border-right: none;
}

#cplace.toggled.hovered #hui-page-tree > ul.jqtree-tree > li#hui-workspace-tree, #hui-page-tree > ul.jqtree-tree > li#hui-auxiliary-tree {
    transition: none;
    margin-bottom: 0;
}

#cplace.toggled.hovered #hui-workspace-settings :is(.overflow-menu-toggle-title,.overflow-menu-toggle-caret),
#cplace.toggled #hui-page-tree > ul.jqtree-tree :is(ul.jqtree_common[role="group"], .hui-auxiliary-tree-header, .jqtree-title),
#hui-page-tree > ul.jqtree-tree .tree-level-1::after {
    display: none !important;
}

/* replace caret with chevron in side navigation */
#hui-page-tree > ul.jqtree-tree li.jqtree-folder ul li .jqtree-toggler {
    padding: 6px 8px;
}

#hui-page-tree > ul.jqtree-tree .jqtree-element.tree-level-1 .jqtree-toggler {
    margin-bottom: 6px;
}

#hui-page-tree > ul.jqtree-tree #hui-auxiliary-tree .jqtree-element.tree-level-1 .jqtree-toggler {
    padding-left: 19px !important;
}

#hui-page-tree .jqtree-toggler .element-toggler.hui-caret-down:before {
    content: "\f077"; /* chevron up */
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
}

#hui-page-tree .jqtree-toggler .element-toggler.hui-caret-right:before {
    content: "\f078"; /* chevron down */
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
}

#hui-workspace-menu-toggle .hui-caret-left:before {
    content: "\f053"; /* chevron left */
    font-family: "Font Awesome 5 Free";
    font-size: 15px;
}

#hui-workspace-menu-toggle .hui-menu:before {
    content: "\f054"; /* chevron right */
    font-size: 15px;
    font-family: "Font Awesome 5 Free";
}

#hui-workspace-settings .hui-caret-right:before {
    content: "\f054"; /* chevron right */
    font-family: "Font Awesome 5 Free";
}

#cplace.toggled #hui-logo-section #hui-workspace-menu-toggle > .hui-workspace-menu-toggle-open-icon {
    animation: rotateChevron .1s ease-out;
}

@keyframes rotateChevron {
    0% {
        transform: rotate(90deg);
    }

    100% {
        transform: rotate(0deg);
    }
}