/* Portal theme file */


:root{
    --portal-logo-desk-url : url(/img/logos/logo_square.png);

    --portal-color-palette-main : var(--pg-color-palette-2);
    --portal-color-palette-0    : var(--pg-color-palette-3);
    --portal-color-palette-1    : white;
    --portal-color-palette-2    :  rgba(161, 157, 160 , 1);
    --portal-color-palette-3    :  rgba(130, 114, 134 , 1);
    --portal-color-palette-4    :  rgba(98, 70, 107  , 1);
    --portal-color-palette-5    :  rgba(69, 54, 75 , 1);
    --portal-color-palette-6    :  rgba(45, 35, 39   , 1);
    --portal-color-palette-7    :  rgba(255, 255, 255 , 1);
    --portal-color-palette-8    :  whitesmoke;
    --portal-color-palette-10   :  yellow;
    --portal-color-palette-11   :  orange;
    --portal-color-palette-12   :  #b21d0f;
    --portal-color-palette-13   :  rgba(255,187 ,51,1);
    --portal-color-palette-14   :  #FAFAFA;
    --portal-color-palette-15   : #29C294;

    --portal-border-color       : var(--portal-color-palette-8);
    --portal-border-size        : 2px;
    --portal-border-radius      : 0px;

    --portal-color-selection   : var(--pg-color-palette-7);
    --portal-color-selection-hover   : var(--pg-color-palette-9);

    --pg-color-main         : rgba(0, 55, 177, 1);
    --pg-color-palette-1    : #29abc2;
    --pg-color-palette-2    :  rgba(0, 144, 193 , 1);
    --pg-color-palette-3    :  rgba(246, 241, 209 , 1);
    --pg-color-palette-4    :  rgba(239, 170, 196 , 1);
    --pg-color-palette-5    :  rgba(147, 140, 151 , 1);
    --pg-color-palette-6    :  rgba(205, 224, 206 , 1);
    --pg-color-palette-7    :  #BEDEFF;
    --pg-color-palette-8    : white;
    --pg-color-palette-9    : #e3ecff;

    --pg-color-main-semi   : rgba(0, 55, 177, .8);

    --portal-font-size-1    : .9rem;
    --portal-font-size-2    : .8rem;
    --portal-font-size-3    : .7rem;


}


/* THEME COLORS ################################################################################ */


.navbar{
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

/* GLOBAL ###################################################################################### */

a,
.nav-link{
    color: var(--pg-color-main);
}

.nav-tabs .nav-link.active{
    background-color: var(--pg-color-main);
    color: white;
}

#wrapper{
    background-color: var(--pg-color-palette-8);
}

/* Spinner */

.admin-spinner-global{
    color: var(--pg-color-main);
}

.wjt-spinner-global,
.billing-spinner-global{
    background: rgb(0,55,177);
    background: radial-gradient(circle, rgba(0,55,177,1) 0%, rgba(0,144,193,0.3) 100%);
    color: white;
}



.tag-BM, .todo-BM {
    color: #9E1D3B;
}

.todo-DS{
    background-color:var(--dsfw-ds-cicolor);
    color:var(--pg-color-palette-8);
}

.todo-CMS{
    background-color:var(--pg-color-palette-2);
}

.todo-PG{
    background-color:var(--pg-color-main);
}

.todo-PGSA{
    background-color: var(--pg-color-palette-1);
}

.todo-AGY{
    background-color: var(--portal-color-palette-13);
}

.todo-PRM{
    background-color: var(--portal-color-palette-15);
}

.wjt-responsibility{

}

.wjt-responsibility-wrapper > .badge{
    justify-content: center;
    line-height: 1.2rem;
    align-self: baseline;
}

.wjt-responsibility-wrapper > .btn{
    background-color: transparent;
    background: none;
    border: none;
    color: red;
}

.wjt-responsibility[data-wjt-resp-category="DS"] div.badge{
    background-color:var(--dsfw-ds-cicolor);
}

.wjt-responsibility[data-wjt-resp-category="PG"] div.badge,
.wjt-responsibility[data-wjt-resp-category="PM"] div.badge{
    background-color:var(--pg-color-main);
}

.wjt-responsibility[data-wjt-resp-category="CMS"] div.badge{
    background-color:var(--portal-color-palette-13);
}

.wjt-responsibility[data-wjt-resp-category="UGW"] div.badge{
    background-color:var(--portal-color-palette-13);
}

.wjt-responsibility[data-wjt-resp-category="GS"] div.badge{
    background-color:var(--portal-color-palette-13);
}

.wjt-responsibility[data-wjt-resp-category="Other"] div.badge{
    background-color:var(--portal-color-palette-13);
}

.wjt-responsibility[data-wjt-resp-category="HHGlobal"] div.badge{
    background-color:var(--portal-color-palette-15);
}

.wjt-responsibility[data-wjt-resp-category="TAG"] div.badge{
    background-color:var(--portal-color-palette-15);
}

.cke_bottom {
    background: var(--pg-color-main) !important;
}

.file-frame.button-function {
    /*background: #E0CC80;*/
}

.app-title-area{
    background-color: var(--portal-color-palette-7);
    height:initial;
}

.app-title-area .app-title-logo{
    background-image: var(--portal-logo-desk-url);
}

.app-title-area .app-title{
    /*display: none;*/
}

.app-title-area .app-version{
    display: none;
}

.logo-pg-white{
    background-image: url('/img/logos/logo-pg-weiss.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.logo-pg-mini{
    width: 50px;
    display: inline-flex;
}

/* BOOTSTRAP OVERRIDES ######################################################################### */

select.form-control{
    appearance: auto;
}

.ds-headerbar .btn-group-sm > .btn,
.ds-headerbar .btn-sm,
#wjt-headerbar .btn-group-sm > .btn,
#wjt-headerbar .btn-sm {
    border-radius: 1.2rem;
    padding-top: 1px;
    padding-bottom: 1px;
    line-height: 1rem;
}

.btn-outline-primary{
    /*border-radius: 1.2rem;
    padding-top: 1px;
    padding-bottom: 1px;
    line-height: 1rem;*/
}

.btn-primary,
.btn-success{
    background-color: var(--pg-color-main);
}

.btn-outline-primary.btn-pg{
    color: var(--pg-color-main);
    border-color: var(--pg-color-main);
}

.btn-outline-primary.btn-pg.active{
    color: var(--pg-color-palette-8);
    background-color: var(--pg-color-main);
}

.btn-outline-primary.btn-pg:hover {
    color: var(--pg-color-palette-8);
    background-color: var(--pg-color-main);
    border-color: var(--pg-color-main);
}

.btn-outline-primary.btn-pg:focus{
    box-shadow: none;
}

.form-check-input.btn-pg:checked,
.form-check-input:checked {
    background-color: var(--pg-color-main);
    border-color: var(--pg-color-main);
}

.form-check-input.btn-pg{
    color: var(--pg-color-main);
    background-color: var(--pg-color-palette-8);
    border-color: var(--pg-color-main);
}

.form-check-label{
    color: var(--pg-color-main);
}

/* HOVER.JS OVERRIDES ######################################################################### */

.hvr-sweep-to-top:before {
    background: var(--pg-color-main);
}

/* DSFW OVERRIDES ############################################################################## */

.ds-nav-logo{
    background-image: var(--portal-logo-desk-url);
    width: 50px;
    background-position-x: left;
}

.ds-nav-label{
    margin-top: 5px;
}

.ds-selected,.ds-content-selected{
    background-color: var(--portal-color-selection) !important;
}

.fontnormal{
    font-size: var(--portal-font-size-2);
}

.fontsmall{
    font-size: var(--portal-font-size-3);
}

.ds-selectable:hover {
    background-color: var(--portal-color-selection-hover) !important;
}

/*.wjt-job.ds-content-selected .wjt-job-body{
    background-color: var(--dsfw-color-selection) !important;
}*/

.wjt-loader{
    position: fixed;
    height: 150px;
    padding: 5px;
    bottom: 50%;
    text-align: center;
    background-color: var(--pg-color-main-semi);
    width: 100%;
    color: white;
    border-top-left-radius: initial;
    border-top-right-radius: initial;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    z-index: 5000;
    left: 0;
    display: none;
}

.wjt-loader > * {
    line-height: 9rem;
}


.btn-group .dropdown button:first-of-type{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* WJT ######################################################################################### */

#wjt-headerbar,
#billing-headerbar{
    background-color: var(--pg-color-main);
    color:var(--pg-color-palette-8);
}

.wjt-job-breadcrumb{
    font-style: initial;
}

.wjt-job-deadlines {
    background-color: initial;
}

.wjt-block.wjt-block-standard{

}

.wjt-block-content .input-group .input-group-text {
    min-width: 115px;
}


/* :: WJT-Customers ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
    /* Use the customer id as referenced in the database table wjt_customer */
.customer.customer-1 {   }

.customer.customer-2 {    }
.customer.customer-3 {      }
.customer.customer-4 {     }

/* Deadline colors */
.wjt-job-deadlines .progress-bar-info {
    color: inherit;
}
.wjt-job-deadlines .bg-customer-danger{ background-color: var(--portal-color-palette-12);color:var(--portal-color-palette-1);}
.wjt-job-deadlines .bg-customer-warning{background-color: var(--portal-color-palette-11);color:var(--portal-color-palette-5);}
.wjt-job-deadlines .bg-customer-prewarning{background-color: var(--portal-color-palette-10);color:var(--portal-color-palette-5);}
.wjt-job-deadlines .bg-customer-noworries{background-color: green;color:var(--portal-color-palette-1);}
.wjt-job-deadlines .bg-customer-noworries .progress-bar-info {
    color: var(--pg-color-palette-8);
}


.page-item .page-link {
    color: var(--pg-color-main);
}

.pagination.pagination-sm .page-item .page-link:hover{
    border-radius: 65px;
    background-color: var(--pg-color-main);
    color:var(--pg-color-palette-8);
    border-color: var(--pg-color-main);
}

.page-item.active > .btn{
    background-color: var(--pg-color-main);
    border-color: var(--pg-color-main);
    color:var(--pg-color-palette-8);
}

/* 2022 "card" based PG Job styles */
.card.wjt-job-wrapper{
    margin-right: 10px;
    margin-bottom: 5px;
    border-top-right-radius: 1rem;
    background-color: var(--pg-color-palette-8);
    box-shadow: 1px 5px 7px -5px;
}

.card.wjt-detail-wrapper,
.card.wjt-job-wrapper .card-header,
.card.ds-job-wrapper .card-header{
    border-top-right-radius: 1rem;
    background-color: var(--pg-color-palette-8);
}

.card.wjt-job-wrapper .card-header,
.card.ds-job-wrapper .card-header{

}

.card.wjt-detail-wrapper .wjt-job-wrapper{
    box-shadow: none;
    border-bottom: none;
    border: none;
}

.card.wjt-detail-wrapper .wjt-block-wrapper{
    border-radius: 0;
    border: none;
}


.card.wjt-job-wrapper .card-footer{
    background-color: var(--pg-color-palette-8);
}

.card.wjt-job-wrapper .wjt-job-wrapper-tile{
    height: initial;
}

.card.wjt-job-wrapper .wjt-job-wrapper-tile .tile-content {
    color:var(--portal-color-palette-8);
}

.card.wjt-job .wjt-job-id{
    position: absolute;
    right: 0;
    text-align: right;
    top: 5px;
    color: var(--pg-color-palette-7);
}

.wjt-job-multi > .wjt-job-standard > .wjt-job-body {
    background-color: #c6cdd5;
}

.wjt-job-header, .wjt-job-multi-header {
    background-color: #c6cdd5;
    color: var(--portal-color-palette-6);
}

.wjt-job-headertext, .wjt-job-multi-headertext {
    color: var(--portal-color-palette-6);
    font-size: .8rem;
    font-weight: bold;
    padding-top: 5px;
}

.wjt-job-multi .trigger-job-compact {
    background-color: var(--portal-color-palette-2);
}

.wjt-job-header, .wjt-job-multi-header{
    background-color: var(--pg-color-palette-8);
    border-top-right-radius: 10px;

    line-height: 18px;
    /* font-weight: bold; */
    letter-spacing: .03rem;
}

.wjt-job-minimal{
    margin-bottom: 1px;
    border-right: 1px solid white;
}

.wjt-job-minimal > .wjt-job-header{
    border-top-right-radius: 0px;
}

.wjt-job-minimal > .wjt-job-header:hover{
    background-color: var(--dsfw-color-selection) !important;
}

#wjt-col-detail div.wjt-job-header {
    background-color: var(--pg-color-palette-8);
}

#jobContainer .wjt-column-content, #wjtJobContainer .wjt-column-content {

}

.ds-column-header,
.wjt-column-header{
    background-color: var(--portal-color-palette-7);
}

.wjt-job-locked .wjt-job-header{

}

.wjt-job-multi, .wjt-job-standard {

}

.wjt-job-multi{
    border-top:none;
}

.wjt-job-multi .wjt-job {
    border-left-color: var(--pg-color-palette-2);
}

.wjt-category-tile.ds-selected {

}

.wjt-block{
    background-color: var(--portal-color-palette-7);
    border-color: var(--portal-color-palette-2);
    transition: height 0.3s ease;
}

.wjt-block-header{
    background-color: var(--pg-color-palette-9);
    background-clip: content-box;
    border-top: none;
    transition: background-color 0.3s ease; /* Sanfter Übergang */
}

.wjt-block-header:hover{
    background-color: var(--portal-color-palette-14);
}

.wjt-block-header .wjt-block-icon {
    font-size: 1rem;
}

.wjt-block-header .block-toggle{
    padding-left: 30px;
}

.wjt-block-content{
    opacity: 1; /* Ausgangszustand */
    transition: opacity 0.2s ease;
    /*transition: height 0.3s ease-in-out;*/
}

.wjt-block-content.hidden{
    opacity: 0;
}

.status-circle{
    color: var(--pg-color-main);
}

.wjt-job-locked{
    background-color: #f8d7da !important;
}

.wjt-detail-wrapper .wjt-job.wjt-job-locked{
    background-color: initial !important;
}

div.wjt-job-locked > .wjt-job-header {
    background-color: var(--portal-color-palette-2) !important;
}

/*.wjt-job.ds-content-selected .wjt-job-body{
    background-color:var(--dsfw-color-selection);
}*/

.wjt-job-multi .wjt-job-breadcrumb {
    color:var(--portal-color-palette-6);
}

.wjt-job-indicator {
    color:var(--portal-color-palette-6);
}

.wjt-multijob-indicator > .wjt-job-indicator{
    margin-left:-14px;
}

.wjt-job-indicator.wjt-in-archive{
    background-color:var(--dsfw-highlight-color);
}

.wjt-job-button{
    color:var(--portal-color-palette-7);
}

.wjt-block-header .wjt-job-button{
    color:var(--portal-color-palette-4);
}

.wjt-job-button:hover{
    background-color:inherit;
}

.wjt-job-button:hover *{
    color:var(--pg-color-palette-4);
}

.wjt-job.wjt-job-parent{
    background: var(--pg-color-palette-3);
}

#wjt-col-detail div.wjt-job-header.wjt-job-multi-header{
    background:initial;
    background-color: var(--dsfw-color-lightgray-1);
}

#wjt-col-detail div.wjt-job-header.wjt-job-multi-header .wjt-job-button{
    color: var(--portal-color-palette-6);
}

.wjt-recipient{
    background-color:rgba(255,255,255,.95);
}

.wjt-job-standard:hover{
   background-color: var(--);
}

.deadline-ok{
    color:greenyellow;
}

.deadline-notice{
    color:rgb(254,247,160);
}

.deadline-warning{
    color:orange;
}

.deadline-alert{
    color:red;
}

.deadline-missed{
    color: darkslateblue;
}

.deadline-empty{
    color:lightgrey;
}


.panel-primary > .panel-heading, .panel-info > .panel-heading {
    color: #000;
    background-color: #AFC8F5;
    border-color: #7599DB;
}

.panel-primary, .panel-info {
    border-color: #7599DB;
}


.radeberger-job-type-selector-wrapper .group-header > span {
    background-color:cornflowerblue;
}

#selectMaterialDecoy li > div {
    background-color:cornflowerblue;
}

/* Admin Application */

#wrapper-admin nav.navbar {
    background-color: #A8A8A8;
    border-color:cornflowerblue;
}


.wjt-job.wjt-job-parent .wjt-job-body  {
    background-color: var(--dsfw-color-lightgray-1);
}

.wjt-job.wjt-job-parent.ds-content-selected .wjt-job-body,
.wjt-job.wjt-job-standard.ds-content-selected .wjt-job-body{
    background-color:var(--dsfw-color-selection);
}

.wjt-job-multi .trigger-job-compact,
.wjt-job-multi .trigger-job-compact-multi{
    background-color: var(--pg-color-palette-2);
}

.wjt-job-multi-childcounter{
    border-right: 1px dashed black;
}

.jobowner-controls{
    background-color: var(--dsfw-color-lightgray-2);
    border-top: 1px solid lightgrey;
}

/* New wjt comm block */
.ds-message{
    font-size: var(--portal-font-size-2);
}

.ds-message > .card-header{
    font-size: var(--portal-font-size-3);
}

.wjt-block-form-label{
    font-size: var(--portal-font-size-2);
}

.wjt-responsibilities div[data-wjt-user-has-brand-access=false]{
    color:orange;
}

.wjt-responsibilities div[data-wjt-user-state=INACTIVE] {
    color:grey;
}

.wjt-responsibilities div[data-wjt-user-state=DELETED] {
    color:red;
}

.navbox-tiles .tile {
    background-color:var(--pg-color-main);
}


/* Overwrites of portal.css ------------------------------------------------ */

#wjtCategoryContainer div.wjt-column-content {
    position: relative;
    top:initial;
    left:initial;
    height:initial;
    overflow-x: hidden;
}

.wjt-job-deadlines div.progress > span {
    position: relative;
    font-weight: bold;
    left: initial;
    margin-left: 5px;
    min-width: 2rem;
}
.wjt-multijob-indicator {
    display: none;
}

.job-data .row{

}

.job-data .row div.detail-label{
    background-color:var(--pg-color-palette-8);
    border-bottom: 1px solid lightgray;
}

.job-data .row div.detail-value{
    background-color:var(--pg-color-palette-8);
    border-bottom: 1px solid lightgray;
}

.job-data .row div.detail-label:nth-child(even){
    border-left-width: 0;
    border-right-width: 0;
}

.job-data .row div.detail-label:nth-child(odd){
    border-right-width: 0;
    border-left-width: 0;
}

.job-data .row div.detail-value:nth-child(even){
    border-left-width: 0;
}

.job-data .row div.detail-value:nth-child(odd){
    border-right-width: 0;
}

.job-data .row:nth-child(even){
    background-color:var(--pg-color-palette-8);
}

.job-data .row:nth-child(odd){
    background-color:var(--pg-color-palette-8);
}





#wjt-col-detail div.wjt-job-header.job-child-detail-header{
    background-color: var(--pg-color-palette-7);
}


.wjt-job-wrapper .card-header.wjt-job-multi:hover{
    background-color: var(--portal-color-selection);
    cursor: pointer;
}

.job-no{
    color:var(--portal-color-palette-6);
}

.wjt-job-id{
    color:var(--portal-color-palette-2);
    font-size: 9px;
}
.trigger-job-compact{
    border:none;
}

.trigger-job-compact:hover {
    background-color: inherit;
    color: var(--portal-color-selection);
}

.ds-progress-bar > .progress-bar{
    background-color: var(--pg-color-main);
}

.ds-progress-bar.progress{
    background-color: var(--pg-color-palette-5);
}

.wjt-job-deadlines .progress{
    background-color: var(--pg-color-palette-5);
}

.access-target a:hover {
    background-color:var(--portal-color-selection);
}

.ds-billing .ds-segment .ds-segment-label {
    background-color: var(--pg-color-palette-8);
    border-top: none;
}

#wjt-job-image-zoomarea {
    border-top-right-radius: var(--portal-border-radius);
}

.history-entry-header{
    color: var(--pg-color-palette-5);
    font-weight: normal;
}

table .budget-header{

    border-top: 4px solid var(--pg-color-palette-1);
    font-weight: normal;
}

.form-control.readonly {
    background-color: var(--bs-secondary-bg);
    opacity: 1;
}