body{
	font-family: sans-serif;
	background-color: #000;
	background-color: var(--pageBg);
	color: #fff;
	color: var(--pageColor);
	margin: 0px;
	padding: 0px;
	background-repeat: repeat;
}

h1{
	text-align: center;
}

h3{
	text-align: center;
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 8px;
	margin-top: 16px;
	margin-left: 8px;
	margin-right: 8px;
	font-weight: bold;
}

h4{
	text-align: center;
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 6px;
	margin-top: 12px;
	margin-left: 8px;
	margin-right: 8px;
	font-weight: bold;
}

pre{
	text-align: left;
}

select{
	text-align: center;
	font-size: 14px;
	border: 1px solid #ccc;
    border-radius: 4px;
	padding: 6px 12px;
	color: var(--contentInputText);
    background-color: #fff;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	display: block;
	width: 98%;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
}

input:not([type='checkbox']){
	text-align: center;
	font-size: 14px;
	border: 1px solid #ccc;
    border-radius: 4px;
	padding: 6px 12px;
	color: var(--contentInputText);
    background-color: #fff;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	display: block;
	width: 98%;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
}

input.small{
	max-width: 120px;
	display: inline-block;
	margin: 1px;
}

input::placeholder{
	color: var(--contentInputPlaceholder);
}
input:-ms-input-placeholder{
	color: var(--contentInputPlaceholder);
}
input::-ms-input-placeholder{
	color: var(--contentInputPlaceholder);
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


label.uploadWrapper{
	border: 1px solid #ccc;
    border-radius: 4px;
	background: rgb(222,222,222);
	background: linear-gradient(0deg, rgba(222,222,222,1) 0%, rgba(255,255,255,1) 100%);
}
label.uploadWrapper input[type="file"]{
	background-color: inherit;
	border: none;
}


textarea{
	text-align: left;
	font-size: 14px;
	border: 1px solid #ccc;
    border-radius: 4px;
	padding: 6px 12px;
	color: var(--contentInputText);
    background-color: #fff;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	display: block;
	width: 98%;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
	resize: none;
}

textarea::placeholder{
	color: var(--contentInputPlaceholder);
}
textarea:-ms-input-placeholder{
	color: var(--contentInputPlaceholder);
}
textarea::-ms-input-placeholder{
	color: var(--contentInputPlaceholder);
}

label{
	display: inline-block;
	padding-top: 16px;
	padding-bottom: 4px;
	font-weight: bold;
	font-size: 14px;
}

hr{
	margin-top: 24px;
	margin-bottom: 24px;
}

table{
	margin: auto;
}

td.left{
	text-align: right;
	font-weight: bold;
}

td.right{
	text-align: left;
	font-weight: normal;
}

p.left{
	text-align: left;
	padding: 0px 12px;
}
p.center{
	text-align: center;
	padding: 0px 12px;
}

div.outerBodyWrapper{
	max-width: 1100px;
	margin: auto;
}
div.navbar{
	width: 100%;
	height: 52px;
	background-color: #222;
	background-color: var(--headerBg2);
	background-image: linear-gradient(to bottom,var(--headerBg1) 0,var(--headerBg2) 100%);
	color: #9d9d9d;
	color: var(--headerText);
}
div.navbar a{
	color: #9d9d9d;
	color: var(--headerText);
}

div.navbar img.headerLogo{
	width: 269px;
	height: 52px;
	float: right;
}

div.navbarItem{
	box-sizing: border-box;
	display: inline-block;
	padding: 18px 12px;
	cursor: pointer;
	height: 52px;
}
div.navbarItem:hover{
	background-color: var(--headerBg1);
}
h3.pageTitle{
	width: 600px;
	max-width: 98%;
	margin-left: auto;
	margin-right: auto;
}

div.contentWrapperOuter{
	width: 600px;
	max-width: 98%;
	margin: auto;
	background-color: var(--contentBg1);
	background-image: linear-gradient(to bottom,var(--contentBg1) 0,var(--contentBg2) 100%);
	color: #000;
	color: var(--contentText);
	border: 1px solid #000;
	border-radius: 5px;
	margin-bottom: 8px;
	margin-top: 8px;
}

div.contentWrapperInner{
	padding: 10px;
	text-align: center;
}

div.contentWrapperOuter h1, div.contentWrapperOuter h2, div.contentWrapperOuter h3, div.contentWrapperOuter h4{
	color: var(--contentTitle);
}

div.contentWrapperInner a{
	color: var(--contentLink);
}

div.center{
	text-align: center;
}

div.footerText{
	text-align: center;
}

div.spacer0{
	height: 8px;
}
div.spacer1{
	height: 16px;
}
div.spacer2{
	height: 24px;
}

div.accountItemWrapper{
	margin: 20px;
	border-radius: 20px;
	border: #ddd solid 1px;
	background-color: #efefef;
	padding: 10px 0px;
	box-shadow: 10px 10px 24px -12px rgba(0,0,0,0.33);
}
div.accountItemWrapper:hover{
	background-color: #f5f5f5;
}

img.clientImgAsBtn{
	margin: 6px 0px;
	cursor: pointer;
	user-select: none;
	width: 360px;
	max-width: 96%;
}

div.formRowSideBySide{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}

div.formRowSideBySide div.formRowLeft{
	font-weight: bold;
	text-align: right;
	width: 49%;
	min-width: 232px;
	padding-right: 3px;
}
div.formRowSideBySide div.formRowRight{
	text-align: left;
	width: 49%;
	min-width: 232px;
	padding-left: 3px;
}

@media(max-width:500px){
	div.formRowSideBySide div.formRowLeft, div.formRowSideBySide div.formRowRight{
		text-align: center;
	}
	div.formRowSideBySide{
		margin-bottom: 12px;
	}
}



.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}




button{
	margin: 6px 0px;
	padding: 6px 12px;
	font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
    cursor: pointer;
	user-select: none;
	border-radius: 4px;
	border: 1px solid transparent;
	width: 360px;
	max-width: 96%;
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}

button:disabled{
	opacity: .45;
}
/* 
19% brightness drop from standard to hover (top to bottom)
8% brightness drop from hover to active
*/

button.btn-blue{
	background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
	border-color: #245580;
	background-color: #337ab7;
	color: #fff;
}
button.btn-blue:hover{
	background-image: none;
	background-color: #265a88;
}
button.btn-blue:active{
	background-image: none;
	background-color: #214d74;
}




button.btn-green{
	background-image: linear-gradient(to bottom,#28a745 0,#1e7d34 100%);
	border-color: #245580;
	background-color: #28a745;
	color: #fff;
}
button.btn-green:hover{
	background-image: none;
	background-color: #1e7d34;
}
button.btn-green:active{
	background-image: none;
	background-color: #19692c;
}




button.btn-white{
	background-image: linear-gradient(to bottom,#ffffff 0,#cfcfcf 100%);
	border-color: #ccc;
	background-color: #ffffff;
	color: #000;
}
button.btn-white:hover{
	background-image: none;
	background-color: #cfcfcf;
}
button.btn-white:active{
	background-image: none;
	background-color: #b8b8b8;
}




button.btn-yellow{
	background-image: linear-gradient(to bottom,#ffc107 0,#cf9c06 100%);
	border-color: #b88c06;
	background-color: #ffc107;
	color: #000;
}
button.btn-yellow:hover{
	background-image: none;
	background-color: #cf9c06;
}
button.btn-yellow:active{
	background-image: none;
	background-color: #b88c06;
}




button.btn-grey{
	background-image: linear-gradient(to bottom,#6c757d 0,#42484d 100%);
	border-color: #303538;
	background-color: #6c757d;
	color: #fff;
}
button.btn-grey:hover{
	background-image: none;
	background-color: #42484d;
}
button.btn-grey:active{
	background-image: none;
	background-color: #303538;
}



button.btn-red{
	background-image: linear-gradient(to bottom,#dc3545 0,#ab2936 100%);
	border-color: #245580;
	background-color: #337ab7;
	color: #fff;
}
button.btn-red:hover{
	background-image: none;
	background-color: #ab2936;
}
button.btn-red:active{
	background-image: none;
	background-color: #962430;
}




button.btn-lg{
	min-height: 48px;
	font-size: 18px;
}

button.btn-lg span.material-icons{
	font-size: 20px;
}