/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: Arial, sans-serif;
  color: #222; 
	overflow-y: hidden;
	
	background:
		radial-gradient(black 15%, transparent 16%) 0 0,
		radial-gradient(black 15%, transparent 16%) 8px 8px,
		radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
		radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
		background-color:#111;
		background-size:16px 16px;

}


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}

p {
	margin:0px 0px 0px 0px;
}

#wrapper {
	width:1920px; height:1080px;
	margin:0px auto;
}

.container {
  position: relative;
  width: 1920px; max-width: 1920px; height:inherit;
  margin: 0 auto;
  padding: 0 0;
  box-sizing: border-box;
}

#header {
	background-color:#383a39;
	width:1920px; height:156px
}

#header .right {
	position:absolute;
	right:14px;
}
#header .right p,
#header .right p a {
	color:#c0c0c0;
	margin-top:8px; margin-bottom:10px;
	text-align:right;
}
#header .right p b {
	color:#fff;
}
#header .right input.search {
	width:254px; height:47px;
	border:2px solid #3f506e;
	box-sizing:border-box;
	padding-left:15px; padding-right:15px;
	line-height:47px;
	float:left;
}
#header .right button.search-btn {
	background-color:#4473c5;
	width:103px; height:47px;
	border:2px solid #3f506e;
	border-left:none;
	text-align:center;
	font-weight:bold;
	color:#fff;
	line-height:47px;
	padding:0px 0px 0px 0px;
	float:left;
	font-size:17px;
}
#header .right button.new-customer {
	background-color:#01ae52;
	width:165px; height:47px !important;
	border:2px solid #007a37;
	border-left:none;
	text-align:center;
	font-weight:bold;
	color:#fff;
	line-height:47px;
	padding:0px 0px 0px 0px;
	float:right;
	font-size:15px;
	margin-top:8px;
}

#header .icon {
	display:block;
	position:absolute;
	top:28px;
	width:142px; height:30px !important;
	background-repeat: no-repeat;
	background-position: center top;
	text-align:center;
	padding-top:78px;
	color:#fff;
	font-size:16px;
	text-decoration: none;
}

#header a.business-settings {
	background-image: url(../images/business-settings-btn.png);
	left:34px;
}
#header a.financial {
	background-image: url(../images/financial-btn.png);
	left:194px;
}
#header a.point-of-sale {
	background-image: url(../images/point-of-sale-btn.png);
	left:995px;
}
#header a.visitor-check-in {
	background-image: url(../images/visitor-check-in-btn.png);
	left:1173px;
}
#header a.customers {
	background-image: url(../images/customers-btn.png);
	left:1339px;
}

table#stock-alerts .form-control {
	background-color:#fff;
	border-radius:3px;
	width:25px; height:16px;
	line-height:16px;
	text-align:center;
	font-size:12px;
	padding:5px 10px 5px 10px;
	font-weight:bold;
}
table#stock-alerts .stock-alert-threshold {	border:2px solid #c00; }
table#stock-alerts .stock-alert-keep-max { border:2px solid #2b6f1b; }


table#t-update-stock .stock-threhold {
	padding:3px 10px 3px 10px;
	text-align:center;
	border-radius:3px;
	background-color:#fff;
	line-height:16px;
	width:50px; height:16px;
	border:2px solid #bbb;
}

p.bs-p { margin-bottom:15px; }
p.bs-p a {
	color: #333;
	font-size: 16px;
	text-decoration: none;
}
p.bs-p a:hover { color:#000; }


/* Live Clock */
#live-clock {
	position: absolute;
	top: 51px;
	left: 610px;
	text-align: center;
	color: #fff;
	font-size: 22px;
	line-height: 1.3em;
}
#live-clock #date-part {
	color:#c0c0c0;
}

/* -------------------------------------------------------------------------------------- */

#main-container {
	background-color:#eee;
}
#main {
	min-width:1920px; width:1920px; min-height:924px;
	margin:0 auto;
	background-color:#383a39;
}

#check-ins {
	width:274px; min-height:924px;
	background-color:#fff;
	float:left
}

#content {
	width:1646px; min-height:924px;
	background-color:#f2f2f2;
	border-left:3px solid #d9d9d9;
	float:right;
	padding:40px 40px 0px 40px;
	box-sizing:border-box;
}
.check-in-tweak { width:1920px !important; }
body.profile-page #content { padding-right:0px !important; }


/* -------------------------------------------------------------------------------------- */
/* FINANCIAL */
body.financial #content {
	background-color:#fff;
}
div.financial * {
	color:#000;
}

div.financial .colA {
	float:left;
	width:355px;
}
div.financial .colB {
	float:right;
	width:1158px;
	position:relative;
}
div.financial .colB label {
	width:100%;
}

div.financial .colB #f-open-till {
	position:absolute;
	display: block;
	height: 20px;
	width: auto;
	line-height: 20px;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	background-color: #0071c1;
	color: #fff !important;
	font-size: 14px;
	border-radius: 2px;
	top:5px; left:5px;
}

div.financial table.denominations {
	width:355px;
	border:1px solid #d0cece;
}
div.financial table.denominations input {
	width:45px; height:21px;
	line-height:21px;
	text-align:center;
	color:#000 !important;
	border:1px solid #767171;
	font-size:14px;
}
div.financial table.denominations tr:nth-child(even) td {
	background-color:#f2f2f2 !important;
}
div.financial table.denominations th, td {
	padding:6px 10px 6px 10px;
	font-size:14px;
}
div.financial table.denominations th.a,
div.financial table.denominations td.a{
	width:94px;
	text-align:right;
}
div.financial table.denominations th.b,
div.financial table.denominations td.b {
	width:99px;
	text-align:center;
	border-left:2px dotted #dbdbdb;
	border-right:2px dotted #dbdbdb;
}
div.financial table.denominations th.c,
div.financial table.denominations td.c {
	width:96px;
	text-align:left;
}
div.financial table.denominations td.a {
	text-align:right !important;
}
div.financial table.denominations td.b {
	text-align:center !important;
}
div.financial table.denominations td.c {
	text-align:left !important;
}
div.financial label {
	width:355px; height:40px;
	line-height:40px;
	color:#222;
	font-size:22px;
	text-align:center;
	box-sizing: border-box;
	border:1px solid #d0cece;
	margin-bottom:13px;
	display:block;
}
div.financial .ct {
	box-sizing:border-box;
	width:355px; height:36px;
	line-height:36px;
	margin-top:7px;
}
div.financial .cta {
	box-sizing:border-box;
	width:116px;
	float:left;
	text-align:right;
}
div.financial .ctb {
	box-sizing:border-box;
	width:120px;
	float:left;
	background-color:#f2f2f2;
	border:1px solid #7f7f7f;
	border-right:0px;
	text-align:right;
	padding-right:10px;
}
div.financial .ctc {
	box-sizing:border-box;
	width:119px;
	float:left;
	background-color:#f2f2f2;
	border:1px solid #7f7f7f;
	border-left:0px;
}
div.financial input#card-total,
div.financial input#cash-total,
div.financial input#vouchers-total {
	width:72px; height:25px;
	border:1px solid #767171;
	color:#000 !important;
	box-sizing: border-box;
	font-size:14px;
	padding:0px 10px 0px 10px;
}
div.financial .ctotal .ctb {
	border:2px solid #7f7f7f;
	background-color:#ffffff;
	border-right:0px;
}
div.financial .ctotal .ctc {
	border:2px solid #7f7f7f;
	background-color:#ffffff;
	border-left:0px;
}
div.financial .cdis .ctb {
	border:1px solid #d8d6d6;
	background-color:#f2f2f2;
	border-right:0px;
}
div.financial .cdis .ctc {
	border:1px solid #d8d6d6;
	background-color:#f2f2f2;
	border-left:0px;
}

div.financial .income-col {
	width:572px; height:649px;
	box-sizing: border-box;
	border:1px solid #d0cece;
	background-color:#f9f9f9;
	float:left;
}

div.financial .income-colA {
	margin-right:7px;
}
div.financial .income-colB {
	margin-left:7px;
}
div.financial #cash-income,
div.financial #card-income {
	width:567px; height:608px;
	overflow: auto;
}


div.financial .income-col table {
	width:100%;
}
div.financial .income-col table tr:nth-child(odd) td {
	background-color:#fff;
}

div.financial #cash-income-total,
div.financial #card-income-total {
	background-color:#ddd !important;
	width:100%; height:40px;
}
div.financial .icA {
	width:469px; height:40px;
	float:left;
	font-weight:bold;
	text-align:right;
	line-height:40px;
}
div.financial .icB {
	width:84px; height:40px;
	float:right;
	font-weight:bold;
	line-height:40px;
}
div.financial .ic1 { width:10%; }
div.financial .ic2 { width:16%; }
div.financial .ic3 { width:20%; max-width:68px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
div.financial .ic4 { width:35%; max-width:210px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
div.financial .ic5 { width:15%; text-align:right; }

div.financial .income-is-voucher { color:#01ae52; font-weight:bold; }
div.financial tr.income-is-voucher td { color:#01ae52; font-weight:bold; }

.dis-down { color:#ff0000 !important; }
.dis-up { color:#00b050 !important; }

div.financial .cta {
	

	padding-right:15px;
}

div.financial #submit-container p {
	color:#000;
	font-size:12px;
	margin:10px 0px 6px 0px;
}

div.financial #submit-container textarea {
	width:785px; height:49px;
	box-sizing: border-box;
	padding:5px 5px 5px 5px;
	border:2px solid #c9c9c9;
	resize: none;
	float:left;
}
div.financial #submit-container .submit-btn {
	width:357px; height:49px;
	background-color:#0579cc;
	box-sizing:border-box;
	border:1px solid #4b6fa8;
	color:#fff;
	font-size:20px; font-weight:bold;
	display:block;
	float:right;
	line-height:49px;
	text-align:center;
	text-decoration: none;
}

/* -------------------------------------------------------------------------------------- */
/* POS */
body.pos #content {
	padding:0px 0px 0px 0px;
}
#pos {
	width:1643px; height:924px;
}
#pos #barcode-scanner { display:none; }
#pos #cart {
	position:relative;
	width:630px; height:inherit;
	background-color:#626262;
	float:left;
	background: linear-gradient(to left, #3B3B3B 0, #626262 5px, #626262 100%);
	box-sizing: border-box;
	padding:15px;
}
#pos #till {
	width:1013px; height:inherit;
	background-color:#F5F9FF;
	float:left;
	box-sizing: border-box;
	padding:15px;
	
}
#pos #till #till-content {
	width:998px; height:892px;
	overflow:auto;
}

#pos #cart #cart-footer,
#pos #cart #cart-discount-footer {
	position:absolute;
	bottom:15px;
}
#pos #cart #cart-footer {
  bottom:110px !important;
}
#pos #cart #total,
#pos #cart #discount {
	width: 596px;
	height: 80px;
	box-sizing: border-box;
	background-color: #3B9AD7;
	border-radius: 5px;
	padding: 13px;
	color: #fff;
	font-size: 35px;
	font-weight: bold;
}
#pos #cart #discount { background-color:#888 !important; }
#pos #cart #discount input { 
  border:none;
  border-radius:3px;
  width:60px;
  color:#444;
}
#pos #cart #total label,
#pos #cart #discount label{
	float:left;
}
#pos #cart #total div,
#pos #cart #discount div{
	float:right;
}
#pos #cart h5 {
	border-bottom:1px solid #858585;
	margin-bottom:10px;
	padding-bottom:5px;
	font-size:22px; font-weight:bold;
	color:#fff;
	text-align:left;
}
#pos #cart #open-till {
	color:#fff;
	position:absolute;
	top:23px; right:19px;
	text-decoration:none;
}
#pos #cart #open-till:hover { text-decoration: underline; }

#pos .cart-row div {
	display:inline-block;
	color:#eee;
	font-size:20px;
}
#pos .cart-row .cc-a {
	width:40px;
}
#pos .cart-row .cc-b {
	width:452px;
}
#pos .cart-row .cc-c {
	width:67px;
	text-align:right;
}
#pos .cart-row .cc-d {
	width:40px;
	text-align:right;
}
#pos .cart-row .cc-d a { color:#858585; }
#pos .cart-row .cc-d a:hover { color:#eee; }

#pos #till .category {
	width:282px; height:282px;
	text-align:center;
	background-color:#3B9AD7;
	float:left;
	border-radius:3px;
	color:#fff;
	font-size:22px;
	text-decoration: none;
	display:block;
	margin:0px 15px 15px 0px;
}
#pos #till .category:hover { opacity:0.75; }
#pos #till .category span {
	display:table-cell;
	vertical-align: middle;
	text-align: center;
	width:282px; height:282px;
	box-sizing: border-box;
	padding:10px;
}

#pos #till .till-product {
	width:166px; height:214px;
	text-align:center;
	float:left;
	border-radius:3px;
	color:#111;
	font-size:14px;
	text-decoration: none;
	display:block;
	margin:0px 15px 15px 0px;
	border:1px solid #dcdcdc;
	background-color:#fff;
	box-sizing:border-box;
	cursor: pointer;
}
#pos #till .till-product:hover {
	opacity:0.75;
}
#pos #till .till-product img {
	width:160px; height:160px;
	margin:7px 0px 4px 0px;
	padding:0px 0px 0px 0px;
	float:left;
}

#pos #till .till-product-price {
	font-size:12px;
	color:#444;
	text-align:center;
}


#pos #till .till-product-name {
	font-size:12px;
	clear:both;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0px 10px 0px 10px;
}

#pos #till .till-product-back {
	background:#3B9AD7 url(../images/back.png) center center;
	background-repeat: no-repeat;
	border:1px solid #3B9AD7;
	color:#fff;
}
#pos #till .till-product-back:hover { opacity:0.75; }
#pos #till .till-product-back span {
	width:166px; height:214px;
	display:none; /*table-cell;*/
	vertical-align: middle;
	text-align: center;
	box-sizing: border-box;
	padding:10px;
}

#pos #total {
	cursor: pointer;
}
#pos #total:hover {
	opacity:0.75;
}

#pos #till-content .payment-by {
	width:860px; height:130px;
	background:#569cdb url(../images/pos-card-payment.png) no-repeat 0px 0px;
	margin:0 auto;
	cursor:pointer;
	color:#fff;
	font-size:32px; font-weight:bold;
}
#pos #till-content #payment-by-card {
	margin-top:45px;
}	
#pos #till-content #payment-by-cash {
	margin-top:45px;
}	
#pos #till-content #payment-by-combo {
	margin-top:45px;
}	

#pos #till-content .payment-by .a {
	width:525px; height:130px; line-height:130px;
	margin-left:173px;
	float:left;
	
}
#pos #till-content .payment-by .b {
	width:160px; height:130px; line-height:130px;
	float:left;
}

.pos-modal-btn {
	display: inline-block;
	background-color: #0071c1;
	border: 2px solid #fff;
	line-height: 38px;
	font-size: 20px;
	color: #fff;
	text-decoration: none;
	padding:10px 20px 10px 20px;
}


#cash-calculator,
#combination-transaction {
	width:700px;
}
#cash-calculator .cash-calc-container,
#combination-transaction .cash-calc-container {
	width:500px;
	margin:0 auto;
}
#cash-calculator .c,
#combination-transaction .c {
	border-bottom:2px solid #ddd;
	padding-bottom:5px;
	margin-bottom:5px;
	font-size:28px;
	color:#fff;
}
#cash-calculator label,
#combination-transaction label {
	display:inline-block;
	text-align:right;
	width:280px;
}
#cash-calculator .c div,
#combination-transaction .c div {
	display:inline-block;
	text-align:left;
	width:210px;
	font-size:30px; font-weight:bold;
}
#cash-calculator #amount-tendered,
#combination-transaction #card-amount {
	border:0;
	background-color:inherit;
	font-size:30px; font-weight:bold;
	color:#fff;
	width:80%;
	box-sizing: border-box;
}
#cash-calculator #complete-cash-stage-1,
#cash-calculator #complete-cash-stage-2 {
	margin-top:10px;
}
.negative {
	color:#c00;
}

#combo-stage-1 {
	margin-top:10px;
}

#pos #till-content #payment-by-combo,
#pos #till-content #payment-by-voucher {
	margin-top: 45px;
	zoom: 0.50;
	margin-left: 137px;
	float:left;
}
#pos #till-content #payment-by-voucher { margin-left: 49px; width: 811px; display:none; }
#pos #till-content #payment-by-voucher .a { width:640px; }


.tab-inner-disabled::after {
	content:"";
	position:absolute;
	top:0; left:0;
	width:100%; height:100%;
	background-color:rgba(255,255,255,0.75);
}
#please-wait {
	position: absolute;
	width: 250px;
	height: auto;
	background-color: #4473c5;
	border: 10px solid #fff;
	border-radius: 12px;
	top: 42%;
	left: 36%;
	z-index: 1;
	box-sizing: border-box;
	padding: 15px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	display:none;
	color:#fff;
}

/* -------------------------------------------------------------------------------------- */
/* CUSTOMER */

#profile-page #customer {
	width:1313px;
	float:left;
}
#customer .customer-photo {
	width:326px;
	float:left;
}

#customer .customer-info {
	width:906px;
	float:left;
	border:1px solid #cfcfcf;
	background-color:#f9f9f9;
	margin-left:40px;
	position:relative;
}
#customer #staff-toggle, #customer #add-booking, #customer #sms-toggle {
	position:absolute;
	top:-26px; left:0px;
}
#customer #staff-toggle a, #customer #add-booking a, #customer #sms-toggle a {
	font-size:12px;
	color:#555;
	text-decoration: none;
}
#customer #add-booking { left:78px; }
#customer #sms-toggle { left:301px; }

#customer #staff-toggle a:hover, #customer #add-booking a:hover { color:#000; text-decoration: underline; }
#customer .customer-info .customer-name {
	background-color:#e7e5e6;
	color:#111;
	font-size:25px;
	height:59px; line-height:59px;
	padding-left:16px;
}
#customer .customer-info .customer-name a {
	color:#086baf;
	font-size:14px;
}
#customer .customer-info .customer-name #check-customer-in { margin:15px 15px 0px 0px; display:none; }
#customer .customer-info .customer-name #apply-guest-pass { margin:15px 15px 0px 0px; display:none; }

#customer .customer-other {
	padding:24px;
	color:#595959;
	height:261px;
}
#customer .customer-other .primary-data i { font-size:26px; color:#444; vertical-align:top; }
#customer .customer-other .primary-data .data {
	font-size:18px;
	padding-left:3px;
}

.customer-other .primary-data .birthday {
	display:inline-block;
	width:275px;
	height:40px
}
.customer-other .primary-data .telephone {
	display:inline-block;
	width:221px;
}
.customer-other .primary-data .email {
	display:inline-block;
	width:350px;
}

#customer .member-since {
	padding:10px 0px 10px 0px;
	margin:10px 0px 16px 28px;
	border-bottom:3px dotted #cecece;
	font-size:16px;
}
#customer #created-by {
	position: absolute;
	top: 171px;
	right: 25px;
	display:none;
}

#customer .ec-contact i { font-size:22px; color:#d72b3b; vertical-align:top; }
#customer .ec-contact .data {
	font-size:16px;
	padding-left:3px;
}
#customer .ec-contact-2 {
	font-size:16px;
	padding-left:13px;
	padding:8px 0px 0px 30px;
	position:relative;
}
#customer #EC_Medical {
	border:1px solid #e8e8e8;
	background-color:#fbfbfb;
	padding:8px;
	margin:8px 0px 0px -8px;
}

#customer #Body_Scan {
	position:absolute;
	width:156px; height:42px;
	top:-6px; left:702px;
	display:none;
}
#customer .ec-contact-2 .eligible {
	background-color:#00b050;
	text-align:center;
	line-height:42px;
}
#customer .ec-contact-2 .eligible a {
	width:156px; height:42px;
	display:block;
	color:#fff;
	font-size:12px; font-weight:bold;
	text-decoration:none;
}
#customer .ec-contact-2 .eligible a:hover {
	text-decoration:underline;
}

#customer .ec-contact-2 .not-eligible {
	background-color:#d0cece;
	text-align:center;
	width:156px !important; height:72px !important;
	top:-36px !important; left:702px !important;
	font-size:11px;
	color:#000;
	line-height: 13px;
	padding-top: 4px;
	box-sizing: border-box;
}
#customer .ec-contact-2 .not-eligible a {
	color:#0070c0;
	font-weight:bold;
}


#customer #Membership_Name {
	height:48px; line-height:48px;
	background-color:#00af50;
	color:#fff;
	font-size:22px; font-weight:bold;
	text-align:center;
}
#customer #membership-info {
	height:54px;
	background-color:#e7e5e6;
	text-align:center;
	font-size:13px;
	line-height:1.4em;
	padding:12px 0px 12px 0px;
}
#customer .customer-photo img {
	margin-bottom:-7px;
}


#profile-page #memberships {
	width:287px;
	min-height:924px;
	background-color:#e7e5e6;
	float:left;
	border-left: 3px solid #d9d9d9;
	margin-top:-40px;
	box-sizing:border-box;
	padding:14px 15px 0px 15px;
	text-align:center;
}
#profile-page #memberships h5 {
	font-size:18px;
	color:#000;
	margin-bottom:10px;
}
#profile-page #memberships #available-memberships a {
	display:inline-block; vertical-align:middle;
	width:117px; height:87px;
	text-align:center;
	background-color:#fdc101;
	color:#000;
	text-decoration:none;
	border:3px solid #fff;
	line-height:1.3em;
	box-sizing:border-box;
	font-size:12px;
	padding-top:25px;
	margin:0px 5px 10px 5px;
}
#profile-page #memberships .grouped {
	background-color:#0270bd !important;
	color:#fff !important;
}
#profile-page #memberships .ms_hori {
	display: block !important;
	vertical-align: middle !important;
	width: 238px !important;
	height: 20px !important;
	text-align: center !important;
	background-color: #fdc101 !important;
	color: #000 !important;
	text-decoration: none !important;
	border: 3px solid #fff !important;
	line-height: 20px !important;
	box-sizing: content-box !important;
	font-size: 12px !important;
	padding: 5px 0px 5px 0px !important;
	margin: 0px 5px 10px 5px !important;
}
#profile-page #memberships .ms_hori .altA {
	width:75px;
	float:left;
	text-align:left;
	font-weight:bold;
	padding-left:15px;
}
#profile-page #memberships .ms_hori .altB {
	width:50px;
	float:right;
	text-align:right;
	padding-right:15px;
}

#profile-page .no-membership {
	background-color:#af0f01 !important;
}

#profile-page .customer-extra {
	margin-top:40px;
}
#profile-page .customer-extra h3 {
	background-color:#e7e5e6;
	height:47px; line-height:47px;
	color:#424041;
	font-size:20px; font-weight:normal;
	padding-left:10px;
	margin-bottom:0px;
}
#profile-page .customer-extra h3 i { padding-right:5px; }
#profile-page .customer-extra .check-in-history,
#profile-page .customer-extra .invoice-history {
	width:616px;;
	border:1px solid #cfcfcf;
	box-sizing: border-box;
}
#profile-page .customer-extra .check-in-history { float:left; }
#profile-page .customer-extra .invoice-history { float:right; margin:0px 40px 0px 40px; }

#profile-page #check-in-history-rows,
#profile-page #invoice-history-rows {
	padding:0px 0px 0px 0px;
	height:365px;
	overflow:auto;
}
#profile-page #invoice-history-rows tr {
	cursor:pointer;
}
#profile-page #invoice-history-rows tr td a.btn {
	height:14px; line-height:14px;
}
#profile-page .invoice-link {
	color:#222;
	text-decoration:none;
}

.invoice-unpaid {
	background-color:#ffc1c1 !important;
}
.invoice-cancelled {
	opacity:0.5;
	text-decoration: line-through;
}
.invoice-pending {
	background-color:#FFFBA7 !important;
}
.invoice-frozen {
	background-color:#d3e3ec !important;
}

#activate-fob {
	border-top:3px solid #bfbfbf;
	border-bottom:3px solid #bfbfbf;
	padding:12px 0px 12px 0px;
	margin:3px 0px 12px 0px;
}
#activate-fob a {
	display:block;
	height:42px; line-height:42px;
	font-size:12px; font-weight:bold;
	text-decoration:none;
	color:#fff;
	border:3px solid #fff;
	background-color:#00b050;
	text-align:center;
}
#activate-fob #rfid-tag { display:none; }
#customer-notes h5 {
	font-size:14px !important;
	font-weight:normal !important;
	letter-spacing: normal;
	margin-bottom:8px !important;
}
#activate-fob #activate-fob-btn { }
#activate-fob #deactivate-fob-btn { background-color:#D72B3B; }

#new-note-container {
	width:100%; height:135px;
	box-sizing: border-box;
	border:1px solid #ffd966;
	padding:4px 4px 4px 4px;
	background-color:#fffbef;
}
#new-note-container textarea {
	width:100%; height:100px;
	resize:none;
	padding:4px 4px 4px 4px;
	font-size:13px;
	box-sizing:border-box;
	overflow:auto;
	border:none;
	background-color:#fffbef;
}
#new-note-container .options {
	width:100%; height:17px;
	margin-top:-2px;
}
#new-note-container .options .left {
	font-size:10px;
	float:left;
	text-align:left;
	width:201px;
	padding-left:11px;
	box-sizing: border-box;
}
#new-note-container .options .left img {
	vertical-align: sub;
	margin-left:10px;
}
#new-note-container .options .right {
	font-size:10px;
	text-align:right;
	float:right;
	width:43px;
	padding-right:11px;
	box-sizing:border-box;
}
#new-note-container .options .right a {
	display:block;
	color:#fff;
	font-size:10px;
	width:38px; height:17px; line-height:12px;
	background-color:#4472c4;
	border:3px solid #2f528f;
	text-align:center;
	text-decoration: none;
	font-weight:normal;
	box-sizing:border-box;
}
#new-note-container .toggle {
	cursor:pointer;
}

#customer-notes #previous-notes .note a.delete {
	position:absolute;
	top:-2px; right:6px;
	color:#ff0000;
	font-size:16px; font-weight:bold;
	text-decoration: none;
}
#customer-notes #previous-notes .note img {
	position: absolute;
	bottom:5px;
	right: 5px;
	width: 37px;
	height: auto;
}
#customer-notes #previous-notes .note {
	width:100%; min-height:45px;
	border:1px solid #ffd966;
	background-color:#fff2cc;
	font-size:12px;
	box-sizing: border-box;
	padding:6px 18px 6px 6px;
	margin-top:11px;
	text-align:left;
	position:relative;
}
#customer-notes #previous-notes {
	height: 287px;
	width: 100%;
	overflow: auto;
	padding-right: 15px;
}

.fob-scanner-modal {
	margin:0px 0px 0px 0px;
	padding: 20px 0px 20px 0px !important;
}
.fob-scanner-modal #sffa-retry {
	position: absolute;
	top: 130px;
	left: 268px;
	width: 490px;
	background-color: rgba(255,255,255,0.5);
	padding:15px;
	border-radius: 5px;
}
.fob-scanner-modal #sffa-retry a {
	display: inline-block;
	height: 20px;
	width: auto;
	line-height: 20px;
	text-decoration: none;
	background-color: #0071c1;
	color: #fff !important;
	border-radius: 2px;
	font-size:36px;
	padding: 15px;
	margin-bottom: 11px;
}
.fob-scanner-modal #sffa-retry p {
	font-size: 34px;
	color: #222;
	font-weight: bold;
	margin-bottom:15px;
}

.editable-input .hasDatepicker {
	width:100px;
}
.editable-cancel { display:none; }

p.OVERRIDE {
	margin-bottom: 15px;
	background-color: #006dcc;
	padding: 5px;
	border-radius: 5px;
	text-align: center;
}
p.OVERRIDE a {
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}

#ms-option-voucher {
	margin-top:20px;
	font-size:15px;
	border:1px solid #fff;
	width:220px;
}

/* -------------------------------------------------------------------------------------- */
/* CHECK INS */

#check-ins {
	text-align:center;
}
#check-ins h5 {
	margin-top:20px;
	margin-bottom:15px;
	font-size:20px;
}
#check-ins .check-in,
#check-in-data .check-in {
	width:174px;
	text-align:center;
	margin:0 auto;
	margin-bottom:25px;
	cursor:pointer;
}
#check-ins .check-in .photo,
#check-in-data .check-in .photo {
	width:174px; height:118px;
	background-size:cover;
}
#check-ins .check-in .deets,
#check-in-data .check-in .deets {
	width:174px;
	padding-top:3px; padding-bottom:5px;
	background-color:#d9d9d9;
}
#check-ins .check-in .deets,
#check-in-data .check-in .deets {
	color:#424242;
}
#check-ins .check-in .deets .dt,
#check-in-data .check-in .deets .dt {
	font-size:12px;
	margin-bottom:-3px;
}
#check-ins .check-in .deets .name,
#check-in-data .check-in .deets .name {
	font-size:14px;
	font-weight:bold;
	margin-bottom:-3px;
	
	width: auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#check-ins .check-in .status,
#check-in-data .check-in .status {
	width:174px;
	padding-top:3px; padding-bottom:2px;
	font-size:12px;
}
.check-in .status-bad {
	background-color:#af0f01;
	color:#fff;
}
.check-in .status-good {
	background-color:#00b050;
	color:#fff;
}

#check-in-filter label {
	color: #555;
	font-size: 14px;
	display: inline-block;
	margin-right:10px;
}
#check-in-filter select {
	font-size:14px;
	height:35px; min-width:250px;
}

#check-in-data {
	max-height:725px;
	overflow:auto;
}
#check-in-data .check-in {
	float:left;
	margin:0px 15px 15px 0px;
	zoom:1.051;
}

#check-in-ac-left {
	float:left;
}
#check-in-filter {
	float:right;
}

#check-in-ac-left h2 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0px;
}
#check-in-ac-left h2 span {
	color:#777;
}

	
/* --------------------------------------------------------------------------------------
		CUSTOMERS
-------------------------------------------------------------------------------------- */
table#customer-results {
	border: 1px solid #cfcfcf
}
table#customer-results th, 
table#customer-results td {
	text-align:left;
	padding:10px;
}
table#customer-results th {
	background-color:#e7e5e6;
	color:#333;
	font-size:14px;
}

table#customer-results tr { background-color:#fff; }
table#customer-results tr:nth-child(odd) { background-color:#f2f2f2; }

table#customer-results td.a {}
table#customer-results td.b {}
table#customer-results td.c { text-align:center; width:50px; }
table#customer-results td.d { text-align:center; width:50px; }
table#customer-results td.e {}
table#customer-results td.f {}

table#customer-results tr:hover { background-color:#ddd; }
table#customer-results td { cursor:pointer; }
table#customer-results td.b i { color:#aaa; }

#customers .search {
	
}

#customers .results {
	height:715px;
	overflow:auto;
	border-bottom:1px solid #cfcfcf;
}

ul.ui-menu {
	border:1px solid #ccc;
	width:354px !important;
}
ul.ui-menu li { background-color:#fff; }
ul.ui-menu li:nth-child(odd) { background-color:#f2f2f2; }
ul.ui-menu li:hover,
ul.ui-menu .ui-state-active { background-color:#ddd; }
ul.ui-menu .ui-state-active { height:49px; }
li.ac-members img {
	width:auto; height:50px;
	min-width:67px; max-height:50px;
	float:left;
	margin-right:5px;
}
li.ac-members {
	clear:both;
	height:60px;
	font-size:14px;
	padding:5px 5px 5px 5px;
}
li.ac-members .ui-menu-item-wrapper,
li.ac-members .ui-state-active { margin:0px 0px 0px 0px; padding:5px; border:none !important; color:#000; }

/* --------------------------------------------------------------------------------------
		NEW CUSTOMER
-------------------------------------------------------------------------------------- */

#new-customer .left {
	width:299px; 
	float:left;
	margin-right:82px;
}
#new-customer .form {
	width:1150px;
	float:right;
}

#new-customer #photo,
#new-customer #photo-canvas {
	width:295px; height:221px;
	background-color:#747371;
	border:2px solid #747371;
}

#new-customer #photo-canvas,
#new-customer #retake-photo { 
	display:none;
}

#new-customer .photo img {
	width:295px; height:221px;
}

#new-customer #retake-photo {
	width:75px; height:30px;
	line-height:30px;
	border:2px solid #414141;
	background-color:#595959;
	color:#fff;
	font-size:11px;
	float:left;
}
#new-customer #take-photo {
	width:120px; height:34px;
	line-height:34px;
	color:#fff; 
	font-weight:bold; font-size:14px;
	background-color:#0071c1;
	float:right;
}

#new-customer label {
	color:#555;
	font-size:18px;
	display:inline-block;
}
#new-customer input[type="text"],
select {
	height:34px;
	border:1px solid #acacac;
	line-height:32px;
	font-size:18px; 
	color:#555;
	box-sizing:border-box;
	padding:0px 6px 0px 6px;
}

#new-customer form .row { margin-bottom:21px; position:relative; }

#new-customer label.first-name, #new-customer label.ec-first-name, #new-customer label.ec-phone { width:108px; }
#new-customer label.last-name, #new-customer label.ec-last-name { width:90px; }
#new-customer label.gender { width:79px; }
#new-customer label.male { width:60px; }
#new-customer label.female { width:60px; padding-left:4px; }
#new-customer label.birthday { width:108px; }
#new-customer label.mobile { width:69px; }
#new-customer label.email { width:65px; }
#new-customer label.postcode { font-size:13px; position:absolute; top:56px; left:1px; }
#new-customer label.addresses { font-size:13px; position:absolute; top:56px; left:168px; }
#new-customer label.address1,
#new-customer label.address2 { width:162px; }
#new-customer label.town { width:162px; }
#new-customer label.postcode2 { width:94px; }
#new-customer label.ec-relationship { width:217px; }
#new-customer label.ec-medical { width:224px; }

#new-customer input.first-name, #new-customer input.ec-first-name, #new-customer input.ec-phone { width:306px; margin-right:19px; }
#new-customer input.last-name,#new-customer input.ec-last-name { width:306px; margin-right:36px; }
#new-customer select.dd { width:58px; margin-right:7px; }
#new-customer select.mm { width:132px; margin-right:7px; }
#new-customer select.yyyy { width:94px; margin-right:19px; }
#new-customer input.mobile { width:232px; margin-right:19px; }
#new-customer input.email { width:244px; }
#new-customer input.postcode { width:133px; height:52px; line-height:52px; border-width:2px; margin-right:29px; }
#new-customer select.addresses { width:917px; height:52px; line-height:52px; border-width:2px; }
#new-customer input.address1,
#new-customer input.address2 { width:917px; }
#new-customer input.town { width:449px; margin-right:113px; }
#new-customer input.postcode2 { width:253px; }
#new-customer input.ec-relationship { width:179px; }
#new-customer input.ec-medical { width:614px; }

#new-customer .create-record {
	position:absolute;
	top:0px; right:67px;
	width:175px; height:144px;
	padding-top:42px;
	border:3px solid #074979;
	background-color:#0071c1;
	color:#f5fefb;
	font-size:22px;
	text-align:center;
	border-radius:16px;
	line-height:1.3em;
	box-sizing: border-box;
	z-index:1;
}

/* --------------------------------------------------------------------------------------
		ACTIVE MEMBERSHIPS
-------------------------------------------------------------------------------------- */
#active-membership-container h5 {
	position:relative;
}
#active-membership-container h5 div {
	position:absolute;
	right:284px;
	top:0px;
}
#active-membership-container .last-30 {
	text-align:right;
	background-color:#fff;
	border-bottom:1px solid #dedede;
}
#active-membership-container .empty {
	background-color:#fff;
}
#active-membership-container .last-30-a {
	width:400px;
}

/* --------------------------------------------------------------------------------------
		COMMON FORMATTING
-------------------------------------------------------------------------------------- */
.btn {
	display:block;
	text-decoration:none;
}

.align-center {	text-align:center; }
.align-left {	text-align:left; }
.align-right {	text-align:right; }

.pull-right { float:right; }

h2 {
	border-bottom:3px solid #d0d0d0;
	color:#595959;
	font-size:28px; font-weight:normal;
	position: relative;
}
body.financial h2 span {
	display:block;
	position:absolute;
	top:0px; right:0px;
}

h3 {
	border-bottom:2px solid #d0d0d0;
	color:#595959;
	font-size:24px; font-weight:normal;
}

.disabled {
	opacity:0.3;
	filter: grayscale(100%);
}

.unvalidated,
label.unvalidated::before {
	border-color:#cc0033 !important;
	background-color:#fce4e4 !important;
}
label.unvalidated { background-color:#f2f2f2 !important; }

span.null {
	color:#bbb !important;
	font-style: italic !important;
}

br.cleared { clear:both; height:0; }

table.std tr th {
	text-align: left;
	color:#333;
}
table.std th,
table.std td {
	height:36px; line-height:36px;
	padding:0px 10px 0px 10px;
}
table.std tr {
	background-color:#fff;
}
table.std tr:nth-child(odd) { background-color:#f2f2f2; }

.styleA {
	border: 1px solid #cfcfcf;
	background-color: #f9f9f9;
	padding:15px;
	margin-bottom:20px;
}
.styleA input {
	padding:8px;
	box-sizing:border-box;
	font-size:14px;
	width:400px; height:40px;
	max-width:400px;
	border-radius:2px;
	border:1px solid #bbb;
	color:#333;
}
.styleA button {
	padding:0px 15px 0px 15px;
	box-sizing:border-box;
	font-size:14px;
	width:auto; height:40px;
	background-color:#4473c5;
	color:#fff;
	font-weight:bold;
	text-align:center;
	border: 2px solid #4473c5;
	margin-left:6px;
	border-radius:2px;
}

tr.denied { background-color:#ffc1c1 !important; }


/* --------------------------------------------------------------------------------------
		BUTTONS
-------------------------------------------------------------------------------------- */
.btn {
	display:inline-block;
	height:20px; width:auto; line-height:20px;
	padding:5px 10px 5px 10px;
	text-decoration: none;
	background-color:#0071c1;
	color:#fff !important; font-wight:bold;
	font-size:14px;
	border-radius: 2px;
}

/* --------------------------------------------------------------------------------------
		CHECKBOXES
-------------------------------------------------------------------------------------- */
input.checkbox {
	opacity:0;
	width:0px;
}
label.checkbox::before{
	content: "";
	display: inline-block;
	height: 32px;
	width: 32px;
	border:1px solid #adadad;
	background-color:#fff;
}
label.checkbox::after {
	content: "";
	display: inline-block;
	height: 8px;
	width: 18px;
	border-left: 3px solid #555;
	border-bottom: 3px solid #555;
	transform: rotate(-45deg);
}
label.checkbox { position: relative; }
label.checkbox::before, label.checkbox::after {	position: absolute; }
label.checkbox::before { top: -3px; left:20px }
label.checkbox::after {	left: 27px; top: 6px; }

input.checkbox[type="checkbox"] + label::after { content: none; }
input.checkbox[type="checkbox"]:checked + label::after { content: ""; }
input.checkbox[type="checkbox"]:focus + label::before { 
 	outline: -webkit-focus-ring-color auto 1px;
	outline-offset: -2px;
}

/* --------------------------------------------------------------------------------------
		LOGIN
-------------------------------------------------------------------------------------- */
body#login {
	background-color:#111;
}
#login-form {
	box-sizing:border-box;
	position:fixed;
	top:50%;
	left:50%;
	width:500px; height:250px;
	padding:25px;
	background-color:#f2f2f2;
	border-radius:10px;
	margin:-125px 0px 0px -250px;
}
#login-form .row {
	margin-bottom:15px;
	position:relative;
}
#login-form label {
	color:#555;
	font-size:18px;
	display:inline-block;
	width:100px;
}
#login-form input[type="text"],
#login-form input[type="password"] {
	height:34px;
	border:1px solid #acacac;
	line-height:32px;
	font-size:18px; 
	color:#555;
	box-sizing:border-box;
	padding:0px 6px 0px 6px;
	width:345px;
}
#login-form .submit-btn {
	background-color:#0072bf;
	padding:10px 20px 10px 20px;
	border-radius:10px;
	border:2px solid #014a81;
	color:#fff;
	font-size:16px; font-weight:bold;
	float:right;
}
#login-form .invalid-login {
	position:absolute;
	top:8px; left:0px;
	color:#c00;
	font-size:16px; font-weight:bold;
}

/* --------------------------------------------------------------------------------------
		AUTO COMPLETE
-------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------
		MODAL
-------------------------------------------------------------------------------------- */
.custom-modal {
	background-color:#569bdc;
	max-width:1068px;
	padding:100px 0px 100px 0px;
	text-align:center;
}
.custom-modal h4 {
	color:#fff;
	font-size:30px;
	letter-spacing:normal;
}
.custom-modal #guest-pass-yes {
	width: 204px;
	height: 38px;
	display: inline-block;
	background-color: #0071c1;
	border: 2px solid #fff;
	line-height: 38px;
	font-size: 20px;
	color: #fff;
	text-decoration: none;
}
.custom-modal #guest-pass-no {
	width:72px;
	height:38px;
	display: inline-block;
	background-color:#afabaa;
	font-size:20px;
	line-height:38px;
	border:2px solid #fffffd;
	color:#fffefd;
	position: absolute;
	bottom: 20px;
	right: 20px;
	text-decoration: none;
}
.custom-modal .ms-option {
	width:324px;
	height:38px;
	display: inline-block;
	background-color:#0071c1;
	font-size:20px;
	line-height:38px;
	border: 2px solid #fff;
	color: #fff;
	text-decoration: none;
	margin:0px 10px 0px 10px;
}

.custom-modal .date,
.custom-modal .bank-info div {
	display:inline-block;
	font-size:18px;
	color:#fff;
	margin:0px 10px 0px 10px;
}
.custom-modal .date p,
.custom-modal .bank-info p, 
.custom-modal .dd-collection-date p {
	font-size:18px;
	color:#eee;
	margin-bottom:5px;
}
.custom-modal .date input,
.custom-modal .bank-info input,
.custom-modal .dd-collection-date select {
	box-sizing:border-box;
	padding:10px;
	border-radius:5px;
	border:2px solid #bbb;
	color:#111;
	text-align:center;
	font-size:18px;
}
.custom-modal .dd-collection-date select {
	height: 44px;
	line-height: 32px;
	width:auto;
	padding-left:20px; padding-right:20px;
}
.custom-modal p.pro-rata {
	color: #fff;
	padding: 15px;
	border: 3px solid #fff;
	background-color: #0071c1;
	margin: 25px 150px 0px 150px;
	border-radius: 6px;
	font-size: 20px;
	display:none;
}
.custom-modal .button-container {
	margin-top:25px;
}
.custom-modal .button-container a {
	font-size:18px;
	padding:10px 45px 10px 45px;
	border-radius:3px;
	border:2px solid #fff;
}

.custom-modal .bank-info {
	/*border-top:2px dotted #bbb;
	margin-top:15px;
	padding:15px 15px 0px 15px;*/
	margin-top:25px;
}
.custom-modal .dd-collection-date {
	margin-top:15px; margin-bottom:15px;
	padding-right:250px;
}
.less-height {
	padding-top:25px !important; padding-bottom:25px !important;
}
.custom-modal .dd-collection-label {
	display: inline-block;
	width: 240px;
	text-align: right;
	margin-right: 22px;
}
.custom-modal #dd-collection-date {
	position: absolute;
	top: 91px;
}
.dd-footer {
	margin-top:15px; padding:15px 100px 0px 100px;
	border-top:1px dotted #0071c1;
	font-size:14px;
	color:#222;
	text-align:left;
}
.dd-footer img {
	width:100px; height:auto;
	margin:7px 0px 0px 10px;
	opacity:0.75;
}
.dd-footer a {
	color:#222;
}
.dd-guarantee {
	display: inline-block;
	width: 580px;
	text-align: right;
	margin-right: 15px;
	display:none;
}
.custom-modal .initial-hl {
	text-transform: uppercase;
	background-color: #ffea00;
	color: #ff0000;
	padding: 10px 0px 7px 0px;
	display: block;
	width: 80%;
	margin: 0 auto;
	border-radius: 5px;
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	margin-bottom:20px;
}
.custom-modal .initial-hl b {
	font-size:30px;
}
.custom-modal .dd-alert {
	background-color: #ff0000;
	color: #fff;
	font-size: 19px;
	border-radius: 5px;
	width: 60%;
	margin: -6px auto;
	margin-bottom: 10px;
	display:none;
}
.custom-modal .pro-rota-amount {
	display: block;
	margin-bottom:20px;
	font-size:14px;
	margin-bottom:11px;
}
.custom-modal .first-dd-payment {
	display: block;
}

/* --------------------------------------------------------------------------------------
		BUSINESS SETTINGS
-------------------------------------------------------------------------------------- */
body.business-settings #content {
	
}
.business-settings ul {
	padding:0px 0px 0px 0px;
	margin:0px 0px 30px 0px;
}
.business-settings .tab {}
.business-settings #tabs {}
.business-settings #tabs li {
	display:inline-block;
	border:1px solid #dcdcdc;
	background-color:#fff;
}
.business-settings #tabs li a {
	color: #5f5f5f;
	text-decoration: none;
	cursor: pointer;
	display: block;
	width: 100%;
	padding: 12px 16px;
	box-sizing:border-box;
}
.business-settings #tabs li.active a {
	background-color:#f4f4f4 !important;
	cursor: default;
}
.business-settings #tabs li a:hover {
	background-color:#f4f4f4;
}
.business-settings .tab {
	border:1px solid #dcdcdc;
	background-color:#fff;
	margin-right:40px;
	padding:20px;
	max-height:726px;
}
.business-settings #tab-inner {
	overflow:auto;
	max-height:726px;
	padding-right:20px;
	position:relative;
}
.business-settings h5 {
	font-size:16px; font-weight:bold;
	color:#333;
	padding-bottom:5px;
	border-bottom:1px solid #bbb;
	margin-bottom:20px;
}
.business-settings .tab th {
	background-color:#dedede;
	color:#434343;
}
.business-settings .tab table {
	margin-bottom:40px;
}
.business-settings .tab th,
.business-settings .tab td {
	text-align:left;
	padding:5px 10px 5px 10px;
	font-size:14px;
}
.business-settings .tab tr {
	background-color:#fff;
}
.business-settings .tab .ptA {
	width:400px;
}

.business-settings .tab tr:nth-child(even) {
	background:#fafafa;
}
.business-settings .tab td a:hover { color:#2a6496; }
.business-settings .tab td a i { font-size:18px; }
.business-settings .tab td a {
	color:#00aced;
	font-weight:bold;
}

.bs-links { 
	display:none;
	margin-bottom:15px;
}
.bs-links a {
	color:#333;
	font-size:16px;
	text-decoration: none;
}
.bs-links a:hover {
	color:#000;
} 

.bs-form label,
.bs-form .field {
	display:inline-block;
	vertical-align:top;
}

.bs-form label {
	width:200px;
}

.bs-form .field {
	width:400px;
	position:relative;
}
.bs-form .field i.field-overlay {
	position: absolute;
	display: block;
	transform: translate(0,-50%);
	top: 50%;
	pointer-events: none;
	width: 25px;
	text-align: center;
	font-style: normal;
	font-size:14px
}
.bs-form #p-price {
	padding-left:18px;
}
.bs-form .field-row {
	margin:0;
	padding:5px 10px 5px 10px;
}
.bs-form .field-row:nth-child(odd) {
	background-color: #fafafa;
}
.bs-form .field-row input,
.bs-form .form-buttons button,
.bs-form .field-row select {
	padding:5px 10px;
	border: 1px solid #A9A9A9;
	width:400px;
	box-sizing:border-box;
	border-radius:3px;
	font-size:14px;
	color:#111;
}
.bs-form .field-image-row .file {
	position: absolute;
	top: -500px;
	right: 0;
	margin: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	font-size: 23px;
	height: 0px;
	width: 0px;
	direction: ltr;
	cursor: pointer;
}
.bs-form #p-image-btn {
	margin-top:5px;
}
.bs-form .form-buttons {
	margin-top:20px; padding-top:20px;
	border-top:1px solid #bbb;
}
.bs-form .form-buttons button {
	width:auto;
}

.product-image-wrapper {
	width:152px; height:152px;
	border:1px solid #a9a9a9;
	padding:5px;
	max-width: 152px;
	max-height: 152px;
	min-width: 152px;
	min-height: 152px;
	line-height: 152px;
	box-sizing:border-box;
	border-radius: 3px;
}
.product-image-wrapper img {
	max-height: 140px;
	max-width: 140px;
	vertical-align: top;
}

.bs-form .form-success {
	display:inline-block;
	margin-left:10px;
	color:#00b050;
	font-weight:bold;
	font-size:18px;
}
.bs-form .form-success p {
	display:none;
}


#eod-banner {
	width:1068px; height:auto;
	background-color:#549ada;
	box-sizing:border-box;
	position:fixed;
	top:22%; left:50%;
	margin: -125px 0px 0px -534px;
	padding:54px 0px 54px 0px;
	z-index:1;
	border-radius:15px;
	zoom:0.7;
}
#eod-banner h1,
#eod-banner p {
	text-align:center;
	color:#fff;
}
#eod-banner h1 {
	font-size:40px;
	margin-bottom:5px; padding-bottom:0px;
}
#eod-banner p {
	font-size:28px;
	margin:0px 0px 0px 0px;
}
#eod-banner p.y {
	color:#ffff00;
	margin-top:25px;
}





/* --------------------------------------------------------------------------------------
	ANIMATIONS
-------------------------------------------------------------------------------------- */
@keyframes flickerAnimation {
  0%   { opacity:1; background-color:#da7b0a; color:#fff; }
  50%  { opacity:0; background-color:#da7b0a; color:#da7b0a; }
	100% { opacity:1; background-color:#da7b0a; color:#fff; }
}
.animate-flicker {
	animation: flickerAnimation 1s infinite;
}