@import url("https://cplace-cdn.net/gh/cplace-st-customization/master/lifecycle-customization/index.css");

:root {
    --sblue: #00207A;
    --smint: #0CE796;
}
/*********************************
** Start Quicksand Font & Landing Page
** Author: Servet, Navid
** 2023 08 04
**********************************/
@font-face {
    font-family: Quicksand;
    src: url('/file/14weuqq6msu1z2gwhbff5hmps/Landing-Page-CMS/Fonts/Quicksand-Regular.ttf');
}
@font-face {
    font-family: Quicksand-Bold;
    src: url('/file/jig7w47sn41qo1phh9zxidhh2/Landing-Page-CMS/Fonts/Quicksand-Bold.ttf');
}
@font-face {
    font-family: Inter;
    src: url('/file/kzk8r9075r3enuf5ihf40l2j2/Landing-Page-CMS/Fonts/Inter-Regular.ttf');
}
.font-quicksand {
    font-family: Quicksand;
}
.font-inter {
    font-family: Inter;
}
/* bye bye bubbles
#hui-workspace-menu #hui-workspace-menu-content {  
    background: radial-gradient(circle at center top,#00207A 0%, #001259 60%, #001888 70%, #003cd6 85%, #0158d9 1000%);
}
.hui-auxiliary-tree-header + a div.jqtree-title,
.hui-auxiliary-tree-header + a .jqtree-toggler i {
    background: transparent !important;
}

#cplace:not(.toggled) #hui-workspace-menu-content:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    filter: blur(20px);
    transform: rotateZ(360deg) // cool read https://stackoverflow.com/a/13293044
    background: 
    radial-gradient(farthest-side,#ff00b3 100%,transparent) 10% center / 60px 60px no-repeat,
    radial-gradient(farthest-side,#ff00b3 100%,transparent) 80% 80% / 30px 30px no-repeat,
    radial-gradient(farthest-side,#7FFAC9 100%,transparent) 50% 80% / 50px 50px no-repeat,
    radial-gradient(farthest-side,#7FFAC9 100%,transparent) 20% 40% / 20px 20px no-repeat,
    radial-gradient(farthest-side,#0058D3 100%,transparent) 75% 40% / 50px 50px no-repeat,
    radial-gradient(farthest-side,#A849F0 100%,transparent) 44% 55% / 40px 40px no-repeat;
    animation: animateAllCircles 25s infinite ease-in-out;
}

@keyframes animateAllCircles {
    0% {
        background: 
        radial-gradient(farthest-side,#ff00b3 100%,transparent) 10% center / 60px 60px no-repeat,
        radial-gradient(farthest-side,#ff00b3 100%,transparent) 80% 80% / 30px 30px no-repeat,
        radial-gradient(farthest-side,#7FFAC9 100%,transparent) 50% 80% / 50px 50px no-repeat,
        radial-gradient(farthest-side,#7FFAC9 100%,transparent) 20% 40% / 20px 20px no-repeat,
        radial-gradient(farthest-side,#0058D3 100%,transparent) 75% 40% / 50px 50px no-repeat,
        radial-gradient(farthest-side,#A849F0 100%,transparent) 44% 55% / 40px 40px no-repeat;
    }
    25% {
        background: 
        radial-gradient(farthest-side,#ff00b3 100%,transparent) 15% 40% / 70px 70px no-repeat,
        radial-gradient(farthest-side,#ff00b3 100%,transparent) 85% 85% / 40px 40px no-repeat,
        radial-gradient(farthest-side,#7FFAC9 100%,transparent) 55% 75% / 60px 60px no-repeat,
        radial-gradient(farthest-side,#7FFAC9 100%,transparent) 25% 45% / 30px 30px no-repeat,
        radial-gradient(farthest-side,#0058D3 100%,transparent) 60% 45% / 60px 60px no-repeat,
        radial-gradient(farthest-side,#A849F0 100%,transparent) 85% 70% / 50px 50px no-repeat;
    }
    50% {
        background: 
        radial-gradient(farthest-side,#ff00b3 100%,transparent) 20% 35% / 60px 60px no-repeat,
        radial-gradient(farthest-side,#ff00b3 100%,transparent) 75% 75% / 50px 50px no-repeat,
        radial-gradient(farthest-side,#7FFAC9 100%,transparent) 60% 70% / 70px 70px no-repeat,
        radial-gradient(farthest-side,#7FFAC9 100%,transparent) 30% 50% / 40px 40px no-repeat,
        radial-gradient(farthest-side,#0058D3 100%,transparent) 65% 50% / 70px 70px no-repeat,
        radial-gradient(farthest-side,#A849F0 100%,transparent) 90% 40% / 60px 60px no-repeat;
    }
    75% {
        background: 
        radial-gradient(farthest-side,#ff00b3 100%,transparent) 12% 55% / 65px 65px no-repeat,
        radial-gradient(farthest-side,#ff00b3 100%,transparent) 78% 82% / 35px 35px no-repeat,
        radial-gradient(farthest-side,#7FFAC9 100%,transparent) 52% 78% / 55px 55px no-repeat,
        radial-gradient(farthest-side,#7FFAC9 100%,transparent) 22% 38% / 25px 25px no-repeat,
        radial-gradient(farthest-side,#0058D3 100%,transparent) 73% 42% / 55px 55px no-repeat,
        radial-gradient(farthest-side,#A849F0 100%,transparent) 66% 53% / 45px 45px no-repeat;
    }
    100% {
        background: 
        radial-gradient(farthest-side,#ff00b3 100%,transparent) 10% 50% / 60px 60px no-repeat,
        radial-gradient(farthest-side,#ff00b3 100%,transparent) 80% 80% / 30px 30px no-repeat,
        radial-gradient(farthest-side,#7FFAC9 100%,transparent) 50% 80% / 50px 50px no-repeat,
        radial-gradient(farthest-side,#7FFAC9 100%,transparent) 20% 40% / 20px 20px no-repeat,
        radial-gradient(farthest-side,#0058D3 100%,transparent) 75% 40% / 50px 50px no-repeat,
        radial-gradient(farthest-side,#A849F0 100%,transparent) 44% 55% / 40px 40px no-repeat;
    }
}
 bye bye bubbles */
#hui-top-navigation-bar #hui-logo #hui-workspace-menu-toggle-placeholder >i{
    display: none !important;
}
.cf-cplace-landing-page-wrapper .nav-tabs.add-shadow-to-tabs>li a {
    color: var(--sblue) !important;
    text-shadow: none !important;
    font-weight: 200;
}
.cf-cplace-landing-page-wrapper .nav-tabs.add-shadow-to-tabs>li.active a {
    font-weight: bold !important;
}

.cf-cplace-landing-page-main-element .material-card.White.White .img-responsive {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.cf-cplace-landing-page-main-element .material-card.White.White .img-responsive:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
.cf-cplace-landing-page-main-element .material-card.White.White .tile {
    height: 48px !important;
}

.cf-cplace-landing-page-wrapper .material-card.White.White .mc-btn-action:hover {
    background: #0045AC !important;
}
.cf-cplace-landing-page-wrapper .cf-cplace-landing-page-tiles-theme-wrapper .material-card.White.White {
    opacity: 0.95;
    transition: all .2s ease-in;
}

.cf-cplace-landing-page-wrapper .cf-cplace-landing-page-tiles-theme-wrapper .material-card.White.White:hover {
    opacity: 1;
    transition: all .2s ease-out;
    box-shadow: 0 0 60px #00000070;
}

.cf-cplace-landing-page-wrapper .material-card.White.White>h2>span{
    font-family: 'Quicksand-Bold';
    color: #FFFFFF !important;
}
.cf-cplace-landing-page-main-element .material-card.White.White .img-responsive{
    /* border-radius: 2rem 2rem 0 0; */
}
.cf-cplace-landing-page-main-element .material-card.White.White .img-responsive:hover{
    border-radius: 0 !important
}
.cf-cplace-landing-page-wrapper .material-card.White h2{
    background-color: var(--sblue);
    border-radius: 0 0 2rem 2rem;
}
.cf-cplace-landing-page-wrapper .cf-cplace-landing-page-tiles-theme-wrapper .material-card.mc-active h2{
    border-radius: 2rem 2rem 0 0;
}
.cf-cplace-landing-page-wrapper .cf-cplace-landing-page-tiles-theme-wrapper .material-card.White.White{
    border-radius: 2rem 2rem 0 0 !important;
}
.cf-cplace-landing-page-wrapper .material-card.White.mc-active .mc-content, .cf-cplace-landing-page-wrapper .material-card.White.mc-active .mc-tiles-wrapper{
    background-color: var(--sblue);
    border-radius: 2rem;
}
.cf-cplace-landing-page-wrapper .cf-cplace-landing-page-tiles-theme-wrapper .material-card .mc-tiles-wrapper .mc-tiles .tile{
    border-radius: 2rem !important;
}
.cf-cplace-landing-page-main-element .material-card.White.White .tile a{
    background: var(--smint) !important;
    color: var(--sblue) !important;
}
.cf-cplace-landing-page-main-element .material-card.White.White .tile a:hover{
    background: #FFFFFF !important;
    color: var(--sblue) !important;
}
.cf-cplace-landing-page-wrapper .material-card.White .img-container {
    border-radius: 2rem 2rem 0 0 !important;
    border: 0px none !important;
}
.cf-cplace-landing-page-wrapper .material-card.White.mc-active .img-container {
    border-radius: 2rem !important;
}
.cf-cplace-landing-page-wrapper .material-card.White.White .mc-btn-action{
    background-color: var(--sblue) !important;
}
.cf-cplace-landing-page-wrapper .material-card.White.White .mc-btn-action:hover{
    background: var(--smint) !important;
}
.cf-cplace-landing-page-wrapper .material-card.White.White .mc-btn-action:hover i{
    color: var(--sblue) !important;
}

.cplace-inner-content .cplace-jarviswidget-layout-row .widget-height-restrictor .cplace-page-view-alternative-headline h1{
    font-family: 'Quicksand-Bold';
    font-weight: 700 !important;
}

.cplace-inner-content .cplace-jarviswidget-layout-row .widget-height-restrictor .cplace-page-view-alternative-headline h2{
    font-family: 'Quicksand';
}

/*********************************
** End Quicksand Font
** Author: Servet, Navid
** 2023 08 04
**********************************/

/*********************************
** Start Risk Manager Customizing
** Author: Josef Bischoff, Felix Bernhardt
** 2023 01 09
**********************************/

/* ===================== DISCLAIMER ===================== */
/* This CSS file was autogenerated! Do not change here!   */
/* Follow instructions from /pages/9yos0rbsp7uvz4pnahmnewm5q/CSS-Overrides */
/* ===================== DISCLAIMER ===================== */

/* === CSS imports === */
@import url("/file/oa03alq7yjqnzax7l2aw0vn4z/stm-reportsbutton.css");
@import url("/file/ixcsuwx8yr22wm1gymqqbm95r/STs-riskmanager.css");

/* === Assets === */
:root  {
    --asset-undrawcodeinspectionpng: url("/file/9dry3jh8dr54rp7i54vmye8p7/undraw_code_inspection.png");
    --asset-undrawsegmentpng: url("/file/zebk4bcjkx4tdy3j71rctxh66/undraw_Segment.png");
    --asset-undrawadjustmentspng: url("/file/lgg09popep53t2xw7u9p0jc92/undraw_adjustments.png");
    --asset-undrawteamworkpng: url("/file/w7budflce5411ziwiqw5ybosn/undraw_teamwork.png");
    --asset-backgroundriskpng: url("/file/twt557awz3ht6q26cqpqg0vo1/backgroundRisk.png");
    --asset-backgroundrrisk3png: url("/file/g4yxsh5ye3kiqd27m3y7zps8p/backgroundrRisk3.png");
}


/*********************************
** End Risk Manager Customizing
** Author: Josef Bischoff, Felix Bernhardt
** 2023 01 09
**********************************/

:root {
    --cplaceblue: #0377bd;
    --cplacemint: #0ff1b0;
    --darkgray: #01113f;
}

/*********************************
** Start Product Demo Space
** Author: Navid Heidemann
** 2023 06 29
**********************************/


:root {
    --user-button-circle: rgba(0,0,0,0.025);
    --user-button-cardborder: rgba(255,255,255,0.25);
    --user-button-text:#323133;
    --user-button-shadow:rgba(0,0,0,0.1);
}

body.cplace-product-demo-hub {
    font-family: 'Quicksand', Roboto, sans-serif;
    font-weight: 500;
}
body.cplace-product-demo-hub #hui-workspace-menu #hui-workspace-menu-content {
    background: #001f79;
}
body.cplace-product-demo-hub #hui-page-tree>ul.jqtree-tree .jqtree-element.tree-level-1 {
    background: #ff3393;
}

body.cplace-product-demo-hub img.hui-logo-img {
    display: none;
}
body.cplace-product-demo-hub  {
    background: #f3f4f7 !important;
}
body.cplace-product-demo-hub #hui-logo:after {
    content: 'cplace';
    background: #001f79;
    color: #0ce395;
    font-family: 'Quicksand';
    font-weight: bold;
    font-size: 2.7em;
}
body.cplace-product-demo-hub #hui-page-tree > ul.jqtree-tree li.jqtree-folder ul li .jqtree-toggler > .element-toggler,
body.cplace-product-demo-hub #hui-page-tree > ul.jqtree-tree .jqtree-element > .element-no-children-icon::before {
    color: #80f8c9;
}
body.cplace-product-demo-hub #hui-types > .hui-types-divider {
    border-color: #80f8c9;
}


body.cplace-product-demo-hub #hui-workspace-menu #hui-workspace-menu-content {
    background: #001f79;
}

body.cplace-product-demo-hub .hui-overflow-menu[data-type="workspace-settings"] {
    background: #0059d4;
}

body.cplace-product-demo-hub #hui-workspace-menu-toggle,
body.cplace-product-demo-hub #hui-logo {
    background: #001f79 !important;
}
body.cplace-product-demo-hub #hui-workspace-menu #hui-workspace-menu-content #hui-workspace-menu-scrollable-content .hui-workspace-menu-skeleton {
    background: linear-gradient(to bottom, #ffffff 100%, #ffffff);
}
@-webkit-keyframes pd-slide {
    0%, 50% {
        opacity: 0;
        display: block !important;
    }
    100% {
        opacity: 1;
        display: block !important;
    }
}
@keyframes pd-slide {
    0%, 50% {
        opacity: 0;
        display: block !important;
    }
    100% {
        opacity: 1;
        display: block !important;
    }
}
@-webkit-keyframes diespin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes diespin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.cplace-product-demo-wrapper-out {
    background:#00207a;
    background: url('/file/q22c0rra7lny4z3zixecokj0b/Landing-Page-Product-Demos/cplace-blue-2.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    background-position: 0 100%;
    padding: 2em 3em 1em 3em;
}
.cplace-product-demo-wrapper-out h1 {
    border-bottom: none;
    color: #0ce395;
    font-family: 'Quicksand', Roboto, sans-serif;
    font-size: 4em;
    padding: 0;
    margin: 0;
    text-align: center;
}
#cplace-product-demo-container.fullscreen h1 {
    padding: 2em 0 0 0;
}
.cplace-product-demo-wrapper-in {
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    overflow:hidden;
    padding-top: 4em;
}

#cplace-product-demo-container.fullscreen{
    z-index: 9999;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}
.cplace-product-demo-wrapper {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    overflow: hidden;
    min-width: 600px;
    max-width: 900px;
    width: calc(100% - 100px);
    height: 480px;
}

@media screen and (max-width: 718px) {
    .cplace-product-demo-wrapper {
        min-width: 520px;
    }
    .cplace-product-demo-wrapper .demo-item:nth-child(5) {
        display: none;
    }
}
@media screen and (max-width: 638px) {
    .cplace-product-demo-wrapper {
        min-width: 440px;
    }
    .cplace-product-demo-wrapper .demo-item:nth-child(4) {
        display: none;
    }
}
@media screen and (max-width: 558px) {
    .cplace-product-demo-wrapper {
        min-width: 360px;
    }
    .cplace-product-demo-wrapper .demo-item:nth-child(3) {
        display: none;
    }
}
@media screen and (max-width: 478px) {
    .cplace-product-demo-wrapper {
        min-width: 280px;
    }
    .cplace-product-demo-wrapper-out h1 {
        font-size: 24px;
    }
    .cplace-product-demo-wrapper .demo-item:nth-child(2) {
        display: none;
    }
}
.cplace-product-demo-wrapper .demo-item {
    position: relative;
    overflow: hidden;
    min-width: 60px;
    margin: 0 10px;
    background: var(--optionBackground, var(--defaultBackground, #E6E9ED));
    background-size: auto 120%;
    background-position: center;
    cursor: pointer;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}
.cplace-product-demo-wrapper a {
    color: white;
}
.cplace-product-demo-wrapper-out .btn {
    background: #0ce395;
    color: #002079;
    position: absolute;
    right: 20px;
    top: 20px;
}
.cplace-product-demo-wrapper .demo-item:not(.active) .visual {
    opacity: 15%;
}
.cplace-product-demo-wrapper .visual {
    height: 100%;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    border-radius: 20px 20px 0 0;
}
.cplace-product-demo-wrapper .demo-item-1 .visual {
    background: url('/file/900atfmwbkk67w135ynpm7xuz/Landing-Page-Product-Demos/demo-1-gif.gif');
}
.cplace-product-demo-wrapper .demo-item-2 .visual {
    background: url('/file/1ug3shzt30a8d1codjeizmo8h/Landing-Page-Product-Demos/demo-2-gif.gif');
}
.cplace-product-demo-wrapper .demo-item-3 .visual {
    background: url('/file/ugwc4ji9k8m9olexmdbolf2t5/Landing-Page-Product-Demos/demo-3-gif.gif');
}
.cplace-product-demo-wrapper .demo-item-4 .visual {
    background: url('/file/8dhs1jfpxr3keimhecftaqpoq/Landing-Page-Product-Demos/demo-4-gif.gif');
}
.cplace-product-demo-wrapper .demo-item-5 .visual {
    background: url('/file/q2ck19344td7vau9oq6f457dc/Landing-Page-Product-Demos/demo-5-gif.gif');
}
.cplace-product-demo-wrapper .demo-item-6 .visual {
    background: url('/file/q2ck19344td7vau9oq6f457dc/Landing-Page-Product-Demos/demo-5-gif.gif');
}
.cplace-product-demo-wrapper .demo-item:nth-child(1) {
    --defaultBackground:#001c35;
}
.cplace-product-demo-wrapper .demo-item:nth-child(2) {
    --defaultBackground:#0ce395;
}
.cplace-product-demo-wrapper .demo-item:nth-child(3) {
    --defaultBackground:#ff3393;
}
.cplace-product-demo-wrapper .demo-item:nth-child(4) {
    --defaultBackground:#0158d4;
}
.cplace-product-demo-wrapper .demo-item:nth-child(5) {
    --defaultBackground:#fa6d64;
}
.cplace-product-demo-wrapper .demo-item:nth-child(6) {
    --defaultBackground:#a84af0;
}
.cplace-product-demo-wrapper .demo-item.active {
    flex-grow: 10000;
    transform: scale(1);
    max-width: 900px;
    margin: 0 10px;
    border-radius: 40px;
    background-size: auto 100%;
    padding: 28px 28px 0 28px;
}
.cplace-product-demo-wrapper .demo-item.active .shadow {
    box-shadow: inset 0 -120px 120px -120px black, inset 0 -120px 120px -100px black;
}
.cplace-product-demo-wrapper .demo-item.active .label {
    bottom: 20px;
    left: 40px;
}
.cplace-product-demo-wrapper .demo-item.active .label .info > div {
    opacity: 1;
    font-family: 'Quicksand';
    font-size: 2em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: calc(100% - 20px);
}
.cplace-product-demo-wrapper .demo-item:not(.active) {
    flex-grow: 1;
    border-radius: 30px;
}
.cplace-product-demo-wrapper .demo-item:not(.active) .shadow {
    bottom: -40px;
    box-shadow: inset 0 -120px 0px -120px black, inset 0 -120px 0px -100px black;
}
.cplace-product-demo-wrapper .demo-item:not(.active) .label {
    bottom: 10px;
    left: 4px;
}
.cplace-product-demo-wrapper .demo-item:not(.active) .label .info > div {
    left: 20px;
    opacity: 0;
}
.cplace-product-demo-wrapper .demo-item .shadow {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 120px;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}
.cplace-product-demo-wrapper .demo-item .label {
    display: flex;
    position: absolute;
    right: 0px;
    height: 40px;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}
.cplace-product-demo-wrapper .demo-item .label .icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: white;
    color: var(--defaultBackground);
    font-size: 2em;
}
.cplace-product-demo-wrapper .demo-item .label .info {
    display: flex;
    flex-direction: column;
    justify-content: left;
    margin-left: 10px;
    color: white;
    white-space: pre;
    width: 90%;
}
.cplace-product-demo-wrapper .demo-item .label .info > div {
    position: relative;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95), opacity 0.5s ease-out;
}
.cplace-product-demo-wrapper .demo-item .label .info .main {
    font-weight: bold;
    font-size: 2em;
    text-align: left;
    font-family: 'Quicksand';
}
.cplace-product-demo-wrapper .demo-item .label .info .sub {
    transition-delay: 0.1s;
    font-size: 1.8em !important;
    font-weight: 400;
    text-align: left;
}

/*********************************
** End Product Demo Space
** Author: Navid Heidemann
** 2023 06 29
**********************************/

/*********************************
** Start Business Cards CSS
** Author: Servet Alaca, Pinku Chanda
** 2023 06 27
**********************************/
/* Business Card - Marketing */

.cplace-business-card{
    background: #00207A;
    border-radius: 32px;
    color: #ffffff;
}

.cplace-business-card .cbc-card-main{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    padding: 24px;
    gap: 24px;
}

.cplace-business-card .cbc-card-main .cbc-photo{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    padding: 0;
    max-width: 235px;
    max-height: 234px;
}

.cplace-business-card .cbc-card-main .cbc-photo img{
    border-radius: 24px;
    display: block;
    float: left;
    flex: 0 0 auto;
    width: 100%;
}

.cplace-business-card .cbc-card-main .cbc-personal-info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 4px 0px 0px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 1;
}

.cplace-business-card .cbc-card-main .cbc-personal-info h2{
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: -0.011em;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
    border: none;
}
.cplace-business-card .cbc-card-main .cbc-personal-info h4{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 18px;
    color: #FFFFFF;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: 0;
    padding: 0;
}
.cplace-business-card .cbc-card-main .cbc-personal-info ul{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    color: #FFFFFF;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin: 0;
    padding: 16px 0 16px 16px;
}

.cplace-business-card .cbc-card-main .cbc-personal-info .cbc-contact-details{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    color: #FFFFFF;
    flex: none;
    order: 2;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
}
.cplace-business-card .cbc-card-main .cbc-personal-info .cbc-contact-details .cbc-mail{
    letter-spacing: 0.01em;
}
.cplace-business-card .cbc-card-main .cbc-personal-info .cbc-contact-details a{
    color: #FFFFFF;
    text-decoration: none;
}
.cplace-business-card .cbc-card-main .cbc-personal-info .cbc-button{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 22px;
    background: #0CE796;
    border-radius: 24px;
    flex: none;
    order: 3;
    flex-grow: 0;
    margin-top: 16px;
}
.cplace-business-card .cbc-card-main .cbc-personal-info .cbc-button a{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.011em;
    color: #00207A;
    flex: none;
    order: 1;
    flex-grow: 0;
}

@media only screen and (max-width: 610px) {
    .cplace-business-card .cbc-card-main{
        justify-content: center;
    }
    .cplace-business-card .cbc-card-main .cbc-personal-info{
        align-items: center;
    }
    .cplace-business-card .cbc-card-main .cbc-personal-info h4{
        align-self: center;
    }
    .cplace-business-card .cbc-card-main .cbc-personal-info ul{
        align-self: center;
    }
}

/*********************************
** END Business Cards CSS
** Author: Servet Alaca, Pinku Chanda
** 2023 06 27
**********************************/


/* CSemrau - temporary work-around for bug in our LESS files. See also https://collaborationfactory.slack.com/archives/C01CNFRAUKS/p1616052349000800 */
#cplace #page-content-wrapper > .container-fluid {
    height: calc(100vh - 60px);
}

/* precompile editability of attributes */
div.jarviswidget[data-widget-kind="cf.cplace.platform.attributesGroup"] .cplace-control-wrapper.cplace-non-editable-feature  {
    background: #f2f2f2;
}
/* precompile editability of attributes */


/*
    Custom OKR Stlye
    Author: Navid 20200715
*/

.custom-okr-list ul {
    list-style: none;
    padding: 0;
    margin-bottom: 41px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 20px;
    grid-template-rows: 150px;
}

.custom-okr-list ul li {
    background: white;
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    transition: all .25s linear;
    display: grid;
    height: 150px;
}

.custom-okr-list ul li:hover {
    box-shadow: -1px 5px 10px 0px rgba(0, 0, 0, 0.4);
}

.custom-okr-list ul li a {
    display: block;
    height: 100%;
    padding: 40px 10px 10px;
    text-decoration: none;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
    overflow: hidden;
    min-height: 125px;
}

.custom-okr-list ul li a:before,
.custom-okr-list ul li a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}

.custom-okr-list ul li a:after {
    transform: rotate(-1deg);
    transform-origin: bottom left;
    height: 30px;
    width: 110%;
    color: white;
    text-align: left;
    z-index: 1;
    padding: 5px 0 0 6px;
}

.custom-okr-list ul li a i {
    display: none;
}

.custom-okr-list.okr-company ul li a:after {
    background: #607D8B;
    content: 'C';
}

.custom-okr-list.okr-s ul li a:after {
    background: rgb(0 85 170);
    content: 'S';
}

.custom-okr-list.okr-m ul li a:after {
    background: rgb(35, 150, 243);
    content: 'M';
}

.custom-okr-list.okr-pande ul li a:after {
    background: rgb(50 93 253);
    content: 'P&E';
}

.custom-okr-list.okr-candps ul li a:after {
    background: rgb(5, 199, 196);
    content: 'C & PS';
}

.custom-okr-list.okr-pm ul li a:after {
    background: rgb(1, 188, 212);
    content: 'PM';
}

.custom-okr-list.okr-hr ul li a:after {
    background: #2b4b6c;
    content: 'P&C';
}

.custom-okr-list.okr-itopssup ul li a:after {
    background: #05e8f4;
    content: 'OPS & SUP';
}

.custom-okr-list.okr-f ul li a:after {
    background: #104b65;
    content: 'F&A';
}


/*
    Custom OKR Stlye
    Author: Navid 20200715
*/


/*
    Custom Table Style for Meeting Minutes
    Author: Navid 20200424
*/

.custom-minutes-table th:first-child {
    background: #e7e8e8;
}

.custom-minutes-table td:first-child {
    background: #e7e8e8;
    padding: 8px 5px 0px 5px;
}


/*
    RichText "Marker" Style fix
    Author: rosem - 2019-05-07
*/

.tricia-richstring span.marker,
cplace-control-component-richtext span.marker {
    display: inline-block;
    border: 4px solid #d5ff78;
    border-top: none;
    border-bottom: none;
    background: #d5ff78;
}


/* SSE CSS  Start
Author: Navid 20190710
*/

.cf-custom-sales .custom-sse-link {
    height: 600px
}

.custom-sse-link .btn-group {
    bottom: 0px;
    position: absolute !important;
}

.custom-sse-link a {
    background: #0276bf;
    color: white;
    padding: 10px;
    border-radius: 4px;
    text-decoration: none;
    transition: background ease-in .2s;
    bottom: 40px;
    position: absolute
}

.custom-sse-link a:hover,
.custom-sse-link a:focus,
.custom-sse-link a:visited {
    background: #00c7b1;
    transition: background ease-in .2s;
    color: white;
}

.custom-sse-link {
    height: 400px;
    border: 2px solid #0077be;
    padding: 23px;
    margin-bottom: 20px;
}

.custom-sse-link.auto-height {
    height: auto;
}

.custom-sse-link-image {
    text-align: center;
    margin-bottom: 20px;
}

.custom-sse-link-image img {
    width: 80%;
    box-shadow: 2px 4px 4px #afafaf8f;
}

.custom-sse-link-description {}

.custom-sse-link-name {
    font-size: 20px;
    margin-bottom: 10px;
    color: #00c7b1;
}


/* SSE CSS End*/


/* Start: Include timeline styles, 2019-02-12 Navid */

@import url('/file/8ytmqk9zif9d0zdxtj91ofmk4/Public-Styles-and-Images/Assets/timeline-wf.css?version=ug0taa4z6fpwe978ncy26xeoy');

/* End: Include timeline styles */


/* Start: Include typography styles, 2018-06-26 Navid */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i&subset=latin-ext');

/* End: Include typography styles */


/* Start: Style team banners, 2019-01-29 Navid */

div.custom-team-banner h1 {
    color: white;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, .1);
    text-align: right;
    line-height: 60px;
    margin: 0;
    padding-right: 12px;
}

div.custom-blue-h1 h1 {
    color: #0077c3;
    border-bottom: 1px solid #0077c3;
    margin-top: 0;
}


/* End: Style team banners */


/* Start: KPI Tiles CSS used in Products Development Workspace, 2018-10-05 Navid */

.custom-kpi-tile {
    color: rgb(115, 135, 156);
    float: left;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font: normal normal 400 normal 13px / 19.123px;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0 10px 2px 20px;
}

.custom-kpi-tile-count {
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
}

.custom-kpi-tile-stat-text {
    color: rgb(115, 135, 156);
    font-weight: 600;
}

.custom-kpi-tile {
    border-left: 2px solid rgb(115, 135, 156);
}

.custom-kpi-tile-link a {
    color: rgb(115, 135, 156);
}

.custom-kpi-tile-link:before {
    content: '\f101';
    font-family: FontAwesome;
    margin-right: 4px;
}

.custom-kpi-tile-red {
    color: #f84d48;
}

.custom-kpi-tile-red .custom-kpi-tile-stat-text {
    color: #f84d48;
}

.custom-kpi-tile-red.custom-kpi-tile {
    border-left: 2px solid #f84d48;
}

.custom-kpi-tile-red a {
    color: #f84d48;
}

.cf-custom-pow-now-bg {
    background-image: url('/file/bx70q2eazeohhemuj3vc14r4d/Products-Development/Issue-Tracking/powpow.png?version=bl0y7bwqdepg31v7dx5ko3iz2');
    margin: 0 !important;
    position: relative !important;
    border-left: 6px solid #0079c2;
}

.cf-custom-pow-now-bg>div {
    background: rgba(242, 243, 245, 0.8) !important;
    float: left;
    width: 100%;
    padding: 13px 0 0
}

.cf-custom-pow-now-bg .custom-kpi-tile-count {
    color: white;
    text-shadow: 1px 2px 10px rgba(115, 135, 156, .8);
}

.cf-custom-pow-now-bg .custom-kpi-tile-red .custom-kpi-tile-count {
    text-shadow: 1px 2px 10px rgba(248, 76, 72, .8);
}


/* End: KPI Tiles CSS used in Products Development Workspace, 2019-06-13 Navid */


/*
Stacktraces in Issues werden auf dem Bildschirm gekürzt, aber nicht im PDF-Druck.
Beispielhaft verwendet in ISSUE-1428
Christian Semrau, 2016-02-05
*/

div#cplace-main div.stacktrace pre {
    overflow: auto;
    max-height: 300px;
}


/*
Testweise Grafiken auf 100% maxwidth.
Beispielhaft verwendet in ISSUE-2114
Wird zum Standard in cPlace 4.34.
Christian Semrau, 2016-10-24
*/

.cplace-ckeditor-img-full-maxwidth img {
    max-width: 100%;
}


/*** ***/

.cplace-custom-full-bg {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.cplace-custom-full-bg.help {
    background: #00519e no-repeat center center;
    background-size: cover
}

.cplace-custom-full-bg h1 {
    padding: 13px 10px 2px 0px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 40px;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
}

.cplace-custom-full-bg h2 {
    padding: 16px 10px 2px 0px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 24px;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
    position: relative;
    margin-top: 0;
}

.cplace-custom-full-bg .icon {
    margin-left: -20px;
    font-size: 100px;
    line-height: 100px;
    color: white;
    opacity: 0.1;
    position: relative;
    top: 7px;
    float: left;
}

.cplace-custom-full-bg .image img {
    float: left;
    opacity: 0.4;
    height: 100px;
}

.cplace-custom-full-bg .image {
    top: 10%;
    position: absolute;
    right: 0;
}


/* ------------------------------------------------------------
BEGIN Full Width Background Image
----------------------------------------------------------- */

.cplace-custom-full-bg {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.cplace-custom-full-bg.stammdaten {
    background: #696969 no-repeat center center;
    background-size: cover
}

.cplace-custom-full-bg.it-a {
    background: rgba(44, 44, 44, 0.75) no-repeat center center;
    background-size: cover;
    position: absolute;
    z-index: 1;
    width: 100%;
}

.cplace-custom-full-bg.bag {
    background: #207d00 no-repeat center center;
    background-size: cover
}

.cplace-custom-full-bg.planv {
    background: rgb(215, 215, 215) no-repeat center center;
    background-size: cover;
    text-align: center;
}

.cplace-custom-full-bg.elektronik {
    background: #ff8d4d no-repeat center center;
    background-size: cover
}

.cplace-custom-full-bg.plattform {
    background: #edc951 no-repeat center center;
    background-size: cover
}

.cplace-custom-full-bg.verglasung {
    background: #59b7de no-repeat center center;
    background-size: cover
}

.cplace-custom-full-bg.karosserie {
    background: #464646 no-repeat center center;
    background-size: cover
}

.cplace-custom-full-bg.glossar {
    background: url('/topcar/file/14h6nm0i2wm1r18sop4117moy6/cPlace-Hilfe/Alle-Abbildungen-hier-rein/Hintergrund-Glossar.png') no-repeat center center;
    background-size: cover;
    height: 800px;
}

.cplace-custom-full-bg.pep {
    background: url('/topcar/file/1kk022erd15xdtyyckbi51ae2/cPlace-Hilfe/Alle-Abbildungen-hier-rein/Hintergrund-Projektbibliothek.png') no-repeat center center;
    background-size: cover;
    height: 800px;
}

.cplace-custom-full-bg.workspaceprime {
    background: url('/topcar/file/1sx77fuuur86bkd0dari3fl3x/cPlace-Hilfe/Alle-Abbildungen-hier-rein/Bild1.jpg') no-repeat center center;
    background-size: cover;
    height: 150px;
}

.cplace-custom-full-bg.workspaceprime .row {
    margin-left: 0;
    margin-right: 0;
}

.cf-custom-no-padding {
    margin-left: -13px;
    margin-right: -13px;
    margin-top: 0px;
}

.workspaceprime-header {
    background: rgba(56, 131, 198, 0.72);
    float: left;
    padding: 5px 20px;
    margin-top: 0;
    position: relative;
    width: 100%;
}

.workspaceprime-header h1 {
    margin-top: 0 !important;
    padding: 0 !important;
}

.cplace-custom-full-bg.pep .pep-text {
    float: right;
    width: 50%;
    font-size: 16px;
    padding-right: 150px;
}

.tiles {
    float: left;
    display: block;
    margin-top: 10px;
    margin-left: 17px;
}

.cplace-custom-full-bg.planv .planvh2 {
    padding: 3px 10px 2px 0px;
    color: rgba(33, 33, 33, 1);
    font-size: 24px;
    text-shadow: none;
    position: relative;
    margin-top: 0;
    text-align: center;
    line-height: 67px;
    margin-bottom: 3px;
}

.cplace-custom-full-bg.planv .icon {
    font-size: 55px;
    line-height: 50px;
    color: rgb(139, 139, 139);
    opacity: 0.5;
    margin-left: 0;
    left: 11px;
    top: 13px;
}

.cplace-custom-full-bg.pep h1 {
    color: rgba(33, 33, 33, 1);
    font-size: 40px;
    text-shadow: none;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
}

.cplace-custom-full-bg h1 {
    padding: 13px 10px 2px 0px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 34px;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
}

.cplace-custom-full-bg h2 {
    padding: 1px 10px 2px 0px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 24px;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
    position: relative;
    margin-top: 0;
}

.cplace-custom-full-bg .icon {
    margin-left: -20px;
    font-size: 100px;
    line-height: 100px;
    color: white;
    opacity: 0.1;
    position: relative;
    top: 7px;
    float: left;
}

.cplace-custom-full-bg .image img {
    float: left;
    opacity: 0.4;
    height: 100px;
}

.cplace-custom-full-bg .image {
    top: 10%;
    position: absolute;
    right: 0;
}


/* ------------------------------------------------------------
END Full Width Background Image
----------------------------------------------------------- */


/* KALENDER*/


/* KALENDER  */


/* KALENDER  */

.cf-cplace-simple-calendar .fc-toolbar {
    color: #5c626c;
}

.cf-cplace-simple-calendar .fc-head span,
.cf-cplace-simple-calendar .fc-day-number {
    color: #5c626c !important;
}

.cf-cplace-simple-calendar button.fc-button {
    color: #5c626c;
}

.cf-cplace-simple-calendar button.fc-button:hover,
.cf-cplace-simple-calendar button.fc-state-active {
    background: #5c626c !important;
}

.cf-cplace-simple-calendar .fc-body {
    background: #eef1f2;
}

.cf-cplace-simple-calendar .fc-unthemed td.fc-today {
    background: #ffffff;
}

.cf-cplace-simple-calendar .fc-unthemed td.fc-today>span {
    color: #1481c2;
}

.cf-cplace-simple-calendar button.fc-state-active {
    color: #ffffff;
}

.cf-cplace-simple-calendar .fc-unthemed .fc-list-heading td {
    background: #f2f6ff;
    color: #5c626c;
}


/*KALENDER*/


/*KALENDER*/


/*KALENDER*/


/*KALENDER*/


/*KALENDER*/


/* KPI TILES
//  KPI TILES
//  KPI TILES
//  KPI TILES
//  KPI TILES
//  KPI TILES
//  KPI TILES
 */

.cf-cplace-tile-kpi {
    color: rgb(60, 72, 88);
    float: left;
    height: 175px;
    position: relative;
    width: 100%;
    font: normal normal 300 normal 14px / 21px Roboto, Helvetica, Arial, sans-serif;
    outline: rgb(60, 72, 88) none 0px;
    padding: 0;
}

.kpi-wrapper {
    box-shadow: rgba(0, 0, 0, 0.137255) 0px 1px 4px 0px;
    position: relative;
    background: #fff;
    border-radius: 6px 6px 6px 6px;
    font: normal normal 300 normal 14px / 21px Roboto, Helvetica, Arial, sans-serif;
    margin: 25px 0px;
}

.kpi-color-box {
    box-shadow: rgba(0, 0, 0, 0.137255) 0px 4px 20px 0px, rgba(33, 33, 33, 0.4) 0px 7px 10px -5px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    float: left;
    height: 85px;
    position: relative;
    text-align: center;
    width: 85px;
    border-radius: 3px 3px 3px 3px;
    font: normal normal 300 normal 14px / 21px Roboto, Helvetica, Arial, sans-serif;
    margin: -20px 15px 0px;
    line-height: 85px;
    font-size: 20px;
    background: #243572;
}

.kpi-color-box.green {
    background: #00715e;
}

.kpi-color-box.yellow {
    background: #ae6e00;
}

.kpi-color-box.red {
    background: #961c26;
}

.kpi-color-box.blue {
    background: #99a604;
}

.kpi-values {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.870588);
    height: 83px;
    position: relative;
    text-align: right;
    width: 100%;
    font: normal normal 300 normal 14px / 21px Roboto, Helvetica, Arial, sans-serif;
    padding: 10px 20px 15px;
}

.kpi-footer {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.870588);
    height: 35px;
    width: 100%;
    border-top: 0.834783px solid rgb(238, 238, 238);
    font: normal normal 300 normal 12px / 14px Roboto, Helvetica, Arial, sans-serif;
    margin: 0px 20px 10px;
    padding: 10px 25px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kpi-values a {
    font-size: 18px;
    color: rgba(56, 62, 73, 0.79);
    text-decoration: none;
}

.kpi-values h3 {
    margin: 0;
}


/* KPI TILES //  KPI TILES //  KPI TILES //  KPI TILES //  KPI TILES //  KPI TILES //  KPI TILES // /*/


/* START TEST NEW UI */


/*  Start
    Menu blue with gradient, Header and history Colors
    Author: Navid, 2019 Feb 21
*/

#cplace-navigation-top .nav.navbar-nav>li>a:hover,
#cplace-navigation-top .nav.navbar-nav>li>a:focus {
    border-top: 3px solid #00c7b1;
}

aside#cplace-left-panel {
    background: url('/file/72pe7ud9dnqwru2jrjh0rr76c/Products-Development/Abbildungen/bg-blurry-cplace-5.jpg');
    background-repeat: no-repeat;
}

aside#cplace-left-panel a {
    color: #f2f3f5;
}

aside#cplace-left-panel a i {
    color: #f2f3f5;
}

aside#cplace-left-panel .active>a,
aside#cplace-left-panel .active>a i {
    color: #0077c2 !important;
    font-weight: bold;
    transition: color .1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

nav.cplace-treeview>ul>li:hover>ul::before,
nav.cplace-treeview>ul>li:hover>ul>li::before {
    border-color: rgba(255, 255, 255, 0.5) !important;
}

nav.cplace-treeview>ul>li>ul::before,
nav.cplace-treeview>ul ul li::before {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

nav.cplace-treeview>ul>li>ul::before {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
}

aside#cplace-left-panel .active>a {
    background: #fff;
    font-weight: normal;
}

aside#cplace-left-panel a:hover {
    background: #00cbb1;
    color: white !important;
    transition: all .1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

aside#cplace-left-panel .active a:hover i {
    color: white !important;
    transition: color .1s ease-in-out;
}

#cplace-left-panel li.cplace-sidebar-type {
    background-color: rgba(0, 0, 0, 0.3);
}

#cplace-left-panel li.cplace-sidebar-type:first-child {
    border-top: 2px solid #00c7b1;
}

.minified nav.cplace-treeview a {
    background-color: #0077bd;
}

.cplace-history ul a:hover {
    background: #00cbb1;
}



/*  End
    Menu, Header/History
    Author: Navid
*/


/*  Start
    View tabs and actions
    Author: Navid, 2019 Feb 22
*/

.cplace-views-and-actions.nav-tabs>li:hover {
    border-bottom: 1px solid #c3c2c2 !important;
}

.cplace-views-and-actions.nav-tabs>li.active a {
    color: #0079c3 !important;
}

.cplace-views-and-actions.nav-tabs>li a:hover {
    color: #0079c3 !important;
}

.cplace-views-and-actions.nav-tabs>li.active {
    border-bottom: 1px solid #0079c3 !important;
}


/*  End
    View tabs and actions
    Author: Navid
*/


/*
   Start
   Login Form
   Author: Navid, 2019 Feb 22
*/



.cplace-modal-page {
    background: url(../../functions/downloadCiImage?type=modalPageBackground.png) no-repeat center center fixed;
    background-size: cover;
    background: linear-gradient(to right, #afcbe5, #0c77be, #00c7b1, #6fd8c9);
}


/*
   End
   Login Form
   Author: Navid
*/



/*
  Start: Custom-Fancy-List Style
  Author: Navid, 2019 03 19
  Adapted from https://codepen.io/equinusocio/pen/OqpBKJ
*/

ul.custom-fancy-list {
    counter-reset: index;
    padding: 0;
    max-width: 400px;
}

ul.custom-fancy-list li {
    counter-increment: index;
    display: flex;
    align-items: center;
    padding-bottom: 6px;
    box-sizing: border-box;
}

ul.custom-fancy-list li::before {
    content: counters(index, ".", decimal-leading-zero);
    font-size: 20px;
    text-align: right;
    font-weight: bolder;
    min-width: 50px;
    padding-right: 20px;
    font-variant-numeric: tabular-nums;
    align-self: flex-start;
    background-image: linear-gradient(to bottom, #0077bd, #77dcc3);
    background-attachment: fixed;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

ul.custom-fancy-list li+li {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 6px;
}


/*
  End: Custom-Fancy-List Style
  Author: Navid, 2019 03 19
*/


/* ============= Landing Page Start =============
Author: Ole Himmel, Suad Dudic
Initial Date: 03.04.2019 */


/* Start: Include timeline styles, 2019-02-12 Navid */

@import url('/file/8ytmqk9zif9d0zdxtj91ofmk4/Public-Styles-and-Images/Assets/timeline-wf.css?version=ug0taa4z6fpwe978ncy26xeoy');

/* End: Include timeline styles */


/* Start: Include typography styles, 2018-06-26 Navid */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i&subset=latin-ext');

/* End: Include typography styles */


/* Start: Style team banners, 2019-01-29 Navid */

div.custom-team-banner h1 {
    color: white;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, .1);
    text-align: right;
    line-height: 60px;
    margin: 0;
    padding-right: 12px;
}

div.custom-blue-h1 h1 {
    color: #0077c3;
    border-bottom: 1px solid #0077c3;
    margin-top: 0;
}


/* End: Style team banners */


/* Start: KPI Tiles CSS used in Products Development Workspace, 2018-10-05 Navid */

.custom-kpi-tile {
    color: rgb(115, 135, 156);
    float: left;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font: normal normal 400 normal 13px / 19.123px;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0 10px 2px 20px;
}

.custom-kpi-tile-count {
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
}

.custom-kpi-tile-stat-text {
    color: rgb(115, 135, 156);
    font-weight: 600;
}

.custom-kpi-tile {
    border-left: 2px solid rgb(115, 135, 156);
}

.custom-kpi-tile-link a {
    color: rgb(115, 135, 156);
}

.custom-kpi-tile-link:before {
    content: '\f101';
    font-family: FontAwesome;
    margin-right: 4px;
}

.custom-kpi-tile-red {
    color: #f84d48;
}

.custom-kpi-tile-red .custom-kpi-tile-stat-text {
    color: #f84d48;
}

.custom-kpi-tile-red.custom-kpi-tile {
    border-left: 2px solid #f84d48;
}

.custom-kpi-tile-red a {
    color: #f84d48;
}


/* End: KPI Tiles CSS used in Products Development Workspace, 2018-10-05 Navid */


/*
Stacktraces in Issues werden auf dem Bildschirm gekürzt, aber nicht im PDF-Druck.
Beispielhaft verwendet in ISSUE-1428
Christian Semrau, 2016-02-05
*/

div#cplace-main div.stacktrace pre {
    overflow: auto;
    max-height: 300px;
}


/*
Testweise Grafiken auf 100% maxwidth.
Beispielhaft verwendet in ISSUE-2114
Wird zum Standard in cPlace 4.34.
Christian Semrau, 2016-10-24
*/

.cplace-ckeditor-img-full-maxwidth img {
    max-width: 100%;
}


/*** ***/

.cplace-custom-full-bg {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.cplace-custom-full-bg.help {
    background: #00519e no-repeat center center;
    background-size: cover
}

.cplace-custom-full-bg h1 {
    padding: 13px 10px 2px 0px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 40px;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
}

.cplace-custom-full-bg h2 {
    padding: 16px 10px 2px 0px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 24px;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
    position: relative;
    margin-top: 0;
}

.cplace-custom-full-bg .icon {
    margin-left: -20px;
    font-size: 100px;
    line-height: 100px;
    color: white;
    opacity: 0.1;
    position: relative;
    top: 7px;
    float: left;
}

.cplace-custom-full-bg .image img {
    float: left;
    opacity: 0.4;
    height: 100px;
}

.cplace-custom-full-bg .image {
    top: 10%;
    position: absolute;
    right: 0;
}


/* ------------------------------------------------------------
BEGIN Full Width Background Image
----------------------------------------------------------- */

.cplace-custom-full-bg {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.cplace-custom-full-bg.stammdaten {
    background: #696969 no-repeat center center;
    background-size: cover
}

.cplace-custom-full-bg.it-a {
    background: rgba(44, 44, 44, 0.75) no-repeat center center;
    background-size: cover;
    position: absolute;
    z-index: 1;
    width: 100%;
}

.cplace-custom-full-bg.bag {
    background: #207d00 no-repeat center center;
    background-size: cover
}

.cplace-custom-full-bg.planv {
    background: rgb(215, 215, 215) no-repeat center center;
    background-size: cover;
    text-align: center;
}

.cplace-custom-full-bg.elektronik {
    background: #ff8d4d no-repeat center center;
    background-size: cover
}

.cplace-custom-full-bg.plattform {
    background: #edc951 no-repeat center center;
    background-size: cover
}

.cplace-custom-full-bg.verglasung {
    background: #59b7de no-repeat center center;
    background-size: cover
}

.cplace-custom-full-bg.karosserie {
    background: #464646 no-repeat center center;
    background-size: cover
}

.cplace-custom-full-bg.glossar {
    background: url('/topcar/file/14h6nm0i2wm1r18sop4117moy6/cPlace-Hilfe/Alle-Abbildungen-hier-rein/Hintergrund-Glossar.png') no-repeat center center;
    background-size: cover;
    height: 800px;
}

.cplace-custom-full-bg.pep {
    background: url('/topcar/file/1kk022erd15xdtyyckbi51ae2/cPlace-Hilfe/Alle-Abbildungen-hier-rein/Hintergrund-Projektbibliothek.png') no-repeat center center;
    background-size: cover;
    height: 800px;
}

.cplace-custom-full-bg.workspaceprime {
    background: url('/topcar/file/1sx77fuuur86bkd0dari3fl3x/cPlace-Hilfe/Alle-Abbildungen-hier-rein/Bild1.jpg') no-repeat center center;
    background-size: cover;
    height: 150px;
}

.cplace-custom-full-bg.workspaceprime .row {
    margin-left: 0;
    margin-right: 0;
}

.cf-custom-no-padding {
    margin-left: -13px;
    margin-right: -13px;
    margin-top: 0px;
}

.workspaceprime-header {
    background: rgba(56, 131, 198, 0.72);
    float: left;
    padding: 5px 20px;
    margin-top: 0;
    position: relative;
    width: 100%;
}

.workspaceprime-header h1 {
    margin-top: 0 !important;
    padding: 0 !important;
}

.cplace-custom-full-bg.pep .pep-text {
    float: right;
    width: 50%;
    font-size: 16px;
    padding-right: 150px;
}

.tiles {
    float: left;
    display: block;
    margin-top: 10px;
    margin-left: 17px;
}

.cplace-custom-full-bg.planv .planvh2 {
    padding: 3px 10px 2px 0px;
    color: rgba(33, 33, 33, 1);
    font-size: 24px;
    text-shadow: none;
    position: relative;
    margin-top: 0;
    text-align: center;
    line-height: 67px;
    margin-bottom: 3px;
}

.cplace-custom-full-bg.planv .icon {
    font-size: 55px;
    line-height: 50px;
    color: rgb(139, 139, 139);
    opacity: 0.5;
    margin-left: 0;
    left: 11px;
    top: 13px;
}

.cplace-custom-full-bg.pep h1 {
    color: rgba(33, 33, 33, 1);
    font-size: 40px;
    text-shadow: none;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
}

.cplace-custom-full-bg h1 {
    padding: 13px 10px 2px 0px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 34px;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
}

.cplace-custom-full-bg h2 {
    padding: 1px 10px 2px 0px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 24px;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
    position: relative;
    margin-top: 0;
}

.cplace-custom-full-bg .icon {
    margin-left: -20px;
    font-size: 100px;
    line-height: 100px;
    color: white;
    opacity: 0.1;
    position: relative;
    top: 7px;
    float: left;
}

.cplace-custom-full-bg .image img {
    float: left;
    opacity: 0.4;
    height: 100px;
}

.cplace-custom-full-bg .image {
    top: 10%;
    position: absolute;
    right: 0;
}


/* ------------------------------------------------------------
END Full Width Background Image
----------------------------------------------------------- */


/* KALENDER*/


/* KALENDER  */


/* KALENDER  */

.cf-cplace-simple-calendar .fc-toolbar {
    color: #5c626c;
}

.cf-cplace-simple-calendar .fc-head span,
.cf-cplace-simple-calendar .fc-day-number {
    color: #5c626c !important;
}

.cf-cplace-simple-calendar button.fc-button {
    color: #fff;
}

.cf-cplace-simple-calendar button.fc-button:hover,
.cf-cplace-simple-calendar button.fc-state-active {
    background: #5c626c !important;
}

.cf-cplace-simple-calendar .fc-body {
    background: #eef1f2;
}

.cf-cplace-simple-calendar .fc-unthemed td.fc-today {
    background: #ffffff;
}

.cf-cplace-simple-calendar .fc-unthemed td.fc-today>span {
    color: #1481c2;
}

.cf-cplace-simple-calendar button.fc-state-active {
    color: #ffffff;
}

.cf-cplace-simple-calendar .fc-unthemed .fc-list-heading td {
    background: #f2f6ff;
    color: #5c626c;
}


/*KALENDER*/


/*KALENDER*/


/*KALENDER*/


/*KALENDER*/


/*KALENDER*/


/* KPI TILES
//  KPI TILES
//  KPI TILES
//  KPI TILES
//  KPI TILES
//  KPI TILES
//  KPI TILES
 */

.cf-cplace-tile-kpi {
    color: rgb(60, 72, 88);
    float: left;
    height: 175px;
    position: relative;
    width: 100%;
    font: normal normal 300 normal 14px / 21px Roboto, Helvetica, Arial, sans-serif;
    outline: rgb(60, 72, 88) none 0px;
    padding: 0;
}

.kpi-wrapper {
    box-shadow: rgba(0, 0, 0, 0.137255) 0px 1px 4px 0px;
    position: relative;
    background: #fff;
    border-radius: 6px 6px 6px 6px;
    font: normal normal 300 normal 14px / 21px Roboto, Helvetica, Arial, sans-serif;
    margin: 25px 0px;
}

.kpi-color-box {
    box-shadow: rgba(0, 0, 0, 0.137255) 0px 4px 20px 0px, rgba(33, 33, 33, 0.4) 0px 7px 10px -5px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    float: left;
    height: 85px;
    position: relative;
    text-align: center;
    width: 85px;
    border-radius: 3px 3px 3px 3px;
    font: normal normal 300 normal 14px / 21px Roboto, Helvetica, Arial, sans-serif;
    margin: -20px 15px 0px;
    line-height: 85px;
    font-size: 20px;
    background: #243572;
}

.kpi-color-box.green {
    background: #00715e;
}

.kpi-color-box.yellow {
    background: #ae6e00;
}

.kpi-color-box.red {
    background: #961c26;
}

.kpi-color-box.blue {
    background: #99a604;
}

.kpi-values {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.870588);
    height: 83px;
    position: relative;
    text-align: right;
    width: 100%;
    font: normal normal 300 normal 14px / 21px Roboto, Helvetica, Arial, sans-serif;
    padding: 10px 20px 15px;
}

.kpi-footer {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.870588);
    height: 35px;
    width: 100%;
    border-top: 0.834783px solid rgb(238, 238, 238);
    font: normal normal 300 normal 12px / 14px Roboto, Helvetica, Arial, sans-serif;
    margin: 0px 20px 10px;
    padding: 10px 25px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kpi-values a {
    font-size: 18px;
    color: rgba(56, 62, 73, 0.79);
    text-decoration: none;
}

.kpi-values h3 {
    margin: 0;
}


/* KPI TILES //  KPI TILES //  KPI TILES //  KPI TILES //  KPI TILES //  KPI TILES //  KPI TILES // /*/


/* START TEST NEW UI */




/*  Start
    Table Widget Actions white and lean
    Author: Navid, 2019 Feb 21
*/

.cplace-no-padding-widget-sub-row .btn {
    box-shadow: none !important;
    border: 1px solid #405a6540 !important;
    color: #455a64;
}

.cplace-no-padding-widget-sub-row .btn.btn-default.active,
.cplace-no-padding-widget-sub-row .btn.btn-primary {
    color: white !important;
    background: #0079c3;
}

.flexigridpro .cplace-flexigrid-header-row .btn-group .btn.text-primary {
    color: #00cbb1 !important;
}

.cplace-flexigrid-footer-filters .cf-cplace-filters-substitution-wrapper .label {
    background: #00cbb1;
}

.cplace-flexigrid-footer-filters .cf-cplace-filters-substitution-wrapper .label.not-preset {
    background: #0079c9;
}

.cplace-no-padding-widget-sub-row .input-group .form-control {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #0079c3;
    position: relative;
    top: 0px;
}


/*  End
    Table Widget Actions white and lean
    Author: Navid
*/


/*  Start
    Menu blue with gradient, Header and history Colors
    Author: Navid, 2019 Feb 21
*/

#cplace-navigation-top .nav.navbar-nav>li>a:hover,
#cplace-navigation-top .nav.navbar-nav>li>a:focus {
    border-top: 3px solid #00c7b1;
}

aside#cplace-left-panel {
    background: url('/file/72pe7ud9dnqwru2jrjh0rr76c/Products-Development/Abbildungen/bg-blurry-cplace-5.jpg?version=mmf1ya89j31tv0nuhr5yod6mc');
    background-repeat: no-repeat;
}

aside#cplace-left-panel a {
    color: #f2f3f5;
}

aside#cplace-left-panel a i {
    color: #f2f3f5;
}

aside#cplace-left-panel .active>a,
aside#cplace-left-panel .active>a i {
    color: #0077c2 !important;
    font-weight: bold;
    transition: color .1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

nav.cplace-treeview>ul>li:hover>ul::before,
nav.cplace-treeview>ul>li:hover>ul>li::before {
    border-color: rgba(255, 255, 255, 0.5) !important;
}

nav.cplace-treeview>ul>li>ul::before,
nav.cplace-treeview>ul ul li::before {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

nav.cplace-treeview>ul>li>ul::before {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
}

aside#cplace-left-panel .active>a {
    background: #fff;
    font-weight: normal;
}

aside#cplace-left-panel a:hover {
    background: #00cbb1;
    color: white !important;
    transition: all .1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

aside#cplace-left-panel .active a:hover i {
    color: white !important;
    transition: color .1s ease-in-out;
}

#cplace-left-panel li.cplace-sidebar-type {
    background-color: rgba(0, 0, 0, 0.3);
}

#cplace-left-panel li.cplace-sidebar-type:first-child {
    border-top: 2px solid #00c7b1;
}

.minified nav.cplace-treeview a {
    background-color: #0077bd;
}

.cplace-history ul a:hover {
    background: #00cbb1;
}

.minified nav.cplace-treeview a i {
    color: #f2f3f5 !important;
}

.cplace-context-menu a,
.cplace-context-menu a i,
.minified nav.cplace-treeview .cplace-context-menu a i {
    color: #005f8d !important;
    background: none;
}

.minified .cplace-context-menu li a {
    background: white;
}

.cplace-context-menu a:hover,
.cplace-context-menu a:hover i {
    color: #f2f3f5 !important;
}




/*  End
    Menu, Header/History
    Author: Navid
*/


/*  Start
    View tabs and actions
    Author: Navid, 2019 Feb 22
*/

.cplace-views-and-actions.nav-tabs>li:hover {
    border-bottom: 1px solid #c3c2c2 !important;
}

.cplace-views-and-actions.nav-tabs>li.active a {
    color: #0079c3 !important;
}

.cplace-views-and-actions.nav-tabs>li a:hover {
    color: #0079c3 !important;
}

.cplace-views-and-actions.nav-tabs>li.active {
    border-bottom: 1px solid #0079c3 !important;
}


/*  End
    View tabs and actions
    Author: Navid
*/

/*
   Start
   Login Form
   Author: Navid, 2019 Feb 22
*/

#login-form .modal-header {
    background: #206aa7;
}
#login-form .modal-header h1 {
    color: #ffffff;
}
.cplace-modal-page {
    background: url(../../functions/downloadCiImage?type=modalPageBackground.png) no-repeat center center fixed;
    background-size: cover;
}


/*
   End
   Login Form
   Author: Navid
*/


/*
  Start: Custom-Fancy-List Style
  Author: Navid, 2019 03 19
  Adapted from https://codepen.io/equinusocio/pen/OqpBKJ
*/

ul.custom-fancy-list {
    counter-reset: index;
    padding: 0;
    max-width: 400px;
}

ul.custom-fancy-list li {
    counter-increment: index;
    display: flex;
    align-items: center;
    padding-bottom: 6px;
    box-sizing: border-box;
}

ul.custom-fancy-list li::before {
    content: counters(index, ".", decimal-leading-zero);
    font-size: 20px;
    text-align: right;
    font-weight: bolder;
    min-width: 50px;
    padding-right: 20px;
    font-variant-numeric: tabular-nums;
    align-self: flex-start;
    background-image: linear-gradient(to bottom, #0077bd, #77dcc3);
    background-attachment: fixed;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

ul.custom-fancy-list li+li {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 6px;
}


/*
  End: Custom-Fancy-List Style
  Author: Navid, 2019 03 19
*/


/* ============= Landing Page Start =============
Author: Ole Himmel, Suad Dudic
Initial Date: 03.04.2019, Last Update: 23.04.2019 */

@media (min-width: 768px) {
    .cf-cplace-landing-page-wrapper .mc-level-0-tile.col-md-4 {
        width: 25%;
        /*padding-right: 1px;
      padding-left: 0px;*/
    }
}

@media (min-width: 992px) {
    .cf-cplace-landing-page-wrapper .mc-level-0-tile.col-md-4 {
        width: 20%;
        /*padding-right: 1px;
      padding-left: 0px;*/
    }
}

.cf-cplace-landing-page-wrapper .nav-tabs>li a {
    text-shadow: none !important;
}

.cf-cplace-landing-page-wrapper .nav-tabs>li a:hover {
    color: black;
}

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

.cf-cplace-landing-page-wrapper .page-header.add-fade-effect h1 {
    display: none;
}

.cf-cplace-landing-page-wrapper .cf-cplace-landing-page-tiles-theme-wrapper .material-card .mc-tiles .tile {
    font-size: 1.0em;
    height: 4em;
}

.cf-cplace-landing-page-wrapper .cf-cplace-landing-page-tiles-theme-wrapper .material-card .mc-tiles .tile a {
    margin-top: -1.0em;
}

/* Start Color Overruling */

.cf-cplace-landing-page-wrapper .material-card.Light-Green h2 {
    background-color: #00C7B1;
}

.cf-cplace-landing-page-wrapper .material-card.Green h2 {
    background-color: #00C7C4;
}

.cf-cplace-landing-page-wrapper .material-card.Green .mc-tiles .tile {
    background-color: #00a2a0;
}

.cf-cplace-landing-page-wrapper .material-card.Green .mc-tiles .tile:hover {
    background-color: #00c3c2;
}

.cf-cplace-landing-page-wrapper .material-card.Green .img-container {
    border-top: 1px solid #06a9f4;
    border-left: 1px solid #06a9f4;
    border-right: 1px solid #06a9f4;
}

.cf-cplace-landing-page-wrapper .material-card.Cyan .mc-tiles .tile {
    background-color: #00a0b5;
}

.cf-cplace-landing-page-wrapper .material-card.Cyan .mc-tiles .tile:hover {
    background-color: #00c3de;
}

.cf-cplace-landing-page-wrapper .material-card.Cyan .img-container {
    border-top: 1px solid #00bbd4;
    border-left: 1px solid #00bbd4;
    border-right: 1px solid #00bbd4;
}

.cf-cplace-landing-page-wrapper .material-card.Light-Green .mc-tiles .tile {
    background-color: #00a592;
}

.cf-cplace-landing-page-wrapper .material-card.Light-Green .mc-tiles .tile:hover {
    background-color: #00d6be;
}

.cf-cplace-landing-page-wrapper .material-card.Light-Green .img-container {
    border-top: 1px solid #00c7b1;
    border-left: 1px solid #00c7b1;
    border-right: 1px solid #00c7b1;
}

.cf-cplace-landing-page-wrapper .panel-group .panel {
    border: none;
    background: transparent;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: none;
}


/* End Color Overruling */


/* Start Announcement, Favorites Tile */

.cf-cplace-landing-page-wrapper .material-card .img-responsive.announcement {
    padding: 15px 30px 15px 15px;
}

.cf-cplace-landing-page-wrapper .material-card .img-responsive.announcement,
.cf-cplace-landing-page-wrapper .material-card .img-responsive.favorites {
    background: white;
    overflow-y: auto;
    overflow-x: hidden;
}

.cf-cplace-landing-page-wrapper .material-card .img-responsive.favorites ul {
    list-style-type: none;
    padding: 0;
    line-height: 2em;
}

.cf-cplace-landing-page-wrapper .material-card .img-responsive.favorites ul li a {
    padding: 5px 15px;
    display: block;
    border-bottom: 1px solid #9e9e9e3b;
}

.cf-cplace-landing-page-wrapper .material-card .img-responsive.favorites ul li:hover a {
    background: #9e9e9e85 !important;
    text-decoration: none;
}

.cf-cplace-landing-page-main-element .cplace-content-header {
    border: none;
}


/* End Announcement, Favorites Tile */


/* ========= Landing Page End ========= */



.tricia-richstring figure.image figcaption,
cplace-control-component-richtext figure.image figcaption {
    padding: 5px;
}


/* end figcaption fix, navid, 2019 september 2 */


/* Product Workspace & bug list START
* list navigation
* faces happy supporters pfm push
Author: navid, 2020 feb 20 */

.custom-navigation-list-tiles ul {
    padding-left: 5px;
}

.custom-navigation-list-tiles li {
    width: auto;
    margin: auto;
    display: block;
    margin-bottom: 10px;
}

.custom-navigation-list-tiles li a i {
    font-size: 2em;
    float: left;
    left: -12px;
    position: relative;
}

.custom-navigation-list-tiles li a {
    text-decoration: none;
    position: relative;
    margin: 0 auto;
    padding: 1rem 2.5rem;
    background: transparent;
    outline: none;
    font-size: 1.8em;
    line-height: 1.9em;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    transition: .2s color ease-in-out;
}

.custom-navigation-list-tiles li a::after,
.custom-navigation-list-tiles li a::before {
    content: "";
    position: absolute;
    height: 60px;
    width: 40px;
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
    -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    z-index: -2;
}

.custom-navigation-list-tiles li a::before {
    background-color: #1e8bc857;
    top: -1rem;
    left: 1rem;
}

.custom-navigation-list-tiles li a::after {
    background-color: #3cd7c3c9;
    top: 1rem;
    left: 6rem;
}

.custom-navigation-list-tiles li a:hover::before,
.custom-navigation-list-tiles li a:hover::after {
    top: 0;
    -webkit-transform: skewx(0deg);
    transform: skewx(0deg);
}

.custom-navigation-list-tiles li a:hover {
    color: white;
    transition: .2s color ease-in-out;
}

.custom-navigation-list-tiles li a:hover i {
    color: #333;
}

.custom-navigation-list-tiles li a:hover::after {
    left: 0rem;
    background-color: #3cd7c3;
    width: 80px;
}

.custom-navigation-list-tiles li a:hover::before {
    background-color: #1e8bc8;
    width: 100%;
}

image.highcharts-node {
    width: 60px;
    height: 60px;
    transform: translate(-30px, -30px);
}

.custom-product-table {
    background: url('/file/rqnouy6jvmeb10my6dvp8ds55/Product/High-level-Product-Topics/modalPageBackground.png?version=qqs0irartylapwx6t82p41o86');
    background-size: contain;
}

.custom-product-table th,
.custom-product-table thead tr th {
    background-color: rgba(0, 0, 0, 0.3) !important;
    color: white;
    width: 240px;
    font-size: 20px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, .5)
}

.custom-product-table td {
    background: white;
}

.custom-product-table td {
    border: 1px solid #153872 !important;
}

.custom-product-table th {
    border: 1px solid #787f99 !important;
}

.custom-product-alert {
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #FFB74D;
    margin-bottom: 10px;
    background: #FFF3E0;
}

.custom-bug-list{
    background: #2d2a27 url(/file/h9q986d6uxl5fj8jsbjvpu55e/Platform-Development/UIX/bug-1f41b.png?version=gxpkm4u36sjonu40ywwe346q1);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    margin: -20px -10px -30px;
    padding: 10px;
}

.custom-bug-list ul {
    list-style: none;
    padding: 0;
    margin-top: -10px;
}
.custom-bug-list ul li {
    background:   #444444b0;
    padding: 0px 20px;
    margin-left: -10px;
    margin-right: -10px;
}

.custom-bug-list ul li a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding: 5px 5px 2px;
    color: white;
    font-size: 14px;
    position: relative;
    text-indent: -12.8ch;
    text-decoration: none;
}

.custom-bug-list ul li:hover {
    background: #dcf954;
}
.custom-bug-list ul li:hover a {
    text-decoration: none;
    color: #444
}
.custom-bug-list ul li:active,.custom-bug-list ul li:focus {
    background: #99b41a;
}
.custom-issue-github, .custom-issue-status, .custom-issue-testStatus {
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.09);
    transition: box-shadow .1s ease-in;
}
.custom-issue-github:hover, .custom-issue-status:hover, .custom-issue-testStatus:hover {
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
    transition: box-shadow .1s ease-in;
}
.custom-issue-github {
    background: #242a2e;
    color: white;
    padding: 10px;
    border-radius: 4px;
    padding-left: 65px;
}

.custom-issue-github:before {
    content: '\f09b';
    font-family: "font awesome 5 brands";
    position: absolute;
    font-size: 3.5em;
    opacity: 0.4;
    left: 10px;
    top: 0;
}
.custom-issue-github div[cplace-tooltipster] a{
    color: white;
}
.custom-issue-status, .custom-issue-testStatus {
    background: white;
    padding: 15px;
    border-radius: 4px;
}
.custom-issue-status:before, .custom-issue-testStatus:before {
    background: white;
    width: 100%;
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}
.custom-issue-status:before {
    content: 'Status';
}
.custom-issue-testStatus:before {
    content: 'Test Status';
}
.custom-issue-status .cplace-control-wrapper,
.custom-issue-testStatus .cplace-control-wrapper {
    padding-left: 60px;
    line-height: 30px;
}
.custom-issue-status .cplace-control-wrapper:hover img,
.custom-issue-testStatus .cplace-control-wrapper:hover img {
    left: 1px !important;
}

.custom-issue-status .cplace-control-wrapper[cplace-control*="value\":{\"string\":\"10.unqualified"] {
    background: linear-gradient(to right, white 50px,#bcbcbc 50px);
}
.custom-issue-status .cplace-control-wrapper[cplace-control*="value\":{\"string\":\"20.needs_specification"] {
    background: linear-gradient(to right, white 50px,#ff7e00 50px);
}
.custom-issue-status .cplace-control-wrapper[cplace-control*="value\":{\"string\":\"30.workable"] {
    background: linear-gradient(to right, white 50px,#0180ff 50px);
    color: white;
}
.custom-issue-status .cplace-control-wrapper[cplace-control*="value\":{\"string\":\"40.planned"] {
    background: linear-gradient(to right, white 50px,#0180ff 50px);
    color: white;
}
.custom-issue-status .cplace-control-wrapper[cplace-control*="value\":{\"string\":\"50.working"] {
    background: linear-gradient(to right, white 50px,#aedb3c 50px);
}
.custom-issue-status .cplace-control-wrapper[cplace-control*="value\":{\"string\":\"60.needs_review"] {
    background: linear-gradient(to right, white 50px,#aedb3c 50px);
}
.custom-issue-status .cplace-control-wrapper[cplace-control*="value\":{\"string\":\"65.in_review"] {
    background: linear-gradient(to right, white 50px,#aedb3c 50px);
}
.custom-issue-status .cplace-control-wrapper[cplace-control*="value\":{\"string\":\"68.ready_to_merge"] {
    background: linear-gradient(to right, white 50px,#aedb3c 50px);
}
.custom-issue-status .cplace-control-wrapper[cplace-control*="value\":{\"string\":\"70.merged"] {
    background: linear-gradient(to right, white 50px,#aedb3c 50px);
}
.custom-issue-status .cplace-control-wrapper[cplace-control*="value\":{\"string\":\"80.rejected"] {
    background: linear-gradient(to right, white 50px,#db0f35 50px);
    color: white;
}
.custom-issue-status .cplace-control-wrapper[cplace-control*="value\":{\"string\":\"66.in_test"] {
    background: linear-gradient(to right, white 50px,#ffba00 50px);
}
.custom-issue-status .cplace-control-wrapper[cplace-control*="value\":{\"string\":\"90.waiting_for_customer"] {
    background: linear-gradient(to right, white 50px,#db0f35 50px);
}

.custom-issue-status .cplace-control-wrapper img,
.custom-issue-testStatus .cplace-control-wrapper img {
    font-size: 30px;
    position: absolute !important;
    left: 16px;
}

.custom-issue-status div[cplace-tooltipster] a{
    color: #333333;
}

.custom-issue-testStatus .cplace-control-wrapper[cplace-control*="value\":{\"string\":\"required"] {
    background: linear-gradient(to right, white 50px,#0180ff 50px);
    color: white;
}
.custom-issue-testStatus .cplace-control-wrapper[cplace-control*="value\":{\"string\":\"failed"] {
    background: linear-gradient(to right, white 50px,#db0f35 50px);
    color: white;
}
.custom-issue-testStatus .cplace-control-wrapper[cplace-control*="value\":{\"string\":\"successful"] {
    background: linear-gradient(to right, white 50px,#aedb3c 50px);
}

.custom-product-initiative .cplace-control-group {
    background: white;
    padding: 14px 8px;
    border-radius: 10px;
}
.custom-product-initiative label {
    border-bottom: 1px solid #909090;
    font-size: 1.3em;
    padding-left: 0;
    width: calc(100% - 20px);
    margin-left: 14px;
}
.custom-product-initiative .cplace-control-wrapper {
    margin-top: 14px;
}
.custom-product-initiative.summary .cplace-control-group label {
    border-bottom: 1px solid #01123f;
    color: #01123f;
    font-size: 1.5em;
}

.custom-product-initiative.summary .cplace-control-group {
    background: #0ff1b0 !important;
}

.custom-product-initiative.sidebar .cplace-control-group {
    background: #d4d4d4 !important;
}

.custom-product-initiative .cplace-control-wrapper {
    margin-top: 0;
    background-color: rgb(242 243 245 / 25%);
}
.custom-product-initiative .cplace-control-wrapper.cplace-non-editable-feature {
    margin-top: 0;
    background-color: rgb(216 216 216 / 0.5);
}
/* product customization, happy supporters pfm push
end */


/**
 * CSS for Cookieconsent library
 * Author: rosem (requested by burkhardtk)
 * Date: 2020-08-19
 */
/**
CORE STYLES
*/

#cc-notification
{
    position: fixed !important;
    z-index: 999999999999 !important;
    left: 0 !important;
    width: 100% !important;
    background-color: #fff !important;
}

#cc-notification.cc-mobile
{
    position: relative !important;
    border-bottom: 0 !important;
}

#cc-modal #cc-modal-closebutton a,
#cc-settingsmodal #cc-settingsmodal-closebutton a
{
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    position: absolute !important;
    top: 2px !important;
    right: 2px !important;
    background-image: url("") !important;
}

#cc-modal #cc-modal-closebutton a span,
#cc-settingsmodal #cc-settingsmodal-closebutton a span
{
    display: none;
}


#cc-notification.cc-bottom
{
    bottom: 0 !important;
}
/**
#cc-notification.cc-top
{
    top: 0 !important;
}
 **/
#cc-notification.cc-push
{
    top: 0 !important;
}

#cc-notification #cc-notification-permissions
{
    display: none;
}

#cc-tag
{
    position: fixed !important;
    z-index: 99999999999 !important;
    bottom: 0 !important;
    right: 10% !important;
    display: none;
}

#cc-tag.cc-tag-bottom-left
{
    right: auto !important;
    left: 10% !important;
}

#cc-tag.cc-tag-horizontal-right
{
    right: 0 !important;
    bottom: 20% !important;
}

#cc-tag.cc-tag-horizontal-left
{
    left: 0 !important;
    right: auto !important;
    bottom: 20% !important;
}

#cc-tag.cc-tag-vertical-right
{
    right: 0 !important;
    bottom: 20% !important;
}

#cc-tag.cc-tag-vertical-left
{
    left: 0 !important;
    right: auto !important;
    bottom: 20% !important;
}

#cc-tag a
{
    padding: 0 12px !important;
    text-decoration: none !important;
}
#cc-modal-overlay
{
    background: rgb(255, 255, 255) !important;
    background-color: rgba(255,255,255,0.8) !important;
    display: none;
    width: 100% !important;
    height: 1000% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 999999 !important;
}

#cc-modal,
#cc-settingsmodal
{
    display: none;
    width: 100% !important;
    height: 1000% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 99999999 !important;
}


#cc-settingsmodal
{
    z-index: 9999999999 !important;
}

#cc-modal #cc-modal-wrapper,
#cc-settingsmodal #cc-settingsmodal-wrapper
{

    margin: 100px auto !important;
}

#cc-modal,
#cc-settingsmodal,
#cc-tag,
#cc-notification
{
    line-height: 1 !important;
}

.cc-clear
{
    clear: both !important;
}

#cc-modal,
#cc-settingsmodal,
#cc-tag,
#cc-notification,
#cc-modal div, #cc-modal span, #cc-modal iframe, #cc-modal h1, #cc-modal h2, #cc-modal h3, #cc-modal h4, #cc-modal h5, #cc-modal h6, #cc-modal p, #cc-modal pre, #cc-modal a, #cc-modal code, #cc-modal em, #cc-modal img, #cc-modal s, #cc-modal small, #cc-modal strong, #cc-modal b, #cc-modal u, #cc-modal i, #cc-modal dl, #cc-modal dt, #cc-modal dd, #cc-modal ol, #cc-modal ul, #cc-modal li, #cc-modal form, #cc-modal label,
#cc-settingsmodal div, #cc-settingsmodal span, #cc-settingsmodal iframe, #cc-settingsmodal h1, #cc-settingsmodal h2, #cc-settingsmodal h3, #cc-settingsmodal h4, #cc-settingsmodal h5, #cc-settingsmodal h6, #cc-settingsmodal p, #cc-settingsmodal pre, #cc-settingsmodal a, #cc-settingsmodal code, #cc-settingsmodal em, #cc-settingsmodal img, #cc-settingsmodal s, #cc-settingsmodal small, #cc-settingsmodal strong, #cc-settingsmodal b, #cc-settingsmodal u, #cc-settingsmodal i, #cc-settingsmodal dl, #cc-settingsmodal dt, #cc-settingsmodal dd, #cc-settingsmodal ol, #cc-settingsmodal ul, #cc-settingsmodal li, #cc-settingsmodal form, #cc-settingsmodal label,
#cc-tag div, #cc-tag span, #cc-tag iframe, #cc-tag h1, #cc-tag h2, #cc-tag h3, #cc-tag h4, #cc-tag h5, #cc-tag h6, #cc-tag p, #cc-tag pre, #cc-tag a, #cc-tag code, #cc-tag em, #cc-tag img, #cc-tag s, #cc-tag small, #cc-tag strong, #cc-tag b, #cc-tag u, #cc-tag i, #cc-tag dl, #cc-tag dt, #cc-tag dd, #cc-tag ol, #cc-tag ul, #cc-tag li, #cc-tag form, #cc-tag label,
#cc-notification div, #cc-notification span, #cc-notification iframe, #cc-notification h1, #cc-notification h2, #cc-notification h3, #cc-notification h4, #cc-notification h5, #cc-notification h6, #cc-notification p, #cc-notification pre, #cc-notification a, #cc-notification code, #cc-notification em, #cc-notification img, #cc-notification s, #cc-notification small, #cc-notification strong, #cc-notification b, #cc-notification u, #cc-notification i, #cc-notification dl, #cc-notification dt, #cc-notification dd, #cc-notification ol, #cc-notification ul, #cc-notification li, #cc-notification form, #cc-notification label
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 10pt;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 1em;
    text-align: left;
    vertical-align: baseline;
    text-shadow: none;
    background: none;
}
#cc-modal a,
#cc-tag a,
#cc-settingsmodal a,
#cc-notification a,
#cc-modal a:hover,
#cc-tag a:hover,
#cc-settingsmodal a:hover,
#cc-notification a:hover
{
    background-color: transparent;
}

#cc-modal a#footerlogo span {
    background: url("https://") no-repeat scroll 0 0 transparent !important;
    display: block;
    height: 31px !important;
    margin-top: 4px !important;
    text-indent: -5000px !important;
    width: 126px !important;
}

#cc-modal #cc-modal-wrapper a#footerlogo, footer#mainfooter a#footerlogo,
#cc-modal #cc-modal-wrapper a#footerlogo, footer#mainfooter a#footerlogo:active,
#cc-modal #cc-modal-wrapper a#footerlogo, footer#mainfooter a#footerlogo:visited
{
    display: block;
    margin-top: 20px !important;
    color: #868686 !important;
    text-decoration: none !important;
}

#cc-modal #cc-modal-wrapper .cc-getforsite
{
    position: absolute;
    right: 16px;
    bottom: 16px;
}

#cc-modal.cc-mobile #cc-modal-wrapper .cc-getforsite
{
    position: relative !important;
    margin-top: 30px !important;
    margin-left: 16px;
}

#cc-modal.cc-mobile,
#cc-settingsmodal.cc-mobile
{
    width: 100% !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    height: auto !important;
    z-index: 999999999999 !important;
}

/*#cc-modal.cc-mobile a.cc-logo,
#cc-settingsmodal.cc-mobile a.cc-logo,
#cc-notification.cc-mobile a.cc-logo
{
    display: none !important;
}*/

#cc-notification .cc-logo,
#cc-tag .cc-logo,
#cc-modal .cc-logo,
#cc-settingsmodal .cc-logo
{
    background-image: url(https://);
    width: 142px;
    height: 32px;
    position: absolute;
    right: 32px;
    bottom: 20px;

}

/*.cc-logo span
{
    display: none;
}*/


/**
LIGHT STYLE
*/

#cc-notification.cc-light
{
    background: rgb(226, 226, 226) !important;
    background-color: rgba(226, 226, 226, 0.95) !important;
    color: #1d1d1d !important;
}

#cc-notification.cc-light #cc-notification-permissions li
{
    color: #1d1d1d !important;

}

#cc-notification.cc-light #cc-notification-permissions li strong
{
    color: #31a8f0 !important;
}

#cc-notification.cc-light #cc-notification-permissions li.cc-notification-permissions-inactive
{
    color: #AAA !important;
}
#cc-notification.cc-light #cc-notification-permissions li.cc-notification-permissions-inactive label
{
    color: #AAA !important;
}

#cc-notification.cc-light #cc-notification-permissions li.cc-notification-permissions-inactive strong
{
    color: #88BFEF !important;
}

#cc-notification.cc-light #cc-notification-permissions li.cc-notification-permissions-inactive a.cc-learnmore-link
{
    color: #AAA !important;
}

#cc-notification.cc-light a,
#cc-notification.cc-light a:visited
{
    color: #31A8F0 !important;
}

#cc-notification.cc-light a:hover
{
    color: #257eb4 !important;
}

#cc-notification.cc-light h2,
#cc-notification.cc-light h3,
#cc-notification.cc-light p
{
    color: #1d1d1d !important;
}

#cc-notification.cc-light ul.cc-notification-buttons li a,
#cc-notification.cc-light ul.cc-notification-buttons li a:visited
{
    background-color: #0077bd !important;
    color: #fff !important;
}

#cc-notification.cc-light ul.cc-notification-buttons li a:hover,
#cc-notification.cc-light ul.cc-notification-buttons li a:active,
#cc-notification.cc-light ul.cc-notification-buttons li #cc-approve-button-allsites:hover,
#cc-notification.cc-light ul.cc-notification-buttons li #cc-approve-button-allsites:active
{
    background-color: #f5f5f5 !important;
}

#cc-notification.cc-light ul.cc-notification-buttons li #cc-approve-button-allsites
{
    background-color: #31A8F0 !important;
}

#cc-tag.cc-light a,
#cc-tag.cc-light a:visited
{
    background-color: #e2e2e2 !important;
    color: #1d1d1d !important;
}


#cc-modal.cc-light #cc-modal-wrapper
{
    background-color: #e2e2e2 !important;
    color: #f5f5f5 !important;
}

#cc-modal.cc-light #cc-modal-wrapper a,
#cc-modal.cc-light #cc-modal-wrapper a:visited
{
    color: #666666 !important;
}
#cc-modal.cc-light #cc-modal-wrapper a:hover
{
    color: #31A8F0 !important;
}

#cc-modal.cc-light #cc-modal-wrapper #cc-change-button-allsites
{
    background-color: #666666 !important;
    color: #111 !important;
}

#cc-modal.cc-light #cc-modal-wrapper select
{

    color: #111 !important;
}

#cc-modal.cc-light #cc-modal-wrapper a.cc-consentchange:hover
{
    background-color: #31A8F0 !important;
}

#cc-modal.cc-light #cc-modal-wrapper li strong
{
    color: #31a8f0 !important;
}

#cc-modal.cc-light #cc-modal-wrapper li span
{
    color: #7A7A7A !important;

}
#cc-settingsmodal.cc-light #cc-settingsmodal-wrapper
{

    background-color: #e1e1e1 !important;
    color: #f5f5f5 !important;
}

#cc-modal.cc-light #cc-modal-wrapper p,
#cc-settingsmodal.cc-light #cc-settingsmodal-wrapper p
{
    color: #F5F5F5 !important;
}


#cc-modal.cc-light #cc-modal-wrapper h2,
#cc-settingsmodal.cc-light #cc-settingsmodal-wrapper h2
{
    color: #1d1d1d !important;
}

#cc-modal.cc-light #cc-modal-wrapper h2 span,
#cc-settingsmodal.cc-light #cc-settingsmodal-wrapper h2 span
{
    color: #7a7a7a !important;
}

#cc-settingsmodal.cc-light #cc-settingsmodal-wrapper h2 span
{
    color: #71f031 !important;
}

#cc-settingsmodal.cc-light #cc-settingsmodal-wrapper p.cc-subtitle,
#cc-modal.cc-light #cc-modal-wrapper p.cc-subtitle
{
    color: #7a7a7a !important;
}

#cc-settingsmodal.cc-light #cc-settingsmodal-secondclosebutton a,
#cc-settingsmodal.cc-light #cc-settingsmodal-secondclosebutton a:visited
{
    color: #666666 !important;
}

#cc-modal.cc-light #cc-modal-secondclosebutton a:hover,
#cc-modal.cc-light #cc-modal-secondclosebutton a:active,
#cc-settingsmodal.cc-light #cc-settingsmodal-secondclosebutton a:hover,
#cc-settingsmodal.cc-light #cc-settingsmodal-secondclosebutton a:active,
#cc-modal.cc-light #cc-modal-global a:hover,
#cc-modal.cc-light #cc-modal-global a:active
{
    color:#1d1d1d  !important;
}

#cc-modal.cc-light #cc-modal-wrapper .cc-preference-importantmessage a,
#cc-modal.cc-light #cc-modal-wrapper .cc-preference-importantmessage a:visited
{

    background-color: #f5F5F5 !important;
    color: #111 !important;
    box-shadow:1px 1px 2px #000;
    -moz-box-shadow:1px 1px 2px #000;
    -webkit-box-shadow:1px 1px 2px #000;
    background-color: #F1D600 !important;

}

#cc-modal.cc-light #cc-modal-wrapper .cc-preference-importantmessage a:hover,
#cc-modal.cc-light #cc-modal-wrapper .cc-preference-importantmessage a:active
{
    background-color: #0288CE !important;
    color:#fff  !important;
    box-shadow:1px 2px 10px #000;
    -moz-box-shadow:1px 2px 10px #000;
    -webkit-box-shadow:1px 2px 10px #000;

}

#cc-modal.cc-light #cc-modal-wrapper a.cc-learnmore-link,
#cc-settingsmodal.cc-light #cc-settingsmodal-wrapper a.cc-learnmore-link,
#cc-notification.cc-light a.cc-learnmore-link
{
    color: #666 !important;
}

/**
MONOCHROME STYLE
*/

#cc-notification.cc-monochrome
{
    background: rgb(51, 51, 51) !important;
    background-color: rgba(51, 51, 51, 0.95) !important;
    color: #fff !important;
}

#cc-notification.cc-monochrome #cc-notification-permissions li
{
    color: #fff !important;

}

#cc-notification.cc-monochrome #cc-notification-permissions li strong
{
    color: #fff !important;
}

#cc-notification.cc-monochrome #cc-notification-permissions li.cc-notification-permissions-inactive
{
    color: #AAA !important;
}
#cc-notification.cc-monochrome #cc-notification-permissions li.cc-notification-permissions-inactive label
{
    color: #AAA !important;
}

#cc-notification.cc-monochrome #cc-notification-permissions li.cc-notification-permissions-inactive strong
{
    color: #bbb !important;
}

#cc-notification.cc-monochrome #cc-notification-permissions li.cc-notification-permissions-inactive a.cc-learnmore-link
{
    color: #AAA !important;
}

#cc-notification.cc-monochrome a,
#cc-notification.cc-monochrome a:visited
{
    color: #DDD !important;
}

#cc-notification.cc-monochrome a:hover
{
    color: #ffffff !important;
}

#cc-notification.cc-monochrome h2,
#cc-notification.cc-monochrome h3,
#cc-notification.cc-monochrome p
{
    color: #AAA !important;
}

#cc-notification.cc-monochrome ul.cc-notification-buttons li a,
#cc-notification.cc-monochrome ul.cc-notification-buttons li a:visited
{
    background-color: #ddd !important;
    color: #111 !important;
}

#cc-notification.cc-monochrome ul.cc-notification-buttons li a:hover,
#cc-notification.cc-monochrome ul.cc-notification-buttons li a:active,
#cc-notification.cc-monochrome ul.cc-notification-buttons li #cc-approve-button-allsites:hover,
#cc-notification.cc-monochrome ul.cc-notification-buttons li #cc-approve-button-allsites:active
{
    background-color: #fff !important;
}

#cc-notification.cc-monochrome ul.cc-notification-buttons li #cc-approve-button-allsites
{
    background-color: #ddd !important;
}

#cc-tag.cc-monochrome #cc-tag-button,
#cc-tag.cc-monochrome #cc-tag-button:visited
{
    background-color: #333 !important;
    color: #ddd !important;
}
#cc-tag.cc-monochrome #cc-tag-button:hover,
#cc-tag.cc-monochrome #cc-tag-button:active
{
    border-top: 3px solid #fff !important;
    border-right: 3px solid #fff !important;
    border-left: 3px solid #fff !important;
}
#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper li strong,
#cc-modal.cc-monochrome #cc-modal-wrapper li strong
{
    color: #FFF !important;
}

#cc-modal.cc-monochrome #cc-modal-wrapper
{
    background-color: #333 !important;
    color: #f5f5f5 !important;
}

#cc-modal.cc-monochrome #cc-modal-wrapper a,
#cc-modal.cc-monochrome #cc-modal-wrapper a:visited
{
    color: #666666 !important;
}
#cc-modal.cc-monochrome #cc-modal-wrapper a:hover
{
    color: #31A8F0 !important;
}

#cc-modal.cc-monochrome #cc-modal-wrapper #cc-change-button-allsites
{
    background-color: #666666 !important;
    color: #111 !important;
}

#cc-modal.cc-monochrome #cc-modal-wrapper select
{

    color: #111 !important;
}

#cc-modal.cc-monochrome #cc-modal-wrapper a.cc-consentchange:hover
{
    background-color: #31A8F0 !important;
}

#cc-modal.cc-monochrome #cc-modal-wrapper li strong
{
    color: #fff !important;
}

#cc-modal.cc-monochrome #cc-modal-wrapper li span
{
    color: #7A7A7A !important;

}
#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper
{

    background-color: #333 !important;
    color: #f5f5f5 !important;
}

#cc-modal.cc-monochrome #cc-modal-wrapper p,
#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper p
{
    color: #F5F5F5 !important;
}


#cc-modal.cc-monochrome #cc-modal-wrapper h2,
#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper h2
{
    color: #fff !important;
}

#cc-modal.cc-monochrome #cc-modal-wrapper h2 span,
#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper h2 span
{
    color: #7a7a7a !important;
}

#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper h2 span
{
    color: #ddd !important;
}

#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper p.cc-subtitle,
#cc-modal.cc-monochrome #cc-modal-wrapper p.cc-subtitle
{
    color: #7a7a7a !important;
}

#cc-settingsmodal.cc-monochrome #cc-settingsmodal-secondclosebutton a,
#cc-settingsmodal.cc-monochrome #cc-settingsmodal-secondclosebutton a:visited
{
    color: #666666 !important;
}

#cc-modal.cc-monochrome #cc-modal-secondclosebutton a:hover,
#cc-modal.cc-monochrome #cc-modal-secondclosebutton a:active,
#cc-settingsmodal.cc-monochrome #cc-settingsmodal-secondclosebutton a:hover,
#cc-settingsmodal.cc-monochrome #cc-settingsmodal-secondclosebutton a:active,
#cc-modal.cc-monochrome #cc-modal-global a:hover,
#cc-modal.cc-monochrome #cc-modal-global a:active
{
    color:#fff  !important;
}

#cc-modal.cc-monochrome #cc-modal-wrapper .cc-preference-importantmessage a,
#cc-modal.cc-monochrome #cc-modal-wrapper .cc-preference-importantmessage a:visited
{

    background-color: #f5F5F5 !important;
    color: #111 !important;
    box-shadow:1px 1px 2px #000;
    -moz-box-shadow:1px 1px 2px #000;
    -webkit-box-shadow:1px 1px 2px #000;
    background-color: #F1D600 !important;

}

#cc-modal.cc-monochrome #cc-modal-wrapper .cc-preference-importantmessage a:hover,
#cc-modal.cc-monochrome #cc-modal-wrapper .cc-preference-importantmessage a:active
{
    background-color: #0288CE !important;
    color:#fff  !important;
    box-shadow:1px 2px 10px #000;
    -moz-box-shadow:1px 2px 10px #000;
    -webkit-box-shadow:1px 2px 10px #000;

}

#cc-modal.cc-monochrome #cc-modal-wrapper a.cc-learnmore-link,
#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper a.cc-learnmore-link,
#cc-notification.cc-monochrome a.cc-learnmore-link
{
    color: #ddd !important;
}

/**
DARK STYLE
*/

#cc-notification ul.cc-notification-buttons li a,
#cc-notification ul.cc-notification-buttons li a:visited
{
    float: right !important;
}
#cc-notification ul.cc-notification-buttons
{
    position: absolute !important;
    right: 0 !important;
    top: 5px !important;
    width: 360px !important;
}
#cc-notification #cc-notification-wrapper
{

}
#cc-notification.cc-mobile #cc-notification-wrapper
{
    margin-right: 0 !important;
}
#cc-notification.cc-mobile ul.cc-notification-buttons li a,
#cc-notification.cc-mobile ul.cc-notification-buttons li a:visited
{
    float: none !important;
}
#cc-notification.cc-mobile ul.cc-notification-buttons
{
    padding-top: 1px !important;

    position: relative !important;
    right: 0 !important;
    top: 0 !important;
    width: auto !important;
    clear: both;
}

#cc-notification
{
    background: rgb(29, 29, 29) !important;
    background-color: rgba(29, 29, 29, 0.95) !important;
    color: #F5F5F5 !important;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-size: 11pt !important;
}

#cc-notification #cc-notification-wrapper
{
    padding: 20px 32px 0 !important;
}

#cc-notification #cc-notification-permissions ul
{
    margin: 0 0 26px !important;
    padding: 0 !important;
    list-style: none !important;
    float: left !important;
}

#cc-notification.cc-mobile #cc-notification-permissions li
{
    width: auto !important;
}

#cc-notification #cc-notification-permissions li
{
    margin: 0 0 10px 30px !important;
    padding: 6px 0 0 !important;
    list-style: none !important;
    width: 440px !important;
    color: #9a9a9a !important;
    -webkit-transition:color 0.2s ease-in;
    -moz-transition:color 0.2s ease-in;
    -o-transition:color 0.2s ease-in;
    transition:color 0.2s ease-in;

}


#cc-notification #cc-notification-permissions li label
{
    font-size: 12pt !important;
    line-height: 1.3em;
    color: #9a9a9a !important;
    -webkit-transition:color 0.2s ease-in;
    -moz-transition:color 0.2s ease-in;
    -o-transition:color 0.2s ease-in;
    transition:color 0.2s ease-in;
}

#cc-notification #cc-notification-permissions li input
{
    float: left !important;
    margin-left: -30px !important;
    margin-top: 0 !important;
}

#cc-notification #cc-notification-permissions li strong
{
    color: #31a8f0 !important;
    display: block !important;
    font-size: 14pt;
    letter-spacing: -0.05em;
    -webkit-transition:color 0.2s ease-in;
    -moz-transition:color 0.2s ease-in;
    -o-transition:color 0.2s ease-in;
    transition:color 0.2s ease-in;
}

#cc-notification #cc-notification-permissions li.cc-notification-permissions-inactive
{
    color: #666 !important;
}
#cc-notification #cc-notification-permissions li.cc-notification-permissions-inactive label
{
    color: #666 !important;
}

#cc-notification #cc-notification-permissions li.cc-notification-permissions-inactive strong
{
    color: #1D658E !important;
}
#cc-notification #cc-notification-permissions li a.cc-learnmore-link
{
    -webkit-transition:color 0.2s ease-in;
    -moz-transition:color 0.2s ease-in;
    -o-transition:color 0.2s ease-in;
    transition:color 0.2s ease-in;
}
#cc-notification #cc-notification-permissions li.cc-notification-permissions-inactive a.cc-learnmore-link
{
    color: #666 !important;
}

#cc-notification a,
#cc-notification a:visited
{
    text-decoration: none !important;
    color: #31A8F0 !important;
    font-size:11pt;
}

#cc-notification a:hover
{
    text-decoration: underline !important;
    color: #B2F7FF !important;
}

#cc-notification h2,
#cc-notification h3,
#cc-notification p
{
    color: #F5F5F5 !important;
    margin: 0 !important;
    text-align: left !important;
    font-size:11pt;
    width: auto !important;
}
#cc-notification h2
{
    margin-right: 320px !important;
}

#cc-notification.cc-mobile h2
{
    margin-right: 0 !important;
}

#cc-notification h2 span,
#cc-notification h2
{
    font-size: 14pt;
    letter-spacing: -0.05em;
    margin-bottom: 20px !important;
    font-weight: 400 !important;
}

#cc-notification h2 a
{
    letter-spacing: -0.05em;
    font-size: 14pt;
}

#cc-notification h3
{
    margin-top: 10px !important;
}

#cc-notification ul.cc-notification-buttons
{
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;

}

#cc-notification.cc-notification-afterload ul.cc-notification-buttons
{
    top: auto !important;
    bottom: 5px !important;
}

#cc-notification ul.cc-notification-buttons li
{
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#cc-notification ul.cc-notification-buttons li a,
#cc-notification ul.cc-notification-buttons li a:visited
{
    margin-top: 8px !important;
    margin-bottom: 6px !important;
    display: block;
    padding: 8px 16px !important;
    background-color: #0077bd !important;
    color: #fff !important;
    margin-right: 12px !important;
    text-decoration: none !important;
    font-size:12pt !important;
    font-weight: 600;
    letter-spacing: -0.05em;

    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;

    /*box-shadow:1px 1px 2px #000;*/
    /*-moz-box-shadow:1px 1px 2px #000;*/
    /*-webkit-box-shadow:1px 1px 2px #000;*/

    transition:background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
    -moz-transition:background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, -moz-box-shadow 0.2s ease-in-out 0s;
    -webkit-transition:background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s;

}

#cc-notification ul.cc-notification-buttons li a:hover,
#cc-notification ul.cc-notification-buttons li a:active,
#cc-notification ul.cc-notification-buttons li #cc-approve-button-allsites:hover,
#cc-notification ul.cc-notification-buttons li #cc-approve-button-allsites:active
{
    text-decoration: none !important;
    background-color: #f5f5f5 !important;

    box-shadow:1px 2px 10px #000;
    -moz-box-shadow:1px 2px 10px #000;
    -webkit-box-shadow:1px 2px 10px #000;

}

#cc-notification ul.cc-notification-buttons li #cc-approve-button-allsites
{
    background-color: #31A8F0 !important;
}

#cc-tag
{


}

#cc-tag,
#cc-tag #cc-tag-button,
#cc-tag #cc-tag-button  span
{

}

#cc-tag a,
#cc-tag a:visited
{
    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-size: 12pt !important;
    background-color: #1d1d1d !important;
    /*background-image: url(http:);*/
    background-repeat: no-repeat;
    background-position: 6px 7px;
    color: #F5F5F5 !important;
    padding: 8px 12px 8px 12px !important;
    text-decoration: none !important;
    display:block;
    border-top: 3px solid #666 !important;
    border-right: 3px solid #666 !important;
    border-left: 3px solid #666 !important;

    border-radius: 3px 3px 0  0 !important;
    -moz-border-radius: 3px 3px 0  0 !important;
    -webkit-border-radius: 3px 3px 0  0 !important;

    box-shadow:1px 1px 2px #000;
    -moz-box-shadow:1px 1px 2px #000;
    -webkit-box-shadow:1px 1px 2px #000;

    transition:color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
    -moz-transition:color 0.2s ease-in-out 0s, -moz-box-shadow 0.2s ease-in-out 0s;
    -webkit-transition:color 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s;
}

#cc-tag.cc-tag-horizontal-right a,
#cc-tag.cc-tag-horizontal-right a:visited
{
    -webkit-transform: rotate(-90deg) !important;
    -moz-transform: rotate(-90deg) !important;
    -o-transform: rotate(-90deg) !important;
    -ms-transform: rotate(-90deg) !important;
    margin-right: -82px !important;
    padding: 8px 12px 60px 12px !important;
}

#cc-tag.cc-tag-horizontal-left a,
#cc-tag.cc-tag-horizontal-left a:visited
{
    -webkit-transform: rotate(90deg) !important;
    -moz-transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    margin-left: -82px !important;
    padding: 8px 12px 60px 12px !important;
}

#cc-tag.cc-tag-vertical-right a,
#cc-tag.cc-tag-vertical-right a:visited
{
    -webkit-transform: rotate(-90deg) !important;
    -moz-transform: rotate(-90deg) !important;
    -o-transform: rotate(-90deg) !important;
    -ms-transform: rotate(-90deg) !important;
    margin-right: -82px !important;
    padding: 8px 12px 60px 12px !important;
}

#cc-tag.cc-tag-vertical-left a,
#cc-tag.cc-tag-vertical-left a:visited
{
    -webkit-transform: rotate(90deg) !important;
    -moz-transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    margin-left: -82px !important;
    padding: 8px 12px 60px 12px !important;
}



#cc-tag a:hover,
#cc-tag a:active
{
    border-top: 3px solid #FDF4E3 !important;
    border-right: 3px solid #FDF4E3 !important;
    border-left: 3px solid #FDF4E3 !important;

    box-shadow:2px 2px 7px #000;
    -moz-box-shadow:2px 2px 7px #000;
    -webkit-box-shadow:2px 2px 7px #000;
}

#cc-tag a span
{
    font-size: 12pt !important;
}

#cc-modal
{
    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-size: 11pt !important;
}

#cc-modal #cc-modal-wrapper
{
    width: 686px !important;
    margin: 40px auto !important;
    background-color: #1d1d1d !important;
    color: #f5f5f5 !important;
    padding:25px 15px 5px !important;
    text-align: left !important;
    position: relative !important;
    max-height: 8%;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 560px;
    box-shadow:0px 0px 30px #000;
    -moz-box-shadow:0px 0px 30px #000;
    -webkit-box-shadow:0px 0px 30px #000;
}

#cc-modal #cc-modal-wrapper a,
#cc-modal #cc-modal-wrapper a:visited
{
    color: #F5F500 !important;
    text-decoration: none !important;
}
#cc-modal #cc-modal-wrapper a:hover
{
    color: #31A8F0 !important;
    text-decoration: underline !important;
}

#cc-modal #cc-modal-wrapper #cc-change-button-allsites
{
    margin-top: 16px !important;
    margin-bottom: 6px !important;
    display: block !important;
    padding: 6px 12px !important;
    background-color: #F5F500 !important;
    color: #111 !important;
    float: left !important;
    clear: both !important;
    margin-right: 8px !important;
    text-decoration: none !important;
    border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
}

#cc-modal #cc-modal-wrapper #cc-change-button-allsites:hover,
#cc-modal #cc-modal-wrapper #cc-change-button-allsites:active
{
    background-color: #31A8F0 !important;
}

#cc-settingsmodal #cc-settingsmodal-wrapper select,
#cc-modal #cc-modal-wrapper select
{
    /*padding: 2px 6px !important;*/
    color: #111 !important;
    margin-right: 8px !important;
    text-decoration: none !important;
    position: absolute !important;
    top: 28px !important;
    right: 8px !important;
    float: right !important;
    font-size: 10pt !important;
    width: 150px;
}

#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper select,
#cc-modal.cc-mobile #cc-modal-wrapper select
{
    float: none !important;
    margin-top: 10px !important;
    position: static !important;
}

#cc-modal #cc-modal-wrapper a.cc-consentchange:hover
{
    background-color: #31A8F0 !important;
}


#cc-settingsmodal #cc-settingsmodal-wrapper ul li label,
#cc-modal #cc-modal-wrapper ul li label
{
    float: left;
}

#cc-settingsmodal #cc-settingsmodal-wrapper ul,
#cc-modal #cc-modal-wrapper ul
{
    margin: 0 !important;
    padding: 0 100px !important;
    list-style: none !important;
}

#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper ul,
#cc-modal.cc-mobile #cc-modal-wrapper ul
{
    padding: 0 !important;
}

#cc-settingsmodal #cc-settingsmodal-wrapper li,
#cc-modal #cc-modal-wrapper li
{
    clear: both !important;
    margin: 0 !important;
    padding: 30px 0 0 !important;
    list-style: none !important;
    position: relative;
}

#cc-settingsmodal #cc-settingsmodal-wrapper li strong,
#cc-modal #cc-modal-wrapper li strong
{
    width: 480px !important;
    float: left !important;
    display: block !important;
    color: #31a8f0 !important;
    font-size: 16pt;
    font-weight: 400 !important;
}

#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper li strong
#cc-modal.cc-mobile #cc-modal-wrapper li strong
{
    float: none !important;
}

#cc-settingsmodal #cc-settingsmodal-wrapper li span,
#cc-modal #cc-modal-wrapper li span
{
    width: 470px !important;
    float: left !important;
    clear: left !important;
    display: block !important;
    color: #7A7A7A !important;
    line-height: 1.2em;
    font-size: 12pt !important;
    margin-top: 8px;

}

#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper li span,
#cc-modal.cc-mobile #cc-modal-wrapper li span
{
    float: none !important;
}

#cc-settingsmodal
{
    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-size: 11pt !important;
}

#cc-settingsmodal.cc-mobile
{
    height: auto;
}

#cc-settingsmodal #cc-settingsmodal-wrapper
{
    width: 716px !important;
    height: 8% !important;
    margin: 40px auto !important;
    background-color: #1d1d1d !important;
    padding-top: 24px !important;

    color: #f5f5f5 !important;
    text-align: left !important;
    position: relative !important;
    overflow-x: hidden;
    max-height: 560px;
    background-image: url(https://);
    background-position: -20px 20px;
    background-repeat: no-repeat;
    box-shadow:0px 0px 30px #000;
    -moz-box-shadow:0px 0px 30px #000;
    -webkit-box-shadow:0px 0px 30px #000;

}
#cc-settingsmodal #cc-settingsmodal-wrapper .cc-content
{
    overflow-y: auto !important;
    overflow-x: hidden !important;

    height: 400px;
    margin-top: 20px;
}
#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper
{
    max-height: none !important;
}

#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper .cc-content
{
    height: 540px !important;
    max-height: none !important;
}

#cc-modal #cc-modal-wrapper p
{
    line-height: 1em;
    margin-top: 12px;
    color: #F5F5F5 !important;
}

#cc-settingsmodal #cc-settingsmodal-wrapper p
{
    margin-top: 32px;
}

#cc-modal #cc-modal-wrapper .cc-content
{
    padding-top: 8px;
    clear: both;
    height: 420px;
    overflow-y: auto;
    overflow-x: hidden;
}
#cc-modal.cc-mobile #cc-modal-wrapper .cc-content
{
    height: auto !important;
    overflow: hidden !important;
}

#cc-modal #cc-modal-wrapper h2,
#cc-settingsmodal #cc-settingsmodal-wrapper h2
{
    margin: 0 57px !important;
    font-size: 24pt !important;
    width: 712px !important;
    color: #FFF !important;
    font-weight: 400;
}

#cc-settingsmodal #cc-settingsmodal-wrapper h2
{
    margin: 0 72px !important;
}


#cc-modal #cc-modal-wrapper h2 span,
#cc-settingsmodal #cc-settingsmodal-wrapper h2 span
{
    font-size: 14pt !important;
    color: #7a7a7a !important;
}

#cc-settingsmodal #cc-settingsmodal-wrapper h2 span
{
    color: #71f031 !important;
}

#cc-settingsmodal #cc-settingsmodal-wrapper p.cc-subtitle,
#cc-modal #cc-modal-wrapper p.cc-subtitle
{
    color: #7a7a7a !important;
    margin: 16px 0 0 57px !important;
    font-size: 12pt !important;
}

#cc-settingsmodal #cc-settingsmodal-wrapper p.cc-subtitle
{
    margin: 16px 0 0 73px !important;
}

#cc-modal.cc-mobile #cc-modal-wrapper p.cc-subtitle
{
    margin-left: 0 !important;
}

#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper p.cc-subtitle
{
    margin-left: 10px !important;
}

#cc-settingsmodal #cc-settingsmodal-wrapper iframe
{
    width: 714px !important;
    border: 0 !important;
    min-height: 390px !important;
}
#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper iframe
{
    width: 100% !important;
    height: 500px;
    z-index: 9999999999999 !important;
    margin-top: 0;
}

#cc-modal #cc-modal-closebutton a,
#cc-settingsmodal #cc-settingsmodal-closebutton a {
    background-image: url("https://analytics-sem-tutorials.de/if_button_cancel_1939.png") !important;
    display: block !important;
    height: 32px !important;
    position: absolute !important;
    right: 5px !important;
    top: 5px !important;
    width: 32px !important;

    background-position: 0 0;
}

/*#cc-modal #cc-modal-closebutton a:hover,
#cc-settingsmodal #cc-settingsmodal-closebutton a:hover {

    background-position: 0 -24px;

}*/


#cc-modal #cc-modal-global
{
    padding-top: 5px !important;
}


#cc-modal #cc-modal-secondclosebutton a,
#cc-modal #cc-modal-secondclosebutton a:visited,
#cc-settingsmodal #cc-settingsmodal-secondclosebutton a,
#cc-settingsmodal #cc-settingsmodal-secondclosebutton a:visited,
#cc-modal #cc-modal-global a,
#cc-modal #cc-modal-global a:visited
{

}
#cc-settingsmodal #cc-settingsmodal-secondclosebutton a,
#cc-settingsmodal #cc-settingsmodal-secondclosebutton a:visited
{
    color: #71F031 !important;
    text-decoration: none !important;
}
#cc-modal #cc-modal-secondclosebutton a span,
#cc-modal #cc-modal-secondclosebutton a:visited span,
#cc-settingsmodal #cc-settingsmodal-secondclosebutton a span,
#cc-settingsmodal #cc-settingsmodal-secondclosebutton a:visited span,
#cc-modal #cc-modal-global a span,
#cc-modal #cc-modal-global a:visited span
{
    font-size: 12pt !important;
    font-weight: 600 !important;
}

#cc-settingsmodal.cc-mobile #cc-settingsmodal-secondclosebutton
{
    padding-left: 10px;
    padding-top: 0;
}

#cc-modal.cc-mobile #cc-modal-secondclosebutton a,
#cc-modal.cc-mobile #cc-modal-secondclosebutton a:visited,
#cc-modal.cc-mobile #cc-modal-global a,
#cc-modal.cc-mobile #cc-modal-global a:visited
{
    float: none !important;
}

#cc-settingsmodal.cc-mobile #cc-settingsmodal-secondclosebutton a,
#cc-settingsmodal.cc-mobile #cc-settingsmodal-secondclosebutton a:visited
{
    display: none !important;
}

#cc-modal #cc-modal-secondclosebutton a:hover,
#cc-modal #cc-modal-secondclosebutton a:active,
#cc-settingsmodal #cc-settingsmodal-secondclosebutton a:hover,
#cc-settingsmodal #cc-settingsmodal-secondclosebutton a:active,
#cc-modal #cc-modal-global a:hover,
#cc-modal #cc-modal-global a:active
{
    text-decoration: none !important;
    color:#fff  !important;


}



#cc-modal #cc-modal-wrapper #cc-modal-footer-buttons
{
    margin-left: 57px !important;
    margin-top: 25px !important;

}
#cc-settingsmodal #cc-settingsmodal-wrapper #cc-settingsmodal-footer-buttons
{
    margin-left: 72px !important;
}

#cc-modal.cc-mobile #cc-modal-wrapper #cc-modal-footer-buttons
{
    position:relative;
    width: auto;
    padding-top: 10px !important;
    margin-left: 0 !important;
}


#cc-modal #cc-modal-wrapper .cc-preference-importantmessage
{
    margin-top: 20px !important;
    clear: both !important;
    padding: 10px !important;
    text-align: left !important;
    background-color: #444 !important;
    border: 1px dotted #666 !important;
    line-height: 2em !important;
}

#cc-modal #cc-modal-wrapper .cc-preference-importantmessage a,
#cc-modal #cc-modal-wrapper .cc-preference-importantmessage a:visited
{
    line-height: 1.2em;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: block;
    padding: 5px 10px !important;
    background-color: #f5F5F5 !important;
    color: #111 !important;
    margin-right: 8px !important;
    text-decoration: none !important;
    font-size:10pt;
    float: right;

    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;

    box-shadow:1px 1px 2px #000;
    -moz-box-shadow:1px 1px 2px #000;
    -webkit-box-shadow:1px 1px 2px #000;

    transition:background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
    -moz-transition:background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, -moz-box-shadow 0.2s ease-in-out 0s;
    -webkit-transition:background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s;
    background-color: #F1D600 !important;

}

#cc-modal #cc-modal-wrapper .cc-preference-importantmessage a:hover,
#cc-modal #cc-modal-wrapper .cc-preference-importantmessage a:active
{
    text-decoration: none !important;
    background-color: #0288CE !important;
    color:#fff  !important;
    box-shadow:1px 2px 10px #000;
    -moz-box-shadow:1px 2px 10px #000;
    -webkit-box-shadow:1px 2px 10px #000;

}

#cc-modal #cc-modal-wrapper a.cc-learnmore-link,
#cc-settingsmodal #cc-settingsmodal-wrapper a.cc-learnmore-link,
#cc-notification a.cc-learnmore-link
{
    color: #FFF !important;
}

#cc-modal.cc-mobile #cc-modal-wrapper
{
    height: auto !important;
    max-height: none !important;
    min-height: inherit !important;
}

#cc-modal.cc-mobile #cc-modal-wrapper,
#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper
{
    margin-top: 0 !important;
    width: auto !important;
}
#cc-modal.cc-mobile #cc-modal-wrapper h2
{
    width: auto !important;
    margin-left: 0 !important;
}
#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper h2 span,
#cc-modal.cc-mobile #cc-modal-wrapper h2 span
{
    display: block;
    margin-top: 8px;
}

#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper h2
{
    margin-left: 10px !important;
    width: auto !important;
}

#cc-modal.cc-mobile #cc-modal-wrapper,
#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper
{
    border: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background-image: none !important;
    max-height: none !important;

}
#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper li span,
#cc-modal.cc-mobile #cc-modal-wrapper li span
{
    width: auto !important;
    float: none !important;
}
#cc-modal.cc-mobile #cc-modal-wrapper a.cc-consentchange
{
    margin-top: 10px !important;
    float: none !important;
}
#cc-modal #cc-modal-wrapper li strong
{
    width: auto !important;
}
/**
 * END OF CSS for Cookieconsent library
 */


/* Change display name of attributes of the grouped attributes of a table widget */
#id_kqhwex2amor1cb4ppca3cmwrr > div > div.cplace-single-attribute.ng-scope.attribute-block > div.cplace-connected-single-attribute-wrapper.tricia-no-apply.ng-scope > div > label:before {
    content: "Interne Kosten";
    font-size: 13px;
}
#id_kqhwex2amor1cb4ppca3cmwrr > div > div.cplace-single-attribute.ng-scope.attribute-block > div.cplace-connected-single-attribute-wrapper.tricia-no-apply.ng-scope > div > label {
    font-size: 0px;
}

#id_nli788vcvscjef6379hxqnj3q > div > div.cplace-single-attribute.ng-scope.attribute-block > div.cplace-connected-single-attribute-wrapper.tricia-no-apply.ng-scope > div > label:before {
    content: "Externe Kosten";
    font-size: 13px;
}

#id_nli788vcvscjef6379hxqnj3q > div > div.cplace-single-attribute.ng-scope.attribute-block > div.cplace-connected-single-attribute-wrapper.tricia-no-apply.ng-scope > div > label {
    font-size: 0px;
}

#id_k6ovcsofcv8n1fs34za1hb9p7 > div > div.cplace-single-attribute.ng-scope.attribute-block > div.cplace-connected-single-attribute-wrapper.tricia-no-apply.ng-scope > div > label:before {
    content: "Deckungsbeitrag";
    font-size: 13px;
}

#id_k6ovcsofcv8n1fs34za1hb9p7 > div > div.cplace-single-attribute.ng-scope.attribute-block > div.cplace-connected-single-attribute-wrapper.tricia-no-apply.ng-scope > div > label {
    font-size: 0px;
}


/**
* CSS for App cf.cplace.digitalBoard
* styles changed, LS, 2020-11-13
* START
**/
.personalDashboard {
    min-width: 180px;
    height: 130px;
    border-radius: 6px;
    padding: 12px;
    position:relative;
    will-change: auto;
    box-shadow: 0 0 0 rgba(0,0,0,.75);
    transition: 200ms transform ease-in, 200ms box-shadow ease-in;

    background-color: #A6CAD8;

    text-align: center;
}

.personalDashboard::before {
    display:block;
    position:absolute;
    left:18px;
    top:18px;
    height:70px;
    width:25%;
    background-repeat: no-repeat;
    content: ""
}

.personalDashboard__label {
    position:absolute;
    bottom:0;
    left:0;
    border-radius: 0 0 6px 6px;
    width:100%;
    background-color: #004355;
    padding:0;
    font-size: 18px;
}

.personalDashboard > .personalDashboard__label h3 {
    display: inline;
    border: 0;
    margin: 0;
    line-height: 1.75em;
    height: auto;

    text-align: center;
    color: white;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.personalDashboard__counter {
    font-size:5.5rem;
    color:#fff;
    font-weight: bold;
}


/**
 * All Tasks
 **/
.personalDashboard:not(.personalDashboard--second):not(.personalDashboard--third):not(.personalDashboard--fourth),
.personalDashboard--first {
    background-color: #A6CAD8;
}
.personalDashboard:not(.personalDashboard--second):not(.personalDashboard--third):not(.personalDashboard--fourth)::before,
.personalDashboard--first::before {
    /* icon: list-ul-solid */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='rgba(0,67,85,.5)' d='M48 48a48 48 0 1048 48 48 48 0 00-48-48zm0 160a48 48 0 1048 48 48 48 0 00-48-48zm0 160a48 48 0 1048 48 48 48 0 00-48-48zm448 16H176a16 16 0 00-16 16v32a16 16 0 0016 16h320a16 16 0 0016-16v-32a16 16 0 00-16-16zm0-320H176a16 16 0 00-16 16v32a16 16 0 0016 16h320a16 16 0 0016-16V80a16 16 0 00-16-16zm0 160H176a16 16 0 00-16 16v32a16 16 0 0016 16h320a16 16 0 0016-16v-32a16 16 0 00-16-16z'/%3E%3C/svg%3E");
}

.personalDashboard--second {
    background-color: #79AEBF;
}
.personalDashboard--second::before {

    /* icon: clipboard-list-solid */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='rgba(0,67,85,.5)' d='M336 64h-80a64 64 0 00-128 0H48C22 64 0 86 0 112v352c0 27 22 48 48 48h288c27 0 48-21 48-48V112c0-26-21-48-48-48zM96 424a24 24 0 110-48 24 24 0 110 48zm0-96a24 24 0 110-48 24 24 0 110 48zm0-96a24 24 0 110-48 24 24 0 110 48zm96-192a24 24 0 110 48 24 24 0 110-48zm128 368c0 4-4 8-8 8H168c-4 0-8-4-8-8v-16c0-4 4-8 8-8h144c4 0 8 4 8 8v16zm0-96c0 4-4 8-8 8H168c-4 0-8-4-8-8v-16c0-4 4-8 8-8h144c4 0 8 4 8 8v16zm0-96c0 4-4 8-8 8H168c-4 0-8-4-8-8v-16c0-4 4-8 8-8h144c4 0 8 4 8 8v16z'/%3E%3C/svg%3E");


}

.personalDashboard--third {
    background-color: #5097AB;
}
.personalDashboard--third::before {
    /* icon: user-check-solid */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='rgba(0,67,85,.5)' d='M224 256a128 128 0 100-256 128 128 0 000 256zm90 32h-17a174 174 0 01-146 0h-17C60 288 0 348 0 422v42c0 27 22 48 48 48h352c27 0 48-21 48-48v-42c0-74-60-134-134-134zm323-128l-28-29c-5-4-12-4-17 0L487 235l-45-45c-5-5-12-5-17 0l-28 27c-5 5-5 13 0 17l81 83c5 4 13 4 17 0l142-141c4-4 4-12 0-16z'/%3E%3C/svg%3E");

}

.personalDashboard--fourth {
    background-color: #00677F;
}
.personalDashboard--fourth::before {
    /* icon:  clipboard-check-solid */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='rgba(0,67,85,.7)' d='M336 64h-80a64 64 0 00-128 0H48C22 64 0 86 0 112v352c0 27 22 48 48 48h288c27 0 48-21 48-48V112c0-26-21-48-48-48zM192 40a24 24 0 110 48 24 24 0 110-48zm121 232L170 414c-5 4-12 4-17 0l-82-84c-5-5-5-12 0-17l28-28c5-5 12-5 17 0l46 47 106-106c5-4 12-4 17 0l28 29c5 5 5 12 0 17z'/%3E%3C/svg%3E");
}

/**
 * temporalPlanning
 **/
.personalDashboard--temporal-planning.personalDashboard:not(.personalDashboard--second):not(.personalDashboard--third):not(.personalDashboard--fourth),
.personalDashboard--temporal-planning.personalDashboard--first {
    background-color: #5097ab;
}
.personalDashboard--temporal-planning.personalDashboard:not(.personalDashboard--second):not(.personalDashboard--third):not(.personalDashboard--fourth)::before,
.personalDashboard--temporal-planning.personalDashboard--first::before {
    /* icon: calendar-regular */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(0,67,85,.5)' d='M400 64h-48V12c0-7-5-12-12-12h-40c-7 0-12 5-12 12v52H160V12c0-7-5-12-12-12h-40c-7 0-12 5-12 12v52H48C22 64 0 86 0 112v352c0 27 22 48 48 48h352c27 0 48-21 48-48V112c0-26-21-48-48-48zm-6 400H54c-3 0-6-3-6-6V160h352v298c0 3-3 6-6 6z'/%3E%3C/svg%3E");

}

.personalDashboard--temporal-planning.personalDashboard--second {
    background-color: #5097ab;
}
.personalDashboard--temporal-planning.personalDashboard--second::before {
    /* icon: calendar-day-solid */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(0,67,85,.5)' d='M0 464c0 27 22 48 48 48h352c27 0 48-21 48-48V192H0v272zm64-192c0-9 7-16 16-16h96c9 0 16 7 16 16v96c0 9-7 16-16 16H80c-9 0-16-7-16-16v-96zM400 64h-48V16c0-9-7-16-16-16h-32c-9 0-16 7-16 16v48H160V16c0-9-7-16-16-16h-32c-9 0-16 7-16 16v48H48C22 64 0 86 0 112v48h448v-48c0-26-21-48-48-48z'/%3E%3C/svg%3E");

}

.personalDashboard--temporal-planning.personalDashboard--third {
    background-color: #5097ab;
}
.personalDashboard--temporal-planning.personalDashboard--third::before {
    /* icon: calendar-week-solid  */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(0,67,85,.5)' d='M0 464c0 27 22 48 48 48h352c27 0 48-21 48-48V192H0v272zm64-192c0-9 7-16 16-16h288c9 0 16 7 16 16v64c0 9-7 16-16 16H80c-9 0-16-7-16-16v-64zM400 64h-48V16c0-9-7-16-16-16h-32c-9 0-16 7-16 16v48H160V16c0-9-7-16-16-16h-32c-9 0-16 7-16 16v48H48C22 64 0 86 0 112v48h448v-48c0-26-21-48-48-48z'/%3E%3C/svg%3E");

}

.personalDashboard--temporal-planning.personalDashboard--fourth {
    background-color: #5097ab;
}
.personalDashboard--temporal-planning.personalDashboard--fourth::before {
    /* icon:  calendar-alt-solid */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(0,67,85,.7)' d='m0 464c0 27 22 48 48 48h352c27 0 48-21 48-48v-272h-448zm64-92c0-9 7-16 16-16h288c9 0 16 7 16 16v64c0 9-7 16-16 16h-288c-9 0-16-7-16-16zm336-308h-48v-48c0-9-7-16-16-16h-32c-9 0-16 7-16 16v48h-128v-48c0-9-7-16-16-16h-32c-9 0-16 7-16 16v48h-48c-26 0-48 22-48 48v48h448v-48c0-26-21-48-48-48z'/%3E%3C/svg%3E");
}


/**
 * escalate tasks
 **/
.personalDashboard--escalated-tasks.personalDashboard:not(.personalDashboard--second):not(.personalDashboard--third):not(.personalDashboard--fourth) {
    background-color: #F5D2AA;
}

.personalDashboard--escalated-tasks.personalDashboard--second {
    background-color: #F0BE7D;
}

.personalDashboard--escalated-tasks.personalDashboard--third {
    background-color: #EBA550;
}

.personalDashboard--escalated-tasks.personalDashboard--fourth {
    background-color: #E69123;
}

/**
 * created tasks
 **/
.personalDashboard--my-created-tasks.personalDashboard:not(.personalDashboard--second):not(.personalDashboard--third):not(.personalDashboard--fourth) {
    background-color: #AAC891;
}

.personalDashboard--my-created-tasks.personalDashboard--second {
    background-color: #AAC891;
}

.personalDashboard--my-created-tasks.personalDashboard--third {
    background-color: #AAC891;
}

.personalDashboard--my-created-tasks.personalDashboard--fourth {
    background-color: #AAC891;
}

/**
* END
* CSS for App cf.cplace.digitalBoard
**/


/* START Styling AnfoBib*/
.anfoBib-banner {
    background-color: #0077bd;
    padding: 16px 24px;
    color: white;
    font-weight: normal;
    font-stretch: condensed;
    font-size: 16px;
}
.anfoBib-banner h1 {
    border: none;
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-stretch: condensed;
    font-size: 1.75em;
}
/* ENDE Styling AnfoBib*/




/*********************************
** cplace business cards
** Author: Navid
** 2021 05 19
*********************************/

.cplace-business-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
    grid-gap: 26px;
    align-items: stretch;
}
.cbc-card {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    font-family: "Roboto", sans-serif;
    border-radius: 4px;
    background-color: #ffffff;
    color: #343c4c;
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(12, 1fr);
}

.cbc-card .personal-info {
    grid-column: 2 / span 8;
    grid-row: 4 / span 6;
    position: relative;
}
.cbc-card .personal-info span,
.cbc-card .personal-info li{
    font-size: 12px;
    line-height: 14px;
    display: block;
}
.cbc-card .personal-info ul {
    padding: 10px;
    margin-top: 0;
    list-style: square;
}
.cbc-card .personal-info .name {
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.cbc-card .personal-info .pic {
    position: absolute;
    right: -72px;
    border-radius: 50%;
    top: 16px;
}
.cbc-card .personal-info a.linkedin:before {
    font-family: 'FontAwesome';
    content: '\f0e1';
    margin-right: 4px;
}
.cbc-card .personal-info a.slack:before {
    font-family: 'FontAwesome';
    content: '\f198';
    margin-right: 4px;
}

.cbc-card .personal-info .title {
    font-size: 14px;
    margin-bottom: 15px;
}

.cbc-card .blue {
    background-color: var(--cplaceblue);
    grid-column: 1 / span 9;
    grid-row: 1 / span 2;
}
.cbc-card .top.dots {
    background: radial-gradient(var(--darkgray) 20%, transparent 19%),
    radial-gradient(var(--darkgray) 20%, transparent 19%), transparent;
    background-size: 4px 4px;
    background-position: 0 0, 6px 6px;
    grid-column: 8 / span 6;
    grid-row: 2 / span 2;
}
.cbc-card .bottom.dots {
    background: radial-gradient(var(--cplacemint) 20%, transparent 19%),
    radial-gradient(var(--cplacemint) 20%, transparent 19%), transparent;
    background-size: 6px 6px;
    background-position: 0 0, 3px 3px;
    grid-column: 1 / span 8;
    grid-row: 11 / span 2;
    z-index: 2;
}
.cbc-card .mint {
    background-color: var(--cplacemint);
    grid-column: 8 / span 5;
    grid-row: 10 / span 3;
}

/*********************************
** End of__cplace business cards
** Author: Navid
** 2021 05 19
*********************************/

span.cf-cplace-workflow-transition-label.ng-binding {
    color: #333333;
    padding-left: 10px;
}

/*********************************
** New Landing Page 2022 and LP footer fix
** Author: Navid, Adrian
** 2022 01 25
*********************************/
.cf-cplace-landing-page-main-element .material-card.White.White .img-responsive {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.cf-cplace-landing-page-main-element .material-card.White.White .img-responsive:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
.cf-cplace-landing-page-main-element .material-card.White.White .tile {
    height: 48px !important;
}
.cf-cplace-landing-page-main-element .material-card.White.White .tile a {
    line-height: 48px;
    margin-top: 0 !important;
    background: #434956;
}
.cf-cplace-landing-page-main-element .material-card.White.White .tile:hover a {
    background: #0045AC;
    color: white;
}

.cf-cplace-landing-page-wrapper .cf-cplace-landing-page-tiles-theme-wrapper .material-card.White.White {
    opacity: 0.95;
    transition: all .2s ease-in;
}

.cf-cplace-landing-page-wrapper .cf-cplace-landing-page-tiles-theme-wrapper .material-card.White.White:hover {
    opacity: 1;
    transition: all .2s ease-out;
    box-shadow: 0 0 60px #00000070;
}
/*********************************
** End of__New Landing Page 2022 and LP footer fix
** Author: Navid, Adrian
** 2022 01 25
*********************************/

/*********************************
** Weekly design
** Author: Navid, Martina
** 2022 02 03
*********************************/
.custom-weekly-wrapper {
    background: white;
    padding: 10px 20px;
    box-shadow: 0px 5px 20px rgb(0 0 0 / 9%)
}
.custom-weekly-wrapper div[data-qa-name="cf.cplace.platform.attribute.value.show"] {
    border: 3px solid transparent;
    border-bottom: 1px solid #0077bd;
    min-height: 40px;
}
.custom-weekly-wrapper div[data-qa-name="cf.cplace.platform.attribute.value.show"]:hover {
    background: #0077bd4a;
    transition: background 0.3s ease-in;
}
/*********************************
** End of_weekly design
** Author: Navid, Martina
** 2022 02 03
*********************************/

/*********************************
** Design Solution Template Lifecycle Process
** Author: Christopher, Felix
** 2023 11 23
*********************************/

@import url("https://cplace-cdn.net/gh/cplace-st-customization/master/lifecycle-customization/index.css");

/*********************************
** End of Design Solution Template Lifecycle Process
** Author: Christopher, Felix
** 2023 11 23
*********************************/


/*********************************
** Design PaC Kacheln
** Author: Navid, Franzi
** 2022 08 04
*********************************/

.cf-custom-pac.row {
    min-height: 860px;
    color: white;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 12px;
}
.cf-custom-pac.blue {
    background: #2980b9;
}
.cf-custom-pac.mint {
    background: #00c6b0;
}

.cf-custom-pac .pac-image img {
    padding-top: 20px;
    width: 50%;
    border-radius: 50%;
}
.cf-custom-pac .pac-name {
    font-size: 36px;
    padding-top: 40px;
    min-height: 36px;
    display: -webkit-box;
    -webkit-line-clamp: 1 !important;;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cf-custom-pac .pac-role {
    font-size: 22px;
    min-height: 70px;
}
.cf-custom-pac .pac-sub {
    font-size: 14px;
    min-height: 32px;
}
.cf-custom-pac .pac-contact {
    font-size: 22px;
    padding-top: 40px;
}

.cf-custom-pac .pac-name,
.cf-custom-pac .pac-role,
.cf-custom-pac .pac-sub,
.cf-custom-pac .pac-mail {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


@media only screen and (max-width: 1200px) {
    .cf-custom-pac.row {
        min-height: 600px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .cf-custom-pac.row {
        min-height: 650px;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 2000px) {
    .cf-custom-pac.row {
        min-height: 700px;
    }
}

.cps-code-snippet-library .card {
    border: 1px solid #0078bd;
    margin-bottom: 2rem;
}
.cps-code-snippet-library .card:hover {
    box-shadow: 0 1px 16px 0 rgba(52,60,76,.6);
}
.cps-code-snippet-library .card-body {
    background-color: #0078bd;
    color: #eeeeee;
    padding: 5px;
}
.cps-code-snippet-library .card img {
    margin: 5px;
}

.cps-button{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 22px;
    background: #0CE796;
    border-radius: 24px;
    flex: none;
    order: 3;
    flex-grow: 0;
    margin-top: 16px;
}
.cps-button a{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.011em;
    color: #00207A;
    flex: none;
    order: 1;
    flex-grow: 0;
}

/*********************************
** Code Snippet Library
** Author: Florian Hilck
** 2024 04 15
*********************************/

div[data-workspace-name="Code Snippet Library"] .click-container {
    cursor: pointer;
}
div[data-workspace-name="Code Snippet Library"] .click-container .fa-heart {
    transition: transform 0.3s ease-in-out;
}
div[data-workspace-name="Code Snippet Library"] .click-container .show-on-hover {
    display: none;
}
div[data-workspace-name="Code Snippet Library"] .click-container:hover .show-on-hover {
    display: inline;
}
div[data-workspace-name="Code Snippet Library"] .click-container:hover .fa-heart {
    animation: pulse 2s infinite;
}
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1);
    }
}

/*********************************
** cplace Timeline Table for tables in which to show a vertical timeline visualization in the first column
** Author: Thomas Kugler
** 2024 06 06
*********************************/
table.cplace-timeline-table {
    text-align: left;
    border-collapse: collapse;
    margin: 0 0 10px 0;

    td {
        padding: 7px 17px 7px 17px;
        vertical-align: top;
        border: 1px solid #ddd;
    }

    tbody {
        tr td:first-child {
            border-bottom-color: white !important;
            border-left-color: white !important;
            border-top-color: white !important;
        }

        tr td:first-child {
            width: 15px;
            vertical-align: top;
            padding: 20px;
            position: relative;
        }

        tr td:first-child::before {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 50%;
            border-left: 1px solid #ddd;
            margin-top: 2px;
            margin-bottom: 2px;
        }

        tr td:first-child i.milestone-circle::after, tr td:first-child i.milestone-diamond::after {
            content: '';
            position: absolute;
            left: 50%;
        }

        tr td:first-child i.milestone-circle::after {
            border-radius: 50%;
            transform: translate(-50%, -50%);
            width: 18px;
            height: 18px;
        }

        tr td:first-child i.milestone-diamond::after {
            transform: translate(-50%, -50%) rotate(45deg);
            width: 16px;
            height: 16px;
        }

        tr td:first-child i.milestone-blue::after {
            background: #00207A;
        }

        tr td:first-child i.milestone-sky::after {
            background: #0058D4;
        }

        tr td:first-child i.milestone-mint::after {
            background: #0CE796;
        }

        tr td:first-child i.milestone-magenta::after {
            background: #FF3393;
        }

        tr td:first-child i.milestone-lilac::after {
            background: #A84AF0;
        }

        tr td:first-child i.milestone-orange::after {
            background: #FA6D64;
        }

        tr td:first-child i.milestone-sunny::after {
            background: #FF9900;
        }
    }
}

/*********************************
** C&PS Forecasting and Controlling Dashboard Styles
** Author: Florian Hilck
** 2024 06 20
*********************************/
div[data-workspace-name="C&PS Forecasting & Controlling"] .kpi-container {
    border-radius: 12px;
    background-color: var(--sblue);
    color: white;
    padding: 10px 20px;
}

div[data-workspace-name="C&PS Forecasting & Controlling"] .kpi-title {
    font-size: 14px;
    color: var(--smint)
}

div[data-workspace-name="C&PS Forecasting & Controlling"] .kpi-value-main {
    font-size: 45px;
    font-weight: bold;
    padding-right: 10px;
}

div[data-workspace-name="C&PS Forecasting & Controlling"] .kpi-value-additional {
    font-size: 20px;
    color: #ff3393;
}

/**
* Card Layout for Solution Consulting
* Author: Florian Kamke
*/
.cplace-sc-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-bottom: 3rem;
}

.cplace-sc-card {
  background: white;
  border-radius: 8px;
  padding: 1.5rem;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.cplace-sc-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.cplace-sc-card-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #2d3748;
}

.cplace-sc-card-icon {
  color: #4299e1;
  font-size: 1.5rem;
}

.cplace-sc-card-value {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  color: #2d3748;
}

.cplace-sc-card-description {
  color: #718096;
}

.cplace-sc-card-list {
  list-style: none;
  margin-top: 0.5rem;
}

.cplace-sc-card-list-item {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  color: #2d3748;
}

.cplace-sc-list-dot {
  width: 8px;
  height: 8px;
  background-color: #4299e1;
  border-radius: 50%;
  margin-top: 0.5rem;
  flex-shrink: 0;
}

/*********************************
** Product Managemnet: Responsive Product Workspace Theme Styles
** Author: Navid Heidemann
** 2025 01 01
*********************************/

/* Product Workspace Styles */
body.wiki-ws {
  /* Common styles for product wiki layouts */
  #cplace[data-layout-internal-name="wikiPage"],
  #cplace[data-layout-internal-name="wikiSharePointViewPDF"],
  #cplace[data-layout-internal-name="wikiTeam"] {
    /* Inner content container styles */
    .cplace-inner-content {
      width: 80%;
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 30px;
      box-sizing: border-box;
      
      .breadcrumbs {
        padding: 8px 4px 0 4px;
        margin-bottom: -20px;
      }
      
      .cf-frontend-sdk-cplace-control-display-value-input {
        max-height: unset;
        10px: 4px;
        padding-left: 20px !important;
      }
      
      .cf-frontend-sdk-show-more-show-less-container {
        display: none !important;
      }
      
      .subpages {
        margin-top: 10px;
        margin-bottom: -20px;
        padding-left: 30px;
      }
    }
    
    /* Team grid layout */
    .team-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 2rem;
      padding: 1rem;
      
      /* Team card styles */
      .team-card {
        background: #ffffff;
        border-radius: 1rem;
        overflow: hidden;
        padding: 2rem;
        text-align: center;
        transition: all 0.5s ease;
        position: relative;
        border: 1px solid #d8d8d8;
        
        &:hover {
          transform: translateY(-5px);
          box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
          
          .profile-image {
            transform: scale(1.1);
          }
        }
      }
      
      /* Profile image container */
      .profile-image-container {
        position: relative;
        width: 128px;
        height: 128px;
        margin: 0 auto 1.5rem;
      }
      
      /* Profile image */
      .profile-image {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
        border: 4px solid white;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        transition: transform 0.5s ease;
      }
      
      /* Member info styles */
      .member-name {
        font-size: 1.5rem;
        font-weight: bold;
        color: #242424;
        margin-bottom: 0.5rem;
      }
      
      .member-role {
        color: #2a6b1c;
        font-weight: 500;
        margin-bottom: 1rem;
      }
      
      .member-description {
        color: #242424;
        font-size: 0.875rem;
        line-height: 1.5;
        margin-bottom: 1.5rem;
      }
      
      ul {
        text-align: left;
      }
      
      /* Social links */
      .social-links {
        display: flex;
        justify-content: center;
        gap: 1.5rem;
      }
      
      .social-link {
        color: #242424;
        transition: all 0.3s ease;
        font-size: 2em;
        
        &:after {
          display: none;
        }
        
        &:hover {
          color: #0cbf91;
          transform: scale(1.1);
        }
      }
    }
    
    /* Team grid responsive layout */
    @media (max-width: 768px) {
      .team-grid {
        grid-template-columns: 1fr;
      }
    }
  }
}

/* Global Responsive Adjustments */
@media screen and (max-width: 1024px) {
    body.wiki-ws {
      /* Common styles for product wiki layouts */
      #cplace[data-layout-internal-name="wikiPage"],
      #cplace[data-layout-internal-name="wikiSharePointViewPDF"],
      #cplace[data-layout-internal-name="wikiTeam"] {
        /* Inner content container styles */
        .cplace-inner-content {
          width: 80%;
          padding: 0 25px !important;
        }
      }
    }
}

@media screen and (max-width: 768px) {
    body.wiki-ws {
      /* Common styles for product wiki layouts */
      #cplace[data-layout-internal-name="wikiPage"],
      #cplace[data-layout-internal-name="wikiSharePointViewPDF"],
      #cplace[data-layout-internal-name="wikiTeam"] {
        /* Inner content container styles */
        .cplace-inner-content {
            width: 100% !important;
            padding: 8px 0 !important;
            .breadcrumbs {
                padding: 0 4px;
            }
        }
      }
    }
}

@media screen and (max-width: 480px) {
    body.wiki-ws {
      /* Common styles for product wiki layouts */
      #cplace[data-layout-internal-name="wikiPage"],
      #cplace[data-layout-internal-name="wikiSharePointViewPDF"],
      #cplace[data-layout-internal-name="wikiTeam"] {
        /* Inner content container styles */
        .cplace-inner-content {
            width: 100% !important;
            padding: 8px 0  !important;
            .breadcrumbs {
                padding: 0 4px;
            }
        }
      }
    }
}


/*********************************
** Show icons in all levels of Nav-Tree
** Author: Daniel Neugebauer
** 2025 04 23
*********************************/
#hui-page-tree > ul.jqtree-tree li.jqtree-folder ul li ul ul ul .element-title-presentation-icon {
  display: table;
}

/*********************************
** add border for images
** Author: Irina Novatska
** 2025 04 30
*********************************/
div[data-workspace-id="s7hsxzb8afm6oppx8sg6ngniv"] .ck-content figure > img {
  padding: 0;
  box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.19);
  margin-left: 6px;
}