/*Fonts */
	@font-face	{font-family: openSans; src: url('/assets/fonts/openSans.woff'); font-weight: normal; font-style: normal;}
	@font-face	{font-family: openSans; src: url('/assets/fonts/openSansBold.woff'); font-weight: bold; font-style: normal;}
	@font-face	{font-family: openSans; src: url('/assets/fonts/openSansItalic.woff'); font-weight: normal; font-style: italic;}

/*Basic tags */
	body
		{background-color: white; color: #2e2e2e; font-family: openSans, sans-serif; font-size: 15px; margin: 0; -ms-overflow-style: -ms-autohiding-scrollbar; scroll-behavior: smooth;}
	h1
		{font-family: poppins, sans-serif; font-size: 1.5em; margin: 0;}
	h2
		{font-size: 1.25em; text-transform: uppercase; margin: 0;}
	h3
		{font-size: 1.15em; margin: 0;}
	p
		{margin: 0;}
	strong
		{font-weight: bold;}
	ul
		{margin: 0; padding: 0em 0em 0em 1em;}
	img
		{vertical-align: middle; border: 0;}
	a
		{color: #0000a0; text-decoration: none;}
	a:hover
		{text-decoration: underline;}

/*Layout */
	.features
		{background: linear-gradient(to right, #0e4097, #215bc6); color: white;	width: 100%; padding: 1.25em 2em; display: table; box-sizing: border-box;}
	featuresText
		{display: table-cell; vertical-align: middle;}
	.featuresIcons
		{display: table-cell; text-align: right; vertical-align: middle;}
	.featuresIcon
		{margin-left: 1.25em;}
	.main
		{padding: 2em;}
	.lady
		{width: 22.5%; max-width: 240px; position: absolute; right: 5%; bottom: 5vh;}
	.thumb1, .thumb0
		{width: calc(16.66% - 1em); margin: 0.5em; display: inline-block; vertical-align: top; position: relative;}
	.thumb0
		{background-color: #eeeeee;}

	.cartPriceCol
		{width: 7.5%; text-align: right;}
	.cartQtyCol
		{width: 7.5%; text-align: center;}
	.cartThumb
		{width: 15%; margin-right: 0.66em; display: inline-block; vertical-align: middle;}
	.cartHeader
		{width: calc(85% - 0.66em); display: inline-block; vertical-align: middle;}
	.cartQty
		{width: 80%; margin-left: 10%; text-align: center;}
	.cartPrice
		{font-size: 1.5em; font-weight: bold; position: relative;}
	.cartDel
		{font-size: 0.75rem; font-weight: normal; position: absolute; right: 0; top: 90%;}
	.cartTotal
		{font-size: 1.5em; font-weight: bold;}

	.barLabel
		{font-weight: bold; margin-bottom: 0.25em;}
	.barBox
		{height: 1em; margin-bottom: 1em; border: 1px solid black;}
	.barBar
		{background: linear-gradient(to right, #0e4097, #215bc6); height: 100%;}

	.pager1, .pager2
		{text-transform: uppercase; padding: 0.33em; display: inline-block; border: 1px solid transparent; outline: 0; -webkit-appearance: none;}
	.pager2
		{font-weight: bold; border: 1px solid #840000;}
	.pager1:hover
		{text-decoration: none; border: 1px solid #840000;}
	.pager2:hover
		{text-decoration: none;}

/*Table */
	.table0
		{}
	.table5
		{border-bottom: 4px solid #585858;}
	.tabHead, .tabSum
		{font-weight: bold; text-transform: uppercase;}
	.tabFilters
		{}
	.tabRow1
		{}
	.tabRow2
		{background-color: #ebf2fd;}
	.tabNew
		{background-color: #ffff9c;}
	.tabGreen
		{background-color: #bce18d;}
	.tabSilver
		{background-color: #eeeeee; font-style: italic;}
	.tabMark
		{background-color: #6699ff; font-style: italic;}
	.tabWarn
		{background-color: #ffccdd;}
	.tabOver
		{background-color: #c1d4f8; cursor: default;}
	.tabCellHead
		{padding: 0.5em; border-bottom: 5px solid #585858;}
	.tabCellFilters
		{padding: 0.5em; border-bottom: 2px solid #585858;}
	.tabCell0
		{padding: 0.5em;}
	.tabCell1
		{padding: 0.5em; border-bottom: 1px solid #dddddd;}
	.tabCellSum
		{padding: 0.5em; border-top: 4px solid #585858;}

/*Forms */
	form
		{margin: 0;}
	label
		{cursor: pointer;}
	.checkbox
		{border: 0; -webkit-appearance: checkbox;}
	input, textarea, select
		{font-family: openSans, sans-serif; font-size: 0.875em; padding: 0.5em; border: 1px solid #cccccc; outline: 0; box-sizing: border-box;}
	textarea
		{overflow: auto;}
	.chars4
		{width: 6em;}
	.button1, .buttonX
		{background-color: #840000; color: white; text-transform: uppercase; padding: 0.33em 1em; display: inline-block; border: 2px solid #840000; outline: 0; -webkit-appearance: none;}
	.buttonX
		{background-color: #1f5ac2; color: white; border: 2px solid #1f5ac2;}
	.button1:hover, .buttonX:hover
		{background-color: #333333; color: white; text-decoration: none; border: 2px solid #333333;}
	.gapLeft, .gapSide
		{margin-left: 0.5em;}
	.gapTop
		{margin-top: 0.5em;}

/*Formatting */
	.isHidden
		{display: none;}
	.isFull
		{width: 100%;}
	.isMaxFull
		{max-width: 100%;}
	.isHalf
		{width: 50%;}
	.isThird
		{width: 33.33%;}
	.isQuarter
		{width: 25%;}
	.isSorted
		{color: red;}
	.isErr
		{border: 1px solid #ef2523;}
	.isSmall
		{font-size: 0.75em;}
	.isRight
		{text-align: right;}
	.isFlex
		{display: flex; align-items: center;}
	.isLink
		{width: 100%; position: absolute; left: 0; top: 0; border-top: 0.33em solid orange;}
	.isInline
		{display: inline-block;}

	.isDarken
		{background-color: rgba(0,0,0,0.66); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 101;}
	.isDialogBox
		{width: 33.33%; max-height: 70vh; margin-top: 15vh; position: relative; left: 33.33%; opacity: 1; overflow: auto; transition: 0.75s;}
	.isDialogBox0
		{opacity: 0;}
	.isDialog
		{background-color: white; color: black; width: 100%; padding: 2em; box-sizing: border-box;}
	.isDialog h1, .isDialog h2, .isDialog h3
		{margin-bottom: 0.33em;}
	.isDialog img
		{max-width: 100%;}

	.isPreview
		{background-color: rgba(0,0,0,0.66); width: 100%; height: 100%; align-items: center; display: flex;	position: fixed; left: 0; top: 0; z-index: 100;}
	.isPreviewPhoto
		{max-width: 100%; max-height: 100%; margin: auto; cursor: pointer;}
	.isPreviewLabel
		{background-color: rgba(0,0,0,0.66); color: white; width: 90%; padding: 1.25em 5%; text-align: center; position: absolute; left: 0; bottom: 0;}
	.isPreviewClose
		{width: 3.55em; position: absolute; right: 0; top: 0; z-index: 2;}
	.isPreviewLast
		{width: 3.55em; position: absolute; left: 0; top: 50%; z-index: 2;}
	.isPreviewNext
		{width: 3.55em; position: absolute; right: 0; top: 50%; z-index: 2;}
	.CodeMirror-scroll
		{max-height: 80vh;}