/*** Esri Map ***/
/*.map {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  min-height: 100px;
  max-height: 100%;
 	text-align: left;
  overflow: hidden;
}

.map > img {
	 text-align: left;
}*/

/*** Restyle Esri Zoomin-out ***/
/*.esriSimpleSlider {
  border: 1px solid #cccccc;
  top: 15px;
  left: 15px;
}
.esriSimpleSliderVertical .esriSimpleSliderIncrementButton,
.esriSimpleSliderVertical .esriSimpleSliderDecrementButton{
  font-weight: 500;
  font-size: 20px;
  line-height: 27px;
}
.esriSimpleSliderVertical .esriSimpleSliderIncrementButton {
  border-bottom: 1px solid #cccccc;
}*/

/*** Restyle Esri Popup ***/
/*.esriPopupWrapper {
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333333;
}

.esriPopup .titlePane, .esriPopup .contentPane, .esriPopup .actionsPane  {
  padding: 8px 14px;
  border: none;
  max-height: 200px;
  background-color: #f7f7f7;
}

.esriPopup .titlePane, {
  padding-top: 10px;
  color: #333333;
}

.esriPopup .title {
  color: #333333;
}*/

/*.esriPopup .titleButton {
  background: url(../images/popup.png) no-repeat;
}*/

/*.esriPopup .titleButton, .esriPopup .pointer, .esriPopup .outerPointer {
background: url(../images/popup.png) no-repeat;
}*/

/*.esriPopup .titleButton, .esriPopup .pointer, .esriPopup .outerPointer{
  background: url(../../images/popup.png) no-repeat;
}


.esriPopup .titlePane .spinner {
  display: none;
}

.esriPopup .contentPane {
  border-top: 1px solid #ebebeb;
  color: #333333;
  margin-bottom: 5px;
}

.esriViewPopup .mainSection .attrTable td.attrName {
  color: #333333;
}

.esriViewPopup .mainSection .attrTable td {
  color: #888888;
}

.esriPopup .actionsPane {
  display: none;
  margin-bottom: 15px;
}

.esriButton.close {
  width: 21px;
  line-height: inherit;
}

.esriPopup .titleButton.maximize, .esriPopup .titleButton.close,
.esriPopup .titleButton.prev, .esriPopup .titleButton.next, .titleButton.restore {
  margin-top: 8px;
  margin-right: 8px;
}

.esriPopup .outerPointer.left {
  left: 6px;
  width: 10px;
}

.esriPopup .outerPointer.right {
  background-position: -19px 0;
  width: 10px;
}

.esriPopup .pointer.bottomLeft {
  background-position: 0 -25px;
  height: 12px
}

.esriPopup .pointer.bottomRight {
  background-position: 0 -25px;
  height: 12px;
}

.esriPopup .pointer.top {
  background-position: -58px -36px;
  height: 12px
}

.esriPopup .pointer.bottom {
  background-position: 0 -25px;
  height: 12px
}

.esriPopup .pointer.topRight {
  background-position: -58px -36px;
  height: 12px;
}

.esriPopup .pointer.topLeft {
  background-position: -58px -36px;
  height: 12px;
}

.esriPopup .titleButton.maximize {
  display: none;
}

.esriPopup .titleButton.next, .esriPopup .titleButton.prev {
  width: 13px;
  height: 17px;
}

.esriPopup .titleButton.prev {*/
  /*background-position: 0px -197px;*/
/*  right: 55px;
}*/

/*.esriPopup .titleButton.next {*/
  /*background-position: 0px -416px;*/
/*  right: 28px;
}*/

/*.esriPopup .titleButton.close {
  background-position: 0px -170px;
}*/

/*** Restyle Geocoder widget ***/
/*.simpleGeocoder .esriGeocoderContainer {
  width: 100%;
}

.simpleGeocoder .esriGeocoder {
  border: 1px solid #cccccc;
}

.simpleGeocoder .esriGeocoderResults {
  border: 1px solid #cccccc;
}

.simpleGeocoder .esriGeocoder input {
  width: 73%;
  padding: 7px 0 6px;
  font-size: 14px;
  line-height: 18px;
  color: #555555;
}

.simpleGeocoder .esriGeocoderIcon {
  margin: 9px 0 6px 6px;
}

.simpleGeocoder .esriGeocoderHasValue .esriGeocoderReset {
  margin: 8px 4px 5px 1px;
}*/

/*** Restyle the Basemap Gallery widget ***/
/*.esriBasemapGallery * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.esriBasemapGalleryNode {
  width: 75px;
}

.esriBasemapGalleryThumbnail {
  height: 61px;
  width: 75px;
}

.esriBasemapGalleryLabelContainer {
  display: none;  
}

.esriBasemapGallerySelectedNode .esriBasemapGalleryThumbnail {
  border: 2px solid #3C7AFF;
}
*/
/*** Fix Bootstrap modal bug ***/
/*body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
  margin-right: 0;
  margin-top: 0;
}*/

/*** Bootstrap extensions and overrides ***/
/*.panel-fixed {
  position: absolute;
  top: 15px;
  right: 15px;
  margin-left: 60px;
  width: 320px;
  text-align: center;
  z-index: 50;
}

.panel-fixed .panel-body {
  max-height: 350px;
  overflow: auto;
}

.panel-fixed .panel-body .checkbox input[type=checkbox], .panel-fixed .panel-body .btn-toolbar .btn-group, .panel-fixed .panel-body.btn-toolbar .input-group  {
  float: none;
}

.panel-fixed .panel-body>.btn-toolbar+.btn-toolbar {
  margin-top: 10px;
}

.panel-fixed .btn-absolute {
  position: absolute;
  top: 9px;
  right: 9px;
  border: none;
  outline: none;
}

.panel-fixed .btn-absolute:hover,.panel-fixed .btn-absolute:focus,.panel-fixed .btn-absolute:active,.panel-fixed .btn-absolute .active {
  box-shadow: none;
  outline: none;
  background-color: #428bca;
}

*/






















































/*** Esri Map ***/
.map {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  min-height: 100px;
  max-height: 100%;
  text-align: left;
  overflow: hidden;
}

.map > img {
   text-align: left;
}

/*** Restyle Esri Zoomin-out ***/
.esriSimpleSlider {
  border: 1px solid #cccccc;
/*  top: 15px;
  left: 15px;*/
  bottom: 15px;
  right: 15px;
/*  top: 5px;
  right: 15px;*/

  border-radius: 2px;

  /* added*/
/*  box-shadow: 0.5px 1px 1px rgba(0, 0, 0, 0.40);*/
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);


/*  background-color: #FFF;*/
  background-color: #333;
  border-color: #333;

  /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);*/



}
/* added */
/*.esriSimpleSliderTL {
top: 20px;
left: 20px;
}*/
.esriSimpleSliderBR {
bottom: 20px;
right: 20px;

-webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 -ms-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;

}


/*.esriSimpleSliderTR {
top: 10px;
right: 20px;

-webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 -ms-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 
}*/


.esriSimpleSliderVertical .esriSimpleSliderIncrementButton,
.esriSimpleSliderVertical .esriSimpleSliderDecrementButton{
/*  font-weight: 500;
  font-size: 20px;
  line-height: 27px;*/

/*  border-bottom: 1px solid #F8F8F8;*/
border-bottom: 0px solid #F8F8F8;

  /* added */
/*  color:#808080;*/
/*color:#d9edf7;*/
color:#EEE;
  font-weight: 600;
  font-size: 19px;
  line-height: 27px;
  /*width:27px !important;*/
  width:28px !important;
/*  background: url("../images/arrows.png") no-repeat top left; */

border-radius: 0px !important;



/*  \jquery-custom-theme\images*/

}
.esriSimpleSliderVertical .esriSimpleSliderIncrementButton {
/*  border-bottom: 1px solid #cccccc;*/
/*border-bottom: 0px solid #cccccc;*/
/*border-bottom: 1px solid #F8F8F8;*/
border-bottom: 0px solid #F8F8F8;



/*display:none;

background: url("../images/searchpin.png") no-repeat top left; 
*/



  /* added */
/*  padding:5px;*/
/*  border-bottom-height: 5px;*/
/*border-spacing: 10px 50px;*/


/*  margin-left:3px;
  margin-right:3px;*/
}

.esriSimpleSliderDecrementButton:hover, .esriSimpleSliderIncrementButton:hover {
/*background-color: #eee;*/
/*background-color: #383030;*/
/* background-color: #262020;

-webkit-transition: all 0.30s linear;
-moz-transition: all 0.30s linear;
-ms-transition: all 0.30s linear;
-o-transition: all 0.30s linear;
transition: all 0.30s linear;
border-radius: 0px; */
}


.esriSimpleSliderDisabledButton, .esriSimpleSliderDisabledButton:active, .esriSimpleSliderDisabledButton:hover {
/*cursor: default;
background-color: #f4f4f4;
color: #bbb;*/
cursor: default;
background-color: #262020;
border-color: #333;
border-radius: 0px;
}



/*.claro .dijitSliderDecrementIconH, .claro .dijitSliderIncrementIconH, .claro .dijitSliderDecrementIconV, .claro .dijitSliderIncrementIconV {  
    background: url("../images/arrows.png") no-repeat top left;  
    border: 1px solid #B5BCC7;  
    border-radius: 2px 2px 2px 2px;  
    font-size: 1px;  
}  
  
.claro .dijitSliderDecrementIconV {  
    background-position: 0 0;  
    width:16px;  
    height:16px;  
    border: none;  
}      
  
  .claro .dijitSliderIncrementIconV {  
    background-position: 0 -66px;  
    width:16px;  
    height:16px;  
    border:none;  
}  */


/*#geo {
  display:none;
  width:29px !important;
  height:27px !important;

  background-color: white;

  z-index:100000;

  position:absolute;
  border: 1px solid #cccccc;
  bottom: 86px;
  right: 20px;
  border-radius: 2px;

  box-shadow: 0.5px 1px 1px rgba(0, 0, 0, 0.40);

  cursor: pointer;
}*/
/* geo icon */
/*.locationgray {
  color:#808080;
}*/






.locateContainer {
/*  z-index:100000;*/
/*  position:absolute;*/
/*  bottom: 86px;
  right: 20px;
  bottom: 20px;
  right: 52px;*/
/*  top: 86px;
  left: 20px;*/

/*  top: 120px;
  left: 20px;*/

/*  position: relative;
      top: 115px;
      left: 20px;
*/

/*  box-shadow: 0 2px 6px rgba(0,0,0,0.3);*/
}
/*.LocateButton .zoomLocateButton {
padding: 2px;
width: 29px;
height: 30px;

background-color: white;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
border-radius: 2px;
background-image: url("locate.png");
background-position: center center;
background-repeat: no-repeat;
border: 1px solid #cccccc;
}

.LocateButton .zoomLocateButton:hover {
background-color: #eee;
}*/





/* old custom */
/* added */
/*.locateContainer {
  z-index:100000;
  position:absolute;*/
/*  bottom: 86px;
  right: 20px;*/
/*  bottom: 20px;
  right: 52px;*/
/*  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}*/
/*.LocateButton .zoomLocateButton {
padding: 2px;
width: 29px;
height: 30px;

background-color: white;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
border-radius: 2px;
background-image: url("locate.png");
background-position: center center;
background-repeat: no-repeat;
border: 1px solid #cccccc;
}

.LocateButton .zoomLocateButton:hover {
background-color: #eee;
}*/







/*** Restyle Esri Popup ***/
.esriPopupWrapper {
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333333;
}

.esriPopup .titlePane, .esriPopup .contentPane {
  padding: 8px 14px;
  border: none;
  max-height: 200px;
  background-color: #f7f7f7;
}

.esriPopup .actionsPane {
  padding: 2px 10px 4px 10px;

}

.esriPopup .titlePane, {
  padding-top: 10px;
  color: #333333;
}

.esriPopup .title {
  color: #333333;
}

/*.esriPopup .titleButton {
  background: url(../images/popup.png) no-repeat;
}*/

/*.esriPopup .titleButton, .esriPopup .pointer, .esriPopup .outerPointer {
background: url(../images/popup.png) no-repeat;
}*/

/*.esriPopup .titleButton, .esriPopup .pointer, .esriPopup .outerPointer{
  background: url(../../images/popup.png) no-repeat;
}*/


/*.esriPopup .titlePane .spinner {
  display: none;
}
*/
.esriPopup .contentPane {
  border-top: 1px solid #ebebeb;
  color: #333333;
/*  margin-bottom: 5px;*/

/* added */
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;


}

.esriViewPopup .mainSection .attrTable td.attrName {
  color: #333333;
}

.esriViewPopup .mainSection .attrTable td {
  color: #888888;
}


.esriPopup .titleButton.maximize {
  display: none;
}

.esriPopup .titleButton.close {
/*  background-position: 0px -170px;*/

/*color: #333333 !important;*/



/*background-position: 0 -171px;*/

/*right: 3px;
width: 12px;
height: 17px;*/

top:3px;
right: 5px;

opacity: 1 !important;
}






/*.esriPopup .actionsPane {
  display: none;
  margin-bottom: 15px;
}

.esriButton.close {
  width: 21px;
  line-height: inherit;
}*/

/*.esriPopup .titleButton.maximize, .esriPopup .titleButton.close,
.esriPopup .titleButton.prev, .esriPopup .titleButton.next, .titleButton.restore {
  margin-top: 8px;
  margin-right: 8px;
}*/

/*.esriPopup .outerPointer.left {
  left: 6px;
  width: 10px;
}

.esriPopup .outerPointer.right {
  background-position: -19px 0;
  width: 10px;
}

.esriPopup .pointer.bottomLeft {
  background-position: 0 -25px;
  height: 12px
}

.esriPopup .pointer.bottomRight {
  background-position: 0 -25px;
  height: 12px;
}

.esriPopup .pointer.top {
  background-position: -58px -36px;
  height: 12px
}

.esriPopup .pointer.bottom {
  background-position: 0 -25px;
  height: 12px
}

.esriPopup .pointer.topRight {
  background-position: -58px -36px;
  height: 12px;
}

.esriPopup .pointer.topLeft {
  background-position: -58px -36px;
  height: 12px;
}

.esriPopup .titleButton.maximize {
  display: none;
}

.esriPopup .titleButton.next, .esriPopup .titleButton.prev {
  width: 13px;
  height: 17px;
}

.esriPopup .titleButton.prev {
  /*background-position: 0px -197px;*/
/*  right: 55px;
}*/

/*.esriPopup .titleButton.next {*/
  /*background-position: 0px -416px;*/
/*  right: 28px;
}*/

/*.esriPopup .titleButton.close {
  background-position: 0px -170px;
}*/

/*** Restyle Geocoder widget ***/
.simpleGeocoder .esriGeocoderContainer {
  width: 100%;
}

.simpleGeocoder .esriGeocoder {
  border: 1px solid #cccccc;
}

.simpleGeocoder .esriGeocoderResults {
  border: 1px solid #cccccc;
}

.simpleGeocoder .esriGeocoder input {
  width: 73%;
  padding: 7px 0 6px;
  font-size: 14px;
  line-height: 18px;
  color: #555555;
}

.simpleGeocoder .esriGeocoderIcon {
  margin: 9px 0 6px 6px;
}

.simpleGeocoder .esriGeocoderHasValue .esriGeocoderReset {
  margin: 8px 4px 5px 1px;
}

/*** Restyle the Basemap Gallery widget ***/
.esriBasemapGallery * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.esriBasemapGalleryNode {
  width: 75px;
}

.esriBasemapGalleryThumbnail {
  height: 61px;
  width: 75px;
}

.esriBasemapGalleryLabelContainer {
  display: none;  
}

.esriBasemapGallerySelectedNode .esriBasemapGalleryThumbnail {
  border: 2px solid #3C7AFF;
}

/*** Fix Bootstrap modal bug ***/
body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
  margin-right: 0;
  margin-top: 0;
}

/*** Bootstrap extensions and overrides ***/
.panel-fixed {
  position: absolute;
  top: 15px;
  right: 15px;
  margin-left: 60px;
  width: 320px;
  text-align: center;
  z-index: 50;
}

.panel-fixed .panel-body {
  max-height: 350px;
  overflow: auto;
}

.panel-fixed .panel-body .checkbox input[type=checkbox], .panel-fixed .panel-body .btn-toolbar .btn-group, .panel-fixed .panel-body.btn-toolbar .input-group  {
  float: none;
}

.panel-fixed .panel-body>.btn-toolbar+.btn-toolbar {
  margin-top: 10px;
}

.panel-fixed .btn-absolute {
  position: absolute;
  top: 9px;
  right: 9px;
  border: none;
  outline: none;
}

.panel-fixed .btn-absolute:hover,.panel-fixed .btn-absolute:focus,.panel-fixed .btn-absolute:active,.panel-fixed .btn-absolute .active {
  box-shadow: none;
  outline: none;
  background-color: #428bca;
}