#map { height: 770px; }

.side-menu {
  height: 310px;
}
.material-icons.sidenav-trigger {
  color: #000000;
  line-height: 75px;
}


#option-dialog {
  width:351px;

  overflow-y: auto;
}

#option-dialog .row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

#option-dialog .col {
  width: 100%;
  margin-bottom: 10px;
}

#crime-dialog {
  width: 90%;
  height: 55%;
  overflow-y: auto;
}


#add-real-location-marker-btn {
  margin-bottom: 30px;
  width: fit-content;

}


#add-clicked-location-marker-btn {
  width: fit-content;
}


.bottom-nav {
  position: fixed;
  z-index: 999;
  bottom: 0;
  background-color: #f68f8f;
  height: 135px;
  line-height: 75px;
}


.modal {
  width: 30%;
  height: 40%;
  max-height: 80%;
  overflow-y: auto;
}


.custom-icon img {
width: 100%;
height: 100%;
}

#resetButton {
  z-index: 999;
  margin-left: 80%;
  margin-top: -145%;
}

#add-marker-btn {
font-size: 9px;
padding: 9px;
line-height: 13px;
width: 129px;
height: 30px;
color: black;
margin-left: 18px;
}


.custom-modal-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap; 
}

.select-wrapper input.select-dropdown {
  border-bottom: none !important;
}

/*Iphone 5, 5S, SE*/

@media only screen and (max-width: 320px) and (min-height: 567px) and (max-height: 568px) {
  #map { height: 379px; }
  
  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 115px;
    line-height: 75px;
  }
  .material-icons.sidenav-trigger {
    color: #000000;
    margin-left: 1px;
    line-height: 76px;
  }
  #add-marker-btn {
    padding: 9px;
    line-height: 13px;
    width: 128px;
    height: 30px;
    color: black;
    margin-left: 5px;
    }

}

/*LG K20 (2019)*/

@media only screen and (max-width: 320px) and (min-height: 639px) and (max-height: 640px) {
  #map { height: 379px; }
  
  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 115px;
    line-height: 75px;
  }
  .material-icons.sidenav-trigger {
    color: #000000;
    margin-left: 1px;
    line-height: 76px;
  }
  #add-marker-btn {
    padding: 9px;
    line-height: 13px;
    width: 128px;
    height: 30px;
    color: black;
    margin-left: 5px;
    }

}

@media only screen and (min-width:358px) and (max-width: 361px) {
  #map { height: 560px; }
  
  .material-icons.sidenav-trigger {
    color: #000000;
    margin-left: 12px;
    line-height: 75px;
  }
  #add-marker-btn {
    font-size: 9px;
    padding: 9px;
    line-height: 13px;
    width: 128px;
    height: 30px;
    color: black;
    margin-left: 5px;
    }

  .top-nav {
    line-height: 75px;
    height: 65px;
  }
  .material-icons.sidenav-trigger {
    color: #000000;
  }
}
/*Google Nexus, Sony XPERIA XZ, XPERIA X, J5, J5 Prime, J4, J7, J7 Prime, On8, Moto G4*/
@media only screen and (max-width: 360px) and (min-height: 639px) and (max-height: 641px) {
  #map { height: 451px; }
  
  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 115px;
    line-height: 75px;
  }
}

/*LG G6, K40, Stylo 4, Stylo 5, Huawei Mate 10 Lite, HTC U11+, U12+, HONOR 7X, Samsung A6s*/
@media only screen and (max-width: 360px) and (min-height: 719px) and (max-height: 720px) {
  #map { height: 530px; }
  
  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 115px;
    line-height: 75px;
  }
}

/*Iphone 12 mini, 13 mini, Moto G8, LG K61, G8X Thinq, G8 Thinq, G7 Fit, G7 One, Huawei Y9s, Y9 Prime, P40, P30 Pro, P30, Nova 7 PRO, Mate 30, 20 Pro, 20 Lite, Honor 8X, 9X*/
@media only screen and (max-width: 360px) and (min-height: 779px) and (max-height: 780px) {
  #map { height: 590px; }
  
  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 115px;
    line-height: 75px;
  }
}

/*S8, S8+, S9, S9+, J6, J8,*/
@media only screen and (max-width: 360px) and (min-height: 739px) and (max-height: 741px) {
  #map { height: 550px; }
  
  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 115px;
    line-height: 75px;
  }
}

/*Galaxy S20*/

@media only screen and (max-width: 360px) and (min-height: 799px) and (max-height: 800px) {
  #map { height: 610px; }
  
  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 115px;
    line-height: 75px;
  }
}

/*Iphone 6, 6S, 7, 8, SE (2020), SE(2022)*/
@media only screen and (max-width: 375px) and (min-height: 665px) and (max-height: 667px){
  #map { height: 632px; }
  
  .top-nav {
    line-height: 75px;
    height: 65px;
  }
}

/*Iphone X, XS, 11 PRO*/

@media only screen and (max-width: 375px) and (min-height: 810px) and (max-height: 812px) {
  #map { height: 621px; }
  
}

@media only screen and (max-width: 384px) and (min-height: 850px) and (max-height: 855px) {
  #map { height: 664px; }
  
}

@media only screen and (max-width: 391px) and (min-height: 665px) and (max-height: 669px) {
  #map { height: 477px; }
  
  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 115px;
    line-height: 75px;
  }
}
/* Xiami Mi 6, Mi 8 SE*/

@media only screen and (max-width: 393px) and (min-height: 815px) and (max-height: 817px) {
  #map { height: 626px; }
  
  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 115px;
    line-height: 75px;
  }
}


/*GOogle Pixel 4a, 5, Redmi Note 9, Note 8 Pro, Note 8, Note 7, Mi 9, 9T, Mi 9 SE, mI 9 LITE, Mi 10, Mi 10 Pro*/

@media only screen and (max-width: 393px) and (min-height: 850px) and (max-height: 851px) {
  #map { height: 661px; }
  
  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 115px;
    line-height: 75px;
  }
}


@media only screen and (min-width:389px) and (max-width: 391px) {
  #map { height: 614px; }
  
  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 155px;
    line-height: 75px;
  }
}

@media only screen and (min-width:410px) and (max-width: 412px) {
  #map { height: 705px; }
  
  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 135px;
    line-height: 75px;
  }
}


/* galaxy note 20*/
@media only screen and (max-width: 412px) and (min-height: 882px) and (max-height: 884px) {
  #map { height: 692px; }
  
  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 115px;
    line-height: 75px;
  }
}
@media only screen and (min-width:413px) and (max-width: 415px) {
  #map { height: 666px; }
  
  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 155px;
    line-height: 75px;
  }
}

/*OnePlus 6T, 7, 7 Pro, Samsung A30, A50, A50s*/
@media only screen and (max-width: 412px) and (min-height: 891px) and (max-height: 892px) {
  #map { height: 683px; }
  
  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 135px;
    line-height: 75px;
  }
}

/*Samsung Note20, S20 Ultra, S20 FE, S10 Lite A31, A32, A51, A71, A70s, OnePlus Nord, 9, 8T, 8, 7T*/

@media only screen and (max-width: 412px) and (min-height: 914px) and (max-height: 915px) {
  #map { height: 705px; }
  
  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 135px;
    line-height: 75px;
  }
}


/*Iphone 6 Plus, 6S Plus, 7 Plus, 8 Plus*/
@media only screen and (max-width: 414px) and (min-height: 735px) and (max-height: 737px) {
  #map { height: 526px; }
  
  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 135px;
    line-height: 75px;
  }
}

/*galaxy note 9*/
@media only screen and (max-width: 414px) and (min-height: 845px) and (max-height: 846px) {
  #map { height: 636px; }
  
  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 135px;
    line-height: 75px;
  }
}

/*Iphone XR, 11, XS Max, 11 Pro Max*/

@media only screen and (max-width: 414px) and (min-height: 895px) and (max-height: 897px) {
  #map { height: 686px; }
  
  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 135px;
    line-height: 75px;
  }
}

@media only screen and (min-width:426px) and (max-width: 430px) {
  #map { height: 696px; }
  
  #add-marker-btn {
    font-size: 13px;
    height: 35px;
    width: 180px;
    color: black;
    margin-left: 10px;
  }
  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 155px;
    line-height: 75px;
  }
}

/*LG G Pad 5 10.1*/
@media only screen and (max-width: 600px) and (min-height: 959px) and (max-height: 960px) {
  #map { height: 750px; }
  
  #add-marker-btn {
    font-size: 14px;
    height: 35px;
    width: 200px;
    color: black;
    margin-left: 90px;
  }

  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 135px;
    line-height: 75px;
  }
}

/*Apple Ipad Mini*/
@media only screen and (max-width: 768px) and (min-height: 1023px) and (max-height: 1024px) {
  #map { height: 814px; }
  
  #add-marker-btn {
    font-size: 14px;
    height: 35px;
    width: 200px;
    color: black;
    margin-left: 120px;
  }

  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 135px;
    line-height: 75px;
  }
}

/*Apple Ipad Mini*/
@media only screen and (max-width: 800px) and (min-height: 1279px) and (max-height: 1280px) {
  #map { height: 1050px; }
  
  #add-marker-btn {
    font-size: 14px;
    height: 35px;
    width: 200px;
    color: black;
    margin-left: 120px;
  }

  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 155px;
    line-height: 75px;
  }
}

/*Apple Ipad 10.2*/
@media only screen and (max-width: 810px) and (min-height: 1079px) and (max-height: 1080px) {
  #map { height: 870px; }
  
  #add-marker-btn {
    font-size: 14px;
    height: 35px;
    width: 200px;
    color: black;
    margin-left: 120px;
  }

  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 135px;
    line-height: 75px;
  }
}

/*Apple Ipad Air*/
@media only screen and (max-width: 834px) and (min-height: 1111px) and (max-height: 1112px) {
  #map { height: 902px; }
  
  #add-marker-btn {
    font-size: 14px;
    height: 35px;
    width: 200px;
    color: black;
    margin-left: 120px;
  }

  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 135px;
    line-height: 75px;
  }
}

/*Apple Ipad Air (2020)*/
@media only screen and (max-width: 820px) and (min-height: 1179px) and (max-height: 1180px) {
  #map { height: 970px; }
  
  #add-marker-btn {
    font-size: 14px;
    height: 35px;
    width: 200px;
    color: black;
    margin-left: 120px;
  }

  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 135px;
    line-height: 75px;
  }
}

/*Apple Ipad Pro 11*/
@media only screen and (max-width: 834px) and (min-height: 1193px) and (max-height: 1194px) {
  #map { height: 984px; }
  
  #add-marker-btn {
    font-size: 14px;
    height: 35px;
    width: 200px;
    color: black;
    margin-left: 120px;
  }

  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 135px;
    line-height: 75px;
  }
}

/*Apple Ipad Pro 12.9*/
@media only screen and (max-width: 1024px) and (min-height: 1365px) and (max-height: 1366px) {
  #map { height: 1156px; }
  
  #add-marker-btn {
    font-size: 14px;
    height: 35px;
    width: 200px;
    color: black;
    margin-left: 120px;
  }

  .top-nav {
    line-height: 75px;
    height: 75px;
  }
  .bottom-nav {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #f68f8f;
    height: 135px;
    line-height: 75px;
  }
}

/*Computador*/
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  #resetButton {
    z-index: 999;
    margin-left: 95%;
    margin-top: -10%;
  }
}