html, body, #map-canvas {
  margin: 0;
  padding: 0;
  height: 100%;
}
#map-canvas {
  height: 100%;
  width: calc(100% - 2px);
  border-right: 2px solid red;
}
#map-canvas2 {
  height: 100%;
  width: 100%;
}

#map-canvas2-1, #map-canvas2-2 {
  height: calc(50% - 1px);
  width: 100%;
}
#map-canvas2-1 {
  border-bottom: 2px solid red;

}
.grid-container {
    display: grid;
    grid-template-columns: 3fr 2fr;
/*    grid-gap: 6px;*/
    height: 100%;
}


.imguns {
   user-select: none;
   -o-user-select:none;
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
}
#results {
  padding: 2px;
  width: 300px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(0,0,0,0.4);
  background-color: white;
  display:block;
  visibility: hidden;
}

#resli {
  padding: 4px;
  background: none repeat scroll 0 0 #f8f7f3;
  border-bottom: 1px solid #ece3da;
  border-radius: 3px;
  font-size: 12px;
  margin-bottom: 1px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 10px;
  color: #999;
  min-height:12px;
  position:relative;
}
.place {
  left: 10px;
  position:absolute;
}
.number {
  left: 26px;
  color: #e66700;
  font-weight: bold;
  position:absolute;
}
.names {
  left: 48px;
  font-size: 12px;
  color: #000;
  position:absolute;
}
.time {
  right: 155px;
  text-align: right;
  position:absolute;
  font-size: 12px;
  color: #333;
}

.tplace {
  left: 155px;
  position:absolute;
}
.tnumber {
  left: 171px;
  color: #e66700;
  font-weight: bold;
  position:absolute;
}
.tnames {
  left: 193px;
  font-size: 12px;
  color: #000;
  position:absolute;
}
.ttime {
  right: 5px;
  text-align: right;
  position:absolute;
  font-size: 12px;
  color: #333;
}

.ssbutton {
  background: none repeat scroll 0 0 #eee4db;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
  color: #666;
  float: left;
  font-weight: bold;
  height: 22px;
  line-height: 22px;
  min-height: 22px;
  padding: 0 7px;
  text-decoration: none;
  vertical-align: middle;
}

a {
	color:#000;
	text-decoration: underline;
	outline: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.ssbutton.def:hover {
  background: none repeat scroll 0 0 #e2d5c9;
  box-shadow: 0 0 2px rgba(0,0,0,0.6) inset;
	color:#000;
}
.current {
  background: none repeat scroll 0 0 #e67c04;
  color: #fff;}
  
.ssbutton.current:hover {
  box-shadow: 0 0 2px rgba(0,0,0,0.6) inset;
}

input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.fll { float:left; }
.flr { float:right; }
.fln { float:none; }

#provided {
  transition: opacity 1.0s ease-in-out 0s;
  border:0 none;
}

.speedbox {
  border: 1px solid black;
  color: black;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  text-align:center;
  min-width:31px;
  max-width:32px;
  border-radius:3px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
}
.namebox, .nameboxm {
  border: 1px solid black;
  color: black;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  padding-left: 2px;
  padding-right:2px;
  text-align:center;
  /* min-width:54px; */
  display:inline-block;
  border-radius:3px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
}

.namebox {
  background: none repeat scroll 0 0 #FFE97F;
}
.nameboxm {
  background: none repeat scroll 0 0 LightGreen;
}

.namebox img {
  padding-top:1px;
  padding-right:2px;
  float:left;
}

#replay_div {
	position: relative;
	overflow: hidden;
	width: 160px;
	height: 60px;
	border: 0px solid #000;
	font-family: Verdana;
	font-weight: bold;
	font-size:19px;
  top: 7px;
	color: white;
	background-color: rgba(255,0,0,0.4);
	text-align:center;
	border-radius: 6px;
	cursor: default;
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-user-select: none;
}

img {
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
}

#info_div {
  padding-left: 1px;
  padding-right: 1px;
  text-align: center;
  border-radius: 6px;
  box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.4);
  font-family: Arial,Helvetica,sans-serif;
  width: 210px;
  min-height: 20px;
  font-size: 12px;
  color: #333;
  border-top: 3px solid rgb(255, 102, 0);
  background: none repeat scroll 0px 0px rgb(242, 242, 242);
}
#info_div span {
  display: block;
  width: 18px;
  height: 11px;
  float: right;
  margin-top: 7px;
  padding-right: 2px;
}
#info_div span a {
  display: block;
  float: left;
  transition:all 0s ease 0s;
}
#info_div span a img {
  position:absolute;
  clip: rect(65px, 82px, 82px, 65px);
  margin-left:-65px;
  margin-top:-65px;
  border-width: 0px;
}
#info_div #stage_descr {
  margin: 0px 4px;
  padding-top: 4px;
  padding-bottom: 5px;
  font-size: 15px;
  border-bottom: 1px solid rgb(255, 102, 0);
  text-align: left;
  font-weight: bold;
}
#info_div #p1,#p2,#p3 {
  margin: 5px 4px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgb(255, 102, 0);
  text-align: left;
  padding-left: 5px;
}
#info_div #plast {
  text-align: right;
  margin: 5px 4px;
  padding-bottom: 5px;
  padding-right: 5px;
  font-size: 10px;
}
.infoBox {
  width: auto !important;
}
.rally4 {
  position:fixed;
  bottom:0;
  left: 90px;
  height:24px;
  user-select: none;
  -o-user-select:none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}

#div-1 div.gm-style div > button[title="Toggle fullscreen view"] {
  display: none;
}

.mapscaleday {
  margin-right:20px !important;
}

.mapscalenight div div:nth-child(2) {
  background-color:black !important;
}
.mapscalenight div:nth-child(1) {
  opacity:1 !important;
}
.mapscalenight div:nth-child(2) {
  color:white !important;
}
.mapscalenight div div:nth-child(3) {
  background-color:black !important;
}
.mapscalenight div div:nth-child(n+4) {
  background-color:white !important;
}

.gm-style iframe + div { border:none !important; }