/* Portal theme file */


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

.themecolor1{ background-color: #6495ED;} /* "cornflowerblue" */
.themecolor2{ background-color: #17477F;} /* much darker */
.themecolor2{ background-color: #1A61E2;} /* darker */
.themecolor3{ background-color: #AFC8F5;} /* lighter */
.themecolor4{ background-color: #DAE5FF;} /* even lighter */
.themecolor5{ background-color: #5290FE;} /* 25% saturated */
.themecolor6{ background-color: #7599DB;} /* 25% desaturated */
.themecolor7{ background-color: #A8A8A8;} /* grey analogon */
.themecolor8{ background-color: #9B6A12;} /* inverted */

.themecolor9{background-color: #A94442;} /* reddish */
.themecolorA{background-color: #e48f8d;} /* pale reddish */


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

a{
    color:cornflowerblue;
}

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



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

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

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

.red{
    color: #A94442;
}


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


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

.wjt-job-header, .wjt-job-multi-header {
    background-color: #333;
    color:#FAFAFA;
}

.wjt-job-headertext, .wjt-job-multi-headertext {
    color:#FAFAFA;
    font-size: .75rem;
}

.wjt-job-multi .wjt-job {
    border-left-color: #c6cdd5;
}

.wjt-job-multi .trigger-job-compact {
    background-color: #c6cdd5;
}

.wjt-job-header, .wjt-job-multi-header{

}

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

}

.wjt-job-multi, .wjt-job-standard {
    border-bottom: 1px #7599DB solid;
    border-top: 1px #7599DB solid;
}

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

.wjt-block-header{
    background-color: #EEE;
}

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

.status-circle{
    color:cornflowerblue;
}

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

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

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




.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 Application */
/* the customer id as referenced in the database */
.customer-1 { background-image:url('../../../img/logos/logo-braun-transparent.svg');   }
.customer-2 { background-image:url('../../../img/customers/logo_ds_posm.png');      }
.customer-3 { background-image:url('../../../img/customers/logo_ds_marcom.png');       }
.customer-4 { background-image:url('../../../img/customers/rewe-logo-mini.png');       }