.login-page {
	background: #303641 !important;
}

body {
	color: #535353;
	background-color: #fff;
	overflow-x: hidden;
}

body a {
	color: #666;
	font-weight: 500;
}

button i {
	color: #fff;
}

#content_toolbar input, #content_toolbar select {
	width: auto !important;
	float: left !important;
	margin-right: 10px;
}
label {
width: 100%;
}
input, select, textarea {
	width: 100%;
	max-width: 100%;
	min-height: 23px;
}

select {
	min-height: 23px;
	padding: 3px;
}
.page-body .longselect .selectboxit-container .selectboxit-options {min-width: 270px !important;}
input[type="checkbox"] {
	width: auto;
}

label input[type="checkbox"] {
	float: left;
	margin-right: 10px;
	margin-top: -4px;
}

.page-body .selectboxit-container .selectboxit .selectboxit-arrow-container {background: #fff;}

.mitarbeiter-wrapper {
	position: relative;
}

#employeedropdown {
	position: absolute;
	top: 25px;
	left: 0px;
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	padding: 5px;
	max-height: 150px;
}

#employeedropdown .reihe {
	border-bottom: 1px solid #ddd;
}

.date select, .form-item-w33 {
	width: 33% !important;
	float: left !important;
}

.table_column_id {
	width: 20px;
}

.table>thead>tr>th {
	border-bottom: 2px solid #A4A4A4;
}

tbody {
	font-size: 14px;
}

tbody a {
	font-weight: 500;
	text-decoration: underline;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td,
	.table>tbody>tr>td, .table>tfoot>tr>td {
	vertical-align: middle;
}

svg {
	vertical-align: middle;
}

.panel-dark {
  border-color: #222222;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
}
.panel-dark > .panel-heading {
  color: #ffffff;
  background-color: #303641;
  border-color: #222222;
}
.panel-dark > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #222222;
}

#content_main {
	min-height: 80.5vh;
	width: 100%;
	overflow-y: auto;
}

.icon-box {
	width: 20px;
	height: 20px;
	display: block;
	margin: 0 auto;
}

.btn-primary.btn-icon i {
	padding: 8px 6px;
}

.icon-active0 {
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f44336' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z' /%3E%3C/svg%3E");
	position: relative;
}

.icon-active1 {
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234caf50' d='M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2,4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z' /%3E%3C/svg%3E");
	position: relative;
}

.panel-heading select {
	color: #333 !important;
}
#content_footer {margin-bottom: 10px;}
#footer {
	padding: 10px 0;
	color: #fff;
	background-color: #303641;
	border-top: 5px solid #A4A4A4;
}

#footer a {
	color: #fff;
}

.clearfix::before, .clearfix::after {
    content:"";
    display:table;
}
.clearfix::after {
    clear:both;
}

@media screen and (max-width: 768px) {
	.page-body .page-container.horizontal-menu header.navbar ul.nav>li.menu-button
		{
		display: block !important;
	}
	.hidden-xs {
    display: none !important;
  }
  tr.hidden-xs {
    display: none !important;
  }
  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }
  .table-fixed {
	  table-layout: fixed;
  }
}

@media screen and (min-width: 768px) {
	.ft-right {
		text-align: right;
	}
	.pointer-events {
		pointer-events: none !important;
	}
	.page-body .page-container.horizontal-menu header.navbar ul.nav>li.menu-button
		{
		display: none !important;
	}
}

.weekDay, .wrapperMonth div {
	float: left;
	padding: 10px;
	width: 14.28%;
	border: 1px solid #ddd;
	text-align: center;
}
.wrapperMonth div {
	border-width: 0 0 2px 0;
	border-color: #ddd;
	border-style: solid;
	text-align: center;
	
}
@media screen and (max-width: 768px) {
	.weekDay {
		width: 50%;
	}
	.weekday-Sun {
		margin-bottom: 1em;
	}
	#content_toolbar .alert div {margin-bottom: 10px;}
}
.pull-left {float: left;}
.pull-right {float: right;}
@media (max-width: 767px) {
  .hidden-xs,
  tr.hidden-xs,
  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm,
  tr.hidden-sm,
  th.hidden-sm,
  td.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md,
  tr.hidden-md,
  th.hidden-md,
  td.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg,
  tr.hidden-lg,
  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }
}
.modal-dialog {top: 10%;}