.reg-game-style,
.jitney-style,
.quickie-style,
.coverall-style {
	border-bottom-width:2px;
	border-color:white;
	color:white;
	border-radius:1vw;
	width:15%;
	font-size:1vw;
}

.reg-game-style {
	background-color:DodgerBlue;
}

.jitney-style {
	background-color:SeaGreen;
}

.quickie-style {
	background-color:IndianRed;
}

.coverall-style {
	background-color:BlueViolet;
}

.minus-button-style {
	background-color:FireBrick;
	border:none;
	color:Black;
	width:25%;
	border-radius:25px;
	font-size:18px;
}

.quan-input-style {
	width:40px;
}

.table {
	float: right;
	width: 40%;
}

.main {
	float: left;
	width:60%
}

@media screen and (max-width: 900px) {
	.table {width:100%;}
	.main {width:100%;}
}

@font-face {
	font-family: led;
	src: url(cursedtimerulil-aznm.ttf);
}

.reg-readout-style {
	font-family:led;
	font-size:95px;
	color:cyan;
	background-color:black;
	display: inline-block;
	width:420px;
	height:100px;
	text-align:right;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	margin-bottom:0px;
	padding:3px;
}

.reg-readout-style-bot {
	margin-top:0px;
	font-family:led;
	font-size:18px;
	color:cyan;
	background-color:black;
	display: inline-block;
	width:420px;
	height:25px;
	text-align:right;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	padding:3px;
}

.reg-tender-style,
.reg-tender-style-notyet,
.reg-change-style,
.reg-change-style-notyet {
	font-family:led;
	font-size:32px;
	color:mediumspringgreen;
	background-color:black;
	display: inline-block;
	width:150px;
	height:50px;
	text-align:right;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	padding-right:5px;
}

.reg-tender-style-notyet {
	color:black;
}

.reg-change-style {
	color:lemonchiffon;
}

.reg-change-style-notyet {
	color:black;
}

.reg-tender-style-bot,
.reg-tender-style-bot-notyet,
.reg-change-style-bot,
.reg-change-style-bot-notyet {
	font-family:led;
	font-size:18px;
	color:mediumspringgreen;
	background-color:black;
	display: inline-block;
	width:150px;
	height:25px;
	text-align:right;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	padding-right:5px;
}

.reg-tender-style-bot-notyet {
	color:black;
}

.reg-change-style-bot-notyet {
	color:black;
}

.reg-change-style-bot {
	color:lemonchiffon;
}

.spacer-style {
	display:inline-block;
	width:65px;
	height:50px;
	font-family:led;
	font-size:32px;
	text-align:right;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	vertical-align:top;
}

.spacer-bot-style {
	display:inline-block;
	width:65px;
	height:25px;
	vertical-align:top;
}

.button-area {
	padding-left:100px;
	display:inline-block;
	width:426px;
	height:220px;
}

.digit-button {
	border-radius:5px;
	background-color:paleturquoise;
	font-size:24px;
	width:40px;
	height:40px;
	color:grey;
}

.dollar-button {
	background-color:seagreen;
	width:7vw;
	height:3vw;
	font-size:1.5vw;
}

.nochange-input-tender-notyet,
.nochange-input-tender,
.nochange-input-change-notyet,
.nochange-input-change {
	font-family:led;
	font-size:28px;
	background-color:black;
	text-align:right;
	color:black;
	width:120px;
	height:32px;
	border:0;
}

.nochange-input-tender {
	color:mediumspringgreen;
}

.nochange-input-change {
	color:lemonchiffon;
}


.submit-button {
	background-color:NavajoWhite;
	height:90px;
	width:43vw;
	font-size:20px;
}




.utility-button {
	background-color:slategrey;
	border-radius:1vw;
	font-size:2vw;
}

.receipt-table {
	display:table;
	width:95vw;
}

.receipt-header-row {
	display:table-row;
	text-align:center;
	font-weight:bold;
	font-style:italic;
}

.receipt-header-cell,
.receipt-header-cell-cost,
.receipt-header-cell-total {
	display:table-cell;
	vertical-align:middle;
}

.receipt-header-cell-cost,
.receipt-header-cell-total {
	text-align:right;
}

.receipt-desc-cell,
.receipt-quan-cell,
.receipt-price-cell,
.receipt-total-cell {
	display:table-cell;
	width:15vw;
	text-align:center;
}

.receipt-quan-cell {
	width:2vw;
}

.receipt-desc-cell {
	width:63vw;
	text-align:left;
}

.receipt-table-body {
	display:table-row-group;
}

.receipt-body-row {
	display:table-row;
}

.receipt-total-blank {
	display:table-cell;
	width:10vw;
	
}

.receipt-total-text-style,
.receipt-total-value-style {
	display:table-cell;
	font-size:36px;
	text-align:right;
	width:30vw;
/*	width:45vw;
*/
}

.receipt-total-value-style,
.receipt-total-cell,
.receipt-price-cell {
	text-align:right;
}

.receipt-header {
	text-align:center;
	font-size:36px;
	font-weight:bold;
}

.menuDeAct,
.menuAct {
	background-color:mediumseagreen;
	text-align:center;
	margin:.1vw;
	color:white;
	border-radius:1vw;
	width:40vw;
	height:10vh;
	font-size:4vh;
	padding-top:6vh;
	min-height: 40px;
	float:left;
}

.menuDeAct {
	display:none;
}


.menuDeAct:hover,
.menuAct:hover,
.notabutton:hover {
	background-color:mediumspringgreen;
}



.notabuttonwrapper {
	height:20vh;
	display:flex;
	align-items:center;
	flex-direction:column;
	justify-content:center;
	width:100%;
	padding:20px;
}

.notabutton {
	background-color:mediumseagreen;
	text-align:center;
	border:none;
	color:white;
	border-radius:0;
	width:90%;
	position:relative;
	padding:20px;
}

.centeredText {
    text-align:center;
}

.makeScroll {
    min-width:  1400px;
}

/*.table-responsive {*/
/*    overflow-x: auto;*/
/*}*/

/*.table {*/
/*    min-width:  100%;*/
/*}*/

@media screen and (max-width:500px) {
	.spacer-style {
		width:10px;
	}
	.spacer-bot-style {
		width:10px;
	}
	.reg-tender-style-bot-notyet, 
	.reg-tender-style-bot, 
	.reg-tender-style, 
	.reg-tender-style-notyet, 
	.reg-change-style, 
	.reg-change-style-notyet,
	.reg-change-style-bot,
	.reg-change-style-bot-notyet	{
		width:40vw;
	}
	.reg-readout-style {
		width:90vw;
		font-size:20vw;
	}
	.reg-readout-style-bot {
		width:90vw;
		font-size:5vw;
	}
	.reg-game-style,
	.jitney-style,
	.quickie-style,
	.coverall-style,
        .utility-button	{
		font-size:4vw;
		width:30vw;
	}
	.dollar-button {
		width:30vw;
		font-size:10vw;
		height:15vw;
	}
	.submit-button {
		width:95vw;
	}
	.menuDeAct,
	.menuAct {
		font-size:4vw;
		border-radius:3vw;
		width:45vw;
	}
}