@import "media.css";

BODY.simple {
	background: rgb(27, 28, 29);
	padding: 0 20px;
}

BODY.simple > .grid {
	height: 100%;
}

BODY.simple .column {
	max-width: 650px;
}

BODY.simple .column#loginform {
	max-width: 350px;
}

BODY {
	background-color: lightgray;
	background: url(/images/background.png) 50% 0 fixed;
	padding: 0;
	min-width: auto !important;
}

#container {
	max-width: 1198px;
	width: 100%;
	margin: 0 auto 50px auto;
}


HEADER {
	text-align: center;
	padding: 0;
	line-height: 0;
	margin: 0 -1px;
	width: calc(100% + 2px);
	max-width: calc(100% + 2px);
}

HEADER IMG {
	max-width: 100%;
	margin: 0;
	padding: 0;
}

HEADER IMG.logo {
	margin: 40px 0;
	width: auto;
	max-width: 85%;
	max-height: 150px;
}

HEADER IMG.banner {
	width: 100%;
}


@media only screen and (max-width: 767px) {
}


NAV {
	margin-top: 0;
}

#container NAV.ui.menu .dropdown.item .menu {
	border-radius: 0;
	border-top: 0;
}

#container NAV.ui.menu .ui.dropdown .menu > .item {
	font-size: .9em;
}

#container FOOTER {
	margin-bottom: 0;
}

FOOTER .ui.list > .item {
	float: left;
	clear: both;
}


#container NAV.ui.inverted.menu .active.item,
#container NAV.ui.inverted.menu .active.item:hover,
#container NAV .ui.inverted.menu .active.item,
#container NAV .ui.inverted.menu .active.item:hover {
	background: rgba(255, 255, 255, 0.15);
}

#copyright {
	height: 100%;
}

#copyright P {
	margin: .2em 0 0 0;
}

#copyright P:first-child {
	margin: 0;
}

#paymentsystems {
	padding-bottom: 10px;
}

#paymentsystems IMG {
	opacity: .5;
}

#platform {
	padding-top: 8px;
	line-height: 1.7em;
}

#platform IMG {
	margin: -2px 0 0 3px;
}


#container NAV.ui.top.attached.menu > .item:first-child {
	border-radius: 0;
}

#container .ui.segment {
	border: none;
	border-radius: 0;
}

#container .text.menu {
	margin: 0;
}

.bottom.segment {
	padding-top: 0;
	padding-bottom: 0;
}

#container .ui.stackable.grid {
	margin-left: -1rem;
	margin-right: -1rem;
}

#container .ui.borderless.inverted.menu {
	border-radius: 0 !important;
}


SECTION#footerbanner {
	line-height: 0;
}

SECTION#footerbanner IMG {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

SECTION#footerbanner IMG.mobile {
	display: none;
}

@media only screen and (max-width: 1219px) {
	SECTION#footerbanner IMG.nomobile {
		display: none;
	}

	SECTION#footerbanner IMG.mobile {
		display: block;
	}
}


@media only screen and (max-width: 1200px) {
	#container {
		margin-bottom: 0;
	}
}


NAV.ui.mobile {
	display: none;
}

@media only screen and (max-width: 767px) {
	#container NAV.ui.nomobile {
		display: none;
	}

	#container NAV.ui.mobile {
		display: block;
	}

	NAV.ui.mobile .ui.vertical.menu .ui.dropdown.item {
		background-color: unset;
	}

	NAV.ui.mobile .ui.vertical.menu .ui.dropdown.item .menu {
		position: static;
		width: 100%;
		background-color: unset;
		margin-bottom: -.92857143em;
	}

	#container NAV.ui.mobile .ui.vertical.menu .ui.dropdown.item .menu > .item {
		color: rgba(255, 255, 255, .5);
		margin: 0 -1.14285714em;
	}

	NAV.ui.mobile .ui.vertical.menu .ui.dropdown.item .menu > .item:hover {

	}

	NAV.ui.mobile .ui.borderless.inverted.menu {
		flex-wrap: wrap;
	}

}


.ui.form .inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.ui.form .inputfile + label {
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	font-size: .85714286rem;
}

.ui.form .image {
	display: block;
	margin-bottom: .28571429rem;
}

textarea {
	font-family: Lato;
}

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


MAIN blockquote {
	font-style: italic;
	padding: 2px 0;
	border-style: solid;
	border-color: #ccc;
	border-width: 0;
}

MAIN .cke_contents_ltr blockquote {
	padding-left: 1em;
	padding-right: .5em;
	border-left-width: 3px;
}

MAIN .cke_contents_rtl blockquote {
	padding-left: .5em;
	padding-right: 1em;
	border-right-width: 3px;
}

MAIN A {
	text-decoration: underline;
}

MAIN hr {
	border: 0px;
	border-top: 1px solid #ccc;
}

MAIN img.right {
	border: 1px solid #ccc;
	float: right;
	margin-left: 15px;
	padding: 5px;
}

MAIN img.left {
	border: 1px solid #ccc;
	float: left;
	margin-right: 15px;
	padding: 5px;
}

MAIN pre {
	white-space: pre-wrap; /* CSS 2.1 */
	word-wrap: break-word; /* IE7 */
	-moz-tab-size: 4;
	tab-size: 4;
}

MAIN img {
	max-width: 100%;
	height: auto;
}

MAIN .marker {
	background-color: Yellow;
}

MAIN span[lang] {
	font-style: italic;
}

MAIN figure {
	text-align: center;
	outline: solid 1px #ccc;
	background: rgba(0, 0, 0, 0.05);
	padding: 10px;
	margin: 10px 20px;
	display: inline-block;
}

MAIN figure > figcaption {
	text-align: center;
	display: block; /* For IE8 */
}


/* Widget Styles */
MAIN .code-featured {
	border: 5px solid red;
}

MAIN .math-featured {
	padding: 20px;
	box-shadow: 0 0 2px rgba(200, 0, 0, 1);
	background-color: rgba(255, 0, 0, 0.05);
	margin: 10px;
}

MAIN .image-clean {
	border: 0;
	background: none;
	padding: 0;
}

MAIN .image-clean > figcaption {
	font-size: .9em;
	text-align: right;
}

MAIN .image-grayscale {
	background-color: white;
	color: #666;
}

MAIN .image-grayscale img, img.image-grayscale {
	filter: grayscale(100%);
}

MAIN .embed-240p {
	max-width: 426px;
	max-height: 240px;
	margin: 0 auto;
}

MAIN .embed-360p {
	max-width: 640px;
	max-height: 360px;
	margin: 0 auto;
}

MAIN .embed-480p {
	max-width: 854px;
	max-height: 480px;
	margin: 0 auto;
}

MAIN .embed-720p {
	max-width: 1280px;
	max-height: 720px;
	margin: 0 auto;
}

MAIN .embed-1080p {
	max-width: 1920px;
	max-height: 1080px;
	margin: 0 auto;
}


MAIN TABLE {
	border: 1px solid #ccc;
	border-collapse: collapse;
}

MAIN TABLE.clear,
MAIN TABLE.clear TR,
MAIN TABLE.clear TD {
	border: none !important;
}


@media only screen and (max-width: 767.98px) {
	MAIN .ui.table:not(.unstackable) > tbody > tr > td:first-child, .ui.table:not(.unstackable) > tbody > tr > th:first-child, .ui.table:not(.unstackable) > tfoot > tr > td:first-child, .ui.table:not(.unstackable) > tfoot > tr > th:first-child, .ui.table:not(.unstackable) > thead > tr > th:first-child, .ui.table:not(.unstackable) > tr > td:first-child, .ui.table:not(.unstackable) > tr > th:first-child {
		font-weight: inherit;
	}
}


MAIN #mediator-player {
	width: 100%;
	padding-bottom: 56.25%;
	height: 0;
	height: auto;
	background: #ffffff;
	position: relative;
	margin-bottom: 1.5em;
}

MAIN #mediator-player-container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

MAIN #mediator-player IFRAME {
	width: 100%;
	height: 100%;
}

MAIN A.ui.card {
	text-decoration: none !important;
}

#container MAIN .ui.card, MAIN .ui.cards > .card {
	border-radius: 0;
	border: none;
	background-color: #f0f0f0;
	-webkit-box-shadow: none;
	box-shadow: none;
}


@media only screen and (max-width: 767px) {
	.ui.stackable.cards {
		margin-top: 0;
	}
}


#loginforms {
	max-width: 39em;
	margin: 0 auto;
}

.ui.form.login,
.ui.form.addfields {
	padding: .5em 0 0 0;
}

#submitsignupform, #submitform, #submitrestoreform, #submitloginform {
	margin-top: .5em;
}

#submitrequiredform {
	margin-top: .5em;
	margin-bottom: .8em;
}

.ui.form.login div.centered {
	text-align: center;
}

.ui.form.login H3 {
	text-align: center;
}

#loginforms.authkey {
	text-align: center;
}

#loginforms.authkey button.second {
	margin: 1rem auto;
}


.ui.form.accesscode {
	padding: .5em 0 1em 0;
}

.ui.form.accesscode div.centered,
.ui.form.accesscode div.field {
	text-align: center;
}

#container .ui.form.accesscode input {
	text-align: center;
	max-width: 15em;
	margin: 0 auto;
}

.ui.form.accesscode button {
	margin-right: 0;
}

.ui.vk.button {
	background-color: #4680C2;
}

.ui.vk.button:hover {
	background-color: #3e78bb;
}

.ui.vk.button:active {
	background-color: #3671b5;
}


h1:first-child, h2:first-child {
	margin-top: -0.2em;
}

#submenu {
	margin-left: 0em;
}

.ui.form.account {
	padding: 0 0 0 0;
}

.ui.form .warning.message {
	display: block;
}

#container #authblock {
	background-color: rgb(249, 250, 251);
	border: 1px solid rgba(34, 36, 38, 0.15);
	max-width: 42em;
	margin: 2em auto;
	border-radius: .28571429rem;
	clear: both;
}

#authblock H4,
#accountauthblock H4 {
	text-align: center;
	padding: .5em 0 0 0;
}

#container #authblock .segment {
	background-color: rgb(249, 250, 251);
}

#authblock #mediatoraccountform {
	max-width: 39em;
	margin: 0 auto;
	padding: 0 1em 1em 1em;
}

#authblock #loginforms_text,
#accountauthblock #loginforms_text {
	max-width: 39em;
	margin: 0 auto 1rem auto;
	padding: 0 1em;
}

#container .ui.placeholder.segment {
	border-radius: .28571429rem;
	border: 1px solid rgba(34, 36, 38, .15);
}

.ui.placeholder.segment .ui.icon.header {
	margin: 2rem 0 2rem;
}

.form.login .ui.checkbox {
	margin-top: .5em;
}

#logintabs a.item.hidden {
	display: none;
}


@media only screen and (max-width: 767.98px) {
	#container .ui.ui.ui.ui.table.basic.clear:not(.unstackable) > tbody > tr {
		padding-top: 0;
		padding-bottom: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}


#loginforms .ui.header:first-child {
	margin-top: .5em;
}


BODY.iframe {
	background: white;
	padding: 0;
}

BODY.iframe MAIN {
	padding: 10px;
}

BODY.iframe MAIN #mediator-player {
	margin-bottom: 0;
}

BODY.iframe MAIN #roombuttons {
	margin-top: 0.3em;
}


#feedback_likes {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 12px 12px;
}

#feedback_likes .ui.dividing.header {
	padding-bottom: .6em;
}

#feedback_likes .ui.feed {
	font-size: 0.95em;
}

#feedback_likes .ui.feed > .event > .content .extra.text {
	line-height: 1.2em;
	margin: 0;
}

#feedback_likes .ui.feed > .event > .content .meta {
	margin-top: .2em;
}


#feedback_likes A {
	text-decoration: none;
}

#container #feedback_likes P {
	margin: 0;
	line-height: 1.2em;
}

#container #feedback_likes A.like.disabled I,
#container #feedback_likes A.like.disabled:hover I {
	color: rgba(0, 0, 0, .5);
}

#container #feedback_likes A.like.disabled,
#container #feedback_likes A.like.disabled:hover {
	color: rgba(0, 0, 0, .5);
}


@media only screen and (max-width: 767.98px) {
	#container #feedback_likes_container {
		height: 300px;
		margin-top: -.5em;
	}
}


@media only screen and (max-width: 767.98px) {
	#container .ui[class*="two column"].grid > .column:not(.row), #container .ui[class*="two column"].grid > .row > .column {
		width: 50%;
	}
}

@media only screen and (max-width: 670px) {
	#container .ui.grid > .stackable.stackable.stackable.row > .column,
	#container .ui.stackable.grid > .column.grid > .column,
	#container .ui.stackable.grid > .column.row > .column,
	#container .ui.stackable.grid > .column:not(.row),
	#container .ui.stackable.grid > .row > .column,
	#container .ui.stackable.grid > .row > .wide.column,
	#container .ui.stackable.grid > .wide.column {
		width: 100% !important;
		margin: 0 0 !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		padding: 1rem 1rem !important;
	}
}


.dropdown .corner.label {
	font-size: .64285714rem;
}

.loginlink, .restorelink, .authkeylink, .restorekeylink {
	cursor: pointer;
}

.mobyvote {
	position: relative !important;
	overflow: hidden !important;
}

#feedbacksegment {
	background: #f5f5f5;
	box-shadow: none;
}


.ui.form .field > label P,
.ui.checkbox label P, .ui.checkbox + label P {
	margin: .14285715rem 0;
	font-weight: normal;
}

.ui.form .field > label P:first-child,
.ui.checkbox label P:first-child, .ui.checkbox + label P:first-child {
	margin-top: 0;
}

.ui.form .field > label P:last-child,
.ui.checkbox label P:last-child, .ui.checkbox + label P:last-child {
	margin-bottom: 0;
}


#container #scene_player .placeholder {
	min-height: 442.888px;
}

#container .ui.placeholder.segment {
	border: none;
	border-radius: 0;
}

#scene_player .placeholder H3,
#scene_right .placeholder H3,
#scene_bottom .placeholder H3 {
	text-align: center;
	font-size: 1.28571429rem;
}


#container DIV.unichat {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: -webkit-inline-box !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

#scene_bottom DIV.unichat {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	width: 100%;
}

DIV.unichat H3 {
	text-align: center;
}

#container .unichat_container {
	height: 100%;
	min-height: auto;
	/*overflow:hidden !important;*/
	position: relative !important;
	margin-bottom: 0;
	margin-top: 0;
	background: #f5f5f5;
	box-shadow: none;
	overflow-y: unset !important;
}

#container #scene_bottom .unichat_container {
	min-height: 18em !important;
}

#container #scene_bottom .unichat_container.feedback {
	min-height: auto !important;
}

#container .unichat_feed {
	position: absolute;
	max-height: 100%;
	left: 0;
	bottom: 0;
	right: 0;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 12px 12px;
}

#container .unichat_message {
	resize: none;
	padding: .5em;
	margin: .5em 0 0 0;
	height: 3.6em;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: none;
	border-color: #2185d0;
}

#container .emojionearea .emojionearea-editor {
	padding: 3px 20px 3px 8px;
	margin: 0;
	min-height: 100%;
	max-height: 100%;
}

#container .unichat_message.emoji {
	padding: 0;
}

#container .unichat_message.feedback {
	min-height: 10em;
	max-width: 100%;
	width: 100%;
}

#container .unichat_submit.feedback {
	max-width: 100%;
	width: 100%;
}

#container .unichat_pin_message {
	margin: 2px 0 .6em 0;
}

#container .unichat_feed .ui.feed,
#container .unichat_pin .ui.feed {
	font-size: 0.95em;
	text-align: left;
}

.unichat_feed .ui.feed > .event,
.unichat_pin .ui.feed > .event {
	align-items: flex-end;
}

#container .unichat_feed .content,
#container .unichat_pin .content {
	font-size: 0.95em;
	text-align: left;
}

#container .unichat_feed .content .extra.text,
#container .unichat_pin .content .extra.text {
	line-height: 1.2em;
	margin: 0;
}

#container .unichat_feed .meta,
#container .unichat_pin .meta {
	margin: 0;
	display: flex;
	flex-direction: row;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	white-space: nowrap;
	text-align: right;
	font-size: 0.9em;
}


#container .unichat_feed A,
#container .unichat_pin A {
	text-decoration: none;
}

#container .unichat_feed P,
#container .unichat_pin P {
	margin: 0;
	line-height: 1.2em;
}

.unichat_feed A.like:hover,
.unichat_pin A.like:hover {
	cursor: pointer;
}

.unichat_feed A.reply:hover,
.unichat_pin A.reply:hover {
	cursor: pointer;
}
.unichat_feed A.reply,
.unichat_pin A.reply {
	border:none !important;
	margin-left:.3em;
}

.unichat_feed .content .header::before,
.unichat_pin .content .header::before {
	display:none !important;
}

.unichat_feed CITE,
.unichat_pin CITE {
	font-style:normal;
	display:block;
    margin-bottom:.3em;
    border-left: 3px solid #aaa;
    padding: 0 0 0 8px;
}
.unichat_feed CITE .summary,
.unichat_pin CITE .summary {
	font-size:.8em !important;
	line-height:1.3em !important;
}
.unichat_feed CITE P,
.unichat_pin CITE P {
	font-size:.8em !important;
	line-height:1.3em !important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}


.ui.form .message.unichat_reply {
	margin:.3em 0 0 0;
	padding:12px 18px 10px 18px;
}
.ui.form .message.unichat_reply i.reply.icon {
	font-size:1.2em;
}
.ui.form .message.unichat_reply i.close.icon {
	font-size:.75em;
}
.ui.form .message.unichat_reply .header {
	font-size:.8em;
	line-height:1.3em;
}
.ui.form .message.unichat_reply p {
	margin:0;
	font-size:0.75rem !important;
	line-height:1.3em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}


#container .ui.buttons.unichat_buttons {
	display: flex;
}

#container .ui.buttons.unichat_buttons .button {
	flex: 1 1 auto;
	padding: 1.1rem 1rem;
}
#container .ui.buttons.unichat_buttons .unichat_settings_button {
	width: auto !important;
	margin-left:6px;
    margin-top: 6px;
}

#container .unichat_feed A.like,
#container .unichat_feed A.like.disabled,
#container .unichat_feed A.like.disabled:hover,
#container .unichat_feed A.like I,
#container .unichat_feed A.like.disabled I,
#container .unichat_feed A.like.disabled:hover I,
#container .unichat_pin A.like,
#container .unichat_pin A.like.disabled,
#container .unichat_pin A.like.disabled:hover,
#container .unichat_pin A.like I,
#container .unichat_pin A.like.disabled I,
#container .unichat_pin A.like.disabled:hover I {
	color: rgba(0, 0, 0, .5);
}

#container .unichat_feed A.active.like I,
#container .unichat_pin A.active.like I {
	color: #ef404a;
}

#container .unichat_feed .right.floated i.icon,
#container .unichat_pin .right.floated i.icon {
	margin:0;
}

#container .unichat_feed .meta a.like,
#container .unichat_pin .meta a.like {
	display: flex;
    flex: 0 1 auto;
    text-align: right;
    flex-wrap: wrap;
    align-items: center;
    justify-content: right;
    min-width: 30px;
}
#container .unichat_feed .meta .date,
#container .unichat_pin .meta .date {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    align-items: end;
    justify-content: left;
    color:#777;
    margin:0;
}


.unichat_feed .topic,
.unichat_pin .topic {
	color: rgba(0, 0, 0, .5);
	font-size: 0.92em;
	margin: .3em 0 0 0;
	line-height: 1em;
	font-weight: bold;
}


MAIN #mediator-player {
	margin-bottom: 0;
}

@media only screen and (max-width: 767.98px) {
	#container .mobyvote {
		height: 400px;
	}

	#container DIV.unichat {
		height: 400px;
		position: relative;
		width: 100%;
	}
}


#scene_righttabs, #scene_bottomtabs {
	flex-wrap: wrap;
}

#scene_righttabs {
	min-height: auto;
	margin-top: -.2em;
}

#container #scene_righttabs .item {
	padding-top: 0;
}

.ui.bottom.attached.active.tab.segment.rightblocksegment {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
}

#container .rightblocksegment .placeholder {
	height: 100%;
	min-height: auto;
}

#container .rightblocksegment .placeholder.mobyvote {
	min-height: 22rem;
}

#page_title.empty {
	margin: 0;
}

#scene_bottom > div {
/ / min-height: 400 px;
}

.unichat.feedback .unichat_form {
	height: 100%;
	display: flex;
	flex-direction: column;
}

#container .unichat.feedback .unichat_form textarea {
	height: 100%;
	margin-top: 0;
}

#container .unichat .unichat_form button {
	min-height: auto;
}

#container .unichat .button.topic {
	min-height: auto;
	margin: .5em 0 0 0;
	width: 100%;
	padding-left: 1em;
}

.unichat.feedback .button.topic {
	margin: 0 0 .5em 0;
}

.unichat_username_form.feedback {
	margin: 1em auto;
	width: 100%;
}

#container .unichat_username {
	text-align: center;
	margin: 0 0 .5em 0;
	width: 100%;
}

#container .unichat_username input {
	text-align: center;
}

#container .unichat_username_form .unichat_username {
	max-width: 25rem;
}

#container .unichat_username_info {
	min-height: auto;
	margin: 0.5em 0 0 0;
	padding: 0.5em 1em;
}
#container .unichat_username_info A {
	float:right;
	cursor:pointer;
}
#container .unichat_username_info SPAN {
	font-weight:bold;
}

#container .unichat_username_form .unichat_submit {
	width: 100%;
	max-width: 25rem;
}

#container .unichat_message.feedback {
	margin: 0;
}

#container .unichat_message {
	text-align: left;
}


#scene_bottom .ui.placeholder.segment {
	justify-content: start;
}


@media only screen and (min-width: 767.98px) {
	#scene_right .rightblocksegment .placeholder.segment {
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		overflow-y: scroll;
		overflow-x: hidden;
	}
}



#container .unichat_rewind {
	position: absolute;
	bottom: 0.3em;
	right: 0.5em;
	padding: 0.125em 0!important;
    width: 1.25em!important;
    height: 1.25em!important;
    background-color:#ffffff;
}

#container main button.button.unichat_loader {
	padding: .4em !important;
	margin-top: 0 !important;
	margin-bottom: .3em !important;
}



#container DIV.lottery {
	padding:2em 1em;
}
#container DIV.lottery INPUT {
	max-width:2.2em;
	text-align:center;
	font-size:2em;
	font-weight:bold;
	margin:.25em;
}

#container DIV.lottery .button {
	margin-top:1em !important;
}

#infoline_content .ui.button {
	vertical-align:middle;
}

#container .unichat_feed .event.question {
	background: darkslategrey;
}