@-webkit-keyframes
pulse
{
    0%
    {
    opacity:1.0;
    -webkit-transform:scale(1.25);
    }    
    45%
    {
      opacity:.20;
      -webkit-transform:scale(.80);  
    }    
    100%
    {
       opacity:1.0; 
       -webkit-transform:scale(1.25);
    }   

}



#mapCanvas
{
    border:solid 0px #888;
    padding:0;
    
}

.hideContainer
{
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
}

.showContainer
{
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
}

.opacityHideAnimation
{
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear 0.5s, opacity 0.5s ease-in;
    -moz-transition: visibility 0s linear 0.5s, opacity 0.5s ease-in;
    -o-transition: visibility 0s linear 0.5s, opacity 0.5s ease-in;
}

.opacityShowAnimation
{
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
}

a {color:#333; text-decoration:none}
a:hover {color:#ccc; text-decoration:none}

#mask {
  position:absolute;
  left:0;
  top:0;
  /*z-index:1000;*/
  background-color:#000;
  display:none;
}
  
#boxes .window1 {
  position:fixed;
  left:0;
  top:-100;
  width:375px;
  height:460px;
  display:none;
  z-index:9999;
  padding:20px;
  
}

#boxes .window {
    
	position: fixed;
	left:0;
  top:0;
 
 width:device-width;

  border-radius: 10px;
  display:none;
  z-index:9999;
  padding:0px;		
background:Black;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}

#boxes #divAddressContainer {

width:device-width;
  height:460px;
  padding:10px;
  background-color:rgba(0,0,0,0.5);
}
#boxes #divPastOutages {

 width:device-width;
  height:450px;
  padding:10px;
  background-color:rgba(0,0,0,0.5);
  overflow:auto;
}

#boxes #dialog1 {
  width:375px; 
  height:460px;
}

html, body { 
        height:100%; 
        width:100%; 
        margin:0; 
        padding:0; 
      /* overflow-y:hidden;*/
      } 
      #scrollerDiv
      {
          overflow:scroll;
      }
      
      #map { 
        height:100%; 
        width:100%; 
        margin:0; 
        padding:0; 
       
      } 

.esriSimpleSliderHomeButton{
      border-bottom: 2px solid #666666;
      background-image: url(../../images/locate24.png);
      background-repeat:no-repeat;
      background-position:center;
      border-top:1px solid #666666;
      
       
    }
    
  /*  .scrollable 
    {
        overflow-y:hidden;
    }*/
    
  /* .custom-navbar
   {
       display:block;
   }*/
    
 

select {
  /* background-color:#91EB76;*/
   width: 50px;
   padding: 15px;
   font-size: 16px;
   border: 1px solid #ccc;
   height: 34px;
}

#footer {

bottom:0;
display:block;
height:50px;
left:0;
position:fixed;
text-align:center;
width:100%;
z-index:999;
}


.close
{
    display:inline-block;
    text-align:right;
    
     z-index:9999;}
.btnGetData{display:block; text-align:right;}
.ui-icon-refresh
{
    background: url("../../images/refresh.png") no-repeat rgba(0, 0, 0, 0.4);
    background-size: 16px 16px;
}

.ui-icon-plus
{
    background: url("../../images/plus.png") no-repeat rgba(0, 0, 0, 0.4);
    background-size: 16px 16px;
}
.ui-icon-minus
{
    background: url("../../images/minus.png") no-repeat rgba(0, 0, 0, 0.4);
    background-size: 16px 16px;
}

.ui-icon-details
{
    background: url("../../images/light2.png") no-repeat rgba(0, 0, 0, 0.4);
    background-size: 16px 16px;
}

.ui-icon-historical
{
    background: url("../../images/Historical.png") no-repeat rgba(0, 0, 0, 0.4);
    background-size: 16px 16px;
}

.ui-icon-layers
{
    background: url("../../images/Layers.png") no-repeat rgba(0, 0, 0, 0.4);
    background-size: 16px 16px;
}

.ui-icon-legend
{
    background: url("../../images/Legend16.png") no-repeat rgba(0, 0, 0, 0.4);
    background-size: 16px 16px;
}

.ui-icon-getData
{
    background: url("../../images/getData.png") no-repeat rgba(0, 0, 0, 0.4);
    background-size: 16px 16px;
}

.ui-icon-cols
{
    background: url("../../images/ListBullets.png") no-repeat rgba(0, 0, 0, 0.4);
    background-size: 16px 16px;
}

.ui-icon-modifygrid
{
    background: url("../../images/cog.png") no-repeat rgba(0, 0, 0, 0.4);
    background-size: 16px 16px;
}

.ui-icon-Cancel
{
    background: url("../../images/Cancel.png") no-repeat rgba(0, 0, 0, 0.4);
    background-size: 16px 16px;
}

.collapsibleplace  p {
    margin:-1px -1em 0;
    padding: 0em;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
   /* overflow:hidden;*/
    position:fixed;
    top:0;
}

 .ui-collapsible {
	/*margin: -1px -1em 0;*/
	margin: 1px;
}

.ui-collapsible-content {
  
   margin:  0 -8px;
  white-space : normal;
 background: #0C679C !important;
   font-weight: normal;    /* Overrides ui-btn-up-* */
   
   padding: 0;
   border-left-width: 0;
  border-right-width: 0;
   border-top: none;      /* Overrides ui-body-* */
   background-image: none; /* Overrides ui-body-* */
   /*overflow:hidden;*/
  }
  
    .custom-navbar ul li a {
    background: #67497a; /* Old browsers */
    background: linear-gradient( #67497a,#946ab1 ) repeat scroll 0 0 #67497a !important;
    background: -moz-linear-gradient( #67497a,#946ab1 ) repeat scroll 0 0 #67497a !important; /* FF3.6+ */
    background: -webkit-linear-gradient( #67497a,#946ab1 ) repeat scroll 0 0 #67497a !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient( #67497a,#946ab1 ) repeat scroll 0 0 #67497a !important; /* Opera 11.10+ */
    background: -ms-linear-gradient( #67497a,#946ab1 ) repeat scroll 0 0 #67497a !important; /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67497a', endColorstr='#946ab1',GradientType=0 ); /* IE6-9 */   
}

.ui-navbar li a:hover{
            background:black !important;
        }


.ui-page  .collapsibleplace .ui-btn-inner {
    white-space : normal;
}

.mylegend
{
   /* background-color:Black;*/
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #000;
   
    /*background-color:rgba(0,0,0,0);*/
}

.hideLayerVisibleHeight1
{
    
    background-color:Black;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
}

#popuplegendPosition{
  position:fixed;
  top:200px !important;
  right:50px !important;
}

#popuplayersPosition{
  position:fixed;
  top:10em;
  right:55em;
  left:10em
}

.divLayerVisibleContainer
{
     background-color:Black;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
}

.ui-btn-inner {
    padding: 0;
    margin:0;
}
.ui-button-text-only .ui-button-text {
   padding-top: .1em;
padding-left: 1em;
padding-right: 1em;
padding-bottom: .2em;
   
}

.ui-dialog .ui-dialog-titlebar-close {
    right:0;
    background-color:White;
}

.ui-content{
		padding:10px 15px 0px 15px;
	}
	
.inactive {
   pointer-events: none;
   cursor: default;
   visibility:hidden;
}