/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}


body {
	/* font-family: 'Roboto', sans-serif;
	font: 13px/1.55 'Open Sans', Helvetica, Arial, sans-serif; */
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.do-stick {
	/*
	position: -webkit-sticky; /* Safari
	position: sticky !important;
	*/
	position:fixed;
	top: 0;
	z-index: 4000;
}
pre {
	white-space: pre-wrap;
}
div.row {
	justify-content: center;
}
.bg-e {
	background-color: #b4e0ff;
}
.bg-steel {
	background-color: #ffb4b4;
}
.bg-tournament {
	background-color: #b4ffc4;
}
.bg-landesm {
	background-color: #fff2b4;
}
.pale {
	opacity: .75;
}
.kursiv {
	font-style: italic;
}
svg#settings-icon.hover,
svg#settings-icon:hover {
	animation: rotation 2s infinite linear;
}
.header-gfx {
	margin-top: .5rem;
	margin-bottom: 1rem;
}
.event-box {
	margin: 0 5px 20px 5px;
	will-change: visibility, opacity, transform;
	transition: visibility 0s 250ms, opacity 250ms ease-out, transform 250ms ease-out;
	visibility: hidden;
	opacity: 0;
}

.event-box.top:not(.active) {
	transform: translateY(-35px);
}
.event-box.bottom:not(.active) {
	transform: translateY(35px);
}
.event-box.active {
	transform: translateY(0px);
	transition: opacity 250ms ease-in, transform 250ms ease-in;
	visibility: visible;
	opacity: 1;
}

.bg-head {
	background-repeat:		no-repeat;
	background-position:	100% 50%;
	background-size:		auto 64px;
	
}
.event-head {
	display: flex;
	padding: 5px 8px;
	align-items: center;
	justify-content: flex-start;
	background-position: right center;
}
.event-head span,
.event-head a {
	flex-grow: 0;
}
.event-head a.pull-right {
	width: 18px;
	height: 18px;
	line-height: 18px !important;
	padding: 0;
}
.event-head svg.btn-collapse {
	display: block;
	outline: none;
	height: 18px;
	width: 18px;
}
.event-head .event-date {
	width: 56px;
	position: relative;
	font-size: 13.25px;
	display: inline-block;
	letter-spacing: -0.25px;
}
.event-box.heute.imGange .event-head .event-date {
	padding-left: 9px;
	font-weight: 500;
}
.event-box.heute.imGange .event-head .event-date::before {
	content: url(../img/im-gange.svg);
	position: absolute;
	display: block;
	height: 17px;
	bottom: 1px;
	width: 8px;
	left: -3px;
}
.event-head .event-title {
	padding-left: 5px;
	font-weight: 700;
	flex-grow: 1;
}
.narrow {
	letter-spacing: -0.035em;
}

.event-body {
	padding: 0;
}
.event-body .match-holder {
	display: flex;
	width: 100%;
	align-items: center;
	line-height: 26px;
	padding: 5px 10px;
}


.event-body .match-holder .opH,
.event-body .match-holder .opG {
	width: auto;
	font-weight: 600;
	color: rgba(0,0,0,0.75);
	white-space: nowrap;
	overflow: hidden;
	align-self: center;
	flex-grow: 1;
}
	.event-body .match-holder.spielfrei .opH,
	.event-body .match-holder.spielfrei .opG {
		color: rgba(0,0,0,0.50);
	}
	.event-body .match-holder.spielfrei .alt-headline.opH,
	.event-body .match-holder.spielfrei .alt-headline.opG {
		opacity: 0.80;
	}
	.event-body .match-holder.spielfrei .divider > svg.fill-txt-color {
		fill: rgba(0,0,0,0.50);
	}


.event-body .match-holder .divider {
	padding: 0 10px;
	align-self: center;
	flex-grow: 0;
}
	.event-body .match-holder .divider > svg.fill-txt-color {
		fill: rgba(0,0,0,0.75);
	}
	.event-body .match-holder .divider > svg.svg-seperator {
		height: 7px;
		width: auto;
	}

.event-body .match-holder .g-maps {
	display: flex;
	width: 22px;
	height: 26px;
	align-items: center;
	justify-content: center;
	align-self: flex-end;
	flex-grow: 0;
}
	.event-body .match-holder .g-maps > img.svg {
		display: inline-block;
		height: 22px;
		width: 22px;
	}

.event-body .match-holder .gameN.finale-icon {
	display: flex;
	width: 22px;
	height: 26px;
	align-items: center;
	justify-content: center;
	align-self: flex-start;
	flex-grow: 0;
}
	.event-body .match-holder .gameN > img.finale-ico {
		display: inline-block;
		height: 22px;
		width: 22px;
	}




.match-holder.info-line {
	justify-content: space-between;
	border-bottom: 1px solid #dedede;
}
.match-holder.info-line:last-child {
	border-bottom-width: 0;
	border-bottom-style: none;
}
.match-holder .opponent {
	height: 26px;
	white-space: nowrap;
	overflow: hidden;
}
.match-holder .opponent.bold {
	font-weight: 500;
}

.event-group-2 .match-holder .opH,
.event-group-2 .match-holder .opG,
.event-group-2 .match-holder .gameN {
	align-self: center;
}
.event-group-2 .match-holder .opH,
.event-group-2 .match-holder .opG {
	width: auto;
	white-space: initial;
	flex-grow: 1;
}
.event-group-2 .match-holder .divider {
	font-weight: 500;
}
.event-group-2 .match-holder .gameN {
	height: 26px;
}


.event-color-0 .event-head {
	background-color: #e1ffb4;
	border: 1px solid #5a6648;
}
.event-color-0 .event-body {
	background-color: #fff;
	border: 1px solid #5a6648;
	border-top-width: 0;
	border-top-style: none;
}
.event-color-1 .event-head {
	background-color: #c1f2c1;
	border: 1px solid #4d614d;
}
.event-color-1 .event-body {
	background-color: #fff;
	border: 1px solid #4d614d;
	border-top-width: 0;
	border-top-style: none;
}
.event-color-2 .event-head {
	background-color: #b4e0ff;
	border: 1px solid #485a66;
}
.event-color-2 .event-body {
	background-color: #fff;
	border: 1px solid #485a66;
	border-top-width: 0;
	border-top-style: none;
}
.event-color-3 .event-head {
	background-color: #b4b5ff;
	border: 1px solid #484866;
}
.event-color-3 .event-body {
	background-color: #fff;
	border: 1px solid #484866;
	border-top-width: 0;
	border-top-style: none;
}
.event-color-4 .event-head {
	background-color: #f1b4ff;
	border: 1px solid #604866;
}
.event-color-4 .event-body {
	background-color: #fff;
	border: 1px solid #604866;
	border-top-width: 0;
	border-top-style: none;
}
.event-color-5 .event-head {
	background-color: #ffb4b4;
	border: 1px solid #664848;
}
.event-color-5 .event-body {
	background-color: #fff;
	border: 1px solid #664848;
	border-top-width: 0;
	border-top-style: none;
}
.event-color-6 .event-head {
	background-color: #ffd3b4;
	border: 1px solid #665448;
}
.event-color-6 .event-body {
	background-color: #fff;
	border: 1px solid #665448;
	border-top-width: 0;
	border-top-style: none;
}
.event-color-7 .event-head {
	background-color: #fff2b4;
	border: 1px solid #666148;
}
.event-color-7 .event-body {
	background-color: #fff;
	border: 1px solid #666148;
	border-top-width: 0;
	border-top-style: none;
}
.event-color-8 .event-head,
.event-type-info .event-head {
	background-color: #dedede;
	border: 1px solid #595959;
}
.event-color-8 .event-body {
	background-color: #fff;
	border: 1px solid #595959;
	border-top-width: 0;
	border-top-style: none;
}


.event-color-0 .event-head .event-date,
.event-color-0 .event-head .event-title {
	color:	#4f593f;
}

.event-color-1 .event-head .event-date,
.event-color-1 .event-head .event-title {
	color:	#435443;
}

.event-color-2 .event-head .event-date,
.event-color-2 .event-head .event-title {
	color:	#3f4e59;
}
.event-color-3 .event-head .event-date,
.event-color-3 .event-head .event-title {
	color:	#3f3f59;
}
.event-color-4 .event-head .event-date,
.event-color-4 .event-head .event-title {
	color:	#543f59;
}
.event-color-5 .event-head .event-date,
.event-color-5 .event-head .event-title {
	color:	#593f3f;
}
.event-color-6 .event-head .event-date,
.event-color-6 .event-head .event-title {
	color:	#594a3f;
}
.event-color-7 .event-head .event-date,
.event-color-7 .event-head .event-title {
	color:	#59543f;
}
.event-color-8 .event-head .event-date,
.event-color-8 .event-head .event-title {
	color:	#4d4d4d;
}

.event-color-0 .event-body .match-holder.line-B {
	background-color: #f9fff0;
}
.event-color-1 .event-body .match-holder.line-B {
	background-color: #f3fcf3;
}
.event-color-2 .event-body .match-holder.line-B {
	background-color: #f0f9ff;
}
.event-color-3 .event-body .match-holder.line-B {
	background-color: #f0f0ff;
}
.event-color-4 .event-body .match-holder.line-B {
	background-color: #fcf0ff;
}
.event-color-5 .event-body .match-holder.line-B {
	background-color: #fff0f0;
}
.event-color-6 .event-body .match-holder.line-B {
	background-color: #fff6f0;
}
.event-color-7 .event-body .match-holder.line-B {
	background-color: #fffcf0;
}
.event-color-8 .event-body .match-holder.line-B {
	background-color: #f8f8f8;
}


.event-head svg.btn-collapse path.rand {
	fill: rgba(0, 0, 0, 0.66);
}


.event-head svg.btn-collapse rect.waag,
.event-head svg.btn-collapse rect.senk {
	fill: rgba(0, 0, 0, 0.90);
}


.event-head svg.btn-collapse rect.bgnd {
				  fill:	rgba(255, 255, 255, 0.66);
	-webkit-transition:	fill 200ms ease-out;
			transition:	fill 200ms ease-out;
}

@media (min-width: 768px) {
	.event-head svg.btn-collapse:active rect.bgnd,
	.event-head svg.btn-collapse:focus rect.bgnd,
	.event-head svg.btn-collapse:hover rect.bgnd {
					  fill: rgba(87, 87, 87, 0.33);
		-webkit-transition:	fill 200ms ease-in;
				transition:	fill 200ms ease-in;
	}
}






.event-head > a > svg > rect.senk {
	fill-opacity: 0;
	-webkit-transition: fill-opacity 300ms ease-out;
	transition: fill-opacity 300ms ease-out;
}
.event-head > a.collapsed > svg > rect.senk {
	fill-opacity: 1;
	-webkit-transition: fill-opacity 300ms ease-in;
	transition: fill-opacity 300ms ease-in;
}
.rlt-holder {
	display: flex;
	height: 74px;
	padding: 0 10px 0 0;
}
.rlt-holder .rlt-text-box {
	align-self: flex-start;
	flex-grow:	1;
	display: block;
	height: 100%;
	width: 100%;
}
.rlt-holder .rlt-text-box span {
	display: inline-block;
}
.rlt-holder .rlt-text-box span.rlt-orga,
.rlt-holder .rlt-text-box span.rlt-icon {
	height: 24px;
	display: flex;
	margin: 0 8px 0 2px;
	align-items: center;
	justify-content: flex-start;
}
.rlt-holder .rlt-text-box span.rlt-icon > svg {
	height: 18px;
	display: block;
}
.rlt-holder .rlt-text-box > .rlt-text-A,
.rlt-holder .rlt-text-box > .rlt-text-B {
	display: flex;
	width: 100%;
	height: 50%;
	justify-content: flex-start;
	align-items: center;
	padding-left: 10px;
}









.event-group-1 .rlt-holder .rlt-text-box,
.event-group-3 .rlt-holder .rlt-text-box {
	border-right-width: 1px;
	border-right-style: solid;
}

.event-color-0 .event-body .alt-headline.opG,
.event-color-0 .event-body .alt-headline {
	color: #84a552;
}
.event-color-1 .event-body .alt-headline.opG,
.event-color-1 .event-body .alt-headline {
	color: #53a653;
}
.event-color-2 .event-body .alt-headline.opG,
.event-color-2 .event-body .alt-headline {
	color: #5383a6;
}
.event-color-3 .event-body .alt-headline.opG,
.event-color-3 .event-body .alt-headline {
	color: #5354a6;
}
.event-color-4 .event-body .alt-headline.opG,
.event-color-4 .event-body .alt-headline {
	color: #9753a6;
}
.event-color-5 .event-body .alt-headline.opG,
.event-color-5 .event-body .alt-headline {
	color: #a65353;
}
.event-color-6 .event-body .alt-headline.opG,
.event-color-6 .event-body .alt-headline {
	color: #a67553;
}
.event-color-7 .event-body .alt-headline.opG,
.event-color-7 .event-body .alt-headline {
	color: #a69853;
}
.event-color-8 .event-body .alt-headline.opG,
.event-color-8 .event-body .alt-headline {
	color: #808080;
}







.event-color-0 #settingsForm span.control-label-text {
	color: #5a6648;
}
.event-color-1 #settingsForm span.control-label-text {
	color: #4d614d;
}
.event-color-2 #settingsForm span.control-label-text {
	color: #485a66;
}
.event-color-3 #settingsForm span.control-label-text {
	color: #484866;
}
.event-color-4 #settingsForm span.control-label-text {
	color: #604866;
}
.event-color-5 #settingsForm span.control-label-text {
	color: #664848;
}
.event-color-6 #settingsForm span.control-label-text {
	color: #665448;
}
.event-color-7 #settingsForm span.control-label-text {
	color: #666148;
}
.event-color-8 #settingsForm span.control-label-text {
	color: #595959;
}

/*
	0 => [
		'name'		=> 'LIME',
		'bg'		=> '#e1ffb4',
		'border'	=> '#5a6648',
		'zeile2'	=> '#f9fff0',
		'bgFade'	=> 'img/BG-fade-8.png',
		'headline'	=> '#84a552',
		'text'		=> '#4f593f' ],
	1 => [
		'name'		=> 'GRUEN',
		'bg'		=> '#c1f2c1',
		'border'	=> '#4d614d',
		'zeile2'	=> '#f3fcf3',
		'bgFade'	=> 'img/BG-fade-7.png',
		'headline'	=> '#53a653',
		'text'		=> '#435443' ],
	2 => [
		'name'		=> 'BLAU',
		'bg'		=> '#b4e0ff',
		'border'	=> '#485a66',
		'zeile2'	=> '#f0f9ff',
		'bgFade'	=> 'img/BG-fade-6.png',
		'headline'	=> '#5383a6',
		'text'		=> '#3f4e59' ],
	3 => [
		'name'		=> 'VIOLET',
		'bg'		=> '#b4b5ff',
		'border'	=> '#484866',
		'zeile2'	=> '#f0f0ff',
		'bgFade'	=> 'img/BG-fade-5.png',
		'headline'	=> '#5354a6',
		'text'		=> '#3f3f59' ],
	4 => [
		'name'		=> 'PINK',
		'bg'		=> '#f1b4ff',
		'border'	=> '#604866',
		'zeile2'	=> '#fcf0ff',
		'bgFade'	=> 'img/BG-fade-4.png',
		'headline'	=> '#9753a6',
		'text'		=> '#543f59' ],
	5 => [
		'name'		=> 'ROT',
		'bg'		=> '#ffb4b4',
		'border'	=> '#664848',
		'zeile2'	=> '#fff0f0',
		'bgFade'	=> 'img/BG-fade-3.png',
		'headline'	=> '#a65353',
		'text'		=> '#593f3f' ],
	6 => [
		'name'		=> 'ORANGE',
		'bg'		=> '#ffd3b4',
		'border'	=> '#665448',
		'zeile2'	=> '#fff6f0',
		'bgFade'	=> 'img/BG-fade-2.png',
		'headline'	=> '#a67553',
		'text'		=> '#594a3f' ],
	7 => [
		'name'		=> 'GELB',
		'bg'		=> '#fff2b4',
		'border'	=> '#666148',
		'zeile2'	=> '#fffcf0',
		'bgFade'	=> 'img/BG-fade-1.png',
		'headline'	=> '#a69853',
		'text'		=> '#59543f' ],
	8 => [
		'name'		=> 'GRAU',
		'bg'		=> '#dedede',
		'border'	=> '#595959',
		'zeile2'	=> '#f8f8f8',
		'bgFade'	=> 'img/BG-fade-0.png',
		'headline'	=> '#808080',
		'text'		=> '#4d4d4d' ]
*/


.event-group-1.event-color-0 .rlt-holder .rlt-text-box {
	border-color: #5a6648;
}
.event-group-1.event-color-0 .rlt-text-box > .rlt-text-B {
	background-color: #f9fff0;
}
.event-group-1.event-color-0 .rlt-text-box .rlt-icon,
.event-group-1.event-color-0 .rlt-text-box .rlt-orga {
	/* color: #4f593f; */
	color: rgba(0,0,0,0.75);
}
.event-group-1.event-color-1 .rlt-holder .rlt-text-box {
	border-color: #4d614d;
}
.event-group-1.event-color-1 .rlt-text-box > .rlt-text-B {
	background-color: #f3fcf3;
}
.event-group-1.event-color-1 .rlt-text-box .rlt-icon,
.event-group-1.event-color-1 .rlt-text-box .rlt-orga {
	/* color: #435443; */
	color: rgba(0,0,0,0.75);
}
.event-group-1.event-color-2 .rlt-holder .rlt-text-box {
	border-color: #485a66;
}
.event-group-1.event-color-2 .rlt-text-box > .rlt-text-B {
	background-color: #f0f9ff;
}
.event-group-1.event-color-2 .rlt-text-box .rlt-icon,
.event-group-1.event-color-2 .rlt-text-box .rlt-orga {
	/* color: #3f4e59; */
	color: rgba(0,0,0,0.75);
}
.event-group-1.event-color-3 .rlt-holder .rlt-text-box {
	border-color: #484866;
}
.event-group-1.event-color-3 .rlt-text-box > .rlt-text-B {
	background-color: #f0f0ff;
}
.event-group-1.event-color-3 .rlt-text-box .rlt-icon,
.event-group-1.event-color-3 .rlt-text-box .rlt-orga {
	/* color: #3f3f59; */
	color: rgba(0,0,0,0.75);
}
.event-group-1.event-color-4 .rlt-holder .rlt-text-box {
	border-color: #604866;
}
.event-group-1.event-color-4 .rlt-text-box > .rlt-text-B {
	background-color: #fcf0ff;
}
.event-group-1.event-color-4 .rlt-text-box .rlt-icon,
.event-group-1.event-color-4 .rlt-text-box .rlt-orga {
	/* color: #543f59; */
	color: rgba(0,0,0,0.75);
}
.event-group-1.event-color-5 .rlt-holder .rlt-text-box {
	border-color: #664848;
}
.event-group-1.event-color-5 .rlt-text-box > .rlt-text-B {
	background-color: #fff0f0;
}
.event-group-1.event-color-5 .rlt-text-box .rlt-icon,
.event-group-1.event-color-5 .rlt-text-box .rlt-orga {
	/* color: #593f3f; */
	color: rgba(0,0,0,0.75);
}
.event-group-1.event-color-6 .rlt-holder .rlt-text-box {
	border-color: #665448;
}
.event-group-1.event-color-6 .rlt-text-box > .rlt-text-B {
	background-color: #fff6f0;
}
.event-group-1.event-color-6 .rlt-text-box .rlt-icon,
.event-group-1.event-color-6 .rlt-text-box .rlt-orga {
	/* color: #594a3f; */
	color: rgba(0,0,0,0.75);
}
.event-group-1.event-color-7 .rlt-holder .rlt-text-box {
	border-color: #666148;
}
.event-group-1.event-color-7 .rlt-text-box > .rlt-text-B {
	background-color: #fffcf0;
}
.event-group-1.event-color-7 .rlt-text-box .rlt-icon,
.event-group-1.event-color-7 .rlt-text-box .rlt-orga {
	/* color: #59543f; */
	color: rgba(0,0,0,0.75);
}
.event-group-1.event-color-8 .rlt-holder .rlt-text-box {
	border-color: #595959;
}
.event-group-1.event-color-8 .rlt-text-box > .rlt-text-B {
	background-color: #f8f8f8;
}
.event-group-1.event-color-8 .rlt-text-box .rlt-icon,
.event-group-1.event-color-8 .rlt-text-box .rlt-orga {
	/* color: #4d4d4d; */
	color: rgba(0,0,0,0.75);
}




.event-group-3.event-color-0 .rlt-text-box > .rlt-text-B {
	background-color: #f6ffe8;
}
.event-group-3.event-color-0 .rlt-holder .rlt-text-box {
	border-color: #5a6648;
}



.match-mode {
	display: inline-block;
	height: 16px;
	width: auto;
}
.info-head {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px 0 0;
}
.info-head .background {
	fill: #0049b2;
}
.info-head .frame {
	display: none;
	fill: #212121;
}
.info-head .i {
	fill: #fff;
}



.rlt-holder .rlt-icon-box {
	align-self: flex-end;
	flex-grow:	0;
	display: block;
	height: 100%;
	width: 74px;
	padding-left: 10px;
}
.rlt-holder .rlt-maps-link {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
}
.rlt-holder .rlt-maps-link.link-na:active,
.rlt-holder .rlt-maps-link.link-na:focus,
.rlt-holder .rlt-maps-link.link-na:hover,
.rlt-holder .rlt-maps-link.link-na {
	cursor: default;
}
.rlt-holder .rlt-maps-link > .rlt-maps-icon {
	display: block;
	width: 48px;
	height: auto;
}
a.bw-link > img {
	-webkit-transition: -webkit-filter 220ms ease-in-out;
	transition: filter 220ms ease-in-out;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
a.bw-link:active > img,
a.bw-link:focus > img,
a.bw-link:hover > img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
.legend-divider {
	width: 90%;
	margin: 0 5%;
	height: 3px;
	min-height: 3px;
	background-color: #222;
	margin-bottom: 5px;
}
footer {
	display: flex;
	width: 90%;
	margin: 0 5% 15px 5%;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
footer .single-line,
footer .double-line {
	line-height: 26px;
	color: #222;
}
footer .single-line {
	display: block;
	width: 100%;
	font-weight: 700;
	letter-spacing: +0.5px;
}
footer .double-line {
	display: block;
	width: 100%;
	padding: 0 20%;
}
footer .double-line .footer-line {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}
footer .double-line .footer-line > span.key {
	align-self: flex-start;
	font-weight: 500;
}
footer .double-line .footer-line > span.value {
	align-self: flex-end;
	font-weight: normal;
}
#settingsModal .modal-header {
	/* border-bottom-width: 0; */
	/* border-bottom-style: none; */
}
#settingsModal .modal-body {
	padding-top: 0;
	padding-bottom: 1rem;
	border-bottom: 1px solid #dee2e6;
}
#settingsModal .modal-footer {
	border-top-width: 0;
	border-top-style: none;
}


.btn.whole-width {
	width: calc(100% - 30px);
	margin: 10px 5px 5px 5px;
	border-radius: 0;
}


#settingsForm .nso-control.nso-checkbox-control:focus {
	box-shadow: none;
	outline: none;
}




#settingsForm .nso-control.nso-checkbox-control {
	position: relative;
	display: flex;
	margin: 0;
	align-items: center;
	justify-content: flex-start;
	min-height: 25px;
}
#settingsForm .nso-control.nso-checkbox-control .nso-custom-checkbox {
	position: absolute;
	margin-top: .3rem;
	margin-left: -1.25rem;
}
#settingsForm .nso-control.nso-checkbox-control svg.nso-checkbox {
	display: inline-block;
	height: 17px;
	width: 17px;
	margin-right: 4px;
}
#settingsForm .nso-control.nso-checkbox-control svg.nso-checkbox path.rand {
	fill: rgba(0, 0, 0, 0.66);
}


#settingsForm .nso-control.nso-checkbox-control svg.nso-checkbox rect.bgnd {
				  fill:	rgba(255, 255, 255, 0.66);
	-webkit-transition:	fill 200ms ease-out;
			transition:	fill 200ms ease-out;
}

#settingsForm .nso-control.nso-checkbox-control svg.nso-checkbox polygon.krz {
				  fill: #ffffff;
			   opacity: 0;
	-webkit-transition:	fill 200ms linear, opacity 200ms ease-in;
			transition:	fill 200ms linear, opacity 200ms ease-in;
}


#settingsForm .nso-control .nso-control-label {
	position: relative;
	margin: 0;
    font-size: 15px;
    line-height: 27px;
    cursor: pointer;
}

#settingsForm .nso-control .custom-control-input ~ svg.nso-checkbox {
	
}
#settingsForm .nso-control .custom-control-input ~ svg.nso-checkbox path.rand {
	fill: #454545;
}
#settingsForm .nso-control.event-color-0 .custom-control-input ~ svg.nso-checkbox path.rand {
	fill: #465036;
}
#settingsForm .nso-control.event-color-1 .custom-control-input ~ svg.nso-checkbox path.rand {
	fill: #c1f2c1;
}
#settingsForm .nso-control.event-color-2 .custom-control-input ~ svg.nso-checkbox path.rand {
	fill: #364652;
}
#settingsForm .nso-control.event-color-3 .custom-control-input ~ svg.nso-checkbox path.rand {
	fill: #363763;
}
#settingsForm .nso-control.event-color-4 .custom-control-input ~ svg.nso-checkbox path.rand {
	fill: #4e3654;
}
#settingsForm .nso-control.event-color-5 .custom-control-input ~ svg.nso-checkbox path.rand {
	fill: #563636;
}
#settingsForm .nso-control.event-color-6 .custom-control-input ~ svg.nso-checkbox path.rand {
	fill: #514236;
}
#settingsForm .nso-control.event-color-7 .custom-control-input ~ svg.nso-checkbox path.rand {
	fill: #504b36;
}
#settingsForm .nso-control.event-color-8 .custom-control-input ~ svg.nso-checkbox path.rand {
	fill: #454545;
}







#settingsForm .nso-control .custom-control-input:active ~ svg.nso-checkbox polygon.krz,
#settingsForm .nso-control .custom-control-input:focus ~ svg.nso-checkbox polygon.krz,
#settingsForm .nso-control .custom-control-input:hover ~ svg.nso-checkbox polygon.krz {
		  fill: #808080;
	   opacity: 1;
}
#settingsForm .nso-control .custom-control-input:active ~ svg.nso-checkbox rect.bgnd,
#settingsForm .nso-control .custom-control-input:focus ~ svg.nso-checkbox rect.bgnd,
#settingsForm .nso-control .custom-control-input:hover ~ svg.nso-checkbox rect.bgnd {
		  fill: #dedede;
	   opacity: 1;
}
#settingsForm .nso-control.event-color-2 .custom-control-input:active ~ svg.nso-checkbox polygon.krz,
#settingsForm .nso-control.event-color-2 .custom-control-input:focus ~ svg.nso-checkbox polygon.krz,
#settingsForm .nso-control.event-color-2 .custom-control-input:hover ~ svg.nso-checkbox polygon.krz {
		  fill: #5383a6;
}
#settingsForm .nso-control.event-color-2 .custom-control-input:active ~ svg.nso-checkbox rect.bgnd,
#settingsForm .nso-control.event-color-2 .custom-control-input:focus ~ svg.nso-checkbox rect.bgnd,
#settingsForm .nso-control.event-color-2 .custom-control-input:hover ~ svg.nso-checkbox rect.bgnd {
		  fill: #daf0ff;
}
#settingsForm .nso-control.event-color-5 .custom-control-input:active ~ svg.nso-checkbox polygon.krz,
#settingsForm .nso-control.event-color-5 .custom-control-input:focus ~ svg.nso-checkbox polygon.krz,
#settingsForm .nso-control.event-color-5 .custom-control-input:hover ~ svg.nso-checkbox polygon.krz {
		  fill: #a65353;
}
#settingsForm .nso-control.event-color-5 .custom-control-input:active ~ svg.nso-checkbox rect.bgnd,
#settingsForm .nso-control.event-color-5 .custom-control-input:focus ~ svg.nso-checkbox rect.bgnd,
#settingsForm .nso-control.event-color-5 .custom-control-input:hover ~ svg.nso-checkbox rect.bgnd {
		  fill: #ffdada;
}

#settingsForm .nso-control .custom-control-input:checked ~ svg.nso-checkbox path.rand {
		  fill: #595959;
	   opacity: 1;
}

#settingsForm .nso-control .custom-control-input:checked ~ svg.nso-checkbox polygon.krz {
		  fill: #454545;
	   opacity: 1;
}
#settingsForm .nso-control .custom-control-input:checked ~ svg.nso-checkbox rect.bgnd {
		  fill: #dedede;
	   opacity: 1;
}
#settingsForm .nso-control.event-color-2 .custom-control-input:checked ~ svg.nso-checkbox polygon.krz {
		  fill: #364652;
}
#settingsForm .nso-control.event-color-2 .custom-control-input:checked ~ svg.nso-checkbox rect.bgnd {
		  fill: #b4e0ff;
}
#settingsForm .nso-control.event-color-5 .custom-control-input:checked ~ svg.nso-checkbox polygon.krz {
		  fill: #563636;
}
#settingsForm .nso-control.event-color-5 .custom-control-input:checked ~ svg.nso-checkbox rect.bgnd {
		  fill: #ffb4b4;
}


#settingsForm .nso-control.event-color-0 .custom-control-input:active ~ svg.nso-checkbox rect.bgnd,
#settingsForm .nso-control.event-color-0 .custom-control-input:focus ~ svg.nso-checkbox rect.bgnd,
#settingsForm .nso-control.event-color-0 .custom-control-input:hover ~ svg.nso-checkbox rect.bgnd {
		  fill: #f9fff0
}
#settingsForm .nso-control.event-color-1 .custom-control-input:active ~ svg.nso-checkbox rect.bgnd,
#settingsForm .nso-control.event-color-1 .custom-control-input:focus ~ svg.nso-checkbox rect.bgnd,
#settingsForm .nso-control.event-color-1 .custom-control-input:hover ~ svg.nso-checkbox rect.bgnd {
		  fill: #f3fcf3
}
#settingsForm .nso-control.event-color-3 .custom-control-input:active ~ svg.nso-checkbox rect.bgnd,
#settingsForm .nso-control.event-color-3 .custom-control-input:focus ~ svg.nso-checkbox rect.bgnd,
#settingsForm .nso-control.event-color-3 .custom-control-input:hover ~ svg.nso-checkbox rect.bgnd {
		  fill: #f0f0ff
}
#settingsForm .nso-control.event-color-4 .custom-control-input:active ~ svg.nso-checkbox rect.bgnd,
#settingsForm .nso-control.event-color-4 .custom-control-input:focus ~ svg.nso-checkbox rect.bgnd,
#settingsForm .nso-control.event-color-4 .custom-control-input:hover ~ svg.nso-checkbox rect.bgnd {
		  fill: #fcf0ff
}
#settingsForm .nso-control.event-color-5 .custom-control-input:active ~ svg.nso-checkbox rect.bgnd,
#settingsForm .nso-control.event-color-5 .custom-control-input:focus ~ svg.nso-checkbox rect.bgnd,
#settingsForm .nso-control.event-color-5 .custom-control-input:hover ~ svg.nso-checkbox rect.bgnd {
		  fill: #fff0f0
}
#settingsForm .nso-control.event-color-6 .custom-control-input:active ~ svg.nso-checkbox rect.bgnd,
#settingsForm .nso-control.event-color-6 .custom-control-input:focus ~ svg.nso-checkbox rect.bgnd,
#settingsForm .nso-control.event-color-6 .custom-control-input:hover ~ svg.nso-checkbox rect.bgnd {
		  fill: #fff6f0
}
#settingsForm .nso-control.event-color-7 .custom-control-input:active ~ svg.nso-checkbox rect.bgnd,
#settingsForm .nso-control.event-color-7 .custom-control-input:focus ~ svg.nso-checkbox rect.bgnd,
#settingsForm .nso-control.event-color-7 .custom-control-input:hover ~ svg.nso-checkbox rect.bgnd {
		  fill: #fffcf0
}
#settingsForm .nso-control.event-color-8 .custom-control-input:active ~ svg.nso-checkbox rect.bgnd,
#settingsForm .nso-control.event-color-8 .custom-control-input:focus ~ svg.nso-checkbox rect.bgnd,
#settingsForm .nso-control.event-color-8 .custom-control-input:hover ~ svg.nso-checkbox rect.bgnd {
		  fill: #f8f8f8
}

.custom-checkbox .custom-control-label::before {
	/*	border-radius: .25rem;	*/
	border-radius: 0;
}
.custom-control-label::before, .custom-file-label, .custom-select {
	transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.custom-checkbox .custom-control-input.event-color-0~.custom-control-label::after,
.custom-checkbox .custom-control-input.event-color-1~.custom-control-label::after,
.custom-checkbox .custom-control-input.event-color-2~.custom-control-label::after,
.custom-checkbox .custom-control-input.event-color-3~.custom-control-label::after,
.custom-checkbox .custom-control-input.event-color-4~.custom-control-label::after,
.custom-checkbox .custom-control-input.event-color-5~.custom-control-label::after,
.custom-checkbox .custom-control-input.event-color-6~.custom-control-label::after,
.custom-checkbox .custom-control-input.event-color-7~.custom-control-label::after,
.custom-checkbox .custom-control-input.event-color-8~.custom-control-label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23a0a0a0' d='M64,15.6l-6.7,7.2L55.2,25l-5.8,6.1-6.2,6.7-4,4.2L33,48.7l-6.1,6.5-2.3,2.4L0,31.3l8.6-9.2,16,17.1L55.4,6.4l3,3.1,2.1,2.3L64,15.5Z'/%3E%3C/svg%3E");
	background-color: #eaeaea;
	border: 1px solid #8c8c8c;
}


.custom-checkbox .custom-control-input.event-color-0:hover~.custom-control-label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23939a88' d='M64,15.6l-6.7,7.2L55.2,25l-5.8,6.1-6.2,6.7-4,4.2L33,48.7l-6.1,6.5-2.3,2.4L0,31.3l8.6-9.2,16,17.1L55.4,6.4l3,3.1,2.1,2.3L64,15.5Z'/%3E%3C/svg%3E");
	background-color: #ffffe0;
	border: 1px solid #a1a994;
}
.custom-checkbox .custom-control-input.event-color-1:hover~.custom-control-label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%238b988b' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
	background-color: #e9ffe9;
	border: 1px solid #98a698;
}
.custom-checkbox .custom-control-input.event-color-2:hover~.custom-control-label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2388939b' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
	background-color: #e0ffff;
	border: 1px solid #94a1a9;
}
.custom-checkbox .custom-control-input.event-color-3:hover~.custom-control-label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%238888a7' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
	background-color: #e0e1ff;
	border: 1px solid #9494a9;
}
.custom-checkbox .custom-control-input.event-color-4:hover~.custom-control-label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2399889d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
	background-color: #ffe0ff;
	border: 1px solid #a594a9;
}
.custom-checkbox .custom-control-input.event-color-5:hover~.custom-control-label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%239e8888' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
	background-color: #ffe0e0;
	border: 1px solid #a99494;
}
.custom-checkbox .custom-control-input.event-color-6:hover~.custom-control-label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%239b9088' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
	background-color: #fff6e0;
	border: 1px solid #a99d94;
}
.custom-checkbox .custom-control-input.event-color-7:hover~.custom-control-label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%239a9688' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
	background-color: #ffffe0;
	border: 1px solid #a9a694;
}
.custom-checkbox .custom-control-input.event-color-8:hover~.custom-control-label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23929292' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
	background-color: #fefefe;
	border: 1px solid #a0a0a0;
}


.custom-checkbox .custom-control-input.event-color-0:checked~.custom-control-label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23465036' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
	background-color: #e1ffb4;
	border: 1px solid #5a6648;
}
.custom-checkbox .custom-control-input.event-color-1:checked~.custom-control-label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233a4d3a' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
	background-color: #c1f2c1;
	border: 1px solid #4d614d;
}
.custom-checkbox .custom-control-input.event-color-2:checked~.custom-control-label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23364652' d='M64,15.6l-6.7,7.2L55.2,25l-5.8,6.1-6.2,6.7-4,4.2L33,48.7l-6.1,6.5-2.3,2.4L0,31.3l8.6-9.2,16,17.1L55.4,6.4l3,3.1,2.1,2.3L64,15.5Z'/%3E%3C/svg%3E");
	background-color: #b4e0ff;
	border: 1px solid #485a66;
}
.custom-checkbox .custom-control-input.event-color-3:checked~.custom-control-label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23363763' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
	background-color: #b4b5ff;
	border: 1px solid #484866;
}
.custom-checkbox .custom-control-input.event-color-4:checked~.custom-control-label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%234e3654' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
	background-color: #f1b4ff;
	border: 1px solid #604866;
}
.custom-checkbox .custom-control-input.event-color-5:checked~.custom-control-label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23563636' d='M64,15.6l-6.7,7.2L55.2,25l-5.8,6.1-6.2,6.7-4,4.2L33,48.7l-6.1,6.5-2.3,2.4L0,31.3l8.6-9.2,16,17.1L55.4,6.4l3,3.1,2.1,2.3L64,15.5Z'/%3E%3C/svg%3E");
	background-color: #ffb4b4;
	border: 1px solid #664848;
}
.custom-checkbox .custom-control-input.event-color-6:checked~.custom-control-label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23514236' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
	background-color: #ffd3b4;
	border: 1px solid #665448;
}
.custom-checkbox .custom-control-input.event-color-7:checked~.custom-control-label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23504b36' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
	background-color: #fff2b4;
	border: 1px solid #666148;
}
.custom-checkbox .custom-control-input.event-color-8:checked~.custom-control-label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23454545' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
	background-color: #dedede;
	border: 1px solid #595959;
}

#settingsForm .custom-control-label.event-color-2::before {
	background-color: rgba(180,224,255,0.33)
}
#settingsForm .custom-control-label.event-color-5::before {
	background-color: rgba(255,180,180,0.33)
}


.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
	border-color: #80bdff;
}
.custom-control-input:focus ~ .custom-control-label::before {
	/*	box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);	*/
	box-shadow: none;
}
.custom-checkbox .custom-control-label::before {
	/*	border-radius: .25rem;	*/
	border-radius: 0;
}
.custom-control-label::before, .custom-file-label, .custom-select {
	transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}



#settingsForm .form-check-label {
	font-size: 1rem;
}


#settingsForm .head-row:not(.first) {
	position: relative;
	padding-top: 14px;
}
#settingsForm .head-row:not(.first)::before {
	display: block;
	height: 1px;
	content: "";
	position: absolute;
	top: 14px;
	left: 33px;
	right: 33px;
	background-color: rgba(0,0,0,0.66); 
}
#settingsForm .head-row span.sub-form-tag,
#settingsForm .head-row span.form-tag {
	display: inline-block;
	width: 100%;
	padding: 0;
}
#settingsForm .head-row span.sub-form-tag {
	font-size: 12px;
	color: #454545;
}
#settingsForm .head-row span.form-tag {
	padding-top: 12px;
	font-size: 20px;
	line-height: 26px;
}
#settingsForm .head-row.first span.form-tag {
	padding-top: 0px;
}

#settingsForm .head-row span.form-tag.form-tag-reduced {
	padding-top: 6px;
	font-size: 16px;
	line-height: 20px;
}

#settingsForm #club-teams-listing #teams-ajax-box {
			max-height: 300px;
	-webkit-transition: max-height 440ms linear;
	   -moz-transition: max-height 440ms linear;
			transition: max-height 440ms linear;
}
#settingsForm #club-teams-listing #teams-ajax-box.faded {
	max-height: 0px;
}
#settingsForm #club-teams-listing #teams-ajax-box .liga-box.wh-50,
#settingsForm #displayed-events .liga-box.wh-50 {
	display: inline-block;
	width: 50%;
}

#settingsForm #club-teams-listing .liga-box {
	padding: 0;
}

#settingsForm section.p-relative {
	position: relative;
}

#settingsForm footer {
	position: relative;
	width: 100%;
	box-sizing: border-box;
}
#settingsForm footer button {
	width: 100%;
	box-sizing: border-box;
}

.event-box {
	box-shadow: 0 0 20px rgb(0 0 0 / 25%);
}

.active {
	opacity: 1;
	transform: translate(0px,0px);
	-webkit-transition: opacity 220ms, scale 440ms, translate 440ms;
	transition: opacity 220ms, scale 440ms, translate 440ms;
}

.out-top {
	opacity: 1;
	transform: translate(0px,-220px);
	-webkit-transition: opacity 220ms, scale 440ms, translate 440ms;
	transition: opacity 220ms, scale 440ms, translate 440ms;
}

.out-bottom {
	opacity: 1;
	transform: translate(0px,220px);
	-webkit-transition: opacity 220ms, scale 440ms, translate 440ms;
	transition: opacity 220ms, scale 440ms, translate 440ms;
}


@media (max-width: 991px) {

}

@media (max-width: 767px) {
	.event-type-6 .gameN,
	.form-check-label,
	.opponent {
		font-size: 14px;
	}
	.event-head:hover {
		cursor: pointer;
	}
	.event-head svg.btn-collapse rect.bgnd {
		-webkit-transition:	fill 2ms linear;
		 		transition:	fill 2ms linear;
		/* animation: event-head-clicked 400ms ease 0ms 1 normal; */
	}
	.event-head.clicked svg.btn-collapse rect.bgnd {
		animation: event-head-clicked 200ms ease 0ms 1 normal;
	}
	.event-head:active svg.btn-collapse rect.bgnd,
	.event-head:focus svg.btn-collapse rect.bgnd,
	.event-head:hover svg.btn-collapse rect.bgnd {
		/* fill: rgba(87, 87, 87, 0.33); */
		/* -webkit-transition:	fill 200ms ease-in; */
		/* transition:	fill 200ms ease-in; */
		fill:	rgba(255, 255, 255, 0.66);
	}


	@keyframes event-head-clicked {
		15% {
			fill: rgba(255, 255, 255, 0.66);
		}
		50% {
			fill: rgba(87, 87, 87, 0.33);
		}
		85% {
			fill: rgba(255, 255, 255, 0.66);
		}
	}



	.dunno-icon {
		display: inline-block;
		width: 100%;
		height: auto;
		align-self: flex-end;
	}
	a.bw-link > img {
		-webkit-transition: none;
		transition: none;
		-webkit-filter: none;
		filter: none;
	}
	a.bw-link:active > img,
	a.bw-link:focus > img,
	a.bw-link:hover > img {
		-webkit-filter: none;
		filter: none;
	}
}

@media (max-width: 576px) {
	.event-body .rlt-text-box {
		line-height: 19px;
		font-size: 15px;
	}
}

@media (max-width: 500px) {
	#settingsForm #club-teams-listing #team-select-sheet {
		margin-top: -20px;	
	}
	#settingsForm #club-teams-listing .liga-box.wh-50 {
		padding-top: 20px;
	}
	#settingsForm #club-teams-listing #teams-ajax-box .liga-box.wh-50,
	#settingsForm #displayed-events .liga-box.wh-50 {
		width: 100%;
	}
}

@media (max-width: 400px) {
	.event-body .match-holder,
	.event-head .event-title {
		letter-spacing: -0.0625em;
		font-kerning: none;
	}
	.event-head .event-title {
		font-size: 14.25px;
	}
	.event-body .rlt-text-box {
		line-height: 18px;
		font-size: 14px;
	}
}


@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}