*,html {
  margin: 0;
  padding: 0;
  font-family: Arial,Helvetica,Geneva,sans-serif;
}

#show {
	display: block;
}

#hide {
	display: none;
}

#loader_background {
  background-color: #aaa;
  opacity: .30;
  filter: Alpha(Opacity=30);
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9998;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

#loader_bar {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  text-align: center;
  width: 100px;
  height: 102px;
  z-index: 9999;
}

body {
  /* background: #606060; */
  color: #404040;
  font-size: 12px;
  text-align: left;
}

#wrap {
  background: #fff;
}

#main {
  height: auto!important;
  min-height: 550px;
}

body.full_width #main {
	border-bottom: 1px solid #606060;
}

#header-row-first {
	height: 25px;
	padding: 10px 0;
}

body.full_width #header-row-first {
	border-bottom: 1px solid #606060;
}

#header-logos {
  margin: auto;
  text-align: left;
  width: 1200px
}

body.full_width #header-logos {
	width: auto;
}

#header-logo-left {
	float: left;
	width: 200px;
}

body.full_width #header-logo-left {
	width: 50%;
	min-width: 200px;
}

#header-menu-top {
  float: right
}

#header-language-selector-top {
  float: right
}

#header-logo-right {
	float: right;
	text-align: right;
	width: 200px;
	
}

body.full_width #header-logo-right {
	width: 50%;
	min-width: 200px;
}

#header-row-second {
  background-color: #f9f9f9;
  padding: 10px 0
}

#header-menu-main {
  margin: auto;
  width: 1200px
}

#header-menu-main li.on a {
  color: #002548
}

#header-menu-main a {
  color: #909090
}

#header-row-third {
  background-color: #f0f0f0
}

#row-notices {
  height: auto!important;
  min-height: 18px;
  padding: 5px 3px 3px 0;
  margin: auto;
  text-align: left
}

.notice-info {
  color: #a68347;
  background-color: #fdf3c9
}

.notice-info a,.notice-info a:hover {
  color: #a68347;
  font-weight: bold
}

.notice-info a {
  text-decoration: none
}

.notice-info a:hover {
  text-decoration: underline
}

.divider {
  border-bottom: 1px solid #dedede;
  margin: 10px 0
}

#row-controls {
  color: #606060;
  background-color: #f9f9f9;
  width: 100%;
  z-index: 10;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4
}

#row-controls p {
  font-weight: bold;
  line-height: 21px
}

#row-controls p,#row-controls fieldset,#row-controls label,#row-controls input {
  float: left;
  display: block
}

#row-controls fieldset,#row-controls label,#row-controls input {
  line-height: 16px
}

#row-controls p,#row-controls fieldset {
  padding: 2px 10px;
  border-left: 1px solid #c4c4c4
}

#row-controls input {
  margin-right: 15px
}

#row-controls fieldset input:last-child {
  margin-right: 0
}

#row-controls input[type="text"] {
  color: #404040;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: inset 0 0 1px #606060
}
.main_content {
	min-height: 630px;
	height: 630px;
	height: calc(100vh - 120px);
	min-width: 100%;
}
.start_page_white_box {
  background-color: white;
  border: 1px solid #AAA;
  padding-left: 10px;
  padding-bottom: 10px
}

.start_page_headline {
  font-size: 48px;
  height: 56px;
  text-shadow: 1px 1px 2px #000;
  color: #FFF
}

#left_container {
	float: left;
}

#start_page_center {
	float: left;
	width: calc(100% - 600px);
}

#start_page_center .distance_top {
	margin-top: 50px;
	margin-right: 50px;
}

#start_page_center .row .start_page_headline {
    padding-left: 20px;
}

#login_name,
#login_pwd {
	width:270px;
	font-size:11px;
	margin-top:4px;
	margin-bottom:7px;
}

#btn_login {
	width:100px;
	font-size:11px;
}

#right_container {
	float: right;
	
}

.marginal_container {
	width: 300px;
	height: 100%;
	
}

#start_page_left, #start_page_right {
    position: relative;
    max-width: 300px;
    height: 100%;
}

#start_page_left {
    border-right: 1px solid #606060;
}

#start_page_right {
    border-left: 1px solid #606060;
}

.box_wrapper {
    width: 100%;
    position: absolute;
}

#start_page_left .box_wrapper {
    bottom: 0;
    left: 0;
}

#start_page_right .box_wrapper {
    bottom: 0;
    right: 0;
}

.main_content .about {
	padding: 10px;
	margin: 10px;
}

.main_content .about.text {
    margin: 0;
    padding-top: 50px;
	padding-bottom: 0;
}

.main_content .about.box {
    margin-bottom: 35px;
}

.main_content .about.box.blur {
    /* Fallback for web browsers that do not support RGBa */
    background-color: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.2);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    border-radius: 5px;
}

.main_content .about.text, 
.main_content .about.box.blur .box_content {
    color: rgb(255, 255, 255);
    color: rgba(255, 255, 255, 1);
    text-shadow: 1px 1px 2px #000;
    font-size: 14px;
	max-height: 630px;
	overflow: auto;
}

.main_content .about.box.blur .box_content .row {
    border-width: 1px;
    border-color: #fff;
    border-bottom-style: groove;
    padding: 3px 0;
}

.main_content .about.box.blur .box_content .row.last {
    border-bottom-style: none;
}

.main_content #start_page_right .about.text {
	padding: 10px 0;
	font-size: 18px;
}

.main_content #start_page_right .about.box {
	padding: 0;
	margin-bottom: 35px;
}

.main_content #start_page_right .about.box .row {
	width: 257px;
	margin: 0 auto;
}

#content-title {
  font-size: 1.2em;
  height: 30px;
  margin: auto;
  padding: 5px 0;
  text-align: left;
  width: 1200px
}

#content-title div.middle {
  display: table-cell;
  height: 30px;
  vertical-align: middle
}

#content-title h1 {
  line-height: 30px
}

#div-bad-browser {
  background-color: #fd0;
  color: #000;
  height: 24px;
  line-height: 24px;
  text-align: center
}

#div-bad-browser a,#div-bad-browser a:visited {
  color: #000;
  font-weight: bold
}

#div-bad-browser a:hover,#div-bad-browser a:active,#div-bad-browser a:focus {
  color: #000;
  text-decoration: none
}

#div-noscript {
  background-color: #f00;
  color: #000;
  height: 24px;
  line-height: 24px;
  text-align: center
}

#div-noscript a,#div-noscript a:visited {
  color: #000;
  font-weight: bold
}

#div-noscript a:hover,#div-noscript a:active,#div-noscript a:focus {
  color: #000;
  text-decoration: none
}

.promotion_registration {
  font-size: 13px;
  font-weight: bold;
  color: #787878
}

.registration_text_color {
  color: #787878
}

table.margin td.status_gray_casting {
  background-image: url(../img/style/background/gray.png);
  font-weight: bold
}

table.margin td.status_apriko_casting {
  background-image: url(../img/style/background/yellow.png);
  font-weight: bold
}

table.margin td.status_green_casting {
  background-image: url(../img/style/background/green.png);
  font-weight: bold
}

table.margin td.status_red_casting {
  background-image: url(../img/style/background/red.png);
  color: #fff;
  font-weight: bold
}

div#container_outer {
  margin: auto;
  text-align: left;
  width: 1200px
}

div#menu-wrapper {
  background-color: #0041c0;
  border-bottom: 1px solid white;
  height: 70px
}

#content-wrapper {
  clear: both;
  width: 1200px
}

div#menu {
  font-size: 15px;
  margin: 0 auto;
  width: 1200px
}

#logo {
  float: left;
  margin: 12px 0 0 .6em
}

div#container_menu {
  width: 940px
}

#container_mid {
  padding-top: 10px;
  padding-bottom: 20px;
  min-height: 500px;
  height: auto!important;
  clear: both;
	width: 1200px;
}

th {
  text-align: left
}

.div_search {}

.div_search .filter {
  background-color: #F9F9F9;
	border: 1px solid #C4C4C4;
  color: #000;
	margin-bottom: 15px;
}

div.ui-dialog .div_search .filter {
	border: none;
	border-bottom: 1px solid #C4C4C4;
}

.div_search .filter .content {
  color: #000
}

.div_search .filter .content .box {
  border-right: 1px solid #C4C4C4;
  float: left;
  height: 100%;
  padding: 10px
}

/* 
//jbu, 2014-12-04, Testweise auskommentiert
.div_search .filter .content .box.first {
  border-left: none
}
 */

.div_search .filter .content .box.last {
  border-right: 0
}

.div_search .filter .buttons {
  background-color: #F0F0F0;
  border-top: 1px solid #C4C4C4;
  color: #000;
  padding: 10px
}

.div_search .export {
  background-color: #F0F0F0;
	border: 1px solid #C4C4C4;
  color: #000;
  float: left;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 10px;
  padding: 10px;
  width: 155px
}

div.export-next {
  margin-top: 0!important
}

div.div_box_style1 {
  background-color: #f9f9f9;
  border: 1px solid #e0e0e0;
  padding: 5px
}

div.row_divide {
  clear: both;
  margin: 5px 0 5px 0;
  border-bottom: 1px solid #666
}

div#project_selection {
  margin-left: 15px
}

.strong {
  font-weight: bold
}

.underline {
  text-decoration: underline
}

.left {
  text-align: left
}

.center {
  text-align: center
}

.right {
  text-align: right
}

.top {
  vertical-align: top
}

.Hidden,.hidden,.hide {
  display: none;
}

.opacity-zero {
  opacity: 0
}

.italic {
  font-style: italic
}

.inline-block {
  display: inline-block
}

h1,h2,h3,h4,h5,h6 {
  font-weight: bold;
  line-height: 2
}

h1 {
  font-size: 18px;
  padding: 0;
  margin: 0
}

h1.inline-block {
  padding-left: 5px
}

h2 {
  font-size: 14px;
  padding: 0;
  margin: 0;
  margin-bottom: 2px
}

h4 {
  font-size: 13px;
  padding: 0;
  margin: 0;
  margin-bottom: 2px
}

h5 {
  font-size: 12px;
  line-height: 20px
}

.vertical-align-top {
  vertical-align: top
}

.new {
  border: 1px solid #FC0;
  background-color: #FDF3C9;
  color: #FC0;
  display: block;
  font: Geneva,Arial,Helvetica,sans-serif;
  font-weight: bold;
  height: 18px;
  line-height: 16px;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px
}

a,a:hover,a:visited {
  color: #002548;
  text-decoration: underline
}

a:hover {
  color: #0041C0
}

a.button {
  background-color: #F7F8FA;
  border: 1px solid #D4DEE7;
  color: #B5CBDF;
  display: block;
  float: right;
  height: 18px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 3px;
  margin-left: 5px;
  text-decoration: none
}

a.button.active {
  color: #069
}

div.record_count {
  font-weight: bold;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: left
}

.vertical-line:after {
  padding-left: 5px;
  content: "\007C";
  color: #c4c4c4
}

.full {
  width: 100%
}

.date {
  width: 75px
}

.datetime {
  width: 100px
}

/*jbu, 2014-05-21*/
label.datetime {
	width: 110px;
}

.time {
  width: 40px
}

/**********************************************************************
 * ABST�NDE für FORMULARELEMENTE
 **********************************************************************/

.w1col {
  width: 15px
}

.w2col {
  width: 30px
}

.w3col {
  width: 45px
}

.w4col {
  width: 60px
}

.w5col {
  width: 75px
}

.w6col {
  width: 90px
}

.w7col {
  width: 105px
}

.w8col {
  width: 120px
}

.w9col {
  width: 135px
}

.w10col {
  width: 150px
}

.w11col {
  width: 165px
}

.w12col {
  width: 180px
}

.w13col {
  width: 195px
}

.w14col {
  width: 210px
}

.w15col {
  width: 225px
}

.w16col {
  width: 240px
}

.w17col {
  width: 255px
}

.w18col {
  width: 270px
}

.w19col {
  width: 285px
}

.w20col {
  width: 300px
}

.w21col {
  width: 315px
}

.w22col {
  width: 330px
}

.w23col {
  width: 345px
}

.w24col {
  width: 360px
}

.w25col {
  width: 375px
}

.w26col {
  width: 390px
}

.w27col {
  width: 405px
}

.w28col {
  width: 420px
}

.w29col {
  width: 435px
}

.w30col {
  width: 450px
}

.w31col {
  width: 465px
}

.w32col {
  width: 480px
}

.w33col {
  width: 495px
}

.w34col {
  width: 510px
}

.w35col {
  width: 525px
}

.w36col {
  width: 540px
}

.w37col {
  width: 555px
}

.w38col {
  width: 570px
}

.w39col {
  width: 585px
}

select.w1col {
  width: 23px
}

select.w2col {
  width: 38px
}

select.w3col {
  width: 53px
}

select.w4col {
  width: 68px
}

select.w5col {
  width: 83px
}

select.w6col {
  width: 98px
}

select.w7col {
  width: 113px
}

select.w8col {
  width: 128px
}

select.w9col {
  width: 143px
}

select.w10col {
  width: 158px
}

select.w11col {
  width: 173px
}

select.w12col {
  width: 188px
}

select.w13col {
  width: 203px
}

select.w14col {
  width: 218px
}

select.w15col {
  width: 233px
}

select.w16col {
  width: 248px
}

select.w17col {
  width: 263px
}

select.w18col {
  width: 278px
}

select.w19col {
  width: 293px
}

select.w20col {
  width: 308px
}

select.w21col {
  width: 323px
}

select.w22col {
  width: 338px
}

select.w23col {
  width: 353px
}

select.w24col {
  width: 368px
}

select.w25col {
  width: 383px
}

select.w26col {
  width: 398px
}

select.w27col {
  width: 413px
}

select.w28col {
  width: 428px
}

select.w29col {
  width: 443px
}

select.w30col {
  width: 458px
}

select.w31col {
  width: 473px
}

select.w32col {
  width: 488px
}

select.w33col {
  width: 503px
}

select.w34col {
  width: 518px
}

select.w35col {
  width: 533px
}

select.w36col {
  width: 548px
}

select.w37col {
  width: 563px
}

select.w38col {
  width: 578px
}

select.w39col {
  width: 593px
}

textarea.w1col {
  width: 17px
}

textarea.w2col {
  width: 32px
}

textarea.w3col {
  width: 47px
}

textarea.w4col {
  width: 62px
}

textarea.w5col {
  width: 77px
}

textarea.w6col {
  width: 92px
}

textarea.w7col {
  width: 107px
}

textarea.w8col {
  width: 122px
}

textarea.w9col {
  width: 137px
}

textarea.w10col {
  width: 152px
}

textarea.w11col {
  width: 167px
}

textarea.w12col {
  width: 182px
}

textarea.w13col {
  width: 197px
}

textarea.w14col {
  width: 212px
}

textarea.w15col {
  width: 227px
}

textarea.w16col {
  width: 242px
}

textarea.w17col {
  width: 257px
}

textarea.w18col {
  width: 272px
}

textarea.w19col {
  width: 287px
}

textarea.w20col {
  width: 302px
}

textarea.w21col {
  width: 317px
}

textarea.w22col {
  width: 332px
}

textarea.w23col {
  width: 347px
}

textarea.w24col {
  width: 362px
}

textarea.w25col {
  width: 377px
}

textarea.w26col {
  width: 392px
}

textarea.w27col {
  width: 407px
}

textarea.w28col {
  width: 422px
}

textarea.w29col {
  width: 437px
}

textarea.w30col {
  width: 452px
}

textarea.w31col {
  width: 467px
}

textarea.w32col {
  width: 482px
}

textarea.w33col {
  width: 497px
}

textarea.w34col {
  width: 512px
}

textarea.w35col {
  width: 527px
}

textarea.w36col {
  width: 542px
}

textarea.w37col {
  width: 557px
}

textarea.w38col {
  width: 572px
}

textarea.w39col {
  width: 587px
}

.padding_1col,.padding_w1col {
  padding-left: 20px
}

.padding_2col,.padding_w2col {
  padding-left: 35px
}

.padding_3col,.padding_w3col {
  padding-left: 50px
}

.padding_4col,.padding_w4col {
  padding-left: 65px
}

.padding_5col,.padding_w5col {
  padding-left: 80px
}

.padding_6col,.padding_w6col {
  padding-left: 95px
}

.padding_7col,.padding_w7col {
  padding-left: 110px
}

.padding_8col,.padding_w8col {
  padding-left: 125px
}

.padding_9col,.padding_w9col {
  padding-left: 140px
}

.padding_10col,.padding_w10col {
  padding-left: 155px
}

.padding_11col,.padding_w11col {
  padding-left: 170px
}

.padding_12col,.padding_w12col {
  padding-left: 185px
}

.padding_13col,.padding_w13col {
  padding-left: 200px
}

.padding_14col,.padding_w14col {
  padding-left: 215px
}

.padding_15col,.padding_w15col {
  padding-left: 230px
}

.padding_16col,.padding_w16col {
  padding-left: 245px
}

.padding_17col,.padding_w17col {
  padding-left: 260px
}

.padding_18col,.padding_w18col {
  padding-left: 275px
}

.padding_19col,.padding_w19col {
  padding-left: 290px
}

.padding_20col,.padding_w20col {
  padding-left: 305px
}

.padding_21col,.padding_w21col {
  padding-left: 320px
}

.padding_22col,.padding_w22col {
  padding-left: 335px
}

.padding_23col,.padding_w23col {
  padding-left: 350px
}

.padding_24col,.padding_w24col {
  padding-left: 365px
}

.padding_25col,.padding_w25col {
  padding-left: 380px
}

.padding_26col,.padding_w26col {
  padding-left: 395px
}

.padding_27col,.padding_w27col {
  padding-left: 410px
}

.padding_28col,.padding_w28col {
  padding-left: 425px
}

.padding_29col,.padding_w29col {
  padding-left: 440px
}

.padding_30col,.padding_w30col {
  padding-left: 455px
}

.padding_31col,.padding_w31col {
  padding-left: 460px
}

.padding_32col,.padding_w32col {
  padding-left: 485px
}

.padding_33col,.padding_w33col {
  padding-left: 490px
}

.padding_34col,.padding_w34col {
  padding-left: 515px
}

.padding_35col,.padding_w35col {
  padding-left: 520px
}

.padding_36col,.padding_w36col {
  padding-left: 545px
}

.padding_37col,.padding_w37col {
  padding-left: 550px
}

.padding_38col,.padding_w38col {
  padding-left: 575px
}

.padding_39col,.padding_w39col {
  padding-left: 580px
}

/**********************************************************************
 *
 **********************************************************************/

div.clear {
  clear: both;
  float: none
}

.info ul {
  margin-left: 20px
}

div#info.empty {
  min-height: 20px
}


/* jbu, 2014-12-03, SRC: http://www.jankoatwarpspeed.com/css-message-boxes-for-different-message-types/ */

div.info, div.success, div.warning, div.error, div.validation {
	border: 1px solid;
	margin: 10px 0px;
	padding: 5px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

div.info {
	color: #00529B;
	background-color: #BDE5F8;
}

div.success {
	color: #4F8A10;
	background-color: #DFF2BF;
}

div.warning {
	color: #9F6000;
	background-color: #FEEFB3;
}

div.error {
	color: #D8000C;
	background-color: #FFBABA;
}

div.validation {
	color: #D63301;
	background-color: #FFCCBA;
}

div.distance {
  margin-top: 20px;
  margin-bottom: 20px
}

div.distance_bottom {
  margin-bottom: 20px
}

div.distance_top {
  margin-top: 20px
}

div.distance_1 {
  margin-top: 5px;
  margin-bottom: 5px
}

div.distance_2 {
  margin-top: 10px;
  margin-bottom: 10px
}

div.distance_3 {
  margin-top: 15px;
  margin-bottom: 15px
}

div.distance_4 {
  margin-top: 20px;
  margin-bottom: 20px
}

div.distance_1_top {
  margin-top: 5px
}

div.distance_2_top {
  margin-top: 10px
}

div.distance_3_top {
  margin-top: 15px
}

div.distance_4_top {
  margin-top: 20px
}

div.distance_1_bot {
  margin-bottom: 5px
}

div.distance_2_bot {
  margin-bottom: 10px
}

div.distance_3_bot {
  margin-bottom: 15px
}

div.distance_4_bot {
  margin-bottom: 20px
}

div.key {
  background-color: red;
  clear: both;
  float: none;
  margin-top: 20px;
  text-align: left;
  font: 12px/25px arial,sans-serif;
  text-align: left;
  background-color: #F9F9F9;
  width: 1200px;
  padding: 20px 0;
  margin: 20px 0 10px 0
}

.float_right {
  float: right
}

.float_left {
  float: left
}

.float_none {
  clear: both;
  float: none
}

div.box_margin {
  margin: 5px;
  padding-bottom: 10px;
  padding-top: 10px
}

div.box_blue {
  border: 1px solid #8BB7DF;
  padding: 5px;
  background-color: #D4DEE7
}

span.reporting_promoter_values {
  color: red;
  padding-right: 6px
}

.icon_margin span:first-child {
  display: block;
  float: left;
  margin-right: 5px;
  height: 16px
}
.legend:hover{
  opacity: 1;
}
.legend {
  font: 12px/25px arial,sans-serif;
  text-align: left;
  background-color: #f0f0f0;
  padding: 10px 0;
  margin-top: 30px;
  opacity: 0.4;
}

.legend ul li {
  padding-left: 20px;
  list-style: none
}

.legend_item {
  float: left;
  margin-left: 10px
}

.legend_icon {
  display: block;
  float: left;
  margin: 2px 10px 0 0;
  width: 20px;
  height: 20px
}

.round_icon {
  float: left;
  width: 15px;
  height: 15px;
  border-radius: 10px;
}

.legend_icon_project {
  display: block;
  margin-top: 50%;
  width: 15px;
  height: 15px;
	border-radius: 10px;
}

.color_box {
  display: block;
  width: 15px;
  height: 15px;
}

.bg_text {
  line-height: 20px;
  text-align: center
}

.bg_gray {
  background: #969696
}

.bg_red {
  background: #f00
}

.bg_light_orange {
  background: #FFAA55
}

.bg_orange {
  background: #06F
}

.bg_yellow {
  background: #fc0
}

.bg_green {
  background: #8BC55A
}

.bg_reporting_promoter_value {
  background: #cdff59
}

.bg_reporting_accounting_value {
  background: #7de7fa
}

.bg_reporting_not_empty_value {
  background: #ffff59
}


.legend_bg_green {
  background: #ddff8c;
}

.legend_bg_yellow {
  background: #ffff59;
}

.legend_bg_red {
  background: #FFE0E0;
}


.icon_open {
  background: url(../img/icons/lock_open.png) no-repeat center center
}

.icon_closed {
  background: url(../img/icons/lock_closed.png) no-repeat center center
}

.icon_closed_checked {
  background: url(../img/icons/lock_closed_checked.png) no-repeat center center
}

/* .icon_missing {
	//pro, 2014-05-09, Nicht genutzt
  background: url(../img/icons/info_red.png) no-repeat center center
} */

.icon_add_product {
  background: url(../img/icons/lock_open.png) no-repeat center center
}

.icon_active_data {
  background: url(../img/style/background/green.png) repeat center center
}

.icon_deleted_data {
  background: url(../img/style/background/gray.png) repeat center center
}

.icon_inactive_data {
  background: url(../img/style/background/red.png) repeat center center
}

.icon_required {
  background: url(../img/icons/required.gif) no-repeat center center
}

.icon_add {
  background: url(../img/icons/add.png) no-repeat center center
}

.icon_gray {
  background: url(../img/style/background/gray.png) repeat center center
}

.icon_green {
  background: url(../img/style/background/green.png) repeat center center
}

.icon_red {
  background: url(../img/style/background/red.png) repeat center center
}

.icon_yellow {
  background: url(../img/style/background/yellow.png) repeat center center
}

.margin_plz {
  margin-right: 8px
}

.available {
  background-color: #969696
}

.planned {
  background-color: #06F
}

.execution {
  background-color: #8BC55A
}

.shifted {
  background-color: #F7F24C
}

.denial {
  background-color: #F33712
}

.application {
  background-color: #ffdead
}



.cancelation {
  background-color: #F33712
}

/*jbu, 2013-11-29*/
.availability-green
{
	background-color: #CCEEDD;
}

.availability-orange
{
	background-color: #FF9D60;
}
.availability-red
{
	background-color: #FFDAD6;
}

/* HOLIDAY */
.public_holiday {
  background-color: #DCD0FF;
}

.holiday_planned {
  background-color: #FF6200
}

.holiday_submitted {
  background-color: #FFAA00 !important;
}

.holiday_allowed {
  background-color: #00A480
}

.date_interference{
  background-color: #FF0000 !important;
}

#footerContainer {
  height: 20px;
  width: calc(100% - 600px);
  padding: 10px 0;
}

#footerContainer .grid_9 {
	width: 30%;
	margin: 0;
	padding: 0 10%;
}

#footerContainer a {
  color: #999;
  font-size: 12px;
  text-decoration: none;
  margin: 0 5px
}

.sub_menu {
  color: #999;
  float: right;
  line-height: 20px;
  padding-left: 10px;
  padding-right: 10px;
  white-space: nowrap
}

.sub_menu a:hover { color: #00A8C6 }


/**********************************************************************
 * TABELLEN
 **********************************************************************/


table.tooltip td {
  height: 20px
}

table td {
  height: 20px
}

table.margin td,th {
  height: 20px
}

table.margin.valign_top td {
  vertical-align: top
}

table.margin tr:hover {
  background-color: #BCD2FF
}

table.margin tr.no-hover:hover {
  background-color: transparent
}

table.margin tr.colored:hover {
  background-color: #BCD2FF
}

table.margin div:hover {
  background-color: #BCD2FF
}

table.margin td.col_title {
  background-color: #DEEEFE;
  font-weight: bold
}

table.margin th.order.asc {
  background-image: url("../img/icons/sort-asc.png");
  background-position: right center;
  background-repeat: no-repeat
}

table.margin th.order.desc {
  background-image: url("../img/icons/sort-desc.png");
  background-position: right center;
  background-repeat: no-repeat
}

table.margin th.order.asc.right {
  background-position: left center
}

table.margin th.order.desc.right {
  background-position: left center
}

table.margin th a,table#margin th {
  color: #FFF100
}

table.margin td {
  height: 22px;
  padding: 3px 2px
}

table.margin th {
  background-color: #606060;
  border-bottom: 1px solid #fff;
  color: #F98901;
  height: 25px;
  padding-left: 2px;
  padding-right: 2px
}

table.margin th.colored,table.margin tr.colored {
  color: #000;
  background-color: #ececec
}

table.margin th,table.margin th a {
  color: #fff;
  text-decoration: none
}

table.margin td input,table.margin th input {
  float: none
}

table.margin th {
  color: #fff;
  height: 25px
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

table.margin tr.status_deleted {
  color: #999
}

table.margin td.status_gray {
  background-image: url(../img/style/background/gray.png);
  background-repeat: repeat-y
}

table.margin td.status_apriko {
  background-image: url(../img/style/background/yellow.png);
  background-repeat: repeat-y
}

table.margin td.status_green {
  background-image: url(../img/style/background/green.png);
  background-repeat: repeat-y
}

table.margin td.status_darkgreen {
  background-image: url(../img/style/background/green_dark.png);
  background-repeat: repeat-y
}

table.margin td.status_blue {
  background-image: url(../img/style/background/blue.png);
  background-repeat: repeat-y
}

table.margin td.status_orange {
  background-image: url(../img/style/background/orange.png);
  background-repeat: repeat-y
}

table.margin td.status_yellow {
  background-image: url(../img/style/background/yellow.png);
  background-repeat: repeat-y
}

table.margin td.status_red {
  background-image: url(../img/style/background/red.png);
  background-repeat: repeat-y
}

table.margin tr.border_bottom,table.margin tr.border_bottom td {
  border-bottom: 1px solid #c4c4c4
}

table.margin tr.border_top,table.margin tr.border_top td {
  border-top: 1px solid transparent
}

table.margin tr.border_top_strong td {
  border-top: 2px solid transparent
}

table.positions {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 678px
}

table.positions th {
  height: 30px;
  background: #7D7D7D;
  color: #FFF100
}

td.top {
  vertical-align: top
}

table.designed {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0
}

table.designed.border tr td:first-child {
	border-left: 1px solid black
}

table.designed.border tr td:last-child {
	border-right: 1px solid black
}

table.designed.border tr:last-child td {
	border-bottom: 1px solid black
}

table.designed tr {
  border-bottom: 1px solid #c4c4c4
}

table.designed tr:nth-child(odd) {
  background: #fff
}

table.designed tr:nth-child(even) {
  background: #ececec
}

table.designed tr:hover {
  background: #8bedff!important
}

table.designed tr:hover td {
  border-right: 1px solid #15dcff
}

table.designed tr:hover td.border_left {
  border-left: 1px solid black
}

table.designed tr:hover td.border_right {
  border-right: 1px solid black
}

table.designed tr:hover td:first-child {
  border-left: 1px solid #15dcff
}

table.designed th {
  color: #fff;
  background: #606060;
  border: 1px solid #404040;
  font-weight: bold
}

table.designed th.order.asc {
  background-image: url("../img/icons/sort-asc.png");
  background-position: right center;
  background-repeat: no-repeat
}

table.designed th.order.desc {
  background-image: url("../img/icons/sort-desc.png");
  background-position: right center;
  background-repeat: no-repeat
}

table.designed th.order.asc.right {
  background-position: left center
}

table.designed th.order.desc.right {
  background-position: left center
}

table.designed th a {
  color: #fff;
  text-decoration: none
}

table.designed th, table.designed td {
  line-height: 20px;
  padding: 4px 10px;
  vertical-align: top
}

table.designed th.status, table.designed td.status {
  padding: 4px 0px;
}

table.designed th.no_padding,table.designed td.no_padding {
  padding: 4px 2px;
}

table.designed th.right,table.designed td.right {
  text-align: right
}

table.designed thead th,table.designed tbody tr:first-child th {
  border-bottom: 0
}

table.designed td {
  border-right: 1px solid #cecece;
}

table.designed td.border_left {
  border-left: 1px solid black;
}

table.designed td.border_right {
  border-right: 1px solid black;
}

table.designed td:first-child {
  border-left: 1px solid #c4c4c4
}

table.designed th.accounting_values {
  background: #00687a;
  border: 1px solid #43c9e1
}

table.designed td.accounting_values {
  border: 1px solid #43c9e1
}

table.designed tr:nth-child(odd) td.accounting_values {
  background: #afeffa !important;
}

table.designed tr:nth-child(even) td.accounting_values {
  background: #7de7fa !important;
}

table.designed th.promoter_values {
  background: #6b8a22;
  border: 1px solid #a6d636
}

table.designed td.promoter_values {
  border: 1px solid #a6d636
}

table.designed tr:nth-child(odd) td.promoter_values {
  background: #ddff8c
}

table.designed tr:nth-child(even) td.promoter_values {
  background: #cdff59
}

table.designed th.background_green {
  background: #6b8a22;
  border: 1px solid #a6d636
}

table.designed td.background_green {
  border: 1px solid #a6d636
}

table.designed tr:nth-child(odd) td.background_green {
  background: #ddff8c
}

table.designed tr:nth-child(even) td.background_green {
  background: #cdff59
}

table.designed th.background_yellow {
  background: #ffff59;
  border: 1px solid #ffff8c
}

table.designed td.background_yellow {
  border: 1px solid #ffff59
}

table.designed tr:nth-child(odd) td.background_yellow {
  background: #ffff59
}

table.designed tr:nth-child(even) td.background_yellow {
  background: #ffff8c
}

table.designed th.background_red {
  background: #FFBABA;
  border: 1px solid #D8000C
}

table.designed td.background_red {
  border: 1px solid #D8000C
}

table.designed tr:nth-child(odd) td.background_red {
  background: #FFBABA
}

table.designed tr:nth-child(even) td.background_red {
  background: #FFE0E0
}

table.designed tr.highlight:nth-child(even) {
  background-color: #ffff59 !important;
}

table.designed tr.highlight:nth-child(odd) {
  background-color: #ffff8c !important;
}

table.designed tr.agreement_order_shipped:nth-child(even) {
  background-color: #f5c071 !important;
}

table.designed tr.agreement_order_shipped:nth-child(odd) {
  background-color: #f7d8a8 !important;
}

table.designed tr:nth-child(even) td.highlight {
/*   background-color: #ffff59 !important; */
  background-color: #ffff59;
}

table.designed tr:nth-child(odd) td.highlight {
/*   background-color: #ffff8c !important; */
  background-color: #ffff8c;
}

table.designed tr.highlight {
  border: 1px solid #d6d636
}

table.designed td input,
table.designed th input,
table.designed td select,
table.designed th select {
  float: none
}

/* pro, 2014-05-16 */
table.designed td.right input, 
table.designed th.right input,
table.designed td.right select, 
table.designed th.right select,
table.designed td.center input, 
table.designed th.center input,
table.designed td.center select, 
table.designed th.center select {
	margin-right: 0px;
}

table.designed td label,table.designed th label {
  float: none
}

table.designed tr:nth-child(odd) td.table_row_attachment.file_droppable {
  background: url(../img/style/background/dragdropzone_odd.png) no-repeat center center
}

table.designed tr:nth-child(even) td.table_row_attachment.file_droppable {
  background: url(../img/style/background/dragdropzone_even.png) no-repeat center center
}

table.designed tr.headline_2,table.designed tr.headline_2 td {
  border-bottom: 1px solid black!important;
	font-weight: bold;
}

table.designed tr.status_deleted {
  color: #999
}

table.designed td.group_even
{
	background-color: #acabad;
}

table.designed td.group_odd
{
	background-color: #606060;
}


table.designed td.status_gray {
  background-image: url(../img/style/background/gray.png);
}

table.designed td.status_apriko {
  background-image: url(../img/style/background/yellow.png);
}

table.designed td.status_green {
  background-image: url(../img/style/background/green.png);
}

table.designed td.status_darkgreen {
  background-image: url(../img/style/background/green_dark.png);
}

table.designed td.status_blue {
  background-image: url(../img/style/background/blue.png);
}

table.designed td.status_orange {
  background-image: url(../img/style/background/orange.png);
}

table.designed td.status_yellow {
  background-image: url(../img/style/background/yellow.png);
}

table.designed td.status_red {
  background-image: url(../img/style/background/red.png);
}


/* jbu, 2014-09-18 */
table.designed tr:nth-child(odd) td.bg_green {
  background: #ddff8c
}

table.designed tr:nth-child(even) td.bg_green {
  background: #cdff59
}

table.designed tr:nth-child(odd) td.bg_yellow {
  background: #ffff59 !important;
}

table.designed tr:nth-child(even) td.bg_yellow {
  background: #ffff8c !important;
}

table.designed tr:nth-child(odd) td.bg_red {
  background: #FFE0E0 !important;
}

table.designed tr:nth-child(even) td.bg_red {
  background: #FFE0EC !important;
}

table.designed tr:nth-child(odd) td.bg_blue {
  background: #afeffa
}

table.designed tr:nth-child(even) td.bg_blue {
  background: #7de7fa
}

table.designed tr.empty_row {
  background: none !important;
}


table.document
{
	border: 1px solid #ccc;
}

table.document th
{
	background-color: #606060;
	border: 1px solid #404040;
	color: #fff;
	height: 20px;
	padding: 5px;
}

table.document th a
{
	color: #fff;
	text-decoration: none;
	display: block;
}

table.document tr
{
	border-top: 1px solid #c4c4c4;
	height: 30px;
}

table.document tr.colored
{
	background-color: #ececec;
} 

table.document tr td
{
	padding: 5px;
	padding-top: 10px;
	vertical-align: top;
}

table.document tr td button.btn-edit, table.document tr td button.btn-icon, table.document tr td button.btn-download
{
	margin-bottom: 0px;
}

table.document tr.content
{
	border-top: none;
}

table.document tr.content td
{
	padding: 15px;
}

table.document tr td a
{
	text-decoration: none;
	/* display: block; */
}

table.document th.order.asc {
  background-image: url("../img/icons/sort-asc.png");
  background-position: right center;
  background-repeat: no-repeat
}

table.document th.order.desc {
  background-image: url("../img/icons/sort-desc.png");
  background-position: right center;
  background-repeat: no-repeat
}

table.document th.order.asc.right {
  background-position: left center
}

table.document th.order.desc.right {
  background-position: left center
}




table .border_top {
	background: none;
	border-top: 2px solid #909090;
}

table .blank-line {
	height: 57px;
	background: none;
	border-bottom: 1px solid #909090;
}

.incident-count {
  position: absolute;
  bottom: -6px;
  right: -6px;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 20px;
  border-radius: 10px;
  background: #303030;
  font-size: 12px;
  text-align: center;
  color: #FFF
}

.table_row_status div {
  position: relative
}

table.designed input[type="checkbox"] {
  height: 14px
}

.bg-regional-manager-planned {
  background: #99c2ff
}

table.designed tr.rm-visit-planned:nth-child(odd) td {
  background: #99c2ff
}

table.designed tr.rm-visit-planned:nth-child(even) td {
  background: #8eb6f4
}

.bg-regional-manager-incident {
  background: #ffeb99
}

table.designed tr.rm-visit-incident:nth-child(odd) td {
  background: #ffeb99
}

table.designed tr.rm-visit-incident:nth-child(even) td {
  background: #f4df8e
}

/**********************************************************************
 * ALLGEMEINE KLASSEN
 **********************************************************************/

.bg_red {
	background-color: red;
}

.bg_blue {
	background-color: #ccd6f9;
}

.bg_yellow {
	background-color: yellow;
}

.bg_green {
	background-color: green;
}

.white {
  color: #FFF
}

.red {
  color: #F00
}

.purple {
  color: #2a549d
}

.gray {
  color: #7D7D7D !important;
}

.yellow {
  color: #D3C30F
}

.green {
  color: #090
}

.blue {
  color: #2A55FF
}

.highlight {
	color:#000000;
}

.dimmed {
	color: #a0a0a0;
}

.box_data {
  margin-bottom: 5px
}

.box_gray {
  background-color: #F0F0F0
}

.box_search {
  border: 1px solid #7D7D7D;
}

.box_search_extra {
  border: 1px solid #7D7D7D;
  background-color: #5B74A8
}

div#div_notices ul.missing, 
div.div_notices ul.missing {
  padding-top: 10px
}

div#div_notices ul.missing li,
div.div_notices ul.missing li {
  padding-bottom: 3px;
  margin-left: 50px;
  list-style-type: disc
}

.img_padding {
  padding: 0 5px
}

div.page_menu_top {
  height: 5px
}

div.page_menu_bot {
  height: 5px
}

div.page_menu_inner {
  padding: 0;
	/*jbu, 2013-11-19, im firefox wurde nicht umgebrochen*/
	display: inline-block;
}

table.page_menu {
  margin-bottom: 3px;
  margin-top: 3px
}

table.page_menu a {
  color: #605654
}

table.page_menu td {
  color: #002548;
  height: 24px
}

table.page_menu input[type='text'] {
  border: 1px solid black;
  float: none;
  font-size: 12px;
  height: 14px;
  line-height: 14px;
  margin: 0 3px -1px 5px;
  text-align: center;
  vertical-align: text-bottom;
  width: 32px
}

table.page_menu a {
  color: #002548;
  text-decoration: none
}

table.page_menu a.page_menu_off {
  color: #002548;
  text-decoration: none
}

table.page_menu a.page_menu_on {
  text-decoration: underline
}

table.page_menu a.page_menu_off:hover {
  color: #0041C0
}

table.page_nenu {
  width: 570px
}

table.page_nenu.wide {
  width: 763px
}

table.page_nenu td {
  height: 15px
}


table td.history-red {
  color: red
}

a.page_menu_on {
  color: #000
}

a.page_menu_off {
  color: #F7F7F7
}

a.page_menu_on,a.page_menu_off {
  text-decoration: none
}

a.page_menu_off:hover,a.page_menu_on:hover {
  text-decoration: underline
}

img {
  border: 0
}

.middle {
  vertical-align: middle
}

img.button {
  cursor: pointer
}

img.header {
  margin-left: 5px;
  margin-right: 10px;
  vertical-align: text-bottom
}

img.icon {
  padding-left: 3px;
  padding-top: 2px
}

.important {
  color: #555e59;
  line-height: 1.3em;
  padding: 10px 20px
}

.promotion_status_yellow {
  background-color: #FF0
}

.promotion_status_orange {
  background-color: #F90
}

.promotion_status_red {
  background-color: #F00
}

.promotion_status_green {
  background-color: #090;
  color: #FFF
}

.financial_status_yellow {
  background-color: #FF6
}

.financial_status_blue {
  background-color: #6CF
}

.financial_status_green {
  background-color: #9F3
}

.financial_status_dark_blue {
  background-color: #06F
}

.financial_status_light_blue {
  background-color: #09F
}

.stock_list_details {
  background-color: #E1EAFD;
  padding-left: 2px;
  padding-right: 5px;
  vertical-align: top
}

.news_box {
  padding-left: 10px
}

.news_row {
  padding-top: 5px;
  padding-left: 15px
}

.news_row a {
  text-decoration: none
}

.news_row a.inactive {
  color: #999
}


/* 2014-01-23, dci - .news kann wohl weg */

div.news.box,
div.document_download.box {
  background-color: #F9F9F9;
  margin-top: 5px;
  margin-bottom: 15px;
	border: 1px solid #C4C4C4;
}

div.news.title,
div.document_download.title {
  background-color: #F0F0F0;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  padding-left: 5px;
  padding-right: 5px
}

div.news.text,
div.document_download.text {
  line-height: 15px;
  padding: 5px
}

div.news.footer,
div.document_download.footer {
  color: #fff;
  font-weight: bold;
  padding: 5px
}

div.news.footer {
	background-color: #F0F0F0;
}

div.news.text ul {
  margin-left: 15px
}

/***************************************/

li.acrobat {
  list-style-type: none;
  background-image: url(../img/doctypes/acrobat.png);
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 20px;
  line-height: 18px
}

li.excel {
  list-style-type: none;
  background-image: url(../img/doctypes/excel.png);
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 20px;
  line-height: 18px
}

li.csv {
  list-style-type: none;
  background-image: url(../img/doctypes/csv.png);
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 20px;
  line-height: 18px
}

.infobox {
  background-image: url("../img/style/infobox.gif");
  background-repeat: no-repeat;
  height: 220px;
  line-height: 20px;
  padding-top: 15px;
  padding-left: 20px;
  text-align: left;
  width: 210px
}

.infobox.download {
  background-image: url("../img/style/infobox_download.gif")
}

.clickable:hover {
  cursor: pointer
}

table.row_info {
  width: 200px;
  border: 1px solid #052F79
}

tr.row_info {
  height: 20px;
  background-color: #E4EEFC
}

tr.row_info_alt {
  height: 20px;
  background-color: #FFF
}

td.row_info_head {
  font-weight: bold;
  border-bottom: 1px solid #052F79
}

td.row_info_label {
  padding-right: 3px
}

td.row_info_value {
  padding-left: 3px
}

.select_option_yellow {
  background-color: #FF0;
  color: #000
}

.select_option_white {
  background-color: #FFF;
  color: #000
}

.select_option_green {
  background-color: #008000;
  color: #FFF
}

.select_option_red {
  background-color: #F00;
  color: #000
}

.map {
  padding: 0!important
}

.cursor_pointer {
  cursor: pointer
}

.no_payment {
  background-color: #F50
}

a.nounderlined {
  text-decoration: none
}

.report_level {
  background-color: #DFDFDF;
  border: 1px solid black;
  float: left;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  margin-left: 30px;
  text-align: center;
  width: 100px
}

.report_level_selected {
  background-color: #796B67;
  color: #FFF
}

div.export {
  color: #000;
  background-color: #E5E5E5;
  border: 1px solid #676767;
  padding: 15px 5px;
  width: 140px
}

#tda_table tr:hover {
  background-color: #BCB3B3
}

#tda_table tr.tda_selected:hover {
  background-color: #F0F2F1
}

table.margin tr.selected,table.margin tr.colored.selected {
  background-color: #BCD2FF
}

div.h1_caption {
  color: #4D4745;
  font-size: 18px;
  margin-bottom: 5px;
  margin-top: 1px;
  padding: 0
}

li.link.button.list {
  background: url("../img/icons/list20x20.png") no-repeat scroll left center #CCC;
  background-position: 5px 50%
}

li.link.button {
  background-color: #CCC;
  border: 1px solid black;
  border-bottom: 0;
  float: left;
  height: 20px;
  line-height: 29px;
  margin-right: 5px;
  padding: 3px 3px 3px 36px
}

li.link.button a {
  display: block;
  color: #000;
  text-decoration: none;
  padding-right: 5px
}

li.link.button.selected {
  border: 1px solid #810;
  border-bottom: 0
}

li.link.button.selected a {
  font-weight: 600
}

li.link.button.map {
  background: url("../img/icons/map20x20.png") no-repeat scroll left center #CCC;
  background-position: 5px 50%
}

li.link.button.list {
  background: url("../img/icons/list20x20.png") no-repeat scroll left center #CCC;
  background-position: 5px 50%
}

li.link.button {
  background-color: #CCC;
  border: 1px solid black;
  border-bottom: 0;
  float: left;
  height: 20px;
  line-height: 29px;
  margin-right: 5px;
  padding: 3px 3px 3px 36px
}

li.link.button a {
  display: block;
  color: #000;
  text-decoration: none;
  padding-right: 5px
}

li.link.button.selected {
  border: 1px solid #810;
  border-bottom: 0
}

li.link.button.selected a {
  font-weight: 600
}

div.export {
	margin-bottom: 10px;
  padding: 15px 5px;
  width: 140px
}

table#application-version th {
  background-color: #2e2e2b;
  color: #fff;
  min-height: 25px;
  padding: 2px
}

table#application-version td {
  line-height: 16px;
  min-height: 25px;
  padding: 2px;
  vertical-align: top
}

table#application-version tr.colored {
  background-color: #DFDFDF
}

table#application-version tr.border_bottom td {
  border-bottom: 1px solid #7D7D7D
}

table td.mod_yellow {
  background-color: #FDF3C9
}

table td.mod_red {
  background-color: #FFE0E0
}

table td.mod_green {
  background-color: #E2F7E1
}

div.holiday_statistic {
  background-color: #9F9FA1;
  border: 1px solid black;
  padding: 3px
}

div.document {
  background-color: #EEE;
  border: 1px solid #B0B0B0;
  float: left;
  padding: 5px;
  margin-top: 3px;
  margin-right: 3px;
  max-width: 370px;
  min-height: 165px
}

div.document div.thumbnail_left {
  float: left;
  padding: 2px;
  width: 122px
}

div.document div.thumbnail_right {
  margin-left: 10px;
  float: left;
  padding: 2px
}

div.document div.thumbnail_image {
  height: 93px;
  width: 120px
}

div.document img.thumbnail_picture {
  cursor: pointer;
  max-height: 90px;
  max-width: 120px
}

div.document_dropzone {
  background: #FCFCFC url(../img/style/background/dragdropzone_even.png) no-repeat center center;
  border: 1px dashed #C4C4C4;
  float: left;
  padding: 5px;
  margin: 3px;
  width: 376px;
  text-align: center;
  vertical-align: middle
}

.document_dropzone h1 {
  font-size: 16px;
  line-height: 20px
}

.document_dropzone h2 {
  font-weight: normal;
  padding-bottom: 12px
}

div.document_dropzone.in {
  background-color: #FEF2CA
}

div.document_dropzone.hover {
  background-color: #FEF2CA
}

div.document_dropzone_inner {
  margin: 10px
}

.document_dropzone_inner .upload_alternate {
  margin-top: -40px;
  margin-bottom: 16px
}

h1.document_dropzone_info {
  text-align: center
}

.document_dropzone_filetypes {
  color: #606060
}

div.document_dropzone_category {
  background-color: #E0E0E0;
  border: 1px solid #ccc;
  font-weight: bold;
  line-height: 30px;
  margin-top: 5px
}

div.document_dropzone_category.in {
  background-color: #BCD2FF
}

div.document_dropzone_category.hover {
  background-color: #BCD2FF
}

div.document_upload {
  background-color: #4D4845;
  padding: 10px;
  width: 1132px
}

div.document_upload_element {
  background: #F9F9F9;
  float: left;
  height: 80px;
  margin-right: 5px;
  padding: 5px
}

div.document_ftp_element {
  background: #F9F9F9;
  float: left;
  margin-right: 5px;
  padding: 5px
}


/*NEW DOCUMENT CONSTRUCT*/
div.new_document_header {
  background-color: #4D4845;
  padding: 10px;
}

div.new_document_header_box {
	background: #F9F9F9;
	min-height: 90px;
	padding: 5px;
}

div.new_document_dropzone {
/* jbu, 2014-04-22 */
/* 	background: #F9F9F9 url(../../../../../img/style/background/dragdropzone_even.png) no-repeat center center; */
	background: #F9F9F9 url(../img/style/background/dragdropzone_even.png) no-repeat center center;
}

div.new_document_outer {
	display: inline-block;
	padding-top: 3px;
}

div.new_document {
	background-color: #F9F9F9;
	border: 1px solid #B0B0B0;
}

div.new_document.background_highlight {
	background-color: #E0E0E0;
	border: 1px solid #B0B0B0;
}

div.new_document_inner {
	padding: 5px;
}

div.new_document_dropzone.in {
  background-color: #FEF2CA
}

div.new_document_dropzone.hover {
  background-color: #FEF2CA
}



div.file_container {
  margin-top: 5px
}

div.file_container div.file_item {
  border: 1px solid black;
  margin: 5px 0
}

div.file_container div.file_item_head {
  background-color: #F0F0F0;
  padding: 3px
}

div.file_container div.file_item_head_settings {
  background-color: #F0F0F0;
  display: none
}

div.file_container div.file_item_content {
  background-color: #F9F9F9
}

.auto-height {
  height: auto!important
}

.deleted-color {
  color: red!important
}

.ui-datepicker-trigger {
  float: left
}

td .ui-datepicker-trigger {
  float: none
}

.ui-tabs {
  padding: 0!important
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
  font-family: Arial,sans-serif!important
}

.ui-tooltip{
  max-width: 800px;
}

.ui-tooltip li {
  list-style-position: inside
}

.container_30 table {
  display: table;
  margin-left: 0;
  margin-right: 0
}

.dialog_no_padding {
	padding: 0px !important;
}

.dialog_notices .success, .dialog_notices .info, .dialog_notices .error{
	margin: 5px;
}

.dialog_notices ul.missing li {
	padding-bottom: 3px;
	margin-left: 50px;
	list-style-type: disc;
}

.dialog_content {
	padding: 5px;
}

.dialog_controls {
	    -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	         box-sizing: border-box;
	 width: 100%;
	 background: #f0f0f0; 
	 padding: 5px;
	 border-top: 1px solid #dadada;
}

.dialog_controls input {
	float: right;
}

.dialog_header{
	    -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	         box-sizing: border-box;
	 width: 100%;
	 background: #f0f0f0; 
	 padding: 5px;
	 border-bottom: 1px solid #dadada;
}

.dialog_header [class^="icon-sprite-"] {
	margin-top: 4px;
}

.dialog_header button, .dialog_header input {
	margin-top: 2px;
	margin-bottom: 2px;
}

.dialog_header2 {
	    -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	         box-sizing: border-box;
	 width: 100%;
	 background: #F9F9F9; 
	 padding: 5px;
	 border-bottom: 1px solid #dadada;
}

.dialog_content.master_data {
  background: #f9f9f9;
  border-right: 1px solid #dadada
}


.tabs_no_padding .ui-tabs-panel {
	padding: 0px !important;
}

div#popup_div_search_user_result, div#popup_div_search_outlet_result, div#popup_search_team_result, div#popup_search_promoter_result, div#div_search_promoter_result {
	margin: 0 10px 10px;
}

.color_preview
{
	width: 20px;
	height: 18px;
	float: left;
	border: 1px solid #000000;
}
	
/**************************************************************************************/
/* START: button menu
/**************************************************************************************/	
	.button_menu
	{
		color: #555;
		text-align:left;
		background: #fff;
		position: absolute;
		z-index: 100;
		display: none;
/* 		margin-left: 10px; */
		border-radius: 6px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
	}
	
	.button_menu li a 
	{
		color: #555555;
		display: block;
		font-family: arial;
		font-weight: bold;
		padding: 6px 15px;
		cursor: pointer;
		text-decoration:none;
	}
	
	.button_menu li a:hover
	{
		background:#155FB0;
		color: #FFFFFF;
		text-decoration: none;
	}
	
	.button_menu li
	{
		list-style:none;
		margin:0px;
		padding:0px;
		font-size: 11px;
	} 
/**************************************************************************************/
/* END: button menu
/**************************************************************************************/

/**********************************************************************
 * EDIT-POPUP DER EINSATZPLANLISTE
 **********************************************************************/
/* 
.popup-edit {
  color: #606060
}

.popup-edit label {
  margin: 0 5px 0 0;
  padding: 0;
  float: none;
  font-weight: bold
}

.popup-edit .row {
  position: relative;
  vertical-align: top
}

.popup-edit .row-header,.popup-edit .row-ids,.popup-edit .row-action {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 36px;
  background: #f0f0f0;
  padding: 0 10px;
  line-height: 36px
}

.popup-edit .row-header {
  border-bottom: 1px solid #dadada
}

.popup-edit .row-ids {
  background: #f9f9f9;
  border-bottom: 1px solid #dadada
}

.popup-edit .row-action {
  border-top: 1px solid #dadada
}

.popup-edit .master-data {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  height: 100%;
  width: 50%;
  background: #f9f9f9;
  border-right: 1px solid #dadada
}

.popup-edit .assignment-data {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  height: 100%;
  width: 50%;
  background: #fff
}

.popup-edit .master-data label,.popup-edit .assignment-data label {
  display: inline-block;
  line-height: 28px;
  float: none;
  padding-left: 10px;
  text-align: right
}

.master-data .row:first-child,.assignment-data .row:first-child {
  padding-top: 10px
}

.popup-edit label.value {
  text-align: left;
  font-weight: normal
}

.popup-edit .editable:hover {
  cursor: pointer;
  background: #AFEFFA
}

.popup-edit div.success,.popup-edit div.error,.popup-edit div.info {
  margin-bottom: 0
} */

div.row-ids {
  background: #f9f9f9;
  border-bottom: 1px solid #dadada;
}
div.row-action {
  background: #f9f9f9;
  border-top: 1px solid #dadada;
	padding-top: 5px;
	padding-bottom: 5px;
}
/**********************************************************************
 * NEUE BEREICHE
 *
 * CSS wirkt sich nur auf folgende Bereiche aus:
 * - user-edit
 * - outlet-edit
 ***********************************************************************/

/* Padding von jQueryUI �berschreiben */
#new-user-edit .ui-tabs .ui-tabs-panel,
#new-outlet-edit .ui-tabs .ui-tabs-panel {
  padding: 1em 0
}


/* Reset des Grids */
#new-user-edit [class^="grid_"],
#new-outlet-edit [class^="grid_"] {
  margin-left: 0;
  margin-right: 0
}

/* Grid musste leider angepasst werden. Neues Grid mit maximal 16 Spalten ist empfehlenswert. */
#new-user-edit .margin-right,
#new-outlet-edit .margin-right,
#user-profile .margin-right {
  margin-right: 10px!important
}

#new-user-edit .margin-left,
#new-outlet-edit .margin-left,
#user-profile .margin-left {
  margin-left: 20px!important
}

#new-user-edit .grid_11.s_25 {
  width: 410px
}

#new-user-edit .grid_18.b_20 {
  width: 735px
}

#new-outlet-edit .grid_10.s_20 {
  width: 375px
}

#new-outlet-edit .grid_10.b_15 {
  width: 410px
}

#new-outlet-edit .grid_20.b_20 {
  width: 815px
}

#new-user-edit label,
#new-outlet-edit label {
  margin: 0 5px 0 0; /* Abstand für rechtsb�ndige Labels, Reset der anderen Abst�nde */
}

#new-user-edit .box-header,
#new-outlet-edit .box-header,
#user-profile .box-header {
  background: #f0f0f0;
	margin: -10px -10px 0 -10px;
	padding: 0 0 0 10px;
}

#new-user-edit .box-header-info,
#new-outlet-edit .box-header-info,
#user-profile .box-header-info {
	background-color: #c4c4c4;  
	float: right;
	height: 26px;
	text-align: center;
	width: 26px;
}

#new-user-edit .box-header-info span,
#new-outlet-edit .box-header-info span,
#user-profile .box-header-info span {
	margin-top: 5px;
  height: 16px;
  width: 16px;
}

#new-user-edit .box_data,
#new-outlet-edit .box_data, 
#user-profile .box_data,
.csm_11 .box_data {
  padding: 10px;
  margin-bottom: 10px;
  background: #F9F9F9
}



/* Ausrichtung der Flaggen. Kann sp�ter hoffentlich verallgemeinert oder gel�scht werden. */
#new-user-edit #flag_ger,
#new-outlet-edit #flag_eng {
  margin-top: 6px;
  height: 16px;
  width: 16px
}

/* Erzeugt Trennlinien zwischen Bereichen einens Blocks. */
#new-user-edit .block-divided:after,
#new-outlet-edit .block-divided:after {
  display: block;
  content: "";
  margin: 7px -10px 8px;
  border-bottom: 1px solid #c4c4c4
}

#new-user-edit .block-divided:last-child:after,
#new-outlet-edit .block-divided:last-child:after {
  margin: 0;
  border-bottom: 0
}

/* Dropzone wenn Bilder vorhanden */
#new-user-edit .dropzone {
  background: url("../img/style/background/dragdropzone_even.png") no-repeat scroll center center #FCFCFC;
  border: 1px dashed #C4C4C4;
  text-align: center;
  vertical-align: middle;
  min-height: 57px
}

/* Dropzone wenn keine Bilder vorhanden */
#new-user-edit .dropzone.big { 
  height: 309px!important; /* Gr��e variiert zwischen den Browsern. 309px ist die H�he für Chrome. */
}


#new-user-edit #map {
  height: 382px; /* H�he variiert auch hier zwischen den Browsern */
  width: 408px;
  border: 1px solid #c4c4c4
}


/* Leiste mit Buttons am Ende der Seite */
#new-user-edit #tab_general .buttonbox,
#new-outlet-edit #tab_outlet_general .buttonbox,
#new-voucher-edit .buttonbox,
#outlet-import-content .buttonbox,
#user-profile .buttonbox,
#team_form .buttonbox, #tab_content_csm12+.buttonbox {
  padding-top: 10px;
  border-top: 1px solid #c4c4c4
}

#new-user-edit #tab_general .buttonbox .primary,
#new-outlet-edit #tab_outlet_general .buttonbox .primary,
#new-voucher-edit .buttonbox {
  margin-right: 0
}


/**********************************************************************
 * CSS wirkt sich nur auf folgende Bereiche aus:
 * - start
 ***********************************************************************/

#new-dashboard h2 {
	font-size: 16px;
	line-height: 28px;
}

#new-dashboard .news-head {
	display: block;
	float: left;
	width: 100%;
 	padding: 10px 0 5px;
	background: #f9f9f9;
	border-bottom: 1px solid #e0e0e0;
	border-radius: 4px 4px 0 0;
}

 #new-dashboard .news-head h2,
#new-dashboard .news-head fieldset {
	padding: 0 20px;
} 

#new-dashboard .news-entry {
	background: #f9f9f9;
	border-bottom: 1px solid #e0e0e0;
}

#new-dashboard .news-entry h3 {
	color: #404040;
}

#new-dashboard .news-entry.reading-confirmation  {
	background: #d4effa;
	border-bottom: 1px solid #7dceef;
}

#new-dashboard .news-entry .news-entry-head,
#new-dashboard .news-entry .news-entry-content {
	padding: 20px;
	color: #606060;
}

#new-dashboard .news-entry .news-entry-content {
	line-height: 20px;
}

#new-dashboard .news-entry .news-entry-content img {
  max-width: 100%;
}

#new-dashboard .news-entry .news-entry-footer {
	display: block;
	padding: 0px 20px 10px
}

#new-dashboard .form-reading-confirmation {
	display: block;
	background: #ffffff;
	padding: 3px 5px 3px 10px;
	float: right;
	line-height: 20px;
	border-radius: 4px;
}

#new-dashboard input[type="checkbox"].right {
	float: right;
	margin-left: 5px;
}

#new-dashboard .news-footer {
	display: block;
	padding: 10px 0px;
	background: #f9f9f9;
	border-radius: 0 0 4px 4px;
	text-align: center;
}

#new-dashboard .news-footer.load-more a {
	display: block;	
	text-decoration: none;
}

#new-dashboard .news-footer.load-more:hover {
	cursor: pointer;
	background: #f0f0f0;
}

#new-dashboard .news-footer.load-more:hover a {
	color: #0041c0;
}

#new-dashboard .to-do-list {
	background: #e9f2b6;
	border-radius: 4px;
	line-height: 20px;
	margin-bottom: 20px;
}

#new-dashboard .to-do-list a {
	text-decoration: none;
}

#new-dashboard .to-do-list .to-do-list-head {
	border-bottom: 1px solid #d6e962;
}

#new-dashboard .to-do-list .to-do-list-head h2 {
	padding: 0px 20px;
	margin: 0;
	line-height: 28px;
}

#new-dashboard .to-do-list .to-do-list-content {
	padding: 10px 20px 20px;
}

#new-dashboard .to-do-list .to-do-list-content ul {
	list-style: none;
}

/* Ansprechpartner */

#new-dashboard .contact-list {
	background: #f9f9f9;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-radius: 4px;
}
#new-dashboard .contact-list h2 {
  line-height: 28px;
  margin: 0;
  padding: 0 20px;
}

#new-dashboard .contact-list table {
	width: 100%;

}

#new-dashboard .contact-list tr:first-child th {
	padding-top: 10px;
	border-top: 1px solid #e0e0e0;
}

#new-dashboard .contact-list tr:last-child td {
	padding-bottom: 10px;
}

#new-dashboard .contact-list td,
#new-dashboard .contact-list th {
	padding: 0 20px;
}

/* Quick fix for missing report info at reporting-list and schedule plan, dci */

.reporting-list {
	clear: both;
}

.reporting-list,
.schedule-plan {
	line-height: 20px;
}

.reporting-list span,
.schedule-plan span {
	display: block;
}
.reporting-list ul,
.reporting-list li,
.schedule-plan ul,
.schedule-plan li {
	display: inline;
	margin: 0;
}
.reporting-list li:last-child, 
.schedule-plan li:last-child {
	display: inline;
}

.reporting-list li:not(:last-child):after,
.schedule-plan li:not(:last-child):after {
	content: ", ";
}

/* Schedule Calendar, dci */

#startcenter_schedule_calendar_div .work_plan {
	color: #606060;
	background: #f9f9f9;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-radius: 4px;
}

#startcenter_schedule_calendar_div .date_empty {
	background: none;
	color: #c0c0c0;
}
#startcenter_schedule_calendar_div .date_frame {
	color: #606060;	
	background: #f0f0f0;
}

#startcenter_schedule_calendar_div .calendar_date_background {
	background: #e0e0e0;
}

#startcenter_schedule_calendar_div a {
	text-decoration: none;
}
#startcenter_schedule_calendar_div .week,
#startcenter_schedule_calendar_div .weekday {
	background: none;
}

#startcenter_schedule_calendar_div .add-date {
	font-size: 12px;
	color: #ffffff;
	line-height: 20px;
	text-align: center;
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
	float: none;
}

#startcenter_schedule_calendar_div .calendar_month {
	background: none;
	border-bottom: 1px solid #e0e0e0;
}

#startcenter_schedule_calendar_div .date,
#startcenter_schedule_calendar_div .date_empty,
#startcenter_schedule_calendar_div .date_frame,
#startcenter_schedule_calendar_div .weekday {
	width: 40px;
	text-decoration: none;
}

#startcenter_schedule_calendar_div .calendar_row, 
#startcenter_schedule_calendar_div .calendar_row_week {
	margin-left: 10px;
}


/**********************************************************************
* Fiese Hacks, dci
 **********************************************************************/

/**********************************************************************
* DFAULT CONTAINER //jbu, 2014-07-04
 **********************************************************************/
.box_container {
  background: #F9F9F9;
	border: 1px solid #CECECE;
	margin-bottom: 10px;
}

.box_header {
	background: #D0D0D0;
	padding: 5px;
	font-weight: bold;
}

.box_content {
	margin: 5px;
}

.box_footer {
	
}
/**********************************************************************
* DFAULT CONTAINER //jbu, 2014-07-04
 **********************************************************************/



/* Wird dazu verwendet inputs in der Tabelle bei schedule-suggestion-calendar zu zentrieren, dci */
#div_schedule_suggestion_calendar_content .center input {
	float: none;
	margin-right: 0px;
}

/**********************************************************************
 * SPRITE
 *
 * Übersicht aller Icons im Sprite und Anwendung:
 * K:\2013\binalogic\Promotion-DB\Sprites
 **********************************************************************/

[class^="btn-sprite-"],
[class^="icon-sprite-"] {
  background-image: url(../img/icons/sprite.png?version=20170630); /* Parameter mit aktuellem Datum hinzuf�gen, um Cache zu aktualisieren */
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  width: 16px
}

[class^="btn-sprite-"] {
  cursor: pointer
}

/* [class^="icon-menu-"] {
  background-image: url(../img/icons/sprite.png?version=20131202); Parameter mit aktuellem Datum hinzuf�gen, um Cache zu aktualisieren
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  width: 16px;
  padding-left: 20px;
} */

/* .icon-menu-settings, */
/* .btn-sprite-settings {
  background-position: -160px 0
}

background: url(http://i.imgur.com/IOA8l.png) no-repeat -2px -2px;    width: 9px;    height: 18px; display:inline-block
 */

.btn-sprite-edit {
  background-position: -160px -160px
}

.btn-sprite-edit.disabled,
.btn-sprite-edit.disabled:hover {
  background-position: -224px -192px;
}

.btn-sprite-edit-white {
  background-position: -160px -192px
}

.btn-sprite-edit:hover,
.btn-sprite-edit-white:hover,
.btn-edit-left:hover,
.icon-sprite-edit-hover {
  background-position: -160px -176px
}

.btn-sprite-quote {
	background-position: -208px -160px;
}

.btn-sprite-quote.disabled,
.btn-sprite-quote.disabled:hover {
	background-position: -208px -191px;
}

.btn-sprite-quote:hover {
	background-position: -208px -176px;
}

.btn-sprite-mail {
  background-position: -176px -160px
}
.btn-sprite-mail-white {
  background-position: -176px -192px
}

.btn-sprite-mail:hover,
.btn-sprite-mail-white:hover {
  background-position: -176px -176px
}

.btn-sprite-save {
  background-position: -16px 0
}

.btn-sprite-save-white {
  background-position: -16px -32px
}

.btn-sprite-save:hover,
.btn-sprite-save-white:hover {
  background-position: -16px -16px
}

.btn-sprite-delete {
  background-position: -32px 0
}

.btn-sprite-delete-white {
  background-position: -32px -32px
}

.btn-sprite-delete:hover,
.btn-sprite-delete-white:hover {
  background-position: -32px -16px
}

.btn-sprite-delete.disabled,
.btn-sprite-delete.disabled:hover {
	background-position: -240px -192px;
}

.btn-sprite-search,
.btn-sprite-show {
  background-position: -48px 0
}

.btn-sprite-search-white {
  background-position: -48px -32px
}

a:hover .btn-sprite-search,
.btn-sprite-search:hover,
.btn-sprite-search-white:hover,
.btn-sprite-show:hover {
  background-position: -48px -16px
}

.btn-sprite-help,
.icon-sprite-help {
  background-position: -64px 0
}

a:hover .btn-sprite-help,
.btn-sprite-help:hover {
  background-position: -64px -16px
}

.btn-sprite-info,
.btn-info:hover span,
.icon-sprite-info {
  background-position: -80px 0
}

.btn-sprite-info-red,
.icon-sprite-info-red {
  background-position: -192px -48px
}

.btn-sprite-info-white,
.icon-sprite-info-white {
  background-position: -80px -32px
}

.btn-sprite-info:hover,
.btn-sprite-info-red:hover,
.btn-sprite-info-white:hover {
  background-position: -80px -16px
}

.btn-sprite-add,
.btn-sprite-maximize,
.icon-sprite-plus {
  background-position: -96px 0
}

.btn-sprite-add-white,
.icon-sprite-add-white,
.btn-sprite-maximize-white,
.btn-sprite-plus-white {
  background-position: -96px -32px
}

.btn-sprite-add:hover,
.btn-sprite-add-white:hover,
.btn-sprite-maximize:hover {
  background-position: -96px -16px
}

.btn-sprite-remove,
.btn-sprite-minimize,
.icon-sprite-minus {
  background-position: -112px 0
}

.btn-sprite-remove-white,
.btn-sprite-minimize-white,
.icon-sprite-minus-white {
  background-position: -112px -32px
}

.btn-sprite-remove:hover,
.btn-sprite-minimize:hover,
.btn-sprite-minimize-white:hover {
  background-position: -112px -16px
}

.btn-sprite-user,
.btn-sprite-apply-standard-promoter {
  background-position: -128px 0
}

a:hover .btn-sprite-user,
.btn-sprite-user:hover,
.btn-sprite-apply-standard-promoter:hover {
  background-position: -128px -16px
}

.btn-sprite-admin {
  background-position: -144px 0
}

.btn-sprite-admin:hover {
  background-position: -144px -16px
}

.btn-sprite-settings {
  background-position: -160px 0
}

a:hover .btn-sprite-settings,
.btn-sprite-settings:hover {
  background-position: -160px -16px
}

.btn-sprite-settings-detail {
  background-position: -176px 0
}

.btn-sprite-settings-detail:hover {
  background-position: -176px -16px
}

.btn-sprite-left {
  background-position: -192px 0
}

.btn-sprite-left-white {
  background-position: -192px -32px
}

.btn-sprite-left:hover,
.btn-sprite-left-white:hover {
  background-position: -192px -16px
}

.btn-sprite-right,
.btn-sprite-shift {
  background-position: -208px 0
}

.btn-sprite-right-white {
	background-position: -208px -32px
}

.btn-sprite-right:hover,
.btn-sprite-right-white:hover,
.btn-sprite-shift:hover {
  background-position: -208px -16px
}

.btn-sprite-down,
.btn-sprite-dropdown,
.icon-sprite-limit-top {
  background-position: -224px 0
}

.btn-sprite-down:hover,
.btn-sprite-dropdown:hover,
.btn-dropdown-right:hover span {
  background-position: -224px -16px
}

.btn-sprite-up,
.icon-sprite-limit-bottom {
  background-position: -240px 0
}

.btn-sprite-up:hover {
  background-position: -240px -16px
}

.btn-sprite-history {
  background-position: -256px 0
}

.btn-sprite-history:hover {
  background-position: -256px -16px
}

.btn-sprite-presentation {
  background-position: -272px 0
}

.btn-sprite-presentation:hover {
  background-position: -272px -16px
}

.btn-sprite-link {
  background-position: -288px 0
}

.btn-sprite-link-white {
  background-position: -288px -32px
}

.btn-sprite-link:hover,
.btn-sprite-link-white:hover {
  background-position: -288px -16px
}

.btn-sprite-swap-horizontal {
  background-position: -304px 0
}

.btn-sprite-swap-horizontal:hover {
  background-position: -304px -16px
}

.btn-sprite-calendar,
.icon-sprite-calendar,
.btn-sprite-datepicker {
  background-position: -64px -64px
}

.btn-sprite-calendar-white,
.btn-sprite-datepicker-white {
  background-position: -64px -96px
}

.btn-sprite-calendar:hover,
.btn-sprite-datepicker:hover,
.btn-sprite-calendar-white:hover,
.btn-sprite-datepicker-white:hover {
  background-position: -64px -80px
}

.btn-sprite-counterclockwise {
  background-position: -80px -64px
}

.btn-sprite-counterclockwise:hover {
  background-position: -80px -80px
}

.btn-sprite-clockwise,
.btn-sprite-rotate {
  background-position: -96px -64px
}

.btn-sprite-clockwise:hover,
.btn-sprite-rotate:hover {
  background-position: -96px -80px
}

.btn-sprite-flip {
  background-position: -112px -64px
}

.btn-sprite-flip:hover {
  background-position: -112px -80px
}

.btn-sprite-download {
  background-position: -128px -64px
}

.btn-sprite-download:hover {
  background-position: -128px -80px
}

.btn-sprite-refresh {
  background-position: -144px -64px
}

.btn-sprite-refresh:hover {
  background-position: -144px -80px
}

.btn-sprite-dragdrop {
  background-position: -160px -64px
}

.btn-sprite-dragdrop:hover {
  background-position: -160px -80px
}

.icon-sprite-dragdrop-vertical,
.btn-sprite-dragdrop-vertical {
  background-position: -176px -64px
}

.btn-sprite-dragdrop-vertical-white {
  background-position: -176px -96px
}

.btn-sprite-dragdrop-vertical:hover,
.btn-sprite-dragdrop-vertical-white:hover {
  background-position: -176px -80px
}

.icon-sprite-correct,
.btn-sprite-accept {
  background-position: -192px -64px
}

.btn-sprite-accept:hover {
  background-position: -192px -80px
}

.btn-sprite-accept-double {
  background-position: -304px -96px
}

.btn-sprite-accept-double:hover {
  background-position: -304px -112px
}

.btn-sprite-close,
.btn-sprite-decline {
  background-position: -208px -64px
}

.btn-sprite-close:hover,
.btn-sprite-decline:hover {
  background-position: -208px -80px
}

.btn-sprite-favorite,
.icon-sprite-team-highlight {
  background-position: -224px -64px
}

.btn-sprite-favorite:hover {
  background-position: -224px -80px
}

.btn-sprite-favorite-not {
  background-position: -240px -64px
}

.btn-sprite-favorite-not:hover {
  background-position: -240px -80px
}

.btn-sprite-geo-refresh {
  background-position: -256px -64px
}

.btn-sprite-geo-refresh:hover {
  background-position: -256px -80px
}

.btn-sprite-time,
.icon-sprite-time {
  background-position: -272px -64px
}

.btn-sprite-time:hover {
  background-position: -272px -80px
}

.btn-sprite-copy,
.icon-sprite-copy {
  background-position: -288px -64px
}
.icon-sprite-copy-blue,
.btn-sprite-copy:hover {
  background-position: -288px -80px
}

.icon-sprite-unlocked {
  background-position: 0 -48px
}

.icon-sprite-locked {
  background-position: -16px -48px
}

.icon-sprite-locked-white {
  background-position: -160px -112px
}

.icon-sprite-locked-checked {
  background-position: -32px -48px
}

.icon-sprite-unseen {
  background-position: -48px -48px
}

.icon-sprite-seen {
  background-position: -64px -48px
}

.icon-sprite-seen-white {
  background-position: -176px -112px
}

.icon-sprite-seen-checked {
  background-position: -80px -48px
}

.icon-sprite-position-vacant-not {
  background-position: -96px -48px
}

.icon-sprite-position-vacant {
  background-position: -112px -48px
}

.icon-sprite-position-no {
  background-position: -128px -48px
}

.icon-sprite-payment {
  background-position: -224px -208px
}

.icon-sprite-payment-white {
  background-position: -224px -224px
}

.icon-sprite-comment {
  background-position: -240px -48px
}

.icon-sprite-new {
  background-position: -272px -48px
}

.icon-sprite-on {
  background-position: -288px -48px
}

.icon-sprite-off {
  background-position: -304px -48px
}

.icon-sprite-staff,
.icon-sprite-author {
  background-position: -144px -48px
}

.icon-sprite-sales-representative {
  background-position: -160px -48px
}

.icon-sprite-sales-chief {
  background-position: -176px -48px
}

.icon-sprite-linked-white {
  background-position: -256px -48px
}

.icon-sprite-assignment-cancellation {
  height: 32px;
  width: 32px;
  background-position: 0 -128px
}

.icon-sprite-assignment-denial {
  height: 32px;
  width: 32px;
  background-position: -32px -128px
}

.icon-sprite-assignment-shifted {
  height: 32px;
  width: 32px;
  background-position: -64px -128px
}

.icon-sprite-assignment-planned {
  height: 32px;
  width: 32px;
  background-position: -96px -128px
}

.icon-sprite-assignment-execution {
  height: 32px;
  width: 32px;
  background-position: -128px -128px
}

.icon-sprite-assignment-cancellation-small {
  height: 20px;
  width: 20px;
  background-position: -160px -128px
}

.icon-sprite-assignment-denial-small {
  height: 20px;
  width: 20px;
  background-position: -180px -128px
}

.icon-sprite-assignment-shifted-small {
  height: 20px;
  width: 20px;
  background-position: -200px -128px
}

.icon-sprite-assignment-planned-small {
  height: 20px;
  width: 20px;
  background-position: -220px -128px
}

.icon-sprite-assignment-execution-small {
  height: 20px;
  width: 20px;
  background-position: -240px -128px
}

.icon-sprite-pdf {
  background-position: 0 -112px
}

.icon-sprite-xls {
  background-position: -16px -112px
}

.icon-sprite-doc {
  background-position: -32px -112px
}

.icon-sprite-document {
  background-position: -48px -112px
}

.icon-sprite-image {
  background-position: -64px -112px
}

.icon-sprite-report {
  background-position: -80px -112px
}

.icon-sprite-archive {
  background-position: -96px -112px
}

.icon-sprite-musik {
  background-position: -112px -112px
}

.icon-sprite-video {
  background-position: -128px -112px
}

.icon-sprite-ppt {
  background-position: -144px -112px
}

.icon-sprite-storage-local {
  background-position: -208px -112px
}

.icon-sprite-storage-aws {
  background-position: -192px -112px
}

.btn-sprite-first {
  background-position: 0 -64px
}

.btn-sprite-first:hover {
  background-position: 0 -80px
}

.btn-sprite-first-disabled {
  background-position: -0px -96px
}

.btn-sprite-previous {
  background-position: -16px -64px
}

.btn-sprite-previous:hover {
  background-position: -16px -80px
}

.btn-sprite-previous-disabled {
  background-position: -16px -96px
}

.btn-sprite-next, 
.icon-sprite-next {
  background-position: -32px -64px
}

.btn-sprite-next:hover {
  background-position: -32px -80px
}

.btn-sprite-next-disabled,
.icon-sprite-next-disabled {
  background-position: -32px -96px
}

.btn-sprite-last {
  background-position: -48px -64px
}

.btn-sprite-last:hover {
  background-position: -48px -80px
}

.btn-sprite-last-disabled {
  background-position: -48px -96px
}

.icon-sprite-overnight {
	background-position: -304px -64px
}

.btn-sprite-swap-vertical {
  background-position: 0 -160px
}

.btn-sprite-swap-vertical:hover {
  background-position: 0 -176px
}

.btn-sprite-logout {
  background-position: -16px -160px
}

a:hover .btn-sprite-logout,
.btn-sprite-logout:hover {
  background-position: -16px -176px
}

.btn-sprite-glossary,
.icon-sprite-letter-v {
  background-position: -32px -160px
}

a:hover .btn-sprite-glossary,
.btn-sprite-glossary:hover {
  background-position: -32px -176px
}

.btn-sprite-outlet,
.icon-sprite-outlet {
  background-position: -48px -160px
}

.btn-sprite-outlet:hover {
  background-position: -48px -176px
}

.btn-sprite-set-address {
  background-position: -64px -160px
}

.btn-sprite-set-address:hover {
  background-position: -64px -176px
}

.btn-sprite-set-settings {
  background-position: -80px -160px
}

.btn-sprite-set-settings:hover {
  background-position: -80px -176px
}

.icon-sprite-hourglass {
  background-position: 0 -208px
}

.icon-sprite-female {
  background-position: -16px -208px
}

.icon-sprite-male {
  background-position: -32px -208px
}

.icon-sprite-start {
  background-position: -48px -208px
}

.icon-sprite-start-white {
  background-position: -48px -224px
}

.icon-sprite-end {
  background-position: -64px -208px
}

.icon-sprite-end-white {
  background-position: -64px -224px
}

.icon-sprite-price {
  background-position: -80px -208px
}

.icon-sprite-price-white {
  background-position: -80px -224px
}

.icon-sprite-letter-e {
  background-position: -192px -208px
}

.icon-sprite-letter-v {
  background-position: -208px -208px
}

.icon-sprite-setcard {
  background-position: -192px -160px
}

.icon-sprite-setcard-white {
  background-position: -192px -192px
}

.icon-sprite-todo-done {
  background-position: -96px -208px
}

.icon-sprite-todo-overdue {
  background-position: -112px -208px
}

.icon-sprite-todo-followup {
  background-position: -128px -208px
}

.icon-sprite-todo-open {
  background-position: -144px -208px
}

.icon-sprite-todo-cancelled {
  background-position: -160px -208px
}

.icon-sprite-todo-submitted {
  background-position: -176px -208px
}

.btn-sprite-view-1 {
  background-position: -96px -160px
}

.btn-sprite-view-1:hover {
  background-position: -96px -176px
}

.btn-sprite-view-2 {
  background-position: -112px -160px
}

.btn-sprite-view-2:hover {
  background-position: -112px -176px
}

.btn-sprite-view-3 {
  background-position: -128px -160px
}

.btn-sprite-view-3:hover {
  background-position: -128px -176px
}

.btn-sprite-copy {
  background-position: -144px -160px
}

.btn-sprite-copy-white {
  background-position: -144px -192px
}

.btn-sprite-copy:hover,
.btn-sprite-copy-white:hover {
  background-position: -144px -176px
}

.icon-sprite-chart-bar{
  height: 32px;
  width: 32px;
  background-position: -32px -240px
}

.icon-sprite-chart-pie{
  height: 32px;
  width: 32px;
  background-position: 0 -240px
}

.icon-sprite-storage-local {
    background-position: -208px -112px
}

.icon-sprite-storage-aws {
    background-position: -192px -112px
}
/**************************************************************************************/
/* START: JQUERY UI OVERWRITE
/**************************************************************************************/
.ui-widget-content .ui-combobox-input {
	background: #FFFFFF;
}

.ui-autocomplete {
  z-index:1010 !important;
}

.ui-autocomplete-category {
		font-weight:bold;
}


.ui-dialog .ui-dialog-titlebar {
	padding: .6em 1em;
}

/* jbu, 2014-12-04, Aus project.css in standard.css transferiert */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {
	border: 1px solid #474745;
}

.ui-accordion .ui-accordion-header a { 
	padding: .5em .5em .5em 2.2em;
}

.ui-dialog { 
	padding: 0px;
}

.ui-corner-all {
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-khtml-border-bottom-right-radius: 0px; 
	border-bottom-right-radius: 0px;

	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	-khtml-border-top-right-radius: 0px; 
	border-top-right-radius: 0px;

	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-khtml-border-bottom-left-radius: 0px; 
	border-bottom-left-radius: 0px;

	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	-khtml-border-top-left-radius: 0px; 
	border-top-left-radius: 0px;
}

.ui-widget-header { 
	border: none;
}

.ui-datepicker {
  z-index: 9999 !important
}

.binalogic-ui-dialog-content-no-padding.ui-dialog-content { 
	padding: 0px;
}
/**************************************************************************************/
/* END: JQUERY UI OVERWRITE
/**************************************************************************************/


/**************************************************************************************/
/* START: PRETTYPHOTO OVERWRITE
/**************************************************************************************/
div.pp_default .pp_social {
	margin-top: 0px !important;
	float: none !important;
}

div.pp_default .pp_description {
	margin: 0px 50px 0px 0px !important;
}

div.pp_default .pp_content_container .pp_details {
	margin-top: 0px !important;
}
/**************************************************************************************/
/* END: PRETTYPHOTO OVERWRITE
/**************************************************************************************/



/**************************************************************************************/
/* START: INNOVASTUDIO OVERWRITE //jbu, 2014-04-29
/**************************************************************************************/
[id^="idAreao"] tr {
		height: auto;
		line-height: auto;
	}
	
	[id^="idAreao"] td, th { 
		height: auto;
	}
	
	[id^="idAreao"] iframe {
		height: auto;
	}
/**************************************************************************************/
/* END: INNOVASTUDIO OVERWRITE
/**************************************************************************************/



/**************************************************************************************/
/* START: documents
/**************************************************************************************/
	#div_box_ioc_content a {
		text-decoration: none;
	}

/* 	div.list 
	{
		border: 1px solid #ccc;
		
		-moz-border-top-left-radius: 5px;
		-khtml-border-top-left-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		border-top-left-radius: 5px;
		-moz-border-top-right-radius: 5px;
		-khtml-border-top-right-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		border-top-right-radius: 5px;
		
	}
	
	div.list div.header
	{
		background-color: #e5e5e5;
		font-weight: bold; 
		height: 25px;
		padding-top: 10px;
		padding-left: 10px;
		
		-moz-border-top-left-radius: 5px;
		-khtml-border-top-left-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		border-top-left-radius: 5px;
		-moz-border-top-right-radius: 5px;
		-khtml-border-top-right-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		border-top-right-radius: 5px;	
	}
	
	div.list a 
	{
		text-decoration: none;
	}
	
	div.list div.row 
	{
		border-bottom: 1px solid #ccc;
		margin: 10px;
	}
	
	div.list div.row:last-child
	{
		margin-bottom: 35px;
	} */
	
/**************************************************************************************/
/* END: documents
/**************************************************************************************/



.outlet_schedule_overdue
{
  background-color: #ff7f7f !important;
}

.outlet_schedule_estimated
{
  background-color: #FFFF7F !important;
}

.outlet_schedule_alright
{
  background-color: #F9F9F9 !important;
}

select.m-select {
  display: block;
  height: 26px;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #aaa;
  text-align: left;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
}

input.gray {
    /*background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e0e0e0), color-stop(1, #fcfcfc));*/
    background: #fcfcfc; /* Old browsers */
    background: -moz-linear-gradient(top, #fcfcfc 12%, #fcfcfc 12%, #fcfcfc 12%, #e0e0e0 96%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fcfcfc 12%,#fcfcfc 12%,#fcfcfc 12%,#e0e0e0 96%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fcfcfc 12%,#fcfcfc 12%,#fcfcfc 12%,#e0e0e0 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */

    border: 1px solid #c4c4c4;
    border-radius: 4px;
    height: 24px !important;
}
.ms-parent .ms-drop {
  width: auto;
  z-index: 1010;
}

.div_search .filter .content .box-multiselect{
  padding: 10px 6px;
}

/*PopUP : add Einsatzserie zu outlets*/
#div_outlets_add_multi_agreement{
  max-height: 300px;
}
#search_outlet_for_multiple_agreements{
  height: 23px;
}
#div_search_outlets_add_multi_agreement{
  margin-bottom: 10px;
  background: #FAFAFA;
  padding: 10px;
}

.binalogicJQueryUIConfirm {
  padding: 10px;
  max-width: 500px;
  word-wrap: break-word;
}

#info_user_called_from{
  font-size: 1.1em;
  font-weight: bold;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-default {
  border-color: #ddd;
}

.panel-default>.panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-body {
  padding: 15px;
}

#span_usr_called_at{
  font-weight: bold;

}

.span_user_uno_note{
  margin-bottom: 10px;
  display: inline-block;
}