a, a:visited {
	color: #2b73c7;
	text-decoration: none;
}

a:hover, a:visited:hover {
	color: #2b73c7;
	text-decoration: underline;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	background-color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 0.7rem;
}

body, table, tr, td, div, p, input, select, label, fieldset, legend, textarea {
	box-sizing: border-box;
}

form {
	margin: 0;
	padding: 0;
}

h1 {
	font-family: Arial, sans-serif;
	font-size: 1.14rem;
	font-weight: 700;
	color: #27548d;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
	margin-top: 0;
}

h2 {
	font-family: Arial, sans-serif;
	font-size: 1.13rem;
	font-weight: 700;
	color: #27548d;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
}

h3 {
	font-family: Arial, sans-serif;
	font-size: 1.1rem;
	font-weight: 700;
	color: #27548d;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
}

h4 {
	font-family: Arial, sans-serif;
	font-size: 1rem;
	font-weight: 700;
	color: #27548d;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
}

html {
	width: 100%;
	height: 100%;
	font-size: 25px;
}

img {
	border: 0;
}

input, select, textarea {
	border-color: #7f9db9;
	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
	min-height: 16px;
	padding: 2px;
	font-size: 0.7rem;
	min-height: 1.1rem;
}

input.option, select.option, textarea.option {
	font-size: 0.7rem;
}

input[type="button"][disabled="disabled"],
input[type="button"][disabled=""],
input[type="submit"][disabled="disabled"],
input[type="submit"][disabled=""],
input[type="reset"][disabled="disabled"],
input[type="reset"][disabled=""],
input[type="button"][disabled="disabled"]:hover,
input[type="button"][disabled=""]:hover,
input[type="submit"][disabled="disabled"]:hover,
input[type="submit"][disabled=""]:hover,
input[type="reset"][disabled="disabled"]:hover,
input[type="reset"][disabled=""]:hover,
input[type="button"][disabled="disabled"]:active,
input[type="button"][disabled=""]:active,
input[type="submit"][disabled="disabled"]:active,
input[type="submit"][disabled=""]:active,
input[type="reset"][disabled="disabled"]:active,
input[type="reset"][disabled=""]:active {
	color: #8c8c8c;
	background-color: #e9e9e9;
	border-color: #8c8c8c;
	cursor: auto;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
	cursor: pointer;
	padding: 4px 0.5rem;
	font-size: 0.8rem;
	color: #ffffff;
	background-color: #3773bb;
}

input[type="button"]:active,
input[type="button"]:hover,
input[type="submit"]:active,
input[type="submit"]:hover,
input[type="reset"]:active,
input[type="reset"]:hover {
	background-color: #7cb7fd;
}

input[type="image"] {
	border: 0;
}

input::-ms-clear {
	display: none;
}

p {
	margin: 0 0 16px 0;
	line-height: 160%;
}

table {
	padding: 0;
	border-spacing: 0;
	border: 0;
	font-size: inherit;
}

#accessKeys td {
	font-size: inherit;
}

#AdminMenuBar {
	padding: 0 14px;
	background-color: #24558f;
	font-family: Arial, sans-serif;
	font-size: 0.8rem;
	min-height: 1.9rem;
}

#AdminMenuBar > * {
	box-sizing: border-box;
}

#AdminMenuBar h1 {
	font-family: Arial, sans-serif;
	font-size: 1.14rem;
	font-weight: 100;
	color: #ffffff;
	padding: 8px 0 0 0;
	text-align: left;
	margin-top: 0;
}

#AdminMenuBar input[type="button"] {
	padding: 4px 0.5rem;
	font-size: 0.8rem;
	color: #ffffff;
	background-color: #3773bb;
}

#AdminMenuBar input[type="button"]:active,
#AdminMenuBar input[type="button"]:hover {
	background-color: #7cb7fd;
}

#AdminMenuBar .col1 {
	float: left;
}

#AdminMenuBar .col2 {
	float: right;
	padding: 6px 0;
}

#AdminMenuBar .col2 > a, #AdminMenuBar .col2 > a:visited {
	color: #ffffff;
	text-decoration: underline;
	letter-spacing: 1px;
	display: inline-block;
}

#AdminMenuBar .col2 > a:hover, #AdminMenuBar .col2 > a:visited:hover {
	color: #ffffff;
	text-decoration: none;
	letter-spacing: 1px;
	display: inline-block;
}

#AdminMenuBar .col2 > img {
	display: inline-block;
	margin: 0 6px;
}

#AgileFleetBar > .col1, #AgileFleetBar > .col2 {
	display: inline-block;
	vertical-align: top;
}

#AgileFleetBar > .col2 {
	color: #90a0ad;
	padding: 0 0 0 14px;
}

#AgileFleetBar a, #AgileFleetBar a:visited {
	text-decoration: underline;
	color: #ffffff;
}

#AgileFleetBar a:hover, #AgileFleetBar a:visited:hover {
	text-decoration: none;
	color: #ffffff;
}

#Checkout,
#CheckIn,
#AccessKeys {
	text-align: left;
}

#Checkout h2,
#CheckIn h2 {
	font-size: 0.7rem;
	margin-top: 1.5em;
	border-bottom: 1px solid #000000;
	padding-bottom: 0.1rem;
}

#Checkout h2:first-of-type {
	margin-top: 0.5rem;
}

#Checkout .formGroup {
	margin-top: 0.6em;
}

#Checkout .reservationInfo,
#CheckIn .reservationInfo,
#AccessKeys .reservationInfo {
	width: 100%;
	font-size: 0.7rem;
}

#Checkout .reservationInfo td,
#CheckIn .reservationInfo td,
#AccessKeys .reservationInfo td {
	padding: 0.2rem;
}

#Checkout .formGroup:first-child {
	margin-top: 0.2em;
}

#Checkout .reservationInfo .headingRow,
#CheckIn .reservationInfo .headingRow,
#AccessKeys .reservationInfo .headingRow {
	font-weight: 700;
	text-align: center;
}

#Checkout .reservationInfo .headingRow > td,
#CheckIn .reservationInfo .headingRow > td,
#AccessKeys .reservationInfo .headingRow > td {
	border-bottom: 1px solid #808080;
}

#CheckIn .reservationInfo.checkInForm .col1 {
	width: 8.5rem;
}

#CheckIn .reservationInfo.checkInForm .col2 {
	width: 16rem;
}

#Checkout #Fuel {
	text-align: center;
	font-weight: 700;
	margin-top: 1em;
}

#Checkout #ReservationInformation .col1,
#Checkout #ReservationInformation .col2 {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

#Checkout #ReservationInformation > .formGroup > .fieldLabel {
	width: 7.5em;
}

#Checkout #VehicleInformation > .col1 {
	display: inline-block;
	width: 80%;
	vertical-align: top;
}

#Checkout #VehicleInformation > .col1 .fieldLabel {
	width: 9.5em;
}

#Checkout #VehicleInformation > .col1 > .col2 .fieldLabel {
	width: auto;
}

#Checkout #VehicleInformation > .col2 {
	display: inline-block;
	width: 20%;
	vertical-align: top;
}

#Checkout #VehicleInformation > .col1 > .col1,
#Checkout #VehicleInformation > .col1 > .col2 {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

#CheckIn .reservationInfo.checkInForm .col3 {
	width: 4rem;
}

#CheckIn .reservationInfo.selectAVehicle td.col3,
#CheckIn .reservationInfo.selectAVehicle td.col4 {
	text-align: right;
}

#CustomFooterText {
	width: 100%;
	text-align: center;
	padding-bottom: 8px;
}

#CustomHeaderText {
	width: 100%;
	text-align: center;
}

#CustomerImageBar {
	min-height: 2px;
	padding-left: 14px;
}

#CustomerImageBar img {
	margin-top: 8px;
	margin-bottom: 6px;
}

#FleetCommanderBar {
	background-color: #13345d;
	color: #ffffff;
	padding: 7px 14px;
	vertical-align: middle;
	font-family: Arial, sans-serif;
	font-size: 0.6rem;
}

#FleetCommanderBar a, #FleetCommanderBar a:visited {
	color: #ffffff;
	text-decoration: underline;
	letter-spacing: 1px;
}

#FleetCommanderBar a:hover, #FleetCommanderBar a:visited:hover {
	color: #ffffff;
	text-decoration: none;
	letter-spacing: 1px;
}

#FleetCommanderBar > div {
	font-weight: 900;
}

#FleetCommanderBar > div > a {
	font-weight: 100;
}

#FleetCommanderBar .col1 {
	float: left;
}

#FleetCommanderBar .col2 {
	float: right;
	padding-top: 4px;
}

#Footer {
	padding: 9px 14px;
	background-color: #13345d;
	color: #ffffff;
	clear: both;
	margin-top: 1rem;
	display: block;
	font-size: 0.6rem;
}

#FooterWrapper {
	position: absolute;
	bottom: 0;
	width: 100%;
}

#GrabAndGo {
	text-align: left;
}

#GrabAndGo h2 {
	margin-top: 0.5rem;
	border-bottom: 1px solid #000000;
	padding-bottom: 0.1rem;
}

#CheckIn #AdditionalInformation .col1,
#CheckIn #AdditionalInformation .col2,
#Checkout #AdditionalInformation .col1,
#Checkout #AdditionalInformation .col2,
#GrabAndGo #AdditionalInformation .col1,
#GrabAndGo #AdditionalInformation .col2 {
	width: 50%;
	display: inline-block;
	vertical-align: middle;
}

#CheckIn #AdditionalInformation .field,
#CheckIn #AdditionalInformation .fieldLabel,
#Checkout #AdditionalInformation .field,
#Checkout #AdditionalInformation .fieldLabel,
#GrabAndGo #AdditionalInformation .field,
#GrabAndGo #AdditionalInformation .fieldLabel {
	vertical-align: middle;
}

#CheckIn #AdditionalInformation .fieldLabel,
#Checkout #AdditionalInformation .fieldLabel,
#GrabAndGo #AdditionalInformation .fieldLabel {
	padding-right: 0.2em;
}

#GrabAndGo > #VehicleTypeSelection {
	text-align: center;
}

#GrabAndGo > #VehicleTypeSelection > .row {
	white-space: nowrap;
}

#GrabAndGo > #VehicleTypeSelection > .row > * {
	white-space: normal;
}

#GrabAndGo > #VehicleTypeSelection > .row {
	display: block;
}

#GrabAndGo > #VehicleTypeSelection > .row > a {
	display: inline-block;
	vertical-align: middle;
	padding: 0 0.5rem 0.5rem 0.5rem;
}

#GrabAndGo.reservationInformation #FormWrapper,
#GrabAndGo.selectVehicle #FormWrapper {
	white-space: nowrap;
}

#GrabAndGo.reservationInformation #FormWrapper > *,
#GrabAndGo.selectVehicle #FormWrapper * {
	white-space: normal;
	font-size: 0.7rem;
}

#GrabAndGo.reservationInformation .formGroup,
#GrabAndGo.selectVehicle .formGroup {
	padding-bottom: 0.4rem;
}

#GrabAndGo.selectUsageType {
	width: 73%;
}

#GrabAndGo.selectUsageType,
#GrabAndGo.selectVehicle {
	margin: auto;
}

#GrabAndGo.selectUsageType .layoutText {
	margin-bottom: 1em;
}

#GrabAndGo.reservationInformation .reservationInfo,
#GrabAndGo.selectVehicle .reservationInfo {
	width: 100%;
}

#GrabAndGo.reservationInformation .reservationInfo td,
#GrabAndGo.selectVehicle .reservationInfo td {
	padding: 0.2rem;
}

#CheckIn .reservationInfo.customFields td {
	width: 25%;
}

#Header {
	box-sizing: border-box;
}

#LicenseNumber {
	text-align: center;
	font-weight: 700;
}

#MainContent {
	padding: 0.5rem 1rem 0 1rem;
	text-align: center;
	background-color: #ffffff;
}

#MainContent > div, 
#MainContent > table, 
#MainContent > form > table, 
#MainContent > div > form > table {
	margin-left: auto;
	margin-right: auto;
}

#MenuPage #menuButtons {
	text-align: center;
}

#MenuPage #menuButtons input[type="button"] {
	display: block;
	margin: 0 auto 1rem auto;
	width: 16rem;
	padding: 6px 0;
	font-size: 1rem;
	color: #ffffff;
	background-color: #3773bb;
}

#MenuPage #menuButtons input[type="button"]:active,
#MenuPage #menuButtons input[type="button"]:hover {
	background-color: #7cb7fd;
}

#Policies #sDiv > * {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#StandardWrapper {
	width: 85%;
	margin: auto;
}

.bottomNavBar {
	text-align: right;
	padding-top: 1rem;
}

.break {
	clear: both;
	display: block;
}

.button {
	width: auto;
}

.field {
	display: inline-block;
	vertical-align: top;
}

.fieldLabel {
	display: inline-block;
	vertical-align: top;
}

.fieldLabelTop {
	display: block;
	margin-bottom: 3px;
}

.formGroup {
	display: block;
	margin-top: 4px;
}

.layoutText {
	font-size: 0.9rem;
	padding: 0 0 1rem 0;
}

.licenseNumber {
	border: 2px solid blue;
	padding: 0.3em;
	font-family: "Arial Narrow", sans-serif;
	font-size: 1.5em;
	max-width: 5em;
	margin: auto;
}

@media screen and (max-height: 768px) {
	#CheckIn h2:first-of-type,
	#Checkout h2:first-of-type {
		margin-top: 0.2rem;
	}

	#CheckIn h2,
	#Checkout h2 {
		margin-top: 0.3rem;
		margin-bottom: 0.2rem;
	}

	#Checkout .formGroup {
		margin-top: 0.3em;
	}

	.bottomNavBar {
		padding-top: 0.5em;
	}
}

@media screen and (max-width: 1024px) {
	#CheckIn .reservationInfo td, #Checkout .reservationInfo td {
		padding: 0.1rem;
	}

	#CheckIn .reservationInfo.checkInForm .col1 {
		width: 7.0rem;
	}

	#CheckIn .reservationInfo.checkInForm .col2 {
		width: 5.0rem;
	}

	#Checkout #AdditionalInformation .fieldLabel,
	#GrabAndGo #AdditionalInformation .fieldLabel {
		width: 11.5em;
		word-break: break-all;
	}

	#Checkout #VehicleCondition {
		max-height: 2em;
		overflow-y: scroll;
	}

	#Checkout #VehicleInformation > .col1 > .formGroup > .field {
		max-width: 31em;
	}

	#GrabAndGo.selectUsageType {
		width: 80%;
	}

	 #StandardWrapper {
        width: 95%;
    }

	.layoutText {
		font-size: 0.8rem;
		padding: 0 0 0.2rem 0;
	}
}

@media screen and (width: 1280px) {
	#CheckIn .reservationInfo td, #Checkout .reservationInfo td {
		padding: 0.15rem;
	}
}

@media screen and (max-width: 1290px) {
	#CheckIn #AdditionalInformation .fieldLabel,
	#Checkout #AdditionalInformation .fieldLabel,
	#GrabAndGo #AdditionalInformation .fieldLabel {
		width: 12em;
		word-break: break-all;
	}

	#GrabAndGo.selectUsageType {
		width: 63%;
	}

	#StandardWrapper {
		width: 95%;
	}
}