/* 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 {position:relative; font:13px Tahoma, Arial, 'Trebuchet MS', sans-serif; color:#222; background:#f5f5f5; height:100%; width:100%}
html {scroll-behavior:smooth}
input, textarea, select, button {font:inherit}
input, textarea, select, .bsh {box-shadow:inset 0 0 3px 0 rgba(0,0,0,.1)}
input[type="checkbox"], input[type="radio"] {box-shadow:none}

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

.art_box {}
.art_header, .m_bot {margin-bottom:25px}
.btn {font-size:110%; padding:0 15px}
.sluzh-title h1 {margin-bottom:15px}
.tags-page {font-size:14px}
#dle-pm-preview .comm-three {pointer-events:none; cursor:default; text-decoration:line-through}


.s-img img {color:#fff0}

.s-img img:before {content:""; position:absolute; top:0; left:0; height:100%; width:100%;
background:linear-gradient( 217deg, rgb(46 154 255 / 1), rgb(255 100 100 / 0) 70.71% ), linear-gradient( 127deg, rgb(244 152 173 / 1), rgb(100 255 100 / 0) 70.71% ), linear-gradient( 336deg, rgb(255 216 41 / 1), rgb(100 100 255 / 0) 70.71% )}

.s-img img:after {content:'Картинка 'open-quote attr(alt) close-quote' не загрузилась, перезагрузите страницу'; font-size:105%; line-height:1.4; 
 position:absolute; top:50%; left:0; transform:translate(0,-50%); width:100%; text-align:center; color:#272322; padding:0 25px}

/* obshee knopki polya */
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] {background-color:#029fd9; color:#fff; border-radius:3px; cursor:pointer; user-select:none; transition:color .3s linear, background-color .4s linear}

input.bbcodes, .sep-submit button {padding:0 10px; height:38px}
button[disabled], input[disabled] {cursor:default}

@media (any-hover: hover) {
.user-link > a:hover,
button:hover, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover {color:#132b3e; background-color:#c4e4f3; transition:color .2s linear, background-color .2s linear}
    
.self_delete_link:hover {color:#132b3e; background-color:#ffe2db; transition:color .2s linear, background-color .2s linear}    
}

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


::-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}

/*Двухфакторная авторизация*/
input#twofactor_token {margin:5px 0}
div#twofactor_response {min-height:20px}

/* zagruzka fajlov */
.file-label {display:inline-block; min-width:250px; text-align:center; line-height:1.45; border-radius:3px; cursor:pointer; color:initial; border:1px solid var(--border-color-solid); 
background-color:#fff; padding:8px 12px; transition:background-color .4s linear}
.file-label.attac {background-color:#e8fdcf}

/*
.file-desc {display:flex; align-items:center; gap:10px; margin:5px 0}
.file-desc > span {flex:1; width:100%; color:#2f3235; font-size:.8rem}
.addform .form-desc {margin:5px 0}
*/

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

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

#allow_subscribe, #outboxcopy, .form-check-input, .xfieldsrow input[type="checkbox"] {width:45px; position:relative; -webkit-appearance:none; appearance:none; cursor:pointer; margin-left:10px}
#allow_subscribe:before, #outboxcopy:before, .form-check-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, .form-check-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, .form-check-input:checked:before, .xfieldsrow input[type="checkbox"]:checked:before {background:#c4ebf9}
#allow_subscribe:checked:after, #outboxcopy:checked:after, .form-check-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,
.form-check-input:checked:active:after, .form-check-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,
.form-check-input:active:after, .form-check-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; line-height:1.4; font-size:115%; border-radius:6px; border:4px solid #eb5757; z-index:1; margin:10px 15px 25px; padding:30px 50px}
.berrors:before {content:''; width:55px; height:55px; background-repeat:no-repeat; background-color:#fff; position:absolute; top:-12px; left:-18px; z-index:-1;
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; color:#1a3241; font-size:135%; margin-bottom: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 {height:auto}
.vote input::before, .vote input::after, .pollanswer input::before, .pollanswer input::after {display:none}
.pollanswer {margin-bottom:22px}
.pollanswer:last-child {margin-bottom:49px}
.vote .form-check-input, .pollanswer .form-check-input {position:absolute; left:-100vw; height:1px; width:1px; -webkit-appearance:none; appearance:none}
.vote .form-check-input + span:before, .pollanswer .form-check-input + span:before {content:''; width:12px; height:12px; border:2px solid #c3c3c3;
background-color:#fcfcfc; margin-right:10px; border-radius:3px; cursor:pointer}
.vote .form-check-input + span, .pollanswer .form-check-input + span {display:flex; align-items:center}
.vote .form-check-input[type="radio"] + span:before, .pollanswer .form-check-input[type="radio"] + span:before {border-radius:50%}
.vote .form-check-input + span:hover:before, .pollanswer .form-check-input + span:hover:before {border-color:#565656; background:#f4f4f4}
.vote span:hover, .vote .form-check-input:focus-visible + span,
.pollanswer span:hover, .pollanswer .form-check-input:focus-visible + span {cursor:pointer; color:#000; text-decoration:underline;}
.vote .form-check-input:checked + span:before, .pollanswer .form-check-input:checked + span:before {background:#f14116; border:2px solid #f14116}
.vote .form-check-input + span:before,
.vote .form-check-input:checked + span:before,
.pollanswer .form-check-input + span:before, 
.pollanswer .form-check-input:checked + span:before {-webkit-transition:border-color ease .2s; transition:border-color ease .2s}
.vote .form-check-input:focus-visible + span:before, .pollanswer .form-check-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 {border-radius:6px; background-color:#f6f6f6; margin-bottom:25px}

/* Userinfo */
.ui-form {display:flex; flex-wrap:wrap; justify-content:space-between; font-size:.875rem; color:#333}
.ui-group {max-width:100%; flex:0 0 100%; margin-bottom:15px}
.ui-group:last-child {margin-bottom:0}
.ui-group:empty, .ui-group:has(.tableform:empty) {margin:auto}
.ui-group:has(#allow_mail) {margin:auto 0}
.ui-group:has(#news_subscribe, #comments_reply_subscribe, #unsubscribe) {margin-bottom:8px}
.ui-group.ui-combo {max-width:49.333%; flex:0 0 49.333%;}
.ui-label {display:inline-block; margin-bottom:3px; margin-left:5px}

.form-check-label {display:flex; align-items:center; cursor:pointer; height:40px}

.editform .form-check-label span {flex:1; margin-left:5px}
.editform .file-label {width:100%; min-width:inherit; height:38px}
.editform .text-white-space {overflow:clip}

.dle-captcha {display:flex; gap:7px}
.dle-captcha > a, .dle-captcha input#sec_code {width:160px; height:80px; text-align:center}
.dle-captcha > a {border-radius:3px; overflow:hidden}
.dle-captcha span#dle-captcha {display:block; background-color:#ffebf6}
.dle-captcha input#sec_code:focus {font-size:30px}
.dle-captcha input#sec_code:valid, .dle-captcha input#sec_code_pm:invalid {font-size:30px}

.required::after {content:'*'/'Обязательно для заполнения'; font-size:14px; font-weight:700; color:#e85319; margin-left:3px}

.form_submit button.btn {min-width:120px; height:36px}
.form_submit {margin-top:10px}

.user-right {color:initial}
.user-right > a {text-transform:lowercase; text-decoration:underline}
.user-right > a:hover {text-decoration:none}
.user-prof {display:flex; justify-content:space-between; margin-bottom:20px}
.user-avatar {display:flex; justify-content:center; align-items:center; flex:0 0 115px; width:115px; height:115px; box-shadow:0 0 0 10px #f0f0f0; margin:10px 30px 10px 10px}
.user-avatar img {object-fit:cover; box-shadow:0 0 0 10px #ffffff00}
.user-link {display:flex; flex-wrap:wrap; justify-content:flex-end; align-content:flex-start; gap:5px}
.user-link > a {background-color:#029fd9; color:#fff; border-radius:3px; font-size:14px; user-select:none; min-width: 125px; text-align:center; 
transition:color .3s linear, background-color .4s linear; padding:7px 15px}
.user-link > a::first-letter {text-transform:uppercase}

@media screen and (max-width: 590px) {
.ui-group.ui-combo {max-width:100%; flex:0 0 100%}
.ui-group:has(#allow_mail, #del_foto) {margin-bottom:10px}   
}

/* 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}
#related_news:empty {display:none}
.textarea-title {display:block; 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 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; text-transform:uppercase; font-size:12px; letter-spacing:.4px; color:#fff; border-radius:3px; padding:3px 10px; margin:10px 0}
.userinfo .avatar .offline {background:#ff7043}
.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}*/
.simple-search {display:flex; justify-content:space-between; background-color:#f6f6f6; border-radius:6px; padding:10px; margin-bottom:25px}
.simple-search .bbcodes {flex:1; min-width:160px; font-size:14px}
.simple-search #searchinput {border-radius:3px 0 0 3px}
.simple-search #dosearch {border-radius:0 3px 3px 0}
.simple-search #dofullsearch {margin-left:1.2%}
#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 {width:100%!important}

.search-extended fieldset {display:flex; justify-content:space-between; flex-flow:row wrap; border:1px dashed #607d8B; border-radius:3px; background-color:#f5f5f575; 
padding:10px; margin-bottom:20px}
.search-extended legend {padding:0 7px; font-size:15px; text-align:right}
.search-extended input[type=checkbox], .search-extended input[type=radio] {margin:0 10px}
.search-extended > fieldset > div > label, .search-box-5 > label {display:flex; align-items:center; height:25px}
.search-extended + .berrors {margin-top:25px}

.search-box-1 > label {width:49.3%}
.search-box-1 > div {order:3; margin-top:10px}
.search-extended input[type=text], .search-box-1 select {margin-top:3px}

.search-box-2 > label {width:100%}
.search-box-2 > div {margin-top:10px}

.search-box-3 > label, .search-box-3 > select {width:49.3%}
fieldset.search-box-3 {align-items:flex-end}
.search-box-4 > select {width:49.3%}
fieldset.search-box-5 {align-items:center; justify-content:flex-start}

fieldset.search-box-3, fieldset.search-box-4, fieldset.search-box-5 {padding-bottom:17px}

.search-extended select[multiple] {width:100%; height:150px}

.search-extended-button {display:flex; justify-content:space-between}
.search-extended-button input {width:33%}
.search-extended-button input#doclear {margin:0px 1%}

/*label[for=all_word_seach] {display:flex; align-items:center; height:25px}
input#all_word_seach {margin:0 10px}*/


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

.sres-wrap {display:flex; align-items:center; border:2px solid #e3e3e3; margin-bottom:25px; padding:15px}
.sres-wrap:hover {border-color:#04a2dc; box-shadow:0 0 10px 0 rgba(4,162,220,0.5)}
.sres-img  {width:130px; height:auto}
.sres-img img {width:100%; min-height:100%; height:auto}
.sres-text {flex:1; margin-left:15px}
.sres-text h2 {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; max-height:40px; font-size:16px; color:#1a3241; margin-bottom:10px}
.sres-date {margin-bottom:10px; color:#777; margin-left:10px}
.sres-date time, .sres-date span {font-style:italic}
.sres-desc {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; max-height:40px; color:black; font-size:14px; line-height:1.4}
.sres-wrap:hover .sres-text h2 {text-decoration:underline #263238}


@media screen and (max-width: 1220px) {
.simple-search {flex-wrap:wrap}
.simple-search .bbcodes {width:49%; min-width:auto; margin-top:15px}
.simple-search #searchinput, .simple-search #dosearch {border-radius:3px}    
}

/* 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_status {display:flex; flex-wrap:wrap; flex-direction:row-reverse; color:#4c4c4c; margin-bottom:25px}
.pm_menu {width: 250px}
.pm_menu li {border:1px solid var(--border-color-solid); width:100%; height:50px; transition:background-color .4s linear}
.pm_menu li:last-child {border-top:none}
.pm_menu a {display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:14px; color:#2d2d2d}

.pm_status {display:flex; justify-content:center; flex-direction:column; flex:1; border:1px solid var(--border-color-solid); border-right:0; padding:5px 25px}
.pm_progress_bar {border-radius:5px; background:#e7e7e7; overflow:hidden; margin:10px 0}
.pm_progress_bar span {display:block; background:#ff6d4b; font-size:0; text-indent:-2000em; height:8px}

.pmlist {line-height:1.5}
table.pm {border-collapse:collapse; max-width:100%}

.pm tbody > tr {transition:background-color .4s linear}

.pm th {font-size:14px; font-weight:normal; white-space:nowrap; text-align:left}
.pm td, .pm th {border:1px solid var(--border-color-solid); padding:.75rem;}
.pm th.pm_checkbox {text-align:center}
.pm .form-check-input {cursor:pointer}
.pm .form-check-label {display:inline-flex}

.pm_comm_list > h2 > span {font-size:14px; font-weight:normal}

.pm_list.pm_subj, .pm_list.pm_icon, .pm_list.pm_last_user {cursor:pointer}
.pm_list.pm_icon svg {width:1.4rem; height:1.4rem; vertical-align:middle}

.pm_list.pm_icon.pm-unread-image {color:#3394e6}
.pm_list.pm_icon.pm-reply-image {color:#087e02c4}
.pm_list.pm_icon.pm-read-image {color: #afafaf}

.pm_list .pm_last_message, .pm_list .pm_last_date, .pm_list .pm_with_user {color:#64748b; font-size:.8rem}
.pm_navigation {margin-top:25px}
.pm_navigation .navigation {display:inline-block; background-color:#f5f5f5; border-radius:3px; box-shadow:0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)}

.navigation>a:first-child, .navigation>span:first-child {border-bottom-left-radius:3px; border-top-left-radius:3px}
.navigation>a:last-child, .navigation>span:last-child {border-bottom-right-radius:3px; border-top-right-radius:3px}

.pm_navigation .navigation a, .pm_navigation .navigation span {display:inline-block; height:36px; text-align:center; padding:0.5rem; min-width:2.25rem}
.pm_navigation .navigation span {background-color:#029fd9; color:#fff}
.pm_navigation .navigation a {text-decoration:none; color:#000}

.pm_navigation select#pmlist_doaction {width:250px; height:36px}
.pm_navigation input.bbcodes {min-width:100px; height:36px}

.pm_box_form button.btn {height:34px; min-width:120px}

@media (any-hover: hover) {
.pm_menu li:hover, .pm tbody > tr:hover, .file-label:hover {background-color:#e2e8f099; transition:background-color .2s linear}
.pm_navigation .navigation a:hover {background-color:#e2e8f0}    
}

@media screen and (max-width: 590px) {
.pm_menu_status {flex-direction:column}
.pm_status {border-right:1px solid var(--border-color-solid); border-top:0; padding:15px 25px}
.pm_menu {display:flex; width:100%}
.pm_menu li {flex:1}  
.pm_menu li:last-child {border-top:1px solid var(--border-color-solid); border-left:0; flex:1.4}    
}
/*----------*/

@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 {align-items:center; flex-direction:column}
.sres-text {margin-left:0px; text-align:center; margin-top:10px}
.sres-date {margin-left:0} 
.sres-desc {-webkit-line-clamp:3; max-height:60px}    
 /*   
.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}
 */
}