:root{
	/*--bs-app-header-bg: #73cee5;*/
	--bs-app-header-bg: #fff;
	--bs-btn-bg: #73cee5;
	--bs-navbar-color: #fff;
	--bs-body-font-size: 1rem;
	/*--bs-nav-tabs-link-active-border-color: #dee2e6;*/
	
  	/*border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);*/
	
	--logistic-blue-rgb: 52,143,226;
	--logistic-orange-rgb: 245,156,26;
	--logistic-green-rgb: 139,195,74;
	--logistic-gray-rgb: 85,85,85;
  	--logistic-bg-opacity: 1;	
}

body {
  font-family: WienerMelange, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Helvetica, Arial, sans-serif;
}
.font-bold,
strong{
	font-family: WienerMelangeBold;
}
.text-small{
	font-size:90%;
}
/**
 * Helper
 */
.hide-on-empty:empty{
	display:none !important;
}
.orderstate-inprogress{
	--logistic-bg-opacity: 0.7;
}
.bg-blue, 
.area-blue {
  	background-color: rgba(var(--logistic-blue-rgb),var(--logistic-bg-opacity)) !important;
} 
.bg-orange, 
.area-orange  {
  	background-color: rgba(var(--logistic-orange-rgb),var(--logistic-bg-opacity)) !important;
} 
.bg-green, 
.area-green  {
  	background-color: rgba(var(--logistic-green-rgb),var(--logistic-bg-opacity)) !important;
} 
.bg-gray,
.area-gray {	
	background-color: rgba(var(--logistic-gray-rgb),var(--logistic-bg-opacity)) !important;
}
.fs-12px{
	font-size: 12px;
}
.w-5{
	width:5% !important;
}
.w-10{
	width:10% !important;
}
.w-15{
	width:15% !important;
}
.w-20{
	width:20% !important;
}
.w-25{
	width:25% !important;
}
.w-30{
	width:30% !important;
}
.w-35{
	width:35% !important;
}
.w-40{
	width:40% !important;
}
.btn-light {
	--bs-btn-color: #000;
}

.form-control.readonly,
.readonly {
	background-color: var(--bs-component-disabled-bg);
}

/**
 * GUI 
 */
 /**
.app-header {
  background: #212121;
}
**/
.app-header .navbar-brand img{
	max-height:25px;
}
.app-content{
	min-height: 50vh;
}
.app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu{
	padding-top:15px;
}
.btn-default{
	background-color:#921a3c;
	color:#ffffff;
}
input[type=number]{
	width:100px;
}
.note.note-gray-400 {
	color: #444647;
}
.share-qr-code{
	max-width:200px;
}
/**
 * Authentifizierung
 */
body.login .hide-on-login{
	display:none;
}
.login.login-v2{
	background-color: #151515;
}

.login-form{
	max-width: 600px;
}
.form-control.form-control-password.is-valid,
.form-control.form-control-password.is-invalid{
	background-position-x: right 2.5rem;
}
.show-password{
	position:absolute;
	right:0;
	top:1.75rem;
	cursor:pointer;
}

/** 
 * Dashboard
 */
body.dashboard .hide-on-dashboard{
	display:none;
}
.widget-stats, 
.widget.widget-stats {
	position: relative;
	color: #fff;
	padding: .9375rem;
	border-radius: 4px;
	font-size: .75rem;
}
.widget-stats.bg-lightgray, 
.widget.widget-stats.bg-lightgray{
	color:#383838;	
}
.widget-stats.bg-lightgray .stats-info h4, 
.widget.widget-stats.bg-lightgray .stats-info h4{
	color:#565656;
}
.app-sidebar-content .widget-stats, .widget.widget-stats {
	padding: .7375rem;
}
.widget {
	overflow: hidden;
	margin-bottom: 20px;
	background: var(--app-component-bg);
	color: inherit;
	padding: 0;
}

.widget-stats .stats-icon, .widget.widget-stats .stats-icon {
	font-size: 42px;
	height: 56px;
	width: 56px;
	text-align: center;
	line-height: 56px;
	color: rgba(0,0,0,.15);
	position: absolute;
	top: .9375rem;
	margin-left: .9375rem;
	right: .9375rem;
}
.widget-stats .stats-info .h4, .widget-stats .stats-info h4, .widget.widget-stats .stats-info h4 {
	font-size: 12px;
	margin: 5px 0;
	color: rgba(255,255,255,.7);
}
.widget-stats .stats-info p, .widget.widget-stats .stats-info p {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 0;
}
.app-sidebar-content .widget-stats .stats-info p,
.app-sidebar-content .widget.widget-stats .stats-info p {
	font-size: 14px;
}
.widget-stats .stats-link-row{
	margin-top: .9375rem;
	margin-bottom: -.9375rem;
	margin-left: -.9375rem;
	margin-right: -.9375rem;
	padding: .46875rem .9375rem;
	background: rgba(0,0,0,.4);
}
.widget-stats .stats-link a, .widget.widget-stats .stats-link a {
	display: block;
	text-align: right;
	color: rgba(255,255,255,.7);
	text-decoration: none;
	margin:0;
  	padding:0;
  	background:none;	
}
.todolist-input{
	min-width:200px;
}

/**
 * Bestellungen
 */
.order-table-container{
	padding-right: calc(.5 * var(--bs-gutter-x));
 	padding-left: calc(.5 * var(--bs-gutter-x));
}

.responsive-striped-table .row:nth-of-type(odd) {
	background-color: #f8f9fa;
}
.form-control-quantity{
	min-width: 50px;
}
figure{
	margin-bottom:0;
}
figure .blockquote-footer{
	margin-bottom:0;
}
.order-entity .blockquote-footer{
	font-size:10px;
}
.order-icon-container{
	width: 25px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.order-icon{
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.salesorder-amount-col{
	font-size: .9rem;
	color: #757575;
}
.order-has-quantity .salesorder-amount-col{
	color: #333333;
}
.salesorder-total-col{
	font-weight: 600;
	font-style:italic;
	color: #921a3c;
	
}
.text-smaller-upto-lg{
	font-size: .8rem;	
}
.order-state-order,
.order-state-schedule,
.order-state-ready,
.order-state-handout-started,
.order-state-handout-tenant,
.order-state-delivered,
.order-state-debit,
.order-state-invoice,
.order-state-canceled{
	font-size: .7rem;
	white-space: nowrap;
	/*overflow-x: hidden;*/
}
.order-state-order i{
	color: rgba(122,75,200,1);
}
.order-state-schedule i{
	color: rgba(201,68,121,1);
}
.order-state-ready i{
	color: rgba(246,166,49,1);
}
.order-state-handout-started i,
.order-state-handout-tenant i,
.order-state-canceled{
	color: rgba(255,91,87,1);
}
.order-state-delivered i{
	color: rgba(71,178,71,1);
}
.order-state-debit i,
.order-state-invoice i{
	color: rgb(26, 234, 15)
}

/**
 * Bestellübersicht
 */
.order-detail-container .card-body{
	background-color:#faffe8;
}
/**
 * Liste der Einträge
 */
body.list .hide-on-list{
	display:none;
}
.role-icon{
	margin-right:.5rem;
}
.role-icon-user{
	color:var(--routelog-primary-color);
}
.role-icon-admin{
	color:#191b87;
}

/**
 * Stammdaten
 */
.pin{
	font-family: monospace; 
	font-size: 2rem; 
	letter-spacing: 2px;	
}


/**
 * Backend-Bestellungen
 */
.disable-form .hide-on-disable-form{
	display:none !important;
}
.total-positive-value{
	color: #000000;
}
.total-negative-value{
	color: #ce0000;
}
/** Input, dass die Daten empfängt **/
.qrcode-data,
.form-control.qrcode-data:focus{
	color: #bdbdbd;
}

/**
 * Handout Zeiten
 */
.actual-handout-time{
	background-color: rgb(255, 224, 150);
}

/**
 * Analyse mit Charts und Tables
 * Debit Ansicht im Backend
 */
.app-content .nav-tabs{
	--bs-nav-tabs-border-width: 1px;
  	--bs-nav-tabs-border-color: #dee2e6;
  	--bs-nav-tabs-border-radius: .375rem;
  	--bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  	--bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  	--bs-nav-tabs-link-active-bg: transparent;
  	--bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);

}
.chart-container .nav-tabs .nav-link.active{
	border-bottom-color: transparent;
}


/**
 * Demo Ansichten 
 */
.demo-theme{
	background-color: #f8fba1;
	color: #000;	
}
.demo-theme a{
	color: #000;
}

/**
 * SearchFilter
 */
.search-filter-input{
	padding: .2rem .75rem;
}
.page-header .search-filter-input{
	padding: .475rem .75rem;
}
.search-filter-reset{
	position:absolute;
	right: 10px;
  	top: 5px;
}
.page-header .search-filter-reset{
	font-size: 18px;
} 
.search-item-hit{
	
}
.search-item-404{
	display:none!important;
}
/*
.chart-container .nav-tabs .nav-link{
	border: 1px solid #dee2e6;
	border-bottom: none;	
  	border-top-left-radius: .375rem;
  	border-top-right-radius: .375rem;
}



*/
/**
 * PDF Ansicht
 */
body.pdf,
body.pdf .btn,
body.pdf .form-control{
	font-size: 12px;
}
body.pdf .hide-on-pdf{
	display:none;
}


@media (max-width: 767.98px) {
	.app-header .navbar-nav{
		padding-left: 0;
		padding-right: 0;
	}
  	.app-header .navbar-nav .navbar-item:last-child .navbar-link {
    	padding-inline-end: 15px;
  	}
  	.text-stock-smaller-upto-md{
  		font-size: 45%;
  	}
}

/**
 * Tablet klein Portrait
 */
@media (min-width: 576px) {
}
/**
 * Tablet groß Portrait
 */
@media (min-width: 768px) {
	.app-header{
		position:fixed;
	}
	.app-content{
		margin-top: 60px;
	}
	.text-stock-smaller-upto-md{
  		font-size: 70%;
  	}
}
/**
 * Desktop (lg)
 */
@media (min-width: 992px) {
	.text-smaller-upto-lg{
		font-size: unset;	
	}
	.text-stock-smaller-upto-md{
  		font-size: unset;
  	}
	.scroll-container{
		overflow-y: auto;
		overflow-x: hidden;		
	}
	.handout .scroll-container{
		max-height: calc(100vh - 135px);
	}
	body.handout{
		overflow: hidden;
	}
	.form-control-lgonly-sm{
		min-height: calc(1.5em + .625rem + 2px);
  		padding: .3125rem .625rem;
  		font-size: .75rem;
	}
	.form-select-lgonly-sm{
		padding-top: .3125rem;
	  	padding-bottom: .3125rem;
	  	padding-left: .625rem;
	  	font-size: .75rem;
  	}
	.btn-lgonly-sm{
		--bs-btn-padding-y: 0.3125rem;
	  	--bs-btn-padding-x: 0.3125rem;
	  	--bs-btn-font-size: 0.75rem;
  	}
  	.text-small-lgonly{
  		font-size:90%;
  	}
}
/**
 * Desktop (xl)
 */
@media (min-width: 1200px) {
	.app-content .toast{
		--bs-toast-max-width: 430px;
	}
	.order .order-table-container{
		max-height: calc(100vh - 230px);
	}	
}
@media (min-width: 1500px) {
	.form-control-lgonly-sm{
		min-height: unset;
		padding: .4375rem .75rem;
  		font-size: .8125rem;
	}
	.form-select-lgonly-sm{
		padding: .4375rem 2.25rem .4375rem .75rem;
  		font-size: .8125rem;
  	}
	.btn-lgonly-sm{
		--bs-btn-padding-x: 0.75rem;
  		--bs-btn-padding-y: 0.4375rem;
  		--bs-btn-font-size: 0.8125rem;
  	}
  	.text-small-lgonly{
  		font-size:unset;
  	}	
}

@media (min-width: 1700px) {	

}

@media (min-width: 1900px) {	
}