.browsingContainer, .urlWhiteBlackContainer{width:100% !important;}
.selectedTabContainer{height:450px;}
.map-canvas-container{width:inherit;height:inherit;position:relative;}
#map-canvas{width:100%;height:100%;}
#map-canvas-geo{width:58%;height:100%;display:none;}
.geofenceContainer{display:none;width:42%;height:100%;}
#timelineTip{font-size:13px;margin:5px 0;}
#realtimelineContainer{position:relative;cursor:col-resize;}


.location-timeline{margin:20px 0;padding-bottom:5px;outline:none;width:100%;overflow:auto;
	/*
	overflow:auto;
	overflow-y:hidden;
	-ms-overflow-y: hidden;
	*/
	cursor:col-resize;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

#time-line{width:100%;height:6px;position:absolute;left:0;top:45px;background:#A1A1A1;}
#timeLineCursor{width:20px;height:96px;position:absolute;top:0;background:#ac00d5;display:none;}

.location-timeline{}
.location-timeline table {table-layout:fixed;width: 100%;}
.location-timeline table tr td.above-the-line{vertical-align:top;}
.location-timeline table tr td.under-the-line{vertical-align:bottom;}


.locationInfoContainer{height:45px;}
.locationInfoContainer img{width:12px;}
.locationInfoContainer a{margin:7px 0 0;font-size:13px;color:#333;}
.locationInfoContainer a:hover, .locationInfoContainer a.selectedLocation{color:#ac00d5;}

#setSchedule{width:20px;}
.divOverMap{
	font-weight: bold;
	font-size:12px;
	color:white;
	padding:10px;
	width:170px;
	background: rgba(130, 130, 130, 0.5);
	position:absolute;
	right:0;
	top:0;
	text-align:right;
}

.geolabel{margin:0}


#geoSettings{
	clear:both;
	padding:10px;
	height:340px;
	display:none;
	width:370px;
	margin:20px auto;
	border:1px solid #828282;
	border-radius:0.2em;
}

#editGeofence{
	overflow: auto;
	overflow-x:hidden;
	width:100%;
	height:395px;
	clear:both;
}

#addGeofence{
	width:40%;
	height:inherit;
	display:none;
	clear:both;
	position: absolute;
	top: 0px;
	right: 5px;
}



.geoItem{text-align:left;padding:10px 10px 7px 10px;cursor:pointer;color:#828282;clear:both; border-bottom:1px solid #828282; height: 45px; position:relative}
.geoItem:hover{background:#E8E8E8}

.customSpinnerBtns{width:100%; height:12px; font-size:10px; text-align:center; background:grey; color:white; cursor:pointer}
.customSpinnerBtns:active{opacity:0.7}

.geoFenceListName{
	font-size:17px;
	position:absolute;
	width: 30%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden !important;
}

.editGeo{
	text-align:center;
    width: 26px;
    height: 26px;
	background-color: #F9A630;
	background-repeat:no-repeat;
	background-size: cover;
	cursor:pointer;
	background-image:url('../images/edit.png');
	background-size: 20px;
	background-position:center;
	float:right;
}
.editGeo:active{background:#343434}

.realGeoSettings{opacity:0.3}
.fromToContainer{width:100%; clear:both}

#clearHours{cursor:pointer; clear:both; float:right; margin:0; color:#D37F7F;}
#closeAddGeo{position:absolute; top:0; right:0; color:#D37F7F; font-size:15px; cursor:pointer}

.headrow {
	width:200px;
	height:97px;
	color:#D37F7F;
	text-align:center;
}


.successGeo{
	text-align:center;
	color:#468847;
	z-index:999999;
	background:#B5D0B6;
	position:fixed;
	top:15px;
	right:30px;
	height:60px;
	width:200px;
	border-radius:0.2em;
	display:none;
}



.helpDiv{height: 50px;}

.addBtnContainer{width:50%; position:absolute; right:0; top:0}
#setNewGeo{background:#ac00d5;float:right;margin-bottom:5px;}
#setNewGeo:hover{background:#550168;}
#setNewGeo:active, #saveGeo:active{background:#550168;}


@media (max-width: 580px) {
	#map-canvas-geo{width:100%}
	#addGeofence{
		width:80%;
		position: static;
		margin:20px auto;
	}
}

@media(max-width:400px){
	.geoFenceListName{font-size:14px}

}

@media (max-width: 320px) {
	.successGeo{right:0; width:100%; top:0}
}