body,html {
    height:100%;
    width:100%;
    overflow-x:hidden;
	    background: #eaeaea;
}
.container-fluid{
    padding:0px;
    height:100%;
}
section{
    margin:2px;
    padding:2px;
}
.header{
    background-image:url('../images/covidbannerblue.jpg');
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    color:#fff;
    margin:0px;
	padding:10px;
}
.headerrow{
    align-items:center;
}
.quickfacts{
    margin-top:10px;
}
.quickfactheading{
    text-transform:uppercase;
    padding:5px;
}
.graphheading{
text-transform: uppercase;
    margin-bottom: 30px;
    font-weight: 700;
    /* background: #ffffff; */
    padding: 10px;
    border-bottom: 1px solid #bbbbbb;
    text-align: center;
}
footer{
margin: 50px 10px 10px 10px;
    font-size: 14px;
    color: #ffffff;
    padding: 10px;
    background: #01265d;
}
/*.mapsection{
    background: #f9f9f9;
}*/
.mapsection, .chartssection{
    margin:0px 0px;
    padding:10px 0px;
}

.quickdatacontainer{
        display: flex;
    flex-direction: row;
    align-items: flex-end;
}
.bigdata{
    font-size: 3rem;
    margin: 0px 10px;
    font-weight: 600;
    color: #fff;
    border-right: 1px solid;
    padding-right: 5px;
    min-width: 35%;
    text-align: center;
    text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.28);
}
.datadesc{
font-size: 14px;
    color: #000;
    margin-bottom:12px;
    font-weight: 600;
        padding-right: 5px;
}
.card-body {
    padding: 0.61rem;
}
.orange{
color:#ff6c16;
}
.green{
    color:#3caf5f;
}
.gray{
color:#777777;
}
.logo{
    font-family: 'Roboto Condensed', sans-serif;
    font-size:14px;
}
.logocontainer{
    margin-left:20px;
    display: flex;
    align-items: center;
}
.emblem{
    margin-right:10px;
}
.logo span {
    display: block;
    text-transform: uppercase;
    height: 16px;
}



/*Media Queries*/
@media screen and (max-width:910px){
    .logo{
        font-size:12px;
    }
}
@media screen and (max-width:991px){
    .mapsection .card{
        margin:10px 0px;
    }
}
@media screen and (max-width:767px){
    .card{
        margin:10px 0px;
    }
    .title{
        text-align:center !important;
    }

    #LatLong {
            bottom: 50px;
            left: 20px;
            right: unset;

        }

        #MapScaleDiv {
bottom: 24px;
    left: 20px;
    right: unset;
        }



}




/*FROM OLD APPLICATION*/
        table thead tr {
            background-color: #4c5e9e;
            color: #fff;
			font-size: 12px;
        }

        table.dataTable tbody tr td {
            font-size: 11px !important;
            padding: 6px !important;
            text-transform: uppercase;
        }

        table.dataTable tbody tr:hover {
            background-color: #e6ffb5 !important;
        }

        table.dataTable tbody tr.selected {
            background-color: #e6ffb5 !important;
        }
        .backbtn {
            background: #da004b;
            border: none;
            color: #fff;
			margin-left: 4px;
            /* border-radius: 6px;
            padding: 2px 10px;
            margin: 5px;
            cursor: pointer; */
        }

            .backbtn:hover {
                background: #171838;
            }


.red {
    color: #e61717;
}
            .stdata{
                font-size: 1.3rem;
    margin: 10px 0px 10px;
    font-weight: 600;
    color: #fff;
background: rgb(105, 13, 144);
    background: linear-gradient(90deg, rgb(105, 13, 144) 0%, rgba(66,90,184,1) 100%);
padding:10px;
text-decoration:none;
            }


            table.dataTable{
                font-family: 'Roboto', sans-serif;
                border:1px solid #eaeaea !important;
                border-top:0px !important;
                width:97% !important;
            }
            table.dataTable td{
                border:1px solid #eaeaea !important;
            }
                table.dataTable tfoot th, table.dataTable tfoot td {
                    padding: 5px;
                    border:1px solid #eaeaea !important;
                }
                table.dataTable th {
                    padding: 5px;
                    border:1px solid #eaeaea !important;
                }


                #legend{
                    font-size: 0.8rem;
    width: 100% !important;
   /*bottom: 50px !important; */
    border-radius:2px;
    top: 0px;
    height: 35px;
    left: 0px !important;
    position: absolute;
    z-index: 99;
    font-weight: 600;
    background-color: rgba(123, 123, 123, 0.98) !important;
    padding: 5px !important;
    color: white;
    display: block;
                }
table.dataTable thead th, table.dataTable thead td {
    padding: 5px;
    /* border-bottom: 1px solid #111; */
}
/*.card {   
    border: 2px solid rgba(0, 0, 0, 0.41);
}*/


.orangegrad{
    background: rgb(255,233,84);
background: linear-gradient(90deg, rgba(255,233,84,1) 0%, rgba(255,147,93,1) 100%);
}
.greengrad{
    background: rgb(84,255,167);
background: linear-gradient(90deg, rgba(84,255,167,1) 0%, rgba(32,180,96,1) 100%);
}
.greygrad{
    background: rgb(204,204,204);
background: linear-gradient(90deg, rgba(204,204,204,1) 0%, rgba(164,164,164,1) 100%);
}
.redgrad{
    background: rgb(255,100,100);
background: linear-gradient(90deg, rgba(255,100,100,1) 0%, rgba(235,65,65,1) 100%);
}
.no-padding{
    padding:0px;
}

.orangehead{
        background: #ff985d;
    color: #fff;
}
.greenhead{
        color: #fff;
    background: #22b763;
}
.greyhead{
    color: #fff;
    background: #a5a5a5;
}
.redhead{
        color: #fff;
    background: #ec4343;
}

.datasection{
    height:calc(100% - 0px);
    background-color:#fff;
}
#mdlrow{
    height:100%;
    width: 100%;
    margin: 0px;
}
.col{
    padding: 0px;
}
.hide_column {
    display : none;
}
.toc-parent{
	position: absolute;
    z-index: 1;
    bottom: auto;
    top: 14%;
    right: 25px;
    width: 170px;
}