/********************/
/*	  INHALT		*/
/*********************
1.0 ALLGEMEIN
2.0 CONTAINER
3.0 TEXT
4.0 FORMULAR
5.0 TABELLEN
6.0 SONSTIGES
********************/
/* ============================================= 1.0 ALLGEMEIN ============================================= */
/* ------ 1.1 VARIABLEN ------ */
/* ------ 1.2 MAIN ------ */
@media (min-width: 1600px) {
  .main {
    padding: 0px 20px;
  }
}
.main {
  max-width: 1560px;
  min-height: 460px;
  margin: 0px auto 20px;
  background: #f9fafb;
  border-radius: 0px;
  padding-bottom: 40px;
}
body {
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: rgba(0,0,0,0.8);
  z-index: 100;
  font-size: 12px;
}
body.home .main {
  padding: 0;
}
/* ============================================= 2.0 CONTAINER ============================================= */
/* ------ 2.1 NAVIGATION ------ */
.navbar {
  border-radius: 0px;
  margin-bottom: 0px;
}
.breadcrumb {
  border-radius: 0px;
}
.navbar-collapse .navbar-nav.navbar-right:last-child > .dropdown:last-child > a {
  border-radius: 0px;
}
.navbar-lg {
	height: 54px;
  min-height: 0;
}
.navbar-lg .navbar-brand {
  cursor: pointer;
  height: auto;
  padding: 18px 20px 10px;
}
.navbar-embossed > .navbar-collapse {
  background-color: rgba(0,0,0,1);
  box-shadow: none;
  border-radius: 0px;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	background-color: rgba(255,255,255,1);
	color: rgba(0,0,0,1);
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
	background-color: rgba(255,255,255,0.2);
	color: rgba(255,255,255,1);
}
.navbar-inverse .navbar-nav > .dropdown > a .caret {
	border-top-color: rgba(255,255,255,1);
	border-bottom-color: rgba(255,255,255,1);
}
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret, .navbar-inverse .navbar-nav > .dropdown > a:focus .caret {
	border-top-color: rgba(255,255,255,1);
	border-bottom-color: rgba(255,255,255,1);
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	background-color: rgba(255,255,255,1);
	color: rgba(0,0,0,1);
}
.navbar-inverse .navbar-nav > .open > .dropdown-menu {
	background-color: rgba(0,0,0,1);
	padding: 0px;
}
.navbar-nav > li > .dropdown-menu {
	border-radius: 0px;
	margin-top: 0px;
}
.dropdown-toggle { cursor: pointer; }
	.navbar-inverse .navbar-nav > .open > .dropdown-menu > li > a {
		border-radius: 0px;
	}
	.navbar-inverse .navbar-nav > .open > .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav > .open > .dropdown-menu > li > a:focus {
		background-color: rgba(255,255,255,0.2);
		color: rgba(255,255,255,1);
	}
	.navbar-inverse .navbar-nav > .open > .dropdown-menu > li.active > a {
		color: rgba(0,0,0,1);
	}
	.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
		background-color: rgba(255,255,255,1) !important;
	}
.navbar-nav li a {
  padding: 0px 20px !important;
  height: 54px;
  line-height: 54px !important;
  box-shadow: none !important;
}
.navbar-nav li i {
  display: inline-block;
  width: 15px !important;
  height: 15px !important;
  line-height: 58px !important;
}
.navbar-nav li i.navbar-unread {
  width: 10px !important;
  height: 10px !important;
}
.navbar-nav li [class^="fui-"],
.navbar-nav li .glyphicon {
  /*top: 0;*/
  line-height: 58px;
}
.navbar-nav li b.caret {
  margin-left: 5px;
  margin-top: -2px;
}
.navbar-nav li .dropdown-menu li a {
  height: 30px;
  line-height: 28px !important;
}

.navbar-collapse.collapse {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;

  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
	.navbar-collapse > * {
		padding: 0px 10px !important;
		flex: 1 100%;
	}
	.navbar-left, .navbar-right {
		float: none !important;
	}
	.nav.navbar-nav {
		display: flex !important;
		flex: 1 auto;
	}
		.nav.navbar-nav .dropdown {
			float: none !important;
		}
		.nav.navbar-nav.navbar-right {
			flex: 0 1 auto;
		}
	.navbar-center {
		flex: 3 0px !important;
	}

/* ------ 2.2 CONTENT ------ */
.main > .container-fluid {
    background-color:
}
.container-gray {
  background-color: #edeff1;
  border-top: 2px solid #d6dbdf;
  border-bottom: 2px solid #d6dbdf;
  padding-top: 7px;
  padding-bottom: 8px;
}
.container-white {
  background-color: #ffffff;
}
.progress-bar {
  position: relative;
  width: 100%;
  background: #dbdcde;
  border-radius: 6px;
  text-align: left;
}
    #project-titlebar .progress-bar {
        margin: 30px 0px 20px 0px;
        height: 40px;
    }

		.progress-bar-green {
		  background-color: #1abc9c;
		}
		.progress-bar-success {
		  background-color: #3498db;
		}
    .table td.cell-progress {
        padding: 3px 10px;
    }
        .table td.cell-progress .progress-bar {
            padding-top: 3px;
            padding-bottom: 3px;
            height: 28px;
        }

.progress-bar .progress-percentage-value {
    position: absolute;
    z-index: 50;
}
    #project-titlebar .progress-bar .progress-percentage-value {
        top: 15px;
        left: 10px;
        font-size: 26px;
    }
    .table td.cell-progress .progress-bar .progress-percentage-value {
        top: 9px;
        left: 50%;
        font-size: 18px;
        z-index: 50;
        margin-left: -21px;
    }

.progress-bar .progress-fill {
  position: absolute;
  z-index: 10;
  height: 100%;
  width: 0%;
  top: 0px;
  left: 0px;
  border-radius: 6px;
  -webkit-transition: background-color 0.3s linear !important;
  -moz-transition: background-color 0.3s linear !important;
  -o-transition: background-color 0.3s linear !important;
  transition: background-color 0.3s linear !important;
}
.progress-bar .progress-fill.bar-green {
  background-color: #1abc9c;
}
.progress-bar .progress-fill.bar-yellow {
  background-color: #f1c40f;
}
.progress-bar .progress-fill.bar-orange {
  background-color: #e74c3c;
}
.form-group {
  margin-bottom: 10px;
}
.form-group label {
  font-size: 14px;
  line-height: 1em;
}
.list-entries {
  min-height: 100px;
}
.list-entries .list-header-row {
  padding-bottom: 5px;
  font-size: 12px;
  border-bottom: 2px #edeff1 solid;
}
.list-entries .list-header-row .col-sm-1,
.list-entries .list-header-row .col-sm-2,
.list-entries .list-header-row .col-sm-3,
.list-entries .list-header-row .col-sm-4,
.list-entries .list-header-row .col-sm-5,
.list-entries .list-header-row .col-sm-6,
.list-entries .list-header-row .col-sm-7,
.list-entries .list-header-row .col-sm-8,
.list-entries .list-header-row .col-sm-9,
.list-entries .list-header-row .col-sm-10,
.list-entries .list-header-row .col-sm-11,
.list-entries .list-header-row .col-sm-12 {
  border-radius: 6px;
}
.list-entries .list-header-row .col-sm-1:hover,
.list-entries .list-header-row .col-sm-2:hover,
.list-entries .list-header-row .col-sm-3:hover,
.list-entries .list-header-row .col-sm-4:hover,
.list-entries .list-header-row .col-sm-5:hover,
.list-entries .list-header-row .col-sm-6:hover,
.list-entries .list-header-row .col-sm-7:hover,
.list-entries .list-header-row .col-sm-8:hover,
.list-entries .list-header-row .col-sm-9:hover,
.list-entries .list-header-row .col-sm-10:hover,
.list-entries .list-header-row .col-sm-11:hover,
.list-entries .list-header-row .col-sm-12:hover {
  background-color: #EFF7F3;
}
.list-entries .list-header-row a {
  display: block;
}
.list-entries .list-header-row a.active {
  color: #1ABC9C;
}
.list-entries .list-header-row .glyphicon {
  float: right;
  margin: 8px 0px 0px 0px;
  font-size: 15px;
}
.list-entries a {
  color: #000;
}
.list-entries .list-body-row {
  font-size: 13px;
  border-bottom: 2px #edeff1 solid;
}
.list-entries .list-body-row a .list-body-column {
  color: #000;
  padding-top: 2px;
  padding-bottom: 2px;
}
.list-entries .list-body-row .progress {
  margin: 5px 0px;
}
.list-entries .list-body-row .checkbox {
  margin-top: 0px;
}
.list-entries .list-body-row .checkbox .icons {
  top: -1px;
  left: auto;
  right: 0px;
}
.list-entries .list-body-row:nth-child(2n) {
  background-color: #f9fafb;
}
.list-entries .list-body-row:hover {
  background-color: #edf5fd;
}
	.list-entries .list-body-row.companyproject-4 { background-color: rgba(188,177,166,0.2); }
	.list-entries .list-body-row:nth-child(2n).companyproject-4 { background-color: rgba(188,177,166,0.3); }
	.list-entries .list-body-row.companyproject-4:hover { background-color: rgba(188,177,166,0.4); }

.list-entries .list-body-row.list-with-padding {
  padding-top: 5px;
  padding-bottom: 5px;
}
#subload-area {
  background-color: #d8e6fa;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
#subload-area .list-entry {
  overflow: hidden;
  padding-top: 5px;
  padding-bottom: 1px;
  border-bottom: 2px solid #d6dbdf;
  background: #ffffff;
  color: #000;
  -webkit-transition: background-color 0.3s linear !important;
  -moz-transition: background-color 0.3s linear !important;
  -o-transition: background-color 0.3s linear !important;
  transition: background-color 0.3s linear !important;
}
  #subload-area .list-entry:hover {
    background: #f0f2f5;
  }
  #subload-area .list-entry .list-col-number { position: relative; }
  #subload-area .list-entry.row-category {
    overflow: hidden;
    border-bottom-color: #45607c;
    background-color: #4f6f8f;
    color: #ffffff;
  }
  #subload-area .list-entry.row-service-copy {
    background-color: #ecf5f3;
  }
    #subload-area .list-entry.row-service-copy .list-col-number:before {
      content: 'COPY';
      position: absolute;
      color: #fff;
      font-weight: bold;
      font-size: 42px;
      line-height: 42px;
      transform: rotate(-11deg);
      top: 45%;
      left: 10px;
      height: 100px;
      z-index: 10;
    }
#subload-area .list-entry.row-category:hover {
  background-color: #45607c;
}
#subload-area .list-entry.row-milestone {
  border-bottom-color: #d8e6fa;
  background-color: #ffffff;
}
#subload-area .list-entry.row-milestone:hover {
  background-color: #f6fafe;
}
#subload-area .list-entry .entry-icon {
  position: relative;
  z-index: 100;
  width: 30px;
  height: 30px;
  border: 2px solid #d6dbdf;
  border-radius: 50%;
  background: #f9fafb;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  color: #d6dbdf;
  -webkit-transition: all 0.25s linear !important;
  -moz-transition: all 0.25s linear !important;
  -o-transition: all 0.25s linear !important;
  transition: all 0.25s linear !important;
}
#subload-area .list-entry .twitter-typeahead .tt-query,
#subload-area .list-entry .twitter-typeahead .tt-hint {
  height: 35px !important;
}
#subload-area .list-entry .entry-details {
  position: relative;
  z-index: 20;
}
#subload-area .list-entry .entry-details .radio,
#subload-area .list-entry .entry-details .checkbox {
  margin-top: 4px;
}
#subload-area .list-entry .entry-details label {
  line-height: 18px;
}
#subload-area .list-entry .entry-details .form-group {
  margin-bottom: 5px;
}
#subload-area .list-entry .form-group ul.dropdown-menu {
  z-index: 1000 !important;
}
#subload-area .list-entry .entry-icon {
  padding-top: 0px;
  cursor: pointer;
}
  #subload-area .list-entry .entry-action {
    text-align: right;
    overflow-x: hidden;
    white-space: nowrap;
  }
  #subload-area .list-entry .entry-action .entry-icon { display: inline-block; }
  #subload-area .list-entry .entry-icon.entry-number {
    margin: 1px auto 10px auto;
    cursor: move;
    letter-spacing: -1px;
  }
    #subload-area .list-entry .entry-icon.entry-number:before { content: '#'; font-size: 80%; margin-right: 2px; }
  #subload-area .list-entry .entry-icon:hover {
    color: #3cbde7;
    background: #edf5fd;
    border-color: #3cbde7;
  }
  #subload-area .list-entry .entry-icon:active {
    color: #3cbde7;
    background: #d8e6fa;
    border-color: #3cbde7;
  }
#subload-area .list-entry .entry-icon {
  margin: 2px auto;
}
  #subload-area .list-entry .entry-icon.entry-cross:hover {
    color: #e74c3c;
    background: #fdefed;
    border-color: #e74c3c;
  }
  #subload-area .list-entry .entry-icon.entry-cross:active {
    color: #e74c3c;
    background: #fadbd8;
    border-color: #e74c3c;
  }
#subload-area .list-entry .container-sortable.category-container {
  min-height: 100px;
  max-width: 97.8%;
  /*padding-left: 50px;
					padding-bottom: 20px;*/
  margin-bottom: 20px;
  border-radius: 6px;
  margin: 0px 25px 20px 15px;
  box-sizing: border-box;
  border-top: 2px #d8e6fa solid;
  border-bottom: 2px #d8e6fa solid;
  background-color: #edf5fd;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
#subload-area .list-entry .container-sortable.category-container .list-entry:first-child {
  border-top-left-radius: 10px;
}
#subload-area .list-entry .container-sortable.category-container .list-entry:last-child {
  border-bottom-left-radius: 10px;
}
#list-tasks .list-body-row {
  position: relative;
}
#list-tasks .list-body-row .entry-row {
  overflow: hidden;
}
#list-tasks .list-body-row .checkbox {
  position: absolute;
  top: 4px;
  right: 8px;
}
#list-tasks .detail-list {
  display: none;
}
.cursor-pointer,
#list-tasks .glyphicon.glyphicon-time,
#esnr1,
#esnr2,
#esnr3 {
  cursor: pointer;
}
#set-months .btn-group button {
  padding: 0;
}
	#set-months .btn-group button a {
	  display: block;
	  color: #ffffff;
	}
	#set-months .btn-group button a,
	#set-months .btn-group button.dropdown-toggle {
	  padding: 10px 15px;
	}

.dashboard-servicenrs {
    border-left: 2px white solid;
    border-right: 2px white solid;
    padding-bottom: 15px;
    margin: -10px 0px;
}

.graph-block {
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 10px;
	-webkit-transition: background 0.3s !important;
	-moz-transition: background 0.3s !important;
	-o-transition: background 0.3s !important;
	transition: background 0.3s !important;
}
	.graph-block:hover {
		background-color: rgba(200,200,200,0.1);
	}
	.graph-block .graph-box {
		height: 150px;
		position: relative;
		border-radius: 6px 6px 0px 0px;
		border-top: 1px solid rgba(200,200,200,0.2);
		border-right: 1px solid rgba(200,200,200,0.2);
		border-bottom: 2px solid rgba(200,200,200,1);
		border-left: 1px solid rgba(200,200,200,0.2);
		background-color: rgba(200,200,200,0.1);
	}
		.graph-block .graph-box .graph-bar {
			position: absolute;
			width: 20%;
			bottom: 0px;
		}
			.graph-block .graph-box .graph-bar.graph-total		{ background: #3498db; }
			.graph-block .graph-box .graph-bar.graph-project	{ background: #2ecc71; }
			.graph-block .graph-box .graph-bar.graph-mini		{ background: #1abc9c; }
			.graph-block .graph-box .graph-bar.graph-intern		{ background: rgba(157,169,178,0.5); }

	.graph-block .graph-labels {
		height: 50px;
		position: relative;
		border-right: 1px solid rgba(200,200,200,0.2);
		border-left: 1px solid rgba(200,200,200,0.2);
	}
		.graph-block .graph-labels .graph-label {
			position: absolute;
			width: 20%;
			top: 10px;
		    line-height: 5px;
		}
			.graph-block .graph-labels .graph-label.label-total, .graph-block .graph-box .graph-bar.graph-total			{ left: 8%; }
			.graph-block .graph-labels .graph-label.label-project, .graph-block .graph-box .graph-bar.graph-project	{ left: 40%; } /* 29% */
			/*.graph-block .graph-labels .graph-label.label-mini, .graph-block .graph-box .graph-bar.graph-mini		{ left: 50%; }*/
			.graph-block .graph-labels .graph-label.label-intern, .graph-block .graph-box .graph-bar.graph-intern	{ left: 71%; }

	.graph-stats {
		margin-top: 0px;
	}
		.graph-stats table, .graph-stats td {
			border: 1px solid rgba(200,200,200,0.2);
			border: 1px solid rgba(200,200,200,0.2);
		}

    /* ------ 2.2.1 KALENDER ------ */
    .calendar-day {
      width: 100%;
      height: 34px;
      display: flex;
      flex-direction: column;
    }
      .calendar-day .calicon {
        flex-grow: 1;
        width: 100%;
        display: block;
        position: relative;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
      }
        .calendar-day .calicon.calicon-presence {
          background-color: #e4f5e0;
        }
        .calendar-day .calicon.calicon-absence {
          background-color: #ffeaea;
        }
        .calendar-day .calicon.calicon-school, .calendar-day .calicon.calicon-course, .calendar-day .calicon.calicon-qv {
          background-color: #1e80b7;
        }
        .calendar-day .calicon.calicon-school { background-image: url('../img/icons/absences/blackboard.png'); }
        .calendar-day .calicon.calicon-course { background-image: url('../img/icons/absences/kurs.png'); }
        .calendar-day .calicon.calicon-qv { background-image: url('../img/icons/absences/blackboard.png'); }
        .calendar-day .calicon.calicon-vacation {
          background-color: #22b398;
          background-image: url('../img/icons/absences/ferien.png');
        }
        .calendar-day .calicon.calicon-sick, .calendar-day .calicon.calicon-accident { background-color: #e56f1b; }
        .calendar-day .calicon.calicon-sick { background-image: url('../img/icons/absences/krank.png'); }
        .calendar-day .calicon.calicon-accident { background-image: url('../img/icons/absences/unfall.png'); }
        .calendar-day .calicon.calicon-military {
          background-color: #2ecc71;
          background-image: url('../img/icons/absences/military.png');
        }
        .calendar-day .calicon.calicon-parental {
          background-color: #ffe6ff;
          background-image: url('../img/icons/absences/mutterschaft.png');
        }
        .calendar-day .calicon.calicon-unpaid, .calendar-day .calicon.calicon-exempt { background-color: #ffd633; }
        .calendar-day .calicon.calicon-unpaid { background-image: url('../img/icons/absences/unbezahlt.png'); }
        .calendar-day .calicon.calicon-exempt { background-image: url('../img/icons/absences/ferien.png'); }
        .calendar-day .calicon.calicon-bereavement {
          background-color: #424242;
          background-image: url('../img/icons/absences/todesfall.png');
        }
        .calendar-day .calicon.calicon-relocation {
          background-color: #A17917;
          background-image: url('../img/icons/absences/delivery-truck.png');
        }
        .calendar-day .calicon.calicon-holiday { background-color: #dae1ef; }
        .calendar-day .calicon.calicon-weekend { background-color: #e6e6e6; }
          .calendar-day .calicon.calicon-unconfirmed { opacity: 0.4; }

          .table-hover > tbody > tr:hover > td .calendar-day, .table-hover > tbody > tr:hover > th .calendar-day { opacity: 0.8; }

/* ============================================= 3.0 TEXT ============================================= */
/* ------ 3.1 TITEL ------ */
h1 {
  padding-top: 0px;
  font-size: 40px;
  text-transform: uppercase;
  font-weight: 600;
}
h1 small {
  color: #d6dbdf;
}
.link-archive {
  padding-top: 0px;
  text-align: right;
}
.link-archive a {
  color: #d6dbdf;
}
.link-archive a:hover {
  color: #b9c2c9;
}
.link-archive a.active {
  color: #3cbde7;
}
/* ------ 3.2 ALLGEMEIN ------ */
.placeholder-loading {
	position: relative;
	width: 100%;
	height: 165px;
	opacity: 0.8;
	background-color: #fff;
	background-position: center 15px;
	background-size: 220px;
	background-image: url('../img/loading-anim-1.gif');
	background-repeat: no-repeat;
	padding-top: 15px;
}
	.placeholder-loading:before {
		position: absolute;
		text-align: center;
		width: 100%;
		height: 100%;
	}
  .stats-loading .placeholder-loading:before { content: 'Statistik wird geladen, bitte warten ...'; }
  .screenoverlay.overlay-billing.placeholder-loading:before { content: 'Rechnungen werden als PDFs verpackt und versendet, bitte warten ...'; }
  .screenoverlay { width: 100%; height: 100%; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; opacity: 0; }

.text-default {
  color: #000;
}
.text-gray,
.list-entries .list-body-row a .list-body-column.text-gray {
  color: #9da9b2 !important;
}
.text-green {
  color: #1abc9c !important;
}
.text-yellow {
  color: #f1c40f !important;
}
.text-orange {
  color: #e74c3c !important;
}
.fontsize-small .list-body-row {
  font-size: 11px;
  line-height: 1.5;
}
	.list-entries .list-body-row label {
		font-size: 14px;
		line-height: 1;
		cursor: pointer;
	}
/* ------ 3.3 BUTTONS ------ */
.btn { position: relative; }
    .btn .btn-indicator {
        top: -6px;
        right: -8px;
        background-color: #226491;
        position: absolute;
        width: 20px;
        height: 20px;
        padding: 0 2px;
        color: #fff;
        text-align: center;
        background-color: #2a7aaf;
        border-radius: 50%;
    }
        .btn .btn-indicator.indicator-primary { background-color: #1abc9c; }
        .btn .btn-indicator.indicator-default { background-color: #d6dbdf; }
      .btn-default:focus { outline: 0 !important; }
    .btn-default.active {
      background-color: #1abc9c;
    }
.btn-sm,
.btn-group-sm > .btn {
  padding: 4px 6px;
  font-size: 10px;
}
.field-file-group {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0;
  }
    .field-file-group .field-file-input {
      position: relative;
      z-index: 2;
      width: 100%;
      height: calc(1.5em + .75rem + 2px);
      margin: 0;
      opacity: 0;
      cursor: pointer;
    }
    .field-file-group .field-file-label {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      z-index: 1;
      height: calc(1.5em + .75rem + 2px);
      padding: .375rem .75rem;
      font-weight: 400;
      line-height: 1.5;
      text-transform: none;
      color: #000;
      background-color: #fff;
      border: 1px solid #f1edea;
      border-radius: 0px;
    }
      .field-file-group .field-file-label::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(1.5em + .75rem);
        padding: .375rem .75rem;
        line-height: 1.5;
        color: #000;
        font-weight: bold;
        text-transform: uppercase;
        content: "auswählen";
        background-color: #f1edea;
        border-left: inherit;
        border-radius: 0px;
      }

/* ------ 3.4 LISTEN ------ */
ul,
ol {
  padding-left: 28px;
  margin-bottom: 5px;
}
/* ============================================= 4.0 FORMULAR ============================================= */
.form-group .select {
  min-width: 100px;
}
.form-group textarea.form-control {
  max-width: 100%;
}
.form-group .form-control.text-danger {
  color: #e74c3c !important;
}
.form-group.has-error .select .select2-chosen {
  color: #e74c3c;
}
.form-group.has-error .select .select2-arrow {
  border-bottom-color: #e74c3c;
  border-top-color: #e74c3c;
}
.form-group.has-error .input-group-btn .btn {
  color: #e74c3c !important;
  border-color: #e74c3c !important;
}
.form-group.has-error ::-webkit-input-placeholder {
  color: #f19c94;
}
.form-group.has-error ::-moz-placeholder {
  color: #f19c94;
}
.form-group.has-error :-ms-input-placeholder {
  color: #f19c94;
}
.form-group.has-error input:-moz-placeholder {
  color: #f19c94;
}
.form-group input[readonly] {
  color: #000;
}
.form-group input[disabled],
.form-group textarea[disabled] {
  color: #000;
}
.has-info .form-control,
.has-info .select2-search input[type="text"] {
  color: #3cbde7;
  border-color: #3cbde7;
  box-shadow: none;
}
.alert .close {
  outline: none;
}
/** OVERRIDE **/
.form-control,
.input-group-btn .btn,
.input-group-addon,
.select2-choice {
  padding: 2px 6px;
  height: 27px;
}
.input-hg {
  height: 53px;
  padding: 10px 16px;
}
.checkbox,
.radio {
  padding-left: 8px;
  margin-bottom: 0;
}
  .list-radio .radio {
    padding-left: 26px;
    padding-right: 24px;
    padding-bottom: 20px;
    display: inline-block;
  }
  #form_update .checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons:before, #form_update .radio input[type="checkbox"].custom-checkbox:indeterminate + .icons:before, #form_update .checkbox input[type="radio"].custom-radio:indeterminate + .icons:before, #form_update .radio input[type="radio"].custom-radio:indeterminate + .icons:before { color: transparent; }
.select2-drop .select2-result-selectable.text-gray .select2-result-label { color: #9da9b2; }
.select2-choices {
    min-height: 28px;
}
    .select2-choices .select2-search-choice {
        height: 24px;
        margin: 2px 2px;
        color: #fff;
        background-color: #bdc3c7;
    }
    .select2-search-field:first-child input[type="text"] {
        height: 28px;
        margin: 0px 7px;
    }
    .select2-search-field input[type="text"] {
        height: 28px;
    }

/* ============================================= 5.0 TABELLEN ============================================= */
th {
  text-align: center;
}
th.header, td.header { background: #415b76; }
  th.header.eyecatch, td.header.eyecatch { background: #6285a9; }
th.header, td.header, th.header a, td.header a { color: #FFF !important; }
th.highlight,td.highlight { background: #f0f2f5; }
th.prominent,td.prominent { background: #d8dfe8; }
th.descriptor,
td.descriptor {
  background: rgba(244,244,244,1);
}
th.disabled,
td.disabled {
  background: #f9fafb;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 9px 5px;
  font-size: 12px;
}
.table-bordered.table-compact > thead > tr > th, .table-bordered.table-compact > tbody > tr > th, .table-bordered.table-compact > tfoot > tr > th,
.table-bordered.table-compact > thead > tr > td, .table-bordered.table-compact > tbody > tr > td, .table-bordered.table-compact > tfoot > tr > td {
  border: 1px solid #e2e2e2;
}
.pagination-inverse ul li.eyecatch > a, .pagination-inverse ul li.eyecatch > span { background: #6285a9; }

/* ------ 6.1 SCROLLBARE TABELLE ------ */
.legend-rowlist .legend-party {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  padding-left: 20px;
}
  .legend-rowlist .legend-party:before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 2px;
    left: 0px;
    width: 15px;
    height: 15px;
    border-radius: 3px;
  }

.container-planner {
  width: calc(100% - 237px);
  overflow: auto;
  margin-left: 237px;
}
  .container-planner::-webkit-scrollbar { height: 15px; border-left: 2px white solid; }
  .container-planner::-webkit-scrollbar-track { background: #f1f1f1; }
  .container-planner::-webkit-scrollbar-thumb { background: rgba(65,91,118,1); }
  .container-planner::-webkit-scrollbar-thumb:hover { background: rgba(86,117,150,1);  }

  .container-planner > table {
    margin-left: 1px;
    margin-bottom: 0px;
    width: auto;
  }
  .container-planner > table > * > tr > th.tcol-fix,
  .container-planner > table > * > tr > td.tcol-fix {
    position: absolute;
    width: 20em;
    margin-left: -20em;
    z-index: 50;
  }
  .container-planner > table thead th.tcol-fix {
    border-color: #415b76;
    height: 42px;
  }
    .container-planner > table thead #thead-days th {
      padding: 4px 5px;
    }
    .container-planner > table tbody td.tcol-fix {
      padding: 4px 7px;
    }
  .container-planner > table > * > tr > th,
  .container-planner > table > * > tr > td {
    /* Without this, if a cell wraps onto two lines, the first column
     * will look bad, and may need padding. */
    white-space: pre-wrap;
    text-overflow: ellipsis;
  }
    .container-planner > table > * > tr > td > span {
      white-space: pre-wrap;
      text-overflow: ellipsis;
    }
  .container-planner > table > tbody > tr > td{
    min-height: 25px;
    height: 25px;
  }
  .container-planner > table > tbody > tr > td.tcol-day {
    padding: 0px;
	  -webkit-transition: background-color 0.3s, border-color 0.3s;
	  -moz-transition: background-color 0.3s, border-color 0.3s;
	  -o-transition: background-color 0.3s, border-color 0.3s;
	  transition: background-color 0.3s, border-color 0.3s;
  }
		.container-planner > table > * > tr > td.tcol-category-day {
			border-left-color: #efefef; border-right-color: #efefef;
		}
		  .container-planner > table > tbody > tr.calservice-row.calservice-editing > td.tcol-day.tcol-active { background-color: rgba(52,152,219,1); }

		  .container-planner > table > tbody > tr.calservice-row.calservice-row-internal.calservice-editing > td.tcol-day:hover { background-color: rgba(26,188,156,0.4); }
			.container-planner > table > tbody > tr.calservice-row.calservice-row-internal > td.tcol-day.tcol-active-temp { background-color: rgba(26,188,156,0.8); }
			.container-planner > table > tbody > tr.calservice-row.calservice-row-internal > td.tcol-day.tcol-active, .legend-rowlist .legend-party.legend-internal:before { background-color: rgba(26,188,156,1); }

		  .container-planner > table > tbody > tr.calservice-row.calservice-row-client.calservice-editing > td.tcol-day:hover { background-color: rgba(225,112,85,0.4); }
			.container-planner > table > tbody > tr.calservice-row.calservice-row-client > td.tcol-day.tcol-active-temp { background-color: rgba(225,112,85,0.8); }
			.container-planner > table > tbody > tr.calservice-row.calservice-row-client > td.tcol-day.tcol-active, .legend-rowlist .legend-party.legend-client:before { background-color: rgba(225,112,85,1); }

		  .container-planner > table > tbody > tr.calservice-row.calservice-row-supplier.calservice-editing > td.tcol-day:hover { background-color: rgba(10,92,231,0.4); }
			.container-planner > table > tbody > tr.calservice-row.calservice-row-supplier > td.tcol-day.tcol-active-temp { background-color: rgba(10,92,231,0.8); }
			.container-planner > table > tbody > tr.calservice-row.calservice-row-supplier > td.tcol-day.tcol-active, .legend-rowlist .legend-party.legend-supplier:before { background-color: rgba(10,92,231,1); }

  .container-planner > table > * > tr > td > .calendar-day {
    display: block;
    height: 100%;
  }
    .container-planner > table > * > tr > td > .calendar-day .calicon {
      height: 100%;
    }

		.calservice-row.calservice-editing {
			border-top: 2px #1abc9c solid;
			border-bottom: 2px #1abc9c solid;
			background-image:
				repeating-linear-gradient(
				  -45deg,
				  transparent,
				  transparent 1rem,
				  rgba(0,0,0,0.05) 1rem,
				  rgba(0,0,0,0.05) 2rem
				);
			background-size: 200% 200%;
			animation: barberpole 100s linear infinite;
		}
			.calservice-row.calservice-editing .tcol-service-entry {
				background-image:
					repeating-linear-gradient(
					  -45deg,
					  transparent,
					  transparent 1rem,
					  rgba(26,188,156,0.2) 1rem,
					  rgba(26,188,156,0.2) 2rem
					);
				background-size: 200% 200%;
				animation: barberpole 10s linear infinite;
			}
				.container-planner.planner-editable .calservice-row .tcol-service-entry:hover { background-color: #e2e2e2; }
		  .container-planner.planner-editable .calservice-row .tcol-service-entry, .container-planner.planner-editable .calservice-row.calservice-editing .tcol-day { cursor: pointer; }

		@keyframes barberpole {
		  100% {
		    background-position: 100% 100%;
		  }
		}
		/*.calservice-row.calservice-active {
			border-top: 2px solid;
			background-clip: content-box;
			animation: spin 10s linear infinite;
		}
		@keyframes spin {
			100% {
				transform: rotateZ(360deg);
			}
		}*/

/* ============================================= 6.0 SONSTIGES ============================================= */
/* ------ 6.1 BILDER ------ */
/* ------ 6.2 ABSTÄNDE ------ */
.col-padding {
  padding-top: 20px;
  padding-bottom: 20px;
}
.col-padding-strong {
  padding-top: 60px;
  padding-bottom: 60px;
}
.col-margin {
  margin-top: 20px;
  margin-bottom: 20px;
}
/* ------ 6.3 ANIMATIONEN ------ */
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  -webkit-transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  -o-transition: all 0.3s !important;
  transition: all 0.3s !important;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
/* ------ 6.4 SORTABLE ------ */
body.dragging,
body.dragging * {
  cursor: move !important;
}
#subload-area .dragged {
  position: absolute;
  opacity: 0.9;
  height: 200px;
  padding-top: 20px;
  padding-bottom: 20px;
  z-index: 2000;
}
#subload-area .placeholder {
  list-style-type: none;
  position: relative;
  margin: 0px -20px;
  min-height: 100px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid #d6dbdf;
}
#subload-area .placeholder:before {
  position: absolute;
}
.monthdays .list-header-row {
  font-size: 15px;
  padding-bottom: 0px;
}
.monthdays .list-body-row table {
  margin-top: -22px;
}
.monthdays .dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}
.monthdays .placeholder {
  position: relative;
  /** More li styles **/
}
.monthdays .placeholder:before {
  position: absolute;
  /** Define arrowhead **/
}
.monthdays .day-container {
  min-height: 0px;
}
.monthdays .day-container li {
  cursor: move;
  width: 100%;
}
/* ------ 6.5 DATEPICKER ------ */
.ui-datepicker { z-index: 1061 !important; }
#tt-date .ui-datepicker {
  width: 100%;
  margin-top: 22px;
  box-shadow: none;
  border-color: #cacfd2;
}
#tt-date .ui-datepicker:before {
  display: none;
}
#tt-date .ui-datepicker .ui-datepicker-header,
#tt-date .ui-datepicker .ui-state-active {
  background-color: #cacfd2;
}
#tt-date .ui-datepicker .ui-datepicker-prev,
#tt-date .ui-datepicker .ui-datepicker-next {
  border-color: #cacfd2;
}
.ui-state-highlight {
  background-color: #CACFD2;
}
.ui-state-disabled span {
  color: #edeff1 !important;
}
/* ------ 6.6 SELECT2 ------ */
.select2-search {
  display: block;
}
.select2-drop .select2-result-sub .select2-result-label {
  padding-left: 30px;
}
.dropdown-menu,
.select2-drop {
  background: #DEE1E3;
  margin-top: 2px;
}
.dropdown-menu .select2-result-selectable .select2-result-label:hover,
.select2-drop .select2-result-selectable .select2-result-label:hover {
  background: #1abc9c;
  color: #FFFFFF;
}
/* ------ 6.7 DIVERSES ------ */
.btn-group.dropup > .btn + .dropdown-toggle .caret {
  height: 12px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: static;
}
.tooltip.left {
  margin-left: -15px;
}
  #form-importlist .tooltip-inner {
    max-width: 235px;
  }
  .selecticon {
    position: absolute;
    top: -4px; left: 16px;
  }
    .selecticon.icon-ok {
      color: #1abc9c;
    }
    .selecticon.icon-remove {
      color: #94544D;
    }

#list-tasks h3 {
  font-size: 30px;
}
.totalTable {
}
  table#totalTableCost {

  }
  .totalTable table { box-shadow: 0px 0px 1px rgba(0,0,0,0.3); }
  .totalTable table#totalTableCost td { padding: 5px 5px 4px; }
.alert {
  margin: 10px 0px 0px -236px;
  width: 472px;
  left: 50%;
  z-index: 100;
  /* max-width: 1560px;*/
  padding: 10px 20px;
  position: absolute;
}
.alert.alert-info {
  margin-bottom: 10px;
}
.alert .close {
  right: 0;
}
.pagination-inverse ul li.active > a, .pagination-inverse ul li.active > span { background-color: #1abc9c; }