/* logistik */
/* iphone X / safari flex-box fix */
#container-logistik .wos_transport_list .col-12 {
	flex-basis: auto;
}
/* headings */
#container-logistik .order_list h6 {
	font-size: .91rem;
}

/* collapse */
#container-logistik div[data-toggle="collapse"] .glyphicons-chevron-down,
#container-logistik div.collpase-l2[data-toggle="collapse"] .glyphicons-cogwheel {
	transform: rotate(0);
	transition: all .4s;
}
#container-logistik div[data-toggle="collapse"]:not(.collapsed) .glyphicons-chevron-down,
#container-logistik div.collpase-l2[data-toggle="collapse"]:not(.collapsed) .glyphicons-cogwheel {
	transform: rotate(180deg);
	transition: all .4s;
}
#container-logistik div[data-toggle="collapse"] .plus-rotate {
	transform: rotate(45deg);
	transition: all .4s;
}
#container-logistik div[data-toggle="collapse"].collapsed .plus-rotate {
	/*color: #bf4e4e!important; /* red muted */
	transform: rotate(0);
}
/* order open/hover */
#container-logistik .order_list {
	position: relative;
	cursor: pointer;
}
#container-logistik .order_list:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;

	-moz-box-shadow:    inset 0 0 0 #fff;
	-webkit-box-shadow: inset 0 0 0 #fff;
	box-shadow:         inset 0 0 0 #fff;

	transition: all .3s;
}
#container-logistik .order_list.open:after {
   -moz-box-shadow:    inset 0 0 4px #88a5b94f;
   -webkit-box-shadow: inset 0 0 4px #88a5b94f;
   box-shadow:         inset 0 0 4px #88a5b94f;
}
/* transport list -> closing border */
#container-logistik .wos_transport_list > .col-12:last-child .order_list {
	border: 1px solid #dee2e6!important;
  border-width: 0 0 1px!important;
}
/* zebra liste */
#container-logistik .order_list .list_item_unit .unit:nth-child(odd) {
	background-color: #a0b9d81c;
}
#container-logistik .order_list .list_item_unit .unit:nth-child(even) {
	background-color: #fff;
}
/* icon in badge */
#container-logistik #order_list_group .badge i.glyphicons:before {
	padding: 0;
}


/* utilities */
/* cursor stuff */
.cursor-pointer {
	cursor: pointer!important;
}
.cursor-pointer {
	cursor: pointer!important;
}
.cursor-none {
	cursor: none!important;
}
.pointer-events-none {
	pointer-events: none!important;
}


/* flexbox */
.flex-grow-1 {
	flex-grow: 1!important;
}
.flex-grow-0 {
	flex-grow: 0!important;
}
.flex-shrink-1 {
	flex-shrink: 1!important;
}
.flex-shrink-0 {
	flex-shrink: 0!important;
}


/* icons */
.icon-size-boost {
	font-size: 1.150rem;
}
.icon-less-padding:before {
	padding: 3px!important;
}
.icon-low-padding:before {
	padding: 3px 8px!important;
}
.icon-no-padding:before {
	padding: 0!important;
}

/* colors */
/* swissterminal */
.bg-red-swissterminal {
	background-color: #ff3b01!important;
}
.text-red-swissterminal {
	color: #ff3b01!important;
}
.border-red-swissterminal {
	border-color: #ff3b01!important;
}
.red-swissterminal {
	background-color: #ff3b01!important;
	color: #ffffff!important;
}

.bg-dark-swissterminal {
	background-color: #333b3f!important;
}
.text-dark-swissterminal {
	color: #333b3f!important;
}
.border-dark-swissterminal {
	border-color: #333b3f!important;
}
.dark-swissterminal {
	background-color: #333b3f!important;
	color: #ffffff!important;
}

/* greys */
.bg-light-darker {
	background-color: #e6e6e6!important;
}
.text-light-darker {
	color: #e6e6e6!important;
}
.border-light-darker {
	border-color: #e6e6e6!important;
}
.light-darker {
	background-color: #e6e6e6!important;
	color: #333!important;
}

.bg-beige {
	background-color: #f1f1f1!important;
}
.text-beige {
	color: #f1f1f1!important;
}
.border-beige {
	border-color: #f1f1f1!important;
}


/* various */
.bg-orange {
	background-color: #e66507!important;
}
.text-orange {
	color: #e66507!important;
}
.border-orange {
	border-color: #e66507!important;
}

.bg-greyblue {
	background-color: #6a7f8ead!important;
}
.text-greyblue {
	color: #6a7f8ead!important;
}
.border-greyblue {
	border-color: #6a7f8ead!important;
}


/* highlight colors */
.bg-green-highlight {
	background-color: #76a781!important;
}
.text-green-highlight {
	color: #76a781!important;
}
.border-green-highlight {
	border-color: #76a781!important;
}
.green-highlight {
	background-color: #76a781!important;
	color: #ffffff!important;
}

.bg-blue-highlight {
	background-color: #297b9ac7!important
}
.text-blue-highlight {
	color: #297b9ac7!important
}
.border-blue-highlight {
	border-color: #297b9ac7!important
}
.blue-highlight {
	background-color: #297b9ac7!important;
	color: #ffffff!important;
}

.bg-red-highlight {
	background-color: #f8d7d9!important;
}
.text-red-highlight {
	color: #f8d7d9!important;
}
.border-red-highlight {
	border-color: #f8d7d9!important;
}
.red-highlight {
	background-color: #f8d7d9!important;
	color: #ffffff!important;
}

.bg-purple-highlight {
	background-color: #9d76a7!important
}
.text-purple-highlight {
	color: #9d76a7!important
}
.border-purple-highlight {
	border-color: #9d76a7!important
}
.purple-highlight {
	background-color: #9d76a7!important;
	color: #ffffff!important;
}

.bg-orange-highlight {
	background-color: #ea9411!important
}
.text-orange-highlight {
	color: #ea9411!important
}
.border-orange-highlight {
	border-color: #ea9411!important
}
.orange-highlight {
	background-color: #ea9411!important;
	color: #ffffff!important;
}


/* muted colors */
.bg-blue-muted {
	background-color: #4b739e!important;
}
.text-blue-muted {
	color: #4b739e!important;
}
.border-blue-muted {
	border-color: #4b739e!important;
}
.blue-muted {
	background-color: #4b739e!important;
	color: #ffffff!important;
}

.bg-red-muted {
	background-color: #bf4e4e!important;
}
.text-red-muted {
	color: #bf4e4e!important;
}
.border-red-muted {
	border-color: #bf4e4e!important;
}
.red-muted {
	background-color: #bf4e4e!important;
	color: #ffffff!important;
}

.bg-green-muted {
	background-color: #49965b!important;
}
.text-green-muted {
	color: #49965b!important;
}
.border-green-muted {
	border-color: #49965b!important;
}
.green-muted {
	background-color: #49965b!important;
	color: #ffffff!important;
}

.bg-yellow-muted {
	background-color: #f1dc4b!important;
}
.text-yellow-muted {
	color: #f1dc4b!important;
}
.border-yellow-muted {
	border-color: #f1dc4b!important;
}
.yellow-muted {
	background-color: #f1dc4b!important;
	color: #ffffff!important;
}

.bg-orange-muted {
	background-color: #e2955d!important;
}
.text-orange-muted {
	color: #e2955d!important;
}
.border-orange-muted {
	border-color: #e2955d!important;
}
.orange-muted {
	background-color: #e2955d!important;
	color: #ffffff!important;
}



.unit-number{
	width: 25px;
	min-width: 25px;
	text-align: right;
	/* background: red; */
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 2px;
	font-size: 12px;
	font-weight: bolder;
}
.unit-state{
	width: 25px;
	min-width: 25px;
	/* background: blue; */
	display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.unit-sscc-part-01{
	min-width: 110px;
	display: inline-block;
}

.unit-filled{
	width: 16px;
	height: 16px;
	border-radius: 8px;
}

.unit-filled.filled-100{
	background-color: #28a745 !important;
}
.unit-filled.filled-95{
	background-color: #ffc107 !important
}
.unit-filled.filled-less-95{
	background-color: #9e9e9e !important;
}

.unit-blocked{
	background-color: #dc3545 !important
}

/* .unit-data{

}
.unit-action{

}





/*
ttt means "top right triangle" ( ͡~ ͜ʖ ͡°)
*/
.ttt::before,
.ttt::after {
    content: '';
    position: absolute;
    top: 1;
    right: 1;
    border-color: transparent;
    border-style: solid;
}

.ttt::after {
    border-width: 4px;
    border-right-color: #17a2b8;
    border-top-color: #17a2b8;
}

input[type="time"],
input[type="date"] {
	min-height: 2.375rem;
}