:root {
	--colour_dashboard_header_background: #F7F6FB;
	--colour_dashboard_background: #F7F6FB;
	--colour_dashboard_block: #FFFFFF;
	--colour_dashboard_cell: #FFFFFF;
	--colour_dashboard_cell_background: #F7F6FB;
	--colour_dashboard_icon_background: #F7F6FB;
	--colour_plain_text: #000000;
	--colour_header_text: #333333;
	--colour_muted_text: #707070;
	--colour_provisional_text: #C1C1C1;
	--colour_sub_header_text: #999999;
	--colour_warning_pale: #fffbed;
	--colour_error_pale: #fde6f3;
	--box_shadow: 1px 1px 4px 1px #e0e0e0;
	--box_shadow_filters: -0px 5px 3px 2px #e0e0e0;

}

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #F7F6FB #FFFFFF;
}

/* Works on Chrome, Edge, and Safari - deprecated */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: #F7F6FB;
}

*::-webkit-scrollbar-thumb {
  background-color: #FFFFFF;
  border-radius: 20px;
  border: 3px solid #F7F6FB;
}

@media (prefers-color-scheme: dark) {
	:root {
		--colour_dashboard_header_background: #F7F6FB;
		--colour_dashboard_background: #F7F6FB;
		--colour_dashboard_block: #FFFFFF;
		--colour_dashboard_cell: #FFFFFF;
		--colour_dashboard_cell_background: #F7F6FB;
		--colour_dashboard_icon_background: #F7F6FB;
		--colour_plain_text: #000000;
		--colour_header_text: #333333;
		--colour_muted_text: #707070;
		--colour_provisional_text: #C1C1C1;
		--colour_sub_header_text: #999999;
		--colour_warning_pale: #fffbed;
		--colour_error_pale: #fde6f3;
		--box_shadow: 1px 1px 4px 1px #e0e0e0;
		--box_shadow_filters: -0px 5px 3px 2px #e0e0e0;
	}

	/* Works on Firefox */
	* {
	  scrollbar-width: thin;
	  scrollbar-color: #FFFFFF #F7F6FB;
	}

	/* Works on Chrome, Edge, and Safari - deprecated */
	*::-webkit-scrollbar {
	  width: 12px;
	}

	*::-webkit-scrollbar-track {
	  background: #F7F6FB;
	}

	*::-webkit-scrollbar-thumb {
	  background-color: #FFFFFF;
	  border-radius: 20px;
	  border: 3px solid #F7F6FB;
	}
 
}

@font-face {
  font-family: WideExtraBold;
  src: url(/fonts/Poppins-SemiBold.woff);
}

@font-face {
  font-family: WideBold;
  src: url(/fonts/Poppins-Regular.woff);
}

@font-face {
  font-family: WideRegular;
  src: url(/fonts/Poppins-Light.woff);
}

@font-face {
  font-family: NarrowBold;
  src: url(/fonts/Oswald-Medium.woff);
}

@font-face {
  font-family: NarrowRegular;
  src: url(/fonts/Oswald-Light.woff);
}

@font-face {
  font-family: Fixed;
  src: url(/fonts/NaturalMonoRegular.woff);
}

body
{
	padding: 0px;
	margin: 0px;
	border: 0px;
	font-size: 12px;
	color: #000000;
	color: var(--colour_plain_text);
}

h1
{
	font-size: 1.5em;
	font-weight: bold;
}

h2
{
	font-size: 1.3em;
	font-weight: bold;
}

h3
{
	margin: 0px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	font-size: 1.2em;
	font-weight: bold;
}

.bold {
	font-weight: 900;
	font-size:  1.2em;
}

b, strong {
	font-family: WideBold;
}

img.icon
{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

img.icon_svg_inline {
	border: 0px;
	margin: 0px;
	padding: 0px;
	height: 1em;
	width: 1em;
}

.iconLabel
{
	font-size: 0.8em;
}

td.iconSpacer
{
	padding-left: 2em;
	padding-right: 2em;
}

img.languageFlag
{
	width: 24px;
	height: 12px;
}

img.text
{
	border: 0px;
	margin: 0px;
	padding: 0px;
	margin-bottom: -5px;
	margin-top: 4px;
}

input.payPalSubButton
{
	/* width: 113px; */
	/* height: 26px; */
	/* margin-top: 4px; */
	width: 112px;
	height: 34px;
}


.left
{
	text-align: left;
}

.floatLeft
{
	float: left;
}

.right
{
	text-align: right;
}

.floatRight
{
	float: right;
}

.centre
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

div.centre_flex_container {
	position: relative;
	display:  flex;
	flex-direction: row;
	justify-content: center;
}

.bold
{
	font-weight: bold;
}

.hidden
{
	display: none;
}

html.dashboard {
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_background);
	font-family: NarrowBold;
}

div#dashboard_alert {
	text-align: center;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #00000044;
	z-index: 2000;
}

div.dashboard_alert_visible {
	display: flex;
}

div#dashboard_alert_body, div#dashboard_message_body {
	position: relative;
	width: 300px;
	margin: auto auto;
	border: 2px solid #1BBC9B;
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_background);
	border-radius: 10px;
	font-family: WideRegular;
}

div#dashboard_alert_message {
	width: 260px;
	padding: 20px;
	margin-bottom: 45px;
	max-height: 60vh;
	overflow-y: auto;
}

div#dashboard_alert_title_bar {
	color: #F7F6FB;
	color: var(--colour_dashboard_background);
	background-color: #1BBC9B;
	font-family: WideBold;
	font-size: 14px;
	height: 35px;
	line-height: 35px;
}

div#dashboard_alert_buttons {
	font-size: 14px;
	height: 45px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

div#dashboard_alert_button_cancel {
	color: #F7F6FB;
	color: var(--colour_dashboard_background);
	background-color: #1BBC9B;
	width: 90px;
	height: 35px;
	line-height: 35px;
	border-radius: 10px;
	float: left;
	margin-left: 10px;
	cursor: pointer;
}

div#dashboard_alert_button_ok {
	color: #F7F6FB;
	color: var(--colour_dashboard_background);
	background-color: #1BBC9B;
	width: 90px;
	height: 35px;
	line-height: 35px;
	border-radius: 10px;
	float: right;
	margin-right: 10px;
	cursor: pointer;
}

div#dashboard_alert_button_cancel:hover, div#dashboard_alert_button_ok:hover {
	color: #707070;
}

div#dashboard_message {
	text-align: center;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #00000044;
	z-index: 3000;
}

div#dashboard_message_message {
	width: 260px;
	padding: 20px;
	font-family: WideRegular;
	font-size: 12px;
	max-height: 60vh;
	overflow-y: auto;
}

div#dashboard_container {
	position: fixed;
	top: 50px;
	bottom: 60px;
	bottom: calc(60px + env(safe-area-inset-bottom, 0px));
	left: 0px;
	right: 0px;
	overflow-y: auto;
	padding-top: 18px;
	padding-left: 18px;
	padding-right: 18px;
	padding-bottom: 0px;
}

div#dashboard_container_inner {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

div#dashboard_login_container {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #1BBC9B;
}

div#dashboard_login_brand_logo {
	position: absolute;
	left: 50%;
	background-image: url("/images/icon_aileron_logo_inverse.svg");
	background-repeat: no-repeat;
	cursor:  pointer;
}

div#dashboard_login_brand_text {
	position: absolute;
	left: 0px;
	width: 100%;
	color: #FFFFFF;
	font-family: NarrowRegular;
	text-align: center;
	cursor:  pointer;
			text-transform: uppercase;
		letter-spacing: 0.1em;
	}

@media all and (max-height: 649px) {
	div#dashboard_login_brand_logo {
		margin-top: 20px;
		background-size: 80px 80px;
		width: 80px;
		height: 80px;
		margin-left: -40px;
	}

	div#dashboard_login_brand_text {
		top: 100px;
		font-size: 24px;
	}
}

@media all and (min-height: 650px) and (max-height: 749px) {
	div#dashboard_login_brand_logo {
		margin-top: 30px;
		background-size: 130px 130px;
		width: 130px;
		height: 130px;
		margin-left: -65px;
	}

	div#dashboard_login_brand_text {
		top: 180px;
		font-size: 28px;
	}
}

@media all and (min-height: 750px) {
	div#dashboard_login_brand_logo {
		margin-top: 50px;
		background-size: 200px 200px;
		width: 200px;
		height: 200px;
		margin-left: -100px;
	}

	div#dashboard_login_brand_text {
		top: 260px;
		font-size: 36px;
	}
}

div#dashboard_login_form, div#dashboard_reminder_form {
	position: fixed;
	max-height: 100vh;
	bottom: 0px;
	background-color: #FFFFFF;
	background-color: var(--colour_dashboard_block);
	border-radius: 30px 30px 0px 0px;
	transition: height 0.5s;
}

@media all and (max-width: 599px) {
	div#dashboard_login_form, div#dashboard_reminder_form {
		left: 0px;
		right: 0px;
	}
}

@media all and (min-width: 600px) {
	div#dashboard_login_form, div#dashboard_reminder_form {
		left: 50%;
		width: 600px;
		margin-left: -300px;
	}
}

div.popup_form_hidden {
	height: 0px;
	overflow-y: hidden;
}

div.login_form_visible {
	height: 460px;
}

div.login_form_scrolling {
	height: 460px;
	overflow-y: auto;
}

div.reminder_form_visible {
	height: 390px;
}

div.reminder_form_scrolling {
	height: 390px;
	overflow-y: auto;
}

div.login_title {
	margin-top: 30px;
	color: #1BBC9B;
	font-family: WideBold;
	font-size: 28px;
	margin-left: 50px;
}

div.login_subtitle {
	color: #707070;
	color: var(--colour_muted_text);
	font-family: WideRegular;
	font-size: 14px;
	margin-left: 50px;
	margin-top: 10px;
}

div.dashboard_login_input {
	margin: 20px 50px 20px 50px;
	display: flex;
}

div#login_forgot_password_button, div#login_back_to_login_button {
	display: block;
	height: 20px;
	line-height: 20px;
	width: 150px;
	margin-left: auto;
	margin-right: 50px;
}

div#login_login_button, div#login_trial_button, div#login_send_password_reset_button, div#trial_submit_button {
	display: block;
	margin: 30px 50px 30px 50px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	font-family: WideBold;
			text-transform: uppercase;
	}

div#dashboard_logbook_container {
	position: fixed;
	top: 150px;
	bottom: 60px;
	bottom: calc(60px + env(safe-area-inset-bottom, 0px));
	left: 0px;
	right: 0px;
	overflow-y: auto;
}

div#dashboard_logbook_container_no_search {
	position: fixed;
	top: 125px;
	bottom: 60px;
	bottom: calc(60px + env(safe-area-inset-bottom, 0px));
	left: 0px;
	right: 0px;
	overflow-y: auto;
}

div#dashboard_editing_container {
	position: fixed;
	top: 110px;
	bottom: 60px;
	bottom: calc(60px + env(safe-area-inset-bottom, 0px));
	left: 0px;
	right: 0px;
	overflow-y: auto;
}

div#dashboard_editing_container_subtitle {
	position: fixed;
	top: 125px;
	bottom: 60px;
	bottom: calc(60px + env(safe-area-inset-bottom, 0px));
	left: 0px;
	right: 0px;
	overflow-y: auto;
}

div#dashboard_editing_page_container {
	display: block;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

div.dashboard_overlay_editing_container {
	display: block;
	position: fixed;
	top: 110px;
	bottom: 0px;
	overflow-y: auto;
}

div.dashboard_overlay_editing_background {
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_background);
	padding-bottom: 1px;
}

@media all and (max-width: 500px) {
	div.dashboard_overlay_editing_container {
		left: 0px;
		right: 0px;
	}
}

@media all and (min-width: 501px) {
	div.dashboard_overlay_editing_container {
		width: 500px;
	}
}

div#dashboard_header_container {
	position: fixed;
	z-index: 500;
	top: 0px;
	left: 0px;
	right: 0px;
	text-align: left;
	background-color: #FFFFFF;
	background-color: var(--colour_dashboard_block);
	box-shadow: 1px 1px 4px 1px #e0e0e0;
	box-shadow: var(--box_shadow);
}

div#dashboard_header_title {
	height: 70px;
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_header_background);
	position: relative;
}

div#dashboard_header_title_no_search {
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_header_background);
	position: relative;
	height: 45px;
}

div#dashboard_header_title_editing {
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_header_background);
	position: relative;
	height: 30px;
}

div.dashboard_header_inner {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	text-align: left;
	position: relative;
	height: 100%;
}

div.dashboard_admin_login {
	position: absolute;
	bottom: 1px;
	right: 5px;
	font-family: WideRegular;
	color: #707070;
	color: var(--colour_muted_text);
}

div#dashboard_header {
	color: #1BBC9B;
	font-family: NarrowBold;
	padding: 5px 15px 5px 15px;
	height: 40px;
	line-height: 40px;
			font-size: 12px;
		text-transform: uppercase;
	}

div.margin_top {
	margin-top: 18px;
}

div#dashboard_bell_icon {
	float: right;
	height: 40px;
	width: 40px;
	background-size: 24px 24px;
	background-position: 8px 8px;
	line-height: 20px;
	background-image: url("/images/icon_aileron_bell.svg");
	background-repeat: no-repeat;
	text-align: right;
	cursor: pointer;
}

div#dashboard_bell_number {
	font-size: 10px;
	line-height: 10px;
	padding: 2px 5px 2px 5px;
	border-radius: 6px;
	background-color: #d6001b;
	color: #FFFFFF;
	display: inline-block;
	font-family: WideBold;
}

div#dashboard_profile_info {
	height: 130px;
	white-space: nowrap;
	overflow: hidden;
}

div#dashboard_profile_text {
	margin: 25px 15px 0px 0px;
	line-height: 1.6;
	display: inline-block;
}

div.dashboard_title_block {
	height: 70px;
	position: relative;
}

div.dashboard_add_another_block {
	height: 50px;
	position: relative;
}

div.dashboard_add_another_icon {
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 0px;
	height: 50px;
	line-height: 50px;
	background-image: url("/images/icon_aileron_add_theme.svg");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 30px 30px;
	padding-right: 40px;
	color: #1BBC9B;
	cursor: pointer;
	font-size: 12px;
}

div.dashboard_add_inline_icon {
	display: inline-block;
	position: relative;
	top: 0px;
	height: 34px;
	width: 30px;
	line-height: 30px;
	background-image: url("/images/icon_aileron_add_theme.svg");
	background-repeat: no-repeat;
	background-position: 0px 2px;
	background-size: 30px 30px;
	cursor: pointer;
}

div.dashboard_add_inline_icon:hover {
	background-image: url("/images/icon_aileron_add_highlight.svg");
}


div.dashboard_title {
	font-family: WideBold;
	font-size: 15px;
	line-height: 18px;
	text-align: left;
	margin-left: 0px;
	margin-bottom: 13px;
	margin-top: -5px;
	color: #333333;
	color: var(--colour_header_text);
}

div.dashboard_title_text {
	position: absolute;
	left: 15px;
	top: 10px;
	font-size: 15px;
	line-height: 18px;
	font-family: WideBold;
	text-align: left;
	color: #333333;
	color: var(--colour_header_text);
}

div.dashboard_page_title_text {
	position: absolute;
	left: 15px;
	top: 3px;
	font-size: 15px;
	line-height: 18px;
	font-family: WideBold;
	text-align: left;
	color: #333333;
	color: var(--colour_header_text);
}

@media all and (max-width: 359px) {
	span.hide_tiny {
		display: none;
	}
}
@media all and (min-width: 360px) {
	span.hide_tiny {

	}
}

span#add_flight_button {
	margin-right: 10px;
	color: #707070;
	color: var(--colour_muted_text);
	cursor: pointer;
}

span#add_sim_button {
	margin-left: 10px;
	margin-right: 10px;
	color: #707070;
	color: var(--colour_muted_text);
	cursor: pointer;
}

span#add_duty_button {
	margin-left: 10px;
	color: #707070;
	color: var(--colour_muted_text);
	cursor: pointer;
}

span#add_flight_button:hover, span#add_sim_button:hover, span#add_duty_button:hover {
	color: #1BBC9B;
}

span#add_flight_title {
	margin-right: 10px;
}

span#add_sim_title {
	margin-left: 10px;
	margin-right: 10px;
}

span#add_duty_title {
	margin-left: 10px;
}

span.dashboard_page_title_suffix {
	font-size: 10px;
	margin-left: 8px;
	text-transform: uppercase;
}

div.dashboard_subtitle_text {
	font-family: WideRegular;
	font-size: 11px;
	line-height: 20px;
	color: #999999;
	color: var(--colour_sub_header_text);
}

div.dashboard_airport_top_ten_text {
	display: inline-block;
	flex: 1;
	white-space: nowrap;
	font-family: WideBold;
	font-weight: 900;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 15px;
}

div.dashboard_airport_top_ten_text_single {
	line-height: 35px;
}

div.dashboard_airport_code_text {
	font-family: WideRegular;
	font-size: 13px;
	line-height: 15px;
	margin-top: 5px;
	color: #999999;
	color: var(--colour_sub_header_text);
}

div#dashboard_footer_container {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 60px;
	height: calc(60px + env(safe-area-inset-bottom, 0px));
	z-index: 500;
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_background);
}

div#dashboard_footer {
	position: fixed;
	bottom: 0px;
	left: 0px;
	height: 58px;
	height: calc(58px + env(safe-area-inset-bottom, 0px));
	width: 100%;
	z-index: 501;
	background-color: #FFFFFF;
	background-color: var(--colour_dashboard_block);
	text-align: center;
}

div#dashboard_share_links {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 100;
	border-radius: 5px;
	padding: 10px;
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_background);
	border: 2px solid #FFFFFF;
	text-align: center;
}


div.dashboard_block {
	background-color: #FFFFFF;
	background-color: var(--colour_dashboard_block);
	margin-bottom: 18px;
	border-radius: 5px;
	box-shadow: 1px 1px 4px 1px #e0e0e0;
	box-shadow: var(--box_shadow);
	position: relative;
}

div.dashboard_block_full_width {
	border-radius: 0px;
}

div.dashboard_block_padding {
	padding: 5px;
}

div.dashboard_block_popup {
	position: relative;
	top: -20px;
	right: 0px;
	padding: 10px;
	margin-right: -10px;
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_background);
	border: 2px solid #FFFFFF;
	text-align: center;
}

div.share_button {
	display: inline-block;
	padding: 5px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: yellow;
}

/*
			Typical phone viewport is 360px; design for this width
			Typical small phone viewport is 320px; cater for this minimum width
*/

@media all and (max-width: 719px) {
	div#dashboard_col_1 {
		
	}

	div#dashboard_col_2 {
		
	}
}

@media all and (min-width: 720px) {
	div#dashboard_col_1 {
		display: inline-block;
		width: 50%;
	}

	div#dashboard_col_2 {
		display: inline-block;
		float: right;
		width: 50%;
	}

	div#dashboard_col_1_inner {
		margin-right: 9px;
	}

	div#dashboard_col_2_inner {
		margin-left: 9px;
	}
}

/*
Configure menus for screen widths
*/

div.dashboard_footer_button {
	text-align: center;
	font-size: 10px;
	height: 70px;
	display: inline-block;
	position: relative;
	font-family: WideRegular;
	white-space: nowrap;
}

div.dashboard_footer_button_active {
	color: #1BBC9B;
	
}

div.dashboard_footer_button_inactive {
	color: #707070;
	color: var(--colour_muted_text);
	cursor: pointer;
}

div.dashboard_footer_button_inactive:hover {
	color: #1BBC9B;
}

@media all and (max-width: 359px) {
	div.dashboard_footer_button {
		width: 60px;
	}

	img.icon_overlay {
		left: 17px;
		display: none;
		position: absolute;
		top: 0px;
		z-index: 10;
	}

	span.menu_full_title {
		display: none;
	}

	span.menu_short_title {
		display: inline;
	}
}

@media all and (min-width: 360px) and (max-width: 699px) {
	div.dashboard_footer_button {
		width: 70px;
	}

	img.icon_overlay {
		display: none;
		position: absolute;
		top: 0px;
		left: 22px;
		z-index: 10;
	}

	span.menu_full_title {
		display: none;
	}

	span.menu_short_title {
		display: inline;
	}
}


@media all and (min-width: 700px) {
	div.dashboard_footer_button {
		width: 120px;
	}

	img.icon_overlay {
		left: 47px;
		display: none;
		position: absolute;
		top: 0px;
		z-index: 10;
	}

	span.menu_full_title {
		display: inline;
	}

	span.menu_short_title {
		display: none;
	}
}

@media all and (min-width: 360px) {
	canvas#dashboard_total_hours_graphic, canvas#dashboard_total_duty_graphic {
		width: 120px;
		height: 120px;
		margin: 10px 10px 0px 15px;
	}
}

@media all and (max-width: 359px) {
	canvas#dashboard_total_hours_graphic, canvas#dashboard_total_duty_graphic {
		width: 100px;
		height: 100px;
		margin: 20px 10px 10px 15px;	
	}
}

div#dashboard_total_container, div#dashboard_total_duty_container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 360px;
}

div.remove_photo {
	width: 100px;
}

div#dashboard_profile_info .profile_img {
	margin: 35px 15px 15px 15px;
	float: left;
	height: 80px;
	width: 80px;
}

div#settings_section_profile .profile_img {
	margin: 10px 0px 0px 0px;
	height: 140px;
	width: 140px;
}

.profile_img {
	border-radius: 100%;
	justify-content: center;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.profile_img img {
	height: 100%;
}

.signature_img {
	border: 1px solid grey;
	margin: 0px 0px 0px 0px;
	height: 48px;
	width: 200px;
	justify-content: center;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	border-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius: 15px;
	border: 2px solid #1BBC9B;
	padding-left: auto;
	padding-right: auto;
}

.signature_img img {
	height: 100%;
}

.img__overlay {
	align-items: center;
	bottom: 0;
	display: flex;
	justify-content: center;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: opacity 0.25s;
	z-index: 10;
	background-color: rgba(0,0,0,0.4);
	background: linear-gradient(65deg, rgba(0,0,0,0.4), rgba(200,200,200,0.4));
	color: #fafafa;
	font-size: 15px;
}

.img__overlay:hover {
	opacity: 10;
}

img.dashboard_menu_icon {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 20px;
}

img.dashboard_menu_arrow {
	width: 40px;
	height: 40px;
	float: right;
}

div.dashboard_footer_button_inactive:hover .icon_overlay {
	display: inline;
}

div.dashboard_footer_button_active .icon_overlay {
	display: inline;
}

.dashboard_medium_small_text {
	font-size: 15px;
}

.dashboard_medium_text {
	font-size: 18px;
	line-height: 18px;
	font-family: WideRegular;
}

.dashboard_distance_unit_text {
	font-size: 14px;
	line-height: 14px;
	font-family: WideBold;
	font-weight: 900;
	color: #707070;
	color: var(--colour_muted_text);
}

.dashboard_medium_total_text {
	font-size: 16px;
	line-height: 16px;
	color: #707070;
	color: var(--colour_muted_text);
}

.dashboard_large_text {
	color: #1BBC9B;
	font-size: 22px;
}

.dashboard_larger_text {
	color: #1BBC9B;
	font-size: 32px;
}

.dashboard_extra_large_text {
	color: #1BBC9B;
	font-size: 35px;
}

.dashboard_extra_large_duty_text {
	color: #75C8EB;
	font-size: 35px;
}

div.dashboard_link {
	display: inline-block;
	margin-top: 10px;
	font-size: 11px;
	color: #1BBC9B;
	font-family: WideRegular;
	cursor: pointer;
}

div.dashboard_footer_link {
	display: inline-block;
	margin:  10px 20px 0px 20px;
	font-size: 11px;
	height: 11px;
	line-height: 11px;
	color: #1BBC9B;
	font-family: WideRegular;
	cursor: pointer;
}

div#site_copyright {
	display: block;
	margin:  10px 0px 0px 0px;
	font-size: 11px;
	height: 11px;
	line-height: 11px;
	color: #1BBC9B;
			text-transform: uppercase;
		
}

span.dashboard_link {
	color: #1BBC9B;
	cursor: pointer;
}

.plain_link {
	cursor: pointer;
}

span.dashboard_link:hover {
	color: #707070;
}

span.dashboard_info_link {
	cursor: pointer;
}

span.dashboard_info_link:hover {
	color: #1BBC9B;
}

div.dashboard_link_left {
	float: left;
	margin-left: 15px;
}

div.dashboard_link_right {
	position: absolute;
	right: 0px;
	top: 0px;
	margin-right: 15px;
}

div.dashboard_bottom_link {
	text-align: right;
	border-top: 2px solid #F7F6FB;
	border-top: 2px solid var(--colour_dashboard_background);
	font-size: 11px;
	height: 37px;
	font-family: WideRegular;
	padding-right: 15px;
	position: relative;
}

div#dashboard_back_block, div#dashboard_airport_back_block, div#dashboard_aircraft_back_block {
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_header_background);
	height: 30px;
}

div.dashboard_back_link {
	position: absolute;
	left: 15px;
	top: 8px;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	color: #1BBC9B;
	font-family: WideRegular;
	cursor: pointer;	
}

div#dashboard_save, div#dashboard_save_aircraft, div#dashboard_save_airport, div#dashboard_save_change_password, div#dashboard_save_modify_provisional {
	position: absolute;
	z-index: 5;
	right: 15px;
	top: 15px;
	padding: 5px 15px 5px 15px;
	font-size: 15px;
	height: 20px;
	line-height: 20px;
	border-radius: 14px;
	font-family: WideRegular;
	cursor: pointer;	
	color: #F7F6FB;
	color: var(--colour_dashboard_background);
	background-color: #1BBC9B;
}

div#dashboard_save:hover {
	color: #707070;
}

div.dashboard_link:hover {
	color: #707070;
}

a {
	color: #1BBC9B;
	text-decoration: none;
}

a:visited {
	color: #1BBC9B;
}

a:hover {
	color: #707070;
}

.dashboard_muted_text {
	color: #707070;
	color: var(--colour_muted_text);
	font-family: WideRegular;
}

div.dashboard_inline_block {
	display: inline-block;
	vertical-align: middle;
}

div#dashboard_total_summary_text, div#dashboard_total_duty_summary_text {
	position: absolute;
	right: 4%;
	top: 35px;
	text-align: right;
}

.dashboard_clickable {
	cursor: pointer;
}

div.dashboard_icon_total {
	font-size: 16px;
	color: #707070;
	color: var(--colour_muted_text);
	text-transform: uppercase;
}

div.dashboard_sub_label {
	font-family: WideRegular;
	font-size: 15px;
}

div.dashboard_totals_aircraft_icon {
	height: 40px;
	width: 40px;
	margin-right: 10px;
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_icon_background);
	border-radius: 5px;
}

div.dashboard_total_right {
	float: right;
	padding-top: 10px;
	font-family: WideRegular;
}

div.dashboard_button_bar {
	display: inline-block;
	margin: 10px 15px 10px 15px;
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_background);
	padding: 5px;
	border-radius: 15px;
}

div.charts_selection_bar_background {
	background-color: #FFFFFF;
	background-color: var(--colour_dashboard_block);
	text-align: center;
}

div.dashboard_chart_button_bar {
	display: inline-block;
	margin: 8px 10px 5px 10px;
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_background);
	padding: 5px;
	border-radius: 15px;
	font-family: WideRegular;
	font-size: 10px;
}

div.chart_selection_title {
	display: inline-block;
	margin: 0px 10px 0px 5px;
}

div#flying_charts_selection_bar, div#totals_selection_bar, div#totals_provisional_bar, div#totals_flying_bar, div#totals_sim_bar, div#prev_width_bar_1, div#prev_width_bar_2 {
	color: #1BBC9B;
}

div#prev_width_bar_2 {
	margin-left:  105px;
}

div#duty_charts_selection_bar {
	color: #75C8EB;
}

div#duty_charts_range_bar {
	color: #da664f;
}

div.chart_title {
	text-align: center;
	font-family: WideRegular;
	font-size: 15px;
	margin: 5px 0px 5px 0px;
}

div.dashboard_chart_text_button {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	display: inline-block;
	color: #707070;
	color: var(--colour_muted_text);
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_background);
	border-radius: 10px;
	cursor: pointer;
}

div.dashboard_chart_text_button:hover {
	color: #1BBC9B;
}

div.dashboard_chart_duty_text_button:hover {
	color: #75C8EB;
}

div.dashboard_chart_block_text_button_active, div.dashboard_chart_block_text_button_active:hover {
	color: #FFFFFF;
	background-color: #1BBC9B;
	cursor: default;
}

div.dashboard_chart_duty_text_button_active, div.dashboard_chart_duty_text_button_active:hover {
	color: #FFFFFF;
	background-color: #75C8EB;
	cursor: default;
}

div.chart_container {
	background-color: #FFFFFF;
	background-color: var(--colour_dashboard_block);
	max-width: calc(100vw - 30px);
	overflow-x: auto;
	margin: 0px auto 0px auto;
	text-align: center;
	position: relative;
}

div.chart_bar_area {
	max-width: calc(100vw - 70px);
	margin-left: 40px;
	overflow-x: overlay;
	overflow-y: hidden;
	top: 0px;
	right: 0px;
	position: relative;
}

div.chart_horizontal_line {
	position: absolute;
	left: 0px;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.2);
}

div.chart_horizontal_line_limit {
	position: absolute;
	left: 0px;
	height: 1px;
	background-color: #d6001b;
}

div.chart_bar {
	position: absolute;
	background-color: #1BBC9B;
}

div.duty_chart_bar {
	position: absolute;
	background-color: #75C8EB;
}

div.warning_chart_bar {
	position: absolute;
	background-color: #ffce00;
}

div.exceed_chart_bar {
	position: absolute;
	background-color: #d6001b;
}

div.overlay_chart_bar {
	position: absolute;
	z-index: 10;
}

@media (hover: hover) and (pointer: fine) {
	div.overlay_chart_bar:hover {
		background-color: rgba(0, 0, 0, 0.2);
	}
}

div.overlay_chart_bar_clicked {
	background-color: rgba(0, 0, 0, 0.2);
}

div.prov_chart_bar {
	position: absolute;
	background-color: #C1C1C1;
	background-color: var(--colour_provisional_text);
}

div.prov_warning_chart_bar {
	position: absolute;
	background-color: #fffbed;
	background-color: var(--colour_warning_pale);
}

div.prov_exceed_chart_bar {
	position: absolute;
	background-color: #fde6f3;
	background-color: var(--colour_error_pale);
}

div.chart_x_label {
	display: inline-block;
	position: absolute;
	bottom: -2px;
	width: 78px;
	height: 17px;
	line-height: 17px;
	transform-origin: 0px 17px;		/* rotate about bottom-left corner */
	transform: rotate(-90deg) translateY(9px);
	font-family: WideRegular;
	font-size: 10px;
	text-align: right;
	color: #707070;
	color: var(--colour_muted_text);
}

div.chart_y_label {
	display: inline-block;
	position: absolute;
	left: 0px;
	width: 36px;
	height: 10px;
	line-height: 10px;
	font-family: WideRegular;
	font-size: 10px;
	text-align: right;
	color: #707070;
	color: var(--colour_muted_text);
}

div.chart_y_label_limit {
	display: inline-block;
	position: absolute;
	left: 0px;
	width: 36px;
	height: 10px;
	line-height: 10px;
	font-family: WideRegular;
	font-size: 10px;
	text-align: right;
	color: #d6001b;
	background-color: #FFFFFF;	/* match chart area, to overwrite any exisitng label */
}

div.chart_text {
	margin: 20px auto 0px auto;
	font-family: WideRegular;
	font-size: 12px;
	text-align: center;
	color: #707070;
	color: var(--colour_muted_text);
}

.dashboard_show_hide_button {
	font-family: NarrowRegular;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	display: inline-block;
	color: #707070;
	color: var(--colour_muted_text);
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_background);
	border-radius: 10px;
	cursor: pointer;
}

.dashboard_show_hide_button_active {
	color: #FFFFFF;
	background-color: #1BBC9B;
	cursor: default;
}

.roster_import input[type=button] {
	font-family: WideRegular;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	text-align: center;
	display: block;
	color: #707070;
	color: var(--colour_muted_text);
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_background);
	border-radius: 10px;
	cursor: pointer;
	border: 2px solid #1BBC9B;
}

.roster_import input[type=button]:hover {
	color: #1BBC9B;
}

.roster_import input[type=file] {
	font-family: WideRegular;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #1BBC9B;
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_background);
	border-radius: 10px;
	cursor: pointer;
}

.roster_import input[type=radio], .roster_import input[type=checkbox] {
	width: 20px;
	height: 20px;
	position: relative;
	top: 5px;
}

.dashboard_text_button {
	font-family: WideRegular;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
	display: inline-block;
	color: #707070;
	color: var(--colour_muted_text);
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_background);
	border-radius: 10px;
	cursor: pointer;
}

.dashboard_text_button:hover {
	color: #1BBC9B;
}

.dashboard_text_button_active {
	color: #FFFFFF;
	background-color: #1BBC9B;
	cursor: default;
}

.dashboard_text_button_active:hover {
	color: #FFFFFF;
}

.dashboard_duty_text_button_active {
	color: #FFFFFF;
	background-color: #75C8EB;
	cursor: default;
}

.dashboard_duty_text_button:hover {
	color: #75C8EB;
}

.dashboard_duty_text_button_active:hover {
	color: #FFFFFF;
}


.dashboard_text_button_highlight {
	color: #FFFFFF;
	background-color: #1BBC9B;
}

.dashboard_text_button_highlight:hover {
	color: #707070;
}

.dashboard_text_button_compact {
	margin: 0px;
	font-size: 10px;
	font-family: WideRegular;
}

div#dashboard_nav_menu, #configure_dashboard, #configure_dashboard_totals {
	position: fixed;
	bottom: 60px;
	bottom: calc(60px + env(safe-area-inset-bottom, 0px));
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_background);
 	background-color: var(--colour_dashboard_background);
	overflow-y: auto;
	overflow-x: hidden;
	font-family: WideBold;
	z-index: 1000;
}

div.dashboard_copy_button {
	display: inline-block;
	height: 34px;
	width: 30px;
	min-width: 30px;
	margin-left: 10px;
	background-image: url("/images/icon_aileron_copy.svg");
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 0px 2px;
	cursor: pointer;
}

div.dashboard_copy_button:hover {
	background-image: url("/images/icon_aileron_copy_highlight.svg");
}

div.dashboard_copy_button_disabled {
	background-image: url("/images/icon_aileron_copy_disabled.svg");
	cursor:default;
}

div.dashboard_copy_button_disabled:hover {
	background-image: url("/images/icon_aileron_copy_disabled.svg");
}

div.dashboard_increment_button {
	display: inline-block;
	height: 34px;
	width: 30px;
	min-width: 30px;
	margin-left: 10px;
	background-image: url("/images/icon_aileron_increment.svg");
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 0px 2px;
	cursor: pointer;
}

div.dashboard_increment_button:hover {
	background-image: url("/images/icon_aileron_increment_highlight.svg");
}

div.dashboard_decrement_button {
	display: inline-block;
	height: 34px;
	width: 30px;
	min-width: 30px;
	margin-left: 10px;
	background-image: url("/images/icon_aileron_decrement.svg");
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 0px 2px;
	cursor: pointer;
}

div.dashboard_decrement_button:hover {
	background-image: url("/images/icon_aileron_decrement_highlight.svg");
}

div.dashboard_swap_crew_button {
	display: inline-block;
	height: 34px;
	width: 30px;
	min-width: 30px;
	margin-left: 10px;
	background-image: url("/images/icon_aileron_swap_crew.svg");
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 0px 2px;
	cursor: pointer;
}

div.dashboard_swap_crew_button:hover {
	background-image: url("/images/icon_aileron_swap_crew_highlight.svg");
}

div.dashboard_calendar_button {
	display: inline-block;
	height: 34px;
	width: 30px;
	min-width: 30px;
	margin-left: 10px;
	background-image: url("/images/icon_aileron_calendar.svg");
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 0px 2px;
	cursor: pointer;
}

div.filter_calendar_button {
	display: block;
	position: absolute;
	height: 34px;
	width: 30px;
	left: 80px;
	top: 0px;
	min-width: 30px;
	background-image: url("/images/icon_aileron_calendar.svg");
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 0px 2px;
	cursor: pointer;
}

div.dashboard_calendar_button:hover, div.filter_calendar_button:hover {
	background-image: url("/images/icon_aileron_calendar_highlight.svg");
}

div.dashboard_calendar_button_disabled {
	background-image: url("/images/icon_aileron_calendar_prov.svg");
	cursor:default;
}

div.dashboard_calendar_button_disabled:hover {
	background-image: url("/images/icon_aileron_calendar_prov.svg");
}

div.dashboard_crosshair_button {
	display: inline-block;
	height: 34px;
	width: 30px;
	min-width: 30px;
	margin-left: 10px;
	background-image: url("/images/icon_aileron_crosshair.svg");
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 0px 2px;
	cursor: pointer;
}

div.dashboard_crosshair_button:hover {
	background-image: url("/images/icon_aileron_crosshair_highlight.svg");
}

div.dashboard_locked_button {
	display: inline-block;
	height: 34px;
	width: 30px;
	min-width: 30px;
	margin-left: 10px;
	background-image: url("/images/icon_aileron_locked.svg");
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 0px 2px;
	cursor: pointer;
}

div.dashboard_locked_button_inline {
	display: inline-block;
	height: 30px;
	width: 30px;
	min-width: 30px;
	margin-left: 0px;
	background-image: url("/images/icon_aileron_locked.svg");
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 0px 0px;
	cursor: pointer;
	position: relative;
	top: 10px;
}

div.dashboard_locked_button:hover, div.dashboard_locked_button_inline:hover {
	background-image: url("/images/icon_aileron_locked_highlight.svg");
}

div.dashboard_unlocked_button {
	display: inline-block;
	height: 34px;
	width: 30px;
	min-width: 30px;
	margin-left: 10px;
	background-image: url("/images/icon_aileron_unlocked.svg");
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 0px 2px;
	cursor: pointer;
}

div.dashboard_unlocked_button_inline {
	display: inline-block;
	height: 30px;
	width: 30px;
	min-width: 30px;
	margin-left: 10px;
	background-image: url("/images/icon_aileron_unlocked.svg");
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 0px 0px;
	cursor: pointer;
	position: relative;
	top: 6px;
}

div.dashboard_unlocked_button:hover, div.dashboard_unlocked_button_inline:hover {
	background-image: url("/images/icon_aileron_unlocked_highlight.svg");
}

div.dashboard_menu_explanation {
	position: relative;
	margin: 0px 15px 10px 15px;
	font-family: WideRegular;
	font-size: 11px;
	color: #999999;
	color: var(--colour_sub_header_text);
}

img.dashboard_inline_explanation_icon {
	position: relative;
	top: 3px;
	height: 15px;
	width: 15px;
}

img.header_logo {
	float: left;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

div.dashboard_block_header {
	text-align: right;
	font-size: 10px;
	height: 55px;
	line-height: 18px;
	border-bottom: 2px solid #F7F6FB;
	border-bottom: 2px solid var(--colour_dashboard_background);
	font-family: WideRegular;
	padding-right: 15px;
	position: relative;
}

div.dashboard_block_header_title_only {
	height: 35px;
}

div.small_header {		/* dashboard, logo header only */
	margin-top: 50px;
}

div.large_header {		/* logo (50), back (30), title and subtitle (45) */
	margin-top: 125px;
}

div.editing_header {	/* logo (50), back (30) and title (30) */
	margin-top: 110px;
}

div.log_header {		/* logo (50), back (30), title and search (70) */
	margin-top: 150px;
}

.dashboard_footer_button img {
	width: 26px;
	height: 26px;
	margin-top: 6px;
}

@media all and (max-width: 404px) {		/* phone styling */

	 div#dashboard_nav_menu, #configure_dashboard, #configure_dashboard_totals {
	    left: 0px;
	    right: 0px;
	    height: -webkit-calc(100vh - 110px);
	    height:    -moz-calc(100vh - 110px);
	    height:         calc(100vh - 110px);
		height:	-webkit-calc((var(--vh, 1vh) * 100) - 110px);
		height:	   -moz-calc((var(--vh, 1vh) * 100) - 110px);
		height:			calc((var(--vh, 1vh) * 100) - 110px);
	}


}

@media all and (min-width:405px) {		/* tablet/web styling */
	div#dashboard_nav_menu, #configure_dashboard, #configure_dashboard_totals {
		border: 2px solid #1BBC9B;
		border-radius: 5px;
		width: 400px;
		left: 50%;
		margin-left: -200px;
		max-height: 80vh;
	    max-height: -webkit-calc(100vh - 115px);
	    max-height:    -moz-calc(100vh - 115px);
	    max-height:         calc(100vh - 115px);
		max-height:	-webkit-calc((var(--vh, 1vh) * 100) - 115px);
		max-height:	   -moz-calc((var(--vh, 1vh) * 100) - 115px);
		max-height:			calc((var(--vh, 1vh) * 100) - 115px);
	}


}

div.dashboard_nav_menu_section_header {
	padding: 10px 0px 10px 20px;
	font-size: 16px;

}

div.dashboard_nav_menu_item {
	position: relative;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	text-align: left;
	background-color: #FFFFFF;
	background-color: var(--colour_dashboard_block);
	margin-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	cursor: pointer;
	background-image: url("/images/icon_arrow_right.svg");
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: right 10px center;
}

div.dashboard_nav_menu_icon {
	position: absolute;
	top: 5px;
	left: 15px;
	height: 30px;
	width: 30px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 0px 0px;
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_background);
	border-radius: 3px;
}

div.dashboard_nav_menu_text {
	position: absolute;
	top: 0px;
	left: 60px;
	height: 40px;
	line-height: 40px;
}

div.dashboard_configure_item {
	height: 40px;
	text-align: left;
	background-color: #FFFFFF;
	background-color: var(--colour_dashboard_block);
	border-radius: 10px;
	margin-bottom: 3px;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
}

div.dashboard_configure_item_drag {
	position: absolute;
	left: 0px;
	right: 0px;
	z-index: 1001;
}

div.configure_dashboard_icon {
	position: absolute;
	left: 5px;
	top: 5px;
	height: 30px;
	width: 30px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 0px 0px;
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_background);
	border-radius: 3px;
}

div.configure_dashboard_title {
	position: absolute;
	left: 45px;
	top: 11px;
	font-size: 14px;
	display: inline-block;
}

div.configure_dashboard_show {
	position: absolute;
	right: 40px;
	top: 10px;
	display: inline-block;
	vertical-align: middle;
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_background);
	border-radius: 10px;
}

div.configure_dashboard_up_down {
	position: absolute;
	right: 0px;
	display: inline-block;
	vertical-align: middle;
	height: 40px;
	width: 40px;
	background-image: url("/images/icon_aileron_burger.svg");
	background-size: 20px 20px;
	background-position: 10px 10px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.dashboard_padded_top {
	padding-top: 20px;
}

.dashboard_padded_bottom {
	padding-bottom: 20px;
}

.dashboard_padded_bottom_10 {
	padding-bottom: 10px;
}

div.half_width {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}

div.top_aircraft_inset_block {
	border-radius: 5px;
	padding: 5px 2px 5px 2px;
}

div.top_aircraft_outer_container {
	margin-bottom: 15px;
	text-align: center;
}

@media all and (min-width: 360px) {
	div.top_aircraft_container {
		display: inline-block;
		width: 50%;
		vertical-align: middle;
		margin: 15px 0px 0px 0px;
	}

	div.top_aircraft_inset_block_left {
		margin: 0px 8px 0px 15px;
	}

	div.top_aircraft_inset_block_right {
		margin: 0px 15px 0px 7px;
	}

}

@media all and (max-width: 359px) {
	div.top_aircraft_container {
		display: block;
		width: 100%;
		vertical-align: middle;
		margin: 15px 0px 0px 0px;
	}

	div.top_aircraft_inset_block_left {
		margin: 0px 15px 0px 15px;
	}

	div.top_aircraft_inset_block_right {
		margin: 0px 15px 0px 15px;
	}

}

	
div.dashboard_top_aircraft_icon {
	display: inline-block;
	height: 50px;
	width: 50px;
}

div.theme_background_1 {
	background-color:  #E4F7F3;
	border: 2px solid #1BBC9B;
	color: #4b4b4b;
}

div.theme_background_2 {
	background-color:  #EAF7FD;
	border: 2px solid #75C8EB;
	color: #4b4b4b;
}

div.theme_background_3 {
	background-color:  #f8e0dc;
	border: 2px solid #da664f;
	color: #4b4b4b;
}

div.theme_background_4 {
	background-color:  #f9f9f9;
	border: 2px solid #999999;
	color: #4b4b4b;
}

.theme_coloured_text_1 {
	color: #1BBC9B;
}

.theme_coloured_text_2 {
	color: #75C8EB;
}

.theme_coloured_text_3 {
	color: #da664f;
}

.theme_coloured_text_4 {
	color: #999999;
}

div.dashboard_bar_blank {
	background-color: #75C8EB;
	height: 13px;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
	border-radius: 3px;
}

div.dashboard_bar {
	height: 13px;
	background-color: #707070;
	border-radius: 3px 0px 0px 3px;
}

div.dashboard_airport_text {
	font-family: WideRegular;
	display: flex;
	margin-bottom: 15px;
}

div.dashboard_airport_multiline {
	line-height: 18px;
	text-align: left;
    width: -webkit-calc(100% - 160px);
    width:    -moz-calc(100% - 160px);
    width:         calc(100% - 160px);
}

div.dashboard_airport_right {
	display: inline-block;
	flex: 0;
	text-align: right;
	white-space: nowrap;
	position: relative;
}

div.dashboard_top_airport_label {
	display: inline-block;
	font-family: WideRegular;
	font-size: 12px;
	height: 35px;
	line-height: 35px;
	position: relative;
	top: -6px;
	color: #707070;
}

div.dashboard_airport_number {
	display: inline-block;
	font-family: NarrowBold;
	font-size: 24px;
	height: 35px;
	line-height: 35px;
	color: #707070;
}


div.dashboard_airport_arrivals_text {
	display: inline-block;
	font-family: WideRegular;
	font-size: 12px;
	color: #707070;
	background-image: url("/images/icon_aileron_landing.svg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 15px 15px;
	height: 15px;
	line-height: 15px;
	padding-left: 20px;
}

div.dashboard_airport_departures_text {
	display: inline-block;
	font-family: WideRegular;
	font-size: 12px;
	color: #707070;
	background-image: url("/images/icon_aileron_takeoff.svg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 15px 15px;
	height: 15px;
	line-height: 15px;
	padding-left: 20px;
}

div.dashboard_airport_number_text {
	font-family: NarrowBold;
	font-size: 22px;
}

div.dashboard_top_airport_icon_pilotlog {
	display: inline-block;
	height: 35px;
	width: 21px;
	background-image: url("/images/icon_pilotlog_airport_narrow.svg");
	background-repeat: no-repeat;
}

div.dashboard_top_airport_icon_aileron {
	display: inline-block;
	height: 35px;
	width: 21px;
	background-image: url("/images/icon_aileron_airport_narrow.svg");
	background-repeat: no-repeat;
}

div.dashboard_distances_total {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 2px solid #F7F6FB;
	border-bottom: 2px solid var(--colour_dashboard_background);
}

div.dashboard_distances_list {
	max-width:  600px;
	margin-left:  auto;
	margin-right:  auto;
}

div.dashboard_inset_distances {
	margin: 15px;
	height: 40px;
	position: relative;
	vertical-align: center;
}

div.dashboard_distance_text {
	position: absolute;
	left: 55px;
	top: 50%;
	transform: translate(0, -50%);
	color: #707070;
	color: var(--colour_muted_text);
	text-transform: uppercase;
	line-height: 20px;
}

div.dashboard_top_aircraft_reg_text {
	font-size: 18px;
	font-family: NarrowRegular;
}

div.dashboard_distance_icon {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 40px;
	width: 40px;
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_icon_background);
	border-radius: 5px;
}

div.wrap_lines {
	display: block;
	white-space: normal;
	height: 50px;
	line-height: 18px;
	position: relative;
}

div.dashboard_narrow_block {
	position: relative;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

div.dashboard_input_column {
	position: relative;
}

div.dashboard_input_single_column {
	position: relative;
	padding: 1px 15px 1px 15px;
}

div.dashboard_column_stacked {
	margin-top: -22px;
}

@media all and (max-width: 759px) {
	div.dashboard_input_column {
		display: block;
		width: 100%;
	}

	div.dashboard_input_column_inner_left {
		position: relative;
		overflow: hidden;
		padding: 1px 15px 1px 15px;
	}

	div.dashboard_input_column_inner_right {
		position: relative;
		padding: 1px 15px 1px 15px;
		margin-top: -22px;
	}

	table#hours_col2_table {
		margin-top: 20px;
	}

	tr#hours_col2_headers {
		display: none;
	}
}

@media all and (min-width: 760px) {
	div.dashboard_input_column {
		display: inline-block;
		width: 50%;
		vertical-align: top;
	}

	div.dashboard_input_column_inner_left {
		position: relative;
		padding: 0px 7px 0px 15px;
		overflow: hidden;
	}

	div.dashboard_column_stacked {
	}

	div.dashboard_input_column_inner_right {
		position: relative;
		padding: 0px 15px 0px 8px;
	}
}

div.dashboard_small_note {
	font-family: WideRegular;
	font-size: 14px;
	text-align: center;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}

div.dashboard_vertical_centre {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 18px;
    margin: auto;
}

div.dashboard_data_fullscreen {
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_cell_background);
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

div.dashboard_data_container {
	max-height: 400px;
	overflow-x: hidden;
	overflow-y: auto;
	scroll-behavior: smooth;
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_cell_background);
}

div.dashboard_data_container_no_height {
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_cell_background);
}

div.dashboard_data_container_small {
	max-height: 250px;
}

div.dashboard_date_cell {
	background-color: #F7F6FB;
	color: #707070;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
			font-family: NarrowBold;
		text-transform: uppercase;
	}

div.dashboard_data_cell {
	position: relative;
	font-family: NarrowRegular;
	height: 100px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 2px;
	color: #707070;
	color: var(--colour_muted_text);
	background-color: #FFFFFF;
	background-color: var(--colour_dashboard_cell);
	overflow: hidden;
	cursor: pointer;
	transition: background-color 1s ease-out;
}

div.dashboard_highlightable {
	transition: background-color 1s ease-out;
}

div.dashboard_data_cell_highlight {
	background-color: #75C8EB;
}

div.dashboard_data_cell_unverified {
	color: #d6001b;
}

div.dashboard_data_cell_provisional {
	color: #C1C1C1;
	color: var(--colour_provisional_text);
}

div.dashboard_data_cell_medium {
	height: 80px;
}

div.dashboard_data_cell_milestone_full {
	height: 80px;
}

div.dashboard_data_cell_milestone_child {
	height: 60px;
}

div.dashboard_data_cell_small {
	height: 40px;
}

div.dashboard_data_cell_recency {
	height: 80px;
}

div.dashboard_data_cell_noclick {
	cursor: default;
}

div.dashboard_data_cell_totals {
	height: 40px;
	padding-top: 15px;
	padding-left: 15px;
}

div.dashboard_data_cell_indent {
	padding-left: 50px;
}

div.dashboard_data_cell_top_airport {
	height: 90px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

div.dashboard_data_cell_clear {
	background-color: transparent;
}

div.dashboard_cell_background {
	background-color: #FFFFFF;
	background-color: var(--colour_dashboard_cell);
}

div.dashboard_data_cell_title {
	text-align: center;
	font-size: 18px;
	line-height: 40px;
	padding-left: 0px;
	padding-right: 0px;
	cursor: default;	
}

div.dashboard_cell_text_large {
	text-align: center;
	font-size: 20px;
	line-height: 40px;
}

div.dashboard_data_cell_icon {
	display: inline-block;
	height: 40px;
	width: 40px;
	margin-top: 30px;
	margin-left: 15px;
	margin-right: 12px;
	float: left;
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_icon_background);
	border-radius: 5px;
}

div.dashboard_data_cell_locked_icon {
	display: inline-block;
	height: 40px;
	width: 40px;
	background-image: url("/images/icon_aileron_locked.svg");
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 25px 25px;
}

div.dashboard_data_cell_icon_recency {
	margin-top: 20px;
}

div.dashboard_data_cell_icon_small {
	display: inline-block;
	height: 40px;
	width: 40px;
	margin-left: 15px;
	margin-right: 12px;
	float: left;
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_icon_background);
	border-radius: 5px;
}

div.dashboard_data_cell_show_all {
	background-image: url("/images/icon_aileron_text_search_subtle.svg");
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 50px 50px;
	font-size: 18px;
	line-height: 40px;
	padding-left: 70px;
}

div.dashboard_data_cell_add_flight {
	background-image: url("/images/icon_aileron_add.svg");
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 50px 50px;
	font-size: 18px;
	line-height: 40px;
	padding-left: 70px;
}

div.dashboard_data_cell_add_expiry {
	background-image: url("/images/icon_aileron_add.svg");
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 50px 50px;
	font-size: 18px;
	line-height: 40px;
	padding-left: 70px;
}

div.dashboard_data_cell_add_recency {
	background-image: url("/images/icon_aileron_add.svg");
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 50px 50px;
	font-size: 18px;
	line-height: 40px;
	padding-left: 70px;
}

div.dashboard_data_cell_add_milestone {
	background-image: url("/images/icon_aileron_add.svg");
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 50px 50px;
	font-size: 18px;
	line-height: 40px;
	padding-left: 70px;
}

div.dashboard_data_cell_upload_roster {
	background-image: url("/images/icon_aileron_upload.svg");
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 50px 50px;
	font-size: 18px;
	line-height: 40px;
	padding-left: 70px;
}

div.dashboard_data_cell_view_log {
	background-image: url("/images/icon_aileron_logbook.svg");
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 50px 50px;
	font-size: 18px;
	line-height: 40px;
	padding-left: 70px;
}

div.dashboard_data_cell_bottom {
	margin-bottom: 0px;
	
}

div.dashboard_add_icon {
	height: 30px;
	line-height: 30px;
	margin-top: 5px;
	position: absolute;
	right: 10px;
	top: -20px;
	background-image: url("/images/icon_aileron_add_theme.svg");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 30px 30px;
	padding-right: 40px;
	color: #1BBC9B;
	cursor: pointer;
	font-size: 12px;
}

div.dashboard_add_icon:hover, div.dashboard_add_another_icon:hover {
	background-image: url("/images/icon_aileron_add.svg");
	color: #707070;
}

div.dashboard_small_button {
	display: inline-block;
	height: 34px;
	line-height: 34px;
	font-family: NarrowRegular;
	font-size: 12px;
	padding: 0px 10px 0px 10px;
	text-align: center;
	margin-left: 5px;
	border-radius: 15px;
	background-color: #1BBC9B;
	color: #FFFFFF;
	cursor: pointer;
}

div.dashboard_small_button:hover {
	color: #707070;
}

div.dashboard_edit_config_button {
	display: inline-block;
	height: 34px;
	line-height: 34px;
	font-family: WideRegular;
	font-size: 12px;
	padding: 0px 20px 0px 20px;
	text-align: center;
	border-radius: 15px;
	background-color: #1BBC9B;
	color: #FFFFFF;
	cursor: pointer;
}

div.payment_button {
	background-color: #EFBF43;
}

div.poster_button {
	width: 60px;
	margin: 0px 10px 10px 0px;
}

div.dashboard_edit_config_button:hover {
	color: #707070;
}

div.dashboard_data_cell_left {
	padding-left: 70px;
}

div.dashboard_user_cell_left {
	padding-left: 70px;
	margin-right: 100px;
}

div.dashboard_milestone_cell_left {
	margin-right: 100px;
}

div.dashboard_milestone_cell_right {
	text-align: center;
	margin-top: 15px;
}

div.dashboard_data_cell_right {
	float: right;
	text-align: right;
	margin-left: 15px;
}

div.dashboard_data_cell_right_wide {
	float: right;
	text-align: right;
	margin-left: 15px;
}

div.dashboard_data_cell_duration_narrow {
	float: right;
	text-align: right;
	padding-left: 15px;
	font-family: NarrowBold;
	font-size: 15px;
	height: 23px;
	line-height: 23px;
}

div.dashboard_data_cell_day_night_narrow {
	float: right;
	clear: right;
	text-align: right;
	padding-left: 15px;
	height: 41px;
}

div.dashboard_data_cell_ac_narrow {
	float: right;
	clear: right;
	text-align: right;
	padding-left: 15px;
}

div.dashboard_data_cell_sim_info_narrow {
	float: right;
	clear: right;
	text-align: right;
	padding-left: 15px;
}

div.dashboard_data_cell_sim_device_narrow {
	float: right;
	clear: right;
	text-align: right;
	padding-left: 15px;
}

div.dashboard_data_cell_duty_local_times_narrow {
	float: right;
	clear: right;
	text-align: right;
	font-size: 14px;
	height: 23px;
	line-height: 23px;
	padding-left: 15px;
}

div.dashboard_data_cell_duty_fdp_narrow {
	float: right;
	clear: right;
	text-align: right;
	padding-left: 15px;
}

@media all and (max-width: 649px) {
	div.dashboard_data_cell_extras {
		display: none;
	}

	div.dashboard_data_cell_flags {
		display: none;
	}

	div.dashboard_data_cell_right_wide {
		display: none;
	}

}

@media all and (min-width: 650px) {
	div.dashboard_data_cell_extras {
		float: right;
		text-align: right;
		margin-left: 15px;
		height: 100px;
	}

	div.dashboard_data_cell_flags {
		float: right;
		text-align: right;
		margin-left: 10px;
	}

	div.dashboard_data_cell_duration_narrow {
		display: none;
	}

	div.dashboard_data_cell_day_night_narrow {
		display: none;
	}

	div.dashboard_data_cell_ac_narrow {
		display: none;
	}

	div.dashboard_data_cell_sim_info_narrow {
		display: none;
	}

	div.dashboard_data_cell_sim_device_narrow {
		display: none;
	}

	div.dashboard_data_cell_duty_local_times_narrow {
		display: none;
	}

	div.dashboard_data_cell_duty_fdp_narrow {
		display: none;
	}
}

div.dashboard_cell_icon {
 	position: relative;
	color: #1BBC9B;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 25px 25px;
	width: 12px;
	text-align: right;
	padding-right: 27px;
	font-size: 14px;
	height: 25px;
	line-height: 25px;
}

.dashboard_cell_icon .tooltiptext {
	visibility: hidden;
	position: absolute;
	font-family: WideRegular;
	width: 180px;
	left: -180px;
	bottom: 0px;
	background-color: #707070;
	color: #F7F6FB;
	text-align: center;
	border-radius: 6px;
	padding: 2px 0 2px 0;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.3s;
}

.dashboard_cell_icon .tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 180px;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #707070;
}

.dashboard_cell_icon:hover .tooltiptext {
  visibility: visible;
  opacity: 0.9;
}


div.dashboard_data_cell_header {
	font-family: NarrowBold;
	font-size: 15px;
	height: 23px;
	line-height: 23px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.dashboard_cell_header_small_cell {
	margin-top: -3px;	
}

div.dashboard_cell_header_oneline {
	height: 40px;
	line-height: 40px;
	padding-left:  15px;
}

div.dashboard_data_cell_expiry_days {
	font-family: NarrowRegular;
	font-size: 12px;
	white-space: nowrap;
	height: 46px;
	line-height: 46px;
	margin-top: -2px;
}

div.dashboard_data_cell_expiry_days_full {
	font-family: NarrowRegular;
	font-size: 12px;
	white-space: nowrap;
	height: 100px;
	margin-top: -2px;
	line-height: 100px;
}

div.dashboard_data_cell_recency_days_full {
	font-family: NarrowRegular;
	font-size: 12px;
	white-space: nowrap;
	height: 60px;
	line-height: 60px;
	margin-top: -2px;
}

span.dashboard_data_cell_expiry_days_ok {
	font-family: NarrowBold;
	font-size: 15px;
	color: #1BBC9B;
}

span.dashboard_data_cell_expiry_days_warning {
	font-family: NarrowBold;
	font-size: 15px;
	color: #ffce00;
}

span.dashboard_data_cell_expiry_days_expired {
	font-family: NarrowBold;
	font-size: 15px;
	color: #d6001b;
}

div.dashboard_save_link {
	float: right;
	color: #1BBC9B;
	font-family: WideRegular;
	cursor: pointer;
	font-size: 15px;
	height: 25px;
	line-height: 25px;
	margin-right: 15px;
}

div.dashboard_data_cell_text {
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.dashboard_data_cell_duty_time_text {
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.dashboard_data_cell_line2_text {
	font-size: 14px;
	height: 23px;
	line-height: 23px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.dashboard_data_cell_line2_text_small {	/* used for expiry and recency dashboard cells */
	font-size: 12px;
	height: 23px;
	line-height: 23px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.dashboard_data_cell_ac_text {
	font-size: 14px;
	font-family: NarrowBold;
	line-height: 18px;
}

div.dashboard_data_cell_ac_type_text {
	font-size: 12px;
	font-family: NarrowBold;
	line-height: 18px;
}

div.dashboard_data_cell_sim_name_text {
	font-size: 12px;
	font-family: NarrowBold;
	line-height: 18px;
	margin-top: 5px;
}

div.dashboard_data_cell_sim_type_text {
	font-size: 12px;
	font-family: NarrowBold;
	line-height: 18px;
}

div.dashboard_data_cell_names_text {
	padding-left: 20px;
	background-image: url("/images/icon_aileron_user.svg");
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

div.dashboard_data_cell_comment_text {
	font-size: 12px;
	height: 54px;
	line-height: 18px;
	overflow: hidden;
}

div.two_line_comment {
	height: 36px;
}

span.cell_title_flight_number {
	font-size: 12px;
	font-family: WideRegular;
	margin-left: 6px;
}

span.cell_title_duty_title {
	font-size: 12px;
	font-family: NarrowRegular;
	margin-left: 6px;
}

div.dashboard_data_cell_day {
	display: block;
	margin-left: auto;
	margin-right: 0px;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	width: 45px;
	background-image: url("/images/icon_aileron_sun.svg");
	background-repeat: no-repeat;
	background-position: left middle;
}

div.dashboard_data_cell_night {
	display: block;
	margin-left: auto;
	margin-right: 0px;
	width: 45px;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	background-image: url("/images/icon_aileron_moon.svg");
	background-repeat: no-repeat;
	background-position: left middle;
}

span.dashboard_data_cell_departure_time_inline {
	font-size: 12px;
	font-family: WideRegular;
	line-height: 18px;
	padding-left: 20px;
	background-image: url("/images/icon_aileron_takeoff.svg");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: left middle;
}

span.dashboard_data_cell_arrival_time_inline {
	font-size: 12px;
	font-family: WideRegular;
	line-height: 18px;
	padding-left: 20px;
	margin-left: 15px;
	margin-top: -2px;
	background-image: url("/images/icon_aileron_landing.svg");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: left middle;
}

div.dashboard_data_cell_departure_time_right {
	display: block;
	width: 50px;
	font-size: 12px;
	font-family: WideRegular;
	height: 23px;
	line-height: 18px;
	background-image: url("/images/icon_aileron_takeoff.svg");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: left middle;
}

div.dashboard_data_cell_arrival_time_right {
	display: block;
	width: 50px;
	font-size: 12px;
	font-family: WideRegular;
	height: 23px;
	line-height: 18px;
	background-image: url("/images/icon_aileron_landing.svg");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: left middle;
}

div.dashboard_data_cell_ac_detail {
	margin-top: 5px;
}

div.dashboard_warning {
	background-color: #fffbed;
	background-color: var(--colour_warning_pale);
}

div.dashboard_invalid {
	background-color: #fde6f3;
	background-color: var(--colour_error_pale);
}

span.dashboard_warning {
	color: #ffce00;
}

span.dashboard_invalid {
	color: #d6001b;
}


.hidden_animated {
	opacity: 0;
	transition: opacity 0.2s ease-out;
}

.visible_animated {
	opacity: 1;
	transition: opacity 0.2s ease-out;
}

.bold_data {
	font-family: NarrowBold;	
}

.caps {
	text-transform: uppercase;
}

div.dashboard_input {
	position: relative;
	white-space: nowrap;
	display: flex;
	flex-direction: row;
	margin: 20px 0px 20px 0px;
}

div.dashboard_input_prev_header {
	position: relative;
	display: flex;
	flex-direction: row;
	margin: 0px;
	padding:  0px;
}

div.dashboard_text {
	position: relative;
	margin: 20px 0px 20px 0px;
}

div.dashboard_site_text {
	position: relative;
	margin: 20px 0px 20px 0px;
	font-family: WideRegular;
}

div.dashboard_block_text {
	position: relative;
	padding: 20px 20px 20px 20px;
	font-family: WideRegular;
}

div.dashboard_plain_text {
	font-family: WideRegular;
}

form#dgca_data_form, form#ics_data_form, div#print_date_range_entry, div#print_page {
	position: relative;
}

div#top_entries_show_bar {
	padding-top: 20px;
}

div.dashboard_input_comment {
	margin: 0px 0px -20px 0px;
}

div.dashboard_input_left {
	flex: 1;
	text-align: left;
}

div.dashboard_input_right {
	flex: 1;
	text-align: right;
}

div.dashboard_log_search {
	position: absolute;
	display: flex;
	justify-content: flex-end;
	left: 20px;
	right: 10px;
	bottom: 10px;
	height: 28px;
	text-align: right;
	white-space: nowrap;
}

div.log_filter_icon {
	display: inline-block;
	height: 28px;
	width: 28px;
	margin-left: 20px;
	background-repeat: no-repeat;
	background-height: 28px;
	background-width: 28px;
	cursor: pointer;
}

div.filter_icon_active {
	background-image: url("/images/icon_aileron_filter_active.svg");
}

div.filter_icon_inactive {
	background-image: url("/images/icon_aileron_filter.svg");
}

input.dashboard_search_field {
	flex: 1;
	max-width: 400px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 40px;
	padding-right: 2px;
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	border-radius: 12px;
	border: 0px;
	color: #707070;
	background-image:url("/images/icon_aileron_text_search.svg");
	background-repeat: no-repeat;
	background-position: 7px 2px;
	background-size: 24px 24px;
	font-family: WideRegular;
	box-shadow: 1px 1px 4px 1px #e0e0e0;
	box-shadow: var(--box_shadow);
}

input.dashboard_search_field:focus {
	border: 2px solid #1BBC9B;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 38px;
	padding-right: 0px;
	background-position: 5px 0px;
	outline: none;
}

textarea.dashboard_textarea, .roster_import textarea {
	display: block;
	font-size: 12px;
	line-height: 18px;
	height: 90px;
	padding: 5px 5px 0px 5px;
	border-radius: 15px;
	border: 2px solid #1BBC9B;
	color: #707070;
	background-color: #FFFFFF;
	background-color: var(--colour_dashboard_block);
	font-family: WideRegular;
	flex: 1;
}

textarea.dashboard_textarea:focus, .roster_import textarea:focus {
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_background);
}

.roster_import textarea {
	width: 90%;
}

input.dashboard_text_field, input.roster_field {
	height: 30px;
	font-size: 12px;
	line-height: 30px;
	padding: 0px 5px 0px 5px;
	border-radius: 15px;
	border: 2px solid #1BBC9B;
	color: #707070;
	font-family: WideRegular;
	width: 50px;
	flex: 1;
}

input.roster_date {
	width: 100px;
}

input.roster_percent {
	width: 60px;
}

input.roster_category {
	width: 160px;
}

input.custom_field_title {
	width: 200px;
}

.roster_import {
	font-family: WideRegular;
	font-size: 12px;
}

.roster_import li {
	line-height: 40px;
}



input.dashboard_text_field:focus, textarea.dashboard_textarea:focus, input.roster_field:focus, .roster_import textarea:focus {
	border: 2px solid #1BBC9B;
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_background);
	outline: none;
}

input.dashboard_text_field:disabled {
	border: 2px solid #F7F6FB;
	border: 2px solid var(--colour_dashboard_background);
	outline: none;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999999;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #999999;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #999999;
}


input.dashboard_small_field {
	flex: 0;
	width: 120px;
}

input.dashboard_tiny_field {
	flex: 0;
	width: 40px;
}

input.dashboard_teeny_field {
	flex: 0;
	width: 30px;
}

div.report_exception_airport_header {
	width: 74px;			/* 60px for input, plus 10px padding, plus 4px border */
	text-align: center;
	font-size: 10px;
	font-family: WideBold;
	color: #707070;
	color: var(--colour_muted_text);
	text-transform: uppercase;
}

div#report_exceptions_header_1 {
	margin-top: -15px;
	margin-bottom: -5px;
}

div#report_exceptions_header_2 {
	margin-top: 0px;
	margin-bottom: -15px;
}

div.report_exception_header {
	width: 54px;
	margin-left: 10px;
	text-align: center;
	font-size: 10px;
	font-family: WideBold;
	color: #707070;
	color: var(--colour_muted_text);
	text-transform: uppercase;
}

input.dashboard_report_airport_field {
	flex: 0;
	width: 60px;
}

input.dashboard_report_field {
	flex: 0;
	width: 40px;
	margin-left: 10px;
}


input.dashboard_invalid, input.dashboard_invalid:focus, select.dashboard_invalid {
	background-color: #fde6f3;
	background-color: var(--colour_error_pale);
}

input.dashboard_valid {
	background-color: #FFFFFF;
	background-color: var(--colour_dashboard_block);
}

table.dashboard_hours {
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 15px;
}

td.hours_col_left {
	text-align: left;
	width: 100px;
}

td.hours_col_middle {
	width: 100px;
	text-align: center;
}

td.hours_col_right {
	width: 100px;
	text-align: center;
}

td.label {
	font-family: WideExtraBold;
}

#bga_table td {
	padding:  0px 10px 0px 10px;
}

div#duty_content_text {
	font-family: WideBold;
	font-size: 10px;
	padding-top: 7px;
	line-height: 20px;
	color: #707070;
	color: var(--colour_muted_text);
}

label.dashboard_label {
	height: 34px;
	font-size: 10px;
	line-height: 34px;
	font-family: WideBold;
	text-align: left;
	color: #707070;
	color: var(--colour_muted_text);
	text-transform: uppercase;
}

label.dashboard_label_black {
	color: black;
}

label.dashboard_label_error {
	font-size; 12px;
	color: #d6001b;
}

label.inline_label {
	margin-left: 15px;
	width: auto;
}

label.short_label {
	margin-right: 15px;
	width: auto;
}

label.dashboard_label_custom_text {
	flex: 1;
	min-width: 125px;
	max-width: 50%;
	overflow: hidden;
	margin-right: 10px;
}

label.dashboard_label_custom {
	margin-right: 10px;
	overflow: hidden;
	min-width: 125px;
}

#free_trial_page .dashboard_label {
	width: 110px;
}

#free_trial_page .wide_label {
	width: auto;
	margin-right: 10px;
}

#add_flight_1 .dashboard_label {
	width: 80px;
}

#add_flight_2 .dashboard_label {
	width: 70px;
}

#add_flight_3 .dashboard_label {
	width: 140px;
}

#add_flight_4 .dashboard_label {
	width: 140px;
}

#add_sim_1 .dashboard_label {
	width: 90px;
}

#add_sim_2 .dashboard_label {
	width: 110px;
}

#add_sim_3 .dashboard_label {
	width: 140px;
}

#add_sim_4 .dashboard_label {
	width: 140px;
}

#add_duty_1 .dashboard_label {
	width: 110px;
}

#add_duty_2 .dashboard_label {
	width: 135px;
}

#add_duty_3 .dashboard_label {
	width: 120px;
}

#add_duty_4 .dashboard_label {
	width: 120px;
}

#add_duty_5 .dashboard_label {
	width: 145px;
}

#add_duty_6 .dashboard_label {
	width: 145px;
}

#add_duty_7 .dashboard_label {
	width: 140px;
}

#add_duty_8 .dashboard_label {
	width: 140px;
}

#add_expiry .dashboard_label {
	width: 90px;
}

#add_recency_1 .dashboard_label {
	width: 90px;
}

#add_recency_2 .dashboard_label {
	width: 60px;
}

#add_milestone_1 .dashboard_label {
	width: 85px;
}

#add_milestone_2 .dashboard_label {
	width: 60px;
}

#add_user_1 .dashboard_label {
	width: 75px;
}

#add_user_2 .dashboard_label {
	width: 75px;
}

#add_user_3 .dashboard_label {
	width: 75px;
}

#add_user_4 .dashboard_label {
	width: 75px;
}

#add_user_5 .dashboard_label {
	width: 90px;
}

#add_user_6 .dashboard_label {
	width: 90px;
}

#add_user_7 .dashboard_label {
	width: 85px;
}

#add_user_8 .dashboard_label {
	width: 75px;
}

#settings_section_profile .dashboard_label {
	width: 100px;
}

#settings_section_account .dashboard_label {
	width: 175px;
}

#settings_section_airline .dashboard_label {
	width: 140px;
}

#settings_section_limitations .dashboard_label {
	width: 130px;
}

#settings_section_data .dashboard_label {
	width: 120px;
}

#settings_section_flying .dashboard_label {
	width: 150px;
}

#settings_section_simulator .dashboard_label {
	width: 175px;
}

#settings_section_duty .dashboard_label {
	width: 175px;
}

#change_password .dashboard_label {
	width: 120px;
}

#edit_aircraft_1 .dashboard_label {
	width: 85px;
}

#aircraft_extras_block .dashboard_label {
	width: 150px;
}

#edit_airport_1 .dashboard_label {
	width: 60px;
}

#dgca_data_form .dashboard_label {
	width: 60px;
}

#ics_data_form .dashboard_label {
	width: 60px;
}

#filter_block .dashboard_label {
	position: relative;
	display: inline-block;
	width: 105px;
}

#filter_block .dashboard_label_custom_filter {
	width: 176px;
}

#filter_block .dashboard_label_capacity_filter {
	width: 133px;
}

#print_page .dashboard_label {
	width: 180px;
}

#map_options_view .dashboard_label {
	width: 80px;
}

#dashboard_content_map {
	height: 400px;
}

#modify_provisional .dashboard_label {
	width: 180px;
}

label.prev_label, label.prev_header_spacer {
	width: 85px;
}

label.prev_column_spacer {
	width:  20px;
}

label.prev_header {
	width: 156px;
	text-align: center;
	height: 20px;
	line-height: 20px;
}

label.prev_sub_header {
	width: 78px;
	text-align: center;
	height: 20px;
	line-height: 20px;
}

input.prev_entry_field {
	flex: 0;
	width: 60px;
	margin: 0px 2px 0px 2px;
}

label.dashboard_label_text {
	height: 34px;
	font-size: 12px;
	line-height: 34px;
	font-family: NarrowRegular;
	text-align: left;
	color: #1BBC9B;
	text-transform: uppercase;
}

label.dms_label {
	height: 34px;
	font-size: 16px;
	line-height: 34px;
	font-family: WideRegular;
	text-align: left;
	padding: 0px 5px 0px 2px;
	color: #1BBC9B;
}

div.aircraft_airport_info {
	font-family: WideRegular;
	font-size: 11px;
	display: block;
	position: relative;
	top: -12px;
	left: 80px;
	height: 0px;
	color: #707070;
	color: var(--colour_muted_text);
	white-space: nowrap;
}

select.dashboard_select {
	height: 34px;
	font-size: 12px;
	border-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius: 15px;
	border: 2px solid #1BBC9B;
	background-color: #FFFFFF;	
	background-color: var(--colour_dashboard_block);
	color: #707070;
	font-family: WideRegular;
	min-width: 50px;
	padding-left: 1px;		/* consistent alignment with text input */
}

@media all and (max-width: 399px) {
	select.dashboard_select {
		font-family: NarrowRegular;
	}
}

@media all and (min-width: 821px) {
	#prev_width_bar_1, #prev_width_bar_2 {
		display: none;
	}
}

@media all and (min-width: 501px) and (max-width: 820px) {
	#prev_width_bar_1 {
		display: none;
	}
}

@media all and (max-width: 500px) {
	#prev_width_bar_2 {
		display: none;
	}
}


select.dashboard_select:focus {
	outline: none;
	background-color: #F7F6FB;	
	background-color: var(--colour_dashboard_background);
}

select.dashboard_select:disabled {
	border: 2px solid #F7F6FB;
}

div.dashboard_input_buttons {
	position: relative;
	margin-top: 5px;
	height: 20px;
	display: inline-block;
	background-color: #FFFFFF;
	background-color: var(--colour_dashboard_block);
	border: 2px solid #1BBC9B;
	border-radius: 10px;
	text-transform: uppercase;
}

div.dashboard_input_buttons_disabled {
	border: 2px solid #707070;
}

div.dashboard_input_button {
	position: relative;
	top: -1px;
	font-family: WideRegular;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	min-width: 20px;
	padding: 0px 10px 0px 10px;
	text-align: center;
	display: inline-block;
	color: #1BBC9B;
	background-color: transparent;
	cursor: pointer;
}

div.dashboard_input_button_disabled {
	color: #707070;
	color: var(--colour_muted_text);
	cursor: default;
}

div.dashboard_input_button_selected {
	border-radius: 8px;
	color: #FFFFFF;
	color: var(--colour_dashboard_block);
	background-color: #1BBC9B;
	border: 1px solid #1BBC9B;
	cursor: default;
}

div.dashboard_input_button_selected_disabled {
	background-color: #707070;
	border: 1px solid #707070;
}

div.dashboard_config_delete_button {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	font-family: WideRegular;
	font-size: 12px;
	padding: 0px 10px 0px 10px;
	text-align: center;
	border-radius: 15px;
	background-color: #fde6f3;
	background-color: var(--colour_error_pale);
	color: #d6001b;
	border: 2px solid #d6001b;
	cursor: pointer;
}

div.dashboard_delete_button {
	display: inline-block;
	height: 30px;
	margin: 10px;
	background-color: #fde6f3;
	background-color: var(--colour_error_pale);
	color: #d6001b;
	border: 2px solid #d6001b;
	font-family: WideRegular;
	line-height: 30px;
	font-size: 12px;
	border-radius: 15px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	cursor: pointer;
}

div.dashboard_delete_button:hover, div.dashboard_inline_delete_button:hover, div.dashboard_config_delete_button:hover {
	background-color: #d6001b;
	color: #fde6f3;
}

div.dashboard_inline_add_button {
	display: inline-block;
	height: 40px;
	background-color: #E4F7F3;
	color: #1BBC9B;
	border: 2px solid #1BBC9B;
	font-family: WideRegular;
	line-height: 40px;
	font-size: 15px;
	border-radius: 15px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	cursor: pointer;
}

div.dashboard_inline_delete_button {
	display: inline-block;
	height: 40px;
	background-color: #fde6f3;
	background-color: var(--colour_error_pale);
	color: #d6001b;
	border: 2px solid #d6001b;
	font-family: WideRegular;
	line-height: 40px;
	font-size: 15px;
	border-radius: 15px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	cursor: pointer;
}

div.dashboard_inline_rest {
	display: inline-block;
	height: 34px;
	width: 30px;
	min-width: 30px;
	margin-left: 10px;
	background-image: url("/images/icon_aileron_rest.svg");
	background-size: 30px 30px;
	background-position: 0px 2px;		/* allow for 2px border around input elements */
}

div.dashboard_inline_split {
	display: inline-block;
	height: 34px;
	width: 30px;
	min-width: 30px;
	margin-left: 10px;
	background-image: url("/images/icon_aileron_split_duty.svg");
	background-size: 30px 30px;
	background-position: 0px 2px;		/* allow for 2px border around input elements */
}

div.dashboard_inline_early {
	display: inline-block;
	height: 34px;
	width: 30px;
	min-width: 30px;
	background-image: url("/images/icon_aileron_sunrise.svg");
	background-size: 30px 30px;
	background-position: 0px 2px;		/* allow for 2px border around input elements */
}

div.dashboard_inline_late {
	display: inline-block;
	height: 34px;
	width: 30px;
	min-width: 30px;
	background-image: url("/images/icon_aileron_sunset.svg");
	background-size: 30px 30px;
	background-position: 0px 2px;		/* allow for 2px border around input elements */
}

div.dashboard_inline_night {
	display: inline-block;
	height: 34px;
	width: 30px;
	min-width: 30px;
	background-image: url("/images/icon_aileron_moon.svg");
	background-size: 30px 30px;
	background-position: 0px 2px;		/* allow for 2px border around input elements */
}

div.dashboard_inline_instrument {
	display: inline-block;
	height: 34px;
	width: 30px;
	min-width: 30px;
	margin-left: 10px;
	background-image: url("/images/icon_aileron_instrument.svg");
	background-size: 30px 30px;
	background-position: 0px 2px;		/* allow for 2px border around input elements */
}

div.dashboard_inline_autoland {
	display: inline-block;
	height: 34px;
	width: 30px;
	min-width: 30px;
	margin-left: 10px;
	background-image: url("/images/icon_aileron_autoland.svg");
	background-size: 30px 30px;
	background-position: 0px 2px;		/* allow for 2px border around input elements */
}

div.dashboard_inline_takeoff {
	display: inline-block;
	height: 34px;
	width: 30px;
	min-width: 30px;
	margin-left: 10px;
	background-image: url("/images/icon_aileron_takeoff.svg");
	background-size: 30px 30px;
	background-position: 0px 2px;		/* allow for 2px border around input elements */
}

div.dashboard_inline_landing {
	display: inline-block;
	height: 34px;
	width: 30px;
	min-width: 30px;
	margin-left: 10px;
	background-image: url("/images/icon_aileron_landing.svg");
	background-size: 30px 30px;
	background-position: 0px 2px;		/* allow for 2px border around input elements */
}

div.dashboard_inline_help {
	display: inline-block;
	height: 34px;
	width: 30px;
	min-width: 30px;
	margin-left: 10px;
	background-image: url("/images/icon_aileron_help.svg");
	background-size: 30px 30px;
	background-position: 0px 2px;		/* allow for 2px border around input elements */
	cursor: pointer;
}

div.dashboard_inline_help_small {
	display: inline-block;
	position: relative;
	top: 10px;
	height: 30px;
	width: 30px;
	min-width: 30px;
	margin-left: 10px;
	background-image: url("/images/icon_aileron_help_subtle.svg");
	background-size: 30px 30px;
	background-position: 0px 0px;
	cursor: pointer;
}

div.dashboard_inline_help:hover, div.dashboard_inline_help_small:hover {
	background-image: url("/images/icon_aileron_help_highlight.svg");
}

div.dashboard_inline_search {
	display: inline-block;
	height: 34px;
	width: 30px;
	min-width: 30px;
	margin-left: 10px;
	background-image: url("/images/icon_aileron_text_search_subtle.svg");
	background-size: 30px 30px;
	background-position: 0px 2px;		/* allow for 2px border around input elements */
	cursor: pointer;
}

div.dashboard_inline_search:hover {
	background-image: url("/images/icon_aileron_text_search.svg");
}

div.dashboard_inline_airport {
	display: inline-block;
	height: 34px;
	width: 30px;
	min-width: 30px;
	margin-left: 10px;
	background-image: url("/images/icon_aileron_airport_subtle.svg");
	background-size: 30px 30px;
	background-position: 0px 2px;		/* allow for 2px border around input elements */
	cursor: pointer;
}

div.dashboard_inline_airport:hover {
	background-image: url("/images/icon_aileron_airport.svg");
}

div.dashboard_list_footer {
	font-size: 1px;
	height: 0px;
}

div#dashboard_content {
	transition: padding 0.5s;
}

div#filter_block {
	position: fixed;
	top: 150px;
	bottom: 60px;
	bottom: calc(60px + env(safe-area-inset-bottom, 0px));
	overflow-y: auto;
	background-color: #F7F6FB;
	transition: width 0.5s, padding 0.5s;
}

div.filter_block_hidden {
	width: 0px;
	padding: 15px 0px 0px 0px;
	box-shadow: none;
}


@media all and (max-width: 799px) {
	div.filter_block_visible {
		width: 255px;
		padding: 15px 15px 0px 15px;
		box-shadow: -0px 5px 3px 2px #e0e0e0;
		box-shadow: var(--box_shadow_filters);
	}

	div.filter_block_padding {
		padding-right: 0px;
	}
}

@media all and (min-width: 800px) {
	div.filter_block_visible {
		width: 255px;
		padding: 15px 15px 0px 15px;
		box-shadow: -0px 5px 3px 2px #e0e0e0;
		box-shadow: var(--box_shadow_filters);
	}

	div.filter_block_padding {
		padding-right: 280px;
	}
}

@media all and (max-width: 1200px) {
	div#filter_block {
		right: 0px;
	}
}

@media all and (min-width:1201px) {
	div#filter_block {
		right: calc(((100vw - (100vw - 100%)) - 1200px) / 2);		/* (100vw - 100%) is width of scrollbar, if present  */
	}
}

div.filter_button, div.filter_button_inline {
	cursor: pointer;
	font-family: WideRegular;
	text-align: center;
	white-space: nowrap;
	height: 40px;
	line-height: 40px;
	border-radius: 12px;
	background-color: #1BBC9B;
	color: #F7F6FB;
	color: var(--colour_dashboard_background);
	padding: 0px 15px 0px 15px;
	margin-bottom: 15px;
}

div.filter_button_inline {
	display: inline-block;
	width: 35%;
}

div.filter_button_active {
	background-color: #75C8EB;
}

div.filter_button:hover, div.filter_button_inline:hover {
	color: #707070;
}

div.filter_option {
	position: relative;
	margin-bottom: 15px;
}

div.dashboard_milestone_container {
	display: inline-block;
	width: 50%;
}

@media all and (max-width:499px) {								/* 1 narrow column */
	div.dashboard_milestone_container {
		width: 100%;
	}

	div.dashboard_empty_milestone {
		display: none;
	}
	
}

@media all and (min-width:500px) and (max-width: 719px) {		/* 1 wide column */
	div.dashboard_milestone_container {
		width: 50%;
	}
	
	div.dashboard_empty_milestone {
	}

}

@media all and (min-width:720px) and (max-width: 999px) {		/* 2 narrow columns */
	div.dashboard_milestone_container {
		width: 100%;
	}
	
	div.dashboard_empty_milestone {
		display: none;
	}
}

@media all and (min-width:1000px) {								/* 2 wide columns */
	div.dashboard_milestone_container {
		width: 50%;
	}
	
	div.dashboard_empty_milestone {
	}
}

div#airport_weather_text {
	padding: 8px;
	font-family: Fixed;
	font-size: 10px;
	color: #707070;
	color: var(--colour_muted_text);
}


canvas.dashboard_graphic_milestone {
	height: 80px;
	width: 80px;
	margin: 15px 15px 10px 15px;
}

canvas.dashboard_graphic_milestone_cell {
	height: 80px;
	width: 80px;
	margin-left: 15px;
	margin-right: 15px;
}

canvas.dashboard_graphic_milestone_child {
	height: 60px;
	width: 60px;
	margin-right: 15px;
}

canvas#flight_signature_canvas, canvas#flight_signature_display_canvas, canvas#sim_signature_canvas, canvas#sim_signature_display_canvas {
	height: 160px;
	width: 320px;
	border-radius: 15px;
	flex: 0;
}

canvas.signature_canvas_locked {
	border: 2px solid #F7F6FB;	
}

canvas.signature_canvas_unlocked {
	border: 2px solid #1BBC9B;	
}

div.dashboard_milestone_text_dashboard {
	color: #707070;
	color: var(--colour_muted_text);
	overflow: hidden;
	white-space: normal;
	font-family:NarrowRegular;
	font-size: 18px;
	line-height: 24px;
    width: -webkit-calc(100% - 120px);
    width:    -moz-calc(100% - 120px);
    width:         calc(100% - 120px);
}

div.dashboard_milestone_text {
	color: #707070;
	color: var(--colour_muted_text);
	overflow: hidden;
	white-space: normal;
	font-size: 20px;
	line-height: 25px;
    width: -webkit-calc(100% - 100px);
    width:    -moz-calc(100% - 100px);
    width:         calc(100% - 100px);
}

div.dashboard_milestone_text_no_button {
	color: #707070;
	color: var(--colour_muted_text);
	overflow: hidden;
	white-space: normal;
	font-size: 20px;
	line-height: 25px;
    width: -webkit-calc(100% - 70px);
    width:    -moz-calc(100% - 70px);
    width:         calc(100% - 70px);
}

div.dashboard_milestone_achieved {
	font-size: 14px;
	line-height: 14px;
	margin-top: 10px;
	font-family: WideRegular;
    width: -webkit-calc(100% - 100px);
    width:    -moz-calc(100% - 100px);
    width:         calc(100% - 100px);
}

div.dashboard_nowrap {
	white-space: nowrap;
}

div.total_block {
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	background-color: var(--colour_dashboard_block);
}

div.total_row {
	position: relative;
	font-family: WideRegular;
	font-size: 12px;
	padding: 0px 0px 0px 35px;
	height: 36px;
	line-height: 36px;
	background-size: 14px 14px;
	background-position: 15px 11px;
	background-repeat: no-repeat;
	cursor: pointer;
}

div.previous_row {
	position: relative;
	font-family: WideRegular;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	background-size: 14px 14px;
	background-position: 15px 13px;
	background-repeat: no-repeat;
}

div.previous_row_content {
	position: relative;
	height: 100%;
	margin-right: 40px;
	padding-left:  35px;
	cursor: pointer;
}

div.total_row_collapsed {
	background-image: url("/images/icon_aileron_reveal_section.svg");
}

div.total_row_expanded {
	background-image: url("/images/icon_aileron_hide_section.svg");
}

div.total_row_width {
	max-width: 400px;
	margin: 0px auto 0px auto;
}

div.previous_row_width {
	max-width: 600px;
	margin: 0px auto 0px auto;
}

div.total_child {
	position: relative;
	overflow: hidden;
	height: auto;
	transition: height 0.5s ease-in-out;
}

div.total_row_sub {
	position: relative;
	font-family: WideRegular;
	font-size: 12px;
	padding: 0px 0px 0px 55px;
	height: 36px;
	line-height: 36px;
	background-color: #FFFFFF;
	background-color: var(--colour_dashboard_block);
	background-size: 14px 14px;
	background-position: 34px 11px;
	background-repeat: no-repeat;
}

div.previous_row_sub {
	position: relative;
	font-family: WideRegular;
	font-size: 12px;
	padding: 0px 0px 0px 20px;
	height: 36px;
	line-height: 36px;
	background-color: #FFFFFF;
	background-color: var(--colour_dashboard_block);
	background-size: 14px 14px;
	background-position: 34px 11px;
	background-repeat: no-repeat;
}

div.previous_row_sim_detail {
	position: relative;
	font-family: WideRegular;
	font-size: 12px;
	padding: 0px 0px 0px 55px;
	margin-right: 40px;
	height: 24px;
	line-height: 24px;
	background-color: #FFFFFF;
	background-color: var(--colour_dashboard_block);
}

div#extra_crew_container {
	position: relative;
}

div.previous_row_instrument {
	position: relative;
	font-family: WideRegular;
	font-size: 12px;
	padding: 0px 0px 0px 55px;
	margin-right: 40px;
	height: 36px;
	line-height: 36px;
}

div.total_row_sub_collapsed {
	background-image: url("/images/icon_aileron_reveal_section.svg");
	cursor: pointer;
}

div.total_row_sub_expanded {
	background-image: url("/images/icon_aileron_hide_section.svg");
	cursor: pointer;
}

div.total_row_detail {
	position: relative;
	font-family: WideRegular;
	font-size: 12px;
	padding: 0px 0px 0px 74px;
	height: 24px;
	line-height: 24px;
	background-color: #FFFFFF;
	background-color: var(--colour_dashboard_block);
}

div.previous_row_detail {
	position: relative;
	font-family: WideRegular;
	font-size: 12px;
	padding: 0px 0px 0px 74px;
	margin-right: 40px;
	height: 24px;
	line-height: 24px;
	background-color: #FFFFFF;
	background-color: var(--colour_dashboard_block);
}

div.total_row_sim_detail {
	position: relative;
	font-family: WideRegular;
	font-size: 12px;
	padding: 0px 0px 0px 55px;
	height: 24px;
	line-height: 24px;
	background-color: #FFFFFF;
	background-color: var(--colour_dashboard_block);
}

div.dashboard_totals_takeoff {
	position: absolute;
	right: 65px;
	top: 0px;
	text-align: right;
	width: 40px;
	height: 36px;
	margin: 0px 2px 0px 5px;
	background-image: url("/images/icon_aileron_takeoff.svg");
	background-size: 20px 20px;
	background-position: 42px 8px;
	padding-right: 22px;
	background-repeat: no-repeat;
}

div.dashboard_totals_landing {
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: right;
	width: 40px;
	height: 36px;
	margin: 0px 2px 0px 5px;
	background-image: url("/images/icon_aileron_landing.svg");
	background-size: 20px 20px;
	background-position: 42px 8px;
	padding-right: 22px;
	background-repeat: no-repeat;
}

div.dashboard_totals_sector {
	position: absolute;
	right: 130px;
	top: 0px;
	text-align: right;
	width: 40px;
	height: 36px;
	margin: 0px 2px 0px 5px;
	background-image: url("/images/icon_aileron_aircraft_1.svg");
	background-size: 20px 20px;
	background-position: 42px 8px;
	padding-right: 22px;
	background-repeat: no-repeat;
}

div.dashboard_previous_hours {
	position: absolute;
	right: 195px;
	top: 0px;
	text-align: right;
	width: 60px;
	height: 36px;
	margin: 0px 2px 0px 5px;
}

div.dashboard_totals_detail_takeoff {
	position: absolute;
	right: 65px;
	top: 0px;
	text-align: right;
	width: 40px;
	height: 24px;
	margin: 0px 2px 0px 5px;
	background-image: url("/images/icon_aileron_takeoff.svg");
	background-size: 20px 20px;
	background-position: 42px 2px;
	padding-right: 22px;
	background-repeat: no-repeat;
}

div.dashboard_totals_detail_landing {
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: right;
	width: 40px;
	height: 24px;
	margin: 0px 2px 0px 5px;
	background-image: url("/images/icon_aileron_landing.svg");
	background-size: 20px 20px;
	background-position: 42px 2px;
	padding-right: 22px;
	background-repeat: no-repeat;
}

div.dashboard_totals_detail_sector {
	position: absolute;
	right: 130px;
	top: 0px;
	text-align: right;
	width: 40px;
	height: 24px;
	margin: 0px 2px 0px 5px;
	background-image: url("/images/icon_aileron_aircraft_1.svg");
	background-size: 20px 20px;
	background-position: 42px 2px;
	padding-right: 22px;
	background-repeat: no-repeat;
}

div.dashboard_previous_detail_hours {
	position: absolute;
	right: 195px;
	top: 0px;
	text-align: right;
	width: 60px;
	height: 24px;
	margin: 0px 2px 0px 5px;
}

div.dashboard_previous_detail_sim_hours {
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: right;
	width: 60px;
	height: 24px;
	margin: 0px 2px 0px 5px;
}

div.edit_previous_icon {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 40px;
	height: 40px;
	background-image: url("/images/icon_aileron_pencil.svg");
	background-size: 36px 36px;
	background-position: 2px 2px;
	background-repeat: no-repeat;
	cursor:  pointer;
}

div.percentage_bar {
	position: absolute;
	right: -3px;
	top: 6px;
	width: 160px;
	height: 24px;
	line-height: 24px;
	text-align: right;
}

div.percentage_bar_small {
	position: absolute;
	right: -3px;
	top: 0px;
	width: 160px;
	height: 24px;
	text-align: right;
}

div.percentage_bar_text_left {
	position: absolute;
	left: 3px;
}

div.percentage_bar_text_right {
	position: absolute;
	right: 3px;
}

div.hours_title {
	display: inline-block;
	max-width: calc(100vw - 120px);
	overflow: hidden;
	white-space: nowrap;
}

div.previous_title {
	display: inline-block;
	max-width: calc(100vw - 140px);
	overflow: hidden;
	white-space: nowrap;
}

div.hours_total {
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 0px;
}

div.total_block_title {
	font-family: WideRegular;
	font-size: 12px;
	margin-left: 15px;
	margin-bottom: -7px;
	margin-top: 10px;
}

div.total_block_warning {
	font-family: WideRegular;
	font-size: 12px;
	margin-top: 10px;
	text-align: center;
}


div.filter_section_header {
	font-size: 12px;
	text-align: left;
	text-transform: uppercase;
	padding: 0px 0px 0px 29px;
	height: 36px;
	line-height: 36px;
	background-size: 14px 14px;
	background-position: 0px 11px;
	background-repeat: no-repeat;
	cursor: pointer;
}

div.filter_section_header:hover {
	color: #707070;
}

div.filter_section_header_active {
	background-image: url("/images/icon_aileron_hide_section.svg");
}

div.filter_section_header_active:hover {
	background-image: url("/images/icon_aileron_hide_section_highlight.svg");
}

div.filter_section_header_inactive {
	background-image: url("/images/icon_aileron_reveal_section.svg");
}

div.filter_section_header_inactive:hover {
	background-image: url("/images/icon_aileron_reveal_section_highlight.svg");
}


div.filter_section_body {
	position: relative;
	overflow: hidden;
	height: auto;
	transition: height 0.5s ease-in-out;
}

div.settings_section_header {
	font-family: WideRegular;
	font-size: 14px;
	padding: 0px 0px 0px 44px;
	height: 36px;
	line-height: 36px;
	background-size: 14px 14px;
	background-position: 15px 11px;
	background-repeat: no-repeat;
	cursor: pointer;
}

div.settings_section_header:hover {
	color: #707070;
}

div.settings_section_header_active {
	background-image: url("/images/icon_aileron_hide_section.svg");
}

div.settings_section_header_active:hover {
	background-image: url("/images/icon_aileron_hide_section_highlight.svg");
}

div.settings_section_header_inactive {
	background-image: url("/images/icon_aileron_reveal_section.svg");
}

div.settings_section_header_inactive:hover {
	background-image: url("/images/icon_aileron_reveal_section_highlight.svg");
}

div.settings_section_body {
	position: relative;
	font-family: WideRegular;
	font-size: 12px;
	color: #707070;
	color: var(--colour_muted_text);
	overflow: hidden;
	height: auto;
	transition: height 0.5s ease-in-out;
}

div.settings_info {
	font-size: 12px;
	font-weight: bold;
	padding: 5px 15px 5px 15px;
}

div.settings_subtitle {
	margin-top: 20px;
}

div.settings_inline_info {
	/* No special styling required yet */
}

div.settings_info_top_margin {
	margin-top: 20px;
}

div.settings_options {
	position: relative;
	padding: 0px 0px 0px 0px;
}

div.dashboard_audit_text {
	font-family: WideRegular;
	font-size: 10px;
	color: #707070;
	color: var(--colour_muted_text);
}

/*------------------*/
/* Calendar Styling */
/*------------------*/

div#dashboard_calendar_popup {
	font-family: WideRegular;
	background-color: #FFFFFF;
	background-color: var(--colour_dashboard_block);
	border: 2px solid #1BBC9B;
	border-radius: 10px;
	margin-bottom: 80px;	/* to clear bottom nav bar */
}

div.calendar_visible {
	display: inline-block;
	position: absolute;
}

table.dashboard_calendar {
	font-size: 15px;
	line-height: 30px;
	table-layout: fixed;
	width: 280px;
	border-collapse: collapse;
	margin: 0px;
	text-align: center;
}

td.dashcal {
	padding: 0px;
}

div.dashboard_calendar_title {
	font-family: WideBold;
	color: #F7F6FB;
	color: var(--colour_dashboard_background);
	background-color: #1BBC9B;
	height: 30px;
	line-height: 30px;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 5px;
}

div.dashboard_calendar_footer {
	font-family: WideBold;
	color: #F7F6FB;
	color: var(--colour_dashboard_background);
	background-color: #1BBC9B;
	height: 30px;
	line-height: 30px;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 3px;
}

div.cal_button {
	display: inline-block;
	color: #1BBC9B;
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_background);
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 10px;
	margin-left: 3px;
	margin-right: 3px;
	cursor: pointer;
}

div.cal_button_large {
	width: 70px;
}

td.calpop_head {
	font-size: 13px;
}

td.calpop_we_head {
	font-size: 13px;
}

div.calpop_cell {
	color: #1BBC9B;
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_background);
	border-radius: 15px;
	width: 30px;
	display: inline-block;
	margin-bottom: 5px;
}

div.calpop_cell:hover, div.calpop_we_cell:hover, div.calendar_today:hover {
	color: #707070;
}

div.calpop_we_cell {
	color: #1BBC9B;
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_background);
	border-radius: 15px;
	width: 30px;
	display: inline-block;
	margin-bottom: 5px;
}

div.calendar_today {
	background-color: #1BBC9B;
	color: #F7F6FB;
	color: var(--colour_dashboard_background);
	border-radius: 15px;
	width: 30px;
	display: inline-block;
}

/*----------------------*/
/* end Calendar Styling */
/*----------------------*/


div#autocomplete {
	position: absolute;
	border: 1px solid black;
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_background);
	font-family: WideRegular;
	font-size; 10px;
	max-height: 200px;
	overflow-y: auto;
	border-radius: 15px;
	border: 2px solid #1BBC9B;
	color: #707070;
}

div.autocomplete_entry {
	cursor: pointer;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	overflow: hidden;
}

div#edit_aircraft, div#edit_airport, div#change_password, div#modify_provisional {
	position: fixed;
	z-index: 1500;
	top: 50px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0, 0, 0, 0.5);
}

div#edit_aircraft_container, div#edit_airport_container, div#change_password_container, div#modify_provisional_container {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

span#debug_text {
	font-family: WideRegular;
	font-size: 12px;
	text-transform: none;
	padding-left: 20px;
	color: black;
}

div.text_page {
	font-family: WideRegular;
	font-size: 12px;
}

div#subscription_popup_container {		/* fill screen with modal overlay */
	position: fixed;
	z-index: 2000;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0, 0, 0, 0.5);
}

div#subscription_popup_column {			/* full-height strip */
	position: absolute;
	top: 0px;
	bottom: 0px;
	font-family: WideRegular;
	font-size: 12px;
	color: #707070;
	color: var(--colour_muted_text);
}

@media all and (max-width: 400px) {
	div#subscription_popup_column {
		left: 0px;
		right: 0px;
	}
}

@media all and (min-width: 401px) {
	div#subscription_popup_column {
		width: 400px;
		left: 50%;
		margin-left: -200px;
	}
}

div#subscription_popup_window {
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_background);
	position: absolute;
	overflow-y: auto;
	top: 50%;
	transform: translateY(-50%);
	left: 0px;
	right: 0px;
	max-height:  100%;
}

div#subscription_popup_close {
	/*position: absolute;
	bottom: 0px;*/
	width: 100%;
	padding: 10px 0px 10px 0px;
	text-align: center;
	background-color: #F7F6FB;
	background-color: var(--colour_dashboard_background);
}

div#subscription_title {
	font-size: 14px;
	padding: 10px 10px 10px 10px;
}

div#subscription_status {
	padding: 10px 10px 10px 10px;
}

div.subscription_back {
	color: #1BBC9B;
	cursor: pointer;
	margin:  10px 10px 0px 10px;
}

div.subscription_back:hover {
	color: #707070;
}

div.subscription_text {
	margin: 10px 10px 10px 10px;
}

div.subscription_option {
	background-color: #FFFFFF;
	background-color: var(--colour_dashboard_block);
	padding: 10px 10px 10px 10px;
	margin-bottom: 20px;
}

div#card-element, div#card-element-update {
	margin-top:  10px;
	margin-bottom: 10px;
}

div#card-errors, div#card-errors-update {
	line-height:  15px;
	min-height: 15px;
}

img.cardTypes {
	width: 50px;
	height: 30px;
	margin: 10px 2px 10px 2px;
}

img.ppLogo {
	width: 100px;
	height: 26px;
	margin: 10px 2px 10px 2px;
}

img.clickable {
	cursor: pointer;
}

ol {
  list-style-position: outside;
	margin-bottom: 20px;
	margin-left:  0px;
	padding-left:  0px;
	counter-reset: item;
}

ol li {
	display: block;
	margin:  0px;
	padding-left: 20px;
	text-indent: -20px;
	margin-bottom: 10px;
	margin-top: 10px;
}

ol li:before {
	content: counters(item, ".") " : ";
	counter-increment: item;
}

div.centre_min_width {
	display: inline-block;
	margin-left:  auto;
	margin-right:  auto;
}

ul {
	text-align:  left;
}

ul li {
	margin-bottom: 10px;
	margin-top: 10px;
}

#homeimage {
	margin-top:  20px;
}

div#map_options {
	position: absolute;
	left:  10px;
	top:  60px;
	font-family: WideRegular;
}

div#map_options_control {
	position: absolute;
	top:  0px;
	left:  0px;
	width: 20px;
	height: 470px;
	display: inline-block;
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-position: -10px 205px;
	background-color:  rgba(0, 0, 0, 0.4);
	cursor:  pointer;
}

div#map_options_view {
	position: absolute;
	top:  0px;
	left:  20px;
	height:  450px;
	display: inline-block;
	transition: width 0.2s ease-out;
	background-color:  rgba(255, 255, 255, 0.7);
}

div.map_options_control_open {
	background-image: url("/images/icon_aileron_chevron_left_1.svg");
}

div.map_options_control_closed {
	background-image: url("/images/icon_aileron_chevron_right_1.svg");
}

div.map_options_open {
	width:  250px;
	padding: 10px 20px 10px 20px;
}

div.map_options_closed {
	width:  0px;
	overflow:  hidden;
	padding: 10px 0px 10px 0px;
}

@media screen and (max-width: 539px) {
  #homeimage {
	width: 300px;
	height: 225px;
  }
}
@media screen and (min-width: 540px) and (max-width: 699px) {
  #homeimage {
	width: 440px;
	height: 375px;
  }
}
@media screen and (min-width: 700px) and (max-width: 999px) {
  #homeimage {
	width: 600px;
	height: 500px;
  }
}
@media screen and (min-width: 1000px) {
  #homeimage {
	width: 900px;
	height: 600px;
  }
}
@media print {
  #homeimage {
	width: 900px;
	height: 600px;
  }	
}

div.smallPrint {
	font-size: 10px;
	color: #1BBC9B;
}

@media print {
	.noprint {
		display: none;
	}

	div#dashboard_header_container {
		display: none;
	}

	div#dashboard_footer_container {
		display: none;
	}

	div.dashboard_block {
		box-shadow: none;
	}

	div#dashboard_editing_container_subtitle {
		top: 0px;
	}
}