p, h3, h5{
    color:#7c706c;
}
header{
    margin-bottom:20px;
}
#page{
  /*background-image: url(../img/map/BGMars.jpg);*/
  background-repeat:no-repeat;
  background-position: left top;
  background-size: cover;
  width:100%;
  height:720px!important;
  text-align:center;
  /*font-family:robCon;*/
}
.mappa{
  width:80%;
  margin:0% 10%;
}
#adviceMsg{
  margin:15%;
  color:white!important;
}
input, textarea{
  border-radius: 5px;
  border-width: 1px;
  text-align: center;
}
/* OGGETTI MESSAGE BOARD ---------------------------------------------------- */
.msgBoard{
  position:fixed;
  left:80%;
  top:70%;
  width:20%;
  height:30%;
  background-color:#343a40;
  border-radius:10px 0px 0px 0px;
}
#msgSent{
  padding-left:5px;
  overflow-y:scroll;
  margin:10px;
  width:90%;
  height:50%;
  background-color:black;
  font-size: 10px;
  text-align: left;
  color:white!important;
}
#msgSent p{
  margin-bottom:10px;
}
.msgInfo{
  color:#FFDF00;
}
.msgText{
  color:white;
}
#msgReply{
  margin:10px;
  width:60%;
  height:20%;
  background-color:black;
  color:#FFDF00;
}
.btnReply{
  margin:10px auto;
  padding:5px 10px;
  background-color:#343a40!important;
  border-radius:10px;
  border-color:black;
  border-width:1px 2px 2px 1px!important;
  font-weight:bold;
  color:white!important;
  text-shadow:0px 0px 1px black;
  cursor: pointer;
}
.btnReply:hover{
  background-color:#4e5863!important;
  color:#FFDF00!important;
  text-decoration: none;
}

/* FINE OGGETTI MESSAGE BOARD ----------------------------------------------- */

.text-center{
  text-align:center!important;
}
.hiscore{
  /*width:70%;*/
  padding:5px 10%;
  position:absolute;
  top:0px;
  left:0px;
  background-color:black;
  /*font-family:robCon;*/
  font-weight:bold;
  color:white;
  border-radius: 0px 0px 20px 0px;
}
.hiscore div{
  padding:0 2vw;
}
.half{
  width:50%;
  float:left;
}
.usernick{
  font-size:16px;
}
.userscore{
  font-size:16px;
}
@font-face {
  font-family: 'dayOne';
  src: url('../fonts/DaysOne-Regular.eot?v=4.7.0');
  src: url('../fonts/DaysOne-Regular.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/DaysOne-Regular.woff2?v=4.7.0') format('woff2'), url('../fonts/DaysOne-Regular.woff?v=4.7.0') format('woff'), url('../fonts/DaysOne-Regular.ttf?v=4.7.0') format('truetype'), url('../fonts/DaysOne-Regular.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Dosis-ExtraLight';
  src: url('../fonts/Dosis-ExtraLight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Dosis';
  src: url('../fonts/Dosis-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "Dosis-ExtraLight";
  font-weight: 200;
}

h1,h2,h3,h4,h5,h6, nav, .pammDiv {
  font-family: "Dosis";
}


.leftradio{
  width:384px;
  height:216px;
  padding:0px;
  position:absolute;
  top:400px;
  left:-400px;
}
.controlliTracciaTop{
  margin-left:55%;
  margin-top:11%;
  width:28%;
  height:18%;
  text-align:left;
}
.controlliTracciaTop a{
  color:white!important;
}
.controlliTracciaTop a:nth-child(1){
  margin-left:7%;
}
.controlliTracciaTop a:nth-child(2){
  margin-left:7%;
}
.controlliTracciaTop a:nth-child(3){
  margin-left:22%;
}
.controlliTracciaTop a:nth-child(4){
  margin-left:22%;
}
.controlliTracciaTop a:hover{
  color:#7efdf0!important;
}
.controlliTraccia{
  margin-left:55%;
  /*margin-top:21%;*/
  width:24%;
  height:42%;
  background-size:cover;
  background-image: url(../img/map/radioTurn.png);
  /*border:1px red solid;*/
}
.btnTraccia{
  width:33%;
  height:33%;
  /*border:1px blue solid;*/
  float:left;
}
.leftmenu{
  width:50px;
  height:50px;
  padding:0px;
  position:absolute;
  top:360px;
  left:0px;
  background-color: black;
  /*font-family: robCon;*/
  color:white;
  border-radius: 0px 5px 5px 0px;
}
.leftmenu i{
  margin-left:25px;
  font-size:20px;
}
.leftmenu a{
  position:absolute;
  left:-160px;
  width:200px!important;
  height:24px!important;
  padding:2px 5px;
  text-align:right;
  text-decoration: none;
  background-color:black;
  color:#CCCCCC!important;
  border-radius: 0px 5px 5px 0px;
}
.leftmenu a:hover{
  color:#FFDF00!important;
}

.rightmenu{
  width:50px;
  height:124px;
  padding:0px;
  position:absolute;
  top:100px;
  right:0px;
  background-color:black;
  /*font-family:robCon;*/
  font-weight:bold;
  color:white;
  border-radius: 5px 0px 0px 5px;
}
.rightmenu hr{margin:0px;border-color:#EEEEEE;}
.rightmenu i{
  margin-right:25px;
  font-size:20px;
  /*color:#EEEEEE;*/
}
.rightmenu a{
  position:absolute;
  right:-160px;
  width:200px!important;
  height:24px!important;
  padding:2px 5px;
  text-align:left;
  text-decoration: none;
  background-color:black;
  color:#CCCCCC!important;
  border-radius: 5px 0px 0px 5px;
}
.rightmenu a:hover{
  color:#FFDF00!important;
}
.rightmenu .fa-trophy{
  margin-left:2px;
}
.rightmenu .fa-question{
  margin-left:4px;
}
.rightmenu .fa-sign-out{
  margin-left:1px;
}
.mousePointer{
  cursor:pointer;
}
.mar20{
  margin:20px;
}
.marTop100{
  margin-top:100px;
}
.marTop60{
  margin-top:60px;
}
.padBot20{
  padding-bottom:20px!important;
}
.marBot60{
  margin-bottom:60px;
}
.modal-title{
  color: #343a40;
  text-shadow: 0 1px 0 #fff;
}
/*
.modal-body.classifica{
  max-height:300px;
  overflow-y:hidden;
}
*/
#utentiClassifica{
  max-height:300px;
  overflow:hidden;
}
#punteggiClassifica{
  max-height:300px;
  overflow:hidden;
}
#teamsNameClassifica{
  max-height:300px;
  overflow:hidden;
}
#teamsScoreClassifica{
  max-height:300px;
  overflow:hidden;
}
.aTitle{
  font-size:30px;
  margin-bottom:30px;
}
.aSmall{
  font-size:12px;
}
.inputAdmin{
  text-align:center;
  width:100%;
  border-radius:0px 0px 5px 5px;
}
.labelAdmin{
  margin:0px;
  width:100%;
  background-color:#058AA6!important;
  border-radius:5px 5px 0px 0px;
  color:white;
}
.formAdmin{
  margin:10px;
  padding:20px 10px 20px 10px;
  background-color:black!important;
  /*background-image:url('../img/assets/cromato.jpg');
  background-repeat:repeat;
  background-size:cover;*/
  box-shadow: 0px 0px 10px silver;
  border-radius:20px;
}
.pammDiv{
  height:100px;
  padding-top:40px;
  background-color:#FA592B;
  color:white;
  /*box-shadow: 0px 0px 10px #FA592B;*/
  border-radius:20px;
}

.bgAdmin{
  padding-bottom:10px;
  background-color: #343a40!important;
  border-radius: 5px!important;

}
.formAdmin table{
  width:100%;
}
.tableHeadAdmin{
  text-align:center;
  background-color:#343a40!important;
  font-weight:bold;
  color:white!important;
  text-shadow:1px 1px 0px black;
}
.tableOddAdmin{
  text-align:center;
  background-color:#343a40!important;
  font-weight:bold;
  color:#343a40!important;
  text-shadow:1px 1px 0px white;
}
.tableOddAdmin input{
  background-color:white!important;
}
.tableEvenAdmin{
  text-align:center;
  background-color:#343a40!important;
  font-weight:bold;
  color:#343a40!important;
  text-shadow:1px 1px 0px white;
}
.tableEvenAdmin input{
  background-color:#EEEEEE!important;
}

.labelGame{
  margin:0px 20px 10px 0px;
  width:100%;
  background-color:#343a40!important;
  border-radius:5px;
  color:white;

}
.chkGame{
  margin-left:10px;
}
.labelRivediTest{
  margin:0px 20px 10px 0px;
  width:100%;
  border-radius:5px;
  color:white!important;
}

.btnConfirm{
  margin:10px auto;
  padding:5px 10px;
  background-color:#FA592B!important;
  /*background-image:url('../img/assets/cromato.jpg');
  background-repeat:repeat;
  background-size:cover;*/
  border-radius:10px;
  border-color:black;
  border-width:0px 1px 1px 0px;
  font-weight:bold;
  color:white!important;
  /*text-shadow:0px 0px 1px black;*/
  cursor: pointer;
}
.btnConfirm:hover{
  color:#FFDF00!important;
  text-decoration: none;
}


.btn-warning, .btn-danger, .btn-primary{
  color:#343a40!important;
}
.marker{
  opacity:1;
}
.marker:hover{
  animation-name: blinker;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}
@keyframes blinker {
  0% {opacity:1;}
  50% {opacity:0.5;}
  100% {opacity:1;}
}

#satellite{
  width:15%;
  position:absolute;
  left:5%;
  top:5%;
}
#satellite:hover{
  animation-name: blinker;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}
.satelliteEntra{
  animation-name: satIn;
  animation-duration: 4s;
  animation-timing-function: ease;
  animation-iteration-count: 1;
}
.satelliteEsce{
  animation-name: satOut;
  animation-duration: 4s;
  animation-timing-function: ease;
  animation-iteration-count: 1;
}
@keyframes satIn {
  0% {transform: translate(-400px,-400px);}
  100% {transform: translate(0px,0px);}
}
@keyframes satOut {
  0% {transform: translate(0px,0px);}
  100% {transform: translate(-400px,-400px);}
}

.badgeOff{
  opacity:0.5;
}

.badgeOn{
  opacity:1;
}

.badgeActive{
  opacity:1;
  animation-name: trottola;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes trottola {
  0% {transform: rotateY(0deg) translateX(1px);}
  100% {transform: rotateY(360deg) translateX(-1px);}
}

.img-responsive{
  width:100%;
}

#msg1{
  color:white!important;
}