.theme-showcase h2 
{
	font-weight: bolder;
	margin-bottom: 3rem;
}

.scrolled-block
{
	width: 100%;
	overflow: auto;
}

.container 
{
	width: 1230px;
	max-width: 100% !important;
	padding: 0 15px;
}

#holder
{
	padding: 0 15px;
	margin-bottom: 4rem;
}

.calendar-day 
{
	width: 100px;
	min-width: 100px;
	max-width: 100px;
	height: 80px;
}

.calendar-table 
{
	margin: 0 auto;
	width: 100%;
}

.selected 
{
	background-color: #eee;
}

.outside .date 
{
	color: #ccc;
}

.timetitle 
{
	white-space: nowrap;
	text-align: right;
}

.calendar-options
{
	background: #f6faff;
	border-top: 1px solid #b5d0e6;
	padding: 1rem 0;
	margin: 0 15px 1rem;
}

.calendar-options + div
{
	padding: 0 15px;
	margin-bottom: 2rem;
}

.calendar-options h3
{
	font-weight: bold;
	font-size: 1.5rem;
	margin: 0 0 1.75rem;
}

.calendar-options > .row > div
{
	padding: 0 5rem;
}

.calendar-options > .row > div:last-of-type
{
	border-left: 1px solid #b5d0e6;
}

.calendar-options label
{
	font-weight: normal;
	cursor: pointer;
}

.calendar-options input[type="checkbox"]
{
	float: left;
	width: 0;
	height: 0;
	margin: 0;
	border: none;
	visibility: hidden;
}

.calendar-options input[type="checkbox"] + label:before
{
	content: "";
	display: inline-block;
	margin-bottom: 13px;
	width: 24px;
	height: 24px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	cursor: pointer;
	float: left;
	position: relative;
	right: 1rem;
	bottom: .2rem
}

.calendar-options input[type="checkbox"]:checked + label::before
{
	background: url("/images/content/contests/calendar/check.png") no-repeat center center;
}

#contests-type-list
{
	display: none;
}

#contests-type-list > div span
{
	display: block;
	width: 100%;
	height: 24px;
	background: #c6e4ff;
}

#contests-type-list > div:nth-of-type(3) span
{
	background: #ffd988;
}

#contests-type-list > div:last-of-type span
{
	background: #d19bce;
}

#contests-type-list > div > div
{
	white-space: nowrap;
}

#events-check-list.with-contests-mode + #contests-type-list
{
	display: inline-block;
	animation: fadeIn .2s linear;
}

.month-change > span
{
	font-weight: bolder;
}

.month-change a
{
	font-family: monospace;
	font-weight: bold;
	font-size: 1.5rem;
	cursor: pointer;
	color: #f6951e;
}

.month-change a:hover
{
	text-decoration: none;
	opacity: .75;
}

.month-change a.disbled
{
	color: #cccccc;
}

.month-change .js-cal-option
{
	margin: -0.2rem 0 0 .5rem;
}

.event
{
	border-top: 1px solid #cce2ff;
	border-bottom: 1px solid #cce2ff;
	background-image: linear-gradient(to bottom, #cce2ff 0px, #cce2ff 100%);
	background-repeat: repeat-x;
	color: #333333;
	font-size: .75em;
	padding: 0 .75em;
	line-height: 1.75em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 4px;
}

.event.begin
{
	margin-left: 10px;
	border-left: 1px solid #cce2ff;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.event.end
{
	margin-right: 10px;
	border-right: 1px solid #cce2ff;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.event.paid-contest
{
	border-top: 1px solid #fad993;
	border-bottom: 1px solid #fad993;
	background-image: linear-gradient(to bottom, #fad993 0px, #fad993 100%);
	background-repeat: repeat-x;
}

.event.paid-contest.begin
{
	border-left: 1px solid #fad993;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.event.paid-contest.end
{
	border-right: 1px solid #fad993;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.event.live-contest
{
	border-top: 1px solid #d19bce;
	border-bottom: 1px solid #d19bce;
	background-image: linear-gradient(to bottom, #d19bce 0px, #d19bce 100%);
	background-repeat: repeat-x;
}

.event.live-contest.begin
{
	border-left: 1px solid #d19bce;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.event.live-contest.end
{
	border-right: 1px solid #d19bce;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.event.registration
{
	background-image: linear-gradient(to bottom, #95dd8d 0px, #95dd8d 100%);
	border-color: #95dd8d;
}

.event.ended
{
	background-image: linear-gradient(to bottom, #d1dae5 0px, #d1dae5 100%);
	border-color: #d1dae5;
}

.event.paid-contest.ended
{
	background-image: linear-gradient(to bottom, #efdfbf 0px, #efdfbf 100%);
	border-color: #efdfbf;
}

.event.live-contest.ended
{
	background-image: linear-gradient(to bottom, #ae97ad 0px, #ae97ad 100%);
	border-color: #ae97ad;
}

.event.registration.ended
{
	background-image: linear-gradient(to bottom, #c6e2bf 0px, #c6e2bf 100%);
	border-color: #c6e2bf;
}

.calendar-day .event > span.title  a
{
	color: #333333;
	font-weight: bold;
}

.calendar-day .event > span.title > a:hover
{
	text-decoration: none;
}

.event,
.calendar-day:not(.c-saturday) .event.begin:not(.end)
{
	display: list-item;
	list-style: auto;
}

.calendar-day:not(.c-saturday):not(.c-sunday) .event:not(.end) > span.title
{
	position: absolute;
	margin-left: .2rem;
	overflow: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.calendar-day:not(.c-saturday):not(.c-sunday) .event:not(.end) > span.title::-webkit-scrollbar
{
	display: none;
}

.event.clear 
{
	height: 23px;
	background: none;
	border: 1px solid transparent;
}

.table-tight > thead > tr > th,
.table-tight > tbody > tr > th,
.table-tight > tfoot > tr > th,
.table-tight > thead > tr > td,
.table-tight > tbody > tr > td,
.table-tight > tfoot > tr > td 
{
	padding-left: 0;
	padding-right: 0;
}

.table-tight-vert > thead > tr > th,
.table-tight-vert > tbody > tr > th,
.table-tight-vert > tfoot > tr > th,
.table-tight-vert > thead > tr > td,
.table-tight-vert > tbody > tr > td,
.table-tight-vert > tfoot > tr > td 
{
	padding-top: 0;
	padding-bottom: 0;
}

.table-tight > tbody > tr > td
{
	height: 200px;
	min-height: auto;
	background: #f5fafe;
	border: 1px solid #d6e6f5;
}

.table-tight > tbody > tr > td.outside
{
	background: #fdfeff;
	border-color: #eef5fb;
}

.calendar-table tbody tr td
{
	padding-top: 0;
}

.calendar-table .date 
{
	display: flow-root;
	width: 100%;
	padding: 5px 10px;
	font-size: .9em;
	font-weight: bolder;
	border-bottom: 1px solid #d6e6f5;
	margin-bottom: .5rem;
}

.calendar-table .outside .date
{
	border-color: #eef5fb;
}

.calendar-table .date > span 
{
	float: right;
}

.calendar-table .today 
{
	border: 2px solid #0266bd !important;
	border-top: 0 !important;
	border-bottom: 1px solid #0266bd !important;
	box-shadow: inset 0 -1px 0 0 #0266bd;
}

.calendar-table .today .date 
{
	color: #0266bd;
	border-top: 2px solid #0266bd;
	padding-bottom: 4px;
}

.calendar-table .today .date
{
	position: relative;
	top: -1px;
}

.calendar-table .today .event:nth-of-type(2)
{
	margin-top: -1px;
}

.calendar-table .c-saturday,
.calendar-table .c-sunday
{
	background: #f9f9f9;
}

.calendar-table .c-saturday .date,
.calendar-table .c-sunday .date
{
	color: #ff3131;
}

.event + .popover
{
	color: #ffffff;
	background: #0066c3;
	font-size: .75rem;
	text-align: center;
	padding: .5rem 1.25rem;
	border-radius: 5px;
	position: absolute;
	margin-top: -.2rem;
	z-index: 3;
}

.event + .popover:before
{
	content: "";
	background: #0066c3;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
	position: absolute;
	left: calc(50% - 8px);
	bottom: -4px;
	z-index: -1;
}

.event + .popover > .popover-title
{
	display: none;
}

.clandar-content h2 + p.tac
{
	font-size: 24px;
	margin-bottom: 5rem;
}

.calendar-content-text
{
    margin-left: 15px;
    margin-bottom: 1rem;
}