/* --- PAGE NAVIGATION --- */
.box-nav {width: 100%!important;padding:1px 0; margin:20px 0 ;}
.p-nav, .page {display:flex; flex-flow: row wrap; justify-content:center;align-items: center;}
.p-nav {width:100%;}
.p-nav .pprev a, .p-nav .pnext a, .p-nav .page a, .p-nav .page span, .p-nav .page span.nav_ext {display:block;padding:0 13px;font-size: 33px;letter-spacing: 1px;text-align: center;transition: all 0.3s ease}
.pnext {margin-left:20px;}
.pnext, .pprev	{display:block;padding:3px; cursor:pointer;}
.page > span {color:#6c757d; font-size:0.7em;}
@media screen and (max-width: 1279px) {.page a:nth-child(n+7) {display: none;}}
@media screen and (max-width: 991px) {.box-nav {padding: 0 0 30px 0;}}
@media screen and (max-width: 767px) {.page a:nth-child(n+1),.page span.nav_ext {display: none;} .page > span:before {float: right;content: '-я стр';text-transform: none;}}


/* --- Вывод результатов голосования на сайте --- */
.voteprogress, .pollprogress {overflow: hidden; height: 6px; margin-bottom: 10px; background-color: #fff; border-radius: 3px; margin-top: 6px;}
.voteprogress span, .pollprogress span {text-indent: -9999px; height: 6px; display: block; overflow: hidden; background: #3394e6; }
.voteprogress .vote2, .pollprogress .poll2 {background-color: #dd514c; }
.voteprogress .vote3, .pollprogress .poll3 {background-color: #5eb95e; }
.voteprogress .vote4, .pollprogress .poll4 {background-color: #4bb1cf; }
.voteprogress .vote5, .pollprogress .poll5 {background-color: #faa732; }

/*--- Рейтинг - Звездами ---*/
.rating, .unit-rating { width: 65px; height: 13px; }
	.rating { font-size: 6px; }
	.unit-rating, .unit-rating li a:hover, .unit-rating li.current-rating {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAACKBAMAAAAnGmX8AAAALVBMVEX///+RkZH+12L/w0//7cP/5aj+24X/+u7/9d2tra3Jycne3t7/zGn5+fnx8fHkdmbhAAACEUlEQVRIx+2UuUsDQRTGF+8bp4yiyKDRUhiNFikW73LxwsIiRETL4F2KilpYmFYQklIE0VYbIQQsY2kjWkbwfzDjzvhm3rzCJiCSr1p+SfY7HsT7w2rYp3ltQPO6HpqPDdA8GSVxPeckr+HcJ205T1D8gHPSeJbzPopz7hrvnk4sSL4wcboLdIpb6v0ZxuY+LGB/HRY2ubn2MeB1a5ukxtEUGkEp4bSVchtvhLzfORaE/NV7VCDnlFzJPSKPJmEcczpffhg4x13zvB2nVxXvDdP2oKNHU+FOAyi+r/xRgWn9sOVVRKv8/ycJmlc/0nx8iOYrMRLXC5EibYUIKN4iBGl8KMQoaSsEaZwTIo7Z3tHkoihpdX7mBOiysJSHhJYCWMDExho1JjfXPgP8ZG2T0zhub7SjecJpK+U23gz5iHMsHRJpLuTDzmoqjnNEJRXTbByTv/Gd48YD+WHgHHddtsMnrhb5MO0gih/b/7ZfQQWWA+WPCizph22vojKr7Y3mTec0L7bT/K6T5ukIbctYgbRlLEPxRsbOSVvGuimeZYw0ZiVh9vpwfyX5xfXDJ1CJDHVAQlOQtvXOxMYazSa/9UDvGqIOrWmNI/ZxXjS/xCOrjHjSZ3g7Wg1CmsZZ6Eq9P1LAR1RCXDaOpKGtOV2mGUaD48pGRXliFL8jTNuF4odB2tKoQDaj/FGBG/3w4f0LfQHtX5JXyZBVcwAAAABJRU5ErkJggg==);
		-webkit-background-size: 13px auto; background-size:  13px auto;
	}
	.unit-rating {
		list-style: none;
		margin: 0; padding: 0;
		position: relative;
		background-position: 0 -26px;
	}
	.unit-rating li {
		text-indent: -90000px;
		padding: 0; margin: 0;
		float: left;
	}
.unit-rating li a {
    display: block;
    width: 13px;
    height: 13px;
    text-decoration: none;
    border: 0 none !important;
    text-indent: -9000px;
    z-index: 17;
    position: absolute;
    padding: 0;
    transition: none;
}
	.unit-rating li a:hover {
		background-position: 0 -13px;
		z-index: 2;
		left: 0;
	}
	.unit-rating a.r1-unit { left: 0; }
	.unit-rating a.r1-unit:hover { width: 13px; }
	.unit-rating a.r2-unit { left: 13px; }
	.unit-rating a.r2-unit:hover { width: 26px; }
	.unit-rating a.r3-unit { left: 26px; }
	.unit-rating a.r3-unit:hover { width: 39px; }
	.unit-rating a.r4-unit { left: 39px; }
	.unit-rating a.r4-unit:hover { width: 52px; }
	.unit-rating a.r5-unit { left: 52px; }
	.unit-rating a.r5-unit:hover { width: 65px; }
	.unit-rating li.current-rating {
		background-position: 0 0;
		position: absolute;
		height: 13px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
		padding: 0px;
	}

	.ratingplus {
		color: #70bb39;
	}

	.ratingminus {
		color: red;
	}

	.ratingzero {
		color: #6c838e;
	}


/*--- Таблица Персональных сообщений и лучших пользователей ---*/
.userstop td, .pm td.pm_list, .pm td.pm_head {border-bottom: 1px solid #efefef; padding: 12px 2px; }
table.pm, table.userstop {width: 100%; margin-bottom: 0; }
table.pm select {width: 100px; }
.userstop thead td, .pm td.pm_head {border-bottom: 1px solid #efefef; font-weight: bold; }
table.pm .navigation {border-top-width: 0; margin: 0; }

/*---Выпадающее меню кнопки редактировать---*/
#dropmenudiv {padding: 10px 0; min-width: 140px; width: auto !important; opacity: 1 !important; display: none; font-size: .9em; box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3); border: 1px solid #e6e6e6; border-color: rgba(0,0,0,0.1); background-clip: padding-box; }
#dropmenudiv {background-color: #fff; }
#dropmenudiv a {text-decoration: none !important; color: inherit; display: block; padding: 3px 20px; border: 0 none; white-space: nowrap; color: inherit; }
#dropmenudiv a:hover {background-color: #eeeeef; }

/*---показ оригинальной картинки загруженной на сайт из уменьшенной копии---*/
.highslide-wrapper, .highslide-outline {background: #fff }
.highslide-image {border: 2px solid #fff }
.highslide-active-anchor {visibility: hidden } 
.highslide-active-anchor img {visibility: hidden }
.highslide-dimming {background-color: black }
.highslide-html {background-color: white }
.highslide-loading {display: block; color: white; font-size: 9px; font-weight: bold; text-decoration: none; padding: 3px; border: 1px solid white; background-color: black }
a.highslide-full-expand {background: url(../dleimages/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px }
.highslide-display-block {display: block }
.highslide-display-none {display: none }
.highslide-caption {display: none; padding: 5px; background: white }
.highslide-controls {width: 195px; height: 40px; background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat 0 -90px; margin-right: 15px; margin-bottom: 10px; margin-top: 10px }
.highslide-controls ul {position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; 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; outline: none }
.highslide-controls a.disabled {cursor: default }
.highslide-controls a span {display: none }
 
/*---Навигация по картинкам галереи---*/
.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 }

/*---Быстрый поиск на сайте---*/
#searchsuggestions {z-index: 2200; width: 300px; border-radius: 2px; background: #fff; box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3); border: 1px solid #ddd; border-color: rgba(0,0,0,0.2); background-clip: padding-box; font-size: .9em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#searchsuggestions a, #searchsuggestions span.notfound {padding: 15px 25px; display: block; text-decoration: none; border-bottom: 1px solid #e5e5e5; }
#searchsuggestions a {color: inherit; }
#searchsuggestions a:hover {background-color: #f7f7f7; }
#searchsuggestions a span {display: block; cursor: pointer; }
#searchsuggestions span.searchheading {display: block; font-weight: bold; margin-bottom: .2em; }
#searchsuggestions span.seperator {display: block; }
#searchsuggestions span.seperator a {padding: 10px 0; text-align: center; border: 0 none; background-color: transparent; color: #919191; }
#searchsuggestions span.notfound {padding: 15px 25px; display: block; }
#searchsuggestions .break {display: none; }

/*---Диалоговые и всплывающие окна jQuery UI---*/
.ui-front {z-index: 1000; }
.ui-widget-overlay {background: #000; opacity: 0.5; left: 0; top: 0; right: 0; bottom: 0; position: fixed; }
.ui-helper-clearfix:after {clear: both; content: "."; display: block; height: 0; visibility: hidden }
.ui-helper-clearfix {display: inline-block }
* html .ui-helper-clearfix {height: 1% }
.ui-helper-clearfix {display: block }
.ui-dialog {text-align: left; overflow: hidden; padding: 0; position: absolute; width: 370px; border-radius: 2px; box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3); border: 1px solid #e6e6e6; border-color: rgba(0,0,0,0.1); background-color: #f7f7f7; background-clip: padding-box; outline: none; }
.ui-dialog-titlebar {padding: 20px 20px; position: relative; }
.ui-dialog-title {float: left; font-weight: bold; font-size: 1.15em; }
.ui-dialog-titlebar-close {position: absolute; right: 10px; top: 50%; margin-top: -16px !important; height: 23px !important; width: 32px; border: 0 none !important; background-color: inherit !important; box-shadow: none !important; padding: 0px !important; }
.ui-dialog-titlebar-close .ui-icon {display: block; margin: 10px auto 0 auto; width: 12px; height: 12px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAG1BMVEUAAAA1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTW7eCkWAAAACHRSTlMA8DiyCsELwNb3saQAAABlSURBVBjTY2AxYoACZQcG10YFCJtJooTBokMIwlHsaAZioBRYAigKJoAAJAghoRIQCiYEoSEiUCmIBFQKLAGTAkvApCASCA6GMoQBGEYjLEV1DopDUbyA4jlUb6ciAiSMgQ0pqAB4linXHtbaoQAAAABJRU5ErkJggg==); -webkit-background-size: 12px auto; background-size: 12px auto; opacity: .5; }
.ui-button {float: right; border: 0 none; display: inline-block; vertical-align: middle; cursor: pointer; height: 36px; border-radius: 18px; line-height: 22px; outline: none; background-color: #3394e6; color: #fff; border: 0 none; padding: 7px 22px; text-decoration: none !important; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all ease .1s; transition: all ease .1s; }
.ui-dialog-titlebar-close:hover .ui-icon {opacity: 1; }
.ui-icon, .ui-button-icon-only {overflow: hidden; text-indent: -9999px; }
.ui-dialog label {color: #575757; }
.ui-dialog-content {padding: 20px; border: 1px solid #fff; overflow: auto; position: relative; zoom: 1; }
.loginbox.ui-dialog, .loginbox .ui-dialog-content {overflow: visible !important; }
.ui-dialog-content h2 {display: inline; font-size: 1em; font-weight: bold }
.ui-dialog .ui-dialog-buttonpane {padding: 20px; text-align: center; }
.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-button {margin: 0 3px; }
.ui-helper-hidden-accessible{display: none;}

/* --- Автозаполнение облака тегов --- */
.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; padding: 2px; margin: 0; float: left; background: #fff 50% bottom repeat-x; border: 1px solid #dedede; color: #353535; }
.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; }

/*---Подсветка кода в теге [code]---*/
pre code {display: block; padding: 0.5em; background: #f9fafa; border: 1px solid #dce7e7; overflow:auto; white-space: pre; }
pre .comment, pre .template_comment, pre .diff .header, pre .doctype, pre .lisp .string, pre .javadoc {padding: 0; margin: 0; border:none; box-shadow: none; background-color: inherit; 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: bold;font-size: 1.08em !important;  }
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; }
pre .comment:hover {background-color: inherit;box-shadow: none;}

/*---Поля быстрого редактирования публикаций на сайте---*/
.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); -webkit-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

/*---Быстрый ответ на комментарии, упрощенная форма---*/
#dlefastreplycomments {padding: 10px;}
/*---Выделение текста и всплывающее окно (поделиться ссылкой)---*/
#marker-bar,
#txtselect_marker {display: block; visibility: hidden; position: absolute; z-index: 1200; opacity: 0; -webkit-transition: opacity .4s, visibility .1s linear .4s; transition: opacity .4s, visibility .1s linear .4s; }
#txtselect_marker {cursor: pointer; background:url(../dleimages/marker.png) no-repeat 0 0; }
#txtselect_marker:hover {background-position: 0 -32px; }
#marker-bar{border: 1px solid #ccc; border-radius: 15px; background: #fff; padding: 5px 10px; cursor: default; box-shadow: 0 0 4px #ccc; -webkit-box-shadow: 0 0 4px #ccc; }
#marker-bar.show {-webkit-transition: opacity .4s, visibility 0s; transition: opacity .4s, visibility 0s; opacity: 1; visibility: visible; }
#txtselect_marker.show {visibility: visible; width: 32px; height: 32px; -webkit-transition: opacity .4s, visibility 0s; transition: opacity .4s, visibility 0s; opacity: 1; }
#marker-bar .masha-social,
#marker-bar .masha-marker{cursor: pointer; display: block; margin: 0 5px; float: left; }
#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: #fff5d5; 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) 0 0 no-repeat; }
.user_selection.hover a.txtsel_close:hover,
.user_selection_true.hover a.txtsel_close:hover {background-position: -0px -33px; }

#share-popup {border: 1px solid #e6e6e6; border-color: rgba(0,0,0,0.1); border-radius: 2px; background: #fff; position: absolute; z-index: 100; width: 414px; display: none; padding: 20px 0; opacity: 0; box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3); background-clip: padding-box; -webkit-transition: opacity .4s, visibility .1s linear .4s; transition: opacity .4s, visibility .1s linear .4s; }
#share-popup.show {display: block; opacity: 1; -webkit-transition: opacity .4s, visibility 0s; transition: opacity .4s, visibility 0s; }
#share-popup .social {padding: 0 0 10px 17px; }
#share-popup .social p {padding-bottom: 10px; margin: 0; font-weight: bold;}
#share-popup .social ul {list-style: none; margin: 0; padding: 0; }
#share-popup .social ul li {display: inline; margin-right: 20px; padding-top: 2px; }
#share-popup .social ul a {text-decoration: none; font-size: 12px; display: inline-block; color: #919191; }
#share-popup .social ul a:hover {text-decoration: underline; }
#share-popup .social a span {cursor: pointer; width: 20px; height: 20px; background: url(../dleimages/social-icons.png) 20px 20px no-repeat; display: inline-block; vertical-align: middle; margin: -3px 5px 0 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; padding: 10px 5px 0 10px; line-height: 1.2; overflow: hidden; margin: 0 7px; }
#share-popup .link p {font-weight: bold; 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; }
.dle-alert, .dle-confirm, .dle-promt {padding: 20px 1em !important; }

/* Настройка стандартной капчи */
.form_submit .c-captcha {width:100%; margin: 0 0 20px 0;}
.c-captcha {position: relative; }
.c-captcha:after {clear: both; display: block; content: ""; }
.c-captcha > a {float: left; margin-right: 5px; }
.c-captcha img {position: relative; display: block; width: 130px; height: 46px; z-index: 1; -webkit-transition: all ease .2s; transition: all ease .2s; }
.c-captcha > input {float: left; width: 150px; }

/* Настройка стандартной капчи при ответах на комментарии */
.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; -webkit-transition: all ease .2s; transition: all ease .2s; }
.dle-captcha > input {float: left; width: 130px; }

/* --- Настройка кнопок --- */
.btn, .bbcodes, .btn-border {border: 0 none; display: inline-block; vertical-align: middle; cursor:pointer; height:36px; line-height: 22px; outline: none; background:var(--bs-gray); color: #fff; border: 0 none; padding: 7px 22px; text-decoration: none !important; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); }
.btn:hover, .bbcodes:hover, .ui-button:hover {background-color: #46a6f6; }
#searchinput {padding:7px 20px; min-width:70%;}
.search > div {margin-left:0!important;}
.btn.btn-link {background:#79a206;}
/*---Дополнительные поля---*/
table.xfields {width: 100%;}
.xfields textarea, .xprofile textarea {width: 100%;height: 186px;margin-top: 5px;}
.xfields input[type="text"] {width: 100%;}
.xfieldsdescr {width: 200px;}
.xfields .bb-pane + textarea {margin-top: 0px;}
.xfieldsnote {color: #838383;font-size: .9em;}
.xfields_table td {vertical-align: top;}
.xfieldsrow {padding-top:5px; clear: both;}
.xfieldscolleft {float: left; width: 30%; padding-top: 14px;}
.xfieldscolright {float: left; width: 70%;}
.file-box {width: 95%; max-width: 437px; border:1px solid #B3B3B3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F5F5F5; padding: 10px; margin-top: 10px;}
.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);}
.qq-uploader {position:relative; width: 100%;}
.qq-upload-button {display:inline-block;margin-top:5px;margin-bottom:5px; cursor:pointer;}
.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 {display: inline-block;width: 115px;height: 160px;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:#ffffff;}
.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;}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {cursor:not-allowed;pointer-events:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;}
.progress {overflow:hidden;margin-top:10px; margin-bottom:10px;background-color:whitesmoke;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 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset;box-shadow:0 1px 0 white, 0 0px 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:12px;line-height:20px;color:white;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-transition:width 0.6s ease;transition:width 0.6s ease;-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;}

/*---Смайлы---*/
.emoji {border: none;vertical-align: middle;width: 22px;height: 22px;}
.native-emoji {font-size: 1.3em;font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols';}