/* Portal theme file */


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

    --portal-color-palette-main : rgba(222, 184, 135, 1);
    --portal-color-palette-0    : rgba(255, 235, 205 , 1);
    --portal-color-palette-1    : rgba(181, 166, 152, 1);
    --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-border-color       : var(--portal-color-palette-7);
    --portal-border-size        : 2px;
    --portal-border-radius      : 0px;

    --portal-color-selection   : #ffc979;
    --portal-color-selection-hover   : #F1C16FFF;

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


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



/* GLOBAL ###################################################################################### */
.fontstd{
    font-family: var(--portal-font-standard) !important;
}

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

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

.ds-nav-logo{
    background-image: var(--portal-logo-desk-url);
    width: 225px;
    background-size: 100%;
    background-position: center 3px;
}

.ds-nav-label{
    display: none;
}

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

/* Spinner */

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

.wjt-spinner-global{
    background: var(--portal-color-palette-main);
    background: radial-gradient(circle, var(--portal-color-palette-main) 0%, #BD945C4D 100%);
    color: white;
}



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

.todo-DS{
    color:var(--dsfw-ds-cicolor);
}

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

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

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

.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;
}

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

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

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

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

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



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

.hvr-sweep-to-top:before {
    background: #17477F;
}

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


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

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

.wjt-loader{
    position: fixed;
    height: 150px;
    padding: 5px;
    bottom: 50%;
    text-align: center;
    background-color: var(--portal-color-palette-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{
    background-color: var(--portal-color-palette-4);
    color: white;
}

/* :: WJT-Customers ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Use the customer id as referenced in the database table wjt_customer */
.customer.customer-1 { background-image:url('/img/customers/logo_ds_packaging.png') !important;   }
.customer.customer-2 { background-image:url('/img/customers/logo_ds_posm.png') !important;      }
.customer.customer-3 { background-image:url('/img/customers/logo_ds_marcom.png') !important;       }
.customer.customer-4 { background-image:url('/img/customers/rewe-logo-mini.png') !important;       }

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

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

.wjt-job-header, .wjt-job-multi-header {
    background-color: #c6cdd5;
    color:black;
}

.wjt-job-headertext, .wjt-job-multi-headertext {
    color:black;
}

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

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

.wjt-job-header, .wjt-job-multi-header{
    background-color: var(--portal-color-palette-main);
    border-top-right-radius: 10px;
    line-height: 18px;
    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-col-detail div.wjt-job-header {
    background-color: var(--portal-color-palette-main);
}

.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-block-header{
    background-color: var(--portal-color-palette-0);
}

.wjt-block-header .wjt-block-icon {
    border-bottom-color: cornflowerblue;
}

.status-circle{
    color:cornflowerblue;
}

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


div.wjt-job-locked > .wjt-job-header {
    background-color: #9fa8b1;
}

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

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

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


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

.wjt-job-standard:hover{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+22,6c90ec+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 22%, #6c90ec 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 22%,#6c90ec 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 22%,#6c90ec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#6c90ec',GradientType=0 ); /* IE6-9 */
}

.deadline-ok{
    color:greenyellow;
}

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

.deadline-warning{
    color:orange;
}

.deadline-alert{
    color:red;
}

.deadline-missed{
    color: #8c80d9;
    background-color: #8c80d9;
}

.bg-deadline-missed{
    background-color: #8c80d9;
}

.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;
}

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

.card.wjt-job-wrapper{
    background-color: var(--portal-color-palette-7);
}

.card.wjt-detail-wrapper,
.card.wjt-job-wrapper .card-header,
.card.ds-detail-wrapper,
.card.ds-job-wrapper .card-header{
    background-color: var(--portal-color-palette-7);
}

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

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

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

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

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

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

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

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

.wjt-job .job-data{
    border-bottom: none;
    margin-bottom: 0;
}

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

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

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

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

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

.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{
    color:var(--portal-color-palette-4);
}

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

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


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

/* 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);
}

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

.job-data .row div.detail-label{
    background-color:var(--portal-color-palette-8);
    border: 1px solid grey;
    border-top: none;
}

.job-data .row div.detail-value{
    background-color:var(--portal-color-palette-8);
    border: 1px solid grey;
    border-top: none;
}

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

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


/* Admin Application */

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


.navbox-tiles a.tile[data-bs-target='#CreateJobDialog']{
    background-color:#198754;
}

.navbox-tiles a.tile[data-bs-target='#logoutModalDialog']{
    background-color:#b21d0f;
}

.navbox-tiles a.tile[data-title='Offshore tool']{
    background-color:#298FC2
}