/*Overridden Bootstrap Styles */    
/*Style Colors Primary= #007d8a Accent:#8dc63f,#e7a614,#00aec7 */


h3 {
            margin: 0px;
            cursor: move;
            box-shadow: 2px 2px;
        }

.btnprimary {
  color: #fff;
  background-color: #007d8a;
  border-color: #e7a614;
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.btnprimary:focus,
.btnprimary.focus {
  color: #fff;
  background-color: #007d8a;
  border-color: #007d8a;
}
.btnprimary:hover {
  color:#e7a614 ;
  background-color: #077D8A;
  border-color: #077D8A;
}
.btnprimary:active,
.btnprimary.active,
.open > .dropdown-toggle.btnprimary {
  color: #fff;
  background-color: #007D8A;
  border-color: #077D8A;
}
.btnprimary:active:hover,
.btnprimary.active:hover,
.open > .dropdown-toggle.btnprimary:hover,
.btnprimary:active:focus,
.btnprimary.active:focus,
.open > .dropdown-toggle.btnprimary:focus,
.btnprimary:active.focus,
.btnprimary.active.focus,
.open > .dropdown-toggle.btnprimary.focus {
  color: #fff;
  background-color:#077D8A;
  border-color: #077D8A;
}
.btnprimary:active,
.btnprimary.active,
.open > .dropdown-toggle.btnprimary {
  background-image: none;
}
.btnprimary.disabled:hover,
.btnprimary[disabled]:hover,
fieldset[disabled] .btnprimary:hover,
.btnprimary.disabled:focus,
.btnprimary[disabled]:focus,
fieldset[disabled] .btnprimary:focus,
.btnprimary.disabled.focus,
.btnprimary[disabled].focus,
fieldset[disabled] .btnprimary.focus {
  background-color: #077D8A;
  border-color: #077D8A;
}
.btnprimary .badge {
  color: #337ab7;
  background-color: #fff;
}

.bg-primary {
  color: #fff;
  background-color: #007d8a;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #00aec7;
}

.btnAccent {
  color: #fff;
  background-color: #e7a614;
  border-color: #00aec7;
}
.btnAccent:focus,
.btnAccent.focus {
  color: #fff;
  background-color: #e7a614;
  border-color: #1b6d85;
}
.btnAccent:hover {
  color: #00aec7;
  background-color: #e7a614;
  border-color: #fff;
}
.btnAccent:active,
.btnAccent.active,
.open > .dropdown-toggle.btnAccent {
  color: #007d8a;
  background-color: #e7a614;
  border-color: #00aec7;
}
.btnAccent:active:hover,
.btnAccent.active:hover,
.open > .dropdown-toggle.btnAccent:hover,
.btnAccent:active:focus,
.btnAccent.active:focus,
.open > .dropdown-toggle.btnAccent:focus,
.btnAccent:active.focus,
.btnAccent.active.focus,
.open > .dropdown-toggle.btnAccent.focus {
  color: #fff;
  background-color: #e7a614;
  border-color: #1b6d85;
}
.btnAccent:active,
.btnAccent.active,
.open > .dropdown-toggle.btnAccent {
  background-image: none;
}
.btnAccent.disabled:hover,
.btnAccent[disabled]:hover,
fieldset[disabled] .btnAccent:hover,
.btnAccent.disabled:focus,
.btnAccent[disabled]:focus,
fieldset[disabled] .btnAccent:focus,
.btnAccent.disabled.focus,
.btnAccent[disabled].focus,
fieldset[disabled] .btnAccent.focus {
  background-color: #e7a614;
  border-color: #007d8a;
}
.btnAccent .badge {
  color: #e7a614;
  background-color: #fff;
}




.bg-accent {
  color: #fff;
  background-color: #e7a614;
}
a.bg-accent:hover,
a.bg-accent:focus {
  background-color: #e7a614;
}








.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #007d8a;
  border-color: #e7a614;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}





/*End of Overridden Bootstrap Styles */  
        input[type=range] {
            /*removes default webkit styles*/
            -webkit-appearance: none;
    
            /*fix for FF unable to apply focus style bug */
            border: 1px solid white;
    
            /*required for proper track sizing in FF*/
            width: 300px;
        }
        input[type=range]::-webkit-slider-runnable-track {
            width: 300px;
            height: 5px;
            background: #ddd;
            border: none;
            border-radius: 3px;
        }
        input[type=range]::-webkit-slider-thumb {
            -webkit-appearance: none;
            border: none;
            height: 16px;
            width: 16px;
            border-radius: 50%;
            background: blue;
            margin-top: -4px;
        }
        input[type=range]:focus {
            outline: none;
        }
        input[type=range]:focus::-webkit-slider-runnable-track {
            background: #ccc;
        }

        input[type=range]::-moz-range-track {
            width: 300px;
            height: 5px;
            background: #ddd;
            border: none;
            border-radius: 3px;
        }
        input[type=range]::-moz-range-thumb {
            border: none;
            height: 16px;
            width: 16px;
            border-radius: 50%;
            background: goldenrod;
        }

        /*hide the outline behind the border*/
        input[type=range]:-moz-focusring{
            outline: 1px solid white;
            outline-offset: -1px;
        }

        input[type=range]::-ms-track {
            width: 300px;
            height: 5px;
    
            /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
            background: transparent;
    
            /*leave room for the larger thumb to overflow with a transparent border */
            border-color: transparent;
            border-width: 6px 0;

            /*remove default tick marks*/
            color: transparent;
        }
        input[type=range]::-ms-fill-lower {
            background: #777;
            border-radius: 10px;
        }
        input[type=range]::-ms-fill-upper {
            background: #ddd;
            border-radius: 10px;
        }
        input[type=range]::-ms-thumb {
            border: none;
            height: 16px;
            width: 16px;
            border-radius: 50%;
            background: goldenrod;
        }
        input[type=range]:focus::-ms-fill-lower {
            background: #888;
        }
        input[type=range]:focus::-ms-fill-upper {
            background: #ccc;
        }
        html, body, .container {
            height: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
        }
        
        .inlineList li {
            display: inline;
        }

        .inlineList {
            list-style-type: none;
        }
    
        .navImgClass {
            height: 20px;
            width: 20px;
        }
        .navFontImgClass {
            height: 20px;
            width: 20px;
            color:#077D8a; 
            font-size: 20px;
         
        }

        .modal-title {
            cursor: move;
        }

        .disabledTool {
            -ms-opacity: 0.4;
            opacity: 0.4;
        }


.dojoWindow {
            position: absolute;
            height: auto;
            font-family: arial;
            margin: 5px;
            padding: 10px;
            z-index: 40;
            background: #fff;
            color: #444;
            width: 300px;
            top: 105px;
            left:70px;
            -moz-box-shadow: 0 0 5px #888;
            -webkit-box-shadow: 0 0 5px #888;
            box-shadow: 0 0 5px #888;
            
        }
/*Map Container */
        .mapBorder{
            width: 100%; 
            height: 100%; 
            margin: 0;
        }

/*Map Loading */
.progressClass{
   position: absolute; left: 700px; top: 200px; z-index: 150;
}
  /*Main Menu*/
.dropdown-Bookmark{
    width:50px;
}

  /*Search dropdown Form*/
.dropdown-SearchForm{
    width:auto;
    margin-top:9px;  
}
.dropdown-SearchForm table
 {
    width:auto;
}
.dropdown-SearchForm table tr td:first-child
 {
   margin-left: 10px; 
   width:100px;
}
.dropdown-SearchForm table tr td
 {
   margin-left: 20px; 
   width:100px;
}
.dropdown-SearchForm table tr td input
 {
   margin-left: 20px; 
         width: 200px;
}
.dropdown-SearchForm table tr td select
 {
   margin-left: 20px; 
         width: 200px;
}
.dropdown-SearchForm table tr td:last-child
 {
   margin-right: 20px;
}
 

/*Map Control Classes*/

/*Print Window*/
.dojoWindow-Print {
    height: 240px; 
    width: 240px; 
    left: 60px;
}
.dojoWindow-Print table tr {
   margin-top: 15px;
   margin-bottom: 20px;
}
.dojoWindow-Print table tr td:last-child {
   margin-bottom: 20px;
}
.dojoWindow-PrintFooter {
  margin-top: 7px;
}
.dojoWindow-PrintFooter button {
  margin-top: 5px;
  width: 215px;
}

/*Legend Window*/
.dojoWindow-Legend {
     max-height: 450px; 
     max-width: 600px; 
     left: 30px; 
     overflow: scroll;

}
.dojoWindow-Legend li {
    list-style-type:none
}

/*Advanced Query Window*/
.dojoWindow-AdvancedQuery {
    width: 545px; 
    height: 630px; 
    left: 30px; 
    overflow: auto;
}

/*Advanced Query Form*/
.advancedQueryHeader{
     margin-top: 0px;
}
.advancedQueryFormClass div {
     margin-top: 15px;
}
.advancedQueryFormClass span {
     margin-top: 10px;
    font-size: 12pt;
}
.advancedQueryFormClass select {
    font-size: 10pt;
    width: 200px;
}
.advancedQueryFormClass input {
    width: 200px;
}
.advancedQueryFormClass button {
    margin-top: 10px;
}
/*Advanced Query Window Results Pane*/

.advQueryResultsPane{
    margin-top: 0px;
}
.advQueryResultsPane div{
    margin-top: 5px;

}
.advQueryResultsGrid{
     margin-top: 0px;
}
.advQueryResultsGrid div {
     margin-top: 2px;
    
}
.advQueryResultsGrid div button span glyphicon {
      font-size: 8pt;
      text-decoration:underline;
    
}
.advQueryResultsGrid  p {
     font-weight: bold;
}
.advQueryResultsGrid  table {

}
.advQueryResultsGrid  table tbody tr td img {
    width:16px;
    height:16px;
    cursor: pointer;
}
.advQueryResultsGrid  table tbody tr td tspan {
   color: #00aec7;
   cursor: pointer;
   text-decoration:underline;
    cursor: pointer;
    font-size: 9pt;
}
.advQueryResultsGrid  table tbody tr td span {
    font-size: 9pt;
}
.advQueryResultsGrid  table tbody tr td span {
    font-size: 9pt;
}


/*Visual Analysis Window*/
.dojoWindow-VisualAnalysisWindow {
    width: 500px; 
    height:auto; 
    left: 30px; 
    overflow: hidden;
}
.visualAnalysisWindowHeader{
    margin-left: 20px; 
    opacity: 0.4;
}
.visualAnalysisWindowMain{
    margin-left: 15px; 
    margin-top: 5px;

}
.visualAnalysisWindowMain div{
    margin-left: 5px; 
    margin-top: 10px;
    
}
.visualAnalysisWindowMain select{
    width: 300px; 

}
.visualAnalysisWindowHeatMap {
  margin-left: 5px; 
}
.visualAnalysisWindowHeatMap button {
   margin-top: 10px;
  margin-left: 15px; 
}
.visualAnalysisWindowHeatMap table {
    width: 300px;
    margin-top: 5px;
    margin-left: 15px; 

}
.visualAnalysisWindowHeatMap table tr td button {
     margin-top: 10px;
     margin-left: -3px;         

}
.visualAnalysisWindowHeatMap table tr td  input {
    cursor: pointer;
    margin-top: 5px;
}
.visualAnalysisWindowColorRamp {
     margin-left: 15px; 
    cursor: pointer;

}
.visualAnalysisRenderlegend {
   margin-left: 40px;
   margin-top: 10px;
}
.visualAnalysisWindowClassBreaks{
    cursor: pointer;

}
/*Visual Analysis Rows*/
.visualAnalysisWindowClassBreaks {
  margin-top: 10px;
  margin-left: 20px;
  cursor: pointer;
}
.visualAnalysisWindowClassBreaks div div  select {
     margin-bottom: 5px;
}

/*Visual Analysis Comboboxes*/
.visualAnalysisWindowClassBreaks div div  select {
     width: 400px;
}



.visualAnalysisUniqueValueBreaks{
    margin-left: 15px; 
    cursor: pointer;

}
.visualAnalysisUniqueValueBreaks table{
 margin-top: 10px;
 margin-left: 10px;

}
.visualAnalysisUniqueValueBreaks table tr td table tr td img{
    cursor: pointer;
     margin-left: 5px; 
     margin-right: 5px;
     margin-bottom:5px;

}

.visualAnalysisUniqueValueBreaks table tr td select{

 height: 170px;
  width: 200px;
}




/*measurementWindowWindowVisual Analysis Window*/
.dojoWindow-measurementWindowWindow {
      position: absolute; 
      right: 40px;
      background-color: White; 
      border: 1px solid black; 
      width: 255px; 
      height: 260px;
}


/*Chart Window*/
.dojoWindow-ChartWindow {
    height: auto;
    width: auto;
    left: 5px;
    overflow: scroll;
}
.ChartWindowHeader{
  margin-left: 1px;
  margin-top:  5px;
}
.ChartWindowContent{
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
}
.ChartWindowContent div{
    margin-top: 10px;
     margin-left: 5px; 
     margin-right: 10px;

}
.ChartWindowContent div select{
    width: 500px; 
    margin-top: 5px; 
    margin-left: 10px;
   

}
.chartCtrlClass{
    margin-top: 10px;
     margin-left: 5px; 
     margin-right: 10px;
     width:auto;
     height:250px;    

}
/*Geocode Window*/
.dojoWindow-GeoCodeWindow {
     height: auto;
      width: 430px;
       left: 30px;
}
.dojoWindow-GeoCodeWindow table tr td select{
     margin-top: -1px;
     width:400px; 
     box-shadow: 10px 10px 5px #888888;

}
.dojoWindow-GeoCodeWindow table tr td input{
    width: 400px;

}
.dojoWindow-GeoCodeWindow table tr td button{
    margin-top: 5px;

}

/*Definition Query Window*/
.dojoWindow-DefinitionQueryWindow{
    /*display: none;*/
     width: 500px; 
     right: 50px;

}
.dojoWindow-DefinitionQueryWindow div select {
    width: 475px; 
    margin-top: 5px; 
    margin-left: 10px;

}
.definitionQueryMain{
    margin-top: 0px;
}
.definitionQueryMain table tr td select{
    height: 220px; 
    width: 160px;
}
.definitionQueryMain table tr td ul{
   margin-right: 10px;
}
.definitionQueryMain table tr td ul li button{
  width: 50px;
}
.definitionQueryText{
    margin-top: 5px; 
    margin-left: 10px;

}
.definitionQueryText textarea{
 width: 475px;

}
.definitionQueryFooter button{
    margin-top: 5px; 
    margin-left: 7px;
    margin-right: 5px;
}


  /*Feature Search grid*/
 .dojoWindow-featureDatagridWindow {
  max-height: 700px;
  width: 700px;
  
   overflow: hidden;
}
 .featureDatagridHeader{
        margin-top: 0px;
    }
 .featureDatagridHeader table {
        margin-left: 50px;
    }

   /*Feature Search Basic grid*/
 .basicGridStyle {
    margin-left: 7px;
    margin-right: 8px;
    overflow: scroll;
}
 .basicGridStyle table {
    margin-left: 8px; 
    margin-right: 8px;
    text-wrap: none;
}
 .basicGridStyle table thead tr {
    font-size: 10px; 
    height: 7px;
}
 .basicGridStyle table thead tr th span {
     margin: 3px; 
     font-size: 10px;
}
 .basicGridStyle table tbody tr{
    width: 99%; 
    white-space: nowrap;
    vertical-align: middle;
    
}
 .basicGridStyle table tbody tr td span {
     margin: 3px; 
     font-size: 8pt;

}
 .basicGridStyle table tbody tr td img {
     width: 20px;
     height: 20px;
     cursor: pointer;
}

 /*Feature Search Advanced grid*/
  .advGridStyle {
  width: 100%;
  height: 100%;
}

  .twitter-typeahead{
width:100%;
}
 /*Feature Grid*/
 .virtualRepeatdemoInfiniteScroll #vertical-container {
  height: 292px;
  width: 100%;
  max-width: 400px; }
.virtualRepeatdemoInfiniteScroll .repeated-item {
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  height: 40px;
  padding-top: 10px; }
.virtualRepeatdemoInfiniteScroll md-content {
  margin: 16px; }
.virtualRepeatdemoInfiniteScroll md-virtual-repeat-container {
  border: solid 1px grey; }
.virtualRepeatdemoInfiniteScroll .md-virtual-repeat-container .md-virtual-repeat-offsetter div {
  padding-left: 16px; }

.odd-row{
  background-color:#007d8a;
  font-size: 8px;
  height:7px;
}
.even-row{
  background-color:#e7a614;
  font-size: 8px;
  height:7px;
}

  /*Toast Error*/
.modal-header h4{
    color: red;
}

  /* Individual Element Styling*/
#menuBar {
    position: absolute;
    z-index: 5;
    margin-left: 75px;
    width: 100%;
    height: 5%;
}
#mapDiv {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
#txtGeocoder::-ms-clear{ 
    display:none; 
}
#advancedQueryForm {
    margin-left: 15px;
}
#heatMapDiv input[type=range] {
    width: 100%;
    display: block;
}

/*Bootstrap Navbar */
.navbar-collapse.collapse {
    display: block !important;
}
.navbar-nav > li, .navbar-nav {
    float: left !important;
}
.navbar-nav.navbar-right:last-child {
    margin-right: -15px !important;
    margin:0px;
}
.navbar-right {
    float: right !important;
}
.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}
/*Navbar clear graphics message*/
.navbar-hidden-row {
    border: 1px solid #e7e7e7;
    clear: left;
    visibility: hidden;
}

.navbar-hidden-row-warning {
    color: red;
}