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

html body.admin-menu {
	height: calc(100vh - 23px);
    margin-top: 23px !important;
	background-position-y: 23px;
}

@media screen and (max-width: 720px) {

	html body.admin-menu {
		height: 100vh;
		margin-top: 0px !important;
		background-position-y: 0px;
	}

	body #admin-menu {
		display: none;
	}

}

#admin-menu {
	position: absolute;
	z-index: 9999;
}

#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;
}
#node-form .admin .options{
	padding-bottom: 20px;
}

/* --- System tabs --- */

#tabs-wrapper {
	position: absolute;
	transform: translateY(-100%);
	z-index: 110;
}

.layout.active #tabs-wrapper {
	z-index: 0;
}

.tabs.primary {
	margin: 0px;
	padding-bottom: 0px;
	border-bottom-color: transparent;
	cursor: default;
}
	.tabs.primary li {
		height: 24px;
		display: inline-block;
		position: relative;
		box-sizing: border-box;
		margin: 0px;
	}
	.tabs.primary a {
		height: inherit;
		display: inline-block;
		box-sizing: border-box;
		padding: 0px 13px;
		color: #333;
		font: 13px/21px Arial, Helvetica, sans-serif;
		border-bottom: 1px solid #bbb;
	}
	.tabs.primary a:hover {
		border-bottom-color: #bbb;
	}
	.tabs.primary li.active a:hover {
		border-bottom-color: #fff;
	}

/* --- Views links --- */

body div.layout div.views-admin-links,
body div.layout div.views-admin-links:hover {
	padding-top: 2px;
	padding-bottom: 4px;
	background: rgba(0,0,0,0.3);
	cursor: default;
}
body div.layout div.views-admin-links ul {
	padding: 0px;
}
body div.layout div.views-admin-links li {
	padding: 0px;
	border: none !important;
}
body div.layout div.views-admin-links a,
body div.layout div.views-admin-links:hover a {
	padding: 4px 9px;
	color: #ffffff;
	font: bold 12px/16px Tahoma, Geneva, sans-serif;
	text-decoration: none;
}
body div.layout div.views-admin-links a:hover {
	color: var(--item-color);
}

/* --- 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 Plumb, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-bottom: 0px solid #ccc;
	background-color: #191e23;
	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: var(--item-color);
}

#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;
}

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/18px Plumb, Arial, Helvetica, sans-serif;
	border: none;
	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: #ea817f;
}
.layout .messages.status {
	background-color: #88d290;
}
.layout .messages.info {
	background-color: #9ac9e0;
}
.layout .warning {
	background-color: #ffd762;
}

	.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;
		border-radius: 2px;
		transform: translateY(6px);
		padding: 0px 6px;
	}

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

.layout.node_add .container {
	background: var(--pad-color);
}

.layout.node_add .node-type-list:first-child {
	display: grid;
	grid-template-columns: 210px auto;
	position: relative;
	margin: 16px 32px;
	border-top: 1px solid var(--border-color);
	overflow: hidden;
	--border-color: rgba(255,255,255,0.1);
	--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: 1px 10px 0px;
			font: 12px/1 Plumb, Arial, Helvetica, sans-serif;
			text-decoration: none;
			text-transform: uppercase;
			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: #a9aeb3;
		font: 14px/1.1 Plumb, Arial, Helvetica, sans-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: rgba(255,255,255,0.02);
	}

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

.node-form {
	box-sizing: border-box;
	padding: 16px 32px;
	font-size: 14px;
	color: #a9aeb3;
	background: var(--pad-color);
	--form-color1: #31383e;
	--form-color2: #474b50;
	--form-color3: #69727a;
	--drag-color: #fc0;
}

	.node-form .description {
		padding: 8px 0px;
		font-size: 12px;
		line-height: 1.2;
		cursor: default;
	}

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

	/* 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);
		}

		.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: #fff;
		}

			.node-form .content-multiple-table tbody td {
				padding: 10px;
			}
			.node-form .content-multiple-table tbody td.content-multiple-drag {
				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(255,255,255,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(1);
						}

					.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(255,255,255,0.05) 3px, rgba(255,255,255,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 + .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);
		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;
	}

	.node-form fieldset::after {
		content: '';
		width: 68px;
		height: 5px;
		position: absolute;
		right: 0px;
		top: -12px;
		background: repeating-linear-gradient(45deg, transparent, transparent 3px, var(--form-color3) 3px, var(--form-color3) 15px);
		opacity: 0;
	}
	.node-form fieldset.collapsible:not(.collapsed)::after {
		opacity: 0.2;
	}

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

		.node-form fieldset legend::before,
		.node-form fieldset legend::after {
			content: '';
			width: 18px;
			height: 18px;
			display: block;
			position: absolute;
			bottom: 0px;
			background: var(--form-color1);
			border: 1px solid var(--form-color2);
			opacity: 1;
			transition: opacity 0.05s linear;
		}
		.node-form fieldset legend::before {
			left: 0px;
			top: 100%;
			transform: translate(-50%,-50%) rotate(45deg);
		}
		.node-form fieldset legend::after {
			right: 0px;
			top: 100%;
			transform: translate(50%,-50%) rotate(-45deg);
		}
		.node-form fieldset.collapsed legend::before,
		.node-form fieldset.collapsed legend::after {
			opacity: 0;
		}

			.node-form fieldset legend[class] a[href] {
				height: 26px;
				display: flex;
				align-items: center;
				padding: 0px 20px 0px 26px;
				font: 13px/1 Quantico;
				text-transform: uppercase;
				background: none;
				border-bottom: 1px solid transparent;
				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);
	}

	.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: #fff;
	}

	.node-form .resizable-textarea textarea {
		box-sizing: border-box;
	}
	
	/* 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;
	}

/* --------------------------------- */
/* ---[ Project customs section ]--- */
/* --------------------------------- */

/* --- Admin menu hidden links --- */

#admin-menu [href^="/node/add/faq"],
#admin-menu [href^="/node/add/media/add"],
#admin-menu [href^="/node/add/kontseptart"],
#admin-menu [href^="/node/add/poll"],
#admin-menu [href^="/node/add/calendar"],
#admin-menu [href^="/node/add/planning-innovation"],
#admin-menu [href^="/node/add/ratings"],
#admin-menu [href^="/node/add/tournaments"],
#admin-menu [href^="/node/add/fanart"],
#admin-menu [href^="/node/add/esport"]:not([href*="/esport-banner/"]),
#admin-menu [href^="/node/add/calendar"],
#admin-menu [href^="/node/add/fanart"],
#admin-menu [href^="/node/add/catalogue"],
#admin-menu [href^="/node/add/blogger"],
#admin-menu [href^="/node/add/forcast"],
#admin-menu [href^="/node/add/glory-room"],
#admin-menu [href^="/node/add/tournaments"],
#admin-menu [href^="/node/add/updates"],
#admin-menu [href^="/node/add/esport"] {
	display: none;
}

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

.layout.node_add .node-type-list [href$="/faq/"],
.layout.node_add .node-type-list [href$="/media/add/"],
.layout.node_add .node-type-list [href$="/kontseptart/"],
.layout.node_add .node-type-list [href$="/poll/"],
.layout.node_add .node-type-list [href$="/calendar/"],
.layout.node_add .node-type-list [href$="/planning-innovation/"],
.layout.node_add .node-type-list [href$="/ratings/"],
.layout.node_add .node-type-list [href$="/tournaments/"],
.layout.node_add .node-type-list [href$="/fanart/"],
.layout.node_add .node-type-list [href*="esport"] {
	color: rgba(255,255,255,0.3);
}

.layout.node_add .node-type-list [href*="catalogue"],
.layout.node_add .node-type-list [href*="blogger"],
.layout.node_add .node-type-list [href*="forcast"],
.layout.node_add .node-type-list [href*="glory-room"],
.layout.node_add .node-type-list [href*="tournaments"],
.layout.node_add .node-type-list [href*="updates"] {
	color: rgba(255,255,255,0.07);
}