/* definition of base elements */
html, body {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}


body, div, dl, dt, dd, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, h1, h2, h3, h4, b, strong {
  font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
}

input[type=button] {
  font-weight: normal;
  border-color: #363FBF;
  padding: 4px 10px 4px 10px;
  border: 1px solid #759dc0;
  border-radius: 4px;
  color: #000000;
  background-color: #eeeeee;
}

input[type=button]:hover {
  font-weight: normal;
  border-color: #363FBF;
  padding: 4px 10px 4px 10px;
  border: 1px solid #759dc0;
  border-radius: 4px;
  color: #000000;
  background-color: #d6d6d6;
}


input[type=submit] {
  font-weight: bold;
  border-color: #363FBF;
  padding: 4px 10px 4px 10px;
  border: 1px solid #759dc0;
  border-radius: 4px;
  color: #000000;
  background-color: #eeeeee;
}

input[type=submit]:hover {
  font-weight: bold;
  border-color: #363FBF;
  padding: 4px 10px 4px 10px;
  border: 1px solid #759dc0;
  border-radius: 4px;
  color: #000000;
  background-color: #d6d6d6;
}


h1, .claro h1 {
  text-align: center;
  font-size: 18pt;
  font-weight: bold;
}

body {
  min-width: 1000px;
}

body, div, dl, dt, dd, li, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  font-size: 14px ;
}

th, td {
  text-align: left;
}

/* left intro and logo */
.introLogo {
  background-color: white;
  border-bottom: 1px solid #CCC;
  text-align: center;
  padding: 8px 0px;
}
.introMessage {
  text-align: center;
  padding: 20px 0px 0px 0px;
}

.mailWidget {
  margin-left: 2px;
  width: 227px;
}


#login {
  margin-top: 50px;
  height:160px;
}

#login div, .resetPasswordContainer div:not(.form-group, .passContainer) {
  padding: 4px;
  line-height: 28px;
}

#popover-password {
  line-height: 20px !important;

}

#keepcredentials {
  margin: 25px 0px;
}

div#main, div#wrapper {
	height: 100%;
}


/* definition of menue elements */
div.leftbar {
  left: 0px;
  width: 205px;
  margin: 0px;
  float: left;
  border-right: 1px solid #000000;
  z-index: 2;
  font-family: arial;
  font-size: 10pt;
  overflow: auto;
  text-align: left;
  top: 100px;
  bottom: 26px;
  position: fixed;
  margin-left: 0px;
}

div.mainmenu {
  margin: 0px;
  padding: 3px 3px;
  background-color: #E5E5E5;
  border-top: 1px solid #B2B2B2;
  border-bottom: 1px solid #B2B2B2;
}
div.submenues {
  margin: 0px;
  padding: 2px 1px 2px 10px;
  background-color: #FFF;
}

#leftbar div.submenues > a, #leftbar div.submenues > a:visited, #leftbar div.submenues > a:link, #leftbar div.submenues > a.submenulinkactive, #leftbar div.submenues > a:hover {
  font-size: 14px;
  color: #000;
  display: block;
}

#leftbar div.submenues > a.submenulinkactive, #leftbar div.submenues > a:hover {
  font-weight: bold;
  color: #841430;
}

#leftbar div.mainmenu > a, #leftbar div.mainmenu > a:visited, #leftbar div.mainmenu > a:link, #leftbar div.mainmenu > a.mainmenulinkactive, #leftbar div.mainmenu > a:hover {
  font-weight: bold;
  font-size: 14px;
  color: #000;
}
#leftbar div.mainmenu > a.mainmenulinkactive, #leftbar div.mainmenu > a:hover {
  color: #841430;
}



#footer {
  position: absolute;
  width: 100%;
  height: 26px;
  bottom: 0px;
  background-image: url(/images/bg-red.jpg);
  background-repeat: repeat;
  color: white;
  text-align: left;
  line-height: 25px;
  vertical-align: middle;
  font-weight: bold;
  padding-left: 0px;
}

#footer div.clock {
  float: left;
  width: 170px;
  margin-left: 10px;
}

#footer div.version {
  font-size: 11px;
  line-height: 12px;
  float: right;
  margin-right: 4px;
  padding: 1px 0px 0px 0px;
  text-align: right;
  font-weight: normal;
}

#footer .loggedout {
  display: none;
  visibility: hidden;
}

#footer div.export {
  float: left;
  height: 23px;
  margin: 1px 0px;
  background-color: #FFFFFF;
  visibility: hidden;
  display: none;
  padding-top: 1px;
  padding-right: 4px;
  margin-right: 10px;
  text-align: left;
}

#content {
  position: absolute;
  left: 205px;
  right: 0px;
  overflow: auto;
  bottom: 26px;
  top: 100px;
  background-color: #E6E6E6;
  text-align: left;
}
#content.left-align{
    left: 0px;
}

div.contentarea {
  padding: 0px;
  padding-bottom: 20px;
}


/* div-tag definitions */
div.login {
  padding: 5px;
  padding-top: 30px;
  margin-top: 40px;
  text-align: left;
  position: relative;
  width: 45%;
  line-height: 19pt;
  font-size: 10pt;
}

div.sleepapp {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  opacity: 0.65;
  background-color: #000000;
  z-index: 20;
  visibility: hidden;
  display: none;
}

.rssfeed {
  float: right;
  color: #ffffff;
  text-decoration: none;
  display: block;
  padding: 0px 5px 5px 24px;
  background: url(/images/rss.gif) no-repeat 0 4px;
}

.sleepappiframe {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #FFFFFF;
  z-index: 19;
  visibility: hidden;
  display: none;
}
div.header {
  background-color: #FFFFFF;
  background-image:url(../images/header_fill.jpg);
  height: 100px;
  width: 100%;
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: 0px;
}
div.logo {
  background-image:url(../images/header_left.png);
  background-repeat: no-repeat;
  float: left;
  padding: 0px;
  margin: 0px;
  height: 100px;
  width: 890px;
  margin-left: 10px;
}
div.imprint {
  position: absolute;
  text-align: left;
  height: 120px;
  bottom: 0px;
  font-size: 8pt;
  padding-left: 2px;
  border-top: 1px solid #000000;
  z-index: 8;
  width: 198px;
  display: none;
  visibility: hidden;
}
div.headmenu {
  position: absolute;
  margin: 0px;
  padding: 0px;
  text-align: right;
  background: transparent;
  bottom: 5px;
  right: 10px;
  vertical-align: bottom;
  color: #FFFFFF;
}

#header div.headinfo {
  float: right;
  width: 300px;
  text-align: right;
  font-size: 8pt;
  padding-right: 2px;
}

#header div.headversion {
  position: absolute;
  margin: 0px;
  padding: 0px;
  text-align: left;
  background: transparent;
  bottom: 3px;
  left: 8px;
  height: 12px;
  vertical-align: bottom;
  color: #FFFFFF;
  font-size: 8pt;
  font-weight: bold;
}

div.headmenu a,div.headmenu a:visited,div.headmenu a:hover,div.headmenu a:link {
  padding-left: 10px;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
}
div.headmenu a:hover {
  color: #EAEAEA;
}

div.clear {
  clear: both;
}

div.clearLeft {
  clear: left;
}
div.clearRight {
  clear: Right;
}

div.content {
  font-size: 10pt;
  float: left;
  padding: 0px;
  margin: 0px;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  right: 0px;
  z-index: 1;
  background-color: #DDDDDD;
  text-align: left;
}

div.contentcontainer {
  position: relative;
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
}
div.footer {
  font-size: 8pt;
  position: absolute;
  height: 15px;
  left: 0px;
  right: 0px;
  border-top: 1px solid #000000;
  z-index: 4;
  background-color: #DDDDDD;
  bottom: 0px;
}

form {
  padding: 0px;
  margin: 0px;
  display: inline;
}

option.bld {
  font-weight: bold;
}

input, input.default, button[type=submit] {
  margin: 2px;
  padding: 2px 3px;

  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  border: 1px solid #999;

  box-shadow: 2px 2px 2px #E5E5E5;
  font-size: 14px;
}
input:focus, input.default:focus {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}
/* no shadow in red navigation bar */
div.nav input {
  box-shadow: 0px 0px 0px;
}

input.date {
  background-color: #FFFFFF;
  color: #000000;
}
input.currencyvalue {
  text-align: right;
}
input.iptimage {
  padding: 0px;
  margin: 0px;
  margin-top: 3px;
  margin-left: 2px;
}
input.small, select.small {
  margin: 1px;
  padding: 0px;
  font-size: 8pt;
}
input.normal, select.normal {
  margin: 1px;
  font-size: 11pt;
}
input.larger, select.larger {
  margin: 1px;
  font-size: 11pt;
}

select.faulty {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  background-color: #F6E3CE;
}
input.mdinput:not(.faulty)  {
  border: 1px solid #666666;
}

input.mandatory:not(.faulty):not(.disable), select.mandatory:not(.faulty):not(.disable):not(.ValueIsValid) {
  background-color: #F6E3CE;
  border: 1px solid #666;
}

.mandatory .dijitInputField {
  background-color: #F6E3CE;
}
.readonly .dijitInputField {
  background-color: #E6E6E6;
  color: #4D4D4D;
}


input.mandatory:focus:not(.faulty):not(.disable) , select.mandatory:focus:not(.faulty):not(.disable) {
  background-color: #EBD2B7;
  border: 1px solid #333;
}

/*
select,
::picker(select) {
  appearance: base-select;
}
*/

select {
  height: 24px;
  border-radius: 4px;
  border: 1px solid #000;

  vertical-align: middle;
  font-size: 1em;
  background-color: white;
}

option {
  padding: 0px;
  padding-block-end: 0px;
  padding-inline: 0px;
}

select.required {
  background-color: #e88787;
  border: 1px solid #666;
}

select.required option {
  background-color: #F6E3CE;
  border: 1px solid #666;
}

button#btnAddContract:disabled,
button#btnAddContract[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

input.readonly, select.readonly, input[readonly="readonly"], input[readonly], textarea[readonly], textarea.readonly {
  background-color: #DFDFDF;
}

input.readonly:focus, select.readonly:focus, input[readonly="readonly"]:focus, input[readonly]:focus {
  background-color: #DFDFDF;
}

input.invalid, select.invalid {
  background-color: #EE7777;
}
input.mandatory[disabled=disabled], select.mandatory[disabled=disabled] {
  background-color: #EFEFEF;
}
input.mandatory:disabled, select.mandatory:disabled {
  background-color: #EFEFEF;
}
input.property {

}
input.hint {
  color: #5A5A5A;
}

.bghidden {
	visibility: hidden;
}

h2, .claro h2 {
  font-weight: bold;
  font-size: 14pt;
  margin-left: 4px;
}
h3, .claro h3 {
  font-size: 11pt;
  font-weight: bold;
  margin-left: 10px;
}

a, a:link, a:visited {
  text-decoration: none;
  color: #363FBF;
}
a:hover {
  text-decoration: none;
  color: #363FBF;
  cursor: pointer;
}

a.fgreen, a.fgreen:visited, a.fgreen:hover, a.fgreen:link {
  color: green;
}
a.fred, a.fred:visited, a.fred:hover, a.fred:link {
  color: #f55050;
  font-weight: bold;
}
a.fyellow, a.fyellow:visited, a.fyellow:hover, a.fyellow:link {
  color: #CC6633;
  font-weight: bold;
}
a.fnone, a.fnone:visited, a.fnone:hover, a.fnone:link {
  color: #000000;
  font-weight: bold;
}

table {
  width: 100%;
}

table.tblform {
  padding: 2px;
  border-spacing: 1px;
  background-color: #CCC;
}

table.tblform tr td {
  padding: 0px;
  padding-top: 1px;
  padding-left: 2px;
  font-weight: normal;
  vertical-align: middle;
}

table.tblform tr td select {
  margin: 2px;
}

span.accountDetails {
  float:left;
  font-weight: bold;
  float:left;
  width:15%;
}

.caption {
  font-weight: bold;
}

.sel-box{
  position:relative;
  float:right;
}

.disable {
  pointer-events: none;
  background-color: #F4F4F4;
}
.propList a {
  text-decoration:none;
  color:#000000;
  margin-left: 5px;
}
.selPlaceholder i {
  margin-top:5px;
  float:right;
}

.propList,.storesList {
  border: 1px solid #666666;
  border-radius: 3px;
  padding: 0;

}

.selPlaceholder {
  border: 1px solid #666666;
  border-radius: 3px;
  display: block;
  width: 90px;
  height: 25px;
  padding-left: 2px;
}

.toc-odd {
  position:absolute;
  top:12px;
  background:#ffffff;
  display:none;
}

.suggest-odd {
  position: absolute;
  top: 12px;
  left: 3px;
  background: #F6E3CE;
  z-index: 99999;
  min-width: 285px !important;
  font-size: 10pt !important;
  max-height: 500px !important;
  overflow-y: scroll;
}

.suggest-odd  li:hover {
  background:#e0e0e6;
  /*
  display:table-row !important;
  */
  padding: 1px 5px !important;
  width: 100%;
  coursor: arrow;
  font-size: 9pt !important;
}

.toc-odd li, .suggest-odd li {
  list-style-type:none;
  /*
  display:table-row !important;
  */
  padding: 1px 5px !important;
  width: max-content;
  z-index: inherit;
  font-size: 9pt !important;
}

.approach-odd {
  position:absolute;
  background:#ffffff;
  display:none;
}

.approach-odd li {
  padding:5px 10px;
  list-style-type:none;
  width: 300px;
  z-index: 99999 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.approach-odd li:hover {
  background-color: #ccc;
  cursor:pointer;
}



.ui-icon-caret-1-s {
  -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Chrome, Safari, Opera */
  transform: scale(1.2);
}
#maindata table.tblform tr td {
  line-height: 25px;
}


#jqGridEmployeeCardsEdit tr td {
  line-height: 35px !important;
}
#maindata table.tblform tr:nth-child(even) {

}

#maindata table.tblform tr:nth-child(odd) {
}


.frmmaindata table.tbllist tr td:first-child:not(.caption) {
  margin-left:25px !important;
}

.frmmaindata table.tbllist tr td:first-child {
  margin-left:25px !important;
}


#md-details-content table#openingHoursTbl {
  border-collapse: separate;
  border-spacing: 1px;
}

#md-details-content table#openingHoursTbl tr td {
  background-color:#F4F4F4;
  padding: 5px 2px 5px 8px;
}

table.tbllist {
  border-spacing: 2px;
  background-color: #CCC;
}
table.tbllist td {
  padding-left: 8px;
  font-weight: normal;
  vertical-align: top;
  padding-top: 4px;
  padding-bottom: 4px;
}
table tr td.caption {
  font-weight: bold;
  vertical-align: middle;
}
table.tbllist td.fontsmall {
  font-size: 10pt;
  padding-top: 2px;
  padding-bottom: 1px;
}

table.tbllist td em {
  color: #444;
}

table.tbllist tr.red td em {
  color: #BBB;
}

td.nopadding {
  padding: 0 !important;
}

tr.rowhead {
  background-color: #E5E5E5;
  line-height: 20pt;
}
tr.small {
  line-height: 10pt;
}
tr.rowhead td {
  font-weight: bold;
  padding-right: 2px;
  vertical-align: middle;
}
tr.tabletitle td {
  font-weight: bold;
  font-size: 14px;
}

#approach tr.strike td {
  text-decoration: line-through;
}

table.tblform tr.large td {
  padding: 6px 1px;
}

tr.row0 {
  background-color: #FFF;
}
.tbllist tr.row0:hover {
  background-color: #CCC;
}

tr.row1 {
  background-color: #F4F4F4;
}
.tbllist tr.row1:hover {
  background-color: #CCC;
}

.pink {
  background-color: #DBB;
}

.tbllist tr.activeRow {
    background-color: #cdb;
}

tr.inactive_row0 {
}

tr.inactive_row1 {
  background-color: #EFEFEF;
}

tr.inactive_row_red {
  background-color: #e0d8d8;
	color: #666666;
	font-style: italic;
}
.tbllist tr.inactive_row_red:hover {
  background-color: #d0c0c0;
}

td.row0 {
  background-color: #FFF;
}
.tbllist td.row0:hover {
  background-color: #CCC;
}

td.row1 {
  background-color: #E5E5E5;
}
.tbllist td.row1:hover {
  background-color: #CCC;
}

tr.statusRow, tr.statusRow:hover {
  background-color: #F8F8F8;
}
tr.deleted td {
  text-decoration: line-through;
  color: #333;
}
tr.deleted td a, tr.deleted td a:hover, tr.deleted td a:visited {
  color: #333;
}
tr.deletedUserRolls td {
  text-decoration: line-through;
  color: #333;
}
tr.deletedUserRolls td:LAST-CHILD {
  text-decoration: none;
  color: #333;
}
tr.hidden {
  display: none;
}
tr.show {
  display: table-row;
}

table.disposalcontainer {
  background-color: #EEEEEE;
  margin: 0px;
  margin-top: 4px;
  padding: 1px;
}

table.disposalcontent {
  background-color: #FFFFFF;
}

tr.nobackground {
  background: none !important;
}



#separator {
  border: 0;
  height: 2px;
  background-image: linear-gradient(to right, transparent, #8C8C8C, transparent);
}

div.settingsCaptions {
  width:150px;
  font-weight: bold;
}
#approach div.orderitem {
  margin: 0px 4px;
  padding: 2px;
  padding-left: 5px;
  background-color: #F8F8F8;
  position: relative;
  min-height: 56px;
  margin-bottom: 2px;
}
#approach div.orderhistory {
  padding: 0px;
  margin: 1px;
  padding-left: 10px;
  font-size: 8pt;
}
#approach div.container {
  margin: 6px 0px;
  margin-left: 20px;
  padding: 3px 5px;
  padding-top: 3px;
  background-color: #EAEAEA;
  border: 1px solid #E0E0E0;
  font-weight: bold;
  margin-right: 310px;
  font-size: 0.95em;
}
#approach div.rdb_type_DSP div.container {
  margin-right: 230px;
}

#approach div.mark {
  background-color: #FFF;
  font-weight: bold;
  border: 1px solid #990000;
}

.mark {
	outline: thin solid #990000;
}

.err {
  border:1px solid #ce5050;
}

div.markOrderStrId, tr.markOrderStrId > td {
  margin-top: 12px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12pt;
  border: 1px solid #B91C47;
}

tr.markOrderStrId > td div small em {
  color: #B91C47 !important;
}

#approach div.grey {
  color: #555;
}
#approach div.container div.cntValue {
  float: right;
  position: relative;
}
#approach div.grey div.cntValue {
  text-decoration: line-through;
}
#approach div.containerArticlesBlock {
  float: right;
}
#approach div.containerArticlesFields {
  font-size: 8pt;
  margin-bottom: 6px;
  min-width: 180px;
}
#approach p.containerhistory, #approach div.containerhistory {
  background-color: transparent;
  font-weight: normal;
  border: 0px;
  padding: 0px;
}
#approach p.containerhistory {
  padding-left: 11px;
  display: inline;
  margin-top: 2px;
}
#approach div.containerhistory {
  margin-left: 40px;
  float: left;
  display: block;
  width: auto;
}

#approach table.denomTbl tr td {
  padding:1px 0;
  font-size: 10pt;
  background-color:#EAEAEA;
}

#approach table.denomTbl tr td.mark {
  padding:1px 0;
  font-size: 10pt;
  background-color:#ffffff;
  outline: none;
}

#approach div.containerhistory_date {
  width: 70px;
  margin: 0 0 20px 6px;
  text-align: right;
  padding-right: 4px;
}
#approach p.contentChanges {
  display: block;
  margin-left:15px;
}
#approach hr {
  margin-top: 2px;
}

#approach div.imagelayer {
float:right;
  width: 160px;
  height: 110px;
  visibility: visible;
  display: block;
  z-index: 99;
  padding: 0px;
  background-color: #FFF;
  text-align: center;
}

#approach .driverImgHidden {
  opacity:0;
}


#approach #driverImage {
  border: 1px solid #000000;
}


.guillemet{
  height:20px !important;
  margin:0 !important;

}
div.dynCalendar {
  background-color: #FFFFFF;
  position: absolute;
  width: 300px;
  z-index: 99;
}
iframe.dynCalendar {
  background-color: #FFFFFF;
  position: absolute;
  width: 300px;
  z-index: 99;
}

div.selection {
  margin: 0px;
  padding: 0px;
}

div.calendar {
  width: 98%;
  padding: 3px;
  position: relative;
}
div.calendar div.specialorder {
  position: absolute;
  right: 2px;
  top: 1px;
  width: 35px;
  height: 10px;
}
div.calendar div.toprow {
  width: 99%;
  position: relative;
  height: 30px;
  background-color: #FFFFFF;
  border: 1px solid #888888;
}
div.calendar div.row {
  height: 12%;
  width: 99%;
  padding: 0px;
  border: 1px solid #888888;
  position: relative;
  margin-top: 2px;
  min-height: 55px;
  background-color: #FFFFFF;
}
div.calendar div.day {
  width: 13%;
  height: 99%;
  margin-left: 2px;
  float: left;
  font-size: 18pt;
  padding-left: 2px;
  padding-right: 2px;
  position: relative;
  padding: 1px;
  min-height: 57px;
}
div.calendar .toprow div.day {
  font-size: 11pt;
}
div.calendar div.top {
  margin-left: 3px;
  margin-right: 1px;
  font-weight: bold;
  min-height: 25px;
}
div.calendar div.lastactive {
/*  border-left: 1px solid #888888; */
}
div.calendar div.today {
  color: #000000;
  font-weight: bold;
  border-left: 1px solid #888888;
  border-right: 1px solid #888888;
  background-color: #cccccc60;
}

div.calendar div.holiday {
  color: #555555;
  font-weight: bold;
  border-left: 1px solid #888888;
  border-right: 1px solid #888888;
  background-color: rgb(220, 200, 186);
}

div.calendar div.inactive {
  color: #AAAAAA;
  margin-left: 2px;
  margin-right: 2px;
}
div.calendar div.active {
  color: #222222;
  font-weight: bold;
  border-left: 1px solid #888888;
  border-right: 1px solid #888888;
/*  border-right: 1px solid #888888; */
}
div.calendar div.weekday {
  background-color: #EAEAEA;
}
div.calendar div.saturday {
  border: 0px;
  border-left: 1px solid #888888;
  border-right: 1px solid #888888;
}
div.calendar div.sunday {
  border: 0px;
  border-left: 1px solid #888888;
  color:#B91C47
}
div.calendar div.weeknumber {
  width: 3%;
  height: 90%;
  margin: 0px;
  float: left;
  position: relative;
  padding: 1px;
  font-size: 11pt;
  font-weight: normal;
}

div.calendar div a, div.calendar div a:link, div.calendar div a:visited, div.calendar div a:hover {
  color: #FFFFFF;
}
div.calendar div.fnone a, div.calendar div.fnone a:link, div.calendar div.fnone a:visited, div.calendar div.fnone a:hover {
  color: #AAAAAA;
}
div.calendar div.fnone {
  padding: 0px;
  margin: 0px;
  margin-top: 5px;
  width: 30%;
  position: relative;
  float: left;
  text-align: center;
  color: #AAAAAA;
  margin-right: 1px;
  margin-left: 1px;
}

div.calendar div.fgreen {
  background-color: #336633;
  color: #FFFFFF;
  width: 28px;
  text-align: center;
  border-radius: .25em;
  margin-right: 1px;
  margin-left: 1px;
  font-weight: bold;
}
div.calendar div.fyellow {
  background-color: #CC6633;
  color: #FFFFFF;
  width: 28px;
  text-align: center;
  border-radius: .25em;
  margin-right: 1px;
  margin-left: 1px;
  font-weight: bold;

}
div.calendar div.fblue {
  width: 30px;
  text-align: center;
}
div.calendar div.fred {
  background-color: #f55050;
  color: #FFFFFF;
  width: 28px;
  text-align: center;
  border-radius: .25em;
  margin-right: 1px;
  margin-left: 1px;
  font-weight: bold;
}
#approach div.DFF {
  color: #f55050;
}

div.weekcalendar {
  width: 30px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background-color: #FFFFFF;
  border: 1px solid #AAAAAA;
  cursor: pointer;
}


.infoButton:after{
  content:"🛈";
  left: 21px;
  top: 14px;
  color:#555;
}
.infoButton:hover:after{
  color:#484848;
  text-shadow:0px 0px 6px #484848;
}

.infoBox {
  position: relative;
  display: inline-block;
  float:left;
  padding-right:10px;
}

.infoBox .text{
  visibility: hidden;
  width: 70px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -35px;
  opacity: 0;
  transition: opacity 1s;
}

.infoBox .text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.infoBox:hover .text {
  visibility: visible;
  opacity: 1;
}
table.calendarList tr > td {
  text-align: left;
}
table.calendarList tr > td.center {
  text-align: center !important;
}
table.calendarList tr > td.right {
  padding-right: 10px; text-align: right !important;
}

table.serialNumbersList tr > td.right {
  padding: 2px; text-align: center !important;
}

table.serialNumbersList tr >td.center  {
  padding: 2px; text-align: center !important;
}

table.calendarList tr.specialApproach > td {
  border-bottom: 1px solid #990000;
  border-top: 1px solid #990000;
}
table.calendarList tr.specialApproach > td:first-child {
  border-left: 1px solid #990000;
}
table.calendarList tr.specialApproach > td:last-child {
  border-right: 1px solid #990000;
}

#maindata div.imagelayer {
  position: fixed;
  left: 210px;
  top: 140px;
  visibility: hidden;
  display: none;
  z-index: 10;
  border: 1px solid #000000;
  padding: 2px;
  background-color: #686868;
}
div.imagelayer a,a:hover {
  color: #000000;
}

div.navigation {
  right: 0px;
  left: 0px;
/*  height: 24px; */
  top: 0px;
  left: 201px;
  background-color: #971231;
  margin: 0px;
  padding-bottom: 2px;
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  z-index: 4;
  min-height: 22px;
}

div.nav {
  color: #FFFFFF;
  vertical-align: middle;
  line-height: 17pt;
  display: inline;
}
div.navsmall {
  width: 16%;
}
div.navnormal {
  width: 33%;
}
div.navlarge {
  width: 45%;
}
div.navlargest {
  width: 66%;
}
div.nav a, div.nav a:link, div.nav a:visited, div.nav a:hover {
  color: #FFFFFF;
  padding: 0px 1px 0px 2px;
  font-size: 11pt;
}
div.nav input {
  min-width: 45px;
  text-align: left;
  font-size: 11px;
}
div.nav select {
  min-width: 45px;
  text-align: left;

  height: 22px;
  border-radius: 4px;
  padding: 0px 3px 0px 5px;
  vertical-align: middle;
}
div.nav input[type=submit] {
  min-width: 0;
  font-weight: bold;
  background-color: #eeeeee;
  padding: 2px;
}

div.nav input[type=submit]:hover {
  min-width: 0;
  font-weight: bold;
  background-color: #d6d6d6;
  padding: 2px;
}

div.overviewitem {
  position: relative;
  width: 46%;
  border: 1px solid #666666;
  background-color: #EAEAEA;
  height: 38%;
  min-height: 176px;
  margin: 5px;
  padding: 2px;
  overflow: hidden;
}

table.overviewitem {
  width: 95%;
  border: 1px solid #666666;
  background-color: #EAEAEA;
  margin: 5px;
  padding: 2px;
  overflow: hidden;
}

div.fontleft {
  text-align: left;
}


input.messagesubject {
  margin-left: 4px;
}
textarea.messagetext {
  margin-left: 4px;
  font-size: 9pt;
}
textarea.smallest {
  margin-left: 4px;
  font-size: 8pt;
}
textarea {
  resize: none;
}

div.progressbar {
  position: relative;
  margin: auto;
  width: 320px;
  height: 15px;
  top: 250px;
  -moz-opacity: 0.95;
  opacity: 0.95;
  filter:alpha(opacity=100);
  text-align: center;
  color: #FFF;
}

div.maindatabox, div.safebaglayerbox, div.defaultbox {
  /*position: relative;*/
  margin: auto;
  top: 200px;
  /*background-color: #EAEAEA;*/
  opacity: 1.0;
  z-index: 8;
  text-align: left;
  padding: 4px;
  padding-top: 20px;
  font-size: 9pt;
  /*border: 1px solid #000000;*/
  overflow: auto;
}

div.messagebox {
  margin: auto;
  top: 200px;
  /*background-color: #EAEAEA;*/
  opacity: 1.0;
  z-index: 8;
  text-align: left;
  padding: 3px;
  font-size: 9pt;
  /*border: 1px solid #000000;*/
  overflow: auto;

}


div.safebaglayerbox {
  width: 480px;
  height: 400px;
}
div.defaultbox {
  width: 480px;
  height: 320px;
}
div.maindatabox {
  width: 400px;
  height: 320px;
}
img {
  padding: 0px;
  margin: 0px;
}
img.windowitem {
  margin: 0px;
  padding: 0px;
}
img.exportitem {
  margin-left: 4px;
  padding: 0px;
}
div.windowiconbar {
  position: absolute;
  text-align: right;
  right: 2px;
  top: 1px;
  padding: 0px;
  width: 100px;
  margin: 0px;
}
div.windowtitle {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  height: 17px;
  background-image: url(/images/modern_titlebar.gif);
  color: #FFFFFF;
  font-weight: bold;
  border-bottom: 1px solid #000000;
  font-size: 9pt;
}

div.browsernotify {
  color: #990000;
  font-weight: bold;
  padding-top: 10px;
}

div.border {
  border: 1px solid #000000;
}
div.borderleft {
  border-left: 1px solid #000000;
}
div.bordertop {
  border-top: 1px solid #000000;
}
div.borderright {
  border-right: 1px solid #000000;
}
div.borderbottom {
  border-bottom: 1px solid #000000;
}

table.deliverynote {
  margin: 0px;
  margin-top: 6px;
  border: 1px solid #000000;
  border-bottom: 0px;
  border-left: 0px;
  width: 100%;
}
table.deliverynote td {
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  vertical-align: middle;
  line-height: 26px;
  font-size: 9pt;
}
div.deliverynote {
  vertical-align: middle;
  line-height: 26px;
  padding: 1px;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 9pt;
}
div.deliverynotesmall {
  line-height: 18px;
}

span.verysmall {
  font-size: 7pt;
}
span.selection {
  display: inline;
}

/* legal error message */

div.errmessage {
  max-width: 600px;
  padding: 10px;
  margin: 5px;
  float: right;
  margin-right: 40px;
  border: 1px solid #686868;
  border-radius: 6px;
  overflow: auto;
  width: 100%;
  background-color: #f7f7f7;
  align-items: center;
  display: flex;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

div.errimage {
  width: 40px;
  float: left;
}

div.errtext {
  width: 87%;
  margin-left: 10px;
  text-align: left;
  float: left;
}

div.errmessage > div > p {
  vertical-align: top;
  line-height: 20px;
  font-size: 11pt;
  color: #000000;
  padding: 0px;
  margin: 0px;
  font-weight: normal;
  text-align: left;
}

/* flying error messages >>> */

div.error-container {
  position: fixed;
  top: 110px;
  right: -300px; /* Startposition außerhalb des Bildschirms */
  width: 600px;
  margin: 5px;
  background-color: #f7f7f7;
  color: black;
  padding: 10px 10px 10px 10px;
  border: 1px solid #686868;
  border-radius: 6px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: all 0.5s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1000;
  opacity: 0; 
  visibility: hidden; 
}

div.error-image {
  width: 40px;
  float: left;
}

div.error-text {
  width: 96%;
  padding: 10px;
  margin-left: 10px;
  line-height: 20px;
  font-size: 11pt;  
  text-align: left;
  float: left;
}

div.error-text > p {
  vertical-align: top;
  line-height: 20px;
  font-size: 12pt;
  color: #000000;
  padding: 0px;
  margin: 0px;
  font-weight: normal;
  text-align: left;
}

div.error-container.show {
  right: 0px; 
  opacity: 1;
  visibility: visible;
}

button.error-close-btn {
  background: none;
  border: none;
  color: black;
  font-size: 26px;
  cursor: pointer;
  padding: 0;
  margin-left: 10px;
}

/* <<< flying error messages */


p {
  padding: 0px;
  margin: 0px;
}
#cashAlign {
  text-align: right;
  font-weight: bold;
}
td.dynCalendar_day a, td.dynCalendar_day a:link, td.dynCalendar_day a:hover,td.dynCalendar_day a:visited {
  color: #333333;
}
td.dynCalendar_today a, td.dynCalendar_today a:link, td.dynCalendar_today a:hover,td.dynCalendar_today a:visited, td.dynCalendar_dayname {
  color: #000000;
  font-weight: bold;
}

#personalfolder.contentarea {
  height: 100%;
  padding: 0px;
}

#personalfolder table.report td {
  border-left: 1px solid #333333;
  border-top: 1px solid #333333;
  padding: 2px;
}
#personalfolder table.report {
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-spacing: 0px;
  padding: 0px;
}
#personalfolder table.report td.head {
  white-space: nowrap;
}
#personalfolder table.report td.head input {
  margin: 1px;
  padding: 0px;
}
#personalfolder table.report td.white {
  background-color: #FFF;
  color: #000;
  font-weight: bold;
}
#personalfolder input[type=image] {
  border: 0px;
}
td.red, div.red, span.red {
  color: #f55050;
  font-weight: bold;
}

td.emphasize, div.emphasize, span.emphasize {
  color: #363FBF;
  font-weight: bold;
}


table td.redBackground {
  background-color: #f55050;
  background: #f55050;
  color: #FFFFFF;
}
table tr.red, table tr.red:hover {
  background-color: #f55050;
  background: #f55050;
  color: #EFEFEF !important;
}
table tr.green, table tr.green:hover {
  background-color: #86C67C;
  background: #86C67C;
  color: #000000;
}

table tr td.green, table tr td.green:hover {
  background-color: #86C67C;
  background: #86C67C;
  color: #000000;
}
table tr.yellow, table tr.yellow:hover {
  background-color: #CC6633;
  background: #CC6633;
  color: #000000;
}
table td.yellow, table td.yellow:hover {
  background-color: #CC6633;
  background: #CC6633;
  color: #000000;
}
table td span.yellow {
  background-color: #CC6633;
  background: #CC6633;
  color: #000000;
}
table tr.grey {
  color: #333;
}

table tr.grey, button.grey, input.grey {
  color: #999;
}

.green_state {
  background-color: #17AB75;
}
.red_state {
  background-color: #ED1C23;
}
.black_state {
  background-color: #333;
}
.emphasize {
 color: #363FBF;
}

#personalfolder table.report td.red {
  background-color: #f55050;
  color: #EFEFEF;
  font-weight: bold;
}
#personalfolder table.report td.red a {
  color: #FFFFFF;
}
#personalfolder table.report td.yellow {
  background-color: #CC6633;
  color: #000000;
}
#personalfolder table.report td.yellow a {
  color: #FFFFFF;
}
#personalfolder table.report td.green {
  background-color: green;
}
#personalfolder table.report td.green a {
  color: #FFFFFF;
}
#personalfolder table.report tr.red {
  background-color: #f55050;
  color: #EFEFEF;
}
#personalfolder table.report tr.red td a {
  color: #FFFFFF;
}
#personalfolder table.report tr.green {
  background-color: #17AB75;
}
#personalfolder table.report tr.green td a {
  color: #FFFFFF;
}
#personalfolder table.report tr.yellow {
  background-color: #CC6633;
  color: #000000;
}
#personalfolder table.report tr.yellow td a {
  color: #FFFFFF;
}

#personalfolder table.announcement td {
  height: 30px;
  padding: 2px;
}

#maindata fieldset {
  width: 90%;
  margin-left: 10px;
}

tbody.scrollContent {
	display: block;
	height: 262px;
	overflow: auto;
	width: 100%
}

thead.fixedHeader tr {
	position: relative
}

thead.fixedHeader tr {
	display: block
}

div.tableContainer {
	clear: both;
	border: 1px solid #963;
	height: 285px;
	overflow: auto;
	width: 95%;
}

div.tableContainer {
	overflow: hidden;
	width: 756px
}

div.tableContainer table {
	float: left;
	width: 95%;
}
div.tableContainer table {
	width: 95%;
}
thead.fixedHeader tr {
	position: relative
}

img.option {
  margin-left: 4px;
}

img.headIcon {
  border: 0px;
  padding: 1px;
  margin: 0px 1px 4px 0px;
}

img.rowIcon {
  border: 0px;
  padding: 1px;
  margin: 1px 0px 0px 3px;
}

div.mch_display_single {
  border: 1px solid #444;
  background-color: #FFF;
  text-align: center;
  width: 105px;
  line-height: 12px;
  padding-top: 2px;
  font-weight: normal;
  font-size: 8pt;
}

div.mch_layer {
  border: 1px solid #666;
  background-color: #FFF;
  min-height: 200px;
  padding: 2px;
}

div.mch_bar {
  border: 1px solid #666;
  background-color: #FFF;
  min-height: 30px;
  padding: 2px;
}

div.mch_info {
  border: 1px solid #666;
  background-color: #FFF;
  min-height: 70px;
  padding: 2px;
}

img.chart {
  margin: 1px;
  padding: 0px;
  text-align: center;
}

div.hidden, input.hidden {
  visibility: hidden;
  display: none;
}


tr.inconspicuous td {
  font-style: italic;
  color: #555;
}

.italic {
  font-style: italic;
}

#lz_alert_window {
  background:#f0f0f0;border:1px solid #808080;
}

#lz_request_window {
  padding: 0px;
  margin: 0px;
}

#lz_request_window table {
  margin: 0px;
  width: 302px;
}

#delivery_note_booking tr td, #delivery_note_transaction tr td, #delivery_note_collecting tr td, #delivery_note_portion tr td, table.deliverynote tr td {
  padding:  1px 5px;
  font-size: 11pt;
  line-height: 16px;
}

#delivery_note_booking tr.rowhead td, #delivery_note_transaction tr.rowhead td, #delivery_note_collecting tr.rowhead td, #delivery_note_portion tr.rowhead td, table.deliverynote tr.rowhead td {
  line-height: 18px;
}

table.storeOrder {
  border: 1px solid #F8F8F8;
  padding: 0px;
  margin-bottom: 10px;
}

table.tbllist tr.first td {
  border-top: 1px solid #666;
}

div.frmmaindata {
  margin-top: 0px;
  margin-bottom: 0px;
  margin:auto;
  width: 90%;
}
div.frmsubmit {
  text-align: right;
  background-color: #F8F8F8;
  line-height: 20pt;
  font-weight: bold;
}
#content div.infobox,#content div.contractinfo {
  display: block;
  border: 1px solid #FAFAFA;
  background-color: #EEE;
  padding: 4px 10px 4px 4px;
  margin-left: 13px;
  margin-bottom: 4px;
}

td.infobox2 {
  background-color: #CCC;
  width: 190px;
  padding: 7px 10px 7px 10px;
  margin-right: 15px;
  margin-bottom: 4px;
}

img.actionIcon {
  opacity: 0.6;
  -moz-opacity: 0.6;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  cursor: pointer;
}

img.actionIcon:hover, a.actionIcon:hover img {
  opacity: 0.9;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  filter: alpha(opacity=90);
  cursor: pointer;
}

td.strike, .cancelled {
  text-decoration: line-through;
}
tr.striked, td.striked {
  text-decoration: line-through;
}
.cancelled {
  color: #333;
  background-color: transparent !important;
}

.handCursor {
  cursor: pointer;
}

a {
  cursor: pointer;
}


.tblCell {
  width: 50% !important;
  float:left;
}

a.disabled {
  pointer-events: none;
  color:#55555570 !important;
}

div.rdb_sidebar {
  width: 300px;
  float: right;
  position: relative;
}

div.rdb_type_DSP div.rdb_sidebar {
  width: 220px;
}

div.rbook_status, div.rdb_infobox {
  padding: 2px;
  font-size: 8pt;
  text-align: right;
  background-color: #EFEFEF;
  border: 1px solid #B0B0B0;
  box-shadow: rgb(0 0 0 / 25%) 1px 1px 4px;
  margin-bottom: 8px;
  position: relative;
  left: 0px;
  right: 0px;
}
div.rdb_infobox {
  text-align: left;
}
div.rdb_infobox p {
  padding-left: 10px;
}

.ac_results {
	border: 1px solid gray;
	background-color: white;
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	z-index: 10000;
	display: none;
}

.ac_results li {
	padding: 2px 5px;
	white-space: nowrap;
	color: #101010;
	text-align: left;
}

.ac_over {
	cursor: pointer;
	background-color: #F0F0B8;
}

.ac_match {
	text-decoration: underline;
	color: black;
}

div.report-date, div.report-info {
  font-size: 11pt;
  margin-left: 10px;
}
div.report-info {
  font-weight: bold;
}
div.report-date {
  font-style: italic;
  font-size: 10pt;
}
.abstract {
  padding-left: 10px;
  margin-bottom: 5px;
}
#approach textarea.comment {
  font-size: 1em;
  width: 90%;
  min-height: 80px;
}

form table.tblform input[type="submit"] {
  min-width: 100px;
}
form table.tblform input[type="button"].btnsubmit {
  min-width: 100px;
}
.ValueIsInvalid {
  background-color: #E77 !important;
}
.ValueIsValid, input.ValueIsValid, select.ValueIsValid {
  background-color: #99CC66 !important;
}

/* announcements */
tr.announcementLRM {
  background-color: #E88989;
}

tr.deviceStateLRM, tr.deviceTransactionDSC {
  background-color: #E88989;
}
tr.deviceStateWRN, tr.deviceTransactionCHR, tr.deviceTransactionPYM {
  background-color: #FFE9A7;
}
tr.deviceTransactionPYT, tr.deviceTransactionDRP {
  background-color: #D0EEAA;
}

div.ui-progressbar-red div.ui-widget-header {
  background-color: #E88989 !important;
  background-image: none;
}
div.ui-progressbar-green div.ui-widget-header {
  background-color: #D0EEAA !important;
  background-image: none;
  color: #000;
}
div.ui-progressbar-yellow div.ui-widget-header {
  background-color: #FFE9A7 !important;
  background-image: none;
  color: #000;
}

div.progressbar-inverted-red {
  background-color: #E88989 !important;
  background-image: none;
}
div.progressbar-inverted-green {
  background-color: #D0EEAA !important;
  background-image: none;
  color: #000;
}
div.progressbar-inverted-yellow {
  background-color: #FFE9A7 !important;
  background-image: none;
  color: #000;
}
div.progressbar-inverted-red div.ui-widget-header {
  background-color: transparent !important;
  background-image: none;
}
div.progressbar-inverted-green div.ui-widget-header {
  background-color: transparent !important;
  background-image: none;
  color: #000;
}
div.progressbar-inverted-yellow div.ui-widget-header {
  background-color: transparent !important;
  background-image: none;
  color: #000;
}
.stateNRM {
  background-color: #D0EEAA;
}
.stateCRT {
  background-color: #E88989;
}
.stateWRN {
  background-color: #FFE9A7;
}

div.mch_bar {
  background-color: #333;
}

table.deviceSelector tr td {
  vertical-align: top;
  line-height: 16px;
  width: 25%;
}
table.deviceSelector tr td a.deviceEntry {
  margin-left: 10px;
}

table.sheet {
  border-spacing: 0px;
  border: 1px solid #333;
}

table.sheet td, table.sheet tr td.caption {
  border-right: 1px solid #555;
  font-size: .8em;
  padding: 1px;
  vertical-align: top;
}

tr.rowSep td {
  border-top: 1px solid #333;
}

.ui-state-blue, .ui-widget-content .ui-state-blue, .ui-widget-header .ui-state-blue {color: #5080ff; font-weight: bold; font-style: italic; }
.ui-state-blue a, .ui-widget-content .ui-state-blue a, .ui-widget-header .ui-state-blue a { color: #5080ff; font-weight: bold; font-style: italic; }
.ui-state-blue-text, .ui-widget-content .ui-state-blue-text, .ui-widget-header .ui-state-blue-text { color: #5080ff; font-weight: bold; font-style: italic; }

.ui-state-red, .ui-widget-content .ui-state-red, .ui-widget-header .ui-state-red {color: #ff0a77; }
.ui-state-red a, .ui-widget-content .ui-state-red a, .ui-widget-header .ui-state-red a { color: #ff0a77; }
.ui-state-red-text, .ui-widget-content .ui-state-red-text, .ui-widget-header .ui-state-red-text { color: #ff0a77; }

td[onclick*="dateTerminate"] .ui-state-active { font-weight: bold; color: #0099ff; }

table.manage_articles tr.rowhead td {
  vertical-align: top;
}
table.manage_articles tr.rowhead td div.location {
  float: left;
  min-width: 150px;
  font-size: 0.8em;
}
table.manage_articles td input[type=submit] {
  font-weight:  bold;
}
table.manage_articles td label {
  min-width: 50px;
}
td.content-width{
	width:1%;
    white-space:nowrap;
}


.error {
  border-color: #841430 !important;
  box-shadow: 0 0 7px rgba(132, 20, 48, 0.55) !important;
}

.errorWidget {
  border: 1px solid #ce5050 !important;
}

.error:focus {
  box-shadow: 0 0 8px rgba(132, 20, 48, 0.85) !important;
}

.errorTextAndBorder {
  color: #841430;
  border-color: #841430 !important;
  box-shadow: 0 0 7px rgba(132, 20, 48, 0.55) !important;
}

.textcenter {
  text-align: center;
}

/* management report stylesheets */
table.managementReport, div.managementReportDifferences table {
  border-spacing: 0px;
  border-bottom: 1px solid #555;
}
table.managementReport > thead > tr, table.managementReport > tfoot > tr {
  background-color: #F8F8F8;
  line-height: 20pt;
}
table.managementReport td {
  padding: 4px;
}
table.managementReport > thead > tr > td, table.managementReport > tfoot > tr > td {
  vertical-align: middle;
  font-weight: bold;
}
table.managementReport .bgdark {
  background-color: #BCBCBC;
}
table.managementReport > tbody > tr.carrier > td.caption {
  padding-left: 20px;
}
table.managementReport > tbody > tr.cashcenter > td.caption {
  padding-left: 30px;
}
table.managementReport > tbody > tr.branch > td.caption {
  font-weight: normal;
  text-align: right;
  padding-right: 5px;
}

table.managementReport td.today {
  border-left: 1px solid #555;
  border-right: 1px solid #555;
}
table.managementReport > tbody > tr > td.red, table.managementReport > tfoot > tr > td.red {
  background-color: #686868;
  color: #FFF;
  font-weight: bold;
}
table.managementReport > tbody > tr > td.green {
  background-color: darkgreen;
  color: darkgreen;
  font-weight: normal;
}
table.managementReport > tbody > tr > td.yellow {
  background-color: #86C67C;
  color: #666;
  font-weight: normal;
}
table.managementReport td.currency {
  text-align: right;
  padding-right: 3px;
}
table.managementReport td.info {
  background-color: #FFF;
}
table.managementReport tr.headline td {
  border-bottom: 1px solid #555;
}

table.managementReport tr.country:hover, tr.carrier:hover, tr.cashcenter:hover, tr.branch:hover, tr.totalValues:hover {
background-color: #ee8;
opacity: 0.7;
filter: contrast(4.5);
}

div.managementReport {
  border-top: 1px solid #555;
  padding: 20px 20px 5px 20px;
  background-color: #FFF;
}
.managementReport div.currency {
  float: left;
  width: 80px;
}
.managementReport div.currency > div.name {
  font-weight: bold;
  text-align: center;
}
.managementReport div.currency > div {
  width: 100%;
}
.managementReport div.currency > div > input {
  width: 70px;
  text-align: right;
}
.managementReport div.boxtitle {
  margin-bottom: 4px;
}
.managementReport div.submit {
  width: 160px;
  margin-left: 240px;
  padding-top: 13px;
}
div.managementReportComments {
  min-height: 100px;
}
div.managementReportDifferences {
  margin-top: 20px;
  border-bottom: 1px solid #555;
}
tr.exchangeRates td {
  border-top: 1px solid #555;
}
div.managementReportDifferences thead th, div.managementReportDifferences td {
  border-top: 1px solid #555;
  border-left: 1px solid #555;
  padding: 2px;
}
div.managementReportDifferences thead th, div.managementReportDifferences tfoot td {
  font-weight: bold;
  background-color: #F8F8F8;
}
div.managementReportDifferences table {
  border-right: 1px solid #555;
  border-bottom: 1px solid #555;
}
div.managementReportDifferences td.currency {
  text-align: right;
  padding-right: 5px;
}
table.case-details tfoot td {
  text-align: right;
}
table.case-details tfoot td.caption {
  text-align: left;
}
table.case-details tbody td {
  text-align: left;
}
table.managementReport > tfoot > tr > td > div.comment {
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1.33em;
  overflow-y: scroll;
  max-height: 100px;
}
table.managementReport > tfoot > tr > td.center {
  text-align: center;
}
table.managementReport > tbody > tr > td a, table.managementReport > tbody > tr > td a:link, table.managementReport > tbody > tr > td a:visited, table.managementReport > tbody > tr > td a:hover {
  color: #febf47;
  font-weight: bold;
}


div.loader {
  text-align: center;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -35px 0px 0px -85px;
}


.folderClosed, .folderOpened {
  width: 12px;
  height: 12px;
  border: 0px;
  margin: 2px 4px;
  float: left;
  cursor: pointer;
  opacity: 0.6;
}
.folderClosed:hover, .folderOpened:hover {
  opacity: 1;
}
.folderClosed {
  background-image: url('/images/plus_12x12.png');
  background-repeat: no-repeat;
}
.folderOpened {
  background-image: url('/images/minus_12x3.png');
  background-repeat: no-repeat;
  margin-top: 6px;
}
.folderHidden {
  visibility: hidden;
  display: none;
  width: 0px;
  height: 0px;
}

/* icc portal dojo styles */

.faulty {
  background-image:  url("/images/error.png");;
  background-repeat:no-repeat;
  background-position:right top;
  border: 1px solid #d46464 ;
}

.claro .dijitDialogTitleBar {
	background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 30%);
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 30%);
	background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 30%);
	background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 30%);
}

.claro .dijitDialogTitle {
  font-size: 1.00em;
  font-weight: bold;
  color: #FFFFFF;
}

.claro .dijitDialog {
	border: 1px solid #C6C6C6;
}

.claro .dijitDialogPaneContent {
	border-top: 1px solid #C6C6C6;
}

.claro .dijitDialogTitleBar {
	background-color: #686868;
}


.claro .dojoxGridCellOver .dojoxGridSortNode {
	background-color: #EFEFEF;
}

.claro .dojoxGridHeader .dojoxGridCellOver {
	background: #EFEFEF;
}

.claro .dojoxGridMasterHeader {
	background: url("images/header.png") #EFEFEF repeat-x bottom;
	background: -moz-linear-gradient(top, #C6C6C6, );
	background: -webkit-gradient(linear, left top, left bottom, from(#C6C6C6), to(#C6C6C6));
}

.claro .dojoxGridRowOver .dojoxGridCell {
	background: url("images/row_back.png") #EFEFEF repeat-x;
	border-top: 1px solid #C6C6C6;
	border-bottom: 1px solid #C6C6C6;
}

.claro .dojoxGridRowSelected .dojoxGridCell {
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}

.claro .dojoxGridRowSelected {
	background-color: #DDDDDD;
}

.dojoxGridRowSelected {
	background-color: #DDDDDD;
}

.ui-datepicker {
  width: auto; /* fix wrong layout if English enabled */
}

td.materialName {
  width: 75%;
  text-align: right;
  padding: 1px 4px 1px 1px;
}
td.materialQuantity {
  text-align: right;
  padding: 1px 4px 1px 1px;
}

.ui-tabs .ui-tabs-panel {
  background-color: #FFF;
}

.ui-tabs:not(.locks) {
  box-shadow: 5px 5px 5px lightgray;
}

#content {
  background: white;
}

.ui-tabs-panel table {
  background-color: white;
}

.claro .dijitButton .dijitButtonNode, .claro .dijitDropDownButton .dijitButtonNode, .claro .dijitComboButton .dijitButtonNode, .claro .dijitToggleButton .dijitButtonNode {
  background-color: transparent;
  border-color: #363FBF;
  padding: 4px 4px 4px 4px;
}

.claro .dijitButtonDisabled .dijitButtonNode, .claro .dijitDropDownButtonDisabled .dijitButtonNode, .claro .dijitComboButtonDisabled .dijitButtonNode, .claro .dijitToggleButtonDisabled .dijitButtonNode {
  border: solid 1px #d3d3d3;
  padding: 4px 4px 4px 4px;
}


.clar .dijitActiveFocus span {
  outline-color: white;
}

.claro .dijitCurrencyTextBox input.dijitInputInner {
  text-align: right;
}


div.sortableIcons {
  width: 20px;
  float: right;
  margin-right: 10px;
}

img.sortableIcon {
  border: 0px;
  opacity: 0.6;
}

img.sortableIconActive {
  opacity: 1;
  -webkit-filter: brightness(50%);
  filter: brightness(50%);
}


/* web notification on start page */
img.webNotificationAction {
  float: right;
  opacity: 0.7;
  margin: 1px 4px;
}
img.webNotificationAction.right {
  margin-right:  15px;
}

.webNotificationDisabled {
  color: #888 !important;
}
.webNotificationDisabled img.webNotificationAction {
  opacity: 0.3;
}
img.webNotificationActionCreate {
  opacity: 1.0;
  margin-top: 3px;
}
/* END web notifications */

/* surveys on start page */
#filterSurveyRecipients {
  min-height: 150px;
}
img.surveyVoteButton {
  margin-left: 40px;
}
img.surveyVoteDisabled {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.5;
}
div.surveyInfoParticipants {
  float: right;
  padding: 30px 2px 2px 2px;
  color: #666;
}
span.surveyInfoVotes {
  font-weight: bold;
}
/* END surveys */

#incompatibilityTitle {
  font-weight: bold;
  font-size: 1.2em;
  padding: 9px 0px;
}

#incompatibilityText {
  font-size: 1.1em;
}
table.auto-size{
    width:0;
}
table.auto-size td{
   padding-right:10px;
    white-space: nowrap;
    height:30px;

}
table.auto-size td:last-child{
    width:100%;
}
table.smallFontSize td{
    font-size:12px;
}

.portlet {
  margin: 0 5px 5px 0;
  padding: 5px;
  min-height:296px;
  float:left;
}

.portlet-placeholder {
  border: 1px dotted black;
  float:left;
  padding:5px;
  margin: 0 5px 5px 0;
}
.portlet.width-small{
  width:484px;
}

.portlet.width-medium{
  width:570px;
}
.portlet.width-large{
  width:900px;
}

.portlet.width-max{
  width:1510px;
}

.portlet-header {
  padding: 2px 2px;
  margin-bottom: 3px;
  position: relative;
  cursor:move;
  background-color:#981131;
  border:1px solid #800019;
  color:white;
}
.portlet-toggle {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8px;
  cursor:pointer;
}
.portlet-content {
  padding: 1px;
  word-wrap:break-word;
  max-height: 265px;
  overflow-y: auto;
}

.portlet.collapsed{
  min-height:0px;
  height:50px !important;
}

.portlet.collapsed .portlet-content{
  display:none;
}
.ui-icon-plusthick.light {
  background-image: url(/css/custom-theme/images/ui-icons_ffffff_256x240.png);
  background-position: -32px -128px;
}
.ui-icon-minusthick.light {
  background-image: url(/css/custom-theme/images/ui-icons_ffffff_256x240.png);
  background-position: -64px -128px;
}


.actions {
  text-align: center;
}
table.dashboard th,
table.dashboard td {
  padding: 1px 5px;
}
table.center td{
  text-align:center;
}
table.hover tbody tr:hover{
  background-color:#CCCCCC;
}
table.striped tr:nth-child(odd){
  background-color: #DDDDDD
}
img.dashboard-refresh{
  cursor:pointer;
  height:15px;
  float:right;
  margin-top: 3px;
  margin-right: 3px;
}
div.portlet.loading div.portlet-content,
div.portlet.error div.portlet-content
{
  display:none;
}
 div.portlet.loading div.portlet-loading{
  display:block !important;
}
div.portlet.error div.portlet-error{
  display:block !important;
}
div.portlet.loading img.loading{
  display:block;
  margin-left: auto;
  margin-right: auto;

}


div#dash-TourLicenseCards-dialog.loading img.loading{
  display:block;
  margin-left: auto;
  margin-right: auto;

}
div.portlet.error img.fail{
  display:block;
  margin-left: auto;
  margin-right: auto;
}
table.dashboard tbody {
  display:block;
  max-height:205px;
  overflow-y:auto;
}
table.dashboard thead, table.dashboard tbody tr {
  display:table;
  width:100%;
  table-layout:fixed;
}
table.dashboard tbody {
  width:100%;
}

input.btnsubmit {
  font-weight: bold;
}

tr.inheritOnly td {
  color: #666;
}

table.tbllist tr td.right {
  padding-right: 5px;
}

.dynamicAccess {
  display: none;
}

span.comment {
  font-weight: normal;
  word-break: break-all;
}

table.tlc {
  border-collapse: collapse;
}

table.tlc thead th {
  border-bottom: 1px solid #000;
}

table.tlc td {
  padding-top: 10px;
}

#md-registration-content > img{
  width:100%;
}
table {
  width: 100%;
  border-spacing: 0;
}

.table-container {
  height: 120px;
}
.table-container table {
  display: flex;
  flex-flow: column;
  height: 100%;
  width: 100%;
}
.table-container table thead {
  /* head takes the height it requires,
  and it's not scaled when table is resized */
  flex: 0 0 auto;
  width: calc(100% - 0.9em);
}
.table-container table tbody {
  /* body takes all the remaining available space */
  flex: 1 1 auto;
  display: block;
 overflow-y: scroll;
}
.table-container table tbody tr {
  width: 100%;
}
.table-container table thead,
.table-container table tbody tr {
  display: table;
  table-layout: fixed;
}
/* decorations */


#coinPackageInfo {
  display: none;
  visibility: hidden;
}
.underline_no_pdf {
	text-decoration: underline;
}

.bold {
  font-weight: bold !important;
}

.cbActive {
  color: green;
}

.cbDisabled {
  color: #777;
}

label.cbLarge {
  font-size: 1.2em;
}

.nav-mobile{
  visibility: hidden;
}

#navbar-mobile{
  visibility: hidden;
}

#scroll-indicator{
  display:none;
    height:0;
    width:0;
}

#oldEmployeeCards {
  width:50%;
  margin: 20px 0;
  border-radius: 13px;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#c2c2c2));
  background: linear-gradient(to bottom, #efefef 0%, #c2c2c2 100%);
}

#oldEmployeeCards tr:first-child td {
  font-weight: bolder;
}
#oldEmployeeCards tr:nth-child(2) td {
  font-style: italic;
  font-weight: bold;
}
#oldEmployeeCards  td:not(first-child) {
  text-align: center;
}
#oldEmployeeCards  td:first-child {
  text-align: left;
}

#flexContainer{
  float:left;
  width:75%;
}
.displayFlex {
  display: flex;
  flex-basis: 100%;
}

#accountNameText {
  width:70%;
  float:left;
}

#prop_account_details{
  width:450px;
}

tr.imgRow td {
  padding-top:35px !important;
}

#numberPlaceholder {
  border: none;
  display: inline;
  font-family: inherit;
  font-size: inherit;
  padding: none;
  width: auto;
  box-shadow: none;
}

.deviceWrapper {
  width:290%
}

.maindataInputWidgetMargin {
 margin-left: 2px;
}

.maindataFirstColWidth {
  width:30%;
}
.maindataLongInput {
  width: 278px !important;
  margin-left:2px;
  font-size:10pt !important;
}

.maindataLongInputWidget {
  width: 285px;
}


.maindataLongInputEmail {
  width: 586px !important;
}


.maindataLongSelect {
  width: 287px;
  margin-left: 2px !important;
}

.maindataSmallerInput {
  width: 89px !important;
}

.maindataSmallInput {
  width: 169px !important;
}

.maindataMediumInput {
  width: 280px !important;
}

.maindataPasswordInput {
  width: 288px !important;
}

.maindataMediumSelect {
  width: 288px !important;
}

.maindataSmallSelect {
  /*width: 174px !important;*/
  width: 181px !important;
  margin-left: 3px;
}

.maindataSmallInputWidget {
  width: 175px !important;
  margin-left:3px;
}


.maindataFieldMargin {
  margin: 2px !important;
}

.maindataMiddleInput {
  width: 240px !important;
}

.maindataMiddleInputB {
  width: 247px !important;
}

.maindataInputWidgetMarginleft {
  margin-left: 2px !important;
}

.ccAccountCaptions td {
  font-weight: bolder !important;
  text-transform: uppercase;
  color: #757272;
}

div.showNewImg {
  position: relative;
  float:left;
  margin:5px;
}
div.showNewImg:hover #newImg{
  opacity:0.2;
}
div.showNewImg:hover #trashIcon {
  display: block;
  cursor: pointer;
}

 #trashIcon {
  position:absolute;
  display:none;
}

#trashIcon {
  top:40%;
  left:40%;
}

#uploadVectorContainer {
  border: 2px dashed #d4d4d4;
  width:246px;
  height:150px;
  border-radius: 5px;
  text-align: center;
  margin-left:8px;
}

.amountRight {
  float:right;
  padding-right:3px;
}

.btn-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#d27979), to(#282828));
  color:#ffffff;
  padding:6px;
  font-weight: bold;
  border-radius:5px;
  cursor:pointer;

}
.paleYellow {
  color:#ffffb3 !important;
}

.emailCaption {
  width:100px !important;
}
.dashDiv {
  margin-top:10px;
  height:400px !important;
}

#tour_receipts_result tr td:nth-child(1), #dashTourReceiptsTb tr td:nth-child(1) {
  width:16% !important;
}

.tourLicenceDashMedium {
  width:200px !important;
}

#tour_receipts_search {
  border-radius: 5px;
}

#dashTourReceiptsTb tr td:nth-child(2) {
  width:30%;
}
#dashTourReceiptsTb tr td:nth-child(3) {
  width:54%;
  padding-left: 15px;
}

.dialog-loading {
  width: 300px;
  margin-top: 30%;
  margin-left: 25%;
}


#weekDaysWrapper{
  width: 100%;
}

.weekDay {
  display: inline-block;
  width:12%;
  height:60px;
  border-radius: 4px;
  text-align: center;
  vertical-align: middle;
  background-color: #EEE;
  line-height: 60px;
  font-weight: bolder;
  position: relative;
  overflow: hidden;
}

.serviceBox {
  display: inline-block;
  width:15%;
  height:70px;
  border-radius: 4px;
  text-align: center;
  vertical-align: middle;
  background-color: #EEE;
  line-height: 45px;
  font-weight: bolder;
  position: relative;
  overflow: hidden;
  word-wrap: break-word;
  margin-right: 25px !important;

}
.weekDay:not(first-child) {
  margin-left: 1%;

}

.boxCount {
  position:absolute;
  bottom:2px;
  right:2px;
  padding:3px;
  background-color:  #282828;
  color:#FFFFFF !important;
  width: 18px;
  height: 16px;
  border-radius: 50%;
  align-items: center;
  text-align: center;

}
.floatCount {
  float: left;
  height: 100%;
  margin-right: 15px;
  display: flex;
  align-items: flex-end;
  shape-outside: inset(calc(100% - 100px) 0 0);
}
.floatCount ~ .floatCount {
  float: right;
  margin-left: 15px;
  margin-right: 0;
}

.weightRow {
  width:65% !important;;
  border-bottom: 1px solid #ffffff;
}

#datesContainer  > * {
  display: inline-block !important;
}
#datesContainer  > input {
  width: 93px !important;
}

 /*SUGGEST WITH DROPDOWN  */

.autocomplete {
  position: relative;
  display: inline-block;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 4px;
  cursor: pointer;
  background-color: #F6E3CE;
  font-size: 9pt;
}

.autocomplete-items div:hover {
  background-color: #e9e9e9;
}

.autocomplete-active {
  background-color: DodgerBlue !important;
  color: #ffffff;
}


.carretInput {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: -22px !important;
}
.containerNoWrapper {
  width: 100%;
}

.containerNoText {
  padding-top: 5px;
}

img.containerLoad {
  margin-left: 10px;
  margin-top: 1px;;
}


#selectedStore {
  padding-left:5px;
}

.containerNoWrapper .containerNo {
  float: left !important;
  width: 47% !important;
}

.containerNoWrapper .containerNoText {
  float: right !important;
  width: 48% !important;
  display: block;
  background-color: transparent;
  margin-left: 3px;
}

#bag1-1:hover .containerNoText {
  background-color: #CCCCCC;
}
#minLength::placeholder {
  font-weight: bold;
  font-style: italic;
  opacity: 0.5;
  color: #000;
}

.serviceTypeSel {
  margin:5px !important;

}