/* Colors,size and other general definitions */

/*
Fix for MacOS "Scroll-Overflow" problem
http://stackoverflow.com/questions/12046315/
*/
html {
    overflow: hidden;
    height: 100%;
}

body {
    height: 100%;
    position: fixed;
}

html,body{height:100%;width: 100%;}


/* IE - Image scale hack */
img {
    -ms-interpolation-mode: bicubic;
}

h5{
    margin-bottom: 0.75em;
}

.fontstd{
    font-family:Arial,Helvetica !important;
}

.gold                   { color:#F6AC00;                }
.gold_bg                { background-color:#F6AC00;     }

/* 'Table' rows */
.even                   { background-color:#EFEFEF;     }
.odd                    { background-color:#FAFAFA;     }

.form-required          {color:#0A0A0A;}

.no-horpad{
    padding-left: 0 !important;
    padding-right: 0 !important;
}


footer{
    height: 15px;
    position: fixed;
    width: 100%;
    background-color: white;
    bottom: 0px;
    color: whitesmoke;
    border-top: 1px solid grey;
    z-index: 1000;
    background-color: #999;
}

.content{
    padding-left: 30px;
    margin-right:30px;
}


header{

}

li.bp1{
    margin-bottom: 20px;
}


.doublebutton{
    height: 45px;
    line-height: 49px;
    width:100%;
}

.dmd-toolbar{
    margin-top:5px;
}
/*
body.wjt{
    background: rgba(16,26,57,1);
    background: -moz-linear-gradient(top, rgba(16,26,57,1) 0%, rgba(149,218,243,1) 50%, rgba(61,190,230,1) 51%, rgba(16,26,57,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(16,26,57,1)), color-stop(50%, rgba(149,218,243,1)), color-stop(51%, rgba(61,190,230,1)), color-stop(100%, rgba(16,26,57,1)));
    background: -webkit-linear-gradient(top, rgba(16,26,57,1) 0%, rgba(149,218,243,1) 50%, rgba(61,190,230,1) 51%, rgba(16,26,57,1) 100%);
    background: -o-linear-gradient(top, rgba(16,26,57,1) 0%, rgba(149,218,243,1) 50%, rgba(61,190,230,1) 51%, rgba(16,26,57,1) 100%);
    background: -ms-linear-gradient(top, rgba(16,26,57,1) 0%, rgba(149,218,243,1) 50%, rgba(61,190,230,1) 51%, rgba(16,26,57,1) 100%);
    background: linear-gradient(to bottom, rgba(16,26,57,1) 0%, rgba(149,218,243,1) 50%, rgba(61,190,230,1) 51%, rgba(16,26,57,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101a39', endColorstr='#101a39', GradientType=0 );
    background-repeat: no-repeat;
    background-color: #101a39;
}*/

body.wjt{
    background-image: url('../../img/krueger_gruppe_small.png');
    background-repeat: no-repeat;
    background-color: white;
    /*background-size: 25%;*/
    background-position: 50% 10%;
    width: 100%;
}


div.logo-customer{
    background: url('../../img/krueger_logo.png') no-repeat;
    background-size: contain;
    width: 100%;
    height: 100px;
    background-position: center center;
    margin-top: 50px;
    text-align: center;
    padding-top: 80px;
}

form.wjt{
    /*background-color: rgba(255,255,255,0.9);
    box-shadow: 3px 9px 25px 0px;
    padding: 10px;
    margin-top: 50px;
    display: block;
    min-height: 455px;*/
}


img.brandlogo{

    margin-right: 10px;
    margin-left: 5px;
    margin-top:     -10px;
    height: 36px;
}

img.brandlogo-desk{

    margin-right: 10px;
    margin-left: 5px;
    margin-top:     -10px;
    height: 36px;
}

img.brandlogo-admin{

    margin-right: 10px;
    margin-left: 5px;
    margin-top:     -6px;
    height: 36px;
}

a.navbar-brand{
    line-height: 35px;
    position: absolute;
    left: 0px;
}

div.search{
    width: 40%;
    float: left;
    margin-left: 10px;
}

#wrapper{
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    margin-top: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 35px;
}

#dmd-wrapper{
    margin-top: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 40px;
}

body.wjt #wrapper{
    padding-top:0px;
}

#wrapper-admin{
    height: 100%;
    overflow-y:auto;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    margin-top: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 35px;
}

.grayscale,
.grayscale_passive{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}


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

nav.navbar{
    /*display:none;*/
    margin-bottom: 0;
    height: 35px;
    /* max-height: 35px; */
    /* display: none; */
    padding: 2px 0px;
    padding-bottom: 1px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
    background: rgb(109,179,242); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */

    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    border-color: #e7e7e7;
    border-bottom-width: 3px;
}

#wrapper-admin nav.navbar{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
    background: rgb(169,3,41); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

nav ul.nav{
    margin-top: -4px;
}

ul.nav.navbar-customer-selector > li{
    left: -20px;
    position: absolute;
}

a.navbar-brand{
    padding-top: 5px;
    padding-left: 5px;
    margin-left: 5px;
    line-height: 40px;
    /* height: 71px; */
    position: absolute;
    /*margin-top: 5px;*/
    line-height: 25px;
}

.navbar-title{
    left: 5px;
    position: fixed;
    top: 7px;
    color: white;
}

nav.navbar-wjt > a{
    /*margin-left: 75px;
    margin-top: 8px;*/
}

.navbar-top-links li a {
    min-height: 40px;
    line-height: 30px;
}

a.customer-choice{
    height: 50px;
    margin: 0;
    padding: 5px;
    text-align: center;
}

.wjt-button{
    background-color: rgba(72,71,71,0.9);
    width: 50px;
    height: 60px;
    line-height: 50px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* border-right: 4px groove white; */
    padding-right: 0px;
    /* padding-left: 15px; */
}
.wjt-button > i{
    color:whitesmoke;
}

.wjt-button:hover > i{
    color:orange;
}


.wjt-round-corner{
    border-top-right-radius: 20px;
}

#switchUser{
    /* width: 125px; */
    top: 2px;
    /* position: absolute; */
    /* right: 400px; */
    background-color: darkred;
    /* left: 243px; */
    height: 25px;
    /* margin-left: 25px; */
    width: 100%;
    /* height: 20px; */
    color: white;
}

#wjtDetailContainer{
    /*background-color: #FFF;*/
}

#wjtDetailContainer .wjt-block:last-of-type .wjt-block-content{
    margin-bottom: 150px;
}

#wjtDetailContainer .wjt-block:last-of-type {
    margin-bottom: 50px;
}


#wjtDetailContainer > div.wjt-column-content{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,e6f1f7+100 */
    background: #feffff; /* Old browsers */
    background: -moz-linear-gradient(left,  #feffff 0%, #e6f1f7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #feffff 0%,#e6f1f7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #feffff 0%,#e6f1f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#e6f1f7',GradientType=1 ); /* IE6-9 */

}

.wjt-col{
    height:100%;
    overflow-y: scroll;
    overflow-x: hidden;
    border-right: 4px solid grey;
}


.wjt-col.noflow{
    overflow: hidden;
}

.round-corner-topright{
    border-top-right-radius: 50px;
}

.wjt-category-tile,
.wjt-job-tile{
    padding: 5px;
    border: none;
    border-right: 1px solid white;
    background-color: rgba(50,50,50,0.05);
    height: 110px;
}

.wjt-job-info{
    height: 110px;
}


.wjt-job-tile *:hover {
    cursor: pointer;
}

.wjt-job-tile div.tile-content{
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}

.wjt-job .wjt-workflow-todo-logo{
    /*position: absolute;
    right: 5px;
    bottom: 5px;*/
}

.wjt-job.ds-selected{
    background-color:#ffdd3c;
    background:#ffdd3c;
    cursor: pointer;

}

.todo-PM{color:green; }
.todo-DS{color:#6d1f80;}
.todo-AG{color:rosybrown;}
.todo-EK{color:deepskyblue;}


.wjt-jobcontrol{

}

.wjt-jobcontrol li{
    width:50px;
    height:50px;
}

.wjt-job-workflow{
    /*bottom: 2px;
    position: absolute;
    right: 45px;
    width: 35px;*/
}

.wjt-approval-workflow{
    /*position: absolute;
    right: 45px;
    bottom: 8px;
    width:35px;*/
}

.wjt-approval-workflow > .approver{
    padding: 2px;
    display: block;
    background-color: red;
    color: white;
    width: 100%;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    margin-bottom: 0px;
    min-height: 15px;
    margin-bottom: 1px;
    margin-top:2px;
}

.wjt-job-history{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,a3a3a3+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(163,163,163,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(163,163,163,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(163,163,163,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6a3a3a3',GradientType=0 ); /* IE6-9 */
    background-color: white;

    min-height: 30px;
    margin-top: 10px;
}

.approver.PENDING   {background-color:dimgrey;}
/*.approver-pending   {background-color:orange;}*/
.approver.APPROVED   {background-color:#A1C500;}
.approver.DENIED      {background-color:darkred;color:blanchedalmond;}


.approvalStatus{
    height:75px;
    padding-top:5px;
}

.wjt-category-tile.ds-selected div.tile-image,
.wjt-category-tile:hover div.tile-image{
    opacity: 0.5;
}

.tile-icon{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
}

.wjt-category-divider{
    width:100%;
    height:30px;
    border-top:1px solid grey;
    background-size: contain;
    background-position-x: left;
    background-position-y: center;
    background-repeat: no-repeat;
    padding-left: 30px;
    line-height: 30px;
    font-size: 1.7em;
}

.wjt-category-divider:hover{
    cursor:pointer;
    background-color:#ffdd3c;
}

.aldisued{
    background-image:url(../img/logos/logo_aldi_süd.png);
}

.aldinord{
    background-image:url(../img/logos/logo_aldi_nord.png);
}

.wjt-job-body{

}

.wjt-job-body .wjt-category-tile{
    height: 95px;
    background-color: white;
    border:none;
}

/* WJT Left col - Tab logos */
.tablogo{
    width:50px;
    width: 50px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}

/* the customer id as referenced in the database */
.customer-1 { background-image:url('../../img/customers/logo_krueger_mini.png');   }
.customer-2 { background-image:url('../../img/customers/logo_kfee_mini.png');      }
.customer-3 { background-image:url('../../img/customers/logo_plb_mini.png');       }
.customer-4 { background-image:url('../../img/customers/logo_maxi_nutrition.png');       }
.customer-5 { background-image:url('../../img/customers/logo_evrst_mini.png');       }
.customer-6 { background-image:url('../../img/customers/logo_maxi_nutrition.png');       }
.customer-7 { background-image:url('../../img/customers/logo_maxi_nutrition.png');       }
.customer-8 { background-image:url('../../img/customers/logo_urbancrush_mini.png');       }
.customer-9 { background-image:url('../../img/customers/logo_hafervoll_mini.png');       }
nav.column-view-modes{}

#wjtCategoryContainer{
    overflow:hidden;
}

.wjt-column-header{
    background-color: lightgrey;
}

#wjtCategoryContainer .wjt-column-header{
    /*position: fixed;
    width: 16.66666667%;
    left: 15px;
    z-index:0;
    padding:0;
    height:30px;*/
    height:60px;
    padding-left: 50px;
}

#wjtCategoryContainer.wjt-col-collapsed .wjt-column-header{
    padding-left: 0px;
}

#wjtCategoryContainer.wjt-col-collapsed .wjt-column-header{
    /*width:initial;*/
}

#wjtCategoryContainer div.tab-content{

}


#wjtCategoryContainer .wjt-column-content{
    position: fixed;
    top: 70px;
    overflow-y: scroll;
    height: 91%;
    overflow-x: hidden;
    width: 16.2%;
}

#wjtCategoryContainer.wjt-col-collapsed .wjt-column-content{
    left: 65px;
    background-color: rgba(255,255,255,0.91);
    z-index: 10;
    /* border: 1px solid; */
    box-shadow: 2px 2px 10px -2px;
    border-top-right-radius: 30px;
}

.button-category-window{
    position: absolute;
    top: 350px;
    left: 0px;
    visibility: hidden;
}

.wjt-col-collapsed .button-category-window{
    visibility: visible;
}


.wjt-column-header div.customer{
    margin-top: 3px;
    background-position: center center;
    background-repeat: no-repeat;
    border-top-right-radius: 10px;
    /* border-top-left-radius: 10px; */
    /*position: absolute;*/
    height: 60px;
    /* border-radius: 50px; */

    background-size: 70%;
    /* z-index: 10000000; */
    margin-left: 0px;

    background-color: whitesmoke;
    box-shadow: 2px -4px 9px -4px;
}

.wjt-column-header div.customer.customer-halfheight{
    height:30px;
}

.wjt-column-header div.customer.col-md-12,
.wjt-column-header div.customer.col-md-6{
    background-size: contain;
}

.wjt-column-header div.customer:nth-child(2){
    /*margin-left: 55px;*/
}

.wjt-column-header div.customer.ds-selected:nth-child(2){
    /* margin-left: 60px;*/
}

.wjt-column-header div.customer:nth-child(3){
    /*margin-left:105px;*/
}

.wjt-column-header div.customer.ds-selected:nth-child(3){
    /*box-shadow: -4px -5px 9px -4px;*/
}

.wjt-column-header div.customer:nth-child(4){
    /*margin-left:155px;*/
}

.wjt-column-header div.customer.ds-selected:nth-child(4){
    /*box-shadow: -4px -5px 9px -4px;*/
}


.wjt-col-collapsed .wjt-column-header div.customer{
    left: 0;
    top: 65px;
    height:30px;
    margin-left:0px;
    width:100%;
}

.wjt-col-collapsed .wjt-column-header div.customer:nth-child(2){
    left: 0;
    /*top: 95px;*/
    margin-left:0px;
}

.wjt-col-collapsed .wjt-column-header div.customer:nth-child(3){
    left: 0;
    /*top: 125px;*/
    margin-left:0px;
}

.wjt-col-collapsed .wjt-column-header div.customer:nth-child(4){
    left: 0;
    /*top: 155px;*/
    margin-left:0px;
}

.wjt-col-collapsed .wjt-column-header div.customer:nth-child(5){
    left: 0;
    /*top: 185px;*/
    margin-left:0px;
}


.wjt-column-header div.customer:hover{
    cursor: pointer;
}

.wjt-column-header div.customer.ds-selected{
    /*height: 30px;*/
    /*width: 33.3%;*/
    z-index: 10;
}

.wjt-col-collapsed .wjt-column-header div.customer.ds-selected{
    height: 60px;
    width:50px;
}

#wjtJobContainer{

    overflow-y: hidden;
    height: 100%;
}


#wjtJobContainer .wjt-column-content{
    height: 100%;
    overflow-y: scroll;
    padding-bottom: -200px;
}




#wjtJobContainer .wjt-column-header,
#wjtRecipientContainer .wjt-column-header{
    height:30px;
    padding:5px;
}

#wjtJobContainer .wjt-column-header *,
#wjtCategoryContainer .wjt-column-header *{
    font-size: 10px;
    margin-top: 0px;
}

#wjtJobContainer .wjt-column-content > .wjt-job-multi:last-of-type{
    margin-bottom: 250px;
}

#wjtCategoryContainer.wjt-col-collapsed{
    width: 50px;
}

#wjtRecipientContainer{
    border-right:none;
}

#wjtRecipientContainer.wjt-col-collapsed .wjt-recipient{
    padding:0;
}
#wjtRecipientContainer.wjt-col-collapsed .wjt-recipient .company{
    display: none;
}

#wjtRecipientContainer.wjt-col-collapsed .wjt-recipient .name{
    display: none;
}

#wjtRecipientContainer.wjt-col-collapsed .wjt-recipient .name-short{
    margin-top:15px;
}
#wjtRecipientContainer.wjt-col-collapsed .wjt-recipient .icon{
    font-size: 2em;
    text-align: center;
    margin-left: 0px;
    opacity: 0.3;
}

#wjtRecipientContainer.wjt-col-collapsed .wjt-column-footer{
    bottom: 70px;
    padding: 0;
    /* border-bottom: 0px solid white; */
}

#wjtRecipientContainer.wjt-col-collapsed #wjtTheSaveButton{
    padding: 0;
    margin: 0;
    width: 100%;
    margin-bottom: 5px;
    height: 100px;
}

#wjtRecipientContainer.wjt-col-collapsed #wjtTheCancelButton{
    padding: 0;
    margin: 0;
    width: 100%;
    height: 50px;
}

#wjtRecipientContainer.wjt-col-collapsed .wjt-column-footer{
    background-color: transparent;
    border-top:none;
}

/* Last job in list has margin bottom */
#wjtJobContainer .wjt-job.wjt-job-standard:last-of-type,
#wjtJobContainer .wjt-job.wjt-job-standard:last-child{
    margin-bottom: 100px;
}

#wjtJobContainer .wjt-job-multi .wjt-job.wjt-job-standard:last-of-type{
    margin-bottom: 0px;
}

.wjt-block.user-r .wjt-block-header{
    background-color: lightgrey;
}

.wjt-block.has-unsaved-changes .wjt-block-header{
    /*border-left:20px solid orange;*/
    background-color: orange;
}

.wjt-block-standard{
    border-right: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    margin-bottom: 10px;
    /*background-color: white;*/
    /* border: 1px solid grey; */
    /* margin-bottom: 10px; */
    /*padding-bottom: 10px;*/
    /* border-top: 2px solid grey; */
    /* border-bottom: 2px solid grey; */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,d2ebf9+100;Blue+3D+%2312 */
    background: #feffff; /* Old browsers */
    background: -moz-linear-gradient(left,  #feffff 0%, #d2ebf9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #feffff 0%,#d2ebf9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #feffff 0%,#d2ebf9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=1 ); /* IE6-9 */

}

.wjt-block-spinner{
    right: 60px;
}

.wjt-block-spinner

.wjt-block-spinner > *{
    display:none;
}

.wjt-block-files-wrapper{
    margin-bottom: 10px;
}

.wjt-block-files-list{
    height:75px;
    background-color: #F5F5F5;
}

.wjt-block-files-list > .result-row{
    height:100%;
}

.result-row .result-element,
.result-element{
    height: 100%;
    padding-left: 0px;
    padding-right: 0px;
    text-align:center;
}

.file-frame,
.wjt-block-files-list .file-frame{
    /*border-right: 0px dotted white;
    height: 100%;
    border: 1px solid white;
    border-left: none;
    border-top: none;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #DDD;*/
}

div#messagecontainer{
    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
}

ul.communication-entries{
    font-size: 0.8em;
}

ul.communication-entries > li:first-child{
    border: none;
    margin-bottom: 20px;
    border-bottom: 2px dashed lightgray;
    border-left: 30px solid grey;
    min-height: 100px;
}

div.messages > ul li:first-child,
.message.historyclosed > ul li:first-child{
    display: block;
    background-color: whitesmoke;
}


.messages > ul li{
    display:block;
}

.messages.historyclosed > ul li{
    display: none;
}

#wrap-recipients{
    margin-top: 10px;
    height: 35px;
    margin-bottom: 10px;
}



.history-files{
    height:100px;
}
.history-files .file-frame{
    overflow: hidden;
    /*width: 50px;
    height: 50px;
    float:left;*/
}

.file-frame:hover{
    cursor:pointer;
}

.file-frame.button-function{
    background: cornflowerblue;
    border: 1px solid white;
    color: white;
}


/*.btn{
    padding: 2px 12px;
}

.btn-small{
    padding: 2px 5px;
}*/

.btn-fileoption{
    position: absolute;
    bottom:-29px;
}

.btn-fileoption.hover-file{
    bottom: 0px;
}

.btn-fileoption.btn-fileoption-1{
    left:0%;
}

.btn-fileoption.btn-fileoption-2{
    left:33.32%;
}

.btn-fileoption.btn-fileoption-2-2{
    left:50%;
}

.btn-fileoption.btn-fileoption-3{
    left:66.65%;
}


.col-md-6.btn-fileoption.btn-fileoption-2{
    left:50%;
}


/* Other frame(s) */
.btn-frameoption{
    position: absolute;
    bottom:-25px;
}

.btn-frameoption.hover-frame{
    bottom: 0px;
}

.btn-frameoption.btn-frameoption-1{
    left:0%;
}

.btn-frameoption.btn-frameoption-2{
    left:33.32%;
}

.btn-frameoption.btn-frameoption-3{
    left:66.65%;
}

.btn-frameoption:hover{
    color:#ffdd3c;
}


.ds-address-blimp .btn-frameoption-1{
    bottom: 0;
    margin-left:100%;
    height: 100%;
    width: 20%;
    background-color: rgba(51, 122, 183,0.85);
    border-color: rgba(46, 109, 164,0.85);
    font-size: 2em;
}
.ds-address-blimp .btn-frameoption-2 {
    bottom: 0;
    margin-left: 100%;
    height: 100%;
    width: 20%;
    background-color: rgba(51, 122, 183, 0.85);
    border-color: rgba(46, 109, 164, 0.85);
    font-size: 2em;
}
.ds-address-blimp .btn-frameoption.hover-frame{
    margin-left:80%;
}




.wjt-block-history{
    color: whitesmoke;
    background-color: darkgray;
    opacity: 0.8;
    max-height: 500px;
    overflow-y: auto;
}
.history-block{
    color:black;
}

.history-block p{
    margin:0;
}

form.INTERNAL div.newmsg-wrapper #blockCommunicationRecipients{
    display: none;
}
/*.file-frame.button-function:hover{

}*/

.navbar-header{
    font-size: 1.3em;
    color: white;
}


/* Approval block */

.approval-headline{
    color: white;
    background-color: #B1CDFF;
    height: 25px;
    line-height: 25px;
    padding-left: 15px;
    border-bottom: 1px solid black;
    border-top-right-radius: 10px;
}

.approval-step{
    min-height: 65px;
    border-top: 1px dashed grey;
    background-color: whitesmoke;
    border-left: 10px solid;
}

.approval-step.APPROVED{
    border-left: 10px solid #A1C500;
    background-color:lightgrey;
}

.approval-step.DENIED{
    border-left-color: red;
}

.approval-step.PENDING{
    border-left-color: grey;
}

.approval-step.SKIPPED{
    background-color:darkgray;
}

.approval-step.result{
    border-top:2px solid black;
}

.approval-step.topstep{
    border-top:none;
}

.approval-step > .iterator{
    text-align:center;
}

.approval-step > .iterator > span{
    font-size: 2em;
    color: grey;
    margin-bottom:20px;
}


.approval-step.current-step > .iterator > span{
    color: green;
    font-weight: bold;
}

.approval-step > .iterator label{
}

.approval-step.current-step{
    background-color: #ffdd3c;
}

.approval-step.current-step > .iterator{
    color:black;
}

.approval-remover:hover{
    color:red;
    cursor: pointer;
}

.approval-remover.disabled:hover{
    cursor:initial;
    color:initial;
}

.approval-entry-delete{
    opacity: 0.4;
}

.approval-entry-delete span.approval-remover{
    /*display: none;*/
    color:blue;
}

.approval-remover{

}

.approval-wrapper{
    /*border: 1px solid grey;*/
}

.approver-name{
    line-height: 15px;
    min-height:20px;
    background-color: #AAA;
    color: white;
    font-weight: bold;
    padding-top: 2px;
}

.approver-option{
    background-color:#AAA;
    border-bottom: 1px solid lightgrey;
    text-align: right;
}

.approver-data{
    min-height:20px;
    background-color: #bbb;
}

.approver-datetime{
    /* margin-top: 1px; */
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    line-height: 19px;
    background-color: #AAA;
    color: white;
    border-bottom: 1px solid lightgrey;
}

.approval-todo-wrapper{
    border-left: 1px solid grey;
    min-height: 100px;
}

.approval-todo-entry{
    margin-bottom: 5px;
}

.approval-todo-entry.external .approval-state{
    background-color:#84afd5;
}

#approval-panel{
    margin-bottom: 10px;
    border-bottom: 1px solid;
}


.label-default.approver-datetime{
    background-color: #AAA;
}

.label-primary.approver-datetime{
    background-color: #84afd5;
}

#BlockApproval{
    /*min-height: 100px;*/
}


.approval-result-combined{
    min-height: 70px;
    border-bottom: 1px solid lightgrey;
    text-align: center;
    line-height: 64px;
}

.approval-initial   {background-color:dimgrey;}
.approval-pending   {background-color:orange;}
.approval-success   {background-color:darkgreen;}
.approval-fail      {background-color:darkred;color:blanchedalmond;}

.approval-header{
    height: 40px;
    width: 100%;
    background-color: #CCC;
}

.approval-entry{
    min-height:50px;
    background-color: magenta;
    overflow: hidden;
}

.approval-entry .entry-state{
    float:left;
    margin-top: 3px;
}

.approval-entry .entry-name{
    font-size: 1.5em;
    font-weight: bold;
    float: right;
    color: #555;
}



.approval-entries{
    margin-top:5px;
}

.approval-state{
    line-height: 20px;
    text-align: center;
    color: white;
    background:#AAA;
}

.approval-area-approval,
.approval-area-extconfirm{
    margin-top:5px;
}

.approval-area-approval{
    cursor: pointer;
}

/* ApprovalEntry Block */
.approval-entry-choice{
    cursor: pointer;
}

.approval-entry-choice:hover{

}

.approval-file,
.approval-info{
    cursor: pointer;
}


.approval-approver-select{

}

.approval-approver-select .external-todo-option{
    color:#337ab7;
}

.approval-history,
.approval-history .header,
.approval-history .header p{
    color:#333;
}

.approval-history .panel{
    text-align: right;
}

.approval-history .panel-heading{
    height:125px;
}

.approval-history .panel-heading span{
    text-align:right;
}

.approval-history .file-frame{
    height: 100px;
    width: 100px;
    margin-left: -15px;
}


.approval-user-entry{
    min-height: 50px;
    overflow: hidden;
}

div.alert{
    min-height: 45px;
}

div.alert > span.fa{
    display: block;
    float: left;
    margin-top: 2px;
    margin-left: 2px;
}

div.alert span.infolabel{
    display: block;
    float: left;
    line-height: 35px;
    margin-left: 10px;
}

ul.approval-entries{

    margin-top: 0;

    list-style: none;
    font-size: 1.25em;
}


/* The job compact view */
#wjtJobContainer.wjt-job-compact .wjt-job{
    height:60px;
    overflow: hidden;
}

#wjtJobContainer.wjt-job-compact .wjt-job .wjt-workflow-todo-logo{
    visibility: hidden;
}


.wjt-job-compact .wjt-job-tile{
    height: 40px;
}

.wjt-job-standard{
    width: 100%;
    background: #feffff; /* Old browsers */
    background: -moz-linear-gradient(left,  #feffff 0%, #d2ebf9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #feffff 0%,#d2ebf9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #feffff 0%,#d2ebf9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=1 ); /* IE6-9 */

    border: 1px solid grey;
    margin-bottom: 3px;
    border: none;
    border-bottom: 1px solid cornflowerblue;
    border-left: 1px solid cornflowerblue;
    border-right: 1px solid cornflowerblue;
    border-top-right-radius: 10px;
}

.wjt-job-multi{
    display: inline-block;
    border-bottom: 25px solid cornflowerblue;
    /* border-bottom-left-radius: 20px; */
    border-bottom-right-radius: 20px;
    /*border-left: 3px solid cornflowerblue;*/
    border-left:0px;
    width: 100%;

}

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

.wjt-job-multi .wjt-job-standard,
.wjt-job-multi > .wjt-job-standard{
    border-bottom:none;
    margin-bottom: 0px;
    border-right: 0px none;
}

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

.wjt-job-standard:hover{
    box-shadow: 2px 3px 2px -3px;
}

.wjt-job-header,
.wjt-job-multi-header{
    height: 20px;
    background-color: cornflowerblue;
    border-top-right-radius: 10px;
    box-shadow: 0px 0px 6px 1px grey;
    margin-bottom: 1px;
}

.wjt-job-id{
    position: absolute;
    right: 5px;
    top: 28px;
    height: 10px;
}


div.wjt-job-locked > .wjt-job-header{
    background-color:grey;
}

.wjt-job-header.rightcol{
    padding: 2px 5px;
}

.wjt-job-title{
    margin-left: 8px;
    line-height: 32px;
}

.wjt-job-rightcol .wjt-job-title{
    font-weight:bold;
    margin-right: 80px;
}

#wjt-col-detail div.wjt-job-header{
    height: 35px;
    /* margin-top: 5px; */
    /* margin-left: 5px; */
    border-top-right-radius: 10px;
    box-shadow: 0px 2px 6px 1px black;
    margin-bottom:0px;

}

.wjt-job-multi .wjt-job-header{
    display: none;
    background-color:  #A6C6FF;
    border-top-right-radius: 0px;
}

.wjt-job-multi > .wjt-job-standard{
    margin-bottom: 0px;
    /*height: 85px;*/
    border-right: 0px none;
}

.wjt-job-multi .wjt-job{
    border-left: 25px solid cornflowerblue;
}

.wjt-job-multi .wjt-job-tile{
    /*height: 95px;*/
}

.wjt-job-multi .wjt-job-headertext{
    /* display: none;*/
}


.wjt-job-icon{
    margin-top: -2px;
    /* font-size: 3.5em; */
    position: absolute;
    left: 10px;
    top: 5px;
    font-size: 1.5em;
    color: whitesmoke;
}

.wjt-job-breadcrumb{
    font-size: 0.7em;
    font-style: italic;
}

.wjt-job-option button{
    width: 30px;
    padding: 0;
    height: 26px;
    border-radius: 0;
    border: none;
    background-color: rgba(255,255,255,0) !important;
    color: white;
    font-size: 1.2em;
}

.wjt-job-option{
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 0.8em;
    text-align: right;
}

.wjt-column-header{
    font-size: 0.9em;
    /*background-color: rgba(245, 245, 245, 0.5);*/
    /*padding: 5px;*/
}

.wjt-column-collapser{
    width: 50px;
    height: 50px;
    padding: 0;
    border-top-right-radius: 10px;
    border: none;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: rgba(72,71,71,0.9);
    margin-bottom: 15px;
    z-index:1000;
}

.wjt-column-collapser:hover{
    background-color: rgba(72,71,71,1);
    color:whitesmoke;
}

.wjt-col-collapsed{
    width: 50px;
    background-color: rgba(73,73,72,0.7);
}

#wrapper.wjt-col-collapse-1 .wjt-col-collapsed{
    position: absolute;
}

#wrapper.wjt-col-collapse-4 .wjt-col-collapsed{
    position: absolute;
}

.left{
    left:0px;
}

.right{
    right:0px;
}


#wrapper.wjt-col-collapse-1{
    margin-left:50px;
}

#wrapper.wjt-col-collapse-4{
    margin-right:50px;
}

.wjt-job-indicators{
    height:100%;
}

.wjt-job-indicator{
    height: 20px;
    /* border: 1px solid cornflowerblue; */
    border-top-left-radius: 0;
    border-bottom-left-radius: 0px;
    background-color: rgba(255,255,255,.2);
    line-height: 20px;
    border-right: 1px solid cornflowerblue;
    margin-left: 0px;
}

.wjt-job .job-no{
    font-weight: bold;
    margin-right: 10px;
}

.wjt-job-rightcol{
    border-bottom: 1px dashed white;
    padding-bottom: 5px;
    background-color:#ffffff;
}


#wjt-job-image-zoomarea{
    position: absolute;
    height: 300px;
    width: 300px;
    border: 1px solid grey;
    background-color: rgba(255,255,255,0.5);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

ul.dropdown-menu span.fa{
    display: inline-block;
    padding-right:10px;
    width:25px;
}

.wjt-job-headertext,
.wjt-job-multi-headertext{
    /*font-size: 1.25em;*/
    color:white;
    max-height: 100%;
    overflow: hidden;
}

.wjt-column-footer{
    font-size: 0.9em;
    background-color: rgba(245, 245, 245, 0.7);
    padding: 5px;
    /* position: fixed; */
    bottom: 15px;
    width: 100%;
    border-top: 1px solid;
    position: absolute;
    background-color: rgba(255,255,255,0.5);
    padding-top: 10px;
    border-top: 1px solid white;
}

.wjt-loader{
    position: absolute;
    height: 50px;
    padding: 5px;
    bottom: -50px;
    text-align: center;
    background-color: rgba(50,50,50,0.8);
    width: 100%;
    color: white;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    /* border: 0px solid white; */
}

.wjt-loader.show{
    bottom:0px;
    box-shadow: 5px -5px 135px 15px;
}

.wjt-job-details{
    height: 45px;
    overflow: hidden;
}

.wjt-job-details-text{
    padding-right: 30px;
}

.wjt-job-deadlines{
    background-color: rgba(0,0,0,0.1);
    border-top-right-radius: 10px;
}

.deadline-row{
    height: 25px;
    overflow: hidden;
}

.deadline-date{
    font-size: 0.6em;
    font-weight: bold;
}

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

.deadline-well{
    min-height: 60px;
    margin-bottom: 5px;
    padding: 2px;
}




.wjt-job div.job-indicator-area{
    height:50px;
}

.wjt-job div.job-indicator-area > div.row{
    height:100%;
}

div.job-indicator-area div.job-indicator{
    padding-left: 0px;
    height: 100%;
    padding-top: 10%;
    padding-right: 0px;
}

.step-onhold{
    text-align: center;
    line-height: 45px;
}


/* WJT-Block */

.wjt-block-wrapper{
    /*background: white;*/
}


.wjt-block-button,
.wjt-block-togglebutton{
    width: 80%;
    height: 30px;
    margin-bottom: 5px;
}

.wjt-block-button span,
.wjt-block-togglebutton span{
    display: none;
}

.wjt-block-button:hover span,
.wjt-block-togglebutton:hover span {
    display: block;
    text-align: center;
}


.button-dblheight{
    height:60px;
}

.wjt-block-header{
    width: 100%;
    background-color: #B1CDFF;
    line-height: 20px;
    color: white;
    height: 20px;
    border-top-right-radius: 5px;
    border-left: 10px solid #B1CDFF;
    padding-right: 5px;
}

/*.wjt-block-header:hover{
    cursor:pointer;
    background-color:white;
    color:blue;
}*/

.wjt-block-icon{
    width: 30px;
    text-align: center;
    height: 35px;
    /* background-color: #337ab7; */
    float: left;
    margin-top: -4px;
    /* transform: rotate(336deg); */
    display: inline-block;
    /* font-size: 1.1em; */
    color: #FAFAFA;
    /* border: 1px solid white; */
    /* margin-left: 2px; */
    padding-top: 3px;
    background-color: #8EB6FF;
    border-radius: 30px;
    width: 35px;
    padding-top: 7px;
    margin-left: -7px;
    font-size: .7rem;
    height: 29px;
    margin-top: -4px;
}

.wjt-block-icon > div:hover{
    color:cornflowerblue;
    cursor: pointer;
}

.wjt-block-title{
    float: left;
    margin-left: 10px;
    font-size: .7rem;
}

.wjt-block-handle{
    float: right;
    width: 30px;
    text-align: center;
}

.wjt-block-handle:hover{
    color: #337ab7;
}

.wjt-block-header > span{
    font-size: 1.2em;
}

.wjt-block-content{
    padding-top: 10px;
    background-color: transparent;
}
.wjt-block-content.collapsed{
    opacity: 0;
    height: 0px;
    padding: 0;
}

.wjt-block-option-wrapper{
    position: fixed;
    right: 5px;
    width: 75px;
}

/*.wjt-block-option-wrapper .bottom-options{
    position: fixed;
    width: 75px;
    bottom: 30px;
    right: 5px;
}*/
.bottom-options{
    width: 100%;
    text-align: center;
}

/* Specific block's css */
.wjt-block-briefing-form{
    min-height: 80px;
}

.wjt-form-element{
    margin-bottom:10px;
    font-size: 0.9em;
    line-height: 1.6em;
}

.wjt-form-element label{
    font-size:0.83em;
}



.bs-nopad{
    padding:0px;
}

.dropdown-menu{
    left: inherit;
    right:0%;
}

.datetimepicker.dropdown-menu{
    width:220px;
}
.dropdown-menu.dropdown-narrow{
    min-width:100px;
}


.new-job-button{
    width: 125px;
    background-color: chocolate;
    margin-top: 2px;
}

.userFormLabel{
    width:100px;
}

.userFormMultipleSelect {
    width:100px;
    height:150px;
}

.wjt-recipient{
    background-color: cornsilk;
    padding: 7px;
    border-bottom: 1px dotted #CCC;
}

.wjt-recipient:hover{
    cursor: pointer;
    background-color: rgba(255,255,255,0.5);
}

.wjt-recipient .company{
    font-style: italic;
    color: #888;
}

.wjt-recipient .icon{
    position: absolute;
    left: 5px;
}

.wjt-recipient .icon:hover{
    color:white;
    cursor: pointer;
}

.wjt-recipient .user{
    margin-left:15px;
}

select.recipient-list{
    width: 100%;
    position: absolute;
    top: 5px;
}

/* WJT Dialog Bootstrap overrides*/


@media (min-width: 1200px){
    #jobCreateDialog > .modal-dialog{
        width:1100px;
    }

    #jobEditDialog > .modal-dialog{
        width:1100px;
    }

    #jobExtendDialog > .modal-dialog{
        width:800px;
    }

    #wjtAddressbookModal > .modal-dialog{
        width:1100px;
    }
}


@media (min-width: 992px) and (max-width: 1199px){

    #jobCreateDialog > .modal-dialog{
        width:800px;
    }

    #jobEditDialog > .modal-dialog{
        width:800px;
    }

    #jobExtendDialog > .modal-dialog{
        width:600px;
    }
}

.modal-spinner{
    position: absolute;
    right: 50px;
    font-size: 1.5em;
    top: 10px;
}


label.error{
    /*display: none;*/
}

#btnNewComm{
    /* margin-top: 17px; */
    border-left: 1px dotted;
    /* height: 37px; */
    /* margin-right: 5px; */
    text-align: center;
}

#btnPrintHistory{
    margin-bottom: 0px;
}

/* BS - Step Timeline */

.bs-wizard {}

.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; }
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }

.bs-wizard-label{
    margin-bottom:20px;
}

.bs-wizard div.progress, .bs-wizard-dot{

}

.bs-wizard-info{

}

/* BS - Transition fix */

.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {

    transition-timing-function: linear;

    transition-duration: .25s;

    width:100%;

}

.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {

    transition-timing-function: linear;

    transition-delay: .25s;

    transition-duration: .25s;

    width:50%;

}

/* Tree multiselect */


div.tree-multiselect div.selected{
    display: none;
}

div.tree-multiselect div.selections > div.section{
    padding: 5px 5px;
    line-height: 20px;
}

div.tree-multiselect div.title{
    font-size: 1.2em;
    font-weight: bold;
    cursor: pointer;
}

div.tree-multiselect div.title:hover{
    color:darkcyan;
}

div.tree-multiselect span.collapse-section{
    width: 10px;
    display: inline-block;
    margin-right: 5px;
    display: none;
}


div.tree-multiselect input[type=checkbox]{
    margin-right: 10px;
    cursor: pointer;
}

div.tree-multiselect div.section > div.item{
    margin-left: 15px;
}

div.tree-multiselect div.section > div.section{
    margin-left:30px;
}

/* jQuery UI Overrrides */
.ui-widget{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/* Fileupload */

.fileupload-area{
    text-align: center;
    font-family: Helvetica Neue, Arial;
    font-size: 1.2em;
    background: white;
    border: 1px dashed;
    line-height: 3em;
}

.fileupload-area:hover{
    cursor:pointer;
}

.fileupload-commence-btn{
    cursor: pointer;
    display: inline-block;
    margin-left: 10px;
    border-left: 1px dotted;
    padding-left: 10px;
}

.fileupload-commence-btn-new {
    cursor: pointer;
    display: inline-block;
}

.file-upload-list{
    padding-left: 5px;
    padding-right: 5px;
}

.file-header{
    margin-bottom: 5px;
    padding-left: 30px !important;
    background-color: #DDD;
    padding: 2px;
    margin-top: -10px;
}


.fileupload-commence-btn:hover{
    color:darkcyan;
}

.fileupload-progressbar{
    height: 28px;
    background: green;
    transition: width 0.75s;
    -webkit-transition: width 0.75s;
    background: #d2ff52;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #d2ff52 0%, #91e842 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d2ff52), color-stop(100%,#91e842));
    background: -webkit-linear-gradient(left, #d2ff52 0%,#91e842 100%);
    background: -o-linear-gradient(left, #d2ff52 0%,#91e842 100%);
    background: -ms-linear-gradient(left, #d2ff52 0%,#91e842 100%);
    background: linear-gradient(to right, #d2ff52 0%,#91e842 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=1 );
    /* border: 1px solid black; */
    /* border-radius: 5px 5px 5px 25px; */
    margin-top: 15px;
    margin-bottom: 15px;
}

.progress_info{
    margin-top: -15px;
    margin-left: 10px;
    font-size: 0.8em;
    text-align: right;
    margin-bottom: 5px;
}

.uploader.info{
    opacity: 0;
    height: 0;
}

.uploader.info.upload-active{
    opacity:1;
    height:60px;
}


.cbTest{
    position: absolute;
    right: 38px;
    top: 25px;
}

/* Dashboard */
div.dash-bg{
background-image('/img/krueger_gruppe_small.png');
}

/* Fancytree / Category tree tweaks */
#tabs{
    border: 0 none;
    padding: 0;
}
#tabs > ul{
    position: fixed;
    z-index: 5;
    border: 0;
    background-color: white;
}

li.tab-krüger{
    background-color:rgba(8,27,83,1) !important;
}

li.tab-k-fee{
    background-color:rgba(255,255,255,1) !important;
}

ul.fancytree-ext-wide {
    border: none;
    overflow-x: hidden;
}

ul.fancytree-container{
    font-size: 1.1em;
    line-height: 1.4em;
}

img.fancytree-icon + span.fancytree-title{
    line-height:3.25em;
    font-weight:bold;
}

.ui-tabs .ui-tabs-nav li {
    height:37px;
}

.wjt-category-tree{
    margin-top: 30px;
    font-size: 0.8em;
    margin-top: 0;
    margin-bottom: 40px;
}

.wjt-category-tree > ul{
    /*background-color: #DBE8FF;*/
    color: #444;
    /*margin-top: 68px;*/
    margin-left: -5px;
    margin-right: -5px;
}

.ui-fancytree{
    height:100%;
}

img.fancytree-icon{
    height: 3.5em;
    width: auto;
    max-width: 70px;
    line-height:3.5em;
}


.fancytree-title {
    /*position:relative !important;*/
    /*left: -4em !important;*/

}



.fancytree-level-1  > .fancytree-title {
    font-size: 12pt !important;
    padding-left: 2.8em !important;
}



.fancytree-level-2 > img.fancytree-icon{
    max-width: 100px;
}

.fancytree-level-2 >  .fancytree-title {
    position:relative !important;
    padding-left: 0em !important;
    font-size: 11pt;
    margin-top: auto;

}


.fancytree-level-3 >  .fancytree-title {
    /*position:relative !important;
    padding-left:6em !important;*/
}


.fancytree-level-4 >  .fancytree-title {
    position:relative !important;
    padding-left: 0em !important;
    /* padding-left:6em !important;*/

}

.fancytree-plain.fancytree-container span.fancytree-node.fancytree-active span.fancytree-title {
    background-color: transparent !important;
    border: 0px;
    color: #000000;
    font-weight:bold;
}

.fancytree-plain.fancytree-container.fancytree-ext-wide span.fancytree-node.fancytree-active {
    color: #000000 !important;
}

.fancytree-plain.fancytree-container span.fancytree-title:hover {
    background-color: transparent !important;
    font-weight: bold;
}


#ui-id-1 span.fancytree-level-3 span.fancytree-title,
#ui-id-2 span.fancytree-level-3 span.fancytree-title,
#ui-id-3 span.fancytree-level-3 span.fancytree-title {
    padding-left: 6em !important;
}

#ui-id-1 span.fancytree-level-4 span.fancytree-title,
#ui-id-2 span.fancytree-level-4 span.fancytree-title,
#ui-id-3 span.fancytree-level-4 span.fancytree-title{
    padding-left:0em !important;
}


ul.fancytree-ext-wide span.fancytree-node > span.icon-caret-down{
    display: none;
}

ul.fancytree-container{
    background-color:transparent;
}


/* table address info */

table.table-addressinfo{
    border: 1px solid;
    border-collapse: collapse;
    width:100%;
}

table.table-addressinfo th {
    padding: 2px;
    border: 1px solid #CCCCCC;
    background-color: #F8F8F8;
    border-collapse: collapse;
}

table.table-addressinfo td {
    padding: 2px;
    border: 1px solid #CCCCCC;
    background-color: #F8F8F8;
    border-collapse: collapse;
}


.addressbook input[type="text"] {
    height: 14px;
    font-size: 10px;
    line-height: 14px;
}

.textvertical {



}

.thinlabel{
    font-size: 1.4em;
    color: grey;
    font-weight: lighter;
    transform: rotate(270deg);
    position: absolute;
    left: -9px;
    /* margin-bottom: 38px; */
    margin-left: 0px;
    color: whitesmoke;
    letter-spacing: 3px;
    top: 100px;
}

.thinlabel2{
    transform: rotate(270deg);
    font-size: 1.2em;
    z-index: 1;
    display: inline-block;
    float: left;
    margin-bottom: 0px;
    margin-left: -30px;
    color: white;
    background-color: black;
    padding: 5px;
    margin-top: 33px;
    border-top-left-radius: 10px;
    width: 110px;
    font-weight: lighter;
    letter-spacing: 1px;
    border-top-right-radius: 5px;
    background-color: grey;
    padding-left: 10px;
}

.comm{

}




.vcenter {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mt-100 {
    margin-top:100px;
}


/* Override for DSFW value */
.margintop{
    margin-top:10px;
}

/* Bootstrap overrrides */

.panel{
    padding-bottom:5px;
}

.panel-heading{
    margin-bottom:5px;
}

.panel-title{
    font-size: 1em;
}

.form-group-sm {
    margin-bottom: 10px;
    height: 30px;
}

.nav-tabs > li{
    min-width: 50px;
    min-height: 50px;
    width:33%;
}

.nav-tabs > li > a{
    min-height: 50px;
    padding: 0;
    width: 100%;
}

.nav-tabs > li > a:hover{
    background-color:rgba(255,255,255,0.5);
}


.dl_label{
    height: 30px;
    line-height: 30px;
}



.inline-span-60 {
    display: inline-block;
    width: 60px;
}

.popover{
    color: black;
}

.medium-well{
    height:130px;
    border-bottom-left-radius: 10px;
}

.medium-well input[type=text]{
    width:110px;
}

/* BS - OVerrrides */
.well-label{
    margin-top: -8px;
    margin-left: -15px;
}

.well-label small{
    width:100px;
}

.well-colors{
    height:100px;
}

.form-horizontal div.checkbox-sm{
    min-height: 20px;
}

.nav > li > a {
    padding: 5px 15px;
    /*color: white;*/
}



.navbar{
    min-height:30px;
}

.app-title{
    position: fixed;
    top: 5px;
    left: 5px;
    color: black;
    margin-top: 0PX;
}

.app-version{
    position: fixed;
    top: 5px;
    right: 5px;
    color: black;
    margin-top: 0PX;
}

#aUsergroup{
    height: 485px;
}



/* SB-ADmin overrides */
.chat li.left .chat-body {
    margin-left: 60px;
}


/* FF fixings */

.input-group select {
    padding:0 !important;
}


.address-spacer{
    display: inline-block;
    width:20px;
    color:lightgrey;
}

/* Menu CSS reset shit */

* {
    /*margin: 0;
    padding: 0;*/
    font-size: inherit;
    color: inherit;
    box-sizing: inherit;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
}

*:focus { outline: none; }

html { box-sizing: border-box; }

a { text-decoration: none; }

button {
    background-color: transparent;
    border: 0;
    cursor: pointer;
}

.navigation-bar, .navigation-bar .navbox-tiles, .navbox-trigger, .navbox-tiles .tile, .navbox-tiles .tile .icon .fa, .navbox-tiles .tile .title {
    -webkit-transition: all .3s;
    transition: all .3s;
}

.navbox .navbox-info.navbox-title{
    height: 30px;
    text-align: right;
    line-height: 30px;
}

.navbox-tiles:after {
    content: '';
    display: table;
    clear: both;
}

/* Menu styles */
.navigation-bar {
    position: absolute;
    z-index: 1000;
    top: 0px;
    /*background-color: rgba(72,71,71,0.9);*/
    left: 0px;
}

.navigation-bar .bar {
    /*background-color: #252525;*/
    /*width: 100%;
    height: 100%;*/
    position: absolute;
    left: -15px;
}

.navigation-bar .navbox {
    visibility: hidden;
    opacity: 0;
    position: absolute;

    z-index: 1;
    -webkit-transform: translateY(-200);
    -ms-transform: translateY(-200);
    transform: translateY(-200);
    -webkit-transition: all .2s;
    transition: all .2s;
    top: 50px;
    height: 100%;
    width: 500px;
    left: -15px;
}

.navbox .navbox-info{
    color: whitesmoke;
    font-weight: bold;
    text-rendering: optimizeLegibility;
    background-color: rgba(72,71,71,0.95);
    width: 100%;
    display: block;
    text-align: center;
    padding-bottom: 20px;
    height: 50px;
    border-bottom: 1px dotted grey;

}

.navigation-bar .navbox-tiles {
    -webkit-transform: translateY(-200);
    -ms-transform: translateY(-200);
    transform: translateY(-200);
    background-color: rgba(72,71,71,0.95);

}

.navigation-bar.navbox-open .navbox-trigger { background-color: #484747; }

.navigation-bar.navbox-open .navbox {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    background-color: rgba(72,71,71,0.9);
    border-top-right-radius: 25px;
}

.navigation-bar.navbox-open .navbox-tiles {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.navbox-trigger {
    background-color: rgba(72,71,71,0.9);
    width: 65px;
    height: 60px;
    line-height: 50px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    padding-right: 0px;
    padding-left: 15px;
}

.navbox-trigger .fa {
    font-size: 20px;
    color: #fff;
}

.navbox-trigger:hover { background-color: #484747; }

.navbox {
    background-color: #484747;
    width: 100%;
    max-width: 380px;
    -webkit-backface-visibility: initial;
    backface-visibility: initial;
}

.navbox-tiles {
    width: 100%;
    padding: 25px;
}

.navbox-tiles .tile {
    display: block;
    background-color: #3498db;
    width: 30.3030303030303%;
    height: 0;
    padding-bottom: 29%;
    float: left;
    border: 2px solid transparent;
    color: #fff;
    position: relative;
}

.navbox-tiles .tile .icon {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.navbox-tiles .tile .icon .fa {
    font-size: 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-backface-visibility: initial;
    backface-visibility: initial;
}

.navbox-tiles .tile .title {
    padding: 5px;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.navbox-tiles .tile:hover {
    border-color: #fff;
    text-decoration: none;
}

.navbox-tiles .tile.noaccess:hover {
    border-color:transparent;
    cursor: default ;
}

.navbox-tiles .tile:not(:nth-child(3n+3)) {
    margin-right: 4.54545454545455%;
}

.navbox-tiles .tile:nth-child(n+4) { margin-top: 15px; }

@media screen and (max-width: 370px) {

    .navbox-tiles .tile .icon .fa { font-size: 25px; }

    .navbox-tiles .tile .title {
        padding: 3px;
        font-size: 11px;
    }

}
#tableAddress > thead > tr th{
    height:0px;
}

.navbox-tiles .tile.noaccess{
    background-color:gray !important;
}

#view-job-filter-status{
    padding-left: 0px;
    padding-right: 0px;
}

#view-job-filter-status li{
    cursor: pointer;
}

#view-job-filter-status .pagination{
    margin-bottom: 0px;
}

.job-filter-additional{
    padding-right: 0px;
    text-align: right;
}

/* Bootstap pagination style override */
.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 2px 6px;
    line-height: 1.5;
    border-radius: 65px;
}


.navbar-default .navbar-brand {
    color:whitesmoke;
}

.navbar-default:hover .navbar-brand:hover {
    color:whitesmoke !important;
}


.table-hover > tbody > tr:hover {

    background-color:#ffdd3c;
    background:#ffdd3c;
    cursor: pointer;
}


h4.welltitle{
    margin-top: -9px;
    background-color: white;
    height: 20px;
    line-height: 20px;
    margin-left: -8px;
    padding-left: 10px;
    margin-right: -9px;

}


#wrapper-admin #page-wrapper > div:first-child {
    /*margin-top:65px;*/
}


#blockDispatchBuyerRecipientsInput_tagsinput{
    height:50px !important;
    min-height:50px !important;
}


ul.extcomm-list{
    padding-left:0px;
}

ul.extcomm-list > li{
    background-color: rgba(0,0,0,.2);
    height: 100px !important;
    border-top-right-radius: 10px;
    padding: 5px;
    display: block;
    border-bottom: 1px dotted grey;
}

.extcomm-header{
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
    border-top-right-radius: 10px;
}

.recipient-badge{
    margin-bottom: 2px;
}

#blockCommunicationRecipientsInput_tagsinput {
    width: 100% !important;
    min-height: 50px !important;
    height: 50px !important;
    /* margin-bottom: 10px !important; */
    margin-left: -15px;
}


.regform{
    margin-bottom: 100px;
}

table.job-data{

}

table tr.even{
    background-color:RGBA(255,255,255,0.8);
}

table tr.odd{
    background-color:RGBA(255,255,255,0.5);
}

.even                   { background-color:#D8E6FF;     }
.odd                    { background-color:#EFF5FF;     }

.wjt-job-rightcol{

}

table.job-data tr:first-child td{
    padding-top:5px;
}

.approval-button-label{
    position: relative;
    bottom: 5px;
    left: 5px;
}

.approver-data .popover{
    min-width: 150px;
    width: 20rem;
}

/* Shopping cart */
.button-cart{
    z-index: 20;
    right: 52px;
}

#cart-menu{
    position: absolute;
    top: -4px;
    color: white;
    right: 35px;
}

#cart-content{
    position: absolute;
    width: 600px;
    min-height: 50px;
    background-color: rgba(255,255,255,.9);
    right: 0;
    top: 48px;
    padding-bottom: 10px;
    border: 1px solid black;
    overflow: hidden;
}

.cart-files{
    list-style: none;
    padding: 10px;
}

ul.cart-files{
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.cart-files li{
    background-color: rgba(255,255,255,1);
    color: rgb(35, 48, 64);
    height: 85px;
    border-top: 1px solid grey;
    padding: 5px;
}

.cart-fil.cart-placeholder{
    height:30px;
}

.cart-files div.thumb-mini{
    height: 75px;
    /* width: 75px; */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.cart-files .file-datablock{
    text-align: left;
}

.cart-files .label{
    text-align: left;
    font-size: 16px;
    overflow-x: hidden;
}

.cart-files .remove{
    margin-top: 7px;
}


#cart-download {
    width: 50%;
    height: 50px;
    background-color: rgba(35, 48, 64,.85);
    position: absolute;
    left: 0;
}

#cart-order {
    width: 34%;
    height: 50px;
    background-color: #0F9E5E;
}


#cart-clear {
    width: 50%;
    height: 50px;
    background-color: #902b2b;
    position: absolute;
    right: 0;
}

.thumb-cart{
    height: 75px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}


.buttonbar.cart{
    height:40px;
}
.buttonbar.cart button{
    line-height:40px;
}

#num-cart-files {
    left: 25px;
    top: 25px;
}

#cart-files{
    margin-top:-1px;
}


.dmd-category > img{
    height:30px;
}

.dmd-category:hover > img{
    height:40px;
}

.dmd-category.lvl-2{
    font-weight: normal;
    line-height: 40px;
    padding: 5px 5px;
    height: 40px;
}

#dmd-categories > ul{
    margin-top:0px;
}

.dmd-category > span {
    width: 100%;
    padding-left:5px;
    overflow-x: hidden;
    position: absolute;
}

ul#dmd-categories > ul {
    margin-left: -10px;
}

.dmd-filter{
    margin-top:-9px;
}

#page_selector{
    top:9px;
}

#logout-button,
#cart-button{
    position: absolute;
    right: 0px;
    text-align: center;
    padding: 5px;
    width: 50px;
    background-color: red;
    padding-right: 1px;
    top: 0;
}

#cart-button{
    background-color: blue;
    right: 16px;
    top: 4px;
    padding-right: 7px;
}

body.dmd nav.navbar{
    border-bottom-width: 3px;
    height: 40px;
    box-shadow: 5px -3px 3px 5px grey;
    border-bottom: none;
}

body.dmd #dropdownMenu1{
    opacity: 0;
    width: 115px;
}

.dmd-toolbar{
    overflow: hidden;
}

.scroll-left-navi {
    overflow-y: scroll;
    overflow-x:hidden;
    height: 90vh;
}

.wjt-job-button{
    background-color: rgba(0,0,0,.5);
    border-bottom-left-radius: 5px;
    text-align: center;
    padding: 0;
    border-left: 1px solid darkgray;
    height:100%;
}

.wjt-job-button:hover{
    background-color: rgba(0,0,0,1);
}

.wjt-block-header .wjt-job-button{
    border:none;
    background-color: transparent;
}

.advanter-jobno-status{
    position: absolute;
    right: 100px;
    background-color: rgba(255,255,255,.3);
    padding: 5px;
    top: 2px;
}





/* IE 10+ specific styles */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    /* Fixes job column exceeding page height limit for whatever reasons */
    #wjtJobContainer .wjt-column-content{
        height: 91%;
    }
}


#blockCommunicationRecipientsInput_tagsinput {
    width:100% !important;
    min-height: 50px !important;
    height: 50px !important;
    margin-bottom: 10px !important;
}



/* Locale/Flags */
.flag {
    width: 16px;
    height: 16px;
    background:url(/img/system/flags.png) no-repeat
}

.flag.flag-ad {background-position: -16px 0}
.flag.flag-ae {background-position: -32px 0}
.flag.flag-af {background-position: -48px 0}
.flag.flag-ag {background-position: -64px 0}
.flag.flag-ai {background-position: -80px 0}
.flag.flag-al {background-position: -96px 0}
.flag.flag-am {background-position: -112px 0}
.flag.flag-an {background-position: -128px 0}
.flag.flag-ao {background-position: -144px 0}
.flag.flag-ar {background-position: -160px 0}
.flag.flag-as {background-position: -176px 0}
.flag.flag-at {background-position: -192px 0}
.flag.flag-au {background-position: -208px 0}
.flag.flag-aw {background-position: -224px 0}
.flag.flag-az {background-position: 0 -16px}
.flag.flag-ba {background-position: -16px -16px}
.flag.flag-bb {background-position: -32px -16px}
.flag.flag-bd {background-position: -48px -16px}
.flag.flag-be {background-position: -64px -16px}
.flag.flag-bf {background-position: -80px -16px}
.flag.flag-bg {background-position: -96px -16px}
.flag.flag-bh {background-position: -112px -16px}
.flag.flag-bi {background-position: -128px -16px}
.flag.flag-bj {background-position: -144px -16px}
.flag.flag-bm {background-position: -160px -16px}
.flag.flag-bn {background-position: -176px -16px}
.flag.flag-bo {background-position: -192px -16px}
.flag.flag-br {background-position: -208px -16px}
.flag.flag-bs {background-position: -224px -16px}
.flag.flag-bt {background-position: 0 -32px}
.flag.flag-bw {background-position: -16px -32px}
.flag.flag-by {background-position: -32px -32px}
.flag.flag-bz {background-position: -48px -32px}
.flag.flag-ca {background-position: -64px -32px}
.flag.flag-cd {background-position: -80px -32px}
.flag.flag-cf {background-position: -96px -32px}
.flag.flag-cg {background-position: -112px -32px}
.flag.flag-ch {background-position: -128px -32px}
.flag.flag-ci {background-position: -144px -32px}
.flag.flag-ck {background-position: -160px -32px}
.flag.flag-cl {background-position: -176px -32px}
.flag.flag-cm {background-position: -192px -32px}
.flag.flag-cn {background-position: -208px -32px}
.flag.flag-co {background-position: -224px -32px}
.flag.flag-cr {background-position: 0 -48px}
.flag.flag-cu {background-position: -16px -48px}
.flag.flag-cv {background-position: -32px -48px}
.flag.flag-cy {background-position: -48px -48px}
.flag.flag-cz {background-position: -64px -48px}
.flag.flag-de {background-position: -80px -48px}
.flag.flag-dj {background-position: -96px -48px}
.flag.flag-dk {background-position: -112px -48px}
.flag.flag-dm {background-position: -128px -48px}
.flag.flag-do {background-position: -144px -48px}
.flag.flag-dz {background-position: -160px -48px}
.flag.flag-ec {background-position: -176px -48px}
.flag.flag-ee {background-position: -192px -48px}
.flag.flag-eg {background-position: -208px -48px}
.flag.flag-eh {background-position: -224px -48px}
.flag.flag-er {background-position: 0 -64px}
.flag.flag-es {background-position: -16px -64px}
.flag.flag-et {background-position: -32px -64px}
.flag.flag-fi {background-position: -48px -64px}
.flag.flag-fj {background-position: -64px -64px}
.flag.flag-fm {background-position: -80px -64px}
.flag.flag-fo {background-position: -96px -64px}
.flag.flag-fr {background-position: -112px -64px}
.flag.flag-ga {background-position: -128px -64px}
.flag.flag-gb {background-position: -144px -64px}
.flag.flag-gd {background-position: -160px -64px}
.flag.flag-ge {background-position: -176px -64px}
.flag.flag-gg {background-position: -192px -64px}
.flag.flag-gh {background-position: -208px -64px}
.flag.flag-gi {background-position: -224px -64px}
.flag.flag-gl {background-position: 0 -80px}
.flag.flag-gm {background-position: -16px -80px}
.flag.flag-gn {background-position: -32px -80px}
.flag.flag-gp {background-position: -48px -80px}
.flag.flag-gq {background-position: -64px -80px}
.flag.flag-gr {background-position: -80px -80px}
.flag.flag-gt {background-position: -96px -80px}
.flag.flag-gu {background-position: -112px -80px}
.flag.flag-gw {background-position: -128px -80px}
.flag.flag-gy {background-position: -144px -80px}
.flag.flag-hk {background-position: -160px -80px}
.flag.flag-hn {background-position: -176px -80px}
.flag.flag-hr {background-position: -192px -80px}
.flag.flag-ht {background-position: -208px -80px}
.flag.flag-hu {background-position: -224px -80px}
.flag.flag-id {background-position: 0 -96px}
.flag.flag-ie {background-position: -16px -96px}
.flag.flag-il {background-position: -32px -96px}
.flag.flag-im {background-position: -48px -96px}
.flag.flag-in {background-position: -64px -96px}
.flag.flag-iq {background-position: -80px -96px}
.flag.flag-ir {background-position: -96px -96px}
.flag.flag-is {background-position: -112px -96px}
.flag.flag-it {background-position: -128px -96px}
.flag.flag-je {background-position: -144px -96px}
.flag.flag-jm {background-position: -160px -96px}
.flag.flag-jo {background-position: -176px -96px}
.flag.flag-jp {background-position: -192px -96px}
.flag.flag-ke {background-position: -208px -96px}
.flag.flag-kg {background-position: -224px -96px}
.flag.flag-kh {background-position: 0 -112px}
.flag.flag-ki {background-position: -16px -112px}
.flag.flag-km {background-position: -32px -112px}
.flag.flag-kn {background-position: -48px -112px}
.flag.flag-kp {background-position: -64px -112px}
.flag.flag-kr {background-position: -80px -112px}
.flag.flag-kw {background-position: -96px -112px}
.flag.flag-ky {background-position: -112px -112px}
.flag.flag-kz {background-position: -128px -112px}
.flag.flag-la {background-position: -144px -112px}
.flag.flag-lb {background-position: -160px -112px}
.flag.flag-lc {background-position: -176px -112px}
.flag.flag-li {background-position: -192px -112px}
.flag.flag-lk {background-position: -208px -112px}
.flag.flag-lr {background-position: -224px -112px}
.flag.flag-ls {background-position: 0 -128px}
.flag.flag-lt {background-position: -16px -128px}
.flag.flag-lu {background-position: -32px -128px}
.flag.flag-lv {background-position: -48px -128px}
.flag.flag-ly {background-position: -64px -128px}
.flag.flag-ma {background-position: -80px -128px}
.flag.flag-mc {background-position: -96px -128px}
.flag.flag-md {background-position: -112px -128px}
.flag.flag-me {background-position: -128px -128px}
.flag.flag-mg {background-position: -144px -128px}
.flag.flag-mh {background-position: -160px -128px}
.flag.flag-mk {background-position: -176px -128px}
.flag.flag-ml {background-position: -192px -128px}
.flag.flag-mm {background-position: -208px -128px}
.flag.flag-mn {background-position: -224px -128px}
.flag.flag-mo {background-position: 0 -144px}
.flag.flag-mq {background-position: -16px -144px}
.flag.flag-mr {background-position: -32px -144px}
.flag.flag-ms {background-position: -48px -144px}
.flag.flag-mt {background-position: -64px -144px}
.flag.flag-mu {background-position: -80px -144px}
.flag.flag-mv {background-position: -96px -144px}
.flag.flag-mw {background-position: -112px -144px}
.flag.flag-mx {background-position: -128px -144px}
.flag.flag-my {background-position: -144px -144px}
.flag.flag-mz {background-position: -160px -144px}
.flag.flag-na {background-position: -176px -144px}
.flag.flag-nc {background-position: -192px -144px}
.flag.flag-ne {background-position: -208px -144px}
.flag.flag-ng {background-position: -224px -144px}
.flag.flag-ni {background-position: 0 -160px}
.flag.flag-nl {background-position: -16px -160px}
.flag.flag-no {background-position: -32px -160px}
.flag.flag-np {background-position: -48px -160px}
.flag.flag-nr {background-position: -64px -160px}
.flag.flag-nz {background-position: -80px -160px}
.flag.flag-om {background-position: -96px -160px}
.flag.flag-pa {background-position: -112px -160px}
.flag.flag-pe {background-position: -128px -160px}
.flag.flag-pf {background-position: -144px -160px}
.flag.flag-pg {background-position: -160px -160px}
.flag.flag-ph {background-position: -176px -160px}
.flag.flag-pk {background-position: -192px -160px}
.flag.flag-pl {background-position: -208px -160px}
.flag.flag-pr {background-position: -224px -160px}
.flag.flag-ps {background-position: 0 -176px}
.flag.flag-pt {background-position: -16px -176px}
.flag.flag-pw {background-position: -32px -176px}
.flag.flag-py {background-position: -48px -176px}
.flag.flag-qa {background-position: -64px -176px}
.flag.flag-re {background-position: -80px -176px}
.flag.flag-ro {background-position: -96px -176px}
.flag.flag-rs {background-position: -112px -176px}
.flag.flag-ru {background-position: -128px -176px}
.flag.flag-rw {background-position: -144px -176px}
.flag.flag-sa {background-position: -160px -176px}
.flag.flag-sb {background-position: -176px -176px}
.flag.flag-sc {background-position: -192px -176px}
.flag.flag-sd {background-position: -208px -176px}
.flag.flag-se {background-position: -224px -176px}
.flag.flag-sg {background-position: 0 -192px}
.flag.flag-si {background-position: -16px -192px}
.flag.flag-sk {background-position: -32px -192px}
.flag.flag-sl {background-position: -48px -192px}
.flag.flag-sm {background-position: -64px -192px}
.flag.flag-sn {background-position: -80px -192px}
.flag.flag-so {background-position: -96px -192px}
.flag.flag-sr {background-position: -112px -192px}
.flag.flag-st {background-position: -128px -192px}
.flag.flag-sv {background-position: -144px -192px}
.flag.flag-sy {background-position: -160px -192px}
.flag.flag-sz {background-position: -176px -192px}
.flag.flag-tc {background-position: -192px -192px}
.flag.flag-td {background-position: -208px -192px}
.flag.flag-tg {background-position: -224px -192px}
.flag.flag-th {background-position: 0 -208px}
.flag.flag-tj {background-position: -16px -208px}
.flag.flag-tl {background-position: -32px -208px}
.flag.flag-tm {background-position: -48px -208px}
.flag.flag-tn {background-position: -64px -208px}
.flag.flag-to {background-position: -80px -208px}
.flag.flag-tr {background-position: -96px -208px}
.flag.flag-tt {background-position: -112px -208px}
.flag.flag-tv {background-position: -128px -208px}
.flag.flag-tw {background-position: -144px -208px}
.flag.flag-tz {background-position: -160px -208px}
.flag.flag-ua {background-position: -176px -208px}
.flag.flag-ug {background-position: -192px -208px}
.flag.flag-us,
.flag.flag-en{background-position: -144px -64px}
.flag.flag-uy {background-position: -224px -208px}
.flag.flag-uz {background-position: 0 -224px}
.flag.flag-va {background-position: -16px -224px}
.flag.flag-vc {background-position: -32px -224px}
.flag.flag-ve {background-position: -48px -224px}
.flag.flag-vg {background-position: -64px -224px}
.flag.flag-vi {background-position: -80px -224px}
.flag.flag-vn {background-position: -96px -224px}
.flag.flag-vu {background-position: -112px -224px}
.flag.flag-ws {background-position: -128px -224px}
.flag.flag-ye {background-position: -144px -224px}
.flag.flag-za {background-position: -160px -224px}
.flag.flag-zm {background-position: -176px -224px}
.flag.flag-zw {background-position: -192px -224px}


#locale-indicator > button{
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 2px;
    height: 20px;
    margin-top: 0px;
    width: 30px;
    padding-left: 6px;
}

.locale-chooser{

}

.locale-chooser a:hover{
    cursor: pointer;
    color:red !important;
}
.locale-text{
    line-height: 15px;
    padding-left: 5px;
}

.ds-bs3-equalheightrow {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}



/* nestable styles */
.dd { position: relative; display: block; margin: 0; padding: 0; max-width: 500px; list-style: none; font-size: 11px; line-height: 17px; }

.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-left: 30px; }
.dd-collapsed .dd-list { display: none; }

.dd-item,
.dd-empty,
.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 11px; line-height: 17px; }

.dd-handle { display: block; height: 25px; margin: 3px 0; padding: 3px 10px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:         linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd-handle:hover { color: #2ea8e5; background: #fff; }


div.dd-handle.inactive {
    color: #bbbbbb;
}


div.dd-handle.deleted {
    color: rgb(195,25,36);
}

div.dd-handle.yellow {
    color: #990000;
    background: #FFFF00;
    background: -webkit-linear-gradient(top, #eee 0%, #FFFF00 50%, #eee 100%);
    background:    -moz-linear-gradient(top, #eee 0%, #FFFF00 50%, #eee 100%);
    background:         linear-gradient(top, #eee 0%, #FFFF00 50%, #eee 100%);
}


.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; }
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
.dd-item > button[data-action="collapse"]:before { content: '-'; }

.dd-placeholder,
.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
    -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:         linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
    linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
    box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}


span.deleted {
    color: rgb(195,25,36);
}

span.inactive {
    color: #bbbbbb;
}


.krueger-red-background {
    color: white;
    background-color: rgb(195,25,36);
}

.form-logo{
    background-image: url('../../img/krueger_gruppe_smallx.png');
    background-repeat: no-repeat;
    background-color: white;
    background-size: contain;
    background-position: 50% 10%;
    width: 100%;
    height: 220px;
    margin-bottom: 20px;
}

#blockCommunicationLabelCurrent {
    position: absolute;
    left: -58px;
    top: 74px;
    height: 30px;
    width: 150px;
    color: whitesmoke;
    text-align: right;

}

.relative-position {
    position: relative;
}

.inactive-asset {
    background-color: #DDDDDD !important;
}


.deleted-asset {
    background-color: #FFDDDD !important;
}

/*
.dmd-asset{
    height: 220px;
    padding-left: 0px;
    padding-right: 0px;
    box-shadow: 0px 2px 10px -3px grey;
    border: 1px solid white;
    background-color: white;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e5e5e5',GradientType=1 );
    margin-bottom: 5px;

}



.dmd-asset-badge{
    position: absolute;
    bottom: 3px;
    background-color: rgba(255,255,255,.85);
    width: 100%;
    left: 0;
    padding: 5px;
    text-align: left;
    height: 60px;
    border-top: 1px solid lightgrey;
    overflow: hidden;
}
*/

option.inactive{
    font-style: italic;
}

#jobCreateExtConfirm{
    height:40px;
}