@import url(/font/style.css);

html, body {
	position: relative;
	width: 100%;
	height: 100%;
}

body {
	color: #777;
	background-color: #0da6ec;
	margin: 0;
	box-sizing: border-box;
}

.title-large, .title {
	font-weight: 800;
	color: #0080e4;
}

hr {
	border: 0;
	border-bottom: solid 1px lightgray;
	margin: 1em 0;
}

.block-title {
	margin-top: 15px;
}

.picker-column {
	font-size: 15px !important;
}

.bold .item-title {
	font-weight: bold;
}

:root {
  --f7-page-content-extra-padding-top: 0px !important;
	--f7-page-content-extra-padding-bottom: 0px;
	--f7-block-title-medium-text-color: #555;
	--f7-block-title-color: #555;
	--f7-list-item-title-white-space: normal;
	--f7-button-font-weight: bold;
	--f7-button-small-font-weight: bold;
}

.toolbar .link > span {
	margin-top: 3px;
}

.toolbar .link i + span {
	margin-left: 1px;
}

.welcomescreen-title {
	font-size: 1.4rem;
	font-weight: bold;
}

.blinking {
	animation: blinkingText 0.8s infinite;
}

@keyframes blinkingText {
	0% {
		color: #000;
	}
	49% {
		color: #000;
	}
	60% {
		color: transparent;
	}
	99% {
		color: transparent;
	}
	100% {
		color: #000;
	}
}