/* -----------------------------------------
   Custom.css - put your own changes here 
----------------------------------------- */

.ui-sortable-placeholder {
	background-color:  yellow;
}

[class*="icheckbox_"], [class*="iradio"] {
	margin-left: 5px !important;
}

.pagination > li:first-child a, .pagination > li:first-child span {
	margin-right: 0px;
}

.pagination > li:last-child a, .pagination > li:last-child span {
	margin-left: -1px;
}

.pagination > li a.active {
	background-color:#009ee0;
	color:#fff;
	cursor:default;
}


.profile-avatar {
	border: 1px solid #e7e7e2;
	border-radius: 5%;
	float: left;
	padding: 10px;
}

.profile-avatar img {
	border: 1px solid #e7e7e2;
	border-radius: 5%;
}

.label a {
	color:white;
}

.label a:hover {
	text-decoration:none;
}

.label-magenta {
	background-color:#e5097f;
}

.label-cyan {
	background-color:#009ee0;
}

.btn-primary {
	background-color: #4cb6e2;
	border-color: #4cb6e2;
	color: #ffffff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	background-color: #009ee0;
	border-color: #009ee0;
}

.btn-primary.btn-alt {
	background-color: transparent;
	border-color: #4cb6e2;
	border-width: 2px;
	color: #4cb6e2;
}

.btn-primary.btn-alt:hover,
.btn-primary.btn-alt:focus,
.btn-primary.btn-alt:active,
.btn-primary.btn-alt.active,
.open .dropdown-toggle.btn-primary.btn-alt {
	border-color: #009ee0;
	color: #009ee0;
}

.dropdown-menu > li.success > a {
  color: #71d398;
}
.dropdown-menu > li.success > a:hover,
.dropdown-menu > li.success > a:focus {
  background-color: #71d398;
  color: #ffffff;
}

.dropdown-menu > li.warning > a {
  color: #f4b162;
}
.dropdown-menu > li.warning > a:hover,
.dropdown-menu > li.warning > a:focus {
  background-color: #f4b162;
  color: #ffffff;
}

.dropdown-menu > li.danger > a {
  color: #f68484;
}
.dropdown-menu > li.danger > a:hover,
.dropdown-menu > li.danger > a:focus {
  background-color: #f68484;
  color: #ffffff;
}

#content .content-wrapper .heading h1.page-header i {
	padding-left:10px;
	opacity:1;
}

.tile {
	cursor: default;
}

tr.bold td {
	font-weight:bold;
}

/* error handling */
.fieldWithErrors .control-label {
	color: #f68484;
}

.fieldWithErrors .form-control, .fieldWithErrors .select2-container .select2-choice {
	border-color: #f68484;
}

/* logout */
#header .navbar .nav li div.info {
	color: #ffffff;
	font-size: 13px;
	line-height: 50px;
	min-width: 50px;
	outline: medium none;
	overflow-x: hidden;
	padding:0 15px 0 10px;
	position: relative;
	text-align: center;
	width: auto;
}

#header .navbar .nav li div.info i {
	font-size:24px;
}

/* modal */
.modal .modal-content .modal-header {
	background: none repeat scroll 0 0 #009ee0;
}

@media (min-width: 768px) {
  .modal-lg,
  .modal-xl {
    width: auto;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    width: 1140px;
  }
}

div.selectPerson {
	float:left;
	width:125px;
	height:125px;
	position:relative;
	padding:0px 15px 15px 0px;
}

div.selectPerson img {
	width:110px;
	height:110px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
}

div.selectPerson div.sellayer {
	position:absolute;
	top:0px;
	left:0px;
	width:110px;
	height:110px;
	background:none;
	z-index:5;
	cursor:pointer;
}

div.selectPerson div.sellayer.selected {
	background:url('../images/bgselectlayer.png');
}

div.selectPerson div.personname {
	color:white;
	position:absolute;
	bottom:20px;
	left:10px;
	width:100px;
	text-shadow: 2px 1px #222;
	z-index:4;
}

.panel-primary > .panel-body {
	border-color: #009ee0;
}

.panel-primary > .panel-heading {
	background-color: #009ee0;
	border-color: #009ee0;
}

.panel-group .panel.panel-primary .panel-body {
	border-color: #009ee0;
}

.panel-group .panel.panel-default .panel-body {
	border-color: #e4e9eb;
}

.form-wizard .wizard-steps .wstep.done .donut {
	border-color: #ccc;
}

.form-wizard .wizard-steps .wstep.done .donut i {
	color: #ccc;
}

.form-wizard .wizard-steps .wstep.done::after {
	border-top: 2px solid #ccc;
}

.form-wizard .wizard-steps .wstep.done {
	color: #ccc;
}

.control-label .fieldWithErrors {
	color: #f68484;
}

/* tabs */

.nav-tabs > li.purple.active > a,
.nav-tabs > li.purple.active > a:hover,
.nav-tabs > li.purple.active > a:focus {
	background-color: #9269d6;
	color:white;
}
.nav-tabs > li.purple a:hover {
  background: #9269d6;
	color:white;
}
.nav-tabs > li.purple a {
  background: #af91e1;
  color:white;
}
.nav-tabs > li.teal.active > a,
.nav-tabs > li.teal.active > a:hover,
.nav-tabs > li.teal.active > a:focus {
	background-color: #73c4b1;
	color:white;
}
.nav-tabs > li.teal a:hover {
  background: #73c4b1;
	color:white;
}
.nav-tabs > li.teal a {
  background: #97d3c5;
  color:white;
}

/* progess bar */
.progress-bar {
	background-color: #009ee0;
}
@media print {
	.progress-bar {
		background-color: #009ee0 !important;
		color:white !important;
	}
}

.link-list-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 5px;
	padding: 10px 15px;
	border-bottom: 1px solid #dddddd;
}
.link-list-item:last-child {
	border-bottom: 0;
}
.link-list-item-link {
	flex-grow: 1;
	min-width: 0;
}
.link-list-item-link p {
	margin: 0;
}

/* ellipsis */
.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/* form error class for single form field */
.form-control.has-error {
	border-color: #f68484;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/* Notizen read more */
.init-read-more {
	display: none;
}
.read-more {
	position: relative;
	max-height: 300px;
	overflow: hidden;
	margin-bottom: 20px;
	transition:max-height 0.15s ease-out;
}
.panel-body.read-more.expand{
	max-height: 5000px !important;
	transition:max-height 0.35s ease-in-out;
}
.panel-body.read-more .readmore-link{
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	width:100%;
	height: 60px;
	text-align: center;
	font-weight:bold;
	padding-top:35px;
	background-image: linear-gradient(to bottom, transparent, white);
	cursor: pointer;
}
.panel-body.read-more .readmore-link.expand {
	position: relative;
	background-image: none;
	padding-top:10px;
	height:20px;
}
.panel-body.read-more .readmore-link:after {
	content:"Mehr anzeigen";
}
.panel-body.read-more .readmore-link.expand:after{
	content:"Weniger anzeigen";
}

/* table styles */
table.table hr {
	margin-top:5px;
	margin-bottom:5px;
}
.table-hover > tbody > tr:hover > td.bg-danger {
	background-color: #f68484; /* overwrite hover-bg-color on danger-cell */
}

table.table-noborder tr td {
	padding: 6px 20px;
}
table.table-noborder tr:first-child td {
	padding-top:0;
}
table.table-noborder tr:last-child td {
	padding-bottom:0;
}
table.table-noborder tr td:first-child {
	padding-left:0;
}
table.table-noborder tr td:last-child {
	padding-right:0;
}

table tr.line-through td {
	text-decoration: line-through;
}

/* jahresplanung flot ziele */
[data-flot-ziele] {
	width: 100%;
	height: 100px;
	margin-bottom: 10px;
}

/* from-group light (group without border) */
.form-horizontal.group-border .form-group.no-border-start {
	border-bottom:0;
	padding-bottom:3px;
}
.form-horizontal.group-border .form-group.no-border-end {
	border-top:0;
	padding-top:3px;
}
.form-horizontal.group-border .form-group.no-border {
	border-top:0;
	border-bottom:0;
	padding-top:3px;
	padding-bottom:3px;
}

/* responsive youtube videos */
.video-container[data-format="16:9"] {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}