@charset "utf-8";
/* CSS Document */
body
		{
			font-family: din;
		}
	.notes li
	{
		padding: 5px 0;
		
	}
	.links li
	{
		padding: 5px 0;
		font-family: din;
		font-size: 15px;
		font-weight: bold;
		
		
	}
	.din
	{
		font-family: din;
	}
	td
	{
		text-align: center;
		direction: rtl
	}
	
	
	.top_note
	{
		font-size: 13px;
		font-family: din;
		color: #484848;
		/* margin: 0 0 20px 0; */
		padding: 4px;
		font-weight: bold;
		border: 1px solid #d6d6d6;
		background: rgba(237,237,237,1);
		background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(53%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
		background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );
	}
	
	@media (max-width: 900px) {

		.dark-head 
		{
			margin-bottom: 30px !important;
			height: auto !important;
		}
		.stats-div 
		{
			padding: 2% !important;
			display: inline-block !important;
			width: 43% !important;
		}
		.stats-div1 
		{
			padding: 2% !important;
			display: inline-block !important;
			width: 100% !important;
		}
		.all-stats 
		{
			display: block !important;
		}
		
		.top_note 
		{
   			 font-size: 14px !important;
		}
		.title-extra
		{
			display: none;
		}
		.site-title-div a ,.site-title-div a:visited
		{
			font-size: 28px !important;
			font-weight: bold;
			padding: 30px 0 10px 0 !important;
			text-decoration: none !important;
		}
		.top-menu li{
			    padding: 2px 10px 5px !important;
		}
		.menu_cont
		{
			display: block !important;
			min-width: auto !important;
			height: 90px !important;
		}
		.menu_cont_l
		{
			display: none !important;
		}
		.menu_cont_r
		{
			float:none !important;
		}
		.site-title-div a, .site-title-div a:visited {
			display: block !important;
			font-size: 28px !important;
			padding: 30px 0 10px 0 !important;
		}
		.site-title-div {
			padding: 20px 0 0 !important;
		}
		
		.top-menu {
			padding: 5px 0 8px !important;
			display: block !important;
			margin: 0;
		}
		.stat-head-div {
   			font-size: 18px!important;
		}
		.stat-number-div.counter {
			padding: 5px 0 10px;
			font-size: 35px!important;
		}
		.stats_note {
			padding: 20px !important;
			background: #fff;
			border-radius: 10px;
			width: 80%;
			margin-top: 10px;
			color: #000 !important;
		}
		.tbl3cols {
			display: inline-block !important;
		}
		
	}

	/* ////////////////// */

	.svg,#doughnut-chart {
		width:400px;
	}
	.tooltip {
		font-family: tahoma !important;
		font-size: 12px;
	}
	.footer_page_cont {
		border-top: 2px solid #999;
		text-align: center;
		padding: 15px;
		margin: auto;
		background: #222;
		color: #bbb;
		font-size: 13px;
	}
	.footer_page  {
		max-width: 1000px;
   		display: inline-block;
	}
	.footer_page a, .footer_page a:visited {
		color: #fff;
		text-decoration: none;
	}
	.footer_page a:hover {
		color: #f7ffb5;
		text-decoration: none;
	}
	.footer_page li {
		display: inline-block;
		margin: 0 15px;
	}
	.dark-head 
	{
		background-color: #222;
		margin-bottom: 250px;
    	height: 320px;
	}
	.stats_note {
		font-size: 14px;
		text-align: justify;
		font-weight: bold;
		padding: 0 20px;
		color: #888;
	}
	.stats_note span {
		font-size: 22px;
		line-height: 20px;
		vertical-align: middle;
	}
	.menu_cont
	{
		min-width: 1000px;
		display: inline-block;
	}
	.menu_cont_r
	{
		float: right;
	}
	.menu_cont_l
	{
		float: left;
	}
	.site-title-div
	{
	    padding: 45px 0 0;
	}
	.logo_cont {
		position: relative;
	}
	.logo_area {
		position: absolute;
		left: calc(50% - 55px) !important;
		top: -70px;
		background: #fff;
		padding: 10px;
		border-radius: 50%;
		border: 15px solid #000;
	}
	.site-title-div a ,.site-title-div a:visited
	{
		font-size: 38px;
		font-weight: bold;
		padding: 10px;
		text-decoration: none;
	}
	.header-div 
	{
   		max-width: 1000px;
	}
	.logo 
	{
		vertical-align: middle;
		height: 70px;
		width: 70px;
		
	}
	.top-menu 
	{
		background: #000;
		padding: 5px 0 8px;
		display: block;
		margin: 0;
	}
	.top-menu ul 
	{
		margin: 15px 0;
		padding: 0 15px;
	}
	.top-menu li 
	{
		display: inline-block;
		padding: 2px 15px 5px;
		border-left: 2px solid #484646;
	}
	.top-menu li:hover 
	{
		background: #222;
		cursor: pointer;
	}
	.top-menu li:last-child 
	{
		border-left: 0;
	}
	.top-menu li a 
	{
		color: #fff;
		font-weight: bold;
		font-size: 18px;
		text-decoration: none;
	}
	.site-title-div a, .site-title-div a:visited 
	{
		color: #ffffff;
	}
	.stats-div 
	{
		padding: 20px;
		display: inline-block;
		width: 25%;
	}
	.stats-div1 
	{
		padding: 20px;
		display: inline-block;
		width: 50%;
	}
	.stat-div ,.stat-div1
	{
		background: #fff;
		border-radius: 10px;
		border: 1px solid #a9a9a9;
 		box-shadow: 0px 0px 8px #0000005c;
	}
	.all-stats 
	{
		display: flex;
		
	}
	.stat-head-div 
	{
		background: #000;
		padding: 10px 0;
		color: #fff;
		font-size: 22px;
		font-weight: bold;
		border-radius: 9px 9px 0 0;
	}
	.stat-number-div,.stat-number-div a,.stat-number-div a:visited
	{
		font-size: 50px;
		font-weight: bold;
		color: #000;
		height: 117px;
	}
	.stat-number-div a:hover
	{
		padding: 5px 0 10px;
   		font-size: 50px;
		font-weight: bold;
		color:#333;
		text-decoration:none;
	}
	.stat-sep-div 
	{
		background: #ddd;
		padding: 5px 0 8px;
		font-weight: bold;
		color: #444;
	}
	.stat-sub-number-div 
	{
		font-size: 24px;
		font-weight: bold;
		color: #555;
		padding: 5px;
	} 
	.blackdiv 
	{
		background: rgba(0,0,0,1);
		background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(64,64,64,1) 24%, rgba(33,33,33,1) 27%, rgba(0,0,0,1) 65%, rgba(0,0,0,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(24%, rgba(64,64,64,1)), color-stop(27%, rgba(33,33,33,1)), color-stop(65%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(64,64,64,1) 24%, rgba(33,33,33,1) 27%, rgba(0,0,0,1) 65%, rgba(0,0,0,1) 100%);
		background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(64,64,64,1) 24%, rgba(33,33,33,1) 27%, rgba(0,0,0,1) 65%, rgba(0,0,0,1) 100%);
		background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(64,64,64,1) 24%, rgba(33,33,33,1) 27%, rgba(0,0,0,1) 65%, rgba(0,0,0,1) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(64,64,64,1) 24%, rgba(33,33,33,1) 27%, rgba(0,0,0,1) 65%, rgba(0,0,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
		border-bottom: 2px solid #fff;
		box-shadow: 0px 3px 8px #22222285;
	}
	.reddiv 
	{
		border-bottom: 2px solid #fff;
		box-shadow: 0px 3px 8px #22222285;
		background: rgba(179,27,0,1);
		background: -moz-linear-gradient(top, rgba(179,27,0,1) 0%, rgba(173,51,35,1) 24%, rgba(153,27,11,1) 27%, rgba(158,29,17,1) 59%, rgba(201,46,32,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179,27,0,1)), color-stop(24%, rgba(173,51,35,1)), color-stop(27%, rgba(153,27,11,1)), color-stop(59%, rgba(158,29,17,1)), color-stop(100%, rgba(201,46,32,1)));
		background: -webkit-linear-gradient(top, rgba(179,27,0,1) 0%, rgba(173,51,35,1) 24%, rgba(153,27,11,1) 27%, rgba(158,29,17,1) 59%, rgba(201,46,32,1) 100%);
		background: -o-linear-gradient(top, rgba(179,27,0,1) 0%, rgba(173,51,35,1) 24%, rgba(153,27,11,1) 27%, rgba(158,29,17,1) 59%, rgba(201,46,32,1) 100%);
		background: -ms-linear-gradient(top, rgba(179,27,0,1) 0%, rgba(173,51,35,1) 24%, rgba(153,27,11,1) 27%, rgba(158,29,17,1) 59%, rgba(201,46,32,1) 100%);
		background: linear-gradient(to bottom, rgba(179,27,0,1) 0%, rgba(173,51,35,1) 24%, rgba(153,27,11,1) 27%, rgba(158,29,17,1) 59%, rgba(201,46,32,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b31b00', endColorstr='#c92e20', GradientType=0 );
	}
	.graydiv 
	{
		background: rgba(240,240,240,1);
		background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(219,219,219,1) 8%, rgba(219,219,219,1) 26%, rgba(201,201,201,1) 28%, rgba(235,235,235,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,240,240,1)), color-stop(8%, rgba(219,219,219,1)), color-stop(26%, rgba(219,219,219,1)), color-stop(28%, rgba(201,201,201,1)), color-stop(100%, rgba(235,235,235,1)));
		background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(219,219,219,1) 8%, rgba(219,219,219,1) 26%, rgba(201,201,201,1) 28%, rgba(235,235,235,1) 100%);
		background: -o-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(219,219,219,1) 8%, rgba(219,219,219,1) 26%, rgba(201,201,201,1) 28%, rgba(235,235,235,1) 100%);
		background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(219,219,219,1) 8%, rgba(219,219,219,1) 26%, rgba(201,201,201,1) 28%, rgba(235,235,235,1) 100%);
		background: linear-gradient(to bottom, rgba(240,240,240,1) 0%, rgba(219,219,219,1) 8%, rgba(219,219,219,1) 26%, rgba(201,201,201,1) 28%, rgba(235,235,235,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ebebeb', GradientType=0 );
		color: #404040;
		border-bottom: 2px solid #fff;
		box-shadow: 0px 3px 8px #22222285;
	}
	.greendiv 
	{
		border-bottom: 2px solid #fff;
		box-shadow: 0px 3px 8px #22222285;
		background: rgba(9,179,0,1);
		background: -moz-linear-gradient(top, rgba(9,179,0,1) 0%, rgba(81,171,36,1) 24%, rgba(31,153,12,1) 27%, rgba(52,156,17,1) 59%, rgba(113,199,32,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(9,179,0,1)), color-stop(24%, rgba(81,171,36,1)), color-stop(27%, rgba(31,153,12,1)), color-stop(59%, rgba(52,156,17,1)), color-stop(100%, rgba(113,199,32,1)));
		background: -webkit-linear-gradient(top, rgba(9,179,0,1) 0%, rgba(81,171,36,1) 24%, rgba(31,153,12,1) 27%, rgba(52,156,17,1) 59%, rgba(113,199,32,1) 100%);
		background: -o-linear-gradient(top, rgba(9,179,0,1) 0%, rgba(81,171,36,1) 24%, rgba(31,153,12,1) 27%, rgba(52,156,17,1) 59%, rgba(113,199,32,1) 100%);
		background: -ms-linear-gradient(top, rgba(9,179,0,1) 0%, rgba(81,171,36,1) 24%, rgba(31,153,12,1) 27%, rgba(52,156,17,1) 59%, rgba(113,199,32,1) 100%);
		background: linear-gradient(to bottom, rgba(9,179,0,1) 0%, rgba(81,171,36,1) 24%, rgba(31,153,12,1) 27%, rgba(52,156,17,1) 59%, rgba(113,199,32,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09b300', endColorstr='#71c720', GradientType=0 );
	}


@media (max-width: 768px) {
 
.right-col {
    display: block !important;
    width: 100% !important;
    margin-left: 10px !important;
}
	.left-col
	{
		display: none !important;
	}
	.footer
	{
		width: auto !important;
	}
	.total
	{
		display: block !important; 
    	width: 100% !important;
	}
	.upd-cont
	{
		width: 100% !important;
		display: block !important;
		margin: 0 !important;
	}
	.flex
	{
		display: block !important;
	}
	.total_cont {
    display: inline-block;
    min-width: 100% !important;
	}
} 
.total_cont {
    display: inline-block;
    min-width: 33%;
}
.menu 
{
	margin: 5px 20px; 

	display:inline-block;
}

.flex
{
	display: flex;
}
.upd-cont
{
	display: inline-block;width: 70%;
}
	.right-col
	{
		display: inline-block;width: 68%;   margin-left: 10px;
	}
	.left-col
	{
		display: inline-block;vertical-align: top;padding-top: 80px;width: 295px;
	}


	@font-face {
  font-family: 'din';
  src: url('./fonts/DIN.otf');
  font-weight: normal;
  font-style: normal;

}
		
	.total_block
		{
			background: #fff;
			margin: 10px;
			border-radius: 10px;
			padding: 10px;
			height: 160px;
			overflow: initial;
		}
.update,.roundbox
		{
			background: #fff;
			margin: 20px 10px;
			border-radius: 10px;
			padding: 10px;
			
		}

	.uhead
		{
			font-size: 18px;
			font-weight: bold;
			border-bottom: 1px solid #ccc;
			margin-bottom: 5px;
			padding: 5px
		}
		.ubody
		{
			padding: 5px;
			font-size: 13px;
			font-family: tahoma;
			color: #747474;
			text-align: justify;

		}

.cell
	{
		display: table-cell;
		text-align: center;
		margin: 5%;
		width: 48%
	}
		.page_title
		{
			font-size: 38px;
			font-weight: bold;
			padding: 30px 0 10px 0;
			color: #1A1A1A;
			text-decoration: none;
		}
		.page_desc
		{
			font-size: 13px;
			font-family: tahoma;
			color: #747474;
			margin: 0 0 20px 0;
		}
		.totals
		{
			display: table;
			width: 100%;
			height: 170px;
		}
		.total
		{
			display: table-cell;
			width: 33%;
			text-align: center;
			    overflow: initial;
			
		}
		.highlight
		{
			font-size: 42px;
			font-weight: bold;
		}
.highlight2
		{
			font-size: 35px;
			font-weight: bold;
		}
.note
		{
			font-size: 14px;
			font-weight: normal;
			color: gray;
		}

		.footer
		{
			border-top: 2px solid #999;
			text-align: center;
			padding: 15px;
			font-size: 11px;
			margin: auto;
		}
		.ufooter
		{
			margin-top: 15px;
			border-top: 1px dashed #dfdfdf;
			padding: 5px;
			text-align: left
		}
		a, a:visited
		{
			color: #0067B1;
		}
		a:hover, a:focus
		{
			color: #004F88;
		}
		.updates_title
		{
			font-size: 22px;
			font-weight: bold;
			padding: 25px 10px 5px;
			
		}
		.Blink {
			color: #AA0002;
			font-size: 15px;
  animation: blinker 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
}
@keyframes blinker {  
  from { opacity: 1; }
  to { opacity: 0; }
}

.men {
    border: #cdcdcd 1px solid;
    background-color: #ececec;
    padding: 10px;
    font-family: din;
    font-size: 15px;
}
.men a ,.men a:visited,.men2 a ,.men2 a:visited{
  margin: 0 10px;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    color: #308aca;
}
.men a:hover,.men2 a:hover{
    text-decoration: underline;
    color: #1A6296;
}
.men2 {
    border: #4888ca 1px solid;
    background-color: #daeff7;
    padding: 10px;
    font-family: din;
    font-size: 15px;
}
.men4 a ,.men4 a:visited{
  margin: 0 10px;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    color: #808080;
}

.men4 {
    border: #b3b3b3 1px solid;
    background-color: #eaeaea;
    padding: 10px;
    font-family: din;
    font-size: 15px;
}

.men5 a:hover{
    text-decoration: underline;
    color: #930561;
}
.men5 a ,.men5 a:visited{
     margin: 0 10px;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    color: #930561;
}
.men5 {
    border: #930554 1px solid;
    background-color: #e3c5ff;
    padding: 10px;
    font-family: din;
    font-size: 15px;
}
.men4 {
    border: #b3b3b3 1px solid;
    background-color: #eaeaea;
    padding: 10px;
    font-family: din;
    font-size: 15px;
}

.newcases td
{
	background-color: #ffe1bc !important;
}
.deadcases td
{
	background-color: #ffb2b2 !important;
}
.men3 {
    border: #930507 1px solid;
    background-color: #FDABAB;
    padding: 10px;
    font-family: din;
    font-size: 15px;
}
.men3 a:hover{
    text-decoration: underline;
    color: #930507;
}
.men3 a ,.men3 a:visited{
  margin: 0 10px;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    color: #930507;
}
.border {
    border: 2px solid red;
}
 .time_today {
    background: #2279c3;
    color: white;
    padding: 2px 10px;
    border-radius: 7px;
}