/*overriding default widths for the latest battles info box*/
@media (min-width: 1200px) {
    #latestBattlesList.container, #latestBattlesList.container-lg, #latestBattlesList.container-md, #latestBattlesList.container-sm, #latestBattlesList.container-xl {
        max-width: 1000px !important;
    }
}

@media (min-width: 992px) {
    #latestBattlesList.container, #latestBattlesList.container-lg, #latestBattlesList.container-md, #latestBattlesList.container-sm {
        max-width: 800px !important;
    }
}

#latestBattlesList {
  background: #f9f7f4;
  
}  
.select2-results {
    pointer-events:none !important;
}

.select2-results {
    max-height: 25px !important;
    overflow-y: hidden !important;
}

li.select2-results-dept-0.select2-result.select2-result-selectable {
    visibility: hidden !important;
}

.mapboxgl-ctrl-bottom-right, .mapboxgl-ctrl-bottom-left{
  visibility: hidden;
  }
  
.total_container {
  position: absolute;
  right: 20px;
  font-size: 20px;
  font-weight: 400;
  z-index: 1000;
  top: 88%;
  background-color: #0D0E51;
  color: white;
  padding: 10px;
  visibility:hidden;
}

#totalCounter {
  margin-block-start: unset !important;
  margin-block-end: unset !important;
}
#yearDrop{
  width:auto !important; 
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
    justify-content: center;
}

/*[type=checkbox] {
  padding-right:0.25rem;
}*/

    
.checkbox {
  padding: 0.625rem;
  color: white;
  line-height:0;
  display:flex;
  align-items:center;
  gap:0.5rem;
}
    
/*.filter {
  margin: 1rem 1rem 1rem 0;
  align-items:center;
}*/

@media screen and (max-width:480px) {
  #districtDrop { 
    max-width: 85vw; 
  }
  #edumap {
    min-width: 90vw;
    }
  }
    .total_container {
            position: absolute;
            right: 20px;
            font-size: 20px;
            font-weight: 400;
            z-index: 1000;
            top: 88%;
            background-color: #0D0E51;
            color: white;
            padding: 10px;
        }
        
        #totalCounter {
          margin-block-start: unset !important;
          margin-block-end: unset !important;
        }
    .type_container{
            /*float: right;*/
            display: flex;
            gap: 0.25rem;
            align-content:center;
            justify-content: center;
            margin: 0;
            position: relative;
            /*bottom: 35%;*/
        }

     .checkbox{
            height: 35px;
      }
     li{
            font-size: 16px;
        }
      ul{
            font-size: 20px;
        }

.recent_battles {
  color:#c64d2d !important;
  font-weight:bold !important;
  margin-bottom: 0.75rem;
}

.btn .default {
  margin-left: 1rem;
}

@media only screen and (max-width: 768px) {
  .btn .default {
    margin-top: 1rem;
    margin-left: 0;
  }
}

#stateDrop, #yearDrop, #districtDrop {
  max-width: 30%;
}

@media only screen and (max-width: 768px) {
#stateDrop, #yearDrop, #districtDrop {
  max-width:unset;
}
  
}

.dropdown-group {
  flex-direction:row; 
  justify-content:space-between;
  flex-grow:4;
}

@media only screen and (max-width: 768px) {
  .dropdown-group {
    flex-direction:column;
    gap:12px;
  }
}

.button-group-container {
  max-width: 60%;
  margin-right:auto;
  margin-left:auto;
}

@media only screen and (max-width: 768px) {
  .button-group-container {
    max-width:85%;
  }
}

.categories-container {
  gap:0.5rem;
}

/*from MapBox*/

    body {
      margin: 0;
      padding: 0;
    }

    #edumap {
      /*position: absolute;*/
      top: 0;
      bottom: 0;
      width: 100%;
    }

    /* Popup styling */

    .mapboxgl-popup {
      padding-bottom: 5px;
      max-height:400px;
    }

    .mapboxgl-popup-close-button {
      display: none;
    }

    .mapboxgl-popup-content {
      font: 400 15px/22px 'Source Sans Pro', 'Helvetica Neue', Sans-serif;
      padding: 20px;
      width: 500px;
        height: 350px;
        overflow-y: scroll !important;
        min-width:500px;

        /*max-height: 100px;*/
    }

    .mapboxgl-popup-content-wrapper {
      padding: 1%;
    }

    .mapboxgl-popup-content h3 {
      background: #0D0E51;
      text-align: center;
      color: #fff;
      margin: 0;
      display: block;
      padding: 15px;
      /*font-weight: 500;*/
      margin-top: -5px;
    }

    .mapboxgl-popup-content h4 {
      margin: 0;
      display: block;
      padding: 10px 3px 10px 10px;
      /*font-weight: 400;*/
    }

    .mapboxgl-container {
      cursor: pointer;
    }

    .mapboxgl-popup-anchor-top>.mapboxgl-popup-content {
      margin-top: 3px;
    }

    /*.mapboxgl-popup-anchor-top>.mapboxgl-popup-tip {*/
    .mapboxgl-popup-tip {
            border-bottom-color: #0d0e51 !important;    
            border-top-color: #0d0e51 !important;    
     }
    
    .select2-container{
      width:50vh;
    }
    
    #select2-label{
      position:relative;
      display :flex;
    }