html {
  overflow-y: scroll;
}

button.full-sized {
  width: 100%;
}

main, .body-container {
  position: relative;
  width: 98%;
  margin: 0 1% 0 1%;
}

main {
  margin-top: 75px;
}

footer{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background-color: #FFFFFF;
  width: 98%;
  padding: 0 1% 0 1%;
  -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.5);
  box-shadow: 0 0 10px 5px rgba(0,0,0,0.5);
}

footer section {
  font-size: 10px;
  text-align: right;
}

form.forms div.row {
  font-size: 0.9em;
  clear:both;
}

form.forms span input + label{
  text-align: left;
}

form.forms label{
  padding: 5px 6px 5px 9px;
}

.cf-loginwindow form.forms label{
  padding: 0;
}

.cf-loginwindow form.forms fieldset {
  width: 88.6%;
}

form.forms span div{
  line-height: initial;
}

form.forms span.new-budget {
  display: none;
}

div.header button{
  font-size:0.8em;
}

#progress > div.progress-money,
#progress > div.progress-text,
#progress{
  overflow: initial;
}

div.progress-text, div.progress-money, div.progress-partialpayment {
  position: relative;
  margin: 2px 0;
  font-size: 14px;
  display: inline-block;
}

div.progress-time span.time-span {
  position: relative;
  margin: 3px;
  margin-top: 2px;
  padding: 0;
  padding: 5px 0 5px 0;
  font-size: 14px;
  display: inline-block;
}


div.budget_spread label {
  position: relative;
  min-width: 140px;
  min-height: 2px;
  margin: 3px;
  margin-right: 17px;
  margin-top: 2px;
  padding: 0;
  font-weight: 400;
  vertical-align: top;
  line-height: 1.3;
  text-align: left;
  display: block;
  padding: 5px 6px 5px 9px;
  float: left;
}

span.text-value {
  padding: 2px 6px 2px 9px;
  margin-bottom: 3px;
  float: left;
  font-size: 0.9em;
  border: 1px solid rgb(224, 224, 224);
  background-color: rgb(224, 224, 224);
  border-radius: 5px;
  width: 307px;
  max-width: calc( 100% - 17px );
  clear: none !important;
}

div.budget_spread {
  text-align:right;
}

div.budget_spread span.text-value {
  margin: 3px;
  margin-right: 17px;
  margin-top: 5px;
  float: right;
}

div.budget_spread span.text-value span.operator{
  font-weight: bold;
  float: left;
}


div.budget_spread {
  position: relative;
  grid-template-columns: auto 290px;
  column-gap: 2px;
  row-gap: 2px;
  display: grid;
}
span.text-value.gesamtpreis {
  background-color: rgb(150,150,150);
  font-size: 1.05em;
  color: white;
  justify-content: center;
  align-items: center;
  display: flex;
}
div.budget_spread label {
  min-height: 20px;
}
@media only screen and (max-width:900px) {
  div.budget_spread {
    grid-template-columns: auto 220px;
  }
}
@media only screen and (max-width:600px) {
  div.budget_spread {
    display: block;
    text-align: left;
  }
  div.budget_spread label {
    position: relative;
    width: calc( 100% - 15px );
    margin: 0;
    float: none;
  }
  div.budget_spread span.text-value {
    position: relative;
    width: calc( 100% - 30px );
    border-radius: 3px;
    margin: 0 6px 14px 9px;
    text-align: right;
    float: none;
  }
  span.text-value.task-open, span.text-value.task-processing, span.text-value.task-closed {
    background-size: 16px 16px;
    background-position: left 10px center;
  }
  span.text-value.gesamtpreis {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.object-headline{
  position: relative;
  top: 10px;
  width: 98%;
  margin: 0 1% 0 1%;
}

div.otherfilter-menu fieldset span span{
  width: 33%;
  margin-top: 0;
  float: left;
}

button.nofilter {
  background-image: url('/skin/images/btn-no-filter.png');
  background-position: 4px center;
  background-repeat: no-repeat;
}


.horz-form {
  display: block;
  float: left;
  padding: 0 0 0 10px;
}

.horz-form.company {
  position: relative;
}

.horz-form.task {
  position: relative;
  margin-left: 2%;
}

.horz-form.project {
  position: relative;
  margin-left: 2%;
}

.filter-label{
  font-size: 0.8em;
}

.filter-result.company{
  border: 1px solid black;
  background-color: #FFFFFF;
  font-size: 0.9em;
  position: fixed;
  z-index: 100;
  margin: 0 0 0 135px;
  min-width: 260px;
}

button.cf-btnschedulefull {
  background-image: url('../icons/clock-regular.svg');
  background-position: 4px center;
  background-repeat: no-repeat;
  background-size: 17px;
}
button.cf-btnnextfull {
	background-image: url('/skin/images/btn-next.png');
	background-position: 4px center;
	background-repeat: no-repeat;
}

button.cf-btnprevfull {
	background-image: url('/skin/images/btn-prev.png');
	background-position: 4px center;
	background-repeat: no-repeat;
}

button.cf-btnnextfull[disabled], button.cf-btnprevfull[disabled] {
  border-color: #DDD;
  background-color: rgb(223,220,217);
  color: black;
  opacity: 0.5;
  cursor:initial;
}

button.cf-btnprevfull:hover, button.cf-btnprevfull:focus,
button.cf-btnnextfull:hover, button.cf-btnnextfull:focus {
  background-color: rgb(210,208,205);
  border-color: #999;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .filter-result.company{
    margin: 0 0 0 115px;
  }
}

.filter-result.company li,
.filter-result.company ul{
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.filter-result.company li:hover{
  background-color: black;
  color: white;
  cursor: pointer;
}

.filter-result.company li#no-entry:hover{
  background-color: white !important;
  color: black !important;
  cursor: default !important;
}


#loginForm {
  margin: 0 auto;
  width: 40%;
}

.login{
  margin-left: 2%;
}

.inform{
  padding: 3px 2%;
}

.hide{
  display: none;
}

/* Template */

section.header,
div.header,
div.item{
  display: -webkit-flex;
  display: flex;
  width: 100%;
  font-size: 0.8em;
  padding: 0;
  font-weight: normal;
  margin-bottom: 3px;
}

section.header div,
div.header div,
div.item div{
  position: relative;
  min-height: 20px;
  float: left;
  -webkit-flex: none;
  flex: none;
  padding: 10px 2px 2px 10px;
  width: 12%;
  margin: 0 0.1%;
  background-color: Gainsboro;
  flex: 1;
}

section.header div,
div.header div{
  background-color: #FFFFFF;
}

section.header div.partner-title-header,
section.header div.company-title-header,
section.header div.project-title-header,
section.header div.user-title-header,
div.header div.partner-title-header,
div.header div.company-title-header,
div.header div.project-title-header,
div.header div.user-title-header,
div.header div.archive-title-header{
  width: 8%;
  padding: 6px 1% 9px 1%;
}

section.header div#name,
div.header div#name,
div.item div#name{
  -webkit-flex: none;
  flex: none;
  width: 53%;
}

div.item div#payment-name,
section.header div#payment-name{
  -webkit-flex: none;
  flex: none;
  width: 36%;
}

section.user-header div.name,
div.user-header div.name{
  width: 12%;
}

div.item div#payment-name span.task-descr,
div.item div#name span.project-descr,
div.item div#name span.task-descr,
b span.budgetinfo-descr {
  display: none;
  position: absolute;
  margin-top: 10px;
  border: 1px solid black;
  border-radius: 5px;
  box-shadow: 1px 1px 2px 1px #575757;
  min-width: 300px;
  background-color: MintCream;
  padding: 5px 1%;
  z-index: 100;
}

div.item div#payment-name:hover span.task-descr,
div.item div#name:hover span.project-descr,
div.item div#name:hover span.task-descr{
  display: block;
}
b:hover span.budgetinfo-descr {
  display: block;
}

.budgetinfo-attention {
  padding: 0 0 0 10px;
  font-size: 0.83em;
  color: rgb(160,160,160);
  display: inline-block;
}

span[id^=budget-value]::before, span[id^=budget-min-amount]::before, span[id^=budget-single-task-max]::before, span[id^=budget-previous-amount]::before, span[id^=budget-hourly-rate]::before, span[id^=budget-start-end]::before, span[id^=budget-interval]::before, span[id^=budget-installment-amount]::before, span[id^=budget-remaining-balance-validity]::before, span[id^=budget-credit-interval]::before, span[id^=budget-interval]::before, span[id^=budget-ads]::before, span[id^=budget-content]::before, span[id^=budget-seo]::before, span[id^=budget-support]::before, span[id^=budget-app]::before, span[id^=budget-installment]::before, span[id^=budget-zeitraum]::before {
  position: absolute;
  top: 3px;
  left: 50%;
  font-size: 0.83em;
  color: #555;
  content: 'Wert';
  transform: translate(-50%);
}
span[id^=budget-min-amount]::before {
  content: 'Grundbetrag';
}
span[id^=budget-single-task-max]::before {
  content: 'Aufgabenlimit';
}
span[id^=budget-previous-amount]::before {
  content: 'Guthaben';
}
span[id^=budget-min-amount]::before {
  content: 'Grundbetrag';
}
span[id^=budget-hourly-rate]::before {
  content: 'Stundensatz';
}
span[id^=budget-start-end]::before {
  content: 'Zeitraum';
}
span[id^=budget-interval]::before {
  content: 'Laufzeit';
}
span[id^=budget-installment-amount]::before {
  content: 'Zusatzrate';
}
span[id^=budget-remaining-balance-validity]::before {
  content: 'Gültigkeit';
}
span[id^=budget-credit-interval]::before {
  content: 'Kreditrahmen';
}
span[id^=budget-interval]::before {
  content: 'Interval';
}
span[id^=budget-ads]::before {
  content: 'Ads';
}
span[id^=budget-content]::before {
  content: 'Content';
}
span[id^=budget-seo]::before {
  content: 'SEO';
}
span[id^=budget-support]::before {
  content: 'Support';
}
span[id^=budget-app]::before {
  content: 'App';
}
span[id^=budget-installment]::before {
  content: 'Ratenzahlung';
}
span[id^=budget-zeitraum]::before {
  content: 'Zeitraum';
}

.budgetinfo-value {
  position: relative;
  min-width: 90px;
  margin: 0 20px 12px 0;
  padding: 24px 6px 2px;
  border: 1px solid rgb(224, 224, 224);
  border-radius: 5px;
  background-color: rgb(224, 224, 224);
  font-size: 0.9em;
  text-align: center;
  display: inline-block;
}
.budgetinfo-name {
  font-weight: bold;
  margin-bottom: 6px;
  display: inline-block;
}
.budgetinfo-descr {
  margin-bottom: 9px;
  font-size: 0.93em;
  display: inline-block;
}
.budgetinfo-partinfo {
  margin-bottom: 9px;
  font-size: 0.9em;
  display: inline-block;
}

.budgetinfo-tasklist {
  margin: 10px 0 0 5px;
  padding: 0;
  list-style: none;
}
.budgetinfo-tasklist li {
  margin: 1px 0;
  font-size: 0.83em;
}
.budgetinfo-tasklist-name {
  width: 60%;
  margin-right: 5%;
  max-height: 1.2em;
  display: inline-block;
  overflow: hidden;
}

section.header div.update,
div.header div.update,
div.item div.update{
  -webkit-flex: none;
  flex: none;
  width: 90px;
  padding: 6px 7px;
}

div.locked{
  background-color: red;
}

div.locked div{
  background-color: rgba(220,220,220,0.8);
}

section.header div.task-display,
section.header div.archive-display,
section.header div.payment-display,
div.header div.task-display,
div.header div.archive-display,
div.header div.payment-display,
div.item div.archive-display,
div.item div.payment-display,
div.item div.task-display {
  -webkit-flex: none;
  flex: none;
  width: 4.2%;
  min-width: 60px;
  margin: 0 0.1%;
  padding: 0;
  text-align: center;
}

div.item div.archive-display,
div.item div.payment-display,
div.item div.task-display {
  min-height: 29px;
  padding: 2px 0;
}

section.header div.partner-logged-in,
section.header div.user-logged-in ,
div.header div.partner-logged-in,
div.header div.user-logged-in {
  width: 4%;
}

div.item div.partner-logged-in,
div.item div.user-logged-in {
  text-align: center;
  width: 4%;
}

div.archive-item div.archive-display div.color,
div.payment-item div.payment-display div.color,
div.task-display div.color {
  width: calc( 33% - 2px );
  height: 100%;
  margin-left: 2px;
  padding: 0;
  text-align: center;
}

div.task-display div.headcolor {
  width: calc( 33% - 2px );
  margin: 1em 2px 0 0;
  padding: 0;
  text-align: center;
}


.state_pri0, .state_age0, .state_dev0,
.state_pri1, .state_age1, .state_dev1,
.state_pri2, .state_age2, .state_dev2,
.state_pri3, .state_age3, .state_dev3,
.state_pri4, .state_age4, .state_dev4 {
  width: 14px;
}

.state_pri0, .state_age0,.state_dev0,
.state_pri4, .state_age4, .state_dev4 {
  background-color: #787878 !important;
}
.grey {
  color: grey !important;
}


.state_pri3, .state_age3, .state_dev3 {
  background-color: #ea2400 !important;
}
.red {
  color: red;
}

.state_pri2, .state_age2, .state_dev2 {
  background-color: #fae601 !important;
}
.yellow {
  color: yellow;
}

.state_pri1, .state_age1, .state_dev1 {
  background-color: #008f00 !important;
}
.green {
  color: green;
}

.black {
  background-color: black !important;
}

.blue{
  background-color: blue !important;
}

.statedone{
  position: relative;
  background-color: lightgreen !important;
}

.statedone:hover{
  box-shadow: inset 0 0 5px 2px green;
  background-color: lightgreen !important;
  z-index: 105;
}

.orange {
  color: #d88c11 !important;
}

.bgorange {
  background-color: rgba( 216, 140, 17, 0.4) !important;
}

.bgred {
  background-color: rgba( 227, 34, 0, 0.4) !important;
}

.bgredblink {
  background-color: rgba( 227, 34, 0, 0.5) !important;
  animation: blink 0.75s;
  animation-iteration-count: 5;
}

@keyframes blink {
  25% { opacity: 0.5; }
  50% { opacity: 0; }
  75% { opacity: 0.5; }
}

.headlineFilter{
  font-size: 15px;
  margin-bottom: 10px;
}

div.head-divider{
    background-image: url("/skin/images/glow.png");
    display: block;
    height: 18px;
    position: fixed;
    top: 64px;
    vertical-align: top;
    width: 100%;
    z-index: 15;
}

/* Cyres-CSS */

div.image   {
  min-width:  100px;
  margin-top: 7px;
  margin-bottom: 4px;
  margin-left:  5px;
  margin-right:  14px;
}

div.image-left   {
  min-width:  100px;
  margin-top: 7px;
  margin-bottom: 4px;
  margin-left:  5px;
  margin-right:  14px;
  float: left;
}

div.image-right   {
  min-width:  100px;
  margin-top: 7px;
  margin-bottom: 4px;
  margin-left:  9px;
  margin-right:  10px;
  float: right;
}

div.image-center   {
  width:  100%;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 7px;
}

div.image, div.image-left, div.image-right, div.image-center {
  font-size: 0.8em;
}

div.image img, div.image-left img, div.image-right img, div.image-center img {
  margin: 0;
  padding: 0;
}

/* Spaltenbreiten */
/* Journal auf Aufgabendetails*/

.task_journal_entries {
  padding: 5px 2px;
  margin: 5px;
  font-size: 0.8em;
}

.task_journal_entries h2 {
  margin-right: 20px;
  display: inline-block;
}

.task_journal_entries .entry_row {
  border: 1px solid lightgray;
  border-radius: 3px;
  margin-bottom: 10px;
}

.task_journal_entries .aid,
.task_journal_entries .descr,
.task_journal_entries .author{
  padding: 5px 1%;
  line-height: 120%;
}

.jbar {
  padding: 3px 10px;
  background-color: lightgray;
  justify-content: space-between;
  display: flex;
}
.jauthor {
}

.task_journal_entries ul {
  max-height:  60vh;
  margin: 0;
  padding: 0;
  list-style: none;
  grid-template-columns: 1fr;
  row-gap: 0;
  display: grid;
  overflow: auto;
}
.task_journal_entries li.right {
  justify-self: end;
}

.task_journal_entries li {
  position: relative;
  width: fit-content;
  max-width: 80%;
  margin: 0;
  padding: 7px 10px;
  border-radius: 10px;
  background: #F5F5F5;
  column-gap: 10px;
  align-items: center;
  display: flex;
}
.task_journal_entries li+li {
  margin-top: 7px;
}

.task_journal_entries .title .date {
  display: inline-block;
  margin-left: 15px;
}
.task_journal_entries .title .user {
  font-weight: bold;
  display: inline-block;
}

.task_journal_entries .note {
  margin-top: 5px;
  line-height: 120%;
}
.task_journal_entries .descr {
}
.task_journal_entries .descr + .used_time {
}
.task_journal_entries .used_time {
  min-width: 14px;
  margin: 0;
  padding: 3px;
  border: 1px solid #C3C3C3;
  border-radius: 100px;
  background: #D0D0D0;
  font-size: 1em;
  font-weight: bold;
  color: white;
  text-align: center;
  display: block;
}

.task_journal_entries li.right .used_time {
  order: -1;
}

.task_journal_entries .note.sysmsg {
}

.task_journal_entries li .toggle {
  position: absolute;
  right: -20px;
  top: 5px;
  color: #BBB;
  cursor: pointer;
}
.task_journal_entries li.right .toggle {
  right: auto;
  left: -20px;
}

.task_journal_entries li .toggle:hover {
  color: #FFB600;
}


/* Dateien und Journal auf Aufgabendetails */

.counter{
  position: relative;
  margin: 0 1%;
  font-size: 0.9em;
}

.clean-button{
  background:none;
  border:0;
  padding: 0;
  margin:0;
  text-align:left;
  font-size:1em;
  border: none;
  outline: none;
   cursor: pointer;
}

div.task-display .clean-button{
  padding: 0;
  font-size: 0.9em;
}

.task_file button#showAll,
.task_file span.counter,
.task_file span.counter span,
.task_file legend,
.task_journal button#showAll,
.task_journal span.counter,
.task_journal span.counter span,
.task_journal legend{
  float: left;
}

.task_file legend,
.task_journal legend{
  width: 68%;
}

.task_file span.counter,
.task_journal span.counter{
  width: 10%;
  text-align: right;
  margin-top: 5px;
}

.task_journal span.counter span,
.task_file span.counter span{

}

.task_file button#showAll,
.task_journal button#showAll{
 /* width: 20%;**/
}

.task_file_entries {
  margin: 15px 0;
  font-size: 0.83em;
}

.task_file_entries .entry_row {
  padding: 2px 5px;
  border: 1px solid lightgray;
  line-height: 120%;
  border-radius: 3px;
  margin-bottom: 3px;
}

.task_file_entries .descr,
.task_file_entries .author{
  padding: 5px 1%;
  line-height: 120%;
}

.task_file_entries .descr{
  float: left;
  width: 68%;
}

.task_file_entries .author{
  width: 28%;
  position: relative;
  color: gray;
  font-size: 0.9em;
  text-align: right;
  background-color: #CCCCCC;
  display: inline;
  float: right;
  border-radius: 0 0 0 5px;
  margin-bottom: 5px;
}

.savestate{
  margin: 0 15px 0 0;
}

/* Listen */
ul {
  margin: 0;
  margin-top: 10px;
  margin-left: 15px;
  margin-bottom: 5px;
  padding: 0;
}

ol {
  margin: 0;
  margin-top: 10px;
  margin-left: 15px;
  margin-bottom: 5px;
  padding: 0;
}

li {
  margin: 0;
  margin-left: 15px;
  margin-bottom: 5px;
  padding: 0;
}

.unsichtbar, dfn {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: block;
}

.clear {
  padding: 0;
  margin: 0;
  height: 0;
  width: 0;
  clear: both;
}

#budgetmeter,
#progress,
#excess {
  width: 100%;
  margin: 5px 0;
  padding: 0;
  font-size: 0.8em;
  color: #888;
  text-align: center;
}

#budgetinfo {
  position: relative;
  margin: 30px 0 0 0;
  padding: 30px 0 0 0;
  border-top: 1px solid #ccc;
}

#budgetmeter{
  float: none;
  width: 100%;
}

.budgetmeter-text,
.budgetmeter-time,
.budgetmeter-label,
.progress-text,
.progress-time,
.progress-label,
.excess-text{
  float: left;
}

.progress-label {
  float: none;
  margin-bottom: 10px;
}

.excess-text{
  color:#Fe3500;
}

.ui-progressbar-rest{
  background-color: #F5F5F5;
  height: 10px;
  margin: 0;
  float: left;
}


.ui-progressbar-value{
  margin: 0 !important;
  float: left;
  height: 10px !important;
}
.ui-widget-header{
  border: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.greenbar{
  background: #00CC00;
}

.yellowbar{
  background: #CCFF00;
}

.redbar{
  background: #FF0000;
}

#addTime{
  width: 30%;
  font-weight: bold;
  padding: 2px 6px;
  background-color: #FFFFFF;
  color: black;
  margin-left: 2%;
  text-align: left;
  transition: text-align 1s ease, background-color 0.8s ease-in, color 0.8s ease-in;
}

.redfonts{
  color: #FF0000;
}

.lockinfo{
  padding-top:4px;
  font-weight: bold;
}

ul.user-messages{
  width: 100%;
  margin-bottom:20px;
}

div.info-bubble{
  display:none;
  position: absolute;
  border: 1px solid black;
  border-radius: 0 5px 5px 5px;
  box-shadow: 1px 1px 2px 1px #575757;
  min-width: 300px;
  background-color: MintCream;
  padding: 5px 1%;
  z-index:100;
}

div.msg-info{
  width: 20%;
  min-width:200px;
  padding: 3px 1% 2px 1.5%;
  font-weight: 600;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  border-radius: 5px;
  background:url("/skin/images/btn-next.png") 5px 2px no-repeat;

}

div.msg-info:hover{
  background:url("/skin/images/btn-down.png") 5px 2px no-repeat;
  border-bottom: 1px solid white;
  border-radius: 5px 5px 0 0;
  transition: border-radius 0.2s,border-bottom 0.2s;
}

div.info-bubble:hover,
div.msg-info:hover + div.info-bubble{
  display:block;
}

ul.user-messages li{
  list-style: none url("/skin/images/noerror-bullet.png");
}

ul.user-messages li.redfonts{
  list-style: none url("/skin/images/error-bullet.png");
}

.prelogin {
  position: relative;
  margin: 0 0 15px 0;
  padding: 12px 0;
  border: 2px dashed #ff00005c;
  font-weight: bold;
  text-align: center;
  display: block;
}

.prelogin:empty {
  display: none;
}

.msg{
  margin-left: 2%;
  border-radius: 4px;
  padding: 1px 1%;
  width: 100%;
  display: block;
}

.inlist-form-input{
  width: 60%;
  border: 1px solid black !important;
  height: 18px;
  text-align: center;
}

.filter-button{
  margin-left: 3%;
  padding: 0;
  width: 88%;
  height: 20px;
}

.form-headline{
  position: relative;
  border-bottom: 1px solid black;
  padding-bottom: 0px;
  margin-bottom: 10px;
  margin-top: 10px;
}

div.file-list{
  border: 1px solid black;
}

span.file-item{
  padding: 0 0 0 10px;
}

div.all-ctrl{
  position: absolute;
  top: 0;
  right: 15px;
}
div.bottom-control button,
div.all-ctrl button{
  margin-left: 5px;
}


/*label.align-btn-right,
span.align-btn-right, */
div.align-btn-right {
  text-align: right !important;
  display: block;
}

label.align-btn-center,
div.align-btn-center,
span.align-btn-center{
  text-align: center !important;
  display: block;
}

label.align-btn-left,
div.align-btn-left,
span.align-btn-left{
  text-align: left !important;
  display: block;
}


div.btmctrl.bottom-control.align-btn-right {
  position: fixed;
  width: auto;
  right: 5px;
  bottom: 4px;
  padding: 5px;
  background-color: #FFFFFF;
  box-shadow: 1px 1px 5px 1px #ccc;
}

.cf-loginwindow {
    position: relative;
    width: 550px;
    margin: 10% auto 0;
    padding: 2em 2%;
    box-shadow: 1px 1px 5px 1px #ccc;
    background: #FFF;
}
div.cf-box-three-fourths.clear-class,
div.cf-box-quarter.clear-class,
div.cf-box-third.clear-class {
  padding: 0;
  margin: 0;
  box-shadow: none;
  margin-right: 2%;
}
div.cf-box-full.clear-class {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  box-shadow: none;
}

div.cf-box-full.inner-clear-class {
  margin-right: 1%;
  padding: 1.5%;
  width: 100%
}

.fallback-visible{
  display:none;
}

filter, controls, .cf-content-controls {
  width: 100%;
  display: block;
  margin-top: 15px;
}

objectcontrols{
  position: relative;
  float: left;
}

pagenav {
  position: relative;
  text-align: center;
  font-size: 0.8em;
}

pagenav div {
  margin: 0 auto;
}

pagenav div span{
  float: left;
  width: 34px;
  height: 20px;
  padding: 5px;
}

form.pagenav{
  float: left;
  margin: 0 2px;
}

pagenav a.cf-btnprev, pagenav a.cf-btnnext, pagenav a.cf-btndo:link, pagenav a.cf-btndo:visited, pagenav a.cf-btndo:hover, pagenav a.cf-btndo:focus, pagenav a.cf-btndo:active  {
  width: 17px;
  height: 17px;
  padding: 3px;
  font-weight: bold;
  background-position: center center;
  margin: 0 3px;
  float: left;
  display: inline-block;
}
a.cf-btn-marked:link, a.cf-btn-marked:visited, a.cf-btn-marked:hover, a.cf-btn-marked:focus, a.cf-btn-marked:active {
  background-image: none;
  background-color: rgb(250,250,250) !important;
}
form.pagenav button.cf-btnprev, form.pagenav button.cf-btnnext, form.pagenav button.cf-btndo {
  width: 25px;
  height: 25px;
  padding: 3px;
  font-weight: bold;
  background-position: center center;
}

.actualPage{
  font-weight: bold;
}

entrynav {
  position: relative;
  text-align: right;
  font-size: 0.9em;
}

entrynav form {
  display: inline-block;
  margin-right: 10px;
}

entrynav select{
  width: auto;
  min-width: initial;
}

entrynav span{
  font-size: 0.9em;
  padding: 7px 6px 7px 6px;
  float: left;
}

entrynav span+select{
  margin-left: 20px;
}

.cf-content-list{
  margin-bottom: 10px;
}

.nameinfo{
  text-align: right;
}



.extended-hidden{
  display: none;
}

input[type="reset"],
input[type="submit"]{
  cursor: pointer;
}

/*
input[type="checkbox"] + label span {
  width: 14px;
  height: 14px;
  margin: -1px 4px 0 0;
  background: url(/skin/images/check_sheet.png) left top no-repeat;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
}
input[type="checkbox"]:checked + label span {
  background: url(/skin/images/check_sheet.png) -15px top no-repeat;
}

input[type="radio"] + label span {
  width: 14px;
  height: 14px;
  margin: -1px 4px 0 0;
  background: url(/skin/images/radio_sheet.png) left top no-repeat;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
}
input[type="radio"]:checked + label span {
  background: url(/skin/images/radio_sheet.png) -15px top no-repeat;
}

input[type="checkbox"], input[type="radio"] {
  position: absolute;
  clip: rect(0,0,0,0);
}

input[type="file"]{
//  width: calc(100% - 20px);
}
*/

hr.black{
  border: 0;
  border-bottom: 1px solid black;
}

fieldset div label,
form fieldset div label{
  cursor: default;
}

.timeline-delete,
.timeline-item-delete,
.timeline-placeholder-delete{
  background-image: url('/skin/images/btn-tl-del.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 100% 100%;
  width: 24px !important;
  height: 24px !important;
  margin: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
}

fieldset div label button img,
fieldset ol.task-timeline li button img,
form fieldset div label button img,
form fieldset ol.task-timeline li button img{
  width: 24px !important;
  height: 24px !important;
}

fieldset div label button,
fieldset ol.task-timeline li button,
form fieldset div label button,
form fieldset ol.task-timeline li button {
  display: block;
  width: 24px !important;
  height: 24px !important;
  float: right;
  opacity: 0.2;
}

fieldset div label:hover button,
form fieldset div label:hover button,
fieldset ol.task-timeline li:hover button,
form fieldset ol.task-timeline li:hover button{
  opacity: 1;
}

fieldset ol.task-timeline li.list-placeholder,
form fieldset ol.task-timeline li.list-placeholder{
  background-color: DarkGray;
  border: 1px dotted black;
}

fieldset ol.task-timeline li.list-placeholder:hover,
form fieldset ol.task-timeline li.list-placeholder:hover{
  background-color: Gainsboro;
  border: 1px dotted Teal;
}

.base64field{
  width: 90%;
  height: 200px;
}

.cf-box-third>fieldset{
  margin-top: 10px;
}

#task-sort label{
  text-align: left;
  float: none;
  margin: 20px 5px 0 5px;
}

.multiple-select{
  height: 250px;
}

form.forms label.unit{
  width: auto;
  height: auto;
  float: none;
  display:inline-block;
  cursor: default;
  margin:0;
  padding: 0;
  vertical-align:middle;
  min-width:initial;
  min-width:initial;
}

div.progress-money label.unit,
div.progress-time label {
  text-align: left;
  display: inline-block;
  padding: 5px 6px 5px 0;
  font-size: 14px;
  float: none;
}
/*
label#createuserlabel,
form.forms label[for="project_id"],
form.forms label[for="company_id"]{
  text-align:left;
}

form.forms select.createuserselect,
form.forms select.project,
form.forms select.company {
  font-size: 0.9em;
  width: 85.5%;
  max-width: 320px;
}*/
form.forms input[name="company"]:not([data-customerid]) {
  font-style: italic;
  color: red;
}

.worked {
  width: 16px;
  height: 16px;
}
.worked > img {
  background-color: white;
}
.worked .text{
  padding: 0 0 10px 0;
  display: inline-block;
  vertical-align:middle;
}

.worked img#trash,
.worked img.check{
  cursor: pointer;
}

input.double-field-first{
  width: 115px;
  min-width: initial;
}

input.double-field-second{
  width: 160px;
  min-width: initial;
}

.project-task, .budget-task {
  color:#666666;
}
div.budget-task.hidden {
  display: none;
}
div.project-task div, div.budget-task div {
  background-color: WhiteSmoke;
}

div.projectitem div {
  background-color: AntiqueWhite;
}

form.hiddenform{
  display:inline;
}
form.hiddenform button{
  color: #bb8600;
  background:none!important;
  border:none;
  padding:0!important;
  font: inherit;
  border-bottom: none;
  cursor: pointer;
  text-decoration: none;
}

form.hiddenform button:hover{
  color:#FFB600;
}

legend {
  font-weight: bold;
}
form.hiddenform:hover span.task-descr{
  display:none;
}

@media only screen and (max-width:1650px) {
  .cf-loginwindow label{
    text-align: left !important;
  }
  .cf-loginwindow label{
    width: auto !important;
    position: relative !important;
    min-width: 140px !important;
    min-height: 2px !important;
    margin: 3px !important;
    margin-top: 3px !important;
    margin-right: 3px !important;
    margin-right: 17px !important;
    margin-top: 2px !important;
    padding: 0 !important;
    font-weight: 400 !important;
    vertical-align: top !important;
    line-height: 1.3 !important;
    text-align: right !important;
    display: block !important;
    float: left !important;
    text-align: left !important;
  }

  fieldset legend {
    margin: 0 0 7px 7px !important;
  }

  form.forms fieldset > span{
    margin: 5px 5px 10px 5px;
    width: calc( 100% - 10px );
  }

  span.text-value {
    width: calc( 100% - 27px );
    margin-top: 0 !important;
  }

  form.forms label {
    width: calc( 100% - 10px );
    min-width: 0;
    padding: 0;
    margin: 0 0 0 2px;
    text-align: left;
  }

  form.forms select.createuserselect,
  form.forms select.project,
  form.forms select.company,
  form.forms select {
    min-width: 0;
    max-width: 100%;
    width: calc( 100% - 5px );
  }

  form.forms input,
  form.forms select,
  form.forms textarea{
    margin-top:0;
  }

  form.forms input[type="text"], form.forms input[type="password"], form.forms input[type="tel"], form.forms input[type="email"], form.formsinput[type="number"], form.forms input[type="date"], form.forms textarea {
    min-width: 0;
    max-width: 100%;
    width: calc( 100% - 22px );
    margin: 0 0 0 3px;
  }
  form.forms input[type="number"]{
    max-width: 150px;
  }
  #partinfo2comment {
    margin-left: 10px;
  }
}


label.required::after {
  content: " *";
  color: red;
}

input.short{
  min-width: 190px;
}

div.slideinfo{
  position: absolute;
}

#debuginfo{
  font-size: 0.8em;
  margin-top: 10px;
  margin-bottom: 60px;
}

#toggleDebuginfo{

}

#toggleDebuginfo:hover{
  color: orange;
}

div#slidecontainer{
  margin-bottom: 60px;
}

span#budget_hourly_rate_unit{
    position: relative;
    line-height: 1.3;
    margin: 3px;
    margin-right: 17px;
    margin-top: 2px;
    padding: 5px 6px 5px 9px;
    vertical-align: top;
}

span.redlight,
span.greenlight {
  display: block;
  width: 15px;
  height: 15px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  border:  2px solid DarkSlateGray;
  border-radius: 20px;
  background-color: #1CFF1C;
  -webkit-box-shadow: inset 0 0 5px 1px green;
  box-shadow: inset 0 0 5px 1px green;
}

span.redlight{
  background-color: #FF0D35;
  -webkit-box-shadow: inset 0 0 5px 1px #C20A28;
  box-shadow: inset 0 0 5px 1px #C20A28;
}

span.greenlight:hover {
  -webkit-animation: neonGreen 1.5s ease-in-out infinite alternate;
  -moz-animation: neonGreen 1.5s ease-in-out infinite alternate;
  animation: neonGreen 1.5s ease-in-out infinite alternate;
  background-color: green;
}

span.redlight:hover{
  -webkit-animation: neonRed 1.5s ease-in-out infinite alternate;
  -moz-animation: neonRed 1.5s ease-in-out infinite alternate;
  animation: neonRed 1.5s ease-in-out infinite alternate;
  background-color: #C20A28;
}

.all-ctrl .forms{
  margin-top: 0;
}

div.cf-ovfilter.cf-box-three-fourths, div.cf-ovfilter.cf-box-quarter{
  margin-right: 1%;
  padding: 0.5%;
}

div.cf-toolwindow{
  position:absolute;
  box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);
  z-index:200;
  right:0;
}

div.cf-toolwindow ul {
  list-style:none;
  padding:0;
  margin: 10px 30px 10px 15px;
}

div.cf-toolwindow ul li{
  padding:10px 15px;
  margin:0 0 5px 0;
  border:1px solid #ccc;
}

div.cf-toolwindow ul li:hover{
  background-color:#000000;
  color:#FFFFFF;
}

div.cf-toolwindow ul li a{
  color: #FFB600;
}

div.cf-toolwindow ul li:hover a{
  color: #FFB600;
}

span.deadlinedays {
  display:inline-block;
  padding: 0 2px;
}
span.hidetill {
  display:inline-block;
  padding: 0 2px;
  color: gray;
  font-size: 0.93em;
}
#sortline {
  position: relative;
  padding: 10px;
  margin: 5px 0;
  background-color: Beige;
}
ol.project-tasks {
  list-style: none;
  margin: 0;
  padding: 0;
}
ol.project-tasks ol {
  list-style: none;
  margin: 5px 0 0 25px;
  padding: 0;
}
ol.project-tasks li {
  margin-left: 0;
}

ol.project-tasks .task {
  background-color: rgb(253,253,253);
  border: 1px solid black;
  padding: 6px 10px;
  margin: 0;
  cursor: pointer;
}

form.forms fieldset ol.task-closed,
form.forms fieldset ol.task-pool {
  background-color: Beige;
  min-height: 20px;
  width: 91%;
  padding: 5px 2px;
  margin: 10px 15px 5px 25px;
  list-style: none;
}

form.forms fieldset ol.task-closed li {
  margin: 5px;
  padding: 0;
  border: 1px solid black;
  background-color: rgb(220,220,220);
}
form.forms fieldset ol.task-pool li.task {
  background-color: rgb(220,220,220);
  border: 1px solid black;
  list-style: decimal;
  padding: 4px;
  margin: 5px;
}

form.forms fieldset ol.task-pool li .task {
  background-color: rgb(220,220,220);
  border: 1px solid black;
  padding: 4px;
  margin: 0;
}

form.forms fieldset ol.task-pool li.no-task {
  background-color: rgba(255,255,255,0.0);
  border: 1px solid black;
  list-style: decimal;
  padding: 4px;
  margin: 5px;
}

form.forms fieldset ol.task-pool li.ui-sortable-helper {
  opacity:0.4;
}

form.forms fieldset ol.task-pool ol {
  margin: 10px 0 0 15px;
}

li.ph-block{
  background-color: rgba(255,255,255,0.5);
  border: 1px solid black;
  list-style: decimal;
  padding: 4px;
  margin: 5px;
}

/*
.task-closed li:hover,
.task-pool li.task:hover{
  background-color: GreenYellow;
  border: 1px solid Green;
}
*/
.sortable-list-inner {
  position: relative;
  width: 100%;
  cursor: pointer;
  border: 1px dotted black;
  padding: 0;
}

.statedone img,
.parallel img,
.sortable-list-inner img {
  vertical-align: middle;
  position: absolute;
  right: 5px;
  opacity: 0.5;
}
.sortable-list-inner img{
  vertical-align: top;
  position: absolute;
  top: 0;
  right: 5px;
  opacity: 0.5;
}
.closed-list-inner-text img {
  position: absolute;
  top: 0;
  right: 10px;
  vertical-align: top;
  opacity: 0.5;
}

.sortable-list-inner-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: rgba( 85, 170, 127, 0.6);
}
.sortable-list-inner-text {
  position: relative;
  margin: 0;
  padding: 4px 10px;
  color: #333;
  line-height: 100%;
  z-index: 2;
}
.parallel {
  position: relative;
  margin: 0;
  padding: 4px 10px;
  cursor: pointer;
  border: 1px dotted black;
}

.closed-list-inner {
  position: relative;
  width: 100%;
  cursor: pointer;
  padding: 4px;
  box-sizing: border-box;
}
.closed-list-inner-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: rgba( 85, 170, 127, 0.6);
}
.closed-list-inner-text {
  position: relative;
  margin: 0;
  padding: 4px 10px;
  color: #333;
  line-height: 100%;
  z-index: 2;
}


/*glow for webkit*/
@-webkit-keyframes neonGreen {
  from {
    box-shadow: 0 0 5px green, 0 0 10px green, 0 0 15px green, 0 0 20px #1CFF1C, 0 0 25px #1CFF1C, 0 0 30px #1CFF1C, 0 0 35px #1CFF1C, 0 0 40px #1CFF1C;
  }
  to {
    box-shadow: 0 0 5px green, 0 0 10px green, 0 0 15px green, 0 0 20px #1CFF1C, 0 0 25px #1CFF1C, 0 0 30px #1CFF1C, 0 0 35px #1CFF1C, 0 0 40px #1CFF1C;
  }
}
@-webkit-keyframes neonRed {
  from {
    box-shadow: 0 0 5px #C20A28, 0 0 10px #C20A28, 0 0 15px #C20A28, 0 0 20px #FF0D35, 0 0 25px #FF0D35, 0 0 30px #FF0D35, 0 0 35px #FF0D35, 0 0 40px #FF0D35;
  }
  to {
    box-shadow: 0 0 5px #C20A28, 0 0 10px #C20A28, 0 0 15px #C20A28, 0 0 20px #FF0D35, 0 0 25px #FF0D35, 0 0 30px #FF0D35, 0 0 35px #FF0D35, 0 0 40px #FF0D35;
  }
}

/*glow for mozilla*/
@-moz-keyframes neonGreen {
  from {
    box-shadow: 0 0 5px green, 0 0 10px green, 0 0 15px green, 0 0 20px #1CFF1C, 0 0 25px #1CFF1C, 0 0 30px #1CFF1C, 0 0 35px #1CFF1C, 0 0 40px #1CFF1C;
  }
  to {
    box-shadow: 0 0 5px green, 0 0 10px green, 0 0 15px green, 0 0 20px #1CFF1C, 0 0 25px #1CFF1C, 0 0 30px #1CFF1C, 0 0 35px #1CFF1C, 0 0 40px #1CFF1C;
  }
}
@-moz-keyframes neonRed {
  from {
    box-shadow: 0 0 5px #C20A28, 0 0 10px #C20A28, 0 0 15px #C20A28, 0 0 20px #FF0D35, 0 0 25px #FF0D35, 0 0 30px #FF0D35, 0 0 35px #FF0D35, 0 0 40px #FF0D35;
  }
  to {
    box-shadow: 0 0 5px #C20A28, 0 0 10px #C20A28, 0 0 15px #C20A28, 0 0 20px #FF0D35, 0 0 25px #FF0D35, 0 0 30px #FF0D35, 0 0 35px #FF0D35, 0 0 40px #FF0D35;
  }
}
/*glow*/
@keyframes neonGreen {
  from {
    box-shadow: 0 0 5px green, 0 0 10px green, 0 0 15px green, 0 0 20px #1CFF1C, 0 0 25px #1CFF1C, 0 0 30px #1CFF1C, 0 0 35px #1CFF1C, 0 0 40px #1CFF1C;
  }
  to {
    box-shadow: 0 0 5px green, 0 0 10px green, 0 0 15px green, 0 0 20px #1CFF1C, 0 0 25px #1CFF1C, 0 0 30px #1CFF1C, 0 0 35px #1CFF1C, 0 0 40px #1CFF1C;
  }
}
@keyframes neonRed {
  from {
    box-shadow: 0 0 5px #C20A28, 0 0 10px #C20A28, 0 0 15px #C20A28, 0 0 20px #FF0D35, 0 0 25px #FF0D35, 0 0 30px #FF0D35, 0 0 35px #FF0D35, 0 0 40px #FF0D35;
  }
  to {
    box-shadow: 0 0 5px #C20A28, 0 0 10px #C20A28, 0 0 15px #C20A28, 0 0 20px #FF0D35, 0 0 25px #FF0D35, 0 0 30px #FF0D35, 0 0 35px #FF0D35, 0 0 40px #FF0D35;
  }
}

.fleft{
  float: left;
}

.fright{
  float: right;
}

.fclear{
  clear: both;
}

.tcenter{
  text-align: center !important;
}

.tleft{
  text-align: left !important;
}

.tright{
  text-align: right !important;
}

#loading-circle{
  display: none;
}

.sk-fading-circle {
  margin: auto;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 160px;
}

.sk-fading-circle-text{
  position: absolute;
  margin: 6px auto;
  width: 50%;
  color: darkgrey;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}


div.task-projekt a {
  color: #000000;
}

div.task-projekt a:hover {
  color: #FFB600;
}

#durationcalculator, #kdnrhelper {
  position: relative;
  padding: 1px;
  border-bottom: 1px dotted black;
  font-size: 0.87em;
  line-height: 100%;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  z-index: 10000;
}
.overlay > form {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 12px 20px;
  border: 1px solid #555;
  border-radius: 15px;
  background-color: white;
  transform: translate( -50%, -50% );
}
.overlay legend {
	font-family: 'Monda';
	font-size: 1em;
	font-weight: normal;
	text-shadow: 1px 1px 1px #CCCCCC;
	color: #FFB600;
}

#calcduration input {
  width: 50px;
  background-color: white;
}
#calcstundensatz {
  display: inline-block;
}
#autoclosechooser {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:  rgba(0,0,0,0.8);
  z-index: 10000;
}
#autoclosechooser div {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -120px 0 0 -225px;
  border: 1px solid #555;
  padding: 15px;
  border: 1px solid #555;
  background-color: white;
}
#autoclosechooser h3 {
  padding-top: 0;
  padding-bottom: 0.65em;
}
#autoclosechooser small {
  padding-bottom: 8px;
  display: inline-block;
}
#autoclosechooser hr {
  margin: 15px 0;
}
#autoclosechooser input {
  width: 50px;
  min-width: 0;
}

#autoclosechooserclose {
  border-bottom: 1px dotted black;
  font-size: 0.83em;
  display: inline-block;
  cursor: pointer;
}

.company_liste, .project_liste, .budget_liste {
  position: relative;
  height: 400px;
  width: 500px;
  margin: 10px 0;
  padding: 0;
  border: 1px solid #ccc;
  list-style: none;
  overflow: auto;
  background-color: #FAFAFA;
}
.project_liste, .budget_liste {
  min-height: 230px;
  max-height: 230px;
}
.company_liste li, .project_liste li, .budget_liste li {
  position:relative;
  margin: 0;
  padding: 5px 8px;
  cursor: pointer;
}
.company_liste li.marked, .project_liste li.marked, .budget_liste li.marked {
  background-color: #FFB600;
  color: white;
}

.company_liste li+li, .project_liste li+li, .budget_liste li+li {
  border-top: 1px solid #eee;
}
.company_liste li:hover, .project_liste li:hover, .budget_liste li:hover {
  background-color: #f0f0f0;
  color: #FFB600;
}

.budget_liste-warning {
  width: 500px;
  font-size: 0.93em;
  color: red;
  text-align: center;
  display: none;
}
fieldset[name="budgets"] button {
  display: none;
}

.incompatible .budget_liste-warning {
  display: block;
}
fieldset[name="budgets"].incompatible button {
  width: 100%;
  display: block;
}
.incompatible .budget_liste {
  height: 160px;
  min-height: auto;
  max-height: auto;
}


input[name="company_search"] {
  width: 480px;
}
.flexbox-spbtwn {
  display: flex;
  justify-content: space-between;
}
.progress-partialpayment {
  color: red;
}
.flexbox-spbtwn .progress-partialpayment:empty {
  display: none;
}


.association_type {
  position: relative;
  width: fit-content;
  margin: 10px auto 20px;
  box-sizing: border-box;
  font-size: 0;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}
.association_type input + label {
  position: relative;
  margin: 0;
  padding: 7px 20px;
  border: solid 1px #DDD;
  background-color: #FFF;
  box-shadow: 0 0 0 rgba(255,255,255,0);
  font-size: 0.87rem;
  line-height: 140%;
  text-align: center;
  box-sizing: border-box;
  transition: border-color .1s ease-out, color .2s ease-out, background-color .1s ease-out, box-shadow .1s ease-out;
  cursor: pointer;
  display: inline-block;
}
.association_type label {
  border-radius: 0;
  border-left: none;
  border-right: none;
}
.association_type label:first-of-type {
  border-radius: 6px 0 0 6px;
  border-right: none;
}
.association_type label:last-of-type {
  border-radius: 0 6px 6px 0;
  border-left: none;
}
.association_type input:hover + label {
  background-color: #FFB600;
  color: #FFF;
}
.association_type input:checked + label {
  background-color: #FFB600;
  color: #FFF;
  z-index: 1;
}
.association_type input {
  display: none;
}
/*input:focus + label {@include focusOutline;}

  @include breakpoint(800) {
    input + label {
      padding: .75rem .25rem;
      flex: 0 0 50%;
      display: flex; justify-content: center; align-items: center;
    }
  }
}*/

itemtable {
  margin: 0;
  display: block;
  overflow: auto;
}

.progressbar {
  position: relative;
  width: 100%;
  height: 18px;
  margin: 10px 0 0 0;
  padding: 0;
  background-color: rgb(238, 238, 238);
  text-align: left;
}
.progressbar-value, .progressbar-value1, .progressbar-value2, .progressbar-value3 {
  position: relative;
  width: 0%;
  height: 100%;
  background-color: rgba( 85, 170, 127, 0.6);
  display: inline-block;
}
/* Wert vergangener Intervalle */
.progressbar-value1 {
  background-color: rgba( 69, 138, 102, 0.4);
}
/* Wert aktueller Interval */
.progressbar-value2 {
  background-color: rgba( 60, 60, 60, 0.4);
}
/* Wert im Formular */
.progressbar-value3 {
  background-color: rgba( 212, 28, 68, 0.6);
}
.progressbar-text {
  position: absolute;
  top: 4px;
  left: 0;
  width: 100%;
  height: 10px;
  margin: 0;
  padding: 0;
  height: 12px;
  font-size: 11px;
  color: black;
  line-height: 100%;
  text-align: center;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0,0,0,0.8);
  z-index: 999;
}
.automargin {
  margin: 5% auto 5% !important
}
.nofloat {
  float: none !important;
}
.bgwhite {
  background-color: white !important;
}
.overlay-close {
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
}

.ovactivityid {
  padding: 0 0 0 7px;
  font-size: 0.9em;
  color: rgb(100,100,100);
  display: inline-block !important;
}

.overview-notice {
  position: relative;
  margin: 20px 0;
  padding: 8px 12px;
  border: 2px solid #ffaa00;
  border-radius: 5px;
  background-color: #fff0cd;
  font-size: 0.93em;
  line-height: 140%;
  display: block;
}
@media only screen and (max-width:960px) {
  .hidetablet  { display: none; }
}

nav.cf-mainmenu {
  overflow: visible;
  z-index: 3;
  bottom: 3px;
}
nav.cf-mainmenu ul li ul li {
  float: none;
}
nav.cf-mainmenu ul li ul {
  position: absolute;
  visibility: hidden;
  height: 0;
  border: 1px solid black;
  z-index: 1000;
  margin-top: -3px;
  padding: 5px 0;
  background-color: white;
  color: black;
}

nav.cf-mainmenu ul li:hover ul,
nav.cf-mainmenu ul li:active ul,
nav.cf-mainmenu ul li:focus ul {
  visibility: visible;
  height: auto;
}

nav.cf-mainmenu ul li ul li a:link, nav.cf-mainmenu ul li ul li a:visited, nav.cf-mainmenu ul li ul li a:focus, nav.cf-mainmenu ul li ul li a:hover, nav.cf-mainmenu ul li ul li a:active, nav.cf-mainmenu ul li ul li strong {
  padding: 0.2em 1.1em 0.4em 1.1em;
  font-weight: normal;
  font-size: 0.9em;
  color: black;
  background-color: white;
  display: block;
}

nav.cf-mainmenu ul li ul li a:focus, nav.cf-mainmenu ul li ul li a:hover, nav.cf-mainmenu ul li ul li a:active, nav.cf-mainmenu ul li ul li strong, nav.cf-mainmenu ul li ul li.marked a {
  color: black;
  background-color: rgb(230,230,230);
  background-image: none;
}

nav.cf-mainmenu ul li ul li a {
  background-image: none;
}

nav.cf-mainmenu ul li ul li a:hover {
  background-image: none;
}

nav.cf-mainmenu ul li ul li:first-child a, nav.cf-mainmenu ul li ul li:first-child strong, nav.cf-mainmenu ul li ul li:first-child a:hover, nav.cf-mainmenu ul li ul li.marked + li a, nav.cf-mainmenu ul li ul li.strong + li a, nav.cf-mainmenu ul li ul li a:hover + li a, nav.cf-mainmenu ul li ul li:hover + li a {
  background-image: none;
}

nav.cf-mainmenu > ul > li + li::before {
  position: absolute;
  width: 1px;
  top: 8px;
  bottom: 8px;
  background-color: white;
  content: "";
  display: block;
}

nav.cf-mainmenu ul li a {
  background-image: none;
}

.budget-history {
  height: 100px;
  margin-top: 30px;
  border-left: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
  border-right: 1px solid lightgray;
  background-color: #F3F3F3;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: end;
  display: flex;
}

.budget-history-item {
  background-color: #FFB600;
  margin: 0 0.5%;
  cursor: help
}

.progressbar + hr {
  padding-top: 15px;
}