.modal{
	z-index: 1051;
}
.modal-backdrop{
	z-index: 1050;
}
.extended-search-wrapper{
	position: absolute;
	width : calc(100% - 30px);
}
.extended-search-wrapper:not(.open), .extended-search-wrapper:not(.open) form{
	height:170px;
}
.extended-search-wrapper.extended-search-with-save:not(.open), .extended-search-wrapper.extended-search-with-save:not(.open) form{
	height:192px;
}
.extended-search-wrapper:not(.open) .extendedSearchDiv,
.extended-search-wrapper:not(.open) .extended-separator{
	display : none;
}
.selectable-list{
	display: block;
	margin: 0px;
	padding: 0px;
	border-radius: 0px;
	border: 1px solid #999999;
	background: #ffffff;
	height: 16px;
	width: 16px;
	text-align: center;
	line-height: 10px;
	box-sizing: border-box;
	cursor: pointer;
	float: left;
}
.app-body .main{
	padding-bottom : 15px;
}
.modal .modal-content {
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);
}

.modal:first-child .modal-content{
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

.fa, .fas {
    font-weight: 900 !important;
}
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free"  !important;
}
.fab {
   font-family: "Font Awesome 5 Brands" !important;
	font-weight: normal !important;
}
.drawer-container.open{
	overflow: auto;
}
body.drawer-open{
	overflow-y : hidden !important;
}
p{
	margin-bottom : 0.25rem;
}
.requried label:after,
.required label:after{
	content : '*';
	margin-left : 5px;
	color : red;
}

.drawer-container{
	width : 600px;
	top : 55px;
	right: -600px;
	bottom : 0px;
	padding : 15px;
	z-index : 1049;
	transition: right 0.15s linear;
	background-color: #2F353A;
}
.drawer-container.open{
	right: 0px;
	transition: right 0.25s linear;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.75);
}
.header-fixed .app-header{
	z-index : 1048;
}
.strong, .bold{
	font-weight: bold;
}
.app-locked #system-dialog-queue{
	display : none !important;
}
#lockWindow{
	position:fixed; 
	top : 0; 
	left:0; 
	bottom : 0; 
	right: 0; 
	z-index:99999; 
	background: #E4E5E6;
}

.nav-header{
	padding: .5rem 0.75rem;
	background : #262A2E;
	border-bottom :1px solid #3a4249;
	font-size: 13px;
}
.sidebar-minimized .nav-header{
	display : none;
}
.sidebar-nav{
	padding-bottom: 25px;
}
.sidebar, .sidebar-nav, .sidebar-nav > .nav{
	xwidth: 250px !important;
}
.accordion .card-header .btn-link{
	width : 100%;
	text-align: left;
	color: #23282c;
	text-decoration: none;
}
.accordion .card-header .btn-link:after{
	content : "\f078";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	right : 16px;
	font-weight: 900;
}
.accordion .card-header .btn-link.collapsed:after{
	content : "\f054";
}
h1.page-title-heading{
	font-size : 32px;
	padding : 5px 0px 5px 0px;
	border-bottom : 1px solid #D4D5D6;
	margin : 5px 0px 5px 0px;
}
h1.page-title-heading:empty{
	display : none;
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled{cursor: not-allowed;}
.sticky-top{z-index:1017;}

.sidebar .nav-link.active,
.sidebar .nav-link:hover, .sidebar-minimized .sidebar .nav-item:hover > .nav-link{
	background : transparent !important;
}

.sidebar-minimized .sidebar .nav-link:hover, .sidebar-minimized .sidebar .nav-item:hover > .nav-link{
	background : #2F353A !important;
}
.sidebar .nav-dropdown.open {
	border-bottom: 1px solid rgba(0,0,0,0.25);
}
.sidebar .nav-dropdown.open .nav-link{
	color : #73818f;
}

.nav-item.nav-dropdown.open > .nav-dropdown-toggle{
	background : #272c30;
	border-left : 3px solid #20A8D8;
	color : #fff;
}
.nav-item.nav-dropdown.open > .nav-dropdown-toggle .nav-icon{
	color : #fff;
}
.sidebar .nav-link.active, .sidebar .nav-link:hover, .sidebar-minimized .sidebar .nav-item:hover > .nav-link,
.sidebar .nav-dropdown.open .nav-link.active,
.sidebar .nav-dropdown.open .nav-link:hover{
	color : #ffffff;
}

.table tr.sticky-top{
	background : #e4e5e6;
	border-bottom : 1px solid;
}

#message{
	position: fixed;
	top : 0px;
	left : 0px;
	right : 0px;
	z-index:9999999;
}
#message .alert{
	margin-bottom : 0px !important;
	animation-duration: .5s;
	animation-name: example;
	position : relative;
}

.alert .alert-content{
	padding-left : 50px;
	position : relative;
	min-height : 35px;
}
.alert .alert-content:after{
	content : "";
	font-family: "Font Awesome 5 Free";
	position : absolute;
	top : 0px;
	left : 0px;
	width : 50px;
	text-align: center;
	font-weight: 900;
	font-size : 24px;
}
.alert.alert-warning .alert-content:after{content:"\f071";}
.alert.alert-danger .alert-content:after{content:"\f057";}
.alert.alert-info .alert-content:after{content:"\f05a";}
.alert.alert-success .alert-content:after{content:"\f058";}

@keyframes example {
  from {top: -100px;z-index: 0}
  to {top: 0;z-index:100;}
}


.blink_background {
  animation: blink_background .75s linear 3;
}

@keyframes blink_background {  
  50% { background: rgba(0,0,0,.25); }
}

.app-header .navbar-brand{
	color : #ffff;
	font-size : 28px;
	width : 250px;
	background-color : #1d2023;
}
.brand-highlight{
	color : #20A8D8;
}

.app-header .navbar-brand:hover{
	background-color : #1d2023;
	color : #fff;
	cursor: default;
}
.smallText{display:none;}
.brand-minimized .app-header .navbar-brand{background-color : #1d2023;}
.brand-minimized .fullText{display:none !important;}
.brand-minimized .smallText{display:inline-block;}
.main .container-fluid{padding:0px 15px;}





.btn-xs{
	padding: .25rem .33rem;
	font-size: .7rem;
	line-height: 1.2;
}
.btn-xs.fa-2x{
	font-size: 1.85rem;;
}
.btn-link-delete{color : #bf3333;}
.btn-link-delete:focus, .btn-link-delete:focus{color : #bf3333; outline :1px dotted #f63c3a;}
.btn-link-delete:hover{color: #f63c3a;;}
.modal.fullscreen{
	padding-right: 0px !important;
}
.fullscreen .modal-dialog{
	max-width: 100%;
	margin: 0px !important;
}
.fullscreen .modal-body{
	overflow-y: scroll;
}
.modal-header .close,
.modal-header .btn-control {
	background-color: transparent;
	border: 0;
	font-size: 1.3125rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
    opacity: .5;
    padding: 1rem 0.5rem;
}
.modal-header .close{
	margin-left : 0px;
}
.modal-header .btn-control {
	font-size: 1rem;
	margin : -0.7rem 0px;
}
.modal-header .btn-control:hover{
	opacity: 1;
}

.modal-footer:empty{
	display : none;
}

select.form-control.is-invalid, .was-validated select.form-control:invalid,
select.form-control.is-valid, .was-validated select.form-control:valid {
    background-position: right calc(.375em + 1rem) center;
}

.addon-navigation .dropdown-menu .dropdown-item i{
	color : #303030;
}

.dropdown-divider{
	margin : 0px;
	border : 1px solid #efefef;
}

.dropdown-menu .dropdown-item{
	border-bottom : 1px solid #efefef;
}

.img-round{border-radius : 50%; border: 2px solid #fff;}
.img-border-grey{border-color : #E4E5E6;}

.auto-complete-list{
	position: absolute;
	z-index: 999;
}


.availability{
	display		: inline-block;
	line-height : 16px;
}
.availability .circle{
	display			: inline-block;
	height			: 14px;
	width			: 14px;
	margin 			: 0px 1px;
	border			: 2px solid #E5E5E5;
	border-radius	: 14px;
	background 		: #E5E5E5;
	box-sizing		: border-box;
}
.availability.success .circle:nth-child(1){
	background 		: #00A65A;
}
.availability.warning .circle:nth-child(2){
	background 		: #F39C12;
}
.availability.danger .circle:nth-child(3){
	background 		: #DD4B39;
}
.availability .rect{
	display		: block;
	height 		: 16px;
	width 		: 32px;
	border		: 2px solid #E5E5E5;
	background 	: #E5E5E5;
	padding 	: 0px;
	margin 		: 0px;
	box-sizing	: border-box;
	position 	: relative;
}
.availability.success .rect,.availability.success-haus .rect{
	background 		: #00A65A;
	
}
.availability.success-haus{
	padding-right : 20px;
}
.availability.warning .rect{
	background 		: #F39C12;
}
.availability.danger .rect{
	background 		: #DD4B39;
}

.availability.success-haus .rect:after{
	font-family : "FontAwesome";
	content 	: "\f015";
	position 	: absolute;
	color 		: #00A65A;
	top 		: -2px;
	right 		: -23px;
	font-size	: 18px;
}

.bestand_table{
	width : 270px;
}
.bestand_table > div{
	float: left;
	box-sizing: border-box;
	padding : 10px;
}
.bestand_table > div:nth-child(odd){
	text-align:center;
}
.bestand_table:nth-child(odd){
	background: #efefef;
}

/*
Loading animation
 */
.loader-parent{
	position: absolute;
	background: rgba(128,128,128,0.33);
	width: 100%;
	height: 100%;
	top: 0px;
	left : 0px;
	z-index:1019;
}
.sk-fading-circle {
  	margin: auto;
	width: 40px;
	height: 40px;
	position: relative;
	max-width: 100%;
	max-height: 100%;
	top : 50%;
	transform: translateY(-50%);
}

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

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

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

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


.checkBoxForAll, .checkBoxStyle{
	display			: block; 
	margin 			: 0px;
	padding			: 0px;
	border-radius 	: 0px;
	border 			: 1px solid #999999;
	background 		: #ffffff;
	height 			: 16px;
	width 			: 16px;
	text-align		: center;
	line-height 	: 10px;
	box-sizing		: border-box;
	cursor			: pointer;
	float 			: left;
}

.checkBoxForAll i, .checkBoxStyle i{font-size:10px; color:#AAAAAA; display: inline;}
.list-group-item .checkBoxStyle{margin-top : 2px;}
.list-group-item-success .checkBoxForAll i, .list-group-item-success .checkBoxStyle i{color:#3c763d;}

.checkBoxForAll i.fa-circle, .checkBoxStyle i.fa-circle{font-size:9px; margin-left:1px;}
.checkBoxForAll i.fa-minus, .checkBoxStyle i.fa-minus{font-size:10px; margin-top:2px;}


/*==== Switch - Start ====*/
.switch-xl{
	width: 80px;
	height: 34px;
}
.switch-xl .switch-slider::before {
    width: 30px;
    height: 30px;
    top : 1px;
}
.switch-xl.switch-label .switch-input:checked ~ .switch-slider::before {
    -webkit-transform: translateX(45px);
    transform: translateX(45px);
}
.switch-label .switch-slider::after {
    position: absolute;
    top: 50%;
    right: 1px;
    z-index: 1;
    width: 50%;
    margin-top: -9px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    text-align: center;
    text-transform: none;
    content: attr(data-unchecked);
    transition: inherit;
}
.switch-label .switch-input ~ .switch-slider:after {
    right: 4px;
    content: attr(data-unchecked);
}

.switch-label .switch-input:checked ~ .switch-slider:after {
    left: 0px;
    content: attr(data-checked);
}

.switch-success .switch-input + .switch-slider{
	background-color: #f86c6b;
	border-color: #f63c3a;
}
.switch-success .switch-input + .switch-slider:before{
	border: 1px solid #fff;
}

/*==== Switch - End ====*/
/*==== Cards & Tabs - Start ====*/
.card-body.card-body-tabs{padding : 0px;}
.card-body .tab-content{
	border : none;
}

.accordion > .card:last-of-type{
	border-bottom : 1px solid #c8ced3;
}



@media(max-width:992px){
	.app-header .navbar-brand{display : none;}
	.app-header h3,.app-header .h3 {
		font-size: 1.2rem;
	}
}


html:not([dir="rtl"]) .sidebar {
    margin-left: -250px;
}

@media(max-width: 992px){
	html:not([dir="rtl"]) .sidebar-md-show .sidebar{
		margin-left : -270px;
	}
	html:not([dir="rtl"]) .sidebar-md-show.sidebar-fixed .app-footer, 
	html:not([dir="rtl"]) .sidebar-md-show.sidebar-fixed .main, 
	html:not([dir="rtl"]) .sidebar-show.sidebar-fixed .app-footer, 
	html:not([dir="rtl"]) .sidebar-show.sidebar-fixed .main{
		margin-left : 0px;
	}
	html:not([dir="rtl"]) .sidebar-show .sidebar{
		margin-left : 0;
	}
}
@media(max-width:767px){
	.app-header h3 {
	    overflow: hidden;
	    max-width: 250px;
	    max-height: 50px;
	}
	.sidebar-show .app-footer{position:relative;}
	.aside-menu-show .app-footer::before, .sidebar-show .app-footer::before{
		position: absolute;
		top: -1px;
		left: 0;
		bottom : 0px;
		z-index: 1018;
		width: 100%;
		height: 102%;
		content: "";
		background: rgba(0,0,0,.7);
		-webkit-animation: opacity .25s;
		animation: opacity .25s;
	}

	.drawer-container{
		width : 100%;
		right: -100%;
		box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.33);
	}
}


.timeline {
    border-left: 3px solid #727cf5;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background: rgba(114, 124, 245, 0.09);
    margin: 0 auto;
    letter-spacing: 0.2px;
    position: relative;
    line-height: 1.4em;
    font-size: 1.03em;
    padding: 0px;
    list-style: none;
    text-align: left;
    max-width: 40%;
}



@media (max-width: 767px) {
    .timeline {
        max-width: 98%;
    }
}

.timeline h1 {
    font-weight: 300;
    font-size: 1.4em;
}

.timeline h2,
.timeline h3 {
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: 10px;
    text-transform: capitalize ;
}

.timeline .event {
    border-bottom: 2px solid rgba(114, 124, 245, 0.5);
    padding: 20px 20px 20px 20px;
    position: relative;
}

.timeline .event ul li{
	list-style: disc
}

.timeline .event:hover{
	background: rgba(114, 124, 245, 0.09);
}

@media (max-width: 767px) {
    .timeline .event {
        padding-top: 30px;
    }
}
.timeline .event .prefix{
	font-size : 0.66em;
}

.timeline .event:last-of-type {
    margin-bottom: 0;
    border: none;
}

.timeline .event:before,
.timeline .event:after {
    position: absolute;
    display: block;
    top: 20px;
}

.timeline .event:before {
    left: -157px;
    content: attr(data-date) "\A " attr(data-rev);
    text-align: right;
    font-weight: 100;
    font-size: 1.1em;
    min-width: 120px;
    white-space: pre-wrap;
}

@media (max-width: 767px) {
    .timeline .event:before {
        left: 0px;
        text-align: left;
    }
}

.timeline .event:after {
    -webkit-box-shadow: 0 0 0 3px #727cf5;
    box-shadow: 0 0 0 3px #727cf5;
    left: -6px;
    background: #fff;
    border-radius: 50%;
    height: 9px;
    width: 9px;
    content: "";
    top: 25px;
}

@media (max-width: 767px) {
    .timeline .event:after {
        left: -31.8px;
    }
}

.rtl .timeline {
    border-left: 0;
    text-align: right;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-right: 3px solid #727cf5;
}

.rtl .timeline .event::before {
    left: 0;
    right: -170px;
}

.rtl .timeline .event::after {
    left: 0;
    right: -55.8px;
}

html:not([dir="rtl"]) .sidebar, 
.sidebar .sidebar-nav,
.sidebar .nav{
	width : 250px;	
}
@media (min-width:768px) {
	html:not([dir=rtl]) .sidebar-md-show.sidebar-fixed .app-footer,
	html:not([dir=rtl]) .sidebar-md-show.sidebar-fixed .main,
	html:not([dir=rtl]) .sidebar-show.sidebar-fixed .app-footer,
	html:not([dir=rtl]) .sidebar-show.sidebar-fixed .main {
	margin-left:250px
	}
}

.glowing{
	animation: color_change 1s infinite alternate;
}

@keyframes color_change {
	from { 
		color: #a94442; 
		text-shadow: none;
	}
	to { 
		color: #C94240; 
		text-shadow:0px 0px #EF4747;
	}
}