/*
	Color of interest:
	Dark:		#222222		Links
	Dark:		#666622		Links, Borders
	Menu Dark:	#bbbbaa		Top Level
	Menu Light:	#ccccbb		Dropdown
	Blockquote:	#ddddcc		Background
	Line 1: 	#ffffee		Alternating line colors
	Line 2:		#eeeedd		Line color, index news header, family column BG
*/

body {
  background-color:#ffffff;
  background-image:url('../images/seaside_bg.jpg');
  background-repeat:repeat-x;
  background-position:left top;
  font-family:Helvetica,Arial,sans-serif;
  margin: auto!important;
  max-width: 960px;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h2 {
 text-align: center;
 margin-bottom: 0px;
}

p {
  overflow: hidden;
}

hr {
  border-width:1px;
  border-style:solid;
  margin:5px 0px 0px 0px;
  padding:0px;
}

blockquote {
  margin:5px;
  padding:2px;
  border-width:3px;
  border-style:double;
  text-align:left;
  clear:both;
}

img {
  max-width: 100%;
}

.thumb {
  max-height: 100px;
}

.logo_block {
  margin: 0px auto -10px auto;
}

.headerinput {
  font-size: 13px;
  width:150px;
  height:18px;
  border:0px;
  outline:1px solid #000000;
  margin-top:3px;
  padding:0px 5px;
  text-align:center;
}

.header_menu {
  position:absolute;
  display:none;
  background-color:#333333;
  padding:0px 5px 5px 5px;
}

.header_row {
  padding:1px 3px;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}

.header_row div {
  padding:0px;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}

.menublock_on {
  background-color: #e8f9fc;
  text-decoration: none!important;
}

.banner {
  border-style:solid;
  border-top-width:1px;
  border-bottom-width:1px;
  text-align:center;
  clear:both;
  background-image:url('/images/banner_bg.jpg');
  background-image: linear-gradient(180deg, #29aa9388, transparent);
}

.banner_big {
  border-style:solid;
  border-top-width:1px;
  border-bottom-width:1px;
  text-align:left;
  text-transform:capitalize;
  font-size:15px;
  font-weight:bold;
  //font-family:Impact;
  height:25px;
  line-height:23px;
  clear:both;
  padding-left:10px;
  /*background-image:url('/images/banner_big_bg.jpg');*/
  background-image: linear-gradient(90deg, #29aa9388, transparent);
  text-shadow: 2px 1px 2px #999999;
}

.banner_sep {
  display:inline;
  float:left;
  border:none;
  height:25px;
  width:18px;
  margin-right:3px;
  background-image:url('/images/banner_big_sep.png');
}

.banner_sep_text {
  display:inline;
  float:left;
  border:none;
  height:25px;
}

.banner_button {
  border:thin solid #000000;
  border-radius: 5px;
  text-align:center;
  background-image:url('/images/banner_bg.jpg');
  display: block;
  margin: auto;
  padding: 5px;
}

.banner_button_select {
  outline:2px solid #000000;
  background-image:url('/images/banner_bg_select.jpg');
}

.banner_button img {
  margin-top: -3px;
}

.index_main {
	font-family: serif;
	font-size: 1.5rem;
}

.index_main h1 {
	text-align: center;
	font-size: 2rem;
    margin-top: 30px;
}

.index_main p {
	text-align: justify;
    margin: 0 30px;
}

input, select, textarea {
  border:none;
//  outline:thin solid #333333;
  padding:0px;
//  margin-top:2px;
//  margin-bottom:2px;
}

#footerblock {
  width:650px;
  font-size: 11px;
}

.round10 {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-outline-radius: 10px;
  -webkit-outline-radius: 10px;
  outline-radius: 10px;
}

.round5 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-outline-radius: 5px;
  -webkit-outline-radius: 5px;
  outline-radius: 5px;
}

.cur {
  cursor:pointer;
}

.text-clip {
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}

// Colors

body {
  color: #000000;
}

a {
  color: #333333;
}

a:visited {
  color: #000000;
}

a:hover {
  color: #222222;
}

hr {
  border-color:#000000;
}

blockquote {
  border-color:#111111;
  background-color:#dddddd;
}

.container_12 {
  background-color:#ffffff;
}

.line_1 {
  background-color: #eeeeee;
}

.line_2 {
  background-color: #dddddd;
}

.line_static {
  background-color: #cccccc!important;
}

.line_new {
  background-color: #eeeecc;
}

.line_select {
  background-color: #444444;
  background-image: url('../images/filter_select.jpg');
  color: #eeeeee;
}

.line_select div {
  padding-right:5px;
  text-align:right;
}

.banner {
  background-color: #eeeeee;
}

.jcarousel-skin-tango .jcarousel-container {
    //border: 1px solid #666622;
}

#url_link {
  border:thin dashed #d76939;
}

#footerblock {
  background-color:#ffffff;
}

#footerimage {
  //filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  //-webkit-filter: grayscale(100%);
  //filter: gray;
  
}


/* Grids */

#member_ {
	display: grid;
    grid-template-columns: 1fr 1fr 2fr;
	grid-template-areas:
    "member_name member_name member_display"
    "member_add member_add member_display"
    "member_latest member_latest member_display"
    "member_product member_upc member_display";
    gap: 20px;
}

#member_ > div, #member_ > input {
	width: 100%;
	min-height: 50px;
	font-size: 20pt;
	box-sizing: border-box;
}

#member_ > select {
	width: 100%;
	min-height: 50px;
	font-size: 15pt;
}

#room_, .checkout_room_grid {
	display: grid;
    gap: 20px;
	grid-template-columns: repeat(4, 1fr);
}

#links_, #menu_ {
	display: flex;
	flex-wrap: wrap;
    gap: 5px;
}

#menu_ > a {
	display: inline-block;
	flex-grow: 1;
	margin-top:10px;
	margin-bottom:15px;
	border-radius: 5px;
	padding: 5px;
	text-align: center;
	border: thin solid #000000;
	border-width: 1px 0px;
	font-size:20pt;
	text-align:center;
}

#links_ > div, #links_ > a {
	display: inline-block;
    background-image:url('/images/banner_bg.jpg');
	flex-grow: 1;
	margin-top:10px;
	margin-bottom:15px;
	border-radius: 5px;
	padding: 5px;
	text-align: center;
    border:thin solid #000000;
	font-size:13pt;
}

#checkout_ {
	overflow: clip;
}

.ss_grid {
	display: flex;
	justify-content: space-around;
}

.ss_grid:first-child {
	font-weight: bold;
	background-color: #cccccc;
}

.ss_grid:nth-child(4n-1) {
	background-color: #28ab9329;
}

.ledger_grid, .bal_grid, .tax_link_grid, .tax_grid, .tax_tx17_grid, .tax_f940_grid, .tax_f941_grid, .checkout_tanning_grid, .checkout_summary_grid, .payroll_stub_grid, .payroll_emp_grid, .payroll_calc_grid {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	align-items: center;
}

.select_grid {
	display: flex;
	justify-content: center;
	gap: 10px;
}

.inv_grid {
	display: flex;
	flex-wrap: nowrap;
}

.activity_report_grid > div {
	display: flex;
	flex-wrap: nowrap;
	gap: 10px;
	margin-bottom: 5px;
}

.activity_report_grid > div > div {
	font-weight: bold;
}

.service_grid, .checkout_member_package_grid {
	display: flex;
	justify-content: space-around;
	gap: 20px;
	flex-wrap: wrap;
	font-size: 15pt;
}

.product_grid {
	display: grid;
    gap: 20px;
	grid-template-columns: repeat(5, 1fr);
}

.checkout_summary_grid {
	font-size: 15pt;	
	margin:10px 0px;
	padding-bottom: 10px;
}

.checkout_summary_grid input[type="text"] {
	font-size: 15pt;	
	outline:solid 1px black;
	border:0px;
	border-radius: 5px;
	padding: 3px;
}

/* Bed */

#ss_bed .ss_grid > :nth-child(1) {	width: 20%;}
#ss_bed .ss_grid > :nth-child(2) {	width: 15%;}
#ss_bed .ss_grid > :nth-child(3) {	width: 25%;}
#ss_bed .ss_grid > :nth-child(4) {	width: 5%;}
#ss_bed .ss_grid > :nth-child(5) {	width: 10%;}
#ss_bed .ss_grid > :nth-child(6) {	width: 10%;}
#ss_bed .ss_grid > :nth-child(7) {	width: 10%;}

/* Room */

#ss_room .ss_grid > :nth-child(1) {	width: 10%;}
#ss_room .ss_grid > :nth-child(2) {	width: 7%;}
#ss_room .ss_grid > :nth-child(3) {	width: 20%;}
#ss_room .ss_grid > :nth-child(4) {	width: 20%;}
#ss_room .ss_grid > :nth-child(5) {	width: 10%;}
#ss_room .ss_grid > :nth-child(6) {	width: 10%;}
#ss_room .ss_grid > :nth-child(7) {	width: 10%;}

/* Package */

#ss_package .ss_grid > :nth-child(1) {	width: 5%;}
#ss_package .ss_grid > :nth-child(2) {	width: 7%;}
#ss_package .ss_grid > :nth-child(3) {	width: 20%;}
#ss_package .ss_grid > :nth-child(4) {	width: 20%;}
#ss_package .ss_grid > :nth-child(5) {	width: 5%;}
#ss_package .ss_grid > :nth-child(6) {	width: 7%;}
#ss_package .ss_grid > :nth-child(7) {	width: 10%;}
#ss_package .ss_grid > :nth-child(8) {	width: 5%;}

/* Package */

#ss_member_package .ss_grid > :nth-child(1) {	width: 5%;}
#ss_member_package .ss_grid > :nth-child(2) {	width: 35%;}
#ss_member_package .ss_grid > :nth-child(3) {	width: 10%;}
#ss_member_package .ss_grid > :nth-child(4) {	width: 10%;}
#ss_member_package .ss_grid > :nth-child(5) {	width: 15%;}
#ss_member_package .ss_grid > :nth-child(6) {	width: 5%;}

/* Activity */

#ss_activity .ss_grid > :nth-child(1) {	width: 5%;}
#ss_activity .ss_grid > :nth-child(2) {	width: 25%;}
#ss_activity .ss_grid > :nth-child(3) {	width: 7%;}
#ss_activity .ss_grid > :nth-child(4) {	width: 10%;}
#ss_activity .ss_grid > :nth-child(5) {	width: 7%;}
#ss_activity .ss_grid > :nth-child(6) {	width: 15%;}
#ss_activity .ss_grid > :nth-child(7) {	width: 5%;}

/* Inventory */

#ss_inventory .ss_grid 				   {	flex-wrap: wrap;}

#ss_inventory .ss_grid > :nth-child(1) {	width: 5%;}
#ss_inventory .ss_grid > :nth-child(2) {	width: 10%;}
#ss_inventory .ss_grid > :nth-child(3) {	width: 30%;}
#ss_inventory .ss_grid > :nth-child(4) {	width: 5%;}
#ss_inventory .ss_grid > :nth-child(5) {	width: 5%;}
#ss_inventory .ss_grid > :nth-child(6) {	width: 5%;}
#ss_inventory .ss_grid > :nth-child(7) {	width: 5%;}
#ss_inventory .ss_grid > :nth-child(8) {	width: 5%;}
#ss_inventory .ss_grid > :nth-child(9) {	width: 5%;}
#ss_inventory .ss_grid > :nth-child(10) {	width: 5%;}

.inv_grid > div 				{	width: 9%; text-align: center;}
.inv_grid > div:nth-child(10) 	{	width: 5%; text-align: left; align-content: center;}
.inv_grid > div:nth-child(11) 	{	width: 5%; text-align: left; align-content: center;}

/* Expense */

#ss_expense .ss_grid > :nth-child(1) {	width: 5%;}
#ss_expense .ss_grid > :nth-child(2) {	width: 5%;}
#ss_expense .ss_grid > :nth-child(3) {	width: 25%;}
#ss_expense .ss_grid > :nth-child(4) {	width: 15%;}
#ss_expense .ss_grid > :nth-child(5) {	width: 10%;}
#ss_expense .ss_grid > :nth-child(6) {	width: 10%;}
#ss_expense .ss_grid > :nth-child(7) {	width: 5%;}

/* Income */

#ss_income .ss_grid > :nth-child(1) {	width: 5%;}
#ss_income .ss_grid > :nth-child(2) {	width: 25%;}
#ss_income .ss_grid > :nth-child(3) {	width: 15%;}
#ss_income .ss_grid > :nth-child(4) {	width: 10%;}
#ss_income .ss_grid > :nth-child(5) {	width: 10%;}
#ss_income .ss_grid > :nth-child(6) {	width: 5%;}

/* Deposit */

#ss_deposit .ss_grid > :nth-child(1) {	width: 5%;}
#ss_deposit .ss_grid > :nth-child(2) {	width: 15%;}
#ss_deposit .ss_grid > :nth-child(3) {	width: 10%;}
#ss_deposit .ss_grid > :nth-child(4) {	width: 15%;}
#ss_deposit .ss_grid > :nth-child(5) {	width: 10%;}

/* Sales */

#ss_sales .ss_grid > :nth-child(1), #checkout_ .ss_grid > :nth-child(1) {	width: 2%;}
#ss_sales .ss_grid > :nth-child(2), #checkout_ .ss_grid > :nth-child(2)  {	width: 15%;}
#ss_sales .ss_grid > :nth-child(3), #checkout_ .ss_grid > :nth-child(3)  {	width: 10%;}
#ss_sales .ss_grid > :nth-child(4), #checkout_ .ss_grid > :nth-child(4)  {	width: 10%;}
#ss_sales .ss_grid > :nth-child(5), #checkout_ .ss_grid > :nth-child(5)  {	width: 5%;}
#ss_sales .ss_grid > :nth-child(6), #checkout_ .ss_grid > :nth-child(6)  {	width: 5%;}
#ss_sales .ss_grid > :nth-child(7), #checkout_ .ss_grid > :nth-child(7)  {	width: 10%;}
#ss_sales .ss_grid > :nth-child(8), #checkout_ .ss_grid > :nth-child(8)  {	width: 5%;}

/* Sales Report */

#ss_sales_report .ss_grid > :nth-child(1) {	width: 50%;}
#ss_sales_report .ss_grid > :nth-child(2) {	width: 20%;}
#ss_sales_report .ss_grid > :nth-child(3) {	width: 20%;}


/* Payment */

#ss_payment .ss_grid > :nth-child(1) {	width: 5%;}
#ss_payment .ss_grid > :nth-child(2) {	width: 20%;}
#ss_payment .ss_grid > :nth-child(3) {	width: 15%;}
#ss_payment .ss_grid > :nth-child(4) {	width: 20%;}
#ss_payment .ss_grid > :nth-child(5) {	width: 5%;}

/* Meta */

#ss_meta .ss_grid > :nth-child(1) {	width: 5%;}
#ss_meta .ss_grid > :nth-child(2) {	width: 20%;}
#ss_meta .ss_grid > :nth-child(3) {	width: 15%;}
#ss_meta .ss_grid > :nth-child(4) {	width: 20%;}
#ss_meta .ss_grid > :nth-child(5) {	width: 5%;}

/* Employee */

#ss_employee .ss_grid > :nth-child(1) {	width: 5%;}
#ss_employee .ss_grid > :nth-child(2) {	width: 20%;}
#ss_employee .ss_grid > :nth-child(3) {	width: 10%;}
#ss_employee .ss_grid > :nth-child(4) {	width: 5%;}

/* Tax Dates */

#ss_tax_dates .ss_grid > :nth-child(1) {	width: 5%;}
#ss_tax_dates .ss_grid > :nth-child(2) {	width: 20%;}
#ss_tax_dates .ss_grid > :nth-child(3) {	width: 10%;}
#ss_tax_dates .ss_grid > :nth-child(4) {	width: 10%;}
#ss_tax_dates .ss_grid > :nth-child(5) {	width: 5%;}

/* Daily */

#ss_daily .ss_grid > :nth-child(1) {	width: 5%;}
#ss_daily .ss_grid > :nth-child(2) {	width: 20%;}
#ss_daily .ss_grid > :nth-child(3) {	width: 3%;}
#ss_daily .ss_grid > :nth-child(4) {	width: 3%;}
#ss_daily .ss_grid > :nth-child(5) {	width: 5%;}
#ss_daily .ss_grid > :nth-child(6) {	width: 3%;}
#ss_daily .ss_grid > :nth-child(7) {	width: 10%;}
#ss_daily .ss_grid > :nth-child(8) {	width: 7%;}
#ss_daily .ss_grid > :nth-child(9) {	width: 7%;}
#ss_daily .ss_grid > :nth-child(10) {	width: 10%;}
#ss_daily .ss_grid > :nth-child(11) {	width: 5%;}

/* Ledger */

#ss_ledger .ss_grid > :nth-child(1) {	width: 10%;}
#ss_ledger .ss_grid > :nth-child(2) {	width: 20%;}
#ss_ledger .ss_grid > :nth-child(3) {	width: 15%;}
#ss_ledger .ss_grid > :nth-child(4) {	width: 15%;}
#ss_ledger .ss_grid > :nth-child(5) {	width: 15%;}
#ss_ledger .ss_grid > :nth-child(6) {	width: 5%;}

/* Payroll */

#ss_payroll .ss_grid > :nth-child(1) {	width: 5%;}
#ss_payroll .ss_grid > :nth-child(2) {	width: 15%;}
#ss_payroll .ss_grid > :nth-child(3) {	width: 7%;}
#ss_payroll .ss_grid > :nth-child(4) {	width: 7%;}
#ss_payroll .ss_grid > :nth-child(5) {	width: 7%;}
#ss_payroll .ss_grid > :nth-child(6) {	width: 7%;}
#ss_payroll .ss_grid > :nth-child(7) {	width: 7%;}
#ss_payroll .ss_grid > :nth-child(8) {	width: 7%;}
#ss_payroll .ss_grid > :nth-child(9) {	width: 15%;}
#ss_payroll .ss_grid > :nth-child(10) {	width: 5%;}

.activity_report_grid > div :nth-child(1) {	width: 5%; }
.activity_report_grid > div :nth-child(2) {	width: 10%; }

.service_grid :nth-child(odd) { width: 40%; text-align: right;}
.service_grid :nth-child(even) { width: 40%;}

.ledger_grid :nth-child(1) { width: 10%;}
.ledger_grid :nth-child(2) { width: 25%;}
.ledger_grid :nth-child(3) { width: 10%;}
.ledger_grid :nth-child(4) { width: 20%;}

.bal_grid :nth-child(1) { width: 65%;}
.bal_grid :nth-child(2) { width: 10%;}
.bal_grid :nth-child(3) { width: 10%;}

.tax_link_grid div { width: 33%; text-align: center;}

.tax_grid :nth-child(1) { width: 20%;}
.tax_grid :nth-child(2) { width: 15%;}
.tax_grid :nth-child(3) { width: 15%;}
.tax_grid :nth-child(4) { width: 15%;}
.tax_grid :nth-child(5) { width: 20%;}
.tax_grid :nth-child(6) { width: 100%;}

.tax_tx17_grid :nth-child(1) { width: 15%;}
.tax_tx17_grid :nth-child(2) { width: 15%;}
.tax_tx17_grid :nth-child(3) { width: 15%;}
.tax_tx17_grid :nth-child(4) { width: 15%;}
.tax_tx17_grid :nth-child(5) { width: 25%;}

.tax_f940_grid :nth-child(1) { width: 20%;}
.tax_f940_grid :nth-child(2) { width: 30%;}
.tax_f940_grid :nth-child(3) { width: 8%;}

.tax_f941_grid :nth-child(1) { width: 10%;}
.tax_f941_grid :nth-child(2) { width: 20%;}
.tax_f941_grid :nth-child(3) { width: 10%;}
.tax_f941_grid :nth-child(4) { width: 10%;}
.tax_f941_grid :nth-child(5) { width: 10%;}
.tax_f941_grid :nth-child(6) { width: 20%;}

/* Checkout */

.checkout_tanning_grid > :nth-child(1) {	width: 25%;}
.checkout_tanning_grid > :nth-child(2) {	width: 10%;}
.checkout_tanning_grid > :nth-child(3) {	width: 15%;}
.checkout_tanning_grid > :nth-child(4) {	width: 15%;}
.checkout_tanning_grid > :nth-child(5) {	width: 15%;}
.checkout_tanning_grid > :nth-child(6) {	width: 15%;}

.checkout_product_grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-areas:
	"product_product product_input product_image product_hint"
	"product_packet product_input product_image product_hint"
	"product_upc product_input product_image product_hint";
	justify-items: center;	
}

.checkout_product_grid > :nth-child(1) {	width: 80%;  grid-area: product_product;}
.checkout_product_grid > :nth-child(2) {	width: 80%;  grid-area: product_packet;}
.checkout_product_grid > :nth-child(3) {	width: 80%;  grid-area: product_upc;}
.checkout_product_grid > :nth-child(4) {	width: 80%;  grid-area: product_input;}
.checkout_product_grid > :nth-child(5) {	width: 100%; grid-area: product_image;}
.checkout_product_grid > :nth-child(6) {	width: 100%; grid-area: product_hint; display: grid; align-items: center;}

.checkout_summary_grid > :nth-child(1) {	width: 10%;}
.checkout_summary_grid > :nth-child(2) {	width: 15%;}
.checkout_summary_grid > :nth-child(3) {	width: 10%;}
.checkout_summary_grid > :nth-child(4) {	width: 15%;}
.checkout_summary_grid > :nth-child(5) {	width: 15%;}
.checkout_summary_grid > :nth-child(6) {	width: 15%;}

.checkout_member_package_grid > :nth-child(1) {	width: 30%;}
.checkout_member_package_grid > :nth-child(2) {	width: 25%;}
.checkout_member_package_grid > :nth-child(3) {	width: 20%;}

/* Payroll Stub */

.payroll_stub_grid > :nth-child(1) {	width: 25%;}
.payroll_stub_grid > :nth-child(2) {	width: 25%;}
.payroll_stub_grid > :nth-child(3) {	width: 25%;}
.payroll_stub_grid > :nth-child(4) {	width: 25%;}

.payroll_stub_grid > :nth-child(5) {	width: 40%;}
.payroll_stub_grid > :nth-child(6) {	width: 60%;}

.payroll_stub_grid > :nth-child(7) {	width: 20%;}
.payroll_stub_grid > :nth-child(8) {	width: 20%;}
.payroll_stub_grid > :nth-child(9) {	width: 20%;}
.payroll_stub_grid > :nth-child(10) {	width: 20%;}
.payroll_stub_grid > :nth-child(11) {	width: 20%;}

.payroll_stub_grid > :nth-child(12) {	width: 20%;}
.payroll_stub_grid > :nth-child(13) {	width: 20%;}
.payroll_stub_grid > :nth-child(14) {	width: 20%;}
.payroll_stub_grid > :nth-child(15) {	width: 20%;}
.payroll_stub_grid > :nth-child(16) {	width: 20%;}

.payroll_stub_grid > :nth-child(17) {	width: 60%;}
.payroll_stub_grid > :nth-child(18) {	width: 20%;}
.payroll_stub_grid > :nth-child(19) {	width: 20%;}

.payroll_stub_grid > :nth-child(20) {	width: 30%;}
.payroll_stub_grid > :nth-child(21) {	width: 30%;}
.payroll_stub_grid > :nth-child(22) {	width: 20%;}
.payroll_stub_grid > :nth-child(23) {	width: 20%;}

.payroll_stub_grid > :nth-child(24) {	width: 30%;}
.payroll_stub_grid > :nth-child(25) {	width: 30%;}
.payroll_stub_grid > :nth-child(26) {	width: 20%;}
.payroll_stub_grid > :nth-child(27) {	width: 20%;}

.payroll_stub_grid > :nth-child(28) {	width: 60%;}
.payroll_stub_grid > :nth-child(29) {	width: 20%;}
.payroll_stub_grid > :nth-child(30) {	width: 20%;}

.payroll_stub_grid > :nth-child(31) {	width: 40%;}
.payroll_stub_grid > :nth-child(32) {	width: 60%;}

.payroll_stub_grid > :nth-child(33) {	width: 40%;}
.payroll_stub_grid > :nth-child(34) {	width: 60%;}


.payroll_emp_grid > :nth-child(1) {	width: 20%;}
.payroll_emp_grid > :nth-child(2) {	width: 20%;}
.payroll_emp_grid > :nth-child(3) {	width: 20%;}
.payroll_emp_grid > :nth-child(4) {	width: 20%;}


.payroll_calc_grid > div {	width: 12%;}


/*  Mobile VIew  */

@media only screen and (max-width: 999px)  {
	
	.no-mobile {
		display: none;
	}
	
	body {
		margin: 10px;
	}
	
	#member_ {
		grid-template-columns: 1fr 8fr;
		grid-template-areas:
		"member_name member_display"
		"member_add member_display"
		"member_latest member_display"
		"member_upc member_display";
	}
	
	#member_ > div, #member_ > input {
		font-size: 15pt;
	}
	
	#member_ :nth-child(4) {
		display: none;
	}
	
	#member_ .text-clip {
		white-space: unset;
	}
	
	#room_, .checkout_room_grid {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.checkout_tanning_grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-areas:
		"tanning_select tanning_taxed tanning_10"
		"tanning_input tanning_15 tanning_20";
	}
		
	.checkout_tanning_grid > :nth-child(1) {	width: 90%; grid-area: tanning_select;}
	.checkout_tanning_grid > :nth-child(2) {	width: 90%; grid-area: tanning_input;}
	.checkout_tanning_grid > :nth-child(3) {	width: 100%; grid-area: tanning_taxed;}
	.checkout_tanning_grid > :nth-child(4) {	width: 100%; grid-area: tanning_10;}
	.checkout_tanning_grid > :nth-child(5) {	width: 100%; grid-area: tanning_15;}
	.checkout_tanning_grid > :nth-child(6) {	width: 100%; grid-area: tanning_20;}

	.checkout_product_grid {
		grid-template-columns: repeat(3, 1fr);
		grid-template-areas:
		"product_product product_image product_hint"
		"product_packet product_image product_hint"
		"product_input product_image product_hint";
	}
	
	#product_upc_ { display: none; }
	
}