@font-face {
  font-family: 'icomoon';
  src:url('../fonts/icomoon/icomoon.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.map .esriMapContainer .esriMapLayers > div[data-reference="true"] {
  z-index:0 !important;
}
.map .esriMapContainer .esriMapLayers > div:not(:first-child) {
  z-index:1;
}
.map .esriMapContainer .esriMapLayers > svg{
  z-index:1;
}
.searchMenu.noResultsMenu{
  display:none
}
.claro .dijitContentPane {
  padding: 0px !important;
}
@media screen and (max-width:360px){
  .searchInput:focus{
    width:100%;
  }
  .searchInput{
    -webkit-transition: width 0.5s;
    -moz-transition: width 0.5s;
    transition: width 0.5s;
  }
}
.dijitButtonText.iconOnlyDijit{
  display:none;
}
.searchInput{
  height: 24px;
  margin-top: 3px;
  width: 200px;
  line-height: 25px;
  float: right;
  border-radius: 5px;
}
.searchBtn.searchToggle{
  display:none;
}
.searchClear{
  display:none;
}
.searchMenu.suggestionsMenu{
  display:none;  
}
.searchBtn.searchSubmit{
  display:none;
}
#quickLinks{
  padding:5px;
}
.letterLink{
  padding:5px;
}
/* General button style (reset) */
.btn {
  border: none;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background: none;
  cursor: pointer;
  display: inline-block;
  padding: 16px 15%;
  /*text-transform: uppercase;*/
  letter-spacing: 1px;
  /*font-weight: 700;*/
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-7g.btn-activated:after {
  visibility: visible;
  -webkit-animation: dropDownFade 0.5s forwards;
  -moz-animation: dropDownFade 0.5s forwards;
  animation: dropDownFade 0.5s forwards;
} 
.btn-7g {
  margin: 15px;
}
.btn-7b {
  margin: 15px;
  overflow: hidden;
  padding:10px 40px;
  width:90%;
}

.btn-7b.btn-activated:before {
  -webkit-animation: scaleUp 0.5s;
  -moz-animation: scaleUp 0.5s;
  animation: scaleUp 0.5s;
}

.btn:after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

/* Pseudo elements for icons */
.btn:before,
.icon-plus:after,
.icon-minus:after{
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  -webkit-font-smoothing: antialiased;
}
.icon-plus:before,
.icon-plus:after {
  content: "\eA0A";
}

.icon-minus:before,
.icon-minus:after {
  content: "\eA0B";
}
.btn-icon-only {
  font-size: 0;
}

.btn-icon-minimal {
  font-size: 13;
}

.btn-icon-minimal:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 13px;
  line-height: 54px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.btn-icon-only:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 18px;
  line-height: 35px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
@-webkit-keyframes dropDownFade {
  50% { 
    opacity: 1;
    -webkit-transform: scale(1);
  }
  100% { 
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}

@-moz-keyframes dropDownFade {
  50% { 
    opacity: 1;
    -moz-transform: scale(1);
  }
  100% { 
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}

@keyframes dropDownFade {
  50% { 
    opacity: 1;
    transform: scale(1);
  }
  100% { 
    opacity: 0;
    transform: scale(1.5);
  }
}
/* Button 7 */
.layerBtn:not(.dijitSelected) {
  width:50%;
}
.layerBtn.dijitSelected {
  width:100%;
}
.layerBtn{
  display:block !important;
  margin:0em !important;
  margin-left: 0px !important;
  margin-top:6px !important;
  background-color: #444444;
}
.layerBtn:not(.dijitSelected) .dijitButtonText{
  max-width:97%;
}
.layerBtn.dijitSelected .dijitButtonText{
  width:55%;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}
.dijitButtonNode{
  
}
.dijitToolbar .dijit.dijitInline:not(.dijitIcon):not(.dijitButtonText){
  border-radius: 6px;
  margin: 0px 4px 0px 4px
}
.dijitButtonNode{
  border:none !important;
}
.layerBtn .dijitButtonNode{
  width: 100% !important;
  max-width: 100% !important;
}
.layerBtn .dijitButtonNode{
  padding-top: 5px        !important;
  padding-bottom: 5px        !important;
  /*border-radius: 0px 7px    7px 0px       !important;*/
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.layerBtn span{
  border: none              !important;
  font-size: 13             !important;
  margin: 0em               !important;
  /*border-radius: 0px        !important;
  font-weight: 700          !important;
  text-transform: uppercase !important;*/
  letter-spacing: 1px       !important;
  white-space: normal       !important;
  text-align: center !important;
  /*text-align: left !important;*/
}
.btn-7 {
  border-radius: 7px;
}
.btn-7b:before {
  position: absolute;
  left: 0;
  width: 175%;
  font-size: 160%;
  line-height: 0.8;
}
.btn-7g:after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  font-size: 18px;
  line-height: 35px;
  color: #494949;
  visibility: hidden;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  opacity: 0;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
svg > g > image{
  cursor:pointer;
}
.summary-row{
  text-align: center;
}
#bc{
  visibility:hidden;
}
@keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
            transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
            transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); }
}
@-webkit-keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
            transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
            transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); } }
.loaders{
  width: 50px;
  height: 50px;
  margin: 33.3% auto;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.loader{
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.square-spin>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    width: 50px;
    height: 50px;
    background: black;
    -webkit-animation: square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;
    animation: square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;
}
/*.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 33.3% auto;
}
.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #333;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}*/
html,body {
  height:auto;
  width:100%;
  overflow:hidden;
  margin:0;
  padding:0;
}
/*The image specified for the body is used to apply the gradient background to the entire page*/
body {
  font-family:"helvetica neue", helvetica, arial, sans-serif;
  color:#333;
  margin:0px;
  padding:0px;
}
th {
  font-weight: bold;
}
#btnDiv{
  text-align:center;
}
#msgDiv {
    text-align: center;
}
.hidden {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.dijitSplitContainerSizerV .thumb, .dijitSplitterH .dijitSplitterThumb {
    left:0%;
}
.wrapper1{width: 100%; border: none 0px RED;
overflow-x: scroll; overflow-y:hidden;}
.wrapper1{height: 20px;}
.div1 {width:1000px; height: 20px; }
.notembed{
  padding:0;
}
.dgrid {
    height: auto;
}
.dgrid .dgrid-scroller {
    position: relative;
    overflow-y: visible;
}
.notembed #header{
  padding:4px;
  overflow:hidden;
}
.embed #map{
  background-color: transparent;
}
.embed .claro .dijitContentPane {
  padding:0px !important;
  margin:0px !important;
}

h1{
  padding:0 !important;
  margin:0 !important;
  font-size:4em !important;
}

#header{
  padding:0px;
  overflow:hidden;
}

#webmapTitle{
  font-family:"gill sans",helvetica,arial,sans-serif;
  color: #333;
  max-width:72%;
  float:left;
  white-space: nowrap;  
  overflow: hidden;  
  text-overflow: ellipsis;
  -o-text-overflow:ellipsis;
  padding-top:0px;
  margin-top:0px;
}
.esriPrint{
  display:inline-block;
  padding:0px !important;
}
.esriPrint .dijitHover{
  background-color: #DDD;
  border-radius:6px;
}
/*The main window is the box that contains the map, tools and left panel.*/
#mainWindow{
  box-sizing: border-box;
  border:solid 1px #999;
  padding:0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px #888;
  box-shadow: 0 0 5px #888;
}
#map {
  padding:0px;
  border-right:solid 1px #999;
  border-bottom:solid 1px #999;
  -moz-box-shadow: inset 0 0 5px #888;
  -webkit-box-shadow: inset 0 0 5px #888;
  box-shadow: inner 0 0 5px #888;
  background-color:#fff;
}

/*prevent illegible background on checked menubar items*/
.dijitToggleButtonChecked .dijitButtonText{
  color:#000000; 
}

/*Left pane contains a stack container with legend and webmap details*/
#leftPane {
  padding:0px;
  width:0px;
  border-right:solid 1px #999;
}
#leftPane a{
  color:#336699;
}
#leftPaneHeader{
  height:0px !important;
}
.dijitContentPane{
   overflow:hidden;
}
#legendPanel{
/*width:100%;*/
}
#detailsPanel span,#legendPanel span{
  padding:0px;
}
#stackContainer {
  margin:0;
}
#stackContainer .panel_content {
  overflow-y:auto;
}
.esriScalebar{
  padding-left:15px;
}
/*styles for the top toolbar and buttons*/
#toolbarContainer_bv{
  overflow:hidden;
  width:100% !important;
  padding:0px !important;
  height:34px;
    line-height: 33px;
  margin:0;
  color:#fff;
  background-color: #444444;
}
/*override claro background and other props*/
#toolbarContainer_bv .dijitToolbar {
  height:100%;
}

.claro .dijitButton .dijitButtonNode, .claro .dijitDropDownButton .dijitButtonNode, .claro .dijitComboButton .dijitButtonNode, .claro .dijitToggleButton .dijitButtonNode{
background-image:none !important;
}


/*Measure toggle button*/
.claro .dijitToolbar .dijitToggleButtonChecked .dijitButtonNode {
   border-style: solid;
}
.claro .dijitToolbar .dijitButtonNode{
  color:#fff;
}

.claro .dijitSplitterH .dijitSplitterThumb {
    background: #00FFEF none;
    height: 2px;
    top: 2px;
    width: 100%; 
    
}

#locate{
  position:absolute;
  top:20px;
  left:20px;
  z-index:40;
}

#homeButton{
  position:absolute;
  top:60px;
  left:20px;
  z-index:40;
}

/*The top toolbar is split into three sections. */
#webmap-toolbar-left {
  float: left;
  overflow:hidden;  
}
@media screen and (max-width:400px){
  #webmap-toolbar-left .dijitButtonText{
    display:none !important;
  }
  #webmap-toolbar-center{
    display:none !important;
  }
  .simpleGeocoder .esriGeocoder input {
    width:120px;
  }
  .searchInput{
    width: calc(100% - 50px);
  }
}
#webmap-toolbar-center {
  float: left;
  width: calc(100% - 311px);  
  overflow:hidden;
}
.esriGeocoderContainer{
  width:100% !important;
}
/*width:250px;*/
#webmap-toolbar-right {
  padding-right: 5px;
  padding-left: 5px;
  width:auto;
  padding-right: 5px;
}
#legendButton{
    color:#fff;
}
#detailButton{
    color:#fff;
}
/*Style for company logo added to the map*/
.logo{
  bottom:5px;
  cursor:pointer;
  position:absolute;
  right:5px;
  z-index:30;
}
.logo img{
  border:none;
}
/*Styles for the toolbar buttons*/
 .esriBasemapIcon {
  background-image: url(../images/Basemap16_GS.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  width: 16px;
  margin: 4px;
}
.dijitHover .esriBasemapIcon{
  background-image: url(../images/Basemap16_B.png);
}
.dijitToggleButtonChecked .esriBasemapIcon{
  background-image: url(../images/Basemap16_B.png);
}
.esriLegendIcon{
  background-image: url(../images/Legend16_GS.png);
  background-repeat:no-repeat;
  display:inline-block;
  height:16px;
  width:16px;
  margin: 4px;
}
.dijitHover .esriLegendIcon{
  background-image: url(../images/Legend16_B.png);
}
.dijitToggleButtonChecked .esriLegendIcon{
  background-image: url(../images/Legend16_B.png);
}
.esriDetailsIcon{
  background-image:url(../images/details.png);
  background-repeat:no-repeat;
  display:inline-block;
  height:16px;
  width:16px;
  margin:4px;
}
.esriBookmarkIcon{
  background-image:url(../images/Bookmark16_GS.png);
  background-repeat:no-repeat;
  display:inline-block;
  height:16px;
  width:16px;
  margin: 4px;
}
.dijitHover .esriBookmarkIcon{
  background-image: url(../images/Bookmark16_B.png);
}
.dijitToggleButtonChecked .esriBookmarkIcon{
  background-image: url(../images/Bookmark16_B.png);
}
.esriLayerIcon{
  background-image:url(../images/Layer16_GS.png);
  background-repeat:no-repeat;
  display:inline-block;
  height:16px;
  width:16px;
  margin:4px;
}
.dijitHover .esriLayerIcon{
  background-image: url(../images/Layer16_B.png);
}
.dijitToggleButtonChecked .esriLayerIcon{
  background-image: url(../images/Layer16_B.png);
}
.esriMeasureIcon {
  background-image: url(../images/Measure16_GS.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  width: 16px;
  margin: 4px;
}
.dijitHover .esriMeasureIcon{
  background-image: url(../images/Measure16_B.png);
}
.dijitToggleButtonChecked .esriMeasureIcon{
  background-image: url(../images/Measure16_B.png);
}
.esriLinkIcon{
  background-image: url(../images/LinkTo16.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  width: 16px;
  margin: 4px;
}
.esriPrint .dijitComboButton .dijitIcon{
  background-image:url(../images/Print16_GS.png);
  background-repeat:no-repeat;
  display:inline-block;
  height:16px;
  width:16px;
  margin:4px;
}
.esriPrint .dijitDisabled .dijitIcon{
  display:none;
}
/*.esriPrintIcon{
  background-image:url(../images/Print16_GS.png);
  background-repeat:no-repeat;
  display:inline-block;
  height:16px;
  width:16px;
  margin:4px 0 4px 4px;
}*/
.esriPrint .dijitHover .dijitIcon{
  background-image: url(../images/Print16_B.png);
}
.esriPrint .dijitPrintButtonChecked .dijitIcon{
  background-image: url(../images/Print16_B.png);
}
 .claro .dijitComboButton:hover{
   background-color: #DDD;
}
 .dijitToggleButtonChecked{
   background-color: #DDD;
}
.esriLoadingIcon{
  background-image:url(../images/loading_black.gif);
  background-repeat:no-repeat;
  display:inline-block;
  height:16px;
  width:16px;
  margin:4px;
}
.esriTimeIcon{
  background-image: url(../images/timer.png);
  background-repeat:no-repeat;
  display:inline-block;
  height:16px;
  width:16px;
  margin:4px;
}
.esriEditIcon{
  background-image: url(../images/edit_20x20.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  width: 16px;
  margin: 4px;
}
.twitterIcon {
  background-image: url(../images/twittersm.png);
  background-repeat:no-repeat;
  width: 16px;
  height: 16px;
  padding-right:2px;
}
.emailIcon {
  background-image: url(../images/email.png);
  background-repeat:no-repeat;
  width: 16px;
  height: 16px;
  padding-right:2px;
}
.facebookIcon {
  background-image: url(../images/facebook.png);
  background-repeat:no-repeat;
  width: 16px;
  height: 16px;
  padding-right:2px;
}
/*style for the print link*/
.esriPrintout{
  color:#fff;
  display:inline-block;
}
/*styles for the share dropdown menu items*/
.iconLink{
  text-decoration:none;
  border: 0 none;
  color:#333;
}
 td.dijitMenuItemIconCell,td.dijitMenuItemLabel{
  padding:5px 5px !important;
 }
.dijitMenuItem{
  padding:10px 10px !important;
}
/*change the default arrow used by the basemap dropdown button from black to gray*/
.esriLayerList .dijitArrowButtonInner, .esriBookmark .dijitArrowButtonInner{
  display: none !important;
}

/*Use a white arrow for the basemap, bookmarks and share dropdown buttons*/
/*#basemapBtn_label + span, #shareButton_label + span, #bookmarkButton_label + span,#layerBtn_label  + span{
  background-position:-53px 53%;
}*/
/*Styles for the links to Esri and ArcGIS.com*/
#nav {
  float:right;
  position:absolute;
  right:10px;
  top:10px;
  height:100%;
}
#nav a:link,
#nav a:visited{
  padding:5px 5px 4px 5px;
  color:#666;
  text-decoration:none;
}
#nav a:hover{
  text-decoration:underline;
  color:#444;
}
#nav ul{
  padding:bottom:5px;
}
#nav li {
  display:inline;
  padding:0;
  margin:0;
}

#basemapGallery{
  z-index: 1;
  position:relative;
  overflow: auto !important;
  background-color: #FFF;
  border: 1px solid #ccc;
}
#layerMenu{
  background-color: #FFF !important;
  border: 1px solid #ccc !important;
}
.menuIcon{
  width:16px;
  height: 16px;
}
.claro .dijitMenu{
  border: none;
}
/*Border for the overview map*/
.esriOverviewMap.ovwTR .ovwContainer { 
  border-bottom: 2px solid #999 !important;
  border-left: 2px solid #999 !important;
  -webkit-border-bottom-left-radius: 4px !important;
  -moz-border-radius-bottomleft: 4px !important;
  border-bottom-left-radius: 4px !important;
  padding: 0 !important;
}

 /*CSS Styles for the measurement widget floating panel*/
#floater {
   top:50px;
   left:50px;
   overflow:hidden;
   background-color:#fff;
   border: solid 1px #999;
   border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius: 3px; 
  padding:0px !important;
} 
.dojoxFloatingPaneContent{
  font-family:"helvetica neue", helvetica, arial, sans-serif;
  font-size:8pt;
  font-weight:bold;
  padding-bottom:4px;
}
.dojoxFloatingPaneTitle{
  color:#fff;
  font-family:"helvetica neue", helvetica, arial, sans-serif;
  font-size:12pt;
  font-weight:bold;
  width:100%;
  padding-left:8px;
}

/*Styles for the time slider floating window*/
#timeFloater {
  position:absolute;
  top:30px;
  left:0px;
   overflow:hidden;
   background-color:#fff;
   border: solid 1px #999;
   border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius: 3px; 
  padding:0px !important;

} 
.timeLabel{
   text-align:center;
   padding:20px;
}

#measureDiv{
  padding:2px !important;
}
#measureTool{
  width:214px;
}


/*remove the botttom border from the measurement tools result label*/
.resultLabel{
  border-bottom:none !important;
  font-family:"helvetica neue", helvetica, arial, sans-serif;
}



/*slider customizations*/
.esriSimpleSliderVertical .esriSimpleSliderIncrementButton ,.esriSimpleSliderVertical .esriSimpleSliderDecrementButton  {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.esriSimpleSlider {
  top:90px;
  border: none !important;
  background-color:transparent !important;
  color:#fff !important;
  box-shadow:none !important;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
}
.esriSimpleSlider div{
  margin-top:10px;
  margin-bottom:10px;
}

/*Styles for the search box (find address or place)*/
.arcgisTheme .esriGeocoder {
  border-radius:2px;
  border: solid 1px #fff;
}
.arcgisTheme .esriGeocoder input {
  font-style: italic;
}
/*Specify font for the popup window*/
.esriPopup{
  font-family:"helvetica neue",helvetica,arial,sans-serif;
}

/*.esriPopup .pointer.top {
  background-position: 0 -616px;
}
.esriPopup .pointer.topLeft {
  left: 0px; top: -43px; background-position: 0 -525px; width: 51px; height: 45px;
}

.esriPopup .pointer.topRight {
  right: 0px; top: -43px; background-position: 0 -707px; width: 51px; height: 45px;
}*/
/*Define styles for the close button on the measure window panel*/
#closeBtn{
  position:absolute;
  top:1px;
  right:4px;
}
#closeBtn img{border:none;}

.esriBookmarkItem{
  cursor:pointer;
}
.esriBookmarkItem:hover{
  background-color:#CEE1EC;
}
#bookmarkView{
  width: 100%;
  max-height: 448px;
  z-index: 1;
  overflow: auto !important;
  background-color: #fff;
  border: 1px solid #ccc;
}

/*Template picker styles*/
#editDiv{
  clear:both;
  display:block;
}
.templatePicker {
    border: 1px solid #999999;
    border-radius: 0 0 0 0;
    padding: 0;
  margin:3px;
  font-size:0.85em;
}
.templatePicker .grid .groupLabel{
  font-weight:bold !important;
  text-align:center !important;
  padding:0px;
  color:green;
}
#editPanel{
  padding:0px !important;
}
#editDiv{
  padding-right:4px;
}
.templatePicker .grid .dojoxGridRow {
    border-bottom-color: #999999;
    border-top-color: #999999;
}
.templatePicker .grid  .selectedItem {
  border: 1px solid #999 !important;

}
#editDiv.dojoxGrid .grid{

}

#geocodeOtherResults{
  padding: 10px 0 6px 0;
}

/* for all dgrids */
.dgrid
{
   font-size: 125%; /* 10pt */
}
 
.dgrid-row-odd  
{
    background: #F2F5F9; 
}

.dgrid-resize-header-container{
  font-weight:bold;
}

.dgrid-cell  
{
    width: 120px; 
	font-size:80% !important;
}

.field-attachmentsColumn{width:300px;}

#buttonClicked {
    background-color:#CEE1EC;
}
.dijitCheckedMenuItem .dijitMenuItemIcon, .dijitRadioMenuItem .dijitMenuItemIcon {
    background-image: url("../images/checkboxRadioButtonStates.png");
    background-repeat: no-repeat;
    background-position: -15px 50%;
    width: 15px;
    height: 16px;
}
.dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon {
    background-position: 0 50%;
}
/*
.dijitToolbar:focus{
  -moz-box-shadow:0 0 5px #006257;-webkit-box-shadow:0 0 5px #006257;box-shadow:0 0 10px #006257;
}
.dijitButtonFocused{
  -moz-box-shadow:0 0 5px #006257 !important;-webkit-box-shadow:0 0 5px #006257 !important;box-shadow:0 0 10px #006257 !important;
}
:focus{
  -moz-box-shadow:0 0 5px #006257 !important;-webkit-box-shadow:0 0 5px #006257 !important;box-shadow:0 0 10px #006257 !important;
  outline: #1abc9c auto 5px;
}
*/
span.dijitHover:not(.layerBtn) .dijitButtonNode{
  color:#2B2B2B;
  background-color:#DDD;
  transition: color 300ms,background-color 300ms,border-color 300ms;
  border-radius: 6px;
}
.focusHoverText{
  color:#2B2B2B;
}
.focusHoverArrow{
  background-image: url("../images/buttonArrows.png")!important;
  background-position:-53px 53% !important;
}
.hoverText{
  color:#2B2B2B;
}
.hoverArrow{
  background-image: url("../images/buttonArrows.png")!important;
  background-position:-153px 53% !important;
}
.focusHoverText:focus{
  color:#2B2B2B;
}
.focusHoverArrow:focus{
  background-image: url("../images/buttonArrows.png")!important;
  background-position:-153px 53% !important;
}
.hoverText:focus{
  color:#2B2B2B;
}
.hoverArrow:focus{
  background-image: url("../images/buttonArrows.png")!important;
  background-position:-53px 53% !important;
}
.dijitArrowButtonInner{
  background-image: url("../images/buttonArrows.png")!important;
  background-position:-53px 53% !important;
}
.dijitHover .dijitArrowButtonInner{
  background-image: url("../images/buttonArrows.png")!important;
  background-position:-153px 53% !important;
}
::-webkit-input-placeholder {
   color: black;
}

:-moz-placeholder { /* Firefox 18- */
   color: black;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: black;  
}

:-ms-input-placeholder {  
   color: black;  
}
.simpleGeocoder .esriGeocoder .esriGeocoderSearch{
  background: url("../images/simpleGeocoder.png") no-repeat 0 0; 
  line-height: 33px;
}
.searchInput {
    border: 2px solid #bdc3c7;
    color: #34495e;
    font-size: 11px;
    border-radius: 6px;
    box-shadow: none;
    -webkit-transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
    transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
}

.searchInput:focus{
    border-color: #1abc9c;
    outline: 0;
    box-shadow: none;
}