/* @charset "utf-8"; */

.grh-map-page {
	width: 100%;
}

/* =========== GR Hystory Top Block ============ */

/* rukis zeda blokis sigane da CarCo */
/*
.grh-map-top-block { 
	margin-bottom: 15px;
	padding: 10px;
	background-color: #f5f5f5;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc #ccc #999 #ccc;
    -webkit-box-shadow: 0 2px 5px rgba(64, 64, 64, 0.5);
    -moz-box-shadow: 0 2px 5px rgba(64, 64, 64, 0.5);
    box-shadow: 0 2px 5px rgba(64, 64, 64, 0.5);
}
*/

.grh-map-top-block {
	padding: 12px;
}
.grh-map-top-block .first-link-zzz {
	cursor: pointer; 
	cursor: hand; 
	float: left;
}
#show-hide-about {
	display: none;
	margin: 10px 0px 0px;
	padding: 10px;
	background-color: white;
	border-radius: 3px;
    box-shadow: 0 2px 5px rgba(64, 64, 64, 0.5);
}
.defpos-zzz {
	float: right;
}


/* =========== GR Hystory BUBBLE CHART ============ */
#grh_bubble_chart {
	width: 100%;
	height: 150px;
	margin-bottom: -60px;
}

/* arCeuli markeris animacia */
@-webkit-keyframes bubbleAnimation {
	0% { opacity: 0.5; r: 9; }
	50% { opacity: 1.0; r: 15; }
	100% { opacity: 0.5; r: 9; }
}
@-moz-keyframes bubbleAnimation {
	0% { opacity: 0.5; r: 9; }
	50% { opacity: 1.0; r: 15; }
	100% { opacity: 0.5; r: 9; }
}
@-o-keyframes bubbleAnimation {
	0% { opacity: 0.5; r: 9; }
	50% { opacity: 1.0; r: 15; }
	100% { opacity: 0.5; r: 9; }
}
@keyframes bubbleAnimation {
	0% { opacity: 0.5; r: 9; scale(0.7); }
	50% { opacity: 1.0; r: 15; scale(1.7); }
	100% { opacity: 0.5; r: 9; scale(0.7); }
}

.bubble-select {
	-moz-animation: bubbleAnimation cubic-bezier(0,.54,.53,1) 1000ms;

	animation: bubbleAnimation cubic-bezier(0,.54,.53,1) 1000ms;
	animation-fill-mode: forwards;
	animation-delay: 0ms;
	animation-iteration-count: infinite;
}


/* =========== GR Hystory GOOGLE MAP ============ */
#grh-map { 
	height: 340px;
	margin: auto;
	margin-bottom: 15px;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc #ccc #999 #ccc;
    -webkit-box-shadow: 0 2px 5px rgba(64, 64, 64, 0.5);
    -moz-box-shadow: 0 2px 5px rgba(64, 64, 64, 0.5);
    box-shadow: 0 2px 5px rgba(64, 64, 64, 0.5);
}

.marker-hover {
	transition-duration: 100ms;
	opacity: 1.0;
	transform: scale(0.8);
}

/* arCeuli markeris animacia */
@keyframes animationWave {
	0% { opacity: 0.5; transform: scale(0.7); }
	50% { opacity: 1.0; transform: scale(1.23); }
	100% { opacity: 0.5; transform: scale(0.7); }
}
.marker-selected {
	animation: animationWave cubic-bezier(0,.54,.53,1) 1000ms;
	animation-fill-mode: forwards;
	animation-delay: 0.0s;
	animation-iteration-count: infinite;
}


/* =========== GR Hystory TABLE ============ */

/* erT striqonSi rom iyos cxrilis elementebi */
#grh_table tbody tr td {
	white-space: nowrap;
	font-size: 12px;
	height: inherit;
}
/* cxrilSi radiaciuli nivTierebis raodenobis rajvniv sworeba */
#grh_table tbody tr td:nth-child(5) {
	text-align: right;
}

/* cxrilSi Bubblis parametrebi */
#grh_table .grh_table_bubble {
	text-align: center;
}
#grh_table .grh_table_bubble img {
	margin-top: 1px;
	opacity: 1.0;
}
#grh_table .grh_table_bubble div {
	position: relative;
}





/* markerebis da label-is teqsis arCeva
img[src*="http://z03gdo.websail.net/images/GMC-Maps/oval_car-magnet.png"] {}
[style*='12.001pt'] {}
img[src="http://z03gdo.websail.net/images/GMC-Maps/green-my.png?i=0"] {}
*/




/* THIS IS FOR GOOGLE CHROME FOR REMOVE BLUE OUTLINE BORDER */
:focus {
	outline: none !important;	
}


/* =============================================================== */

/* BEGIN @media */
@media screen and (max-width: 979px) {

}
@media screen and (max-width: 767px) {

}
@media screen and (max-width: 680px) {

}
@media screen and (max-width: 623px) {

}
@media screen and (max-width: 580px) {
/* "Map’s default position" Left indent */
	.defpos-zzz {
		float: left;
	}
}
@media screen and (max-width: 543px) {

}
@media screen and (max-width: 470px) {

}
@media screen and (max-width: 361px) {

}
/* END @media */
