.zViewGameicons {
position:relative!important;
background:#ffffff!important;
    z-index:101!important;
    border-radius: 7px;
}

/* map */
.zViewGamemapbox {
  /*  height:100%!important;*/
    width:90%!important;
    height:250px!important;
  position:absolute!important;
  
  z-index:88!important;
  border-radius: 10px!important;
}

.zViewGamemapgrid {
    position:relative!important;
    width:100%!important;

}


/* game info */

.zVGgrid {
    position:relative!important;
    border-radius: 10px!important;
}

/* top of screen */

.zvgtopbox {
    position:relative!important;
    
}

.zvgtopgradient {
    position:absolute!important;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7));
    /*background: radial-gradient(at bottom left,rgba(0,0,0,0.7), rgba(0,0,0,0));*/
    height:220px!important;
    bottom:0!important;
    z-index:15!important;
    
}

.zvgtopimage{
    position:relative!important;
    z-index:10!important;
    
}

.zvgback {
position:fixed!important;
    top:10px!important;
    left:10px!important;
    z-index:200!important;
}

.zvgdrivebutton {
position:absolute!important;
    top:10px!important;
    left:10px!important;
    z-index:20!important;
}

.zvglocationtext {
position:absolute!important;
    bottom:20px!important;
    left:10px!important;
    z-index:20!important;
}

.zvgtitletext {
position:absolute!important;
    bottom:60px!important;
    left:10px!important;
    z-index:20!important;
}



/* buttons */

.yellowbutton { 
    border:none;
   box-shadow:none!important;
    background:#fec332!important;
  /*  background-image:linear-gradient(-30deg, #00E676,#00C853)!important; */
    color:#000000!important;
    font-family:"BebasNeue"!important; 
    text-shadow: none!important;
}

.drivebutton {
position:absolute!important;
    bottom:40px!important;
    right:30px!important;
    z-index:101!important;
}


/* who's playing */

.ZvgprofileImage {
    border-radius: 50%!important;
   /* border:6px solid #000000;
    padding: 3px;
    border:0;*/
}

.ZvgprofileImageB {
    border-radius: 50%!important;
    border:6px solid #000000;
    padding: 3px;
   /* border:0;*/
}

.ZvgprofileImageW {
    border-radius: 50%!important;
    border:6px solid #dedede;
    padding: 3px;
   /* border:0;*/
}

.ZvgprofileImageGreen {
    border-radius: 50%!important;
    border:6px solid #007f22;
    padding: 3px;
   /* border:0;*/
}

.ZvgprofileImageOrange {
    border-radius: 50%!important;
    border:6px solid #ffa500;
    padding: 3px;
   /* border:0;*/
}

.ui-badge-container2 {
position: relative;
}


.badgeB {
/*display: none;*/
background: #000000;
color: #fff;
padding: 2px 5px;
position: absolute;
right: 20px;
top: 15px;
z-index: 999;
border-radius: .8em;
border: 1px solid #ffffff;
    text-shadow:none!important;
       font-size:10px; 
}

.badgeW {
/*display: none;*/
background: #dedede;
color: #000000;
padding: 2px 5px;
position: absolute;
right: 20px;
top: 15px;
z-index: 999;
border-radius: .8em;
border: 1px solid #ffffff;
    text-shadow:none!important;
       font-size:10px; 
}

.badgeGreen {
/*display: none;*/
background: #007f22;
color: #fff;
padding: 2px 5px;
position: absolute;
right: 20px;
top: 15px;
z-index: 999;
border-radius: .8em;
border: 1px solid #ffffff;
    text-shadow:none!important;
       font-size:10px; 
}

.badgeOrange {
/*display: none;*/
background: #ffa500;
color: #000000;
padding: 2px 5px;
position: absolute;
right: 20px;
top: 15px;
z-index: 999;
border-radius: .8em;
border: 1px solid #ffffff;
    text-shadow:none!important;
       font-size:10px; 
}