/* Need to create media for very small screen sizes */

body {
  margin: 0;
  height: calc(100% - 51px); /* minus navbar incl. border */
}

img#nav-icon {
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-left: 0px;
}

#modalMenuDisclaimerTitle{
  padding-top: 0 !important;
  padding-bottom: 10px !important;
}

html, #map {
  height: 100%;
}

.pt-reduced{
  padding-top: 0 !important;
} 

.pb-reduced{
  padding-bottom: 0 !important;
}


.leaflet-popup-content {
  max-width: 300px;
  height: 240px;
  overflow-y: auto;
  font-family: 'Roboto', sans-serif;
}


@media only screen and (max-width: 360px) {
.leaflet-popup-content {
  max-width: 220px;
  height: 220px;
  overflow-y: auto;
  font-family: 'Roboto', sans-serif;
}
}

.nav-item{
  text-align: right;
}

h6{
  color: #2dccac
}



.leaf-location{
  color: #563D7C;
  font-weight: bold;
  font-size: 1.1em;
}

.leaf-date{
  color: #6380bd;
  font-size: 1.0em;
}

.leaf-crimetype{
  color: #de1b1b;
  font-size: 1em;
  font-weight: bold;
}

.leaf-description{
  columns: #646f64;;
}

/* 
.myDivIcon {
  text-align: center;
  line-height: 20px;
} */

.btn-group-vertical{
  position: absolute;
  top: 10;
  right: 10;
  z-index: 999;
}

/*    */
#nav-crimelist{
  color:  #F0DF9E;
  font-size: 1em;
  font-weight: bold;
}

/* #reportrange{
  position: absolute;
  top: 10;
  right: 160;
  z-index: 999;


  width: 150px; 
  max-width: 500px; 
  display: inline-block;

  background: #fff; 
  cursor: pointer; 
  padding: 5px 10px; 
  border: 1px solid #ccc;
} */

/* .daterangepicker{
  width: 300px !important;
} */







.btnFilter.focus, .btnFilter:focus {
  outline: 0;
  box-shadow: none !important;
  background-color: inherit !important;
}

.btnFilter.hover, .btnFilter:hover{
  /* background-color: inherit !important; */
  /* box-shadow: none !important; */
}


.dropdown-menu {
  min-width: 100px !important;
}

.dropdown-item{
  padding: .2em .75em;
}

#dropDownButton{
  padding: .3em .8em;
  /* background: #F76D6D !important; */
}

/* :disabled{
  background-color: white !important;
} */



#allcrime.active{
  background-color:#379683 !important;
}

#theft.active{
  background-color: #D33D2A !important;
}



#bne.active{
  background-color: #39AADD !important;
}

#collision.active{
  background-color: #F69730 !important;
}

#fraud.active{
  background-color: #426877 !important;
}

#impaired.active{
  background-color: #C14BAA !important;
}

#mischief.active{
  background-color: #593869 !important;
}

#assault.active{
  background-color: #6FAC24 !important;
}

#issues.active{
  background-color: #FFCC01 !important;
}






.allcrime.active{
  background-color:#379683 !important;
}

.theft.active{
  background-color: #D33D2A !important;
}

.bne.active{
  background-color: #39AADD !important;
}

.collision.active{
  background-color: #F69730 !important;
}

.fraud.active{
  background-color: #426877 !important;
}

.impaired.active{
  background-color: #C14BAA !important;
}

.mischief.active{
  background-color: #593869 !important;
}

.assault.active{
  background-color: #6FAC24 !important;
}

.issues.active{
  background-color: #FFCC01 !important;
}

/* 
#allcrime.active, #allcrime.btn:hover, #allcrime.btn:visited{
  background-color:#379683 !important;
}

#theft.active, #theft.btn:hover, #theft.btn:visited{
  background-color: #D33D2A !important;
}

#bne.active, #bne.btn:hover, #bne.btn:visited{
  background-color: #39AADD !important;
}

#collision.active, #collision.btn:hover, #collision.btn:visited{
  background-color: #F69730 !important;
}

#fraud.active, #fraud.btn:hover, #fraud.btn:visited{
  background-color: #426877 !important;
}

#impaired.active, #impaired.btn:hover, #impaired.btn:visited{
  background-color: #C14BAA !important;
}

#mischief.active, #mischief.btn:hover, #mischief.btn:visited{
  background-color: #593869 !important;
}

#assault.active, #assault.btn:hover, #assault.btn:visited{
  background-color: #6FAC24 !important;
}

#issues.active, #issues.btn:hover, #issues.btn:visited{
  background-color: #FFCC01 !important;
}




.allcrime.active, .allcrime.btn:hover, .allcrime.btn:visited{
  background-color:#379683 !important;
}

.theft.active, .theft.btn:hover, .theft.btn:visited{
  background-color: #D33D2A !important;
}

.bne.active, .bne.btn:hover, .bne.btn:visited{
  background-color: #39AADD !important;
}

.collision.active, .collision.btn:hover, .collision.btn:visited{
  background-color: #F69730 !important;
}

.fraud.active, .fraud.btn:hover, .fraud.btn:visited{
  background-color: #426877 !important;
}

.impaired.active, .impaired.btn:hover, .impaired.btn:visited{
  background-color: #C14BAA !important;
}

.mischief.active, .mischief.btn:hover, .mischief.btn:visited{
  background-color: #593869 !important;
}

.assault.active, .assault.btn:hover, .assault.btn:visited{
  background-color: #6FAC24 !important;
}

.issues.active, .issues.btn:hover, .issues.btn:visited{
  background-color: #FFCC01 !important;
} */
 







#about{
  font-weight: bold;
  color: black;
}

.axis { font: 14px sans-serif; }

.line {
  fill: none;
  stroke: steelblue;
  stroke-width: 2px;
}



.btn-group-vertical { 
  animation: shake 0.82s 30s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
10%, 90% {
  transform: translate3d(-1px, 0, 0);
}

20%, 80% {
  transform: translate3d(2px, -.5px, 0);
}

30%, 50%, 70% {
  transform: translate3d(-4px, .5px, 0);
}

40%, 60% {
  transform: translate3d(4px, 0, 0);
}
}


#reportrangeCustom2{
  background-color: #99cc55;
  border-color: #99cc55;
  position: absolute;
  top: 10; 
  right: 150; 
  width: 220; 
  font-size: 1.2em; 
  padding: .44em 0em; 
  z-index: 999;
}



@media only screen and (max-width: 365px) {
  #reportrangeCustom2 {
    /* background-color: blue !important; */
    /* border-color:  blue !important; */
    background-color: #99cc55;
    border-color: #99cc55;
    position: absolute;
    top: 10; 
    right: 140; 
    width: 213; 
    font-size: 1.2em; 
    padding: .4em 0em; 
    z-index: 999;
  }

  @media only screen and (max-width: 325px) {
    #reportrangeCustom2 {
      /* background-color: orange !important;
      border-color:  orange !important; */
      background-color: #99cc55;
      border-color: #99cc55;
      position: absolute;
      top: 7; 
      right: 145; 
      width: 110; 
      font-size: 1.1em; 
      padding: 0em 0em; 
      z-index: 999;
    }

    .navbar-brand{
      font-size: 1em !important;
    }
  }

  .btn-group-vertical{
    position: absolute;
    top: 10;
    right: 5 !important;
  }
}

/* .btn-group-vertical{
  position: absolute;
  top: 10;
  right: 10;
  z-index: 999;
} */