/* --- Devbar --- */

#devbar p,
#devbar li,
#devbar li a {
	font-size: 11px;
	line-height: 25px;
}

/* --- Admin menu --- */

html body.admin-menu {
	margin-top: 0px !important;
}

#admin-menu, #admin-menu ul {
	z-index: 10000;
}
#admin-menu,
#admin-menu li,
#admin-menu li a {
	font: 11px Tahoma, Geneva, sans-serif;
}
#admin-menu .admin-menu-icon > a img {
	margin-top: 2px;
}

.tabs.primary {
	cursor: default;
}
	.tabs.primary a {
		padding: 3px 13px;
		color: #333;
		font: 13px/21px Arial, Helvetica, sans-serif;
	}

.admin_build_block .help {
	display: none;
}

/* --- Blocks table --- */

.layout.admin_build {
	margin-top: 23px;
	padding-top: 0px;
}

.layout.admin_build #blocks {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
}

[class*="admin_build"] .help {
	display: none;
}
[class*="admin_build"] #blocks td.block {
	width: 100%;
}
[class*="admin_build"] th {
	padding: 10px 10px;
	color: #fff;
	font: 12px/15px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-bottom: 0px solid #ccc;
	background-color: #5a5e67;
	cursor: default;
}
[class*="admin_build"] td {
	width: 1%;
	font: 13px/23px Arial, Helvetica, sans-serif;
	cursor: default;
}
[class*="admin_build"] td.block {
	width: 80%;
}

	[class*="admin_build"] td:nth-child(4) a,
	[class*="admin_build"] td:nth-child(5) a {
		width: 80px;
		height: 23px;
		display: block;
		box-sizing: border-box;
		padding: 5px;
		color: #23262d;
		font: bold 10px/13px Arial;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		background: #ccc;
	}
	[class*="admin_build"] td:nth-child(4) a:hover {
		color: #1b941b;
	}
	[class*="admin_build"] td:nth-child(5) a:hover {
		color: #d02e2e;
	}
	[class*="admin_build"] td em {
		display: block;
		box-sizing: border-box;
		padding: 1px 33px;
		font: 13px/24px Arial;
		font-style: normal;
		border: 1px solid #ccc;
	}
	[class*="admin_build"] td select {
		height: 23px;
		display: block;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}

[class*="admin_build"] #blocks td.region {
	padding: 6px 10px;
	font: bold 12px Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
}
[class*="admin_build"] .region--1 td.region {
	color: #b6000b;
}

#block-admin-display-form .form-submit {
	margin: 10px 0px;
	padding: 4px 10px;
	cursor: pointer;
}

body .block-region {
	box-sizing: border-box;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 4px;
	font: 13px Arial;
	cursor: default;
}

footer .block-region {
	width: 100%;
	float: left;
}

/* --- System messages --- */

.layout .error,
.layout .messages.status,
.layout .messages.info,
.layout .warning {
	box-sizing: border-box;
	margin: 14px 0px;
	padding: 12px 18px 13px;
	color: rgba(0,0,0,0.7);
	font: 14px Cambria, Georgia, "Times New Roman", Times, serif;
	border: none;
	border-radius: 4px;
	clear: both;
	cursor: default;
}

	.layout .error a,
	.layout .messages.status a,
	.layout .messages.info a {
		font: 13px/23px Arial, Helvetica, sans-serif;
	}
	.layout .error a:hover,
	.layout .messages.status a:hover,
	.layout .messages.info a:hover {
		text-decoration: none;
	}
	.layout .error em,
	.layout .messages em {
		margin: 0px 3px;
		font-style: normal;
		font-weight: bold;
	}

.layout .error {
	background-color: #ffa6a1;
}
.layout .messages.status {
	background-color: #c5daa6;
}
.layout .messages.info {
	background-color: #add5ec;
}
.layout .warning {
	background-color: #f8e485;
}

	.layout span.warning.tabledrag-changed {
		padding: 0px 5px;
		margin: 0px 4px;
		border-radius: 2px;
	}

	.layout .warning .warning.tabledrag-changed {
		position: relative;
		padding: 0px 13px;
		font-size: 0px;
		line-height: 1;
	}
	.layout .warning .warning.tabledrag-changed::before {
		content: '*';
		display: block;
		position: absolute;
		font: 22px/1 Times;
		left: 0px;
		bottom: 0px;
		background-color: transparent;
		border-radius: 2px;
		transform: translateY(6px);
		padding: 0px 6px;
	}

/* --- Blocks table --- */

[class*="admin_build_block"] .help {
	display: none;
}
[class*="admin_build_block"] #blocks td.block {
	width: 100%;
}
[class*="admin_build_block"] th {
	padding: 6px 10px;
	color: #fff;
	font: bold 12px Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	background-color: #87221c;
	cursor: default;
}
[class*="admin_build_block"] td {
	font: 13px/23px Arial, Helvetica, sans-serif;
	cursor: default;
}

	[class*="admin_build_block"] td:nth-child(4) a,
	[class*="admin_build_block"] td:nth-child(5) a {
		width: 80px;
		height: 23px;
		display: block;
		box-sizing: border-box;
		padding: 5px;
		color: #23262d;
		font: bold 10px/13px Arial;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		background: #ccc;
	}
	[class*="admin_build_block"] td:nth-child(4) a:hover {
		color: #1b941b;
	}
	[class*="admin_build_block"] td:nth-child(5) a:hover {
		color: #d02e2e;
	}
	[class*="admin_build_block"] td em {
		display: block;
		box-sizing: border-box;
		padding: 1px 33px;
		font: 13px/24px Arial;
		font-style: normal;
		border: 1px solid #ccc;
	}
	[class*="admin_build_block"] td select {
		height: 23px;
		display: block;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}

[class*="admin_build_block"] #blocks td.region {
	padding: 6px 10px;
	font: bold 12px Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
}
[class*="admin_build_block"] .region--1 td.region {
	color: #b90c17;
}

#block-admin-display-form .form-submit {
	margin: 10px 0px;
	padding: 4px 10px;
	cursor: pointer;
}

/* --- Node add list --- */

.layout.node_add .node-type-list:first-child {
	display: grid;
	grid-template-columns: 190px auto;
	position: relative;
	border-top: 1px solid var(--border-color);
	overflow: hidden;
	--border-color: rgba(0,0,0,0.2);
	--item-min-height: 40px;
}

	.layout.node_add .node-type-list:first-child dt {
		min-height: var(--item-min-height);
		display: block;
		position: relative;
	}

		.layout.node_add .node-type-list:first-child dt a {
			width: 100%;
			height: 100%;
			display: flex;
			position: relative;
			box-sizing: border-box;
			align-items: center;
			padding: 0px 10px 2px;
			color: #0f1309;
			font: 17px/1 Cambria, Georgia, "Times New Roman", Times, serif;
			text-decoration: none;
			font-variant: small-caps;
			border-bottom: 1px solid var(--border-color);
			z-index: 1;
		}
		
		.layout.node_add .node-type-list:first-child dt a::after {
			content: '';
			width: 400%;
			height: inherit;
			display: block;
			position: absolute;
			left: 100%;
			top: 0%;
			background: inherit;
			border-bottom: inherit;
		}
	
	.layout.node_add .node-type-list:first-child dd {
		min-height: var(--item-min-height);
		display: block;
		box-sizing: border-box;
		margin: 0px;
		padding: 11px 10px 0px;
		color: #80818c;
		font: 14px/1.1 Cambria, Georgia, "Times New Roman", Times, serif;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		border-left: 1px dotted var(--border-color);
	}

	.layout.node_add .node-type-list:first-child dt:hover,
	.layout.node_add .node-type-list:first-child dt:hover + dd {
		background: #fff3b2;
	}

	.layout.node_add .node-type-list dt a[href*="location-image"],
	.layout.node_add .node-type-list dt a[href*="game-image"],
	.layout.node_add .node-type-list dt a[href*="story"],
	.layout.node_add .node-type-list dt a[href*="upload"],
	.layout.node_add .node-type-list dt a[href*="about"],
	.layout.node_add .node-type-list dt a[href*="poll"],
	.layout.node_add .node-type-list dt a[href*="support"],
	.layout.node_add .node-type-list dt a[href*="press"],
	.layout.node_add .node-type-list dt a[href*="events"] {
		color: #ccc;
	}

	.layout.node_add .node-type-list dt a[href*="gc-banner"],
	.layout.node_add .node-type-list dt a[href*="gc-special"],
	.layout.node_add .node-type-list dt a[href*="update"] {
		color: #0080d6;
	}

	.layout.node_add .node-type-list dt a[href*="slider"],
	.layout.node_add .node-type-list dt a[href*="news"],
	.layout.node_add .node-type-list dt a[href*="page"] {
		color: #009b25;
	}

	.layout.node_add .node-type-list dt a[href*="video"],
	.layout.node_add .node-type-list dt a[href*="wallpapers"],
	.layout.node_add .node-type-list dt a[href*="screenshot"] {
		color: #8640c1;
	}

/* --- Node form --- */

.node-form {
	box-sizing: border-box;
	padding: 16px 32px;
	font: 14px Arial;
	color: #090e13;
	background: var(--pad-color);
	--form-color1: #eceff2;
	--form-color2: #b0b4ba;
	--form-color3: #60646a;
	--drag-color: #fc7700;
}

	.node-form label,
	.node-form .tableHeader-processed th {
		padding: 4px 0px;
		font: 14px/1.4 Arial;
	}

	.node-form .description {
		padding: 8px 0px;
		color: rgba(0,0,0,0.5);
		font-size: 12px;
		line-height: 1.2;
		cursor: default;
	}

		.node-form .tips li {
			margin: 0px;
			font-size: 12px;
			line-height: 1.2;
		}

	.node-form select,
	.node-form input[type="text"] {
		padding: 4px 0px 4px 4px;
	}
	.node-form .admin fieldset input.form-autocomplete {
		background-position: right 3px top 5px;
	}
	.node-form .admin fieldset input.throbbing {
		background-position-y: -15px;
	}

	.node-form a {
		text-decoration: underline;
	}
	.node-form a:hover {
		text-decoration: none;
	}

	/* files */

	.node-form #field-files-items,
	.node-form #field-video-items,
	.node-form #field-ms-files-items,
	.node-form #field-ms-video-items {
		margin-bottom: 24px;
	}

	.node-form .content-multiple-table {
		margin-bottom: 12px;
	}

		.node-form .content-multiple-table thead th {
			border: none;
		}

		.node-form .content-multiple-table tbody {
			display: grid;
			grid-template-columns: 1fr;
			gap: 16px;
			padding: 16px;
			border: 1px solid var(--form-color2);
			border-radius: 6px;
		}

		.node-form .content-multiple-table tbody tr {
			display: flex;
			padding: 0px;
			background: var(--form-color1);
			border: 1px dotted var(--form-color3);
			border-radius: 2px;
		}
		.node-form .content-multiple-table tbody tr.drag {
			border-color: var(--drag-color);
			border-style: solid;
		}
		.node-form .content-multiple-table tbody tr.drag-previous {
			border-color: #000;
		}

			.node-form .content-multiple-table tbody td {
				width: 100%;
				padding: 10px;
			}
			.node-form .content-multiple-table tbody td.content-multiple-drag {
				width: 30px;
				padding: 0px;
			}

				.node-form .content-multiple-drag {
					position: relative;
					user-select: none;;
				}

					.node-form .content-multiple-drag .tabledrag-handle {
						height: 100%;
						display: flex;
						box-sizing: border-box;
						float: none;
						justify-content: center;
						align-items: center;
						margin: 0px;
						padding: 0px 7px 4px;
						background: rgba(0,0,0,0.04);
						opacity: 0.7;
					}
					.node-form .content-multiple-drag .tabledrag-handle:hover {
						opacity: 1;
					}

						.node-form .content-multiple-drag .tabledrag-handle .handle {
							margin: 0px;
							background-position-y: -20px;
							filter: invert(0);
						}

					.node-form .content-multiple-drag .warning.tabledrag-changed {
						width: 100%;
						height: 100%;
						display: flex;
						position: absolute;
						box-sizing: border-box;
						align-items: center;
						justify-content: center;
						left: 0px;
						top: 0px;
						margin: 0px;
						padding: 0px 0px 14px 14px;
						background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(0,0,0,0.05) 3px, rgba(0,0,0,0.05) 12px);
						pointer-events: none;
					}
					.node-form .warning.tabledrag-changed {
						color: var(--drag-color);
						font: 22px/1 Times;
					}

				.node-form .mr_filefield-file-info {
					display: grid;
					grid-template-columns: auto minmax(80px, max-content) minmax(80px, max-content);
					flex-wrap: nowrap;
				}

					.node-form .mr_filefield-file-info .filename {
						
					}

						.node-form .filename div {
							display: flex;
							align-items: center;
						}

							.node-form .filename .mr_filefield-icon {
								margin-right: 4px;
							}

					.node-form .mr_filefield-file-info .filesize,
					.node-form .mr_filefield-file-info .filemime {
						box-sizing: border-box;
						padding-left: 6px;
						text-align: right;
					}

				.node-form .mr_filefield-element .widget-preview {
					margin-bottom: 4px;
				}

				.node-form .mr_filefield-element .widget-preview + .widget-edit {
					text-align: right;
				}
					
					.node-form .mr_filefield-element .widget-preview + .widget-edit label {
						font-weight: normal;
					}
				
					.node-form .mr_filefield-element .widget-preview + .widget-edit .form-item {
						display: flex;
						flex-wrap: nowrap;
						gap: 8px;
						margin: 2px 0px 6px;
					}

	/* fieldset */

	.node-form fieldset {
		margin: 0px 0px 14px;
		padding: 4px 20px;
		background-color: var(--form-color1);
		border: 1px solid var(--form-color2);
		border-radius: 6px;
		transition: background-color 0.05s linear, border-color 0.05s linear;
	}
	.node-form fieldset.collapsible.collapsed {
		background-color: transparent;
		border-left-color: transparent;
		border-right-color: transparent;
		border-bottom-color: transparent;
		border-left-width: 1px;
		border-right-width: 1px;
		border-radius: 0px;
	}

		.node-form fieldset legend {
			position: relative;
			padding: 0px;
			background: var(--pad-color);
			overflow: hidden;
		}

			.node-form fieldset legend[class] a[href] {
				height: 32px;
				display: flex;
				align-items: center;
				padding: 0px 20px 0px 26px;
				font: 15px/1 Roboto, Arial;
				background: #fff;
				border-bottom: 1px solid transparent;
				border-radius: 6px;
				transition: border-bottom-color 0.05s linear;
			}
			.node-form fieldset.collapsible:not(.collapsed) legend a {
				border-bottom-color: var(--form-color2);
			}

			.node-form fieldset.collapsible legend a::before,
			.node-form fieldset.collapsible legend a::after {
				content: '';
				width: 0px;
				height: 0px;
				position: absolute;
				left: 13px;
				top: 50%;
				border: 5px solid transparent;
				transform: translate(-50%,-50%);
				z-index: 1;
			}
			.node-form fieldset.collapsible legend a::before {
				border-left-color: var(--form-color3);
				border-right-width: 0px;
			}
			.node-form fieldset.collapsible legend a::after {
				border-top-color: var(--form-color3);
				border-bottom-width: 0px;
			}
			.node-form fieldset.collapsible:not(.collapsed) legend a::before,
			.node-form fieldset.collapsible.collapsed legend a::after {
				display: none;
			}
	
	/* poll */

	#poll-choice-wrapper {
		margin-bottom: 24px;
	}

		#poll-choices {
			margin-bottom: 16px;
		}

			#poll-choices tr {
				border-bottom: 1px solid var(--form-color2);
			}
			
			#poll-choices th {
				border-bottom: none;
			}

			#poll-choices tbody td {
				padding: 10px 0px;
				background: var(--form-color1);
			}
			#poll-choices tbody td:first-child {
				padding-left: 10px;
			}

	/* fields */

	.node-form .filefield-element,
	.node-form .mr_filefield-element {
		padding: 10px;
		background: var(--form-color1);
		border: 1px solid var(--form-color2);
		border-radius: 6px;
	}

	.node-form .content-multiple-table .filefield-element,
	.node-form .content-multiple-table .mr_filefield-element {
		margin: 0px;
		padding: 0px;
		border: none;
	}

		.node-form .filefield-element .widget-edit .form-submit,
		.node-form .mr_filefield-element .widget-edit .form-submit {
			display: inline-block;
		}

	/* items */

	.node-form label.option {
		padding: 10px 10px 10px 0px;
		cursor: pointer;
	}
	.node-form .content-multiple-table label.option {
		padding: 0px 10px 0px 0px;
	}
	.node-form label.option:hover {
		color: #18242e;
	}

	.node-form .resizable-textarea textarea {
		box-sizing: border-box;
	}

	.node-form .form-required {
		font: 16px/1 Times;
	}

	.node-form .textarea-identifier,
	.node-form [href="/filter/tips/"] {
		font-size: 10px;
	}
	
	/* buttons */

	.node-form input[type="submit"] {
		padding: 4px 12px;
		cursor: pointer;
	}

	.node-form #edit-submit,
	.node-form #edit-preview,
	.node-form #edit-delete {
		margin-right: 6px;
		margin-top: 24px;
	}

/* --- Node add video/slider --- */

#block_content.node_add_slider .body-field-wrapper,
#block_content.node_add_video .body-field-wrapper {
	display: none;
}