html, body 
{
    height: 100%; 
    width: 100%; 
    margin: 0; 
    padding: 0; 
    overflow-y: hidden;
    overflow-x: hidden;
    font-size: 12px;
}
      
nav#toolbar {
    position: fixed;
    top: 111px;
    height: 36px;
    bottom: 0px;
    background-color: #86b6e6;
    padding: 5px;
    /*z-index: 100;*/
    width: 100%;
}

#BasemapToggle {
      position: absolute;
      top: 100px;
      left: 0px;
      margin-left: 4px;
      z-index: 50;
    }

.basemapTitle {
width: 100% !important;
}


.esriSimpleSliderTL  {
top: 20px;
left: 0px;
margin-left: 4px;
}
.esriSimpleSliderTL.fullPageSlider{
left: 45px;
}

.dijitPopup 
{
  z-index: 1060 !important;
}
.dijitMenuPopup
{
  z-index: 1060 !important;
}
.dijitArrowButtonChar {
    display: inline !important;
}

.sidebar
{
    position: absolute;
    top: 147px;
    bottom: 0px;
    left: 0px;
    margin-left: 0px;
    background-color: #F6F6F6;
    background-color:rgba(246,246,246,0.9);
    width: 265px;
    z-index: 2;
}
.sidebar-collapse
{
    width: 30px; 
}



div#map
{
    position: absolute;
    top: 147px;
    bottom: 0px;
    right: 0px;
	left:265px;
    overflow-y: hidden;
    overflow-x: hidden;
    border: 0;
    background-color: #FFFFFF;
    z-index: 1;
    overflow-x: hidden;
}

div#map.fullPage {      
      left: 30px;
}

.label-small {
    font-size: 9px;
    font-weight: normal;
}

#data {
    overflow-x: visible;
    overflow-y: visible;
}

#searchResults {
    overflow-x: visible;
    overflow-y: visible;
}

.toolactive 
{
    background-color: #383838 !important;
    border-color: #285e8e !important;
	color: #fff !important;
}


#measurementContainer 
{
    display:none; 
    position:absolute; 
    right:20px; 
    top:10px; 
    z-Index:999;
    border: solid 1px #808775 !important;
    background-color: #FFFFFF;
    width:220px;
    padding: 8px;
}

.notificationFilterList
{
    list-style-type:none;
    padding-left: 0px;
    margin-bottom: 0px;
}


#zoomToModal .frame
{
    width: 99%; 
    height: 450px;    
}
#zoomToModal > .modal-lg {
    width: 840px;
}

#trafficInfoModal .frame
{     
    height: 400px; 
}
#trafficQueryModal .frame
{    
    height: 700px;    
}
#trafficQueryModal > .modal-lg {
    width: 1100px;
}
#trafficQueryModal  .modal-body {
    padding: 0px;
}
.frame
{
    width: 99%;
    overflow-x: hidden;
    overflow-y: auto;
}
#legendList .row 
{
    margin-top:5px;
}
.esriMeasurement {
    padding: 0px !important;
}
.esriButton .dijitButtonNode {
    background-size: 100% !important;
    height: 22px;
    width: 22px;
}