:root
{
	--emoji-font: 'Noto Color Emoji', sans-serif;
	--body-font: 'Open Sans', sans-serif;
	--title-font: Oswald;
	--todo-color: #d84949;
	--saved-color: #9dc85d;
}

body
{
	position: relative;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	color: #696969;
	line-height: 1.5;
}

.popup2
{
	position: relative;
	background: #fff;
	border-radius: 8px;
	box-shadow: -4px 10px 10px var(--popup-shadow-color);
	overflow: hidden;
	transition: all cubic-bezier(0, 0, 0.67, 1.32) 120ms;
	transform: scale(1, 1);
	transform-origin: 0 0;
	padding: 20px;
	display: inline-block;
	z-index: 1000;
}

.panel-hidden .popup2
{
	transform: scale(0.5, 0.5);
	opacity: 0;
}

.panel-to-bottom.panel-to-right .popup2
{
	transform-origin: 0 0;
}

.panel-to-bottom.panel-to-left .popup2
{
	transform-origin: 100% 0;
}

.panel-to-top.panel-to-right .popup2
{
	transform-origin: 0 100%;
}

.panel-to-top.panel-to-left .popup2
{
	transform-origin: 100% 100%;
}

.skew
{
	transform: skewX(-10deg);
}
.skew-l-5
{
	transform: skewX(-10deg) translate(0, -5px);
}

.default-hint
{
	background-color: #ffe19d;
	border-radius: 20px;
	color: #bb8713;
	padding: 10px 20px;
}

.top-navigation
{
	position: relative;
	z-index: 10;
	display: flex;
	list-style-type: none;
	color: #fff;
	height: 40px;
	line-height: 47px;
	overflow: hidden;
	margin-right: 15px;
} 

.top-navigation-desktop-button
{
	text-transform: uppercase;
}

.top-navigation > li
{
	position: relative;
	padding-left: 25px;
	padding-right: 25px;
}

.top-navigation-desktop-button a
{
	color: #9c9c9c;
	text-decoration: none;
	white-space: nowrap;
}

.top-navigation-desktop-button a:hover
{
	color: #fff;
	text-decoration: none;
	border: none;
}

.top-navigation-desktop-button.selected a
{
	color: #fff;
	text-decoration: none;
}

.theme-light .top-navigation-desktop-button.selected a,
.theme-light .top-navigation-desktop-button a:hover
{
	color: #555;
}

.theme-light .top-navigation .selected,
.theme-light .top-navigation li.selected
{
	background-image: none !important;
}

.top-navigation .arrow
{
	width: 16px;
	height: 16px;
	background-color: #f00;
}

.top-bar-container
{
	display: flex;
	height: 46px; 
	overflow: visible; 
	position: relative; 
	max-width: 1240px; 
	margin: 0 auto;
}


a.top-navigation-create-pool-button
{
	font-size: 13px;
	background: rgba(255, 255, 255, 0.1);
	padding: 3px 15px;
	border-radius: 30px;
	position: relative;
	top: -2px;
	line-height: 25px;
}

a.top-navigation-create-pool-button:hover
{
	background: rgba(255, 255, 255, 0.15);
}

a.top-navigation-create-pool-button:hover img
{
	opacity: 0.8;
}

a.top-navigation-create-pool-button img
{
	position: absolute;
	width: 30px;
	opacity: 0.5;
	top: 6px;
	left: 8px;
}

.poules-com-logo a
{
	color: #fff;
	text-decoration: none;
	border: none;
}

.poules-com-logo .white
{
	color: #fff;
	text-decoration: none;
	border: none;
}

.poules-com-logo a:hover
{
	filter: brightness(1.1);
}


.large-loader2
{
	border-radius: 100px;
	width: 40px;
	height: 40px;
	background-size: 26px 26px;
	background-image: url(/content/svg/hollow-arrow.svg?&color=ccc&rotate=90);
	background-repeat: repeat-y;
	animation: large-loader2-animation 200ms linear infinite;
	margin-left: auto;
	margin-right: auto;
}

@keyframes large-loader2-animation 
{
	0%   { background-position-y: -19px; }
	100% { background-position-y: 7px; }
}

button.flat,
label.button.flat,
a.button.flat
{
	display: inline-block;
	text-decoration: none;
	border-radius: 15px 5px 5px 5px;
	color: #fff;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	font-weight: 400;
}

button.flat.block
{
	display: flex;
	width: fit-content;
}



a.button.flat.light-gray
{
	background-color: #ddd;
	color: #888;
}

a.button.flat.gray,
button.flat.gray
{
	background-color: #aaa;
	color: #fff;
	padding: 5px 20px;
	line-height: normal;
}

button.flat.small,
a.button.flat.small
{
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	border-radius: 12px 4px 4px 4px;
}

button.flat.dangerous
{
	background: #a54d4d;
}

button.flat.dangerous:hover
{
	background: #e00;
}

a.button.flat.dimmed,
button.flat.dimmed,
button.flat.dangerous.dimmed,
button.flat.unchecked
{
	background-color: #ccc;
}

a.button.flat.dimmed:hover,
button.flat.dangerous.dimmed:hover,
button.flat.dimmed:hover
{
	background-color: #aaa;
}

button.flat.unchecked:hover
{
	background-color: #cfcfcf; 
}

button.toggle-control
{
	border-radius: 20px 5px 5px 5px;
	background: rgba(0,0,0,0.1);
	width: 50px;
	height: 26px;
	overflow: visible;
	vertical-align: middle;
	position: relative;
	top: -2px;
	transition: background ease-out 150ms;
}

button.toggle-control.on.negative
{
	background: #d18f8f;
}

button.toggle-control span
{
	display: block;
	width: 26px;
	height: 26px;
	border-radius: 20px 5px 5px 5px;
	background: #fff;
	box-shadow: -1px 2px 5px rgb(0 0 0 / 40%);
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	transition: left ease-out 150ms;
}

button.toggle-control.on
{
	background: #9fd56e;
	filter: none;
}

button.toggle-control span.on
{
	left: 25px;
}


button.default-more2,
button.default-more-on-bg
{
	position: relative;
	cursor: pointer;
	display: block;
	height: 34px;
	min-width: 100px;
	border-radius: 10px;
	background-image: url(/content/svg/three-dots.svg?color=666);
	background-size: 32px;
	background-position: center center;
}

@media (min-width: 500px)
{
	.theme-dark button.default-more-on-bg
	{
		background-image: url(/content/svg/three-dots.svg?color=aaa);
		background-color: rgba(0,0,0,0.2);
	}
}

input.default3,
button.fake-input.default3,
.fake-input.default3
{
	position: relative;
	font-family: Oswald;
	font-size: 16px;
	line-height: 30px;
	border-radius: 10px;
	color: #666;
	box-sizing: border-box;
	padding: 4px 10px 4px 10px;
	outline: none;
	background-color: #fff;
	box-shadow: -1px 2px 5px var(--control-shadow-color);
	border: none;
	text-align: left;
	min-height: 38px;
}


button.default3.checkbox-container .checkbox,
input.default3.inset
{
	box-shadow: -1px 2px 5px var(--control-shadow-color) inset;
}


button.default3.checkbox-container
{
	display: flex;
	align-items: center;
	gap: 15px;
	text-align: left;
}

button.default3.checkbox-container .checkbox
{
	width: 30px;
	height: 30px;
	border-radius: 50px;
	flex: none;
}

button.default3.checkbox-container.checked .checkbox,
button.default3.checkbox-container.checked:hover .checkbox
{
	background-color: var(--primary-color-whiter-25);
	background-image: url(/content/svg/check.svg?&color=fff);
	background-size: 22px;
}

button.default3.checkbox-container:hover .checkbox
{
	background-color: var(--primary-color-whiter-75);
}

a.fake-input.default3
{
	text-decoration: none;
}

textarea.default3
{
	position: relative;
	font-family: Oswald;
	font-size: 13px;
	line-height: 20px;
	border-radius: 10px;
	color: #666;
	box-sizing: border-box;
	padding: 4px 2px 4px 10px;
	outline: none;
	background-color: #fff;
	box-shadow: -1px 2px 5px var(--control-shadow-color);
	border: none;
}

a.fake-input.default3.dropdown,
button.fake-input.default3.dropdown
{
	background-position: right 15px center;
	background-size: 16px;
	background-image: url(/content/svg/hollow-arrow.svg?rotate=90&color=00000077);
	padding-right: 35px;
}

a.fake-input.default3.link,
button.fake-input.default3.link
{
	background-position: right 15px center;
	background-size: 16px;
	background-image: url(/content/svg/hollow-arrow.svg?rotate=0&color=00000077);
	padding-right: 35px;
}

input.default3:focus
{
	background-color: var(--primary-color-whiter-85);
}

input.default3::placeholder
{
	color: #bbb;
	opacity: 1;
}


input.flat,
button.fake-input.flat
{
	font-family: Oswald;
	font-size: 16px;
	line-height: 40px;
	color: #666;
	border: none;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 10px;
	outline: none; 
	border-radius: 15px 5px 5px 5px;
	background-color: #eee;
}

.button-group
{
	display: flex;
	width: fit-content;
}

.button-group > button:not(:first-child)
{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.button-group > button:not(:last-child)
{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

button.fake-input.default3.disabled,
.fake-input.default3.disabled
{
	box-shadow: -1px 2px 5px rgb(0 0 0 / 40%);
	cursor: default;
}

.powered-by-poulescom
{
	position: relative;
	height: 50px;
}
:root
{
	--flex-fill-equal: 1 1 0;
	--flex-fill-rel: 1 1 auto;
} 

button
{
	font: inherit;
	color: inherit;
}

textarea
{
	font: inherit;
}


*
{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
} 


.flex					{ display: flex; }
.flex-fill-relative		{ flex: 1 1 auto; }
.flex-fill-equal		{ flex: 1 1 0%; }
.flex-none				{ flex: none; }

.flex-row			{ display: flex; flex-direction: row;				}
.flex-row-reverse	{ display: flex; flex-direction: row-reverse;		}
.flex-col			{ display: flex; flex-direction: column;			}
.flex-col-reverse	{ display: flex; flex-direction: column-reverse;	}

.inline-flex.flex-row			{ display: inline-flex; flex-direction: row;				}
.inline-flex.flex-row-reverse	{ display: inline-flex; flex-direction: row-reverse;		}
.inline-flex.flex-col			{ display: inline-flex; flex-direction: column;			}
.inline-flex.flex-col-reverse	{ display: inline-flex; flex-direction: column-reverse;	}

.justify-normal		{ justify-content: normal;			}
.justify-start		{ justify-content: flex-start;		}
.justify-end		{ justify-content: flex-end;		}
.justify-center		{ justify-content: center;			}
.justify-between	{ justify-content: space-between;	}
.justify-around		{ justify-content: space-around;	}
.justify-evenly		{ justify-content: space-evenly;	}
.justify-stretch	{ justify-content: stretch;			}

.items-start	{ align-items: flex-start;	}
.items-end		{ align-items: flex-end;	}
.items-center	{ align-items: center;		}
.items-baseline	{ align-items: baseline;	}
.items-stretch	{ align-items: stretch;		}

.self-center	{ align-self: center; }


.gap-5 { gap: 5px; }
.gap-10 { gap: 10px; }
.gap-15 { gap: 15px; }
.gap-20 { gap: 20px; }
.gap-30 { gap: 30px; }
.gap-40 { gap: 40px; }
.gap-50 { gap: 50px; }


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


.m-0	{ margin: 0; }
.ml-0	{ margin-left: 0; }
.mr-0	{ margin-right: 0; }
.mt-0	{ margin-top: 0; }
.mb-0	{ margin-bottom: 0; }
.mx-0	{ margin-left: 0; margin-right: 0; }
.my-0	{ margin-top: 0; margin-bottom: 0; }

.m-5	{ margin: 5px; }
.ml-5	{ margin-left: 5px; }
.mr-5	{ margin-right: 5px; }
.mt-5	{ margin-top: 5px; }
.mb-5	{ margin-bottom: 5px; }
.mx-5	{ margin-left: 5px; margin-right: 5px; }
.my-5	{ margin-top: 5px; margin-bottom: 5px; }

.m-10	{ margin: 10px; }
.ml-10	{ margin-left: 10px; }
.mr-10	{ margin-right: 10px; }
.mt-10	{ margin-top: 10px; }
.mb-10	{ margin-bottom: 10px; }
.mx-10	{ margin-left: 10px; margin-right: 10px; }
.my-10	{ margin-top: 10px; margin-bottom: 10px; }

.m-15	{ margin: 15px; }
.ml-15	{ margin-left: 15px; }
.mr-15	{ margin-right: 15px; }
.mt-15	{ margin-top: 15px; }
.mb-15	{ margin-bottom: 15px; }
.mx-15	{ margin-left: 15px; margin-right: 15px; }
.my-15	{ margin-top: 15px; margin-bottom: 15px; }

.m-20	{ margin: 20px; }
.ml-20	{ margin-left: 20px; }
.mr-20	{ margin-right: 20px; }
.mt-20	{ margin-top: 20px; }
.mb-20	{ margin-bottom: 20px; }
.mx-20	{ margin-left: 20px; margin-right: 20px; }
.my-20	{ margin-top: 20px; margin-bottom: 20px; }

.m-25	{ margin: 25px; }
.ml-25	{ margin-left: 25px; }
.mr-25	{ margin-right: 25px; }
.mt-25	{ margin-top: 25px; }
.mb-25	{ margin-bottom: 25px; }
.mx-25	{ margin-left: 25px; margin-right: 25px; }
.my-25	{ margin-top: 25px; margin-bottom: 25px; }

.m-30	{ margin: 30px; }
.ml-30	{ margin-left: 30px; }
.mr-30	{ margin-right: 30px; }
.mt-30	{ margin-top: 30px; }
.mb-30	{ margin-bottom: 30px; }
.mx-30	{ margin-left: 30px; margin-right: 30px; }
.my-30	{ margin-top: 30px; margin-bottom: 30px; }

.m-40	{ margin: 40px; }
.ml-40	{ margin-left: 40px; }
.mr-40	{ margin-right: 40px; }
.mt-40	{ margin-top: 40px; }
.mb-40	{ margin-bottom: 40px; }
.mx-40	{ margin-left: 40px; margin-right: 40px; }
.my-40	{ margin-top: 40px; margin-bottom: 40px; }

.m-50	{ margin: 50px; }
.ml-50	{ margin-left: 50px; }
.mr-50	{ margin-right: 50px; }
.mt-50	{ margin-top: 50px; }
.mb-50	{ margin-bottom: 50px; }
.mx-50	{ margin-left: 50px; margin-right: 50px; }
.my-50	{ margin-top: 50px; margin-bottom: 50px; }


.m-auto		{ margin: auto; }
.ml-auto	{ margin-left: auto; }
.mr-auto	{ margin-right: auto; }
.mt-auto	{ margin-top: auto; }
.mb-auto	{ margin-bottom: auto; }
.mx-auto	{ margin-left: auto; margin-right: auto; }
.my-auto	{ margin-top: auto; margin-bottom: auto; }

.p-0	{ padding: 0; }
.pl-0	{ padding-left: 0; }
.pr-0	{ padding-right: 0; }
.pt-0	{ padding-top: 0; }
.pb-0	{ padding-bottom: 0; }
.px-0	{ padding-left: 0; padding-right: 0; }
.py-0	{ padding-top: 0; padding-bottom: 0; }

.p-5	{ padding: 5px; }
.pl-5	{ padding-left: 5px; }
.pr-5	{ padding-right: 5px; }
.pt-5	{ padding-top: 5px; }
.pb-5	{ padding-bottom: 5px; }
.px-5	{ padding-left: 5px; padding-right: 5px; }
.py-5	{ padding-top: 5px; padding-bottom: 5px; }

.p-10	{ padding: 10px; }
.pl-10	{ padding-left: 10px; }
.pr-10	{ padding-right: 10px; }
.pt-10	{ padding-top: 10px; }
.pb-10	{ padding-bottom: 10px; }
.px-10	{ padding-left: 10px; padding-right: 10px; }
.py-10	{ padding-top: 10px; padding-bottom: 10px; }

.p-15	{ padding: 15px; }
.pl-15	{ padding-left: 15px; }
.pr-15	{ padding-right: 15px; }
.pt-15	{ padding-top: 15px; }
.pb-15	{ padding-bottom: 15px; }
.px-15	{ padding-left: 15px; padding-right: 15px; }
.py-15	{ padding-top: 15px; padding-bottom: 15px; }

.p-20	{ padding: 20px; }
.pl-20	{ padding-left: 20px; }
.pr-20	{ padding-right: 20px; }
.pt-20	{ padding-top: 20px; }
.pb-20	{ padding-bottom: 20px; }
.px-20	{ padding-left: 20px; padding-right: 20px; }
.py-20	{ padding-top: 20px; padding-bottom: 20px; }

.w-full { width: 100%; }
.w-fit	{ width: fit-content; }

.uppercase	{ text-transform: uppercase; }
.contents	{ display: contents; }
.align-center	{ align-items: center }
.justify-end	{ justify-content: flex-end; }
.inline-tutorial
{
	background-color: #ddd;
	color: #666; 
	border-radius: 20px;
	margin-bottom: 20px;
	box-sizing: border-box;
	padding: 20px;
	font-family: Oswald;
	font-size: 14px;
}

.inline-tutorial a,
.inline-tutorial button
{
	display: inline-block;
	margin-left: -10px;
	text-decoration: none;
	color: #666;
	min-height: 34px;
	padding: 0 20px;
	padding-left: 40px;
	border-radius: 4px;
	text-align: left;
	font-family: Oswald; 
	font-size: 14px;
}

.inline-tutorial .tutorial-checkbox
{
	position: absolute;
	top: 10px;
	left: 0;
	border-radius: 20px;
	width: 12px;
	height: 12px;
	display: inline-block;
	border: 2px solid #888;
	vertical-align: top;
	pointer-events: none;
}

.inline-tutorial .completed .tutorial-checkbox
{
	border: none;
	background-image: url(https://cdn.poules.com/content/images/icons/check-white.png);
	width: 16px;
	height: 13px;
	top: 11px;
}

.inline-tutorial .completed button
{
	text-decoration: line-through;
	cursor: default;
}

.inline-tutorial .info-icon
{
	display: inline-block;
	position: absolute;
	width: 23px;
	height: 23px;
	background-size: cover;
	background-image: url(/content/images/icons/info-white.png);
	vertical-align: middle;
	opacity: 0.4;
}

.inline-tutorial *:not(.completed) a:hover,
.inline-tutorial *:not(.completed) button:hover
{
	background-color: rgba(0,0,0,0.1);
}

@media (min-width:720px)
{ 
	.theme-dark .inline-tutorial
	{
		background-color: #3b3b3b;
		color: #aaa;
	}

	.theme-dark .inline-tutorial a,
	.theme-dark .inline-tutorial button
	{
		color: #aaa;
	}
}

.theme-light .inline-tutorial .info-icon
{
	background-image: url(/content/images/icons/info-black.png);
}


.popup2.context-menu a,
.popup2.context-menu button
{
	padding: 10px 10px 10px 26px;
	width: 100%;
	text-decoration: none;
	text-align: left;
	display: block;
	color: #666;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	transition: background-position ease-out 150ms;
	background-size: 14px 14px;
	background-position: -30px 50%;
	font-size: 13px;
	font-family: Oswald;
	box-sizing: border-box;
}


.popup2.context-menu .sub-label
{
	opacity: 0.6;
}

.popup2.context-menu button.checked
{
	background-image: url(/content/images/icons/check-context-menu.png);
	background-position-x: 7px;
}

.popup2.context-menu
{
	padding: 0;
}

.popup2.context-menu li button:hover
{
	color: #fff;
}

.popup2.context-menu a.disabled,
.popup2.context-menu button.disabled
{
	opacity: 0.4;
}

button.show-other-period
{
	color: #666;
}

button.show-other-period:hover
{
	background-color: rgba(0,0,0,0.05);
}

button.next-period .dots
{
	width: 30px;
	opacity: 0.7;
}

button.next-period:hover .dots
{
	opacity: 1;
}

button.show-other-period
{
	color: #666;
	display: block;
	margin: 15px auto 0 auto;
	padding: 5px 20px;
	border-radius: 10px;
}

button.show-other-period:hover
{
	filter: brightness(0.95);
}

button.show-other-period .arrow
{
	display: inline-block;
	background-size: contain;
	height: 17px;
	width: 50px;
	background-image: url(/content/svg/triangle-rounded.svg?color=666);
	transform: rotate(-90deg);
}

button.show-other-period.next-period .arrow
{
	transform: rotate(90deg);
}


@media (min-width:720px)
{
	.theme-dark button.show-other-period
	{
		color: #aaa;
	}

	.theme-dark button.show-other-period .arrow
	{
		background-image: url(/content/svg/triangle-rounded.svg?color=aaa);
	}

	.theme-dark button.show-other-period:hover
	{
		background-color: rgba(255,255,255,0.05);
	}
}
*
{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box;
}

.settings-default-block
{
	background: #f2f2f2;
	border-radius: 20px;
	padding: 20px 20px;
	max-width: 100%;
	margin: 20px auto;
	width: fit-content;
	max-width: 100%;
}

.settings-default
{
	display: grid;
	grid-template-columns: 1fr auto;
	row-gap: 15px;
	column-gap: 15px;
	margin: 0 auto;
	align-items: center;
}

.settings-default li
{
	display: contents;
}

.settings-default .label
{
	word-break: break-word;
	text-align: right;
	cursor: default;
}

.default-settings-links
{
	display: flex;
	flex-direction: column;
	width: fit-content;
	margin: 0 auto;
	min-width: 200px;
	gap: 5px;
}

.default-settings-links a
{
	display: flex;
	align-items: center;
	color: #555;
	text-decoration: none;
	font-family: Oswald;
	font-size: 16px;
	padding: 5px 20px 5px 20px;
	border-radius: 10px;
	background-position: right 15px center;
	background-size: 16px;
	background-image: url(/content/svg/hollow-arrow.svg?&color=00000077);
	padding-right: 45px;
	gap: 10px;
}

.default-settings-links a:hover:not(.disabled)
{
	background-color: #eee;
}

.default-settings-links a.disabled
{
	pointer-events: none;
	opacity: 0.4;
}

.default-settings-links a *:first-child
{
	flex-grow: 1;
}

.default-settings-links a *:not(:first-child)
{
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	font-size: 13px;
	color: #999;
}

.default-settings-page
{
	width: 100%;
	max-width: 600px;
	padding: 20px 20px 50px 20px;
	margin: 0 auto 50px auto;
	background: #fff;
	border-radius: 20px;
	font-family: Oswald;
	font-size: 15px;
}

.default-tip-box,
a.default-tip-box
{
	display: block;
	width: fit-content;
	border-radius: 10px;
	background-color: #f6dda1;
	color: #a78636;
	padding: 5px 15px;
	text-decoration: none;
	font-family: Oswald;
	font-size: 15px;
}

a.default-tip-box:hover
{
	background-color: #f5d892;
}

.default-settings-page .header
{
	text-align: center;
	font-size: 20px;
	margin-top: 30px;
	margin-bottom: 10px;
}

.premium-feature .premium-tag
{
    position: relative;
    display: inline-block;
    color: #fff !important;
    font-size: 12px !important;
    /*background: linear-gradient(168deg, #ffcc5e 0%, #9e5322 100%);*/
    background: #999;
    border-radius: 10px 3px 3px 3px;
    padding: 0 5px 0 7px;
    margin-left: 0.25em;
    cursor: default;
    pointer-events: none;
}

.premium-feature.premium-disabled .premium-tag
{
    background: #6e6e6e;
    cursor: pointer;
    pointer-events: all;
    flex: none;
}

.premium-feature.premium-disabled .premium-tag:hover
{
    background: #000;
}

a.premium-feature.premium-disabled,
.premium-feature.premium-disabled > *
{
    opacity: 0.5;
}

.premium-tag-tooltip
{
    position: fixed;
    transform: translate(-50%, -100%);
    background: #000;
    color: #fff;
    text-transform: uppercase;
    padding: 2px 15px;
    border-radius: 10px;
    font-size: 11px;
    font-family: Oswald;
}
.account-popup
{
	position: relative;
	background: #fff;
	box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
	overflow: hidden;
	transition: transform cubic-bezier(0, 0, 0.56, 1.17) 200ms;
	transform: translate(0, 0) scale(1, 1);
	transform-origin: 100% 0;
	padding: 20px;
	display: inline-block;
	z-index: 1000;
	padding: 0px 0px;
	overflow: hidden;
 	width: 250px;
	font-family: Oswald;
	font-size: 15px;
	border: none;
}

.panel-hidden .account-popup
{
	opacity: 1;
	transform: translate(200px, 0) scale(1, 1);
}

.account-popup li
{
	position: relative;
}

.account-popup a
{
	display: block;
	text-decoration: none;
	color: #fff;
	width: 100%;
	height: 44px;
	line-height: 44px;
}

.account-popup .user-image
{
	width: 44px;
	height: 44px;
	vertical-align: middle;
	position: absolute;
}

.account-popup .hilited a
{
	color: #fff;
	/*background: #565656;*/
}

.account-popup .hilited a .hilited-bar
{
	display: inline-block;
	width: 7px;
	height: 44px;
	position: absolute;
	left: 0;
}

.account-popup .hilited-subtle a .hilited-bar
{
	display: inline-block;
	background: rgba(255,255,255,0.15);
	width: 7px;
	height: 44px;
	position: absolute;
	left: 0;
}

.account-popup li.hilited-subtle:first-child
{
	background: #ff0 !important;
}


.account-popup .indented .main
{
	left: 40px;
}

.account-popup .indented .subline
{
	left: 40px;
}

.account-popup .todo-bubble
{
	border-radius: 10px;
	width: 7px;
	height: 7px;
	display: inline-block;
	top: -5px;
}

.account-popup li.has-subline .main
{
	position: absolute;
	top: 6px;
	line-height: 18px;
	font-family: Oswald;
}
	
.account-popup .menu-items
{
	box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
	border-radius: 0 0 6px 6px;
}

.account-popup li.divider
{
	background: rgba(0,0,0,0.2);
	height: 1px;
	margin-left: 20px;
	margin-right: 20px;
}

.account-popup li
{
	position: relative;
	cursor: pointer;
	padding: 0px 0px;
	white-space: nowrap;
	height: 44px;
	line-height: 44px;
}

.account-popup li a, 
.account-popup li button
{
	color: #fff;
	width: 100%;
	display: inline-block;
	text-decoration: none;
	padding-left: 20px;
	text-align: left;
}

.account-popup li a:hover, 
.account-popup li button:hover
{
	color: #fff;
	text-decoration: none;
	border: none;
}

.account-popup:not(.with-selection) li.selected button:before
{
	content: '✓ ';
	color: #fff;
}

.account-popup li .more-icon
{
	display: inline-block;
	width: 5px;
	height: 9px;
	background-image: url(/content/images/icons/context-menu-more.png);
	padding-left: 10px;
}

.account-popup li a:focus
{
	outline: none;
	background-color: #666;
	color: #fff;
	text-decoration: none;
	border: none;
}

@media (max-width:720px) 
{
	.account-popup
	{
		top: 0;
		bottom: 0;
		right: 0;
		border-radius: 0;
		position: fixed !important;
		overflow-y: scroll;
		border-bottom: none;
		border-right: none;
	}

	.account-popup.menu-items
	{
		border-bottom-right-radius: 0; 
	}
}

.account-popup li .subline
{
	position: absolute;
	top: 10px;
	font-size: 12px;
	color: #ffffffaa;
}

.account-popup li.has-subline .subline
{
	position: absolute;
	top: 22px;
	line-height: 18px;
}

.layout-container
{
	display: table;
	width: 100%;
	table-layout: fixed;
}

.base-layout-side-column
{
	width: 420px;
	display: table-cell;
	padding-right: 20px;
	box-sizing: content-box;
}

.base-layout-main-column
{
	position: relative;
	margin-left: 20px;
	vertical-align: top;
	display: table-cell;
}

@media (max-width: 1180px)
{
	.base-layout-side-column
	{
		width: 360px;
	}

	.base-layout-main-column
	{
		margin-right: 380px;
	}

	.base-layout-right-column .member-profile
	{
		display: none;
	}
}

@media (max-width: 1020px)
{
	.base-layout-side-column
	{
		width: 330px;
	}

	.base-layout-main-column
	{
		margin-right: 350px;
	}
}

@media (max-width: 980px)
{
	.base-layout-side-column
	{
		width: 300px;
	}

	.base-layout-main-column
	{
		margin-right: 320px;
	}
}

@media (max-width: 900px)
{
	.member-tips-page .base-layout-side-column
	{
		display: none;
	}

	.base-layout-side-column
	{
		display: block;
		width: 100%;
	}

	.base-layout-main-column
	{
		margin: 0 auto;
		display: block;
	}

	.pool-frontpage .rss-feed
	{
		/*display: none;*/
	}
}
 
.ranking-position-control
{
	background: linear-gradient(to top, #eee, #fff);
	border-radius: 4px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
	width: 80px;
	height: 36px;
	border: 1px solid;
	text-align: center;
	position: relative;
	z-index: 2;
}

.ranking-position-control.disabled
{
	border-color: #ccc;
	pointer-events: none;
}

.tooltip
{
	position: absolute;
	background: #000;
	border-radius: 6px;
	color: #fff;
	padding: 3px 10px;
	z-index: 5000;
	pointer-events: none;
	transform-origin: 0 0;
	transform: scale(1);
	transition: transform ease-out 50ms;
	box-shadow: 4px 5px 8px rgba(0, 0, 0, 0.15);
	max-width: 300px;
}

.fork-panel-binding-root .tooltip
{
	position: relative;
}

.tooltip.hidden
{
	transform: scale(0);
}

html
{
	overflow-y: scroll;
}



strong
{
	font-weight: bold;
}

button
{
	border-collapse: separate;
}


/* hide spinners */
input[type='number']
{
	-moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button
{
	-webkit-appearance: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
	-webkit-appearance: none;
	margin: 0;
}

.background-wrapper
{
	background-color: #0d0d0d;
	background-repeat: repeat-y;
	background-position: center top;
	background-attachment: fixed;
}

.match-score.small
{
	font-size: 12px;
	line-height: 12px;
	margin: 0;
	padding: 3px 0;
	height: auto;
	position: relative;
	top: -2px;
}

button.match-score
{
	cursor: pointer;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
}

button.match-score:disabled
{
	cursor: default;
	border-color: #c0c0c0 !important;
}

button.match-score.disabled
{
	cursor: default;
	border-color: #c0c0c0 !important;
}

button.match-score.striped:disabled,
button.match-score.striped
{
	background-image: url(/content/images/dimmed-striped.png);
}

button.match-score.plus span
{
	background-image: url(/content/images/icons/amount-of-goals-plus.png);
	background-repeat: no-repeat;
	background-position: right center;
	display: inline-block;
	width: 19px;
	text-align: left;
	position: relative;
	left: 1px;
}

button
{
	outline: none;
}

h2.dimmed
{
	color: #c0c0c0;
}

h2 .dimmed
{
	color: #c0c0c0;
}

.serializable-state
{
	display: inline-block;
	width: 14px;
	height: 14px;
	user-select: none;
}

.loader
{
	display: inline-block;
	width: 14px;
	height: 14px;
	background-image: url(/content/images/loaders/dot-efefef.gif);
	position: relative;
	top: 2px;
	margin-left: 4px;
}

.loader.error
{
	background-image: url(https://cdn.poules.com/content/images/icons/action-failed.png);
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.loader.dark
{
	background-image: url(/content/images/loaders/dot-4d4d4d.gif);
	opacity: 0.7;
}

.poules-com-logo.frontpage
{
	font-family: 'Oswald', sans-serif;
	font-size: 120px;
	text-align: center;
	height: 150px;
	padding-top: 50px;
}

.poules-com-logo.frontpage .dot
{
	font-family: 'Times New Roman';
	font-size: 170px;
	margin-left: -5px;
	margin-right: -10px;
}

.simple-container
{
	border-radius: 8px;
	background-color: #e3e3e3;
	display: inline-block;
	text-align: center;
	padding: 8px 20px;
	/*font-size: 18px;*/
}

.dark .simple-container
{
	background: #444;
}

.simple-container button.default
{
	margin: 0 10px;
}

td.shadow-column
{
	background-repeat: no-repeat;
	background-image: url(/content/images/table-shadow-column.png?v=2);
}

tr.shadow-row
{
	background-repeat: repeat-x;
	background-image: url(/content/images/table-shadow-row.png);
}

h2
{
	font-size: 24px;
}

h2 button
{
	color: #bbb;
}

h2 button:hover
{
	color: #444;
}

.selected button
{
	/*color: #444;*/
}

h2 .ui-effects-wrapper
{
	display: inline-block;
}

.page-container .column
{
	display: inline-block;
	vertical-align: top;
	margin-left: 15px;
}

.column > .user-image
{
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
}

input.default
{
	padding: 5px;
}

.small-tile
{
	display: inline-block;
	border: 1px solid #c0c0c0;
	border-radius: 2px;
	background: linear-gradient(to top, #eee, #fff);
	margin: 5px 0;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	width: 220px;
	color: #777;
	text-decoration: none;
	line-height: 30px;
	height: 35px;
}

.small-tile span
{
	vertical-align: top;
}

.small-tile .icon
{
	width: 25px;
	height: 25px;
	vertical-align: middle;
	margin-left: 5px;
	border: 1px solid #c0c0c0;
}

.page-container .pool-logo
{
	/*width: 875px;*/
	vertical-align: top;
	display: inline-block;
	background: #fff;
	margin-bottom: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 0px 15px #000000;
	line-height: 0;
	position: relative;
	z-index: 1;
}

.page-container .pool-logo img
{
	position: relative;
}

.page-container .pool-logo img.custom-image
{
	width: 80px;
	height: 80px;
}

.table-shadow
{
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.4);
}

ul.shortcuts li a
{
	background-repeat: no-repeat;
	background-position: 1px 1px;
	padding-left: 24px;
	padding-bottom: 2px;
	font-weight: bold;
	letter-spacing: 0.2px;
	transition: background-position 200ms ease-out, padding-left 200ms ease-out;
	background-size: 16px;
}

ul.shortcuts li a:hover
{
	padding-left: 29px;
	background-position: 7px 2px;
}

ul.shortcuts li.dialog a:hover
{
	background-image: url(/content/images/icons/dialog-white.png);
}

ul.shortcuts li.star a
{
	background-position: 0px -1px;
}

ul.shortcuts li.star a:hover
{
	background-image: url(/content/images/icons/star-white.png);
}

ul.shortcuts li.star.selected a:hover
{
	background-image: url(/content/images/icons/star-white-checked.png);
}

a span.shortcut
{
	display: inline-block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	position: relative;
	padding-right: 6px;
	top: 4px;
	background-position: left center;
}

.match .team
{
	display: inline-block;
}

.match-score.medium
{
	display: inline-block;
	vertical-align: top;
	width: 100px;
	text-align: center;
}

.match-score.medium span
{
	display: inline-block;
	border: 1px solid #c0c0c0;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 6px;
	background: linear-gradient(to top, #eee, #fff);
	padding: 5px;
	line-height: 30px;
}

.team-image.medium
{
	width: 60px;
	height: 60px;
}

.match .team .name
{
	color: #777;
	text-decoration: none;
}

.sheet.feed-item
{
	position: relative;
	padding: 15px;
}

.feed-item .divider
{
	background-color: #c0c0c0;
	height: 1px;
	margin: 7px 0;
}

.feed-item.match .match .team
{
	width: 140px;
	text-align: center;
}

.feed-item .match-block
{
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	background: #f2f2f2;
	margin: 10px -15px;
	padding: 10px 0;
}

.feed-item.match .match a
{
	text-decoration: none;
	color: #777;
}

.community-image.small
{
	width: 30px;
	height: 30px;
}

.timestamp
{
	text-transform: lowercase;
}

.feed-item .pool a
{
	color: #777;
}

.feed-item .pool a:hover span
{
	border-bottom: #777;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
}

#tooltip
{
	position: absolute;
	z-index: 500;
	overflow: visible;
}

#tooltip-container
{
	background: #585858;
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	/*border: 1px solid #777;*/
	padding: 5px;
	line-height: 14px;
	color: #fff;
	margin-top: -10px;
}

#tooltip-arrow
{
	position: absolute;
	left: 20px;
}

#tooltip.right #tooltip-arrow
{
	background-image: url(/content/images/tooltip-arrow-left.png?v=2);
	width: 6px;
	height: 11px;
}

#tooltip.top #tooltip-arrow
{
	background-image: url(/content/images/tooltip-arrow-bottom.png?v=2);
	width: 11px;
	height: 6px;
	bottom: -5px;
}

.icon.more-info
{
	width: 10px;
	height: 10px;
	background-image: url(/content/images/icons/more-info-small.png);
	margin-right: 6px;
	top: 1px;
}

.icon.exclamation-small
{
	width: 10px;
	height: 10px;
	background-image: url(/content/images/icons/exclamation-small.png);
	margin-right: 6px;
	top: 1px;
}

.tooltip-footer
{
	margin-top: 8px;
	font-size: 11px;
	line-height: 16px;
	color: #aaa;
}

.tooltip-footer a
{
	color: #aaa;
	text-decoration: none;
}

.tooltip-footer a:hover
{
	border-bottom: #777 1px dotted;
}

.popup-positioner
{
	position: absolute;
	overflow: visible;
	width: 0;
	height: 0;
}

.head-to-head-control .hidden-tip-icon,
.stepped-match-result-control .hidden-tip-icon,
.full-result-control .hidden-tip-icon,
.winner-control .hidden-tip-icon,
.head-to-head-control .hidden-tip-icon,
.pick-control.hidden-tip .hidden-tip-icon
{
	background-image: url(/content/images/icons/hidden-tip.png);
	background-color: #f6f6f6;
	width: 14px;
	height: 14px;
	background-size: contain;
	opacity: 0.5;
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -7px;
}

.user-select-none
{
	user-select: none;
}

div.search.dropdown
{
	display: none;
	position: absolute;
	background: #fff;
	color: #ccc;
	padding: 5px 0px;
	border: #aaa 1px solid;
	border-top: none;
	width: 250px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
	z-index: 150;
	-moz-border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px;
}

div.search.dropdown li
{
	float: initial;
}

div.search.dropdown li a
{
	position: relative;
	display: block;
	padding-left: 20px;
	height: 35px;
	text-transform: lowercase;
	padding: 5px 0px;
}

div.search.dropdown li a:hover
{
	color: #fff;
}

div.search.dropdown li a.disabled:hover
{
	background-color: #bbb;
}

div.search.dropdown li a.disabled:hover .loader
{
	background-image: url(/content/images/loaders/bbb.gif);
}

.search.dropdown .labels
{
	position: relative;
	top: -4px;
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	width: 180px;
}

.search.dropdown .text
{
	display: block;
	vertical-align: top;
	font-size: 14px;
}

.search.dropdown .user-image
{
	margin-left: 10px;
	width: 32px;
	height: 32px;
}

.sheet.member-profile
{
	border-top-left-radius: 0px;
	overflow: hidden;
	position: relative;
}

.profile.user-image
{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 100px;
	height: 100px;
	border: 5px solid #fff;
}

.member-profile .name
{
	position: absolute;
	top: 15px;
	left: 20px;
}

.member-info
{
	background: #e0e0e0;
	padding: 10px 20px 5px 20px;
	margin: 80px 0 0 0;
}

.sheet .divider.accent
{
	width: 100%;
	height: 2px;
}

button.editable-item
{
	padding: 0;
	width: 120px;
	height: 28px;
	position: relative;
	display: inline-block;
	background: linear-gradient(to top, #eee, #fff);
	border-radius: 4px;
	border: 1px solid;
	width: 250px;
	height: 50px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
	line-height: 26px;
}

button.editable-item .user-amount
{
	position: relative;
	top: -6px;
	display: block;
	color: #777;
}

div.dropdown ul li
{
	padding: 0;
}

div.dropdown ul button
{
	width: 100%;
	margin: 0;
	height: 24px;
}

.table-header ul.buttons li button
{
	position: relative;
	top: -3px;
	color: #888;
	padding: 4px 10px;
}

.table-header .hidden-button
{
	border-radius: 4px;
}

.table-header .hidden-button.show
{
	background: #333;
}

.table-header
{
	user-select: none;
}

.table-header .arrow
{
	display: inline-block;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

.table-header .arrow.left
{
	background-image: url(/content/images/icons/table-header-arrow-left.png);
}

.table-header .arrow.left:hover
{
	background-image: url(/content/images/icons/table-header-arrow-left-hilite.png);
}

.table-header .arrow.right
{
	background-image: url(/content/images/icons/table-header-arrow-right.png);
}

.table-header .arrow.right:hover
{
	background-image: url(/content/images/icons/table-header-arrow-right-hilite.png);
}

.arrow.hidden-button
{
	opacity: 0;
}

.arrow.hidden-button.show
{
	opacity: 100;
}

.table-header ul.buttons li button.selected
{
	color: #fff;
}

.table-header ul.buttons
{
	display: inline-block;
	position: relative;
	top: -1px;
}

.table-header ul.buttons li
{
	position: relative;
	display: inline-block;
	height: 30px;
}

.table-header ul.buttonss li button
{
	display: inline-block;
	top: -2px;
}

.top-message
{
	background: #fff;
	box-shadow: 0px 0px 15px #000000;
	text-align: center;
}

.tooltip
{
	font-size: 12px;
}
/* -----------------------
        Tables
------------------------ */
.table-header
{
	position: relative;
	color: #fff;
	text-align: center;
	padding: 10px;
	background: #383838;
	background-image: url(/content/images/tables/header-bg.png?v=4);
	background-position: left top;
	background-repeat: repeat;
	min-height: 28px;
	border-bottom: 7px solid #383838;
	/* AccentColor */
}

.table-header h2
{
	color: #fff;
	font-size: 18px;
}

.table-header.has-subline
{
	height: 54px;
}

.table-header button.header
{
	position: relative;
	color: #888;
	padding: 3px 10px;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 4px;
} 

@media (min-width:720px)
{
	.table-header button.header.selected
	{
		color: #fff;
	}
} 

.table-body .shadow-column
{
	height: 100%;
	background-repeat: no-repeat;
	background-image: url(/content/images/shadow-edge-right-subtle.png?v=2?v=2);
	background-position: left center;
}

.table-body li
{
	position: relative;
}

.table-body a.subtle
{
	color: #777;
	text-decoration: none;
	font-weight: normal;
}

.table-body a.subtle:hover
{
	color: #777;
	border-bottom: 1px dotted #777;
}

.match-item
{
	position: relative;
}

.match-item .home
{
	display: inline-block;
	width: 160px;
}

.match-item .away
{
	display: inline-block;
	width: 160px;
	text-align: right;
}

.match-item a
{
	text-decoration: none;
	color: #777;
}

.match-item a:hover .team .name
{
	border-bottom: 1px dotted #777;
}

.match-item .team .name
{
	position: relative;
	top: -5px;
	margin: 0 10px;
}

.match-item .score
{
	display: inline-block;
	position: relative;
	top: -7px;
	width: 90px;
}

.bar-container
{
	white-space: nowrap;
}

.bar-container .bar
{
	display: inline-block;
	position: relative;
	height: 10px;
	background: #cc0000;
	border-radius: 0 5px 5px 0;
	overflow: hidden;
}

.bar-container .text
{
	margin-left: 8px;
	position: relative;
	font-size: 11px;
	font-weight: bold;
	vertical-align: top;
}

.bar-container .bar .reflection
{
	position: absolute;
	top: 0;
	left: 0;
	width: 105%;
	/* bit of overflow */
	height: 6px;
	background: #fff;
	opacity: 0.3;
	top: -1px;
}

.bar-container.fat .bar
{
	height: 22px;
	margin-bottom: 4px;
}

.bar-container.fat .text
{
	top: 5px;
}

.pool-tile
{
	display: block;
	position: relative;
	width: 270px;
	color: #777;
	text-decoration: none;
	line-height: 30px;
	margin-top: 5px;
	background: #eee;
	font-size: 12px;
}

.pool-tile .body
{
	display: block;
	border: 1px solid #c0c0c0;
	position: relative;
	height: 50px;
	border-radius: 4px;
	overflow: hidden;
	background: linear-gradient(to top, #eee, #fff);
	margin: 0;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

.pool-tile .official-label
{
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 11px;
	line-height: 20px;
	border-radius: 4px 4px 0 0;
	padding: 0 10px 0 21px;
	background-color: #fff;
	border: 1px solid #c0c0c0;
}

.pool-tile .official-label .icon
{
	position: absolute;
	top: 3px;
	left: 6px;
	display: inline-block;
	width: 11px;
	height: 14px;
	background-image: url(/content/images/icons/official-pool.png);
}

.pool-tile img
{
	position: absolute;
	top: -1px;
	left: -1px;
	width: 50px;
	height: 50px;
	border: 1px solid #c0c0c0;
}

.pool-tile .competition-name
{
	position: absolute;
	text-align: left;
	top: 22px;
	left: 65px;
	right: 6px;
	font-family: Oswald;
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	opacity: 0.9;
	text-transform: uppercase;
	font-weight: 300;
}

.pool-tile .name
{
	font-size: 16px;
	position: absolute;
	top: 2px;
	left: 65px;
	right: 60px;
	color: #888;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.pool-tile .amount-of-members
{
	position: absolute;
	top: 20px;
	left: 65px;
}

.pool-tile .group-icon
{
	position: absolute;
	top: 29px;
	right: 8px;
	opacity: 0.5;
	width: 16px;
	height: 16px;
	left: auto;
	border: none;
}

.pool-tile .group-member-count
{
	position: absolute;
	top: 22px;
	right: 27px;
	height: 16px;
	left: auto;
	border: none;
	text-align: right;
	font-size: 10px;
}

.pool-tile.official
{
	padding-top: 21px;
	border-radius: 4px 0 0 0;
}

.pool-tile.official .body
{
	border-radius: 4px 0 4px 4px;
}

.pool-tile.official .official-label
{
	display: inline-block;
}

.pool-tile.small
{
	line-height: 30px;
	height: 30px;
}

.page-container .sheet
{
	vertical-align: top;
	display: inline-block;
	background: #fff;
	padding: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 0px 15px #000;
	-moz-box-shadow: 0px 0px 15px #000;
	-webkit-box-shadow: 0px 0px 15px #000;
	border-radius: 4px;
}

.popup.menu li button:hover,
.popup.menu li a.dimmed:hover
{
	background-color: #888;
	color: #fff;
}

.page-container .sheet.margin-top
{
	margin-top: 20px;
}

.page-container .sheet.margin-left
{
	margin-left: 20px;
}

.page-container .sheet.margin-right
{
	margin-right: 20px;
}

.page-container .sheet.margin-bottom
{
	margin-bottom: 20px;
}


a.match-link
{
	position: relative;
	display: inline-block;
	height: 46px;
	padding: 0 10px;
	border-radius: 4px;
}

a.match-link:hover
{
	background: #ccc;
}

.popup.dropdown ul li button
{
	text-align: left;
}

.member-sentence
{
	font-size: 11px;
	color: #777;
	white-space: normal;
	line-height: 18px;
}

.member-sentence a
{
	text-decoration: none;
	color: #777;
}

.member-sentence a:hover
{
	border-color: #777;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
}

.markdown
{
	line-height: 20px;
}

.markdown ul
{
	list-style-type: disc;
	margin-left: 20px;
}

.markdown ul li
{
	padding-left: 10px;
	text-align: left;
}

.markdown em
{
	font-style: italic;
}

.markdown p
{
	margin: 5px 0;
}

.markdown ol
{
	list-style: decimal;
}

.markdown ol li
{
	padding: 10px;
	margin-left: 20px;
}

ul.bullets
{
	list-style-type: disc;
	margin-left: 20px;
}

ul.bullets li
{
	padding-left: 10px;
}

ul.bullets.compact li
{
	padding-left: 0;
}

button.notification.icon
{
	position: relative;
	top: 2px;
	width: 40px;
	height: 40px;
	overflow: visible;
	display: inline-block;
	vertical-align: top;
}

.notification .amount,
.notification.amount
{
	display: inline-block;
	background: #ee3f10;
	color: #fff;
	position: absolute;
	padding: 0 3px;
	font-size: 10px;
	border-radius: 20px;
	border-color: #ae1f1f;
	line-height: 13px;
	min-width: 7px;
	left: 23px;
	top: 3px;
}

.notification .amount.zero,
.notification.amount.zero
{
	display: none;
}

.popup.todo-notifications li
{
	width: 230px;
	position: relative;
}

.popup.todo-notifications li a
{
	display: block;
	color: #fff;
	text-decoration: none;
	margin: 0 -10px;
	padding: 0 20px;
	vertical-align: top;
	border-bottom: 1px solid #777;
}

.popup.todo-notifications li:first-child a
{
	border-top: 1px solid #777;
}

.popup.todo-notifications li a:hover
{
	background-color: #888;
}

.popup.todo-notifications li img
{
	position: relative;
	margin-top: 5px;
	left: -10px;
	width: 50px;
	height: 50px;
}

.popup.todo-notifications li .text
{
	display: inline-block;
	vertical-align: top;
	width: 190px;
	margin-left: 5px;
	margin-top: 2px;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 18px;
}

.popup.todo-notifications li .notification.amount
{
	vertical-align: top;
	top: 1px;
}

.icon.stats
{
	background-image: url(https://cdn.poules.com/content/images/icons/stats-gray.png);
	height: 30px;
	width: 30px;
	text-decoration: none;
}

.dot-5x5
{
	background-image: url(/content/images/icons/dot-5x5.png);
	width: 7px;
	height: 7px;
}

.end-of-period
{
	height: 32px;
	line-height: 32px;
	margin: 20px 0 30px 0;
	color: #fff;
	text-align: center;
	border-radius: 0 0 8px 8px;
	box-shadow: 0px 5px 10px #000;
	-moz-box-shadow: 0px 5px 10px #000;
	-webkit-box-shadow: 0px 5px 10px #000;
	background-image: url(/content/images/end-of-period-inner-shadow.png);
	background-repeat: repeat-x;
	background-position: top;
}

.end-of-period.warmup
{
	background-color: #a1a1a1;
}

.table-subheader-extra-info
{
	background: #efefef;
	line-height: 16px;
	color: #777;
	font-size: 12px;
	text-align: center;
	padding: 10px 0 12px 0;
}

.arrow-down-white
{
	background-image: url(https://cdn.poules.com/Content/images/icons/arrow-down-white.png);
	background-size: auto;
}

.arrow-down-dark
{
	background-image: url(https://cdn.poules.com/Content/images/icons/arrow-down-black.png);
	opacity: 0.7;
	background-size: auto;
}

.markdown ul
{
	list-style-type: disc;
	margin-left: 20px;
}
 
.table-header.gray
{
	border-color: #a1a1a1 !important;
}

.select-language-container
{
	position: relative;
	padding: 0;
	background-image: url(/content/images/icons/select-language-container.png);
	width: 22px;
	height: 22px;
	border-radius: 50px;
	overflow: hidden;
}

.select-language-container > img
{
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 22px;
	height: 22px;
}

.period-table + .period-table
{
	margin-top: 20px;
}

.shadow-edge-bottom
{
	background-image: url(/content/images/shadow-edge-bottom.png);
	background-repeat: repeat-x;
	background-position: top center;
	background-size: auto;
}

.shadow-edge-bottom-subtle
{
	background-image: url(/content/images/shadow-edge-bottom-subtle.png);
	background-repeat: repeat-x;
	background-position: top center;
	background-size: auto;
}

.shadow-edge-right-subtle
{
	background-image: url(/content/images/shadow-edge-right-subtle.png);
	background-repeat: repeat-y;
	background-position: center left;
	background-size: auto;
}

.shadow-edge-top
{
	background-image: url(/content/images/shadow-edge-top.png);
	background-repeat: repeat-x;
	background-position: bottom center;
	background-size: auto;
}

.sync-state
{
	display: inline-block;
	text-align: center;
	width: 140px;
	border-radius: 4px;
	background-color: #bbb;
	color: #fff;
	line-height: 26px;
	height: 26px;
	background-size: auto;
}

.sync-state.saved
{
	/*background: #6a8ccc;*/
	background-image: url(/content/images/icons/sync-success.png);
	background-position: 12px 50%;
}

.sync-state.failed
{
	background-color: #cc7e6a;
	cursor: pointer;
}

.table-header .sync-state
{
	background-color: #2a2a2a;
	color: #ddd;
}

.table-header .sync-state.failed
{
	background-color: #e56151;
}

.tip-label
{
	position: relative;
	height: 40px;
	/*margin-right: 220px;*/
}

a.white
{
	color: #fff;
	border-bottom: 1px dotted #fff;
	text-decoration: none;
	padding-bottom: 2px;
}

div.winner-control
{
	cursor: pointer;
}
/*	---------------------------------------
		OLD MAIN.CSS
 --------------------------------------- */


button.accent-border
{
	border: 1px solid;
}

table
{
	border-collapse: collapse;
	border: none;
}
/*.side-bar a
{
	font-weight: bold;
}*/
.sheet p a
{
	padding-bottom: 1px;
}

.sheet p a:hover
{
	padding-bottom: 0px;
}

input
{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
}

input[type=button]
{
	background-color: transparent;
	border: none;
}

input[type=button]:focus,
input[type=submit]:focus
{
	outline: none;
}

header,
footer,
nav,
section
{
	display: block;
}

h1,
h2,
h3
{
	color: #666;
}

h2
{
	font-size: 24px;
	font-weight: normal;
}

h3
{
	font-size: 18px;
	font-weight: normal;
	color: #777;
}

.dark h3
{
	color: #ddd;
}

a.disabled
{
	color: #696969;
}

a.disabled:hover
{
	color: #696969;
	border-bottom: 1px dotted #696969;
}

img.pool-logo
{
	display: block;
}

a.button-flat
{
	position: relative;
	box-sizing: border-box;
	cursor: pointer;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 34px;
	color: #fff;
	border-radius: 4px;
	outline: none;
	display: inline-block;
	text-decoration: none;
}

a.button.default-new,
button.default-new
{
	position: relative;
	box-sizing: border-box;
	cursor: pointer;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 34px;
	color: #fff;
	border-radius: 4px;
	outline: none;
	display: inline-block;
	text-decoration: none;
	box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.35);
	border: 2px solid rgba(0, 0, 0, 0.2);
	background-repeat: no-repeat;
}

.theme-light a.button.default-new,
.theme-light button.default-new
{
	box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.35);
}

a.button.default-new.dimmed,
button.default-new.dimmed,
button.default-new.facebook.dimmed
{
	background-color: #888;
}

a.button.default-new.dimmed:hover,
a.button.default-new.dimmed:focus,
button.default-new.dimmed:hover,
button.default-new.dimmed:focus
{
	background-color: #aaa;
}

a.button.default-new.white-bg,
button.default-new.white-bg
{
	box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.65);
}

button.default,
input[type=submit].default,
div.button.default
{
	position: relative;
	cursor: pointer;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 34px;
	border: 2px solid rgba(0, 0, 0, 0.2);
	color: #fff;
	border-radius: 20px 5px 5px 5px; 
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
	outline: none;
}

a.button.default
{
	position: relative;
	display: inline-block;
	cursor: pointer;
	background-repeat: no-repeat;
	line-height: 34px;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 20px;
	border: 2px solid rgba(0, 0, 0, 0.2);
	color: #fff;
	border-radius: 4px;
	box-shadow: 2px 1px 5px #333;
	-moz-box-shadow: 2px 1px 5px #333;
	-webkit-box-shadow: 2px 1px 5px #333;
	outline: none;
}

button.default.dimmed,
button.default.facebook.dimmed
{
	background-color: #888;
}

button.default:active,
input[type=submit].default:active
{
}

button.default.dimmed:hover,
button.default.dimmed:focus
{
	background-color: #aaa;
}

button.default.gray
{
	background-color: #aaa;
	border-color: #888;
}

.page-container
{
	position: relative;
	background-repeat: repeat-y;
	width: 1240px;
	background-position: bottom;
	min-height: 100%;
	height: auto !important;
	margin: 0 auto -40px;
}

.grating
{
	background-repeat: repeat-y;
	background-position: bottom;
	background-image: url(/content/images/page-background.png);
	background-color: rgba(30, 30, 30, 0.7);
	padding-bottom: 20px;
}

.theme-light .grating
{
	background-image: none;
	background-color: rgba(0, 0, 0, 0.1);
}

.footer-push-hack
{
	height: 40px;
}

footer
{
	position: relative;
	height: 34px;
	padding-top: 6px;
	margin: 0 auto;
	width: 1240px;
	vertical-align: middle;
}

footer ul li
{
	display: inline-block;
	margin-right: 40px;
}

footer a:hover
{
	color: #fff;
	border: none;
}

.float-right
{
	float: right;
}

.page-shadow
{
	box-shadow: 0px 0px 15px #000;
	-moz-box-shadow: 0px 0px 15px #000;
	-webkit-box-shadow: 0px 0px 15px #000;
}

.side-bar
{
	/*width: 350px;*/
	vertical-align: top;
	display: inline-block;
}

.real-side-bar
{
	width: 350px;
}

.side-bar.left
{
	margin-right: 10px;
}

.side-bar.right
{
	margin-left: 10px;
}

.side-bar .part
{
	padding: 10px;
	background-color: #fff;
	box-shadow: 0px 0px 15px #000;
	-moz-box-shadow: 0px 0px 15px #000;
	-webkit-box-shadow: 0px 0px 15px #000;
	margin-bottom: 15px;
}

.side-bar .part.pool-logo
{
	padding: 0px;
	display: inline-block;
	float: left;
}

.side-bar li
{
	height: 30px;
}

.clear
{
	clear: both;
}

.page-container .header
{
	/*background: #fff;*/
}

.page-header
{
	background-color: #fff;
	position: relative;
	z-index: 5;
}

.poules-com-logo
{
	position: relative;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	cursor: default;
	z-index: 10;
}

.header-gap
{
	/*height: 50px;*/
}

.member-profile.user-image
{
	margin-bottom: 15px;
}

label
{
	display: block;
}

.inline-block
{
	display: inline-block;
}

button.points.zero,
span.points.zero
{
	/*background-image: url(/content/images/icons/points-gradient-zero.png);*/
	border: 2px solid #a65625;
	text-shadow: 1px 1px 2px #a65625;
	background-color: #cc7d4d;
}

span.points.part
{
	/*background-image: url(/content/images/icons/points-gradient-partly.png?v=2);*/
	background-color: #8ba06d;
	border: 2px solid #6f894b;
	text-shadow: 1px 1px 2px #6f894b;
}

span.points.multiplier
{
	/*background-image: url(/content/images/icons/points-gradient-multiplier.png);*/
	border: 2px solid #4191a6;
	text-shadow: 1px 1px 2px #4191a6;
	background-color: #70b0c1;
}

.points-question-mark
{
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.2);
	background-image: url(/content/images/icons/points-question-mark.png);
	background-repeat: no-repeat;
	background-size: 15px 10px;
	background-position: right center;
	border-radius: 20px;
	height: 19px;
	padding-right: 20px;
}

.points-question-mark .points
{
	vertical-align: top;
}

.fantasy-price
{
	background-image: linear-gradient(0deg, rgb(255 180 42) 0%, rgb(255 226 29) 100%);
	background-position: center center;
	border-radius: 20px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	min-width: 20px;
	padding: 0 0;
	color: #cb7814;
	border: 2px solid #e8aa2c;
	text-shadow: 1px 1px 1px #ffda5f;
	display: inline-block;
	margin-left: 3px;
	margin-right: 3px;
	box-shadow: -0.5px 0.5px 0 #e8aa2c, -1px 1px 5px #c9983463;
}

.fantasy-price.all-used
{
	background: url(/content/images/icons/fantasy-price-all-used-gradient.png);
	border-color: #bbb;
	color: #999;
	box-shadow: -0.5px 0.5px 0 #bbbbbb, -1px 1px 5px #c7c7c763;
	text-shadow: 1px 1px 1px #e0e0e0;
}

.fantasy-price.negative
{
	background: url(/content/images/icons/fantasy-price-negative-gradient.png);
	border-color: #ae5430;
	color: #9e4625;
	text-shadow: 1px 1px 2px #d78b53;
}

.fantasy-price.dimmed
{
	opacity: 0.4;
}

.top-bar
{
	height: 50px;
	/*background-color: #4d4d4d;*/
}

.hidden
{
	display: none;
}
/* Styles for basic forms
-----------------------------------------------------------*/
fieldset
{
	border: 1px solid #ddd;
	padding: 0 1.4em 1.4em 1.4em;
	margin: 0 0 1.5em 0;
}

legend
{
	font-size: 1.2em;
	font-weight: bold;
}

textarea
{
	min-height: 75px;
}

.editor-label
{
	margin: 1em 0 0 0;
}

.editor-field
{
	margin: 0.5em 0 0 0;
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.validation-summary-errors
{
	display: block;
	font-size: 11px;
	line-height: 16px;
	color: #dd3c10;
	list-style-type: none;
	background-color: #ffc6c6;
	border: 1px solid #dd3c10;
	margin: 10px 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 3px 10px 3px 10px;
}

.validation-summary-errors li
{
	/*background-image: url(/content/images/icons/warning.png);*/
	background-position: left top;
	background-repeat: no-repeat;
}

ul
{
	list-style-type: none;
}

.validation-error
{
	color: #e42f2f;
}

.validation-summary-valid
{
	display: none;
}

ul.title
{
	list-style-type: none;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

ul.title li
{
	display: inline-block;
	margin-right: 50px;
}

ul.title h2
{
	color: #bbb;
}

ul.title h2:hover
{
	color: #444;
}

ul.title li.selected h2
{
	color: #444;
}

.shortcuts a:hover
{
	color: #fff;
	border: none;
}

.thumbnail
{
	margin-left: 10px;
	display: inline-block;
	width: 32px;
	height: 32px;
}

.container
{
	display: inline-block;
	background-color: #eee;
	border: 1px solid #ccc;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 20px;
	padding: 10px;
}

.centered
{
	display: block;
	margin: 0 auto;
}

.page
{
	position: relative;
}

.tile input[type=text]
{
	padding: 5px 15px;
	color: #666;
}

.tile
{
	display: inline-block;
	background-color: #eee;
	border: 1px solid #aaa;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 20px 20px 0px 0px;
	padding: 10px;
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
	/* IE10 Consumer Preview */
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
	/* Mozilla Firefox */
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
	/* Opera */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EEEEEE));
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
	/* Webkit (Chrome 11+) */
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #EEEEEE 100%);
	/* W3C Markup, IE10 Release Preview */
}

.tile .title
{
	color: #666;
}

h2 .arrow
{
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 20px;
	outline: none;
}

h2 .arrow:hover
{
	border: none;
}

h2 .arrow.left
{
	background-image: url(/content/images/title-arrow-left.png);
}

h2 .arrow.right
{
	background-image: url(/content/images/title-arrow-right.png);
}

h2 .arrow.left:hover
{
	background-image: url(/content/images/title-arrow-left-hover.png);
}

h2 .arrow.right:hover
{
	background-image: url(/content/images/title-arrow-right-hover.png);
}

h2 .arrow.right.dimmed
{
	background-image: url(/content/images/title-arrow-right-dimmed.png);
	cursor: default;
}

h2 .arrow.left.dimmed
{
	background-image: url(/content/images/title-arrow-left-dimmed.png);
	cursor: default;
}

h2 a
{
	color: #666;
	text-decoration: none;
}

h2 a:hover
{
	color: #666;
	text-decoration: none;
	border-bottom: 1px dotted #696969;
}

.icon
{
	position: relative;
	display: inline-block;
}

.display-block
{
	display: block;
}

.icon.red-card
{
	background-size: contain;
	background-image: url('/content/images/icons/sub-events/card-red.png?v=3');
	width: 15px;
	height: 17px;
	top: 5px;
}

.icon.yellow-card
{
	background-size: contain;
	background-image: url('/content/images/icons/sub-events/card-yellow.png?v=3');
	width: 15px;
	height: 17px;
	top: 5px;
}

.icon.yellow-red-card
{
	background-size: contain;
	background-image: url('/content/images/icons/sub-events/card-yellow-red.png?v=3');
	width: 15px;
	height: 17px;
	top: 5px;
}

.icon.penalty,
.icon.goal
{
	background-image: url('/content/images/icons/sub-events/soccer-ball.png');
	width: 15px;
	height: 15px;
	top: 5px;
	opacity: 0.65;
	background-size: contain;
}

.icon.goal-own,
.icon.own-goal
{
	background-image: url('/content/images/icons/sub-events/soccer-ball-red.png');
	width: 15px;
	height: 15px;
	top: 5px;
	opacity: 0.65;
	background-size: contain;
}

.icon.missed-penalty
{
	background-image: url('/content/images/icons/sub-events/warning.png');
	width: 15px;
	height: 16px;
	top: 5px;
}

.icon.lineup
{
	background-image: url('/content/images/icons/sub-events/lineup.png');
	width: 15px;
	height: 15px;
	top: 5px;
	left: -4px;
	background-size: contain;
	opacity: 0.5;
}

.icon.substitute-out
{
	background-image: url('/content/images/icons/sub-events/substitute-out.png?v=2');
	width: 15px;
	height: 15px;
	top: 5px;
	background-size: contain;
}

.icon.substitute-in
{
	background-image: url('/content/images/icons/sub-events/substitute-in.png?v=2');
	width: 15px;
	height: 15px;
	top: 5px;
	background-size: contain;
}

.team-logo.small
{
	width: 30px;
	height: 30px;
	outline: none;
	border: none;
	border-radius: 4px;
}

.team-logo.small.flag
{
	border-radius: 4px;
	width: 30px;
	height: 30px;
	margin: 0;
}

.team-logo.very-small
{
	position: relative;
	top: 5px;
	width: 20px;
	height: 20px;
	outline: none;
	border: none;
	border-radius: 2px;
}

.team-logo.team-unknown
{
	visibility: hidden;
}

.message-thread .message a,
.sheet .message a
{
	font-weight: bold;
}

#flot-tooltip
{
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	position: absolute;
	display: none;
	border: 2px solid;
	padding: 2px;
	background-color: #FFF;
	opacity: 0.8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#placeholder
{
	width: 100%;
	height: 300px;
}

.sortheader
{
	cursor: pointer;
	font-weight: bold;
}

.tablestyle
{
	display: table;
	width: 100%;
}

.tablestyle > div
{
	display: table-row-group;
	width: 100%;
}

.tablestyle > ul,
.tablestyle > div > ul,
.tablestyle > li
{
	display: table-row;
	width: 100%;
}

.tablestyle > ul > li,
.tablestyle > div > ul > li,
.tablestyle > li > span
{
	display: table-cell;
	width: 1%;
	padding-right: 10px;
}

.valueinpopup
{
	padding-left: 10px;
}

.loadingdialog
{
	position: fixed;
	left: 50%;
	top: 50%;
}

.hw-accelerated
{
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}

#reorder-positioner
{
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}

.bonus-question-icon
{
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 4px;
}

.match-tips li.most-goals-athlete-component
{
	background: transparent !important;
}

.input-container
{
	background: #fff;
	border-radius: 4px;
	margin: 5px 0;
	position: relative;
	overflow: hidden;
	border: 2px solid transparent;
	height: 36px;
	line-height: 36px;
}

.input-container .watermark
{
	position: absolute;
	left: 20px;
	top: 0;
	line-height: 36px;
	color: #bbb;
	z-index: 1;
}

.input-container input
{
	position: relative;
	background: transparent;
	border: none;
	color: #666;
	padding: 0 2px 0 20px;
	z-index: 2;
	height: 36px;
	line-height: 36px;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

.input-container.show-accept-button.focus input
{
	width: 80%;
}

.input-container .warning-icon
{
	position: absolute;
	right: 5px;
	top: 4px;
	width: 30px;
	height: 30px;
	background-image: url(/content/images/icons/warning.png);
	z-index: 3;
	background-size: auto;
}

.input-container button.accept
{
	display: none;
	z-index: 10;
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	bottom: 0;
	color: #fff;
}

.input-container.focus.show-accept-button button.accept
{
	display: block;
}

a.subtle-link
{
	color: #666;
	text-decoration: none;
}

a.subtle-link:hover
{
	/*color: #777;
	border-bottom: 1px dotted #777;*/
}

a.subtle-link2
{
	color: #777;
	text-decoration: none;
	border-bottom: 1px dotted #777;
}

a.subtle-link2:hover
{
	color: #333;
	border-bottom: 1px dotted #333;
}

.header-link
{
	text-decoration: none;
	color: #777;
}

.header-link h3
{
	display: inline-block;
}

.header-link img
{
	opacity: 0.5;
	padding-left: 5px;
	position: relative;
	top: 1px;
}

.header-link:hover
{
	color: #000;
}

.header-link:hover h3
{
	color: #000;
}

.header-link:hover img
{
	opacity: 1;
}

button.default.join
{
	width: 180px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#cookie-message
{
	position: fixed;
	width: 100%;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.65);
	color: #fff;
	bottom: 0;
	padding: 5px;
	text-align: center;
	box-sizing: border-box;
}

#cookie-message a
{
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

#cookie-message button
{
	line-height: 24px;
	margin-left: 10px;
}

.popup.menu li.dimmed a,
.popup.menu li.dimmed button
{
	opacity: 0.35;
}

.venue-header
{
	width: 100%;
	color: #ccc;
	line-height: 19px;
	height: 14px;
}

.venue-header .type-name
{
	margin: 0 5px;
}

.venue-header .track-length
{
	margin: 0 5px;
	color: #888;
}

.venue-header .start-time
{
	color: #888;
}
 
.pool-logo-2
{
	display: block;
	/*max-width: 420px;*/
	margin: 0 auto;
	width: 100%;
	background: #fff;
	z-index: 2;
	position: relative;
	font-family: Oswald;
	font-size: 36px;
	background-color: var(--primary-color);
	color: #fff;
	padding: 15px 15px;
	line-height: 1em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-transform: uppercase;
	text-align: center;
} 

.pool-logo-2.premium-logo
{
	padding: 0;
}

.pool-logo-2 img
{
	position: relative;
	display: block;
	z-index: 20;
	width: 100%;
	max-width: 420px;
}

.mini-banner-dim-shadow
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 21;
	background: rgba(255, 255, 255, 0.7);
	width: 100%;
	height: 15px;
}

.gender-selection
{
	position: relative;
	display: inline-block;
	background: #fff;
	border-radius: 4px;
	height: 38px;
	width: 80px;
	overflow: hidden;
	user-select: none;
}

.gender-selection button
{
	position: absolute;
	padding: 4px 6px 2px 6px;
	height: 38px;
	left: 0;
	top: 0;
	color: #bbb;
}

.gender-selection button.female
{
	left: 40px;
}

.gender-selection button .letter
{
	position: absolute;
	top: 22px;
	left: 30px;
	font-size: 10px;
	font-weight: bold;
}

.gender-selection button img
{
	width: 28px;
	height: 28px;
	opacity: 0.3;
}

.gender-selection button:hover
{
	background-color: #eee;
}

.gender-selection button img
{
	opacity: 0.2;
}

.gender-selection button.selected
{
	background-color: #ccc;
	color: #777;
}

.gender-selection button.selected img
{
	opacity: 0.6;
}

.pool-description img
{
	max-width: 100%;
}

.match-item .postponed
{
	vertical-align: top;
	width: 80px;
	display: inline-block;
	line-height: 16px;
	margin-top: 13px;
}

.match-item .postponed .postponed-label
{
	vertical-align: top;
	background: #a72d2d;
	color: #fff;
	border-radius: 10px;
	font-size: 11px;
	padding: 2px 10px;
	text-transform: lowercase;
}

html
{
	background-attachment: fixed;
	background-position: center top;
	background-size: cover;
}

button.flat.facebook,
button.default.facebook
{
	background-color: #3b5998;
}

button.flat.facebook:hover,
button.flat.facebook:focus,
button.flat.facebook:active,
button.default.facebook:hover,
button.default.facebook:focus,
button.default.facebook:active
{
	background-color: #4c6aab;
}

a.button.flat.whatsapp,
a.button.default.whatsapp
{
	background-color: #4dc247;
}

a.button.flat.whatsapp:hover,
a.button.flat.whatsapp:focus,
a.button.flat.whatsapp:active,
a.button.default.whatsapp:hover,
a.button.default.whatsapp:focus,
a.button.default.whatsapp:active
{
	background-color: #64ce5e;
}


a.button.flat.light-gray:hover
{
	background-color: #aaa;
	color: #fff;
}

button.flat.facebook.share.large,
button.default.facebook.share.large
{
	background-image: url(/content/images/icons/facebook.png);
	padding-left: 40px;
	height: 40px;
	background-position: 10px 50%;
}

a.flat.whatsapp.share.large,
a.default.whatsapp.share.large
{
	background-image: url(/content/images/icons/whatsapp.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	height: 40px;
	background-position: 10px 50%;
	box-sizing: border-box;
}

.member-graph
{
	width: 100px;
	height: 40px;
	border-left: #aaaaaa 1px solid;
	border-bottom: #aaaaaa 1px solid;
}

.side-bar .user-name
{
	position: relative;
	margin-left: 15px;
	top: -15px;
	color: #9C9C9C;
}

.side-bar .user-name:hover
{
	color: #fff;
	font-weight: 300;
	border: none;
}

ul.steps
{
	margin: 10px 0px;
}

ul.steps li
{
	margin: 0px 20px;
	color: #bbb;
}

ul.steps li .number
{
	width: 36px;
	padding: 2px 0px;
	display: inline-block;
	margin-right: 15px;
	text-align: center;
	height: 100%;
	cursor: pointer;
	border-right: 3px solid;
}

ul.steps li a
{
	color: #ccc;
	text-decoration: none;
}

ul.steps li a:hover
{
	color: #444;
	border: none;
}

ul.steps li.done
{
	color: #9c9c9c;
}

ul.steps li.done .number
{
	color: #696969;
}

/* -----------------------------
			Pools
-------------------------------- */
span.star
{
	color: #888;
	font-family: Verdana;
	background-image: url(/content/images/icons/star.png);
	/*display: inline-block;*/
	line-height: 0px;
	height: 21px;
	padding-left: 28px;
	padding-top: 3px;
	padding-bottom: 1px;
	background-repeat: no-repeat;
	background-position: left center;
}

button.points,
span.points
{
	cursor: default;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
	display: inline-block;
	padding: 1px 5px 1px 5px;
	color: #fff;
	border-radius: 15px;
	background-position: center center;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	border: 2px solid #68a017;
	text-shadow: 1px 1px 2px #4e7811;
	background-color: #90ca3c;
	box-sizing: border-box;
}

span.points.ghost
{
	background: rgba(0,0,0,0.15);
	width: 12px;
	height: 12px;
	border: none;
	box-shadow: none;
	transform: translate(4px, 3px);
}

button.points
{
	cursor: pointer;
}

span.points.royal
{
	position: relative;
	vertical-align: middle;
	top: -2px;
	left: 2px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	text-align: center;
	width: 28px;
	height: 16px;
	line-height: 16px;
	padding: 0;
	color: #fff;
	margin: 0 4px;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgNTAwIDI1MCIgd2lkdGg9IjUwMCIgaGVpZ2h0PSIyNTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIyNDkuMDM5IiB5MT0iLTQuNDM2IiB4Mj0iMjQ5LjAzOSIgeTI9IjI1Mi40MjUiIGlkPSJncmFkaWVudC0wIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjogcmdiKDE3OSwgMTQ3LCAyMjYpOyIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiByZ2IoMTQwLCA5OCwgMjAxKTsiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI0MTguNjciIHkxPSItNC45MDEiIHgyPSI0MTguNjciIHkyPSIxMTcuNzgzIiBpZD0iZ3JhZGllbnQtMSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxLCAwLCAwLCAxLCAyLCAtNykiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiByZ2IoMjU1LCAyMjQsIDIwKTsiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjogcmdiKDIyNCwgMTY1LCAwKTsiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgPC9kZWZzPgogIDxyZWN0IHg9Ii0yLjQ3MSIgeT0iLTQuNDM2IiB3aWR0aD0iNTAzLjAxOSIgaGVpZ2h0PSIyNTYuODYxIiBzdHlsZT0iZmlsbDogdXJsKCNncmFkaWVudC0wKTsiIHRyYW5zZm9ybT0ibWF0cml4KDAuOTk5OTk5OTk5OTk5OTk5OSwgMCwgMCwgMC45OTk5OTk5OTk5OTk5OTk5LCAwLCAtMi44NDIxNzA5NDMwNDA0MDFlLTE0KSIvPgogIDxwYXRoIHN0eWxlPSJmaWxsOiB1cmwoI2dyYWRpZW50LTEpOyIgZD0iTSAzMzMuMTM1IC0xMS45MDEgTCA1MDQuODYgLTExLjMzNCBMIDUwNC4zNyAxNTkuOTQyIEwgMzMzLjEzNSAtMTEuOTAxIFoiIHRyYW5zZm9ybT0ibWF0cml4KDAuOTk5OTk5OTk5OTk5OTk5OSwgMCwgMCwgMC45OTk5OTk5OTk5OTk5OTk5LCAwLCAtMi44NDIxNzA5NDMwNDA0MDFlLTE0KSIvPgo8L3N2Zz4=);
	text-shadow: 1px 1px 1px #5b427e;
	border-radius: 5px;
	border: 2px solid #8c62c9;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	z-index: 5;
	background-size: cover; 
	box-sizing: content-box;
}

span.points.royal.small
{
	background-image: url(/content/images/icons/royal-points-small.png);
	font-size: 10px;
}

span.points.royal.wide
{
	background-image: url(/content/images/icons/royal-points-wide.png);
	width: 60px !important;
}

span.points.set.dimmed
{
	background-image: url(/content/images/icons/set-points-gradient-unclaimed.png);
	border: 2px dotted #8e6ac2;
}

span.points.set.shared
{
	/*background-image: url(/content/images/icons/set-points-gradient-shared.png);
	border: 2px solid #c8bedb;*/
	opacity: 0.6;
}

span.points.large
{
	font-size: 14px;
}

span.points.dimmed
{
	/*background-image: url(/content/images/icons/points-gradient-dimmed.png);*/
	background-color: #bbb;
	border: 2px solid #a0a0a0;
	text-shadow: 1px 1px 2px #555;
}

span.points.dark-gray
{
	background-image: url(/content/images/icons/points-gradient-dark-gray.png?v=2);
	border: 2px solid #767676;
	text-shadow: 1px 1px 2px #555;
}

span.points.dummy
{
	background-image: none;
	background-color: #d1d1d1;
	border: 2px solid #d1d1d1;
	/*background-image: url(/content/images/icons/set-points-gradient-shared.png);
	border: 2px solid #c8bedb;*/
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	text-shadow: none;
	color: #d1d1d1;
}

table a
{
	/*display: inline-block;
	height: 26px;*/
	color: #777;
	text-decoration: none;
	font-weight: normal;
}

table a:hover
{
	color: #777;
	border-bottom: 1px dotted;
}

table tr.striped:nth-child(2n)
{
	background: #fefefe;
}
/* -----------------------------
			Popups
-------------------------------- */
.popup
{
	position: absolute;
	display: none;
	background: #fff;
	color: #666;
	padding: 10px 10px;
	border: #777 1px solid;
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
	z-index: 150;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.popup.dark
{
	background: #4d4d4d;
	color: #bbb;
}

#popup-page-cover
{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
}

.pick-joker-cover
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 480;
	background-color: rgba(0, 0, 0, 0.5);
}

.popup.old-style input[type=text],
.popup.old-style input[type=password]
{
	padding: 2px 10px 2px 10px;
	box-shadow: inset 1px 1px 8px #888;
	-moz-box-shadow: inset 1px 1px 8px #888;
	-webkit-box-shadow: inset 1px 1px 8px #888;
	border: 1px solid #aaa;
	border-radius: 3px;
}

.popup li.divider
{
	height: 1px;
	background: #bbb;
	margin: 0 0;
}

.popup.number-select li button
{
	padding: 4px 6px;
	text-align: center;
	width: 40px;
}

button.flat.tips-wizard-button
{
	margin-left: 15px;
	height: 36px;
	line-height: 36px;
	padding: 0 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	transform: skewX(-10deg);
} 

.legal-register-sentence
{
	position: relative;
	left: 0;
	width: 260px;
	margin: 10px 0;
	line-height: 16px;
	font-size: 11px;
}

.popup:not(.dark) .input-container
{
	border-color: #ccc;
}

button.default.with-shimmer
{
	overflow: hidden;
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}

button.with-shimmer .button-shimmer
{
	position: absolute;
	top: 0;
	left: 0;
	background-position-y: top;
	animation: button-shimmer 3.5s infinite ease-out;
	background-image: url(/content/images/button-shimmer.png);
	width: 378px;
	height: 100px;
	opacity: 0.75;
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}

@keyframes button-shimmer
{
	0%
	{
		transform: translateX(-300px);
	}

	100%
	{
		transform: translateX(300px);
	}
}

.user-feed .live-label
{
	position: relative;
	text-transform: uppercase;
	/*background: #e7e7e7;*/
	font-weight: bold;
	border-radius: 4px;
	font-size: 12px;
	padding: 1px 20px 1px 4px;
}

.user-feed .live-label .off-dot
{
	position: absolute;
	right: 6px;
	top: 6px;
	border-radius: 50px;
	width: 6px;
	height: 6px;
	display: inline-block;
	background: #ccc;
}

.blinking-dot
{
	position: absolute;
	right: 5px;
	top: 5px;
	border-radius: 50px;
	width: 8px;
	height: 8px;
	display: inline-block;
	animation: live-blinking-dot 2s infinite;
}

@keyframes live-blinking-dot
{
	0%
	{
		opacity: 1;
	}

	50%
	{
		opacity: 1;
	}

	51%
	{
		opacity: 0;
	}

	100%
	{
		opacity: 0;
	}
}

.hilite-element
{
	position: absolute;
	border-radius: 6px;
	background: rgba(35, 175, 255, 0.35);
	border: 2px solid #42c6ff;
	box-sizing: border-box;
	pointer-events: none;
}

.select-language-circle
{
	padding: 0;
}

.select-language-circle img
{
	border-radius: 20px;
	width: 24px;
	height: 24px;
}

.options-arrow
{
	background-image: url(/content/images/arrows/options-arrow.png);
	background-size: 80%;
	width: 40px;
	height: 40px;
	background-size: 14px 9px;
	opacity: 0.5;
}

.options-arrow:hover
{
	background-color: #ddd;
}

.member-profile .options-arrow
{
	position: absolute;
	top: 0;
	right: 110px;
	border-radius: 0 0 0 4px;
}

.subtle-block
{
	display: inline-block;
	background: #3c3c3c;
	max-width: 600px;
	line-height: 20px;
	padding: 5px 15px;
	border-radius: 4px;
	color: #aaa;
	user-select: none;
}

.theme-light .subtle-block
{
	background-color: #ccc;
	color: #666;
}

.large-banner-link
{
	position: absolute;
	display: inline-block;
	overflow: visible;
}

.large-banner-link .tooltip
{
	display: inline-block;
	position: absolute;
	background: #000;
	padding: 5px 20px;
	color: #fff;
	border-radius: 4px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.25);
	text-wrap: none;
	white-space: nowrap;
	transition: transform 100ms cubic-bezier(0, 0, 0.6, 1.38);
	transform: scale(0.85, 0.85);
	visibility: hidden;
	transform-origin: left bottom;
}

.large-banner-link:hover .tooltip
{
	visibility: visible;
	transform: scale(1, 1);
}

.default-sheet-padding
{
	padding: 20px;
}

@media (max-width: 499px)
{
	.default-sheet-padding
	{
		padding-left: 5px;
		padding-right: 5px;
	}
}

.popup2.dropdown
{
	padding: 0;
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.popup2.dropdown li
{
	cursor: pointer;
	padding: 5px 15px;
}

.popup2.dropdown li:hover
{
	background: #fafafa;
	color: #000;
}

.actor-img.actor-img
{
	font-family: Oswald;
}

.popup2.dialog
{
	text-align: center;
}

.popup2.dialog button.flat
{
	padding: 0 15px;
}

.copy-to-clipboard-bubble
{
	position: absolute;
	background: #000;
	border-radius: 6px;
	color: #fff;
	padding: 3px 10px;
	z-index: 5000;
	pointer-events: none;
	transform-origin: 50% 50%;
	transform: scale(1);
	transition: transform cubic-bezier(0, 0, 0.6, 1.38) 100ms;
	box-shadow: 4px 5px 8px rgba(0, 0, 0, 0.15);
}

.copy-to-clipboard-bubble.hidden
{
	transform: scale(0);
}

.page-cover
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: 0.5;
	z-index: 1000;
}

input.default2
{
	font-family: Oswald;
	font-size: 16px;
	line-height: 30px;
	border-radius: 4px;
	color: #666;
	border: 2px solid #ccc;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
	outline: none;
}

input.default2::placeholder
{
	color: #bbb;
	opacity: 1;
}

textarea.default2
{
	border-radius: 4px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
	outline: none;
}

.matches-table .date
{
	position: absolute;
	left: 30px;
}

.matches-table .round-name
{
	position: absolute;
	display: inline-block;
	left: 192px;
	width: 200px;
	text-align: center;
}

.matches-table .time
{
	display: inline-block;
	padding-right: 10px;
	width: 60px;
	color: #9c9c9c;
}

.pick-team-component-tips .game-component-icon
{
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 15px 5px 5px 5px; 
	font-family: Oswald;
	font-size: 18px;
	text-align: center;
	line-height: 40px;
	background-size: 36px 36px;
}
html,
body
{
	position: static;
	overflow-x: clip; /* necessary for sticky to work for TODO control */
}

#mobile-navbar
{
	position: fixed;
	width: 100%;
	background-repeat: repeat-x;
	background-position: top;
	bottom: 0;
	z-index: 2010;
	transform: translate3d(0, 0, 0);
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}

#mobile-navbar button .text
{
	color: #fff;
}

#pool-navbar
{
	position: absolute;
	height: 40px;
	background: #fff;
	bottom: 0;
	z-index: 500;
	border-radius: 0 4px 0 0;
	white-space: nowrap;
}

.sub-navbar
{
	padding-left: 20px;
	background: #2b2b2b;
	margin-top: -20px;
	color: #fff;
	line-height: 40px;
	margin-bottom: 20px;
	cursor: default;
}

@media (max-width: 720px)
{
	.sub-navbar
	{
		display: none;
	}
}

.sub-navbar li
{
	float: left;
	text-transform: uppercase;
}

.sub-navbar li a
{
	display: inline-block;
	padding: 0 20px;
}

.sub-navbar li.selected a
{
	color: #fff;
}

.sub-navbar a
{
	color: #ccc;
	text-decoration: none;
}

.sub-navbar li.selected
{
	background: #f00;
}

.navbar .button
{
	display: inline-block;
	position: relative;
	height: 40px;
	min-width: 40px;
	line-height: 40px;
	margin: 0;
	vertical-align: top;
}

.navbar .button img
{
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
}

#pool-navbar.navbar .button img
{
	padding: 2px;
	width: 36px;
	height: 36px;
}

#pool-navbar.navbar a.button
{
	text-decoration: none;
}

#pool-navbar.navbar .button .label
{
	color: #000;
	margin-left: 45px;
}

.navbar .button.disabled img,
.navbar .button.disabled .text
{
	opacity: 0.25;
}

.navbar .button.selected img,
.navbar .button.selected .text
{
	opacity: 1;
}

.navbar .button:hover img,
.navbar .button:hover .text
{
	opacity: 0.8;
}

body
{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#main2
{
	overflow-y: scroll;
	position: absolute;
	top: 0px;
	bottom: 45px;
	left: 0;
	right: 0;
}

.mobile .pick-team-component-tips .tips .serializable-state
{
	left: 5px;
	top: 2px;
}

.grating
{
	max-width: 1240px;
	margin: 0 auto;
}

.mobile .tip-label
{
	height: 44px;
}

.responsive-padding
{
	padding-left: 20px;
	padding-right: 20px;
}

#mobile-navbar
{
	display: none;
}

.frontpage-logo
{
	display: none;
}

.join-pool-container
{
	background-color: #666;
	border-radius: 8px;
	width: 500px;
	padding: 10px;
	box-sizing: border-box;
	margin: 0 auto;
	margin-bottom: 15px;
}

.kaas
{
	background: #f00;
	padding: 20px;
}

.kaas:empty
{
	background: #00f;
}

.join-pool-container:empty
{
	display: none !important;
	background: #f00 !important;
}

/* Desktop (vs non desktop) */
@media (min-width: 1200px)
{
	div.non-desktop
	{
		display: none;
	}
}
/* Non-Desktop (vs desktop) */
@media (max-width: 1199px)
{
	div.non-desktop
	{
		display: block;
	}

	.desktop-only
	{
		display: none !important;
	}
}
/* tablet / desktop */
@media (min-width: 720px)
{
	.only-on-mobile
	{
		display: none;
	}
}
/* mobile (vs bigger than mobile) */
@media (max-width: 720px)
{
	.frontpage-logo
	{
		display: block;
	}

	.budget-left-parent-container-mobile
	{
		display: block !important;
	}

	#mobile-navbar
	{
		display: block;
	}

	.logo-mobile
	{
		display: inline-block !important;
	}

	.large-hero-banner
	{
		display: none;
	}

	.top-navigation
	{
		display: none;
	}

	.account-bar
	{
		display: none;
	}

	.user-navbar
	{
		display: none;
	}

	.navbar .button .label
	{
		display: none;
	}

	.join-pool-container
	{
		width: 100% !important;
		border-radius: 0 !important;
		margin-bottom: 0;
		padding-bottom: 15px;
		padding-top: 15px;
	}

	.sheet.intro
	{
		padding: 5px !important;
	}

	.top-bar-container .poules-com-logo
	{
		display: none;
	}

	.top-bar-container a
	{
		visibility: hidden;
	}

	.sheet.my-profile
	{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

	.small-mobile-padding
	{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

	.no-margin-on-mobile
	{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.no-mobile-margin
	{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.hide-on-mobile
	{
		display: none !important;
	}
}

.mobile a.button.default
{
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	text-align: center;
}

.mobile a.button.default.dimmed
{
	background: #888;
}

.pool-tiles
{
	border-radius: 4px;
	overflow: hidden;
}

.pool-tiles a
{
	display: block;
	position: relative;
	background: linear-gradient(to top, #eee, #fff);
	color: #777;
	text-decoration: none;
	line-height: 30px;
	height: 50px;
	overflow: hidden;
	border-bottom: 1px solid #aaa;
}

.pool-tiles a img
{
	position: absolute;
	top: -1px;
	left: -1px;
	width: 50px;
	height: 50px;
	border: 1px solid #c0c0c0;
}

.pool-tiles a .name
{
	position: absolute;
	top: 0px;
	left: 65px;
}

.pool-tiles a .amount-of-members
{
	position: absolute;
	top: 20px;
	left: 65px;
}

.bonus-question-component .tip-label .label
{
	position: absolute;
	left: 80px;
	line-height: 46px;
	color: #9c9c9c;
}

button.default-more
{
	position: relative;
	cursor: pointer;
	display: block;
	height: 34px;
	width: 100px;
	border-radius: 4px;
}

button.default-more:hover
{
	background-color: rgba(0, 0, 0, 0.07);
}

button.default-more img
{
	width: 20px;
	height: 4px;
	opacity: 0.5;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -2px;
	margin-left: -10px;
}

.popup.dropdown2 input
{
	height: 34px;
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	border-radius: 4px;
}

.popup.dropdown2 .loader
{
	margin-top: 13px;
}

.popup.dropdown2 form
{
	width: 300px;
}

.popup.dropdown2 ul
{
	margin: 10px -10px 0 -10px;
	max-height: 200px;
	overflow-y: auto;
}

.popup.dropdown2 li button
{
	text-align: left;
	height: 34px;
	background: #f3f3f3;
	padding-left: 30px;
	width: 100%;
}

.popup.dropdown2 li:nth-child(2n) button
{
	background: #fff;
}

.popup.dropdown2 li button:hover
{
	color: #fff;
}

.popup.dropdown2 li.selected button
{
	color: #fff;
}

.popup.dropdown2 ul:hover li.selected button
{
	background: #aaa;
}

.popup.dropdown2 .is-submitting li.selected button
{
	background: #aaa !important;
}

.popup.dropdown2 .is-submitting li.selected button:after
{
	content: ' ...';
}

.pool-right-block .pool-logo img
{
	max-width: 100%;
}

.start-page .user-feed
{
	display: block;
	vertical-align: top;
}

.start-page .my-pools
{
	display: inline-block;
	vertical-align: top;
}

@media (max-width: 850px)
{
	.start-page .user-feed
	{
		display: block;
	}

	.start-page .my-pools
	{
		display: none;
	}
}

/* http://yui.yahooapis.com/3.12.0/build/cssreset/cssreset-min.css */
html
{
	color: #000;
	background-color: #FFF;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td
{
	margin: 0;
	padding: 0;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img
{
	border: 0;
}

address,
ol,
ul
{
	list-style: none;
}

caption,
th
{
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6
{
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after
{
	content: '';
}

abbr,
acronym
{
	border: 0;
	font-variant: normal;
}

sup
{
	vertical-align: text-top;
}

sub
{
	vertical-align: text-bottom;
}

input,
textarea,
select
{
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

input,
textarea,
select
{
	*font-size: 100%;
}

legend
{
	color: #000;
}

#yui3-css-stamp.cssreset
{
	display: none;
}

.abs
{
	position: absolute;
}

.rel
{
	position: relative;
}

.align-top
{
	vertical-align: top;
}

.align-bottom
{
	vertical-align: bottom;
}

.hidden
{
	display: none;
}

.block
{
	display: block;
}

div.inline
{
	display: inline-block;
}

.inline-block
{
	display: inline-block;
}

.float-right
{
	float: right;
}

.float-clear
{
	clear: both;
}

button
{
	background-color: transparent;
	border: none;
	cursor: pointer;
}

.clear-fix:after
{
	content: " ";
	display: block;
	height: 0;
	clear: both;
}

.ql-container .ql-editor
{
	position: relative;
	outline: none;
	border: 1px dashed #ccc;
	padding: 5px 15px;
	margin-left: -15px;
	margin-right: -15px;
	border-radius: 8px;
}


.ql-clipboard
{
	left: -100000px;
	height: 1px;
	overflow-y: hidden;
	position: absolute;
	top: 50%;
}

.rich-text-toolbar
{
	position:  absolute;
	top: -40px;
	left: -20px;
	background: #fff;
	box-shadow: 2px 2px 15px rgba(0,0,0,0.2);
	border-radius: 8px;
	padding: 2px 10px;
	transform: scale(1,0);
	transform-origin: right bottom;
	transition: transform 200ms ease-out 500ms;
	line-height: 0;
	cursor: default;
	display: flex;
}


.custom-editable-text .rich-text-toolbar:active,
.custom-editable-text:focus-within .rich-text-toolbar
{
	transform: scale(1,1);
	transition: transform 200ms ease-out 0ms;
}

.rich-text ul
{
  list-style-type: disc;
  margin-left: 20px;
}

.rich-text ul li 
{
  padding-left: 10px;
}

.rich-text em
{
	font-style: italic;
}



.rich-text-toolbar button.format
{
	width: 30px;
	height: 30px;
	padding: 0;
	background-size: 20px 20px;
	background-color: #fff;
	opacity: 0.7;
	border-radius: 4px;
}

.rich-text-toolbar button.format:hover
{
	filter: brightness(0.9);
	opacity: 1;
}

.rich-text-toolbar button.format.bullets		{	background-image: url(/content/text-editor/bullets.png);		}
.rich-text-toolbar button.format.bold			{	background-image: url(/content/text-editor/bold.png);			}
.rich-text-toolbar button.format.italic			{	background-image: url(/content/text-editor/italic.png);			}
.rich-text-toolbar button.format.underline		{	background-image: url(/content/text-editor/underline.png);		}
.rich-text-toolbar button.format.strike-through	{	background-image: url(/content/text-editor/strike-through.png);	}
.rich-text-toolbar button.format.h1				{	background-image: url(/content/text-editor/h1.png);				}
.rich-text-toolbar button.format.h2				{	background-image: url(/content/text-editor/h2.png);				}