@CHARSET "UTF-8";

@font-face {
	font-family: 'Digital';
	src: url('../../fonts/LCD.ttf');
}

.bootstrap nav.navbar-inverse, #fr24_JumpTo button {
	background: #292929;
	background: linear-gradient(to bottom, rgb(51, 50, 50) 0%, rgb(29, 29, 29) 100%);
}

#fr24_JumpTo.open button {
	background: linear-gradient(to top, rgb(40, 40, 40) 0%, rgb(19, 19, 19) 50%, rgb(40, 40, 40) 100%);
}

.bootstrap nav#navContainer {
	position: relative;
	height: 52px;
}

body#map .bootstrap nav#navContainer,
body#about .bootstrap nav#navContainer,
body#apps .bootstrap nav#navContainer,
body#ic .bootstrap nav#navContainer {
	position: absolute;
}

body#map .bootstrap .navbar-collapse.collapse.in,
body#data .bootstrap .navbar-collapse.collapse.in,
body#about .bootstrap .navbar-collapse.collapse.in,
body#ic .bootstrap .navbar-collapse.collapse.in {
	margin-top: 0px !important;
}/*
body {
	margin-top: 70px;
}

body#map,
body#about {
	margin-top: 0px;
}

.bootstrap nav#navContainer {
	position: fixed;
	height: 52px;
}
*/

/* Brightness and Filter slider controls
*/
.slider-container { padding-left: 6px; margin-bottom: 10px; margin-top: 10px; height: 9px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 1px 3px #111; -moz-box-shadow: inset 0 1px 3px #111; -webkit-box-shadow: inset 0 1px 3px #111; border-bottom: 1px solid #fff; background: #3f3f3f; background: linear-gradient(top, rgb(63,63,63) 0%, rgb(56,56,56) 100%); background: -o-linear-gradient(top, rgb(63,63,63) 0%, rgb(56,56,56) 100%); background: -moz-linear-gradient(top, rgb(63,63,63) 0%, rgb(56,56,56) 100%); background: -webkit-linear-gradient(top, rgb(63,63,63) 0%, rgb(56,56,56) 100%); background: -ms-linear-gradient(top, rgb(63,63,63) 0%, rgb(56,56,56) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(63,63,63)),color-stop(1, rgb(56,56,56))); }
.ui-slider { background: none; border: 0; }
.ui-widget-content .ui-state-default { width: 23px; height: 23px; background: url('../../images/userUI_sprite.png?14') -54px -104px no-repeat; border: none; top: -7px; margin-left: -12px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.ui-slider-horizontal .ui-slider-range { background: #555; margin-left: 5px; top: 1px; height: 9px; }
.slider-values { font-size: 0.8em; color: #666; }

.bootstrap nav.navbar * {
	color: #b7b7b7;
}

.bootstrap .navbar {
	margin: 0;
}

.bootstrap nav.navbar a, .bootstrap nav.navbar button {
	font: normal 0.9em 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	outline: 0 none;
}

.bootstrap nav.navbar button {
	font-weight: bold;
}

.bootstrap nav.navbar li a:hover *,
.bootstrap nav.navbar li.open > a *  {
	color: #fff;
}

.bootstrap .navbar-nav > li {
	border-right: 1px dotted #333;
}

.bootstrap .navbar-nav > li.open {
	border-right: 1px solid #111;
}
.bootstrap .navbar-nav > li:hover {
	border-right: 1px solid #111;
}

.bootstrap .navbar-nav > li:first-child {
	border-left: 1px dotted #333;
}

.bootstrap ul.nav.navbar-nav>li:hover {
	background: rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 2px 5px #000;
}

.bootstrap .navbar-nav li a span.fa {
	font-size: 1.5em;
	line-height: 1em;
	vertical-align: middle;
	text-align:right;
}

.bootstrap nav.navbar ul.dropdown-menu li a span.fa {
	width: 1em;
}

.bootstrap nav.navbar ul.dropdown-menu li a:hover span.fa {
	color: #ccc;
}

li#premiumOverlay ul.dropdown-menu {  width: 320px; }
li#premiumOverlay ul.dropdown-menu * { color: #333; }
li#premiumOverlay ul.signInForm li input { width: 100% }

.bootstrap .navbar-nav li.dropdown > a {
	padding: 15px 12px 17px 12px;
}

.bootstrap .container-fluid {
 	padding: 0px;
}

.bootstrap .container-fluid > .navbar-header {
 	margin: 0px;
}


.bootstrap .container-fluid .navbar-brand {
	margin: 5px 0 0 8px !important;
	height: 47px;
}

.bootstrap .navbar-nav.navbar-right {
	position: absolute;
	right: 90px;
	top: 0;
}

.bootstrap .dropdown-menu.settings {
	width: 320px;
}

#fr24_NavTopClock {
	color: #fff;
	font-size: 1.3em;
	font-family: 'Digital';
	top: 0;
	right: 10px;
	height: 49px;
	line-height: 49px;
	position: absolute;
	right: 12px;
}

#fr24_NavTopClock span {
	font-size: 0.6em;
	display:inline-block;
	margin-right: 3px;
	vertical-align: top;
}

#fr24_SignInDropdown p {
	font-size: 0.9em;
}

#fr24_SignInDropdown h5 {
	margin:0;
	padding: 0;
}

#fr24_SignInDropdown h5:hover {
	background-color: #eee;
}

#fr24_SignInDropdown h5 a {
	font-size: 0.9em;
	text-decoration: none;
	display: block;
	padding: 0.4em;
}

#fr24_SettingsDropdown, #fr24_SignInDropdown {
	background: #111;
	padding: 5px 0 0 0 ;
	border: 1px solid #000;
}

#fr24_SettingsDropdown .nav-tabs, #fr24_SignInDropdown .nav-tabs {
	border: 0px;
}

#fr24_SettingsDropdown .tab-pane, #fr24_SignInDropdown .tab-pane {
	margin-bottom: 5px;
	background-color: #FFF;
	-webkit-border-radius: 0 4px 4px 4px;
	-moz-border-radius: 0 4px 4px 4px;
	border-radius: 0 4px 4px 4px;
	border: 1px solid transparent;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
	padding: 10px 10px 5px 10px;
}

#fr24_SignInDropdown .tab-pane {
	padding-bottom: 10px;
}

#fr24_SignInDropdown p.info-text {
	padding: 4px;
}

#fr24_SignInDropdown p.alert-info {
	margin-bottom: 10px;
}

#fr24_SignInErrorMessage {
	display:none;
	margin-bottom: 10px;
	padding: 10px;
}
#fr24_SignInRemember {
	margin: 5px 3px;
}

#fr24_SettingsDropdown .tab-pane h4 {
	color:#222;
	padding-bottom: 2px;
	margin-bottom: 4px;
	font-size: 14px;
	font-weight: bold;
}

#fr24_SettingsDropdown .tab-pane h5 {
	color: #222;
	width: 206px;
	margin: 8px 0 8px 0;
	font-size: 12px;
}

.bootstrap a.dropdown-toggle span.newbuild {
	color: #CCCC33 !important;
	font-size: 1.2em !important;
	vertical-align: top !important;
}

#fr24_SettingsFilterJewel, #fr24_SettingsFilterRemainingJewel {
	background: linear-gradient(to bottom, #5D83F7 0px, #2160F6 100%) repeat scroll 0% 0% transparent;
	color: white;
	font-size: 0.7em !important;
	vertical-align: top !important;
	text-shadow: none;
}

#fr24_SettingsFilterJewel.disabled {
	background: linear-gradient(to bottom, #5D5D5D 0px, #767676 100%) repeat scroll 0% 0% transparent;
}

#fr24_SettingsPremiumJewel {
	background: linear-gradient(to bottom, #F75D5D 0px, #F62121 100%) repeat scroll 0% 0% transparent;
	color: white;
}

#fr24_SettingsDropdown .tab-controls, #fr24_SignInDropdown .tab-controls {
	padding: 6px;
	background: #292929;
	background: -webkit-linear-gradient(bottom, rgb(51, 50, 50) 0%,
		rgb(29, 29, 29) 100%);
	background: -o-linear-gradient(bottom, rgb(51, 50, 50) 0%, rgb(29, 29, 29)
		100%);
	background: -ms-linear-gradient(bottom, rgb(51, 50, 50) 0%, rgb(29, 29, 29)
		100%);
	background: -moz-linear-gradient(bottom, rgb(51, 50, 50) 0%,
		rgb(29, 29, 29) 100%);
	background: linear-gradient(to top, rgb(51, 50, 50) 0%,
		rgb(29, 29, 29) 100%);

	border-top: 1px solid #000;
	border-radius: 0 0 4px 4px;
}


#fr24_SettingsDropdown .tab-controls .btn,  #fr24_SignInDropdown .tab-controls .btn {
	color: #fff;
}

#fr24_SettingsDropdown .tab-controls .dropdown-menu, #fr24_SignInDropdown .tab-controls .dropdown-menu {
	right: auto;
}

#fr24_SettingsDropdown .dropdown-menu {
	min-width: 154px;
}

#fr24_SettingsDropdown .tab-pane div.clearfix,
#fr24_SignInDropdown .tab-pane div.clearfix {
	border-bottom: 1px dotted #ddd;
}

#fr24_SettingsDropdown .tab-pane div.clearfix {
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#fr24_SettingsDropdown .tab-pane div.btn-group {
	width: 90px;
}

#fr24_SettingsDropdown .tab-pane div.btn-group button {
	width: 90px;
	text-align: right;
	color: #333;
	padding: 6px;
}

#fr24_SettingsDropdown .tab-pane div.btn-group .dropdown-menu li {
	text-align: right;
}

#fr24_SettingsDropdown .slider-container {
	margin: 10px 3px 0 13px;
	padding:0;
}

#fr24_SettingsDropdown .tab-pane h5.short-label {
	width: 80px;
}

#fr24_SettingsDropdown .tab-pane h5.medium-label {
	width: 120px;
}

#fr24_SettingsDropdown .slider-container a {
	outline: 0 none;
}

#fr24_SettingsDropdown .ui-slider-range {
	background-color: #91100e;
}

div.bootstrap .navbar-right .popover {
	width: 200px;

}

#fr24_SettingsDropdown #fr24_FilterOptions > div {
	display: none;
	float: left;
	width: 158px;
}

#fr24_SettingsDropdown #fr24_FilterAltitude,
#fr24_SettingsDropdown #fr24_FilterSpeed {
	width: 142px;
}

#fr24_SettingsDropdown #fr24_FilterBy_airport input {
	width: 78px;
}


#fr24_SettingsDropdown #fr24_FilterAltitude .tooltip-inner,
#fr24_SettingsDropdown #fr24_FilterSpeed .tooltip-inner{
	white-space: nowrap;
}

#fr24_SettingsDropdown #fr24_FilterAltitude .tooltip.top,
#fr24_SettingsDropdown #fr24_FilterSpeed .tooltip.top {
	top: -28px !important;
}

#fr24_SettingsDropdown #fr24_FilterAltitude .tooltip.top .tooltip-arrow,
#fr24_SettingsDropdown #fr24_FilterSpeed .tooltip.top .tooltip-arrow {
	left: 10px;
}

#fr24_SettingsDropdown #fr24_FilterAltitude .tooltip.bottom,
#fr24_SettingsDropdown #fr24_FilterSpeed .tooltip.bottom {
	top: 20px !important;
	left: auto !important;
	right: 0px;
}

#fr24_SettingsDropdown #fr24_FilterAltitude .tooltip.bottom .tooltip-arrow,
#fr24_SettingsDropdown #fr24_FilterSpeed .tooltip.bottom .tooltip-arrow {
	left: auto;
	right: 6px;
}

#fr24_SettingsDropdown #fr24_Brightness {
	width: 156px;
}


#fr24_SettingsDropdown #fr24_mapType,
#fr24_SettingsDropdown #fr24_mapType button {
	width: 104px;
}

#fr24_SettingsDropdown span.fa-circle,
#fr24_SettingsDropdown span.fa-sun-o {
	margin:  8px 0 0 8px;
	color: #666;

}

#fr24_SettingsDropdown #fr24_FilterOptions input {
	margin-left: 5px;
	height: 28px;
	padding: 4px 8px;
}

.bootstrap nav.navbar .colour-code {
	position: absolute;
	height: 2.2em;
	width: 1px;
	top: 0px;
	left: 0px;
	border-radius: 4px;
	border-left: 6px solid;
}

#fr24_FilterSettings a .colour-code {
	border: 0;
	height: 18px;
	border-right: 4px solid;
	border-radius: 4px;
	top: auto;
}

/*#fr24_FilterSettings a[data-value="callsign"] .colour-code,
#fr24_FilterSettings button[value="callsign"] .colour-code {
	border-color: #63803c;
}*/

.callsign-code {
	border-color: #63803c !important;
}

.airport-code {
	border-color: #5189b1 !important;
}

.altitude-code {
	border-color: #91100e !important;
}

.speed-code {
	border-color: #91100e !important;
}

.aircraft-code {
	border-color: #bdae32 !important;
}

.registration-code {
	border-color: #bdae32 !important;
}

.radar-code {
	border-color: #ca6ebf !important;
}

#fr24_SettingsDropdown #fr24_FilterSettings div.filter-group,
#fr24_SettingsDropdown #fr24_FilterSettings div.filter-group button {
	width: 106px;
}

#fr24_SettingsDropdown #fr24_FilterBy_airport div.filter-group,
#fr24_SettingsDropdown #fr24_FilterBy_airport div.filter-group button  {
	width: 70px;
	display: inline-block;
}

#fr24_SettingsDropdown ul.filter-list li.disabled {
	opacity: 0.4;
}

ul.filter-list {
	overflow: hidden;
	max-height: 500px;
	min-height: 40px;
}

#fr24_SettingsDropdown #fr24_FilterSettings ul.filter-list {
	border: 1px solid #CCC;
	overflow-y: auto;
	max-height: 250px;
	background-color: #F6F6F6;
	border-radius: 4px;
}


#fr24_SettingsDropdown #fr24_showAircraftLabelsHeading {
	width: 88px;
}

#fr24_SettingsDropdown #fr24_labelGroup div.btn-label {
	display: block;
}

#fr24_SettingsDropdown #fr24_labelGroup div.btn-label,
#fr24_SettingsDropdown #fr24_labelGroup div.btn-label button {
	width: 150px;
	margin-bottom: 4px;
	display: block;
}

#fr24_SettingsDropdown #fr24_showDelayStatsContinent,
#fr24_SettingsDropdown #fr24_showDelayStatsContinent button {
	width: 130px;
}

#fr24_SettingsDropdown #fr24_showDelayStatsContinent.btn-label{
    margin-top: 5px;
}
#fr24_SettingsDropdown #mapsettings .popover {
	width: auto;
}

#fr24_SettingsDropdown #mapsettings div.popover-content {
	padding: 0;
}

#fr24_SettingsDropdown #fr24_mapPreview {
	width: 138px;
	height: 130px;
	background: url('../../images/map_label_preview.png') no-repeat scroll -10px -30px #7C91B0;
	border-radius: 4px;
	border: 1px solid #444;
}


#fr24_SettingsDropdown #fr24_mapPreview #fr24_mapPreviewLabel {
	font-size: 10.9px;
	font-family: "Helvetica Neue", Helvetica, Arial,sans-serif;
	color: #fff;
	text-shadow: 0 1px 0 #000;
	position: absolute;
	line-height: 110%;
	background: rgba(0,0,0,.2);
	border: 1px solid rgba(0,0,0,0.15);
	padding: 2px 3px;
	left: 60px;
	top: 50px;
}

#fr24_SettingsDropdown #fr24_mapPreview #fr24_mapPreviewLabel div {
	font-size: 0.85em;
	color: white;
}

ul.filter-list li div.filter-item {
	max-width: 280px;
	display: inline-block;
	margin-top: 3px;
	color: black;
}

ul.filter-list li  div.filter-item > span {
	border-style: solid;
	border-width: 0 3px 0 3px;
	border-radius: 1px;
}

ul.filter-list li div.filter-item > strong {
	width: 80px;
	display: inline-block;
	color: #222;
	margin-left: 10px;
	text-transform: uppercase;
}

.bootstrap .btn-default {
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	background: linear-gradient(top, #fafafa 0%, #fff 100%);
	border: 0;
}

.bootstrap nav.navbar .popover * {
	color: #666;
	font-size: 0.9em;
}

#fr24_SettingsDropdown #fr24_FilterSettings ul.filter-list li {
	color: #222;
	height: 32px;
	background: #f9f9f9;
	padding: 5px 5px 0 5px;
	margin: 3px;
	font-size: 0.8em;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	background: linear-gradient(top, #fafafa 0%, #fff 100%);
}

#fr24_FilterSettings button.add, #fr24_FilterSettings button.add span {
	margin-top: 2px;
}

#fr24_FilterSettings button.add, #fr24_FilterSettings button.remove {
	width: 24px;
	height: 24px;
	padding: 0;
}

#fr24_FilterSettings button.add span, #fr24_FilterSettings button.remove span {
	color: white;
	font-size: 16px;
}

.bootstrap nav .nav-container-bar {
	z-index: 10;
	position: relative;
	background-color:yellow;
	background: inherit;
	border: inherit;
	margin: inherit;
	padding: inherit;
	height: inherit;
}

#fr24_SearchContainer {
	z-index:5;
	position: relative;
	right: 4%;
}

#fr24_SearchContainer div.panel-visibility {
	cursor: pointer;
}

#fr24_ZoomToolbar {
	z-index: 500;
	right: 0px;
	top: 30%;
	position: fixed;
	font-size: 1.3em;
}

#fr24_ZoomToolbar div.control-group {
	margin: 0.5em 0 0.5em 0.25em ;
}

#fr24_ZoomToolbar div.control-group div.nav-icon {
	display: block;
}

.smooth-tab {
	border: 0 solid;
	background-color: transparent;
	font-size: 1.1em;
	min-height: 1.6em;
	min-width: 1.6em;
}

.smooth-tab .tab-content {
	margin: 0.1em 0.35em 0em 0.5em;
}

.smooth-tab .tab-content > * {
	display: block;
	float: left;
}

.smooth-tab.attach-bottom .tab-content > * {
	float: none;
}

.smooth-tab.attach-bottom .tab-content {
	margin: 0.2em 0.5em 0.2em 0.65em;
	white-space: nowrap;
}

.smooth-tab div.nav-icon {
	width: 1em;
	height: 1em;
	border: 0;
	background-color: transparent;
	cursor: pointer;
	font-size: 1.4em;
	-webkit-user-select: none;
}

.smooth-tab div.nav-icon.plus {
	color: #B7B7B7;

}

.smooth-tab div.nav-icon.minus {
	color: #B7B7B7;
}

.smooth-tab div.nav-icon:hover {
	color: white;
}

.smooth-tab div.nav-icon:active {
	color: #DFBC41;
}


.smooth-tab.dark {
	background-color: #111;
}

.smooth-tab .tab-sweep {
	position: absolute;
	background-color: transparent;
	border: 0;
	width: 1em;
	height: 1em;
}

.smooth-tab.attach-bottom {
	border-radius: 1em 0.6em 0em 0em / 1.4em 1.0em 0em 0em ;
}

.smooth-tab.attach-bottom .tab-sweep {
	bottom: -0em;
}

.smooth-tab.attach-bottom .tab-sweep.toleft {
	left: -0.9em;
	border-bottom-right-radius: 1em 1.4em;
	box-shadow: 0.2em 0.3em  0em 0em #111;
}

.smooth-tab.attach-bottom .tab-sweep.toright {
	right: -0.9em;
	border-bottom-left-radius: 1em 1.4em;
	box-shadow: -0.2em 0.3em  0em 0em #111;
}

.smooth-tab.attach-top {
	border-radius: 0em 0em 1em 1em / 0em 0em 1.4em 1.4em;
}

.smooth-tab.attach-top .tab-sweep {
	top: 0em;
}

.smooth-tab.attach-top .tab-sweep.toleft {
	left: -0.9em;
	border-top-right-radius: 1em 1.4em;
	box-shadow: 0.2em -0.3em 0em 0em #111;
}

.smooth-tab.attach-top .tab-sweep.toright {
	right: -0.9em;
	border-top-left-radius: 1em 1.4em;
	box-shadow: -0.2em -0.3em 0em 0em #111;
}

.smooth-tab.attach-right {
	border-radius: 1.4em 0 0 1.4em / 1em 0 0 1em;
}

.smooth-tab.attach-right .tab-sweep {
	right: 0em;
}

.smooth-tab.attach-right .tab-sweep.totop {
	top: -0.9em;
	border-bottom-right-radius: 1.4em 1em;
	box-shadow: 0.3em 0.2em 0em 0em #111;
}

.smooth-tab.attach-right .tab-sweep.tobottom {
	bottom: -0.9em;
	border-top-right-radius: 1.4em 1em;
	box-shadow: 0.3em -0.2em 0em 0em #111;
}

.smooth-tab-group {
	overflow:hidden;
	font-size: 1.5em;
}
.smooth-tab-group  li:first-child {
	margin-left: -0.4em;
}

.smooth-tab-group  li {
	position:relative;
	display:inline-block;
	z-index: 1;
	margin-left: -0.8em;
}

.smooth-tab-group  li:hover {
	z-index: 2;
}

.smooth-tab-group  li.active {
	z-index: 3;
}

.smooth-tab-group  .smooth-tab {
	position:relative;
	display:inline-block;
	background-color: #222;
	font-size: 1em !important;
}

.smooth-tab-group  .smooth-tab .tab-sweep {
	pointer-events: none;
}

.smooth-tab-group .smooth-tab.attach-bottom {
	border-radius: 1em 1em 0em 0em / 1.8em 1.8em 0em 0em;
}

.smooth-tab-group .smooth-tab.attach-bottom .tab-content {
	color: #f3f3f3;
	text-align:center;
	font-size: 0.6em;
	margin: 0.6em 1.5em 0em 1.5em;
	height: 2em;
}

.smooth-tab-group .smooth-tab.attach-bottom .tab-sweep.toleft {
	border-bottom-right-radius: 0.6em 1em;
	box-shadow: 0.2em 0.3em 0em 0em #222;
}

.smooth-tab-group .smooth-tab.attach-bottom .tab-sweep.toright {
	border-bottom-left-radius: 0.6em 1em;
	box-shadow: -0.2em 0.3em 0em 0em #222;
}

.smooth-tab-group li:hover .smooth-tab {
	background-color: #444;
	background: linear-gradient(to bottom, #555 15%, #444 80%) repeat scroll 0% 0% #444;
}

.smooth-tab-group li.active .smooth-tab {
	background-color: #f3f3f3;
	background: linear-gradient(to bottom, #fff 55%, #f3f3f3 80%) repeat scroll 0% 0% #fff;
}

.smooth-tab-group li.active .smooth-tab.attach-bottom .tab-content {
	color: black;
}

.smooth-tab-group li:hover .smooth-tab.attach-bottom .tab-sweep.toleft {
	box-shadow: 0.2em 0.3em 0em 0em #444;
}

.smooth-tab-group li:hover .smooth-tab.attach-bottom .tab-sweep.toright {
	box-shadow: -0.2em 0.3em 0em 0em #444;
}

.smooth-tab-group li.active .smooth-tab.attach-bottom .tab-sweep.toleft {
	box-shadow: 0.2em 0.3em 0em 0em #f8f8f8;
}

.smooth-tab-group li.active .smooth-tab.attach-bottom .tab-sweep.toright {
	box-shadow: -0.2em 0.3em 0em 0em #f8f8f8;
}

#searchBox {
	margin: 0em 0em 0em 0.2em;
	color: #111;
	width: 10em;
	border: 0;
	height: 1.5em;
	padding: 0.2em 0 0.1em 1.9em;
	border-radius: 1.5em 0 0 1.5em;
	background-color: #f3f3f3;
	font-size: 0.9em;
}

#fr24_JumpTo button {
	border: 0;
	height: 1.5em;
	font-size: 0.9em;
	font-weight: normal;
	padding: 0em 0.6em;
	border-bottom: 1px solid #111;
	color: #ddd;
}

#fr24_JumpTo button.dropdown-label {
	width: 7em;
}

 #fr24_JumpTo button.dropdown-toggle {
 	border-radius: 0 1.5em 1.5em 0;
 	margin: 0 0.4em 0 0;
 	border-left: 1px solid #333;
 }

 #fr24_JumpTo ul {
	margin-top: 4px;
	right: 0.2em;
	left: auto;
 }

.bootstrap span.fa-amazon {
	display: inline-block;
	height: 13px;
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDMvMjYvMTRu6AQZAAAAxUlEQVQokXWRwQ3CMAxFX6vegQnICGxApZx86whhAjoCI9AJgA16y6k7lAkoG5QNOOAi05QvRZG/v5Jv/wyDGDsHOEP1In6cikxFNVADW1I0Ir4GyJXY/RECHGPsghW3et+Agx6LAFAAiPh2smT8B2BvucI0HVABJbBWayRifeXyx/MXk+ez4V7q+Z6IY+xKYGW4IOKvwJiIF35zMXZrfsMBINPBHjP+Sbr3TS7iB6CZNZYCct/dauSVlgOfoU9AD5xF/PgGw6wzm6uk31IAAAAASUVORK5CYII=);
	background-repeat: no-repeat;
	background-position: 5px 0;
}

.bootstrap span.fa.fa-info-circle {
	margin-left: 2px;
}

.bootstrap .tooltip-inner {
	white-space: nowrap;
}

.bootstrap .btn.disabled, .bootstrap .btn[disabled] {
	opacity: 0.45;
	border: 1px solid #CCC;
	pointer-events: auto;
}

.bootstrap .btn .fa-lock {
	color: black;
	float: left;
	margin-top: 2px;
}

.bootstrap nav.navbar ul { list-style-type: none; padding-left: 0; margin: 0; }

.bootstrap .toggle { margin-top: 3px;  width: 45px; height: 24px; display: block; position: relative; cursor: pointer; border-radius: 20px; transition: all .3s ease-out 0s; }
.bootstrap .toggle.on { background: #5CB85C; }
.bootstrap .toggle.off { background: #eee; box-shadow: inset 0 0 0 1px #ddd; }
.bootstrap .toggle .handle { background: #fff; width: 22px; height: 22px; display: block; position: absolute; top: 1px; left: 0; border-radius: 20px; transition: all .2s ease-out 0s; box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.35); }
.bootstrap .toggle.on .handle { left: 24px; }
.bootstrap .toggle.off .handle { left: 0; }
.bootstrap .toggle .handle .fa-lock { margin-left: 7px; color: #888; }
.bootstrap .toggle.disabled { background-color: #eee; cursor: not-allowed; }

.bootstrap .loading { background: url('../../images/loading_16_3.gif') no-repeat 20px center transparent; height: 1em;}

body.tablet .smooth-tab,
body.mobile .smooth-tab {
	font-size: 1.4em;
}

body.tablet div#fr24_ZoomToolbar,
body.mobile div#fr24_ZoomToolbar {
	font-size: 2em;
}


@media ( min-width : 1024px) {
	.bootstrap div.navbar-header a.navbar-brand {
		width: 220px;
		background: url('../../images/userUI_sprite.png?14') no-repeat scroll 0px -414px transparent;
	}

	/*.bootstrap .dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {
		background: #5d5d5d;
		background: -moz-linear-gradient(bottom, #5d5d5d 0, #212121 100%);
		background: -ms-linear-gradient(bottom, #5d5d5d 0, #212121 100%);
		background: -o-linear-gradient(bottom, #5d5d5d 0, #212121 100%);
		background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5d5d5d),
			color-stop(100%, #212121));
		background: -webkit-linear-gradient(bottom, #5d5d5d 0, #212121 100%);
		background: linear-gradient(to top, #5d5d5d 0, #212121 100%);
		color: #fff;
	}*/


}

@media ( max-width : 1240px) {
	.bootstrap .container-fluid >  div.navbar-header {
		margin-right: 6px;
	}

	.bootstrap div.navbar-header a.navbar-brand {
		width: 38px;
		background: url('../../images/userUI_sprite.png?14') no-repeat scroll 0px -414px transparent;
	}
}

@media ( max-width : 450px) {
	.bootstrap .navbar-right > li span.premium-menu-title {
		display: none;
	}

	.bootstrap .navbar-right #fr24_SettingsFilterJewel {
		display: none;
	}

	#fr24_SignInDropdown, #fr24_SettingsDropdown {
		position: fixed;
		bottom: 0;
		top: 52px;
		border-radius: 0;
	}

	#fr24_SettingsDropdown > li {
		overflow-y: auto;
	}

	#fr24_JumpTo button:first-child {
		display:none;
	}
}

@media ( max-width : 550px ) {
	/*#leftCol {
		left: -200px;
	}*/

	body.mobile #leftColOverlay {
		top: 0px;
	}
}

@media ( max-height : 640px  )  {
	#fr24_ZoomToolbar {
		top: 50%;
	}
}


@media ( max-width : 1023px) {
	/* Control toggle pos */
	.bootstrap .navbar-toggle {
		display: block;
		position: absolute;
		left: 54px;
	}

	.bootstrap .navbar-nav.navbar-right {
		right:0px;
	}

	.bootstrap .navbar-collapse span.fa {
		width: 2em;
	}

	.bootstrap .navbar-collapse.collapse {
		display: none !important;
	}

	.bootstrap .navbar-nav .navbar-left  {
		float: none !important;
		margin: 7.5px 0px;
	}
	.bootstrap .navbar-nav .navbar-left >li {
		float: none;
		display:block !important;
	}

	.bootstrap .navbar-collapse.collapse.in {
		position:relative;
		z-index: 100;
		display: block !important;
		width: 300px;
		background-color: white;
		top: 52px;
		/*display: block !important;
		overflow-x: hidden;
		z-index: 100;
		width: 320px;
		height: 310px !important;
		right: 15px;
		margin-top: 50px;

		background: transparent;
		background: -webkit-linear-gradient(bottom, rgb(51, 50, 50) 0%, rgb(29, 29, 29) 100%);
		background: -o-linear-gradient(bottom, rgb(51, 50, 50) 0%, rgb(29, 29, 29)	100%);
		background: -ms-linear-gradient(bottom, rgb(51, 50, 50) 0%, rgb(29, 29, 29) 100%);
		background: -moz-linear-gradient(bottom, rgb(51, 50, 50) 0%, rgb(29, 29, 29) 100%);
		background: linear-gradient(to top, rgb(51, 50, 50) 0%, rgb(29, 29, 29) 100%);

		-webkit-border-bottom-right-radius: 16px;
		-moz-border-radius-bottomright: 16px;
		border-bottom-right-radius: 16px;

		border-top: 1px solid transparent;
		xbox-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.1);
		-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4);
		-moz-box-shadow:    0px 4px 5px 0px rgba(0, 0, 0, 0.4);
		box-shadow:         0px 4px 5px 0px rgba(0, 0, 0, 0.4);*/
	}

	.bootstrap div.navbar-header {
		xposition: relative;
		xz-index: 101;
	}

	.bootstrap #fr24_NavTopClock {
		right: 50% !important;
		margin-right: -36px;
	}
	.bootstrap .navbar-nav .navbar-left li.dropdown a,
	.bootstrap .navbar-inverse .navbar-nav .navbar-left .open .dropdown-menu>li>a {
		padding: 15px 10px;
	}
}