/* 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 {color: #000; 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;}

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


/* 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: -webkit-fill-available;}
.xfields input, .xprofile input {max-width: 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, PM
----------------------------------------------- */
/* ========================================
   PM MODULE STYLES
   ======================================== */

/* --- Links & Status --- */
.pm__links {gap:10px; flex-wrap:wrap; display:flex; padding:0; margin:0 0 20px 0;}
.pm__links li {list-style:none;}
.pm__links a {display:inline-block; padding:8px 16px; background-color:var(--ui-bg,#f5f5f5); color:var(--tt,#333); border-radius:6px; text-decoration:none; font-size:14px; transition:all 0.2s ease; border:1px solid var(--ui-bdc,#ddd);}
.pm__links a:hover,
.pm__links a.active {background-color:var(--accent,#4581d0); color:#fff; border-color:var(--accent,#4581d0);}

.pm__status {background:var(--ui-bg,#fff); border:1px solid var(--ui-bdc,#ddd); border-radius:6px; padding:12px 16px; margin-bottom:24px; font-size:13px; color:var(--tt-2,#666);}
.pm__status > div {margin-bottom:6px; font-weight:500;}

/* --- Main Table --- */
.pm {width:100%; border-collapse:collapse; background:var(--ui-bg,#fff); border:1px solid var(--ui-bdc,#ddd); border-radius:6px; overflow:hidden; font-size:14px; margin-bottom:20px;}
.pm th {text-align:left; font-weight:600; padding:12px 16px; background:var(--ui-bg-darkest,#2f343a); color:#fff; white-space:nowrap; border-bottom:2px solid var(--ui-bdc,#ddd);}
.pm th.pm_checkbox {text-align:center; width:40px;}
.pm td {padding:10px 16px; border-bottom:1px solid var(--ui-bdc,#eee); vertical-align:middle;}
.pm tbody > tr:hover {background-color:var(--ui-bg-darker,#f8f9fa);}
.pm tbody > tr:last-child td {border-bottom:none;}

/* --- Table Content & Icons --- */
.pm_list.pm_icon {text-align:center; width:40px;}
.pm_list.pm_icon svg {width:1.2rem; height:1.2rem; vertical-align:middle; display:inline-block;}
.pm_list.pm_icon.pm-unread-image {color:#3394e6;}
.pm_list.pm_icon.pm-read-image {color:#afb5bd;}
.pm_list.pm_icon.pm-reply-image {color:#087e02;}

.pm_list.pm_subj,
.pm_list.pm_with_user,
.pm_list.pm_last_user {color:var(--tt-accent,#4581d0); text-decoration:none; font-weight:500; transition:color 0.2s; cursor:pointer;}
.pm_list.pm_subj:hover,
.pm_list.pm_with_user:hover,
.pm_list.pm_last_user:hover {color:var(--accent-hover,#3366b3); text-decoration:underline;}

.pm_list .pm_last_message,
.pm_list .pm_last_date,
.pm_list .pm_with_user {color:var(--tt-2,#64748b); font-size:0.85rem; line-height:1.4;}
.pm_list .pm_last_message {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; max-width:300px;}

/* --- Checkboxes --- */
.pm input[type="checkbox"] {cursor:pointer; transform:scale(1.1);}

/* --- Navigation --- */
.pm_navigation {margin-top:20px; text-align:center;}
.pm_navigation .navigation {display:inline-flex; gap:4px; background:var(--ui-bg,#f5f5f5); border-radius:6px; padding:4px; border:1px solid var(--ui-bdc,#ddd);}
.pm_navigation .navigation a,
.pm_navigation .navigation span {padding:6px 12px; min-width:36px; text-align:center; border-radius:4px; text-decoration:none; font-size:13px; transition:all 0.2s;}
.pm_navigation .navigation a {color:var(--tt,#333); background:transparent;}
.pm_navigation .navigation a:hover {background:var(--ui-bg-darker,#e2e8f0);}
.pm_navigation .navigation span {background:var(--accent,#4581d0); color:#fff; font-weight:500;}

/* --- Message Items (Loop) --- */
.messages-loop {margin-bottom:24px;}
.pm-item {display:flex; gap:16px; padding:16px; background:var(--ui-bg,#fff); border:1px solid var(--ui-bdc,#ddd); border-radius:8px; margin-bottom:12px; align-items:flex-start;}
.pm-item:last-child {margin-bottom:0;}

.pm-item__img {flex-shrink:0; width:56px; height:56px; border-radius:50%; overflow:hidden; border:2px solid var(--ui-bdc,#ddd); background:var(--ui-bg-darker,#f5f5f5);}
.pm-item__img img {width:100%; height:100%; object-fit:cover; display:block;}

.pm-item__description {flex:1; min-width:0;}
.pm-item__meta {display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-bottom:8px; font-size:13px;}
.pm-item__meta > span {color:var(--tt-2,#64748b);}
.pm-item__meta > span:first-child {font-weight:600; color:var(--tt,#333);}
.pm-item__meta > span:nth-child(2) {background:var(--ui-bg-darker,#f1f5f9); padding:2px 8px; border-radius:4px; font-size:12px;}

.pm-item__text {margin:8px 0 12px; line-height:1.6; color:var(--tt,#333);}
.pm-item__text.clearfix::after {content:""; display:table; clear:both;}

.pm-item__meta:last-child {margin-top:0; padding-top:10px; border-top:1px dashed var(--ui-bdc,#eee);}
.pm-item__meta:last-child span {cursor:pointer; transition:color 0.2s;}
.pm-item__meta:last-child span:hover {color:var(--accent-red,#e74c3c);}
.pm-item__meta:last-child [pm-edit] {color:var(--accent-gold,#f39c12);}
.pm-item__meta:last-child [pm-edit]:hover {color:#d68910;}

/* --- Forms (Read/New PM) --- */
.pm-page [readpm] .form__header h3.form__title {font-size:18px; margin-bottom:12px;}
.pm-page [readpm] .form__row {margin-bottom:16px;}
.pm-page [readpm] .form__content {width:100%;}
.pm-page [readpm] {margin-top:20px; padding-top:20px; border-top:1px solid var(--ui-bdc,#ddd);}

.pm-page [newpm] .form__row {margin-bottom:20px;}
.pm-page [newpm] .form__input {width:100%; padding:10px 14px; border:1px solid var(--ui-bdc,#ddd); border-radius:6px; font-size:14px; background:var(--ui-bg,#fff); color:var(--tt,#333); transition:border-color 0.2s,box-shadow 0.2s;}
.pm-page [newpm] .form__input:focus {outline:none; border-color:var(--accent,#4581d0); box-shadow:0 0 0 3px rgba(69,129,208,0.15);}
.pm-page [newpm] .checkbox {display:flex; align-items:center; gap:8px; font-size:14px; color:var(--tt-2,#666);}
.pm-page [newpm] .checkbox input {width:auto; margin:0; transform:scale(1.1);}
.pm-page [newpm] .form__row--without-label {display:flex; gap:12px; margin-top:24px;}
.pm-page [newpm] .form__btn--secondary {background:transparent; border:1px solid var(--ui-bdc,#ddd); color:var(--tt,#333);}
.pm-page [newpm] .form__btn--secondary:hover {background:var(--ui-bg-darker,#f1f5f9);}

/* --- Progress Bar --- */
.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;}

/* --- Selects --- */
.pm select {width:100%; margin-bottom:10px;}

/* ========================================
   GLOBAL OVERRIDES & COMPATIBILITY
   ======================================== */

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

/* Responsive Tables */
.table-responsive {overflow-y:hidden; overflow-x:auto;}
.dle-table {width:100%; border:1px solid var(--ui-bdc); border-collapse:collapse;}
.dle-table td {padding:10px; font-size:13px; border:1px solid var(--ui-bdc);}
.dle-table thead tr:nth-child(1) {background-color:var(--ui-bg-darkest);}
.dle-table tr:nth-child(2n+2) {background-color:var(--ui-bg-darker);}

/* Animation Blind */
#blind-animation {margin-bottom:40px;}

/* ========================================
   RESPONSIVE
   ======================================== */

@media (max-width:768px) {
    .pm {font-size:13px;}
    .pm th, .pm td {padding:8px 10px;}
    .pm_list .pm_last_message {max-width:150px; -webkit-line-clamp:1;}
    
    .pm-item {flex-direction:column; gap:12px; padding:12px;}
    .pm-item__img {width:48px; height:48px;}
    .pm-item__meta {gap:8px; font-size:12px;}
    
    .pm__links {flex-direction:column; align-items:stretch;}
    .pm__links a {text-align:center; width:100%;}
    
    .pm-page [newpm] .form__row--without-label {flex-direction:column;}
    .pm-page [newpm] .form__btn {width:100%; justify-content:center;}
}

@media (max-width:480px) {
    .pm-item__meta {flex-direction:column; align-items:flex-start; gap:4px;}
    .pm_list .pm_last_message {max-width:100%;}
}

/* USER PROFILE, POPUP
----------------------------------------------- */
.usp {border: 1px solid var(--ui-bdc); 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 {background-color: var(--ui-bg-darker); padding: 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 5px rgba(0,0,0,0.2);}
.usp__status {padding: 6px 0; border-radius: 4px; color: #fff; margin: 0 10px; 
	width: 80px; text-align: center; white-space: nowrap; font-size: 13px;}
.usp__status--online {background-color: #6ab04c;}
.usp__status--offline {background-color: #eb4d4b;}
.usp__btn a {width: 100%;}
.usp__btn + .usp__btn {margin-top: 10px;}
.usp__name {font-size: 18px; font-weight: 400; color: var(--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 > div {margin-left: 20px; font-size: 13px;}
.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-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(100vw - 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: #deeaf3; color: #958971; padding: 5px 15px; font-size: 12px;}
.quote {margin: 0 0 25px 0; padding: 20px 20px 20px 80px; position: relative;
	background-color: #eff3f7; color: #5a4f3e;}
.quote::before {content:"\f10e"; font-family:'Font Awesome 5 Pro'; font-weight: 300; 
	position: absolute; left: 30px; top: 12px; color: var(--accent); font-size: 24px;}
.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; }
.text_spoiler { border-top: 0; text-align: justify; }
.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 }


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

/*--- 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: 360px; font-size: 13px; 
	background: var(--ui-bg); box-shadow: 0 0 30px rgba(0,0,0,0.1);}
#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 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);}
}

/*--- 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-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: 30px; margin: 0 5px; padding: 0 15px; font-size: 13px;}
.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;}
.xfieldsrow {padding-top:5px;clear: both;}
.xfieldscolleft {float: left; width: 30%;}
.xfieldscolright {float: left;width: 70%;}
.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 {background: none; position: absolute; right: 0; top: 0;}
.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';}

/* 15, 15.1 */
figure {margin:0;}
figure.align-left {float:left;}
figure.align-right {float:right;}
figure.image.align-center {display:table;margin-left:auto;margin-right:auto;}
figure.image figcaption {padding:1rem;background:var(--bg-2);font-size:.8rem;caption-side:bottom;word-break:break-word;text-align:center;color:var(--tt-2);}

/* 15.2, 15.3 */
.comments-image-gallery {margin:0;padding:0;list-style:none;clear:both;}
.comments-image-gallery li {list-style:none;margin:0;padding:0;}
.comments-image-gallery li img {float:left;margin-right:5px;border:5px solid var(--bg);width:100px;height:100px;}
.comments-image-gallery li img:hover {box-shadow:0 0 7px rgba(0,0,0,.4);}
.mce-toc {border:1px solid var(--ui-bdc);margin:0 0 .7rem;border-radius:4px;}
.mce-toc h2 {margin:4px;color:var(--tt);}
.mce-toc ul {padding-left:20px;list-style:none;margin-top:0;margin-bottom:0;margin-block-start:1em;margin-block-end:1em;color:var(--tt-2);}
.mce-toc ul ul {padding-left:20px;margin-block-start:0;margin-block-end:0;}
.mce-toc li {list-style-type:none;}

/* 15.3, 16.0 */
.image-bordered {border:1px solid var(--ui-bdc);border-radius:4px;}
.image-shadows {box-shadow:rgba(9,30,66,.25) 0 4px 8px -2px,rgba(9,30,66,.08) 0 0 0 1px;border-radius:4px;}
.image-padded {padding:.5rem;}
.comments-user-profile {font-weight:bold;cursor:pointer;color:var(--tt-accent);transition:color .3s ease;}
.comments-user-profile:hover {color:var(--accent-red);}

/* 16, 17 */
.dle-popup-quickedit .ui-dialog-titlebar-close {text-indent:-10000px;}
.ui-dialog-titlebar .ui-button-text {text-indent:-10000px;}
.ui-dialog-titlebar .ui-button-text::before {content:"\f00d";font-family:'Font Awesome 5 Pro';font-weight:300;text-indent:0;position:absolute;inset:0;display:grid;place-items:center;}
.dle-popup-quickedit .ui-dialog-content {height:calc(100vh - 170px);}
.quick-edit-text {width:100%;background:var(--bg);color:var(--tt);border:1px solid var(--bdc);border-radius:4px;}
.xfieldsrow::after {content:'';clear:both;display:table;}
.title_spoiler svg {vertical-align:middle;margin-top:-4px;margin-right:7px;height:16px;width:16px;transition:transform .3s ease;}
.title_spoiler:hover svg {transform:scale(1.2);}
.title_spoiler {display:flex;align-items:center;gap:6px;color:var(--tt);}
.title_spoiler a {display:block;transition:color .3s ease;}
.title_spoiler a:hover {color:var(--accent-red);}
.title_spoiler a:first-child {width:18px;height:18px;}
.title_spoiler svg {width:18px;height:18px;}
.title_spoiler a+a {flex:1 1 0;max-width:100%;min-width:50px;}

/* 16.1, 17.0 */
.mce-accordion summary {cursor:pointer;color:var(--tt);transition:color .3s ease;}
.mce-accordion summary:hover {color:var(--accent-gray);}
.self_delete_link {border:0;display:inline-block;vertical-align:middle;cursor:pointer;padding:12px 27px;border-radius:10px;outline:none;background:var(--accent-red);color:var(--tt-dark);text-shadow:0 1px var(--tt-3);text-decoration:none;box-shadow:0 1px 2px 0 rgba(0,0,0,.2);box-sizing:border-box;}
.self_delete_link:hover {background:var(--bg-btn-hover);transform:translateY(-2px);box-shadow:0 2px 6px rgba(0,0,0,.3);}

/* 17, 17.1 */
.DLEPush {z-index:1000;position:fixed;right:20px;top:20px;}
@keyframes DLEPush-show {0% {transform:translateY(100%);opacity:0;} 100% {transform:translateY(0);opacity:1;}}
.DLEPush-notification.wrapper {animation-name:DLEPush-show;animation-duration:.3s;position:relative;display:grid;gap:10px;margin-bottom:10px;width:400px;max-width:calc(100vw - 40px);color:var(--tt);background:var(--bg-2);box-shadow:0 10px 15px rgba(0,0,0,.15);border-radius:6px;padding:15px 30px 15px 60px;overflow:hidden;}
.DLEPush-notification .DLEPush-icon {display:grid;place-items:center;position:absolute;left:0;top:0;color:var(--tt-dark);background:var(--accent-gray);width:45px;height:100%;}
.DLEPush-notification .DLEPush-icon svg {scale:.8;}
.DLEPush-notification .DLEPush-header {font-weight:bold;font-size:1.1em;color:var(--tt);}
.DLEPush-notification .DLEPush-header:empty {display:none;}
.DLEPush-notification .DLEPush-close {position:absolute;top:50%;right:10px;background:none;border:0;padding:0;color:var(--tt-2);font-size:1.4em;transform:translateY(-50%);transition:color .3s ease;}
.DLEPush-notification .DLEPush-close:hover {color:var(--accent-red);}
.DLEPush-notification.wrapper.push-success {background:var(--accent-green);color:var(--tt-dark);}
.DLEPush-notification.wrapper.push-warning {background:var(--accent-gold);color:var(--tt-dark);}
.DLEPush-notification.wrapper.push-error {background:var(--accent-red);color:var(--tt-dark);}
input[type="text"].comments_author_field {width:100%;margin-bottom:10px;}

/* 17.2-17.3 */
.ui-dialog-buttonset button.ui-button-delete {background:var(--accent-red); border-color:var(--accent-red); color:var(--tt-dark); text-shadow:1px 1px 2px rgba(0,0,0,.5); border-radius:4px; padding:0 15px; height:30px; transition:all .3s ease}
.ui-dialog-buttonset button.ui-button-delete:hover {background:var(--bg-btn-hover); border-color:var(--bg-btn-hover); color:var(--tt-dark); transform:translateY(-2px); box-shadow:0 2px 6px rgba(0,0,0,.3)}
.form-check-label {cursor:pointer; color:var(--tt); transition:color .3s ease}
.form-check-label:hover {color:var(--accent-gray)}
.form-check-input[type=radio] {border-radius:50%}
.form-check-input:checked[type=checkbox] {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%234a704a' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); accent-color:var(--accent-green); border-color:#0c5f7eed}
.form-check-input:checked[type=radio] {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%234a704a'/%3e%3c/svg%3e"); accent-color:var(--accent-green); border-color:#0c5f7eed}

/* 18.0-18.1 */
.quote_link {float:right}
.quote_link svg {color:#6c838e; vertical-align:middle}

/* 18.1 и 19.0 */
.clipboard-copy-link svg {color:#6c838e; vertical-align:middle; margin-top:-3px}

/* 19.0 и 19.1 */
.smart-captcha {display:inline-block}
.mathml-container {font-family:math}
div.mathml-block {font-size:1.1em; display:flex; align-items:center; justify-content:center; padding:.139em .35em}
div.mathml-block .katex {font-size:1.1em}
span.mathml-inline {display:inline-block; vertical-align:middle; margin:0 .12em}
.dleshowhidden {color:#104d92; background-color:#E3F2FD; border:1px solid #1E88E5; box-shadow:0 5px 12px rgba(126,142,177,0.2); padding:.83em}

/* --- ADAPTIVE --- */
@media screen and (max-width: 760px) {
	.form__caption:not(.form__caption--above), .form__table .addnews {width: 100%; padding: 0 0 10px 0;}
	.form__content--admintag .checkbox {width: 100%;}
	.usp {margin-left: -20px; margin-right: -20px;}
	.usp__list li {width: 100%;}
}
@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%; margin-top: 10px;}
	.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;}
	.form__content--sec-code input {max-width: 100%; width: 100%; margin: 0 0 10px 0; 
		height: 40px; line-height: 40px; font-size: 16px;}
	.usp__right, .usp__meta .usp__btn {width: 100%; margin-top: 20px; margin-left: 0;}
	.usp__left {width: 60px; margin-right: 10px;}
	.usp__img {width: 60px; height: 60px;}
	.usp__status {width: auto; margin: 0; padding-left: 10px; padding-right: 10px;}
	.usp__activity {justify-content: flex-end; text-align: right;}
	.ui-dialog {width:100% !important;}
	.usp-popup__left {margin: 0 auto 15px auto; width: 100%;}
	.ui-dialog .ui-dialog-buttonpane button {margin:0 0 5px 0; width:100%;}
	#dofullsearch, #searchsuggestions span.seperator {display:none !important;}
    .dcont button {font-size:13px; padding:0 15px !important;}
    .mass_comments_action {display:none;}
}