#dle-pm-preview .bform {display:none;}
/*Font Fontello*/
@font-face {font-family:fontello; font-display:swap;
src:url('../fonts/fontello.eot?4949363');
src:url('../fonts/fontello.eot?4949363#iefix') format('embedded-opentype'),
url('../fonts/fontello.woff2?4949363') format('woff2'),url('../fonts/fontello.woff?4949363') format('woff'),
url('../fonts/fontello.ttf?4949363') format('truetype'),url('../fonts/fontello.svg?4949363#fontello') format('svg');
font-weight:normal; font-style:normal}

[class^=icon-]:before, [class*=" icon-"]:before {display:inline-block; font:normal normal normal 100%/normal fontello;
-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}

.icon-calendar-plus-regular:before {content:'\e205'} 
.icon-chart-bar-solid:before {content:'\e206'} 
.icon-chart-line-solid:before {content:'\e207'}
.icon-list-alt-regular:before {content:'\e208'} 
.icon-play-solid:before {content:'\e209'} 
.icon-marker-solid:before {content:'\e210'} 
.icon-spider-solid:before { content: '\e213'; } 
.icon-theater-masks-solid:before {content:'\e214'} 
.icon-bookmark:before {content:'\e801'} 
.icon-tags:before {content:'\e802'} 
.icon-eye:before {content:'\e803'} 
.icon-pencil:before {content:'\e804'}
.icon-login:before {content:'\e806'} 
.icon-chart-bar:before {content:'\e807'}
.icon-briefcase:before {content:'\e808'} 
.icon-clock:before {content:'\e809'} 
.icon-cog:before {content:'\e80a'}
.icon-left-big:before {content:'\e80b'} 
.icon-right-big:before {content:'\e80c'} 
.icon-print:before {content:'\e80d'} 
.icon-search:before {content:'\e816'} 
.icon-location-1:before {content:'\e817'} 
.icon-right-small:before {content:'\e819'} 
.icon-star-empty-2:before {content:'\e81a'} 
.icon-lightbulb-1:before {content:'\e822'} 
.icon-cancel-2:before {content:'\e823'} 
.icon-twitter:before {content:'\f099'} 
.icon-facebook:before {content:'\f09a'} 
.icon-menu:before {content:'\f0c9'} 
.icon-gplus:before {content:'\f0d5'} 
.icon-chat-empty:before {content:'\f0e6'}
.icon-angle-up:before {content:'\f106'} 
.icon-angle-down:before {content:'\f107'} 
.icon-thumbs-up-alt:before {content:'\f164'} 
.icon-thumbs-down-alt:before {content:'\f165'} 
.icon-apple:before {content:'\f179'} 
.icon-windows:before {content:'\f17a'} 
.icon-android:before {content:'\f17b'} 
.icon-bug:before {content:'\f188'} 
.icon-vkontakte:before {content:'\f189'} 
.icon-at:before {content:'\f1fa'} 
.icon-chart-pie:before {content:'\f200'} 
.icon-odnoklassniki:before {content:'\f263'}

/*focus TinyMCE*/
.tox .tox-edit-area::before {border:2px solid #000!important}

/*AJAX*/
#loading-layer {width:48px; height:48px; padding:50px; border-radius:50%; display:inline-block; position:relative; border:5px solid; z-index:10000!important;
border-color:#ff5722 #ff5722 transparent transparent; animation:rotation 1s linear infinite}
#loading-layer::after,
#loading-layer::before {content:''; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; border:5px solid; width:40px; height:40px; border-radius:50%;
border-color:transparent transparent #009688 #009688;  animation:rotationBack 0.5s linear infinite; transform-origin:center center}
#loading-layer::before {padding:35px; width:32px; height:32px; border-color:#6ebeff #6ebeff transparent transparent; animation:rotation 1.5s linear infinite} 
@keyframes rotation {0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} 
@keyframes rotationBack {0%{transform:rotate(0deg)}100%{transform: rotate(-360deg)}}
#loading-layer > svg {display:none}
   
/*QUOTES*/
.scriptcode {background:#f5f5f5; color:#4c6d0f; text-align:left; font-family:'Courier New'}
/*
.title_quote {margin-top:2px; font-weight:700}
.quote {border-left:4px solid #4e8ccc; font-family:Georgia, serif; font-style:italic; color:#000; background:#f5f5f5; padding:10px 15px}
*/
.title_quote {font-style:italic; margin-bottom:5px; margin-left:40px}
.quote {background:#e3f4ff; border:2px solid #6382b1; border-radius:3px; position:relative; padding:10px 15px}
/*
.quote::before, .quote::after {content:''; display:block; position:absolute; left:15px; top:-10px; border:10px solid transparent; border-bottom:10px solid #6382b1; 
border-top:0; width:0; height:0;}
.quote::after {border-bottom:10px solid #d3edfd; top:-7px}
*/
.quote::before, .quote::after {content:''; position:absolute; left:12px; top:-12px; width:25px; height:12px; background:#6382b1; clip-path:polygon(50% 0%, 0% 100%, 100% 100%);}
.quote::after {top:-9px; background:#e3f4ff; clip-path:polygon(50% 0%, 0% 100%, 100% 100%);}
.quote_block.noncontenteditable {padding-bottom:10px}

.title_spoiler a, .title_spoiler a:hover {font-size:16px}
.title_spoiler svg {vertical-align:middle; margin-right:10px}
.title_spoiler {font-weight:400; margin-bottom:20px; box-shadow:inset 0 0 10px 0 rgba(0,0,0,0.1); border:1px solid #d7d7d7; padding:8px 15px}
.text_spoiler {display:none; border:1px dashed #607d8B; padding:15px; margin-bottom:20px}
.hide {background:#f0f0f0; color:#000; margin:0 0 1em; padding:5px}
.hide a {text-decoration:underline}
.hide a:hover {text-decoration:none}
.inhide {border:1px solid #d1e3ef; background:#fff; margin-bottom:5px; padding:5px}
/*CALENDAR*/
.calendar {font-size:14px; width:100%; color:#000; background:#fff}
table.calendar {border-collapse:separate; border-spacing:5px}
.calendar td, .calendar th {vertical-align:middle; text-align:center; padding:7px 0}
.calendar td.day, .calendar td.day-active-v, .calendar th.workday {border:1px solid #e9e9e9}
.calendar td.weekday, .calendar td.day-active, .calendar th.weekday {border:1px solid #f78f6e}
.calendar th.workday {color:#626b73}
.calendar th.weekday {color:#ff5722}
.weekday-active-v, .day-active-v, .weekday-active, .day-active {font-weight:700}
.day-active a, .day-active-v a {color:#2e96ca}
.calendar td.day-current {background:#4caf50; border:1px solid #4caf50}
.day-current a, .day-current {color:#fff!important}
th.monthselect {font-weight:400; height:40px}
th.monthselect b {font-weight:400}
th.monthselect center {text-align:right}

.monthselect-inner {display:flex; align-items:center; justify-content:center; gap:3em}
.monthselect-title {display:inline-block}

/*RATING*/
.rating {width:100px; height:19px}
.unit-rating {width:100%; height:100%; position:relative; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 19'%3E%3Cpath fill='%23e9e9e9' d='M10 0l2.36 7.28L20 7.25l-6.19 4.47L16.19 19 10 14.48 3.83 19l2.36-7.28L0 7.25l7.66.03z'/%3E%3C/svg%3E") repeat-x}
.unit-rating li {color:transparent; user-select:none; overflow:hidden; text-indent:-9999px}
.unit-rating li span {width:20px; height:19px; z-index:3; position:absolute; cursor:pointer}
.unit-rating li span:hover {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 19'%3E%3Cpath fill='%23ff9800' d='M10 0l2.36 7.28L20 7.25l-6.19 4.47L16.19 19 10 14.48 3.83 19l2.36-7.28L0 7.25l7.66.03z'/%3E%3C/svg%3E"); z-index:2; left:0}

.unit-rating span.r1-unit {left:0}
.unit-rating span.r1-unit:hover {width:20px}
.unit-rating span.r2-unit {left:20px}
.unit-rating span.r2-unit:hover {width:40px}
.unit-rating span.r3-unit {left:40px}
.unit-rating span.r3-unit:hover {width:60px}
.unit-rating span.r4-unit {left:60px}
.unit-rating span.r4-unit:hover {width:80px}
.unit-rating span.r5-unit {left:80px}
.unit-rating span.r5-unit:hover {width:100px}

.unit-rating li.current-rating {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 19'%3E%3Cpath fill='%23e7570a' d='M10 0l2.36 7.28L20 7.25l-6.19 4.47L16.19 19 10 14.48 3.83 19l2.36-7.28L0 7.25l7.66.03z'/%3E%3C/svg%3E"); position:absolute; height:19px; display:block; z-index:1}

/*оформления редактора при быстром редактировании публикаций*/
.ui-dialog .dlepopupnewsedit.ui-dialog-content {padding:0 20px}
.dle-popup-quickedit .ui-dialog-buttonpane {padding:20px}
/*.quick-edit-textarea {height:200px; min-height:100px; max-height:350px}*/

.dlepopupnewsedit .wseditor {border-top:none}
.dlepopupnewsedit .tox .tox-toolbar-overlord {background-color:#f7f7f7}

/*XFIELDS*/
.xfields textarea, .xprofile textarea {height:186px}
.xfields_table td {vertical-align:top}
/*DROP NENU*/
#dropmenudiv {min-width:140px; width:auto!important; background:#fff; border-radius:3px; border:1px solid rgba(0,0,0,0.1); 
 box-shadow:0 3px 7px rgba(0,0,0,0.3); background-clip:padding-box; padding:4px}
#dropmenudiv a {color:inherit; display:block; white-space:nowrap; padding:5px 15px}
#dropmenudiv a:hover {background-color:#309fd8; color:#fff}

/*ATTACHMENT*/
.attach {display:flex; align-items:center; height:40px; background:#f5f5f5; border-radius:3px; overflow:hidden; font-style:italic; margin-bottom:10px}
.attach:last-child {margin-bottom:0}
.attach .download-link, .attach [download] {display:flex; align-items:center; justify-content:center; width:50%; height:40px; font-size:115%; color:#fff!important; text-decoration:none!important; background:#029fd9; text-shadow:0 1px 1px #555}
.attach-info {font-size:13px; margin-left:auto; padding: 0 25px}
.attach i {font-size:130%; margin:0 10px 2px 0}
@media screen and (max-width: 590px) {
.attach .download-link, .attach-info, .attach [download] {display:flex; align-items:center; justify-content:center; width:100%; height:40px}
.attach {flex-direction:column; height:80px}   
}

/*HIGHSLIDE GALLERY*/
.highslide-wrapper, .highslide-outline {background:#fff}
.highslide-image {border:2px solid #fff}
.highslide.highslide-active-anchor img {cursor:default}
.highslide-dimming {background:#000}
.highslide-html {background:#fff}
.highslide-loading {display:block; color:#fff; font-size:9px; font-weight:700; text-decoration:none; border:1px solid #fff; background:#000; padding:3px}
a.highslide-full-expand {background:url("../dleimages/fullexpand.gif") no-repeat; display:block; width:34px; height:34px; margin:0 10px 10px 0}
.highslide-display-block {display:block}
.highslide-display-none, .highslide-controls a span {display:none}
.highslide-caption {display:none; background:#fff; text-align:center; padding:5px}
.highslide-controls {width:195px; height:40px; background:url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 0 -90px; margin:10px}
.highslide-controls ul {position:relative; left:15px; height:40px; 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}
.highslide-controls a.disabled {cursor:default} 
/*The CSS sprites for the controlbar*/
.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*/
.cloud-tags {text-align:center}
.clouds_xsmall, .clouds_small, .clouds_medium, .clouds_large, .clouds_xlarge {display:inline-block; text-transform:lowercase; margin:0 5px 10px 5px}
.clouds_xsmall {font-size:1em}
.clouds_small {font-size:1.2em}
.clouds_medium {font-size:1.4em}
.clouds_large {font-size:1.6em}
.clouds_xlarge {font-size:1.8em}
.tags-page > span > a, .cloud-tags > span > a {display:inline-block; color:#000; text-decoration:underline}
.tags-page a:hover, .cloud-tags a:hover {text-decoration:none}
.tags_more {text-align:right; margin-top:10px;}
.tags_more > a {display:inline-block; background-color:#029fd9; color:#fff; font-size:105%; border-radius:3px; user-select:none; 
padding:7px 15px; transition:color .3s linear, background-color .4s linear}
	
/*SEARCH SUGGESTIONS*/
#searchsuggestions {z-index:998; width:100%; max-width:500px; font-size:14px; background:#fff; overflow:hidden; border-radius:6px; box-shadow:0 3px 7px rgba(0,0,0,0.3); background-clip:padding-box; border:1px solid rgba(0,0,0,0.3)}
#searchsuggestions:after {}
#searchsuggestions a {display:block; color:#4a84c4; border-bottom:1px solid #e3e3e3; padding:15px 20px}
#searchsuggestions a:hover {color:#444; background:#f5f5f5}
#searchsuggestions span.searchheading {display:block; font-size:16px; text-transform:uppercase; margin-bottom:10px}
#searchsuggestions span.seperator {display:block}
#searchsuggestions span.seperator a {text-align:center; border:0; background:#4a84c4; color:#fff; padding:20px}
#searchsuggestions span.notfound {display:block; text-align:center; padding:20px}
#searchsuggestions .break {display:none}

/*UI WIDGETS*/
/*.ui-dialog br {display:none}*/

.ui-dialog .video-box.ui-dialog-content {padding:0 5px 5px}
.ui-dialog .login-box.ui-dialog-content {padding:0}
.ui-dialog .favorites-box.ui-dialog-content a {text-decoration:underline}
.ui-dialog .favorites-box.ui-dialog-content a:hover {text-decoration:none}

.ui-dialog textarea#dle-promt-text {resize:none; margin-top:5px}
.ui-dialog input#dle-promt-mail {margin-top:5px}

.ui-widget-overlay {background:#000; opacity:.5; left:0; top:0; right:0; bottom:0; position:fixed}
/*.ui-helper-clearfix:after {clear:both; content:"."; display:block; height:0; visibility:hidden}
* html .ui-helper-clearfix {height:1%}*/

.ui-dialog {position:fixed; font-size:105%; background:#fff; background-clip:padding-box; border:1px solid rgba(0,0,0,0.3); border-radius:3px; overflow:hidden; box-shadow:0 3px 7px rgba(0,0,0,0.3)}

.ui-dialog-titlebar {padding:20px}
.ui-dialog-titlebar-close {position:absolute; right:0; top:0; width:55px; height:40px; border-radius:0; display:flex; align-items:center; justify-content:center; background-color:#ff572229}
.ui-dialog-titlebar-close:before, 
.ui-dialog-titlebar-close:after {position:absolute; content:''; height:17px; width:3px; background-color:#ff5722; border-radius:3px}
.ui-dialog-titlebar-close:before {transform:rotate(45deg)}
.ui-dialog-titlebar-close:after {transform: rotate(-45deg)}
.ui-dialog-titlebar-close.ui-state-hover {background-color:#f56946}
.ui-dialog-titlebar-close.ui-state-hover:before, .ui-dialog-titlebar-close.ui-state-hover:after {background-color:#fff}

.ui-dialog-title {display:block; font-weight:bold; font-size:18px; padding-right:45px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

.ui-dialog .ui-dialog-content {padding:0 20px 20px; position:relative; overflow:auto}
.ui-dialog-content h2 {display:inline; font-weight:700}
.ui-dialog-buttonpane {padding:0 20px 20px}
.ui-dialog-buttonset {text-align:right}
.ui-dialog-buttonset .ui-button {margin-left:5px; min-width:100px; padding:7px 15px;}
.ui-dialog-buttonset .ui-button.ui-state-hover {background:#c4e4f3; color:#132b3e}

.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-color:#cd0a0a!important}

.ui-front {z-index:1000}
button.ui-button-icon-only {overflow:hidden; text-indent:-9999px;color:transparent}

/*VOTE BARS*/
.voteprogress, .pollprogress {overflow:hidden; margin-bottom:10px; background:#e7e7e7; border-radius:3px; margin-top:6px}
.voteprogress span, .pollprogress span {text-indent:-9999px; height:6px; display:block; color:rgb(255,255,255,0)}
.pollallvotes {text-align:center; height:27px}

.vote1, .poll1 {background:#0e90d2}
.vote2, .poll2 {background:#dd514c}
.vote3, .poll3 {background:#5eb95e}
.vote4, .poll4 {background:#faa732}
.vote5, .poll5 {background:#b200ff}

/*UI MENU*/
.ui-autocomplete {position:absolute; cursor:default}
* html .ui-autocomplete {width:1px} /* without this, the menu expands to 100% in IE6 */

.ui-menu {list-style:none; display:block; float:left; background:#fff 50% bottom repeat-x; border:1px solid #dedede; color:#222; padding:2px; margin:0}
.ui-menu .ui-menu {margin-top:-3px}
.ui-menu .ui-menu-item {zoom:1; float:left; clear:left; width:100%; margin:0; padding:0}
.ui-menu .ui-menu-item a {text-decoration:none; display:block; line-height:1.5; zoom:1; padding:.2em .4em}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {font-weight:400; margin:-1px; border:1px solid #a7a7a7; color:#4e4e4e}

/*TEXT [code]*/
pre code {display:block; background:#f9fafa; border:1px solid #dce7e7; overflow:auto; white-space:pre; padding:.5em}
pre .comment, pre .template_comment, pre .diff .header, pre .doctype, pre .lisp .string, pre .javadoc {color:#93a1a1; font-style:italic}
pre .keyword, pre .css .rule .keyword, pre .winutils, pre .javascript .title, pre .method, pre .addition, pre .css .tag, pre .lisp .title {color:#859900}
pre .number, pre .command, pre .string, pre .tag .value, pre .phpdoc, pre .tex .formula, pre .regexp, pre .hexcolor {color:#2aa198}
pre .title, pre .localvars, pre .function .title, pre .chunk, pre .decorator,
pre .builtin, pre .built_in, pre .lisp .title, pre .identifier, pre .title .keymethods, pre .id {color:#268bd2;}
pre .tag .title, pre .rules .property, pre .django .tag .keyword {font-weight:700}
pre .attribute, pre .variable, pre .instancevar, pre .lisp .body, pre .smalltalk .number, pre .constant, pre .class .title,
pre .parent, pre .haskell .label {color:#b58900}
pre .preprocessor, pre .pi, pre .shebang, pre .symbol, pre .diff .change, pre .special, pre .keymethods, 
pre .attr_selector, pre .important, pre .subst, pre .cdata {color:#cb4b16}
pre .deletion {color:#dc322f}
pre .tex .formula {background:#eee8d5}

/*MARK AND SHARE*/
#marker-bar, #txtselect_marker {display:block; visibility:hidden; position:absolute; bottom:0; z-index:1200; opacity:0; transition:opacity .4s, visibility .1s linear .4s}
#txtselect_marker {cursor:pointer; width:32px; height:32px; background:url(../dleimages/marker.png) -0px -0px no-repeat}
#txtselect_marker:hover {background-position:-0px -32px}
#marker-bar {border:1px solid #ccc; border-radius:15px; background:#fff; cursor:default; box-shadow:0px 0px 4px #ccc; padding:5px 10px}
#marker-bar.show, #txtselect_marker.show {/*XXX make a common css fadeIn/fadeOut classes*/visibility:visible; transition:opacity .4s, visibility 0s; opacity:1}
#marker-bar .masha-social, #marker-bar .masha-marker {cursor:pointer; display:block; float:left; margin:0 5px}
#marker-bar .masha-marker {line-height:1em; color:#aaa; border-bottom:1px dotted #aaa; margin-right:10px}
#marker-bar .masha-marker:hover {color:#ea3e26; border-color:#ea3e26}

.user_selection, .user_selection_true {background:#c4f47d; padding:2px 0}
.user_selection a.txtsel_close, .user_selection_true a.txtsel_close {display:none}
.user_selection .closewrap, .user_selection_true .closewrap {position: relative}

.user_selection.hover a.txtsel_close, .user_selection_true.hover a.txtsel_close {display:inline-block;
position:absolute; top:-7px; left:-5px; width:33px; height:33px; background:url(../dleimages/closemarker.png) -0px -0px no-repeat}

.user_selection.hover a.txtsel_close:hover, .user_selection_true.hover a.txtsel_close:hover {background-position:-0px -33px}

#share-popup {background:#fff; border:1px solid #aaa; border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,0.5); position:absolute; width:414px;
display:none; z-index:100; opacity:0; transition:opacity .4s, visibility .1s linear .4s; padding:10px 0}
#share-popup.show {display:block; opacity:1; transition:opacity .4s, visibility 0s}

#share-popup .social {height:40px; padding:0 0 10px 17px}
#share-popup .social p {font-weight:700; padding-bottom:10px; margin:0}
#share-popup .social ul {list-style:none; margin:0; padding:0}
#share-popup .social ul li {float:left; margin-right:20px; padding-top:2px; position:relative}
#share-popup .social ul a {text-decoration:none; font-size:11px; display:inline-block; color:#aaa; padding-left:25px}
#share-popup .social ul a:hover {text-decoration:underline; color:#ea3e26}
#share-popup .social a span {cursor:pointer; width:20px; height:20px; background:url(../dleimages/social-icons.png) 20px 20px no-repeat; position:absolute; left:0; top:0}
#share-popup .social .tw span {background-position:0 -20px}
#share-popup .social .tw:hover span {background-position:0 0}
#share-popup .social .fb span {background-position:-20px -20px}
#share-popup .social .fb:hover span {background-position:-20px 0}
#share-popup .social .vk span {background-position:-40px -20px}
#share-popup .social .vk:hover span {background-position:-40px 0}
#share-popup .social .gp span {background-position:-60px -20px}
#share-popup .social .gp:hover span {background-position:-60px 0}
#share-popup .link {clear:both; border-top:1px solid #d9d9d9;  line-height:1.2; overflow:hidden; margin:0 7px; padding:10px 5px 0 10px}
#share-popup .link p {font-weight:700; padding:0 0 3px 0; margin:0}
#share-popup .link span {color:#999; font-size:10px; display:block; padding-top:3px}
#share-popup .link a {display:block}	
	
/*UPDATES TO NEW VERSIONS*/
.comments-tree-list {display:block; margin:0; padding: 0; list-style:none}
.comments-tree-list .comments-tree-list {padding-left:30px; position:relative}
.comments-tree-list .comments-tree-list:before {content:'\f178'; font-family:FontAwesome; position:absolute; left:0; top:15px; color:#888}
.comments-tree-item {display:block; margin:0; padding:0;}
#dlefastreplycomments {padding:10px; background:#f7f6e5; margin:10px 0 5px 30px}
#dlefastreplycomments input.bbcodes {margin-left:5px}
.commentsreplyname {padding:2px; border:1px solid #bcc0c2; width:200px; background:#fff}
#dlereplypopup form > div {margin-bottom:5px}
#dlereplypopup form input[type="text"] {height:30px; line-height:30px}
#dlereplypopup form textarea {height:80px}

/*Смайлы*/
.emoji {vertical-align:middle; width:22px; height:22px}

/*Сортировка статей*/
.sort {list-style:none; padding:0; margin:0}
.sort > li, .sort {display:inline}
.sort > li {margin:0 0 0 3%}
.sort > li a {color:#353535}
.sort > li.asc a, .sort > li.desc a {color:#3394e6}
.sort > li.asc a:after, .sort > li.desc a:after {content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAsBAMAAACj90TiAAAAG1BMVEUAAAAzlOYzlOYzlOYzlOYzlOYzlOYzlOYzlOar6gzlAAAACHRSTlMAjesv90eHRuQt1XUAAABSSURBVBjTzdCxDQAhDENRSyzAEFdQ0zDB9axEgzw2DokEI1A9/S4OyAxADEcpPGlpFKWoSpEKp0Dlb6SvG2jY4Fka4tw4PqbEsDNTcb8gn/d4LPQHQDdjhblbAAAAAElFTkSuQmCC);
display:inline-block; vertical-align:middle; margin:-1px 0 0 .4em; width:6px; height:11px; -webkit-background-size:6px auto; background-size:6px auto}
.sort > li.asc a:after {background-position:0 -11px}

/*Дополнительные поля*/
.xfieldsrow {padding-top:5px; clear:both}
.xfieldsrow:last-child {padding:15px 0}
.xfieldsrow label {margin-right:20px}
.xfieldscolleft {float:left; width:30%; line-height:38px}
.xfieldscolright {float:left; width:70%}
.xfieldsnote {color:#838383; font-size:.9em}
.file-box {width:95%; max-width:437px; border:1px solid #b3b3b3; border-radius:3px; background:#f5f5f5; padding:10px; margin-top:10px}

.qq-uploader {position:relative; width:100%}
.qq-upload-button {margin-top:5px; min-width:100px; padding:7px 15px; border-radius:3px}
.qq-upload-button:hover {background:#c4e4f3; color:#132b3e}
.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);
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3); text-align:center; background:#fff}
.uploadedfile .uploadimage {margin-top:5px; width:115px; height:90px; display:flex; align-items:center; justify-content:center; cursor:move; cursor:-webkit-grabbing}
.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; height:10px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; background:#eee; -webkit-box-shadow:0 1px 0 #fff,0 0 0 1px rgba(0,0,0,.1) inset,0 1px 4px rgba(0,0,0,.2) inset; box-shadow:0 1px 0 #fff,0 0 0 1px rgba(0,0,0,.1) inset,0 1px 4px rgba(0,0,0,.2) inset}
.progress .progress-bar {float:left; width:0%; font-size:12px; line-height:20px; color:#fff; text-align:center; background-color:#428bca; -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15); box-shadow:inset 0 -1px 0 rgba(0,0,0,.15); -webkit-transition:width .6s; transition:width .6s; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; -webkit-box-shadow:none; 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:-webkit-gradient(linear,left 0,left 100%,from(#9bcff5),to(#6db9f0)); background-image:-webkit-linear-gradient(top,#9bcff5,0,#6db9f0,100%); background-image:-moz-linear-gradient(top,#9bcff5 0,#6db9f0 100%); background-image:linear-gradient(to bottom,#9bcff5 0,#6db9f0 100%); background-repeat:repeat-x; border:1px solid #55aeee}

.xfieldimagegallery {margin:0; padding:0; list-style:none; clear:both;}
.xfieldimagegallery li {list-style:none; margin:0; padding:0;}
.xfieldimagegallery li img {float:left; margin-right:5px; border:5px solid #fff; width:100px; height:100px; transition:box-shadow 0.5s ease;}
.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:.65; -webkit-box-shadow:none; box-shadow:none}

/*Настройка стандартной капчи при ответах на комментарии*/
/*.dle-captcha {position:relative}
.dle-captcha:after {content:''; clear:both; display:block}
.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}*/

/*--- Нативные Emoji символы для смайлов ---*/
.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'}

/*--- Подсветка исходного кода ---*/
.hljs-comment, .hljs-quote {color:#a0a1a7; font-style:italic}
.hljs-doctag, .hljs-keyword, .hljs-formula {color:#a626a4}
.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {color:#e45649}
.hljs-literal {color:#0184bb}
.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {color:#50a14f}
.hljs-built_in, .hljs-class .hljs-title {color:#c18401}
.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number {color:#986801}
.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {color:#4078f2}
.hljs-emphasis {font-style:italic}
.hljs-strong {font-weight:bold}
.hljs-link {text-decoration:underline}

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-color:#fafafa; font-size:.8rem; caption-side:bottom; word-break:break-word; text-align:center}
figure.image.align-center figcaption {display:table-caption}

/*--- Оформление содержания новости в редакторе TinyMCE ---*/
.mce-toc {border:1px solid #dbdada; margin:0 0 .7rem 0}
.mce-toc h2 {margin:4px}
.mce-toc ul {padding-left:20px; list-style:none; margin-top:0; margin-bottom:0; margin-block-start:1em; margin-block-end:1em}
.mce-toc ul ul {padding-left:20px; margin-block-start:0; margin-block-end:0}
.mce-toc li {list-style-type:none}

.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 #fff; width:100px; height:100px; transition:box-shadow 0.5s ease}
.comments-image-gallery li img:hover {box-shadow:0px 0px 7px rgba(0,0,0,0.4)}

.image-bordered {border:1px solid #ddd}
.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:#6382b1}
.comments-user-profile:hover {color:#f0542e; text-decoration:underline}

/*--- Cookie Dialog ---*/
#gdpr-cookie-message {position:fixed; left:30px; right:30px; bottom:30px; max-width:450px; min-width:300px; background-color:#1a3241; padding:20px; border-radius:5px; box-shadow:0px 0px 0px 5px rgb(255,255,255,.3); font-family:system-ui; z-index:10; font-size:14px}
#gdpr-cookie-message h6 {font-size:16px; font-weight:400; margin-bottom:10px; color:#9cce43}
#gdpr-cookie-message p, #gdpr-cookie-message ul {color:#fff;line-height:1.5; text-align:justify; margin-bottom:20px}
#gdpr-cookie-message li {width:50%; display:inline-block; line-height:2}
#gdpr-cookie-message a {color:#9cce43; text-decoration:none; padding-bottom:2px; border-bottom:1px dotted rgba(156,206,67,.6); transition:.3s ease-in}
#gdpr-cookie-message a:hover {color:#ffc00c; border-bottom-color:transparent; transition:.3s ease-in}
#gdpr-cookie-button {display:flex; justify-content:center}
#gdpr-cookie-button button {font-size:15px; padding:6px; width:150px; border-radius:3px; transition:.3s ease-in}
#gdpr-cookie-button button:hover {background:#ffc00c; color:#000; text-shadow:none; transition:.3s ease-in}
#gdpr-cookie-accept {background:#7fb323; color:#fff; text-shadow:1px 1px 5px #163240}
#gdpr-cookie-advanced {background:#fff; color:#000; margin-left:15px}
#gdpr-cookie-message button:disabled {opacity:.3; background:#fff}
#gdpr-cookie-message input[type=checkbox] {margin-bottom:2px; margin-right:5px}
@media screen and (max-width: 470px) {#gdpr-cookie-message {left:10px; right:10px}}
/*--- 16.1 и 17.0 ---*/
.mce-accordion summary {cursor:pointer}
.self_delete_link {display:inline-flex; align-items:center; border-radius:3px; background-color:#f44336; color:#fff; user-select:none;
text-decoration:none !important; height:36px; font-size:110%; padding:0 15px; transition:color .3s linear, background-color .4s linear}
/*--- 17.0 и 17.1 ---*/
.DLEPush {z-index:2001; 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:1s; position:relative; display:grid; grid-template-columns:auto 1fr; align-items:center;
color:#333; margin-bottom:10px; width:100%; max-width:400px; box-shadow:0 10px 15px rgb(0 0 0 / 20%); background-color:#fff; border-radius:10px}
.DLEPush-notification .DLEPush-icon {grid-column:1; grid-row:1 / span 2; display:flex; align-items:center; justify-content:center; color:#fff; width:45px; height:100%;
border-top-left-radius:10px; border-bottom-left-radius:10px; text-align:center}
.DLEPush-notification .DLEPush-icon svg {scale:.8}
.DLEPush-notification .DLEPush-header {font-weight:500; grid-column:2; grid-row:1; font-size:1rem; margin-left:1rem; margin-top:.5rem}
.DLEPush-notification .DLEPush-header:empty {margin-top:0}
.DLEPush-notification .DLEPush-message {grid-column:2; grid-row:2; font-size:.875rem; margin:1rem; margin-right:2rem}
.DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul {list-style-type:none; padding-left:0}
.DLEPush-notification .DLEPush-close {position:absolute; top:8px; right:10px; font-weight:300; background:none; border:0; font-size:1.15rem; cursor:pointer;
line-height:1; padding:0; color:inherit; outline:0; opacity:0.75}
@media only screen and (min-width: 601px) {.DLEPush-notification.wrapper {min-width:400px}}
.DLEPush-notification .DLEPush-close:hover {opacity:1}
.DLEPush-notification.wrapper.push-success {background-color:#e0f2f1}
.DLEPush-notification.wrapper.push-success .DLEPush-icon {background-color:#00897b}
.DLEPush-notification.wrapper.push-warning {background-color:#FFF3E0}
.DLEPush-notification.wrapper.push-warning .DLEPush-icon {background-color:#FF9800}
.DLEPush-notification.wrapper.push-error {background-color:#FBE9E7}
.DLEPush-notification.wrapper.push-error .DLEPush-icon {background-color:#FF5722}

input[type="text"].comments_author_field {width:100%; margin-bottom:10px}
/*--- 17.2 и 17.3 ---
.ui-dialog-buttonset button.ui-button-delete {background-color:#f44336; border-color:#f44336; color:#fff; text-shadow:1px 1px 2px rgba(51, 51, 51, .5)}
.ui-dialog-buttonset button.ui-button-delete:hover {background-color:#db3a2f; border-color:#db3a2f; color:#fff; text-shadow:1px 1px 2px rgba(51, 51, 51, .5)}
.form-check-label {cursor:pointer}
.form-check-input {color:#0c5f7eed; flex-shrink:0; width:1.12rem; height:1.12rem; margin:-0.188rem 0.625rem 0 0; appearance:none; background-color:transparent;
background-image:none; background-repeat:no-repeat; background-position:center; background-size:contain; border:1px solid #0c5f7eed; vertical-align:middle}
.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='%230c5f7eed' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");}
.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='%230c5f7eed'/%3e%3c/svg%3e");}
.form-check-input[type=checkbox] {border-radius:.25rem}
.form-check-input[type=radio] {border-radius:50%}*/

/*--- 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 ---*/
/* Оформление Яндекс Captcha */
.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}