*
	-webkit-tap-highlight-color: transparent
	-webkit-font-smoothing: antialiased
*, *:after, *:before
	-webkit-box-sizing: border-box
	-moz-box-sizing: border-box
	box-sizing: border-box
	padding: 0
	margin: 0

html
	scrollbar-face-color: #808080
	scrollbar-highlight-color: #808080
	scrollbar-3dlight-color: #707070
	scrollbar-darkshadow-color: #808080
	scrollbar-shadow-color: #7e7e7e
	scrollbar-arrow-color: #ffffff
	scrollbar-track-color: #505050
	height: 100%

html, body, #archives ul, #overall-footer, #content ul
	margin: 0 0 0 0
	padding: 0 0 0 0

body
	font-family: verdana, arial, helvetica, sans-serif
	font-size: 12px
	height: 100%

#__blaze-root
	//max-width: 950px  //Use if the width should be limited.
	//min-width: 250px
	//margin: 0 auto  //Use if the width should be limited.
	//min-height: 100%  //Used with a full height layout.

	//Flex container.
	//display: flex
	//flex-direction: row
	//flex-wrap: nowrap
	//align-items: stretch
	//align-content: stretch
	height: 100%;
	//width: 100%;
	//min-height: 100%;
	//min-width: 100%;

//Standard Stylings
.noselect
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari/Opera */
	-khtml-user-select: none; /* Konqueror */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently not supported by any browser */
.clickable
	cursor: pointer
.nonclickable
	cursor: default
.left
	text-align: left
.right
	text-align: right
.center
	text-align: center
.floatLeft
	float: left
.floatRight
	float: right

//Table Styles
.table
	border: 0
	padding: 0
	margin: 0
	border-collapse: collapse
	border: 1px solid #ddddf9
	> thead
		> tr
			> th
				border: 0
				padding: 4px 4px 8px 4px
				vertical-align: top
				color: white
				background: #6f6fec
				input
					padding: 2px
					border-radius: 3px

	> tbody
		> tr
			border-bottom: 1px solid #aaa
			> td
				padding: 4px 4px
		> tr.selected
			background-attachment: fixed
			background-repeat: no-repeat
			background-position: 0 0
			background-image: linear-gradient(to left, #E0DCBA 70%,#f1da36 100%)
		> tr:nth-child(odd).selected
			background-attachment: fixed
			background-repeat: no-repeat
			background-position: 0 0
			background-image: linear-gradient(to left, #FCF8D1 70%,#f1da36 100%)
.table-striped > tbody > tr:nth-child(even)
	background-color: #f4f4f4
.table-striped > tbody > tr:nth-child(odd)
	background-color: white
.table-hover > tbody > tr:hover
	background-color: #ded

//Form Styles
.select2-container
	font-size: 10px
.select2-selection
	font-size: 13px  //Make the font small enough the control can have a height similar to a standard input field.
	margin-bottom: 0px
	min-height: 10px !important  //This is what really sets the height of the box containing the selection(s)
	padding-bottom: 2px  //Add a little space below the selections to balance it all out.
input
	padding: 6px
	border-radius: 4px
	border-width: 1px
	border-style: solid
	border-color: #ccc
//input[type='button'].btn-success, input[type='submit'].btn-success
//	background-color: #5cb85c
//	:hover
//		background-color:
//input[type='button'].btn-danger, input[type='submit'].btn-danger
//	background-color: #e55b46
.form-control, .select2-selection  //?
	font-size: 14px
	margin-bottom: 0px
.form-group
	margin: 4px 0
.has-error .form-control
	border-color: #a94442
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)

@media screen and (-webkit-min-device-pixel-ratio: 0)
	input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control
		line-height: 34px

.form-control
	display: block
	width: 100%
	height: 34px
	padding: 6px 12px
	font-size: 14px
	line-height: 1.42857143
	color: #555
	background-color: #fff
	background-image: none
	border: 1px solid #ccc
	border-radius: 4px
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
input[type="date" i], input[type="datetime-local" i], input[type="month" i], input[type="time" i], input[type="week" i]
	align-items: center
	-webkit-padding-start: 1px
	overflow: hidden
	padding-left: 10px
input
	-webkit-appearance: textfield
	background-color: white
	-webkit-rtl-ordering: logical
	user-select: text
	cursor: auto
	padding: 1px
	border-width: 2px
	border-style: inset
	border-color: initial
	border-image: initial
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control
	background-color: #eee
	opacity: 1
input, textarea, keygen, select, button
	text-rendering: auto
	color: initial
	letter-spacing: normal
	word-spacing: normal
	text-transform: none
	text-indent: 0px
	text-shadow: none
	display: inline-block
	text-align: start
	margin: 0em 0em 0em 0em
	font: 13.3333px Arial
input, textarea, keygen, select, button, meter, progress
	-webkit-writing-mode: horizontal-tb
//.btn.disabled, .btn[disabled], fieldset[disabled] .btn
//	cursor: not-allowed
//	filter: unquote("alpha(opacity=65)")
//	-webkit-box-shadow: none
//	box-shadow: none
//	opacity: .65
//button, html input[type="button"], input[type="reset"], input[type="submit"]
//	-webkit-appearance: button
//	cursor: pointer
//button, html input[type="button"], input[type="reset"], input[type="submit"]
//	-webkit-appearance: button
//	cursor: pointer
//.btn
//	display: inline-block;
//	padding: 6px 12px;
//	margin-bottom: 0;
//	font-size: 14px;
//	font-weight: normal;
//	line-height: 1.42857143;
//	text-align: center;
//	white-space: nowrap;
//	vertical-align: middle;
//	-ms-touch-action: manipulation;
//	touch-action: manipulation;
//	cursor: pointer;
//	-webkit-user-select: none;
//	-moz-user-select: none;
//	-ms-user-select: none;
//	user-select: none;
//	background-image: none;
//	border: 1px solid transparent;
//	border-radius: 4px;

.pagination
	text-align: right
	font-size: 15px
	line-height: 34px
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
	margin: 0 0 10px 0
	overflow: visible
	whitespace: nowrap
	span
		padding: 2px 8px 3px 8px
		margin: 0 8px
		border: 2px solid #7b9961
		border-radius: 5px
		background-color: #90b272
		cursor: pointer
		overflow: visible
		whitespace: nowrap
	span:hover
		background-color: #4ca84c
	span:active
		background-color: #3c983c
	span.disabled
		background-color: #ccc
		border-color: #c5c5c5
		color: white
		cursor: default
	span.disabled:hover
		background-color: #ccc
	span.disabled:active
		background-color: #ccc

//.pagination
//	width: 100%
//	text-align: center
//	font-size: 15px
//	line-height: 18px
//	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
//	span
//		padding: 3px 8px 4px 8px
//		margin: 0 8px
//		border: 2px solid #4a4
//		border-radius: 18px
//		background-color: #5cb85c
//		cursor: pointer
//	span:hover
//		background-color: #4ca84c
//	span:active
//		background-color: #3c983c
//	span.disabled
//		background-color: #ccc
//		border-color: #c5c5c5
//		color: white
//		cursor: default
//	span.disabled:hover
//		background-color: #ccc
//	span.disabled:active
//		background-color: #ccc

//Override the SimpleGrid css
.grid
	overflow: visible !important
	max-width: none !important

//@import "../imports/util/selectize/selectize.default.import.styl"
//@import "../imports/util/selectize/selectize.import.styl"
@import "../imports/util/de.combo.import.styl"
@import "../imports/util/bootstrap-like-btn.import.styl"

@import "../imports/ui/layouts/Body.import.styl"
@import "../imports/ui/layouts/Full.import.styl"

@import "../imports/ui/UserManagement.import.styl"
@import "../imports/ui/Measures.import.styl"
@import "../imports/ui/Venues.import.styl"
@import "../imports/ui/Products.import.styl"
@import "../imports/ui/ProductTags.import.styl"
@import "../imports/ui/Sales.import.styl"
@import "../imports/ui/Pricing.import.styl"
@import "../imports/ui/Production.import.styl"
@import "../imports/ui/Graphs.import.styl"