@import url('//fonts.googleapis.com/css?family=PT+Sans|Grand+Hotel|Open+Sans:400,600');

*
	-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%
	min-height: 100%
body
	font-family: verdana, arial, helvetica, sans-serif
	font-size: 1.0em
	height: 100%
	min-height: 100%
	background: #F6F6F6
#__blaze-root
	height: 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
	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

.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
	white-space: nowrap
	display: inline-block
	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

// Keep the custom scroll bars on top so they can be interacted with.  They are placed outside the content div that they scroll.
.mCSB_1_scrollbar
	z-index: 999

@import "../imports/ui/styles/effects.import.styl"
@import "../imports/ui/styles/buttons.import.styl"
@import "../imports/ui/styles/maxHeightLayout.import.styl"
@import "../imports/ui/styles/tabs.import.styl"
@import "../imports/ui/styles/forms.import.styl"

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

@import "../imports/ui/layouts/Public.import.styl"
@import "../imports/ui/layouts/Admin.import.styl"
@import "../imports/ui/layouts/Login.import.styl"

@import "../imports/ui/Home.import.styl"

@import "../imports/ui/AdminHome.import.styl"
@import "../imports/ui/UserManagement.import.styl"