/* Portal theme file */


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

:root{
    --portal-logo-desk-url : url(../../../img/logos/radeberger-gruppe-logo.svg);

    --portal-color-palette-main : #9E1D3B;
    --portal-color-palette-0    : #c6cdd5;
    --portal-color-palette-1    : #BEA025;
    --portal-color-palette-2    :  #937c4B;
    --portal-color-palette-3    :  #79bd79;
    --portal-color-palette-4    :  #70Ae6e;
    --portal-color-palette-5    :  #7599db;
    --portal-color-palette-6    :  #000000;
    --portal-color-palette-7    :  #AFC8F5 ;
}

/* Radeberger specialities */
.tag-PM , .todo-PM{color:green; }
.tag-DS , .todo-DS{color:#6d1f80;}
.tag-AG , .todo-AG{color:rosybrown;}
.tag-BM , .todo-BM{color:#9E1D3B;}
.tag-MK , .todo-MK{color:darkturquoise;}
.tag-AD , .todo-AD{color:red;}

.badge{font-weight:normal;}
.badge-PM{background-color:green; }
.badge-DS{background-color:#6d1f80;}
.badge-AG{background-color:rosybrown;}
.badge-BM{background-color:#9E1D3B;}
.badge-MK{background-color:darkturquoise;}
.badge-AD{background-color:red;}

/* Login */
body .customer-form-logo{
    background-image: var(--portal-logo-desk-url);
}

.app-version{
    display: none;
}

.bordercolor-rr-gold{
    border-color:#937c4B !important;
}

.bgcolor-rr-gold-to-transparent{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#937c4B+1,7db9e8+100&1+0,0+100 */
    background: -moz-linear-gradient(45deg, rgba(201,171,55,1) 0%, rgba(201,171,55,0.99) 1%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(201,171,55,1) 0%,rgba(201,171,55,0.99) 1%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(201,171,55,1) 0%,rgba(201,171,55,0.99) 1%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#937c4B', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.color-rr-lila{
    color:#9E1D3B;
}

.bgcolor-rr-lila{
    background-color:#9E1D3B;
}

.bordercolor-rr-lila{
    border-color:#9E1D3B !important;
}

.bgcolor-rr-lila-to-transparent{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9E1D3B+1,7db9e8+100&1+0,0+100 */
    background: -moz-linear-gradient(45deg, rgba(159,5,85,1) 0%, rgba(159,5,85,0.99) 1%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(159,5,85,1) 0%,rgba(159,5,85,0.99) 1%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(159,5,85,1) 0%,rgba(159,5,85,0.99) 1%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9E1D3B', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.color-rr-darkgrey{
    color:#4F5155;

}

.color-rr-darkgrey{
    background-color:#4F5155;
}

.color-rr-darkgrey{
    border-color:#4F5155 !important;
}

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

a{
    color:cornflowerblue;
}

.wjt .ds-selected, .ds-selectable:hover {
    background-color: rgba(117,158,255,.4) !important;
}

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

.cke_bottom {
    background: cornflowerblue !important;
}

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


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

.alert-warning,.alert-info {
    color: #333;
    background-color: #DAE5FF;
    border-color: #AFC8F5;
}

.progress-bar-danger {
    background-color: #e48f8d;
}

.btn-success {
    color: #fff;
    background-color: cornflowerblue;
    border-color: grey;
}
.btn-success:focus,
.btn-success.focus {
    color: #fff;
    background-color: #17477F;
    border-color: #255625;
}
.btn-success:hover {
    color: #fff;
    background-color: #17477F;
    border-color: #DAE5FF;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #17477F;
    border-color: #DAE5FF;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
    color: #fff;
    background-color: #17477F;
    border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #7599DB;
    border-color: #DAE5FF;
}

.btn-success .badge {
    color: #17477F;
    background-color: #fff;
}


.btn-info {
    color: #fff;
    background-color: cornflowerblue;
    border-color: grey;
}
.btn-info:focus,
.btn-info.focus {
    color: #fff;
    background-color: #17477F;
    border-color: #255625;
}
.btn-info:hover {
    color: #fff;
    background-color: #17477F;
    border-color: grey;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #17477F;
    border-color: grey;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
    color: #fff;
    background-color: #17477F;
    border-color: #255625;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #7599DB;
    border-color: #DAE5FF;
}
.btn-info .badge {
    color: #17477F;
    background-color: #fff;
}

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

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

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

/*.ds-selected{
    background-color: var(--portal-color-palette-2) !important;
}*/


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

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


.wjt-job {
    background-color: transparent;
}

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

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

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

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

.wjt-job-header, .wjt-job-multi-header{
    background-color: var(--portal-color-palette-5);
    border-top-right-radius: 10px;
    border-top:none;
    line-height: 24px;
    min-height: 24px;
    letter-spacing: .03rem;
    color:var(--portal-color-palette-6);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.wjt-job-minimal .wjt-job-header{
    background-color: var(--portal-color-palette-5);
}

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

.wjt-job-locked .wjt-job-header{
    background-color: darkgrey;
}

.wjt-job-multi, .wjt-job-standard {
    border-bottom: none;
    margin-bottom: 1px;
    border-top:none;
}

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

.wjt-job-minimal .wjt-job-header:hover{
    background-color: var(--radeberger-blue-two);
    cursor: pointer;
}

.wjt-block-header{
    background-color: var(--portal-color-palette-7);
    border-bottom-color: var(--portal-color-palette-5);
}

.wjt-block-header .wjt-block-icon {
    border-bottom-color: var(--portal-color-palette-5);
}

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

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

.wjt-job.ds-selected.wjt-job-locked{
    background-color: rgba(117,158,255,.4) !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-multi > .trigger-job-compact {
    background-color: var(--portal-color-palette-0);
    padding-left: 6px;
}

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

.wjt-job-rightcol .wjt-job-multi-header + .wjt-job-header{
    background-color: var(--portal-color-palette-0);
}

/*background-color: var(--dsfw-bgcolor-darkgray);*/

.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 */
}


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

.card-primary, .card-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-button{
    color:white;
    background-color: rgba(0,0,0,.2);
    height: 23px;
    line-height: 22px;
}

.navbar-default{
    background-color: transparent;
    color: white;
    border-bottom: 2px solid;
    border-color: var(--portal-color-palette-main);
}

#job-context-menu{
    padding-top: 1px;
}

.navbar-header > .headline{
    color:var(--portal-color-palette-6);
}

#wjtCategoryContainer .wjt-column-content{
    background-color: var(--portal-color-palette-0);
}

#wjtCategoryContainer .tab-content{
    background-color: var(--portal-color-palette-0);
}

#wjtColJobsSpinner{
    background-color: var(--portal-color-palette-3);
}
.job-data .row:nth-child(even) {
    background-color: var(--dsfw-color-lightgray-2);
}
.job-data .row:nth-child(odd) {
    background-color: var(--dsfw-color-lightgray-1  );
}