/* class for numeric columns in tables */
.numeric { text-align: right }

/* various oneshot decoration for legacy purpose. dont use */
.small-text { font-size: 70% }
.bold       { font-weight: bold }

.float-left  { float: left  }
.float-right { float: right }

/* quirk to force certain constructs to block context */
.block-context { overflow: hidden }

/* position */
.position-relative { position: relative }
.position-absolute { position: absolute }

.hidden { display: none; }

/* media stuff */
@media screen {   .noscreen { display: none } }
@media print {    .noprint  { display: none } }
@media handheld { .nomobile { display: none } }

body { behavior:url("csshover.htc") }

/* class to fix container around floats */
.clearfix:after {
  clear:both;
  content:".";
  display:block;
  font-size:0;
  height:0;
  visibility:hidden;
}

/* CTI */
a.cti_call_action {
  display: inline-block;
  padding-left: 18px;
  height: 16px;
  position: relative;
  top: 2px;
  vertical-align: center;
  background-image: url(../image/icons/16x16/phone.png);
  background-repeat: no-repeat;
}

/* the cvars table in the 2. row */
.row2-cvars-table tr { vertical-align: top }
.row2-cvars-table th { text-align: right; padding-left: 15px; padding-right: 0 }
.row2-cvars-table td, .row2-cvars-table th { padding-top: 10px }

input.grow_on_focus {
  width: 20px;
  transition:         width 0.1s;
  -moz-transition:    width 0.1s;
  -webkit-transition: width 0.1s;
  -o-transition:      width 0.1s;
}
input.grow_on_focus:focus { width: 150px }

/* clickable text anchors, usually with attached javascript handlers */
.interact { color: gray }
.interact:hover { color: black; }
.cursor-default { cursor: default }
.cursor-pointer { cursor: pointer }
.cursor-help { cursor: help }

/* dunning */
#dunning_invoice_list .direct_debit td,
#dunning_invoice_list .direct_debit a {
  color: #aaa;
}
/* orderitems */
.shipped     { color: green }
.not_shipped { color: red   }

/* actionbar styling */
div.layout-actionbar {
  position: fixed;
  height: 28px;
  top: 20px;
  z-index: 20;
  width: 100%;
  padding: 2px;
}

div.layout-actionbar-action {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* don't select text on double click */
}

div.layout-actionbar ~ div:first {
  padding-top: 25px;
}

div.layout-actionbar > div + div {
  margin-left: 2px;
}

div.layout-actionbar-separator {
  display: inline-block;
  width: 20px;
}

div.layout-actionbar div.layout-actionbar-link,
div.layout-actionbar div.layout-actionbar-submit,
div.layout-actionbar div.layout-actionbar-scriptbutton,
div.layout-actionbar div.layout-actionbar-link:focus,
div.layout-actionbar div.layout-actionbar-submit:focus,
div.layout-actionbar div.layout-actionbar-scriptbutton:focus {
  display: inline-block;
  width: 120px;
  box-sizing: border-box;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  padding: 4px 4px;
  cursor: default;
}

div.layout-actionbar div.layout-actionbar-link:hover,
div.layout-actionbar div.layout-actionbar-submit:hover,
div.layout-actionbar div.layout-actionbar-scriptbutton:hover {
  border-width: 1px;
  border-style: solid;
}

div.layout-actionbar-combobox {
  position: relative;
  display: inline-block;
}

div.layout-actionbar div.layout-actionbar-action {
  height: 25px;
}

div.layout-actionbar-combobox div.layout-actionbar-combobox-head div {
  width: 100px;
  height: 25px;
}

div.layout-actionbar-combobox div.layout-actionbar-combobox-head span {
  display: inline-block;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  padding: 4px;
  width: 14px;
  height: 15px;
  position: absolute;
  top: 0;
  right: 0;
}

div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -3px;
  border-width: 3px 3px 0 3px;
  border-style: solid;
}

div.layout-actionbar-combobox.active div.layout-actionbar-combobox-head span:after {
  border-width: 0 3px 3px 3px;
}


div.layout-actionbar-combobox div.layout-actionbar-combobox-head {
  padding-right: 20px;
  white-space: nowrap;
  display: block;
}

div.layout-actionbar-combobox div.layout-actionbar-combobox-list {
  position: absolute;
  display: none;
  min-width: 120px;
}

div.layout-actionbar-combobox.active div.layout-actionbar-combobox-list {
  display: inline-block;
  z-index: 10;
}

div.layout-actionbar-combobox-list div.layout-actionbar-action {
  white-space: nowrap;
  display: block;
  position: relative;
  width: 100%;
  text-align: left;
  padding: 4px;
}

div.cke_textarea_inline > :first-child {
  margin-top: 0;
}
div.cke_textarea_inline > :last-child {
  margin-bottom: 0;
}
div.cke_textarea_inline {
  overflow-y: auto;
}
div.cke_textarea_inline:focus {
  outline: 0;
}

span.upload_drop_zone {
  padding: 4px;
  border: 2px;
  border-color: darkgray lightgray lightgray;
  border-style: solid;
  background-color: whitesmoke;
}

.overlay_div {
  position: relative;
}

.overlay_img {
  position: absolute;
  top: -100px;
  left: -100px;
  z-index: 2;
  cursor: pointer;
}

.thumbnail {
  cursor: pointer;
}

.fu_finished {
  background-color: #ADFFB6;
}