/* MAY BE TO DELETE */
#pollbox {border-bottom: 1px dashed #E3E3E3; padding-bottom: 22px;}
#dle-poll-list, .pm-status {padding: 0 0 20px 0; border-radius: 6px;}
.bbcodes_poll{width:100px}
fieldset {border: 1px solid #bfced6;padding: 5px;text-align: left;}

/* SERVICE PAGE COMMON, FORM
----------------------------------------------- */
.serv__title {font-size: 24px; font-weight: var(--ui-fw-bolder); margin-bottom: 20px;}
.serv__subtitle {font-size: 18px; font-weight: var(--ui-fw-bolder); margin-bottom: 20px;}
.serv__section {margin-bottom: 30px;}
.serv__gap {gap: 10px;}
.serv__links a {color: var(--ui-accent); border-bottom: 1px dotted var(--ui-accent);}
.serv__table-resp {overflow-y: hidden; overflow-x: auto;}
.serv__table table {width: 100%;}
.serv__table table thead tr, .pm tbody tr:first-child {background-color: var(--ui-bg-black); color: #fff;}
.serv__table table td {padding: 10px 10px; font-size: 13px; border: 1px solid var(--ui-bdc);}
.serv__table table tbody tr:nth-child(2n) {background-color: var(--ui-bg-darker);}

.form__row + .form__row {margin-top: 20px;}
.form__row {display: grid; gap: 10px 20px; align-items: center; grid-template-columns: 200px minmax(200px,1fr); position: relative;}
.form__row--textarea, .form__row--textarea .form__label, .form__row--wide {display: block;}
.form__row--textarea .form__label {background-color: var(--ui-bg-black); color: #fff; padding: 15px;}
.form__label--important::after {content: "*"; margin: 0 0 0 5px; color: var(--ui-red);}
#result-registration, .ui-helper-hidden-accessible, #related_news, .form__vote {grid-column: 1 / -1; padding: 20px; 
	background-color: var(--ui-bg-attention); border: 1px solid var(--ui-bd-attention);}
.form__find-related {position: absolute; right: 0; top: 0; border-radius: 0 4px 4px 0;}
.form__content select, #category {width: 100% !important;}
.bb-pane + textarea {border-radius: 0 0 4px 4px;}
.xfieldsnote {color: var(--ui-tt-fade); font-size: 13px; margin-top: 5px;}

.form__table {width: 100%;}
.form__table tr + tr td {padding-top: 20px;}
.form__table .addnews {width: 220px;}
.xfields textarea, .xprofile textarea, .form__textarea--height {height:100px !important;}
.xfields .bb-editor, .xfields .wseditor {margin-top:10px;}
td.xfields {position: relative;}

.form__row--checkboxes-group {display: grid; grid-gap: 20px 20px; grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); align-items: start;}
.form__sec-code > input {flex: 1 1 0; margin-right: 10px; height: 80px; line-height: 80px; text-align: center;}
.form__row--submit {display: flex !important;}
.form__row--submit button {min-width: auto; white-space: nowrap;}
.form__btn {width: 220px;}


/* STATS, PM, TABLES
----------------------------------------------- */
.stats__list, .stats__latest {min-width: 200px; display: grid; gap: 10px;}
.stats__list .serv__subtitle, .pmessages__status .serv__subtitle {margin-bottom: 0;}

.pmessages__links li {white-space: nowrap; min-width: auto;}
.pm_progress_bar {border-radius: 3px; margin: 10px 0; overflow: hidden; background-color: var(--ui-bg-darker); 
	box-shadow: var(--ui-bsh-inset);}
.pm_progress_bar span {background-color: var(--ui-green); font-size: 0; height: 20px; display: block;}
.pmessages-item {border: 1px solid var(--ui-bdc); padding: 15px; gap: 15px;}
.pmessages-item__img {width: 60px; height: 60px; border-radius: 50%;}
.pmessages-item__text {margin: 6px 0 10px 0;}
.pmessages-item__meta > span {font-size: 13px;}
.pm tr td:first-child {width: 36px;}
.pm select {width:100%; margin-bottom:10px;}

/* SEARCH PAGE, SEARCH TABLE */
.search-page__simple-form {gap: 10px; margin-bottom: 20px;}
.search-page__ext-form {display: grid; gap: 20px 30px; 
	grid-template-columns: repeat(auto-fill,minmax(300px,1fr)); margin-bottom: 20px;}
.search-page__ext-form-label {margin-bottom: 10px; font-size: 13px; color: var(--ui-tt-fade);}
.search-page__ext-form-content, .search-page__ext-form-input {gap: 10px;}
.search-page__ext-form-input input {width: 40px; padding: 0; text-align: center;}
.search-page__ext-form-row .has-checkbox {margin-top: 10px; font-size: 13px; color: var(--ui-tt-fade);}
.search-page__ext-form-row--category {grid-row: span 2;}
.search-page__ext-form-row--category select {height: 126px;}
.search-page__ext-form-row--wide {grid-column: 1 / -1;}
.search-page__ext-form-row--btns input {min-width: auto; padding: 0 40px;}
@media screen and (max-width: 590px) {
	.search-page__btn-ext {width: 100%; height: 40px;}
}

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

div[id*=uploadedfile], .file-preview-box {display: grid !important; gap: 10px !important; padding: 0 !important;
	grid-template-columns: repeat(auto-fill,minmax(115px,1fr)); margin-bottom: 10px;}
.uploadedfile {background-color: var(--ui-bg); border: 1px solid var(--ui-bdc); font-size: 13px;
	box-shadow: 0px 1px 4px rgba(0,0,0,0.15); text-align: center; padding: 10px; border-radius: 4px;}
.uploadedfile .uploadimage {height: 90px; margin: 10px 0; cursor: move;}
.uploadedfile .uploadimage img {width: 100%; height: 100%; object-fit: contain;}
.sortable-ghost {opacity: 0.4;}
.uploadedfile .info {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.uploadedfile .info a {display: block; padding: 5px; background-color: var(--ui-bg-darker);}
.uploadedfile .info a + br + a {background-color: var(--ui-red); color: #fff;}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {cursor: not-allowed; pointer-events: none; opacity:0.66;}
span[id*=uploadedfile] {margin: 10px 0; display: block;}
.file-preview-card, .folder-preview-card {width: 100% !important; padding: 0 !important;}

.progress {overflow: hidden; margin-top: 10px; margin-bottom: 10px; height: 10px;
	border-radius: 4px; background:var(--ui-bg-darker); box-shadow: var(--ui-bsh-inset);}
.progress .progress-bar {float: left; width: 0%; font-size: 13px; line-height: 20px; color: #fff; 
	text-align: center; background-color:#428bca; transition: width 0.6s ease; border-radius: 4px; 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;}
	.mce-toc {border-bottom: 1px solid var(--bdc); padding-bottom: 15px; margin-bottom: 30px; margin-top: -15px;}
.mce-toc h2 {font-size: 18px; margin-bottom: 10px;}
.mce-toc ul li {position: relative; padding-left: 36px; margin-bottom: 3px;}
.mce-toc a {text-decoration: none; color: var(--tt);}
.mce-toc ul li:before {content: ''; width: 8px; height: 8px; border-radius: 50%; 
	background-color: #fcc506; position: absolute; top: 10px; left: 15px;}
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: 10px; background-color: var(--ui-bg-darker); font-size: 13px;
	caption-side: bottom; word-break: break-word; text-align: center;}
figure.image.align-center figcaption {display: table-caption;}
.image-bordered {border: 1px solid var(--ui-bdc);}
.image-shadows {box-shadow: rgb(9 30 66 / 25%) 0px 4px 8px -2px, rgb(9 30 66 / 8%) 0px 0px 0px 1px;}
.image-padded {padding: 0.5rem;}
.comments-user-profile {font-weight: bold; cursor: pointer; color: #3394e6;}
.mce-accordion summary {cursor: pointer;}
.self_delete_link {margin: 0; color: var(--ui-accent); text-decoration: underline;}