/*** MODIFIERS ***/
.opacity0 {
	opacity: 0 !important;
}
	
.fadeOut {
	opacity: 0 !important;
	transition: opacity 0.50s linear;
}

.fadeOutQuick {
	opacity: 0 !important;
	transition: opacity 0.25s linear;
}

.fadeIn {
	opacity: 1 !important;
	transition: opacity 0.50s linear;
}

.fadeInQuick {
	opacity: 1 !important;
	transition: opacity 0.25s linear;
}

.objectUnderInitPos, .objectUnderSlideIn {
	left: 0px !important;
}

.objectUnderSlideIn {
	transition: left 0.50s ease-out;
}

.objectUnderSlideOut {
	left: -200px !important;
	transition: left 0.50s ease-out;
}

.objectOverInitPos, .objectOverSlideOut {
	left: 100% !important;
}

.objectOverSlideOut {
	transition: left 0.50s ease-out !important;
}

.objectOverSlideIn {
	left: 0px !important;
	transition: left 0.50s ease-out !important;
}

.objectAnimTop {
	transition: top 0.50s ease-out !important;
}

.objectAnimLeft {
	transition: left 0.50s ease-out !important;
}

.objectAnimRight {
	transition: right 0.50s ease-out !important;
}

.vSpaceXXS {
	margin-top: 2px !important;
}

.phoneView .vSpaceXXS {
	margin-top: 1px !important;
}

.vSpaceXS {
	margin-top: 5px !important;
}

.phoneView .vSpaceXS {
	margin-top: 2px !important;
}

tr.vSpaceXS > td {
	padding-top: 5px !important;
}

.vSpaceS {
	margin-top: 8px !important;
}

.phoneView .vSpaceS {
	margin-top: 10px !important;
}

tr.vSpaceS > td {
	padding-top: 10px !important;
}

.vSpaceBS {
	margin-bottom: 10px !important;
}

.phoneView .vSpaceBS {
	margin-bottom: 10px !important;
}

.vSpaceSM {
	margin-top: 15px !important;
}

.phoneView .vSpaceSM {
	margin-top: 15px !important;
}

tr.vSpaceSM > td {
	padding-top: 15px !important;
}

.vSpaceM {
	margin-top: 20px !important;
}

.phoneView .vSpaceM {
	margin-top: 20px !important;
}

tr.vSpaceM > td {
	padding-top: 20px !important;
}

.vSpaceBM {
	margin-bottom: 20px !important;
}

.phoneView .vSpaceBM {
	margin-bottom: 8px !important;
}

.vSpaceL {
	margin-top: 30px !important;
}

.phoneView .vSpaceL {
	margin-top: 30px !important;
}

tr.vSpaceL > td {
	padding-top: 30px !important;
}

.vSpaceBL {
	margin-bottom: 30px !important;
}

.phoneView .vSpaceBL {
	margin-bottom: 30px !important;
}

.vSpaceXL {
	margin-top: 50px !important;
}

.phoneView .vSpaceXL {
	margin-top: 50px !important;
}

.vSpaceXXL {
	margin-top: 75px !important;
}

.phoneView .vSpaceXXL {
	margin-top: 75px !important;
}

.hSpaceXS {
	padding: 0px 2px !important;
}

.hSpaceS {
	padding: 0px 4px !important;
}

.hSpaceM {
	padding: 0px 8px !important;
}

.hSpaceL {
	padding: 0px 16px !important;
}

.hSpaceXL {
	padding: 0px 32px !important;
}

.hSpaceXXL {
	padding: 0px 64px !important;
}

.indentLeftM {
	padding-left: 10px;
}

.indentRightM {
	padding-right: 10px;
}

.indentLeftL {
	padding-left: 20px;
}

.indentRightL {
	padding-right: 20px;
}

.tableCellPadS td {
	padding: 5px;
}

.textCenter, .centerContents {
	text-align: center !important;
}

.textLeft, .contentsLeft {
	text-align: left !important;
}

.textRight, .contentsRight {
	text-align: right !important;
}

.textVertCenter, .vertCenterContents {
	vertical-align: middle !important;
}

table.vertCenterContents td {
	vertical-align: middle !important;
}

.vertAlignTop {
	vertical-align: top !important;
}

.vertAlignBottom {
	vertical-align: bottom !important;
}

.hLeft {
	margin-right: auto !important;
}

.hRight {
	margin-left: auto !important;
}

.hCenter {
	margin-left: auto !important;
	margin-right: auto !important;
}

.vCenter {
	margin-top: auto !important;
	margin-bottom: auto !important;
}

.bold {
	font-weight: bold !important;
}

.unBold {
	/*font-weight: normal !important;*/
	font-family: "StandardFontRegular", "Arial", sans-serif;
}

.italic {
	font-style: italic !important;
}

.noWrap {
	white-space: nowrap !important;
}

.textWrap {
	white-space: normal !important;
}

.noPad {
	padding: 0px !important;
}

.noPadTB {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.noBorder {
	border: none !important;
}

.noTopBorder {
	border-top: none !important;
}

.border {
	border: solid 2px hsl(0, 0%, 100%);
}

.shadow {
	box-shadow: 2px 2px 8px 1px hsla(0, 0%, 0%, 0.25);
}

.noPointerEvents, .pointerEventsNone {
 pointer-events: none !important;
}

.autoPointerEvents, .pointerEventsAuto {
	pointer-events: auto !important;
}

.allPointerEvents, .pointerEventsAll {
 pointer-events: all !important;
}

.widthPadXL {
	padding-left: 64px !important;
	padding-right: 64px !important;
}

.fullWidth {
	width: 100% !important;
}

.fullWidthAuto {
	width: auto !important;
	left: 0px !important;
	right: 0px !important;
}

.maxWidth {
	width: 99% !important;
}

.maxWidth500 {
	max-width: 500px !important;
}

.maxWidth600 {
	max-width: 600px !important;
}

.maxWidth700 {
	max-width: 700px !important;
}

.maxWidth1000 {
	max-width: 1000px !important;
}

.maxWidth1200 {
	max-width: 1200px !important;
}

.minWidth {
	width: 1% !important;
}

.fullHeight {
	height: 100% !important;
}

.fullHeightAuto {
	height: auto !important;
	top: 0px !important;
	bottom: 0px !important;
}

.opaque {
	opacity: 1.0 !important;
	filter: alpha(opacity=100) !important;
}

.translucent {
	opacity: 0.35 !important;
	filter: alpha(opacity=35) !important;
}

.lightTranslucent {
	opacity: 0.50 !important;
	filter: alpha(opacity=50) !important;
}

.tableDisplay {
	display: table !important;
}

.displayNone {
	display: none !important;
}

.blockDisplay, .displayBlock {
	display: block !important;
}

.inlineBlockDisplay, .displayInlineBlock {
	display: inline-block !important;
}

.displayFlex {
	display: flex;
}

.flexFlowColumn {
	flex-flow: column;
}

.visibilityHidden {
	visibility: hidden !important;
}

.visibilityVisible {
	visibility: visible !important;
}

.positionRelative {
	position: relative !important;
}

.positionAbsolute {
	position: absolute !important;
}

.positionFixed {
	position: fixed !important;
}

.hideOverflow {
	overflow: hidden !important;
}

.overflowAutoY {
	overflow-y: auto !important;
}

.borderBox {
	box-sizing: border-box !important;
}

.fontSize0 {
	font-size: 0px !important;
}

.maxWidth200 {
	max-width: 200px;
}

.maxWidth300 {
	max-width: 300px;
}

.maxWidth400 {
	max-width: 400px;
}

.maxWidth500 {
	max-width: 500px;
}

.maxWidth600 {
	max-width: 600px;
}

.maxWidth700 {
	max-width: 700px;
}

.maxWidth800 {
	max-width: 800px;
}

.maxWidth900 {
	max-width: 900px;
}

.maxWidth1000 {
	max-width: 1000px;
}

.vertScrollable {
	overflow-y: scroll !important; /* has to be scroll, not auto */
	-webkit-overflow-scrolling: touch !important;
	pointer-events: auto !important;
}

.hiddenUntilHover {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.35s, filter 0.35s;
  transition: opacity 0.35s, filter 0.35s;
}

.hiddenUntilHover:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 0.35s linear 1.0s, filter 0.35s linear 1.0s;
  transition: opacity 0.35s linear 1.0s, filter 0.35s linear 1.0s;
}

.selectable {
	-webkit-touch-callout: all !important;
	-webkit-user-select: all !important;
	-khtml-user-select: all !important;
	-moz-user-select: all !important;
	-ms-user-select: all !important;
	user-select: all !important;
}

.textSelectable {
	-webkit-touch-callout: text !important;
	-webkit-user-select: text !important;
	-khtml-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	user-select: text !important;
}

.notSelectable {
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: -moz-none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}

.clickable, .clickable:hover, .clickable:active, .clickable:focus {
	cursor: pointer !important;
	pointer-events: all !important;
}

.notClickable {
	cursor: default !important;
	pointer-events: none !important;
}