/*!
 * Developed by The Geospatial Group
 * Copyright (c) 2016. All rights reserved.
 */

body {
  /*padding-top: 50px;*/
}
/*.navbar {
	margin-bottom:0px;
	background: -moz-linear-gradient(top, #CDD5DF 0%, #6F85A3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CDD5DF), color-stop(100%, #6F85A3));
	background: -webkit-linear-gradient(top, #CDD5DF 0%, #6F85A3 100%);
	background: -o-linear-gradient(top, #CDD5DF 0%, #6F85A3 100%);
	background: -ms-linear-gradient(top, #CDD5DF 0%, #6F85A3 100%);
	background: linear-gradient(top, #CDD5DF 0%, #6F85A3 100%);
	border-bottom: 1px solid #2d3642;
	-webkit-box-shadow: 0 1px 3px #666;
    -moz-box-shadow: 0 1px 3px #666;
    box-shadow: 0 1px 3px #666;
}
.navbar-brand {
  padding-bottom: 5px;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background: -moz-linear-gradient(top,#7790b1 0,#617ea7 37%,#466794 62%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#7790b1),color-stop(37%,#617ea7),color-stop(62%,#466794));
    background: -webkit-linear-gradient(top,#7790b1 0,#617ea7 37%,#466794 62%);
    background: -o-linear-gradient(top,#7790b1 0,#617ea7 37%,#466794 62%);
    background: -ms-linear-gradient(top,#7790b1 0,#617ea7 37%,#466794 62%);
    background: linear-gradient(to bottom,#7790b1 0,#617ea7 37%,#466794 62%);
}
.navbar-brand-image {
  height: 32px;
  margin-left: 0px;
  margin-right: 10px;
  margin-top: 0px;
}*/
.starter-template {
  padding: 15px 15px;
  text-align: center;
}
/*.navbar-inverse .navbar-brand {
	font-size: 16px;
	color: #fff;
}


hr {
  margin-top: 40px;
  margin-bottom: 40px;
}*/
/*@media (min-width: 768px) {
	.navbar-nav.navbar-right:last-child {
	    margin-right: 0px;
	}
}
@media (max-width: 767px) {
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    	max-height: 260px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #fff;
	}
}*/
/* -------------------- #Header -------------------- */
.headerText {
	color: #fff;
}
/* -------------------- Map -------------------- */
.hideMapOverflow {
	overflow:hidden;
}
#mapView {
	/*min-height: 90%;
	max-height: 100%;*/
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 50px;
}
#mapDiv {
	/*min-height: 90%;
	max-height: 95%;*/
    height:100%;
}
.container-fluid.main {
        padding-bottom: 20px;
      } 
.esriSimpleSliderHomeButton { 
    border-bottom: 1px solid #666666;  
    background-image: url(../images/map/home.png);  
    background-repeat: no-repeat;  
    background-position: center;  
    cursor: pointer;  
}  
.esriSimpleSliderHomeButton:hover {  
    background-color: #eee;
}
#PrintButton {
    position: absolute;
    top: 250px; /*330px;*/
    left: 16px;
    z-index: 30;
    height: 30px;
    width: 30px;
    text-align: center;
    background-image: url(../images/map/Print.png);
    background-color: rgba(102,102,102,0.80);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
#PrintButton:hover {
	background-color: rgba(102,102,102,0.90);
}

.printIcon {
	font-size: 20px;
  	color: #F4F4F4;
  	margin-top: 2px;
}

#LegendButton {
    position: absolute;
    top: 210px;  /*250px;*/
    left: 16px;
    z-index: 30;
    height: 30px;
    width: 30px;
    text-align: center;
    background-image: url(../images/map/Legend.png);
    background-color: rgba(102,102,102,0.80);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

#LegendButton:hover {
	background-color: rgba(102,102,102,0.90);
}

.legendIcon {
	font-size: 20px;
  	color: #F4F4F4;
  	margin-top: 1px;
} 
#legendPopup {
	display:none;
	position:absolute !important;
	top:115px; 
	z-index:40;
	left:63px;
    border: 1px solid #ffffff;
	-webkit-box-shadow: 7px 7px 15px #666;
    -moz-box-shadow: 7px 7px 15px #666;
    box-shadow: 7px 7px 15px #666;
    background: #ffffff;
    width: 215px;
    padding-top: 35px;
    padding-bottom: 5px;
    border-radius: 8px;
}

#dataViewBtn {
    position: absolute;
    top: 290px;
    left: 16px;
    z-index: 30;
    height: 30px;
    width: 30px;
    text-align: center;
    background-image: url(../images/map/dataGrid.png);
    background-color: rgba(102,102,102,0.80);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

#dataViewBtn:hover {
	background-color: rgba(102,102,102,0.90);
}

.dataViewIcon {
	font-size: 20px;
  	color: #F4F4F4;
  	margin-top: 3px;
} 
#dataViewPopup {
	position:absolute !important;
	top:285px;
	z-index:40;
	left:55px;
	width: 288px;
    height: 142px;
    padding-top: 35px;
    padding-bottom: 5px;
    border: 1px solid #ffffff;
    border-radius: 8px;
    -webkit-box-shadow: 7px 7px 15px #666;
    -moz-box-shadow: 7px 7px 15px #666;
    box-shadow: 7px 7px 15px #666;
    display: block;
    background: #ffffff;
}
#dataTableDiv {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 250px;
}
.dataTblCloseBtn {
    font-size: 14px;
    right: 10px;
    position: absolute;
    height: 30px;
    line-height: 30px;
    margin-right: 35px;
}
.dataTblCloseBtn:hover {
    cursor:pointer;
}
    .esri-feature-table-menu .esri-feature-table-menu-item {
    margin-right: 10px !important;
}

.ui-resizable-helper {
    border: 2px dotted #00F;
}
/*#dataTableNode23_gridHeaderNode {
	width:100% !important;
}
#dataTableNode23_gridContentPane {
	width:100% !important;
	height:auto !important;
	bottom:15px !important;
}*/
#dataTableNode23 .dgrid-hider-toggle {
    position: absolute;
    margin-top: 1px;
}
#dataTableNode23 .dgrid-scrollbar-width {
    width: 17px;
}
#searchResultsLoading {
    display: none;
    position: absolute;
    width: 100%;
    bottom: 0px;
    top: 0px;
    z-index: 5;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 8px;
}
#summResultsLoading {
    display: none;
    position: absolute;
    width: 100%;
    bottom: 0px;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 5;
    background-color: rgba(255, 255, 255, 0.8);
    /*border-radius: 8px;*/
}
#loadingDiv {
	display:inline-block;
	height:80px;
	width:80px;
	padding:0;
	margin:0;
	vertical-align:middle;
	margin:0 10px;
	background:url(../images/ui/loader.gif) no-repeat center center;
}

.tableCenter {
    vertical-align: middle;
    text-align: center;
}
.tableCtrLoading {
    vertical-align:top;
    text-align: center;
}

#btnMapLyrs { 
      position: absolute;
      top: 170px;
      left: 16px;
      z-index: 30;
	  height: 30px;
	  width: 30px;
	  text-align: center;
    background-image: url(../images/map/MapLayer_sm.png); 
	  background-color: rgba(102,102,102,0.80);
    background-repeat: no-repeat;  
    background-position: center;  
    cursor: pointer;  
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	  -webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  -o-border-radius: 5px;
	  border-radius: 5px;
}  
#btnMapLyrs:hover {  
    background-color: rgba(102,102,102,0.90);
}

#btnMapTools {
    position: absolute;
    top: 210px;
    left: 16px;
    z-index: 30;
    height: 30px;
    width: 30px;
    text-align: center;
    background-image: url(../images/map/Tools.png);
    background-color: rgba(102,102,102,0.80);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

#btnMapTools:hover {
	background-color: rgba(102,102,102,0.90);
}
.toolsIcon {
	font-size: 20px;
  	color: #F4F4F4;
  	margin-top: 2px;
} 
#mapToolsMenu {
	position:absolute !important;
	bottom:10px; 
	z-index:40;
	right:16px;
    border: 1px solid #ffffff;
	-webkit-box-shadow: 7px 7px 15px #666;
    -moz-box-shadow: 7px 7px 15px #666;
    box-shadow: 7px 7px 15px #666;
    background: #ffffff;
    width: 320px;
    height:350px;
    max-height: 350px;
    padding-top: 35px;
    padding-bottom: 5px;
    border-radius: 8px;
} 
#locTool, #sumTool, #drvDirTool {
	padding-left: 0px;
    padding-right: 0px;
    /*padding: 0px;*/
}
    #locTool{
        padding-top:0px;
    }
    /* -------------------- Colors -------------------- */
    .background-Blue {
        background-color: #466794;
    }
.text-White {
	color: #ffffff;
}
  
/* -------------------- Modals -------------------- */
.modal-title, .close {
	color: white;
}
.modal-header { 
	background-color: #466794;
	-webkit-border-radius: 5px 5px 0 0;
	  -moz-border-radius: 5px 5px 0 0;
	  -o-border-radius: 5px 5px 0 0;
	  border-radius: 5px 5px 0 0;
}
.modal-body {
	min-height: 65px;
}
.ModalContent-ul {
  width: 95%;
  margin: auto;
  padding: 0;
  list-style: none;
 }
 .ModalContent-ul li{
 	padding-bottom:10px;
 }

.registerInfo {
    line-height: 2;
    display: block;
    padding-right: 5px;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 20px;
}
 .registerInfo li{
 	padding-bottom: 10px;
    font-size: 16px;
 }
.registerModal-body {
	height: auto;
	overflow-y: auto;
}

.stepSpan {
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

.stepDiv {
    padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
	.registerModal-body {
		height: 400px;
		overflow-y: auto;
	}
}
.modal-dialog {
	    margin: 10% auto;
	}
.popover-content {
	line-height: 1.42857143;
	font-size: 14px;
}
.helpIconSOS {
	background-image: url(../images/ui/questionMark.png);
    background-repeat: no-repeat;  
    background-position: center;  
    cursor: pointer;  
}
/*-------------------------------------------------- */
/* EXPLORE LAYERS */
/*-------------------------------------------------- */
#activeLyrList {
    list-style: none;
    padding:0px;
}
#categoryList {
    list-style: none;
}
.defaultLayer {
	display:block;
}
.listMenu ul {
	margin:6px 0;
	padding:15px;
}
    .listMenu ul li {
        line-height: 16px;
        vertical-align: middle;
        text-indent: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
.listMenu ul li.tp {
	padding:6px 10px;
}
.listMenu ul li.group .grpCon {
	display:block;
	padding:6px 10px;
	height:16px;
}
.listMenu ul li.layer {
	position:relative;
}
.listMenu ul ul li.layer {
	padding-left:34px;
}
.listMenu ul li.active {
	background:#fff;
	border-top:1px solid #428BCA;
	border-bottom:1px solid #428BCA;
	z-index:2;
}
.listMenu ul ul {
	margin:0;
	display:none;
}
.listMenu ul li.visible ul {
	display:block;
}
.listMenu ul .arrow {
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../images/ui/uiSprite.png) no-repeat -112px 0px;
	_background:url(../images/ui/uiSprite.gif) no-repeat -112px 0px;
	cursor:pointer;
	margin-left:5px;
}
.arrowRotate {
	 -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);
}
.listMenu ul .arrow:hover {
	opacity:0.75;
}
.listMenu ul .arrowRight {
	background:url(../images/ui/uiSprite.png) no-repeat -96px 0px;
	_background:url(../images/ui/uiSprite.gif) no-repeat -96px 0px;
}
.listMenu ul .folder {
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../images/ui/uiSprite.png) no-repeat -320px 0px;
	_background:url(../images/ui/uiSprite.gif) no-repeat -320px 0px;
	cursor:pointer;
	margin: 0 8px;
}
.listMenu ul .folder:hover {
	opacity:0.75;
}
.listMenu li .cBox, .listMenu li.checked ul li .cBox, .listMenu li.partial ul li .cBox {
	display:inline-block;
	width:24px;
	height:24px;
	margin-top: 2px;
	background:url(../images/ui/uiSprite3.png) no-repeat 0 0px;
	_background:url(../images/ui/uiSprite3.gif) no-repeat 0 0px;
	cursor:pointer;
}
.listMenu li .cRad {
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../images/ui/uiSprite.png) no-repeat -144px 0px;
	_background:url(../images/ui/uiSprite.jpg) no-repeat -144px 0px;
	cursor:pointer;
}
.listMenu li.checked .cRad {
	background:url(../images/ui/uiSprite.png) no-repeat -128px 0px;
	_background:url(../images/ui/uiSprite.jpg) no-repeat -128px 0px;
}
.listMenu li.checked .cBox, .listMenu li ul li.checked .cBox {
	background:url(../images/ui/uiSprite3.png) no-repeat -24px 0px;
	_background:url(../images/ui/uiSprite3.gif) no-repeat -24px 0px;
}
.listMenu li.partial .cBox {
	background:url(../images/ui/uiSprite.png) no-repeat -272px 0px;
	_background:url(../images/ui/uiSprite.gif) no-repeat -272px 0px;
}
.listMenu li.partial .zipBox {
	background:url(../images/ui/uiSprite.png) no-repeat -272px 0px;
	_background:url(../images/ui/uiSprite.gif) no-repeat -272px 0px;
}
.listMenu li.cLoading .cBox {
	background:url(../images/ui/ajax-loader.gif) no-repeat center center;
}
.listMenu li.cLoading .zipBox {
	background:url(../images/ui/ajax-loader.gif) no-repeat center center;
}
.listMenu li .toggle {
	cursor:pointer;
}
.listMenu li .toggleTitle {
	/*cursor:pointer;*/
}
.listMenu li.cLoading .toggle {
	cursor:default;
}
.listMenu li.radioOn .cBox, .listMenu li ul li.radioOn .cBox {
	background:url(../images/ui/uiSprite.png) no-repeat -128px 0px;
	_background:url(../images/ui/uiSprite.jpg) no-repeat -128px 0px;
}
.listMenu li.radioOn .zipBox, .listMenu li ul li.radioOn .zipBox {
	background:url(../images/ui/uiSprite.png) no-repeat -128px 0px;
	_background:url(../images/ui/uiSprite.jpg) no-repeat -128px 0px;
}
.listMenu li.radioOff .cBox {
	background:url(../images/ui/uiSprite.png) no-repeat -144px 0px;
	_background:url(../images/ui/uiSprite.jpg) no-repeat -144px 0px;
}
.listMenu li.radioOff .zipBox {
	background:url(../images/ui/uiSprite.png) no-repeat -144px 0px;
	_background:url(../images/ui/uiSprite.jpg) no-repeat -144px 0px;
}
.listMenu .cBicon {
	display:inline-block;
	width:21px;
	height:16px;
	margin:0 8px;
}
.cat-li {
	padding-top:6px;
}
.listMenu .cBicon img{
	width:21px;
	height:16px;
	vertical-align:inherit;
	cursor: pointer;
}
.listMenu .cBtitle {
    display: inline-block;
    /*height: 24px;*/
    vertical-align: top;
    font-size: 15px;
    margin-left: 4px;
    margin-top: 5px;
    text-indent: initial;
}
.listMenu .cBqryCount {
	display:inline-block !important;
	font-size: 11px;
    font-weight: bold;
    height: 16px;
    margin-top:0px;
    margin-left: 5px;
}
.listMenu .cBqryCountTxt {
    display: inline-block !important;
    font-size: 11px;
    /*font-weight: bold;*/
    margin-left: 0px;
    height: 16px;
    margin-top: 0px;
    margin-left: 28px;
}
.listMenu .cBqryTitle {
	width: 185px;
}
.listMenu .cBqryTitleNB {
	width: 225px;
}
.listMenu .cBqryTitleSumm {
	width: 245px;
}
.cBtitleTruncate {
	width: 80%; /*205px;*/
	/*white-space: nowrap;*/    
	overflow: hidden;    
	text-overflow: ellipsis;
}
.listMenu .cBtitle:hover {
	/*text-decoration:underline;*/
}
._cBtitle {
	display:inline-block;
	height:16px;
	vertical-align:top;
	font-size:16px;
	margin-left:1px;
}
._cBtitleTruncate {
	width: 270px;
	white-space: nowrap;    
	overflow: hidden;    
	text-overflow: ellipsis;
}
.listMenu .cBinfo {
	display:block;
	width:24px;
	height:24px; 
	vertical-align:top;
	cursor:pointer;
	float:right;
	margin-top: 2px;
	background:url(../images/ui/uiSprite3.png) no-repeat -408px -24px;
	_background:url(../images/ui/uiSprite3.gif) no-repeat -408px -24px;
}
.listMenu .cBconfig {
	/*display:block;
	width:24px;
	height:24px;
	vertical-align:top;
	cursor:pointer;
	margin-left:5px;
	margin-top: 2px;
	float:right;
	background:url(../images/ui/uiSprite3.png) no-repeat -505px 0px;
	_background:url(../images/ui/uiSprite3.gif) no-repeat -505px 0px;*/
}
.listMenu .cBdelete {
	/*display:block;
	width:24px;
	height:24px;
	vertical-align:top;
	cursor:pointer;
	margin-left:5px;
	margin-top: 2px;
	float:right;
	background:url(../images/ui/uiSprite3.png) no-repeat -48px 0px;
	_background:url(../images/ui/uiSprite3.gif) no-repeat -48px 0px;*/
}
.listMenu .moLyrMenu {
    display: block;
    width: 24px;
    height: 24px;
    vertical-align: top;
    cursor: pointer;
    margin-left: 5px;
    margin-top: 2px;
    float: right;
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23a0a0a0' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z'/>/></svg>");
}
    .listMenu .moLyrMenu:hover {
        background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23666666' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z'/>/></svg>");
    }
.listMenu .cBdeleteNB {
	/*display:block;
	width:24px;
	height:24px;
	vertical-align:top;
	cursor:pointer;
	margin-left:5px;
	margin-top: 2px;
	float:right;
	background:url(../images/ui/uiSprite3.png) no-repeat -48px 0px;
	_background:url(../images/ui/uiSprite3.gif) no-repeat -48px 0px;*/
}
.listMenu .cBdeleteSumm {
	/*display:block;
	width:24px;
	height:24px;
	vertical-align:top;
	cursor:pointer;
	margin-left:5px;
	margin-top: 2px;
	float:right;
	background:url(../images/ui/uiSprite3.png) no-repeat -48px 0px;
	_background:url(../images/ui/uiSprite3.gif) no-repeat -48px 0px;*/
}
.listMenu .cBinfo:hover {
	opacity:0.75;
}
.listMenu .active .cBinfo {
	background:url(../images/ui/uiSprite3.png) no-repeat -144px 0px;
	_background:url(../images/ui/uiSprite3.gif) no-repeat -144px 0px;
}
.listMenu .active .cBinfo:hover {
	opacity:0.75;
}
.listMenu .cBconfig:hover {
	opacity:0.75;
}
.listMenu .cBdelete:hover {
	opacity:0.75;
}
.listMenu .cBdeleteNB:hover {
	opacity:0.75;
}
.listMenu .cBdeleteSumm:hover {
	opacity:0.75;
}
.listMenu .cover {
	display:none;
}
.listMenu .active .cover {
	background:#fff;
	display:block;
	width:1px;
	height:26px;
	_height:28px;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}
.listMenu .displayAs {
	text-align:center;
	padding:6px 10px 10px 10px;
}
.listMenu .displayAs .label {
	display:inline-block;
	margin-right:10px;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}
.listMenu .stripe {
	background-color:#dfecf7;
}

.stripe {
	background-color:#163970;
}

#layerListMenu {
  	overflow-y: auto;
}
#layerListMenu ul {
	list-style: none;
}
#layerListMenu ul .cBtitle {
	display:inline-block;
	height:16px;
	vertical-align:top;
	margin-left:1px;
	margin-top:0px;
	font-weight: bold;
	font-size: 20px;
}
#layerListMenu ul .cSBtitle {
	display:inline-block;
	height:16px;
	vertical-align:top;
	margin-left:1px;
	font-weight: bold;
	font-size: 16px;
}
#layerListMenu  .cBtitle:hover {
	text-decoration:underline;
}
#layerListMenu  .cSBtitle:hover {
	text-decoration:underline;
}
.grpList {
	margin-left:30px;
}
.subGrpList {
	margin-left:60px;
}
.subGroup {
	margin-left:20px;
	padding-top:10px;
}
.subGrpListData {
	margin-left:50px;
}
.grpToggle {
	display:none;
}
.cBtoggle {
	vertical-align: top;
	color: #428bca;
	text-decoration: underline;
	cursor: pointer;
}
#closeSidebarBtn {
    padding: 5px 10px;
    /*font-size: 12px;*/
    opacity: 1 !important;
    color: #ffffff !important;
}
#closeLegendBtn {
    padding-right:5px;
    /*padding: 5px 10px;*/
    /*font-size: 12px;*/
    opacity: 1 !important;
    color: #ffffff !important;
}
.cust-dropdown-menu {
    position: fixed !important;
    top: auto;
    right: 19px !important;
    left: auto !important;
    z-index: 1010 !important;
    display: none;
    /* float: right; */
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #efefef;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}
.cust-dropdown-divider {
    height: 0;
    margin: 0.15rem 0;
    overflow: hidden;
    border-top: 1px solid #ccc;
}

.slider.slider-horizontal {
    width: 85% !important;
    margin-top: 10px !important;
    margin-left: 5px !important;
}
    .slider.slider-horizontal .slider-selection {
        background: #BABABA !important;
    }
.slider-handle {
    background-image: linear-gradient(to bottom, rgba(190, 190, 190, 0.98), #6c757d) !important;
}
.cBtrans-close {
    text-align: center;
    font-size: 10px;
}

#lyrSrchContainer .dropdown-menu {
    max-height:350px !important;
}
#lyrSrchContainer .inner {
    max-height: 250px !important;
}
/* -------------------- Tools Menu -------------------- */
#toolListMenu {
    /*max-height: 300px;*/
    overflow-y: auto;
    margin-top: 10px;
}
#toolListMenu ul {
	list-style: none;
}
#toolListMenu ul .cBtitle {
	display:inline-block;
	height:16px;
	vertical-align:top;
	margin-left:1px;
	margin-top:0px;
	font-weight: bold;
	font-size: 15px;  /*20px;*/
}
#toolListMenu ul .cSBtitle {
	display:inline-block;
	height:16px;
	vertical-align:top;
	margin-left:1px;
	font-weight: bold;
	font-size: 16px;
}
#toolListMenu  .cBtitle:hover {
	text-decoration:underline;
}
#toolListMenu  .cSBtitle:hover {
	text-decoration:underline;
}

.tool-listMenu ul {
	margin:6px 0;
	padding:15px;
}
.tool-listMenu ul li {
	line-height:16px;
	vertical-align:middle;
	text-indent: 5px;
}
.tool-listMenu ul li.tp {
	padding:6px 10px;
}
.tool-listMenu ul li.group .grpCon {
	display:block;
	padding:6px 10px;
	height:16px;
}
.tool-listMenu ul li.visible ul {
	display:block;
}
.tool-listMenu ul .arrow {
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../images/ui/uiSprite.png) no-repeat -112px 0px;
	_background:url(../images/ui/uiSprite.gif) no-repeat -112px 0px;
	cursor:pointer;
	margin-left:5px;
}
.tool-listMenu ul .arrow:hover {
	opacity:0.75;
}
.tool-listMenu ul .arrowRight {
	background:url(../images/ui/uiSprite.png) no-repeat -96px 0px;
	_background:url(../images/ui/uiSprite.gif) no-repeat -96px 0px;
}
.tool-listMenu li .toggle {
	cursor:pointer;
}
.tool-listMenu li .toggleTitle {
	cursor:pointer;
}
.tool-listMenu li.cLoading .toggle {
	cursor:default;
}
.tool-listMenu .cBtitle {
	display:inline-block;
	height:24px;
	vertical-align:top;
	font-size:15px;
	margin-left:1px;
	margin-top: 5px;
}
.tool-listMenu .cBtitle:hover {
	text-decoration:underline;
}
._cBtitle {
	display:inline-block;
	height:16px;
	vertical-align:top;
	font-size:16px;
	margin-left:1px;
}
._cBtitleTruncate {
	width: 290px;
	white-space: nowrap;    
	overflow: hidden;    
	text-overflow: ellipsis;
}
.toolCont-ul {
	display: block;
    padding-right: 5px;
}
.toolCont-li {
	padding-bottom: 10px;
    display: inline-flex;
    text-indent: 0px !important;
    width:100%;
}
.toolCont-li-span {
    line-height: 34px;
    padding-right: 3px;
    font-size: 14px;
}
/* -------------------- Tooltip -------------------- */
.infoHidden {
	padding:10px;
	width: 210px;
}
.legPad {
	padding-top: 2px;
}
.esriLegendServiceLabel {
	font-size:16px;
}
.esriLegendHoverLabel {
	display: none !important;
}
#addSearch .searchBtn {
	display:none;
}
#addSearch .searchGroup .searchInput {
	width: 238px;
    border-right: 1px solid #CCCCCC;
    border-radius: 4px;
    border-color: #cccccc;
}
#addSearch .searchClear {
	right: 10px;
}
#addSearch .searchMenu {
	top: -195px;
	left: -5px;
	width: 285px;
	max-height: 192px;
}

#search {
	display: block;
	position: absolute;
	z-index: 2;
	top: 71px;
	left: 63px
}
/* -------------------- Transparency Slider -------------------- */
.transSlider {
	padding-bottom:8px;
	text-align:left;
}
.transLabel {
	display:inline-block;
	margin-right:10px;
	font-size: 12px
}

.formStyle .slider {
	display:inline-block;
	width:145px;
	margin-right:10px;
	position:relative;
}
.formStyle .sliderTxt {
	font-size:12px;
	display:inline-block;
	line-height:15px;
	padding:4px 0;
}

/* -------------------- jQuery UI Slider -------------------- */
.formStyle .ui-slider {
	position: relative;
	vertical-align: middle;
	text-align: left;
	cursor:pointer;
	background: #dbe4e8;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZTRlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZGZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #dbe4e8 0%, #fdfefe 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbe4e8), color-stop(100%, #fdfefe));
	background: -webkit-linear-gradient(top, #dbe4e8 0%, #fdfefe 100%);
	background: -o-linear-gradient(top, #dbe4e8 0%, #fdfefe 100%);
	background: -ms-linear-gradient(top, #dbe4e8 0%, #fdfefe 100%);
	background: linear-gradient(top, #dbe4e8 0%, #fdfefe 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbe4e8', endColorstr='#fdfefe', GradientType=0 );
	border:1px solid #C2DEFA;
}
.formStyle .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 4;
	display:block;
	width: 15px;
	height: 15px;
	cursor:pointer;
	background: #f3f7fa;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjdmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OWIwZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f3f7fa 0%, #89b0d2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f7fa), color-stop(100%, #89b0d2));
	background: -webkit-linear-gradient(top, #f3f7fa 0%, #89b0d2 100%);
	background: -o-linear-gradient(top, #f3f7fa 0%, #89b0d2 100%);
	background: -ms-linear-gradient(top, #f3f7fa 0%, #89b0d2 100%);
	background: linear-gradient(top, #f3f7fa 0%, #89b0d2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f7fa', endColorstr='#89b0d2', GradientType=0 );
	border:1px solid #C2DEFA;
}
.formStyle .ui-slider .ui-slider-handle:hover {
	background: #89b0d2;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5YjBkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2Y3ZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #89b0d2 0%, #f3f7fa 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89b0d2), color-stop(100%, #f3f7fa));
	background: -webkit-linear-gradient(top, #89b0d2 0%, #f3f7fa 100%);
	background: -o-linear-gradient(top, #89b0d2 0%, #f3f7fa 100%);
	background: -ms-linear-gradient(top, #89b0d2 0%, #f3f7fa 100%);
	background: linear-gradient(top, #89b0d2 0%, #f3f7fa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89b0d2', endColorstr='#f3f7fa', GradientType=0 );
}
.formStyle .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: 12px;
	display: block;
	border: 0;
	background-position: 0 0;
}
.formStyle .ui-slider-horizontal {
	height: 8px;
}
.formStyle .ui-slider-horizontal .ui-slider-handle {
	top: -4px;
	margin-left: -6px;
}
.formStyle .ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.formStyle .ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.formStyle .ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
.formStyleHelp .ui-slider {
	position: relative;
	vertical-align: middle;
	text-align: left;
	cursor:pointer;
	background: #dbe4e8;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZTRlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZGZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #dbe4e8 0%, #fdfefe 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbe4e8), color-stop(100%, #fdfefe));
	background: -webkit-linear-gradient(top, #dbe4e8 0%, #fdfefe 100%);
	background: -o-linear-gradient(top, #dbe4e8 0%, #fdfefe 100%);
	background: -ms-linear-gradient(top, #dbe4e8 0%, #fdfefe 100%);
	background: linear-gradient(top, #dbe4e8 0%, #fdfefe 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbe4e8', endColorstr='#fdfefe', GradientType=0 );
	border:1px solid #C2DEFA;
}
.formStyleHelp .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 4;
	display:block;
	width: 12px;
	height: 12px;
	cursor:pointer;
	background: #f3f7fa;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjdmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OWIwZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f3f7fa 0%, #89b0d2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f7fa), color-stop(100%, #89b0d2));
	background: -webkit-linear-gradient(top, #f3f7fa 0%, #89b0d2 100%);
	background: -o-linear-gradient(top, #f3f7fa 0%, #89b0d2 100%);
	background: -ms-linear-gradient(top, #f3f7fa 0%, #89b0d2 100%);
	background: linear-gradient(top, #f3f7fa 0%, #89b0d2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f7fa', endColorstr='#89b0d2', GradientType=0 );
	border:1px solid #C2DEFA;
}
.formStyleHelp .ui-slider .ui-slider-handle:hover {
	background: #89b0d2;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5YjBkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2Y3ZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #89b0d2 0%, #f3f7fa 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89b0d2), color-stop(100%, #f3f7fa));
	background: -webkit-linear-gradient(top, #89b0d2 0%, #f3f7fa 100%);
	background: -o-linear-gradient(top, #89b0d2 0%, #f3f7fa 100%);
	background: -ms-linear-gradient(top, #89b0d2 0%, #f3f7fa 100%);
	background: linear-gradient(top, #89b0d2 0%, #f3f7fa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89b0d2', endColorstr='#f3f7fa', GradientType=0 );
}
.formStyleHelp .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: 12px;
	display: block;
	border: 0;
	background-position: 0 0;
}
.formStyleHelp .ui-slider-horizontal {
	height: 8px;
}
.formStyleHelp .ui-slider-horizontal .ui-slider-handle {
	top: -3px;
	margin-left: -6px;
}
.formStyleHelp .ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.formStyleHelp .ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.formStyleHelp .ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
.popover.left {
	margin-left: -40px;
}
/* -------------------- Helper Classes -------------------- */

#addLyrBtn {
	padding-left: 6px;
}
.slideMenu {
	display:none;
}
.defaultMenu {
	display:block;
}
#toolsDiv {
    bottom: 35px;
    position: absolute;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    background-color: #666;
    border-top: 2px solid #FFFFFF;
    /*-moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;*/
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 1002;
}
#toolsMenuDiv {
    display: none;
    /*min-height: 232px;*/
    width: 100%;
    overflow-y: auto;
    background-color: #fff;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 5px;
}
#btnMenuTools {
    float: right;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 215px;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}
#basemapDiv {
	bottom: 0px;
	position: absolute;
	width: 100%;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #666;
	border-top: 2px solid #FFFFFF;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;    
	-o-transition: all 0.5s ease;    
	transition: all 0.5s ease;
	z-index: 1002;
}
#btnMenuBasemap {
	float:right;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 215px;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	cursor: pointer;
}

#baseContainer {
	margin:12px 24px;
}
#basemapMenu {
	display:none;
	height: 150px;
	width: 100%;
	overflow-y: auto;
	background-color: #fff;
	-moz-border-radius: 5px 5px 5px 5px;    
	-webkit-border-radius: 5px 5px 5px 5px;    
	border-radius: 5px 5px 5px 5px;
	margin-bottom: 5px;
}
#basemapMenu ul {
    list-style: none;
    padding: 0;
}

#basemapMenu ul li {
    text-indent: 3px;
    line-height: 40px;
}

#basemapMenu ul li a {
    display: block;
    text-decoration: none;
    color: #000;
}

#basemapMenu ul li a:hover {
    text-decoration: none;
    color: #999999;
    background: rgba(255,255,255,0.2);
}

#basemapMenu .baseMap {
	cursor:pointer;
	width:106px;
	height:88px;
	line-height:normal;
	float:left;
}
#basemapMenu .MB {
	margin-bottom:25px;
}
#basemapMenu .ML {
	margin-left:13px;
}
#basemapMenu .baseMap .baseImage {
	padding:2px;
	border:1px solid #c6cdd2;
}
#basemapMenu .baseMap .baseImage .BG {
	display:block;
	background:url(../images/ui/ajax-loader.gif) no-repeat center center;
	width:100px;
	height:67px;
	filter:alpha(opacity=100);
	opacity:1.0;
}
#basemapMenu .baseMap:hover .baseImage {
	border:1px solid #18628b;
	padding:2px;
}
#basemapMenu .basemapSelected {
	cursor:default;
}
#basemapMenu .basemapSelected .baseImage {
	border:2px solid #18628b;
	padding:1px;
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
}
#basemapMenu .basemapSelected:hover .baseImage {
	border:2px solid #18628b;
	padding:1px;
}
#basemapMenu .basemapSelected .baseImage .BG, #basemapMenu .baseMap:hover .baseImage .BG {
	filter:alpha(opacity=75);
	opacity:0.75;
	-webkit-transition:opacity 0.5s ease-in;
	-moz-transition:opacity 0.5s ease-in;
	-o-transition:opacity 0.5s ease-in;
	transition:opacity 0.5s ease-in;
}
#basemapMenu .baseTitle {
	margin-top:3px;
	text-align:center;
	line-height:14px;
	font-size:12px;
	height:14px;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #ffffff; 
}
/*.table-fixed thead {
  width: 100%;
}
.table-fixed tbody {
  height: 455px;
  overflow-y: auto;
  width: 100%;
}

@media screen and (max-height: 560px) {
	.table-fixed tbody {
    	height: 85px;
    }
}

@media screen and (min-height: 561px) and (max-height: 699px) {
	.table-fixed tbody {
    	height: 235px;
    }
}
@media screen and (min-height: 700px) and (max-height: 799px) {
	.table-fixed tbody {
    	height: 335px;
    }
}
@media screen and (min-height: 800px) {
	.table-fixed tbody {
    	height: 435px;
    }
}*/
/*.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block;
  overflow-x: auto;
}
.table-fixed tbody td, .table-fixed thead > tr> th {
  float: left;
  border-bottom-width: 0;
  padding: 3px;
}
.table-fixed tbody > tr> td {
  padding: 3px;
  border:none;
}*/
/*.table-center {
    text-align: center;
	
}*/
/*.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #163970;
}*/
/*.bold-span {
	font-weight: 500;
}*/
/*#commProfTable, #cntyContLstTbl, #reportListTbl {
	font-size:16px;
}*/
.clear, .Clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.modal-sm {
   width: 300px !important;
}

#addLyrModal .close {
    opacity: 1 !important;
    color: #ffffff !important;
}

/* -------------------- @media queries -------------------- */
@media (max-width: 767px) {
    .listMenu ul {padding-left: 0px;}
	.listMenu ul li {text-indent: 0px;}
	.subGroup {margin-left: 5px;}
	.subGrpList {margin-left: 5px;}
	._cBtitleTruncate {width: 215px;display:inline; padding-left:2px;}
	.grpList {margin-left: 2px;}
	#mapToolsMenu {right:0px; vertical-align:central;}
	#dataViewPopup {left:16px;top:370px;}
	#addLyrModal {padding-left:0px!important;}
	#search .hasButtonMode.searchExpanded .searchExpandContainer, .arcgisSearch .hasButtonMode .searchAnimate {width: 200px !important;}
}

@media (max-width: 1025px) {
    .navbar-brand {
        padding-left: 0px;
        padding-right: 0px;
    }

    #mainMenu {
        padding-left: 0px;
        padding-right: 0px;
    }

    #UserLbl {
        display: none !important;
    }
}








