/*
   * --------------------------------------------------------------------
   * The code within this style block would ideally go into an external
   * stylesheet such as:
   * <link rel="stylesheet" href="./css/app.css" />
   * --------------------------------------------------------------------
   */
  html, body {
    width: 100%;
    height: 100%;
    margin: 0;

    overflow:hidden;
  }
  
  
#head{
	position: relative;
	height: 50px;
	display: block;
	background-color: #0b62b3;
	color: black;
	text-shadow: none;
	box-shadow: 2px 2px 3px rgba(0,0,0,.15);
	width: 100%;
	z-index: 99;
/*	min-height: 50px;
	max-height: 80px; */
	 overflow:hidden;
	 padding-left: 5px;
}

#head span{
	display: inline-block;
	padding: 5px 10px;
	font-size: 23pt;
	vertical-align: middle;
	color: #c2c2c2;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

#head img{
	vertical-align: middle;
}

  #ui-map-page, #ui-map-content, #ui-map {
    width: 100%;
    height: 100%;

  }
  
  #ui-map-content{
  /*	height: calc(100% - 50px);*/
	position: relative;
}

  #ui-settings-page {
    width: 100%;
    height: 100%;
    padding: 0;
  }

  #ui-settings-content {
    margin: 1.25em;
  }

  .esriSimpleSlider div {
    width: 1.125em;
    height: 1.125em;
    font-size: 1.875em;
    line-height: 0.9375em;
  }

  .esriSimpleSliderHorizontal.esriSimpleSliderBR {
    right: 0.3125em;
    bottom: 1.625em;
  }

  @media screen and (min-width: 768px) {
    .esriSimpleSliderHorizontal.esriSimpleSliderBR {
      bottom: 2.875em;
    }
  }

  .simpleGeocoder .esriGeocoderContainer {
    top: 1.25em;
    left: 0.625em;
    right: 0.625em;
    position: absolute;
    height: 3.75em;
    width: auto;
    font-size: 1em;
    line-height: 1.25em;
    z-index: 3;
  }

  @media (min-device-width: 22.5625em) {
    .simpleGeocoder .esriGeocoderContainer {
      width: 22.5em;
    }
  }

  @media screen and (min-width: 768px) {
    .simpleGeocoder .esriGeocoderContainer {
      margin: 0 auto;
    }
  }

  .simpleGeocoder .esriGeocoderIcon {
    width: 1.5em;
    height: 1.5em;
    margin-top: 0.375em;
    margin-bottom: 0;
  }

  .simpleGeocoder .esriGeocoder {
    background: #FFFFFF;
  }

  .simpleGeocoder .esriGeocoder:hover {
    background: #EEEEEE;
  }

  .simpleGeocoder .esriGeocoder input {
    font-family: HelveticaNeue-Light, Roboto, Helvetica, san-serif;
    line-height: 22px;
    font-size: 1.1875em;
    width: 10.3125em;
  }

  .simpleGeocoder .esriGeocoder .esriGeocoderSearch {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22normal%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%22-3%20-3%2020%2020%22%20enable-background%3D%22new%20-3%20-3%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%2357585A%22%20d%3D%22M10.7%2C9.1c0.7-1%2C1.1-2.3%2C1.1-3.6C11.8%2C1.9%2C9-1%2C5.4-1S-1%2C1.9-1%2C5.4s2.9%2C6.4%2C6.4%2C6.4c1.3%2C0%2C2.6-0.4%2C3.6-1.1%0A%09l4.3%2C4.3l1.7-1.6L10.7%2C9.1z%20M5.4%2C9.5c-2.3%2C0-4.1-1.8-4.1-4.1s1.8-4.1%2C4.1-4.1s4.1%2C1.8%2C4.1%2C4.1C9.5%2C7.7%2C7.7%2C9.5%2C5.4%2C9.5z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  }

  .simpleGeocoder .esriGeocoderHasValue .esriGeocoderReset {
    background: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%22-3%20-3%2020%2020%22%20enable-background%3D%22new%20-3%20-3%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%2357585A%22%20points%3D%2214%2C3%2011%2C0%207%2C4%203%2C0%200%2C3%204%2C7%200%2C11%203%2C14%207%2C10%2011%2C14%2014%2C11%2010%2C7%20%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  }

  .LocateButton .zoomLocateButton {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%22-3%20-3%2020%2020%22%20enable-background%3D%22new%20-3%20-3%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%2357585A%22%20d%3D%22M7-3C3.8-3%2C1.3-0.4%2C1.3%2C2.7C1.3%2C5.6%2C7%2C17%2C7%2C17s5.7-11.4%2C5.7-14.3C12.7-0.4%2C10.2-3%2C7-3z%20M7%2C5.6%0A%09c-1.6%2C0-2.9-1.3-2.9-2.9S5.4-0.1%2C7-0.1s2.9%2C1.3%2C2.9%2C2.9S8.6%2C5.6%2C7%2C5.6z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    background-size: 1.5625em;
    position: absolute;
    right: 0.3125em;
    bottom: 4.0625em;
    z-index: 3;
    background-color: #FFFFFF;
    border: 1px solid #57585A;
  }

  @media screen and (min-width: 768px) {
    .LocateButton .zoomLocateButton {
      bottom: 5.3125em;
    }
  }

  .LocateButton .zoomLocateButton:hover {
    background-size: 1.5625em;
    background-color: #EEEEEE;
    color: #4C4C4C;
  }

  .LocateButton .tracking {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%22-3%20-3%2020%2020%22%20enable-background%3D%22new%20-3%20-3%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%20id%3D%22normal%22%20display%3D%22none%22%3E%0A%09%3Cpath%20display%3D%22inline%22%20fill%3D%22%2357585A%22%20d%3D%22M7-3C3.8-3%2C1.3-0.4%2C1.3%2C2.7C1.3%2C5.6%2C7%2C17%2C7%2C17s5.7-11.4%2C5.7-14.3C12.7-0.4%2C10.2-3%2C7-3z%0A%09%09%20M7%2C5.6c-1.6%2C0-2.9-1.3-2.9-2.9S5.4-0.1%2C7-0.1s2.9%2C1.3%2C2.9%2C2.9S8.6%2C5.6%2C7%2C5.6z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22hover%22%3E%0A%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M7-3C3.8-3%2C1.3-0.4%2C1.3%2C2.7C1.3%2C5.6%2C7%2C17%2C7%2C17s5.7-11.4%2C5.7-14.3C12.7-0.4%2C10.2-3%2C7-3z%20M7%2C5.6%0A%09%09c-1.6%2C0-2.9-1.3-2.9-2.9S5.4-0.1%2C7-0.1s2.9%2C1.3%2C2.9%2C2.9S8.6%2C5.6%2C7%2C5.6z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    background-size: 1.5625em;
    background-color: #EEEEEE;
  }

  #ui-settings-button {
    z-index: 3;
    left: 5px;
    width: 1.875em;
    height: 1.875em;
    position: absolute;
    top: 25%; /*Tom changed*/
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0.125em;
    background-size: 1.5625em;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%2357585A%3B%22%20points%3D%223.404%2C2.051%208.354%2C7%203.404%2C11.95%205.525%2C14.07%2012.596%2C7%205.525%2C-0.071%20%22%2F%3E%3C%2Fsvg%3E');
    background-color: #FFFFFF;
    border: 1px solid #57585A;
    border-radius: 0.3125em;
  }

  #ui-settings-button:hover {
    background-color: #EEEEEE;
    color: #4C4C4C;
  }


  .basemapOptionSelected {
    background-color: #333333;
    color: #f6f6f6;
  }

  .basemapOptionNormal {
    background-color: #f6f6f6;
    color: #333333;
  }
  @media screen and (min-width: 768px) {

  }


  #ui-features-panel .ui-li-divider {
    padding-bottom: 0.5em;
  }

  #ui-features-panel ul {
    padding: 0.3125em 0.3125em;
  }

  #ui-features-panel li {
    padding: 0.3125em;
  }

  #inner-editor {
    width: 12.5em;
  }

  .esriAttributeInspector .atiLabel {
    padding-right: 0;
  }

  .esriAttributeInspector .dijitTextBox {
    border: solid #57585A 0.0625em;
    border-radius: 0.3125em;
    width: 13.75em;
  }

  .esriAttributeInspector textarea {
    background: transparent none;
  }

  .esriAttributeInspector .dijitButtonNode {
    border: 0.3125em solid #57585A;
  }

  .esriAttributeInspector .dijitButtonNode .ui-input-text {
    border-style: none;
  }

  .esriAttributeInspector .dijitButtonNode .dijitArrowButtonInner {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 1.875em;
  }

  .esriAttributeInspector .dijitArrowButtonContainer {
    padding: 0.125em;
  }

  .dijitInputContainer .ui-input-text {
    margin: 0 0.3125em;
    border-style: none;
  }

  .dijitInputContainer .dijitInputInner {
    padding-left: 0.3125em;
  }

  .dijitComboBoxMenuPopup .dijitComboBoxMenu {
    border: solid #57585A 0.0625em;
    border-radius: 0.3125em;
  }

  .dijitComboBoxMenu .dijitMenuItem {
    padding: 0.3125em 0.1875em;
  }

  .dijitComboBoxMenu .dijitMenuItemHover {
    color: #FFFFFF;
    background-color: #57585A;
    text-shadow: none;
  }

  .esriMobileNavigationBar {
    z-index: 3;
    background: #EEEEEE;
  }

  .esriMobileNavigationBar .esriMobileNavigationItem.right {
    padding-right: 0.3125em;
  }

  .esriMobileNavigationBar .esriMobileNavigationItem.right img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.25em;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%22-298%20390%2014%2014%22%20enable-background%3D%22new%20-298%20390%2014%2014%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%2357585A%22%20points%3D%22-289%2C397%20-289%2C390%20-293%2C390%20-293%2C397%20-298%2C397%20-291%2C404%20-284%2C397%20%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  }

  .esriMobileNavigationBar .esriMobileNavigationItem.left {
    padding-left: 0.3125em;
  }

  .esriMobileNavigationBar .esriMobileNavigationItem.left img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.25em;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%22-298%20390%2014%2014%22%20enable-background%3D%22new%20-298%20390%2014%2014%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%2357585A%22%20points%3D%22-284%2C393%20-287%2C390%20-291%2C394%20-295%2C390%20-298%2C393%20-294%2C397%20-298%2C401%20-295%2C404%20-291%2C400%20-287%2C404%20%0A%09-284%2C401%20-288%2C397%20%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  }

  .esriMobileNavigationBar .esriMobileNavigationItem.center {
    text-shadow: none;
    color: #4C4C4C;
  }

  .esriPopupMobile {
    box-shadow: none;
    -webkit-box-shadow: none;
  }

  .esriPopupMobile .titlePane {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #57585A;
    border: 1px solid #57585A;
  }

  .esriPopupMobile .pointer.top {
    top: -11px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2024%2012%22%20enable-background%3D%22new%200%200%2024%2012%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%20id%3D%22pointer-bottom%22%20display%3D%22none%22%3E%0A%09%3Cg%20display%3D%22inline%22%3E%0A%09%09%3Cpolyline%20points%3D%220%2C-0.5%2011.48108%2C11.5%2024%2C-0.5%200%2C-0.5%20%09%09%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%20display%3D%22inline%22%3E%0A%09%09%3Cpolyline%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23333333%22%20stroke-miterlimit%3D%2210%22%20points%3D%220%2C-0.5%2011.48108%2C11.5%2024%2C-0.5%200%2C-0.5%20%09%09%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22pointer-top%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpolyline%20points%3D%2224%2C13.5%2012.51892%2C1.5%200%2C13.5%2024%2C13.5%20%09%09%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%3E%0A%09%09%3Cpolyline%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23333333%22%20stroke-miterlimit%3D%2210%22%20points%3D%2224%2C13.5%2012.51892%2C1.5%200%2C13.5%2024%2C13.5%20%09%09%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
  }

  .esriPopupMobile .titleButton.close {
    background-size: 2.1875em;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%20id%3D%22close-button%22%3E%0A%09%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2215.95833%22%20cy%3D%2215.58333%22%20r%3D%2213.25%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20x1%3D%229.58333%22%20y1%3D%229.58333%22%20x2%3D%2222.45833%22%20y2%3D%2222.45833%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20x1%3D%229.58333%22%20y1%3D%2222.45833%22%20x2%3D%2222.45833%22%20y2%3D%229.58333%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
  }

  .esriPopupMobile .titleButton.arrow {
    background-position: center;
    background-size: 2.1875em;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%20id%3D%22close-button%22%20display%3D%22none%22%3E%0A%09%3Ccircle%20display%3D%22inline%22%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2216%22%20cy%3D%2215.6%22%20r%3D%2213.2%22%2F%3E%0A%09%0A%09%09%3Cline%20display%3D%22inline%22%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20x1%3D%229.6%22%20y1%3D%229.6%22%20x2%3D%2222.5%22%20y2%3D%2222.5%22%2F%3E%0A%09%0A%09%09%3Cline%20display%3D%22inline%22%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20x1%3D%229.6%22%20y1%3D%2222.5%22%20x2%3D%2222.5%22%20y2%3D%229.6%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22arrow-right%22%3E%0A%09%3Ccircle%20display%3D%22none%22%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2216%22%20cy%3D%2215.6%22%20r%3D%2213.2%22%2F%3E%0A%09%3Cg%3E%0A%09%09%3Cline%20display%3D%22none%22%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2216%22%20y1%3D%2216%22%20x2%3D%2222.5%22%20y2%3D%2222.5%22%2F%3E%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2220%22%20y1%3D%2215.5%22%20x2%3D%2212%22%20y2%3D%227.6%22%2F%3E%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2211.8%22%20y1%3D%2223.5%22%20x2%3D%2220.4%22%20y2%3D%2214.7%22%2F%3E%0A%09%09%3Cline%20display%3D%22none%22%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2222.5%22%20y1%3D%229.6%22%20x2%3D%2216%22%20y2%3D%2216%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
  }

  .esriPopupMobile .pointer.bottom {
    bottom: -11px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2024%2012%22%20enable-background%3D%22new%200%200%2024%2012%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%20id%3D%22pointer-bottom%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpolyline%20points%3D%220%2C-0.5%2011.48108%2C11.5%2024%2C-0.5%200%2C-0.5%20%09%09%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%3E%0A%09%09%3Cpolyline%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23333333%22%20stroke-miterlimit%3D%2210%22%20points%3D%220%2C-0.5%2011.48108%2C11.5%2024%2C-0.5%200%2C-0.5%20%09%09%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22pointer-top%22%20display%3D%22none%22%3E%0A%09%3Cg%20display%3D%22inline%22%3E%0A%09%09%3Cpolyline%20points%3D%2224%2C13%2012.51892%2C1%200%2C13%2024%2C13%20%09%09%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%20display%3D%22inline%22%3E%0A%09%09%3Cpolyline%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23333333%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20points%3D%2224%2C13%2012.51892%2C1%200%2C13%2024%2C13%20%09%09%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
  }

  .esriMobileInfoView .esriMobileInfoViewSection {
    margin: 0.375em;
    padding: 0.375em;
    border: solid 2px #57585A;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 10px;
    -webkit-box-sizing: border-box;
  }

  .esriMobileInfoViewItem {
    margin: 0px;
    padding-top: 0.5em;
    padding-left: 0.5em;
    color: #262626;
  }

  .infoTemplateContentRowLabel {
    font-weight: bold;
    line-height: 2em;
    vertical-align: middle;
    width: 5em;
    display: inline-block;
  }

  .infoTemplateContentRowItem {
    line-height: 2em;
    padding-left: 0.5em;
    vertical-align: middle;
  }

   #ui-stormcent-button{
  	position: absolute;
    z-index: 3;
    top: 96%;
    left: 14px;
    width: 20px;
    height: 60px;
    padding: 0;
    -webkit-transform: translateY(-100%);
	    -ms-transform: translateY(-100%);
	        transform: translateY(-100%);
    border: 0 solid #57585a;
    border-radius: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 120px;
  }
   #ui-menu-button {
    z-index: 3;
    left: 5px;
    width: 6.575em;
    height: 1.275em;
    position: absolute;
    top: 15%;
    padding: 0.125em;
  }
  #ui-base-button {
    z-index: 3;
    left: 5px;
    width: 6.575em;
    height: 1.275em;
    position: absolute;
    top: 20%;
    padding: 0.125em;
  }
  #ui-info-button {
    z-index: 3;
    left: 5px;
    width: 6.575em;
    height: 1.275em;
    position: absolute;
    top: 25%;
    padding: 0.125em;
  }
  #ui-fback-button{
    z-index: 3;
    left: 5px;
    width: 6.575em;
    height: 1.275em;
    position: absolute;
    top: 30%;
    padding: 0.125em;
  }
   #ui-test-button {
    z-index: 3;
    left: 5px;
    width: 6.575em;
    height: 1.275em;
    position: absolute;
    top: 35%;
    padding: 0.125em;
}
/* // */
#leadinfo{
  /*  */
  background-color: rgba(0, 0, 0, 0.8);
	border-radius: .315em; 
	font-size: .88em;
	padding: 3px 3px;
	padding-left: 13px;
	padding-right: 13px;
	color: #ccc;
  position: absolute;
	top: 6%;
  /* left: 4px; */
  left: 38%;
	z-index: 2;
}
 #logind {
  border: 1px solid yello;
  background-color: rgba(255, 255, 255, 0.75);
  position: absolute;
  top: 5%;
  width:230px;
  font-size:16pt;
  font-weight: bold;
}

.mblItemSwitch{
  float:right; 
}
 .switchDiv.mblSwitch{
  float:left; 
   background-color: yello; 
}
 #logind .mblSwitch{
   float:left;
    background-color: yello; 
  }  
  

.switchDiv{
  float:right;
  height: 1.275em;
  display:inline;
  vertical-align:middle;
  background-color: yello; 
}

  #SOsDiv{  
   z-index: 3;
    left: 150px;
   /* width: 7em;
     height: 3.5em;*/
    position: absolute;
    /* bottom: 0.625em; */
    bottom: 2.1em;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    padding: 0em;
 
  }
  .SOcenter{
  transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  position: relative;
  }
  .SOcenterX{
    transform:translate(-50%, 0%);
    -ms-transform:translate(-50%, 0%);
    -webkit-transform:translate(-50%, 0%);
  }
  .SOcenterY{
    /* transform:translate(0%, -50%); */
    -ms-transform:translate(0%, -50%);
    /* -webkit-transform:translate(0%, -50%); */
  }
label.missing  {
  color:#FF0000;
  font-weight:bold;
  font-size: 25px;
}
label.missing1  {
  color:#FF0000;
}
form.responsive label {
    background: #FFFFFF;
    float: left;
}
form.responsive span {
    display: block;
    overflow: hidden;
    padding: 0 4px 0 6px;
    font-weight: bold;
}
form.responsive input {
    width: 100%; 
    font-weight: bold;
}
.normalText{ font-weight:normal; }

.color1 .mblSwitchBgLeft {
  background: -webkit-gradient(linear, left top, left bottom,
                               from(#28B159), to(#75FBAC),
                               color-stop(0.5, #3FEB84),
                               color-stop(0.5, #4CEE8E));
}
.color1 .mblSwitchBgRight {
  background: -webkit-gradient(linear, left top, left bottom,
                               from(#CECECE), to(#FDFDFD),
                               color-stop(0.5, #EEEEEE),
                               color-stop(0.5, #F8F8F8));
}
.color1 .mblSwitchKnob {
  background: -webkit-gradient(linear, left top, left bottom,
                               from(#999999), to(#FAFAFA),
                               color-stop(0.5, #BBBBBB),
                               color-stop(0.5, #CACACA));
}

  /* Tom addition */

  #geo-label {
    position: absolute;
    z-index: 50;
    top: 5%;
    left: 4px;
    margin: 0;
    padding: 0 5px;
    border: 1px solid black;
    border-radius: 5px;
    background-color: white;
  }

  /* #timeContainer{
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: .315em; 
    font-size: .88em;
    padding: 3px 3px;
    padding-left: 13px;
    padding-right: 13px;
    color: #ccc;
    position: absolute;
    top: 1%;
    left: 4px;
    z-index: 2;
  } */

  /*  */
  #mapTimeBannerHeaderDiv {
    position: absolute;
    top: 1.2%;
    left: 12px;
    z-index: 2;
    margin-top: 3px;
    margin-left: 3px;
  }

  #timeContainer{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: .315em; 
    font-size: .88em;
    color: #ccc;
    width: 570px;
    height: 28px;
  }
  
  @media screen and (max-width:425px) {
    #timeContainer {
      font-size: .63em;
    }
  }

  #testContainer{
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: .315em; 
    font-size: .88em;
    padding: 3px 3px;
    padding-left: 13px;
    padding-right: 13px;
    color: #ccc;
    position: absolute;
    top: 1%;
    left: 444px;
    z-index: 2;
  }

  #serchAddress{
    position: absolute;
    /* top: 6%; */
    top: 51px;
    right: 20px;
    z-index: 999;  
    width: 320px;
  }

  /* #serchAddress{
    position: absolute;
    top: 51px;
    left: 390px;
    z-index: 999;  
    width: 320px;
  } */

  .searchButton {
    float: right !important;
  
  }

  .searchInput {
    width: 237px !important;
    background-color: #202020 !important;
	  color: #ccc !important;
  }

  .searchInput::-webkit-input-placeholder {
    color: #ccc !important;
  }

  .searchBtn {
    background-color: #202020 !important;
    color: #ccc !important;
  }

  .searchIcon {
    background-color: #202020 !important;
    color: #ccc !important;
  }

  #popupLead {
    top: 20% !important;
    width: 250px;
  }

 /* #switch-button{
  	position: absolute;
    top: 15%;
    left: 4px;
    z-index: 2;
 }*/
   
  #login-fail{
    display:none;
    padding:0 0 0 15px;
    color:red;
  }
      
  .ui-header .ui-title{
    margin: 0 10%;
  }
    
  .ui-li-static.ui-collapsible > .ui-collapsible-heading {
    margin: 0;
  }

  .ui-li-static.ui-collapsible {
    padding: 0;
  }

  .ui-li-static.ui-collapsible > .ui-collapsible-heading > .ui-btn {
    border-top-width: 0;
  }

  .ui-li-static.ui-collapsible > .ui-collapsible-heading.ui-collapsible-heading-collapsed > .ui-btn,
  .ui-li-static.ui-collapsible > .ui-collapsible-content {
    border-bottom-width: 0;
  }
  
  @media screen and (max-width:700px) {
  
  .mobile-scroll{
    height: 100px;
    overflow: auto;
  }
   }
 
#scroller {
   position: absolute;
    z-index: 1;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-overflow-scrolling: touch;

}
/* Joe 6/3/15 */
/* Message table styles  */
.ts {
  font-size: .8em;
  font-style: italic;
  width: 8em;
}

#messageTable tbody th, #messageTable tbody td {
border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback  */
border-bottom: 1px solid rgba(0,0,0,.05);
}

#messageTable thead th, #messageTable tbody tr:last-child {
    border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
    border-bottom: 1px solid rgba(0,0,0,.1);
}

#RealTimeList table {
	line-height: 1.66667;
}

/* #legendPopup {
	top: 22%;
  right: -142px;
	width: 320px;
	height: 100px;
	margin: auto;
	transform: translateX(-50%);
} */

#legendPopup {
	/* top: 22%; */
	bottom: 344px;
	right: -148px;
	width: 320px;
	height: 100px;
	margin: auto;
	transform: translateX(-50%);
}

div#popupReviewMessages table {
    overflow-y: scroll;
}


#expLabel, #messageLabel{
  /* display:none; */
  color:red;
  /* bottom: 9px; */
  margin: -4px;
  /* position: relative; */
  display: block;
  float: none;
  text-align: left;
}
#messageTable tbody {
    background: rgb(255, 217, 148);
}
#textWindowBtn {
  position: absolute;
  bottom: 14%;
  left: 1%;
  width:10em;
}

/* #textPopup {
  margin: auto;
  top: 13%; 
  left: 13%;
  transform: translateX(-50%);
  width: 320px;
  height: 100px;
} */

#textPopup {
  position: absolute;
  margin: auto;
  /* top: 50px; */
  top: 5%;
  left: 400px;
  transform: translateX(-50%);
  width: 320px;
  height: 100px;
}

.esriPopup .titlePane {
  cursor:move;
  }
  
.msg-pulse{
-webkit-animation:msg-pulse 1s linear 1s infinite alternate;
-moz-animation:msg-pulse 1s linear 1s infinite alternate;
-ms-animation:msg-pulse 1s linear 1s infinite alternate;
-o-animation:msg-pulse 1s linear 1s infinite alternate;
animation:msg-pulse 1s linear 1s infinite alternate;
border: 1px ridge rgb(117, 117, 117);

  }
  @-webkit-keyframes msg-pulse {
    from  {border: 1px soridgelid rgb(117, 117, 117);}
    to  {border: 1px ridge red;background-color:rgb(246,0,0)}     



  }

  @keyframes msg-pulse {
    from  {border: 1px ridge rgb(117, 117, 117);}
    to  {border: 1px ridge red;background-color:rgb(246,0,0)}     


  }

  #textPopup .titleButton.maximize {
  display: none;
}
#ui-reviewmessages-button {
  position: absolute;
  bottom: 23%;
  left: 1em;
  padding: 1em;
  padding-right: 1.5em;
}

  .text-pulse{
    -webkit-animation:text-pulse 1s linear 1s infinite alternate;
    -moz-animation:text-pulse 1s linear 1s infinite alternate;
    -ms-animation:text-pulse 1s linear 1s infinite alternate;
    -o-animation:text-pulse 1s linear 1s infinite alternate;
    animation:text-pulse 1s linear 1s infinite alternate;
    border: 1px solid rgb(117, 117, 117);
    



  }
  @-webkit-keyframes text-pulse {
    from  {border-color:rgb(117, 117, 117);}
    to  {border-color:red;}   






  }

  @keyframes text-pulse {
    from  {border-color:rgb(117, 117, 117);}
    to  {border-color:red;background-color:rgb(246,206,206);}      




  }
  input.dijitReset.dijitInputField.dijitArrowButtonInner {
  width: 10px;
    text-indent: inherit !important;
}

.esriPopup .titlePane {
	line-height: 2em;
	padding-left: 6px;
	cursor: default;
	color: #fff;
	-webkit-border-radius: 5px 5px 0 0;
	        border-radius: 5px 5px 0 0;
	background-color: #444;
}

#kp_btn {
    margin: 0px;
    border: none;
    text-align: left;
}
 #kp_menu_item {
    margin: 0px;
    border-width: 1px 0 0;
    text-align: left;
    padding: 0px;
}
#ld_btn {
    margin: 0px;
    border: none;
    text-align: left;
}
 #ld_menu_item {
    margin: 0px;
    border-width: 1px 0 0;
    text-align: left;
    padding: 0px;
}
#feedbackDiv .ui-field-contain {
    display: inline-block;
    width: 35%;
    max-width: 26em;
    min-width: 15em;
    vertical-align: top;
    text-align: left;
    margin: 1ex 1em 0 0;
}

#feedbackDiv {
    font-size: 90%;
    background-color: #D8E0FF;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
}

#feedbackDiv label {
  font-size: inherit;
  text-align:left;
  text-align: left;
  font-weight: bold;
}

#sendFeedback {
    width: 20%;
    margin: auto;
    margin-top: 1em;
}
div#legendDiv {
    position: relative;
    /* overflow: visible; */
    width: inherit;
    /* max-height: 90%; */
    /* height: 100%; */
    /* display: block; */
    /* min-width: 12em; */
    /* overflow-y: hidden; */
}

.KMLLeg {
    position: relative;
    /* background-color: #ADADAD; */
}

.KMLLeg > div {
    position: relative !important;
    left: inherit !important;
    bottom: inherit !important;
    /* background-color: #aaa; */
    /* width: inherit; */
}

#popupLegend .ui-corner-bottom.ui-content.ui-body-a {
    /* height: 100%; */
    overflow-y: scroll;
    max-height: 600px;
    position: relative;
}

.about-popup {
	max-width: 750px;
	top: 95px;
  left: 535px;
}

.KMLLeg img {
    background-color: #bbb;
}

#KMLLegendsDiv{  
   
   position: relative;
    
   
   height: auto;
   max-height: 79%;
   /* overflow-y: hidden; */
   /* display: inline-block; */
   max-width: 22em;
}
 
#popupLayers-popup {
	position: absolute;
 
	top: 45% !important;
	left: 15% !important;
	transform: translate(-50%,-50%);
}
 
#loading {
	position: fixed;
	/* width: not needed */
  height: 15%;
  top: 25%;
	left: 45%;
	display: none;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 1999;
	text-align: center;
	border-radius: .315em;
}

#loading-image {
  width: 55px;
	z-index: 1999;
	margin-top: 15%;
	margin-left: auto;
	margin-right: auto;
}

#loading-message {
  margin-top: 9px;
	padding-right: 25px;
	padding-left: 25px;
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: larger;
	/* font-weight: 300; */
}

#divcanvas{
	width: 260px; 
	z-index: 0; 
	position: absolute; 
	top: 10px; 
	left: 479px;
	background-color:red; 
	display:none;
}
#canvasField{
	height: 55px; 
	width: 55px; 
	float: left; 
	overflow: hidden; 
	margin-right: 6px; 
	margin-top:2px;
}
#timeCanvas{
	cursor: pointer; 
	font-size: 18px; 
	font-weight: bold; 
	color: rgb(255, 255, 255); 
	margin-top:15px;
}
.legend-content{
	padding: 15px 0;
}

.legend-content label{
	font-weight: bold;
	font-size: 17px;
}

#RealTimeList{
  position: absolute;
  top: 9%;
  right: 20px;
  z-index: 3;
  /* background-color: khaki; */
  background-color: #ccc;
  /* width: 280px; */
  width: 320px;
  height: 100px; 
  font-size:8pt;
  font-weight: bold;
  display:none; 
  border-radius: .315em;
}

#realtime{
  overflow: scroll; 
  height: 100px; 
  margin:0; 
  width:320px;
}

#ui-measuren-button {
	position: absolute;
	bottom: 15%;
	left: 1em;
	padding: 1em;
	padding-right: 1.5em;
}

#geoMeasure{
  z-index: 3;
  right: 10px;
  position: absolute;
  background-color: white;
  top: 0.5%;
  display:none;
}

#container {
  z-index: 3;
  right: 1em;
  position: absolute;
  background-color: white;
  bottom: 5.5em;  
  height: 380px; 
  width: 500px; 
  display:none; 
}

#info {
	background-color: rgba(0, 0, 0, 0.8) !important;
	border-radius: .315em !important; 
	color: #ccc !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: normal !important;
	padding-right: 5px !important;
	padding-left: 5px !important;
  padding-top: 3px !important;
	padding-bottom: 3px !important;
}

#info span {
	font-weight: normal !important;
}

.esriPopupWrapper .sizer{
  width: 320px !important;
}

th, td {
	/* padding: 5px; */
  padding: 3px;
}

.contentPane {
	max-width: 720px;
	max-height: 450px;
	overflow: hidden;
  line-height: 1.66667;
}

.contentPane img {
	/* max-height: 420px!important; */
  max-width: 100%!important;
}

.btn{
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  text-decoration: none;

color: blue;
  background-color: #fff;
  border-color: #ccc;
}

.btn:hover {
color: blue;
background-color: #eee;
cursor: pointer;
}

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
	color: none!important;
	text-shadow: none!important;
}