/* INFO MESSAGES, ERRORS */
.message-info {color: #5c5c5c; line-height: 1.5; margin-bottom: 20px; 
	background-color: #FFF3E0; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
	border: 1px solid #FF9800; position: relative; padding: 15px 20px; border-left-width: 44px;}
.message-info__title {font-weight: 500;}
.message-info a {text-decoration: underline;}
.message-info::before {content:"\f071"; font-family:'Font Awesome 5 Pro'; font-weight: 300; font-size: 22px;
	color: #fff; margin-top: -18px; position: absolute; left: -44px; top: 50%; width: 44px; text-align: center;}
.search-empty[hidden] {display: none;}
.message-info--search-empty {padding-top: 18px; padding-bottom: 18px;}
.message-info--search-empty .message-info__title {font-size: 17px; font-weight: 700;}
.search-empty__hint {margin: 8px 0 12px;}
.search-empty__genres {display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 15px;}
.message-info .search-empty__genres a {display: inline-flex; align-items: center; min-height: 34px; padding: 6px 11px;
	border: 1px solid rgba(0,0,0,.15); border-radius: 18px; background: rgba(255,255,255,.45); color: inherit;
	font-size: 13px; line-height: 1.2; text-decoration: none; transition: border-color .2s, background-color .2s;}
.message-info .search-empty__genres a:hover {border-color: #00a8bf; background: rgba(255,255,255,.8);}
.search-empty__actions {display: flex; flex-wrap: wrap; gap: 9px;}
.message-info .search-empty__button {display: inline-flex; align-items: center; justify-content: center; gap: 7px;
	min-height: 42px; padding: 9px 14px; border: 1px solid rgba(0,0,0,.18); border-radius: 5px;
	background: rgba(255,255,255,.55); color: inherit; font-weight: 600; line-height: 1.2; text-decoration: none;}
.message-info .search-empty__button--primary {border-color: #00a8bf; background: #00a8bf; color: #fff;}
.message-info .search-empty__button:hover {filter: brightness(.96);}
.service-auth-actions[hidden] {display: none;}
.service-auth-actions {display: flex; flex-wrap: wrap; gap: 9px; margin-top: 15px;}
.message-info--service-auth .message-info__content a[href^="javascript:history"] {display: none;}
.message-info--favorites-auth {color: var(--tt); border-color: var(--tt-accent); background: var(--bg);}
.message-info--favorites-auth::before {content: "\f023";}
.favorites-empty[hidden] {display: none;}
.favorites-empty {margin-top: 10px;}
.favorites-empty p {margin-bottom: 14px;}
.message-info--favorites-empty {color: var(--tt); border-color: var(--tt-accent); background: var(--bg);}
.message-info--favorites-empty::before {content: "\f004";}
@media (max-width: 480px) {
	.service-auth-actions {display: grid; grid-template-columns: 1fr;}
	.message-info .service-auth-actions .search-empty__button {width: 100%; min-height: 44px;}
}
.dt-is-active .message-info--search-empty .search-empty__genres a,
.dt-is-active .message-info--search-empty .search-empty__button {border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.08);}
.dt-is-active .message-info--search-empty .search-empty__button--primary {border-color: #00a8bf; background: #00a8bf; color: #fff;}
@media (max-width: 480px) {
	.message-info--search-empty {padding: 14px 12px; border-left-width: 36px;}
	.message-info--search-empty::before {left: -36px; width: 36px;}
	.search-empty__actions {display: grid; grid-template-columns: 1fr;}
	.message-info .search-empty__button {width: 100%; min-height: 44px;}
}

/* VOTE BLOCK */


/*--- VOTE BARS ---*/


/* MAY BE TO DELETE */
.ui-icon, .close {display: block; overflow: hidden; text-indent: -9999px; white-space: nowrap;}
#pollbox {border-bottom: 1px dashed #E3E3E3; padding-bottom: 22px;}
#dle-poll-list, #searchtable, .pm-status {padding: 0 0 20px 0; border-radius: 6px;}
.bbcodes_poll{width:100px}
.fbutton {margin-right:10px;}
fieldset {border: 1px solid #bfced6;padding: 5px;text-align: left;}


/* SERVICE FORM BASIC
----------------------------------------------- */
.form__header {margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center;}
.form__title {font-size: 24px; flex: 1 1 0; max-width: 100%; min-width: 50px;}
.form__row {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin-bottom: 20px;}
.form__row:last-child {margin-bottom: 0;}
.form__caption {width: 200px; padding-right: 20px;}
.form__content {flex: 1 1 0; position: relative; max-width: 100%; min-width: 50px;}
.form__label--important::after {content: "*"; margin: 0 0 0 5px; color: #e85319;}
.form__caption--above {width: 100%; padding: 15px 20px; background-color: #2f343a; color: #fff;}
.form__btn--secondary {margin-left: 20px;}
.form__btn--find-related {position: absolute; right: 0; top: 0; margin: 0; padding: 0 10px; font-size: 13px !important;}

/* ADD NEWS */
.cols--addnews {display: block;}
.cols--addnews .cols__right {display: none;}
.addnews-form {max-width: 940px; margin: 0 auto;}
.addnews-form__header {margin-bottom: 10px;}
.addnews-form__intro {max-width: 720px; margin-bottom: 24px; color: var(--tt-2); line-height: 1.55;}
.addnews-form__section {padding: 22px; border: 1px solid var(--ui-bdc); border-radius: 8px; background: var(--ui-bg);}
.addnews-form__section + .addnews-form__section {margin-top: 20px;}
.addnews-form__section-title {display: flex; align-items: center; gap: 10px; margin-bottom: 22px; font-size: 18px;}
.addnews-form__section-title > span:first-child {display: inline-flex; align-items: center; justify-content: center; flex: 0 0 28px;
	width: 28px; height: 28px; border-radius: 50%; background: var(--bg-btn); color: #fff; font-size: 14px;}
.addnews-form__section-hint {margin: -10px 0 20px; color: var(--tt-2); font-size: 13px; line-height: 1.5;}
.addnews-form .form__hint {margin-top: 7px; color: var(--tt-2); font-size: 12px; line-height: 1.45;}
.addnews-form__title-input {padding-right: 145px !important;}
.addnews-form__related:not(:empty) {margin-top: 12px;}
.addnews-form__editor-caption {display: flex; flex-wrap: wrap; align-items: center; gap: 5px 12px;}
.addnews-form__editor-caption p {flex: 1 1 360px; color: rgba(255,255,255,.72); font-size: 12px; line-height: 1.4;}
.addnews-form .bb-editor, .addnews-form .wseditor, .addnews-form .tox, .addnews-form iframe {max-width: 100%;}
.addnews-form__actions {display: flex; align-items: center; gap: 10px;}
.addnews-form__actions .form__btn {gap: 7px; min-height: 44px; margin: 0;}
.addnews-form__vote {margin-top: 20px; padding: 22px; border: 1px solid var(--ui-bdc); border-radius: 8px; background: var(--ui-bg);}


/* SERVICE FORM EXTENDED
----------------------------------------------- */
.form__content--admintag {display: flex; flex-wrap: wrap; justify-content: flex-start; margin-right: -20px;}
.form__content--admintag .checkbox {width: 33.33%; margin-bottom: 20px; padding-right: 20px;}
.checkbox, .comments_subscribe {position: relative; padding-left: 50px;}
.checkbox input, .comments_subscribe input {appearance: none; -webkit-appearance: none; display: inline-block; transition: all .2s linear;
	height: 20px; width: 40px; border-radius: 10px; background-color: var(--ui-bg-darkest); cursor: pointer;
	box-shadow: inset 0 2px 5px rgba(0,0,0,0.1); position: absolute; left: 0; top: 50%; margin-top: -10px;}
.checkbox input::before, .comments_subscribe input::before {content: ''; width: 18px; height: 18px; border-radius: 10px; 
	position: absolute; left: 1px; top: 1px; background-color: var(--ui-bg); transition: all .2s linear;}
.checkbox input:checked, .comments_subscribe input:checked {background-color: #6ab04c;}
.checkbox input:checked::before, .comments_subscribe input:checked::before {left: 21px;}
.findrelated {margin-top: 10px; padding: 8px 10px; background-color: #f6e58d; font-size: 13px;}
.form__table {width: 100%;}
.form__table td {padding-bottom: 20px;}
.form__table .addnews {width: 200px;}
.xfields textarea, .xprofile textarea, .form__textarea-inside textarea, #comments_ifr {height:100% !important;}
.xfields input, .xprofile input {max-width: 100%;}
.xfields_table td {vertical-align:top;}
.xfields .bb-editor, .xfields .wseditor {margin-top:10px;}
.form__content--sec-code input {display: inline-block; max-width: 210px; vertical-align: middle; 
	margin-right: 10px; height: 80px; line-height: 80px; font-size: 24px;}
.form__content--sec-code > a {display: inline-block; vertical-align: middle;}
#result-registration > span {display: inline-block; margin-top: 10px;}
.form__content select, #category {width: 100% !important;}
.form__content--usertag .checkbox {width: 50%;}


/* STATS, PRIVATE MESSAGES
----------------------------------------------- */
.stats__list {width:33.33%; margin-bottom: 20px;}
.stats__list li {padding:0 15px 10px 1px;}
.stats h2 {font-size:18px; margin-top: 20px;}
.stats__latest li {margin-bottom: 10px;}
.table-responsive {overflow-y:hidden; overflow-x:auto;}
.dle-table, .pm {width: 100%; border: 1px solid var(--ui-bdc);}
.dle-table td, .pm td {padding:10px; font-size:13px; border: 1px solid var(--ui-bdc);}
.dle-table thead tr:nth-child(1), .pm tr:nth-child(1) {background-color:var(--ui-bg-darkest);}
.dle-table tr:nth-child(2n+2), .pm tr:nth-child(2n+2) {background-color:var(--ui-bg-darker);}
.pm tr td:first-child {width: 37px;}
.pm__status, #blind-animation {margin-bottom:40px;}
.pm_progress_bar {border-radius:4px; margin:10px 0; overflow:hidden; 
	box-shadow: inset 0 2px 5px rgba(0,0,0,0.1); background-color: var(--ui-bg-darkest);}
.pm_progress_bar span {background:#6ab04c; font-size:0; text-indent:-2000em; height:20px; display:block; overflow:hidden;}
.pm select {width:100%; margin-bottom:10px;}
.cols--pm {display: block; min-width: 0;}
.cols--pm .cols__left {min-width: 0; width: 100%;}
.cols--pm .cols__right {display: none;}
.pm-page {width: 100%; max-width: 940px; min-width: 0; margin: 0 auto;}
.pm-page__header {margin-bottom: 8px;}
.pm-page__intro {margin-bottom: 20px; color: var(--tt-2); line-height: 1.5;}
.pm-nav {margin-bottom: 20px;}
.pm__links {display: flex; gap: 8px; margin: 0;}
.pm__links li {flex: 1 1 0; min-width: 0;}
.pm__links li:empty {display: none;}
.pm__links a {display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 44px;
	margin: 0; padding: 0 14px; border: 1px solid var(--ui-bdc); border-radius: 6px; background: var(--ui-bg-darker); color: var(--tt);}
.pm__links a:hover {border-color: var(--tt-accent); background: var(--ui-bg-darkest); color: var(--tt);}
.pm__links .is-active a {border-color: var(--bg-btn); background: var(--bg-btn); color: #fff;}
.pm-nav__badge {display: inline-flex; align-items: center; justify-content: center; min-width: 22px; min-height: 22px;
	padding: 2px 6px; border-radius: 11px; background: var(--accent-red); color: #fff; font-size: 11px; line-height: 1;}
.pm-nav__badge:empty {display: none;}
.pm__links .is-active .pm-nav__badge {background: #fff; color: var(--accent-red);}
.pm-storage {display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px 14px; margin:0 0 18px;
	padding:12px 14px; border:1px solid var(--ui-bdc); border-radius:6px; background:var(--ui-bg-darker);}
.pm-storage__bar {min-width:0;}
.pm-storage__bar progress, .pm-storage__bar > * {max-width:100%;}
.pm-storage__text {color:var(--tt-2); font-size:12px; white-space:nowrap;}
.pm-panel, .pm-compose {overflow: hidden; border: 1px solid var(--ui-bdc); border-radius: 8px; background: var(--ui-bg);}
.pm-panel__header {padding: 18px 20px; border-bottom: 1px solid var(--ui-bdc); background: var(--ui-bg-darker);}
.pm-panel__title, .pm-compose__title {font-size: 18px;}
.pm-panel__hint {margin-top: 5px; color: var(--tt-2); font-size: 13px; line-height: 1.4;}
.pm-table-wrap {max-width: 100%; border-radius: 0; outline: none;}
.pm-table-wrap:focus-visible {outline: 3px solid var(--tt-accent); outline-offset: -3px;}
.pm-table-wrap .pm {border: 0;}
.pm-table-wrap .pm tr:first-child > * {border-top: 0;}
.pm-table-wrap .pm tr > *:first-child {border-left: 0;}
.pm-table-wrap .pm tr > *:last-child {border-right: 0;}
.pm-table-wrap .pm_navigation {width: 100%; table-layout: fixed; border: 0; border-top: 1px solid var(--ui-bdc);
	border-collapse: separate; background: var(--ui-bg-darker);}
.pm-table-wrap .pm_navigation td {padding: 12px 16px; border: 0; vertical-align: middle;}
.pm-table-wrap .pm_navigation td:first-child {width: 52%;}
.pm-table-wrap .pm_navigation td:last-child {width: 48%; text-align: right; white-space: nowrap;}
.pm-table-wrap .pm_navigation .navigation {display: flex; align-items: center; flex-wrap: wrap; gap: 6px;
	margin: 0; font-size: 0;}
.pm-table-wrap .pm_navigation .navigation > a,
.pm-table-wrap .pm_navigation .navigation > span:not(.nav_ext) {display: inline-flex; align-items: center; justify-content: center;
	min-width: 36px; height: 36px; padding: 0 8px; border: 1px solid var(--ui-bdc); border-radius: 6px;
	background: var(--ui-bg); color: var(--tt); font-size: 13px; font-weight: 600; line-height: 1;}
.pm-table-wrap .pm_navigation .navigation > a:hover {border-color: var(--tt-accent); background: var(--ui-bg-darkest);
	color: var(--tt-accent);}
.pm-table-wrap .pm_navigation .navigation > span:not(.nav_ext) {border-color: var(--bg-btn); background: var(--bg-btn);
	color: #fff; cursor: default;}
.pm-table-wrap .pm_navigation .navigation > .nav_ext {display: inline-flex; align-items: center; justify-content: center;
	height: 36px; padding: 0 2px; color: var(--tt-2); font-size: 14px;}
.pm-table-wrap .pm_navigation .pm-pagination__arrow {font-size: 20px;}
.pm-table-wrap .pm_navigation #pmlist_doaction {display: inline-block; width: min(300px, calc(100% - 116px));
	margin: 0; vertical-align: middle;}
.pm-table-wrap .pm_navigation .bbcodes {min-width: 104px; height: 40px; margin-left: 8px; padding: 0 16px;
	vertical-align: middle;}
.pm-list__user, a.pm-list__user {color: var(--tt-accent); font-weight: 700;}
a.pm-list__user:hover {color: var(--tt); text-decoration: underline;}
.pm-item {align-items: flex-start; padding: 20px; border-bottom: 1px solid var(--ui-bdc);}
.pm-item:last-child {border-bottom: 0;}
.pm-item__img {position:relative; flex: 0 0 60px; width: 60px; height: 60px; border-radius: 50%; margin-right: 16px;
	box-shadow: 0 0 0 2px var(--ui-bdc);}
.pm-item--own {background:var(--ui-bg-darker);}
.pm-item__online {position:absolute; right:1px; bottom:1px; width:11px; height:11px; border:2px solid var(--ui-bg); border-radius:50%; background:#62c462;}
.pm-item__meta {gap: 7px 14px; color: var(--tt-2); font-size: 12px;}
.pm-item__meta > span, .pm-item__meta > time {margin: 0;}
.pm-item__author, .pm-item__author a {color: var(--tt); font-size: 14px;}
.pm-item__group {padding: 3px 7px; border-radius: 10px; background: var(--ui-bg-darker);}
.pm-item__text {margin: 12px 0 14px; line-height: 1.65; overflow-wrap: anywhere;}
.pm-item__signature {margin:12px 0; padding-top:10px; border-top:1px solid var(--ui-bdc); color:var(--tt-2); font-size:12px;}
.pm-item__actions {gap: 8px 16px; font-size: 13px;}
.pm-item__actions > span, .pm-item__actions a {display: inline-flex; align-items: center; gap: 6px;}
.pm-item__actions a {color: var(--tt-2);}
.pm-item__actions a:hover {color: var(--tt-accent);}
.pm-item__action--danger a:hover {color: var(--accent-red);}
.pm-compose {margin-top: 20px; padding: 20px;}
.pm-compose--new {margin-top: 0;}
.pm-compose__title {display: flex; align-items: center; gap: 8px; margin-bottom: 18px;}
.pm-compose--new .pm-panel__header {margin: -20px -20px 20px;}
.pm-compose .form__caption--above {border-radius: 5px 5px 0 0;}
.pm-compose__editor, .pm-compose__editor .bb-editor, .pm-compose__editor .wseditor, .pm-compose__editor .tox,
.pm-compose__editor iframe {max-width: 100%;}
.pm-compose__copy {padding: 2px 0;}
.pm-compose__actions {display: flex; align-items: center; gap: 10px;}
.pm-compose__actions .form__btn {display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; margin: 0;}

.comments-image-uploader-area {padding-top:0;}
.comments-image-uploader-toggle {display:inline-flex; align-items:center; gap:7px; min-height:36px; padding:0 12px;
	border:1px solid var(--ui-bdc); border-radius:5px; background:var(--ui-bg-darker); color:var(--tt-2);}
.comments-image-uploader-toggle:hover {border-color:var(--tt-accent); color:var(--tt-accent);}
#hidden-image-uploader {margin-top:12px;}
#hidden-image-uploader[hidden] {display:none !important;}
.comments-image-uploader .plupload_wrapper {max-width:100%; border-color:var(--ui-bdc); background:var(--ui-bg-darker);}
.usp-settings__social {display:flex; flex-wrap:wrap; align-items:center; gap:10px;}
.usp-settings__social .social-list-item {display:flex; align-items:center; gap:8px; padding:7px 0; border-bottom:1px solid var(--ui-bdc);}
.usp-settings__telegram {display:inline-flex; align-items:center; justify-content:center; gap:8px; margin:0; background:#229ed9; color:#fff;}
.usp-settings__telegram:hover {background:#1888bd; color:#fff;}
.usp-settings__telegram svg {width:18px; height:18px; fill:currentColor;}
.registration-social {margin:14px 0 4px;}
.form__btn--telegram {display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; margin:0;
	background:#229ed9; color:#fff;}
.form__btn--telegram:hover {background:#1888bd; color:#fff;}
.form__btn--telegram svg {width:18px; height:18px; fill:currentColor;}


/* USER PROFILE, POPUP
----------------------------------------------- */
.usp {overflow: hidden; border: 1px solid var(--ui-bdc); border-radius: 8px; background-color: var(--ui-bg);}
.usp__columns {background: var(--ui-bg-accent) url(../dleimages/usp-bg.jpg) center center / cover no-repeat; 
	padding: 20px; color: var(--ui-text-color-on-accent); position: relative;}
.usp__left, .usp__middle, .usp__right {position: relative; z-index: 5;}
.usp__columns::before {content: ''; background-color: var(--ui-bg-accent); opacity: 0.6; 
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.usp__meta {gap: 14px; background-color: var(--ui-bg-darker); padding: 16px 20px;}
.usp__list {padding: 20px; padding-bottom: 10px;}
.usp__list + .usp__list {padding-top: 0;}
.usp__left {width: 100px; margin-right: 20px; text-align: center;}
.usp__right {width: 180px; margin-left: 20px;}
.usp__img {width: 80px; height: 80px; border-radius: 50%; margin: 0 auto; box-shadow: 0 0 0 4px rgba(255,255,255,.2);}
.usp__status {display: inline-flex; align-items: center; justify-content: center; min-height: 30px; padding: 5px 12px;
	border-radius: 16px; color: #fff; margin: 0; min-width: 80px; text-align: center; white-space: nowrap; font-size: 13px;}
.usp__status::before {content: ''; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: currentColor; opacity: .85;}
.usp__status--online {background-color: #6ab04c;}
.usp__status--offline {background-color: var(--accent-gray);}
.usp__btn a {width: 100%;}
.usp__btn + .usp__btn {margin-top: 10px;}
.usp__name {overflow-wrap: anywhere; font-size: 20px; font-weight: 700; color: var(--ui-text-color-on-accent);}
.usp__group {font-size: 13px; margin-top: 10px;}
.usp__group > b {display: inline-block; vertical-align: middle; border-radius: 3px; 
	background-color: var(--ui-bg); padding: 3px 6px; margin-left: 3px;}
.usp__activity {gap: 20px;}
.usp__activity > div {font-size: 13px; color: var(--tt-2);}
.usp__activity > div > div {font-size: 18px; margin-top: 3px;}
.usp__list li {position: relative; padding-left: 140px; margin-bottom: 10px; font-size: 13px; width: 48%;}
.usp__list li > span:first-child {color: #999; display: inline-block; position: absolute; left: 0; top: 0;}
.usp__list li.no-label {padding-left: 0;}
.usp__profile-link .fal {width: 18px; color: var(--accent-red); text-align: center;}
.usp__profile-count {display: inline-flex; align-items: center; justify-content: center; min-width: 22px; min-height: 22px;
	margin-left: 5px; padding: 2px 6px; border-radius: 11px; background: var(--ui-bg-darker); color: var(--tt-accent); font-size: 12px;}
.usp__edit-btn {min-height: 40px; padding: 0 16px;}
.usp__edit-btn[aria-expanded="true"] {background-color: var(--bg-btn-hover);}
.usp-settings[hidden] {display: none;}
.usp-settings {scroll-margin-top: 20px; margin-top: 32px; padding: 22px; border: 1px solid var(--ui-bdc); border-radius: 8px; background: var(--ui-bg);}
.usp-settings__title {display: flex; align-items: center; gap: 9px; margin: 28px -22px 20px; padding: 13px 22px;
	border-top: 1px solid var(--ui-bdc); border-bottom: 1px solid var(--ui-bdc); background: var(--ui-bg-darker); font-size: 17px;}
.usp-settings .form__header + .usp-settings__title {margin-top: 0;}
.usp-settings__title .far {width: 20px; color: var(--tt-accent); text-align: center;}
.usp-settings input[type="email"] {width: 100%; height: 40px; line-height: 40px; padding: 0 15px; border-radius: 4px;
	background-color: var(--bg); color: var(--tt); box-shadow: inset 0 0 0 1px var(--bdc), inset 1px 2px 5px rgba(0,0,0,.1);}
.usp-settings input[type="email"]:focus {box-shadow: inset 0 0 0 1px var(--tt-accent), inset 1px 2px 5px rgba(0,0,0,.1);}
.usp-settings input[type="file"] {max-width: 100%; color: var(--tt);}
.usp-settings input[type="file"]::file-selector-button {min-height: 40px; margin-right: 10px; padding: 0 14px;
	border: 0; border-radius: 4px; background: var(--bg-btn); color: #fff; cursor: pointer; font: inherit;}
.usp-settings textarea {min-height: 100px;}
.usp-settings__subscriptions .checkbox {width: 100%; min-height: 24px; margin-bottom: 14px;}
.usp-settings__actions {padding-top: 2px;}
.usp-settings__actions .form__btn {min-height: 44px;}
.usp-settings__danger {display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 28px;
	padding: 18px; border: 1px solid rgba(235,87,87,.55); border-radius: 6px; background: rgba(235,87,87,.06);}
.usp-settings__danger p {margin-top: 5px; color: var(--tt-2); font-size: 13px;}
.usp-settings__danger > a {flex: 0 0 auto;}
.usp-settings__danger .self_delete_link {margin-left: 0;}
.usp-settings__danger-link {display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 40px;
	padding: 0 15px; border-radius: 4px; background: var(--accent-red); color: #fff; font-weight: 600;}
.usp-settings__danger a:hover .usp-settings__danger-link {filter: brightness(.9);}
.usp__ban-notice {display:flex; flex-wrap:wrap; gap:4px 7px; margin-top:10px; padding:9px 11px;
	border:1px solid rgba(235,87,87,.7); border-radius:5px; background:rgba(235,87,87,.12); color:var(--tt); font-size:12px; line-height:1.45;}
.usp__ban-notice strong {color:var(--accent-red);}
.usp__ban-notice span {overflow-wrap:anywhere;}
.usp-popup__left {width: 80px; margin-right: 30px; text-align: center;}
.usp-popup__img {border-radius: 10px; width: 80px; height: 80px; margin: 0 auto;}
.usp-popup__left .usp__status {width: 80px; margin: 15px 0 0 0; display: inline-block;}
.usp-popup__list li {margin-bottom: 6px; font-size: 13px;}
.usp-popup__list li > span:first-child {opacity: 0.6;}


/* SEARCH PAGE, SEARCH TABLE */
.search-page__title {font-size: 18px; margin-bottom: 20px;}
.search-page .search > div {display: flex; justify-content: space-between; margin: 0 !important; padding: 20px;
	background-color: var(--ui-bg); border-radius: 6px; padding-bottom: 10px;}
.search-page .search br {display: none;}
.search-page .search #searchinput {flex: 1 1 0; margin-right: 20px; min-width: 100px;}
.searchstyle { width: 480px }
.search { padding: 0 }
#searchtable, #searchtable td { vertical-align: top; text-align: left }
#searchtable fieldset { font-size: 11px; border: 1px solid #d7d7d7; padding: 10px; text-align: left; 
	margin: 0 4px 4px 0 !important; border-radius: 6px }
fieldset legend { font-size: 11px; font-weight: bold; color: #696969; }
#searchtable table, #searchtable form { margin: 0; width:100%;}
#searchuser, #searchinput { width: 90% !important; }
.search > div {margin-bottom:10px;}
.search input[type="text"], .search select {display:block; width:100% !important; margin-bottom:10px;}
.search input[type="checkbox"], .search input[type="radio"] {margin-right:5px;}
#searchinput + br, #searchinput + br + br {display:none;}


/*--- AJAX LOADER ---*/
#loading-layer {background-color: rgba(0,0,0,0.66); border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); 
	padding: 20px; color: #fff; line-height: 1.6; max-width: calc(100w - 30px);}
#loading-layer::before {content: ''; width: 80px; height: 80px; border-radius: 50%; 
	border: 10px solid rgba(255,255,255,0.15); border-left-color: #ffda4a; 
	display: block; box-sizing: border-box; animation: rotate 1s linear infinite;}
@keyframes rotate { 100% {transform: rotate(360deg);} }
#loading-layer svg {display: none;}
#loading-layer.withtext {position: relative; padding: 15px 20px 15px 80px; min-height: 60px;}
#loading-layer.withtext::before {width: 40px; height: 40px; border-width: 5px; 
	position: absolute; left: 20px; top: 50%; margin-top: -20px;}


/*--- QUOTES, SPOILERS, HIDDEN TEXT, SCRIPTCODE ---*/
.scriptcode, .title_spoiler, .text_spoiler { padding: 3px 5px; background: #f0f0f0; border: 1px solid #e3e3e3; }
.title_quote {background-color: #1b2935; color: #958971; padding: 5px 15px; font-size: 12px;}
.quote {padding: 15px; position: relative;
	background-color: #11212e; color: #ffba00; font-style: italic; border-left: 3px solid #ffba00; margin: 15px 0 10px 10px;}
.comment-item__main .quote {margin: 0 0 10px 0; font-size: 12px; padding: 10px 15px 10px 40px;}
.comment-item__main .quote::before {left: 12px; top: 6px; font-size: 16px;}
.title_spoiler {margin-top: 2px; }
.text_spoiler { margin-bottom: 2px; }
.title_spoiler img { vertical-align: middle !important; margin:0 5px 0 0; border:0;}
.scriptcode { color: #4c6d0f; text-align: left; font-family: "Courier New" }
.title_spoiler { font-weight: normal; background-color: var(--bg-2);}
.text_spoiler { border-top: 0; text-align: justify; background-color: var(--bg-2);}
.hide { background-color: #f0f0f0; padding: 5px; color: #000; margin: 0 0 1em 0 }
.hide a { text-decoration: underline; } 
.hide a:hover { text-decoration: none }
.inhide { border: 1px solid #d1e3ef; padding: 5px; background-color: #fff; margin-bottom: 5px }

.lcomm-name {margin: 5px;}
.nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/*--- RATING ---*/
.unit-rating {display: inline-flex; position: relative;}
.unit-rating li {background:url(../dleimages/rating.svg) no-repeat; position: relative; z-index: 5; 
	background-size: 30px auto}
.unit-rating li a {display:block; width:30px; height:30px; text-indent: -100px; overflow: hidden;}
.unit-rating:hover li {background-position: 0 -30px; z-index: 10;}
.unit-rating li:hover ~ li {background-position: 0 0 !important; z-index: 5;}
.unit-rating li.current-rating {background-position: 0 -60px; background-repeat: repeat-x; pointer-events: none;
	position:absolute; left: 0; top: 0; height:100%; text-indent: -200px; overflow: hidden; z-index:6;}
.pmovie__rating--10-stars .unit-rating {top: 7px; left: -6px;}
.pmovie__rating--10-stars .unit-rating li {background-size: 17px auto;}
.pmovie__rating--10-stars .unit-rating li a {width: 17px; height: 17px;}
.pmovie__rating--10-stars .unit-rating:hover li {background-position: 0 -17px;}
.pmovie__rating--10-stars .unit-rating li.current-rating {background-position: 0 -34px;}


/*---BB EDITOR ---*/
.bb-pane {border: 1px solid var(--ui-bdc); background: var(--ui-bg); padding:5px 1px 5px 10px; border-radius: 3px 3px 0 0;
	display: flex; flex-wrap: wrap; justify-content: flex-start; position: relative; z-index: 10; 
	background: linear-gradient(to top, var(--ui-bg-darkest) 0%, var(--ui-bg) 80%, var(--ui-bg) 100%);}
.bb-btn {display: inline-block; height: 26px; line-height: 26px; width: 26px; margin-right: 5px; color: var(--tt-3); 
    cursor: pointer; font-size: 12px; border-radius: 3px; text-align: center; transition: all .3s}
.bb-btn:hover {color: var(--ui-text-color-on-accent); background-color: var(--ui-bg-accent);}
@font-face {font-family: 'bb-editor-font'; src: url(../webfonts/bb-editor.woff) format('woff'); font-weight: normal; font-style: normal;}
[class^="bb-btn"], [class*=" bb-btn"] {font-family: 'bb-editor-font'; font-style: normal; 
    font-weight: normal; font-variant: normal; text-transform: none;
    -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.bb-sel { padding: 2px 2px 0 2px; }
.bb-sel select { font-size: 11px; }
.bb-sep { display: inline-block; width: 1px; padding: 2px; }
.bb-btn { cursor: pointer;  outline: 0; }
#b_font select { padding: 0px;}
#b_size select { padding: 0px;}
#b_b:before {content: "\f032";}
#b_i:before {content: "\f033";}
#b_u:before {content: "\f0cd";}
#b_s:before {content: "\f0cc";}
#b_img:before { content: "\f03e"; }
#b_up:before { content: "\e930"; }
#b_emo:before { content: "\f118"; }
#b_url:before { content: "\f0c1"; }
#b_leech:before { content: "\e98d"; }
#b_mail:before { content: "\f003"; }
#b_video:before { content: "\e913"; }
#b_audio:before { content: "\e911"; }
#b_hide:before { content: "\e9d1"; }
#b_quote:before { content: "\e977"; }
#b_code:before { content: "\f121"; }
#b_left:before { content: "\f036"; }
#b_center:before { content: "\f037"; }
#b_right:before { content: "\f038"; }
#b_color:before { content: "\e601"; }
#b_spoiler:before { content: "\e600"; }
#b_fla:before { content: "\ea8d"; }
#b_yt:before { content: "\f166"; }
#b_tf:before { content: "\ea61"; }
#b_list:before { content: "\f0ca"; }
#b_ol:before { content: "\f0cb"; }
#b_tnl:before { content: "\ea61"; }
#b_br:before { content: "\ea68"; }
#b_pl:before { content: "\ea72"; }
#b_size:before { content: "\f034"; }
#b_font:before { content: "\f031"; }
#b_header:before { content: "\f1dc"; }
#b_sub:before { content: "\f12c"; }
#b_sup:before { content: "\f12b"; }
#b_justify:before { content: "\f039"; }
.bb-pane h1{font-size:36px;margin-top:5px;margin-bottom:5px}
.bb-pane h2{font-size:30px;margin-top:5px;margin-bottom:5px}
.bb-pane h3{font-size:24px;margin-top:5px;margin-bottom:5px}
.bb-pane h4{font-size:18px;margin-top:5px;margin-bottom:5px}
.bb-pane h5{font-size:14px;margin-top:5px;margin-bottom:5px}
.bb-pane h6{font-size:12px;margin-top:5px;margin-bottom:5px}
.bb-pane-dropdown{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:180px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:11px;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;background:white;box-shadow:0 1px 2px #dadada}
.bb-pane-dropdown > li > a{display:block;padding:3px 10px;clear:both;font-weight:normal;line-height:1.42857;color:#333333;white-space:nowrap}
.bb-pane-dropdown > li > a:hover,.bb-pane-dropdown > li > a:focus{text-decoration:none;color:#262626;background-color:whitesmoke}
.bb-pane-dropdown .color-palette div .color-btn{width:17px;height:17px;padding:0;margin:0;border:1px solid #fff;cursor:pointer}
.bb-pane-dropdown .color-palette{padding:0px 5px}
.bb-editor textarea{margin-top:-1px}
.editorcomm .bb-editor { width: 565px;}
.editorcomm .bb-editor textarea { height: 200px; }


/*--- QUICK EDIT FIELDS---*/
.quick-edit-text {padding: .4em;width: 350px;}
.quick-edit-textarea {height: 250px;padding: 2px; border: 1px solid #d7d7d7;width: 100%;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);}


/*--- DROP NENU ---*/
#dropmenudiv {font: 13px Arial; padding: 10px; display: none; background: var(--ui-bg); 
	border-radius: 8px;  box-shadow: 0 0 50px 0 rgba(0,0,0,0.22); z-index:200 !important;}
#dropmenudiv a {display: block; text-decoration: none; padding: 5px 8px; width: 154px;}


/*--- HIGHSLIDE GALLERY ---*/
.highslide-container {z-index: 1099 !important;}
.highslide-wrapper, .highslide-outline {background: #fff; color: #000;}
.highslide-image { border: 2px solid #fff }
.highslide-active-anchor { visibility: hidden } 
.highslide-active-anchor img { visibility: hidden }
.highslide-dimming { background-color: black }
.highslide-html { background-color: white }
.highslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-decoration: none; padding: 3px; border: 1px solid white; background-color: black }
a.highslide-full-expand { background: url("../dleimages/fullexpand.gif") no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px }
.highslide-display-block { display: block }
.highslide-display-none { display: none }
.highslide-caption { display: none; padding: 5px; background: white }
.highslide-controls { width: 195px; height: 40px; background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 0 -90px; margin-right: 15px; margin-bottom: 10px; margin-top: 10px }
.highslide-controls ul { position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 100% -90px }
.highslide-controls li { float: left; padding: 5px 0; }
.highslide-controls a { background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif"); display: block; float: left; height: 30px; width: 30px; outline: none }
.highslide-controls a.disabled { cursor: default }
.highslide-controls a span { display: none }
.highslide-controls .highslide-previous a { background-position: 0 0 }
.highslide-controls .highslide-previous a:hover { background-position: 0 -30px }
.highslide-controls .highslide-previous a.disabled { background-position: 0 -60px !important }
.highslide-controls .highslide-play a { background-position: -30px 0 }
.highslide-controls .highslide-play a:hover { background-position: -30px -30px }
.highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important }
.highslide-controls .highslide-pause a { background-position: -60px 0 }
.highslide-controls .highslide-pause a:hover { background-position: -60px -30px }
.highslide-controls .highslide-next a { background-position: -90px 0 }
.highslide-controls .highslide-next a:hover { background-position: -90px -30px }
.highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important }
.highslide-controls .highslide-move a { background-position: -120px 0 }
.highslide-controls .highslide-move a:hover { background-position: -120px -30px }
.highslide-controls .highslide-full-expand a { background-position: -150px 0 }
.highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px }
.highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important }
.highslide-controls .highslide-close a { background-position: -180px 0 }
.highslide-controls .highslide-close a:hover { background-position: -180px -30px }


/*--- TAGS CLOUD ---*/
.clouds_xsmall, .clouds_small, .clouds_medium, .clouds_large, .clouds_xlarge {display:inline-block; 
border-radius:6px; margin:0 3px 6px 0;}
.clouds_xsmall { font-size: 1em }
.clouds_small { font-size: 1.1em; font-weight: bold }
.clouds_medium { font-size: 1.2em; font-weight: bold }
.clouds_large { font-size: 1.3em }
.clouds_xlarge { font-size: 1.4em }
.cloud-tags span a {display:block; padding:5px 7px; border:1px solid var(--ui-bdc);}
.cloud-tags span a:hover {background-color:var(--ui-bg-accent); 
	box-shadow:0 0 10px 0 rgba(0,0,0,0.2); color:var(--ui-text-color-on-accent);}
.tags_more {margin-top:10px;}


/*--- SEARCH SUGGESTIONS---*/
#searchsuggestions {z-index: 99998; width: min(440px, calc(100vw - 40px)); max-height: min(560px, 65vh);
	overflow-x: hidden; overflow-y: auto; font-size: 13px; border: 1px solid var(--ui-bg-darker);
	border-radius: 0 0 8px 8px; background: var(--ui-bg); box-shadow: 0 12px 30px rgba(0,0,0,0.22);}
body:has(#searchsuggestions) .wrapper-container::before {content:''; position:fixed; inset:0; z-index:50;
	background:rgba(0,0,0,.64); pointer-events:none;}
#searchsuggestions a, #searchsuggestions span {display: block;}
#searchsuggestions a, #searchsuggestions span.notfound {padding:10px 15px; border-bottom: 1px solid var(--ui-bg-darker);}
#searchsuggestions a:hover {background-color: var(--ui-bg-darker);}
#searchsuggestions span.searchheading {margin-bottom:10px; font-size: 16px;}
#searchsuggestions span.searchheading + span {color: #949494;}
#searchsuggestions a.fastsearch-card {display:flex; align-items:flex-start; gap:12px; min-height:104px;
	padding:10px 12px; color:inherit; text-decoration:none; transition:background-color .15s ease;}
#searchsuggestions a.fastsearch-card:focus-visible {outline:2px solid var(--ui-bg-accent); outline-offset:-2px;
	background-color:var(--ui-bg-darker);}
#searchsuggestions .fastsearch-card__cover {flex:0 0 56px; width:56px; height:84px; padding:0;
	overflow:hidden; border-radius:4px; background:var(--ui-bg-darker);}
#searchsuggestions .fastsearch-card__cover img {display:block; width:100%; height:100%; object-fit:cover;}
#searchsuggestions .fastsearch-card__cover--placeholder {display:flex; align-items:center; justify-content:center;
	border:1px solid var(--ui-bg-darker); color:var(--ui-bg-accent); font-size:24px;}
#searchsuggestions .fastsearch-card__cover--placeholder .fal {display:block; padding:0;}
#searchsuggestions .fastsearch-card__body {min-width:0; flex:1; padding:0;}
#searchsuggestions .fastsearch-card .searchheading {display:-webkit-box; margin:1px 0 7px; overflow:hidden;
	-webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:15px; line-height:1.25; font-weight:700;}
#searchsuggestions .fastsearch-card__author, #searchsuggestions .fastsearch-card__details {padding:0; color:#949494;}
#searchsuggestions .fastsearch-card__author {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#searchsuggestions .fastsearch-card__details {display:flex; flex-wrap:wrap; gap:4px 12px; margin-top:5px;}
#searchsuggestions .fastsearch-card__details > span {display:flex; align-items:center; min-width:0; padding:0;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#searchsuggestions .fastsearch-card__author .fal, #searchsuggestions .fastsearch-card__details .fal {
	display:inline-block; flex:0 0 auto; width:16px; margin-right:4px; color:var(--ui-bg-accent); text-align:center;}
#searchsuggestions span.seperator a {padding: 10px 0; text-align: center; 
	background-color: var(--ui-bg-accent); color: var(--ui-text-color-on-accent);}
#searchsuggestions span.notfound {padding: 15px 20px;}
#searchsuggestions .break, #searchsuggestions span.seperator {display: none;}
@media screen and (max-width: 960px) {
	#searchsuggestions {width: calc(100% - 40px);}
}
@media screen and (max-width: 480px) {
	#searchsuggestions {max-height: min(520px, 68vh);}
	#searchsuggestions a.fastsearch-card {gap:10px; min-height:96px; padding:8px 10px;}
	#searchsuggestions .fastsearch-card__cover {flex-basis:52px; width:52px; height:78px;}
	#searchsuggestions .fastsearch-card .searchheading {font-size:14px;}
}

/*--- UI WIDGETS ---*/
.ui-widget-overlay {background: #000; opacity:0.5; left: 0; top: 0; right: 0; bottom: 0; position: fixed;}
.ui-dialog {background-color: var(--ui-bg); position: absolute; width: 500px; max-width: 100% !important;
	box-shadow: 0 20px 60px rgba(0,0,0,0.3); border-radius: 10px; overflow: hidden;}
.ui-dialog-titlebar {background-color: var(--ui-bg-accent); color: var(--ui-text-color-on-accent);}
.ui-dialog-title {display: block; font-size: 18px; padding: 15px 60px 15px 30px;}
.ui-dialog-content {padding:30px; overflow: auto; position: relative;}
.ui-dialog-buttonpane {padding: 15px 25px; text-align: center; background-color: var(--ui-bg-darker);}
.ui-dialog-buttonset {display: flex; justify-content: flex-end; gap: 10px;}
.ui-icon-closethick {cursor: pointer; position:absolute; right:7px; top:7px; width: 40px; height: 40px;}
.ui-icon-closethick:before {content:"\f00d"; font-family:'Font Awesome 5 Pro'; font-weight: 300;
	width:40px; height:40px; line-height:40px; text-align:center; color: var(--ui-text-color-on-accent); 
	position:absolute; right:0; top:0px; text-indent:0; font-size:18px; display:block;}
.ui-dialog-buttonpane button {height: 40px; min-width: 120px; margin: 0; padding: 0 18px; font-size: 13px;}
.ui-dialog-buttonset button:first-child:not(:only-child) {border: 1px solid var(--ui-bdc); background: transparent; color: var(--tt);}
.ui-dialog-buttonset button:first-child:not(:only-child):hover {border-color: var(--tt-accent); background: var(--ui-bg-darkest); color: var(--tt);}
.ui-dialog .ui-resizable-se {bottom: 3px; height: 14px; right: 3px; width: 14px;}
.ui-draggable .ui-dialog-titlebar {cursor: move;}
.ui-state-error {background: #fef1ec 50% 50% repeat-x !important; border: 1px solid #cd0a0a; color: #cd0a0a;}


/* ---  UI MENU --- */
.ui-autocomplete { position: absolute; cursor: default; }
.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; background: #fff 50% bottom repeat-x; border: 1px solid #dedede; color: #222; }
.ui-menu .ui-menu { margin-top: -3px; }
.ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; }
.ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; }
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; border: 1px solid #a7a7a7; color: #4e4e4e; font-weight: bold; }


/*--- UPDATES TO NEW VERSIONS ---*/
#dlefastreplycomments {padding:10px; background: var(--bg-2); margin: 10px 0 5px 30px;}
.commentsreplyname {padding: 2px; border: 1px solid var(--bdc); width: 200px;}
#dlereplypopup form > div {margin-bottom:5px;}
#dlereplypopup form input[type="text"] {height:30px; line-height:30px;}
#dlereplypopup form textarea {height:80px;}
.pollallvotes {text-align: center; margin-top: 10px;}


/*--- 11, 12 ---*/
.emoji {border: none;vertical-align: middle;width: 22px;height: 22px;}
/* DLE 21: block-based custom fields (also used in quick editing). */
.xfieldsrow {padding-top:5px; clear:both; display:flow-root; min-width:0;}
.xfieldscolleft, .xfieldscolright {float:none; width:100%; min-width:0; overflow-wrap:anywhere;}
.xfieldscolleft {margin-bottom:8px;}
.dle-xfields {width:100%; min-width:0;}
.dle-xfields .xfieldsrow {margin-bottom:20px;}
.dle-xfields .xfieldsrow:last-child {margin-bottom:0;}
.dle-xfields input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="button"]):not([type="submit"]),
.dle-xfields select, .dle-xfields textarea {width:100%; max-width:100%; min-width:0;}
.dle-xfields textarea {min-height:120px; resize:vertical;}
.dle-xfields .xfieldsrow > textarea, .dle-xfields .xfieldsrow > .wseditor {display:block; margin-top:8px;}
.dle-xfields .file-box {width:100%; max-width:100%;}
.dle-xfields .xfieldsnote {display:block; margin-top:6px; overflow-wrap:anywhere;}
.dynamic-field-wrapper, .dynamic-field-items, .dynamic-field-item {min-width:0; max-width:100%;}
.dynamic-field-items {display:grid; gap:8px;}
.dynamic-field-item {margin-bottom:0 !important;}
.dynamic-field-wrapper:is([data-type="text"], [data-type="datetime"], [data-type="select"]) .dynamic-field-item {display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
.dynamic-field-item > input:not([type="hidden"]), .dynamic-field-item > select,
.dynamic-field-item > .bootstrap-select, .dynamic-field-item > .chosen-container {flex:1 1 160px; width:auto !important; min-width:0; max-width:100%;}
.dynamic-field-wrapper:is([data-type="textarea"], [data-type="htmljs"]) .dynamic-field-item {display:flex; flex-direction:column; align-items:stretch; gap:8px;}
.dynamic-field-item > .xfieldsrow {width:100%; margin-bottom:0;}
.add-dynamic-item, .remove-dynamic-item {cursor:pointer; flex-shrink:0;}
.dynamic-buttons-row {display:flex; flex-wrap:wrap; gap:8px;}
.file-box {width: 95%;max-width: 437px;border:1px solid #B3B3B3; border-radius: 3px;background-color: #F5F5F5;padding: 10px;margin-top: 10px;}
.qq-uploader { position:relative; width: 100%;}
.qq-upload-drop-area {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;max-width: 437px;background:#FF9797; text-align:center; }
.qq-upload-drop-area span {display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;}
.qq-upload-drop-area-active {background:#FF7171;}
.uploadedfile {width: 115px;height: 130px;margin: 10px 5px 5px 5px;border:1px solid #B3B3B3;box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
	text-align: center;background:#ffffff;}
.uploadedfile .uploadimage {margin-top: 5px;width: 115px;height: 90px;display: flex;align-items: center;justify-content: center;cursor: move;}
.sortable-ghost {opacity: 0.4;}
.uploadedfile .info {text-align: left;white-space: nowrap;margin: 0px 5px 0px 5px;overflow: hidden;}
.progress {overflow:hidden;margin-top:10px;margin-bottom:10px;background-color:whitesmoke;height:10px;
	border-radius:8px;background:#eee;box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset;}
.progress .progress-bar {float:left;width:0%;font-size:13px;line-height:20px;color:white;text-align:center;background-color:#428bca;
	box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);transition:width 0.6s ease;border-radius:8px;box-shadow:none;height:8px;}
.progress-bar span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0;}
.progress-blue {background-image:linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%);background-repeat:repeat-x;border:1px solid #55aeee;}
/*.xfieldimagegallery {margin:20px -5px; list-style: none; clear: both;}
.xfieldimagegallery:after {content: ""; display: table; clear: both;}
.xfieldimagegallery li {list-style: none; margin:0;}
.xfieldimagegallery li img {float: left; margin:5px; border: 5px solid #fff; width: 150px; height: 100px;}
.xfieldimagegallery li img:hover {box-shadow: 0px 0px 7px rgba(0,0,0,0.4);}*/
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {cursor:not-allowed; pointer-events:none; opacity:0.65;}
.dle-captcha { position: relative; }
.dle-captcha:after { clear: both; display: block; content: ""; }
.dle-captcha > a { float: left; margin-right: 5px; }
.dle-captcha img {position: relative; display: block; width: 130px; height: 46px; transition: all ease .2s;}
.dle-captcha > input { float: left; width: 130px; }
.xfieldsnote {color: #838383; font-size: .9em;}
.instagram-media, .twitter-tweet {display: inline-block !important;}
      

/*--- 13, 14 ---*/
.ui-front {z-index: 1000;}
.ui-button-icon-only {overflow: hidden; text-indent: -9999px;}
button.ui-dialog-titlebar-close {
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	background: none;
	color: transparent;
	font-size: 0;
	text-indent: -9999px;
}
button.ui-dialog-titlebar-close .ui-button-text,
button.ui-dialog-titlebar-close .ui-button-icon-space {display: none;}
button.ui-dialog-titlebar-close .ui-icon-closethick {text-indent: -9999px;}
button.ui-dialog-titlebar-close .ui-icon-closethick::before {text-indent: 0;}

/* DLE 21 media uploader: layout compatibility only.
   Keep the native uploader appearance, but isolate its controls from the
   template's generic .checkbox and button rules. */
.ui-dialog.dle-popup-mediaupload {
	width: min(900px, calc(100vw - 20px)) !important;
	max-width: calc(100vw - 20px) !important;
}
.ui-dialog.dle-popup-mediaupload .ui-dialog-content {
	max-height: calc(100vh - 120px);
	padding: 10px;
}
.ui-dialog.dle-popup-mediaupload .ui-dialog-titlebar-close {
	overflow: hidden;
	font-size: 0;
	text-indent: -9999px;
}
.ui-dialog.dle-popup-mediaupload .ui-dialog-titlebar-close .ui-button-text,
.ui-dialog.dle-popup-mediaupload .ui-dialog-titlebar-close .ui-button-icon-space {display: none;}
.ui-dialog.dle-popup-mediaupload .ui-dialog-titlebar-close .ui-icon-closethick {text-indent: -9999px;}
.ui-dialog.dle-popup-mediaupload .ui-dialog-titlebar-close .ui-icon-closethick::before {text-indent: 0;}

.ui-dialog.dle-popup-mediaupload .checkbox,
.ui-dialog.dle-popup-mediaupload .checkbox-inline,
.ui-dialog.dle-popup-mediaupload .radio-inline {
	position: static;
	width: auto;
	min-height: 0;
	margin: 0;
	padding: 0;
}
.ui-dialog.dle-popup-mediaupload .checkbox > .form-check-label,
.ui-dialog.dle-popup-mediaupload .checkbox-inline,
.ui-dialog.dle-popup-mediaupload .radio-inline {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}
.ui-dialog.dle-popup-mediaupload .checkbox input[type="checkbox"],
.ui-dialog.dle-popup-mediaupload .checkbox-inline input[type="checkbox"],
.ui-dialog.dle-popup-mediaupload .radio-inline input[type="radio"],
.ui-dialog.dle-popup-mediaupload #check-all-box input[type="checkbox"] {
	-webkit-appearance: auto;
	appearance: auto;
	display: inline-block;
	position: static;
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	transform: none;
	accent-color: var(--tt-accent);
}
.ui-dialog.dle-popup-mediaupload .checkbox input[type="checkbox"]::before,
.ui-dialog.dle-popup-mediaupload .checkbox-inline input[type="checkbox"]::before,
.ui-dialog.dle-popup-mediaupload .radio-inline input[type="radio"]::before,
.ui-dialog.dle-popup-mediaupload #check-all-box input[type="checkbox"]::before {display: none; content: none;}

.ui-dialog.dle-popup-mediaupload .tabs {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.ui-dialog.dle-popup-mediaupload .tabsitems,
.ui-dialog.dle-popup-mediaupload .tabsitems ul {min-width: 0;}
.ui-dialog.dle-popup-mediaupload .tabsitems ul {display: flex; flex-wrap: wrap;}
.ui-dialog.dle-popup-mediaupload #check-all-box {float: none; flex: 0 0 auto; margin-left: auto;}

.ui-dialog.dle-popup-mediaupload .plupload_filelist_footer {
	display: table;
	width: 100%;
	height: auto !important;
	min-height: 0;
	table-layout: fixed;
}
.ui-dialog.dle-popup-mediaupload .plupload_filelist_footer tr {height: auto !important;}
.ui-dialog.dle-popup-mediaupload .plupload_filelist_footer td {
	height: auto !important;
	padding-top: 8px;
	padding-bottom: 8px;
	vertical-align: middle;
}
.ui-dialog.dle-popup-mediaupload .plupload_filelist_footer .plupload_file_name {width: auto;}
.ui-dialog.dle-popup-mediaupload .plupload_filelist_footer .plupload_file_status {width: 48px; padding-right: 6px;}
.ui-dialog.dle-popup-mediaupload .plupload_filelist_footer .plupload_file_size {width: 58px; padding-right: 6px;}
.ui-dialog.dle-popup-mediaupload .plupload_filelist_footer .plupload_file_action {width: 0; padding: 0;}
.ui-dialog.dle-popup-mediaupload .plupload_buttons {
	display: flex;
	float: none;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}
.ui-dialog.dle-popup-mediaupload .plupload_upload_status {
	float: none;
	margin-left: auto;
	padding: 0;
}
.ui-dialog.dle-popup-mediaupload .plupload_button.ui-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	width: auto;
	min-height: 36px;
	height: auto;
	margin: 0;
	padding: 6px 12px;
	line-height: 1.2;
	white-space: nowrap;
}
.ui-dialog.dle-popup-mediaupload .plupload_button .ui-button-text {padding: 0; line-height: 1.2;}
.ui-dialog.dle-popup-mediaupload .plupload_button .ui-icon {position: static; flex: 0 0 auto; margin: 0;}

.ui-dialog.dle-popup-mediaupload .mediaupload-row {
	display: grid;
	grid-template-columns: minmax(150px, .8fr) minmax(0, 1.5fr) auto;
	align-items: end;
	gap: 10px;
}
.ui-dialog.dle-popup-mediaupload .mediaupload-col1,
.ui-dialog.dle-popup-mediaupload .mediaupload-col2,
.ui-dialog.dle-popup-mediaupload .mediaupload-col3 {
	float: none;
	width: auto;
	min-width: 0;
	max-width: none;
	margin: 0;
}
.ui-dialog.dle-popup-mediaupload .mediaupload-col2 input,
.ui-dialog.dle-popup-mediaupload .mediaupload-col2 select {width: 100% !important; max-width: 100%;}
.ui-dialog.dle-popup-mediaupload .mediaupload-col3 button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	height: auto;
	margin: 0;
	padding: 6px 14px;
}
.ui-dialog.dle-popup-mediaupload .upload-options > .checkbox {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	padding: 8px 10px;
}
.ui-dialog.dle-popup-mediaupload .upload-options .classic {
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	position: static;
	flex: 0 1 100px;
	width: 100px !important;
	height: 40px;
	min-width: 70px;
	margin: 0;
	padding: 0 10px;
	border-radius: 3px;
	background: var(--ui-bg-darker);
	box-shadow: none;
	transform: none;
	transition: none;
	cursor: text;
}
.ui-dialog.dle-popup-mediaupload .upload-options select {
	flex: 1 1 150px;
	width: auto !important;
	min-width: 0;
}
.ui-dialog.dle-popup-mediaupload .mediaupload-image-title,
.ui-dialog.dle-popup-mediaupload .mediaupload-thumbs-params,
.ui-dialog.dle-popup-mediaupload .mediaupload-file-params {
	max-width: 100%;
	white-space: normal;
}
.ui-dialog.dle-popup-mediaupload .mediaupload-insert-descr {flex: 0 1 200px; min-width: 0;}
.ui-dialog.dle-popup-mediaupload .ui-dialog-buttonset {flex-wrap: wrap; align-items: center;}

@media screen and (max-width: 760px) {
	.ui-dialog.dle-popup-mediaupload .ui-dialog-title {padding: 14px 52px 14px 20px; font-size: 17px; line-height: 1.2;}
	.ui-dialog.dle-popup-mediaupload .mediaupload-row {grid-template-columns: minmax(0, 1fr); align-items: stretch;}
	.ui-dialog.dle-popup-mediaupload .mediaupload-col3 button {width: 100%;}
	.ui-dialog.dle-popup-mediaupload .upload-options > .checkbox {align-items: flex-start;}
	.ui-dialog.dle-popup-mediaupload .upload-options > .checkbox > .form-check-label {flex: 1 1 100%;}
	.ui-dialog.dle-popup-mediaupload .upload-options .classic,
	.ui-dialog.dle-popup-mediaupload .upload-options select {flex: 1 1 130px; width: auto !important;}
	.ui-dialog.dle-popup-mediaupload .mediaupload-thumbs-params,
	.ui-dialog.dle-popup-mediaupload .mediaupload-file-params {white-space: normal;}
	.ui-dialog.dle-popup-mediaupload .plupload_filelist_footer .plupload_buttons {
		align-items: stretch;
		flex-direction: column;
		width: 100%;
	}
	.ui-dialog.dle-popup-mediaupload .plupload_filelist_footer .plupload_button.ui-button {
		width: 100%;
		margin: 0 !important;
	}
}
.emoji_box {width:100%; max-width: 390px;}
.emoji_category {padding:7px; clear:both;}
.emoji_list {margin-top:5px; margin-bottom:5px; width:100%;
	font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols'; font-size:2em;}
.emoji_symbol {float:left; margin-bottom: 10px; width:12.5%; text-align:center;}
.emoji_symbol a,  .emoji_symbol a:hover {cursor: pointer; text-decoration:none;}
.native-emoji {font-size: 1.3em; font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols';}

.self_delete_link {margin-left: 10px;}

/* --- ADAPTIVE --- */
@media screen and (max-width: 760px) {
	.form__caption:not(.form__caption--above), .form__table .addnews {width: 40%; padding: 0 0 5px 0;}
	.form__content--admintag .checkbox {width: 100%;}
	.addnews-form .form__caption:not(.form__caption--above) {width: 100%; padding-right: 0; margin-bottom: 7px;}
	.pm-table-wrap .pm_navigation, .pm-table-wrap .pm_navigation tbody,
	.pm-table-wrap .pm_navigation tr, .pm-table-wrap .pm_navigation td {display: block; width: 100%;}
	.pm-table-wrap .pm_navigation td:first-child, .pm-table-wrap .pm_navigation td:last-child {width: 100%;}
	.pm-table-wrap .pm_navigation td:first-child {padding-bottom: 8px;}
	.pm-table-wrap .pm_navigation td:last-child {padding-top: 4px;}
	.pm-table-wrap .pm_navigation .navigation {justify-content: center;}
	.usp {margin-left: -20px; margin-right: -20px; border-right: 0; border-left: 0; border-radius: 0;}
	.usp__list li {width: 100%;}
	.usp-settings {padding: 18px;}
	.usp-settings__title {margin-right: -18px; margin-left: -18px; padding-right: 18px; padding-left: 18px;}
}
@media screen and (max-width: 590px) {
	.form__title {font-size: 18px;}
	.form__header .form__btn .far {display: none;}
	.form__btn--find-related {position: static; width: 100%; height: 44px; margin-top: 10px; gap: 7px;}
	.addnews-form__title-input {padding-right: 15px !important;}
	.addnews-form__section, .addnews-form__vote {padding: 16px; border-radius: 6px;}
	.addnews-form__section-title {align-items: flex-start; margin-bottom: 18px; font-size: 17px; line-height: 1.35;}
	.addnews-form__editor-caption {padding: 13px 14px;}
	.addnews-form__editor-caption p {flex-basis: 100%;}
	.addnews-form__actions {align-items: stretch; flex-direction: column; gap: 8px;}
	.addnews-form .addnews-form__actions > .form__btn {width: 100%; min-height: 44px; margin: 0;}
	.qq-upload-button, .pm__links li, .stats__list {width: 100% !important;}
	.form__row--without-label > .form__btn, .pm__links li a {width: 100%; margin: 10px 0 0 0;}
	.pm-page__intro {font-size: 13px;}
	.pm__links {gap: 6px;}
	.pm__links li a {min-height: 44px; margin: 0; padding: 0 8px; font-size: 12px;}
	.pm-nav__badge {min-width: 19px; min-height: 19px; padding: 2px 5px;}
	.pm-panel__header {padding: 15px 16px;}
	.pm-table-wrap {overflow-x: hidden;}
	.pm-table-wrap .pm {width: 100%; min-width: 0; table-layout: fixed;}
	.pm-table-wrap .pm td {white-space: normal; overflow-wrap: anywhere; word-break: break-word;}
	.pm-item {padding: 16px;}
	.pm-item__img {flex-basis: 44px; width: 44px; height: 44px; margin-right: 12px;}
	.pm-item__meta {gap: 6px 10px;}
	.pm-item__text {margin-top: 10px;}
	.pm-item__actions {gap: 10px 14px;}
	.pm-compose {padding: 16px;}
	.pm-compose--new .pm-panel__header {margin: -16px -16px 18px;}
	.pm-compose .form__caption:not(.form__caption--above) {width: 100%; padding-right: 0; margin-bottom: 7px;}
	.pm-compose__actions {align-items: stretch; flex-direction: column; gap: 8px;}
	.pm-page .pm-compose__actions > .form__btn {width: 100%; min-height: 44px; margin: 0;}
	.form__content--sec-code input {max-width: 100%; width: 100%; margin: 0 0 10px 0; 
		height: 40px; line-height: 40px; font-size: 16px;}
	.usp__columns {padding: 18px 16px;}
	.usp__right {display: grid; grid-template-columns: 1fr; gap: 8px; width: 100%; margin: 16px 0 0;}
	.usp__right .usp__btn + .usp__btn {margin-top: 0;}
	.usp__btn a, .usp__edit-btn {min-height: 44px;}
	.usp__meta .usp__btn {width: 100%; margin: 4px 0 0;}
	.usp__edit-btn {width: 100%;}
	.usp__left {width: 72px; margin-right: 12px;}
	.usp__img {width: 72px; height: 72px;}
	.usp__status {width: auto; margin: 0; padding-left: 10px; padding-right: 10px;}
	.usp__activity {justify-content: flex-end; text-align: right;}
	.usp__list {padding-right: 16px; padding-left: 16px;}
	.usp__list li {padding-left: 0;}
	.usp__list li > span:first-child {position: static; display: block; margin-bottom: 4px;}
	.usp-settings {margin-top: 24px; padding: 16px;}
	.usp-settings .form__caption:not(.form__caption--above) {width: 100%; padding-right: 0;}
	.usp-settings .form__content {flex-basis: 100%;}
	.usp-settings__title {margin-right: -16px; margin-left: -16px; padding-right: 16px; padding-left: 16px;}
	.usp-settings__danger {align-items: stretch; flex-direction: column;}
	.usp-settings__danger > a, .usp-settings__danger-link {width: 100%; min-height: 44px;}
	.ui-dialog {width:100% !important;}
	.usp-popup__left {margin: 0 auto 15px auto; width: 100%;}
	.ui-dialog .ui-dialog-buttonset {flex-direction: column-reverse; gap: 8px;}
	.ui-dialog .ui-dialog-buttonpane button {width: 100%; height: 44px; margin: 0;}
	#dofullsearch, #searchsuggestions span.seperator {display:none !important;}
    .dcont button {font-size:13px; padding:0 15px !important;}
	.mass_comments_action {display:none;}
}

@media screen and (max-width: 590px) {
	.pm-storage {grid-template-columns:1fr;}
	.pm-storage__text {white-space:normal;}
	.usp-settings__social {align-items:stretch; flex-direction:column;}
	.usp-settings__telegram {width:100%;}
}