body {
	padding-top: 50px;
	font-family:  'Geometria', Engravers, Arial;
	/*font-family: "adobe-clean", sans-serif;*/

}

	body b {
		font-family: 'Geometria', Engravers, Arial;
		/*font-family: "adobe-clean", sans-serif;*/
	}

/*.body-content {
	padding-left: 15px;
	padding-right: 15px;
}*/



a {
	color: inherit;
}


.shrinkcontainer {
	width: 50%;
}
.container {
 background-image: url('../Images/Kitchen-icon-lockup-Vertical.png');
 background-position:right;
 background-size:50%;
 background-repeat:no-repeat;
 width:80%		;
}

.centerAlign {
	text-align: center;
	display:block;
}
.rightAlign{text-align:right; display:block;}
.TitleContainer {
	padding: 20px;
	text-align: center;
	color: white;
	font-size:x-large;
	background-color: #53565A;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.bouncytext {animation: bounce .5s ease  1s;}
@keyframes bounce {
	0% {
		transform: scale(1,1) translateY(0);
	}

	20% {
		transform: scale(1,1) translateY(-20px);
	}

	40% {
		transform: scale(1,1) translateY(0);
	}

	60% {
		transform: scale(1,1) translateY(0);
	}

	80% {
		transform: scale(1,1) translateY(-20px);
	}

	100% {
		transform: scale(1,1) translateY(0);
	}

	
}

@media screen and (max-width: 768px) {
	.shrinkcontainer {
		width: 100%;
		margin: -5px;
		
	}
	.container{width:100%;}
	.logo4C{display:none;}
}



@media screen and (min-width: 768px) {
	.body-content {
		padding: 0;
	}

}

@media (min-width: 1300px)  {
	.collapse {
		display: none !important;
	}
}

.MXDefaultTop {
	color: white;
	background-color: #C2C7B2;
	text-align: center;
	/*background-color: #CFCAC5;*/
	background: -webkit-linear-gradient(left, #C2C7B2, #C2C7B2 50%, #CFCAC5 50%, #CFCAC5);
	font-size: 60px;
}

@font-face {
	font-family: 'Geometria';
	src: url('../fonts/Geometria.woff') format('woff');
}

@font-face {
	font-family: 'EngraversGothic';
	src: url('../fonts/EngraversGothic.woff') format('woff');
}

@font-face {
	font-family: 'MuseoSans-100';
	src: url('../../fonts/MuseoSans-100.otf') format('opentype');
}

@font-face {
	font-family: 'MuseoSans-700';
	src: url('../../fonts/MuseoSans-700.otf') format('opentype');
}

@font-face {
	font-family: 'MuseoSans-900';
	src: url('../../fonts/MuseoSans-900.otf') format('opentype');
}

@font-face {
	font-family: 'Engravers';
	src: url('../../fonts/Engravers.ttf') format('truetype');
}

@media all and (max-width: 1200px) {
	.hideme {
		display: none;
	}
}


.MXDefaultX {
	background-color: rgba(255,255,255,0.2);
	color: white;
	z-index: 10;
	font-size: 60px;
	position: absolute;
	letter-spacing: 20px;
	left: calc(50% - 170px);
	padding-left: 20px;
	bottom: calc(50%);
	z-index: 11;
}

.MXTopTriangle {
	position: absolute;
	margin: auto;
	bottom: calc(100% - 170px);
	left: 0;
	right: 0;
	width: 340px;
	height: 340px;
	transform: rotate(45deg);
	border-right: 4px solid rgba(255,255,255,0.2);
	border-bottom: 4px solid rgba(255,255,255,0.2);
}


.MXBottomTriangle {
	position: absolute;
	margin: auto;
	bottom: calc(0% - 170px);
	left: 0;
	right: 0;
	width: 340px;
	height: 340px;
	transform: rotate(45deg);
	border-left: 4px solid rgba(255,255,255,0.2);
	border-top: 4px solid rgba(255,255,255,0.2);
}


.MXLeftTriangle {
	position: absolute;
	margin: auto;
	bottom: calc(50% - 125px);
	left: 0;
	width: 340px;
	height: 340px;
	transform: rotate(45deg);
	border-right: 4px solid rgba(255,255,255,0.2);
	border-top: 4px solid rgba(255,255,255,0.2);
}


.MXRightTriangle {
	position: absolute;
	margin: auto;
	bottom: calc(50% - 125px);
	right: 0;
	width: 340px;
	height: 340px;
	transform: rotate(45deg);
	border-left: 4px solid rgba(255,255,255,0.2);
	border-bottom: 4px solid rgba(255,255,255,0.2);
}

.whiteouttwo {
	position: absolute;
	margin: auto;
	bottom: calc(75% - 30px);
	right: calc(50% - 22px);
	width: 45px;
	height: 45px;
	transform: rotate(45deg);
	border-right: 4px solid rgba(255,255,255,1);
	border-top: 4px solid rgba(255,255,255,1);
}

.whiteoutthree {
	position: absolute;
	margin: auto;
	bottom: calc(50% + 20px);
	right: calc(25% - 60px);
	width: 45px;
	height: 45px;
	transform: rotate(45deg);
	border-right: 4px solid rgba(255,255,255,1);
	border-bottom: 4px solid rgba(255,255,255,1);
}

.whiteoutfour {
	position: absolute;
	margin: auto;
	bottom: calc(25% - 30px);
	right: calc(50% - 22px);
	width: 45px;
	height: 45px;
	transform: rotate(45deg);
	border-left: 4px solid rgba(255,255,255,1);
	border-bottom: 4px solid rgba(255,255,255,1);
}


.MXDefault1 {
	color: white;
	background-color: #B4BAA0;
	Padding-bottom: 50px;
}

	.MXDefault1 p {
		padding-left: 10%;
		padding-right: 10%;
	}

	.MXDefault1 .col-xs-8 {
		padding-left: 12%;
		padding-right: 12%;
	}

.MXDefault2 {
	color: white;
	background-color: #C4BEB8;
	Padding-bottom: 50px;
}

	.MXDefault2 p {
		padding-left: 10%;
		padding-right: 10%;
	}

	.MXDefault2 .col-xs-8 {
		padding-left: 12%;
		padding-right: 12%;
	}

	.MXDefault2:after {
		position: absolute;
		content: '';
		left: 0;
		top: 50%;
		width: 0;
		height: 0;
		bottom: 0;
		border-top: 30px solid transparent;
		border-left: 30px solid #B4BAA0;
		border-right: 30px solid transparent;
		border-bottom: 30px solid transparent;
		-moz-transform: scale(0.999);
		-webkit-backface-visibility: hidden;
	}

.MXDefault3 {
	color: white;
	background-color: #A2A3A5;
	padding-top: 50px;
	Padding-bottom: 50px;
}

	.MXDefault3 p {
		padding-left: 10%;
		padding-right: 10%;
	}

	.MXDefault3 .col-xs-8 {
		padding-left: 12%;
		padding-right: 12%;
	}

	.MXDefault3:after {
		position: absolute;
		content: '';
		left: 50%;
		top: 0;
		width: 0;
		height: 0;
		bottom: 0;
		border-top: 30px solid #C4BEB8;
		border-left: 30px solid transparent;
		border-right: 30px solid transparent;
		border-bottom: 30px solid transparent;
		-moz-transform: scale(0.999);
		-webkit-backface-visibility: hidden;
	}

.MXDefault4 {
	color: white;
	background-color: #968B85;
	padding-top: 50px;
	Padding-bottom: 50px;
}

	.MXDefault4 p {
		padding-left: 10%;
		padding-right: 10%;
	}

	.MXDefault4 .col-xs-8 {
		padding-left: 12%;
		padding-right: 12%;
	}


	.MXDefault4:after {
		position: absolute;
		content: '';
		right: 0;
		top: 50%;
		width: 0;
		height: 0;
		bottom: 0;
		border-top: 30px solid transparent;
		border-left: 30px solid transparent;
		border-right: 30px solid #A2A3A5;
		border-bottom: 30px solid transparent;
		-moz-transform: scale(0.999);
		-webkit-backface-visibility: hidden;
	}


.PageHeader {
	width: 100%;
	/*background-color: #B7B09C;*/
	/*color: #B7B09C;*/

	font-size: x-large;
	/*font-weight: bold;*/
		padding: 10px;
/*	padding-left: 20px;*/
	/*margin-bottom: 40px;*/
	margin-left:0px;
	margin-right:0px;
	display: block;
	/*float: left;*/
}


.FormView {
	width: 100%;
}

.ListView {
	width: 100%;
}

.completionListElement {
	width: 100%;
	border: solid 1px #444444;
	margin: 0;
	padding: 2px;
	height: 100px;
	overflow: auto;
	background-color: #FFFFFF;
	z-index: 100000 !important;
}

	.completionListElement li {
		border: none;
		font-size: 18px;
	}


.JobSelectButton {
	color: #6191B4;
	font-weight: bold;
	border: solid;
	border-color: #6191B4;
	margin: 10px;
	height: 50px;
	width: 100%;
	/*text-align: left;*/
	font-size: medium;
	display: inline-block;
	border-radius: 5px;
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

	.JobSelectButton:disabled {
		color: dimgray;
	}

	.JobSelectButton:hover {
		text-decoration: none;
		color: white;
		background-color:  #6191B4;
	}

.JobSelectedButton {
	background-color: #6191B4;
	color: white;
	font-weight: bold;
	border: none;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	height: 50px;
	width: 100%;
	text-align: left;
	font-size: medium;
	vertical-align: middle;
	border-radius: 5px;
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.JobSelectedLabel {
	background-color: none;
	vertical-align: middle;
}

.JobSelectedDiv {
	padding: 15px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 100%;
	background-color: #F6F6F6;
	border-radius: 5px;
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.UnscheduledPOButton {
	padding: 5px;
	margin: 3px;
	float: left;
	width: 175px;
	color: #B7B09C;
	border-style: solid;
	border-color: #B7B09C;
	border-radius: 5px;
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.UnscheduledPOGroup {
	font-weight: bolder;
	font-size: 15px;
	/*background-color: #53565A;*/
	padding-left: 10px;
	border-radius: 3px;
}

.ScheduledPOButton {
	padding: 5px;
	margin: 3px;
	float: left;
	width: 175px;
	background-color: #F6F6F6;
	font-family: EngraversGothic;
	border-radius: 5px;
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.AnnouncementsDiv {
	width: 100%;
	background-color: white;
	padding: 20px;
	border-radius: 5px;
}


.AnnouncementsGridView {
	width: 100%;
	border-style: none;
}

	.AnnouncementsGridView td {
		border-style: none;
		padding: 4px;
	}

	.AnnouncementsGridView th {
		border-style: none;
		padding: 4px;
		font-family: EngraversGothic;
	}

	.AnnouncementsGridView tr {
		border-style: none;
	}


.GridView {
	width: 100%;
	border-style: solid;
	border-width: 1px;
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	margin-bottom: 0px;
	overflow: auto;
}
}

	.GridView td {
		border-style: none;
		padding: 4px;
	}

	.GridView tr:nth-child(even) {
		background-color: #f4f2ed;
	}

	.GridView th {
		background-color: #53565A;
		color: white;
		font-weight: bold;
		font-family: EngraversGothic;
	}

		.GridView th a {
			background-color: #53565A;
			color: white;
			font-weight: bold;
		}

	.GridView tr {
		border-style: none;
	}


.GridViewClean {
	width: 100%;
	border-style:none;
	
}

	.GridViewClean td {
		border-style: none;
		border-bottom-style: dotted;
	}

/*	.GridViewClean tr:nth-child(even) {
		background-color: #f4f2ed;
		
	}*/

	.GridViewClean th {
		background-color: #53565A;
		color: white;
		font-weight: bold;
		font-family: EngraversGothic;
	}

		.GridViewClean th a {
			background-color: #53565A;
			color: white;
			font-weight: bold;
			font-family: EngraversGothic;
		}

	.GridViewClean tr {
		border-style: none;
	}


.BigMenuButton {
	color: white;
	height: 80px;
	width: 100%;
	font-weight: bold;
	font-size: large;
	font-family: EngraversGothic;
	border: none;
	margin: 10px;
}

.BigMenuLinkButton {
	color: #6191B4;
	height: 80px;
	width: 100%;
	font-weight: bold;
	font-family: EngraversGothic;
	font-size: large;
	border: solid;
	border-color: #6191B4;
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 5px;
}

	.BigMenuLinkButton:hover {
		color: white;
		text-decoration: none;
		background-color: #6191B4;
	}

.my-icon {
	vertical-align: middle;
	
}
.small-icon{width:50px;}
.resourcePanel {
	border-style: solid;
	border-color: #53565A; 
	border-width:thin;
	border-radius:5px;
	margin:10px;
	padding:5px;

}
.MarshHeader{ font-size:24px;}



.SmallMenuLinkButton {
	color: #6191B4;
	padding: 10px;
	margin:5px;
	font-size:large;
	border: solid;
	border-color: #6191B4;
	border-radius:3px;
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	background-color: white;
	min-width: 100px;
}

	.SmallMenuLinkButton:hover {
		color: white;
		background-color: #6191B4;
		text-decoration: none;
	}


.DeleteX {
	color: #D57800;
	padding:10px;
}

	.DeleteX:hover {
		color: red;
	}

.EditX {
	color: #6191B4;
	padding: 10px;
}

	.EditX:hover {
		color: cornflowerblue;
	}

.UpdateX {
	color: #3E4827;
	padding: 10px;
}

	.UpdateX:hover {
		color: Green;
	}

.HalfMenuButton {
	color: white;
	height: 40px;
	width: 100%;
	font-weight: bold;
	border: none;
	background-color: #3E4827;
}
.smallTitleText {
	color: #6191B4;
}




.hoverMenu {
	background-color: #FFFFFF;
	border-width: 3px;
	border-style: solid;
	border-color: black;
	padding: 20px;
	border-radius: 10px;
	/*width: 10%;*/
	opacity: .90;
	overflow: auto;
	direction: ltr;
}

.largeHoverMenu {
	background-color: #FFFFFF;
	border-radius: 5px;
	width: 33%;
	min-width: 400px;
	z-index: 2;
	border-width: 3px;
	border-style: solid;
	border-color: black;
	padding: 20px;
	width: 350px;
	/*opacity: .90;*/
	overflow: auto;
	height: 300px;
	direction: ltr;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
}


.loading {
	font-family: EngraversGothic;
	font-size: 10pt;
	width: 200px;
	height: 200px;
	display: none;
	position: fixed;
	background-color: White;
	z-index: 999;
}

.modalBackground {
	background-color: Black;
	filter: alpha(opacity=90);
	opacity: 0.9;
}

.modalPopup {
	background-color: #FFFFFF;
	border-width: 3px;
	border-style: solid;
	border-color: black;
	padding: 5px;
	border-radius: 5px;
	width: 50%;
	min-width: 400px;
	z-index: 2;
}



.POButton {
	padding: 15px;
	width: 100%;
	background-color: #F6F6F6;
	border-radius: 5px;
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

	.POButton:hover {
		background-color: #d3d3d3;
	}

.SelectedPOButton {
	padding: 15px;
	color: white;
	background-color: #337AB7;
	font-weight: bold;
	font-family: EngraversGothic;
	border: none;
	margin: 10px;
	height: 40px;
	width: 100%;
	text-align: left;
	font-size: medium;
	display: inline-block;
	border-radius: 5px;
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}


	.SelectedPOButton:hover {
		background-color: #23527C;
	}

	.SelectedPOButton a {
		color: white;
	}

.CouldNotDeliverButton {
	padding: 15px;
	color: white;
	background-color: #CC3300;
	font-weight: bold;
	font-family: EngraversGothic;
	border: none;
	margin: 10px;
	height: 40px;
	width: 200px;
	text-align: left;
	font-size: medium;
	display: inline-block;
	border-radius: 5px;
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.HorizontalRoomDiv {
	display: inline-block;
	margin: 10px;
	/*margin-bottom: 20px;*/
	padding: 10px;
	border-color: #53565A;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
}

.HorizontalRoomCodesDiv {
	font-size: smaller;
}

.timeBox {
	font-size: x-large;
}

.MarshColor {
	color: white;
	background-color: #3E4827;
}

	.MarshColor:hover {
		color: white;
		background-color: #3E4827;
	}

.MarshOrangeButton {
	width: 100%;
	height: 40px;
	color: #D57800;
	font-weight: bold;
	border: solid;
	border-color: #D57800;
	border-radius: 3px;
	background: none;
}

.MarshBlueButton {
	width: 100%;
	height: 40px;
	color: #6191B4;
	font-weight: bold;
	border: solid;
	border-color: #6191B4;
	border-radius: 3px;
	background: none;
}

.MarshGreenButton {
	width: 100%;
	height: 40px;
	color: #B7B09C;
	font-weight: bold;
	border: none;
	background-color: #3E4827;
	border-radius: 3px;
	font-family:EngraversGothic;
}

/*.MarshGreenButton {
	color: white;
	height: 40px;
	width: 100%;
	font-size: small;
	word-wrap: break-word;
	font-weight: bold;
	border: none;
	background-color: #3E4827;
	font-family: EngraversGothic;
}*/


.MarshGreenIcon {
	color: #3E4827;
}
.MarshOrangeIcon {
	color: #D57800;
}


.MarshButton2 {
	height: 40px;
	color: white;
	font-weight: bold;
	border: none;
	background-color: #3E4827;
	border-radius: 3px;
}

.MarshPanel {
	border: solid;
	border-width: thin;
	border-color: #DDDDDD;
	/*background-color: #B7B09C;*/
	padding: 10px;
	border-radius: 3px;
}

.MarshHeaderButton {
	width: 100%;
	height: 40px;
	color: #6191B4;
	border-style: solid;
	border-color: #6191B4;
	font-weight: bold;
	background:none;
	/*background-color: #968B85;*/
	text-align: left;
	font-size: medium;
	vertical-align: middle;
	border-radius: 3px;
}

.MarshHeaderLinkButton {
	color: white;
	height: 40px;
	width: 100%;
	font-weight: bold;
	font-size: medium;
	font-family: EngraversGothic;
	border: none;
	background-color: #B7AEA6;
	display: inline-block;
	border-radius: 3px;
}



	.MarshHeaderLinkButton:hover {
		color: white;
		text-decoration: none;
	}


.MarshHeaderButtonSelected {
	width: 100%;
	height: 40px;
	color: white;
	font-weight: bold;
	font-family: EngraversGothic;
	border: none;
	/*background-color: #3E4827;*/
	background-color: #53565A;
	text-align: left;
	font-size: medium;
	vertical-align: middle;
	border-radius: 3px;
}

.GridViewClean2 {
	width: 100%;
	border-style: none;
}

	.GridViewClean2 td {
		border-style: none;
	}



	.GridViewClean2 th {
		background-color: #53565A;
		color: white;
		font-weight: bold;
		font-family: EngraversGothic;
	}

		.GridViewClean2 th a {
			background-color: #53565A;
			color: white;
			font-weight: bold;
		}

	.GridViewClean2 tr {
		border-style: none;
	}


.MarshModalBackground {
	background-color: Black;
	/*filter: alpha(opacity=50);*/
	opacity: 0.5;
}

.MarshModal {
	background-color: #FFFFFF;
	border-width: 2px;
	border-style: solid;
	border-color: black;
	padding: 20px;
	min-width: 40%;
	z-index: 2;
	box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.5);
	border-radius: 3px;
}



.MarshWindow {
	border-color: black;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	margin: 20px;
}

.MarshWindowHead {
	border-radius: 3px,3px,0px,0px;
	background-color: #3E4827;
	color: white;
	padding: 5px;
}

.SelectedMarshWindowHead {
	border-radius: 3px,3px,0px,0px;
	background-color: #808080;
	color: white;
	padding: 5px;
}

.MarshWindowBody {
	border-radius: 0px,0px,3px,3px;
	padding: 10px;
}

.MarshWindow a:hover {
	color: inherit;
	text-decoration: none;
}

.centered{
	text-align: center;	
}

.darkTheme{	
	background-color: #53565A;
	color: white;
}

.text-left{
	text-align: left;
}

.text-center{
	text-align: center;
}

.text-right{
	text-align: right;	
}

.d-flex{
	display: flex;
}

.flex-row{
	flex-direction: row;
}

.flex-column{
	flex-direction: row;
}

.flex-nowrap{
	flex-wrap: nowrap;
}

.p-auto{padding:auto;}
.pl-auto{padding-left:auto;}
.pr-auto{padding-right:auto;}
.pt-auto{padding-top:auto;}
.pb-auto{padding-bottom:auto;}
.px-auto{padding-left:auto;padding-right:auto;}
.py-auto{padding-top:auto;padding-bottom:auto;}
.p-0{padding:0px;}
.pl-0{padding-left:0px;}
.pr-0{padding-right:0px;}
.pt-0{padding-top:0px;}
.pb-0{padding-bottom:0px;}
.px-0{padding-left:0px;padding-right:0px;}
.py-0{padding-top:0px;padding-bottom:0px;}
.p-1{padding:5px;}
.pl-1{padding-left:5px;}
.pr-1{padding-right:5px;}
.pt-1{padding-top:5px;}
.pb-1{padding-bottom:5px;}
.px-1{padding-left:5px;padding-right:5px;}
.py-1{padding-top:5px;padding-bottom:5px;}
.p-2{padding:10px;}
.pl-2{padding-left:10px;}
.pr-2{padding-right:10px;}
.pt-2{padding-top:10px;}
.pb-2{padding-bottom:10px;}
.px-2{padding-left:10px;padding-right:10px;}
.py-2{padding-top:10px;padding-bottom:10px;}
.p-3{padding:15px;}
.pl-3{padding-left:15px;}
.pr-3{padding-right:15px;}
.pt-3{padding-top:15px;}
.pb-3{padding-bottom:15px;}
.px-3{padding-left:15px;padding-right:15px;}
.py-3{padding-top:15px;padding-bottom:15px;}
.p-4{padding:20px;}
.pl-4{padding-left:20px;}
.pr-4{padding-right:20px;}
.pt-4{padding-top:20px;}
.pb-4{padding-bottom:20px;}
.px-4{padding-left:20px;padding-right:20px;}
.py-4{padding-top:20px;padding-bottom:20px;}
.p-5{padding:25px;}
.pl-5{padding-left:25px;}
.pr-5{padding-right:25px;}
.pt-5{padding-top:25px;}
.pb-5{padding-bottom:25px;}
.px-5{padding-left:25px;padding-right:25px;}
.py-5{padding-top:25px;padding-bottom:25px;}
.p-6{padding:30px;}
.pl-6{padding-left:30px;}
.pr-6{padding-right:30px;}
.pt-6{padding-top:30px;}
.pb-6{padding-bottom:30px;}
.px-6{padding-left:30px;padding-right:30px;}
.py-6{padding-top:30px;padding-bottom:30px;}
.p-7{padding:35px;}
.pl-7{padding-left:35px;}
.pr-7{padding-right:35px;}
.pt-7{padding-top:35px;}
.pb-7{padding-bottom:35px;}
.px-7{padding-left:35px;padding-right:35px;}
.py-7{padding-top:35px;padding-bottom:35px;}
.p-8{padding:40px;}
.pl-8{padding-left:40px;}
.pr-8{padding-right:40px;}
.pt-8{padding-top:40px;}
.pb-8{padding-bottom:40px;}
.px-8{padding-left:40px;padding-right:40px;}
.py-8{padding-top:40px;padding-bottom:40px;}
.p-9{padding:45px;}
.pl-9{padding-left:45px;}
.pr-9{padding-right:45px;}
.pt-9{padding-top:45px;}
.pb-9{padding-bottom:45px;}
.px-9{padding-left:45px;padding-right:45px;}
.py-9{padding-top:45px;padding-bottom:45px;}
.p-10{padding:50px;}
.pl-10{padding-left:50px;}
.pr-10{padding-right:50px;}
.pt-10{padding-top:50px;}
.pb-10{padding-bottom:50px;}
.px-10{padding-left:50px;padding-right:50px;}
.py-10{padding-top:50px;padding-bottom:50px;}

.m-auto{margin:auto;}
.ml-auto{margin-left:auto;}
.mr-auto{margin-right:auto;}
.mt-auto{margin-top:auto;}
.mb-auto{margin-bottom:auto;}
.mx-auto{margin-left:auto;margin-right:auto;}
.my-auto{margin-top:auto;margin-bottom:auto;}
.m-0{margin:0px;}
.ml-0{margin-left:0px;}
.mr-0{margin-right:0px;}
.mt-0{margin-top:0px;}
.mb-0{margin-bottom:0px;}
.mx-0{margin-left:0px;margin-right:0px;}
.my-0{margin-top:0px;margin-bottom:0px;}
.m-1{margin:5px;}
.ml-1{margin-left:5px;}
.mr-1{margin-right:5px;}
.mt-1{margin-top:5px;}
.mb-1{margin-bottom:5px;}
.mx-1{margin-left:5px;margin-right:5px;}
.my-1{margin-top:5px;margin-bottom:5px;}
.m-2{margin:10px;}
.ml-2{margin-left:10px;}
.mr-2{margin-right:10px;}
.mt-2{margin-top:10px;}
.mb-2{margin-bottom:10px;}
.mx-2{margin-left:10px;margin-right:10px;}
.my-2{margin-top:10px;margin-bottom:10px;}
.m-3{margin:15px;}
.ml-3{margin-left:15px;}
.mr-3{margin-right:15px;}
.mt-3{margin-top:15px;}
.mb-3{margin-bottom:15px;}
.mx-3{margin-left:15px;margin-right:15px;}
.my-3{margin-top:15px;margin-bottom:15px;}
.m-4{margin:20px;}
.ml-4{margin-left:20px;}
.mr-4{margin-right:20px;}
.mt-4{margin-top:20px;}
.mb-4{margin-bottom:20px;}
.mx-4{margin-left:20px;margin-right:20px;}
.my-4{margin-top:20px;margin-bottom:20px;}
.m-5{margin:25px;}
.ml-5{margin-left:25px;}
.mr-5{margin-right:25px;}
.mt-5{margin-top:25px;}
.mb-5{margin-bottom:25px;}
.mx-5{margin-left:25px;margin-right:25px;}
.my-5{margin-top:25px;margin-bottom:25px;}
.m-6{margin:30px;}
.ml-6{margin-left:30px;}
.mr-6{margin-right:30px;}
.mt-6{margin-top:30px;}
.mb-6{margin-bottom:30px;}
.mx-6{margin-left:30px;margin-right:30px;}
.my-6{margin-top:30px;margin-bottom:30px;}
.m-7{margin:35px;}
.ml-7{margin-left:35px;}
.mr-7{margin-right:35px;}
.mt-7{margin-top:35px;}
.mb-7{margin-bottom:35px;}
.mx-7{margin-left:35px;margin-right:35px;}
.my-7{margin-top:35px;margin-bottom:35px;}
.m-8{margin:40px;}
.ml-8{margin-left:40px;}
.mr-8{margin-right:40px;}
.mt-8{margin-top:40px;}
.mb-8{margin-bottom:40px;}
.mx-8{margin-left:40px;margin-right:40px;}
.my-8{margin-top:40px;margin-bottom:40px;}
.m-9{margin:45px;}
.ml-9{margin-left:45px;}
.mr-9{margin-right:45px;}
.mt-9{margin-top:45px;}
.mb-9{margin-bottom:45px;}
.mx-9{margin-left:45px;margin-right:45px;}
.my-9{margin-top:45px;margin-bottom:45px;}
.m-10{margin:50px;}
.ml-10{margin-left:50px;}
.mr-10{margin-right:50px;}
.mt-10{margin-top:50px;}
.mb-10{margin-bottom:50px;}
.mx-10{margin-left:50px;margin-right:50px;}
.my-10{margin-top:50px;margin-bottom:50px;}



.MXTable  {
	box-sizing: border-box;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

.MXTable td {
	border-style: none;
	padding: 0px;
}

.MXTable tr:nth-child(even) {
	background-color: #f4f2ed;
}

.MXTable th {
	background-color: #53565A;
	color: white;
	font-weight: bold;
	font-family: EngraversGothic;
}

.MXTable th a {
	background-color: #53565A;
	color: white;
	font-weight: bold;
}

.MXTable tr {
	border-style: none;
}



.MXLayoutTable{
	box-sizing: border-box;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

.MXLayoutTable thead{
	padding: 0px;
	margin: 0px;
	
}
.MXLayoutTable tbody{
	padding: 0px;
	margin: 0px;	
}

.MXLayoutTable tr{
	padding: 0px;
	margin: 0px;
}

.MXLayoutTable td{
	padding: 0px;
	margin: 0px;
}

.MXLayoutTable th{
	padding: 0px;
	margin: 0px;
}