/*--- 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: #2c2c2c;
}

form, h1, h2, h3 {
	margin: 0px;
	font-family: 'Ubunto';
}
th, h1, h2, h3, h4, h5, h6, strong {
	font-weight: bold;
	font-family: 'Ubunto';
}
th {
	font-weight: normal;
}
input, textarea {	
	border: 2px solid #a5a6a8;
	padding: 5px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-family: 'Ubunto';	
}
pre {
	border-radius: 6px;
}
em,
.italic {
	font-style: italic;
}
.bold {
	font-weight: bold;
}
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;
}
.pointer {
	cursor: pointer;
}
#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: 31px;
	vertical-align: middle;
	margin: 0;
	background-color: #ccc;
	font-size: 12px;
}
#searchBar input[type=text]:focus {
	background-color: #fff;
}
.navbar {
	box-shadow: 0 .125rem .25rem #4e4e4e !important;
}
.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; }
.none { display: none; }
a.btn { color: #fff; cursor: pointer;}
a.cursor { cursor: pointer;}
.btn-danger {
	background-color: #c61c00;
}
.form-group {
	margin-bottom: 30px;
}
.form-group > label {
	font-weight: normal;
	display: block;
}
.form-group .note { 
	font-size: 14px;
	font-style: italic;
	margin-bottom: 5px;
}
.informational {
	width: 50%;
	margin-bottom: 30px;
	padding: 20px;
	color: #000;
	background-color: #ffd800;
	border-radius: 6px;
	border: 1px dashed #000;
}
.informational h1 {
	font-weight: normal;
	font-size: 20px;
	margin-bottom: 10px;
	color: #ffc21d;

}
.subdued {
	color: #fff;
	background-color: #004365;
}
.contentFrame .subdued a {
	color: #ffd800 !important;
}
.contentFrame .subdued a.btn {
	color: #fff !important;
	text-decoration: none;
}
.contentFrame .informational a {
	color: #006699;
	text-decoration: underline;
}
.half {
	width: 50%;
}
.full {
	width: 100%;
}
.hform .form-group > label {
	color: #ffc21d;
}
.hform input {
	width: 50%;
}
.btn-full {
	width: 50%;
}
.optionForm .form-group {
	margin-bottom: 60px;
}

/* ----------------------------- */
/* ----------------------------- */
/* --------- Buttons ----------- */
/* ----------------------------- */
/* ----------------------------- */

.btn {	
    outline: none !important;
}
.btn-add {
	color: #fff;
	background-color: #fd8a0e;
}
.btn-view {
	background-color: #006699;
}
.btn-edit {
	background-color: #ffb86b;
}
.btn-remove {	
	color: #fff;
	background-color: #c70000;
}


.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: 8px 0 4px 0;
	display: inline-block;
	vertical-align: middle;
}
.navbarLogo > img {
	max-height: 35px;
	padding-top: 2px;
}
.loginLogo {
	margin-bottom: 10px;
}
#controller_Login .navbar,
#controller_ForgotPassword .navbar {
	display: none;
}
#controller_Login,
#controller_ForgotPassword {
	margin-top: 40px;
}
.nav>li {
	font-size: 16px;
	font-family: 'UBold';
	margin-bottom: 5px;
}
.nav>li>a {
	padding: 7px 15px;
}
.dropdown>.dropdown-menu>li.addon-subscribed-header {
	padding-left: 15px;
	font-family: 'Ubunto';
	min-width: 250px;
	margin-top: 5px;
	color: #ccc;
}
.dropdown>.dropdown-menu>li.addon-not-subscribed {
	margin-top: 15px;
}
.dropdown>.dropdown-menu>li.subscribed-addon>a {
	padding-left: 20px;
}
.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li>a:focus {
	background-color: #0075b1;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus {
	color: #000;
	background-color: #fff;
}
.dropdown-menu>li:first-child >a:hover, 
.dropdown-menu>li:first-child >a:focus {
	border-top-right-radius: 6px;
}
.account-dropdown-menu>li:first-child >a:hover, 
.account-dropdown-menu>li:first-child >a:focus {
	border-top-left-radius: 6px;
}
.navbar-default .navbar-nav>.open>a {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:hover, 
.navbar-default .navbar-nav>.open>a:focus,
.nested-dropdown {
	background-color: #004a6f;
}
.navbar-nav>li>.dropdown-menu {
	background-color: #004a6f;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.dropdown-menu>li>a {
	padding-left: 15px;
}
.table-striped>thead>tr> th {
	padding: 8px 15px !important;
}
table .btn-sm {
	padding: 2px 4px;
	font-size: 10px;
	line-height: 1.5;
	min-width: 55px;
}
.btn-thin {
	padding: 4px 8px;
	font-size: 12px;
	line-height: 1.5;
	min-width: 55px;
}
.btn-md,
table .btn-md {
	padding: 4px 10px;
	font-size: 14px;
	line-height: 1.5;
}
.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: #828282;
	width: 150px;
	height: 150px;
	margin-top: 0;
}
.btn-userGamesUpload:hover {
	background-color: #999999;
}
.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: 10px;
}
.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;
}
.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;
}
.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: 40px;
	margin: 15px 10px 10px 0;
	border: 1px solid #CCC;
	background-color: #fff;
	border-radius: 5px;
	font-size: 16px;
	color: #222;
	padding-left: 10px;
}
textarea {
	color: #000;
	min-height: 200px;
	border: 1px solid #CCC;
	background-color: #fff;
	margin: 15px 10px 10px 0;
	border-radius: 5px;
	padding: 10px 15px 10px 15px;
	width: 50%;
}
.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] {
	width: 100%;
	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: #fabdc0;
}
select.error {
	background-color: #fabdc0;
}
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);
}
.validation-error {
	color: #ff7275;
	font-style: italic;
	display: none;
}
.validation-error-select { 
	color: #ff7275;
	font-style: italic;
	display: none;
	margin-top: 20px;
}
.image-preview {
	border-radius: 4px;
}
.breakage-props > div {
	text-align: center;
	padding: 10px;
	background-color: #004365;
	display: inline-block;
	border-radius: 6px;
	font-size: 16px;
}
.breakage-props > div:hover {
	background-color: #ffba00;
	color: #000;
	cursor: pointer;
}
.breakage-props > div.selected {
	background-color: #ffba00;
	color: #000;
}
.breakage-props > div.unselected {
	display: none;
}
.breakage-props img {
	border-radius: 6px;
	margin-bottom: 5px;
}
.super-admin-form {
	background-color: #004567;
	padding: 10px;
	border-radius: 6px;
}
.errorOutput {
	display: none;
	margin-top: -20px;
	margin-bottom: 10px !important;
}
.errorOutput > div {
	color: #ff7275
}
select {
	height: 45px;
	font-size: 16px;
	color: #222;
	background-color: #fff;
	border: 0;
	padding-left: 15px;
	cursor: pointer;
	width: 50%;
	border-radius: 6px;
	border: 1px solid #ccc;
}
.selection select {
	-webkit-appearance: none;
}
div.selection select:disabled {
	background-color: #ccc;
}
.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 {
	height: 45px;
	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.selectionSmall {

	width: 150px;
	height: 25px;
	overflow: hidden;
	display: inline-block;
	border-radius: 5px;
	border: 1px solid #CCC;
	margin: 15px 10px 10px 10px;
	background: #fff url('/themes/default/images/forms/selectArrowSmall.png?v=1') no-repeat right;
}
div.selectionSmall:hover {
	background: #fff url('/themes/default/images/forms/selectArrowSmallFocused.png?v=1') no-repeat right;
}
div.selectionSmall > select {
	width: 150px;
	height: 25px;
	font-size: 12px;
	padding-left: 5px;
	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 {
	display: inline-block;
	font-weight: bold;
	vertical-align: middle;
	padding-top: 10px;
}
.hform .selection {
	margin: 0px;
}
input.inputTextError {
	background-color: #ffa3a3;
}
.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;
}
.editActionButtons .btn { 
	padding: 5px 10px;
}
.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: 0px !important;
}
.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;
}
.alert-game-compact>td {
	background-color: #ad0000;
}
.alert-game-compact .queue-compact-table>tbody>tr>td,
.alert-game-compact .queue-compact-table>tbody>tr>td a {
	color: #fff;
}
.alert-game-compact .queue-compact-table>tbody>tr>td a {
	text-decoration: underline;;
}
.alert-game-compact .queue-compact-table>tbody>tr>td a:hover {
	color: #fff;
}
.alert-game-compact .queue-compact-table>tbody>tr>td a {
	text-decoration: underline;;
}
.alert-game-extended>td {
	background-color: #ad0000;
}
.alert-game-extended>td,
.alert-game-extended>td div {
	color: #fff;
}
.alert-game-general>td {
	background-color: #ad0000;
	color: #fff;
}
.table .alert-game-general>td a {
	color: #fff;
}
.table .alert-game-general>td a:hover {
	color: #fff;
}
.participantsInQueue,
.participantsInQueue div a {
	color: #000;
}
.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;
}
.contentFrame > div > div.row > div {
	margin-bottom: 0;
}
.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;
}
.queueLoaderWrapper {
	height: 90px;
	text-align: center;
	padding: 20px;
}
.queueLoaderWrapper img {
	min-width: 200px;
}
.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;
}
.queue-connections {
	text-align: right;
	padding-right: 20px;
	margin-top: 15px;
	position: absolute;
	right: 0;
}
.queue-connections > a {
	background-color: #fff;
	border-radius: 6px;
	display: inline-block;
}
.queue-connections > a > img {
	border-radius: 6px;
	width: 35px;
}
.teaserRow {
	cursor: pointer;
}
.queue-table>tbody>tr:first-child>td:first-child {
	border-top-left-radius: 6px;
}
.queue-table>tbody>tr:first-child>td:last-child {
	border-top-right-radius: 6px;
}
.queue-table>tbody>tr:nth-of-type(odd) > td,
.queue-table>tbody>tr:nth-of-type(even) > td {
	border-bottom: 0;
	border-top: 1px solid #4d4d4d;
}
.queue-table>tbody>tr.userGameQueueRow>td {
	border-top: 0;
}
.alert-icon {
	margin-right: 10px;
	color: red;
}
.participant-note-alert > td,
.participant-note-alert > a {
	color: #fff !important;
	background-color: #ad0000 !important;
}
.queue-participant>tbody>tr>td {
	border-top: 1px solid #ccc; 
}
.participant-bubble {
	border-radius: 6px;
	background-color: #ffc000;
	border: 1px solid #b9b9b9;
	padding: 10px 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.participant-bubble .participant-heading {
	text-align: center;
	font-weight: normal;
	margin-bottom: 10px;
	font-size: 18px;
}
.queue-participant-table {
	width: 100%;
	margin-bottom: 20px;
}
.queue-participant-table > tbody > tr > td {
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 0;
	width: 33%;
}
.queue-participant-table > tbody > tr:first-child > td {
	border-top: 0;
}
.queue-participant-table > tbody > tr > td {
	text-align: center;
}
.queue-participant-table > tbody > tr > td:first-child {
	padding-left: 20px;
	text-align: left;
}
.queue-participant-table>tbody>tr:first-child>td:first-child {
	border-top-left-radius: 6px;
}
.queue-participant-table>tbody>tr:first-child>td:last-child {
	border-top-right-radius: 6px;
}
.queue-participant-table>tbody>tr:last-child>td:first-child {
	border-bottom-left-radius: 6px;
}
.queue-participant-table>tbody>tr:last-child>td:last-child {
	border-bottom-right-radius: 6px;
}
.viewUserGame .listImagesLabels {
	display: none;
}
/* -------- Pagination --------- */
#listPagination {
	text-align: center;
	margin-bottom: 0px;
}
#listPagination a {
	margin: 0 5px;
	color: #fff;
	background-color: #347ecb;
	display: inline-block;
	padding: 6px 10px;
	border-radius: 4px;
	min-width: 40px;
	font-size: 14px;
	text-decoration: none;
}
#listPagination a.nextPrev {
	margin: 30px 7px 15px 7px;
}
#listPagination div.current {
	display: inline-block;
	margin: 0 5px;
	background-color: #fd8a0e;
	color: #fff;
	padding: 6px 10px;
	border-radius: 8px;
	min-width: 40px;
	font-size: 14px;
}
#listPagination a:hover {
	background-color: #ff9a2e;
}

/*---------- 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 .info {
	font-size: 18px;
}
.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 -----*/
#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: #b4b4b4;
	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;
}
*/
.siteImageForm .description {
	margin-bottom: 20px;
}
#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 {
	margin-left: 0;
}
#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;
}
#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;
}
.btn-affiliate {
	width: 100%;
	border-radius: 12px;
	font-size: 30px;
	margin-top: -10px;
}
.mce-panel {
	width: 900px;
}
.seo .btn-activity {
	margin-bottom: 5px;
}
.seo .btn-default {
	color: #fff;
}
.seo .btn-default:hover {
	background-color: #69737d;
}
a.btn-gray,
button.btn-gray {
	color: #3b3b3b;
	background-color: #c6c6c6;  
}
a.btn-gray:hover,
button.btn-gray:hover {
	color: #3b3b3b;
	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;
}
.caution {
	margin-bottom: 20px;
	background-color: rgb(255, 208, 0);
	border-radius: 8px;
	padding: 10px;
	color: #000;
}
.caution a {
	color: #006699;
	font-weight: bold;
}
.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: #fd9f9f;
}
.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;
}
.informDetails > div {
	background-color: #004263 !important;
	font-size: 20px !important;
	border-radius: 16px !important;
	color: #fff; 
	padding: 25px !important;
	border: 12px solid #006699;
}
.informDetails > div > div {
	font-size: 20px !important;
}
.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 div.available {
	color: #1dff00;
	padding-left: 10px;
	display: none;
	margin-bottom: 10px;
}
.hform div.unavailable {
	color: #ff0000;
	padding-left: 10px;
	display: none;
	margin-bottom: 10px;
}
.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 { 
	margin-bottom: 20px !important;
}
.adminStats label.sub {
	margin-left: 40px;
	width: 210px;
}
.adminStats { 
	margin-bottom: 20px;
}
.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: 100%; 
	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;
	vertical-align: top;
}
.storeConnection > .info{
	vertical-align: top;
}
.storeConnection > .info > img {
	vertical-align: top;
	float: left;
}
.storeConnection > .connect .btn {
	margin-top: 5px;
}
.storeConnection .description {
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 20px;
}
.storeConnectionError {
	background-color: #a80000;
}
.storeConnectionError a:link,
.storeConnectionError a:visited {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}
.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;
}
.fraud-box {

}

.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: 6px;
	padding: 20px;
	background-color: #006699;
}
.transactionWizard label {
	font-weight: normal;
	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;
}
#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: fixed;
	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: fixed;
	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;
	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;
	width: 30%;
	min-width: 300px;
	margin: 10px;
	display: inline-block;
	vertical-align: top;
	border: 5px solid #006699;
	border-radius: 12px;
}
.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 .erm {
	background: #7433c7;
	background: -moz-linear-gradient(top, #7433c7 0%, #ffffff 18%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #7433c7 0%,#ffffff 18%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #7433c7 0%,#ffffff 18%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7433c7', 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 .orange {
	background: #ff9001;
	background: -moz-linear-gradient(top, #ff9001 0%, #ffffff 18%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff9001 0%,#ffffff 18%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff9001 0%,#ffffff 18%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9001', 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: 6px;
	padding: 10px;
	box-shadow: 0px 5px 1px #ccc;
	font-size: 20px;
}
.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 .orange h1 {
	background-color: #ff9001;
}
.selectPackage .erm h1 {
	background-color: #7433c7;
	color: #fff;
}
.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;
	width: 100%;
}
.selectEmailPackage .package {
	width: 22%;
	min-height: 725px;
}
.selectPackage .package img,
.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;
}
.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;
}
.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;
}
#userGames .userGameQueueRow .btn {
	width: 100%;
	padding: 6px 6px;
	text-align: center;
	margin-bottom: 20px;
}
#isUS, #isCA {
	margin-top: 10px;
	margin-left: 20px;
}
.adminStats { 
	margin-bottom: 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;
}
.statFilters > div {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 0;
	vertical-align: middle;
}
.statFilters input.dateSelect {
	margin-bottom: 0;
}
.statFilters input.dateSelect {
	margin-bottom: 0;
	height: 45px;
}
.statFilters .btn {
	margin-bottom: 0;
}
.statFilters input[type=text],
.statFilters .dateIcon {
	margin-top: 0;
}
.statFilters{
	margin: 0 0 20px 0;
}
.specialStatFilters {
	margin-top: -15px !important;
}
.detailImage {
	display: inline-block;
	margin-bottom: 20px;
	vertical-align: top;
	margin-right: 5px;
}
.detailImage > img {
	border-radius: 6px;
}
.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%;
	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;
	text-align: left;
}
#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-left: 0px;
}
#installationChecklist .timeslots .note {
	margin-top: 20px;
	font-style: italic;
	font-size: 14px;
	margin-bottom: 0;
}
#installationChecklist .devices .help {
	margin-bottom: 50px;
}
#installationChecklist .devices .viewAnswer a,
#installationChecklist .complete a {
	color: #fd8a0e;
}
#installationChecklist .installationLinks a {
	font-size: 24px;
	color: #ffba00;
}
#installationChecklist .installationLinks span {
	display: block;
	padding-left: 20px;
}
#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: 30px;
}
#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: 14px;
	min-width: 150px;
	max-width: 200px;
	overflow: hidden;
	border: 0;
}
#importUserForm #scrollablePan {
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
}
#importUserForm #scrollablePan.scrollError::-webkit-scrollbar {
    all: initial;
    background-color: #ff5f5f;
}
#importUserForm #scrollablePan.scrollError::-webkit-scrollbar-thumb {
    all: initial;
    background-color: #ccc;
}
#importUserForm #scrollablePan.scrollError::-webkit-scrollbar-track {
    all: initial; 
}
#importUserForm #scrollablePan.scrollError::-webkit-scrollbar-thumb:window-inactive {
    all: initial;
}

#importUserForm #scrollablePan.scrollError::-webkit-scrollbar-button {
    all: initial;
}
#importUserForm .headerRow {
	background-color: #ccc;
}
#importUserForm .inclusionCounts {
	font-size: 14px;
	margin-bottom: 20px;
	font-style: italic;
}
#importUserForm h2 {
	margin-bottom: 20px;
}
#importUserForm .audienceSelection {
	display: block;
	margin-bottom: 10px;
}
#importUserForm .defaultCopy {
	font-size: 12px;
	margin-bottom: 20px;
}
#importUserForm .importSelection {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	font-size: 14px;
	height: 34px;
	padding: 6px;
	border-radius: 6px;
	color: #fff;
	background-color: #3d5871;
}
#importUserForm .excludeFirstRow {
	display: inline-block;
	margin-top: 10px;
	margin-right: 10px;
}
#importUserForm th {
	padding: 4px;
}
#importUserForm .selectError {
	background-color: #ff3838;
}
#importUserForm .selectDisabled {
	background-color: #a0a0a0;
}
#importUserForm .toggleErrors,
#importUserForm .validError,
#importUserForm .emailError {
	margin-bottom: 10px;
}
#importUserForm .validError {
	margin-top: 10px;
}
#importUserForm .toggleErrors span,
#importUserForm .validError span,
#importUserForm .emailError span {
	color: #ff5f5f;
}
#importUserForm .toggleErrors svg,
#importUserForm .validError svg,
#importUserForm .emailError svg {
	color: gold
}
#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: 24px;
	text-align: center;
	margin-bottom: 10px;
}
#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: fixed;
	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: 60px;
	margin-left: -370px;
}
#stepPassword .demoArrowSmall {
	margin-top: 150px;
	margin-left: -370px;
}
#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: 6px;
	padding: 20px;
	background-color: #005985;
}
.contentFrame form input,
.contentFrame form .selection,
.contentFrame form button,
.contentFrame form a.btn {
	margin-top: 0;
	margin-bottom: 10px;
	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 #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] {
	vertical-align: middle;
	margin-top: 0;
	margin-bottom: 0;
}
.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;
}
.queue-table>thead>tr>th {
	border-bottom: 0;
	height: 20px;
	font-size: 16px;
	font-weight: normal;
	padding: 4px 8px !important;
}
#userGames .queueGameDate {
	color: #fff;
	font-size: 16px;
	background-color: #2b3e50;
	height: 20px;
}
.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 { 
	margin-bottom: 20px;
}
.adminStats .organizations {
	margin: 10px 0 0 20px;
}
.adminStats { 
	margin-bottom: 20px;
}
.adminStats .organizations a {
	color: #006699;
}
.hform .customAchievements input[type="checkbox"] + label {
	margin-top: 0;
}
.waiverLink .linkBoundingBox {
	padding: 20px;
}
.waiverLink .linkBoundingBox {
	font-size: 18px;	
}
.waiver-view-content {
	padding: 20px; 
	border-radius: 12px; 
	background-color: #fff; 
	color: #000;
}
.waiver-view-content p {
	margin: 0;
	padding: 0;
}
.prominentLink {
	color: #333;
	text-align: center;
	font-size: 30px;
	background-color: #fff;
	padding: 10px 20px;
	margin: 40px auto 40px auto;
	border-radius: 8px;
	cursor: pointer;
}
.prominentLink:hover {
	background-color: #ffd200;
}
.prominentLink > a {
	color: #333;
	text-decoration: none;
}
.waiverLink .linkBoundingBox .center {
	font-size: 18px;
	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;
	display: none;
}
.errorMessage .output {
	color: #fff;
	background-color: #da3636;
	margin: auto;
	padding: 10px;
	border-radius: 8px;
}
.errorMessage .demoOutput {
	color: #fff;
	background-color: green;
	margin: auto;
	width: 500px;
	padding: 10px;
	border-radius: 8px;
}
.errorMessage .output a {
	text-decoration: underline;
	color: #fff;
}
#loginForm .form-group {
	margin-bottom: 10px;
}
#loginForm .form-group:last-child {
	margin-bottom: 0;
}
#demoPlaceholder {
	z-index:  20000;
}
#demoPopup,
#whatIsNextPopup {
	display:  none;
	text-align:  center;
	color:  #fff;
	position:  absolute;
	width:  400px;
	background-color:  #005985;
	border-radius:  8px;
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto; 
	padding:  20px 20px;
	z-index:  10000;
}
#whatIsNextPopup i,
#whatIsNextPopup svg {
	margin-right:  5px;
	display:  inline-block;
}
#demoPopup h1,
#whatIsNextPopup h1 {
	font-size:  24px;
	font-family:  'UBunto';
	margin-bottom:  20px;
}
#demoPopup a,
#whatIsNextPopup a,
#demoPopup button,
#whatIsNextPopup button {
	font-size:  18px;
}
#whatIsNextPopup .featureLink {
	color:  #ffa627;
}
#whatIsNextPopup .featureLink svg {
	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;
}
.hform .form-group:last-child {
	margin-bottom: 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;
}
.waiverQuestionOptions > div {
	display: inline-block;
	width: 33%;
}
.waiverQuestionOptions .wLabel {
}
.waiverQuestionOptions .wOption > label {
	margin: 0 !important;
}
.waiverQuestionOptions .wOption {
	vertical-align: middle;
}
.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-bottom: 40px;
	font-size: 30px;
	color: #ffba00;
}
#installationChecklist .icon {
	margin-top: -40px;
	color: #ffba00;
}
.deviceLinks .viewAnswer h1 {
	margin-bottom: 40px;
}
.escapeRoomTimeSlotSelection {
	margin-top: 20px;
}
.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: 12px 26px;
	background-color: #2a435a;
	cursor: pointer;
	font-family: 'UBold';
	height: 50px;
}
.tabWindow .tab-right {
	display: inline-block;
	float: right;
	padding: 12px 26px;
	font-family: 'UBold';
	height: 50px;
}
.tabWindow .tab:hover {
	background-color: #005985;
}
.tabWindow .currentTab {
	background-color: #005985;
}
.tabWindow .currentTab:hover {
	background-color: #006699;
}
.tabWindow .fraud-tab {
	background-color: #6f0000;
}
.tabWindow .currentFraudTab {
	background-color: #ad0000;
}
.tabWindow .currentFraudTab:hover {
	background-color: #ad0000;
}
.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;
}
.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%;
}
#staging {
	height: 15px;
	background-color: red;
	text-align: center;
	font-size: 10px;
}
#domainTable .sendingDomainInstructions {
	border-radius: 8px;
	padding: 20px;
	background-color: #fff;
	color: #000;
}
#domainTable .code {
	background-color: #ccc;
	padding: 10px;
	border-radius: 6px;
	overflow-wrap: break-word;
}
#domainTable .sendingDomainInstructions .pointer svg {
	float: right;
}
#domainTable .verified td {
	background-color: #c6ffc2;
}

/* --- Email Templates --- */
#emailCompositionWindow #imagesContent,
#emailCompositionWindow #tagsContent,
#emailCompositionWindow #previewContent,
#emailCompositionWindow #aiContent {
        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 #aiContent > 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 li > div {
        display: inline-block;
        color: gold;
}
#whoToSendTo {
	display: none;
}
#dollar {
	position: absolute;
	color: #000;
	margin-top: 14px;
	margin-left: 4px;
}
.spanErrors {
	margin-top: 0px;
	margin-bottom: 20px;
	color: #ff5454;
	font-style: italic;
	display: none;
}
.spanErrors .fa, .spanErrors svg {
	color: #ffc800;
}
#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: 5px;
}
.tagTable  {
	width: 100%;
}
.tagTable td {
	width: 33%;
	padding-left: 15px;
}
.tagTable td.heading {
	font-weight: bold; 
	background-color: #ff8503;
}
.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; 
	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;
}
.upsell .bottomInformational {
	margin-bottom: 0;
	margin-top: 30px;
}
.activeAddon i,
.activeAddon span {
	color: #ffd800;
}
.activeAddon:hover span,
.activeAddon:focus span {
	color: #000;
}
.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 {
	display: none;
}
.queueTeaserLabel {
	width: 30%;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}
.table>tbody>tr>td.queue-form-content {
	padding: 10px 20px;
}
.table>tbody>tr>td:first-child {
	padding-left: 15px;
} 
.queue-question {
	margin-bottom: 10px;
}
.queue-custom-achievement {
	display: inline-block;
	margin-right: 10px;
}
.queue-compact-table .queue-custom-achievement {
	display: block;
}
.queue-compact-table  .table-label {
	width: 200px;
}
.btn-queue-actions {
	display: block;
	width: 100%;
}
.userGameQueueRow .showParticipants {
	cursor: pointer; 
	font-size: 14px;
	display: inline-block;
}
.participants-close {
	display: none;
}
.participantsInQueue .participants-close {
	position: absolute;
	right: 10px;
	display: block;
}
.participantsInQueue {
	position: absolute;
	z-index: 100;
}
.participantsInQueue .participant-bubble{
	padding: 5px;
}
.participantsInQueue .participant-bubble .queue-participant-table {
	margin-bottom: 0;
}
#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>tbody>tr.alertUser,
.table>tbody>tr.alertUser > div,
.table>tbody>tr.alertUser a {
	color: #fff; 
}
.table-striped>tbody>tr.alertUser:nth-of-type(odd) {
	background-color: #dc3737;
}
.table-striped>tbody>tr.alertUser:nth-of-type(even) {
	background-color: #b62727;
}
.table-striped>tbody>tr.inactiveRow:nth-of-type(odd),
.table-striped>tbody>tr.inactiveRow:nth-of-type(even) {
	background-color: #ccc;
}
.table-striped>tbody>tr.inactiveRow:nth-of-type(odd) .btn-queue,
.table-striped>tbody>tr.inactiveRow:nth-of-type(even) .btn-queue {
	background-color: #949494;

}
#userGames .alternateScoreInput {
	padding-left: 5px;
	border:  1px solid #afafaf !important;
	margin-right: 0;
}

.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; 
        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;
}
#surveyUpdates {
	margin-bottom:  40px;
	font-size:  18px;
	color:  #000;
}
#surveyUpdates img { 
	width:  100%;
	margin-bottom:  40px;
	display:  block;
	border-radius: 6px;
}
#surveyUpdates > div {
	padding:  40px;
	background-color:  #fff;
	border-radius:  8px;
	margin-bottom:  40px;
	color:  #000;
}
#surveyUpdates div {
	font-size:  20px;
	color:  #000;
}
#surveyUpdates ul {
	margin:  20px 0 20px 0;
}
#surveyUpdates h1 {
	font-size:  30px;
	margin:  0px 0 20px 0;
}
#surveyUpdates h2 {
	font-size:  30px;
	margin:  0px 0 20px 0;
}
#surveyUpdates h3 {
	font-size:  22px;
	margin:  0px 0 20px 0;
}
.description {
	margin-bottom: 40px;
	margin-top: 20px; 
	font-size: 16px;
}
.closing {
	font-size: 18px; 
	margin-bottom: 20px;
}
.subAccounts strong {
	color: gold;
}
.subAccounts .btn-danger {
	background-color: #c70000;
}
.subAccounts .btn-success {
	background-color: #14ae00;
}
.chooseTemplate {
	width: 200px;
	height: 200px;
	text-align: center;
	border: 2px solid #717171;
	border-radius: 8px;
	padding-top: 50px;
	background-color: #074f73;
	cursor: pointer;
	margin-bottom: 10px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: top;
}
.chooseTemplate:hover {
	background-color: #066da1;
}
.chooseTemplate > div {
	margin-top: 10px;
}
.chooseTemplate i {
	display: block;
	margin-bottom: 10px;
}
.chooseTemplate svg path {
	text-align: center;
}
.chooseTemplateInfo {
	background-color: #074f73;
	border: 1px solid #717171;
	border-radius: 8px;
	min-width: 415px;
	max-width: 415px;
	min-height: 100px;
	padding: 10px;
}
.verifyEmailAddress .form-label {
	margin-bottom: 10px;
	font-size: 20px;
}
.verifyEmailAddress .form-input {
	margin-bottom: 40px;
}
.verifyEmailAddress .label-description {
	margin-bottom: 10px;
}
.verifyEmailAddress .spanErrors {
	font-style: italic;
	margin-top: 5px;
}
.senderDomainOption input {
	width: 250px;
	min-width: 250px;
	max-width: 250px;
	vertical-align: middle;
}
.senderDomainOption > div {
	vertical-align: middle;
	display: inline-block;
}
.campaignDeliveryStats {
	margin: 40px 0;
}
.campaignDeliveryStats > div {
	text-align: center;	 
}
.campaignDeliveryStats > div > div {
	font-size: 30px;
	margin-bottom: 20px;
}
.queueStatus {
	padding: 10px;
	border-radius: 6px;
	background-color: #fff3ba;
	margin-bottom: 20px;
	color: #000;
	border: 1px dashed #000;
}
#aiTextResults {
	height:400px;
    overflow:scroll;
    overflow-x:hidden;
	padding-right: 10px;
}
#aiTextResults > .aiResult {
	margin-bottom: 20px;
	border-radius: 8px;
	background-color: #e1e1e1;
    padding: 20px;
	border: 1px solid #c1c1c1;
	cursor: pointer;
}
#aiTextResults > .aiResult .copyText {
	border-radius: 4px;
	background-color: #fd8a0e;
	color: #fff;
	width: 30px;
	height: 30px;
	padding-top: 4px;
	margin-bottom: -10px;
	text-align: center;
	cursor: pointer;
	display: inline-block;
}

#getMoreResults {
	text-decoration: none;
	cursor: pointer;
	font-size: 16px;
}
.aiPreloader {
	text-align: center;
	padding: 30px;
}
.aiPreloader div {
	margin: 0 auto 10px auto;
}
.imageWrapper .custom-loader {
	margin: 100px auto 0 auto;
}

.custom-loader {
  width: 60px;
  height: 60px;
  display: grid;
  color:#006699;
  background: radial-gradient(farthest-side, currentColor calc(100% - 6px),#0000 calc(100% - 5px) 0);
  -webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 13px),#000 calc(100% - 12px));
  border-radius: 50%;
  animation: s9 2s infinite linear;
}
.custom-loader::before,
.custom-loader::after {    
  content:"";
  grid-area: 1/1;
  background:
    linear-gradient(currentColor 0 0) center,
    linear-gradient(currentColor 0 0) center;
  background-size: 100% 10px,10px 100%;
  background-repeat: no-repeat;
}
.custom-loader::after {
   transform: rotate(45deg);
}
.affiliateGames {
	text-align: center;
}
.affiliateGames a {
	padding-right: 20px;
}
.affiliateGames img {
	max-width: 200px;
}
.awardTrialsForStore {
	margin-bottom: 20px;
	text-align: right;
}
.awardTrialsForStore > div {
	vertical-align: top;
	display: inline-block;
}
.awardTrialsForStore > div button {
	height: 45px;
}
.awardTrialsForStore > div.trialLabel {
	margin-right: 20px;
	line-height: 45px;
}
.awardTrialsForStore #trialAwardSuccess {
	position: absolute;
	margin-top: 60px;
	color: #48f54c;
	visibility: hidden;
}
.reviewComment {
	background-color: #fff; 
	color: #000; 
	padding: 10px 20px; 
	border-radius: 12px;
}
.imageUploadError {
	color: red;
	font-style: italic;
	text-align: center;
	margin-top: -15px;
	display: none;
}
.imageUploadErrorLarge {
	margin-top: 10px;
	margin-bottom: 20px;
	color: red;
	font-size: 12px;
	font-style: italic;
	max-width: 200px;
	text-align: center;
	display: none;
}
.photoError {
	background-color: red !important;
}
.contentFrame form .queue-gallery-actions a.btn {
	margin-bottom: 0;
}
#userGames .queue-compact-table td {
	border-bottom: 0;
	font-size: 14px; 
}
.queue-compact-table td div {
	font-size: 14px;
}
.queue-compact-table .alternateScoreInput {
	width: 60px;
	font-size: 14px;
	text-align: center;
}
.queue-compact-table select,
.queue-compact-table input[type=text] {	
    height: 35px;
	border: 1px solid #ccc;
	margin: 0;
}
.queue-time {
	width: 175px; 
}
.queue-change-view {
	color: #ffd800;
	text-decoration: none; 
	right: 0;
}
.queue-change-view:hover {
	color: #ffe765;
	text-decoration: none; 
}
.queue-compact-table select {
	padding-left: 0;
}
.compact-invalid {
	text-align: center;
	display: none;
}
.fraud-alert {
	border: 1px dashed #d40000;
	border-radius: 6px;
	margin-bottom: 20px;
	padding: 10px 20px;
	background-color: #cacaca;
	color: #000;
}
.fraud-alert:last-child {
	margin-bottom: 0;
}
.fraud-user > div {
	background-color: #ad0000;
	border: 5px solid #006699;
}
.fraud-row > td {
	background-color: #ffbebe !important;
}
.fraud-user label {
	color: #fff;
	font-family: 'UBold';
}
.fraud-alert-heading {
	margin: -10px 10px 10px 5px;
	color: #c90000;
	font-family: 'UBold';
	font-size: 20px;
}
.fraud-tabs .currentTab {
	background-color: #ad0000;
}
.fraud-tab-content > div {
	background-color: #ad0000;
}
.fraud-alert-content {
	background-color: #fff;
	border-radius: 6px;
	color: #000;
	margin-bottom: 20px;
	padding: 20px;
}
.fraud-alert-content a {
	text-decoration: underline;
	color: #000;
}
.fraud-alert-content .comments {
	margin-top: 20px;
	border: 1px dashed #000;
	background-color: #e1e1e1;
	padding: 20px 20px;
	border-radius: 6px;
}
.fraud-alert-content .fa-quote-left {
	margin-right: 10px;
}
.fraud-alert-content .fa-quote-right {
	margin-left: 10px;
}
.fraud-alert-content .waiver,
.fraud-alert-content .photos {
	margin-top: 20px;
}
.fraud-alert-content .waiver .btn {
	margin: 0 10px;
}
.fraud-alert-content .photos .image {
	max-width: 200px;
	display: inline-block;
}
.fraud-alert-content .photos .gallery {
	margin-top: 20px;
}
.fraud-alert-content .photos .image > img {
	width: 100%;
	border-radius: 6px;
}
.advancedSearchActive {
	color: #ffc000;
}
.email-element label {
	cursor: pointer;
	width: 250px; 
	color: #fff; 
	font-weight: normal;
	padding-left: 10px;
	vertical-align: middle;
}
.email-element:hover {
	background-color: #006699;
	cursor: pointer;
	border-radius: 3px;
}
.disable-sort:hover {
	background-color: inherit;
}
.slot {
	cursor: pointer;
}
.slot-active {
	background-color: #fd8a0e;
	border-left: 1px solid #898989 !important;
	border-right: 1px solid #898989; 
}
.time-slot-table>tbody>tr>td {
	border: 1px solid #898989; 
}
.time-slot-day-selected {
	background-color: #ffba00 !important;
}
.viewAnswer h3 {
	color: #ffba00;
	margin: 0 0 20px 0 !important;
}
.installationWaiverLink {
	margin-top: 20px;
	background-color: #fff;
	border-radius: 6px;
	padding: 10px;
	text-align: center;
	color: #000;
	font-size: 24px;
	cursor: pointer;
   	position: relative;
}
.installationWaiverLink:active {
	color: #666666;
}
.installationWaiverLink .fa-copy {
	position: absolute;
	top: 12px;
	right: 10px;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.potential-fix .fix-panel {
	margin-top: 10px;
	margin-bottom: 10px;
}
.potential-fix .fix-title {
	margin-bottom: 10px;
	font-size: 20px;
}
.potential-fix .fix-contents {
	margin-bottom: 20px;
}
.potential-fix .fix-image > img {
	max-width: 500px;
	border-radius: 6px;
	margin: 10px 0;
}
.fix-buttons {
	text-align: center;
}
.fix-buttons button {
	width: 49%;
}

@keyframes s9 { 
  100%{transform: rotate(1turn)}
}

@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-success {
		height: 50px;
		padding-top: 10px;
	}
	#userGames .userGameQueueRow .btn-danger {
		height: 35px;
	}
	.profileProperty .progressBar > div > span {
		display: none;
	}
	.profileProperty #ageBreakdown {
		display: block;
	}
}
@media (max-width: 1112px) {
	.chooseOptions .selectPackage .package > h1 {	
		font-size: 18px;
	}	
	.selectEmailPackage .package img {
		width: 100%;
		max-width: 200px;
		margin-bottom: 20px;
	}
	#loginUsername,
	#loginPassword,
	#forgotEmail {
		width: 400px;
		min-width: 400px;
	}
	
	.queue-compact-table  .table-label {
		width: 100px;
	}
}
@media (max-width: 1024px) {
	.waiverLink .link {
		font-size: 22px;
	} 
	#loginUsername,
	#loginPassword,
	#forgotEmail {
		width: 350px;
		min-width: 350px;
	}
	#userGames td {
		padding: 5px;
	}
	select,
	.btn-full,
	.hform input,
	textarea,
	.informational {
		width: 100%;
	}
	#userGames .queue-compact-table .btn {
		width: 40px;
		height: 40px;
		margin: 3px;
		text-align: center;
		padding: 0;
	}
	#userGames .queue-compact-table .upload > div {
		padding-top: 10px;
	}
	
	.queue-time {
		width: 150px;
	}
}
@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;
	}
	#userGames .userGameQueueRow .selection select {
		padding: 0 0 0 10px;
	}
	#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;
	}
	#loginUsername,
	#loginPassword,
	#forgotEmail {
		width: 250px;
		min-width: 250px;
		font-size: 18px;
		height: 45px;
	}
	#userGames .actionButtons {
		width: 20%;
	}	
	.loginHeading h1 {
		font-size: 24px;
	}
	#loginUsername,
	#loginPassword,
	#forgotEmail {
		width: 180px;
		min-width: 180px;
		font-size: 18px;
		height: 45px;
	}
	#userGames .userGameQueueRow .btn.upload {
		margin: 20px 0;
	}
}
@media (max-width: 450px) {
	
	.queue-participant-table>tbody>tr>td.participant-name {
		width: 50%;
	}
	.queue-participant-table>tbody>tr>td.participant-organizer,
	.queue-participant-table>tbody>tr>td.participant-birthday {
		width: 25%; 
	}
	.queue-participant-table>tbody>tr>td>a{
		font-size: 14px;
	}
	#searchBar {
		display: none;
	}
	#content {
		padding: 0 10px 0 10px;
		overflow: visible;
	}
	.contentFrame > div {
		padding: 10px;
	}
	.tabWindow .tab {
		padding: 5px 10px;
		height: 30px;
		font-size: 12px;
	}	
	.tabWindow .tab-right {
		padding: 2px 5px;
		height: 30px;
	}
	.tabWindow .tab-right .btn-sm {
		padding: 2px 3px;
		font-size: 10px;
	}
	input[type=text], input[type=number], input[type=password],
	.long input[type=text], .long input[type=number], .long input[type=password] {
		min-width: inherit;
		max-width: inherit;
		width: 100%;
	}
	div.selection {
		margin-left: 0;
		min-width: inherit;
		max-width: inherit;
		width: 100%;
	}
	.storeOptions .smallSelect .selection {
		margin-left: 0;
	}
	input.dateSelect {
		width: 180px !important;
		max-width: 180px !important;
		min-width: 180px !important;
	}
	.btn {
		font-size: 14px;
	}
	button.btn-md,
	a.btn-md {
		padding: 6px 8px; 
	}
	.info {
		font-size: 14px;
	}
	.uploadImageSelection .btn span,
	#billingMethods .btn span {
		display: none;
	}
	#billingMethods .btn {
		padding: 4px 8px;
	}
	.storeOptions .long {
		margin-bottom: 20px;
	}
	.emailElements .row {
		margin-bottom: 15px; 
	}
	.hform .waiverFields {
		margin-bottom: 20px;
	}
	.editActionButtons .btn {
		padding: 6px 8px; 
		font-size: 12px;
	}
	.heading > h1 {
		font-size: 16px;
	}
	table .uid {
		font-size: 10px;
	}
	table {
		table-layout:fixed;
	}
	table td,table th {
		font-size: 12px;
	}
	table .btn-md {
		padding: 2px;
		line-height: 1.5;
		min-width: inherit;
		font-size: 10px;
		text-align: center;
	}
	table .btn-md span {
		font-size: 0;
	}
	.table-striped>tbody>tr > td,
	.table-striped>thead>tr > th {
		padding: 7px !important;
	}
	#subscribe {
		font-size: 20px;
	}
	.description,
	.closing {
		font-size: 14px;
	}
	.upsell .photo img,
	#help ul.numeric img {
		max-width: 100%;
	}
	#help #search {
		width: 100%;
		height: 50px;
		font-size: 20px;
	}
	#help h3 {
		margin-left: 10px;
	}
	#help .installationQuestions {
		margin-left: 10px;
	}
	#help ul {
		margin: 10px;
		padding-inline-start: 20px;
	}
	.optionBackground > div {
		padding: 10px;
	}
	.overlayBuilderFrame .description {
		margin: 0 0;
	}
	.overlayBuilderFrame .storeOptions {
		margin-bottom: 30px;
	}
	.hform .hlabel {
		text-align: left;
		font-size: 14px;
		vertical-align: middle;
	}
	.teamPhotoColorOptions {
		margin: 0 0 15px 0;
	}
	.teamPhotoColorReset {
		margin: 0 0;
	}
	.teamPhotoColorReset .center {
		text-align: left;
	}
	.viewDetails {
		font-size: 12px;
	}
	.viewDetails label {
		width: 150px;
		font-size: 12px;
	}	
	.hform a[data-toggle="tooltip"] {
		display: none;
	}
	.hform h1 {
		margin: 0;
	}
	.escapeRoomTimeSlotSelection {
		margin-top: 0;
	}
	.mediaHide {
		display: none;
	}
	.hform input.long {
		width: 50%;
		max-width: inherit;
	}
	.upsellWindow {
		font-size: 14px;
	}
	.editActionButtons a {
		margin-bottom: 5px;
	}
	.editSocialMedia .hform .row > .col-sm-10 {
		height: inherit;
		line-height: inherit;
	}
	.editSocialMedia form input  { 
		margin-bottom: 10px !important;
	}
	.editSocialMedia a.btn { 
		margin-bottom: 0 !important;
	}
	.waiverLink .linkBoundingBox .center,
	.waiverLink .linkBoundingBox,
	.blueBox div,
	.blueBox {
		font-size: 14px;
	}
	.blueBox img {
		width: 100%;
	}
	.waiverLink .link > a {
		font-size: 14px;
	}
	.storeConnection > .info,
	.storeConnection > .connect{
		float: none;
	}
	.statForm .dateSelect {
		margin-bottom: 10px;
	}
	.statForm > div {
		display: inline-block;
		margin-right: 0;
	}
	.statForm #downloadCSV {
		margin-bottom: 20px;
	}
	#searchForm #searchNow {
		width: 100%;
		height: 40px;
		font-size: 18px;
	}
	#installationChecklist .box {
		width: 95%;
		padding: 10px;
	}
	#installationChecklist .box p {
		font-size: 14px;
		text-align: left;
	}
	#installationChecklist table td,
	#installationChecklist table th {
		font-size: 14px;
	}
	#installationChecklist .storeOptions .label {
		text-align: left;
		display: block;
	}
	#installationChecklist .storeOptions .description,
	#installationChecklist .storeOptions .checkbox {
		text-align: left;
	}
	#contactUs .contactForm {
		padding-left: 10px;
	}
	#contactUs input,
	#contactUs textarea {
		width: 100%;
		min-width: inherit;
		max-width: inherit;
	}
	#contactUs h3 {
		margin-left: 0;
		font-size: 16px;
	}
	#contactUs .btn {
		width: 100%;
		font-size: 18px;
		padding: 10px 20px;
	}
	.queue-connections {
		margin-top: -8px;
	} 
	.queueTeaserLabel .time,
	.queueTeaserLabel .event {
		font-size: 12px;
	}
	.queue-compact-table td {
		display: none;
	}
	.compact-invalid {
		display: block; 
	}
	#listUserGameImages {
		text-align: center;
	}
	.queueUpdate .trophy > img {
		display: none;
	}
	.queueUpdate .info {
		margin-left: 0;
	}
	#userGames .upload > div {
		padding-top: 0;
	}
}
@media (max-width: 375px) {
	
}
@media (max-width: 320px) {

}
/*------------------------------------------------------------------------------------------------------------------------------*/
/*--------- 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; }