* {
	margin: 0;
	padding: 0;
	outline-width:0;
	border:0;
	-webkit-appearance:none;
	border-radius: 0;
	list-style-type: none;
}

@font-face {
	font-family: NoaLTStd-Light;
	src: url("/web/fonts/noa/NoaLTStd-Light.eot");
	src: url("/web/fonts/noa/NoaLTStd-Light.eot?#iefix") format("embedded-opentype"), url("/web/fonts/noa/NoaLTStd-Light.woff") format("woff"), url("/web/fonts/noa/NoaLTStd-Light.ttf") format("truetype"), url("/web/fonts/noa/NoaLTStd-Light.svg#NoaLTStd-Light") format("svg");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Lines2';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url("/web/fonts/lines/la-solid-900.eot");
	src: url("/web/fonts/lines/la-solid-900.eot?#iefix") format("embedded-opentype"), url("/web/fonts/lines/la-solid-900.woff2") format("woff2"), url("/web/fonts/lines/la-solid-900.woff") format("woff"), url("/web/fonts/lines/fonts/la-solid-900.ttf") format("truetype"), url("/web/fonts/lines/fonts/la-solid-900.svg#lineawesome") format("svg");
}

html, body {
	height: 100%;
	padding-bottom: 1px;
}
body, input, textarea, select {
	font-family: -apple-system, BlinkMacSystemFont, arial, Verdana, sans-serif;
	color: #17668e;
	font-size: 15px;
}


input, textarea, select {
	border-radius: 4px;
}

body {
	background: #fafafa;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
	line-height: 22px;

}
a {
	/*color: #00a1de;*/
	color: #17668e;
	text-decoration:none;
}
.loader {
	background: url('/images/df-spinner-1s.svg') center center no-repeat;
	background-size: 50px 50px;
}
.header {
	background: #00a1de;
	color: #fff;
	line-height: 70px;
	height: 70px;
}

.svg-list {
	display:inline;
	vertical-align:middle;
	padding-left: 10px;
	width: 18px;
	height: 18px;
}
.list-warning {
	fill: #e38512;
}

svg.aqi-svg {
	width: 50px;
	height: 50px;
	margin: 10px 5px;
	fill-rule:evenodd;
	clip-rule:evenodd;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-miterlimit:1.5;
}
svg.aqi-svg path {
	fill:none;
	stroke: #ffffff;
	stroke-width:7px;
}
.aqi-text {
	font-family: 'NoaLTStd-Light';
	font-size: 36px;
	line-height: 70px;
	position:absolute;
	top: 0;
	text-transform: lowercase;
	
}
svg.klm-svg {
	margin: 15px 10px;
	width: 69px;
	height: 40px;
	float: right;
}
svg.klm-svg path {
	fill: #fff;
}

.sub-header {
	background: #fff;
	height: 47px;
	position:relative;
	border-bottom: 1px solid #ededed;
}
.error-updating:before {
	font-family:'Lines2';
	color: #c30;
	content: "\f06a"
}

.mcd {
	display:block;
	margin: 0 auto;
	max-width: 2060px;
	position:relative;
}

nav {
}
nav ul {
	position:relative;
	height: 48px;
	z-index: 1;
	list-style-type: none;
}
nav ul li:first-child {
	border-left: 1px solid #ededed;

}
nav ul li {
	border-right: 1px solid #ededed;
	display:inline-block;
	vertical-align: top;
}
nav ul li:first-child {
	margin-left: 0;
}
nav ul li.sign-options {
	position:absolute;
	right:0;
	border-left: 1px solid #ededed;
}
nav a {
	display:block;
	padding: 0 14px;
	line-height: 48px;
	color: #707575;
	color: #17668e;
	position:relative;
}
nav a:hover, nav a.active {
	background: #fafafa;
}
nav a:hover {
	height: 47px;
	border-bottom: 1px solid #ededed;

}
nav a.active:hover {
	border-bottom: 1px solid #fafafa;
}

nav a span, nav a span:before {
	display:inline-block;
	vertical-align:top;
}
span.df-icon:before {
	width: 26px;
	font-family: 'Lines2';
	content:"";
	font-size: 23px;

}
span.dfa-world:before {
	content: "\f0ac";
	content: "\f57c";
}
span.dfa-users:before {
	content: "\f007";
}
span.dfa-locations:before {
	content: "\f041";
	content: "\f276";
}
span.dfa-home:before {
	content: "\f015";
	content: "\f1fe";
	content: "\f201";
}
span.dfa-recommendations:before {
	content: "\f21e";
	content: "\f7f5";
	content: "\f164";
}
span.dfa-logout:before {
	content: "\f2f5";
}
span.dfa-login:before {
	content: "\f2f6";
}
span.dfa-log:before {
	content: "\f15c";
	content: "\f478";
}
span.dfa-history:before {
	content: "\f1da";
}



.content {
	max-width: 2060px;
	padding: 30px;
	margin: 20px auto;
}
.df-admin {
	margin: auto;
	max-width: 1100px;
}
p {
	margin-bottom: 24px;
}

.login-area {
	max-width: 400px;
	margin: 0 auto;
}
.df-input-area {
	margin-bottom: 20px;
}
.df-input-area, .df-input {
	position:relative;
}
.df-input-area label {
	display:inline-block;
	line-height: 28px;
}
.df-toggle-password, .df-toggle-password:before {
	display:block;
	width: 48px;
	height: 48px;
	line-height: 46px;
	overflow:hidden;
	text-align:center;
}
.df-toggle-password {
	position:absolute;
	z-index: 5;
	top: 28px;
	right: 2px;
}
.df-input .df-toggle-password {
	top: 0;
}
.df-toggle-password:before {
	font-family:'Lines2';
	font-size: 24px;
}
.df-fa-eye:before {
	content:"\f06e";
}
.df-fa-eye-slash:before {
	content:"\f070";
}
.df-bar {
	position:relative;
	margin: 40px 0;
	height: 1px;
	background: #ddd;
}
.df-inner-bar {
	position:absolute;
	left: 0;
	right: 0;
	top: -11px;
	text-align:center;
}
.df-inner-bar span {
	display:inline-block;
	background: #fff;
	padding: 0 8px;
}
.df-center {
	text-align:center;
}


h1, h2, h3, h4, h5, h6 {
	margin-bottom: 30px;
	font-size: 32px;
	font-weight:normal;
}
.df-admin h1 {
	font-family: 'NoaLTStd-Light';
	color: #00a1de;
	font-size: 36px;
	margin-bottom: 20px;
}
h5 {
	font-size: 24px;
	margin: 0 0 10px 0;
}

.df-results, .df-admin-form {
	margin: 20px 0;
	background: #fff;
	border-radius: 8px;
	padding: 0;
-webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.2);
}

.df-history-cal {
	margin-bottom: 30px;
	padding-bottom: 14px;
}

.df-admin-form {

}
.df-admin-form input, .df-admin-form textarea, .df-admin-form select {

}

.df-admin-list {
	margin: 0;
}

.df-admin-list li {
	line-height: 50px;
	border-top: 1px solid #eee;
	position:relative;
	padding: 0 14px;
}
.df-admin-list li:first-child {
	border: 0;
	padding-top: 3px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.df-admin-list li:last-child {
	padding-bottom: 3px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.df-admin-list li:hover {
	background: #f4fbfd;
}
.df-actions {
	position:absolute;
	right: 14px;
	top: 6px;
}
.df-admin-list li:first-child .df-actions {
	top: 9px;
}
.df-actions, .df-actions a, .df-action {
	height: 36px;
	line-height: 36px;

}
.df-admin-form, .df-admin-list {
	list-style-type: none;
}
.df-admin-form li {
	line-height: 28px;
	position:relative;
	border-top: 1px solid #ededed;
	padding: 12px 14px;
}
.df-admin-form label {
	position: absolute;
	line-height: 48px;
}
.df-rights, .df-submit, .df-admin-form .df-input, .jq-details, .optional-items {
	margin-left: 30%;
}
.df-admin-form li.alternate-hotel {
	display:none;
	background-color: #fffbef;
}
.del-hotel {
	color: #c30;
}
.jq-details {
	display:none;
	margin-top: 10px;
	padding: 10px;
	border: 1px dashed #ddd;
	background-color: #fafafa;
	border-radius: 5px;
}
.jq-details ul {
	list-style-type: none;
}
.jq-details ul li, .jq-details label {
	line-height: 20px;
}
.jq-details ul li {
	margin: 0;
	padding: 4px 0;
	border: 0;
}
.df-rights label {
	position:relative;

}

.df-action {
	display: inline-block;
	padding: 0 12px;
	color: #fff;
	border-radius: 5px;
	vertical-align: top;
	background: #17668e;
	background: #00a1de;
}
.df-actions a {
	padding: 0 9px;
	margin-left: 10px;
}
.df-actions a, .df-actions span {
	vertical-align: top;
}
.df-delete {
	background: #c30;
}
.df-edit {
	background: #17668e;
}
.df-toggle {
	display:inline-block;
	position:relative;
	width: 46px;
	line-height: normal;
	height: 28px;
	border: 1px solid #ddd;
	background: #f5f7f9;
	border-radius: 14px;
	white-space: nowrap;
	overflow:hidden;
	text-indent: -250px;
	margin: 4px 0;
	padding: 0;

}
.df-toggle:before {
	content:"";
	display:block;
	position: absolute;
	width: 28px;
	height: 28px;
	background: #fff;
	border-radius: 14px;
	border: 1px solid #ddd;
	top: -1px;
	left: -1px;
	z-index: 2;
}
.df-toggle-on {
	background: #329932;
}
.df-toggle-on, .df-toggle-on:before {
	border-color: #329932;
}
.df-toggle-on:before {
	left: auto;
	right: -1px;
}


.location-list {
	list-style-type: none;
	margin:auto;
}
.location-list li {
	margin-bottom: 40px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.2);
	text-align:center;
	border-radius: 10px;
}
.location-list li h4 {
	font-family: 'NoaLTStd-Light';
	line-height: 32px;
	padding: 15px 0 15px 10px;
	color: #fff;
	background: #00a1de;
	margin: 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.aqi-contents {
	display:inline-block;
	padding: 20px 0 16px 0;
}	
.big-block {
	display:inline-block;
	vertical-align:top;
}

.widget-container, .graph {
	display:inline-block;
	vertical-align:top;
	margin: 10px;
	text-align:center;
}
.widget {
	height: 300px;
	width: 460px;
	overflow:hidden;
}
.aqi-widget {
	height: 324px;

}


.widget-container {
	width: 460px;
	position:relative;
}

.graph img, .widget {
	display:block;
	margin-bottom: 14px;

}

.update-note {
	position:absolute;
	top:360px;
	text-align:left;
}

.recommendations {
	position:relative;
	margin-bottom: 24px;
}
.recommendations p {
	margin-bottom: 10px;
}
.overwritten-recommendation {
	display:none;
	padding-left: 106px;
}
.overwritten-recommendation:before, .saving {
	display:inline-block;
	padding: 0 6px;
	font-size: 11px;
	background: #c30;
	color: #fff;
	text-transform:uppercase;
	/*letter-spacing: 1px;*/
	border-radius: 4px;

}
.overwritten-recommendation:before {
	content: "Overwritten";
	position:absolute;
	left: 0;

}

.saving {
	display:none;
	background: #090;
	position:absolute;
	margin-left: 8px;
	top: -2px;
}

.aqiwidget-table-x table:first-of-type, .aqiwidget-table-x table.api {
	display:none;
}

.aqi-legend-container {
	margin-bottom: 20px;
	line-height: 32px;
}
.aqi-legendary {
}
.aqi-legendary, .aqi-legend {
	border: 1px solid #ddd;
	color: #000;
	padding: 4px 7px;
	border-radius: 3px;
}
.aqi-legend {
	margin: 5px 10px 0 0;
	display:inline-block;
	padding: 0 5px;
}
.aqi-multibox {
	display:inline-block;
	vertical-align:top;
}
.aqi-box, .inner-map-box {
	display:inline-block;
	border: 1px solid #ddd;
	background: #f3f3f3;
	color: #000;
	text-align:center;
}
.aqi-box {
	margin: 0 -1px 20px 0;
	width: 75px;
	padding: 8px 10px 9px 10px;
	line-height: 24px;
	border-radius: 0;
	/*text-shadow: 1px 1px rgba(0,0,0,.5);*/
}
.aqi-multibox > .aqi-box {

}
.tl {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.tr {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.tsolo {
	border-radius: 5px;
}
.tc {
	margin-top: -8px;
}
.mr {
	margin-right: 32px;
}
.aqi-value {
	display:block;

	font-size: 28px;
	line-height: 32px;
}
.aqi-box-title {
	margin-bottom: 10px;
}

.map-box-container, .map-box-container-world, .map-box-container-no_data {
	position:relative;
	display:inline-block;
	top: -52px !important;
	left: -44px !important;
	width: 100px !important;
	height: 60px !important;
	text-align:center;
}
.map-box-container-world {
	top: -70px !important;
}
.map-box-container-no_data {
	top: -18px !important;
}
.map-box-new {
	position:relative;
	display:inline-block;
	background: rgba(255,255,255,.9);
	padding: 2px 1px;
	border-radius: 5px;
}
.map-iata {
	padding: 0 3px;
}

.map-box, .iata-box {
	position:relative;
	display:inline-block;
	background: rgba(255,255,255,.9);
	border-radius: 5px;
	cursor:pointer;
}
.map-box {
	padding: 2px 1px;
	top: -30px;
	left: -37px;
}
.iata-box {
	line-height: 24px;
	height: 24px;
	top: 50%;
	margin-top: -12px;
	padding: 0 5px;
}
.map-box:after, .map-box-new:after, .iata-box:after {
	content: "";
	position:absolute;
	bottom: -8px;
	left: 50%;
	margin-left: -8px;
	width: 0px;
	height: 0px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid rgba(255,255,255, .9);
}
.map {
	position:relative;
}
.inner-map-box {
	margin: 1px;
	padding: 0 3px;
	border-radius: 4px;
	font-size: 20px;
}
.tiny-inner {
	display:block;
	font-size: 10px;
}
.hotel-box-container, .iata-box-container {
	position:relative;
	display:inline-block;
	text-align:center;
	z-index: 998 !important;
	width: 60px !important;
	height: 50px !important;
	left: -29px !important;
	top: -45px !important;
}
.iata-box-container {
	z-index: 999 !important;
}
.iata-box {
	
}

.leaflet-popup {
	bottom: 30px !important;
}
.hotel-new {
	position:relative;
	font-size: 24px;
	z-index: 50;
	color: #c30;
	padding: 0 6px;
}
.hotel {
	position:relative;
	font-size: 34px;
	z-index: 50;
	color: #e37222;
	color: #c30;
	top: -15px;
	left: -10px;
}
.hotel:before, .hotel-new:before {
	font-family:'Lines2';
	/*content: "\f236";*/
	content: "\f594";
	content: "\f0fd";
}
.hotel-alt {
	color: #090;
	background: rgba(243,250,229, .9);
}
.hotel-alt:before {
	color: #090;
}
.hotel-alt:after {
	border-top: 8px solid rgba(243,250,229, .9);
}

.open-map {
	display:inline-block;
	position:absolute;
	right: 0;
}
.open-map span, .open-map:before {
	display:inline-block;
	vertical-align: top;
	line-height: 25px;
}
.open-map:before {
	font-family:'Lines2';
	padding-right: 6px;
	content: "\f00e";
	font-size: 23px;
}
.view-world {
	position:relative;
	right:auto;
	margin-left:10px;
}
.view-world:before {
	content: "\f7a2";
}
.view-world span, .view-world:before, .view-world {
	line-height: 33px;
	height: 33px;
}

.toggle-map {
	background: #fff;
	border: 2px solid #aaa;
	border-radius: 2px;
	position:absolute;top:10px;right:10px;z-index:999;

}
.toggle-map a{ 
	display:block;
	padding: 0 10px;
	line-height: 42px;

	color: #000;

	/*
	background: rgba(255,224,55, .5);
	border: 1px solid #ffe037;
	border-radius: 4px;
	margin: 2px;
	*/
}



.aqi-notes,  .forecast {
	padding: 10px;
	text-align:left;
	max-width: 1980px;
}
.aqi-notes h6 {
	font-size: 17px;
	margin: 20px -10px 0 -10px;
	line-height: 41px;
	background: #00a1de;
	color: #fff;
	border-radius: 7px;
	padding: 0 0 0 10px;
}
.overwrite-options {
	margin: 20px -10px 40px -10px;
	background: #f3f3f3;
	position:relative;
	padding: 0 10px 10px 10px;
	border-radius: 7px;
}
.overwrite-options h6 {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	margin: 0 -10px 10px -10px;
}

.overwrite-options, .df-remarks {
	width: 70%;
	display:inline-block;
	vertical-align:top;
}
.df-remarks {
	width: 28%;
	margin: 20px 0 40px 2%;
}


.df-remarks div {
	padding: 0 0 5px 2px;
	position:relative;
}
.df-remarks textarea {
	height: 180px;
}
.aqi-notes pre {
	white-space:pre-wrap;
	margin: 10px 0 20px 0;
}

.wx-box {
	display:inline-block;
	width: 48%;
	vertical-align:top;
	position:relative;
}
.wx-box-taf {
	margin-left: 4%;
}


.select:after {
	pointer-events: none;
	font-family: 'Lines2';
	position: absolute;
	right: 10px;
	top: 0;
	content: "\f107";
	line-height: 48px;
}

label, select, .bar-block, .df-toggle-password, .df-toggle {
	cursor: pointer;
}

input, textarea, select, .bars, .df-toggle, .df-toggle:before, .aqi-notes, .graph img, .widget-container, .widget {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input, textarea, select {
	width: 100%;
	border: 1px solid #dedede;
	line-height: normal;
	padding: 0 10px;
	background: #f3f3f3;
	height: 48px;
}
textarea {
	padding: 10px;
	height: 120px;
}
input:focus, textarea:focus, select:focus {
	border-color: #00a1de;
}
.tiny-note {
	position:relative;
	top: -2px;
	font-size: 12px;
}

.custom-option {
	margin-left: 24px;
}
.custom-action, .custom-text {
	display:inline-block;
	vertical-align:top;
	margin-top: 8px;
	position:relative;
	width: 15%;
}
.custom-text {
	width: 84%;
	margin-left: 1%;
}

.custom-option input, .custom-option select {
	background: #fff;
}

input[type="checkbox"], input[type="radio"] {
	opacity: 0;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	float: right;
	line-height: 20px;
}
input[type="checkbox"] + label, input[type="radio"] + label {
	cursor: pointer;
	position:relative;
	display:inline-block;
	padding-left: 26px;
	line-height: 20px;
}
input[type="checkbox"] + label:after, input[type="radio"] + label:after {
	display:inline-block;
	position:absolute;
	left: 0;
	top: 1px;
	content: "";
	width: 16px;
	height: 16px;
	border-radius: 3px;
	border: 1px solid #ccc;
}
input[type="checkbox"] + label:before, input[type="radio"] + label:before {
	display: inline-block;
	width: 18px;
	text-align:center;
	position: absolute;
	left: 0;
	top: 1px;
	z-index: 3;
	font-family: 'Lines2';
	line-height: 18px;
	content: "\f00c";
	color: #fff;
	font-size: 12px;
}

.jq-details input[type="checkbox"] + label:before, .jq-details input[type="radio"] + label:before {
	color: #fafafa;
}
.overwrite-options input[type="checkbox"] + label:before, .overwrite-options input[type="radio"] + label:before {
	color: #f3f3f3
}
input[type="checkbox"]:checked + label:after, input[type="radio"]:checked + label:after {
	background: #00a1de;
	border-color: #00a1de;
}
.df-checkbox {
	position:relative;
	line-height: 24px;
	margin: 4px 0;
}
.df-checkbox label {
	display: inline-block;
	padding-left:  24px;
}
.aqi-notes input[type="checkbox"] + label:before {
	position:absolute;
	left: 0;
}
input[type="submit"] {
	background: #00a1de;
	border-color: #00a1de;
	color: #fff;
	margin: 28px 0;
}
input.input-error, select.input-error, input.df-input-error, select.df-input-error {
	background: #ffffe6;
}

.search-input {
	padding-right: 60px;
}
.search-button input[type="submit"] {
	opacity: 0;
	margin: 0;

}

.search-button, .search-button input[type="submit"], .search-button:before {
	width: 48px;
	height: 48px;
	position:absolute;
	right: 0;
	top: 0;
	cursor:pointer;
}

.search-button {
	background: #00a1de;
	overflow:hidden;
	line-height: 48px;
	text-align:center;
	color: #fff;
	border-radius: 4px;
}
.search-button:before {
	font-family: 'Lines2';
	content: "\f002";
	font-size: 24px;
}
.df-admin-form input[type="submit"] {
	width: 200px;
}

.error {
	max-width: 1100px;
	padding: 14px;
	background: #ffffe6;
	border: 1px solid #faebcc;
	color: #3c4043;
	margin: 0 auto 32px auto;
}
.success {
	background-color: #f1f9f7;
	border-color: #e0f1e9;
	color: #1d9d74;	
}

footer {
	text-align:center;
	padding: 40px 0;
}



.df-tiny-cover {
	display:none;
	position:absolute;
	z-index: 5;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: url('/images/df-spinner-1s.svg') center center no-repeat;
	background-size: 100px 100px;

	background-color: rgba(255,255,255, .5);
}

iframe {
	border:0;
	width:100%;
	height:300px;
}
.view-station {
	background-color: #fff;
	width:100%;
	position:absolute;
	top: 0;
	left: 0;
}
.close-station, .view-station {
	z-index: 5;
}

.small-graphs-container {
	position:relative;
}
.small-graphs li {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin: 0;
	padding: 0;

}
.small-graphs li:nth-child(even) {
	background: #e5f5fb;
}
.small-graphs li div {
	display:inline-block;
	height: 44px;
	vertical-align:top;
	font-size: 11px;

}
.small-graphs li:last-child div {
	height: 60px;
}
.small-graphs li:first-child div {
	height: 20px;
}
.boxes {
}
.l-box {
	width: 65px;
}
.main-box {
	width: 330px;
}
.r-box {
	width: 50px;
}
.split-cell {
	display:inline-block;
	vertical-align:top;
	width: 50%;
	text-align:center;
	line-height: 44px;
	text-transform:uppercase;
}
.small-graphs li:first-child span.split-cell {
	line-height: 22px;
	text-transform:lowercase;

}
.cell-type {
	text-align:left;
	font-weight: bold;
}
.close-station {
	cursor:pointer;
	display:none;
	color: #c30;
	position:relative;
	z-index: 20;
	top: -18px;
}

.dmf-version li {
	display:inline-block;
	vertical-align:top;
	width: 46%;
	margin: 2%;
}

.tiny-dmf {
	display:inline-block;
	vertical-align: middle;
}
.tiny-dmf-remarks {
	margin-left: 50px;
	max-width: 500px;
}
.tiny-dmf-values {
	text-align:center;
}

.code-red {
	color: #c30;
}

.map-select, .checked-note {
	display:inline-block;
	float:right;
	width: 140px;
	position:relative;
	line-height: 44px;
}
.map-select {
	padding-left: 10px;
}
.checked-note {
	width: 210px;
	text-align:right;

}
.map-select select {
	height: 42px;
}
.map-select:after {
	line-height: 42px;
}
.map-select select {
	background: #fff;
}


.log-div {
	padding-right:90px;
	line-height:24px;
	padding-top:12px;
	padding-bottom:12px;
	word-break: break-word;
}

.major-cal {

}
.major-cal li.year-dep {
	padding: 14px 0 6px 14px;
}
.df-days {
	display:table;
	width: 100%;
}
.df-days li {
	display:table-cell;
}
.df-days div {
	line-height: 36px;
	text-align:center;
	padding-top: 1px;
	border-bottom: 1px solid #dedede;
	border-left: 1px solid #dedede;
}
.df-days li:first-child {

}
.dfd-days {

}
.dfd-days, .dfd-name {

}
.dfd-name {
	padding-left: 14px;
}
.df-days div.dfd-name {
	text-align:left;
	border-left: 0;
}
.station-count {
	display:inline-block;
	position:relative;
	padding-right: 38px;
}
.station-count:before {
	position: absolute;

	right: 10px;
	font-family: 'Lines2';
	font-size: 25px;
	content: "\f2c9";
	content: "\f519";
}



.iata-coords, .hotel-coords, .geo {
	display:block;
	width: 24px;
	height: 24px;
	position:absolute;
	top: 24px;
	left: 25%;
	overflow:hidden;
	z-index: 5;
}

.iata-coords, .iata-coords:before, .hotel-coords, .hotel-coords:before, .geo, .geo:before {
	display:block;
	width: 24px;
	height: 24px;
	text-align:center;
	line-height: 24px;
	font-family: 'Lines2';
	content: "\f5a0";
	content: "\f002";
	font-size: 24px;
}

.geo {
	top: 12px;
	left: -8%;
}

.forecast {
	margin: 20px 0 40px 0;
}
.forecast, .forecast li {
	text-align:left;
}
.forecast li {
	vertical-align:bottom;
	box-shadow: none;
	padding: 0;
	/*margin: 0 0 20px 5%;*/
	border-radius: 0;
	border: 0;

	margin: 0;
	display:inline-block;
	width: 12%;
	text-align:center;
	line-height: 32px;
}
.forecast li:first-child {
	width: 16%;
	text-align:left;
}
.aqi-div {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.forecast li:first-child .aqi-div {
	border-left: 0;
}
.aqi-indicator {
	border: 1px solid #ddd;
	background: #f3f3f3;
}
.aqi-div span {

}
.stitle {
	display:none;
}


.aqi-a {
	background:rgba(47,167,0, .4);
	border-color: #37b804;
}
.aqi-b {
	background: rgba(255,224,55, .5);
	border-color: #ffe037;
}
.aqi-c {
	background: rgba(255,182,55, .5);
	border-color: #ffb637;
}
.aqi-d {
	background: rgba(204,51,0, .4);
	border-color: #c30;
}
.aqi-e {
	background: rgba(102,0,153, .5);
	border-color: #660099;
}
.aqi-f {
	background: rgba(126,0,35, .5);
	border-color: #7e0023;
}



@media (max-width: 2070px) {
	.aqi-legend-container {
		margin-left: auto;
		margin-right: auto;
	}

	.wx-box {
		display:block;
		width: auto;
	}
	.wx-box-taf {
		margin: 0;
	}


	.location-list, .aqi-legend-container, .mcd {
		max-width: 1100px;
	}
	.location-list li {

	}
	.big-block {
		display:block;
	}
	.widget-container, .widget {
		width: 500px;
	}
	.aqi-notes, .forecast {
		max-width: 1040px;
		margin-left: auto;
		margin-right: auto;
	}


	.overwrite-options, .df-remarks {
		display:block;
		width: auto;
		margin: 20px 0 0 0;
	}
	.overwrite-options {
			margin: 20px -10px 0 -10px;
		}
	.df-remarks {
		margin: 20px 0 40px 0;
	}
	.df-remarks textarea {
		height: 80px;
	}

	.tiny-dmf {
		margin: 0 20px;
		display:block;
	}
	.tiny-dmf-remarks {
		margin-top: 10px;
	}

}
@media (max-width: 1130px) {
	.widget-container, .widget, .graph img {
		width: 450px;

	}
	.widget-container, .widget {

	}
	.aqi-notes, .forecast {
		max-width: 940px;
	}
	.open-map span {
		display:none;
	}

}
@media (max-width: 1040px) {
	.content {
		padding-left: 14px;
		padding-right: 14px;
	}

	.df-history-cal {
		overflow-x: auto;
		-webkit-overflow-scrolling:touch;
		
	}
	.df-days {
		min-width: 1000px;
	}
	.ltitle {
		display:none;
	}
	.stitle {
		display:inline;
	}
}

@media (max-width: 1020px) {
	.aqi-notes {
		margin: 0 20px;
	}
	.location-list {
		max-width: 500px;
	}
	.custom-action, .custom-text{
		display:block;
		width: auto;
		margin-left: 0;
	}
	.dmf-version li {
		display: block;
		width: auto;
		margin: 0 0 40px 0;
	}


}


@media (max-width: 900px) {
	.aqi-text {
		font-size: 25px;
	}
	.df-actions a {
		width: 32px;
		overflow: hidden;
		white-space: nowrap;
		text-align: center;
		padding: 0;
	}
	.df-actions a:before {
		font-family: 'Lines2';
		display: block;
		width: 32px;
		font-size: 21px;
	}
	.df-edit:before {
		content: "\f303";
	}
	.df-delete:before {
		content: "\f2ed";
	}
	nav ul li.sign-options {
		position:relative;
		right:auto;
		border-left: none;
	}
	nav ul {
		min-width: 810px;
		overflow:hidden;
	}
	nav {
		-webkit-overflow-scrolling:touch;
		overflow-y:auto;
	}

	.aqi-legend-container {
		max-width: 500px;
	}

	.map-select, .checked-note {
		width: 48%;
		vertical-align:top;
		
	}
	.checked-note {
		float: none;
	}


}

@media (max-width: 600px) {


	.df-admin-form label {
		line-height: 28px;
	}
	.df-admin-form label, .df-admin-form .df-input {
		width: 100%;
		position:relative;
		box-sizing: border-box;
	}
	.df-admin-form .df-input, .df-rights, .df-submit {
		margin-left: 0;
	}

	.widget, .widget-container {
		display:block;
		width: auto;
	}
	.map {
		margin: -10px -10px 14px -10px;
	}
	.graph img {
		width: 100%;
	}
	.mr {
		margin-right: 0;
	}
	.tc {
		margin-top: 0;
	}
	.aqi-multibox {
		margin: 0 10px;
	}
	.mortal-widget {
		display:none;
	}
	.aqi-contents {
		padding: 0;
	}
	.aqi-box {
		width: 50px;
		line-height: 20px;
		padding: 5px 6px 7px 6px;
		font-size: 12px;
		margin-bottom: 0;
	}
	.aqi-value {
		line-height: 24px;
		font-size: 18px;
	}
	.graph, .aqi-notes, .forecast {
		margin: 0;
		padding: 20px;
	}
	.aqi-notes h6, .overwrite-options {
		border-radius: 0;
		margin-left: -20px;
		margin-right: -20px;
	}
	.df-remarks {
		margin: 20px 0 40px 0;
	}
	.df-remarks div {
		padding-left: 0;
	}
	.aqi-notes h6 {
		background: #17668e;
		padding-left: 20px;
	}
	.overwrite-options {
		padding: 0 20px 10px 20px;
	}
		.open-map {
		right: 20px;
	}
	.map-select, .checked-note {
		display:block;
		float:none;
		width: auto;
		margin-bottom: 10px;
		padding: 0;
	}
	.checked-note {
		line-height: 22px;
	}
	.df-log .df-actions {
		position:static;
		right: auto;
		padding-top: 14px;
	}
	.log-div {
		padding: 0;
		padding-bottom: 14px;
	}
	.df-log .df-actions, .log-div {
		line-height: 21px;
		height: auto;
	}

	.jq-details {
		margin-left: 0;
	}

	.iata-coords, .hotel-coords, .geo {
		top: 12px;
		left: auto;
		right: 14px;
	}
	.geo {
		top: -28px;
		right: 0;
	}
}


@media (max-width: 380px) {
	.station-count {
		display:none;
	}



}

.wooptiedoo, .custom-option input.wooptiedoo {
	background: #fcf8e3;
}

.df-ys {
	margin: 0 12px 12px 0;
}
.df-copy {
	margin-top: 48px;
}

.comma {
	display:inline-block;
	text-align:center;
	width: 4%;
}
.coordinates {
	width: 48%;
}

::-ms-reveal {
    display: none;
}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */