@font-face {
	font-family: "clock-font";
	src: url("./corner_font.ttf");
}

#jsclock {
	font-size: 24px;
	font-family: clock-font;
	border: 1px solid #000000;
	border-radius: 5px;
	padding: 0px 6px 3px 5px;
	font-weight: bold;
	width: fit-content;
}

.user_jsclock_colour_change {
	margin-top: 5px;
}

.user_jsclock_colour_change table {
	padding: 1px;
	border-collapse: separate;
	border-spacing: 1px;
}

.color_palette_placeholder table tbody tr td {
	padding: 0px;
}


#jsclock span {
	padding: 0 .15em;
}

.jsclockrhombus {
	max-width: 10px;
	padding: 0px;
	max-height: 11px;
	font-weight: bold;
	font-size: 12px;
	background: transparent;
	border: none;
	margin-right: -3px;
}

@media (max-width: 700px)
{
	.jsclockrhombus{
		margin-top: 5px;
	}
	.jsclockinput{
		margin-top: 5px;
	}
}