/* Fonts */

/*
@font-face {
	font-family: 'FontAwesome';
	src: url('/static/fonts/fontawesome-webfont.eot?v=4.5.0');
	src: url('/static/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),
		 url('/static/fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),
		 url('/static/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),
		 url('/static/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),
		 url('/static/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

@font-face {
	font-family:"Font Awesome 5 Free";
	font-display: auto;
	font-style:normal;
	font-weight:400;
	src:url('/static/fonts/fa-regular-400.eot');
	src:url('/static/fonts/fa-regular-400.eot?#iefix') format("embedded-opentype"),
	url('/static/fonts/fa-regular-400.woff2') format("woff2"),
	url('/static/fonts/fa-regular-400.woff') format("woff"),
	url('/static/fonts/fa-regular-400.ttf') format("truetype"),
	url('/static/fonts/fa-regular-400.svg#fontawesome') format("svg")
}

@font-face {
	font-family:"Font Awesome 5 Free";
	font-display: auto;
	font-style:normal;
	font-weight:900;
	src:url('/static/fonts/fa-solid-900.eot');
	src:url('/static/fonts/fa-solid-900.eot?#iefix') format("embedded-opentype"),
	url('/static/fonts/fa-solid-900.woff2') format("woff2"),
	url('/static/fonts/fa-solid-900.woff') format("woff"),
	url('/static/fonts/fa-solid-900.ttf') format("truetype"),
	url('/static/fonts/fa-solid-900.svg#fontawesome') format("svg")
}

@font-face {
	font-family: 'Font Awesome 5 Brands';
	font-display: auto;
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url("/static/fonts/fa-brands-400.eot");
	src: url("/static/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), 
	url("/static/fonts/fa-brands-400.woff2") format("woff2"), 
	url("/static/fonts/fa-brands-400.woff") format("woff"), 
	url("/static/fonts/fa-brands-400.ttf") format("truetype"), 
	url("/static/fonts/fa-brands-400.svg#fontawesome") format("svg"); 
}

@font-face {
	font-family: 'Proxima-Nova-Black';
	font-display: auto;
	src: url('/static/fonts/proxima_nova_black-webfont.eot');
	src: url('/static/fonts/proxima_nova_black-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/static/fonts/proxima_nova_black-webfont.woff2') format('woff2'),
		 url('/static/fonts/proxima_nova_black-webfont.woff') format('woff'),
		 url('/static/fonts/proxima_nova_black-webfont.ttf') format('truetype'),
		 url('/static/fonts/proxima_nova_black-webfont.svg#Proxima-Nova-Black') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima-Nova-Black-Italic';
	font-display: auto;
	src: url('/static/fonts/proxima_nova_black_italic-webfont.eot');
	src: url('/static/fonts/proxima_nova_black_italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/static/fonts/proxima_nova_black_italic-webfont.woff2') format('woff2'),
		 url('/static/fonts/proxima_nova_black_italic-webfont.woff') format('woff'),
		 url('/static/fonts/proxima_nova_black_italic-webfont.ttf') format('truetype'),
		 url('/static/fonts/proxima_nova_black_italic-webfont.svg#Proxima-Nova-Black-Italic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima-Nova-Bold';
	font-display: auto;
	src: url('/static/fonts/proxima_nova_bold-webfont.eot');
	src: url('/static/fonts/proxima_nova_bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/static/fonts/proxima_nova_bold-webfont.woff2') format('woff2'),
		 url('/static/fonts/proxima_nova_bold-webfont.woff') format('woff'),
		 url('/static/fonts/proxima_nova_bold-webfont.ttf') format('truetype'),
		 url('/static/fonts/proxima_nova_bold-webfont.svg#Proxima-Nova-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima-Nova-Bold-Italic';
	font-display: auto;
	src: url('/static/fonts/proxima_nova_bold_italic-webfont.eot');
	src: url('/static/fonts/proxima_nova_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/static/fonts/proxima_nova_bold_italic-webfont.woff2') format('woff2'),
		 url('/static/fonts/proxima_nova_bold_italic-webfont.woff') format('woff'),
		 url('/static/fonts/proxima_nova_bold_italic-webfont.ttf') format('truetype'),
		 url('/static/fonts/proxima_nova_bold_italic-webfont.svg#Proxima-Nova-Bold-Italic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima-Nova-Condensed-Bold';
	font-display: auto;
	src: url('/static/fonts/proxima_nova_condensed_bold-webfont.eot');
	src: url('/static/fonts/proxima_nova_condensed_bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/static/fonts/proxima_nova_condensed_bold-webfont.woff2') format('woff2'),
		 url('/static/fonts/proxima_nova_condensed_bold-webfont.woff') format('woff'),
		 url('/static/fonts/proxima_nova_condensed_bold-webfont.ttf') format('truetype'),
		 url('/static/fonts/proxima_nova_condensed_bold-webfont.svg#Proxima-Nova-Condensed-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima-Nova-Condensed';
	font-display: auto;
	src: url('/static/fonts/proxima_nova_condensed_regular-webfont.eot');
	src: url('/static/fonts/proxima_nova_condensed_regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/static/fonts/proxima_nova_condensed_regular-webfont.woff2') format('woff2'),
		 url('/static/fonts/proxima_nova_condensed_regular-webfont.woff') format('woff'),
		 url('/static/fonts/proxima_nova_condensed_regular-webfont.ttf') format('truetype'),
		 url('/static/fonts/proxima_nova_condensed_regular-webfont.svg#Proxima-Nova-Condensed') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima-Nova-Condensed-Thin';
	font-display: auto;
	src: url('/static/fonts/proxima_nova_condensed_thin-webfont.eot');
	src: url('/static/fonts/proxima_nova_condensed_thin-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/static/fonts/proxima_nova_condensed_thin-webfont.woff2') format('woff2'),
		 url('/static/fonts/proxima_nova_condensed_thin-webfont.woff') format('woff'),
		 url('/static/fonts/proxima_nova_condensed_thin-webfont.ttf') format('truetype'),
		 url('/static/fonts/proxima_nova_condensed_thin-webfont.svg#Proxima-Nova-Condensed-Thin') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima-Nova-ExtraBold';
	font-display: auto;
	src: url('/static/fonts/proxima_nova_extrabold-webfont.eot');
	src: url('/static/fonts/proxima_nova_extrabold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/static/fonts/proxima_nova_extrabold-webfont.woff2') format('woff2'),
		 url('/static/fonts/proxima_nova_extrabold-webfont.woff') format('woff'),
		 url('/static/fonts/proxima_nova_extrabold-webfont.ttf') format('truetype'),
		 url('/static/fonts/proxima_nova_extrabold-webfont.svg#Proxima-Nova-ExtraBold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima-Nova-ExtraBold-Italic';
	font-display: auto;
	src: url('/static/fonts/proxima_nova_extrabold_italic-webfont.eot');
	src: url('/static/fonts/proxima_nova_extrabold_italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/static/fonts/proxima_nova_extrabold_italic-webfont.woff2') format('woff2'),
		 url('/static/fonts/proxima_nova_extrabold_italic-webfont.woff') format('woff'),
		 url('/static/fonts/proxima_nova_extrabold_italic-webfont.ttf') format('truetype'),
		 url('/static/fonts/proxima_nova_extrabold_italic-webfont.svg#Proxima-Nova-ExtraBold-Italic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima-Nova-Light';
	font-display: auto;
	src: url('/static/fonts/proxima_nova_light-webfont.eot');
	src: url('/static/fonts/proxima_nova_light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/static/fonts/proxima_nova_light-webfont.woff2') format('woff2'),
		 url('/static/fonts/proxima_nova_light-webfont.woff') format('woff'),
		 url('/static/fonts/proxima_nova_light-webfont.ttf') format('truetype'),
		 url('/static/fonts/proxima_nova_light-webfont.svg#Proxima-Nova-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima-Nova-Light-Italic';
	font-display: auto;
	src: url('/static/fonts/proxima_nova_light_italic-webfont.eot');
	src: url('/static/fonts/proxima_nova_light_italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/static/fonts/proxima_nova_light_italic-webfont.woff2') format('woff2'),
		 url('/static/fonts/proxima_nova_light_italic-webfont.woff') format('woff'),
		 url('/static/fonts/proxima_nova_light_italic-webfont.ttf') format('truetype'),
		 url('/static/fonts/proxima_nova_light_italic-webfont.svg#Proxima-Nova-Light-Italic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima-Nova';
	font-display: auto;
	src: url('/static/fonts/proxima_nova_regular-webfont.eot');
	src: url('/static/fonts/proxima_nova_regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/static/fonts/proxima_nova_regular-webfont.woff2') format('woff2'),
		 url('/static/fonts/proxima_nova_regular-webfont.woff') format('woff'),
		 url('/static/fonts/proxima_nova_regular-webfont.ttf') format('truetype'),
		 url('/static/fonts/proxima_nova_regular-webfont.svg#Proxima-Nova') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima-Nova-Italic';
	font-display: auto;
	src: url('/static/fonts/proxima_nova_regular_italic-webfont.eot');
	src: url('/static/fonts/proxima_nova_regular_italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/static/fonts/proxima_nova_regular_italic-webfont.woff2') format('woff2'),
		 url('/static/fonts/proxima_nova_regular_italic-webfont.woff') format('woff'),
		 url('/static/fonts/proxima_nova_regular_italic-webfont.ttf') format('truetype'),
		 url('/static/fonts/proxima_nova_regular_italic-webfont.svg#Proxima-Nova-Italic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'RobotoRegular';
	font-display: auto;
	src: url('/static/fonts/Roboto-Regular-webfont.eot');
	src: url('/static/fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/static/fonts/Roboto-Regular-webfont.woff') format('woff'),
		 url('/static/fonts/Roboto-Regular-webfont.ttf') format('truetype'),
		 url('/static/fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Josefin Sans';
	font-display: auto;
	font-style: normal;
	font-weight: 400;
	src: local('Josefin Sans'), local('JosefinSans'), url('/static/fonts/Josefin-Sans.woff') format('woff');
}

@font-face {
	font-family: 'DigitaldreamRegular';
	font-display: auto;
	src: url('/static/fonts/DIGITALDREAM-webfont.eot');
	src: url('/static/fonts/DIGITALDREAM-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/static/fonts/DIGITALDREAM-webfont.woff') format('woff'),
		 url('/static/fonts/DIGITALDREAM-webfont.ttf') format('truetype'),
		 url('/static/fonts/DIGITALDREAM-webfont.svg#DigitaldreamFatRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

.air_fontawesome,
.fontawesome {	
	font-family: 'Font Awesome 5 Free';
	font-weight: 900; 
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.air_fontawesome_brands {
	font-family: 'Font Awesome 5 Brands';
	font-weight: normal; 
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Generic HTML styles */

html, body
{
	padding:0px;
	margin:0px;

	color:#525252;
	background-color: #d8dde8;
	font-family: 'Proxima-Nova', Verdana, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
}

img
{
	vertical-align:middle;
}

input, select, textarea
{
	font-family: 'Proxima-Nova', Verdana, Helvetica, sans-serif;
	background-color: white;
	color:black;
	padding:0.3em;
	border:1px solid #cccccc;
}

input:disabled, select:disabled, textarea:disabled
{
	background-color:rgba(0,0,0,0.2);
	color: gray;
}

h1,h2,h3,h4
{	
	padding:0em;
	margin:0.2em;
	margin-top:0.5em;
}

h1 {
	font-size: 1.6em;
	line-height: 1.6em;	
	text-shadow:1px 1px 2px #AAAAAA;
}

h1 img
{
	vertical-align:middle;
}

h2 {
	font-size: 1.3em;
	line-height: 1.3em;
}

h3 {
	font-size: 1.25em;
	line-height: 1.25em;	
}

h4 {
	font-size: 1.1em;
	line-height: 1.2em;
}

a
{
	text-decoration: none;
	color: #0158B8;
	transition: color 0.5s;
}

a[rel~="external"][href^="/external_link/"] {
    background-position: right center;
    background-image: url(/img/misc/external_link.gif);
    background-repeat: no-repeat;
    padding-right: 18px;
}

a:hover
{
	text-decoration: none;
	color: #0969EC;
}

h1
{
	margin-top:0.5em;
	margin-bottom:0.5em;
}

pre, .code {
	border-left: 1em solid #999999;
	background: #F6F6F6;
}
pre, .code {
	padding: 10px 15px;
	margin: 5px 0 15px;
	border-left: 5px solid #999999;
	background: #FFFFFF;
	font: 0.9em/1.5 "Courier News", monospace;
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}

/*
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
*/

/* Items */

.opacitylink
{
	opacity:0.8;
	transition: color 0.5s, opacity 0.5s;
}

.opacitylink:hover
{
	opacity:1;
}

.air_row_separator
{
	height:3px;
	background-color:rgba(0,0,0,0.1);
	margin:1em;
}

.air_notes_right
{
	text-align:right;
	color:gray;
	padding:1em;
}

.air_monospace,
.monospace
{
	font-family:monospace;
}

.air_tag_len5 {
	width:5em;
	margin-right:1em;
}

.air_tag_len10 {
	width:10em;
	margin-right:1em;
}

.air_tag_len20 {
	width:10em;
	margin-right:1em;
}

.air_tag,
.air_tag_green,
.air_tag_yellow,
.air_tag_red,
.air_tag_blue,
.air_tag_gray {
	background: rgba(0,0,0,0.1);
	color: rgba(0,0,0,0.7) !important;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	padding:0.4em;
	padding-left:0.2em;
	padding-right:0.7em;
	font-size:0.8em;
	line-height:1em;
	margin-left:1em;
	text-align:center;

	opacity:0.7;
	transition: opacity 0.5s;
}

.air_tag:before,
.air_tag_green:before,
.air_tag_yellow:before,
.air_tag_red:before,
.air_tag_blue:before, 
.air_tag_gray:before {	
	border-color: transparent rgba(0,0,0,0.1) transparent transparent;
	right: 100%;
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.9em 0.9em;
	position: absolute;
	top: 0;
}

.air_tag_ready,
.air_tag_green {
	background: rgba(0,128,0,0.5);
}

.air_tag_ready:before,
.air_tag_green:before {
	border-color: transparent rgba(0,128,0,0.5) transparent transparent;
}

.air_tag_yellow {
	background: #aaaa44;
}

.air_tag_yellow:before {
	border-color: transparent #aaaa44 transparent transparent;
}

.air_tag_red {
	background: #aa4444;
}

.air_tag_red:before {
	border-color: transparent #aa4444 transparent transparent;
}

.air_tag_blue {
	background: #4444aa;
}

.air_tag_blue:before {
	border-color: transparent #4444aa transparent transparent;
}

.air_tag_gray {
	background: #888888;
}

.air_tag_gray:before {
	border-color: transparent #888888 transparent transparent;
}

.air_tag:hover
{
	opacity:1;
}

.digital
{
	font: 12px 'DigitaldreamRegular', Arial, sans-serif;
	padding:2px;
	margin:2px;
	background-color: black;
	color: #00FF00;
	text-shadow: 0px 0px 5px #00FF00;
}

ul.air_points, ul.points, ul.bbc
{
	list-style-type: none !important;
}

ul.air_points li, ul.points li, ul.bbc li
{
	background: url("/static/img/bullet.png") 0.5em 0.5em no-repeat transparent;
	line-height: 180%;
	margin-top:0.8em;
	padding-left: 2em;
}

ol.air_points, ol.points
{
	list-style-type:decimal;
	margin-left:2em;
}

.air_indent
{
	padding-left:1em;
}

.tilepoint
{
	float:left;
	position:relative;
	width: 300px;
	/*height: 500px;*/
	border:1px solid #cccccc;
	margin:20px;
	padding:10px;
	background-color:#fafafa;
	box-shadow: 0 0 5px #888;
	text-align:center;
}

.tilepoint img
{
	margin-top:2em;
	max-width:90%;
	max-height:90%;
}

.tilepointindex
{
	text-align:center;
	width:32px;
	height:32px;
	line-height:30px;
	background-color:rgb(92,92,92);
	color:white;
	/*border:3px solid blue;*/
	/*padding-top:5px;*/
	font-size:1.25em;
	border-radius: 100%;
	position:absolute;
	left:-16px;
	top:-16px;

	box-shadow: 0 0 5px #888;
}

.big
{
	font-size:1.5em;
}

div.inlinebox
{
	display:inline-block;
	text-align:left;
}

div.centerbox
{
	margin:auto;
	padding:1em;
}

div.rightbox
{
	float:right;
}

img.iconright
{
	float:right;
	margin-left:1em;
	max-width:20vw;
}

span.insetbox
{
	box-shadow: inset 0 0 0.5em rgba(0,0,0,0.2);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%);
	padding:0.5em;
	border-radius: 0.5em;
	line-height:2em;
}

div.air_box_inset, div.rightbox, div.box_inset
{
	box-shadow: inset 0 0 0.5em rgba(0,0,0,0.2);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%);
	padding:1em;
	border-radius: 0.5em;
}

div.paragraphbox
{
	border:1px solid #cccccc;
	margin:10px;
	padding:10px;
	background-color:#fafafa;
	box-shadow: 0 0 5px #888;
	border-radius: 5px;
}

div.separator
{
	margin:5px;
	border-top:1px solid gray;
}

img.small
{
	vertical-align:middle;
	width:16px;
}

input.currency
{
	width:5em;
	text-align:right;
}

span.ipv4, span.ipv6
{
	/*
	font-family: 'DigitaldreamRegular', Arial, sans-serif;
	border-radius:0.4em;
	padding:0.4em;
	padding-left:0.5em;
	padding-right:0.5em;
	background-color: rgba(0,0,0,0.8);
	box-shadow: inset 0.1em 0.1em 0.1em #000;	
	color: #00FF00;
	text-shadow: 0px 0px 0.2em #00FF00;
	*/

	border:1px solid rgba(0,0,0,0.1);
	background-color: rgba(0,0,0,0.02);
	padding-left:0.2em;
	padding-right:0.2em;
	margin-left:0.5em;
	margin-right:0.5em;
	font-family:monospace;
	white-space:nowrap;
}

span.cipher
{
	border:1px solid rgba(0,0,0,0.1);
	background-color: rgba(0,0,0,0.02);
	padding-left:0.2em;
	padding-right:0.2em;
	margin-left:0.5em;
	margin-right:0.5em;
	font-family:monospace;
	white-space:nowrap;
}

.air_cryptocoin
{
	display:inline-block;
	white-space: nowrap;
	border:1px solid rgba(0,0,0,0.1);
	padding:0.2em;
	margin:0.2em;
	font-size:1.2em;
}

.air_cryptocoin img
{
	height:1.5em;
	margin-right:0.5em;
}

.air_flag
{
	height:1em;
	margin-right:0.5em;
	vertical-align:middle;
}

.air_coupon_code
{
	font-family:monospace;
	border-left:0.5em solid #4BA5FC;
	color: #4BA5FC;
	padding:0em;
	padding-left:0.5em;
	padding-right:0.5em;
	box-shadow:0px 0px 0.3em gray;
	margin:0em;
	margin-left:0.5em;
	margin-right:0.5em;
	background-color: white;
}

table.data
{
	/*font-size: 0.8em;*/
	border-collapse: collapse;
	border:1px solid rgba(0,0,0,0.1);	
	margin-left:auto; margin-right:auto;
}

.data td
{
	border:1px solid rgba(0,0,0,0.1);	
}

.data td,
.data th
{
	margin: 0px;
	padding: 0.5em;
	vertical-align: middle;
	text-align:left;
}

.data th
{
	/*border:1px solid #3586FF;*/
	/*white-space: nowrap;*/
}

.data td img
{
	vertical-align:middle;
}

.data tr
{
	background-color: #fafafa;
	transition: background-color 0.5s, opacity 0.5s;
}

.data .separator
{
	/*background-color:#3586FF !important;*/
	background-color:rgba(0,0,0,0.1) !important;
	height:3px;
}

.data th, .properties th
{	
	background-color: #66A3FF;
	color:white;
	text-shadow: #4488DD 0px 0px 2px;
}

.data th a
{
	color:white;
	text-decoration:underline;
}

table.data tr:nth-child(2n) {
	background-color: rgba(0,0,0,0.04);
}

table.data tr:nth-child(2n+1) {
	background-color: rgba(0,0,0,0);
}

table.data tr:hover
{
	background-color: rgba(102,163,255,0.2);
}

.data tr.warning
{
	background-color:yellow !important;
}

.data td.nodata
{
	text-align:center;
	padding:1em;
}

table.data td.air_status_green
{
	width:1em;
}

table.data tr:nth-child(2n) td.air_status_green
{
	background-color: rgba(0,192,0,0.5);
}
table.data tr:nth-child(2n+1) td.air_status_green
{
	background-color: rgba(0,192,0,0.4);
}

table.data tr:nth-child(2n) td.air_status_yellow
{
	background-color: rgba(255,255,0,0.5);
}
table.data tr:nth-child(2n+1) td.air_status_yellow
{
	background-color: rgba(255,255,0,0.4);
}

table.data tr:nth-child(2n) td.air_status_red
{
	background-color: rgba(255,0,0,0.5);
}
table.data tr:nth-child(2n+1) td.air_status_red
{
	background-color: rgba(255,0,0,0.4);
}

table.data tr:nth-child(2n) td.air_status_blue
{
	background-color: rgba(128,128,255,0.5);
}
table.data tr:nth-child(2n+1) td.air_status_blue
{
	background-color: rgba(128,128,255,0.4);
}

table.data tr:nth-child(2n) td.air_status_gray
{
	background-color: rgba(128,128,128,0.5);
}
table.data tr:nth-child(2n+1) td.air_status_gray
{
	background-color: rgba(128,128,128,0.4);
}

table.properties
{
	border-collapse: collapse;
	/*width:100%;*/
}

table.properties td,
table.properties th
{
	font-family:Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align:left;
	padding:5px;
	padding-left:10px;
}

table.properties tr
{
	background-color: transparent;
	transition: background-color 0.5s;
}

table.properties tr:hover {
	background-color: rgba(102,163,255,0.2);
}

table.properties tr:nth-child(2n) td {
	background-color: rgba(0,0,0,0.05);
}

table.properties tr:nth-child(2n+1) td {
	background-color: rgba(0,0,0,0.02);
}

table.properties tr > td:first-child {
	background-color: rgba(0,0,0,0.05);

	white-space: nowrap;
	text-align:right;
	vertical-align:middle;
	width:50%;
}

table.properties img
{
	vertical-align: middle;
}

.button_normal, .button_current,
.air_button_normal, .air_button_current,
.air_button
{
	display:inline-block;
	white-space: nowrap;
	cursor: pointer;
	font-size:1em;
	margin:0.5em;
	padding:0.5em;
	padding-left:2em;
	padding-right:2em;
	color:black;

	border-radius: 0.7em;
	box-shadow: 0 0 0.5em rgba(0,0,0,0.3);
	text-align:center;
	text-decoration:none;
	text-shadow:0.05em 0.05em 0.1em rgba(0,0,0,0.5);
	background-color: rgba(0,0,0,0.03);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 50%,rgba(0,0,0,0.1) 51%,rgba(0,0,0,0.12) 100%); /* W3C */
	opacity:0.7;
	transition: opacity 0.5s, box-shadow 0.5s;
}

.button_normal:hover,
.air_button_normal:hover,
.air_button:hover
{
	color:black;
	opacity:1.0;
	box-shadow: 0 0 1em rgba(75,165,252,1);
}

.button_current,
.air_button_current
{
	/*background-color: rgba(75,165,252,0.0);*/
	background-color: rgba(75,165,252,0.1) !important;
	box-shadow: 0 0 20px rgba(75,165,252,1);
	opacity:1.0;
}

.button_disabled,
.button_disabled:hover,
.air_button_disabled,
.air_button_disabled:hover
{
	opacity: 0.2;
}

.disabled,
.air_disabled,
.disabled:hover,
.air_disabled:hover,
input[disabled],
input[disabled]:hover {
	opacity:0.3 !important;
}

.air_selected
{
	background-color: rgba(75,165,252,0.1) !important;
	box-shadow: 0 0 20px rgba(75,165,252,1) !important;
	opacity:1.0 !important;
}

.air_message_error, .air_message_info, .air_message_warning,
.message_error, .message_info, .message_warning
{
	font-size:1.1em;
	text-align:center;
	margin:1em;
	padding:10px;
	padding-left:78px;
}

.air_message_info,
.message_info
{
	background-color: #ebf7fd;
	color: #2d7091;
	border: 1px solid rgba(45, 112, 145, 0.3);
	border-radius: 4px;
	text-shadow: 0 1px 0 #ffffff;
	box-shadow: 0px 0px 0.5em rgba(45, 112, 145, 0.3);
	background: url('/static/img/icons/48x48/info.png') 10px 50% no-repeat, linear-gradient(to bottom, rgba(0,0,0,0), rgba(255,255,255,0.3) 100%), linear-gradient(to bottom, rgba(0,0,0,0.05), rgba(0,0,0,0.1) 100%) 0px 0px/68px 100% no-repeat, #ebf7fd;
}

.air_message_warning,
.message_warning
{
	background-color: #fffceb;
	color: #e28327;
	border: 1px solid rgba(226, 131, 39, 0.3);
	border-radius: 4px;
	text-shadow: 0 1px 0 #ffffff;
	box-shadow: 0px 0px 0.5em rgba(226, 131, 39, 0.3);
	background: url('/static/img/icons/48x48/warning.png') 10px 50% no-repeat, linear-gradient(to bottom, rgba(0,0,0,0), rgba(255,255,255,0.3) 100%), linear-gradient(to bottom, rgba(0,0,0,0.05), rgba(0,0,0,0.1) 100%) 0px 0px/68px 100% no-repeat, #fffceb;
}

.message_error,
.air_message_error
{
	background-color: #fff1f0;
	color: #d85030;
	border: 1px solid rgba(216, 80, 48, 0.3);
	border-radius: 4px;
	text-shadow: 0 1px 0 #ffffff;
	box-shadow: 0px 0px 0.5em rgba(216, 80, 48, 0.3);
	background: url('/static/img/icons/48x48/error.png') 10px 50% no-repeat, linear-gradient(to bottom, rgba(0,0,0,0), rgba(255,255,255,0.3) 100%), linear-gradient(to bottom, rgba(0,0,0,0.05), rgba(0,0,0,0.1) 100%) 0px 0px/68px 100% no-repeat, #fff1f0;
}

span.edit-inline,
span.air_edit_inline
{
	display:inline-block;
	background-image: url('/images/edit_inline_icon.png');
	padding-right: 20px;
	background-position: right center;
	background-size:8px 8px;
	background-repeat:no-repeat;
	border-bottom:1px dotted black;

	font-size:1em;
}

.air_checkbox {
	display: inline-block;
	vertical-align:middle;

	font-size:1.5em;
	
	height: 1em;	
	width: 2em;	
	
	cursor: pointer;
	position: relative;
	
	border-radius: 1em;
	background: rgba(0,0,0,0.2);
	border: 0px;
	box-shadow: 0.1em 0.1em 0.1em inset rgba(0,0,0,0.3);
	transition: all 0.3s ease-in-out;
}

.air_checkbox_disabled
{
	opacity:0.4;
}

.air_checkbox .air_checkbox_inner {
	position: absolute;

	left: 0.05em;
	top: 0.05em;	
	width: 0.9em;
	height: 0.9em;
		
	background: white;
	border-radius: 100%;
	transition: all 0.3s cubic-bezier(0, 0.89, 0.44, 1);
	box-shadow: 0 0.1em 0.2em 0 rgba(0,0,0,0.2),0 0.3em 0.4em 0 rgba(0,0,0,0.1);
}

.air_checkbox_checked {		
	box-shadow: 0.1em 0.1em 0.1em inset rgba(0,0,0,0.3), inset 0 0 0 1em rgba(0,192,0,0.7);	
}

.air_checkbox_checked .air_checkbox_inner {
	left: 1.05em;
}

.air_overlay_wait_bg
{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.8);
	z-index:999;
}

.air_overlay_wait_icon
{
	position:fixed;
	top: 50%;
	left: 50%;
	width:64px;
	height:64px;
	margin-top: -32px; /*set to a negative number 1/2 of your height*/
	margin-left: -32px; /*set to a negative number 1/2 of your width*/

	background-image:url('/images/ajax_progress_white.gif');
	background-position:center center;
	background-repeat:no-repeat;
}

.air_highlight
{
	transition: background-color 0.5s;
}

.air_highlight_do
{
	background-color:rgba(255,255,0,0.5);
}

.air_svg_wait
{
	background-color:#cccccc;
	background-image:url('/images/wait_waves.gif');
	background-position:center center;
	background-repeat:no-repeat;
}

.air_wait
{
	min-width:10em;
	height:1em;
	background-image:url('/images/wait_waves.gif');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}

.commands
{
	text-align:right;
}

/*
div.air_actions_right
{
	float:right;
	text-align:right;
}
*/

/* Screen helper */

.air_screen_big
{
	font-size:1.5em !important;;
	line-height:1.5em !important;;
}

/* Mobile helper */

div.air_mobile_nofloat
{	
}

div.air_mobile_overflow_height_20em
{	
}

div.air_resp_unsupported_container
{	
	overflow:auto;	
}

div.air_resp_unsupported_body_640
{
	min-width: 640px;
}

div.air_resp_unsupported_body_1280
{
	min-width: 1280px;
}

/* Front */

#air_main_header
{
	background-color: rgb(61, 145, 224);
	background: linear-gradient(#2064C4, #4FA9FF);	
	color:white;
}

#air_main_header_screen
{
	height:5em;
}

#air_main_header_mobile
{
	display:none;	
}

#air_main_header_mobile>ul
{
	display:block;
	margin:0px;
	padding:0px;
	text-align:right;	
}

#air_main_header_mobile>ul>li
{
	display:inline-block;
	font-size:2em;	
}

#air_main_header_mobile>ul>li.air_fontawesome
{
	padding:0.3em;
}

#air_main_header_mobile>ul>li img
{
	height:1.5em;
}

#air_main_menu
{
	background-color:#F5F5F5;		
}

#air_main_topbar_mobile_no,
#air_main_topbar_mobile_yes
{
	color:white;
	text-align:center;
	padding:0.2em;
	font-size:0.8em;
}

#air_main_topbar_mobile_no
{
	background-color:#ff4444;
}

#air_main_topbar_mobile_yes
{
	background-color:#448844;
}

#air_main_body_background
{	
	max-width:100vw;
	overflow:hidden;
	box-shadow: 0em 0.5em 0.5em rgba(0,0,0,0.1);
}

#air_main_body_container
{
	max-width:95%;	
	margin-left:2.5%;
	margin-bottom: 3em;
	background-color: rgba(250,250,250,1);	
	box-shadow:0px 0px 5em gray;
	text-align:center;
}

#air_main_body_page
{	
	display:inline-block;
	text-align:left;
	padding:1em;
	min-width:50vw;	
	max-width:100%;
	overflow:auto;
}

.air_main_body_page_pathway_top,
.air_main_body_page_pathway_bottom
{
	text-align:left;
	color:gray;
	font-size:0.8em;
	padding:0.5em;
}

.air_main_body_page_pathway_top
{	
}

.air_main_body_page_pathway_bottom
{	
}

.air_main_body_page_pathway_top a,
.air_main_body_page_pathway_bottom a
{
	color:gray;
	padding-right:0.5em;
}

#air_main_footer
{
	/*position:absolute;
	bottom:0px;	
	width:100vw;	
	*/
	box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.7);
	margin:0px;
	padding:0px !important;
	padding-top:0.5em !important;
	padding-bottom:0.5em !important;
	/*margin-top:1em;*/
	clear:both;
	background-color:rgba(0,0,0,0.1);
	text-align:center;
	/*padding:0.5em;*/
	opacity:0.5;	
}

#air_main_footer a,
.air_page_footer a
{
	margin-right:2em;	
	/*transition: color 0.5s;*/
}
/*
#air_main_footer a:hover,
.air_page_footer a:hover
{
	color:black;
}
*/

#air_main_footer .air_footer_links
{
	display:inline-block;
	white-space: nowrap;
}

#air_main_footer .air_footer_legal
{
	display:inline-block;
	white-space: nowrap;
}





/*
#air_main_body_page table.data
{
	width:100%;
}

#air_main_body_page table.properties
{
	width:100%;
}

#air_main_body_page table
{
	width:100%;
}
*/

.air_page_box
{
	background-color:white;
	box-shadow:0px 0px 0.5em #aaaaaa;
	padding:1em;
	margin:1em;
	border-radius:0.5em;
}

.air_page_tablebox
{
	background-color:white;
	box-shadow:0px 0px 0.5em #aaaaaa;
	padding:0em;
	margin:1em;
}

.air_page_separator
{
	margin-top:0.3em;
	margin-bottom:0.3em;
	height:0.5em;
	background-color:rgba(0,0,0,0.1);
}

.air_page_tablebox > table
{
	width:100%;
}

.air_h1_actions_container
{
	margin-top:1em;
	display:flex;
	flex-direction: row;
}

.air_h1_actions_container .air_h1_title
{
	margin-top:0em;
}

.air_h1_actions_container > div:first-child
{
	flex-grow:2;
}

.air_h1_actions_container > div:nth-child(2)
{
	display:flex;
	flex-direction: row;
	align-self: flex-end;
}

#air_main_topbar
{
	position:absolute;
	top:0px;
	right:0px;	
}

.air_topbar_info
{	
	display:inline-block;
	color:white;
	font-size:13px;
	padding-right:1em;
}

.air_topbar_info a
{
	color: white;	
}

.air_topbar_info_red
{
	color:#ff8888 !important;
}

.air_topbar_info_green
{
	color:#88ff88 !important;
}

.air_staffonly
{	
	background-color:rgba(255,255,0,0.2);
}



/* Helper styles */

.air_h1_title
{
	margin-top:1em;
	text-align:center;
}

.air_h1_subtitle, .air_h2_subtitle
{
	font-size:0.9em;
	color:gray;
	padding-bottom:0.5em;
}

.air_h1_subtitle
{
	text-align:center;	
}

.clear,
.air_clear,
.air_clear_both
{
	clear:both;
}

.air_clear_left
{
	clear:left;
}

.air_clear_right
{
	clear:right;
}

.nowrap,
.air_nowrap
{
	white-space: nowrap;
}

.inline-block
{
	display: inline-block;
}

div.imgmiddle img {
	vertical-align:middle;
}

img.icon1em {
	height: 1em;
	margin-right: 0.2em;
	vertical-align:middle;
}

.air_icon_bool
{
	height: 1em;
	margin-right: 0.2em;	
}

air_nopadding,
.nopadding
{
	padding:0px !important;
}

air_nomargin,
.nomargin
{
	margin:0px !important;
}

.text_align_left
{
	text-align: left;
}

.air_textalign_left
{
	text-align: left !important;
}

.air_textalign_right,
.text_align_right
{
	text-align: right !important;
}

.air_textalign_center,
.text_align_center,
.center,
.air_center
{
	text-align: center !important;
}

.air_color_green
{
	color: green;
}

.air_color_red
{
	color: red;
}

.air_display_none
{
	display: none;
}

.air_display_inlineblock
{
	display: inline-block;
}

.air_float_left
{
	float:left;
}

.air_float_right
{
	float:right;
}

.air_font_small
{
	font-size:0.8em !important;;
	/*line-height:0.8em !important;;*/
}

.font_big,
.air_font_big
{
	font-size:1.5em !important;;
	line-height:1.5em !important;;
}

.air_font_size_2em
{
	font-size:2em;
	line-height:2em;
}

.air_margin_1em
{
	margin:1em;
}

.air_maxwidth_20vw
{
	max-width:20vw;
}

.air_maxwidth_30em
{	
	max-width:30em;	
}

.air_width_5em
{
	width:5em !important;
}

.air_width_50p
{
	width:50%;
}

.air_width_100p
{
	width:100%;
}

.air_maxwidth_90p
{
	max-width:90%;
}

.air_maxwidth_100p
{
	max-width:100%;
}

.air_height_1em
{
	height: 1em;
}

.air_height_2em
{
	height: 2em;
}

.air_height_3em
{
	height: 3em;
}

.air_padding_0,
.air_padding_0em
{
	display:inline-block;
	padding:0em !important;
}

.air_padding_1em
{
	padding:1em;
}

.air_flex_row
{
	display:flex;	
	flex-direction: row;
	align-items:top;
	justify-content: center;
}

.air_flex_row_reverse
{
	display:flex;	
	flex-direction: row-reverse;
	align-items:top;
	justify-content: center;
}

.air_flex_column
{
	display:flex;
	flex-direction: column;
}

.width100max
{
	max-width: 100%;
}

/* Tooltip */

[data-tooltip].disabled:before,
[data-tooltip].disabled:after
{
	display:none;
}

/**
 * Tooltip Styles
 */

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
      opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:    
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:         
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;  
  font-weight: normal;
  z-index: 99999;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
.tooltip:hover:before,
.tooltip:hover:after/*,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:focus:before,
.tooltip:focus:after*/ {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  z-index: 99999;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 99999;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 99999;
  padding: 8px;
  width: 160px;
  background-color: black;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
  text-align:center;
  white-space:normal;
  text-transform: none;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after/*,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after*/ {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}

/* Left */
.tooltip-left:before,
.tooltip-left:after {
  right: 100%;
  bottom: 50%;
  left: auto;
}

.tooltip-left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after/*
.tooltip-left:focus:before,
.tooltip-left:focus:after*/ {
  -webkit-transform: translateX(-12px);
  -moz-transform:    translateX(-12px);
  transform:         translateX(-12px); 
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}

.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after/*,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after*/ {
  -webkit-transform: translateY(12px);
  -moz-transform:    translateY(12px);
  transform:         translateY(12px); 
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
  bottom: 50%;
  left: 100%;
}

.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after/*,
.tooltip-right:focus:before,
.tooltip-right:focus:after*/ {
  -webkit-transform: translateX(12px);
  -moz-transform:    translateX(12px);
  transform:         translateX(12px); 
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
  /*top: 3px;*/
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {	
  margin-left: 0;
  margin-bottom: -16px;
}

/* Servers/Areas card & load */

.air_cards_servers
{
	display:flex;
	flex-direction: row;	
	flex-wrap: wrap;
	justify-content: center;	
}

.air_card_server
{
	display:flex;
	flex-direction: row;

	margin:0.5em;

	/*min-width:30em;*/
	width:22em;

	white-space: nowrap;
	
	border-radius: 0.5em;		
	
	box-shadow: 0 0 0.3em rgba(0,0,0,0.3);
	
	background-color: #ffffff;
	/*background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);*/
}

.air_card_server_open
{
	background-color: #ffffe6;
	/*background: linear-gradient(to bottom,  #ffffe6 0%,#f3f3e1 50%,#ededdc 51%,#ffffe6 100%);*/
}

.air_card_server_closed
{
	background-color: #ffcccc;
	/*background: linear-gradient(to bottom,  #ffcccc 0%,#f2c1c1 50%,#eabbbb 51%,#ffcccc 100%);*/
}

.air_card_server_checked
{
	box-shadow: 0 0 1em rgba(75,165,252,1);
}

.air_card_server_disabled
{
	opacity:0.3;
}

.air_card_server_check
{
	display:flex;
	align-items: center;
	justify-content: center;
	background-color:rgba(0,0,0,0.05);
}

.air_card_server_info
{
	display:flex;
	flex-direction: column;	
	flex-grow: 1;	
}

.air_card_server_info>div
{
	display:flex;	
	flex-direction: row;	
	align-items: center;
	justify-content: center;
}

.air_card_server_info_row2
{
	flex-grow:1;
}

.air_card_server_info_name
{
	display:flex;
	flex-direction: column;
	flex-grow: 1;
	align-items: left;
	justify-content: center;	
	padding:0.2em;	
}

.air_card_server_info_name2
{
	font-size:1.5em;	
	padding-left:0.5em;	
}

.air_card_server_info_location
{
	display:flex;
	flex-grow:0;
	flex-direction: column;
	align-items: right;
	justify-content: center;
	padding:0.2em;
}

.air_card_server_info_location>div
{
	text-align:right;
}

.air_card_server_info_flag
{
	flex-grow:0;
}

.air_card_server_info_flag img
{
	padding:0.2em;
	width:48px;
}

.air_card_server_warning_closed
{
	text-align:center;
	font-size:1.2em;
	color:red;
}

.air_card_server_info_warning_open
{
	font-size:0.8em;
	color:red;
	line-height:0.5em;
}

.air_servers_load
{
	min-width:20em;
	display:flex;
	flex-grow:1;
	flex-direction: row;
	align-items:center;
	font-size:0.8em;
}

.air_servers_load>div
{
	margin:0.2em;
}

.air_servers_load_bar
{
	display:flex;
	background-color:white;
	flex-grow:1;
	border-radius: 0.7em;
	box-shadow:0px 0px 0.4em inset rgba(0,0,0,0.2);
	height:5em;
}

.air_servers_load_bar_caption
{
	display:flex;
	align-items: center;
	justify-content: center;
	width:100%;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8NuP/fwAIZwN+HUI9/QAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	background-position: left center;
	border-radius: 0.7em;
	font-size:0.8em;	
}

.air_servers_load_bar_stat
{
	/*width:6em;*/
	text-align:right;
	padding-right:0.5em;
}

/* RRDStats */

.air_rrdstats_group_container {
	position: relative;
}

.air_rrdstats_group_slider_cutter {
	position: relative;
	overflow: hidden;
	margin: 20px auto 0 auto;
	border-radius: 4px;  
}

.air_rrdstats_group_container ul {
	position: relative;
	margin: 0;
	padding: 0;
	height: 300px;
	list-style: none;
	width:500%;
}

.air_rrdstats_group_container ul li {
	position: relative;
	display: block;
	float: left;    
	margin: 0;
	padding: 0;
	width: 611px;
	height: 249px;
	text-align: center;
	line-height: 300px;
}

.air_rrdstats_group_container ul li img {
	vertical-align:top;
}

a.air_rrdstats_group_slider_control_prev, a.air_rrdstats_group_slider_control_next {
	position: absolute;
	margin:0px;
	top: 0%;
	z-index: 999;
	display: block;  
	width: 72px;
	height: 72px;
	text-decoration: none;
	font-weight: 600;
	font-size: 18px;
	opacity: 0.5;
	cursor: pointer;
	background-repeat:no-repeat;
	background-position: center center;
	background-color:red;
}

a.air_rrdstats_group_slider_control_prev:hover, a.air_rrdstats_group_slider_control_next:hover {
	opacity: 1;
	transition: all 0.2s ease;
}

a.air_rrdstats_group_slider_control_prev {
	left: -20px;
	top: -30px;
	border-radius: 0 2px 2px 0;  
	background: url('/img/icons/orb/72x72/left.png');
}

a.air_rrdstats_group_slider_control_next {
	right: -20px;
	top: -30px;
	border-radius: 2px 0 0 2px;
	background: url('/img/icons/orb/72x72/right.png');
}

.air_rrdstats_panels
{
	display:inline-block;		
}

.air_rrdstats_panel
{
	display:inline-block;
	margin: 0.5em;
	padding: 0.5em;		
}

.air_promo_buy, .air_promo_home
{	
	background-color:white;
	box-shadow:0px 0px 0.5em gray;
	text-align:center;
	margin:1em;
	padding:1em;
}

.air_promo_buy img
{
	max-width: 90%; 
	max-height:20em;
}

.air_promo_home img
{
	width: 300px;
}

/* Third party - jQuery */

/*
.ui-dialog .ui-dialog-title {
	overflow: visible;
	color: #888888;
}

.ui-widget-overlay {
    background: black;
    opacity: .8;
}

.ui-widget-content {
    border: 0px;
    background: rgba(255,255,255,0.8);    
}
*/

/* Support */

#air_unsupported_browser {
	background-color:red;
	text-align:center;
	color:white;
}

@supports (display: flex) {
	#air_unsupported_browser {
		display:none;
	}
}

/* Mobile */

@media only screen and (max-width: 979px) 
{
	#air_main_body_container
	{
		max-width:100%;
		margin-left:0;
		margin:0;
	}

	#air_main_header_screen
	{
		display:none;
	}

	#air_main_header_mobile
	{
		display:block;
	}

	#air_main_footer
	{
		font-size:0.8em;
	}

	.air_screen_big
	{
		font-size:1.0em !important;
		line-height:1.2em !important;
	}

	.air_mobile_small
	{
		font-size:0.8em !important;
		line-height:1em !important;
	}

	.air_page
	{
		font-size:1em;
	}

	.air_page_tablebox 
	{
		padding:0em;
		margin:0.5em;
		border-radius:0px;
		margin-top:0.5em;
	}

	.air_page_box
	{
		padding: 0.5em;
    	margin: 0.2em;
	    /*border-radius: 0px;*/
	    margin-top: 0.5em;
	}

	span.cipher
	{		
		font-size: 0.6em;
	}

	.air_h1_actions_container
	{
		flex-direction: column;
	}

	.air_h1_actions_container > div:nth-child(2)
	{
		flex-direction: column !important;
	}

	.air_mobile_hide
	{
		display:none;
	}

	.air_mobile_nofloat
	{
		width:auto !important;
		float:inherit;
	}

	div.air_mobile_overflow_height_20em
	{
		max-width: 90%;
		max-height:20em;
		overflow:auto;	
		padding-right:5px;
	}

	.air_mobile_flex_direction_column
	{
		flex-direction: column !important;
	}

	.air_mobile_flex_direction_row
	{
		flex-direction: row !important;
	}

	.air_mobile_flex_vertical_stretch /* Mission, stretch */
	{
		flex-direction: row !important;
	}

	.air_mobile_flex_vertical_stretch div
	{		
		width:100% !important; 
	}
}

/* Temp */

.air_debug
{
	outline:1px solid red;
}

#air_main_menu ul
{
	display: inline-block;	
	padding:0;
	margin:0;	
}

#air_main_menu li
{
	display: inline-block;		
	padding:0;
	margin:0;
	font-size:0.8em;
}

#air_main_menu
{
	text-align:right;
		
	padding:0.2em;
}

#air_main_menu>ul>li>ul>li
{
	padding-left:0.2em;
	padding-right:0.2em;
	border:1px solid gray;
	background-color:#eeeeee;	
	transition: background-color 1s;
}

#air_main_menu>ul>li>ul>li a
{
	color:black;
}

#air_main_menu>ul>li>ul>li:hover
{
	background-color:white;	
}

@media only screen and (max-width: 979px) 
{
	#air_main_menux
	{
		display:none;
	}
}