/* sbros i obshee */
* {margin:0; padding:0; border:0; box-sizing:border-box}
*:before, *:after {box-sizing:border-box}

ol, ul {list-style:none}
blockquote, q {quotes:none}
table {border-collapse:collapse; border-spacing:0}
input, select, img {vertical-align:middle}
body {display:flex; flex-wrap:wrap; font:13px Tahoma, Arial, 'Trebuchet MS', sans-serif; color:#222; background:#f5f5f5; height:100%; width:100%}
input, textarea, select, button {font:inherit}
input, textarea, select {box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.1)}
input[type="checkbox"], input[type="radio"] {box-shadow:none}
fieldset {padding:0; margin:0; border:none}
legend {display:block; padding:0; white-space:normal}

.clr {clear:both}
.clearfix:after, .bb-pane:after {content:''; display:table; clear:both}
a, a:hover, a:focus {color:#06c; text-decoration:none}

h1,h2,h3,h4,h5,h6 {font-size:22px; margin-bottom:15px}

.sluzh-wrap {}
.sluzh-title h1 {margin-bottom:15px}
.tags-page {font-size:14px}

/* obshee knopki polya */
button, input[type="button"], input[type="reset"], input[type="submit"] {background:#2d95ca; color:#fff; cursor:pointer}
.bbcodes, .fbutton, button[type="submit"], button[type="button"] {border-radius:3px;}
input.bbcodes, .sep-submit button {padding:0 10px; height:38px}

button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0}
button[disabled], input[disabled] {cursor:default}
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {background:#0996c9}
button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1)}

input[type="text"], input[type="file"], input[type="password"], input[type="email"], select {width:100%; height:38px; padding:0 15px; color:#000; background:#fff; border:1px solid #d7d7d7; border-radius:3px}
input[type="file"] {padding:8px}
input[type="text"]:focus, input[type="file"]:focus, input[type="password"]:focus, textarea:focus {border-color:#90defb; background:#f5fcff}

::-webkit-input-placeholder {color:#607d8b; font-style:italic}
::-moz-placeholder          {color:#607d8b; font-style:italic}
::-ms-input-placeholder     {color:#607d8b; font-style:italic}
::placeholder               {color:#607d8b; font-style:italic}
:-moz-placeholder           {color:#607d8b; font-style:italic}
:-ms-input-placeholder      {color:#607d8b; font-style:italic}

:focus::-webkit-input-placeholder {color:transparent}
:focus::-moz-placeholder          {color:transparent}
:focus::-ms-input-placeholder     {color:transparent}
:focus::placeholder               {color:transparent}
:focus:-moz-placeholder           {color:transparent}
:focus:-ms-input-placeholder      {color:transparent}

.ac-textarea #comments::placeholder {position:relative; top:50%; transform:translate(0,-50%); text-align:center; font-size:14px}

textarea {border:1px solid #d7d7d7; width:100%; min-height:85px; max-height:700px; background:#fff; border-radius:3px; resize:vertical; padding:4px 10px}

textarea#pm_text {resize:none}
form#dle-send-pm div:last-child {margin: 10px 0}

.ui-icon, .close {display:block; overflow:hidden; text-indent:-9999px; white-space:nowrap}

#allow_subscribe, #outboxcopy, .sep-checks input, .xfieldsrow input[type="checkbox"] {width:45px; position:relative; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; cursor:pointer; margin-left:10px}
#allow_subscribe:before, #outboxcopy:before, .sep-checks input:before, .xfieldsrow input[type="checkbox"]:before {content:''; position:absolute; transition:.2s; top:-7px; height:14px; width:36px; border-radius:8px; background:#eaeaea}
#allow_subscribe::after, #outboxcopy:after, .sep-checks input:after, .xfieldsrow input[type="checkbox"]:after {content:''; position:absolute; transition:.15s; top:-10px; left:-1px; height:20px; width:20px; background:#909090; border-radius:50%; box-shadow:0 1px 5px 0 rgba(0,0,0,.6)}
#allow_subscribe:checked:before, #outboxcopy:checked:before, .sep-checks input:checked:before, .xfieldsrow input[type="checkbox"]:checked:before {background:#c4ebf9}
#allow_subscribe:checked:after, #outboxcopy:checked:after, .sep-checks input:checked:after, .xfieldsrow input[type="checkbox"]:checked:after {transform:translateX(18px); background:#2d96c9}

#allow_subscribe:checked:active:after, #allow_subscribe:checked:focus:after, 
#outboxcopy:checked:active:after, #outboxcopy:checked:focus:after,
.sep-checks input:checked:active:after, .sep-checks input:checked:focus:after,
.xfieldsrow input[type="checkbox"]:checked:active:after, .xfieldsrow input[type="checkbox"]:checked:focus:after {animation:checkbox-active-off 0.5s forwards linear}
@keyframes checkbox-active-off {0% {box-shadow: 0 0 0 0 rgba(154,190,247, 0)} 99% {box-shadow: 0 0 0 10px rgba(154,190,247, 0.5)}}

#allow_subscribe:active:after, #allow_subscribe:focus:after, 
#outboxcopy:active:after, #outboxcopy:focus:after,
.sep-checks input:active:after, .sep-checks input:focus:after,
.xfieldsrow input[type="checkbox"]:active:after, .xfieldsrow input[type="checkbox"]:focus:after {animation:checkbox-active-on 0.5s forwards linear}
@keyframes checkbox-active-on {0% {box-shadow: 0 0 0 0 rgba(212,212,212, 0)} 99% {box-shadow: 0 0 0 10px rgba(212,212,212, 0.5)}}

/* Navigation */
.dle-comments-navigation {width:100%}
.page-nav {width:100%; text-align:center; margin:25px auto}
.page-nav span:first-child, .page-nav span:last-child {display:none}
.page-nav a, .page-nav span, .page-nav span.nav_ext {display:inline-block; margin:3px 1px; padding:0 5px; color:#444; border:1px solid #e3e3e3; min-width:32px; border-radius:3px; background:#fff; line-height:30px}
.page-nav a:hover, .page-nav span {color:#fff; background:#029fd9; border:1px solid #029fd9}
.page-nav a:first-child, .page-nav a:last-child {padding:0 10px}

.static-nav {text-align:center; margin:20px auto 0}
.static-nav a {display:inline-block; margin:5px; padding:0 10px; color:#444; border:1px solid #e3e3e3; min-width:32px; border-radius:3px; background:#fff; line-height:30px}
.static-nav a:hover {color:#fff; background:#029fd9; border:1px solid #029fd9}
    
/* errors */
.berrors {position:relative; border-radius:6px; border:4px solid #eb5757; margin:15px 15px 30px!important; padding:40px 60px}
.berrors:before {content:''; width:55px; height:55px; background-repeat:no-repeat; background-color:#fff; position:absolute; top:-12px; left:-18px; z-index:2;
background-image:url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Crect x='1' y='2' width='53' height='52' fill=''/%3E %3Cpath d='M22 42C33.0457 42 42 33.0457 42 22C42 10.9543 33.0457 2 22 2C10.9543 2 2 10.9543 2 22C2 33.0457 10.9543 42 22 42Z' stroke='%23eb5757' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M22 14V22' stroke='%23eb5757' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E %3Ccircle cx='22' cy='30' r='2' fill='%23eb5757'/%3E %3C/svg%3E");}
.berrors > strong {display:block; line-height:30px; font-size:20px; margin-bottom:15px;}
.berrors > p {line-height:1.4; font-size:15px}
.berrors a:not(:hover) {text-decoration:underline}

/* Votes */
#vote-layer legend {font-size:14px; line-height:20px; font-style:italic; text-align:center}
#dle-vote {color:#444; font-size:13px; margin:15px 10px 20px}
[id*='dle-poll-list-'] {padding:0 5px}

.vote-count {font-size:14px; font-style:italic; text-align:center}
.vote-wrap {}
.vote-title {font-size:14px; line-height:20px; font-style:italic; text-align:center}
.vote-list {margin-top:15px; color:#555; font-size:13px}
.vote {position:relative; margin-bottom:10px}
.vote label, .pollanswer label {display:flex; align-items:center}
.pollanswer {margin-bottom:22px}
.pollanswer:last-child {margin-bottom:49px}
.vote input, .pollanswer input {position:absolute; left:-100vw; height:1px; width:1px; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.vote input + span:before, .pollanswer input + span:before {content:''; width:12px; height:12px; border:2px solid #c3c3c3;
background-color:#fcfcfc; margin-right:10px; border-radius:3px; cursor:pointer}
.vote input + span, .pollanswer input + span {display:flex; align-items:center}
.vote input[type="radio"] + span:before, .pollanswer input[type="radio"] + span:before {border-radius:50%}
.vote input + span:hover:before, .pollanswer input + span:hover:before {border-color:#565656; background:#f4f4f4}
.vote span:hover, .vote input:focus-visible + span, .pollanswer span:hover, .pollanswer input:focus-visible + span {cursor:pointer; color:#000; text-decoration:underline;}
.vote input:checked + span:before, .pollanswer input:checked + span:before {background:#f14116; border:2px solid #f14116}
.vote input + span:before, .vote input:checked + span:before,
.pollanswer input + span:before, .pollanswer input:checked + span:before {-webkit-transition:border-color ease .2s; transition:border-color ease .2s}
.vote input:focus-visible + span:before, .pollanswer input:focus-visible + span:before {border:2px solid #565656; background:#f4f4f4}

.vote-buts {display:flex}
.vote-buts button {height:30px; padding:0; box-shadow:none !important}
.votebuts button:hover {opacity:0.8}
.vvote {width:50%; background:#029fd9; margin-right:auto}
.vres, .vall {width:auto; background:transparent; margin-left:15px; color:#86878c}
.vres:hover, .vall:hover {background:transparent; color:#029fd9}

/* Content-other */
#pollbox {border-bottom:1px dashed #E3E3E3; padding-bottom:22px}
#dle-poll-list, #searchtable, .pm_status {padding:15px; border-radius:6px; background-color:#f6f6f6}

/* forms */
#addcoment-dialog form {margin:0}
.tableform {width:100%}
.tableform td, .tableform th {border-top:1px dotted #ebebeb; padding:10px 0; text-align:left}
.tableform tr:first-child td, .tableform tr:first-child th {border:0 none}
.tableform th, .tableform .label, .tableform .addnews {width:25%; font-weight:400; vertical-align:top; padding-right:10px; padding-top:8px}
.imp > label:after {content:"*"; font-size:14px; font-weight:700; color:#e85319; margin-left:5px}

.recipient select {width:298px}
.right input[type="button"] {margin-left:5px}

.fieldtr select, .f_input, .xprofile textarea, .lfield input, 
.editor input[type="text"], .xprofile input, .xprofile select, 
.bbeditor select, .textin, select.rating {padding:4px; background:#fff; border:1px solid #ccc}

.form-wrap {}
.form-title {text-align:left; padding:0 15px 30px 0}
.form-title h1 { display:inline-block; font-size:24px}
.form-wrap > div {border-top:1px dashed #ccc} 
.form-wrap > div:nth-child(2n) {background:#f6f6f6}
.sep-input {padding:10px 10px 10px 170px}
.label {float:left; width:150px; margin-left:-160px}
.input {float:right; width:100%; position:relative}
.label label {display:block; height:40px; line-height:40px; font-weight:700; font-size:13px}
.impot {color:#e90206; margin-right:5px}
.input input, .xfields input, .input select {max-width:400px}
.sep-textarea, .sep-vote-rel, .sep-xfield, .sep-checks {padding:10px}
.textarea-title {height:40px; line-height:40px; padding:0 20px; background:#1d3242; color:#fff; font-size:16px}
.vote-textarea, #category {width:100%!important}
.radio {height:25px; line-height:25px}
.radio input {float:left; display:inline-block; margin-right:0px; width:25px; height:25px; line-height:25px}
.sep-title {padding:0 20px; font-size:16px; background:#1d3242; color:#fff; height:40px; line-height:40px}
.add-findrel, .add-votebut {display:block!important; width:50%; height:40px!important; line-height:40px!important; 
padding:0 10px!important; text-align:center; border-radius:0!important;
float:left; background:#fec007; color:#fff!important; font-size:16px!important}
.findrelated {background:#ffc; border:1px solid #9e9e9e; padding:5px; margin:10px 0}
.sep-xfield .addnews {vertical-align:middle}
.sep-checks label, #allow_subscribe + label {display:inline-block; margin-left:3px}
.sep-checks label {line-height:30px}
.sep-submit {padding:30px 10px}
.secur .label label {background:#cf0003; position:relative; color:#fff; text-align:center; font-size:14px}
.sec-label {margin-bottom:10px; font-weight:bold; font-size:14px}
.secur .input input {margin-bottom:20px}
.sec-capcha input {float:left; max-width:150px; margin-right:10px}
.register-check {position:absolute; right:0; top:0; width:120px!important; font-size:11px!important; padding:0!important; text-align:center; 
border-radius:0 5px 5px 0!important; height:38px!important; line-height:38px!important}
.full-text.sep-textarea {margin:0; padding:10px!important}

/* Userinfo */
.user-wrap {border:1px solid #ccc; width:100%; margin-bottom:25px}
.user-main {padding:30px 30px 30px 170px; position:relative; background:#404048}
.u-avatar {width:100px; float:left; margin-left:-135px; padding:10px 0}
.u-name {width:100%; float:right; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.user-avatar {height:100px; border-radius:50px; overflow:hidden; box-shadow:0 0 0 10px rgba(255,255,255,0.3)}
.user-avatar img {width:100%; height:100%}
.u-name h1 {font-size:16px; color:#fff; font-weight:bold; margin-bottom:5px}
.u-name div {line-height:30px; color:#fff; font-size:14px}
.offline, .online {display:inline-block; font-weight:700; color:#fff; background:#607d8b; border-radius:20px; padding:0 10px}
.online {background:#99ce1b}
.user-info div {width:25%; height:95px; float:left; border-right:1px solid #ccc; text-align:center}
.user-info span {display:block; font-size:14px; padding:15px 0 5px 0}
.user-info b {font-size:18px}
.user-connect div {display:block; float:left; width:50%; height:50px; line-height:50px; text-align:center; 
background:#303038; color:#fff; font-size:16px; font-weight:700; border-right:1px solid #999; 
white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 10px}
.user-connect a {display:block; color:#fff}
div.u-info {background:#f6f6f6; color:#000; font-size:14px; font-weight:400; border-right:1px solid #ccc}
.user-edit {width:100%; margin-bottom:25px}
.user-edit a {display:block; padding:10px 20px; text-align:center; background:#fc0; color:#000; font-weight:700; font-size:16px}
.user-info div:last-child, .user-connect div:last-child {border-right:0}

/* Userinfo popup */
.userinfo {display:flex}
.userinfo .avatar {display:flex; flex-direction:column; width:100px; height:auto; margin-right:30px}
.userinfo .avatar img {object-fit:cover; width:100%; height:auto; max-height:100px}
.userinfo .avatar .offline, .userinfo .avatar .online {text-align:center; font-weight:700; color:#fff; border-radius:5px; padding:2px 10px; margin:10px 0}
.userinfo .avatar .offline {background:#607d8b}
.userinfo .avatar .online {background:#99ce1b}
.userinfo ul li {font-style:italic; padding-bottom:10px}
.userinfo ul li:last-child {padding-bottom:0}
.usinf li {font-style:italic; padding:5px 0; border-top:1px dotted #d9d9d9}
.usinf li:first-child {border-top:0 none}
.uibtn {font-size:11px}
.ussep {padding-top:1.2em}

/* search */
.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}
#searchtable table, #searchtable form {margin:0}
#searchtable select {background:#fff}

#searchuser, #searchinput {width:90%!important}

.sres-wrap {background:#fff; display:block; padding:15px 15px 15px 230px; outline:1px solid #e3e3e3; position:relative}
.sres-wrap:nth-child(2n) {background:#f6f6f6}
.sres-wrap:hover {z-index:100; outline-color:#04a2dc; box-shadow:0 0 10px 0 rgba(4,162,220,0.5)}
.sres-img {float:left; margin-left:-215px; width:200px; position:relative}
.sres-img img {width:100%}
.sres-text {float:right; width:100%; color:#000}
.sres-text h2 {font-size:16px; color: #fc151e; margin-bottom:20px; display:block}
.sres-date {position:absolute; left:0; top:0; padding:10px; background:rgba(0,0,0,0.7); color:#fc0}

/* statistics */
.statistics ul.left {min-height:71px; margin-left:-1px; width:33.3%}
.statistics ul.left li {clear:both; padding:0 15px 0 1px; margin-bottom:2px}
.statistics h4 {font-weight:700; border-bottom:1px solid #e2e2e2; margin-bottom:.5em; padding-bottom:.6em}
.statsbox li {border-top:1px dotted #ebebeb; padding:8px 0}
.statsbox li:first-child {border-top:0 none}

.userstop {border:1px solid #ccc}
.userstop tr td {padding:10px; border:1px solid #ccc; font-size:12px}
.userstop tr:nth-child(2n+2) {background:#f9f9f9}

.lines {border:1px dotted #ebebeb; padding:10px}
.lines li {margin-bottom:.2em;}

/* PM */
.pm_menu {margin-bottom:10px; height:42px}
.pm_menu * {float:left}
.pm_menu a {padding:0 15px; background:#f5f5f5; color:#444; margin-right:10px; height:40px; line-height:40px; display:block}
.pm_menu a:hover {background:#0297dc; color:#fff}

.pm_status {margin-bottom:47px}
.pm_status_head {border-bottom:1px solid #e3e3e3; font-size:.9em; height:22px; padding:0; font-weight:700; text-align:center; color:#4e4e4e}
.pm_progress_bar {border-radius:4px; border:1px solid #d8d8d8; background:#fff; padding:4px; margin-top:10px; margin-bottom:10px}
.pm_progress_bar span {border-radius:2px; background:#fb643c; font-size:0; text-indent:-2000em; height:10px; display:block; overflow:hidden}

.pm tr:nth-child(1) {background:#0297dc!important; color:#fff; font-size:16px!important; border:1px solid #2897dc}
.pm tr:nth-child(2n+2), .userstop tr:nth-child(2n+2) {background:#f9f9f9; border:1px solid #d7d7d7}
.pm tr td {padding:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:200px}
.pm input[type="checkbox"] {margin:0}
.pm tr:last-child, .pm tr:nth-last-child(2) {background:#fff; border:0}
.pm tr:last-child td {padding:0}
.pm .navigation span, .pm .navigation a {text-align:center; line-height:28px; min-width:30px}
.pm select {width:190px; height:30px; padding:0 5px; font-size:12px}
.pm input.bbcodes {height:30px; line-height:30px; padding:0 15px}

@media screen and (max-width: 490px) {
.form-title h1 {font-size:16px}
.sep-input {padding:10px}
.label, .input {float:none; width:100%; margin-left:0}
.add-findrel, .add-votebut, .textarea-title {font-size:12px!important}
.sres-wrap {padding:15px}
.sres-img {float:none; margin-left:0; width:100%}
.sres-text {float:none; width:100%; color:#f0f0f0; padding:10px; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.7)}
.sres-text h2 {color: #fff; margin-bottom:0}
.sres-desc {display:none}
.user-main {padding:30px}
.u-avatar {width:100px; float:none; margin:0 auto 0 auto; padding:0 0 20px 0}
.u-name {float:none; text-align:center}
.offline, .online {margin:0 auto}
.user-info div, .user-connect div {width:100%; border-right:0; border-bottom:1px dashed #d8d8d8}
}