﻿#MapDiv {
    border: 3px solid white; 
    position: absolute; 
    left: 0px; 
    width: 70%;
    height:100%;
    background-color: #D0E0FF !important;
    float:left;
}

.sideBar{
	padding: 0px;
	position: absolute; 
    right:0px;
    width:30%;
    height:100%;
    border:3px solid white;
    color:#fff;
    background-color: #666666;
}

.sideBar hr{
	border:#a5a5a5 1px dotted;
	border-style: none none dotted;
	color:#e6e6e6;
}

 .sideHeader{
	margin-left: auto;
    margin-right: auto;
	text-align: center;
	padding: 10px 0 0 0;
	font-size: 13px; 
	font-weight: bold;
 }
 
 .sideContents{
    display: block;
	padding: 0px 10px 0px 10px;
	font-size: 12px; 
 }

.saveButton {
    border: 4px solid #64028c;
    background: #666666; 
    color:#fff; 
    height:30px; 
    width:60px; 
    border-radius: 20px; 
    position: relative; 
    top: 200px; 
    bottom:0px;
    left: 15px;
}


/* ISL amendments to hide visuals */
.labelTextHidden { text-align: right; display: none;}

.WebClientComboboxHidden
{
    height:18px;
    line-height:18px;
    display: none;
}
/* ISL amendments end */

.item {
    position: relative;
    float: left;
}

.item h2 {
    text-align:center;
    position: absolute;
    line-height: 125px;
    width: 100%;
}

svg {
   -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.circle_animation {
  stroke-dasharray: 440; /* this value is the pixel circumference of the circle */
  stroke-dashoffset: 440;
  transition: all 1s linear;
}

.radPaneColorLeft {
    background: white;
    border-radius: 25px;
    height:100%;
    border: 2px solid #64028c;
}
