.body {
    background-color: #F5F6FA;
}

.main{

min-height: 900px;
max-width: 1600px;
}

.search-container{
    display: flex;
    align-items: center;
}

.map-container{
    height: 500px;
    margin-top: 15px;
   
}

#map{
    height: 500px;
    border-radius: 10px;
}

.chart-container .col{
    background-color: #eff2f6;
    height: 300px;
    border-radius: 10px;
    margin-left: 0;
    margin-right: 0;
}

.header-container{
    padding-top: 20px;
    padding-bottom: 20px;
}

.linear-chart{
    height: 100%;
}
.title-container h1{
    color: #fc3c3c;
    margin-bottom: 0px;
}
.title-container h4{
    text-transform: uppercase;
    color: #cacbcf;
}

.stats-container .card{
    background-color: white;
    border-radius: 12px;
    box-shadow: 0 0 8px -4px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    cursor: pointer;
}

.stats-container .card-body{
    padding: 1em;
}


.stats-container .card-title{
   color: #695d5c;
   font-weight: 400;
}

.stats-container .card-subtitle{
    font-weight: 600;
 }

.stats-container .total{
    font-size: 0.85rem;
}


.side-panel-container{
    width: 700px;
    background-color: white;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    box-shadow: 0 0 8px -4px rgba(0,0,0,0.5);
}

.cases-table-container h4{
    display: flex;
    justify-content: center;
    color:  #fb4443;
}

.total-number{
    color: #1d2c4d;
}

.active-number{
    color: #9d80fe
}

.recovered-number{
    color:  #7dd71d;
}

.deaths-number{
color:  #fb4443;
}

.cases-table-container{
    
    max-height: 1355px;
    width: 100%;
    overflow-y: scroll;
}

.chart-container{
    margin-left: 1px;
    margin-right: 0px;
}

.tab-selection{
    height: 10px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: all 0.2s ease-in-out;
}


.card.active > .tab-selection {
    opacity: 1;
}


.card:hover > .tab-selection {
    opacity: 1;

}


 .cases .tab-selection{
    background-color:#1d2c4d ;
 }

.activec .tab-selection{
     background-color:#9d80fe;
   }

.recovered .tab-selection{
    background-color:#7dd71d;
  }

.deaths .tab-selection{
    background-color:#fb4443;
  }