/* body{ font-family: 'Porsche Next' !important; } */

.header-search {
    margin-right: 0.5rem !important;
}

.header-search .js-chart-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #c8cacb;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #c8cacb;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-decoration: none;
}

#wpdevart_org_chart_container_1 .wpda_tree_item_container > div {
    min-width: 90px !important;
    max-width: 180px !important;
}

.wpdevart_org_chart .zoomable_buttons_container{
    text-align:left;
    margin-right: -70px;
    z-index: 1;
}
.wpdevart_org_chart .wpdevart_org_chart_container_parent {
    overflow-x: unset !important;
}
.wpdevart_org_chart{
    margin-left: -165px !important;
} 


.wpda_tree_item_users p{
    text-align:center !important;
}


div.main-process-info-skp .ml-4{
margin-left: 0px !important;
text-align: center;
}

.user-icons-marked {
    display: flex;
    margin-top: 5px;
}
.user-icon-lead {
    color: #d5001c;
}
.user-icon-supportive {
    color: #658E11;
}
div.process-map .process-map-body ul.categories ul li.marked:hover .user-icon-lead span {
    color: #d5001c;
}
div.process-map .process-map-body ul.categories ul li.marked:hover .user-icon-supportive span {
    color: #658E11;
}

div.process-map h2{
    margin: 10px !important;
}

div.process-map .process-map-body ul.categories ul li.marked{
    border-left-color:transparent !important;
    padding-left: 10px !important;
}
div.process-map .process-map-body ul.categories ul li.marked:hover{
    border-left-width:3px !important;
    padding-left: 10px !important;
}
div.process-map-header p.subtitle{
    margin-bottom: 5px;
}
div.user-icons-description{
    display: flex;
    margin-bottom: 15px;
}
div.user-icons-description .icon-text{
    display: flex;
    margin-right: 15px;
}

div.list-user-category-scp{
    margin-bottom: 20px;
    border-top:1px solid #efefef;
}

div.list-user-category-scp ul{
    list-style: none;
    display: inline-block;
    padding-inline-start: 15px;
}
div.list-user-category-scp ul li{
    display:inline;
    margin-right:10px;
}

div.list-user-category-scp .scp-change-role-btn{
    padding: 8px 20px;
    margin-top: 0px !important;
} 

div.list-user-category-scp .role-filter-label{
    font-weight: bold;
    width: 16%;
    color: #403f45;
}

label.lead_job_role, li.lead_job_role{
    font-weight: bold;
}
div.lead_job_label p{
    font-size: 13px;
    margin-top: -20px !important;
    color: #808080;
    float: right;
    margin-bottom: 0px;
}

#print_sub_process_steps_btn{
    float: right;
    margin-top: 5px;
    color:#32373c;
    border: 1px solid #ccc;
}

#print_sub_process_steps_btn:hover{
    color:#fff;
}

body.for-print .process-map-header, 
body.for-print .sub-process-step-print-section { 
    display: none !important; 
}

ul.subprocess-step div.print_sub_process_steps{
    display: none;
}

/* my scp top css */

.process-info-skp {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

div.process-map>div {padding-top: 0px !important;}
.pageinnerheader {
    display: flex;
    margin-top: 15px;
    margin-left: 5px;
    margin-bottom: 5px;
}
.pageinnerheader p {
    margin-bottom: 0px !important;
    margin-right: 15px !important;
}
div.user-icons-description {
    margin-bottom: 0px !important;
}
.list-user-category-scp {
    background: #efefef;
    border-radius: 4px;
    padding: 10px;
    border: 0px;
    padding-left: 15px;
}

.styled-checkbox {
    position: absolute;
    opacity: 0;
}
.styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
}
.styled-checkbox + label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: white;
}
.styled-checkbox:hover + label:before {
    background: #d5001c;
}
.styled-checkbox:focus + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
    background: #d5001c;
}
.styled-checkbox:disabled + label {
    color: #b8b8b8;
    cursor: auto;
}
.styled-checkbox:disabled + label:before {
    box-shadow: none;
    background: #ddd;
}
.styled-checkbox:checked + label:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
}

/* hide all complenetry service key results under core process step category pages */
.skp-category-description .complementary-services{
    display: none;
}

.page-part-sub-process-steps {
    margin-top: 3.25rem !important;
}


/*for task por-83, Enable all process steps for user on myscp page without job role dependancy*/

li.marked.myscp-normal{
    font-weight: normal !important;
}
li.marked.myscp-normal p.title, li.marked.myscp-normal div.role-actions-popup-body .mb-3{
    display: none;
}
li.marked.myscp-normal div.role-actions-popup{
    min-height: 75px;
}

/* end css 22-09-22*/

a:hover {text-decoration: none;}
dl, ol, ul {margin-bottom:0px;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {line-height: inherit;}


/*scrollbaar css*/
.term-aftersales-manager aside {padding: 0px !important; padding-right: 24px !important;}
.term-aftersales-manager aside .scroll-wrapper.inner-limited-height {max-width : 100% !important;}
.term-aftersales-manager aside .inner-limited-height.scroll-wrapper>.scroll-content{ padding-left: 200px !important;}

.term-aftersales-manager .page-build-from-posts {padding-right : 0px !important;}
.term-aftersales-manager .page-build-from-posts .scroll-wrapper>.scroll-content {
    max-width: 100% !important;
    padding-right: 15% !important;
}


.skp_taxonomy_scrl aside {padding: 0px !important; padding-right: 24px !important;}
.skp_taxonomy_scrl aside .scroll-wrapper.inner-limited-height {max-width : 100% !important;}
.skp_taxonomy_scrl aside .inner-limited-height.scroll-wrapper>.scroll-content{ padding-left: 180px !important;}

.skp_taxonomy_scrl .page-build-from-posts {padding-right : 0px !important;}
.skp_taxonomy_scrl .page-build-from-posts .scroll-wrapper>.scroll-content {
    max-width: 100% !important;
    padding-right: 15% !important;
}


.skp_category_scrl aside {padding: 0px !important; padding-right: 24px !important;}
.skp_category_scrl aside .scroll-wrapper.inner-limited-height {max-width : 100% !important;}
.skp_category_scrl aside .inner-limited-height.scroll-wrapper>.scroll-content{ padding-left: 180px !important;}

.skp_category_scrl .page-build-from-posts {padding-right : 0px !important;}
.skp_category_scrl .page-build-from-posts .scroll-wrapper>.scroll-content {
    max-width: 100% !important;
    padding-right: 15% !important;
}
body.category.skp_category_scrl main.site-main .col-3-m {width: 30%;}
body.category.skp_category_scrl main.site-main .col-7-m {width: 70%;}

.list-user-category-scp form {
    display: flex;
    align-items: center;
}

.list-user-category-scp form label {
    margin-bottom: 0;
}

/* css for custom simple scroll bar */

/*
body.home{overflow:auto !important}
.inner-limited-height.scrollbar-macosxdefault {
    overflow: auto;
    max-width: 100% !important;
    padding-right: 15% !important;
    padding-top: 30px !important;
} */

@media (max-width: 1280px){
.term-aftersales-manager aside .inner-limited-height.scroll-wrapper>.scroll-content{ padding-left: 70px !important;}
.skp_taxonomy_scrl aside .inner-limited-height.scroll-wrapper>.scroll-content{ padding-left: 70px !important;}
.skp_category_scrl aside .inner-limited-height.scroll-wrapper>.scroll-content{ padding-left: 70px !important;}
}


@media (max-width: 1199px){
.term-aftersales-manager aside .inner-limited-height.scroll-wrapper>.scroll-content{ padding-left: 50px !important;}
.skp_taxonomy_scrl aside .inner-limited-height.scroll-wrapper>.scroll-content{ padding-left: 50px !important;}
.skp_category_scrl aside .inner-limited-height.scroll-wrapper>.scroll-content{ padding-left: 50px !important;}
.process-map .process-info-skp {flex-wrap: wrap;}
div.process-map>div {padding:0px !important;}
.process-map-body {padding-right: 32px;}
div.process-map h2 {margin-left:0px !important;}
}
@media (max-width: 768px){
.term-aftersales-manager aside .inner-limited-height.scroll-wrapper>.scroll-content{ padding-left: 20px !important;}
.skp_taxonomy_scrl aside .inner-limited-height.scroll-wrapper>.scroll-content{ padding-left: 20px !important;}
.skp_category_scrl aside .inner-limited-height.scroll-wrapper>.scroll-content{ padding-left: 20px !important;}
}

.menu-system-cats{
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 0px;
    margin-right:10px;
}
.menu-system-cats a{
    color:#222427 !important;
}
.catsicon, .topicsicon{
    float: right;
    background: #d5001c;
    color: #fff;
    margin-top: 3px;
    cursor: pointer;
    font-size: 20px;
}

ul.left-menu-items{
    margin-right:10px;
}

body.single-relatedtopics, body.single-notification{
    overflow: hidden;
}

/* show scroll abr always in all pages */
 
.page-build-from-posts .scrollbar-macosx>.scroll-element .scroll-bar{
    opacity: 1 !important;
}

body.archive .site-main.scrollbar-macosx>.scroll-element.scroll-y .scroll-bar, 
body.page .site-main.scrollbar-macosx>.scroll-element.scroll-y .scroll-bar, 
body.home .site-main.scrollbar-macosx>.scroll-element.scroll-y .scroll-bar{
    opacity: 1 !important;
}

.search-overlay.active > .scrollbar-macosx>.scroll-element.scroll-y .scroll-bar{
    opacity: 1 !important;
}

.scrollbar-macosx>.scroll-element .scroll-bar{
    min-height: 12px !important;
    width: 10px !important;
}

aside .scrollbar-macosx>.scroll-element .scroll-bar{
    /* opacity: 1 !important; */
    min-height: 10px !important;
    width: 7px !important;
} 


.header-kado{
    margin-right: 10px;
    margin-left: -10px; 
}
.header-kado a img{
    width:72px;
}

/* css for sub process filter */
#sub_process_filter {
    width: 80%;
    height: 28px;
    border: 1px solid #737278;
    font-size: 16px;
    color: #737278;
    background-color: #fff;
    padding: 5px;
}

.subprocessFilterItems a.subprocess-step-item{
    display: flex !important;
    align-items: center;
    color: #d5001c !important;
}
.subprocessFilterItems img{
    width: 36px;
    height: 36px;
    margin-right: 5px;
}

.left-menu-items .menu-item-has-children.opened2 > a > .menu-arrow { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }

.left-menu-items .menu-item-has-children.opened2 > .sub-menu { max-height: 100%; }

.left-menu-items.sub-process-menu > .menu-item.opened2 .subprocess-step-item { border-bottom: 1px solid #dad9de; }

ul.sub-process-menu li div.subprocess-info-popup {
    width: 210px;
    min-height: 130px;
    background: #fff;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,0.23);
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.23);
    position: absolute;
    left: 48px;
    top: 20px;
    padding: 10px;
    z-index: 9999;
}

ul.sub-process-menu li div.subprocess-info-popup p.title {
    font-size: 18px;
    font-weight: bold;
    color: #222427;
    border-bottom: 1px solid #dad9de;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

ul.sub-process-menu li div.subprocess-info-popup .content-body p {
    font-size: 16px;
    color: #222427;
}

ul.sub-process-menu li div.subprocess-info-popup a {
    padding: 0px !important;
}

ul.sub-process-menu li div.arrow{
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #fff;
    position: absolute;
    left: -15px;
}

/* filter sub process steps complementary services in myscp page */
div.myscp-filter-complemenatry-section{
    background: #efefef;
    border-radius: 4px;
    padding: 10px;
    border: 0px;
    padding-left: 15px;
}
div.myscp-filter-complemenatry-section .myscp-filter-complemenatry-div h4{
    font-weight: bold;
    color: #403f45;
    font-size: 16px;
    margin-bottom: 0px;
}
div.myscp-filter-complemenatry-section .myscp-filter-complemenatry-inner{
    display: flex;
    margin-top: 10px;
}
div.myscp-filter-complemenatry-section .myscp-filter-select{
    width:28%;
    margin-right: 15px;
}
div.myscp-filter-complemenatry-section select{
    width: 100%;
    height: 36px;
    border: none;
    font-size: 16px;
    color: #737278;
    background-color: #fff;
    padding: 5px 10px;
}
div.myscp-filter-submit #myscp-filter-complementary-submit{
    padding: 8px 22px;
    margin-top:0px;
}

div.myscp-filter-complemenatry-section{
    display: none;
}
/* --------------------------------------------------------- */
.myscp-filter-complemenatry-div{
    margin-top:12px;
    display: flex;
    border-top: 1px solid #ccc;
    padding-top:12px;
    margin-right: 20px;
}
.myscp-filter-complemenatry-list{
    width:82%;
}
.myscp-filter-complemenatry-list ul{
    margin-left: 8px;
}
.myscp-filter-complemenatry-list ul li label{
    margin-bottom: 5px;
}
img.myscp-filter-complemenatry-icon{
    width:25px;
    margin-top: -7px;
}

/* user documentation updated sub menu icon css */
body.single.single-user_documentation .left-menu-items>.menu-item.current-menu-item a span{
    top: 19px !important;
    right: 8px !important;
}
body.single.single-user_documentation .left-menu-items>.menu-item.menu-item-has-children a span {
    display: block !important;
    color: #212121 !important;
    cursor: pointer !important;
    font-size: 1.5rem !important;
    position: absolute !important;
    top: 19px !important;
    right: 8px !important;
    z-index: 4 !important;
    -webkit-transform: rotateX(0deg) !important;
    transform: rotateX(0deg) !important;
    
}
body.single.single-user_documentation .left-menu-items>.menu-item.menu-item-has-children.current-menu-item a span{
    color: #d5001c !important;
}
body.single.single-user_documentation .left-menu-items .menu-item-has-children.opened>a>.menu-arrow {
    -webkit-transform: rotateX(180deg) !important;
    transform: rotateX(180deg) !important;
}

.role-actions-popup-text-body hr{
    margin-top: 4px;
    margin-bottom: 4px;
}

.action-download-excel{
    margin-left: 18px;
    margin-top: -15px;
}
.action-download-excel img{
    width: 24px;
    height: 24px;
}