minder_style.css

/*------------------------------------------------*/
/*-------------------COVID Minder-----------------*/
/*------------------------------------------------*/
.map-title {
    width: 80%;
    z-index: 10;
    position: absolute;
    left: 50%;
    top: 10px;
    transform: translateX(-50%);
}

.NY_case_plots {
  height: Calc(90% - 65px);
}



.select-bar {
  position:absolute;
  right:25px;
  margin-top: 60px;
  z-index: 999;
}

.leaflet-container {
  background:none;
}

.dropdown-toggle > div:first-child {
  display: inline-block;
}



.leaflet-top {
  z-index: 999;
}

.shiny-options-group {
  padding-left:10px;
}

.content-wrapper{
  background-color: #f0f0f0;
}

.content{
  background-color: #f5f5f5;
  padding: 0;
}

.tab-content {
    min-height: 75vh;
    padding-right: 1%;
    width: 100%;
    background-color: #f0f0f0;
    float: right;

  }

@media screen and (min-width:768px){
.map-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

}

@media screen and (min-width:1085px){
  .navbar-nav {
  float: right;
}

.content-wrapper{
  padding-top: 90px;
}

}

@media screen and (min-width:1600px) {
  html, body, p, .input-sm {
  font-size: 16px;
}
.main-header{
  position: fixed;
}
.content-wrapper{
  padding-top: 90px;
}
}


@media screen and (max-width:1160px){
  .title-text {
    /*height: 50px;*/
  }
  .NY_case_plots {
  height: Calc(90% - 140px);
}
.main-header{
  position: fixed; 
}
.content-wrapper{
  padding-top: 90px;
}

}


@media (max-width: 767px){
.skin-black .main-header>.logo {
  background-color: #f7f7f7;
  height:10vh;
  
}
#header_logo {
    width: 10%;
    display: inline;
    vertical-align: middle;
}


.main-header {
    position: fixed;
    padding-top: 15px;
    /* padding-bottom: 11px; */
    width: 100%;
    /* padding-right: 2%; */
    background: #f7f7f7;
}

.title-text{
  text-align:center;
}



.main-header .sidebar-toggle {
    float: left;
    background-color: transparent;
    background-image: none;
    padding: 4px 15px;
 float: left;
    margin-top: -60px;
    margin-left: 15px;
    background: #f7f7f7;
    padding-left: 5px;
    padding-bottom: 0;
}

.main-header .sidebar-toggle {
padding-top: 6px !important;

}

.title-rside{
  display: none;
}

.main-header .navbar{
  min-height: 0;
}

h1{
  line-height: 2.5em;
}

#lastupdate{
    display: table;
    vertical-align: middle;
    float: left;
    margin-top: 0;
    margin-left: 3%;
  
}

#title{
  display:table;
  vertical-align:middle;
  line-height: 2.5em;
  margin-bottom: 0;
      margin-left: 3%;

  margin-right: 21px;
}


}