@charset "UTF-8";
/*Paddings and margins*/
.pa0{
	padding:0 !important;
}

.ma0{
	margin:0 !important;
}

.pt0{
	padding-top:0 !important;
}

.mt0{
	margin-top:0 !important;
}

.mb0{
	margin-bottom:0 !important;
}

.mr0{
	margin-right:0 !important;
}

.ml0{
	margin-left:0 !important;
}

.pb0{
	padding-bottom:0 !important;
}

.mt5{
	margin-top:5px !important;
}

.pt5 {
	padding-top: 5px !important;
}

.mr5{
	margin-right:5px !important;
}

.pr5 {
	padding-right: 5px !important;
}

.mb5{
	margin-bottom:5px !important;
}

.pb5 {
	padding-bottom: 5px !important;
}

.ml5{
	margin-left:5px !important;
}

.pl5 {
	padding-left: 5px !important;
}

.mt10{
	margin-top:10px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.mr10{
	margin-right:10px !important;
}

.mb10{
	margin-bottom:10px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.pa20 {
	padding: 20px !important;
}

.mt20{
	margin-top:20px !important;
}

.pt20{
	padding-top:20px !important;
}

.mr20{
	margin-right:20px !important;
}

.pr20{
	padding-right:20px !important;
}

.mb20{
	margin-bottom:20px !important;
}

.pb20{
	padding-bottom:20px !important;
}

.ml20{
	margin-left:20px !important;
}

.pl20{
	padding-left:20px !important;
}

.pt40{
	padding-top:40px !important;
}

.mt40{
	margin-top:40px !important;
}

.pr40{
	padding-right:40px !important;
}

.pb40{
	padding-bottom:40px !important;
}

.mb40{
	margin-bottom:40px !important;
}

.pl40{
	padding-left:40px !important;
}

.m80{
	margin:80px !important;
}

.p80{
	padding:80px !important;
}

.mt80{
	margin-top:80px !important;
}

.pt80{
	padding-top:80px !important;
}

.mr80{
	margin-right:80px !important;
}

.pr80{
	padding-right:80px !important;
}

.mb80{
	margin-bottom:80px !important;
}

.pb80{
	padding-bottom:80px !important;
}

.ml80{
	margin-left:80px !important;
}

.pl80{
	padding-left:80px !important;
}

.col-first{
	padding-left:0 !important;
}

.col-last{
	padding-right:0 !important;
}
/* Custom CSS */
.mb-120{
	margin-bottom:120px;
}

.mr--2{
	margin-left: -0.5rem;
}

.h100{
	height: 100%;
}

.w-max-content {
	width: max-content !important;
}

.no-wrap{
	white-space: nowrap;
}

.animation-fadein{
	animation: 1500ms ease-out 0s 1 opacityon;
}

.inline-block{
	display:inline-block;
}

.block{
	display: block;
}

.absolute {
	position: absolute;
}

.flex {
	display: flex;
}

/* Custom CSS */
.h100{
	height: 100%;
}

.w-100px {
    width: 100px;
}

.max-w-100px {
    max-width: 100px;
}

.mb-120{
	margin-bottom:120px;
}

.no-display, .only-print {
	display:none !important;
}

.display-off {
	height: 0px !important;
	min-height: 0px !important;
	overflow-y: hidden;
	visibility: hidden;
}

.opacity {
	opacity: 0.5;
}

.opacity-heavy {
	opacity: 0.25;
}

.wow{
	visibility: hidden;
}

.animation-fadein{
	animation: 1500ms ease-out 0s 1 opacityon;
}

.inline-block{
	display:inline-block;
}

ul.unstyled{
	list-style: none;
}

.no-border{
	border:0 !important;
}

.border-gray{
	border:1px solid #efefef !important;
}

.uppercase {
	text-transform: uppercase;
}

.overflow-x {
	overflow-x: auto;
}

.overflow-x-hidden {
	overflow-x: hidden;
}

.overflow-y {
	overflow-y: auto;
}

.overflow-y-hidden {
	overflow-y: hidden;
}

.scrollable-y {
	height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

.vscroll{
	overflow-x: hidden !important;
	-ms-overflow-style: none !important;
}

@supports (-moz-appearance:none) {
    .hscroll{
		overflow-y: hidden !important;
	}
}

.box .overflow-x .btn {
	width: max-content;
}

.no-scrollbar{
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

@keyframes opacityon {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.switch-off{
	opacity:0.5;
	pointer-events:none;
}

a#freigabe-btn.switch-off {
	background-color:#485058;
	transition: background-color 300ms ease-in-out;
}

.tabs-switch-off{
	pointer-events: none;
}

.float-left{
	float:left;
}

.float-right{
	float:right;
}

.relative{
	position: relative !important;
}

.on-top{
	position: absolute;
	right: -0.25rem;
}

.center-position {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.position-top-left {
	position: absolute;
	top: 0;
	left: 0;
}

.font-sm{
	font-size:80%;
}

.font-normal{
	font-size: 100% !important;
}

.text-primary {
    color: #0c7c4f !important;
}

.text-blue{
	color: #33658A !important;
}

.text-purple{
	color: #ff80ff !important;
}

.text-muted {
    color: #a0a0a0 !important;
}

.text-dark-muted{
	color: #6c757d !important;
}

.text-dark{
	color: #485058 !important;
}

.bg-light{
	background: #fafafa;
}

.bg-light-5{
	background: #f5f5f5;
}

.bg-light-10{
	background: #efefef;
}

.bg-light-20{
	background: #a0a0a0;
}

.bg-beige{
	background: beige !important;
}

.light{
	font-weight:300;
}

.italic {
	font-style: italic;
}

.semi-bold{
	font-weight:500;
}

.half-opacity{
	opacity: 0.5;
}

.l-height-2{
	line-height: 2;
}

.truncate-1{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.section-spacer{
	margin-top: 0 !important;
    margin-bottom: 2rem !important;
}

.alert{
    border-width: 0 0 0 4px;
	border-radius: 0.25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.alert-light{
	background-color: white;
    color: #485058;
    border: 1px solid whitesmoke;
}

.alert.alert-light i {
    color: #33658A;
    vertical-align: middle;
}

html, body{
	height:100%;
	display: flex;
    flex-direction: column;
    margin: 0px;
}

html {
	margin-left: calc(100vw - 100%);
}

body{
	background-color:#fafafa;
	font-family: 'Roboto',sans-serif;
	overflow-x: hidden;
	color: #485058;
}

#app {
    position: relative;
	flex: 1;
	-webkit-flex: 1;
}

body.login-body #app{
	flex: 1 0 auto;
}

.project-list{
	margin-top: 0rem;
}

body.user-internal-block .project-list{
	margin-top: 0rem;
}

/* Login page */
body.login-body #button-scroll-top{
	display:none;
}

.login-logo a img{
	height: 50px;
	width: auto;
}

.login-container{
	background: white;
	background: rgba(255, 255, 255, 0.95);
	padding:150px 40px;
	border-radius:10px;
	-webkit-box-shadow: 5px 5px 35px 5px lightslategrey;
	-moz-box-shadow: 5px 5px 35px 5px lightslategrey;
	box-shadow: 5px 5px 35px 5px lightslategrey;
}

.brand-wrapper {
    padding-top: 7px;
    padding-bottom: 8px; }
    .brand-wrapper .logo {
      height: 25px; }

  .login-section-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    padding: 68px 100px;
    background-color: #fff; }
    @media (max-width: 991px) {
      .login-section-wrapper {
        padding-left: 50px;
        padding-right: 50px; } }
    @media (max-width: 575px) {
      .login-section-wrapper {
        padding-top: 20px;
        padding-bottom: 20px;
        min-height: 100vh; } }

  .login-wrapper {
    max-width: 100%;
    padding-top: 24px;
    padding-bottom: 24px; }
    @media (max-width: 575px) {
      .login-wrapper {
        width: 100%; } }
    .login-wrapper label {
      font-size: 14px;
      color: #b0adad; }
    .login-wrapper .form-control {
      border: none;
      border-bottom: 1px solid #e7e7e7;
      border-radius: 0;
      min-height: 40px;
      font-weight: normal; }
      .login-wrapper .form-control::-webkit-input-placeholder {
        color: #b0adad; }
      .login-wrapper .form-control::-moz-placeholder {
        color: #b0adad; }
      .login-wrapper .form-control:-ms-input-placeholder {
        color: #b0adad; }
      .login-wrapper .form-control::-ms-input-placeholder {
        color: #b0adad; }
      .login-wrapper .form-control::placeholder {
        color: #b0adad; }
    .login-wrapper .login-btn {
      padding: 13px 20px;
      background-color: #f18100;
      border: 1px solid #f18100 !important;
      border-radius: 0;
      font-size: 20px;
      color: #fff;
      margin-bottom: 14px; }
      .login-wrapper .login-btn:hover {
        border: 1px solid #f18100 !important;
        background-color: #fff;
        color: #f18100; }
    .login-wrapper a.forgot-password-link {
      color: #080808;
      font-size: 14px;
      text-decoration: underline;
      display: inline-block;
      margin-bottom: 54px; }
      @media (max-width: 575px) {
        .login-wrapper a.forgot-password-link {
          margin-bottom: 16px; } }
    .login-wrapper-footer-text {
      font-size: 16px;
      color: #000;
      margin-bottom: 0; }

  .login-title {
    font-size: 30px;
    color: #000;
    font-weight: bold;
    margin-bottom: 25px; }

  .login-img {
    width: 100%;
    height: 100vh;
    min-height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center; }

/* App content */
.hr-subtitle{
	display: block;
	border-bottom: 0.15rem solid #0c7c4f;
	width:100px;
}


.form-control{
	height: 46px;
    border: none;
	outline: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    background: #fafafa !important;
}

.form-control.h36{
	height: 36px;
}

.datenblatt-form .form-check {
	padding-left: 0;
}

input[type="text"], textarea{
	outline: none !important;
	-webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
	border:0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
	-webkit-box-shadow: 0 0 0 30px #eee inset !important;
    -moz-box-shadow: 0 0 0 30px #eee inset !important;
    box-shadow: 0 0 0 30px #eee inset !important;
}

.form-group.with-icon {
	position:relative;
}

.placeholder-icon{
	position:absolute;
	top:0px;
	right:15px;
	line-height:46px;
	color: #0c7c4f;
}

.deactivated{
	pointer-events: none;
	opacity: 0.5;
}


/* Custom checkboxes */
label.custom-checkbox input {
	display: none;
}

label.custom-checkbox [type=checkbox] + span:before {
	font-family: "Font Awesome 5 Pro";
    content: "\f0c8";
    color: #efefef;
    font-weight: 900;
}

label.custom-checkbox [type=checkbox]:checked + span:before {
	font-family: "Font Awesome 5 Duotone";
    content: "\10f14a";
    color: #f18100;
    font-weight: 900;
}

#toggleid {
	--width: 95px;
	--height: calc(var(--width) / 3);

	position: relative;
	display: inline-block;
	width: var(--width);
	height: var(--height);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	border-radius: var(--height);
	cursor: pointer;
	margin-bottom: unset;
}

#toggleid input {
	display: none;
}

#toggleid .slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: var(--height);
	background-color: #33658A;
	transition: all 0.4s ease-in-out;
}

#toggleid .slider::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: calc(var(--height));
	height: calc(var(--height));
	border-radius: calc(var(--height) / 2);
	background-color: #fff;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	transition: all 0.4s ease-in-out;
}

#toggleid input:checked+.slider {
	background-color: #33658A;
}

#toggleid input:checked+.slider::before {
	transform: translateX(calc(var(--width) - var(--height)));
}

#toggleid .labels {
	position: absolute;
	top: 8px;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 12px;
	font-family: sans-serif;
	transition: all 0.4s ease-in-out;
}

#toggleid .labels::after {
	content: attr(data-off);
	position: absolute;
	right: 5px;
	color: #fff;
	opacity: 1;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	transition: all 0.4s ease-in-out;
}

#toggleid .labels::before {
	content: attr(data-on);
	position: absolute;
	left: 5px;
	color: #ffffff;
	opacity: 0;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);
	transition: all 0.4s ease-in-out;
}

#toggleid input:checked~.labels::after {
	opacity: 0;
}

#toggleid input:checked~.labels::before {
	opacity: 1;
}

/* Datepicker */
.datepickers-container{
 z-index: 1150 !important;
}

.datepicker--day-name{
	color: #0c7c4f;
}

.datepicker--cell{
	border-radius: 1px;
}

.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current-, .datepicker--cell.-selected-.-focus-{
	background: #f18100;
}

.datepicker--cell.datepicker--cell-day.-disabled-{
	pointer-events: none;
}

.datepicker--cell.-current-{
	color: #f18100;
}

.datepicker--cell.-focus-{
	background: whitesmoke;
}

.datepicker--time-current-hours.-focus-, .datepicker--time-current-minutes.-focus-{
	background: transparent;
	color: #f18100;
}

.datepicker--time-current-hours:after, .datepicker--time-current-minutes:after{
	background: transparent;
}

/* Links - buttons and tabs */
.btn-light,.btn-custom-light{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	background-color:#fafafa;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	position: relative;
    border: 1px solid rgba(255,255,255,0.5);
    overflow: hidden;
}

.btn-white{
	background: white !important;
}

.btn-blue{
	background: #33658A !important;
	color: white !important;
	position: relative;
	overflow: hidden;
}

.btn-light:hover,.btn-custom-light:hover,
.btn-light:not(:disabled):not(.disabled):active,
.btn-custom-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-custom-light:not(:disabled):not(.disabled):active:focus{
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	background-color:#fafafa;
}

.view-btn-group .btn{
	line-height:1rem;
}

.view-btn-group .btn-light, .view-btn-group .btn-light:hover,
.view-btn-group .btn-light:not(:disabled):not(.disabled):active,
.view-btn-group .btn-light:not(:disabled):not(.disabled):active:focus {
	background-color: #efefef;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.btn-secondary{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color:#f18100;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
    -o-transition: all 0.5s;
	position: relative;
    border: 0px solid rgba(255,255,255,0.5);
    overflow: hidden;
}

.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled):active:focus{
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	background-color:#f18100;
}

.btn-light-green{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color:#0c7c4f;
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	-ms-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
	position: relative;
    border: 1px solid rgba(255,255,255,0.5);
    overflow: hidden;
	color: #fff;
}

.btn-light-green:hover,
.btn-light-green:not(:disabled):not(.disabled):active,
.btn-light-green:not(:disabled):not(.disabled):active:focus {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	color: #fff;
	background-color:#0c7c4f;
}

button:focus{
	outline:0px  !important;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 0.25rem 0.5rem !important;
	font-size: 0.7875rem;
    line-height: 1.5;
}


.btn-custom-light::before, .btn-light::before,  .btn-secondary::before, .btn-light-green::before, .btn-blue::before {
	content: '';
	background-color: rgba(239,239,239, 0.2);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	max-width: 0%;
	z-index: 1;
}

.btn-custom-light:hover::before, .btn-light:hover::before,  .btn-secondary:hover::before, .btn-light-green:hover::before, .btn-blue:hover::before {
	animation-name: btn-hover-animation;
  	animation-duration: 0.5s;
}

@keyframes btn-hover-animation {
	0%   {max-width: 0%;}
	50%  {max-width: 100%;}
	100% {max-width: 0%;}
}


a{
	color: #0c7c4f;
}

a:hover{
	text-decoration:none;
	color: #0c7c4f;
}

a:focus{
    outline:0px  !important;
}

a.custom-link{
	display: inline-block;
}

a.custom-link:hover::after {
    width: 100%;
}

a.custom-link:after{
	content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #33658A;
    color: #33658A;
	-webkit-transition: width .3s;
    -moz-transition: width .3s;
    -ms-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
}

a.custom-link-green{
	display: inline-block;
}

a.custom-link-green:after, a.page-link:after{
	content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #0c7c4f;
    color: #0c7c4f;
    opacity: 0;
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    -ms-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
}

a.custom-link-green:hover::after, a.page-link:hover::after{
    width: 100%;
    opacity: 1;
}

a.custom-link-muted{
	display: inline-block;
}

a.custom-link-muted:hover::after {
    width: 100%;
}

a.custom-link-muted:after{
	content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #a0a0a0 ;
    color: #a0a0a0 ;
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    -ms-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
}

a.custom-link-dark:after{
    background: #485058;
    color: #485058;
}

a.text-fad-link i.fad{
	--fa-primary-color: #f18100;
	--fa-secondary-color: #d2d2d2;
}

.btn{
	border:0 !important;
	outline: 0 !important;
	border-radius: 1px;
	padding: 0.5rem 1rem;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.btn:focus, .btn.focus{
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

a.btn:hover{
	font-weight:normal;
}

.br-1 {
	border-right: 1px solid #efefef !important;
}

.bt-1 {
	border-top: 1px solid #efefef !important;
}

.bb-1 {
	border-bottom: 1px solid #efefef !important;
}

.border-darker {
    border-color: #a0a0a0 !important;
}

.border-secondary {
    border-color: #f18100 !important;
}

.btn-custom{
	height:50px;
	padding-left:2rem;
	padding-right:2rem;
}

.btn-view-active{
	color: #fff !important;
    background: #f18100 !important;
    border-color: #f18100;
	pointer-events: none;
}

.btn-view-active:active {
    background-color: #f18100;
}

.check-all, .expand-all {
	color: #485058 !important;
}

.check-all.active, .expand-all.active {
	--fa-primary-color: #0c7c4f;
}

.btn-contact-info{
	    padding: 0.375rem 0;
}

.navbar-laravel {
    background: transparent;
    padding:0px;
	height: 68px;
	line-height: 68px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

nav.navbar .dropdown-menu{
	min-width: 12rem;
}

nav.navbar .dropdown-menu.dropdown-menu-right{
	right: -1px;
}

.navbar-laravel a.navbar-brand{
	padding: 0 20px;
	position: relative;
}



.navbar-laravel a.navbar-brand img{
	width: auto;
	height: 38px;
}

.navbar-nav .nav-link{
	color: #0c7c4f !important;
}

a.text-secondary:focus {
    color: #f18100 !important;
}

a.text-primary:focus {
    color: #0c7c4f !important;
}

a.text-primary:hover {
    color: #0a5225 !important;
}

.panel {
	background: #fafafa;
	padding: 10px;
	border: 1px solid #efefef;
}

.panel-dashed {
	border: 4px dashed #efefef;
}

nav.navbar.navbar-laravel {
	background: transparent;
	position: absolute;
	width: 100%;
	height: 68px;
	z-index: 999;
}

.header {
	background: #efefef;
	padding-top: 68px;
}

a.nav-item {
    outline: 0 !important;
	-webkit-box-shadow: 0 0 0 0 !important;
	-moz-box-shadow: 0 0 0 0 !important;
	box-shadow: 0 0 0 0 !important;
	padding: 0.75rem;
	line-height: 1rem;
	color: #485058;
}

.nav-fill .tab-menu-item {
	outline: 0 !important;
	-webkit-box-shadow: 0 0 0 0 !important;
	-moz-box-shadow: 0 0 0 0 !important;
	box-shadow: 0 0 0 0 !important;
	flex: 1 1 auto;
	text-align: center;
	min-width: fit-content;
}

.modal .tab-menu-item.active {
	background: white;
}

.tab-menu-item.active i{
	color: #0c7c4f;
}

.modal .tab-menu {
	border-width: 1px 1px 0 1px;
	border-color: #efefef;
	border-style: solid;
}

.dropdown-menu-right {
	transform-origin: 100% 0;
	right: 0;
	left: auto;
	position: absolute;
	padding: 0.5rem;
	float: none;
	top: 50px;
	border: none;
	-webkit-box-shadow: 1px 1px 10px 1px #efefef;
    -moz-box-shadow: 1px 1px 10px 1px #efefef;
    box-shadow: 1px 1px 10px 1px #efefef;
}

.dropdown-item {
	line-height: 2rem;
	padding: 0.25rem 1rem;
	font-size: 0.9rem;
}

.dropdown-item.active,
.dropdown-item:active {
	background-color: transparent;
	color: #0c7c4f !important;
}

.dropdown-item:hover {
	background-color: #f8f9fa;
}

a.nav-item.disabled, a.gruppe-selector.active{
	pointer-events: none !important;
}

.gruppe-selector i{
	font-size: 75%;
	vertical-align: middle;
}

a.nav-item.active {
	border-bottom: none !important;
	background-color: #fafafa !important;
	color: #485058;
}

a.nav-item:hover {
	background-color: #fafafa;
	border-bottom: none;
}

a.type-selector i{
	transform: scale(0.75);
}

.pro-location-title{
	padding-top: 1rem;
	padding-bottom: 3.2rem;
}

.pro-location-title h5{
	line-height: 1.5;
}

.pro-location-title small{
	font-size: 65%;
}

.pro-location-title small.filter-badge,
.pro-location-title small.bearbeiter-badge,
.pro-location-title small.znr-badge,
.pro-location-title small.search-badge,
.pro-location-title small.reset-badge,
.modal-loaded-content .filter-badge,
.pro-location-title small.vertr-badge {
	font-size: 60%;
	background-color: #485058;
	color: white;
    padding: 0 0.5rem;
	border-radius: 1px;
	cursor: pointer;
	display: inline-block;
	line-height: 1.2rem;
	vertical-align: middle;
}

.pro-location-title small.reset-badge {
    background-color: #f5f5f5;
    color: #485058;
}

.filter-badge:after,
.bearbeiter-badge:after,
.znr-badge:after,
.search-badge:after,
.reset-badge:after,
small.vertr-badge:after {
	content: '\f00d';
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	margin-left: 5px;
	padding-left: 5px;
	border-left: 1px solid white;
}

.pro-location-title small.reset-badge:after {
    border-color: #485058;
    color: crimson;
}

.filter-type-tabs a.nav-link:hover{
	font-weight:normal !important;
}

nav .nav-title{
	padding: 0 0 0.25rem 1rem;
}

.view-btn-group {
    display: flex;
    flex-wrap: nowrap;
    align-items: end;
    justify-content: flex-end;
    min-width: max-content;
}

.mstf-nav{
	position: absolute !important;
	padding: inherit;
	bottom: -1px;
	left: 0;
	width:100%;
	max-width: 100%;
	padding-bottom: 0px;
}

.planzeilen-mstf span.dot{
	display: inline-block;
    background: #808080;
    width: 4px;
    height: 12px;
    vertical-align: middle;
}

.scroll-tree {
	position: relative;
}

.scroll-tree {
	max-height: calc(100vh - 280px);
}

.planzeilen-mstf .nav-fill,
.lieferplanung-mstf .nav-fill,
.calendar-actions .nav-fill,
.auftrag-mstf .nav-fill, .tab-menu .nav-fill {
	display: flex;
	white-space: nowrap;
	flex-wrap: nowrap;
}

.filter-type-tabs .scroll-element.scroll-y {
    display: none !important;
}

.op-header .header-bottom{
	line-height: 2.5rem;
	padding-bottom: 3.2rem;
}

.op-header .pro-location-title{
	padding-bottom: 0;
}

/*YCalendar*/

@media (max-width: 1899px) {
    .ycalendar-container {
        max-height: calc(100vh - 280px);
        overflow-y: auto;
        overflow-x: auto;
    }
}

.ycalendar {
    min-width: 1250px;
}

.ycalendar th {
    font-weight: normal;
    position: sticky;
    top: -2px;
    z-index: 999;
    background-color: #ffffff;
}

.data-bar {
    position: absolute;
    top: 0.25rem;
    left: 100px;
    width: 0px;
    height: calc(100% - 0.5rem);
    background: dodgerblue;
    transition: width 300ms;
    z-index: 99;
}

.data-bar::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(
        45deg,
        rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 0) 3px,
        rgba(255, 255, 255, 0.25) 6px,
        rgba(255, 255, 255, 0.25) 6px
        );
}

.data-bar.movable::after {
    background: transparent;
}

.data-bar i {
    display: none;
}

.week-nr {
    position: relative;
    background: white;
}

.week-nr:nth-child(even)::after {
    background-color: rgba(128, 128, 128, 0.05);
}

.week-nr.bg-secondary:nth-child(even)::after {
    background-color: rgba(186, 186, 0, 0.05);
}

.week-body-stripped{
    position: absolute;
    left: 100px;
    top: 0;
    height: 100%;
    width: calc(100% - 100px);
    opacity: 0.3;
    z-index: 9;
}

.week-body-stripped .bg-secondary {
    opacity: 0.15;
}

/* Scrollbar */
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
	height: 6px !important;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar {
	width: 10px !important;
}

.simplebar-scrollbar:before{
	background: rgba(0, 0, 0, 0.4) !important;
}

.simplebar-track.simplebar-horizontal{
	height: 10px !important;
}

.simplebar-track.simplebar-vertical{
	width: 10px !important;
}

.vscroll .simplebar-offset{
	max-width: 100%;
}

.row.eq-cols{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	flex-wrap: wrap;
}

.eq-cols > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

/* Badges */
.badge{
	font-size:70%;
	font-weight:300;
	vertical-align: text-top;
	background: #fafafa;
	color:#485058;
	border-radius: 0;
}

.badge-lg{
	font-size:80%;
}

.badge-middle{
	vertical-align:middle;
}

.badge-off{
	background: rgba(200,30,60,0.1);
}

.badge-on{
	background: rgba(60,200,30,0.1);
}

a.nav-item:hover .badge, a.nav-item.active .badge {
	background: #efefef !important;
	color: #485058 !important;
}

.planzeilen-mstf a.gruppe-selector:hover .badge{
	background: #6c757d;
	color: white;
}

a.nav-item:hover .badge-hover-blue, a.nav-item.active .badge-hover-blue {
	background: #33658A;
}

a.nav-item:hover .badge-hover-purple, a.nav-item.active .badge-hover-purple {
	background: #ff80ff;
}

a.nav-item:hover #badge-gruppe-0, a.nav-item.active #badge-gruppe-0{
	background: #808080;
}

a.nav-item:hover #badge-gruppe-3, a.nav-item.active #badge-gruppe-3{
	background: #ffb3b3;
}

a.nav-item:hover #badge-gruppe-4, a.nav-item.active #badge-gruppe-4{
	background: #BF0000;
}

a.nav-item:hover #badge-gruppe-5, a.nav-item.active #badge-gruppe-5{
	background: #35ff9a;
}

a.nav-item:hover #badge-gruppe-6, a.nav-item.active #badge-gruppe-6{
	background: #559900;
}

a.nav-item:hover #badge-gruppe-7, a.nav-item.active #badge-gruppe-7{
	background: #71b8ff;
}

a.nav-item:hover #badge-gruppe-8, a.nav-item.active #badge-gruppe-8{
	background: #2222FF;;
}

a.nav-item:hover #badge-gruppe-9, a.nav-item.active #badge-gruppe-9{
	background: #ff80ff;
}

/*Timefeed*/
.timefeed ul {
    margin: 0 0 0 10px;
	padding: 20px 0px 20px 40px;
    list-style: none;
    position: relative;
	border-left: 1px solid #fafafa;
}

.timefeed .bullet{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: white;
	position: absolute;
    left: -6px;
	margin-top: 6px;
	border: 2px solid #eee;
}

.timefeed .bullet.bullet-primary{
	border-color: #0c7c4f;
}

.timefeed .bullet.bullet-secondary{
	border-color: #f18100;
}

.timefeed .bullet.bullet-dark{
	border-color: #485058;
}

.timefeed .bullet.bullet-blue{
	border-color: #33658A;
}

.timefeed .time{
	display: inline-block;
    line-height: 24px;
    vertical-align: middle;
}

.timefeed .desc h3{
	font-size: 1rem;
	font-weight: 300;
	margin: 5px 0;
}

.timefeed .desc p{
	font-size: 0.8rem;
	font-weight: 300;
	margin-bottom: 15px;
}

.timefeed img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
	margin: 10px 5px 0 0;
}

/*Weather widget*/
.weather-widget{
	background: #fafafa;
	margin: 1rem 0 1.5rem 0;
	padding: 2rem;
}

.weather-image img {
	height: 120px;
}

.min-max{
    font-size: 0.7rem;
}

.weather-info i{
	margin-right: 0.25rem;
}

.icon img{
	width:60px;
}

.weather-widget .day .dayName {
	text-overflow: ellipsis;
    overflow: hidden;
}

/* No content message*/
.message-with-icon{
	opacity:0.50;
	padding: 80px 0;
}

.spinner{
	padding: 20px;
}

.loaded_content .spinner, .modal-loaded-content .spinner {
	padding: 40px 20px;
	line-height: 30px;
}

/* Custom boxes */
.box{
	width:100%;
	position:relative;
	margin-bottom:2rem;
	background:white;
	border-radius: 3px;
	padding:20px 0 20px 20px;
	-webkit-box-shadow: 1px 1px 10px 1px #efefef;
	-moz-box-shadow: 1px 1px 10px 1px #efefef;
	box-shadow: 1px 1px 10px 1px #efefef;
	border-left: none !important;
}

.box-row{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin-bottom: 0;
	border-radius: 0;
}

.box-group .box-row:not(:last-child){
    border-bottom: 0.25rem dotted whitesmoke;
}

.box-group {
	padding:20px 0 0px 20px;
	margin-bottom:2rem;
	background:white;
	-webkit-box-shadow: 1px 1px 10px 1px #efefef;
	-moz-box-shadow: 1px 1px 10px 1px #efefef;
	box-shadow: 1px 1px 10px 1px #efefef;
	border-radius: 3px;
}

.box-group.highlighted-group .box-outer-title strong, .box.highlighted .znr-item{
	color: #0c7c4f;
}

.box-value-updated {
	border-left: 5px solid rgba(12,124,79,0.1) !important;
}

.box-value-updated .box-bottom-message strong{
	color: #0c7c4f;
}

.box-value-updated .box-bottom-message span.updated-message{
	display: inline-block !important;
}

.box-value-updated .bestellt-info, .box-deleted-date .bestellt-info{
	display: none;
}

.box-deleted-date {
	    border-left: 5px solid rgba(241,129,0,0.1) !important;
}

.box-deleted-date .box-bottom-message strong{
	color: #f18100;
}

.box-deleted-date .box-bottom-message span.deleted-message{
	display: inline-block !important;
}

.box-value-updated .btn-date-update, .box-deleted-date .btn-date-delete, .box-deleted-date .btn-date-w-update{
	display:none !important;
}

.box-bottom-info, .box-top-info{
	position: absolute;
	bottom: 0px;
	right: 20px;
	line-height: 20px;
	font-size: 75%;
}

.box-top-info{
	top: 0px;
}

.box-bottom-info.box-bottom-left{
	left: 20px;
	right: unset;
}

.box-opos{
	cursor: pointer;
}

.box-opos ul li strong, .box-opos ul li span{
	cursor: auto;
}

.box-opos .box-bottom-info, .box-qm .box-bottom-info {
    bottom: 0.5rem;
    line-height: normal;
    font-size: 100%;
}

.box-opos .box-top-info, .box-project .box-top-info {
    top: 0.5rem;
    line-height: normal;
    font-size: 100%;
}

.box-opos .box-bottom-info .select-indicator:before, a.select-indicator:before{
	font-family: "Font Awesome 5 Pro";
    display: inline-block;
    content: "\f0c8";
    color: #efefef;
    font-weight: 900;
}

.box-opos .box-bottom-info .select-indicator:before{
	font-family: "Font Awesome 5 Pro";
    content: "\f0c8";
    color: #efefef;
    font-weight: 900;
}

.box-opos.selected .box-bottom-info .select-indicator:before, a.active.select-indicator:before{
	font-family: "Font Awesome 5 Duotone";
    content: "\10f14a";
    color: #f18100;
    font-weight: 900;
}

a.select-indicator:before {
    color: #a0a0a0;
    margin-right: 0.25rem;
}

a.active.select-indicator:before {
    margin-right: 0.25rem;
}

.box-opos.infocus {
    box-shadow: 1px 1px 10px 1px slategray;
}

.box-opos.infocus ul {
    cursor: auto;
}

.input-opos{
	background: #fafafa !important;
}

.box-bottom-info .progress-bar{
	background: #33658A;
}

.box-bottom-message{
	position:absolute;
	bottom:-5px;
	right:10px;
}

ul.box-items {
	padding:0;
	margin:0;
	list-style-type:none;
}

ul.box-items li {
	display:inline-block;
	position: relative;
	line-height:2;
	padding-right:20px;
	margin-bottom: 0.5rem;
}

ul.box-items li a.btn i{
	cursor: pointer;
}

li.box-item.primary {
    border-bottom: 0.25rem dotted whitesmoke;
    padding-right: 10px;
    margin-right: 10px;
}

.wiedervorlage-info .loaded-wv{
	border-bottom: 0.25rem dotted whitesmoke;
}

.bemerkung-info{
	border-top: 0.25rem dotted whitesmoke;
}

.bemerkung-info .bemerkung {
	line-height: 1.25;
	max-height: 150px;
	overflow: auto;
}

.bemerkung-info .bemerkung .user-date-info{
	font-weight: 500;
	font-size: 80%;
}

.bemerkung-info .bemerkung .user-date-info:before{
	color: #f18100;
	content: '\f4a6';
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	margin-right: 0.5rem;
}

.form-group.with-fixed-info{
	position: relative;
}

.form-group.with-fixed-info textarea{
	padding:0.75rem 0.5rem 0.375rem 0.5rem;
	position: relative;
	z-index: 999;
	transition: padding 300ms ease;
}

.modal .form-group.with-fixed-info textarea{
	background: white !important;
}

.modal-bemerkung-submit{
	position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    z-index: 9999;
    padding: 0;
}

.form-group.with-fixed-info textarea:focus{
	padding-top: 1.5rem;
	z-index: 9;
}

.fixed-info{
	background: #fafafa;
	font-size: 0.8rem;
	font-weight: 500;
	position: absolute;
	top: 0;
	left: 0.5rem;
	z-index: 99;
}

.modal .fixed-info{
	background: white;
}

textarea.form-control.input-opos::placeholder {
    color: #d2d2d2;
}

ul.box-items.flexgrow{
	display: flex;
	flex-wrap: wrap;
}

ul.box-items.flexgrow li.box-item{
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

ul.box-items.flexgrow li.box-item.mw-240{
	min-width: 240px;
}

ul.box-items.flexgrow li.box-item.w-15{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
}

ul.box-items.flexgrow li.box-item.w-20{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

ul.box-items.flexgrow li.box-item.w-25{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

ul.box-items.flexgrow li.box-item.w-33{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 33.34%;
    flex: 0 0 33.34%;
    max-width: 33.34%;
}

ul.box-items.flexgrow li.box-item.w-40{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}

.fix-pr{
	padding-right: 20px;
}

.contact-info{
	padding:0.5rem 0;
	margin-right:20px;
	border-top:1px solid whitesmoke;
}

.contact-info a{
	color: inherit;
}

#team-btn, #tech-btn{
	cursor: pointer;
}

.btn-group .btn:not(:first-child){
	border-left: 1px solid #e2e6ea !important;
	margin-left: 0;
}

.changed-content {
animation: backbg 750ms 0s linear 6 alternate;
}

.box-header .box-header-icon{
	border-radius: 3px;
    background-color: #999999;
    padding: 15px;
    margin-right: 15px;
	margin-top:-20px;
}

.box-primary .box-header .box-header-icon{
	background: linear-gradient(240deg,#0c5c2f,#0c7c4f);
	-webkit-box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(76,175,80,.4);
	-moz-box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(76,175,80,.4);
	box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(76,175,80,.4);
}

.box-secondary .box-header .box-header-icon{
	background: linear-gradient(60deg, #ffa726, #f18100);
	-webkit-box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
	-moz-box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
	box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}

.box-transparent {
	background: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.box-header .box-header-icon i{
	font-size: 36px;
    line-height: 56px;
    width: 56px;
    height: 56px;
    text-align: center;
	color: white;
    opacity: .85;
}

.box-footer{
	border-top: 1px solid whitesmoke;
    margin-top: 20px;
	padding-top: 10px;
}

.box.info-box{
	padding: 20px;
}

.box.sm-pad{
    padding: 10px 20px;
}

.box.info-box .lg-i{
	border-radius: 50%;
    background:whitesmoke;
    padding: 0px;
    font-size: 25px;
    line-height: 80px;
    width: 80px;
    height: 80px;
}

@keyframes backbg{
  from   {background:rgba(12,124,79,0);}
  to     {background:rgba(12,124,79,0.2);}
}

.info-footer {
	display: flex;
	justify-content: flex-end;
}

.datenblatt-form h6 {
	font-weight: 600;
}

/*Search results*/
.search-results-style{
	padding: 20px;
    margin-bottom: 20px;
	background: whitesmoke;
	position:relative;
}

.search-results-style h5{
	color: grey;
}

.search-results-style h5 i{
    background: #efefef;
	padding: 10px;
	border-radius: 2px;
	font-size: 1rem;
}

.search-results-style .clear-search{
	position:absolute;
	top:10px;
	right:20px;
}

/* Pagination */
.light-theme a, .light-theme span{
	background: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
	outline: 0 !important;
}

.light-theme .current{
	background: transparent;
    color: #a0a0a0;
    border: 0;
    box-shadow: none;
}

.light-theme a:hover, .light-theme li:not(.disabled):not(.active) span:hover{
	background: transparent;
}

/* Treeview Sidebar */
.tree-sidebar {
	background-color: white;
	top: 0;
	left: 0;
	z-index: 1000;
	overflow: hidden;
	display: block;
	position: sticky;
	width:100%;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 10px 1px #efefef;
	-moz-box-shadow: 1px 1px 10px 1px #efefef;
	box-shadow: 1px 1px 10px 1px #efefef;
	margin-top: -6.2rem;
}

#fs-spinner {
	display: none;
}

_:-ms-lang(x), .tree-sidebar { position: relative; }

/* User block */
.user-block {
	background-image: url('../images/userpic.jpg');
    height: 10rem;
	background-position: left;
	background-size: cover;
	background-repeat: no-repeat;
    position: relative;
	color: white;
}

body.user-internal-block .user-block {
	background: #e0e0e0;
    color: black;
}

body.user-internal-block .user-block .overlay{
	display: none;
}

.user-block .overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
}

.user-block .user-info{
	position: absolute;
	bottom: 1rem;
}

#collapse-tree,
.collapse-in,
.submit-btn {
	display: none;
}



/* Search */
.search-input::-ms-clear {
	display: none;
}

.tree-link-btn {
	position: relative;
}

form#search-znr {
	height: inherit;
	right: 5px;
	position: absolute;
	width: 32px;
	top: 0;
	padding-left: 20px;
	display: flex;
	border-radius: 3px;
	z-index: 1000;
	opacity: 1 !important;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

input.search-input {
	background-color: transparent;
	height: 2rem;
	line-height: 2rem;
	right: 0;
	width: 0;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

form#search-znr.active,
input.search-input.active {
	background-color: transparent;
	right: 5px;
	width: 100%;
	top: 0;
	margin-left: 2rem;
}

.i-container {
	text-align: center;
	line-height: 2rem;
	top: 0;
	position: absolute;
	width: 2rem;
	font-style: normal;
	padding: 0;
}

.search-spinner.i-container i{
	font-size: 14px;
	line-height: 2rem;
}

form#search-znr .search-i {
	right: 0px;
	margin-left: -0.5rem;
}

form#search-znr .search-spinner {
	right: 0px;
	padding: 0;
}

.search-close {
	color: #868990;
	padding-right: 1rem;
	opacity: 0;
	left: 20px;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-ms-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;

}

.search-close.active {
	opacity: 1;
}

.i-container i{
	vertical-align: middle;
}

#search-znr input::placeholder,
#search-other-input::placeholder,
.wiki-search #wiki-input::placeholder,
#search-opos-input::placeholder {
	font-size: 0.8rem;
	color: #bbb;
}

div.validation-errors {
	padding: 0 20px;
}

form#search-other, form#search-opos,
form#search-project {
	font-size: 0.8rem;
}

.search-details,
.wiki-search,
#search-other,
#search-opos {
	display: flex;
	border-radius: 2px;
	padding: 0.25rem;
	background: white;
}

.search-details i,
.wiki-search i {
	line-height: 1.6;
}

.wiki-search #wiki-input {
	width: 100%;
}

#search-other, #search-opos,
#search-other-input, #search-opos-input,
#search-project-input {
	width: 100%;
	background: white;
}


#search-project-input::placeholder {
	color: #a0a0a0;
}

#search-project span,
#search-project button{
	line-height: 1.6;
	position: absolute;
	font-size: 0.8rem;
}

form#search-project .fa-search{
	cursor: pointer;
}


/* Treeview */
#tree-link,
.tree-sidebar .filter-buttons,
.dashboard-link-btn,
.timefeed-wrapper,
.vertr-buttons {
	color: #6c757d;
}

#tree-link.active{
	font-weight:bold;
}

.treeview {
	overflow-y: visible !important;
	font-size: 0.8rem;
}

.collapse-dash-tree, .neue-link {
	margin-top: 20px;
	padding: 0 20px;
	font-size: 0.9rem;
	color: #6c757d;
	cursor: pointer;
	position: relative;
	line-height: 2rem;
}

#dashboard-menu ul{
	padding: 0 20px;
}

#dashboard-menu li {
	display: block;
    position: relative;
    padding: 2px 0;
    cursor: pointer;
	line-height: 2rem;
	font-size: 0.8rem;
}

.treeview span.fa-folder,
.treeview span.fa-folder-open,
.treeview span.fa-file-alt,
#dashbord-menu i  {
	 color: #868990;
}

.treeview .tree-link-btn,
.dashboard-link-btn {
	padding-left: 25px;
	display: block;
	line-height: 2rem;
	width: 100%;
}

.treeview li .tree-link-btn.active {
	background-color:rgba(201, 201, 201, 0.2);
	border-radius: 1px;
}

.treeview li .tree-link-btn:hover,
.dashboard-link-btn:hover {
	background-color:rgba(201, 201, 201, 0.1);
	border-radius: 1px;
}

.dashboard-link-btn.active {
	color: #0c7c4f;
}

.treeview .tree-link-btn.with-toggle{
	width: calc(100% - 2rem);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#search-link {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: -webkit-transform .3s linear;
	-moz-transition: -moz-transform .3s linear;
	-ms-transition: -ms-transform .3s linear;
	-o-transition: -o-transform .3s linear;
	transition: transform .3s linear;
}

#search-link.search-active {
	-webkit-transform: translateX(-110%);
	-moz-transform: translateX(-110%);
	-ms-transform: translateX(-110%);
	-o-transform: translateX(-110%);
	transform: translateX(-110%);

}

#search-li>span.node-toggle {
	display: none;
}

.neue-link .node-toggle,
.collapse-dash-tree .node-toggle
{
	position: relative;
	cursor: pointer;
	padding-right: 1.5rem !important;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
}

.neue-link .node-toggle::before,
.collapse-dash-tree .node-toggle::before{
	display: block;
	position: absolute;
	vertical-align: middle;
	color: transparent;
	font-size: 0;
	content: "";
	height: 0.4rem;
	width: 0.4rem;
	background-color: transparent;
	border-left: 1px solid;
	border-bottom: 1px solid;
	border-color: #f57615;
	top: 50%;
	left: 100%;
	margin-left: -1rem;
	margin-top: -0.1625rem;
	z-index: 2;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: all 0.15s ease-in-out;
	-webkit-transform-origin: center center 1px;
	-moz-transform-origin: center center 1px;
	-ms-transform-origin: center center 1px;
	-o-transform-origin: center center 1px;
	transform-origin: center center 1px;
}

.neue-link .node-toggle,
.collapse-dash-tree .node-toggle{
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	width: 2rem;
	height: 2rem;
}

.neue-link .node-toggle::before,
.collapse-dash-tree .node-toggle::before {
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.neue-link.active > .node-toggle::before,
.collapse-dash-tree.active > .node-toggle::before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.neue-link .node-toggle,
.collapse-dash-tree .node-toggle,
.treeview li .node-toggle {
	-webkit-transform: translateX(-95%);
    -moz-transform: translateX(-95%);
    -ms-transform: translateX(-95%);
    -o-transform: translateX(-95%);
    transform: translateX(-95%);
}

.treeview li .node-toggle {
	top: 0;
	height: 2rem;
	margin-left: -0.5rem;
	width: 2rem;
	padding: 0 !important;
	left: 100%;
	border-radius: 3px;
}

.treeview li .node-toggle:before {
	margin-left: -1.1rem;
	height: 0.4rem;
	width: 0.4rem;
	border-color: #f57615;
}

.treeview li .icon,
#dashboard-menu li i {
	padding-left: 20px;
    height: 2rem;
    left: 0;
    top: 0;
	line-height: 2rem;
	font-size: 1rem;
}

.treeview li{
	padding: 0 !important;
}

.tree-sidebar .dropdown-divider {
	margin: 0rem 1rem;
	border-top: 0.25rem dotted whitesmoke;
}

/* Treeview Filters */
.filter-buttons,
.vertr-buttons,
.timefeed-wrapper {
	position: relative;
}

.filter-buttons i,
.vertr-buttons i {
	color: #0d603fb0;
}

.filter-buttons .product-fltr,
.vertr-item {
	padding: 0 20px 0 20px;
	position: relative;
	font-size: 0.8rem;
}

.product-fltr label,
.vertr-item label {
	margin-bottom: 0;
	line-height: 2rem;
}

input[type=radio].with-font,
.opedit-checkbox,
.datenblatt{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.product-fltr label,
.vertr-item, label {
	cursor: pointer;
}

.ausbuchen-block label{
	cursor: auto;
}

.product-fltr.active label,
.vertr-item.active label {
	font-weight: 500;
}

input[type=radio].with-font ~ label:before,
.opedit-checkbox ~ label:before {
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    content: "\f0c8";
    letter-spacing: 10px;
    font-size: 1rem;
	color: #efefef;
	font-weight: 900;
}

.ausbuchen-block label:before {
	color: #a0a0a0;
}

.product-fltr.active input[type=radio].with-font ~ label:before,
.vertr-item.active input[type=radio].with-font ~ label:before,
.opedit-checkbox.checked ~ label:before
  {
	font-family: "Font Awesome 5 Duotone";
    content: "\10f14a";
    font-size: 1rem;
	color: #f18100;
	letter-spacing: 10px;
	font-weight: 900;
}

.onoff-filter{
	cursor: pointer;
}

.tree-sidebar .timefeed {
	color: #6c757d;
	max-height: 300px;
}

.tree-sidebar .timefeed .bullet {
	width: 10px;
	height: 10px;
	left: -5px;
	margin-top: 7px;
}

.tree-sidebar .timefeed .desc {
	padding-right: 5px;
}

.tree-sidebar .timefeed .time,
.tree-sidebar .timefeed .desc p {
	font-size: 0.7rem;
}

.tree-sidebar .timefeed .desc h3 {
	font-size: 0.8rem;
}

.tree-sidebar .timefeed img {
	width:25px;
	height: 25px;
}

  /* Tables */
.table{
	overflow: hidden;
}

.table:not(.table-sm) th, .table:not(.table-sm) td{
	vertical-align:middle !important;
	height:100%;
}

.table tr.expanded {
	background: #fafafa;
	font-weight: 500;
}

.table tr, .table th {
	transition: all 300ms ease-in-out;
}

.table tr.w-actions {
	transform: translateX(-80px);
}

.table tr .tr-actions {
	width: 0;
	top: 0;
	left: 100%;
	overflow: hidden;
}

.table tr.w-actions .tr-actions {
	font-size: smaller;
	width: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.table tr.w-actions .tr-actions.bg-danger:hover{
	background: #ae1c17 !important
}

.table-fs-loader{
	position: absolute;
	top:0;
	left:0;
	z-index: 9;
}

.table .p-td {
	padding: 0.9rem 0.75rem;
}

table.h-stripped td:nth-child(even) {
    background: #efefef;
}

.h-stripped div:nth-child(even) {
    background: #efefef;
}

table.no-padding td, table.no-padding th {
    padding: 0;
}

/* dataTables CSS modification & positioning */
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  right: 0 !important;
  content: "" !important;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  right: 0 !important;
  content: "" !important;
  padding-left: 10px;
}

table.dataTable thead th {
    position: relative;
    background-image: none !important;
	outline: 0 !important;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    font-family: "Font Awesome 5 Pro" !important;
}

table.dataTable thead th.sorting:after {
    content: "\f0dc" !important;
    color: #eee !important;
}

table.dataTable thead th.sorting_asc:after {
    content: "\f0de" !important;
}

table.dataTable thead th.sorting_desc:after {
    content: "\f0dd" !important;
}

#datatable_filter, #cdatatable_filter, #cdatatableIndir_filter, .dataTables_filter{
	text-align: right;
}

#datatable_filter input::placeholder, #cdatatable_filter input::placeholder, #cdatatableIndir_filter::placeholder{
	color: #ddd;
}

#datatable_filter input:-ms-input-placeholder, #cdatatable_filter input:-ms-input-placeholder, #cdatatableIndir_filter input:-ms-input-placeholder{
	color: #ddd;
}

#datatable_filter input::-webkit-input-placeholder, #cdatatable_filter input::-webkit-input-placeholder, #cdatatableIndir_filter input::-webkit-input-placeholder{
	color: #ddd;
}

.pointer{
	cursor: pointer;
}

.table-hover tbody tr:hover{
	color: inherit;
}

th.dtr-control{
	width: 60px !important;
}

ul.dtr-details{
	list-style-type: none;
	margin-bottom: 0;
	padding: 0;
}

ul.dtr-details li:not(:last-child){
	padding-bottom: 10px;
}

ul.dtr-details li span.dtr-title i{
	width: 30px;
	text-align: center;
}

li span.dtr-title {
	font-weight: 500 !important;
}

.dataTables_filter label, .dataTables_filter input {
	width: 100%;
}

tr.parent, tr.child {
	background: #fafafa;
}

tr.child td{
	padding-top: 0;
}

tr td.dtr-control span.relative:after {
	content: '\f0fe';
	color: #0c7c4f;
    font-weight: 900;
    position: absolute;
    right: -0.5rem;
    top: -1rem;
    font-family: "Font Awesome 5 Pro" !important;
}

tr.parent td.dtr-control span.relative:after {
	content: '\f146';
}

.collapse-control:after{
	display: inline-block;
	content: '\f107';
	font-family: "Font Awesome 5 Pro" !important;
    font-weight: 900;
	margin-left: 0.5rem;
	transition: 300ms transform ease-in-out;
}

.collapse-control[aria-expanded="true"]:after{
	transform: rotate(180deg);
}

th .th-show-children{
	display: none;
}

tr.child .th-hide-children{
	display: none;
}

.dt-nowrap{
	white-space: nowrap;
}

ul.pagination{
	justify-content: flex-end;
}

.page-link{
	background: transparent;
	color: #0c7c4f;
	padding: 0;
	text-align: center;
	border: 0 !important;
    padding: 0 7px;
}

.page-link:hover, .page-link:focus{
	background: transparent;
	color: #0c7c4f;
	border: 0;
	outline: 0 !important;
	box-shadow: none !important;
}

.page-item.active .page-link{
	background: transparent;
	color: #a0a0a0;
	pointer-events: none;
}

  /* Toast notifications */
#toast-container>div {
    border: 0 !important;
	-webkit-box-shadow: 3px 3px 10px lightslategrey !important;
    -moz-box-shadow: 3px 3px 10px lightslategrey !important;
    box-shadow: 3px 3px 10px lightslategrey !important;
}

#toast-container>div:hover {
	-webkit-box-shadow: 6px 6px 18px lightslategrey !important;
	-moz-box-shadow: 6px 6px 18px lightslategrey !important;
	box-shadow: 6px 6px 18px lightslategrey !important;
}

.toast-info {
    background-color: lightslategray !important;
}

  /* Scroll to top button */
#button-scroll-top {
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  font-size: 1.4em;
  color:white !important;
  -webkit-transition: background-color .3s,
			  opacity .5s, visibility .5s;
  -moz-transition: background-color .3s,
			  opacity .5s, visibility .5s;
  -ms-transition: background-color .3s,
			  opacity .5s, visibility .5s;
  -o-transition: background-color .3s,
			  opacity .5s, visibility .5s;
  transition: background-color .3s,
			  opacity .5s, visibility .5s;
}

#button-scroll-top:hover {
  cursor: pointer;
}

#button-scroll-top.show {
  opacity: 1;
  visibility: visible;
}

/*wiki*/
a.subtitle:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f111";
    letter-spacing: 0.2rem;
    font-size: 0.5rem;
    font-weight: 500;
    vertical-align: middle;
}

.wikiCategories h5{
	color:#33658A;
}

.faq-section-header button.collapsed p,
.faq-section-header button.collapsed p:before {
	font-weight: normal;
}

.faq-section-header button:not(.collapsed) p,
.faq-section-header button:not(.collapsed) p:before{
    font-weight: 600 !important;
}

.faq-section-header p {
	text-align: left;
	position: relative;
	padding-left: 1.5rem;
}

.faq-section-header p:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f111";
    font-size: 0.5rem;
    font-weight: 500;
	vertical-align: middle;
	position: absolute;
	left:0;
	top: 50%;
	transform: translateY(-50%);
}

.wikiCategories h5 i{
	color:#33658A;
	position:absolute;
	right:20px;
	font-size:30px !important;
	opacity:0.3;
}

.faq-section-header .btn{
	color:#6c757d !important;
}

.faq-section-header{
	padding: 0.5rem 2.5rem; /*pl-4 pt-2*/
}

.faq-section-body {
	padding-left: 3.5rem;
}
.faq-section-body p{
	padding-top:1rem;
	padding-bottom:1rem;
}

.title{
	font-size:1.2rem;
}

.category-end{
	margin: 20px 10px;
    border-top: 0.25rem dotted whitesmoke;
}

video{
	width:100%;
	max-width:700px;
	height:auto;
	padding-top:1rem;
	padding-bottom:1.5rem;
	outline: none !important;
}

.wikiCategories button{
	color:#33658A!important;
	text-decoration: none !important;
}

.videoContainer{
    text-align:center;
    height:350px;
    width:auto;
    background-color:#fafafa;
}

@media (max-width: 768px) {
.content-header{
	padding:0px;
}
}
@media (max-width: 540px) {
.faq-section-header{
	padding-left: 0px !important;
}

.faq-section-body{
	padding-left: 1.5rem !important;
}

.wikiCategories button{
	padding-left: 0;
}
}

/*Downloads*/
.list-of-downloads{
	position:relative;
}

.download-icon{
	position: absolute;
	right:20px;
	bottom:0px;
	opacity: 0.1;
}

.ul-downloads li{
    margin: 1.2rem 0;
}

.ul-downloads li i{
    margin-right:10px;
    font-size:15px
}

  /* Footer */
.login-body #footer{
	display: none;
}

.hr-footer{
	color: #0c7c4f;
	background-color: #0c7c4f;
	width:100px;
}

#footer {
	color: #a0a0a0;
    padding: 20px 0;
}

#footer a {
	color:#0c7c4f;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

#footer ul.quick-links li{
	padding: 3px 30px;
	display: inline-block;
}

#footer ul.quick-links li i{
	margin-right: 5px;
	color: #0c7c4f;
}

  /* Modals */
.modal-content{
	border-radius:10px;
	border:0;
}

.modal-loaded-content{
	min-height: 300px;
	position: relative;
}

.modal-loaded-content .message-with-icon {
	padding-top: 25px;
}

.modal-header{
    border-bottom: 0;
}

.modal-header button.close{
	opacity:1;
}

h5.modal-secondary-title{
	font-size: 1rem;
	line-height: 1.5;
}

.modal-body {
	overflow-x: hidden;
}

.modal-open .blur-on-modal-open, .swal2-shown .blur-on-modal-open{
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px);
}

.modal .table .thead-light th {
    background-color: #fafafa;
    border-color: transparent;
	color: #0c7c4f;
}

.swal2-container.swal2-shown {
    background-color: rgba(0,0,0,0.1) !important;
}

.modal-backdrop.show {
    opacity: .1;
}

.table{
	color: #445555;
}

.table-min-width{
	min-width:480px;
}

.table-hover tbody tr:hover{
	background: #fafafa;
}

.table-hover tbody tr.no-hover:hover{
	background: inherit;
}

.table tbody tr.selectable.selected, .table tbody tr.pselectable.selected{
	background: #f0f0f0;
	font-weight: 500;
}

.table:not(.table-sm) th, .table:not(.table-sm) td{
	padding: 0.9rem 0.75rem;
	border-top: 0;
}

td.text-muted {
    font-weight: 300;
}

.table thead tr:not(:first-child), .table tbody tr:not(:first-child){
	border-top: 0.25rem dotted #fafafa;
}

.col-min-w-100 {
	min-width:100px;
}

.col-min-w-125 {
	min-width:125px;
}

.table-link-i i, .link-i i{
	font-size:115%;
}

.link-i i{
	vertical-align:middle;
}

.table-link-i i:hover, .link-i i:hover{
	color:#485058 !important;
}

form.set-date-form label{
	font-weight:500;
	width:100%;
}

form.set-date-form input{
	border-radius:5px !important;
}

.nice-select{
	border:0;
	background: #f0f0f0;
}

.nice-select .list{
	box-shadow: none !important;
    background: #fafafa;
    border-top: 2px solid #efefef !important;
}

.select2-container {
	background-color: #fafafa;
	border-radius: 5px;
}

.wide .select2-container {
	width: 100% !important;
}

.form-group .select2-container .select2-selection--single{
	height: 46px;
}

.modal .form-control{
	background: #fafafa !important;
}

.modal .form-control.bg-white{
	background: #fff !important;
}

.modal .form-control.with-light-border{
	border: 1px solid #efefef !important;
}

input.underline, .modal textarea.form-control.underline, .modal input.form-control.underline, .dataTables_filter input.form-control {
    background: no-repeat center bottom, center calc(100% - 1px) !important;
	background-image: linear-gradient(to top, #0d603f 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, whitesmoke 1px, #fafafa 1px) !important;
    background-size: 0 100%, 100% 100% !important;
	transition: background 0s ease-out !important;
}

input.werktxt.underline {
	background-image: linear-gradient(to top, #f18100 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, whitesmoke 1px, #fafafa 1px) !important;
}

.dataTables_filter input.form-control,
.panel input.form-control.underline {
	background-image: linear-gradient(to top, #0d603f 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, whitesmoke 1px, white 1px) !important;
}

input.underline:focus, .modal textarea.form-control.underline:focus, .modal input.form-control.underline:focus, .dataTables_filter input.form-control:focus {
	background-size: 100% 100%, 100% 100% !important;
	transition-duration:0.3s !important;
}

input.underline.parsley-error:focus, .modal textarea.form-control.underline.parsley-error:focus, .modal input.form-control.underline.parsley-error:focus{
	background: no-repeat center bottom, center calc(100% - 1px) !important;
	background-image: linear-gradient(to top, #f18100 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, whitesmoke 1px, #fafafa 1px) !important;
	transition-duration:0.3s !important;
	background-size: 100% 100%, 100% 100% !important;
}
.panel input.form-control.underline.parsley-error:focus {
	background-image: linear-gradient(to top, #f18100 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, whitesmoke 1px, white 1px) !important;
}

.select2-container--default .select2-selection--single {
    background: no-repeat center bottom, center calc(100% - 1px);
	background-image: linear-gradient(to top, #0d603f 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, transparent 1px, rgba(210, 210, 210, 0) 1px);
    background-size: 0 100%, 100% 100%;
	font-size: 14px;
    padding: 0;
	border:0;
    border-radius: 0;
	transition: background 0s ease-out;
	outline: none;
}

.form-group .select2-container--default .select2-selection--single {
	padding: 0.375rem 0.75rem;
}

.select2-container--open .select2-selection--single{
	background-size: 100% 100%, 100% 100%;
	transition-duration:0.3s;
}

.select2-container .select2-selection--single{
	height:36px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%;
}

.select2-container .select2-selection--single .select2-selection__rendered{
	color: #495057;
	line-height: 36px;
	font-weight: 400;
	padding-left: 10px;
}

.select2-dropdown{
	padding: 8px;
	border: 0;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
	background: #fafafa;
}

.select2-search--dropdown {
    padding: 4px 0 16px 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field{
	border:0;
	background: #fafafa;
	border-bottom: 1px solid #d2d2d2;
	outline: none;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
	color: #485058;
	background: rgba(0, 0, 0, 0.04);
}

.select2-container--default .select2-results__option--selected {
    background-color: inherit;
	color: #485058;
	font-weight: 500;
}

.form-group .select2-container--default .select2-results__option--selected {
	font-weight: 600;
}

.select2-results__option--selectable {
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25rem;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
	background: transparent !important;
	cursor: not-allowed;
	border-bottom: 1px dotted #d2d2d2;
}

.modal .nice-select{
	background: #fafafa;
}

i.input-i{
	line-height:46px;
	font-size: 120%;
    opacity: 0.8;
}

.input-group-text{
	border:0;
	background: #e2e6ea;
}

input.height-sm{
	height: 36px;
	line-height: 36px;
}

.nice-select ul.list{
height:0;
}

.nice-select.open ul.list{
height:auto;
}

.alert-dismissible{
	z-index:99999;
}

.dropdown-divider-op {
	margin: 1rem 0rem;
	border-top: 0.25rem dotted whitesmoke;
}

.op-label {
	font-weight: 500;
	margin-bottom: 0;
	display: block;
}

.opedit-label {
	padding: 0;
	line-height: 36px;
	margin-bottom: 0.25rem;
}

.werktxt,
.ausbuchtxt {
	background: whitesmoke;
	float: right;
	width: 100%;
	height: 30px;
	line-height: 20px;
	text-align: end;
	padding: 3px;
	position: relative;
}

input[type="text"].ausbuchtxt {
	background-color: white;
    opacity: 1;
    font-weight: bold;
	border: 1px solid #efefef !important;
	transition: background-color 300ms ease-in-out ;
}

.werktxt[disabled] {
	opacity:0.5;
	pointer-events:none;
}

.autoSumBtn {
	font-size: 12px;
	line-height: 36px;
	height: 36px;
	padding: 0;
	cursor: pointer;
	position: absolute;
	right: 100%;
}

.autoSumBtn i {
	vertical-align: middle;
}

select.wide {
	width: 100%;
}

/* Forms */
.forbidden{
	cursor: not-allowed;
}

.forbidden input, .forbidden .select2-container,  .forbidden textarea{
	pointer-events: none;
}

.forbidden label.opedit-label, .forbidden label.opedit-label {
	cursor: not-allowed;
}

.form ul.parsley-errors-list {
	list-style-type: none;
    padding: 0 10px 0 0px;
    margin: 0;
    color: #f18100;
    font-size: 0.6rem;
}

.form-sm {
	font-size: small;
}

.form-sm label{
	font-size: small;
	margin-bottom: 0.25rem;
}

.form-sm .form-control{
	height: 40px;
	font-size: small;
}

.form-sm .form-group .select2-container--default .select2-selection--single {
	padding: 0rem 0.75rem;
	height: 40px;
}

.form-sm .select2-container .select2-selection--single .select2-selection__rendered{
	line-height: 40px;
	font-size: small;
}

.form textarea.form-control, form-sm textarea.form-control {
	height: 5rem;
}

/*Weekly calendar - Aktuelle transporte modal*/
#week-cal-app{
	min-height: 115px;
}

#week-cal-app .cal-control{
	font-size: 1.25rem;
}

#week-cal-app.loading .prev-week, #week-cal-app.loading .next-week, #week-cal-app.loading a.cal-day, #week-cal-app.loading a.cal-heute{
	opacity: 0.5;
	pointer-events: none;
}

#week-cal-app a.prev-week, #week-cal-app a.next-week{
	width:30px;
	display:inline-block;
}

#week-cal-app a.cal-heute{
	position: absolute;
	right:20px;
	top:20px;
	background-color: #6c757d;
    color: #f8f8f8;
	width: 30px;
    height: 30px;
    line-height: 30px;
	font-size: 0.9rem;
	font-weight: 300;
	border-radius: 50%;
	-webkit-transition: transform 300ms ease;
	-moz-transition: transform 300ms ease;
	-ms-transition: transform 300ms ease;
	-o-transition: transform 300ms ease;
	transition: transform 300ms ease;

}

#week-cal-app a.cal-heute:hover{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);

}

#week-cal-app .table {
	table-layout: fixed;
}

#week-cal-app .table th{
	border:0;
	padding: 0;
}

#week-cal-app .table th a{
	display:block;
}

#week-cal-app .table th a.active{
	pointer-events:none;
}

#week-cal-app .table th a.today span.day-num{
	font-weight: 500;
}

#week-cal-app .table th a.today span.day-word{
	font-weight: 500;
}

#week-cal-app .table th a:hover span.day-num{
	background-color: #e2e6ea;
}

#week-cal-app .table th a.active span.day-num{
	font-weight: 300;
	color: white;
	background-color: rgba(241,129,0,0.75);
}

#week-cal-app span.day-word{
	display:block;
	padding-bottom:5px;
	border-bottom: 1px solid #e2e6ea;
	font-weight:300;
	font-size: 80%;
	color: #6c757d;
}

#week-cal-app span.day-num{
	display: block;
	position: relative;
    width: 30px;
    height: 30px;
	line-height: 30px;
    margin: 5px auto 0 auto;
	font-weight:300;
	color: #485058;
	background-color: #f8f8f8;
	border-radius: 50%;
	-webkit-transition: background-color 300ms ease;
	-moz-transition: background-color 300ms ease;
	-ms-transition: background-color 300ms ease;
	-o-transition: background-color 300ms ease;
	transition: background-color 300ms ease;

}

#week-cal-app span.day-num span.badge{
	position: absolute;
	padding: 0;
	margin-left: 2px;
	font-size: 70%;
	line-height: 12px;
    width: 12px;
	background: #e2e6ea;
	color: #485058;
	border-radius: 50%;
}

#week-cal-app span.day-num.active{
    background-color: #f18100 !important;
    color: white;
}

tr.transport-row.active td:first-child {
	font-weight: bold;
}

/* Slick Carousel */
.slick-carousel-basic div:focus, .slick-carousel-basic img:focus{
	outline: 0 !important;
}

ul.slick-dots{
	text-align: center;
	padding: 0;
	margin-bottom: 0;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:before {
    content: '•';
    font-size: 22px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    opacity: .25;
    color: black;
}

.slick-dots li.slick-active button:before {
    opacity: .5;
    color: #0c7c4f;
}

.slick-carousel-basic .slick-item-inner .loader {
	position: absolute;
	z-index: 9;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	left: 0;
	margin: 0 auto;
}

.slick-carousel-basic .slick-item-inner img{
	position: relative;
	z-index: 99;
	min-height: 300px;
	height: calc(100vh - 28.5rem);
	max-width: 100%;
	margin: 0 auto;
	object-fit: contain;
}

/*Parsley*/
ul.parsley-errors-list {
    list-style-type: circle;
    padding: 5px 10px 0 0px;
	margin: 0 0 0 2em;
	color: #f18100;
	font-size: 0.75rem;
}

.set-bemerkung-form ul.parsley-errors-list {
    padding: 0;
    margin: 0;
}

.validation-errors ul.parsley-errors-list li {
    text-align: left;
}

.opos ul.parsley-errors-list {
	list-style-type: none;
	padding: 0 10px 0 0px;
	margin: 0;
	color: #f18100;
	font-size: 0.6rem;
}

.datenblatt-form ul.parsley-errors-list {
	list-style-type: none;
	padding: 0 10px 0 0px;
	margin: 0;
	color: #f18100;
	font-size: 0.6rem;
}

.ellipsis-animation:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4,end) 900ms infinite;
  animation: ellipsis steps(4,end) 900ms infinite;
  content: "\2026"; /* ascii code for the ellipsis character */
  width: 0px;
}

@keyframes ellipsis {
  to {
    width: 1.25em;
  }
}

@-webkit-keyframes ellipsis {
  to {
    width: 1.25em;
  }
}

/*Style scrollbars*/
::-webkit-scrollbar {
  width: 6px;
  height: 4px;
}

::-webkit-scrollbar-track {
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.3);
}

.xnav-wrapper::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: rgba(128, 128, 128, 0.4);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(32, 32, 32, 0.05);
}

ul.treeview, overflow-x, .modal-dialog-scrollable .modal-body {
	scrollbar-width: thin;
}

/*Loading bar*/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #33658a;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}



/* Responsive style */

/* Extra small devices (landscape phones, ...) */
@media (max-width: 361px) {
.hide-xxs{
	display:none !important;
}

.weather-widget {
	padding: 2rem 0.5rem !important;
}

.weather-widget span {
	font-size: 85%;
}

#addressbuch_modal table th, #addressbuch_modal table td{
	font-size: 90%;
}

tr.parent {
    font-size: inherit;
    transition: font-size 100ms ease;
}
}

@media (min-width: 362px) {
a.nav-item:only-child{
	max-width: 50% !important;
}
}

/* Small devices (landscape phones, ...) */
@media (max-width: 576px) {
.hide-xs{
	display:none !important;
}

.show-xs{
	display:block !important;
}

.w-100-xs{
	width:100%;
}

.view-buttons{
	text-align:center !important;
}

.popover .arrow{
	display:none !important;
}

.flexgrow li.box-item.single-xs{
	-ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.flexgrow li.box-item.single-xs strong{
	display: inline !important;
}

.modal .table th, .table td{
	padding: 0.45rem;
}

/*weather*/
.weather-widget {
	padding: 2rem 1rem;
}

.weather-image img{
	width:75px;
	height: 75px;
}

.temp h2{
	font-size:1.5rem;
}

.weather-info i {
	width: 18px;
    font-size: 12px;
}
}

@media (min-width: 577px) {
.show-xs{
	display:none !important;
}
}

@media (max-height: 760px){
.message-with-icon,
.loaded_content .spinner {
	padding-top: 50px;
}
}

/* Medium devices */
@media (max-width: 767px) {
.hide-sm{
	display:none !important;
}

.login-container{
	padding: 40px 20px;
}

.hr-subtitle{
	margin: 0 auto;
}

.text-center-mobile{
	text-align:center;
}

.login-logo a img{
	height: 50px;
	width: auto;
}

.no-content{
	margin-bottom:20px;
}

p.box-outer-title{
	margin-left:0;
}

.team-info,
.techniker-info {
	font-size: 0.8rem;
}

.view-btn-group{
	margin-top: 20px;
	z-index: 1;
    vertical-align: middle;
}

.view-btn-group a{
	width: max-content;
}

.wv-toggle{
	background: red !important;
}

.tree-sidebar.show-on-small {
	position: fixed;
	width: 100%;
	height:100%;
	margin-top: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-webkit-transition: -webkit-transform 600ms ease;
	-moz-transition: -moz-transform 600ms ease;
	-ms-transition: -ms-transform 600ms ease;
	-o-transition: -o-transform 600ms ease;
	transition: transform 600ms ease;
}

.submit-btn {
	display: block;
	width: 95%;
	height: 50px;
	position: fixed;
	left: 2.5%;
	bottom: 5px;
	line-height: 2rem;
	color: whitesmoke !important;
	z-index: 1000;
	outline: none;
	border: none;
	transform: translateX(-103%);
	-webkit-transform: translateX(-103%);
	-moz-transform: translateX(-103%);
	-ms-transform: translateX(-103%);
	-o-transform: translateX(-103%);
	-webkit-transition: -webkit-transform 600ms ease;
	-moz-transition: -moz-transform 600ms ease;
	-ms-transition: -ms-transform 600ms ease;
	-o-transition: -o-transform 600ms ease;
	transition: transform 600ms ease;
}

.tree-sidebar.show-on-small.active,
.submit-btn.active {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	outline: none;
}

.modal-open .tree-sidebar{
	display: none !important;
}

.header,
.loaded_content,
.project-list,
nav.navbar {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	-webkit-transition: -webkit-transform 600ms ease;
	-moz-transition: -moz-transform 600ms ease;
	-ms-transition: -ms-transform 600ms ease;
	-o-transition: -o-transform 600ms ease;
	transition: transform 600ms ease;
}

.header.active,
.loaded_content.active,
.project-list.active,
nav.navbar.active {
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
}

.notanimated-sm{
	-webkit-animation-name: none !important;
    animation-name: none !important;
}

.scroll-tree {
    height: calc(100vh - 16rem) !important;
}

.tree-sidebar.show-on-small .user-block {
	height:12rem;
}

.last-on-sidebar {
	padding-bottom: 4rem !important;
}

#collapse-tree {
	display: block;
	width: 100%;
}

.tree-sidebar.show-on-small.active .collapse-in {
	display: block;
	position: relative;
	color: #3b3f43;
	font-size: 18px;
	background-color: transparent;
	outline: none;
	border: none;
	float: right;
}

body, html {
	overflow-x: hidden;
}


#fs-spinner {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	background:#d3d3d366;
	z-index: 1000;
}

#fs-spinner .fa-stack {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1001;
}

.tree-sidebar .ellipsis-animation:after{
	display: none;
}

form#search-project-sm {
	height:2rem;
	font-size: 0.8rem;
}

#search-project-sm span,
#search-project-sm button {
	position: absolute;
}

#search-project-sm button i{
	font-size: 0.8rem;
}

input#search-project-input-sm {
	line-height: 2rem;
	height:2rem;
	background: white;
	width: 100%;
	padding-left: 2rem;
}

}

@media (min-width: 768px){
.show-sm {
	display: none !important;
}

.hr-subtitle{
	margin-left:0;
	text-align:left;
}

.toggle-sidebar{
	pointer-events: none !important;
	touch-action: none !important;
}

a.nav-item:only-child{
	max-width: 50% !important;
}
}

@media (min-width: 576px) and (max-width: 991px) {
.modal-dialog, .container {
    max-width: calc(100% - 2rem);
}
}

@media (min-width: 768px) and (max-width: 991px) {
.login-container{
	padding: 40px;
}
}


/* Large devices (desktops, tablets, ...) */
@media (max-width: 991px) {
.hide-md{
	display:none !important;
}

.box.box-row {
	padding-left: 0;
}

.box-deleted-date.box-row, .box-value-updated.box-row {
	border-left: 0 !important;
}

ul.box-items li, .table-xs, .box-item .btn, .ul-downloads li, .dropdown-item{
	font-size:0.8125rem;
}

.search-results-style {
	padding: 10px;
}

.search-results-style .clear-search {
	right: 10px;
}

.box, .box-group{
	padding: 20px 0 20px 10px;
}

ul.box-items li, .fix-pr {
	padding-right: 10px;
}

.box-bottom-info {
	right: 10px;
}

.box-bottom-info.box-bottom-left{
	left: 10px;
	right: unset;
}

.flexgrow li.box-item.single-md{
	-ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.flexgrow li.box-item.single-md strong{
	display: inline !important;
}

.contact-info{
	margin-right:10px;
}
}

@media (min-width: 992px) {
.container {
    max-width: calc(100% - 2rem);
}

nav.navbar .dropdown-menu.dropdown-menu-internal{
	min-width: 25rem;
}

ul.treeview{
	max-height:100%;
	overflow-y:hidden;
}

ul.treeview:hover {
	overflow-y:auto;
}

tr.parent{
	font-weight: 500;
	font-size: 105%;
	transition: font-size 100ms ease;
}
}

@media (max-width: 1199px) {
.flexgrow li.box-item strong{
	display: block;
}

.mb-small {
	margin-bottom: 20px !important;
}

.datatable{
	font-size: smaller;
}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1400px) {
.container {
	max-width: 1380px;
}
}

@media (min-width: 1600px) {
    .container {
        max-width: 1540px;
    }
}

@media (min-width: 1900px) {
    .container {
        max-width: 1720px;
    }
}

@media (max-width: 1300px) {
.scroll-fade.active:after {
	position: absolute;
	height: 47px;
	width:20px;
	background: linear-gradient(90deg,transparent, #efefef);
	content: ' ';
	right: 15px;
	bottom: 0;
	margin-bottom: 8px;
	z-index: 5;
	}
}

@media (max-height: 480px){
	.user-block {
    height: 6rem;
}

.scroll-tree {
	max-height: calc(100vh - 6.5rem);
}

.hide-xs-h{
	display: none;
}
}

@media (max-height: 767px){
.hide-sm-h{
	display: none;
}

.message-with-icon, .loaded_content .spinner {
	padding-top: 50px;
}
}


@media (min-height: 800px) {
.header.op-header {
	position: sticky;
    top: -58px;
	z-index: 99;
}
}

_:-ms-lang(x), .header.op-header{
	position: relative;
	top:0px;
}

@media print {
    .no-print, .no-print *
    {
        display: none !important;
	}

	.only-print {
		display: block !important;
	}

    html{
        display:block !important;
	}

	.col-print-12{
		flex: 0 0 100%;
		max-width:100%;
	}

    .modal-body{
        position: absolute;
        width: 100%;
        top: 70px;
    }

    .cal-day.active{
        -webkit-print-color-adjust:exact; /*chrome*/
        color-adjust: exact; /*FF*/
	}

	a.nav-item:only-child {
		max-width: 100% !important;
	}
}
.bg-gray {
    background-color: #efefef;
}

/*IE11*/
_:-ms-fullscreen, :root .ie11up-hide { display: none; }

_:-ms-fullscreen, :root #app { flex: 1 0 auto; }

.order-1 {
    order: 1;
  }

  .order-10 {
    order: 10;
  }

  .order-11 {
    order: 11;
  }

  .order-12 {
    order: 12;
  }

  .order-2 {
    order: 2;
  }

  .order-3 {
    order: 3;
  }

  .order-4 {
    order: 4;
  }

  .order-5 {
    order: 5;
  }

  .order-6 {
    order: 6;
  }

  .order-7 {
    order: 7;
  }

  .order-8 {
    order: 8;
  }

  .order-9 {
    order: 9;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .border-b-2 {
    border-bottom-style: solid;
    border-bottom-width: 2px;
  }

  .border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity));
  }

  @media (min-width: 640px) {
    .sm\:block {
      display: block;
    }

    .sm\:hidden {
      display: none;
    }
  }

  @media (min-width: 768px) {
    .md\:order-10 {
      order: 10;
    }

    .md\:order-11 {
      order: 11;
    }

    .md\:order-2 {
      order: 2;
    }

    .md\:order-3 {
      order: 3;
    }

    .md\:order-4 {
      order: 4;
    }

    .md\:order-5 {
      order: 5;
    }

    .md\:order-6 {
      order: 6;
    }

    .md\:order-7 {
      order: 7;
    }

    .md\:order-8 {
      order: 8;
    }

    .md\:order-9 {
      order: 9;
    }

    .md\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .md\:gap-2 {
      gap: 0.5rem;
    }

    .md\:border-0 {
      border-width: 0px;
    }
  }
  .\!bg-neutral-300 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(212 212 212 / var(--tw-bg-opacity)) !important;
  }

  .bg-neutral-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity));
  }

  .bg-neutral-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(212 212 212 / var(--tw-bg-opacity));
  }

  .\!bg-neutral-200 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(229 229 229 / var(--tw-bg-opacity)) !important;
  }

  .bg-neutral-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 229 229 / var(--tw-bg-opacity));
  }
  .\!bg-orange-300 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(253 186 116 / var(--tw-bg-opacity)) !important;
  }