projekt kivitendo

@button-soft-active:           @brand-darkest;

@button-soft-active-bg:        @brand-strong-dimmed;

@button-soft-active-border:    @brand-darkest;

// --------------

// Brand colors

@brand-strong:              @brand-standard ; // Strong brand color (for text)

@brand-strong-dimmed:       lighten( @brand-strong , 10% ) ;

@brand-lighter:             lighten( @brand-strong , 40% ) ;

@brand-verylight:           lighten( @brand-strong , 50% ) ;

@brand-superlight:          lighten( @brand-strong , 60% ) ;

@brand-table-text-color:    @brand-darkest ; //

// --------------------------------------

// SCAFFOLDING

// --------------------------------------

@heading-bg:            @brand-lighter ; // controlpanels & other stuff

// Tabs

@tabs-bg-hover-active:  @tabs-bg; // background tabs panel (data/content)

@tabs-text-hover:       @brand-strong; // background tabs panel (data/content)

  font-size: 12pt;

  font-style: normal;

  font-weight: normal;

  padding: 0.2em 0 0.2em 0.2em;

  margin: 0;

  text-align: left;

  padding: 0.6em 1em 1.2em 1.8em;

}

.mx-thead-th {

  text-align: left ;

  vertical-align: middle ;

}

  border-radius: 3px;

}

.mx-button-standard {

  text-decoration: none;

}

.mx-button-standard-hover-focus:hover {

  color: #ffffff;

  text-decoration: none;

}

.mx-button-standard-hover-focus:active,

.mx-button-standard-hover-focus:focus {

  color: #ffffff;

  text-decoration: none;

}

.mx-button-neutral {

}

.mx-button-neutral-hover-focus:hover {

  text-decoration: none;

}

.mx-button-neutral-hover-focus:active,

.mx-button-neutral-hover-focus:focus {

  color: #ffffff;

  text-decoration: none;

}

body {

  margin: 0 ;

  color: #000000;

  font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 11pt;

  width: auto;

}

body > #content .ui-tabs-panel {

}

body .full-width {

  width: 100% ;

.ui-dialog .ui-dialog-titlebar {

  padding: 0.4em 1.0em;

  border: none;

  font-weight: normal;

  position: relative;

  text-align: left;

  font: menu;

  font-size: 11pt;

  /*hps: vorher 12px */

  line-height: 16px;

  overflow: hidden;

}

.ms2side__header {

  color: #666;

  /* hps */

  font-size: 9pt;

  line-height: 1.0em;

  padding: 0 0 0.3em 0;

  border: 1px solid black;

  width: auto !important;

  /* hps */

  /* hps */

  /* hps */

  /* hps */

  border-radius: 3px;

  /* hps */

}

.ms2side__options p.ms2side_hover,

.ms2side__updown p.ms2side_hover {

  background-color: #3C3C3B;

  /* hps */

  border-color: #000000;

  color: #ffffff ;

  cursor: pointer;

.ms2side__div select {

  width: 12.0em;

  /*hps:400px*/

  float: left;

}

/* This is the default Tooltipster theme */

/* Set display: none; if you would like a border around the tooltip but no border around the arrow */

.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {

  /* border-color: ... !important; */

}

/* If you're using the icon option, use this next selector to style them */

.tooltipster-icon {

span.chart_picker input,

span.part_picker input {

  /* padding-right: 20px; */

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

}

.tabwidget > ul li.ui-state-hover a,

.tabwidget > ul li.ui-state-hover a:hover {

}

.tabwidget > ul li.ui-state-active {

  color: #000;

}

.tabwidget > ul li.ui-state-active a,

.tabwidget > ul li.ui-state-active a:link,

.tabwidget > ul li.ui-state-active a:visited {

  color: #000;

  outline: 0 ;

}

.tabwidget > ul li.ui-state-active.ui-state-hover a,

.tabwidget > ul li.ui-state-active.ui-state-hover a:hover {

  color: #000;

}

.tabwidget > ul li.ui-state-default {

  background: #fff;

  font-weight: normal;

  margin: 0 0 0 0.6em;

}

.tabwidget > ul li.ui-state-default a,

.tabwidget > ul li.ui-state-default a:link {

}

.tabwidget > ul li.ui-state-disabled a {

  cursor: text;

  padding: 0.2em 0.7em;

}

.tabwidget > ul.ui-tabs-nav li.ui-tabs-active {

  margin-bottom: -1px;

  padding-bottom: 0;

}

.tabwidget > div.ui-tabs-panel {

  width: 100%;

  overflow: hidden;

  display: block;

}

.tabwidget > div.ui-tabs-panel > .tabwidget {

  position: relative ;

}

.tabwidget > div.ui-tabs-panel > .tabwidget .ui-tabs-panel {

  position: relative ;

  top: auto;

  padding-top: 0 !important ;

}

.tabwidget > div.ui-tabs-panel > .tabwidget .ui-tabs-nav {

}

#content > form > .tabwidget > .ui-tabs-panel > .tabwidget {

  background-color: #efefef;

  z-index: 1020;

  top: 60px;

  width: 100%;

  padding: 0.7em 0.5em 0.7em 0.7em;

}

#content .wrapper h1 {

  font-size: 13pt;

  margin: 0 0 0.4em 0;

}

body > h1 {

  padding: 0.7em 0.5em 0.7em 0.7em;

}

h2 {

  font-size: 13pt;

  border-style: none;

  letter-spacing: 0.14em;

  color: #000000;

}

h2.record-title small {

  letter-spacing: 0 ;

}

.wrapper > h2.record-title {

  font-size: 12pt;

  font-style: normal;

  font-weight: normal;

  padding: 0.2em 0 0.2em 0.2em;

  margin: 0;

  text-align: left;

  margin: 0.6em 0 0.4em 0 !important;

}

#content h3 {

  padding-left: 0 ;

  margin: 0.8em 0 0.4em 0 ;

}

a:link,

a:visited,

a:active {

}

a:hover {

  text-decoration: underline;

}

a.selected:hover {

  font-size: 9pt;

}

span.label {

  font-size: 9pt;

  font-style: normal ;

  margin: 0 0.3em 0 0 ;

  width: 576px;

}

div.instructions {

  border-radius: 0.6em;

  max-width: 70% ;

  margin: 1em 1em 1em 0.6em;

  display: inline-block !important;

}

.wrapper.bordered {

}

.wrapper > .toggles {

  display: inline-block;

}

.accent div.label {

  float: left ;

  font-size: 80% ;

  padding-top: 0.8em ;

}

  background-color: #dcdcdc;

  vertical-align: middle;

  /* List 2nd Level (Vertical) */

}

#menuv3 > ul > li:hover {

  background-color: #cdcdcd;

}

.layout-actionbar > div.layout-actionbar-action {

  border-radius: 0.3em ;

  float: left;

  color: #ffffff;

  z-index: 1031;

  height: 25px;

  border-top-left-radius: 0.3em ;

  border-bottom-left-radius: 0.3em ;

  color: #ffffff;

  position: relative;

}

  right: 0;

  width: 24px !important;

  height: 25px !important;

  border-left: none;

  border-top-right-radius: 0.3em ;

  border-bottom-right-radius: 0.3em ;

  padding: 4px;

  background-image: url("../image/select-down.png");

  background-repeat: no-repeat;

  background-position: 5px 5px;

  min-width: 140px;

  float: right;

  overflow: hidden;

  border-top-left-radius: 0.3em;

  border-bottom-left-radius: 0.3em;

  border-bottom-right-radius: 0.3em;

  z-index: 1032;

  top: 1px;

  padding-bottom: 0.6em;

}

.layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-list div.layout-actionbar-action {

  white-space: nowrap;

  text-align: left;

  padding: 0.6em 0.6em 0.6em 1.0em;

  border-bottom: none !important;

  color: #ffffff;

}

.layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-list div.layout-actionbar-action:hover {

  border-bottom: none !important ;

}

.layout-actionbar div.layout-actionbar-combobox.active div.layout-actionbar-combobox-head div {

  border-bottom-left-radius: 0 !important;

  border-bottom: none;

  height: 30px ;

}

.layout-actionbar div.layout-actionbar-combobox.active div.layout-actionbar-combobox-head span {

  border-bottom-right-radius: 0 !important;

  border-bottom: none;

  height: 30px !important ;

  display: table-cell;

  vertical-align: middle;

  border-spacing: 0;

  line-height: 100%;

  font-size: 9pt;

}

#frame-header span.frame-header-element {

  padding-top: 0.2em;

}

#frame-header span.frame-header-element a:link,

#frame-header span.frame-header-element a:active {

  text-decoration: none;

  border-bottom: none;

}

#frame-header span.frame-header-element a:hover {

  color: #ffffff;

  text-decoration: underline;

  /*underline*/

}

#frame-header span.frame-header-element span.mandate {

  text-transform: uppercase ;

#frame-header div.frame-header-quicksearch span.frame-header-quicksearch input {

  font-size: 9pt;

  margin-top: 0.1em;

  width: 14.0% !important;

  padding: 0 0.2em ;

  border-width: 1px ;

table td.longdescription,

table th.longdescription {

  font-size: 80% ;

}

table td.highlight,

table th.highlight {

table td div.description,

table th div.description {

  font-size: 90% ;

  float: none ;

  clear: both ;

}

table th span.label {

  display: block ;

  padding: 0 0 0.5em 0 ;

}

table td span.below,

table th span.below {

  padding-bottom: 0   ;

}

table thead th {

  text-align: left ;

  vertical-align: middle ;

}

table tfoot tr th,

table tfoot tr td {

  vertical-align: middle ;

  height: 1.8em ;

}

table tfoot tr td {

  font-weight: bold ;

}

table tfoot tr th {

  font-weight: normal ;

}

table tfoot tr:first td,

table tfoot tr:first th {

}

table tfoot tr.blank {

  border: none !important ;

}

table tfoot.blank tr:first-child th,

table tfoot.blank tr:first-child td {

}

table tfoot.blank tr th,

table tfoot.blank tr td {

  font-size: 12pt;

  font-style: normal;

  font-weight: normal;

  padding: 0.2em 0 0.2em 0.2em;

  margin: 0;

  text-align: left;

}

table tr.heading th {

  font-size: 120% ;

}

table colgroup col.right {

  text-align: right  ;

  height: 2.2em ;

}

table.tbl-list thead tr th {

  text-align: left ;

  vertical-align: middle ;

}

}

table.tbl-list thead tr th > a:link,

table.tbl-list thead tr th > a:visited {

  text-decoration: none ;

}

table.tbl-list thead tr th > a:hover {

  text-decoration: underline ;

}

table.tbl-list thead tr th > a:active,

table.tbl-list thead tr th > a:focus {

  text-decoration: underline ;

}

table.tbl-list thead.links-condensed tr th a {

  display: inline ;

}

table.tbl-list tbody {

}

table.tbl-list tbody tr:nth-child(odd) {

}

table.tbl-list tbody tr:nth-child(even) {

}

table.tbl-list tbody > tr:last-child > td {

}

table.tbl-list tbody tr:hover {

  background-color: #ffffff;

  background-color: #ffd6d6 !important;

}

table.tbl-list tbody td {

}

table.tbl-list-plain caption,

table.tbl-plain caption,

}

table.tbl-list-plain thead th,

table.tbl-plain thead th {

  text-align: left ;

  vertical-align: middle ;

}

}

table.tbl-list-plain.lined tr,

table.tbl-plain.lined tr {

}

table.tbl-list-plain.lined tr > th,

table.tbl-plain.lined tr > th,

  vertical-align: middle !important ;

}

table.tbl-list-plain thead th {

  font-weight: bold ;

}

table.tbl-list-plain tbody td,

table.tbl-list-plain tbody th {

}

table.tbl-horizontal th,

table.tbl-horizontal td {

  padding-bottom: 0 ;

}

table.tbl-horizontal th {

  vertical-align: top ;

}

table.tbl-horizontal th > a:link,

table.tbl-horizontal th > a:visited {

  text-decoration: none ;

}

table.tbl-horizontal th > a:hover,

table.tbl-horizontal th > a:active {

  padding: 0 ;

}

table.tbl-horizontal td {

}

table.tbl-horizontal td.data {

  padding: 0.4363em 0.3em 0.4363em 0.3em ;

table.tbl-horizontal thead th {

  padding: 0.5em 0.4em 0.5em 0.3em ;

  font-weight: bold ;

  border: none ;

}

table.tbl-horizontal.zebra tbody tr:nth-child(odd) {

}

table.tbl-horizontal.checkered tbody tr td,

table.tbl-horizontal.checkered tbody tr th {

  border-width: 1px ;

  border-style: solid ;

  padding: 0.3em 0.6em ;

  background-color: #ececec;

}

table.tbl-dialog th {

  font-size: 11pt;

  vertical-align: top ;

}

  height: 2.0em ;

}

table tr.total-sub td {

  font-weight: bold ;

}

table.test th,

table.test-plain th {

  background-color: #B3B3B3 ;

  font-weight: normal ;

}

table.test th.caption,

}

div.wrapper table.tbl-list tr,

div.cols table.tbl-list tr {

}

span.sort {

  display: inline-block;

  vertical-align: top ;

}

span.sort_symbol a.ascending {

}

span.sort_symbol a.descending {

}

span.sort_symbol a.active {

  background-color: #000000 ;

  clear: left ;

  display: block ;

  font-weight: bold ;

}

div.table div.field {

  clear: left ;

}

div.list {

  font-size: 10pt ;

}

div.list.col {

  float: left ;

  font-weight: bold;

  font-size: 110%;

  font-family: "Helvetica Neue", Helvetica, Arial;

}

div.list > p,

div.list > div {

  vertical-align: top;

  display: inline-block;

  width: 88% ;

}

label:hover {

  color: #000 ;

input[type="button"].button,

button[type="submit"],

button[type="button"] {

}

input[type="submit"]:hover,

input[type="button"]:hover,

button[type="submit"]:hover,

button[type="button"]:hover {

  color: #ffffff;

}

input[type="submit"]:active,

input[type="button"]:active,

button[type="submit"]:focus,

button[type="button"]:focus {

  color: #ffffff;

}

input[type="button"].neutral,

input[type="submit"].neutral,

input[type="reset"].neutral,

button.neutral,

button[type="reset"] {

}

input[type="button"].neutral:hover,

input[type="submit"].neutral:hover,

input[type="reset"].neutral:hover,

button.neutral:hover,

button[type="reset"]:hover {

}

input[type="button"].neutral:active,

input[type="submit"].neutral:active,

button.neutral:focus,

button[type="reset"]:focus {

  color: #ffffff;

}

input[type="button"].below {

  clear: both !important;

  border-style: solid;

  border-width: 1px;

  border-radius: 3px;

  text-decoration: none;

}

a.button.below {

  clear: both !important;

}

a.button:hover {

  color: #ffffff;

  text-decoration: none;

}

a.button:active,

a.button:focus {

  color: #ffffff;

  text-decoration: none;

}

a.button.neutral:link,

a.button.neutral:visited {

}

a.button.neutral:hover {

  text-decoration: none;

}

a.button.neutral:active,

a.button.neutral:focus {

  color: #ffffff;

  text-decoration: none;

}

  border-bottom-right-radius: 0px ;

}

a.button.toggle:hover {

  text-decoration: none;

}

#content label.button {

  border-style: solid;

  border-width: 1px;

  border-radius: 3px;

  text-decoration: none;

}

#content label.button:hover {

  color: #ffffff;

  text-decoration: none;

}

#content label.button:active,

#content label.button:focus {

  color: #ffffff;

  text-decoration: none;

}

#content label.button.neutral {

}

#content label.button.neutral:hover {

  text-decoration: none;

}

#content label.button.neutral:active,

#content label.button.neutral:focus {

  color: #ffffff;

  text-decoration: none;

}

  border-width: 0;

}

.control-panel {

  border-radius: 0.6em;

  color: red ;

  overflow: hidden ;

  display: inline-block;

}

.form-addition h3 {

  font-size: 110% !important;

  font-weight: normal !important;

  margin: 0.3em 0 0.1em 0 !important;

  padding: 0 ;

}

.form-addition h4 {

  font-size: 105%;

  font-weight: bold;

  font-style: normal;

  height: auto;

  padding: 0.6em 1em 0.6em 0.8em;

  margin: 1em 1em 1em 0.6em;

  border-radius: 0.6em;

  font-size: 9pt;

}

.select-item input,

}

.select-item span.label {

  float: left ;

}

.select-item table {

  margin: 0 ;

}

.select-item table td,

.select-item table th {

}

.select-item .floating-boxes {

  display: table ;

  padding: 0.2em 0 0.2em 1.4em;

}

.toggle_panel > a.button.toggle:hover {

  text-decoration: underline ;

}

.toggle_panel span.summary {

  margin: 0;

}

.toggle_panel .tbl-horizontal th {

}

#content .input-panel {

  overflow: hidden;

  padding: 1.2em 1em 0.8em 1.2em;

  margin: 0 0 0.4em 0;

  border-bottom-left-radius: 0.6em;

  border-bottom-right-radius: 0.6em;

  border-top-right-radius: 0.6em;

  height: auto;

  padding: 0;

  margin: 1em 1em 1em 0.6em;

  border-radius: 0.6em;

}

.paginate > a,

.paginate > span {

  padding: 0 ;

}

.paginate span.paginate-page {

}

.paginate a:hover,

.paginate a:active {

  text-decoration: none;

}

table.jump-to {

  border-radius: 0.2em ;

  margin: 0.8em 2.0em 0 1.2em !important;

}

table.jump-to.right {

}

.requirement-spec-text-block.flagged {

  /* border: 1px solid #fe5f14; */

}

.requirement-spec-text-block.flagged > h2 {

  color: #fff;

}

.icon16.window_new {

  background-position: -1520px 0px;

}

@media screen and (min-device-width: 480px) and (max-device-width: 767px) {

  body #content .tbl-horizontal th {

  .tbl-horizontal th.wi-verywide {

    width: 208px;

  }

}

@media print {

  #menuv3,

}

 */

body.developing > header {

  display: block;

  overflow: hidden;

}

body.developing > header h1 {

  float: left;

  padding: 1.0em;

}

body.developing > header nav {