html, body, h1, h2, h3, h4, h5, * {
	font-family: var(--hbc-font-family);
}

.declarationsection a:link,
.paymentsection a:link,
.greeting a:link {
	color: var(--hbc-red);
	text-decoration: none;
}

.declarationsection a:link,
.paymentsection a:link,
.greeting a:visited {
	color: var(--hbc-red);
	text-decoration: none;
}

.declarationsection a:link,
.paymentsection a:link,
.greeting a:hover {
	color: var(--hbc-red);
	text-decoration: underline;
}

.declarationsection a:link,
.paymentsection a:link,
.greeting a:active {
	color: var(--hbc-red);
	text-decoration: none;
}

.hbc_full_border {
	border:1px solid black;
}

.hbc_taller {
	line-height: 2;
}

.hbc-errorblock {
	background: #edff00;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
	padding: 5px 0px 5px 10px;
	text-align: center;
}

.hbc-headerblock {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
	padding: 5px 0px 5px 10px;
	text-align: center;
}

.hbc-header-img {
	margin: 0 auto;
    display: block;
	float: right;
    height: 60px;
}

@media screen and (max-width: 429px) {
    .hbc-header-img {
        height: 50px;
    }
}

@media screen and (max-width: 358px) {
    .hbc-header-img {
        height: 45px;
    }
}

nav a.hbc-hide, .hbc-hide {
	display: none;
}

.hbc-red {
	background-color: var(--hbc-red);
	color: #fff !important;
}

.hbc-white {
	color: #fff !important;
}

.hbc-relative {
	position: relative;
}

.hbc-left {
	text-align: left;
}

.hbc-centered {
	text-align: center;
}

.hbc-justified {
	text-align: justify;
}

.hbc-bold {
	font-weight: bold;
}

.hbc-italic {
	font-style: italic;
}

.hbc-no-wrap {
	white-space: nowrap;
}

.hbc-background-white {
	background-color: #fff !important;
}

.hbc-background-gray {
	background-color: #f1f1f1 !important;
}

.hbc-background-black {
	background-color: #000 !important;
}

.hbc-padding-left-4 {
	padding-left: 4px !important;
}

.hbc-padding-right-4 {
	padding-right: 4px !important;
}

@media (max-width: 601px) {
	.hbc-truncate {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

.hbc-pointer {
	cursor: pointer;
}

.hbc-no-underline, .hbc-no-underline:link, .hbc-no-underline:visited, .hbc-no-underline:hover, .hbc-no-underline:active {
	text-decoration: none;
}

.hbc-border-bottom {
	border-bottom: 1px solid #000;
}

.hbc-border-bottom-gray {
	border-bottom: 1px solid #CCC;
}

.hbc-border-top {
	border-top: 1px solid #000;
}

.hbc-border-top-gray {
	border-top: 1px solid #CCC;
}

.hbc-border-collapse {
	margin: -1px 0;
}

.hbc-width-100 {
	width: 100%;
}

.hbc-player-yes, .hbc-player-no, .hbc-player-maybe, .hbc-player-x {
	border-bottom: 1px solid black;
}

.hbc-player-yes {
	background-color: #4CAF50;
}

.hbc-player-no {
	background-color: #f44336;
}

.hbc-player-maybe {
	background-color: #ff9800;
}

@media (max-width: 601px) {
	.hbc-checkboxes {
		width:100% !important;
	}
}

@media (min-width: 602px) and (max-width: 992px) {
	.hbc-checkboxes {
		width:80% !important;
	}
}

@media (min-width: 993px) {
	.hbc-checkboxes {
		width:65% !important;
	}
}

@media (min-width: 993px) {
	.hbc-hide-small {
		width: 100% !important;
	}
}

.required {
	color: var(--hbc-red);
	font-weight: bold;
}

.readonly {
	background-color: lightgray;
}

.hbc-chosen-option {
	background-color: rgba(76, 175, 80, 0.2);
	background-color: rgb(76 175 80 / 0.2);
}

.hbc-checkboxes {
	float:right;
	height:inherit;
}

.hbc-page {
	margin-left: var(--menu-width) !important;
	margin-top: var(--header-height) !important;
}

.hbc-menu {
	z-index: 3;
	width: var(--menu-width) !important;
	top: var(--header-height) !important;
}

.pageName {
	font-size: 1.5em;
	font-weight: bold;
}

#prev,
#next {
	cursor: pointer;
}

.hbc-page-content {
	font-size: 1.2em;
}

.hbc-font-large {
	font-size: 1.2em;
}

.hbc-submit,
.hbc-button {
	border: 1px solid rgb(133, 133, 133);
	border-radius: 3px;
}

.hbc-login-label,
.hbc-login-value {
	min-width: 195px;
}

@media (max-width: 487px) {
	.hbc-login-label,
	.hbc-login-value {
		text-align: center;
	}
}

input.toggle-password{
	width: 150px;
}

i.toggle-password {
	color: #aaaaaa;
	margin-left: 5px;
}

.hbc-game-desc-view-control {
	display: none;
	float: left;
	font-size: 1.5em;
}

@media (max-width: 601px) {
	.hbc-game-desc-view-control {
		display: block;
	}
}

div[class^=hbc-expanded-game-desc] {
	background-color: antiquewhite;
	border: 2px solid var(--hbc-red);
	display: none;
	outline: 1px solid black;
	padding: 5px;
	position: absolute;
	width: 185px;
	z-index: 9999;
}