.logon {
	text-align: center;
}
.logon .clocks {
	min-height: 50px;
	margin-bottom: 20px;
}
.logon #clock_country_1,
.logon #clock_country_2,
.logon #clock_country_3,
.logon #clock_country_4,
.logon #clock_country_5,
.logon #clock_country_6,
.logon #clock_country_7,
.logon #clock_country_8 ,
.logon #clock_country_9,
.logon #clock_country_10 {
	margin: 10px;
	margin-bottom: 0;
}
.logon .clockname {
	width: 70px;
	margin: 5px;
	display: inline-block;
	margin-bottom: 20px;
	color: #999;
	vertical-align: top;
}
.logon a {
	color: #333;
	text-decoration: none;
	font-weight: 500;
}

.logon a:hover {
	color: var(--color_bg_dark);
}
.margin-bottom-30 {
	margin-bottom: 30px;
}
.logon .input-area {
	width: 20%;
	margin: auto;
}