.ModalDialog {
  min-height: 0 !important;
}

.poi-tables.table-hover > tbody > tr:hover > td,
.poi-tables.table-hover > tbody > tr:hover > th {
  background-color: #eaeaea;
}

.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak],
.ng-cloak, .x-ng-cloak,
.ng-hide {
    display: none !important;
}

.report {
  max-width: 85%;
}

@media (max-width: 1000px) {
  .report {
    max-width: 95%;
  }
}

.report section {
  max-width: 100%;
}

img.clickable-image { cursor: pointer;}

@media print {
  .leaflet-container img { max-width:none!important; }
  *, h1, h2, h3, h4 {
    font-size: 13px;
  }
  .tab-content > .tab-pane {display: block !important; opacity: 1 !important;}
  .nav-tabs {
    visibility: hidden;
  }
  @page {
    size: A3;
    margin-left: -5cm;
    margin-right: -5cm;
  }

}

.tab-heading > .print-btn{
  display: inline-block;
  margin-left: 20px;
  border-radius: 3px;
  border: 1px solid gray;
  padding-left: 4px;
  /* padding: 0; */
  /* margin: 0; */
  cursor: pointer;
}

.report-inline-print {
  margin: 10px;
  margin-left: 20px;
}

@media (min-width: 800px) {
  .report-inline-print {
    margin-left: 40px;
  }
}

.spacing-0 {
  width: 100%;
}
.spacing-1 {
  width: 91%;
  margin-left: 3px;
}
.spacing-2 {
  width: 86%;
  margin-left: 3px;
}
.spacing-3 {
  width: 81%;
  margin-left: 3px;
}
.spacing-4 {
  width: 76%;
  margin-left: 3px;
}

.demogtable-spacer {
  height: 31px;
  margin-top: -10px;
  margin-bottom: -10px;
  display: inline-block;
  margin-left: 12px;
  width: 5px;
  background-color: #999;
}

.demogtable-desc {
  margin-top: -2px;
  margin-bottom: -2px;
  height: 18px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.denom-check > i{
  margin-left: -10px;
  margin-top: -5px;
  cursor: pointer;
}

.denom-check {
  margin-left: 7px;
  display: inline;
  border-radius: 3px;
  padding: 5px;
  border: 1px solid gray;
  cursor: pointer;
}

.denom-check > label {
  cursor: pointer;
}

.hide-denom-col {
  display: none !important;
}

.value-col {
  text-align: right;
}

.percent-col {
  text-align: left;
  font-size: small;
  font-weight: bold;
}

.demog-group > tr > th {
  background-color: #dbdbdb !important;
}

.special-hover {
  color: #555;
  cursor: pointer;
}

.special-hover:hover {
  color: #222;
}

.shared-report {
  background-color: #aaa;
  display:block !important;
  border: 1px dashed gray;
  width: 100%;
}

.shared-report-link {
  width: 100% !important;
  color: #000;
  /*border: 2px dashed #DDD;*/
  border: 1px dashed #EDEDED;
  text-align:center;
  display:block;
  margin-bottom:5px;
  cursor:pointer;
}

.report-actions {
  text-align: center;
}

.print-loading, .print-settings, .print-downloading {
  display: none;
}

.print-active {
  display: block !important;
}

.print-modal ul.nav-tabs > li {
  width: 32%;
  text-align: center;
  margin-bottom: 0px;
}

.print-modal ul.nav-tabs > li > a:hover {
  color: #000;
}

.print-modal li {
  display: block;
}

.print-modal li > hr {
  margin: 0;
  margin-left: -20px;
}
.print-modal .checkbox {
  margin-bottom: 0px;
}

.print-modal a {
  cursor: pointer;
}

.print-modal a.active:not(:hover) {
  color: #444;
}

.print-modal li > hr {
  margin: 0;
  margin-left: -20px;
  border-top-color: #AAA;
}

.print-modal .page-selection, .print-modal .page-options {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.print-modal li > ul > li > .checkbox {
  margin-top: 0px;
}

.print-modal input.form-control {
  width: 25%;
  display: inline-block;
  padding: 3px 6px;
  height: 30px;
}

.print-modal select.form-control {
  width: 30%;
  display: inline-block;
}

.print-modal .form-control[disabled] {
  background-color: #ddd;
}

.print-modal label {
  font-weight: normal;
}

.print-modal li {
  list-style-type: none;
}

.print-modal ul.text-list>li {
  list-style-type: disc !important;
}

.print-modal .checkbox {
  display: inline;
}

.print-modal select, .print-modal .checkbox, .print-modal input {
  float: right;
}

.print-modal ul {
  width: 100%;
}

.export-modal .form-control {
  width: 80%;
}

table.store_attr thead > tr, table.store_attr tbody{
  display:block;
}
table.store_attr{
  width: 100%;
  /*height: 300px;*/
  overflow: auto;
  display:block;
}
table.store_attr td {
  padding: 0 5px 0 5px !important;
}

.main-variable > p{
  font-weight: 500;
  font-size: 15px;
  padding-left: 0;
  margin: 0;
}
.ng-table th.sortable div {
  max-width: 141px;
}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

button.center {
  display: block;
  margin-left: auto;
  margin-right: auto;

}

.piin_container .nav a:hover,.piin_container  .nav a:focus {
  color: #000;
}

.county-title {
  font-size: 20px;
  line-height: 24px;
  display: block;
  color: #000;
  font-weight: bold;
  margin-bottom: 3px;
}

.county-population {
  font-size: 14px !important;
  margin-bottom: 0px;
  font-weight: bold;
  color: #000;
}

.tooltip-card-report {
  position: absolute;
  margin-top: 100px;
  width: 21% !important;
  padding: 5px 10px 10px;
  background: #FFF;
  opacity: 1;
  z-index: 10;
  border: 0;
  -moz-box-shadow: 0 ;
  -webkit-box-shadow: 0 ;
  box-shadow: 0 ;
}

a.shortcut {
  cursor: pointer;
  color: #4C9ADD;
}

a.shortcut:hover {
  color: #1EB9D4;
}

hr {
  margin-top: 0;
}

h2 {
  margin-top: 0;
}

body {
  color: rgba(0, 0, 0, 0.8);
  font-weight: 400;
}

.past {
  font-size: 12px;
}

.report-header > .col-md-6 {
  padding-left: 0;
  margin-top:0;
}

.organization-name-header {
  margin-left: 25px;
  margin-right: 25px;
  display: inline-block;
  font-weight: 700 !important;
}

.report-content {
  border-top: 5px solid #FFF;
  border-top-color: #3D464D;
  padding-bottom:10%;
}

.leaflet-bottom.leaflet-left > .legend {
  font: 12px/14px Open Sans,Arial, Helvetica, sans-serif;
  background: rgba(255,255,255, 0.9);
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  border-radius: 5px;
  padding: 10px 8px;
  line-height: 18px;
  color: #555;
  max-height: 360px;
  width: 200px;
}

.leaflet-bottom.leaflet-left > .legend::-webkit-scrollbar {
    width: 7px;
    background-color: #eee;
}

.leaflet-bottom.leaflet-left > .legend::-webkit-scrollbar-track {
  border-radius: 3px;
  background-color: #eee;
}

.leaflet-bottom.leaflet-left > .legend::-webkit-scrollbar-thumb {
   border-radius: 3px;
   background-color: #555;
}


.leaflet-bottom.leaflet-left > .legend i {
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 8px;
  opacity: 0.7;
}
.info-label {
  width: 185px;
}
.report-image > img {
  padding: 50px;
  max-width:100%;
  max-height:100%;
  margin:auto;
  display:block;
}

.report-map {
  margin: 5px 10px 10px 10px;
}

.piin-container {
  -webkit-font-smoothing: antialiased;
}

.nav-tabs{
  margin:0px;
}

.nav-tabs li{
  font-size: 12px;
  border: 0px solid transparent;
  width:50%;
}

.nav-tabs>li>a{
  background-color: rgba(248, 248, 248, 1);
  border-radius: 0px;
  margin-right: 0px;
  border:0px;
  font-size: 1.45em;
  color: rgba(0,0,0,0.75);
  font-weight: 600;
}


.nav-tabs>li>a:hover{
  border-radius: 0px;
  border:0px;
}

.nav-tabs>li.active>a{
  background-color: #fff;
  border-radius: 0px;
  border:0px;
}

.nav-tabs>li.active>a:hover{
  background-color: #fff;
  border-radius: 0px;
  border:0px;
}

.tabbable {
  border: 1px solid #E9E9E9;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

.leaflet-popup-content {
  overflow: auto;
  max-height: 200px;
}

.card {
  padding:2rem 1rem 4rem 1rem;
  box-shadow:0 1px 2px #aaa;
  background: rgba(0,0,0,0.02);
  border-radius:3px;
  margin-top: 5px;
  height: 135px;
}

.label-with-polygon {
  margin-top: -13px;
}

.switch-polygon-circle div {
    cursor: pointer;
    font-size: 12px;
    color: #287BFF;
  }

  .map-size-btn {
    color: #909294;
  }

.map-size-btn:hover {
    color: #3382C6;
    cursor: pointer;
  }

.card-num {
  font-size: 12px;
  font-weight: 600;
}

.card > h1 {
  font-size: 35px;
  font-weight: 700;
  line-height: 1;
  margin: 20px 0 20px 0;
  text-align: center;
  vertical-align: center;
}

td > .badge {
  color: #000;
  background-color: rgba(145, 145, 145, 0.15);
  font-weight: normal;
}

.card > p {
  line-height: 1;
  margin: 5px 0 10px 0;
  text-align: center;
}

.radius-label {
  padding-left: 1%;
}

.card, .col-md-2 {
  height: 100%;
}

.small {
  height: 110px;
  padding-top: 1rem;
}

.small > h1 {
  font-size: 30px;
}

td {
  max-width: 300px;
}

.slider {
  padding: 15px 0 30px 0;
  line-height: 1em;
}

.higher_index {
  font-size: 12px;
  color: green;
  font-weight: bold;
}
.lower_index {
  font-size: 12px;
  font-weight: bold;
  color: red;
}
.even_index {
  font-size: 12px;
  font-weight: bold;
  color: black;
}

.subtitle {
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  margin: 0;
}

/*
 BROWSER COMPATBILITY RANGE BS
 */

input[type=range].poi-range {
  /*allows custom css, otherwise system look overrides all*/
  -webkit-appearance: none !important;

  /*fixes firefox bug */
  width: 100%;

  /*fixes ie offset*/
  -ms-transform: translate(0px,-19px);
}

/*fixes outline bug on FF */
input[type=range].poi-range:focus {
    outline: none;
}

input[type=range].poi-range::-webkit-slider-runnable-track {
  height: 15px;
  background-color: #38A316;
  border-radius: 10px;
  margin: auto;

  /*allows custom css, otherwise system look overrides all*/
  -webkit-appearance: none !important;
}

input[type=range].poi-range::-moz-range-track {
  height: 15px;
  background-color: #38A316;
  border-radius: 10px;
  margin: auto;
}


input[type=range].poi-range::-webkit-slider-thumb {
  width: 25px;
  height: 25px;
  background-color: #FFF;
  border-radius: 30px;
  -webkit-box-shadow: 0px 0px 2px #000;
  /*allows custom css, otherwise system look overrides all*/
  -webkit-appearance: none !important;
   /*fixes centering bug for thumb*/
  -webkit-transform: translate(0px,-5px);
}

input[type=range].poi-range::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background-color: #FFF;
  border-radius: 30px;
  /*no box-shadow for FF, looks terrible*/
}


input[type=range].poi-range::-ms-thumb {
  width: 25px;
  height: 25px;
  background-color: #FFF;
  border-radius: 30px;
  box-shadow: 0px 0px 2px #000;
}


/*fixes firefox outline bug*/
input[type=range].poi-range:-moz-focusring,
input[type=range].poi-range::-moz-focus-outer,
input[type=range].poi-range:focus::-moz-range-track {
  border: 0;
}

/* IE */

/*
things a little tricky for IE. We need to make the track invisible so the thumb can appear to overflow (thumb cannot overflow in reality)
then colour the fills to only colour the actual track
*/

input[type=range].poi-range::-ms-track {
    height: 15px; /* + 6px*2 border */

    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent !important;

    /*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].poi-range::-ms-fill-lower,
input[type=range].poi-range:focus::-ms-fill-lower,
input[type=range].poi-range::-ms-fill-upper,
input[type=range].poi-range:focus::-ms-fill-upper {
  /*height: 10px;*/
  background-color: #38A316;
  border-radius: 10px;
}

input[type=range].poi-range::-ms-fill-upper {
  background-color: #38A316;
  border-radius: 10px;
}

/* END OF BROWSER BS */

.leaflet-left {
  left: 0;
}

.report-header .col {
  padding-left: 0;
  padding-right: 0;
}

.report-header h2 {
  color: #444;
  margin-top: 0;
  font-size: 35px;
  font-weight: 400;
  font-family: Open Sans, sans-serif;
}

.report-header h3 {
  color: #999;
  font-size: 16px;
  line-height: 1.428571429;
  font-weight: 400;
  font-family: Open Sans, sans-serif;
  margin: 0 0 10px 0;
}

.copy_coords {
  color:#999;display:block;width:100%;font-size:12px;margin-bottom:5px;cursor:pointer;border:none;text-align:left;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #EEE;
}

.table>thead>tr>th {

  border-bottom: 0;
}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  -webkit-user-select: none;
}

.leaflet-label {
  padding: 0px !important;
  background: rgba(255, 255, 255, 0) !important;
  color: black !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-shadow:
  -1px -1px 3px #FFF,
  1px -1px 3px #FFF,
  -1px 1px 3px #FFF,
  1px 1px 3px #FFF !important;
}

.editable-click, a.editable-click {
  text-decoration: none;
  color: #424242;
  border-bottom: dashed 1px #C3C3C3;
}

.editable-click:hover, a.editable-click:hover {
  color: #424242;
  cursor: pointer;
  border-bottom: dashed 1px #080502;
}

.editable-wrap .editable-input {
  border: dashed 1px;
}
.editable-buttons button {

   color: #ffffff;
 /*font-size: 14px;*/
 background-color: #007ee5;
 /*border-width: 0px;*/
 transition: background-color .25s ease-in-out;
 -moz-transition: background-color .25s ease-in-out;
 -webkit-transition: background-color .25s ease-in-out;
 display: inline-block;
 padding: 6px 12px;
 margin-bottom: 0;
 font-size: 14px;
 font-weight: normal;
 line-height: 1.428571429;
 text-align: center;
 white-space: nowrap;
 vertical-align: middle;
 cursor: pointer;
 border: 1px solid rgba(0, 0, 0, 0);
 border-radius: 4px;
 -webkit-user-select: none;
}

/* removes quirky shadow that appears on markers */
.leaflet-marker-shadow {
    display: none !important;
}