/* because we can't control the zindex of specific added rasterimages*/
.leaflet-layer {
    z-index:99;
}

.navbar-nav {
font-size:14px;  
}

#flow1 {
  z-index:  1000;
  
}

#shiny-notification-tomanypoints {
 
    top: 10%;
    position: fixed;
    left: 10%;
    width:400px;

  
}

#map_coord_mouse_out {
  background-color: white;
  color: red;
  
}

#maptext {
  opacity: 0.75;
  background-color: white;
  border-color: #ecf0f1;
}

#mapcontrols {
  
  opacity: 0.75;
  padding: 0 5px 5px 5px;
  border-color: #ecf0f1;
  margin-bottom: 0;
}

#timecontrols {
  opacity: 0.75;
  padding: 0 10px 10px 10px;
  border-color: #ecf0f1;
 /* background-color: #cfd8e8;*/
}

#plotcontrols {
  opacity: 0.75;
  padding: 0 10px 10px 10px;
  border-color: #ecf0f1;
  /*background-color: #cfd8e8;*/
}

#filtercontrols {
  opacity: 0.75;
  padding: 0 10px 10px 10px;
  border-color: #ecf0f1;
}

#controls {
  opacity: 0.8;
  
}


body{
/* font-size:10px; */

}

div.header {
  
    top: 0;
    width: 100%;
    height: 40px;
    background-color: #00677f;
    margin-bottom: 5px;
    z-index: 999;
}

h1.header {
    margin-left:100px;
    margin-top: 0;
    margin-bottom:0;
    
    color: #FFFFFF;
    
}

.box-title {
  
  font-size: 14px;
  
  
}

#lwhlogo {
    position: absolute;
    top: 0px;
    left: 20px;
    height: 38px;
    margin-right:25px;
    z-index: 3;
    background-color: #00677f;
}

#summaryDT {
   overflow: auto;
   width:100%;
  /* font-size:10px;*/
}

.rightimg {
  
    width:40%; 
    float: right; 
    border : 1px solid grey;
    margin : 10px;
}


div#pass {
  text-align: left;
  font-weight:bold;
  padding-left:2px;
}

div.outer {
  position: fixed;
  top: 41px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  padding: 0;
  height:100%
}


/* If not using map tiles, show a white background */
.leaflet-container {
  background-color: white !important;
}

.leaflet-control > a {
    float: left;
}

.info .legend .leaflet-control{
   width: 40%;
  
}

.table > thead > tr > th {
    border-bottom: 2px solid #dddddd;
    vertical-align: top;
}

/*
.form-control {
  
  font-size: 9px;
  
}

.selectize-dropdown .selectize-input .select-input  {
    font-size: 9px;
    line-height: 10px;
    padding: 0 0 0 0;
}

.irs .irs-single .irs-min .irs-max .irs-from .irs-to  {
    font-size: 9px;
   
}



*/

.input-daterange  {
    font-size: 9px;
    text-align: center;
    padding: 0px 0px 0px 0px;
}

.date-picker {
  
  font-size:10px;
  
}

div.dataTables_info {
    float: left;
}

#loadingmess {
               position: fixed;
               top: 5px;
               height:30px;
               left: 83.33%;
               width: 16.66%;
               margin-left: 15px;
               margin-right: 15px;
               text-align: center;
               
               color: #ffffff;
               background-color: #d9230f;
               z-index: 105;
             }
#loadingIcon {
               position: fixed;
               top: 7px;
               font-size:24px;
               right: 10px;
               margin-left: 15px;
               margin-right: 15px;
               text-align: center;
               color: #d9230f;
               z-index: 1105;
             }             
.pending {
  display:none;
}            
#pendingIcon {
               position: fixed;
               top: 7px;
               font-size:24px;
               right: 10px;
               margin-left: 15px;
               margin-right: 15px;
               text-align: center;
               color: black;
               z-index: 1104;
             }   
#loadingIcon2 {
               
               font-size:60px;
               color: #d9230f;
               z-index: 1105;
             }             
                         
             
#disconnectmess {
               position: fixed;
               top: 50%;
               left: 40%;
               width: 20%;
               padding: 5px 5px 5px 5px;
               text-align: center;
               color: #ffffff;
               background-color: #d9230f;
               z-index: 105;
             }
             
#loginMessage {
               position: absolute;
               top: 7px;
               font-size:16px;
               right: 40px;
               
               margin-left: 15px;
               margin-right: 15px;
               text-align: center;
               
               
               color: #d9230f;
               z-index: 1105;
             } 


dataoptions_right {
  float:right;
  width:30%;
  min-width: 200px;
}

dataoptions_left {
  float:left;
  width:30%;
  min-width: 200px;
}


.dygraph-legend {
  width: auto !important;
  min-width: 150px;
  color: white;
  background-color: #BABABA !important;
  padding-left:5px;
  border-color:#BABABA;
  border-style:solid;
  border-width:thin;
  transition:0s 4s;
  z-index: 80 !important;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
  border-radius: 3px;
    font-size: 10px;
  }

.dygraph-label .dygraph-title { font-size: 10px;}

.dygraph-label .dygraph-ylabel {  width:1px; }


.dygraph-title { color: black;
    font-size: 10px;
  font-weight: bold;
}
.dygraph-axis-label { font-size: 10px;}

 .dygraph-legend > span {
   font-size: 10px;
   top:-40px;
   
 }

.dygraph-label  .dygraph-legend { font-size: 10px;  }

.dygraph-legend  { font-size: 10px;  }
 
 
 .dygraph-legend  .highlight {
  display: inline;
  font-size: 10px;
}