/**
 * @name: Main reset
 * @author: Mark Jan Kamminga
 * @category: reset
*/

@import "../main.tailwind.css";
div#container {
	width: 1240px;
}

header {
	height: 181px;
}
header div.header-welcome {
	margin: 0;
	width: auto;
	left: 190px;
	top: 50%;
	transform: translate(0%, -50%);
	text-align: left;
	position: absolute;
}

header div.header-welcome div.welcome-title {
	font-size: 30px;
	font-weight: bold;
	line-height: 36px;
	font-family: Arial;
	color: #fff;
	line-height: 42px;
	text-align: left;
}

header div.header-welcome div.welcome-subtitle {
	font-weight:normal;
	font-size: 22px;
	line-height: 22px;
	font-family: Arial;
}

/*Left content/menu*/
div.leftCol {
	width: 140px;
	float: left;
}

div.leftCol .leftMenu {
	margin-top: 40px;
}

div.leftCol .leftMenu ul{
	display: block;
	padding: 0;
	margin: 0;
	width:140px;
	text-align: center;
}

div.leftCol .leftMenu ul li{
	list-style: none;
	display: list-item;
}

div.leftCol .leftMenu ul li a{
	display: block;
	margin-bottom: 6px;
	padding: 6px 2px;
	background-color: #b2b2b2;
	color: #fff;
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
}

div.leftCol .leftMenu ul li a:hover,
div.leftCol .leftMenu ul li a.active{
	background-color: #999;
}
/*Sub menu*/
.subcatMenu a {
	float: none;
}

/*Mid content*/
section.midCol {
	min-width: 1098px !important;
}

.catMenu {
	width: auto !important;
}

.shop_overview .item {
	width: 206px !important;
}
/*Overviews*/
table.dark-grey td {
	background-color: #f1f1f1;
}
table tr.subrow-details {
	display: none;
}

table tr th.cell-input {
	width: 126px;
}
table tr th.cell-input-xl {
	width: 172px;
}

table tr th.cell-input-xxl {
	width: 200px;
}

table tr td.thumb img {
	max-height:82px;
	max-width:82px;
}
table tr td.content {}
table tr td.content span.title {
	font-weight: bold;
}

table tr td.content .broken-content {
	font-size: 10px;
	line-height: 110%;
	max-height: 44px;
	overflow: hidden;
	max-width:155px;
}

table tr td.content .broken-content.xl {
	max-width:290px;
}

/* Productielijst / Order list styles */

.production-list .left{
	float:left;
	width:50%;
	padding: 5px;
	margin-bottom:10px;
	box-sizing:border-box;
}

.production-list .left li{
	list-style: none;
	font-size: 16px;
	padding:10px 0;
}

.production-list .left li span:first-child{
	width:30%;
	padding: 0 10px 0 0;
	box-sizing:border-box;
	float:left;
}

.production-list .left li span:last-child{
	width:70%;
	box-sizing:border-box;
	float:left;
}
table.order-list thead{
	background-color: #EEEEEE;
	border-collapse:collapse;
}

table.order-list thead th{
	border-bottom: 1px solid #E0E0E0;
}

table.order-list tbody{
	display:none;
	transition: all 0.3s;
}

table.order-list tbody.total{
	display:table-row-group;
}

table.order-list tbody tr.total{
	color: white;
	font-weight:bold;
	display:table-row;
}

table.order-list tbody tr.total td{
	background-color: #757575!important;
	font-weight:bold;
}

table.order-list tbody tr.total:hover{
	background-color: #757575;
}

table.order-list tbody.active{
	display:table-row-group;
}


table.order-list thead.main-order{
	background-color:#757575;
	color: white;
}

thead.order a.add, thead.order a.remove, thead.order a.subrnizr, thead.order a.subrnizr{
	font-size: 20px;
	text-decoration: none;
	cursor:pointer;
	padding:5px 8px;
}

thead.order tr th:last-child{
	position:relative;
}

thead.order a.subrnizr{
	float:right;
	font-size:14px;
}
.open-production-lists{
	float:right;
}

.open-production-lists a{
	cursor:pointer;
	font-size:14px;
}

thead.order a.subrnizr.visible{
	transform: rotate(180deg);
}

table.order-list tbody tr td a.add, table.order-list tbody tr td a.remove{
	font-size: 22px;
	text-decoration: none;
	cursor:pointer;
	padding:5px 8px;
}

/*Shop:overview*/
.shop_overview .item {
	margin-left: 5px;
	-moz-transition: none;
	-webkit-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	height: 258px !important;
	overflow: hidden !important;
}

.shop_overview .item.action-item {
	width: 224px;
}

.shop_overview .item h4 {
	/*height: 26px !important;
	display: inline-block;
	overflow: hidden !important;*/
}

div.top-actions{
	padding: 8px 4px;
}

div.top-actions .top-actions{
	display: inline-block;
}

div.top-actions.item-on{
	background-color: #2dac55;
}

div.top-actions.item-off{
    background-color: #9B2329;
}

div.top-actions.item-partially {
	background-color: #f36f20;
}

div.top-actions .top-action-btn, div.top-actions .abc-assortment-status-item{
	text-align: left;
	color: #fff;
	display:inline-block;
	cursor: pointer;
	font-weight: bold;
	padding: 2px;
	height: 10px;
	vertical-align: middle;
	padding-left: 18px;
	background: url(/files/images/custom-backend-form-checkbox.png) top left no-repeat;
	margin-left: 34px;
	line-height: 120%;
}

div.top-actions .abc-assortment-status-item {
	margin-left: 18px;
}


div.top-actions .top-action-btn:hover,
div.top-actions .top-action-btn.chosen, 
div.top-actions .abc-assortment-status-item:hover,
div.top-actions .abc-assortment-status-item.chosen {
	background-position: bottom left;
}
/*Filters*/
.productFilter {
	margin-bottom: 14px;
}
/*Pagination*/
div.pagination {}

div.pagination .prev {
	margin-right: 20px;
}

div.pagination .next {
	margin-left: 20px;
}

div.pagination .num {
	margin: 0 2px;
}

/*Misc*/
.left { float: left !important; }
.right { float: right !important; }

.hide { display: none; }

.little-left-padding {
	padding-left: 8px !important;
}

.alert-message {
	margin: 8px 4px;
}

.thumb {
	max-height: 100px;
	max-width: 100px;
	display:block;
	margin: auto;
}

/** Bordered */
.bordered {
	border-width: 1px;
	border-style: solid;
}

.bordered.big {
	border-width: 4px;
}

.bordered.large {
	border-width: 8px;
}

/** Bordered > Colours */
.bordered.black {
	border-color: #000;
}

/** Colours */
.secondary {
	background-color: #eaeaea;
}

.green {
	background-color: green;
}

/** Callout */
.callout {
	padding: 0.5em;
}

.callout.secondary {
	color: #0a0a0a;
}

/** Flex layout **/
.row {
	max-width: 62.5rem;
	margin-right: auto;
	margin-left: auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
		flex-flow: row wrap; }
	.row .row {
	  margin-right: -0.9375rem;
	  margin-left: -0.9375rem; }
	  @media print, screen and (min-width: 40em) {
		.row .row {
		  margin-right: -0.9375rem;
		  margin-left: -0.9375rem; } }
	  @media print, screen and (min-width: 64em) {
		.row .row {
		  margin-right: -0.9375rem;
		  margin-left: -0.9375rem; } }
	  .row .row.collapse {
		margin-right: 0;
		margin-left: 0; }
	.row.expanded {
	  max-width: none; }
	  .row.expanded .row {
		margin-right: auto;
		margin-left: auto; }
	.row:not(.expanded) .row {
	  max-width: none; }
	.row.collapse > .column, .row.collapse > .columns {
	  padding-right: 0;
	  padding-left: 0; }
	.row.is-collapse-child,
	.row.collapse > .column > .row,
	.row.collapse > .columns > .row {
	  margin-right: 0;
	  margin-left: 0; }
  
  .column, .columns {
	-ms-flex: 1 1 0px;
		flex: 1 1 0px;
	padding-right: 0.9375rem;
	padding-left: 0.9375rem;
	min-width: 0; }
  
  .column.row.row, .row.row.columns {
	float: none;
	display: block; }
  
  .row .column.row.row, .row .row.row.columns {
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0; }
  
  .small-1 {
	-ms-flex: 0 0 8.33333%;
		flex: 0 0 8.33333%;
	max-width: 8.33333%; }
  
  .small-offset-0 {
	margin-left: 0%; }
  
  .small-2 {
	-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
	max-width: 16.66667%; }
  
  .small-offset-1 {
	margin-left: 8.33333%; }
  
  .small-3 {
	-ms-flex: 0 0 25%;
		flex: 0 0 25%;
	max-width: 25%; }
  
  .small-offset-2 {
	margin-left: 16.66667%; }
  
  .small-4 {
	-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
	max-width: 33.33333%; }
  
  .small-offset-3 {
	margin-left: 25%; }
  
  .small-5 {
	-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
	max-width: 41.66667%; }
  
  .small-offset-4 {
	margin-left: 33.33333%; }
  
  .small-6 {
	-ms-flex: 0 0 50%;
		flex: 0 0 50%;
	max-width: 50%; }
  
  .small-offset-5 {
	margin-left: 41.66667%; }
  
  .small-7 {
	-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
	max-width: 58.33333%; }
  
  .small-offset-6 {
	margin-left: 50%; }
  
  .small-8 {
	-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
	max-width: 66.66667%; }
  
  .small-offset-7 {
	margin-left: 58.33333%; }
  
  .small-9 {
	-ms-flex: 0 0 75%;
		flex: 0 0 75%;
	max-width: 75%; }
  
  .small-offset-8 {
	margin-left: 66.66667%; }
  
  .small-10 {
	-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
	max-width: 83.33333%; }
  
  .small-offset-9 {
	margin-left: 75%; }
  
  .small-11 {
	-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
	max-width: 91.66667%; }
  
  .small-offset-10 {
	margin-left: 83.33333%; }
  
  .small-12 {
	-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	max-width: 100%; }
  
  .small-offset-11 {
	margin-left: 91.66667%; }
  
  .small-up-1 {
	-ms-flex-wrap: wrap;
		flex-wrap: wrap; }
	.small-up-1 > .column, .small-up-1 > .columns {
	  -ms-flex: 0 0 100%;
		  flex: 0 0 100%;
	  max-width: 100%; }
  
  .small-up-2 {
	-ms-flex-wrap: wrap;
		flex-wrap: wrap; }
	.small-up-2 > .column, .small-up-2 > .columns {
	  -ms-flex: 0 0 50%;
		  flex: 0 0 50%;
	  max-width: 50%; }
  
  .small-up-3 {
	-ms-flex-wrap: wrap;
		flex-wrap: wrap; }
	.small-up-3 > .column, .small-up-3 > .columns {
	  -ms-flex: 0 0 33.33333%;
		  flex: 0 0 33.33333%;
	  max-width: 33.33333%; }
  
  .small-up-4 {
	-ms-flex-wrap: wrap;
		flex-wrap: wrap; }
	.small-up-4 > .column, .small-up-4 > .columns {
	  -ms-flex: 0 0 25%;
		  flex: 0 0 25%;
	  max-width: 25%; }
  
  .small-up-5 {
	-ms-flex-wrap: wrap;
		flex-wrap: wrap; }
	.small-up-5 > .column, .small-up-5 > .columns {
	  -ms-flex: 0 0 20%;
		  flex: 0 0 20%;
	  max-width: 20%; }
  
  .small-up-6 {
	-ms-flex-wrap: wrap;
		flex-wrap: wrap; }
	.small-up-6 > .column, .small-up-6 > .columns {
	  -ms-flex: 0 0 16.66667%;
		  flex: 0 0 16.66667%;
	  max-width: 16.66667%; }
  
  .small-up-7 {
	-ms-flex-wrap: wrap;
		flex-wrap: wrap; }
	.small-up-7 > .column, .small-up-7 > .columns {
	  -ms-flex: 0 0 14.28571%;
		  flex: 0 0 14.28571%;
	  max-width: 14.28571%; }
  
  .small-up-8 {
	-ms-flex-wrap: wrap;
		flex-wrap: wrap; }
	.small-up-8 > .column, .small-up-8 > .columns {
	  -ms-flex: 0 0 12.5%;
		  flex: 0 0 12.5%;
	  max-width: 12.5%; }
  
  .small-collapse > .column, .small-collapse > .columns {
	padding-right: 0;
	padding-left: 0; }
  
  .small-uncollapse > .column, .small-uncollapse > .columns {
	padding-right: 0.9375rem;
	padding-left: 0.9375rem; }
  
  @media print, screen and (min-width: 40em) {
	.medium-1 {
	  -ms-flex: 0 0 8.33333%;
		  flex: 0 0 8.33333%;
	  max-width: 8.33333%; }
	.medium-offset-0 {
	  margin-left: 0%; }
	.medium-2 {
	  -ms-flex: 0 0 16.66667%;
		  flex: 0 0 16.66667%;
	  max-width: 16.66667%; }
	.medium-offset-1 {
	  margin-left: 8.33333%; }
	.medium-3 {
	  -ms-flex: 0 0 25%;
		  flex: 0 0 25%;
	  max-width: 25%; }
	.medium-offset-2 {
	  margin-left: 16.66667%; }
	.medium-4 {
	  -ms-flex: 0 0 33.33333%;
		  flex: 0 0 33.33333%;
	  max-width: 33.33333%; }
	.medium-offset-3 {
	  margin-left: 25%; }
	.medium-5 {
	  -ms-flex: 0 0 41.66667%;
		  flex: 0 0 41.66667%;
	  max-width: 41.66667%; }
	.medium-offset-4 {
	  margin-left: 33.33333%; }
	.medium-6 {
	  -ms-flex: 0 0 50%;
		  flex: 0 0 50%;
	  max-width: 50%; }
	.medium-offset-5 {
	  margin-left: 41.66667%; }
	.medium-7 {
	  -ms-flex: 0 0 58.33333%;
		  flex: 0 0 58.33333%;
	  max-width: 58.33333%; }
	.medium-offset-6 {
	  margin-left: 50%; }
	.medium-8 {
	  -ms-flex: 0 0 66.66667%;
		  flex: 0 0 66.66667%;
	  max-width: 66.66667%; }
	.medium-offset-7 {
	  margin-left: 58.33333%; }
	.medium-9 {
	  -ms-flex: 0 0 75%;
		  flex: 0 0 75%;
	  max-width: 75%; }
	.medium-offset-8 {
	  margin-left: 66.66667%; }
	.medium-10 {
	  -ms-flex: 0 0 83.33333%;
		  flex: 0 0 83.33333%;
	  max-width: 83.33333%; }
	.medium-offset-9 {
	  margin-left: 75%; }
	.medium-11 {
	  -ms-flex: 0 0 91.66667%;
		  flex: 0 0 91.66667%;
	  max-width: 91.66667%; }
	.medium-offset-10 {
	  margin-left: 83.33333%; }
	.medium-12 {
	  -ms-flex: 0 0 100%;
		  flex: 0 0 100%;
	  max-width: 100%; }
	.medium-offset-11 {
	  margin-left: 91.66667%; }
	.medium-up-1 {
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap; }
	  .medium-up-1 > .column, .medium-up-1 > .columns {
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
		max-width: 100%; }
	.medium-up-2 {
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap; }
	  .medium-up-2 > .column, .medium-up-2 > .columns {
		-ms-flex: 0 0 50%;
			flex: 0 0 50%;
		max-width: 50%; }
	.medium-up-3 {
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap; }
	  .medium-up-3 > .column, .medium-up-3 > .columns {
		-ms-flex: 0 0 33.33333%;
			flex: 0 0 33.33333%;
		max-width: 33.33333%; }
	.medium-up-4 {
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap; }
	  .medium-up-4 > .column, .medium-up-4 > .columns {
		-ms-flex: 0 0 25%;
			flex: 0 0 25%;
		max-width: 25%; }
	.medium-up-5 {
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap; }
	  .medium-up-5 > .column, .medium-up-5 > .columns {
		-ms-flex: 0 0 20%;
			flex: 0 0 20%;
		max-width: 20%; }
	.medium-up-6 {
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap; }
	  .medium-up-6 > .column, .medium-up-6 > .columns {
		-ms-flex: 0 0 16.66667%;
			flex: 0 0 16.66667%;
		max-width: 16.66667%; }
	.medium-up-7 {
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap; }
	  .medium-up-7 > .column, .medium-up-7 > .columns {
		-ms-flex: 0 0 14.28571%;
			flex: 0 0 14.28571%;
		max-width: 14.28571%; }
	.medium-up-8 {
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap; }
	  .medium-up-8 > .column, .medium-up-8 > .columns {
		-ms-flex: 0 0 12.5%;
			flex: 0 0 12.5%;
		max-width: 12.5%; } }
  
  @media print, screen and (min-width: 40em) and (min-width: 40em) {
	.medium-expand {
	  -ms-flex: 1 1 0px;
		  flex: 1 1 0px; } }
  
  .row.medium-unstack > .column, .row.medium-unstack > .columns {
	-ms-flex: 0 0 100%;
		flex: 0 0 100%; }
	@media print, screen and (min-width: 40em) {
	  .row.medium-unstack > .column, .row.medium-unstack > .columns {
		-ms-flex: 1 1 0px;
			flex: 1 1 0px; } }
  
  @media print, screen and (min-width: 40em) {
	.medium-collapse > .column, .medium-collapse > .columns {
	  padding-right: 0;
	  padding-left: 0; }
	.medium-uncollapse > .column, .medium-uncollapse > .columns {
	  padding-right: 0.9375rem;
	  padding-left: 0.9375rem; } }
  
  @media print, screen and (min-width: 64em) {
	.large-1 {
	  -ms-flex: 0 0 8.33333%;
		  flex: 0 0 8.33333%;
	  max-width: 8.33333%; }
	.large-offset-0 {
	  margin-left: 0%; }
	.large-2 {
	  -ms-flex: 0 0 16.66667%;
		  flex: 0 0 16.66667%;
	  max-width: 16.66667%; }
	.large-offset-1 {
	  margin-left: 8.33333%; }
	.large-3 {
	  -ms-flex: 0 0 25%;
		  flex: 0 0 25%;
	  max-width: 25%; }
	.large-offset-2 {
	  margin-left: 16.66667%; }
	.large-4 {
	  -ms-flex: 0 0 33.33333%;
		  flex: 0 0 33.33333%;
	  max-width: 33.33333%; }
	.large-offset-3 {
	  margin-left: 25%; }
	.large-5 {
	  -ms-flex: 0 0 41.66667%;
		  flex: 0 0 41.66667%;
	  max-width: 41.66667%; }
	.large-offset-4 {
	  margin-left: 33.33333%; }
	.large-6 {
	  -ms-flex: 0 0 50%;
		  flex: 0 0 50%;
	  max-width: 50%; }
	.large-offset-5 {
	  margin-left: 41.66667%; }
	.large-7 {
	  -ms-flex: 0 0 58.33333%;
		  flex: 0 0 58.33333%;
	  max-width: 58.33333%; }
	.large-offset-6 {
	  margin-left: 50%; }
	.large-8 {
	  -ms-flex: 0 0 66.66667%;
		  flex: 0 0 66.66667%;
	  max-width: 66.66667%; }
	.large-offset-7 {
	  margin-left: 58.33333%; }
	.large-9 {
	  -ms-flex: 0 0 75%;
		  flex: 0 0 75%;
	  max-width: 75%; }
	.large-offset-8 {
	  margin-left: 66.66667%; }
	.large-10 {
	  -ms-flex: 0 0 83.33333%;
		  flex: 0 0 83.33333%;
	  max-width: 83.33333%; }
	.large-offset-9 {
	  margin-left: 75%; }
	.large-11 {
	  -ms-flex: 0 0 91.66667%;
		  flex: 0 0 91.66667%;
	  max-width: 91.66667%; }
	.large-offset-10 {
	  margin-left: 83.33333%; }
	.large-12 {
	  -ms-flex: 0 0 100%;
		  flex: 0 0 100%;
	  max-width: 100%; }
	.large-offset-11 {
	  margin-left: 91.66667%; }
	.large-up-1 {
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap; }
	  .large-up-1 > .column, .large-up-1 > .columns {
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
		max-width: 100%; }
	.large-up-2 {
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap; }
	  .large-up-2 > .column, .large-up-2 > .columns {
		-ms-flex: 0 0 50%;
			flex: 0 0 50%;
		max-width: 50%; }
	.large-up-3 {
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap; }
	  .large-up-3 > .column, .large-up-3 > .columns {
		-ms-flex: 0 0 33.33333%;
			flex: 0 0 33.33333%;
		max-width: 33.33333%; }
	.large-up-4 {
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap; }
	  .large-up-4 > .column, .large-up-4 > .columns {
		-ms-flex: 0 0 25%;
			flex: 0 0 25%;
		max-width: 25%; }
	.large-up-5 {
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap; }
	  .large-up-5 > .column, .large-up-5 > .columns {
		-ms-flex: 0 0 20%;
			flex: 0 0 20%;
		max-width: 20%; }
	.large-up-6 {
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap; }
	  .large-up-6 > .column, .large-up-6 > .columns {
		-ms-flex: 0 0 16.66667%;
			flex: 0 0 16.66667%;
		max-width: 16.66667%; }
	.large-up-7 {
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap; }
	  .large-up-7 > .column, .large-up-7 > .columns {
		-ms-flex: 0 0 14.28571%;
			flex: 0 0 14.28571%;
		max-width: 14.28571%; }
	.large-up-8 {
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap; }
	  .large-up-8 > .column, .large-up-8 > .columns {
		-ms-flex: 0 0 12.5%;
			flex: 0 0 12.5%;
		max-width: 12.5%; } }
  
  @media print, screen and (min-width: 64em) and (min-width: 64em) {
	.large-expand {
	  -ms-flex: 1 1 0px;
		  flex: 1 1 0px; } }
  
  .row.large-unstack > .column, .row.large-unstack > .columns {
	-ms-flex: 0 0 100%;
		flex: 0 0 100%; }
	@media print, screen and (min-width: 64em) {
	  .row.large-unstack > .column, .row.large-unstack > .columns {
		-ms-flex: 1 1 0px;
			flex: 1 1 0px; } }
  
  @media print, screen and (min-width: 64em) {
	.large-collapse > .column, .large-collapse > .columns {
	  padding-right: 0;
	  padding-left: 0; }
	.large-uncollapse > .column, .large-uncollapse > .columns {
	  padding-right: 0.9375rem;
	  padding-left: 0.9375rem; } }
  
  .shrink {
	-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	max-width: 100%; }
  
  .column-block {
	margin-bottom: 1.875rem; }
	.column-block > :last-child {
	  margin-bottom: 0; }
  
  .align-right {
	-ms-flex-pack: end;
		justify-content: flex-end; }
  
  .align-center {
	-ms-flex-pack: center;
		justify-content: center; }
  
  .align-justify {
	-ms-flex-pack: justify;
		justify-content: space-between; }
  
  .align-spaced {
	-ms-flex-pack: distribute;
		justify-content: space-around; }
  
  .align-right.vertical.menu > li > a {
	-ms-flex-pack: end;
		justify-content: flex-end; }
  
  .align-center.vertical.menu > li > a {
	-ms-flex-pack: center;
		justify-content: center; }
  
  .align-top {
	-ms-flex-align: start;
		align-items: flex-start; }
  
  .align-self-top {
	-ms-flex-item-align: start;
		align-self: flex-start; }
  
  .align-bottom {
	-ms-flex-align: end;
		align-items: flex-end; }
  
  .align-self-bottom {
	-ms-flex-item-align: end;
		align-self: flex-end; }
  
  .align-middle {
	-ms-flex-align: center;
		align-items: center; }
  
  .align-self-middle {
	-ms-flex-item-align: center;
		-ms-grid-row-align: center;
		align-self: center; }
  
  .align-stretch {
	-ms-flex-align: stretch;
		align-items: stretch; }
  
  .align-self-stretch {
	-ms-flex-item-align: stretch;
		-ms-grid-row-align: stretch;
		align-self: stretch; }
  
  .align-center-middle {
	-ms-flex-pack: center;
		justify-content: center;
	-ms-flex-align: center;
		align-items: center;
	-ms-flex-line-pack: center;
		align-content: center; }
  
  .small-order-1 {
	-ms-flex-order: 1;
		order: 1; }
  
  .small-order-2 {
	-ms-flex-order: 2;
		order: 2; }
  
  .small-order-3 {
	-ms-flex-order: 3;
		order: 3; }
  
  .small-order-4 {
	-ms-flex-order: 4;
		order: 4; }
  
  .small-order-5 {
	-ms-flex-order: 5;
		order: 5; }
  
  .small-order-6 {
	-ms-flex-order: 6;
		order: 6; }
  
  @media print, screen and (min-width: 40em) {
	.medium-order-1 {
	  -ms-flex-order: 1;
		  order: 1; }
	.medium-order-2 {
	  -ms-flex-order: 2;
		  order: 2; }
	.medium-order-3 {
	  -ms-flex-order: 3;
		  order: 3; }
	.medium-order-4 {
	  -ms-flex-order: 4;
		  order: 4; }
	.medium-order-5 {
	  -ms-flex-order: 5;
		  order: 5; }
	.medium-order-6 {
	  -ms-flex-order: 6;
		  order: 6; } }
  
  @media print, screen and (min-width: 64em) {
	.large-order-1 {
	  -ms-flex-order: 1;
		  order: 1; }
	.large-order-2 {
	  -ms-flex-order: 2;
		  order: 2; }
	.large-order-3 {
	  -ms-flex-order: 3;
		  order: 3; }
	.large-order-4 {
	  -ms-flex-order: 4;
		  order: 4; }
	.large-order-5 {
	  -ms-flex-order: 5;
		  order: 5; }
	.large-order-6 {
	  -ms-flex-order: 6;
		  order: 6; } }
  
  .flex-container {
	display: -ms-flexbox;
	display: flex; }
  
  .flex-child-auto {
	-ms-flex: 1 1 auto;
		flex: 1 1 auto; }
  
  .flex-child-grow {
	-ms-flex: 1 0 auto;
		flex: 1 0 auto; }
  
  .flex-child-shrink {
	-ms-flex: 0 1 auto;
		flex: 0 1 auto; }
  
  .flex-dir-row {
	-ms-flex-direction: row;
		flex-direction: row; }
  
  .flex-dir-row-reverse {
	-ms-flex-direction: row-reverse;
		flex-direction: row-reverse; }
  
  .flex-dir-column {
	-ms-flex-direction: column;
		flex-direction: column; }
  
  .flex-dir-column-reverse {
	-ms-flex-direction: column-reverse;
		flex-direction: column-reverse; }
  
  @media print, screen and (min-width: 40em) {
	.medium-flex-container {
	  display: -ms-flexbox;
	  display: flex; }
	.medium-flex-child-auto {
	  -ms-flex: 1 1 auto;
		  flex: 1 1 auto; }
	.medium-flex-child-grow {
	  -ms-flex: 1 0 auto;
		  flex: 1 0 auto; }
	.medium-flex-child-shrink {
	  -ms-flex: 0 1 auto;
		  flex: 0 1 auto; }
	.medium-flex-dir-row {
	  -ms-flex-direction: row;
		  flex-direction: row; }
	.medium-flex-dir-row-reverse {
	  -ms-flex-direction: row-reverse;
		  flex-direction: row-reverse; }
	.medium-flex-dir-column {
	  -ms-flex-direction: column;
		  flex-direction: column; }
	.medium-flex-dir-column-reverse {
	  -ms-flex-direction: column-reverse;
		  flex-direction: column-reverse; } }
  
  @media print, screen and (min-width: 64em) {
	.large-flex-container {
	  display: -ms-flexbox;
	  display: flex; }
	.large-flex-child-auto {
	  -ms-flex: 1 1 auto;
		  flex: 1 1 auto; }
	.large-flex-child-grow {
	  -ms-flex: 1 0 auto;
		  flex: 1 0 auto; }
	.large-flex-child-shrink {
	  -ms-flex: 0 1 auto;
		  flex: 0 1 auto; }
	.large-flex-dir-row {
	  -ms-flex-direction: row;
		  flex-direction: row; }
	.large-flex-dir-row-reverse {
	  -ms-flex-direction: row-reverse;
		  flex-direction: row-reverse; }
	.large-flex-dir-column {
	  -ms-flex-direction: column;
		  flex-direction: column; }
	.large-flex-dir-column-reverse {
	  -ms-flex-direction: column-reverse;
		  flex-direction: column-reverse; } }