body.header_style_2 .header_top {
    background-size: unset;
}
.page_title {
    margin: 0;
}

html, body, div#react, div#wrapper, div#fullpage {
    height: 100%;
    overflow: auto;
}

.right { 
	text-align: right;
}
.center {
	text-align: center;
}
.top {
	vertical-align: top;
}
.fill {
	width: 100%;
}
.pad_top {
	padding-top: 1em;
}
.pad_bottom {
	padding-bottom: 1em;
}
.hscroll {
	overflow-x: auto;
	overflow-y: hidden;
}
div#reviewbox_name.fieldset {
	padding-top: 1em;
	font-weight: 700;
}

div#reviewbox_name:nth-of-type(n + 2) {
	border-top: .05px solid black;
}

#reviewbox_rate_date.fieldset {
	font-weight: 700;
}
div.fieldset div.field.required label {
	color: red;
}

table.reviewbox_table thead tr th {
	padding-top: 1em;
}

table thead tr th,
b {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 20px;
	font-family: Poppins;
	color: #222222;
}
table thead tr th {
	padding-top: 2em;
}


div#fullpage {
    display: flex;
    flex-direction: column;
}
div#fullpage header#header {
    width: 100%;
    flex: 0;
}
div#fullpage div.page_title {
    width: 100%;
    flex: 0;
}
div#fullpage div#main {
    display: flex;
    width: 100%;
    flex: 1;
    overflow: hidden;
}
div#fullpage div#main {
    font-size: 13px;
    color: black;
}


div#popup, div#pleasewait, div#messagebox, div#confirmationbox, div#reviewbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #00000080;
	display: flex;
	align-items: center;
}

div#popup { z-index: 100000; }
div#pleasewait { z-index: 200000; }
div#messagebox { z-index: 300000; }
div#confirmationbox { z-index: 400000; }
div#reviewbox { z-index: 500000;}


div#pleasewait div#pleasewait_contents, div#messagebox div#messagebox_container, div#confirmationbox div#confirmationbox_content, div#reviewbox div#reviewbox_container {
	background-color: #fff;
	border: 1px solid black;
	border-radius: 2em;
	filter: drop-shadow(1em 1em 0.5em #00000080);
	padding: 2em;
	margin: auto;
	text-align: center;
	color: #222;
}
div#messagebox div#messagebox_container, div#confirmationbox div#confirmationbox_content,  div#reviewbox div#reviewbox_container {
	text-align: left;
}

div#reviewbox_content {
	overflow-y: auto;
    overflow-x: hidden;
    width: auto;
    max-height: 85vh;
    padding-right: 1em;
	padding-bottom: 0.5em;
}

div#reviewbox_content::-webkit-scrollbar {
	width:5px;
}

div#reviewbox_content::-webkit-scrollbar-track {
	box-shadow:inset 0 0 6px rgba(0,0,0,0.3); 
	border-radius:5px;
}

div#reviewbox_content::-webkit-scrollbar-thumb {
	border-radius:5px;
	box-shadow: inset 0 0 10px #f7df2a; 
}

div#messagebox_content {
	overflow-y: auto;
	max-height: 70vh;
}
div#pleasewait div#pleasewait_contents img {
	background-color: #f7df2a;
}

button {
	-webkit-appearance: button;
	cursor: pointer;
	background: #222;
	color: #fff;
	font-size: 13px;
	line-height: 18px;
	border: none;
	transition: all 0.3s ease;
	padding: 0.5em;
	padding-left: 2em;
	padding-right: 2em;
}
button[disabled], button:disabled {
	background-color: #888;
}
button + button {
	margin-left: 1em;
}

 .print_button {
	text-align: center;
	margin-top: 3em;
}
.print_button_top {
	text-align: center;
	margin-top: 3em;
	display: none;
}
.smart_button {
	background-image: linear-gradient(45deg, #ffffaa, transparent);
}

@media (max-width: 768px) {
	.print_button {
		display: none;
	}
	.print_button_top {
		display: block;
	}
}


.return_home_button{
	text-align: center;
	margin-top: 3em;
	margin-bottom: 3em;
}
.PrintBUtton{
	background-color: #f7df2a;
	color: #222;
	background-image: linear-gradient(315deg, #ffffaa, transparent);
}
.print_button_top .PrintBUtton{
	margin-bottom: 5px;
}

button.fill.buy_now {
	background-color: #f7df2a;
	color: #222;
}

button.fill.apply_now {
	background-color: darkblue;
}

button#parkers-text-button {
	cursor: text;
	background-color: #f7df2a;
	color: #222;
}

/* button.fill.wait_list_me {
} */

.fieldset {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: stretch;
}
.fieldset_review {
	margin-top: 2em;
}
.field {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	width: 50%;
}
.field.fill {
	width: 100%;
}
@media (max-width:640px) {
	.field {
		width: 100%;
	}	
}
.field label {
	/* undo other css */
    max-width: unset;
    margin-bottom: unset;
    font-weight: unset;
}
.field label {
	/* add ours */
	width: 11em; 
	text-align: right;
	padding-right: 0.5em;
}
.field input { width: calc(100% - 11.5em) }

input[type="file"] { display: inline-block !important; }

tr.totals td {
	border-top: 1px solid black;
}

/* controls update button color */
td.right-action-column > button:nth-child(1) {
  background: #f7df2a;
  color: #222;
}
/* controls delete parker color */
#delete-parker {
  background: #FF0000;
  color: #222;
}

/* temporarily hides facility details on parking locator when viewing lot */
li.nav-item:nth-child(2) {
    /* visibility: hidden; */
}