body { 
	background-color: #FFFFFF;
	overflow-y: auto;
}

.container {
	margin: 0 auto;
	max-width: 700px;
	width: 700px;
}

#g2map {
	background: transparent;
}

#g2map path {
	touch-action: manipulation ! important;
}

#g2map path.selected {
	fill: #34CDFF;
}

#g2map .label-map {
	background: none;
	font-size: 11px;
	border: none;
	box-shadow: none;
}

#g2map .label-map-none {
	display: none ! important;
}

#movil-info {
	position: static ! important;
}

#movil-summary #summary-content {
    width: calc(100% - 42px) ! important;
}

#movil-summary {
	box-shadow: none;
	border: 1px solid #CCC;
}

#info-flag {
	cursor: pointer;
}

#div-statistics {
	margin: 0 30px;
	border: 1px solid #CCC;
	border-top: none;
}

#div-doughnut {
	margin-right: 15px;
}

#div-lines {
	width: calc(100% - 215px);
}

#cities {
	margin-top: 10px;
	padding: 0 30px;
	box-sizing: border-box;
}

#cities table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 5px;
}

#cities table tbody tr:not(.selected):hover td {
	background-color: #F5F5F5;
}

#cities th  {
	font-size: 10px;
	text-align: center;
	padding: 10px 0;
	font-weight: bold;
}

#cities td  {
	font-size: 11px;
	padding: 7px 0;
	background-color: transparent;
	transition: background-color 0.5s;
}

#cities td:not(:first-child)  {
	text-align: right;
}

#cities th:nth-child(7n + 2), #cities td:nth-child(7n + 2)  {
	color: var(--infected-color);
}

#cities th:nth-child(7n + 3), #cities td:nth-child(7n + 3), 
	#cities th:nth-child(7n + 6), #cities td:nth-child(7n + 6) {
	color: var(--dead-color);
}

#cities th:nth-child(7n + 4), #cities td:nth-child(7n + 4),
	#cities th:nth-child(7n), #cities td:nth-child(7n) {
	color: var(--recovered-color);
}

#cities th:nth-child(7n + 5), #cities td:nth-child(7n + 5)  {
	color: var(--sick-color);
}

#cities td:nth-child(7n + 1)  {
	padding-left: 10.5px;
	/*border-top-left-radius: 10.5px;
	border-bottom-left-radius: 10.5px;*/
}

#cities td:nth-child(7n)  {
	padding-right: 10.5px;
	/*border-top-right-radius: 10.5px;
	border-bottom-right-radius: 10.5px;*/
}

#cities tr.selected td {
	background-color: #F4F4F4;
}

#cities tbody tr:first-child td {
	border-top: 1px solid #CCC;
}

#cities tbody tr:not(:last-child) td {
	border-bottom: 1px solid #CCC;
}

#info-country {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

@media (max-width: 600px) {
	.container {
		width: 100%;
		max-width: 100%;
	}
	
	.porc {
		display: none;
	}
	
	#cities {
		padding: 0 10px;
	}
	
	#cities td:nth-child(7n + 5) {
		padding-right: 7px;
	}
	
	#cities tbody tr td:first-child {
		border-radius: 0;
	}
	
	#cities th:nth-child(7n + 6), #cities th:nth-child(7n),
		#cities td:nth-child(7n + 6), #cities td:nth-child(7n) {
		display: none;
	}
	
	#cities th:nth-child(7n + 2), #cities th:nth-child(7n + 3), #cities th:nth-child(7n + 4), #cities th:nth-child(7n + 5) {
		width: 75px;
	}
	
	#div-doughnut {
		display: none;
	}
	
	#div-lines {
		width: 100%;
	}
	
	#movil-summary {
		padding: 10px 20px;
	}
	
	#movil-info #movil-summary p {
		width: calc(25% - 18.75px) ! important;
	}
	
	.cover {
		width: 100%;
	}
	
	#movil-info .info {
		margin-left: 23px;
	}
	
	#div-statistics {
		margin: 0 22px;
	}
}

@media (max-width: 450px) {
	#movil-summary p span {
		font-size: 14px;
	}
	
	#movil-summary p strong {
		font-size: 10px;
	}
}