body {
  font-family:helvetica;
  overflow-x:hidden;
}

footer {
  position:relative;
}

#map {
  height:700px;
}

.topContent {
  padding:20px;
  border-top: 1px solid #3d3c3c;
  border-bottom: 1px solid #3d3c3c;
}

.top-1 {
  text-align: center;
  color:#00447c;
}

.top-num {
  font-size:25px;
  font-weight:bold;
}

.top-label {
  margin-top:-10px;
}
.btnYel {
  background-color:#fed402;
  padding:10px;
  display:inline;
}
.btnGrey {
  background-color:#fff;
  border:1px solid #ccc;
  padding:10px;
  display:inline;
}

#bottomNav {
  background-color:#fff;
  position: fixed;
  border-top:1px solid #00447c;
  border-bottom:1px solid #00447c;
  padding:19px 0px 19px 0px;
  bottom:0;
  left:0;
  margin-bottom:0px;
  width:100%;
  background-color:#fff;
}

#bottomNav li {
    margin:0px;
}

.filtersDiv {
  width:100%;
  display:inline;
  min-height:63px;
  border-left:1px solid #00447c;
  padding:20px;
}

.filterLabel {
  padding:20px;
  width:130px;
  color:#Fff;
  background-color:#00447c;
  display:inline;
}

.bottomBtn {
  display:inline;
  padding:20px;
  background-color:#fff;
  margin-left:-5px;
  border-right:1px solid #00447c;
}

.appliedFilters {
  display:inline;
  padding:20px;
  background-color:#fff;
  margin-left:-5px;
  border-left:1px solid #00447c;
}

.resetDiv {
  display:inline;
  padding:20px;
  width:100%;
  background-color:#fff;
  margin-left:-5px;
}

.resetBtn {
  background-color:#00447c;
  padding:5px 25px;
  color:#fff;
}

.resetBtn:hover {
  background-color:#0070cc;
  cursor:pointer;
}

.bottomFilterBox {
  display:inline;
  background-color:#fff;
}

.bottomBtn:hover {
  background-color:#ccdae4;
}

.newHead {
  background-color:#00447c !important;
  color:#fff;
}

.newHead tr th{
  background-color:#00447c !important;
  color:#fff;
}

.padRight {
  padding-right:65px;
}

.displayCard {
  background-color:#00447c;
  color:#fff;
  padding:15px;
  display:none;
  margin-top:15px;
}

.filterDiv {
  padding:20px;
  background-color:#fff;
  box-shadow: 0px 0px 5px grey;
  z-index:500;
  max-width:500px;
}

.filterDivDate{
  padding:20px;
  background-color:#fff;
  box-shadow: 0px 0px 5px grey;
  z-index:500;
  max-width:400px;
}

.filterDivShoot {
  padding:20px;
  background-color:#fff;
  box-shadow: 0px 0px 5px grey;
  z-index:500;
  max-width:600px;
}

.filterData {
  margin-right:5px;
}

.filterLabelName {
  color:#4A90E2;
}

.situationFilter {
  position: absolute;
  bottom: 60px;
  left: 107px;
  display:none;
  margin:0 !important;
}

.locationFilter {
  position: absolute;
  bottom: 60px;
  left: 247px;
  display:none;
  margin:0 !important;
}

.dateFilter {
  position: absolute;
  bottom: 60px;
  left: 387px;
  display:none;
  margin:0 !important;
}

.shootFilter {
  position: absolute;
  bottom: 60px;
  left: 527px;
  display:none;
  margin:0 !important;
}

.toolTipTable {
  padding:10px;
  margin:0px
  border:none;
}

.toolTipTable tr {
  border:none;
}

.toolTipTable tr td {
  border:none;
}

.tdPad {
  padding:1px 10px 1px 2px;
  color:#FED402;
  font-weight:bold;
}

.sideTable {
  padding:10px;
  margin:0px;
  background-color:#00447c;
  color:#fff;
  width:100%;
  border:none;
}

.sideTable tr td {
  background-color:#00447c !important;
  padding:5px;
  border:none;
}

.sidebarTd {
  color:#FED402;
  font-weight:bold;
  background-color:#00447c;
  border:none;
}

.sideTableHeader {
  background-color:#00447c;
  color:#fff;
  font-weight:bold;
  font-style: italic;
  text-transform:uppercase;
  border:none;
}

ul.monthMenu li {
  display:inline;
}

.monthMenu {
  margin-left:0px !important;
}

.monthBtn {
  border:1px solid #4A90E2;
  padding:4px;
  border-radius:5px;
  color:#00447c;
}

.monthBtn:hover {
  background-color:#4A90E2;
  border:1px solid #00447c;
  color:#fff;
  cursor:pointer;
}

.monthActive {
  background-color:#65a1e6 !important;
  color:#fff;
}

.padFix {
  margin-left:1px !important;
  margin-top:5px;
}

.mapContain {
  min-height:750px !important;
  padding-top:15px;
}

.bottomBtn, .filterData {
  cursor:pointer;
}

.maxWidth {
  max-width:600px !important;
}

.maxWidthSlim {
  max-width:500px !important;
}

.col-md-9 {
  padding:2px !important;
  flex-shrink: 1;
  transition: all 400ms ease;
  width: 0;
}

.col-md-12 {
  flex-grow: 1;
  transition: all 400ms ease;
}


.sidebarNavBtn {
  font-size:20px;
  color:#9c9595;
  font-stretch: expanded;
  cursor:pointer;
  display:none;
}

.sidebarNavBtnDesk {
  font-size:20px;
  color:#9c9595;
  font-stretch: expanded;
  cursor:pointer;
  display:block;
}
.mobileFilterBtn {
  display:none;
}

.mobileTableContain {
  border:1px solid #ccc;
  padding:5px;
  margin:5px;
}

@media screen and (max-width: 1024px){
  body {
    overflow-x:hidden;
  }
  .row {
    margin-left:0px;
    margin-right:0px;
  }
  #bottomNav {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    z-index: 1001; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
  }
  .bottomBtn {
    display:block;
    text-align:center;
    padding:30px;
  }
  .filterLabel {
    display:none;
  }
  .filterDiv{
    padding:5px;
    box-shadow: 0px 0px 0px #fff;
  }
  .filterDivDate {
    padding:5px;
    box-shadow: 0px 0px 0px #fff;
    max-width:auto;
  }
  .filterDivShoot {
    padding:5px;
    box-shadow: 0px 0px 0px #fff;
    max-width:auto;
  }
  .situationFilter{
    position:relative;
    bottom:auto;
    left:auto;
    max-width:auto;
  }
  .locationFilter{
    position:relative;
    bottom:auto;
    left:auto;
  }
  .dateFilter{
    position:relative;
    bottom:auto;
    left:auto;
  }
  .shootFilter{
    position:relative;
    bottom:auto;
    left:auto;
  }
  .resetDiv{
    display:block;
    text-align:center;
  }
  .sidebarNavBtn {
    display:block;
  }
  .sidebarNavBtnDesk {
    display:none;
  }
  .sidenav {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
  }
  .mobileFilterBtn {
    position: fixed;
    display:block;
    bottom: 0;
    left: 0;
    z-index:1002;
    padding:30px;
    font-size:16px;
    font-weight:bold;
    width:100%;
    color:#fff;
    text-align:center;
    background-color:#00447c;
  }
  .situationFilterContent {
    padding:5px;
  }
  .locationContent {
    padding:5px;
  }
  .dateContent {
    padding:5px;
  }
  .shooterContent{
    padding:5px;
  }

  .appliedFilters {
    display:none;
  }
  .filtersDiv {
    display:none;
  }
  .tableDisplay {
    display:none;
  }
}
/* modal css */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}
/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}
/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.modal-header {
  padding: 2px 16px;
  background-color: #00447c;
  color: white;
}
.modal-body {padding: 2px 16px;}
.modal-footer {
  padding: 2px 16px;
  background-color: #00447c;
  color: white;
}
.modal-title {
  color:#fff !important;
}
.preForm {
  padding-top:15px;
}
.submitDownloadData {
  margin-top:15px;
}
.formSubmit {
  display:none;
}
.dataBtn {
  color: #fff;
  border-color: #00447c;
  background-color: #00447c;
  border-radius: 0px;
  padding-top: 15px;
  padding-right: 25px;
  padding-bottom: 15px;
  padding-left: 25px;
}
.dataBtn:hover {
  background-color: #005499;
  color: #fff;
}
.downloadCol {
  padding-top:15px;
}