/*--- Defaults ------------------------------------------*/
@font-face {
	font-family: 'ralewayextrabold';
	src: url('/themes/default/fonts/raleway-extrabold-webfont.eot');
	src: url('/themes/default/fonts/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
	     url('/themes/default/fonts/raleway-extrabold-webfont.woff2') format('woff2'),
	     url('/themes/default/fonts/raleway-extrabold-webfont.woff') format('woff'),
	     url('/themes/default/fonts/raleway-extrabold-webfont.ttf') format('truetype'),
	     url('/themes/default/fonts/raleway-extrabold-webfont.svg#ralewayextrabold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ralewayregular';
	src: url('/themes/default/fonts/raleway-regular-webfont.eot');
	src: url('/themes/default/fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('/themes/default/fonts/raleway-regular-webfont.woff2') format('woff2'),
	     url('/themes/default/fonts/raleway-regular-webfont.woff') format('woff'),
	     url('/themes/default/fonts/raleway-regular-webfont.ttf') format('truetype'),
	     url('/themes/default/fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: 'varelaregular';
	src: url('/themes/default/fonts/varela-regular-webfont.eot');
	src: url('/themes/default/fonts/varela-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('/themes/default/fonts/varela-regular-webfont.woff2') format('woff2'),
	     url('/themes/default/fonts/varela-regular-webfont.woff') format('woff'),
	     url('/themes/default/fonts/varela-regular-webfont.ttf') format('truetype'),
	     url('/themes/default/fonts/varela-regular-webfont.svg#varelaregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'UbuntoLight';
	src: url('/themes/default/fonts/Ubuntu-L.ttf');
}
@font-face {
	font-family: 'UbuntoMedium';
	src: url('/themes/default/fonts/Ubuntu-M.ttf');
}
@font-face {
	font-family: 'Ubunto';
	src: url('/themes/default/fonts/Ubuntu-R.ttf');
}
@font-face {
	font-family: 'UBold';
	src: url('/themes/default/fonts/Ubuntu-B.ttf');
}
html, body {
    	height: 100%;
}
body, td, th, div, input, textarea {
	font-size: 16px;
	font-family: 'Ubunto';
}
a {
	color: #ffa627;
	font-family: 'Ubunto';
}
body {
	margin: 0px;
	background-color: #01324a;
}

form, h1, h2, h3 {
	margin: 0px;
	font-family: 'Ubunto';
}
th, h1, h2, h3, h4, h5, h6, strong {
	font-weight: bold;
	font-family: 'Ubunto';
}
input, textarea {	
	border: 2px solid #a5a6a8;
	padding: 5px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-family: 'Ubunto';	
}
em {
	font-style: italic;
}
td {
	vertical-align: middle !important;
	height: 50px;
	min-height: 50px;
	font-size: 16px;
}
table a:not(.btn), 
.table a:not(.btn), 
a {
	color: #000;
}
table a:not(.btn):hover, 
.table a:not(.btn):hover, 
a:hover {
	color: #5c5c5c;
}
#searchBar {
	margin-top: -10px;
}
#searchBar form {
	margin: 10px 0 10px 0;
	padding: 0 20px;
	text-align: left;
}
#searchBar input[type=text] {
	min-width: 50%;
	max-width: 50%;
	width: 50%;
	height: 38px;
	vertical-align: middle;
	margin: 0;
	background-color: #ccc;
}
#searchBar input[type=text]:focus {
	background-color: #fff;
}
.navbar-header button {
	vertical-align: middle;
}
.ui-sortable-handle {
	cursor: pointer;
}
.left   { text-align: left; }
.center { text-align: center;}
.right  { text-align: right; }
.clear  { clear: both; }

a.btn {
	color: #fff;
	cursor: pointer;
}
.btn-add {
	color: #fff;
	background-color: #fd8a0e;
}
.btn-md {
	padding: 12px 16px;
}
.btn-lg {
	padding: 18px 24px;
	font-size: 22px;
}
#searchForm #searchNow {
	width: 70px;
	height: 70px;
	font-size: 22px;
	margin-top: 5px;
}
.btn-help {

}
#goBack .btn-help {
	height: 70px;
	font-size: 22px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.btn-facebook {
	color: #fff;
	background-color: #3c5a99;
}
.navbarLogo {
	margin-top: 4px;
	margin-bottom: 4px;
	display: inline-block;
}
.navbarLogo > img {
	max-height: 45px;
	padding-top: 2px;
}
.loginLogo {
	margin-bottom: 40px;
}
#controller_Login .navbar {
	display: none;
}
#controller_Login  {
	margin-top: 40px;
}
.nav>li {
	font-size: 18px;
}
.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li>a:focus {
	background-color: #0075b1;
}
.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus {
	color: #000;
	background-color: #fff;
}
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:hover, 
.navbar-default .navbar-nav>.open>a:focus,
.nested-dropdown {
	background-color: #0082c4;
}
.dropdown-menu {
	background-color: #006699;
}
table .btn-sm {
	padding: 2px 4px;
	font-size: 10px;
	line-height: 1.5;
	min-width: 55px;
}
table .btn-md {
	padding: 4px 10px;
	font-size: 16px;
	line-height: 1.5;
	min-width: 100px;
}
.btn-xlg {
	padding: 15px 30px;
	font-size: 24px;
	line-height: 1.5;
	min-width: 300px;
	border-color: 1px solid #686868;
}
table .btn-edit {
	background-color: #fd8a0e;
}
table .btn-edit:hover {
	background-color: #ffb86b;
}
.btn-upload {
	background-color: #828282;
}
.btn-upload:hover {
	background-color: #aeaeae;
}
.btn-userGamesUpload {
	background-color: #0ad006;
	width: 150px;
	height: 150px;
	margin-top: 0;
}
.btn-userGamesUpload:hover {
	background-color: #0ee40a;
}
.btn-queueView {
	background-color: #006699;;
	width: 150px;
	height: 150px;
	margin-top: 0;
}
.btn-queueView:hover {
	background-color: #0574ab;;
}
table .btn-view,
.btn-view {
	background-color: #006699;
}
table .btn-view:hover,
.btn-view:hover {
	background-color: #59a0ea;
}
table .btn-drag {
	color: #fff !important;
	background-color: #810f8b;
}
table .btn-drag:hover {
	background-color: #bc0fcc;
}
table .tlabel {
	font-weight: bold;
	width: 20%;
}
.btn-add-sub {
	color: #fff;
	background-color: #337ab7;
}
.btn-add-sub:hover {
	background-color: #1964a4;
}
.btn-add-visit {
	color: #fff;
	background-color: #940099;
}
.btn-add-visit:hover {
	background-color: #ad00b3;
}
a.btn-add-sub {
	color: #fff;
}
.btn-back {
	display: none;
}
.table > tbody > tr.warning > td {
	background-color: #fd8a0e;
	color: #fff;
	opacity: 0.9;
}
.table > tbody > tr.warning > td > a,
.table > tbody > tr.danger > td > a {
	color: #fff;
	text-decoration: underline;
}
.table-hover > tbody > tr.warning:hover > td {
	background-color: #cf7719;
}
.table > tbody > tr.danger > td {
	background-color: #da3939;
	color: #fff;
	opacity: 0.9;
}
.table-hover > tbody > tr.danger:hover > td {
	background-color: #bb2222;
}
.btn-add:hover {
	color: #fff;
	background-color: #dd7606;
}
.heading > h1 {
	margin: 20px 0 20px 5px;
	font-family: 'varelaregular';
	font-size: 20px;
}

.table-striped>thead>tr> th {
	border-bottom: 1px solid #4d4d4d;
	padding: 15px;
}
.table-striped>tbody>tr:nth-of-type(even) {
	background-color: #ebebeb;
	color: #000;
}
.table-striped>tbody>tr:nth-of-type(even) > td {
	border-bottom: 1px solid #4d4d4d;
	padding: 15px;
}
.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #fff;
	color: #000;
}
.table-striped>tbody>tr:nth-of-type(odd) > td {
	border-bottom: 1px solid #4d4d4d;
	padding: 15px;
}
.table-bordered {
	border-top: 0;
}
.table-bordered>thead>tr>th:first-child {
	border-top-left-radius: 8px;
}
.table-bordered>thead>tr>th:last-child {
	border-top-right-radius: 8px;
}
.table-bordered>tbody>tr:last-child>td:first-child {
	border-bottom-left-radius: 8px;
}
.table-bordered>tbody>tr:last-child>td:last-child {
	border-bottom-right-radius: 8px;
}
.table-bordered>tbody>tr:last-child>td,
.table-striped>tbody>tr:last-child>td {
	border-bottom: 0;
}
.table-striped>thead>tr>th {
	background-color: #2b3e50;
}
.headingMedium > h1 {
	margin: 16px 0 16px;
	font-family: 'varelaregular';
	font-size: 16px;
}
.hform .row > .col-sm-10,
.hform .row > .col-sm-8,
.hform .row > .col-sm-9 {
	height: 45px;  
	line-height: 45px;
}
.hform > .row > .attachments {
	height: auto;
	min-height: 45px;  
	line-height: 45px;
}
.hform > .row > .textarea {
	height: inherit;
	line-height: inherit;
}
.hform .hlabel > div {
	line-height: 20px;
	height: 20px;
	font-style: italic;
	font-size: 12px;
	margin-top: -10px;
}
.listActionButtons button > span {
	color: #fff;
}
.newContent {
	background-color: #f8f8f8;
	padding: 1.25rem;
	border: 2px solid #ccc;
	border-radius: 0.375rem;
	margin-bottom: 1.25rem;
	-moz-border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
}
.newContent > p {
	line-height: 1.3rem;
}
.newContent > h1 {
	color: #000;
}
.inactive,
.inactive > td {	
	color: #bcbcbc;
}
.fa-thumbs-down,
.sameIp {
	color: #e13737;
}
td.admin {
	text-align: right;
}

/*------------------- START FORM ELEMENT DEFAULTS -------------------*/
label {
	font-size: 16px;
	display: inline-block;
	color: #222;
}
input[type=text].smallTextInput,
input[type=number].smallTextInput {
	min-width: 100px;
}
input[type=text],
input[type=number],
input[type=password] {
	height: 45px;
	margin: 15px 10px 10px 0;
	border: 1px solid #CCC;
	background-color: #fff;
	border-radius: 5px;
	font-size: 16px;
	color: #222;
	padding-left: 15px;
	min-width: 350px;
}
textarea {
	min-height: 200px;
	min-width: 350px;
	border: 1px solid #CCC;
	background-color: #fff;
	margin: 15px 10px 10px 0;
	border-radius: 5px;
	font-size: 14px;
	padding: 10px 15px 10px 15px;
}
.upload,
.userGameUpload {
	position: relative;
	overflow: hidden;
	margin: 0px;
	vertical-align: top;
}
.userGameUpload {
	line-height: 175px;
}
.hform .upload > span,
.addEscapeRoom .upload > span {
	color: #fff;
}
.addEscapeRoom #name {
	margin-right: 0;
}
.addEscapeRoom .btn-success {
	margin-left: 5px;
}
.addEscapeRoom {
	margin-bottom: 60px;
}
.hform .formDivider {
	border-bottom: 1px solid #ccc;
}
.hform .noHeight > .row {
	height: inherit;
	line-height: inherit;
}
.hform a[data-toggle="tooltip"] {
	margin-left: 10px;
	color: #fff;
	vertical-align: top;
	display: inline-block;
}
.hform .textarea a[data-toggle="tooltip"],
.hform .textarea .fa-question-circle {
	vertical-align: top;
	margin-top: 20px;
	margin-left: 0;
}
.upload input[type=file] {
	height: 45px;
	border: 1px solid #CCC;
	position: absolute;
	color: #fff;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.addEscapeRoom .btn {
	height: 48px;
	line-height: 30px;
	font-size: 16px;
}
.userGameUpload input[type=file],
.addEscapeRoom input[type=file] {
	width: 200px;
	height: 200px;
	border: 1px solid #CCC;
	position: absolute;
	color: #fff;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.large input[type=text],
.large input[type=password]  {
	height: 65px;
	font-size: 20px;
}
.small input[type=text],
.small input[type=password]  {
	height: 25px;
	font-size: 12px;
}
.long input[type=text],
.long input[type=password]  {
	max-width: 600px;
	min-width: inherit;
	width: 600px;
}
.large label {
	font-size: 20px;
	color: #222;
}
input[type=text]:focus,
input[type=password]:focus {
	border: 1px solid #74b9ef;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(116,186,239,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(116,186,239,1);
	box-shadow: 0px 0px 5px 0px rgba(116,186,239,1);
}
input[type=text]:disabled,
input[type=password]:disabled {	
	border: 1px solid #4f5b72;
	background-color: #ccc;
}
input[type=text].success,
input[type=password].success {	
	border: 1px solid #00c96d;
	background-color: #e8fff4;
}
input[type=text].caution,
input[type=password].caution {
	border: 1px solid #fd8a0e;
	background-color: #fbf8e1;
}
input[type=text].error,
input[type=password].error,
textarea.error {
	border: 1px solid #f53438;
	background-color: #fdeaeb;
}
textarea:focus {
	border: 1px solid #74b9ef;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(116,186,239,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(116,186,239,1);
	box-shadow: 0px 0px 5px 0px rgba(116,186,239,1);
}
.errorOutput {
	display: none;
}
.errorOutput > div {
	color: #f53438
}
select {
	min-width: 350px;
	height: 45px;
	font-size: 16px;
	color: #222;
	background-color: #fff;
	min-width: 350px;
	border: 0;
	padding-left: 15px;
	-webkit-appearance: none;
	cursor: pointer;
}
.blue {
	background-color: #11a4d4;
}
select:focus {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(116,186,239,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(116,186,239,1);
	box-shadow: 0px 0px 5px 0px rgba(116,186,239,1);
}
div.selection {
	width: 350px;
	overflow: hidden;
	display: inline-block;
	border-radius: 5px;
	border: 1px solid #CCC;
	margin: 15px 10px 10px 10px;
	background: #fff url('/themes/default/images/forms/selectArrowRegular.png?v=1') no-repeat right;
}
div.selection:hover {
	background: #fff url('/themes/default/images/forms/selectArrowRegularFocused.png?v=1') no-repeat right;
}
div.selection > select {
	width: 378px;
	background: transparent;
	vertical-align: middle;
}
div.selection > select {
	width: 378px;
	background: transparent;
	vertical-align: middle;
}
div.mediumSelect div.selection {
	width: 225px;
	display: inline-block;
	background: #fff url('/themes/default/images/forms/selectArrowRegular.png?v=1') no-repeat right;
}
div.smallSelect div.selection {
	width: 150px;
	background: #fff url('/themes/default/images/forms/selectArrowRegular.png?v=1') no-repeat right;
}
div.smallSelect div.selection:hover {
	background: #fff url('/themes/default/images/forms/selectArrowRegularFocused.png?v=1') no-repeat right;
}
div.largeSelect div.selection {
	width: 500px;
	background: #fff url('/themes/default/images/forms/selectArrowRegular.png?v=1') no-repeat right;
}
div.largeSelect div.selection select {
	width: 455px;
}
div.largeSelect div.selection:hover {
	background: #fff url('/themes/default/images/forms/selectArrowRegularFocused.png?v=1') no-repeat right;
}
div.verySmallSelect div.selection {
	width: 90px;
	background: #fff url('/themes/default/images/forms/selectArrowRegular.png?v=1') no-repeat right;
}
div.large div.selection {
	background: #fff url('/themes/default/images/forms/selectArrowLarge.png?v=1') no-repeat right;
}
div.large div.selection:hover {
	background: #fff url('/themes/default/images/forms/selectArrowLargeFocused.png?v=1') no-repeat right;
}
div.large div.selection select {
	height: 65px;
	font-size: 20px;
}
input[type=radio],
input[type=checkbox] {
	display: none;
}
input[type=radio] + label,
input[type=checkbox] + label {
	vertical-align: top;
	width: 27px;
	height: 23px;
	background: url('/themes/default/images/forms/checkboxUnchecked.png') no-repeat right;
}
input[type=radio]:checked + label,
input[type=checkbox]:checked + label {
	background: url('/themes/default/images/forms/checkboxChecked.png') no-repeat right;
}
.hform input[type=radio] + label,
.hform input[type=checkbox] + label {
	margin-top: 10px;
}
.error input {
	border: 1px solid #f33d41;
	background-color: #fdeaeb;
}
label.smallLabel {
	display: inline-block;
	font-size: 16px;
	margin-right: 45px;
}
div.disabled,
div.disabled span {
	color: #CCC;
}
div.disabled select,
div.disabled input,
div.disabled .selection {
	background-color: #ccc;
}
div.formError {
	color: #f53438;
}
.vform {
	padding: 20px;
}
.vform .row {
	margin-bottom: 20px;
}
.hform input {
	margin: 0;
}
.hform {
}
.hform .hlabel {
	height: 45px;
	line-height: 45px;
	display: inline-block;
	text-align: right;
	font-weight: bold;
}
.hform .selection {
	margin: 0px;
}
.hform input {
	max-width: 350px;
}
.hform .row {
	margin-bottom: 30px;
}
.hform .shortRow {
	margin-bottom: 0px;
}
.hform input.long {
	width: 600px;
	max-width: 600px;
}
#wrapper > div:first-child {
	background-color: #000;
}
#contentHeading {
	min-height: 100px;
	border-bottom: 2px solid #403f3d;
	padding: 20px;
	
	background-image: linear-gradient(top, #ffffff 0%, #ffffff 50%, #d2d2d2 100%);
	background-image: -o-linear-gradient(top, #ffffff 0%, #ffffff 50%, #d2d2d2 100%);
	background-image: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #d2d2d2 100%);
	background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #d2d2d2 100%);
	background-image: -ms-linear-gradient(top, #ffffff 0%, #ffffff 50%, #d2d2d2 100%);
}
#contentHeading > .inner {
	background-color: #fff;
	border: 2px solid #000;
	padding: 20px;
	width: 710px;
	min-height: 77px;	
	
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#contentHeading > .inner > h1 {
	font-size: 20px;
}
#contentHeading > .inner > p {
	line-height: 20px;
}
#contentHeading > .button > input {
	margin-left: 70px;
}
#contentHeading > .button > input:first-child {
	margin-left: 0px;
}
#contentBody {	
	padding: 30px 20px 50px 20px;
}
.editActionButtons {
	margin-top: 20px;
}
.listActionButtons,
.searchBox {
	margin-bottom: 20px;
}
.searchBox input {
	margin: 0;
}
#error-box {
	background-color: #a6131d;
}

#alert-box {
	background-color: #4aa613;
}
.notification {
	width: 300px;
	margin-bottom: 20px;
	padding: 10px;
	color: #fff;	
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;

}
#alert-box:hover, #error-box:hover {
	cursor: pointer;
}
#alert-box li, #error-box li {
	margin-left: 20px;
	padding: 2px;
	list-style: none;
}
#alert-box ul, #error-box ul {
	margin-bottom: 0;
	padding-left: 0;
}

#header {
	width: 98%;
	margin: auto;
	text-align: center;
	font-size: 38px;
	text-align: left;
	margin-bottom: -2px;
}
#header img {
	width: 150px;
	margin: 10px 0 10px;
}
#header > a {
	color: #ccc;
}
#content {
	padding: 0 20px 0 20px;
}

#innerContent {
	border: 2px solid #403f3d;
	background-color: #fff;
	min-height: 300px;
	padding: 20px;
	
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}


/* Navigation */
nav img {
	padding: 0 20px 0 20px;
	max-height: 60px;
}
.navbar {
	margin-bottom: 0;
}
.nav {
	margin-top: 8px;
	margin-bottom: 8px;
}
.nav .dropdown-menu {
	padding-top: 0;
}
.navbar-default {
	background-color: #006699;
}
.navbar-default .navbar-nav>li>a.active {
	color: #ffd200;
}
.navbar-default .navbar-nav>.open>a.active,
.navbar-default .navbar-nav>.open>a.active:hover {
	color: #ffdb33;
}
nav{
	border-bottom: 0;
}
nav #queueCount {
	color: #06ff00;
}
nav .itemsInQueue {
	background-color: #04ad00;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.navbar-default .navbar-nav>li>.itemsInQueue:hover {
	background-color: #0ad006;
}
nav .queueCountWrapper {
	display: inline-block;
}
.userGameQueueRow .loader {
	position: absolute;
	width: 60%; 
	min-width: 200px;
	max-width: 400px;
	padding: 40px;
}
.table-striped>tbody>tr.eventGame,
.contentFrame .eventGame {
	background-color: #ffc000;
	color: #000;
}
.table-striped>tbody>tr.alertGame,
.contentFrame .alertGame,
.contentFrame .alertGame a {
	background-color: #dc3737;
	color: #fff;
}
.contentFrame .eventGame label,
.contentFrame .eventGame a {
	color: #000;
}
.contentFrame .eventGame a {
	font-family: 'UbuntoMedium';
	text-decoration: underline;
}
.contentFrame .eventGame .btn-userGamesUpload {
	background-color: #006699;
	color: #fff;
}
.contentFrame .eventGame .btn-userGamesUpload:hover {
	background-color: #0479b3;
	cursor: pointer;
}

/*===========================================================================
=============================================================================
=========================== New Styles Start ================================
=============================================================================
===========================================================================*/











/*===========================================================================
=============================================================================
=========================== New Styles End ================================
=============================================================================
===========================================================================*/































.eventGame .eventName {
	font-family: 'UBold';
}
.eventHeader {
	border-radius: 12px;
	background-color: #ffc000;
	text-align: center;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.eventHeader h1 {
	font-family: 'UbuntoMedium';
	font-size: 24px;
	padding-top: 10px;
	color: #000;
	margin-bottom: 20px;
}
.eventHeader p {
	margin-bottom: 40px;
	color: #000;
}
.eventHeader .actionWrapper {
	padding-bottom: 40px;
}
.eventTeamPhotos .photo {
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
}
.userGameQueueRow .loaderWrapper {
	height: 90px;
	text-align: center;
}
.userGameQueueRow .details {
	font-size: 14px;
}
.userGameQueueRow .btn-upload {
	color: #fff;
}
.userGameQueueRow .btn-danger {
	padding: 12px 18px;
}
.queueOverlay {
	position: absolute;
	max-width: 700px;
}
.loaderWrapper > img {
	height: 30px;
}

/* -------- Pagination --------- */
#listPagination {
	text-align: center;
	margin-bottom: 50px;
}
#listPagination a {
	margin: 0 5px;
	font-weight: bold;
	color: #fff;
	background-color: #347ecb;
	display: inline-block;
	padding: 8px;
	border-radius: 8px;
	min-width: 40px;
}
#listPagination a.nextPrev {
	margin: 30px 7px 15px 7px;
}
#listPagination div.current {
	display: inline-block;
	margin: 0 5px;
	font-weight: bold;
	background-color: #fd8a0e;
	color: #fff;
	padding: 8px;
	border-radius: 8px;
	min-width: 40px;
}

/*---------- Common Table ----------*/


#innerContent .add {
	color: #fff;
}
#innerContent .navButton, #innerContent .add, #innerContent .remove {
	color: #fff;
}
#descriptionTextarea,
.descriptionTextarea {
	width: 900px;
	height: 400px;	
	font-size: 1rem;
}
.navButton {
	display: inline-block;
	cursor: pointer;
	height: 20px;
	padding: 5px 10px 5px 10px;
	background-color: #e09c38;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	
	border: 2px solid #343330;
	
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	
	background-image: linear-gradient(top, #006699 0%, #0a4f72 50%, #08354c 100%);
	background-image: -o-linear-gradient(top, #006699 0%, #0a4f72 50%, #08354c 100%);
	background-image: -moz-linear-gradient(top, #006699 0%, #0a4f72 50%, #08354c 100%);
	background-image: -webkit-linear-gradient(top, #006699 0%, #0a4f72 50%, #08354c 100%);
	background-image: -ms-linear-gradient(top, #006699 0%, #0a4f72 50%, #08354c 100%);
}
.navButton:hover {
	color: #000;
	border: 2px solid #daaf78;
	text-decoration: none;
	background-image: linear-gradient(top, #a64713 0%, #e09c38 50%, #fdce7a 100%);
	background-image: -o-linear-gradient(top, #a64713 0%, #e09c38 50%, #fdce7a 100%);
	background-image: -moz-linear-gradient(top, #a64713 0%, #e09c38 50%, #fdce7a 100%);
	background-image: -webkit-linear-gradient(top, #a64713 0%, #e09c38 50%, #fdce7a 100%);
	background-image: -ms-linear-gradient(top, #a64713 0%, #e09c38 50%, #fdce7a 100%);
}
.add {
	background-image: linear-gradient(top, #329900 0%, #2a720a 50%, #2d3f26 100%);
	background-image: -o-linear-gradient(top, #329900 0%, #2a720a 50%, #2d3f26 100%);
	background-image: -moz-linear-gradient(top, #329900 0%, #2a720a 50%, #2d3f26 100%);
	background-image: -webkit-linear-gradient(top, #329900 0%, #2a720a 50%, #2d3f26 100%);
	background-image: -ms-linear-gradient(top, #329900 0%, #2a720a 50%, #2d3f26 100%);
}
.add:hover {
	border: 2px solid #2c492b;
	background-image: linear-gradient(top, #13a61d 0%, #40bf3a 50%, #2d5931 100%);
	background-image: -o-linear-gradient(top, #13a61d 0%, #40bf3a 50%, #2d5931 100%);
	background-image: -moz-linear-gradient(top, #13a61d 0%, #40bf3a 50%, #2d5931 100%);
	background-image: -webkit-linear-gradient(top, #13a61d 0%, #40bf3a 50%, #2d5931 100%);
	background-image: -ms-linear-gradient(top, #13a61d 0%, #40bf3a 50%, #2d5931 100%);
}
.remove {
	background-image: linear-gradient(top, #990000 0%, #720a0a 50%, #4c0808 100%);
	background-image: -o-linear-gradient(top, #990000 0%, #720a0a 50%, #4c0808 100%);
	background-image: -moz-linear-gradient(top, #990000 0%, #720a0a 50%, #4c0808 100%);
	background-image: -webkit-linear-gradient(top, #990000 0%, #720a0a 50%, #4c0808 100%);
	background-image: -ms-linear-gradient(top, #990000 0%, #720a0a 50%, #4c0808 100%);
}
.remove:hover {
	border: 2px solid #da7878;
	background-image: linear-gradient(top, #a61313 0%, #e09c38 50%, #fd7a7a 100%);
	background-image: -o-linear-gradient(top, #a61313 0%, #e03838 50%, #fd7a7a 100%);
	background-image: -moz-linear-gradient(top, #a61313 0%, #e03838 50%, #fd7a7a 100%);
	background-image: -webkit-linear-gradient(top, #a61313 0%, #e03838 50%, #fd7a7a 100%);
	background-image: -ms-linear-gradient(top, #a61313 0%, #e03838 50%, #fd7a7a 100%);
}
.navSelect {
	height: 34px;
}
.login {
	text-align: center;
	margin: 20px 0 20px;
}
.login > h1 {
	margin-bottom: 40px;
}
.login button {
	margin-top: 20px;
}
.login input:first-child {
	margin-bottom: 5px;
}
#forgotForm {
	margin-top: 100px;
}
#forgotForm .info {
	font-size: 18px;
	margin-bottom: 40px;
}
.tasks .clockin {
	background-color: #5b5b5b;
	color: #c1c1c1;
	background-image: -moz-linear-gradient(top, #5b5b5b 0%, #464b44 50%, #30332e 100%);
	background-image: -webkit-linear-gradient(top, #5b5b5b 0%, #464b44 50%, #30332e 100%);
}
button.add {
	height: 35px;
}
.events .mainSelect {
	margin: 0 0 20px 0;
}
.events .clock { background-color: #daffbc; }
.events .special { background-color: #ffe5bc; }

.totalCount {
	margin: 20px 0 20px 0;
}
h1.headerTitle {
	text-align: center;
	font-size: 22px;
	margin-bottom: 20px;
}
div.headerInput {
	margin-bottom: 20px;
	text-align: center;
}
div.headerInput > input {
	text-align: center;
}
div.tableFilter {
	text-align: center;
	margin-bottom: 20px;
}
div.tableFilter .stat {
	margin-top: 20px;
	font-weight: bold;
}
/*---- TableSorter -----*/

table.tablesorter thead tr .header {
	background-image: url(/themes/default/images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/themes/default/images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/themes/default/images/desc.gif);
}
.pager {
	margin: 20px 0 10px 0;
	text-align: center;
}
.pager > img {
	cursor: pointer;
}
.pager > .pagedisplay {
	width: 50px;
	border: 1px solid #ccc;
	text-align: center;
	font-size: 10px;
	height: 20px;
	color: #a29d9d;
}
/*---- Specifics -----*/
#country {
	width: 50px;
}
#descriptionLabel {
	line-height: 22px;
}
.descriptionHeader {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: normal;
}
.sprints .commonTable tr.inactiveSprint td,
.expenses .commonTable tr.inactiveExpense td {
	background-color: #ffeff7;
}
#descriptionArea {
	border: 3px solid #ccc;
	padding: 20px;
	background-color: #f9f9f9;
	margin-top: 30px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#adminUserContact .view #descriptionArea.notReplied {
	background-color: #ffc0c0;
}
#taskAttachmentModal,
#transcriptAttachmentModal,
#expenseAttachmentModal,
.throbberModal {
	display: none;
}
#attachmentList {
	padding: 0 0 10px 0;
}
#attachmentList li {
	padding: 3px;
}
#taskAttachmentModal,
#transcriptAttachmentModal,
#expenseAttachmentModal {
	line-height: 2rem;
}
.form {
	margin: 10px;
}
.form .button {
	margin: 25px 15px;
}
.infoText {
	margin: 25px;
}
.mce-panel { background-color: #fff; background-image: none; }

.inactive > td {
	background-color: #ffa5a5;
	color: #000;
}

.editUserGame .completionTime {
	width: 50px;
	min-width: 50px;
	max-width: 50px;
	text-align: center;
	padding: 0;
}
.editUserGame .time {
	width: 115px;
	min-width: 115px;
	max-width: 115px;
}
.editUserGame .imageWrapper {
	display: inline-block;
	max-height: 35px;
}
.editUserGame .imageWrapper img {
	max-height: 35px;

}
.editUserGame #capacity {
	width: 50px;
	max-width: 50px;
	min-width: 50px;
	text-align: center;
	padding: 0;
}
.btn {	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.editActionButtons .btn-success {
	display: none;
}
.btn-login-as {
	color: #fff;
	background-color: #cc0000;
}
.btn-login-as:hover {
	color: #fff;
	background-color: #ff0303;
}
nav .loggedInAs {
	background-color: #cc0000;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-left: 10px;
}
.navbar-default .navbar-nav>li>.loggedInAs:hover {
	background-color: #ff0303;
}
.btn-activity {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.btn-active {
	color: #fff;
	background-color: #48a42c;
}
.btn-inactive {
}
.btn-clear {
	background-color: #717171; 
}
.btn-clear:hover {
	background-color: #888787; 
}

.col-sm-12 span {
	color: #ffd800;
}
.dropdown-menu > li > a {
	font-size: 16px;
}
.viewWaiver {
	border: 1px solid #ccc;
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 20px;
}
input.small {
	width: 100px;
	min-width: 100px;
	max-width: 100px;
}
input.medium {
	width: 200px;
	min-width: 200px;
	max-width: 200px;
}

.hiddenForm {
	display: none;
}
#links .galleryImage {
	margin-right: 20px;
}
#links .galleryImage > div {
	margin-top: 10px;
}
.imagePreview {
	max-width: 300px;
}

.tooltip h1 {
	text-align: center;
	font-size: 16px;
	color: #fff;
	margin-bottom: 10px;
	text-transform: none;
}
.tooltip-inner {
	font-size: 16px;
	text-align: left;
	background-color: #4e5d6c;
	border-radius: 6px;
	color: #fff;
	padding: 20px;
	max-width: 500px;
	border: 1px solid #ccc;
}
.tooltip-inner div {
	font-size: 12px;
	color: #fff;
}
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
	border-top-color: #4e5d6c;
}
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow, 
.tooltip.bottom-right .tooltip-arrow {
	border-bottom-color: #4e5d6c;
}
.tooltip.right .tooltip-arrow {
	border-right-color: #4e5d6c;
	
}
.tooltip.left .tooltip-arrow {
	border-left-color: #4e5d6c;	
}
.row .withTooltip .sp-replacer,
.row .withTooltip a {
	vertical-align: middle;
}
.templateSelection .templatesHide {
	display: none;
}

/*---- Dealing with Uploads -----*/
.hform .uploadImageSelection > .col-sm-10 {
	height: 75px;
	max-height: 75px;
}
#siteImageGallery {
	height: inherit;
}
#siteImageGallery > div,
#uploadedImages > div {
	display: inline-block;
	text-align: center;
}
#siteImageGallery .removeImage,
#siteImageGallery .inUse,
#siteImageGallery .noImage,
#uploadedImages .removeImage,
#uploadedImages .inUse,
#uploadedImages .noImage {
	line-height: 20px;
	font-size: 10px;
	vertical-align: middle;
}
#siteImageGallery .removeImage > a,
#siteImageGallery .inUse > a,
#siteImageGallery .noImage > a, 
#uploadedImages .removeImage > a,
#uploadedImages .inUse > a,
#uploadedImages .noImage > a {
	cursor: pointer;
	text-decoration: none;
}
#siteImageGallery .removeImage > a > i,
#uploadedImages .removeImage > a > i {
	color: #cfab1d;
}
#siteImageGallery .removeImage > a > span,
#siteImageGallery .inUse > a > span,
#siteImageGallery .noImage > a > span,
#uploadedImages .removeImage > a > span,
#uploadedImages .inUse > a > span,
#uploadedImages .noImage > a > span {
	color: #fff;
}
#siteImageGallery .inUse > a > i,
#siteImageGallery .inUse > a > span,
#uploadedImages .inUse > a > i,
#uploadedImages .inUse > a > span {
	color: #ccc;
}
#siteImageGallery .noImage > a > i,
#siteImageGallery .noImage > a > span,
#uploadedImages .noImage > a > i,
#uploadedImages .noImage > a > span {
	color: #ccc;
}
#siteImageGallery .removeImage > a > i,
#siteImageGallery .removeImage > a > span,
#uploadedImages .removeImage > a > i,
#uploadedImages .removeImage > a > span {
	vertical-align: middle;
}
#siteImageGallery div.image,
#uploadedImages div.image,
.uploadImageSelection div.current {
	display: inline-block;
	padding: 10px;
	margin: 0 5px 3px 5px;
	height: 75px;
	max-height: 75px;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	max-width: 100px;
}
.uploadImageSelection div.current {
	background-color: #566573;
	margin-right: 10px;
	margin-left: 0;
	line-height: 45px;
}
#siteImageGallery div.image > img,
.uploadImageSelection div.current img {
	vertical-align: middle;
	max-height: 55px;
}
#siteImageGallery div.image:hover,
#siteImageGallery div.currentImageSelection .image,
#uploadedImages div.image:hover,
#uploadedImages div.currentImageSelection .image {
	background-color: #566573;
}
.uploadImagePreview,
#imageUploadGalleryHide,
.uploadImageFile {
	display: none;
}
.uploadImageFileError {
	display: none;
}
.uploadImageFileError .fa {
	color: #ff0000;
	vertical-align: middle;
}
.uploadImageFileError .error {
	vertical-align: middle;
	display: inline-block;
}
.siteImageForm .uploadImageSelection .hlabel,
.siteImageForm .uploadImageFile .hlabel {
	height: 75px;
	line-height: 75px;
}
#installationChecklist .siteImageForm .uploadImageSelection .hlabel,
#installationChecklist .siteImageForm .uploadImageFile .hlabel {
	height: 45px;
	line-height: 45px;
}
.siteImageForm span {
	color: #fff;
}
#userGames .completionTime {
	width: 45px;
	min-width: 45px;
	text-align: center;
	padding: 0;
	margin-right: 0;
}
#userGames .btn-success span {
	color: #fff;
}
#userGames .colon {
	font-size: 22px;
	color: #7d7d7d;
}
#userGames .selection {
	width: 90px;
}
#userGames select {
	font-size: 18px;
}
#userGames td {
	vertical-align: middle;
	font-size: 16px;
}
#userGames .didTheyEscape {
	display: block;
	font-size: 14px;
	margin-bottom: 5px;
	color: #00c404;
	font-weight: bold;
}
#userGames .upload,
#userGamesUpload {
	display: inline-block;
}
#userGames .imageWrapper {
	display: inline-block;
	display: none;
	max-width: 70%;
}
#userGames .imageWrapper img {
	border-radius: 6px;
}
#userGames .btn-md {
	padding: 12px 16px;
}
#userGames .userGameQueueRow input[type=text] {
	margin-top: 0;
	margin-bottom: 0;
}
#userGames .btn-edit {
	margin-right: 0;
}
#userGames input[type=text]:disabled {	
	border: 2px solid #afafaf;
	background-color: #ccc;
}
#userGames input[type=text] {	
	border: 2px solid #afafaf;
}
.userGameTeamImage {
	width: 200px;
	border: 1px solid #5e6a81;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#userGames i {
	font-size: 20px;
	color: #fff;
}
.privateGame,
.publicGame .label,
.privateGame .label {
	display: none;
}
.hform .escapeGameLabel {
	line-height: 10px;
	margin-top: 5px;
}
.hform .escapeGameLabel span {
	font-size: 14px;
	line-height: 10px;
	display: none;
}
.previewWrapper {
	padding: 0 20px;
}
.previewWrapper > div {
	border-radius: 8px;
	border: 2px solid #ccc;
	background-color: #fff;
	padding: 20px;
}
.previewWrapper iframe {
	width: 100%;
	height: 900px;
}

.siteImageForm .widget .hlabel {
	display: none;
}
#installationChecklist .siteImageForm .widget .hlabel {
	display: block;
}
button.completed,
.btn-success,
.btn-help {
	background-color: #00b204;
	border: 1px solid #00b204;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
button.completed:hover,
.btn-success:hover {
	background-color: #13cb17;
}
.btn-disabled {
	background-color: #6a6a6a;
	border: 1px solid #686868;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: default !important;
	pointer-events: none;
}
a.btn-disable,
button.btn-disable {
	background-color: #6a6a6a;
	border: 1px solid #686868;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: default !important;
}
a.btn-disable:hover,
button.btn-disable:hover {
	background-color: #828080;
}
.mce-panel {
	width: 900px;
}
.seo .btn-activity {
	margin-bottom: 5px;
}
.seo .btn-default {
	color: #fff;
}
.seo .btn-default:hover {
	background-color: #69737d;
}
.btn-gray {
	color: #000;
	background-color: #c6c6c6;  
}
.btn-gray:hover {
	background-color: #d4d6d7; 
}
.seo .btn-cancel {
	color: #fff;
	display: none;
	background-color: #4e5d6c;
}
.btn-queue {
	background-color: #04ad00;
}
.btn-hide {
	background-color: #6a6a6a;
}
.seo .btn-cancel:hover {
	color: #fff;
	background-color: #69737d;
}
#galleryImages {
	display: inline-block;
}
tr > #galleryImages {
	display: inherit;
}
.informationNotification { 
	background-color: #227705;
	padding: 20px;
	min-height: 200px;
	margin: 40px 0;

	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.informationNotification > h1 {
	font-size: 20px;
	margin-bottom: 20px;
}
.informationNotification > p {
	margin-bottom: 20px;
}
#leadDetails {	
	display: none;
}
.leadDetails { 
	background-color: #3b5268;
	padding: 20px;
	min-height: 200px;

	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.leadDetails > .detail {
	display: inline-block;
}
.leadDetails > .detail > div {
	display: inline-block;
	margin-left: 20px;	margin-right: 10px;
	vertical-align: middle;
}
.leadDetails > .detail:first-child div:first-child {
	margin-left: 0;
}
.leadDetails .detail .selection {
	margin-left: 20px;
}
.leadDetails .note {
	margin-top: 40px;
}
.leadDetails .note .selection {
	display: block;
	margin: 20px 0 20px 0;
}
.leadDetails .selection {
	width: 200px;
	min-width: 200px;
	max-width: 200px;
}
.leadDetails #next_contact_date {
	width: 200px;
	min-width: 200px;
	max-width: 200px;
}
#pastNotes .date {
	margin-bottom: 10px;
	display: inline-block;
}
#pastNotes .admin {
	display: inline-block;
	color: #f6851f;
}
#pastNotes i {
	color: #006699;
	margin-right: 10px;
}
#pastNotes .adminNote {
	max-height: 60px;
	overflow: hidden;
	cursor: pointer;
}
#pastNotes .adminNote .confirm i {
	margin-right: 0;
}
#pastNotes .btn {
	margin-top: 20px;
}
#toggleLeadDetails {
	color: #fd8a0e;
	margin-left: 5px;
	cursor: pointer;
}

#adminUserPrivileges .privileges > td {
	background-color: #993f3f;
}
.viewDetails {
	margin-bottom: 20px;
}
.viewDetails label {
	width: 250px;
	display: inline-block;
	color: #ffc000;
	font-weight: normal;
}
.viewDetails .gallery > div,
.viewDetails .gallery > a {
	vertical-align: top;
}
.viewDetails .gallery > .galleryImages {
	margin-bottom: 10px;
	display: inline-block;
}
.contentFrame .viewDetails h3 {
	font-weight: normal;
	font-size: 22px;
	margin-bottom: 10px;
}
.userGameImage {
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
	text-align: center;
	margin-bottom: 30px;
}
.userGameImage .link {
	font-size: 14px;
}
.userGameImage img {
	border-radius: 5px;
}
.loginAsAdminUser {
	margin-top: 20px;
}
p.notice {
	max-width: 500px;
	padding-bottom: 20px;
	font-style: italic;
}
.seoDetails h2 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
}
.seoDetails h3 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-left: 40px;
	display: inline-block;
	margin-right: 20px;
}
.seoDetails label {
	margin-bottom: 10px;
	margin-left: 80px;
}
.seoDetails .last {
	margin-bottom: 20px;
}
.seoDetails > div > div {
	max-width: 700px;
	display: block;
	margin: 0 0 20px 80px;
}
.hform span.available {
	color: #1dff00;
	padding-left: 10px;
	display: none;
}
.hform span.unavailable {
	color: #ff0000;
	padding-left: 10px;
	display: none;
}
.eggImage {
	background-color: #004b70;
	border: 1px solid #115d83;
	padding: 4px;
	border-radius: 5px;
}
.globalSiteImages > div {
	display: inline-block;
	text-align: center;
	padding: 10px;
	border-radius: 5px;
	vertical-align: top;
}
.globalSiteImages > div .imageWrapper {
	height: 75px;
}
.globalSiteImages .type {
	font-size: 8px;
	margin: 5px 0;
	color: #ccc;

}
.globalSiteImages > div:hover {
	background-color: #006699;
	cursor: pointer;
}
.globalSiteImages > div > a {
	margin: 10px 0;
	display: block;
	font-size: 12px;
}
.hform .storeHours > .col-sm-2,
.hform .storeHours > .col-sm-10 {
	height: inherit;
}
.storeHours input {
	width: 100px;
	max-width: 110px;
	min-width: 110px;
	margin-right: 10px;
}
.storeHours label {
	width: 150px;
	color: #fff;
}
.adminStats label.sub {
	margin-left: 40px;
	width: 210px;
}
.adminStats i {
	color: #fff;
	margin-left: 10px;
}
.adminNotification .heading {
	color: #16ef21;
	margin-bottom: 20px;
	font-weight: bold;
}
.adminNotification .description {
	color: #fff;
	margin-bottom: 20px;
}
.adminNotification a {
	margin-bottom: 20px;
}
#contactTable .contactAddWrapper {
	display: none;
}
#contactTable {
	margin-bottom: 10px;
}

.ui-datepicker-calendar td {
	height: inherit;
	text-align: center;
}
.ui-datepicker-calendar a:not(.btn), 
.ui-datepicker-calendar a:not(.btn) {
	text-decoration: none;
	text-align: center;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #fd8a0e;
    border: 1px solid #dad55e;
    color: #fff;
}
.ui-datepicker-calendar a:hover:not(.btn), 
.ui-datepicker-calendar a:hover:not(.btn) {
	color: #337ab7;
}
.filterLeads .selection {
	width: 200px;
	min-width: 200px;
	max-width: 200px;
	vertical-align: middle;
}
.filterLeads input {
	width: 125px;
	min-width: 125px;
	max-width: 125px;
	vertical-align: middle;
}
.filterLeads div.check {
	vertical-align: middle;
	display: inline-block;
	padding: 0 10px;
}
.weAreOpen {
	color: #16d112;
	font-weight: bold;
	display: inline-block;
}
.hourTooltips {
	color: #fff;
}
.leadTable label,
#salesTrip label {
	width: 120px;
	color: #fff;
	font-weight: normal;
}
.leadTable strong label,
#salesTrip strong label {
	font-weight: bold;
}
.facebookConnection {
	margin-bottom: 20px;
}
.storeSearch input,
#contacts input {
	width: 200px;
	max-width: 200px;
	min-width: 200px;
}
.storeSearch button {
	margin-left: 20px;
}
#contacts input {
	margin-right: 20px;
}
#contacts .btn {
	margin-left: 20px;
}
#contacts select,
#contacts .selection {
	margin-left: 0;
}
.socialNetwork img {
	width: 50px;
	height: 50px;
	margin-right: 10px;
}
.socialNetwork {
	margin-bottom: 20px;
}
.socialNetwork .info {
	display: inline-block;
	vertical-align: top;
}
.socialNetwork .info strong {
	display: block;
	margin-top: 3px;
}
#salesTrip input {
	width: 160px;
	min-width: 160px;
	max-width: 160px;
	background-color: inherit;
	border: 0;
	color: #fff;
	height: 25px;
	text-align: center;
}
.hform .puzzles .hlabel,
.hform .puzzles > .col-sm-10 {
	height: inherit;
}
.puzzleTypes > div {
	border: 1px solid #576e85;
	display: inline-block;
	padding: 0 10px;
	border-radius: 5px;
	background-color: #354c61;
	margin-right: 10px;
	margin-bottom: 10px; 

  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.puzzleTypes > div > label {
	margin-left: 10px;
}
#help {
	
}
#help h2 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
	cursor: pointer;
}
#help .subSection {
	margin-bottom: 20px;
}
#help .helpSection {
	margin: 20px 0 40px 0;
	padding-left: 40px;
	display: none;
}
#help .helpSection > ul {
	display: none;
}
#help ul {
	margin: 20px 0;
}
#help ul > li {
	list-style: disc;
	margin-bottom: 5px;
}
#help ol {
	padding-left: 40px;
}
#help ol > li {
	margin-bottom: 5px;
}
#help ul.discs > li {
	list-style: disc;
}
#help .answer {
	margin: 20px 0 20px 40px;
	border: 1px solid #172533;
	border-radius: 5px;
	padding: 20px;
	background-color: #344a5e;
	display: none;
}
#help img {
	width: 100%;
	margin-bottom: 20px;
}
#help .question {
	cursor: pointer;
	text-decoration: none;
	color: #fff;
}
#help ul.numeric li {
	list-style: decimal;
}
#help ul.numeric img {
	border-radius: 5px;
	margin: 20px 0;
}
#help .emphasis {

}
#help .helpImage {
	max-width: 500px;
}
#help #goBack {
	display: none;
}
#helpEditor textarea { 
	font-size: 16px; 
}
#helpEditor #preview {
	width: 70%; 
	margin: auto; 
	float: none;
}
.helpButtonWrapper > input,
.helpButtonWrapper > button {
	vertical-align: middle;
}
.storeConnection {
	border-radius: 5px;
	padding: 20px;
	background-color: #006699;
	margin-bottom: 10px;
}
.storeConnection img {
	border-radius: 5px;
	margin-right: 10px;
}
.storeConnection > .info{
	float: left; 
}
.storeConnection > .connect {
	float: right;
	vertical-align: middle;
}
.storeConnection > .connect .btn {
	margin-top: 5px;
}
.storeConnection .description {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
}
.storeConnection label {
	color: #fff;
	font-family: 'ralewayextrabold';
	display: block;
}
.storeConnection label > span {
	font-family: 'ralewayregular';
}
.connectionListing > .row {
	margin: 0 10px 15px 10px;
}
.socialNetwork .error {
	color: #ff4242;
}
.socialNetwork .error .btn {
	margin-top: 10px;
}
.queueConnection {
	margin-bottom: 20px;
}
#selectSubscription .vformHeading {
	font-weight: bold;
}
.connectionListing .guide label {
	display: inline-block;
}

.blueBox {
	border-radius: 12px;
	padding: 20px;
	border: 1px solid #556c82;
	background-color: #005985;
	margin-bottom: 20px;
	font-size: 18px;
}
.blueBox a {
	color: #ffb400;
}
.blueBox a.btn {
	color: #fff;
}
.blueBox h3 {
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 20px;
}
.blueBox div {
	font-size: 18px;
}
.blueBox em {
	color: #ffc000;
}
/*------------------------------------------------------------------------------------------------------------------------------*/
/*--------- Transactions -------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/


#addPaymentDetails .expiration input {
	width: 100px;
	min-width: 100px;
	max-width: 100px;
	padding: 0;
	text-align: center;
}
#addPaymentDetails #cvc {
	width: 70px;
	min-width: 70px;
	max-width: 70px;
	padding: 0;
	text-align: center;
}
#addPaymentDetails .theCreditCard > div {
	height: inherit !important;
	text-align: left;
}
#addPaymentDetails .theCreditCard .image {
	width: 400px;
	margin: 20px 0 20px 0;
}
.transactionWizard form,
.transactionWizard .box {
	border-radius: 12px;
	padding: 20px;
	border: 1px solid #556c82;
	background-color: #006699;
}
.transactionWizard label {
	font-weight: normal;
	width: 250px;
	display: inline-block;
	color: #fff;
}
.transactionWizard ul {
	margin: 20px 0;
}
.transactionWizard ul > li{
	list-style: none;
}
.transactionWizard h2 {
	font-size: 18px;
}
.wizardButtons {
	margin: 0 0 20px 0;
}
#selectSubscription #start_date {
	width: 130px;
	min-width: 130px;
	max-width: 130px;
}
#addPaymentDetails #zip {
	width: 120px;
	min-width: 120px;
	max-width: 120px;
}
#reviewTransaction .final {
	margin-bottom: 40px;
}
#reviewTransaction #update {
	margin-left: 40px;
	margin-bottom: 40px;
}
#reviewTransaction .yourDiscount {
	color: #40cf01;
}
#addPaymentDetails .userErrors {
	margin-bottom: 20px;
}
#addPaymentDetails .userErrors > div > i {
	vertical-align: middle;
	margin-right: 10px;
	color: #ffe400;
}
#addPaymentDetails .userErrors > div {
	background-color: #950101;
	font-size: 18px;
	border-radius: 5px;
	padding: 10px 20px;
	display: inline-block;
}
#thankYou img {
	margin: 40px;
}
#thankYou h1 {
	margin-bottom: 20px;
}

#thankYou .col-sm-12 {
	font-size: 18px;
}

#billingMethods td {
	width: 20%;
}
#informationUpdated {
	display: none;
}
#informationUpdated .col-sm-12 {
	margin-bottom: 20px;
}
#selectSubscription .addons {
	font-size: 14px;
	color: #fff;
	font-style: italic;
}
#selectSubscription a[data-toggle="tooltip"] {
	margin-left: 5px;
	margin-right: 10px;
}
#selectSubscription .discount {
	display: inline-block;
	color: #40cf01;
}
#pagePreloader {
	font-size: 60px;
	position: absolute;
	width: inherit;
	text-align: center;
	background-color: #000;
	height: 100%;
	width: 100%;
	opacity: 0.4;
	z-index: 100000;
	display: none;
}
#pagePreloaderImage {
	font-size: 60px;
	position: absolute;
	width: inherit;
	text-align: center;
	height: 100%;
	width: 100%;
	z-index: 100001;
	display: none;
}
#pagePreloaderImage img {
	margin-top: 100px;
}
#selectAddons .addonName {
	font-size: 24px;
	margin-bottom: 20px;
	color: #fff;
	border: 1px solid #34b537;
	display: inline-block;
	border-radius: 5px;
	padding: 10px 20px;
	min-width: 350px;
	background-color: #02a105;
}
#selectAddons .addonName i {
	color: #fff;
}
#selectAddons .addonDescription {
	margin-bottom: 20px;
}
#selectAddons .addonPrice {
	margin-bottom: 20px;
	font-size: 20px;
	font-style: italic;
}
#selectAddons .addonPrice > span{
	color: #ffd34d;
}
#selectAddons .thisAddon {
	margin-bottom: 60px;
}
#selectAddons .yesPlease {
	color: #45ff49;
}
#selectAddons .checkboxWrapper label {
	margin-top: -2px;
}
.subscriptionAddonName {
	margin-bottom: 10px;
}
.selectPackage .package {
	background-color: #fff;
	color: #000;
	padding: 20px;
	border-radius: 8px;
	width: 30%;
	min-width: 300px;
	margin: 10px;
	display: inline-block;
	vertical-align: top;
	border: 5px solid #006699;
}
.selectPackage .userSelection {
	border: 5px solid #ffcc00;
}
.selectPackage .basic {
	background: #cccccc;
	background: -moz-linear-gradient(top, #cccccc 0%, #ffffff 18%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cccccc 0%,#ffffff 18%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cccccc 0%,#ffffff 18%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.selectPackage .core {
	background: #5dc500;
	background: -moz-linear-gradient(top, #5dc500 0%, #ffffff 18%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #5dc500 0%,#ffffff 18%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #5dc500 0%,#ffffff 18%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5dc500', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.selectPackage .empowered {
	background: #ffcc00;
	background: -moz-linear-gradient(top, #ffcc00 0%, #ffffff 18%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffcc00 0%,#ffffff 18%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffcc00 0%,#ffffff 18%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.selectPackage .special {
	background: #004f78;
	background: -moz-linear-gradient(top, #004f78 0%, #ffffff 18%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #004f78 0%,#ffffff 18%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #004f78 0%,#ffffff 18%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004f78', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.selectPackage .monthly {
	background: #cccccc;
	background: -moz-linear-gradient(top, #cccccc 0%, #ffffff 18%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cccccc 0%,#ffffff 18%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cccccc 0%,#ffffff 18%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.selectPackage .quarterly {
	background: #2862b5;
	background: -moz-linear-gradient(top, #2862b5 0%, #ffffff 18%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #2862b5 0%,#ffffff 18%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #2862b5 0%,#ffffff 18%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2862b5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.selectPackage .annually {
	background: #9b25b8;
	background: -moz-linear-gradient(top, #9b25b8 0%, #ffffff 18%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #9b25b8 0%,#ffffff 18%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #9b25b8 0%,#ffffff 18%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b25b8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.selectPackage .package > h1 {
	text-align: center;
	border-radius: 8px;
	padding: 10px;
	box-shadow: 0px 5px 1px #ccc;
}
.selectPackage .basic h1 {
	background-color: #ccc;
}
.selectPackage .special h1 {
	color: #fff;
	background-color: #006699;
}
.selectPackage .core h1 {
	background-color: #5dc500;
}
.selectPackage .empowered h1 {
	background-color: #ffcc00;
}
.selectPackage .monthly h1 {
	background-color: #cccccc;
}
.selectPackage .quarterly h1 {
	background-color: #2862b5;
	color: #fff;
}
.selectPackage .annually h1 {
	background-color: #9b25b8;
	color: #fff;
}
.selectPackage .package > p {
	margin: 30px 20px 20px 20px;
	min-height: 50px;
}
.selectPackage .package ul {
	padding: 0;
	margin: 20px;
	min-height: 325px;
	display: inline-block;
}
.selectPackage .package ul > li {
	margin-bottom: 5px;
	font-size: 18px;
	text-align: left;
	cursor: pointer;
}
.selectPackage .package ul > li.new {
	color: #38ab00;
}
.selectPackage .package ul > li > i {
	padding-right: 5px;
	width: 25px;
}
.selectPackage .package button,
.customPackage button {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
}
.selectPackage .package img {
	width: 100%;
	max-width: 200px;
	margin-bottom: 20px;
}
.selectEmailPackage .package {
	width: 35%;
	min-height: 725px;
}
.selectEmailPackage .package img {
	width: 100%;
	max-width: 250px;
	margin-bottom: 20px;
}
.selectEmailPackage .package p.description {
	min-height: 125px;
}
.selectEmailPackage .emailSelection {
	margin-top: 30px;
	margin-bottom: 20px;
}
.selectEmailPackage .emailSelection {
}
.selectPackage .value {
	font-size: 60px;
	font-family: 'varelaregular';
	text-shadow: 2px 2px #ccc;
	font-weight: bold;
}
.selectPackage .valid {
	margin-bottom: 10px;
	font-style: italic;
	font-size: 14px;
}
.selectPackage .value span {
	font-size: 24px;
	font-style: italic;
	color: #ccc;
	padding-left: 5px;
	text-shadow: 0px 0px;
}
.selectPackage .totalValue {
	font-size: 20px;
	margin-bottom: 10px;
	color: #474746;
	font-style: italic;
}
.selectPackage .only {
	font-style: italic;
	color: #222;
}
.selectPackage .createPackage {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 24px;
}.selectPackage .createPackage a {
	color: #ffcc00;
}
.selectPackage .currentPlan {
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 10px;
}
.selectPackage .currentPlanDetails {
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 20px;
}
.selectPackage .currentPlanDetails .addons {
	font-size: 14px;
}
.upgradeTooltip {
	text-align: center;
}
.upgradeTooltip img {
	border-radius: 4px;
}
.upgradeTooltip h3 {
	text-align: center; 
	font-size: 20px; 
	margin-bottom: 10px; 
	color: #fd8a0e;
}
.upgradeTooltip p {
	font-size: 16px;
}
.customPackage {
	background-color: #fff;
	color: #000;
	padding: 20px;
	border-radius: 8px;
	min-height: 400px;
	margin: 10px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,ffffff+18,ffffff+100 */
	background: #006699;
	background: -moz-linear-gradient(top, #006699 0%, #ffffff 18%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #006699 0%,#ffffff 18%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #006699 0%,#ffffff 18%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006699', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.customPackage h1 {
	color: #fff;
	background-color: #006699;
	text-align: center;
	border-radius: 8px;
	padding: 10px;
	box-shadow: 0px 5px 1px #ccc;
	margin-bottom: 30px;
}
.billingIncrement .billed {
	margin-bottom: 5px;
	font-size: 14px;
	font-style: italic;
	color: #a6a6a6;
}
.billingIncrement h1 {
	margin-bottom: 40px;
}
.customPackage img {
	width: 100%;
	max-width: 250px;
	margin-top: 20px;
	margin-bottom: 40px;
}
.customPackage h2 {
	font-weight: normal;
	font-style: italic;
}
.customPackage table {
	width: 50%;
	margin: 40px auto 40px auto;
	border: 0;
}
.customPackage table > tbody > tr > td {
	text-align: left;
	font-size: 20px;
	border-bottom: 0;
	padding-left: 10px;
	padding-right: 10px;
}
.customPackage table > tbody > tr > td:last-child {
	text-align: right;
}
.customPackage .accept {
	vertical-align: middle;
}
.customPackage .accept label,
.customPackage .accept span {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
	color: #000;
}
.customPackage .cost label {
	width: 40px;
	color: #000;
	font-size: 20px;
}
.customPackage table > tbody > tr.selected > td {
	background-color: #c4ffaa;
}
.customPackage table > tbody > tr.selected > td:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.customPackage table > tbody > tr.selected > td:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.customPackage .customTotal {
	font-size: 25px;
	margin-bottom: 20px;
}
.togglePackageView,
.enableCheckbox,
.customPackage input,
.customPackage .checkboxLabel {
	cursor: pointer;
}



#installationChecklist table .btn {
	margin-left: 20px;
}
#installationChecklist .error {
	border: 1px solid #000;
	border-radius: 8px;
	background-color: #6d0000;
	padding: 20px;
	margin-bottom: 40px;
}
.editInstallationChecklist > div {
	height: 60px;
	min-height: 60px;
	max-height: 60px;
}
.editInstallationChecklist label {
	margin-left: 5px;
	margin-right: 20px;
}
#installationChecklist table td img {
	margin-right: 10px;
}
#installationChecklist table td {
	font-size: 18px;
}
#installationChecklist table td span {
	color: #fff;
}
#installationChecklist table td.completed,
#installationChecklist table td.completed span {
	color: #00e100;
}
#installationChecklist .logo {
	margin: 20px auto 20px auto;
	display: block;
}

#servicesToStores img {
	width: 25px;
	height: 25px;
	opacity: 0.7;
}
#orientIpad {
	position: absolute;
	z-index: 20000;
	text-align: center;
	width: 100%;
	pointer-events: none;
	display: none;
}
#orientIpad > img {
	max-width: 300px;
}
#orientIpad > h2 {
	font-size: 22px;
	vertical-align: middle;
	margin: 20px 0;
	line-height: 28px;
}
.queueButtonWrapper {
	padding: 20px 0;
}
.queueUpdate {
	padding: 0 20px;
	border-radius: 8px;
	margin: 0 4px 0 4px;
}
.accolades {
	border: 1px solid #ffea89;
	background-color: #ffbb04;
}
.queueUpdate #exit {
	position: absolute;
	right: 40px;
	top: 10px;
	color: #565859;
	cursor: pointer;
}
.queueUpdate #exit:hover {
	color: #6c7173;
}
.queueInfo {
	border: 1px solid #fff;
	background-color: #fff;
}
.queueInfo .review {
	color: #000;
}
.queueUpdate > div {
	display: inline-block;
	vertical-align: top;
}
.queueUpdate .trophy > img {
	float: left;
	width: 100px;
	margin-top: 15px;
}
.queueUpdate .trophy .clear {
	display: inline-block;
}
.queueUpdate .info {
	margin-left: 120px;
}
.queueUpdate .info h2,
.queueInfo h2 {
	font-size: 24px;
	color: #000;
	margin-bottom: 20px;
}
.queueUpdate .info ul > li {
	color: #000;
	margin-left: 20px;
	margin-bottom: 5px;
}
.queueUpdate .info ul{
	padding: 0;
	margin-bottom: 30px;
}
#isUS, #isCA {
	margin-top: 10px;
	margin-left: 20px;
}
.adminStats h4 {
	color: #ffc000;
	margin: 40px 0 20px 0;
}
.deleteRow {
	display: none;
}
.deleteRow span {
	color: #ffcc00;
}
.deleteRow td > div {
	margin-bottom: 20px;
}
table > tbody > tr.deleteRow > td {
	min-height: 100px;
	text-align: center;
	padding: 20px 0 20px 0;
}
.deleteRow > td:hover {
	background-color: inherit;
}
.deleteRow .deleteButton {
	background-color: #c61c00;
}
.deleteRow .whoops {
	background-color: #fff;
	color: #000;
	margin-left: 10px;
}
#userGames .photoRow {
	display: none;
}
#userGames .photoRow td > div {
	margin: 10px 0;
}
#userGames .arrowUp {
	height: 40px;
	display: none;
}
#userGames .queueDisabled {
	opacity: 0.2;
}
#unvalidatedStores .disabled {
	opacity: 0.5;
}
.statForm > div {
	display: inline-block;
	margin-right: 20px;
}
.displayChart {
	width: 100%;
	height: 500px;
	margin-bottom: 30px;
	margin-right: 20px;
	border-radius: 8px;
	display: inline-block;
}
input.dateSelect{
	width     : 180px;
	max-width : 180px;
	min-width : 180px;
	margin-bottom: 50px;
}
.dateIcon {
	position       : absolute;
	background     : url('/themes/default/images/calendarDisabled.png') no-repeat right;
	height         : 45px;
	width          : 180px;
	pointer-events : none;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	margin-top: 15px;
}
.dateIcon:hover {
	background : url('/themes/default/images/calendarEnabled.png') no-repeat right;
}
#chartGenderPlayers {
	float: right;
	margin-right: 0;
}
.exportCSV {
	margin-top: 20px;
}
.additionalInformationCSV {
	margin-bottom: 20px;
}
.statForm .export {
	display: block;
}
.export ul > li {
	list-style: none;
}
#installationChecklist .checklistHeading {
	text-align: center;
	margin-bottom: 40px;
	margin-top: 40px;
}
#installationChecklist .terms {
	text-align: center;
}
#installationChecklist .terms textarea {
	border-radius: 8px;
	color: #000;
	width: 80%;
	height: 400px;
}
#installationChecklist .terms button {
	margin-top: 20px;
}
#installationChecklist .terms .acceptance label {
	font-weight: normal;
	color: #fff;
}
#installationChecklist .box {
	width: 80%;
	min-height: 400px;
	border-radius: 8px;
	border: 1px solid #556c82;
	background-color: #006699;
	margin: auto;
	padding: 40px;
}
#installationChecklist .subscription p {
	margin-top: 40px;
}
#installationChecklist .box p {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 40px;
}
#installationChecklist .timeslots .room {
	display: inline-block;
}
#installationChecklist .timeslots .room:last-child {
	margin-right: 0px;
}
#installationChecklist .timeslots .room img {
	max-width: 150px;
	border-radius: 5px;
	margin-bottom: 20px;
}
#installationChecklist .timeslots .btn {
	margin-top: 20px;
}
#installationChecklist .timeslots .note {
	margin-top: 20px;
	font-style: italic;
	font-size: 14px;
	margin-bottom: 0;
}
#installationChecklist .devices .help {
	margin-bottom: 50px;
}
#installationChecklist .devices .letsContinue {
	margin-top: 80px;
}
#installationChecklist .deviceLinks {
	display: none;
}
#installationChecklist .webmaster {
	font-size: 18px;
}
#installationChecklist .webmaster strong {
	color: #ffd200;
}
#installationChecklist .webmaster h3 {
	margin-bottom: 20px;
	margin-top: 40px;
	color: #ffd200;
}
#installationChecklist .webmaster .statPageInput {
	width: 700px;
	min-width: 700px;
	max-width: 700px;
}
#installationChecklist .alternateDownload {
	font-size: 14px;
	margin-top: 20px;
	font-style: italic;
}
#installationChecklist .complete h3 {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 20px;
}
#installationChecklist .complete ul {
	padding-left: 0;
	margin-bottom: 40px;
}
#installationChecklist .complete li {
	list-style: none;
	font-size: 18px;
	text-align: left;
	margin-bottom: 10px;
}
#installationChecklist .complete li label {
	color: #ffcc00;
	font-weight: normal;
}
#installationChecklist .complete #searchBar form {
	padding: 0;
}
#installationChecklist .complete #searchBar {
	margin-bottom: 40px;
}
.chartWrapper {
	display: block;
	width: 100%;
}
.adminStatWrapper {
	margin-right: 20px;
	border-radius: 8px;
	display: inline-block;
	background-color: #fff;
	width: 100%;
	padding: 20px;
	color: #000;
}
#commandHelp label {
	color: #ccc;
	font-weight: normal;
	font-size: 20px;
}
#commandHelp form {
	margin-bottom: 40px;
}
#commandHelp form input {
	height: 37px;
}
.adminStatWrapper label {
	color: #000;
	font-weight: bold;
	width: 300px;
}
.adminStatWrapper i {
	color: #fd8a0e;
	min-width: 25px;
	text-align: center;
}
.statButtonLinks > .btn {
	margin-right: 10px;
}
.statHeading > h1 {
	margin-top: 0px;
}
.credited { 
	color: #ff0000;
}
#importCSVTable td {
	font-size: 10px;
	max-width: 100px;
	overflow: none;
}
.importSelection {
	width: 75px;
	max-width: 75px;
	min-width: 75px;
	font-size: 10px;
	height: 25px;
	padding: 0;
}
.excludeFirstRow {
	display: inline-block;
	margin-top: 10px;
	margin-right: 10px;
}
#usersCreated {
	color: #33c600;
	font-weight: bold;
	font-style: italic;
}
.unvlidatedGames span {
	color: gold;
}
.unvalidatedInput{
	display: none;
}
.unvalidatedInput input {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}
.escapeRoomActions label {
	width: 300px;
	color: gold;
	font-weight: normal;
}
.inlineForm > div:first-child {
	margin-top: 25px;
}
.inlineForm > div:last-child {
	margin-bottom: 25px;
}
.viewDetails .customer,
.viewDetails .logo {
	display: inline-block;
}
.viewDetails .customer > img,
.viewDetails .logo > img {
	width: 100px; 
}
.viewDetails .customer {
	padding: 5px;
	background-color: #006699;
	border-radius: 12px;
	display: inline-block;
}
.customerRow > td {
	background-color: #ffd07d; 
}
.countryLabels {
	display: inline-block;
	vertical-align: middle; 
	margin-top: -30px;
}
#removeNextContact {
	border-radius: 12px;
	background-color: #006699;
	padding: 5px 10px;
	margin: 0;
	cursor: pointer;
}
#removeNextContact:hover {
	background-color: #ff8503;
}
#demoEmailTo {
	margin: 20px 0;
}
#noteButtonWrapper a,
#emailButtonWrapper a {
	cursor: pointer;
}
.testEmailWrapper #message {
	color: #ccc;
	font-style: italic;
}
#frequencyMultiple {
	margin-top: 30px;
}

#frequency_offset,
#frequency_offset_birthday {
	width: 40px;
	max-width: 40px;
	min-width: 40px; 
	text-align: center; 
	padding: 0;
	vertical-align: middle;
}
#criteria_goal {
	width: 60px;
	max-width: 60px;
	min-width: 60px; 
	text-align: center; 
	padding: 0;
	vertical-align: middle;
}
.informative {
	color: #ffc30e;
	padding-bottom: 20px;
	font-size: 20px;
	margin-top: 20px;
}
.informativeSmall {
	padding-bottom: 20px;
	font-size: 16px;
}
.hform .checkboxWrapper input[type=radio] + label {
	margin-top: 0;
	margin-left: 5px;
}
.checkboxWrapper {
	margin-bottom: 10px;
}
#criteriaSpecifics {
	margin-top: 10px;
}
.noStats {
	font-size: 10px;
	color: #ccc;
}
.inlineSelection {
	vertical-align: middle;
}
.vlabel {
	margin-bottom: 20px;
	font-size: 20px;
	color: #ffc30e;
}
.addUserGameImage {
	color: #fff;
	width: 200px;
	height: 150px;
	display: inline-block;
	border: 1px solid #000;
	border-radius: 8px;
	background-color: #0ad006;
	text-align: center;
	line-height: 200px;
	margin-right: 10px;
}

.login {
	margin-top: 0;
}
.loginHeading h1 {
	font-size: 32px;
}
#loginUsername,
#loginPassword,
#forgotEmail  {
	height: 65px;
	width: 500px;
	font-size: 24px;
}
#loginForm .storeOptions {
	padding-bottom: 0;
}
#loginForm button {
	margin-bottom: 10px;
}
.backgroundLogo {
	position: absolute;
	border: 1px solid #fff;
	height: 100%;
	width: 100%;
	opacity: 0.3;
	background: #006699 url('/themes/default/images/logos/icon_orange_500.png?v=1') no-repeat left;
}

/*------------------------------------------------------------------------------------------------------------------------------*/
/*--------- Demo ---------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
#demoMask {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10000;
	background-color: #000;
	opacity: 0.5;
	display: none;
}
.demoArrow {
	position: absolute;
	width: 200px;
	height: 200px;
	z-index: 11000;
	top: 0;
}
.demoArrowSmall {
	position: absolute;
	width: 100px;
	height: 100px;
	z-index: 11000;
	top: 0;
}
#stepUsername .demoArrow {
	margin-top: -60px;
	margin-left: -400px;
}
#stepUsername .demoArrowSmall {
	margin-top: -13px;
	margin-left: -300px;
}
#stepPassword .demoArrowSmall {
	margin-top: 60px;
	margin-left: -300px;
}
#demoButton {
	top: 200px;	
}
.demoElement {
	position: absolute;
	z-index: 11000;	
	left: 50%;
}
.demoElement > div {
	position: relative; left: -50%;
}
#demoText {
	max-width: 550px;
	margin-bottom: 20px;
	padding-top: 20px;
	font-size: 24px;
	display: none;
}
#demoConfirmation {
	display: none;
}
.demoInfo > img {
	margin-left: 0px;
}
.demoTips > img,
.demoTime > img {
	margin-left: -30px;
}
.demoComplete > img {
	right: 100px;
}
.demoEscaped > img {
	margin-left: -10px;
}
.demoTeamPhoto > img {
	margin-left: 6px;
}
.queueUpdate .demoArrowSmall {
	margin-left: 20px;
}
.demoForLeaderboard {
	margin-top: -60px;
}
#demoConfirmation {
	margin-top: 0; 
	left: -50%;
   	position: relative;
}
#demoElementWrapper,
#demoElementWrapper i {
	color: #fff;
}
#demoElementWrapper i {
	margin-left: 0;
}
.adminStatWrapper #demoElementWrapper {
	margin-top: -200px;
}
.finishDemo ul {
	margin: auto;
	display: inline-block;
	width: 400px;
}
.login #demoConfirmation {
	position: static;
}
.storeOptions {
	padding-bottom: 40px;
}
#installationChecklist p a,
.storeOptions a {
	color: #ffa627;
}
.reviewOptions .storeOptions {
	padding-bottom: 0px;
}
.generalOptions .label,
.storeOptions .label {
	font-size: 20px;
	font-weight: normal;
	padding: 0;
	color: #ffba00;
	margin-bottom: 22px;
}
.generalOptions span,
.storeOptions span {
	color: #fff;
	display: inline-block;
	margin-right: 20px;
}
.contentFrame .widget {
	margin-top: 20px;
}
.contentFrame p.info {
	margin-bottom: 30px;
	display: block;
}
.contentFrame h1.infoHeading {
	margin-bottom: 30px;
	display: block;
	font-family: 'Ubunto';
	font-size: 24px;
}
.contentFrame .dateIcon {
	margin-top: 0;
}
.storeOptions .description {
	margin-bottom: 20px;
}
.storeOptions .checkbox {
	
}
.optionBackground {
	padding: 0 20px;
}
.optionBackground > div {
	padding: 0 20px;
	border-radius: 12px;
	padding: 20px;
	background-color: #005985;
}
.contentFrame {
	padding: 0 20px 20px 20px;
}
.contentFrame a,
.optionBackground a {
	color: #ffa800;
}
.contentFrame a.btn,
.optionBackground a.btn {
	color: #fff;
}
.contentFrame > div {
	padding: 0 20px;
	border-radius: 12px;
	padding: 20px;
	background-color: #005985;
}
.contentFrame form input,
.contentFrame form .selection,
.contentFrame form button,
.contentFrame form a.btn {
	margin-top: 0;
	margin-bottom: 30px;
	vertical-align: middle;
}
.contentFrame td .btn {
	margin-bottom: 0;
}
.updateLinks a {
	display: block;
	font-size: 20px;
	margin-bottom: 10px;
	text-decoration: none;
	cursor: pointer;
	color: #f8cc1e;
}
.emailOptions {
	display: none;
}
.storeOptions .selection {
	margin-left: 0;
}
.storeOptions .smallSelect .selection,
.storeOptions .smallSelect input {
	vertical-align: middle;
}
.storeOptions .smallSelect .selection {
	margin-left: 10px;
}
.editStoreEvent #expected_player_count {
	width: 70px;
	max-width: 70px;
	min-width: 70px;
	text-align: center;
	padding: 0;
}
.editStoreEvent #event_date {
	width: 130px;
	max-width: 130px;
	min-width: 130px;
}
.editStoreEvent #createdTimeSlots > .row {
	margin-bottom: 0;
}
.steps {
	margin-left: 5px;
	margin-bottom: 20px;
	position: absolute;
}
.steps > div {
	display: inline-block;
	vertical-align: top;
	width: 100px;
}
.steps div.step,
.steps div.divider {
	display: inline-block;
	background-color: #535353;
	padding: 5px 10px;
	font-size: 16px;
}
.steps div.info {
	font-size: 14px;
}
.steps div.step {
	border-radius: 4px;
	margin-bottom: 10px;
	width: 30px;
	text-align: center;
	font-family: 'UBold';
}
.steps .divider {
	width: 70px;
	height: 5px;
	border-radius: 0;
	position: absolute;
	margin-top: 10px;
	z-index: 50;
	margin-left: 30px;
}
.steps .content {
	cursor: pointer;
}
.steps div.active div.step{
	background-color: #fd8a0e;
}
.steps div.complete div.step{
	background-color: #00b204;
}
#timeSlot .selection,
#timeSlot #selectDate,
#timeSlot button {
	vertical-align: top;
}
#timeSlot .timeOfDaySelection {
	display: inline-block;
}
#timeSlot button {
	margin-bottom: 0;
}
#timeSlot #selectDate {
	margin-top: 2px;
}
.eventDetails input[type=text] {
	height: 48px;
	vertical-align: middle;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 20px;
}
.eventDetails button {
	vertical-align: middle;
}
.editStoreEvent #contactDetails,
.editStoreEvent #gameDetails,
.editStoreEvent #reviewDetails,
.eventTimeSlots #selectDate,
.eventTimeSlots #timeOfDaySelection {
	display: none;
}
.editStoreEvent .storeOptions {
	padding-bottom: 10px;
}
.editStoreEvent img { 
	width: 100%; 
}
.editStoreEvent .showGuide {
	display: none;
}
#timeSlot .escapeRoomSelection {
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}
#timeslot button {
	height: 47px;
}
#timeSlot #selectDate input[type=text]{
	height: 47px;
	width: 150px;
	min-width: 150px;
	max-width: 150px;
	padding: 0;
	text-align: center;
}
#timeSlot > div,
#timeSlot > button,
#timeSlot .selection {
	vertical-align: middle;
}
#timeSlot > button {
	height: 50px;
	padding: 10px 16px;
}
#timeSlot input,
#timeSlot .selection  {
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;	
}
.eventLowerHeading {
	margin-top: 60px;
}
#userGames .queueGameDate {
	color: #fff;
	font-size: 20px;
	background-color: #005985;
}
.userGameQueueRow input[type=checkbox] + label {
	background: url('/themes/default/images/forms/checkboxUncheckedHeavy.png') no-repeat right;
}
.userGameQueueRow input[type=checkbox]:checked + label {
	background: url('/themes/default/images/forms/checkboxHeavy.png') no-repeat right;
}
.adminStats .organizations {
	margin: 10px 0 0 20px;
}
.adminStats .organizations a {
	color: #006699;
}
#subscriptionChanged .col-sm-12 {
}
.hform .customAchievements input[type="checkbox"] + label {
	margin-top: 0;
}
.waiverLink .linkBoundingBox {
	padding: 20px;
}
.waiverLink .linkBoundingBox {
	font-size: 18px;	
}
.waiverLink .link {
	color: #333;
	text-align: center;
	font-size: 30px;
	background-color: #fff;
	padding: 10px 20px;
	margin: 60px auto 60px auto;
	border-radius: 8px;
}
.waiverLink .link:hover {
	background-color: #ffd200;
}
.waiverLink .link > a {
	color: #333;
	text-decoration: none;
}
.waiverLink .linkBoundingBox .center {
	font-size: 18px;
	margin-bottom: 20px;
	background-color: #2b445c;
	padding: 20px 30px;
	line-height: 26px;
	margin: 0 auto 40px auto;
	border-radius: 8px;
}
.waiverLink .linkBoundingBox .center span {
	color: #ffa208;
}
.viewDetails .gform > div {
	vertical-align: top;
}
.viewDetails #listUserGameImages {
	display: inline-block;
}
.viewDetails .gform .galleryImages {
	margin: 0 5px;
}
.userGameUploadLoading {
	display: none;
	width: 150px;
	height: 150px;
	text-align: center;
}
.userGameUploadLoading > img {
	padding-top: 40px; 
	vertical-align: middle;
}
.deleteUserGameImage {
	cursor: pointer;
}
form.qform div,
form.qform a.btn,
form.qform button {
	margin-bottom: 0;
}
.qform .addTeamPhotoLabel,
#hideLeaderboardUpdates span {
	color: #fff;
}
.mailchimpListName {
	color: #ffd800;
}
.connectionListing #confirm h2 {
	font-size: 24px;
	margin-bottom: 40px;
	font-weight: normal;
}
.viewingUserGameImage {
	width: 500px;
}
.viewingUserGameImage img {
	max-width: 500px;
	margin-bottom: 10px;
}
.viewingUserGameImage h1 {
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 20px;
}
.viewingUserGameImage .center {
	margin-bottom: 20px;
}
.upgradeAchievements .achievementIcon {
	display: inline-block;
}
#listAchievements .selection {
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
}
#listAchievements .selection {
	margin-top: 0;
	margin-left: 0;
}
#listAchievements .editActionButtons .btn {
	vertical-align: top;
	margin-top: 5px;
}
#dashboard {
	margin-top: 30px;
}
#dashboard .tile {
	text-align: center;
	display: inline-block;
	vertical-align: top;
}
#dashboard .tile > a.box {
	display: block;
	width: 200px;
	height: 200px;
	line-height: 200px;
	text-align: center;
	border-radius: 8px;
	margin: 0 20px;
	border: 5px solid #343434;
	background-color: #30567a;
	color: #ffc703;
}
#dashboard .disabled > a.box {
	border: 5px solid #ccc;
	color: #ccc;
}
#dashboard .noaccess > a.box {
	border: 5px solid #cdc294;
	color: #cdc294;
}
#dashboard .tile > a.label {
	display: block;
	font-size: 20px;
	margin: 5px 0 20px 0;
}
#dashboard .tile > a.label span {
	color: #ffc703;
}
#dashboard .disabled > a.label span {
	color: #ccc;
}
#dashboard .tile > a > i {
	margin-top: 60px;
}
#dashboard .tile .queue {
	background: url('/themes/default/images/dashboardQueue.png') center center;
}
#dashboard .tile:hover .queue {
	background: url('/themes/default/images/dashboardQueue.png') top left;
}
#dashboard .tile .team_photos {
	background: url('/themes/default/images/dashboardTeamPhotos.png') center center;
}
#dashboard .tile:hover .team_photos {
	background: url('/themes/default/images/dashboardTeamPhotos.png') top left;
}
#dashboard .tile .waivers {
	background: url('/themes/default/images/dashboardWaivers.png?v=1') center center;
}
#dashboard .tile:hover .waivers {
	background: url('/themes/default/images/dashboardWaivers.png') top left;
}
#dashboard .tile .stats {
	background: url('/themes/default/images/dashboardStats.png?v=1') center center;
}
#dashboard .tile:hover .stats {
	background: url('/themes/default/images/dashboardStats.png') top left;
}
#dashboard .tile .leaderboards {
	background: url('/themes/default/images/dashboardLeaderboards.png?v=1') bottom center;
}
#dashboard .tile:hover .leaderboards {
	background: url('/themes/default/images/dashboardLeaderboards.png') top left;
}
#dashboard .tile .achievements {
	background: url('/themes/default/images/dashboardAchievements.png?v=1') center center;
}
#dashboard .tile:hover .achievements {
	background: url('/themes/default/images/dashboardAchievements.png') top left;
}
#dashboard .tile .texting {
	background: url('/themes/default/images/dashboardTexting.png?v=1') center center;
}
#dashboard .tile:hover .texting {
	background: url('/themes/default/images/dashboardTexting.png') top left;
}
#dashboard .tile .event_manager {
	background: url('/themes/default/images/dashboardEventManager.png?v=1') top right;
}
#dashboard .tile:hover .event_manager {
	background: url('/themes/default/images/dashboardEventManager.png') center center;
}
#dashboard .tile .team_photos_many {
	background: url('/themes/default/images/dashboardMultipleTeamPhotos.png?v=3') top right;
}
#dashboard .tile:hover .team_photos_many {
	background: url('/themes/default/images/dashboardMultipleTeamPhotos.png?v=3') bottom left;
}
#dashboard .tile .review_scores {
	background: url('/themes/default/images/dashboardReviewScores.png?v=5') top right;
}
#dashboard .tile:hover .review_scores {
	background: url('/themes/default/images/dashboardReviewScores.png?v=5') bottom left;
}
#dashboard .tile .custom_achievements {
	background: url('/themes/default/images/dashboardCustomAchievements.png?v=1') center center;
}
#dashboard .tile:hover .custom_achievements {
	background: url('/themes/default/images/dashboardCustomAchievements.png?v=1') bottom center;
}
#dashboard .tile .help {
	background: url('/themes/default/images/dashboardHelp.png?v=1') top right;
}
#dashboard .tile:hover .help {
	background: url('/themes/default/images/dashboardHelp.png') bottom left;
}
#dashboard .tile:hover > a.box {
	cursor: pointer;
	border: 5px solid #ffc703;
	color: #ffc703;
}
#dashboard .noaccess:hover > a.box {
	border: 5px solid #cdc294;
	color: #cdc294;
}
#dashboardUpgrade ul {
	display: inline-block;
	margin: auto;
}
#dashboardUpgrade ul > li {
	text-align: left;
	font-size: 20px;
}
#dashboardUpgrade h1 {
	text-align: center;
	margin: 40px 0 40px 0;
	color: #262626;
	font-size: 36px;
}
#dashboardUpgrade span {
	color: #ef8f38;
}
#dashboardUpgrade .info {
	margin: 40px;
	color: #262626;
	font-size: 20px;
}
body #dashboardUpgrade .info div {
	font-size: 20px;
}
#dashboardUpgrade .info .verbiage {
	font-size: 20px;
	margin-bottom: 40px;
}
#dashboardUpgrade .photos {
	text-align: center;
}
#dashboardUpgrade .photos > img {
	margin: 10px;
}
#dashboardUpgrade .photos > img.border {
	border: 2px solid #262626;
}
#dashboardUpgrade .photos > img.noRadius {
	border-radius: 0;
}
#dashboardUpgrade .upsellBackdrop {
	border-radius: 8px;
	background-color: #fff;
	border: 2px solid #000;
	width: 95%;
	margin: 20px auto;
	min-height: 500px;
	padding-bottom: 40px;
}
#dashboardUpgrade .upsellBackdrop img {
	max-width: 300px;
	border-radius: 8px;
}
#dashboardUpgrade .orCall {
	margin-top: 40px;
	color: #262626;
}
#dashboardUpgrade .orCall a {
	color: #006699;
}
.errorText {
	border: 1px solid #fff;
	padding: 20px 20px;
	border-radius: 8px;
	background-color: #fff;
	color: #000;
}
.errorText i {
	color: red;
	margin-right: 10px;
	vertical-align: middle;
}
.stage3 > td {
	background-color: #55798d;
}
.stage4 > td {
	background-color: #8d7a55;
}

#survey label {
	color: #fff;
	font-weight: normal;
	display: block;
}
#survey .question  {
	display: block;
	margin-bottom: 40px;
}
#survey textarea {
	font-size: 16px;
	min-width: 700px;
	max-width: 700px;
	width: 700px;
}
.pastDue {
	margin: 20px;
	background-color: #cc0000;
	padding: 20px;
	border-radius: 6px;
}
.subscriptionExpiration {
	margin: 20px;
	background-color: #ffc600;
	padding: 20px;
	border-radius: 6px;
	color: #000;
}
#help h1 .back {
	font-size: 20px;
	display: inline-block;
	font-weight: normal;
	cursor: pointer;
	color: #ffd800;
}
#help h2 {
	font-size: 30px;
	font-weight: normal;
	cursor: normal;
	margin-bottom: 10px;
}
#help h3 {
	font-size: 22px;
	font-weight: normal;
	cursor: normal;
	margin: 30px 0 20px 30px;
}
#help .notes {
	margin-top: 10px;
	font-style: italic;
	color: #ffd800;
	margin-bottom: 20px;
}
#help #search {
	width: 600px;
	height: 70px;
	font-size: 24px;
	text-align: center;
}
#helpTopics .topic:hover {
	cursor: pointer;
	color: #ffd800;
}
#helpTopics .viewAnswer img {
	max-width: 500px;
}
#help .installationQuestions {
	margin-left: 40px;
}
#help .installationQuestions > li{
	list-style: disc;
}
.errorMessage {
	margin-bottom: 20px;
	text-align: center;
}
.errorMessage .output {
	color: #fff;
	background-color: #da3636;
	margin: auto;
	width: 500px;
	padding: 10px;
	border-radius: 8px;
}
.errorMessage .output a {
	text-decoration: underline;
	color: #fff;
}
.franchiseName {
	font-size: 18px;
	margin-bottom: 10px;
}
.nested-dropdown {
	position: absolute;
	top: 0;
}
.sub-dropdown .fa-caret-right {
	position: absolute;
	right: 5px;
	top: 6px;
}
.hform .waiverFields .hlabel {
	height: inherit;
	line-height: inherit;
	text-align: left;
	font-weight: normal;
	padding-left: 0;
}
.hform .waiverFields {
	margin-bottom: 5px;
}
.hform .waiverFields label,
.hform .waiverFields input[type="checkbox"] + label,
.hform .waiverFields input[type="radio"] + label {
	margin: 0;
}
.waiverFieldOptions {
	margin-bottom: 40px;
}
.contentFrame .widget .col-sm-3,
.contentFrame .widget .col-sm-9 {
	height: inherit;
	line-height: inherit;
}
#overlayBuilder {
	width: 1024px;
	height: 768px;
}
.overlayBuilderFrame {

}
.overlayBuilderFrame .uploadImageSelection div.current,
.overlayBuilderFrame .hlabel {
	display: none !important;
}
.overlayBuilderFrame .overlayElement {
	position: absolute;
	z-index: 100;
}
.overlayBuilderFrame #finalOverlay {
	display: none;
}
.overlayBuilderFrame .siteImageGallery > div {
	margin: 5px 5px 0 5px;
	vertical-align: top;
}
.overlayBuilderFrame .fieldTooltip {
	display: none;
}
.overlayBuilderFrame .btn {
	display: inline-block;
}
.overlayBuilderFrame .uploadImageWrapper .btn {
	width: 49%;
}
.overlayBuilderFrame .upload,
.overlayBuilderFrame .fileInput {
	width: 99%;
}
.overlayBuilderFrame #saveOverlay,
.overlayBuilderFrame #buy,
.overlayBuilderFrame #reset,
.overlayBuilderFrame #toggleTeamPhoto,
.overlayBuilderFrame #randomTeamPhoto {
	min-width: 160px;
}
.overlayBuilderFrame .toggleUploads {
	width: 49%;
}
#overlayBuilder { 
	border-left: 2px solid #454544;
	border-right: 2px solid #454544;
}
.overlayBuilderFrame .showButtonWrapper {
	background-color: #545453;
	width: 1024px;
	text-align: center;
	border-left: 2px solid #454544;
	border-right: 2px solid #454544;
	border-top: 2px solid #454544;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding-top: 5px;
}
.overlayBuilderFrame .tools {
	background-color: #545453;
	width: 1024px;
	text-align: center;
	border-left: 2px solid #454544;
	border-right: 2px solid #454544;
	border-top: 2px solid #454544;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
#uploadedImages {
	height: 100px;
	width: 3000px;
}
.uploadedImageOverlay {
	height: 140px;
	width: 1024px;
	overflow-y: hidden;
	background-color: #545453;
	border-left: 2px solid #454544;
	border-right: 2px solid #454544;
	border-bottom: 2px solid #454544;
}
.overlayBuilderFrame > div {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 22px;
}
.overlayBuilderFrame .noScrollbar {
	margin-top: 15px;
}
.overlayBuilderFrame #uploadedImages div.selectFile {
	width: 50px;
	height: 50px;
	background-color: #0ee40a;
	padding-top: 8px;
	vertical-align: top;
	margin-left: 10px;
	margin-top: 15px;
	text-align: center;
	cursor: pointer;
}
.overlayBuilderFrame #uploadedImages div.selectFile input {
	position: absolute;
	opacity: 0;
	width: 50px;
	height: 50px;
	margin-left: -10px;
	margin-top: -8px;
	background-color: #000;
	cursor: pointer;
}
.overlayBuilderFrame #uploadedImages div.selectFile:hover {
	background-color: #21f31d;
}
#overlayContsent {	
    	background-color: #525252;
}
#overlayBuilder {
	background-color: #666662;
	background-repeat: no-repeat;
	background-size: 1024px 768px;
}
.overlayBuilderFrame #arrow {
	position: absolute;
	z-index: 200;
	display: none;
    pointer-events: none;
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
#overlay {
	max-width: 1024px;
    pointer-events: none;
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none; 
            user-select: none;
}
.overlayBuilderFrame .disabled {
	background-color: #ccc;
}
.overlayBuilderFrame .removeImage,
.overlayBuilderFrame .inUse {
	margin-top: 10px;
}
.overlayBuilderFrame #arrow {
	margin-left: 10px;
}
.overlayBuilderFrame #uploadedImages .nonImage_15 {
	display: none;
}
.overlayBuilderFrame .moreInstructions,
.overlayBuilderFrame .moreInstructions span {
	margin-top: -10px;
	margin-bottom: 20px;
	color: #ffc000;
	cursor: pointer;
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.overlayBuilderFrame .info,
.overlayBuilderFrame #instructions  {
	padding: 10px;
}
.overlayBuilderFrame #instructions {
	display: none;
}
.overlayBuilderFrame #instructions img {
	margin-bottom: 20px;
}
.overlayBuilderFrame #instructions .heading {
	margin-bottom: 20px;
	font-size: 22px;
	
}
.overlayBuilderFrame #instructions span {
	color: #ffde00;
}
.overlayBuilderFrame #escapeRooms {
	display: none;
}
.overlayBuilderFrame #escapeRooms {
	position: absolute;
	width: 500px;
	border-radius: 4px;
	background-color: #464646;
	margin-top: 50px;
	margin-left: 260px;
	padding: 10px 20px 20px 20px;
	z-index: 200;
	text-align: center;
}
.overlayBuilderFrame #escapeRooms .room {
	margin-left: 20px;
	margin-bottom: 5px;
	font-size: 14px;
	display: inline-block;
	padding: 10px;
	border-radius: 4px;
	cursor: pointer;
}
.overlayBuilderFrame #escapeRooms .completed {
	display: none;
}
.overlayBuilderFrame #escapeRooms .room:hover {
	background-color: #5b5b5b;
}
.overlayBuilderFrame #escapeRooms .allRooms {
	margin-bottom: 20px;
}
.overlayBuilderFrame #escapeRooms .room > div {
	margin-bottom: 5px;
}
.overlayBuilderFrame .image img {
	max-height: 55px;	
}
#installationChecklist {
	margin-bottom: 100px;
}
#installationChecklist .waiverContent {
	font-size: 16px;
	width: 100%;
	height: 300px;
	margin-bottom: 40px;
}
#installationChecklist .waiver p,
#installationChecklist .facebook p {
	margin-bottom: 20px;
	line-height: inherit;
}
#installationChecklist .facebook p {
	margin-bottom: 60px;
}
#installationChecklist .facebook .success,
#installationChecklist .facebook .success div {
	color: #3eda00;
	font-size: 24px;
}
#installationChecklist .facebook .success {
	margin-bottom: 10px;
}
#installationChecklist .addEscapeRoom .selection,
#installationChecklist .addEscapeRoom input {
	vertical-align: middle;
}
#installationChecklist .next {
	margin-top: 60px;
}
#installationChecklist .next > a {
	vertical-align: middle;
}
#installationChecklist .imageWrapper {
	margin-bottom: 10px;
	text-align: center;
}
#installationChecklist .imageNote {
	margin-bottom: 80px;
	text-align: center;
	font-size: 16px;
	font-style: italic;
}
#installationChecklist .imageWrapper img {
	border-radius: 8px;
	width: 100%;
	max-width: 1000px;
}
#installationChecklist .heading {
	margin-top: 10px;
	margin-bottom: 40px;
	font-size: 30px;
	color: #ffba00;
}
#installationChecklist .icon {
	margin-top: -40px;
	color: #ffba00;
}
.deviceLinks .viewAnswer h1 {
	margin-bottom: 40px;
}
.escapeRoomTimeSlotSelection {
	margin-top: 60px;
}
.escapeRoomTimeSlotSelection p {
	margin-bottom: 20px;
	font-size: 18px;
}
.escapeRoomTimeSlotSelection .room {
	display: inline-block;
	padding: 10px;
	text-align: center;
	border-radius: 4px;
	cursor: pointer;
}
.escapeRoomTimeSlotSelection .room img {
	margin-bottom: 5px;
}
.escapeRoomTimeSlotSelection .room:hover {
	background-color: #006699;
}
#installationChecklist #previewImage {
	display: none;
}
#installationChecklist #previewImage > img {
	width: 50px;
	max-width: 50px;
	border-radius: 4px;
}
.teamPhotoBuilder .storeOptions {
	padding: 0 40px;
}
.teamPhotoBuilder .selectableOptions {
	margin-bottom: 40px;
}
.teamPhotoBuilder .uploadedImageOverlay {
	height: 120px;
	padding-top: 5px;
}
.teamPhotoBuilder .toggleUploads {
	width: 100%;
}
.teamPhotoBuilder #uploadedImages #selectFile {
	display: none;
}
.teamPhotoBuilder #uploadedImages .removeImage,
.teamPhotoBuilder #uploadedImages .inUse,
.teamPhotoBuilder #uploadedImages .noImage {
	display: none;
}
.teamPhotoBuilder #overlayContent .tools button {
	width: 49%;
}
.teamPhotoBuilder #teamName,
.teamPhotoBuilder #escapeTime,
.teamPhotoBuilder #escapedRoom {
	position: absolute;
	text-align: center;
	width: 1024px;
	font-size: 48px;
	font-family: UBold;
}
.teamPhotoBuilder #teamName {
	bottom: 200px;
}
.teamPhotoBuilder #teamName span,
.teamPhotoBuilder #escapedRoom,
.teamPhotoBuilder #escapeTime {
	text-shadow: 3px 3px #000000;	
}
.teamPhotoBuilder #escapedRoom {
	bottom: 140px;
}
.teamPhotoBuilder #escapeTime {
	bottom: 60px;
	font-size: 72px;
}
.overlayBuilderFrame .hlabel {
	display: block !important;
}
.screencastContent #overlayContent > div,
.screencastContent #overlayContent > p {
	padding: 0 20px;
}
.screencastContent .widget {
	margin-bottom: 40px;
}
.screencastContent .siteImageGallery {
	margin-top: 20px;
}
.screencasting .address {
	border: 1px solid #000;
	padding: 10px 20px;
	border-radius: 8px;
	margin-bottom: 40px;
	text-align: center;
	font-size: 30px;
	background-color: #fff;
	cursor: pointer;
	color: #000;
}
.screencasting .address:hover {
	background-color: #ffd200;
}
.screencasting .table .btn-success {
	cursor: inherit;
}
.screencastContent .galleryImages img,
.screencastContent .siteImageGallery .image img {
	max-width: 80px;
}
.hform .colorOptions .hlabel,
.colorOptions .hlabel {
	height: inherit;
	line-height: inherit;
	padding-top: 5px;
}
.tabWindow {
	margin-bottom: 50px;
}
.tabWindow .tab {
	display: inline-block;
	padding: 20px 40px;
	background-color: #2a435a;
	cursor: pointer;
	font-family: 'UBold';
	height: 60px;
}
.tabWindow .tab:hover {
	background-color: #005985;
}
.tabWindow .currentTab {
	background-color: #005985;
}
.tabWindow .currentTab:hover {
	background-color: #006699;
}
.tabWindow .tabNav > div:first-child {
	margin-left: 5px;
	border-top-left-radius: 8px;
}
.tabWindow .tabNav > div:last-child { 
	border-top-right-radius: 8px;
}
.tabWindow .tabBox {
	border-radius: 12px;
	padding-top: 5px;
}
.tabWindow .contentFrame {
	padding-bottom: 5px;
}
.tabWindow .contentFrame > div {
	border: 0;
	border-top-left-radius: 0px;
}
.tabWindow .tabContent {
	display: none;
}
.tabWindow .open {
	display: block;
}
.tabWindow .whiteContent {
	background-color: #fff; 
	padding: 20px; 
	border-radius: 8px; 
	color: #000; 
	margin-bottom: 20px;
}
.tabWindow .whiteContent label {
	font-weight: normal;
	width: 300px;
}
.tabWindow .whiteContent h4 {
	margin: 0;
}
.tabWindow .whiteContent hr {
	margin-top: 5px;
}
.tabWindow #paymentForm input {
	margin: 0;
}
.table-striped > tbody > tr.active > td {
	background-color: #28bf00;
	color: #000;
}
.table-striped > tbody > tr.active:hover > td {
	background-color: #28bf00;
}
.col-sm-12 .adminNote span {
	color: #000;
}
.incoming > td {
	background-color: #ffd053;
}
#pastNotes .incoming > td .admin {
	color: #000;
}
.noteFrame #noteEntry {
	width: 100%;
	height: 175px;
	min-height: 175px;
	font-size: 18px;
}
#charCount span {
	color: #fff;
}
#customerNotes .note {
	margin-bottom: 20px;
}
#customerNotes .posted {
	margin-bottom: 5px;
}
#tn_notes span {
	color: #fff;
}
.customMessaging #message {
	font-size: 16px;
}
.customMessaging #insertImageTag {
	font-size: 16px;
}
.photoRow .customMessaging > div {
	display: inline-block;
}
#userGames .photoRow .selection {
	width: 200px;
}
#userGames .userGameQueueRow .phoneLabels {
	display: none;
}
#userGames .userGameQueueRow select option.labeled { 
	display: none;
}
#userGames .userGameQueueRow .phoneTip {
	display: none;
}
#userGames .timeHolder {
	display: inline-block;
}
#editEmailCampaign #criteria_value {
	width: 70px;
	min-width: 70px;
	text-align: center;
	padding: 0;
}
#editEmailCampaign #days_to_send {
	width: 50px;
	min-width: 50px;
	text-align: center;
	padding: 0;
}
#editEmailCampaign .specificCriteria {
	margin: 0;
}
#editEmailCampaign #comparisonSelection .selection,
#editEmailCampaign #comparisonSelection input  {
	vertical-align: middle;
	margin-bottom: 0;
}
#editEmailCampaign #comparisonSelection input {
	margin: 0 10px;
}
#editEmailCampaign #specifics {
	margin-bottom: 30px;
}
#loginForm .sendingInstructions .center button,
#loginForm .sendingInstructions .center a {
	vertical-align: middle;
	margin-bottom: 0;
}
#whenToSend span {
	color: #ffc000;
	margin-right: 0;
}
.emailCodeWrapper {
	min-height: 100%;
    	height: 100%;
}
#emailCode {
	width: 100%;
	height: 100%;
	min-height: 100%;
}

/* --- Email Templates --- */
#emailCompositionWindow #imagesContent,
#emailCompositionWindow #tagsContent,
#emailCompositionWindow #previewContent {
        position: absolute;
        z-index: 99;
        width: 100%;
        display: none;
}
#codeIFrame,
#preview {
        border: 0;
}
.templateName {
        display: inline-block;
        margin-left: 20px;
        cursor: pointer;
}
.templateName i {
        display: inline-block;
        margin-left: 10px;
}
#emailCompositionWindow #imagesContent .contentImages {
        padding: 20px;
        background-color: #f2f2f2;
        margin: 0 10px 0 15px;
        color: #000;
}
#emailCompositionWindow #tagsContent > div,
#emailCompositionWindow #previewContent > div {
        color: #000;
        font-size: 18px;
        padding: 20px;
        margin-left: 15px;
        background-color: #f2f2f2;
}
#emailCompositionWindow #tagsContent .content > p {
        font-size: 18px;
}

#emailCompositionWindow .top {
        width: 49%;
        vertical-align: top;
        display: inline-block;
} 

#emailCompositionWindow .closeIcon {
        color: #686868;
}

.contentImages,
#tagsContent > div {
        overflow-x: scroll;
}
.contentImages .imageWrapper {
        margin-top: 40px;
}
.contentImages .upload {
        color: #fff;
}
.contentImages .upload:hover {
        background-color: #4ed425;
}
.contentImages .copyImage {
        position: absolute;
        border-radius: 4px;
        background-color: #fd8a0e;
        color: #fff;
        width: 30px;
        height: 30px;
        margin-top: 247px;
        margin-left: 265px;
        padding-top: 4px;
        text-align: center;
        cursor: pointer;
}
.copyCursor {
        cursor: pointer;        
}
.contentImages .copyImage:hover {
        background-color: #ffa94d;
}
.contentImages .deleteImage {
        position: absolute;
        border-radius: 4px;
        background-color: #a9a9a9;
        color: #fff;
        width: 30px;
        height: 30px;
        margin-top: 247px;
        margin-left: 300px;
        padding-top: 4px;
        text-align: center;
        cursor: pointer;
}
.contentImages .deleteImage:hover {
        background-color: #c3c3c3;
}

.contentImages .image {
        width: 340px;
        height: 286px;
        background-color: #ccc;
        display: inline-block;
        margin: 5px;
        vertical-align: top;
        text-align: center;
}
.contentImages .image img {
        max-width: 340px;
        max-height: 286px;
}
#emailCompositionWindow #imagesContent .copied {
        display: inline-block;
        margin-left: 20px;
}
#emailCompositionWindow #imagesContent .copied > div {
        display: none;
}
#emailCompositionWindow {
        margin-top: 20px;
}
#emailCompositionWindow h2 {
        margin-bottom: 20px;
        color: #000;
}
#emailCompositionWindow h3 {
        margin-bottom: 20px;
}
#codeWindow {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        font-size: 12px;
}
.btn-add-active {
        border: 1px solid #fff;
}
.btn-view-active {
        border: 1px solid #fff;
}
.col-sm-12 span {
    color: inherit;        
}
.CodeMirror {
        height: 100%;
}
#save:focus {
        border: 0;
}
#copyHolder {
        display: none;
}
.previewNav,
.templateName,
#save,
#removeTemplate {
        display: none;
}

.toggleActive {
	color: #1de214;
}
.toggleInactive {
	color: red;
}
#conversionEstimation {
        display: none;
}
#estimateDetails .estimateValue,
#reviewDetails span {
        margin: 0; 
        font-weight: bold;
        color: gold;
} 
#emailMarketingNote {
	background-color: gold; 
	border-radius: 4px; 
	padding: 20px; 
	color: #000; 
	margin-top: 20px; 
	cursor: pointer;
}
#emailMarketingNote #tiers {
	display: none;
}
.estimateTable {
        width: 100%;
        margin-top: 20px;
}
.estimateTable td {
        padding: 10px;
        background-color: #085175;
}
.final .estimateTable td {
        background-color: #fff;
}
.estimateTable thead td {
        background-color: #2b3e50;
}
.final .estimateTable thead td {
        background-color: #4e4a4a;
        color: #fff;
}
.estimateTable .gold {
        color: gold;
}
#reviewDetails ul {
        margin-left: 0;
        padding-left: 0;
}
#reviewDetails li {
        list-style: none;
        margin-left: 0;
        padding-left: 0;
}
#reviewDetails label {
        min-width: 200px;
        color: #fff;
        font-weight: normal;
}
#reviewDetails li > div {
        display: inline-block;
        color: gold;
}
#whoToSendTo {
	display: none;
}
#dollar {
	position: absolute;
	color: #000;
	margin-top: 14px;
	margin-left: 4px;
}
.spanErrors {
	margin-top: -20px;
	margin-bottom: 20px;
	color: #ff3c3c;
	font-style: italic;
	display: none;
}
#how,
#count { 
    	font-size: 20px; 
}
.buttons button {
    	margin-right: 5px;
}
.costSelected td {
	font-weight: bold;
	background-color: gold;
	color: #000;
}
#userGames .userGameQueueRow .review {
	margin-top: 10px;
}
.tagTable  {
	width: 100%;
}
.tagTable td {
	width: 33%;
	padding-left: 15px;
}
.tagTable td.heading {
	font-weight: bold; 
	background-color: #ff8503;
}
#contactUs .contactForm {
	padding-left: 40px;
}
#contactUs h3 {
	margin-bottom: 5px;
	margin-top: 10px;
	margin-left: 0;
}
#contactUs input {
	margin-bottom: 10px;
	width: 400px;
	max-width: 400px;
	min-width: 400px;
}
#contactUs textarea {
	width: 600px;
	height: 200px;
}
.label .serviceHeading {
	display: inline-block; 
	vertical-align: middle;
	margin-bottom: 30px; 
	margin-left: 10px; 
	font-size: 22px;
}
.upsell .priceStarburst {
	background: url('/themes/default/images/starburst_200-1.png?v=1'); 
	width: 200px; 
	height: 200px; 
	text-align: center; 
	font-size: 34px; 
	margin: 0 auto 40px auto;
}
.upsell .priceCost {
	font-size: 60px; 
	display: inline-block; 
	margin-top: 55px; 
	font-family: UBold; 
	color: #fff; 
	-webkit-text-stroke: 2px #000;
}
.upsell .priceInterval {
	font-size: 14px; 
	display: inline-block; 
	font-family: UBold;
}
.upsell .pricePrompt {
	font-size: 18px; 
	margin-bottom: 20px;
}
.upsell .photo {
	text-align: center; 
	margin-bottom: 40px;
}
.upsell .photo img {
	max-width: 400px;
}
.activeAddon i,
.activeAddon span {
	color: #ffd800;
}
.inActiveAddon i,
.inActiveAddon span {
	color: #ccc;
}
.upsell .newAddon {
	text-align: center;
	margin-bottom: 50px;
	background-color: #19ab06;
	padding: 20px;
	border-radius: 8px;
	margin-top: 20px;
}
.upsell .newAddon > div{
	font-size: 50px;
	margin-bottom: 40px;
}
.upsellWindow {
	background-color: #ffc600;
	padding: 20px;
	border-radius: 12px;
	margin: 0 5px 20px 5px;
	color: #000;
}
.upsell .noAccess {
	background-color: #ededed; 
	color: #000;
	border-radius: 8px;
	padding: 20px;
	border: 2px solid red;
}
.userGameQueueRow .showParticipants {
	cursor: pointer; 
	font-size: 14px;
	display: inline-block;
}
.userGameQueueRow .participantsInQueue ul {
	padding-left: 15px;
	margin-top: 5px;
}
.userGameQueueRow .participantsInQueue li {
	font-size: 14px;
	vertical-align: bottom;
	margin-bottom: 3px;
}
#userGames .userGameQueueRow .participantsInQueue i.fa-clipboard-check {
	color: #53c210; margin: 0 3px;
}
#userGames .userGameQueueRow .participantsInQueue i.fa-birthday-cake {
	color: #006699;
}
#userGames .userGameQueueRow .participantsInQueue .noteAlert a,
#userGames .userGameQueueRow .participantsInQueue i.fa-money-check-alt,
#userGames .userGameQueueRow .participantsInQueue i.fa-heart-broken,
#userGames .userGameQueueRow .participantsInQueue i.fa-exclamation-circle {
	color: #000 !important;
	font-weight: bold;
}
#customerNotes .noteAlert {
	background-color: #d90909;
	padding: 10px;
	border-radius: 4px;
}
.table-striped>tbody>tr.alertUser:nth-of-type(odd),
.table-striped>tbody>tr.alertUser:nth-of-type(even) {
	background-color: #dc3737;
}
.table-striped>tbody>tr.noStatTracking:nth-of-type(odd),
.table-striped>tbody>tr.noStatTracking:nth-of-type(even) {
	background-color: #ccc;
}
.table-striped>tbody>tr.noStatTracking:nth-of-type(odd) .btn-queue,
.table-striped>tbody>tr.noStatTracking:nth-of-type(even) .btn-queue {
	background-color: #949494;

}
#userGames .alternateScoreInput {
	width: 200px; 
	max-width: 200px; 
	min-width: 200px; 
	text-align: center; 
	padding-left: 0;
	font-size: 20px;
}


.statProfiles .statPanel {
        width: 100%;
        margin-bottom: 30px;
}
.statProfiles .statPanel > h3 {
        font-size: 20px; color:#000;
        font-weight: normal; 
        border: 1px solid #000; 
        padding: 10px; 
        margin-bottom: 0;
        background-color: #595959;
        color: #fff;
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
}
.statProfiles .statPanel .storeStat,
.statProfiles .statPanel .statHolder,
.statProfiles .statPanel .regionalStat,
.statProfiles .statPanel .nationalStat {
        padding: 10px;
        font-size: 18px; 
        color: #000;
        width: 33.3%;
        display: inline-block;
        text-align: center;
}
.statProfile .progressBar {
        width: 100%;
}
.statProfiles .statPanel .statHolder {
        width: inherit;
}
.breakdownLink .pstore {
        margin-right: 5px;
}
.statProfiles .statPanel .storeStat {
        padding: 10px;
        font-size: 18px; 
        color: #000;
}
.statProfiles .statPanel > div {
        font-size: 18px; 
        background-color: #<?= $color[1] ?>;
        color: #000;
        border-left: 1px solid #000; 
        border-right: 1px solid #000; 
        border-bottom: 1px solid #000; 
}
.profileProperty {
        padding-left: 20px;
}
.profilePanel {
        border-radius: 12px; 
        margin-top: 10px; 
        padding: 20px; 
        background-color: #065176; 
        margin-bottom: 60px;
}
.profileProperty h1 {
        margin-bottom: 40px;
}
.profileProperty h1 > i {
        margin-right: 5px;
        margin-left: 5px;
}
.statProfiles h3 {
	margin-bottom: 10px;
}
.statProfiles .bigStats {
	font-size: 22px;
	margin-bottom: 40px;
}
.progressBar {
	width: 100%;
	height: 50px;
	border: 2px solid #000;
	border-radius: 8px;
	margin-bottom: 5px;
}
.progressBarSmall { 
	width: 336px;
}
.progressBar > div {
	height: 46px;
	line-height: 46px;
	text-align: center;
	color: #000;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
}
.progressBar > div:first-child {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
.progressBar > div.last {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
.profileProperty {
	margin-bottom: 40px;
	padding-left: 40px;
}
.profileProperty .chartBreakdown,
.profileProperty .hideBreakdownLink {
	display: none;
}
.profileProperty .chartBreakdown > div {
	padding: 0;
	font-size: 12px;
	color: #000;
	margin-bottom: 3px;
	border-radius: 4px;
	margin-left: 5px;
	overflow: hidden;
	height: 27px;
	background-color: #4e87b3;
	width: 99%;
}
.profileProperty .chartBreakdown > div > div {
	padding: 5px;
	font-size: 12px;
	color: #000;
	margin-bottom: 3px;
	border-radius: 4px;
	padding-left: 10px;
	overflow: hidden;
	height: 27px;
	word-wrap: break-word;
	display: inline-block;
}
.profileProperty .chartBreakdown > div > div.chartLabel {
	position: absolute;
}
.profileProperty .breakdownLink,
.profileProperty .hideBreakdownLink {
	cursor: pointer;
	font-size: 14px;
	margin-left: 5px;
}
.statProfiles .note {
	font-size: 14px;
	margin-bottom: 5px;
	margin-top: -5px;
}
.statProfiles .divider {
	margin-bottom: 40px;
}
.statProfiles .labelContainer > div {
	display: inline-block;
	margin-bottom: 10px;
}
.profileProperty .chartBreakdown > div > div.chartHeader {
	width: 100%;
	font-size: 14px; 
	font-weight: normal;
	background-color: #595959;
	color: #fff;
}
.statProfiles .statPanel > div {
	font-size: 18px;
	background-color: #53dc34;
	color: #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
.statProfiles .profileAvatar {
	background-color: #e5e5e5;
	border-left: 2px solid #000; 
	border-right: 2px solid #000; 
	border-bottom: 2px solid #000; 
	margin-bottom: 40px; 
	border-bottom-left-radius: 8px; 
	border-bottom-right-radius: 8px;
}

@media (max-width: 1300px) {
	.waiverLink .link {
		font-size: 25px;
	}
	#userGames .completionTime {
		width: 35px;
		height: 35px;
		min-width: 35px;
		padding: 0;
		font-size: 14px;
	}
	#userGames .btn-success span {
		display: none;
	}
	#userGames .userGameQueueRow .btn {
		width: 45px;
		min-width: 45px;
		padding: 6px 6px;
		text-align: center;
	}
	.profileProperty .progressBar > div > span {
		display: none;
	}
	.profileProperty #ageBreakdown {
		display: block;
	}
}
@media (max-width: 1112px) {
	#loginUsername,
	#loginPassword,
	#forgotEmail {
		width: 400px;
		min-width: 400px;
	}
}
@media (max-width: 1024px) {
	.waiverLink .link {
		font-size: 22px;
	} 
	#loginUsername,
	#loginPassword,
	#forgotEmail {
		width: 350px;
		min-width: 350px;
	}
	#userGames td {
		padding: 5px;
	}
}
@media (max-width: 768px) {
	.waiverLink .link {
		font-size: 14px;
	}
	.queueOverlay {
		max-width: 500px;
	}
	#userGames thead {
		display: none;
	}
	#userGames .userGameQueueRow .phoneLabels {
		display: block;
		position: absolute;
		margin-top: -45px;
		margin-left: 20px;
		font-size: 14px;
	}
	#userGames .userGameQueueRow .nonPhonelabels {
		display: none;
	}
	#userGames .photoRow .customMessaging div,
	#userGames .photoRow .customMessaging select {
		font-size: 14px;		
	}
	#userGames .userGameQueueRow .selection {
		background-image: none;
		height: 35px;
		width: 35px;
	}
	#userGames .userGameQueueRow .selection select {
		text-align: center;
		padding-left: 5px;
		width: 35px;
		height: 35px;
		min-width: 35px;
		font-size: 14px;
	}
	#userGames .userGameQueueRow td {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#userGames .userGameQueueRow td.achievements div {
		font-size: 12px;
	}
	#userGames .userGameQueueRow td.achievements div label {
		margin-bottom: 0;
	}
	#userGames td {
		padding: 5px;
	}
}
@media (max-width: 568px) {
	.waiverLink .link {
		font-size: 10px;
	}
	.queueOverlay {
		max-width: 300px;
	}
	#userGames thead {
		display: none;
	}
	#userGames td {
		padding: 5px;
	}
	#userGames .btn-upload {
		font-size: 10px;
		min-width: 30px;
	}
	#userGames .completionTime {
		width: 30px;
		height: 30px;
		min-width: 30px;
		padding: 0;
		font-size: 14px;
	}
	#userGames .userGameQueueRow .btn {
		width: 35px;
		min-width: 35px;
		padding: 4px 6px;
		text-align: center;
	}
	#userGames .userGameQueueRow .review {
		font-size: 12px;
		vertical-align: middle;
	}
	#userGames .btn-success span {
		display: none;
	}
	#userGames .userGameQueueRow .phoneLabels {
		display: block;
		position: absolute;
		margin-top: -50px;
		margin-left: 20px;
		font-size: 14px;
	}
	#userGames .userGameQueueRow .selection select {
		width: 25px;
		height: 25px;
		min-width: 25px;
	}
	#userGames .userGameQueueRow .selection  {
		height: 25px;
		min-width: 25px;		
	}
	#userGames .photoRow td > div {
		font-size: 14px;
	}
	#userGames .deleteRow div  {
		font-size: 14px;
	}
	#userGames .userGameQueueRow .phoneTip {
		font-size: 10px;
		display: block;
		position: absolute;
	}
	#userGames .timeHolder .phoneTip {
		margin-left: 5px;
		margin-top: 4px;
	}
	#userGames .timeHolder .colon {
		display: none;
	}
	#userGames .timeHolder  {
		margin-right: 5px;
	}
	#userGames .timeHolder {
		width: 30%;
	}
	#userGames .tipHolder .phoneTip {
		margin-left: 18px;
		margin-top: -8px;
	}
	#userGames .escapeHolder .phoneTip {
		margin-left: 3px;
		margin-top: 9px;
	}
	#userGames .userGameQueueRow td.achievements div {
		font-size: 8px;
	}
	#userGames .userGameQueueRow td.achievements input[type=checkbox] + label {
		vertical-align: middle;
	}
	#loginUsername,
	#loginPassword,
	#forgotEmail {
		width: 250px;
		min-width: 250px;
		font-size: 18px;
		height: 45px;
	}
	#userGames .actionButtons {
		width: 20%;
	}
}
@media (max-width: 568px) {
	.loginHeading h1 {
		font-size: 24px;
	}
	#loginUsername,
	#loginPassword,
	#forgotEmail {
		width: 180px;
		min-width: 180px;
		font-size: 18px;
		height: 45px;
	}
}
@media (max-width: 414px) {
	#userGames .actionButtons {
		width: 30%;
	}
	#userGames .completionTime {
		width: 25px;
		height: 25px;
		min-width: 25px;
		padding: 0;
		font-size: 14px;
	}
	#userGames .userGameQueueRow .phoneLabels {
		margin-left: 10px;
	}
	#userGames .userGameQueueRow td.achievements div {
		display: none;
	}
}
@media (max-width: 375px) {
	#userGames .userGameQueueRow .btn {
		width: 25px;
		min-width: 25px;
		padding: 1px 2px;
		text-align: center;
	}
	#userGames .userGameQueueRow .selection {
		width: 20px;
		height: 20px;
		min-width: 20px;
	}
	#userGames .userGameQueueRow .selection select {
		width: 20px;
		height: 20px;
		min-width: 20px;
	}
	#userGames .userGameQueueRow .selection {
		margin: 2px;
	}
	#userGames .tipHolder .phoneTip {
		margin-left: 4px;
		margin-top: 2px;
	}
	#userGames .userGameQueueRow .review {
		font-size: 10px;
		vertical-align: middle;
	}
	#userGames .userGameQueueRow .phoneLabels {
		margin-top: -50px;
	}
	#userGames .userGameQueueRow .actionButtons .btn {
		margin-top: 20px;
	}
}
@media (max-width: 375px) {

	#userGames .userGameQueueRow .phoneLabels {
		margin-top: -50px;
	}
	#userGames .userGameQueueRow .actionButtons .btn {
		margin-top: 5px;
	}
}
@media (max-width: 320px) {

	#userGames .userGameQueueRow .phoneLabels {
		margin-top: -75px;
	}
	#userGames .userGameQueueRow .actionButtons .btn {
		margin-top: 5px;
	}
}
/*------------------------------------------------------------------------------------------------------------------------------*/
/*--------- TinyMCE ------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/

.tinyMCEOutput {    
        font-size: 18px;
}
.tinyMCEOutput h1, .tinyMCEOutput h2, .tinyMCEOutput h3, .tinyMCEOutput h4, .tinyMCEOutput h5, .tinyMCEOutput h6 {
        margin-top: 0;
}
.tinyMCEOutput p {
        padding: 0;
        margin: 0;
}
.tinyMCEOutput ul {
        margin: 0 0 20px 20px;
        padding: 0;
}
.tinyMCEOutput li {
        margin-left: 0;
}
.tinyMCEOutput h3 { font-size: 30px; }
.tinyMCEOutput h4 { font-size: 26px; }
.tinyMCEOutput h5 { font-size: 22px; }
.tinyMCEOutput h6 { font-size: 18px; }