.message-info {color:var(--tt); line-height:1.5; margin-bottom:20px; margin-bottom:40px; background-color:var(--bg-darker); box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); border:1px solid var(--bdc); position:relative; padding:15px 20px; border-left-width:44px; border-left-color:var(--accent)}
.message-info__title {font-weight:600}
.message-info a {text-decoration:underline}
.message-info::before {content:"\f071"; font-family:'Font Awesome 5 Pro'; font-weight:900; font-size:22px; color:#fff; margin-top:-18px; position:absolute; left:-44px; top:50%; width:44px; text-align:center}
.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}
.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}
.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:100px !important}
.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__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__links a,a.pm_list + a {margin-right:20px}
.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}
.pm-item__img {width:60px; height:60px; border-radius:50%; margin-right:20px}
.pm-item__text {margin:6px 0 10px 0}
.pm-item__meta > span {margin-right:20px; font-size:13px}
.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__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-darker); 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}
#loading-layer {background-color:rgba(0,0,0,0.66); border-radius:10px; box-shadow:var(--ui-bsh); 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:#79c142; 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}
.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 {background:none}
.DLEPush-notification.wrapper::before {display:none}
.DLEPush-notification.wrapper {animation-name:DLEPush-show; animation-duration:0.3s; position:relative; display:grid; gap:10px; margin-bottom:10px; width:400px; max-width:calc(100vw - 40px); color:#333; background-color:hsl(var(--hue,174),1%,91%); box-shadow:0 10px 15px rgb(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:#fff; background-color:#79c142; ,100%,27%); width:45px; height:100%}
.DLEPush-notification .DLEPush-icon svg {scale:0.8}
.DLEPush-notification .DLEPush-header {font-weight:bold; font-size:1.1em}
.DLEPush-notification .DLEPush-header:empty {display:none}
.DLEPush-notification .DLEPush-close {position:absolute; top:50%; right:10px; background:none; border:0; padding:0; color:inherit; font-size:1.4em; transform:translateY(-50%)}
.DLEPush-notification.wrapper.push-success {--hue:174}
.DLEPush-notification.wrapper.push-warning {--hue:36}
.DLEPush-notification.wrapper.push-error {--hue:14}
input[type="text"].comments_author_field {width:100%; margin-bottom:10px}
.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:900; 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 }
.has-radiobox label {position:relative; padding-left:32px; display:block; cursor:pointer}
.has-radiobox input {appearance:none; -webkit-appearance:none; display:block; width:22px; height:22px; cursor:pointer; border:1px solid var(--ui-bdc); background:var(--ui-bg); border-radius:50%; position:absolute; left:0; top:50%; transform:translateY(-50%)}
.has-radiobox label input:checked::before {content:''; background-color:var(--ui-accent); width:12px; height:12px; border-radius:50%; position:absolute; left:4px; top:4px}
.has-checkbox,.checkbox {display:block; position:relative; padding-left:50px; cursor:pointer}
.has-checkbox,.checkbox label {cursor:pointer; display:block}
.has-checkbox input,.checkbox input {appearance:none; -webkit-appearance:none; display:inline-block; transition:all .2s linear; height:22px; width:40px; border-radius:11px; background-color:var(--ui-bg-darker); cursor:pointer; box-shadow:var(--ui-bsh-inset); position:absolute; left:0; top:50%; margin-top:-11px}
.has-checkbox input::before,.checkbox input::before {content:''; width:20px; height:20px; border-radius:10px; position:absolute; left:1px; top:1px; background-color:var(--ui-bg); transition:all .2s linear}
.has-checkbox input:checked,.checkbox input:checked {background-color:var(--green)}
.has-checkbox input:checked::before,.checkbox input:checked::before {left:19px}
.unit-rating {display:flex; position:relative}
.unit-rating li {background:url(../dleimages/rating.svg) no-repeat; position:relative; z-index:5}
.unit-rating li a {display:block; width:17px; height:17px; text-indent:-100px; overflow:hidden}
.unit-rating:hover li {background-position:0 -17px; z-index:10}
.unit-rating li:hover ~ li {background-position:0 0; z-index:5}
.unit-rating li.current-rating {background-position:0 -34px; background-repeat:repeat-x; pointer-events:none; position:absolute; left:0; top:0; height:100%; text-indent:-200px; overflow:hidden; z-index:6}
.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)}
#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}
#searchsuggestions {z-index:99998; word-wrap:break-word; max-height:60vh; overflow-x:hidden; overflow-y:auto; background:var(--ui-bg); box-shadow:0 0 30px rgba(0,0,0,0.1); width:var(--searchWidth,360px)}
#searchsuggestions span {display:block; font-size:14px}
#searchsuggestions span.notfound {padding:20px; border-bottom:1px solid var(--ui-bdc); text-align:center}
#searchsuggestions span.seperator a {padding:20px; text-align:center; background-color:var(--ui-bg-darker); display:block}
#searchsuggestions .break,#searchsuggestions span.seperator {display:none}
#searchsuggestions a:hover {background-color:var(--ui-bg-darker)}
.fs-result {padding:10px; border-bottom:1px solid var(--ui-bdc)}
.fs-result__img {width:40px; height:60px; margin-right:10px; border-radius:4px}
.fs-result__title {font-weight:700; font-size:14px; color:var(--tt-lighter)}
.fs-result__meta {margin-top:6px; color:var(--tt); font-size:12px; gap:10px}
.fs-result__rating {border-radius:4px; margin-top: -20px; padding:3px 6px; font-weight:700; background:#79c142; color:#fff}
@media screen and (max-width:960px) {#searchsuggestions {width:calc(100% - 40px)}
}
.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; 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:900; width:40px; height:40px; line-height:40px; text-align:center; color:var(--ui-text-color-on-accent); position:absolute; right:0; top:0; 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-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}
.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:0 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:0 5px 0 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 0 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}
.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}
 .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'}
@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%}
.comments-tree-list .comments-tree-list {padding-left:0}
}
@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}
 .comments-tree-list .comments-tree-list {padding-left:0 !important}
 .comments-tree-list .comments-tree-list:before {display:none}
 .mass_comments_action {display:none}
}