/* interpreter order */
	.glyphicon.inline {
		display:inline;
		margin-right:10px;
	}

	.Header {
		color:white !important;
	}
	.Panel {
		margin:10px 0;
		border-radius:5px;
		padding:0 !important;
	}
	.Panel > .Header {
		margin:0 !important;
		display:block;
		font-size:11px;
		font-weight:900;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
		padding:5px 20px;
	}
	.Panel > .Content {
		padding:10px 20px;
		flex: 0 0 auto;
	}
	.Panel.Alert.Highlight {
		background-color: #ffe6e3;
		border:1px solid #db6246;

	}
	.Panel.Alert > .Header {
		background-color: #db6246 !important;
		border-top-left-radius:4px;
		border-top-right-radius:4px;
	}
	.floattopright {
		margin: 0 0 20px 20px;
		float:right;
	}
	div.order {
		font-family:Roboto;
		display:flex;
		flex-direction:column;
		position:relative;
	}
	.order.Denied {}
	.order.DeniedWithin24 {}
	.order.Approved {}
	.order.Requested {}
	.order.Ended {}
	.order.Started {}


	.order > div {
		padding: 0 20px;
		display:flex;
		flex-direction:row;
		justify-content:center;
		align-items:flex-start;
	}
	.order > .orderheader {
		background-color:	#83b726;
		color:white;
		font-size:36px;
		font-weight:100;
		margin-top:1px;
	}
	.order > .ordersubheader {
		padding-bottom:10px;
	}

	.order.Denied .Header {background-color:#db6246;}
	.order.Denied.Started .Header {background-color:#9b3923;}
	.order.Denied.Ended .Header {background-color:#9b3923;}

	.order.Approved .Header {background-color:#83b726;}
	.order.Approved.Started .Header {background-color:#5d9100;}
	.order.Approved.Ended .Header {background-color:#999999;}

	.order.Requested .Header {background-color:#599ae3;}
	.order.Requested.Started .Header {background-color:#2069ba;}
	.order.Requested.Ended .Header {background-color:#599ae3;}



	.order.Denied .Highlight {background-color:#ffe6e3;}
	.order.Denied.Started .Highlight {background-color:#ffe6e3;}
	.order.Denied.Ended .Highlight {background-color:#ffe6e3;}

	.order.Approved .Highlight {background-color:#d2e5b1;}
	.order.Approved.Started .Highlight {background-color:#d2e5b1;}
	.order.Approved.Ended .Highlight {background-color:#eee;}

	.order.Requested .Highlight {background-color:#b3cce7;}
	.order.Requested.Started .Highlight {background-color:#b3cce7;}
	.order.Requested.Ended .Highlight {background-color:#b3cce7;}



	.order > .ordersubheader > .orderwidth {
		flex-direction:column;
	}
	.order > .ordersubheader .orderTime {
		font-size:60px;
		font-weight:900;
		align-self:center;
	}
	.order > .ordersubheader .orderDate {
		font-size:16px;
		font-weight:900;
		align-self:center;
	}

	.order > .orderbody {
		flex:	1 1 auto;
		overflow: visible;
		flex-direction:column;
		padding: 2px;
	}
	.order > .orderbody > .orderwidth > .leftcol {
		flex: 3 1 auto;
		display:flex;
		flex-direction:column;
		padding-bottom:40px;
	}
	.order > .orderbody > .orderwidth > .rightcol {
		padding-bottom:40px;
		flex: 2 1 auto;
		display:flex;
		min-width:300px;
		flex-direction:column;
	}
	.order > .orderbody label {
		font-size:11px;
		font-weight:900;
		color:#999;
		margin-bottom:0;
		margin-top:10px;
	}
	.order > .orderbody .orderdata {
		font-weight:400;
		font-size:16px;
	}
	.order > .orderbody .orderdata > i{
		font-weight:700;
		font-size:11px;
		font-style:normal;
	}
	.order > .orderbody .orderdata.Highlight {
	    padding: 3px 10px;
		border-radius: 5px;
		font-weight: 700;
	}


	.order > .orderbody a.orderdata {
		margin-top:5px;
		align-self:flex-start;
	}
	.order > .orderbody .orderprimarydata {
		font-size:36px;
		font-weight:400;
	}
	.order > .orderbody .ordersecondarydata {
		font-size:26px;
		font-weight:300;
	}

	.order > .orderfooter {
	}
	.order > div > .orderwidth {
		display:flex;
		flex-direction:row;
		max-width: 1024px;
		flex: 1 1 auto;
	}
	.contentcontainer {
		margin: 0 !important;
	}

	.order .interpretername {
		display:block;
		font-size:22px;
		font-weight:300;
		color:black;
	}
	.order .contactdata {
		display:block;
		font-size:14px;
		font-weight:300;
		align-self:flex-start;
		margin-top:5px;
	}
	.usersandcontact {
		margin:10px;
		flex: 0 0 auto;
	}

div.ordercommandlist {
    display: flex;
    flex-direction: column;
    padding: 10px 30px !important;
    background: #b3cce7;
}
div.ordercommandlist input[type=submit].comment {
	background: #838383;
	margin-left:10px;
	margin-right:10px;
}
.divmessages {margin-bottom:10px;}

	@media only screen and (max-width: 850px) {
		.usersandcontact {
			flex-direction:column;
		}
		.usersandcontact > .flexcolumn {
			flex:0 0 auto;
			margin-left :0px !important;
			margin-right :0px !important;
		}
	}
	@media only screen and (max-width: 700px) {
		.order > div > .orderwidth {
			flex-wrap: wrap;
		}

		.order > .ordersubheader .orderTime {
			font-size: 40px;
		}
	}
	@media only screen and (max-width: 600px) {
		.order > .ordersubheader .orderTime {
			font-size: 34px;
		}
	}
	.orderernotinformed {
		border: 2px solid #be3127;
		background: #be312711;
		align-self: stretch;
		margin-bottom:20px;
	}
	.orderernotinformed > div {
		padding: 20px 40px;
	}
	.orderernotinformed > h6 {
		margin:0;
		padding: 5px 40px;
		background: #be3127;
		color:white;
	}
	.ordererinformed {
		border: 2px solid #83b726;
		background: #83b72655;
		align-self: stretch;
		margin-bottom:20px;
	}
	.ordererinformed > div {
		padding: 20px 40px;
	}
	.ordererinformed > h6 {
		margin:0;
		padding: 5px 40px;
		background: #83b726;
		color:white;
	}



	.seriesTabs {
		display:flex;
		background:white;
		padding-top:20px;
	}
	.seriesTab {
		display:flex;
		align-items:center;
		justify-content:center;
		padding: 10px 20px;
		margin:1px;
		cursor:pointer;
		background:#eee;
	}
	.seriesTab.selected {
		background:#dbdbdb;
	}
	.seriesComments {
		display:flex;
		flex: 1 1 auto;
		flex-direction:column;
		padding:20px;
		background:#dbdbdb;
	}
	.seriesListItems {
		display:flex;
		flex: 1 1 auto;
		flex-direction:column;
		background:#dbdbdb;
		border-left:2px solid #AAA;
		padding:20px;
	}
	.seriesCommands {
		display:flex;
		flex: 1 1 auto;
		flex-direction:column;
		padding:20px;
		background:#dbdbdb;
	}


	@media only screen and (max-width: 850px) {
		.seriesComments,
		.seriesListItems {
			padding:10px;
		}
	}
	.lblhaschanges {
		font-weight: bold;
		display:block;
		padding: 20px;
		border-radius:10px;
		border: 1px solid rgba(0,0,0,0.5);
		background: rgba(0,0,0,0.1);
		margin: 5px 0;
	}
	.infopanel {
		padding:40px;
	}
/* interpreter order */