body {
	font-family: "Lato", sans-serif;
}
html {
	font-size: 16px;
	color: #333d48d1;
	height: 100%;
	width: 100%;
}
.header_cont {
	background-color: #1d549a;
	border-radius: 0 0 35% 0;
	height: 10rem;
	color: #ffffffe8;
}
.header_cont.dfs_green {
	background-color: #11bf73;
}
.menu_cont {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 5;
	top: 0;
	left: 0;
	overflow-x: hidden;
	transition: 0.5s;
	color: #072d5c;
	background-color: #dddddd;
}
.submenu_cont {
	padding: 3rem 0.75rem 0 0.75rem;
	white-space: nowrap;
	text-overflow: clip;
}
.submenu_label {
	width: 86%;
	font-weight: bold;
	padding: 0.5rem 1rem;
	margin-bottom: 0.5rem;
	background-color: #1d549a;
	color: white;
}
.submenu_label_open {
	border-radius: 1rem 1rem 0rem 0rem;
}
.submenu_closed{
	display: none;
}
.submenu_open {
	display: block;
}
.submenu_label_closed {
	border-radius: 0rem 1rem 1rem 0rem;
}
.submenu_group {
	padding: 0rem 0rem 1rem 1rem;
}
.menu_cont a {
	padding: .5rem .5rem .5rem 2rem;
	text-decoration: none;
	font-size: 1.75rem;
	display: block;
	transition: 0.3s;
}
.faded_text {
	color: #00000061;
}
.menu_cont a:hover
, .submenu_label:hover {
	color: #e7e7e7d9;
}
.submenu_item:hover {
	cursor: pointer;
	text-decoration: underline;
}
.menu_cont .closebtn {
	position: absolute;
	top: -0.25rem;
	right: -2.5rem;
	font-size: 2rem;
	margin-right: 3rem;
}
.menu_cont label {
	font-weight: bold;
}
.main_cont, body {
	height: 100%;
	width: 100%;
	overflow-x: hidden;
}
.bottom_row_cont input {
	color: #000000;
	height: 1.8rem;
	font-size: 1.4rem;
	width: 100%;
	margin-bottom: 1rem;
	border: solid;
	border-width: 0.13rem;
	border-radius: 0.3rem;
}
.bottom_row_cont input[type=button].half
, .bottom_row_cont input[type=button].third
, .bottom_row_cont input[type=button].full
{
	background-color: #4DB8E7;
	color: #fff;
	height: 2.2rem;
}
.bottom_row_cont input[type=button].half.target
, .bottom_row_cont input[type=button].third.target
, .bottom_row_cont input[type=button].full.target
{
	background-color: #0e6a0ead;
}
.bottom_row_cont input[type=button].half {
	width: 48.3%;
}
.bottom_row_cont input.twothird {
	width: 60%;
}
.bottom_row_cont input.left{
	float: left;
	margin-right: .5rem;
}
.bottom_row_cont input.left.wrap {
	margin-right: 2rem;
}
.bottom_row_cont input.right{
	float: right;
}
.submit_button {
	cursor: pointer;
}
.bottom_row_cont input.submit_button.third{
	width: 33%;
}
.bottom_row_cont input.third,
.bottom_row_cont input.input_readonly.third{
	width: 13rem;
}
.bottom_row_cont input.half,
.bottom_row_cont input.input_readonly.half {
	width: 46.7%;
}
.bottom_row_cont input[type=button] :not(.full) {
	min-width: 8rem;
}
.icon_cell_cont, .date_time_cell_cont {
	text-align: center;
	padding: .75rem;
	width: 43%;
	margin-top: .5rem;
}
.cell_cont {
	display:inline-block;
	vertical-align: middle;
}
.cell_cont .menu_button {
	cursor: pointer;
	font-size: 1.5rem;
	padding-left: .5rem;
	z-index: 4;
}
.main_cont img {
	max-width: 14rem;
	margin: auto;
	margin-top: 0.6rem;
	display: block;
	position: relative;
	top: 0rem;
	right: 0rem;
}
.main_cont {
	margin: auto;
}
.stop_name {
	font-size: .9rem;
	font-weight: bold;
	margin: .33rem 0;
}
.stop_street, .stop_city_state_zip {
	font-size: .9rem;
	margin: .33rem 0;
}
.stop_time {
	font-size: 1.5rem;
	font-weight: bold;
}
.stop_date {
	font-size: 100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}
.debug_head {
	font-weight: bold;
}
.debug_func {
	font-size: .75rem;
}
.menu_button {
}
.top_row_cont {
	z-index: 3;
	height: 10rem;
	position: absolute;
	width: 100%;
	background-color: inherit;
	border-radius: inherit;
}
.message_row_cont {
	cursor: pointer;
	z-index: 2;
	vertical-align: middle;
	text-align: center;
	font-size: 1rem;
	position: absolute;
	background: #e7e7e7;
	color: #072d5c;
	width: 100%;
	font-weight: bold;
	top: -3.2rem;
	min-height: 7.5rem;
	transition: top .5s cubic-bezier(0, 0, 0.7, 1.46);
	box-shadow: 0px 4px 4px #888888;
}
.message_row_cont.error {
	background: #971d1e;
	color: #ffffff;
}
.message_cont {
	position: absolute;
    bottom: 1rem;
    max-width: 100%;
    max-height: 3.5rem;
    vertical-align: bottom;
    overflow: hidden;
    margin: 0 1rem;
    font-size: 1rem;
}
.bottom_row_cont {
	z-index: 1;
	position: absolute;
	width: 94%;
	margin: 8rem 3% 3% 3%;
}
.display_cont {
	padding: 1rem;
}
.input_spacer {
	height: 1.5rem;
}

input.redeem_shower_button.button
, input.redeem_points_button.button
{
	margin-bottom: 2rem;
}
input[type=button].button.back_button {
	background-color: #1762a5;
	border-color: #1762a5;
}
input[type=button].button.back_button.highlight_button {
		background-color: #e7b14d;
		color: #000000;
}
.row_div {
	display: table;
	width: 100%;
	margin-bottom: 1rem;
}
.row_div.text div {
	display: table-cell;
	width: 10%;
	padding: .26rem .33rem;
}
.row_div div label {
	font-weight: bold;
	font-size: .8rem;
}
.amount_cont div {
	width: 35%;
}
.amount_cont {
	width: 90%;
	border: .22rem solid #f0f8ff;
	border-radius: 10rem;
	padding: .26rem .33rem;
}
.amount_cont div #dollar {
	border-radius: 1.25rem;
}
.multi {
	margin-top: 1rem;
	font-size: 1.5rem;
	font-weight: bold;
}
.multi span {
	font-size: 1rem;
}
.scanner_port {
	height: 25.5rem;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
	margin-bottom: 1rem;
    width: 100%;
    left: 0rem;
}
div#UIElement {
	display: inline-block;
    height: 60rem;
    width: 100%;
    position: relative;
    top: -28%;
}
.message_toggle {
	position: absolute;
	bottom: 0rem;
	left: 45%;
}
input.cancel_button.button.full.back_button {
	background-color: #1d549a;
	color: #ebf0f6;
	height: 2.2rem;
	border-color: #467bc1;
}
.summary_row {
	z-index: 3;
}
.alert_row, .confirm_row {
	z-index: 4;
}
.summary_row, .confirm_row, .alert_row {
	position: absolute;
	width: 60%;
	max-height: 40rem;
	background-color: #ebf0f6;
	left: 17%;
	top: 14rem;
	color: black;
	border: 0.22rem solid #11212e;
	border-radius: 0.5rem;
	overflow: auto;
	padding: 1rem 1.5rem;
	box-shadow: 6px 6px 4px #888888;
}
div#summary_close_cont, div#confirm_close_cont, div#alert_close_cont {
	position: absolute;
	right: 0.5rem;
	top: 0.3em;
	width: auto;
	cursor: pointer;
}
.switch_cont {
	position: absolute;
	display: table-row;
	background-color: inherit;
	width: 100%;
	height: 3.25rem;
	z-index: 3;
	background-image: linear-gradient(#ffffff, #e7e7e7);
	border: 1px solid #888888;
}
.switch_tab {
	display: inline-flex;
	padding: 0.25rem 0;
	position: relative;
	text-align: center;
	font-size: 1.5rem;
	font-family: "Frutiger Neue W02 Book",Arial,Helvetica,sans-serif;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
.clickable {
	cursor: pointer;
}
.switch_tab.rewards_blue {
	color: #37649fd9;
}
.switch_tab.dfs_green {
	color: #06a560;
}
.selected {
	background-image: linear-gradient(#d3d3d3, #e7e7e700);
}
div#alert_cont,
div#confirm_cont {
    font-size: 1.5rem;
	margin-bottom: 1rem;
}
.alert_row input[type=button],
.confirm_row input[type=button] {
	width: 30%;
	margin: 0 5% 0 0;
	float: right;
	font-size: 1.2rem;
}
.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba( 255, 255, 255, .8 )
				url('/images/loading.gif')
				50% 50%
				no-repeat;
}
body.loading .modal {
	overflow: hidden;
}
body.loading .modal {
	display: block;
}
hr {
	border-style: solid;
	color: #1d549a59;
}
.dfs_queue {
	width: 100%;
	top: 4rem;
	position: absolute;
}
.queue_cell {
	display:inline-table;
	width: 32%;
}
.form_cont.queue_row.dfs_stubbed.clickable {
    background: #8080803d;
}
.pump_caution .queue_cell.dfs_pump ,
.pump_warn .queue_cell.dfs_pump {
	color:  hsl(29deg 93% 57%);
}
.form_cont.queue_row.dfs_inprogress.clickable.pump_caution ,
.form_cont.queue_row.dfs_inprogress.clickable.pump_warn {
    background: #ffda97a1;
}
.pump_alert .queue_cell.dfs_pump {
	color: hsl(0deg 93% 57%); 
}
.form_cont.queue_row.dfs_inprogress.clickable.pump_alert {
    background: hsl(0deg 93% 57% / 52%)
	
}
.queue_cell.dfs_pump {
	color: #06a560;
}
.queue_cell.dfs_pump {
	font-size: 1.5rem;
	width: 2rem;
	text-align: right;
	font-size: 2rem;
	top: 0.25rem;
	position: relative;
}
.dfs_name.queue_cell {
	width: 11rem;
	text-align: center;
	font-size: 1.3rem;
}
.dfs_order.queue_cell {
	width: 5rem;
	text-align: center;
}
.dfs_date.queue_cell {
	width: 10rem;
}
.dfs_ready_queue {
	margin-bottom: 1rem;
}
.dfs_ready_queue .dfs_ready_locked {
	color: #0000004d;
}
label.dfs_ready_queue
, label.dfs_inprogress_queue {
	font-size: 1rem;
	font-weight: bold;
}

div.dfs_ready_queue
, div.dfs_inprogress_queue {
	border:1px solid #c2c2c2;
	border-radius: .2rem;
	box-shadow: 0px 4px 4px #888888;
}
.form_cont.queue_row {
	padding: .2rem .5rem;
	height: 2.5rem;
}
div.data_row {
	font-size: 1.4rem;
	margin: 0.5rem 1.5rem;
}
label.data_row {
	font-weight: bold;
	padding: 0.2rem;
	display: block;
	margin-bottom: .25rem;
}
.form_cont.queue_row.dfs_noactive {
	font-size: 1.5rem;
	padding: 0.5rem 0.5rem 0rem 0.5rem;
}
.form_cont.queue_row {
	text-align: center;
	vertical-align: middle;
}
.form_cont.main_content {
    min-height: 43.5rem;
}
.copyright {
    position: fixed;
    bottom: 0rem;
    font-size: 0.8rem;
    width: 100%;
    background: #ffffff;
	padding: .5rem .5rem 1rem .5rem;
}
input.pump_cell.toggle_button,
input.pump_cell_edit.toggle_button {
	width: 2rem;
}
.pump_cell_edit {
	display: none;
}
span.pump_cell_edit.toggle_button
, span.pump_cell.toggle_button
{
	font-size: 1.5rem;
}
.cell_cont.bordered {
	width: 20%;
    padding: 0.5rem 0.25rem;
    text-align: center;
}
.dfs_nofifyer{
	color: rgba(51, 61, 72, 0.82);
}
.dfs_notify{
	display:none !important;
}
.debug_cont {
    position: absolute;
    bottom: 0;
    z-index: 100;
}
.debug_cont .debug_func {
    background-color: #9bff9ef5;
    font-size: 12px;
}
p.serious_message_cont {
	font-size: 2.0rem;
    margin: 1.5rem;
}
.form_row {
    display:flex;
    flex-direction:row;
	justify-content: space-around;
}
.form_column {
    display:flex;
    flex-direction:column;
	width: 100%;
}
input.serious_confirm_button {
	width: 20rem;
    margin: auto;
    border-radius: 1rem;
    font-size: 1.7rem;
    font-weight: bold;
    border-width: 0.3rem;
    white-space: normal;
    height: 6rem;
    cursor: pointer;
    border-style: outset;
}
input.serious_confirm_button.serious_collection {
    background: #00800061;
}
input.serious_confirm_button.serious_voiding {
    background: #ff000094;
}
p.serious_message_cont.serious_message_1 {
    font-size: 3rem;
}
.rotary_display_label {
    font-size: 2.5rem;
    margin: 5rem auto;
    width: 75%;
}
.rotary_display_cont {
    margin: 6rem auto;
    width: 90%;
}
.rotary_display {
    font-size: 7rem;
    width: 3rem;
    text-align: center;
    border: .35rem solid black;
    padding: .5rem;
    display: inline;
}
.rotary_display.punct {
    font-size: 5rem;
    color: #06a560;
    border: none;
    padding: 0;
}
.center {
    margin: auto;
    position: relative;
    left: 8rem;
}
#container {
	width: 100%;
	height: 100%;
	border: 2px solid #888888;
	position: relative;
	text-align: center;
}
#overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
	height: 100%;
	width: 100%;
	background: #ffffff;
	opacity: 0.6;
	display: none;
}
#video {
	display: none;
	position: absolute;
	top: 5rem;
	left: 5%;
	width: 90%;
	z-index: 4;
}
#video-container {
	position: relative;
	height: 100%;
	height: 100%;
	margin: auto;
	overflow: hidden;
	padding: 1rem;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.dfs_tab img {
	height: 1.25rem;
    margin: 0.35rem 1rem;
}
.video-header {
    font-weight: bold;
    background-color: #1d549a47;
    color: #1d549a;
    padding: .4rem 0rem .4rem 0.5rem;
    margin: 0 .4rem 0rem -.5rem;
}