@charset "utf-8";

@font-face {
  font-family: 'map';
  src:  url('../fonts/map.eot?li8ek2');
  src:  url('../fonts/map.eot?li8ek2#iefix') format('embedded-opentype'),
    url('../fonts/map.ttf?li8ek2') format('truetype'),
    url('../fonts/map.woff?li8ek2') format('woff'),
    url('../fonts/map.svg?li8ek2#map') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="map-"], [class*=" map-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'map' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.map-im-here:before {
  content: "\e900";
}
.map-van:before {
  content: "\e901";
}
.map-Bus:before {
  content: "\e902";
}
.map-track:before {
  content: "\e903";
}
@font-face {
  font-family: 'social';
  src:  url('../fonts/social.eot?22sbrf');
  src:  url('../fonts/social.eot?22sbrf#iefix') format('embedded-opentype'),
    url('../fonts/social.ttf?22sbrf') format('truetype'),
    url('../fonts/social.woff?22sbrf') format('woff'),
    url('../fonts/social.svg?22sbrf#social') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="social-"], [class*=" social-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'social' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size:30px;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.social-Trailive:before {
  content: "\e900";
}
.social-Trailive-1:before {
  content: "\e900";
  margin-left:-3em;
}
.social-Trailive-2:before {
  content: "\e900";
   margin-left:-3em;
}
.social-arrivo_trail:before {
  content: "\e901";
}
.social-htc:before {
  content: "\e902";
}
.social-wedo:before {
  content: "\e903";
}
.social-OBID:before {
  content: "\e904";
}
.social-ragnatela:before {
  content: "\e905";
}
.social-trophy:before {
  content: "\e99e";
}
.social-facebook2:before {
  content: "\ea91";
}
.social-twitter:before {
  content: "\ea96";
}
.social-foglio:before {
  content: "\e926";
}
.row-eq-height{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.row-width-center{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: inline-flex;
}
.adjust-width-flex{
	flex:auto;	
}

.dataTables_scrollHead thead tr th{
	background-color:darkblue;
	color:white;
	min-height:0;	
	margin:0;
	padding:0PX !important;
	text-align:center;
	font-size:12px;
}
thead tr th{
	color:white;
	min-height:0;	
	margin:0;
	padding:3PX !important;
	text-align:center;
}
#elenco thead tr th{
	color:white;
	min-height:0;	
	margin:0;
	padding:0PX !important;
	text-align:center;
}
.datatables_scrollbody thead tr th{
	padding:0px !important;	
}
.dataTables_scrollBody{
	background-color: #fff;
}
.dataTables_scrollBody tbody tr:hover,#iscritti .dataTables_scrollBody tbody tr:hover{
	background-color:#43B4FC !important;
	cursor:pointer;	
}
.evidenzia{
	background-color:blue !important;
}
.dataTables_processing{
	z-index: 100;
	/*top:6% !important;
	z-index:100;	
	height:100% !important;
	opacity:1;
	/*background:rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.9) 90%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
	background:white !important;*/
}
#elenco tbody tr td{
	background-color:darkblue;
	color:white;
	padding:10 10 !important;
	font-size:14px;
}
tbody tr td a{
	color:white;
	text-decoration:none;
}
tbody tr td a:hover{
	color:rgba(124,216,255,1.00);
	text-decoration:none;	
}
tbody tr td a:active{
	color:rgba(124,216,255,1.00);
	text-decoration:none;	
}
tbody tr td a:focus{
	color:rgba(124,216,255,1.00);
	text-decoration:none;	
}
.dataTables_scrollHead{
	margin-bottom:10px;	
}

html,body{
    background-image: url("/images/sfondo.jpg");
    -webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	color: black;
	/*overflow:hidden;*/
	background-attachment: fixed;
}

.header-bianco{
	background-color:white;
	border:3px solid darkblue;
	padding:0
}
.header-blu-bordo1{
	background-color:darkblue;
	border:1px solid grey;
	padding:2px;
	color:white;
}
.centro-verticale{
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex; 
	align-items:center;
	flex-wrap:wrap;
	justify-content:center;
	-webkit-justify-content: space-around;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}
.intestazione-piccola{
	font-size:26px;
	text-align:center;
	font-variant: all-petite-caps;
    font-weight: bold;
}
.testo-center{
	text-align:center !important;
}
.testo-left{
	text-align:left !important;	
}
.no-padding{
	padding:0;	
}
.no-margin{
	margin:0;	
}
.intestazione{
	background-color:aqua;
	color:darkblue;
}
.nascondi-desktop{
	display:none !important;	
}
.barra-alto{
	margin-left:5px;
	margin-right:5px;	
}
.titolo-menu{
	background-color:darkblue;
	color:white;
	text-align:center;
}
.titolo-menu-spec{
	background-color:white;
	color:darkblue;
	text-align:center;
}
.titolo-menu-spec:hover{
	background-color:#3E59F9;
	color:white !important;
}

.titolo-menu-nohover{
	background-color:darkblue;
	color:white;
	text-align:center;
}
.titolo-menu:hover{
	background-color:#3E59F9;
	color:white !important;
}
.list-group a{
	color:white;
	text-decoration:none;	
}
.list-group a:hover{
	color:white;
	text-decoration:none;	
}
.sup-menu{
	-webkit-box-shadow: 1px 0px 3px 5px rgba(50, 50, 50, 1);
	-moz-box-shadow:    1px 0px 3px 5px rgba(50, 50, 50, 1);
	box-shadow:         1px 0px 3px 5px rgba(50, 50, 50, 1);
}
.select-mobile{
	float:left;
	padding:0 !important;
	height:20px !important;
	margin-left:5px;
	font-weight:bold;
}
.displ{
	color: red;
    font-weight: bold;
    text-align: center;
	padding:0 !important;
	height:20px !important;
	width:140%;
	font-size:.9em;
}
.sceltaGara{
	font-size:.9em;	
}
.list-group-horizontal .list-group-item {
    display: inline-block;
}
.list-group-horizontal .list-group-item {
	margin-bottom: 0;
	margin-left:-4px;
	margin-right: 0;
	padding:0 !important;
	color:darkblue;
}
.list-group-horizontal .list-group-item:first-child {
	border-top-right-radius:0;
	border-bottom-left-radius:4px;
}
.list-group-horizontal .list-group-item:last-child {
	border-top-right-radius:4px;
	border-bottom-left-radius:0;
}
.list-group-horizontal{
	margin:0 !important;	
}
.riepilogo{
    background-color: white;
    color: darkblue;
	font-size:1em;
    /*margin-right: 5px;*/
    padding: 2px 10px;
	border-radius:5px;
	font-weight:bold;
}
.row-padd{
	margin-top:50px;	
}
.cerca-textbox{
	background: darkblue none repeat scroll 0 0;
    border: 1px solid white;
    border-radius: 4px;
    color: white;
    font-size: 19px;
    padding: 2px;
    position: absolute;
    right: 10px;
    top: 0;
}
.cerca-textbox:hover{
	background-color:#3E59F9;	
}
#classifica_filter,#classifica_squadre_filter,#iscritti_filter,#parziali_filter,#ritirati_filter,#scRitirati_filter,#casse_filter{
	display:none;	
}
#classifica,#classifica_squadre,#iscritti,#parziali,#ritirati,#scRitirati,#casse{
	/*border-spacing:0px;	*/
}
#classifica td,#classifica_squadre td,#iscritti td,#parziali td,#ritirati td,#scRitirati td,#casse td{
	border-right:1px solid white;
	color:black;
	font-size:14px;
	padding:2px;
	text-align:center;
}
#classifica th,#classifica_squadre th,#iscritti th,#parziali th,#ritirati th, #scRitirati th, #casse th{
	text-align:center !important;
}
#classifica tr,#classifica_squadre tr,#iscritti tr,#parziali tr, #ritirati tr, #scRitirati tr, #casse tr{
	background-color:white;
}
#classifica a:hover,#classifica_squadre a:hover,#iscritti a:hover,#parziali a:hover, #ritirati a:hover, #scRitirati a:hover, #casse a:hover{
	color:white;
}
#classifica .group td ,#classifica_squadre .group td ,#iscritti .group td,#parziali .group td, #scRitirati .group td,#ritirati .group td{
	background-color: #d9edf7;
	border-right:1px solid white;
	color: #31708f;
	font-weight:bold;
	text-align:center;
}
table.dataTable.dtr-inline.collapsed > tbody > .group > td:first-child::before
{
	content:none;
}

.form-inline .form-group > [class^="col-"], .form-inline .form-group > [class*=" col-"] {
    padding-left: 0;
    padding-right: 0;
}
.form-inline .form-control {
    width: 100%;
}
.form-inline{
	padding:5px;
}	
body,html{
	/*overflow-x:hidden!important;	*/
	overflow:hidden;
	/*font-variant: all-petite-caps;*/
	font-family: Helvetica,Arial,sans-serif;
}
.a-capo{
	overflow-wrap: break-word;
	white-space: normal;
	width: 250px;
	margin:0;	
}
.menu-ricerca{
	display:inline-block !important;
}
.menu-ricerca2{
	display:inline-block !important;
}
.dettaglio{
	text-align:left !important;
	padding-left:5px;	
}
.dettaglio-plus{
	text-align:left !important;
	padding-left:10px !important;
	padding-right:10px !important;
	white-space:nowrap;
}
#parx tr,#porx tr {
    color: white;
    text-align: center;
}
#parx td{
    border: 1px solid white;
	padding-left: 20px;
    padding-right: 20px;
	text-align:center;
	font-size:14px;
	min-height: 20px !important;
	height: 20px !important;
	vertical-align:middle;
	
}
#porx td{
    border-top: 1px solid white;
	text-align: center;
	font-size: 14px;
	border-bottom: 1px solid white;
}
#parx tr:first-child td:first-child {
    border: 0 !important;
}
#parx th, #porx th {
    border-top: 1px solid white;
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
    background: #06c;
}
#parx caption {
    text-align: center;
    border-radius: 20px;
    background: white;
    margin-bottom: 10px;
    color: darkblue;
    font-weight: bold;
}
.dataTables_info{
	padding:0 !important;
}
.dettaglio-atleti {
    list-style: outside none none;
    margin-top: -15px;
	padding:0;
	overflow:auto;
	max-height:150px;
}
a:hover{
	text-decoration:none;	
}
#dettTracker .list-group-item a:hover{	
	color:darkblue;
}
#dettTracker .list-group-item a{	
	color:black;
}
.dettaglio-atleti li{
	border: 1px solid darkblue;
    border-radius: 100px;
    padding-left: 20px;	
	background:white;
	color:darkblue;
	
}

.dett-row{
	max-height:150px;
}
#mappa_class tr td{
	font-size:14px !important;
	color:white;
	padding:0 3 0 3;	
}
#mappa_img td {
    border: 5px solid red;
    color: white;
    font-size: 14px;
	text-align:center;
}
#mappa_img th {
    border: 5px solid red;
	text-align:center;
}
.higlighted
{
	background-color: #fdec00; 
	color: #00f;
}
.popover-content
{
   min-width: 200px;
}
.caricamento{
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	background: white;
	height: 100%;	
}
#box{
	z-index: 1000;
	max-width:100%;
	width:100%;
}
.label-elevation {
	bottom: 220px;
    left: 1.5%;
    position: absolute;
    text-align: center;
    z-index: 1050;
}
.intermedi {
	width:100%;
}
.hover_azzurro:hover{
	background-color:#43b4fc !important;
	cursor:pointer;	
}
.map-im-here{
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;	
}
.sceltaColore{
	border:0;
	padding:0;
	width:20px;
	height:20px;
	cursor:pointer;
	-webkit-appearance: none;
	background:none;
	
}
.popover-title{
	font-weight:bold;
	text-align:center;
		
}
.indicatoreCaricamento{
	height: 100%;
	width: 100%;
	position: absolute;
	background-color: rgba(0,0,0,.6);
	z-index: 20000;
	color: white;
}
.indicatoreCaricamento2{
	background-color: rgba(0,0,0,.6);
	z-index: 20000;
	color: white;
	height:150px
}
.indicatoreCaricamento3 {
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(255,255,255,1);
    z-index: 20000;
    color: white;
}
.glyphicon-refresh-animate {
    -animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
	transform-origin: 50% 50%;
}
.fullscreen:-moz-full-screen, .showSweetAlert:-moz-full-screen  {
	height: 100%;
}
.fullscreen:-webkit-full-screen, .showSweetAlert:-webkit-full-screen {
	height: 100%;
}
.fullscreen:-ms-fullscreen, .showSweetAlert:-ms-fullscreen {
	height: 100%;
}
.fullscreen:fullscreen, .showSweetAlert:fullscreen {
	height: 100%;
}
.popup-var-perc{
	background-color: red;
	color: white;
	font-weight: bold;
	font-size:14px;
}
.blink_text {
	animation:1s blinker linear infinite;
	-webkit-animation:1s blinker linear infinite;
	-moz-animation:1s blinker linear infinite;
	color: #00f;
	font-size:18px;
	font-weight:bold;
}
.blink_text a {color:yellow;}
.overY {
    max-height: 365px;
    overflow-y: auto;
    min-width: 365px;
}
.colonna_0_5_desk{
	width:4.166%
}
.colonna_11_5_desk{
	width:95.832%
}
#modifica_lingua{
	z-index:1000;
}
.footer-altezza{
	position:fixed;
	width:100%;
	bottom:0;	
}
.footer_regola_altezza{
	height:40px;	
}
.img-responsive{
	width:100%;	
}
.dataTables_scrollBody table thead tr,.dataTables_scrollBody table thead tr th{
	background: none !important;	
}
#check{
	background-color:white ;
	color:darkblue ;	
}
/*stile per timeline */
.chiusura{
	position: absolute;
	left:97%;
	color:black;
	cursor:pointer;
}
.marquee {
    width: 100%;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

.marquee span {
    display: inline-block;
    padding-left: 100%;  /* show the marquee just outside the paragraph */
    animation: marquee 40s linear infinite;
	
}

.marquee span:hover {
    animation-play-state: paused
}
.marquee span b:nth-child(2) {
	color:yellow;
}
@font-face {
    font-family: digitale;
    src: url(../fonts/DS-DIGIT.TTF);
}


/* Make it move */
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}


@-moz-keyframes blinker { 
	0% { color:yellow }
	50% { color:red }
	100% { color:yellow }
}
@-webkit-keyframes blinker { 
	0% { color:yellow }
	50% { color:red }
	100% { color:yellow }
}
@keyframes blinker { 
	0% { color:yellow }
	50% { color:red }
	100% { color:yellow }
}
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */   
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* The navigation links inside the overlay */
.overlay a {
    text-decoration: none;
    font-size: 36px;
    color: white;
    transition: 0.3s; /* Transition effects on hover (color) */
}
.col-sinistra-overlay{
	width:96%; 
	height: 100%;
}
.col-destra-overlay{
	width:4%; 
	height: 100%;
	margin: -10px;
}
.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}
#content{
	width:100%;
	background: red;
	height: 100%;
	border:5px solid white;
}
#sidebar {
    min-width: 25%;
	min-height: 100%;
	background: darkblue;
    color: white;
    transition: all 0.3s;
	border:5px solid white;
	height:100%;
	position:relative
}
#dismiss{
	display:none !important;	
}
#sidebar.active {
    margin-left: -25%;
}
	a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

#sidebar .sidebar-header {
    padding: 5px;
    background: #6d7fcc;
	border-bottom:5px solid white;
	border-top:5px solid white;
	font-variant:all-petite-caps;	
	transition:.3s all ease-in-out;
}
#sidebar .sidebar-header>li.active>a,#sidebar .sidebar-header>li.active>a:hover{
	background:none !important;
	border:0;
	color:white;
	font-size:18px !important;
	transition:.3s all ease-in-out;
	padding-top:0px;
	padding-bottom:0px;
	box-shadow: none;
	border-bottom:2px solid white;
	border-radius:0;
}
#sidebar .sidebar-header>li>a{
	transition:.3s all ease-in-out;
	padding-top:0px;
	padding-bottom:0px;
	color:white;
	font-size:15px;
	border:0;
}
#sidebar .sidebar-header>li>a:hover{
	background:none !important;
	border:0px;
	border-top:2px solid white;
	border-radius:0;
}
#sidebar .sidebar-header>li:hover{
	border:0;
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}
.ol-popup {
	position: absolute;
	background-color: white;
	-webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
	filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
	padding: 15px;
	border-radius: 10px;
	border: 1px solid #cccccc;
	bottom: 12px;
	left: -50px;
	min-width: 280px;
}
.ol-popup:after, .ol-popup:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.ol-popup:after {
	border-top-color: white;
	border-width: 10px;
	left: 48px;
	margin-left: -10px;
}
.ol-popup:before {
	border-top-color: #cccccc;
	border-width: 11px;
	left: 48px;
	margin-left: -11px;
}
.ol-popup-closer {
	text-decoration: none;
	position: absolute;
	top: 2px;
	right: 8px;
}
.ol-popup-closer:after {
	content: "✖";
}
.ol-popup h2{
    color: darkblue;
    font-size: 16px;
    margin: 0;
    border-bottom: 2px solid darkblue;
    font-weight: bold;
    font-variant: all-petite-caps;
	padding-bottom:5px;
	margin-bottom:5px;
}
.ol-popup p{
	margin-bottom:0;	
}
#popup-content .titlePop{
	width: 70%;
    float: left;	
}
#popup-content .noTitle{
	padding-left:5px;	
}
#popup-content .noTitle i{
	margin-right:5px;	
}
#BoxTracker,#BoxIntermedi{
	overflow:auto;	
}
#BoxTracker li{
	color:black;
	background:white;
	border-radius:0px;
	height:70px;
	border-top:1px solid black
}
#BoxIntermedi li{
	color:black;
	background:white;
	border-radius:0px;
	height:80px;
	border-top:1px solid black
}
#BoxTracker li .badge{
	border-radius:0px;
	box-shadow: 0px 5px 0px #000, 0px -5px 0px #000;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
	width:40px;
}
.descriptionOptionTracker{
	position: absolute;
    bottom: 0;
    font-size: 10px;
}
span[data-colore]{
	cursor:pointer;
}
.optionTracker{
	font-size: 20px;
	position: absolute;
	bottom: 10px;
}
.optionIntermedio{
	font-size: 20px;
	position: absolute;
	bottom: 3px;
}
.optionIntermedio span{
	margin-right:5px;
	font-variant:all-petite-caps;	
}
.optionIntermedio b{
	font-size:22px;
	font-weight:normal;
}
.KMTracker{
	position: absolute;
    bottom: 0;
    right: 0;
    font-variant: all-petite-caps;
    color: black;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;	
}
.optionTracker i{
	cursor:pointer;
}
.optionTracker i:first-child{
	content: '';
    position: relative;
    width: 46px;
    height: 12px;
    background-color: #6d7fcc;
    border:2px solid black;
    border-radius: 10px;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    margin: 4px 16px 2px 0;
}
#BoxColor{
	position: absolute;
	width: 10em;
	height: 10em;
	border-radius: 50%;
	padding: 0;
	margin: 5em auto;
	z-index:9999999;
	transition:.3s all ease-in-out;
}
#BoxColor>*{
	display: block;
	position: absolute;
	top: 70%;
	left: 70%;
	margin: -3em;
	width: 6em;
	height: 6em;
	transition:.3s all ease-in-out;
}
#BoxColor div{
	width: 25px;
    height: 25px;
    border-radius: 25px;
    border: 2px solid black;
	transition:.3s all ease-in-out;
	cursor:pointer;
}
#BoxColor > *:nth-of-type(1) { -webkit-transform: rotate(0deg) translate(5em); transform: rotate(0deg) translate(5em); transition:.3s all ease-in-out }
#BoxColor > *:nth-of-type(2) { -webkit-transform: rotate(24deg) translate(5em); transform: rotate(24deg) translate(5em); transition:.3s all ease-in-out}
#BoxColor > *:nth-of-type(3) { -webkit-transform: rotate(48deg) translate(5em); transform: rotate(48deg) translate(5em); transition:.3s all ease-in-out}
#BoxColor > *:nth-of-type(4) { -webkit-transform: rotate(72deg) translate(5em); transform: rotate(72deg) translate(5em); transition:.3s all ease-in-out}
#BoxColor > *:nth-of-type(5) { -webkit-transform: rotate(96deg) translate(5em); transform: rotate(96deg) translate(5em); transition:.3s all ease-in-out}
#BoxColor > *:nth-of-type(6) { -webkit-transform: rotate(120deg) translate(5em); transform: rotate(120deg) translate(5em); transition:.3s all ease-in-out}
#BoxColor > *:nth-of-type(7) { -webkit-transform: rotate(144deg) translate(5em); transform: rotate(144deg) translate(5em); transition:.3s all ease-in-out}
#BoxColor > *:nth-of-type(8) { -webkit-transform: rotate(168deg) translate(5em); transform: rotate(168deg) translate(5em); transition:.3s all ease-in-out}
#BoxColor > *:nth-of-type(9) { -webkit-transform: rotate(192deg) translate(5em); transform: rotate(192deg) translate(5em); transition:.3s all ease-in-out}
#BoxColor > *:nth-of-type(10) { -webkit-transform: rotate(216deg) translate(5em); transform: rotate(216deg) translate(5em); transition:.3s all ease-in-out}
#BoxColor > *:nth-of-type(11) { -webkit-transform: rotate(240deg) translate(5em); transform: rotate(240deg) translate(5em); transition:.3s all ease-in-out }
#BoxColor > *:nth-of-type(12) { -webkit-transform: rotate(264deg) translate(5em); transform: rotate(264deg) translate(5em); transition:.3s all ease-in-out}
#BoxColor > *:nth-of-type(13) { -webkit-transform: rotate(288deg) translate(5em); transform: rotate(288deg) translate(5em); transition:.3s all ease-in-out}
#BoxColor > *:nth-of-type(14) { -webkit-transform: rotate(312deg) translate(5em); transform: rotate(312deg) translate(5em); transition:.3s all ease-in-out}
#BoxColor > *:nth-of-type(15) { -webkit-transform: rotate(336deg) translate(5em); transform: rotate(336deg) translate(5em); transition:.3s all ease-in-out}
#BoxColor > *:nth-of-type(16) { -webkit-transform: rotate(0deg) translate(3em); transform: rotate(0deg) translate(3em); transition:.3s all ease-in-out}
#BoxColor > *:nth-of-type(17) { -webkit-transform: rotate(36deg) translate(3em); transform: rotate(36deg) translate(3em); transition:.3s all ease-in-out}
#BoxColor > *:nth-of-type(18) { -webkit-transform: rotate(72deg) translate(3em); transform: rotate(72deg) translate(3em); transition:.3s all ease-in-out}
#BoxColor > *:nth-of-type(19) { -webkit-transform: rotate(108deg) translate(3em); transform: rotate(108deg) translate(3em); transition:.3s all ease-in-out}
#BoxColor > *:nth-of-type(20) { -webkit-transform: rotate(144deg) translate(3em); transform: rotate(144deg) translate(3em); transition:.3s all ease-in-out}
#BoxColor > *:nth-of-type(21) { -webkit-transform: rotate(180deg) translate(3em); transform: rotate(180deg) translate(3em); transition:.3s all ease-in-out}
#BoxColor > *:nth-of-type(22) { -webkit-transform: rotate(216deg) translate(3em); transform: rotate(216deg) translate(3em); transition:.3s all ease-in-out}
#BoxColor > *:nth-of-type(23) { -webkit-transform: rotate(252deg) translate(3em); transform: rotate(252deg) translate(3em); transition:.3s all ease-in-out}
#BoxColor > *:nth-of-type(24) { -webkit-transform: rotate(288deg) translate(3em); transform: rotate(288deg) translate(3em); transition:.3s all ease-in-out}
#BoxColor > *:nth-of-type(25) { -webkit-transform: rotate(324deg) translate(3em); transform: rotate(324deg) translate(3em); transition:.3s all ease-in-out}
#BoxColor > *:nth-of-type(26) { -webkit-transform: rotate(360deg) translate(3em); transform: rotate(360deg) translate(3em); transition:.3s all ease-in-out}
#SeguiTracker:before{
	content:"\f057";
	color:darkblue;
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border:2px solid black;
    background-color:white;
    top: -5px;
    left: -3px;
	font-size:16px;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}
#TogliTracker:before{
	content:"\f058";
	color:darkblue;
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border:2px solid black;
    background-color:white;
    top: -5px;
    right: -3px;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
	font-size:16px;
}
#VisualizzaTraccia,#TogliTraccia{
	font-family: 'map' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;	
}
#VisualizzaTraccia:before{
	content:"\e903";
	color:black;
}
#TogliTraccia:before{
	content:"\e903";
	color:coral
}
.Disabled{
	cursor:not-allowed !important;
	pointer-events: none;	
}
#changeOSMTile.active{
	color:yellow;
	font-weight:900;
	transition:.3s all ease-in-out;
}
#sidebarCollapse:hover,#sidebarCollapse:focus,#changeOSMTile:hover,#changeOSMTile:focus{
	text-decoration: none;
    background-color: rgba(0,60,136,.7);	
}
table.dataTable.display tbody tr.odd>[class*="sorting"], table.dataTable.order-column.stripe tbody tr.odd>[class*="sorting"],table.dataTable.display tbody tr.even>[class*="sorting"], table.dataTable.order-column.stripe tbody tr.even>[class*="sorting"]{
	background:	#6d7fcc;
}
#allPositionRange{
    position: absolute;
    bottom: 180px;
    z-index: 99999;
    transition: .3s all ease-in-out;
    width: 100%;
    left: 0;
    background: darkblue;
    padding: 5px 20px;
	color:white	
}
.btm40{
	bottom:40px !important;	
}
@keyframes flickerAnimation {
  0%   { left:-100% }
  100% { left:0 }
}
@-o-keyframes flickerAnimation{
  0%   { left:-100% }
  100% { left:0 }
}
@-moz-keyframes flickerAnimation{
  0%   { left:-100% }
  100% { left:0 }
}
@-webkit-keyframes flickerAnimation{
  0%   { left:-100% }
  100% { left:0 }
}
.animate-flicker {
   -webkit-animation: flickerAnimation .4s 1;
   -moz-animation: flickerAnimation .4s 1;
   -o-animation: flickerAnimation .4s 1;
    animation: flickerAnimation .4s 1;
	left:0 !important;
}
@keyframes flickerAnimation2 {
  0%   { left:0 }
  100% { left:-100% }
}
@-o-keyframes flickerAnimation2{
  0%   { left:0 }
  100% { left:-100% }
}
@-moz-keyframes flickerAnimation2{
  0%   { left:0 }
  100% { left:-100% }
}
@-webkit-keyframes flickerAnimation2{
  0%   { left:0 }
  100% { left:-100% }
}
.animate-flicker2 {
   -webkit-animation: flickerAnimation2 .4s 1;
   -moz-animation: flickerAnimation2 .4s 1;
   -o-animation: flickerAnimation2 .4s 1;
    animation: flickerAnimation2 .4s 1;
	left:-100% !important;
}
.pettorale{
	border-radius: 0px;
    border-top: 5px solid white;
    border-bottom: 5px solid white;
    width: 40px;
}
#slideAltimeter{
	color:yellow
}
#slideAltimeter.active{
	color:white;
}
.removeChart{
	margin-bottom:-30%;
}
.batteryStatus{
	float: right;
    position: relative;
    width: 26px;
	height:30px;	
}
.batteryLevel{
	position: relative;
    background: green;
    top: 9px;
    height: 10px;
    left: 3px;
	border-right: 2px solid black;
}
.batteryText{
	margin-left: 35px;
    font-size: 20px;
}
.lastTrasmission{
	background:green;
	float: right;
	width: 25px;
	height: 25px;
	margin-left: 25px;
	border-radius: 50%;
    border: 2px solid white;
}
.allPositionBack {
	width: 100%;
    cursor: pointer;
    position: absolute;
    left: 0;
    border-radius: 0px;
    transition: all 0.3s ease 0s;
    background: black;
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    border: 1px solid black;
    top: 70px;
}
.allPositionBack .fas{
	position: absolute;
    left: 15px;
    border-radius: 50%;
    background: yellow;
    padding: 7px;
    border: white;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 35px;
    width: 35px;
    color: black;
	transition:.3s all ease;
}
.allPositionBack:hover{
	background:#6d7fcc;
	color:white;
}
.allPositionBack:hover .fas{
	transform:rotate(-360deg);
	border:2px solid black;
	padding:6px
}
.percorso_variato {
    position: absolute;
    right: 0;
    z-index: 999;
    background: red;
    padding: 15px;
    width: 20%;
    font-size: 20px;
    margin: 0 auto;
    left: 0;
    text-align: center;
    color: white;
}
    .ol-attribution.ol-uncollapsible{
	bottom:auto !important;
	right:50px !important;

}