.chosen-container-multi .chosen-choices li.search-field input[type="text"] {color: transparent;}
#dle-content1 .alert {margin: 0 1rem;}
/*--- AJAX ---*/
#loading-layer {display: none; z-index: 9999; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; text-indent: -999rem; overflow: hidden; white-space: nowrap;}
#loading-layer:before, #loading-layer:after {content: ""; border-radius: 50%; background-color: #039ad3; position: absolute; left: 50%; top: 50%; width: 2rem; height: 2rem; margin: -1rem 0 0 -1rem;}
#loading-layer:after {background-color: #45b5c6;}
#loading-layer:before {-webkit-animation: load1 .8s infinite ease; animation: load1 .8s infinite ease;}
#loading-layer:after {-webkit-animation: load2 .8s infinite ease; animation: load2 .8s infinite ease;}
@-webkit-keyframes load1 {
	0%, 80%, 100% {-webkit-transform: translate(-100%, 0);}
	40% {-webkit-transform: translate(50%, 0) scale(.6, .6);}
}
@keyframes load1 {
	0%, 80%, 100% {transform: translate(-100%, 0);}
	40% {transform: translate(50%, 0) scale(.6, .6);}
}
@-webkit-keyframes load2 {
	0%, 80%, 100% {-webkit-transform: translate(100%, 0);}
	40% {-webkit-transform: translate(-50%, 0) scale(.6, .6);}
}
@keyframes load2 {
	0%, 80%, 100% {transform: translate(100%, 0);}
	40% {transform: translate(-50%, 0) scale(.6, .6);}
}
/* ------ */
.scriptcode, .title_spoiler, .text_spoiler {padding: 0.1rem 0.2rem; background: #f0f0f0; border: 0.1rem solid #e3e3e3;}
.title_quote {margin-top: 0.1rem; font-weight: bold;}
.quote, blockquote {
    float: left; 
    width: -webkit-fill-available;
    background-color:#f5f5f5;
    padding:0.5rem; 
    border-left: 0.2rem solid #0089d9; 
    text-indent: 2.4rem; 
    font-size: 1.2rem;
    line-height: 1.5rem; 
}
.title_spoiler {margin-top: 0.1rem;}
.text_spoiler {margin-bottom: 0.1rem;}
.title_spoiler img {vertical-align: middle !important; margin: 0 0.2rem 0 0; border: 0;}
.scriptcode {color: #4c6d0f; text-align: left;}
.title_spoiler {font-weight: normal;}
.text_spoiler {border-top: 0; text-align: justify;}
.hide {background-color: #f0f0f0; padding: 0.2rem; color: #000; margin: 0 0 1rem 0;}
.hide a {text-decoration: underline;} 
.hide a:hover {text-decoration: none;}
.inhide {border: 0.1rem solid #d1e3ef; padding: 0.2rem; background-color: #fff; margin-bottom: 0.2rem;}
/* ------ */
.voteprogress, .pollprogress {overflow: hidden; height: 0.3rem; margin-bottom: 1rem; background-color: #fff; border-radius: 0.2rem; margin-top: 0.5rem;}
.voteprogress span, .pollprogress span {text-indent: -999rem; height: 0.5rem; 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;}
/* ------ */
.rate-1 {margin-top: 0.5rem; float: left; margin-right: 0.5rem;}
.rating {height: 1rem; font-size: .9rem; padding: 0.1rem 0; border-radius: 0.2rem; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem;}
.unit-rating, .unit-rating li a:hover, .unit-rating li.current-rating {background: url(../dleimages/rating.png);}
.unit-rating {margin: 0; padding: 0; width: 5rem; height: 1rem; overflow:hidden; position: relative; background-repeat: repeat-x; background-position: 0 0;}
.unit-rating li {text-indent: -9000rem; padding: 0; margin: 0; float: left;}
.unit-rating li a,
.unit-rating li.current-rating {position: absolute; height: 1rem; display: block; text-indent: -900rem;}
.unit-rating li a {width: 1em; text-decoration: none; z-index: 17; padding: 0;}
.unit-rating li a:hover {background-position: 0 -1rem!important; z-index: 2; left: 0;}
.unit-rating a.r1-unit {left: 0;}
.unit-rating a.r1-unit:hover {width: 1rem;}
.unit-rating a.r2-unit {left: 1rem;}
.unit-rating a.r2-unit:hover {width: 2rem;}
.unit-rating a.r3-unit {left: 2rem;}
.unit-rating a.r3-unit:hover {width: 3rem;}
.unit-rating a.r4-unit {left: 3rem;}
.unit-rating a.r4-unit:hover {width: 4rem;}
.unit-rating a.r5-unit {left: 4rem;}
.unit-rating a.r5-unit:hover {width: 5rem;}
.unit-rating li.current-rating {background-position: 0 -2rem!important; z-index: 1;}
.ratingplus {color: #70bb39;}
.ratingminus {color: red;}
.ratingzero {color: #6c838e;}
.admin_checkboxs input[type="checkbox"] {position: relative !important;}
.admin_checkboxs label {margin-top: 0;}
/* ------ */
.userstop td, .pm td.pm_list, .pm td.pm_head {border-bottom: .1rem solid #999; padding: 1rem .1rem;}
table.pm, table.userstop {width: 100%; margin-bottom: 0;}
table.pm select {width: 6rem;}
.userstop thead td, .pm td.pm_head {border-bottom: .1rem solid #999; font-weight: bold;}
table.pm .navigation {border-top-width: 0; margin: 0;}
/* ------ */
#dropmenudiv {padding: .5rem 0; min-width: 9rem; width: auto !important; opacity: 1 !important; display: none; font-size: .9em; box-shadow: 0 .5rem 2.5rem -.5rem rgba(0,0,0,0.3); border: .1rem 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: .2rem 1.2rem; border: 0 none; white-space: nowrap; color: inherit;}
#dropmenudiv a:hover {background-color: #eeeeef;}
/* ------ */
.highslide-wrapper, .highslide-outline {background: #fff;}
.highslide-image {border: .1rem 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: .5rem; font-weight: bold; text-decoration: none; padding: .2rem; border: .1rem solid white; background-color: black;}
a.highslide-full-expand {background: url(../dleimages/fullexpand.gif) no-repeat; display: block; margin: 0 .5rem .5rem 0; width: 2.2rem; height: 2.2rem;}
.highslide-display-block {display: block;}
.highslide-display-none {display: none;}
.highslide-caption {display: none; padding: .2rem; background: white;}
.highslide-controls {width: 12.5rem; height: 2.5rem; background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat 0 -5.6rem; margin-right: 1rem; margin-bottom: .5rem; margin-top: .5rem;}
.highslide-controls ul {position: relative; left: 1rem; height: 2.5rem; list-style: none; margin: 0; padding: 0; background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat 100% -5.6rem;}
.highslide-controls li {float: left; padding: .2rem 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;}
/*---The CSS sprites for the controlbar---*/
.highslide-controls .highslide-previous a { background-position: 0 0;}
.highslide-controls .highslide-previous a:hover {background-position: 0 -2rem;}
.highslide-controls .highslide-previous a.disabled {background-position: 0 -4rem !important;}
.highslide-controls .highslide-play a {background-position: -2rem 0;}
.highslide-controls .highslide-play a:hover {background-position: -2rem -2rem;}
.highslide-controls .highslide-play a.disabled {background-position: -2rem -4rem !important;}
.highslide-controls .highslide-pause a {background-position: -4rem 0;}
.highslide-controls .highslide-pause a:hover {background-position: -4rem -2rem;}
.highslide-controls .highslide-next a {background-position: -6rem 0;}
.highslide-controls .highslide-next a:hover {background-position: -6rem -2rem;}
.highslide-controls .highslide-next a.disabled {background-position: -6rem -4rem !important;}
.highslide-controls .highslide-move a {background-position: -8rem 0;}
.highslide-controls .highslide-move a:hover {background-position: -8rem -2rem;}
.highslide-controls .highslide-full-expand a {background-position: -10rem 0;}
.highslide-controls .highslide-full-expand a:hover {background-position: -10rem -2rem;}
.highslide-controls .highslide-full-expand a.disabled {background-position: -10rem -4rem !important;}
.highslide-controls .highslide-close a {background-position: -12rem 0;}
.highslide-controls .highslide-close a:hover {background-position: -12rem -2rem;}
/* jQuery UI */
.ui-helper-hidden {display: none;}
.ui-helper-hidden-accessible {position: absolute; left: -9999999rem;}
.ui-helper-reset {margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;}
.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-icon {background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -9999rem;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-widget {font-size: 1rem; z-index: 999999;}
.ui-widget-content {color: #222; z-index: 9999;}
.ui-widget-header {color: #000; font-weight: 500;}
.ui-widget-header a {color: #fff;}
.ui-state-default, .ui-widget-content .ui-state-default {color: #868686; font-weight: bold;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color: #2e6e9e; text-decoration: none;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {border: .1rem solid #a7a7a7; color: #4e4e4e; font-weight: bold;}
.ui-state-hover a, .ui-state-hover a:hover {color: #1d5987; text-decoration: none;}
.ui-state-active, .ui-widget-content .ui-state-active {background: #d0e5f5 50% 50% repeat-x; border: .1rem solid #a7a7a7; color: #e17009; font-weight: bold;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #e17009; text-decoration: none;}
.ui-state-error {background: #fef1ec 50% 50% repeat-x; border: .1rem solid #dedede; color: #cd0a0a;}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui-icons.png);}
.ui-button .ui-button-text {display: block; line-height: 1.4rem;}
.ui-button-text-only .ui-button-text {padding: .4rem .8rem;}
input.ui-button {padding: .4rem 1rem;}
.ui-button-set {margin-right: .5rem;}
.ui-button-set .ui-button {margin-left: 0; margin-right: -.2rem;}
.ui-dialog {overflow: hidden; position: absolute; border: .5rem solid rgba(255,255,255,1); width: 19rem; -webkit-box-shadow: 0 0 1rem 0 rgba(0,0,0,0.21); -moz-box-shadow: 0 0 1rem 0 rgba(0,0,0,0.21); box-shadow: 0 0 1rem 0 rgba(0,0,0,0.21);}
.ui-dialog {
    top: 6rem !important;
    left: 50% !important;
    transform: translateX(-50%);
    width: 78.4% !important;
    max-width: none !important;
    max-height: none !important;
}
.ui-widget-overlay {
    background: rgba(0, 0, 0, 0.6); /* затемнення */
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999; /* має бути менше, ніж у .ui-dialog */
}
.ui-dialog .ui-dialog-titlebar {position: relative; background-color: #EF5350; color: #fff; min-height: 1.8rem; padding: 0 1rem; font-size: 1rem; padding-top: 1rem; padding-bottom: 1rem; padding-right: 2.5rem;}
.ui-dialog .ui-dialog-title {float: left; margin: .1rem 1rem .2rem 0; color: #fff;}
.ui-dialog .ui-dialog-titlebar-close {position: absolute; top: 50%; right: 0; margin: -1.2rem 0.5rem 0.5rem 0.5rem; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: url(../images/close-modal.png) no-repeat; background-size: contain;}
.ui-dialog .ui-dialog-titlebar-close span {font-size: 0;}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {border: none;}
.ui-dialog .ui-dialog-content {background: none; border: 0; overflow: hidden; padding: 1rem .5rem; background: #fff; position: relative; zoom: 1; font-size: 1rem;}
.ui-dialog .ui-dialog-content a {outline: none; border: 0; color: #000; }
.ui-dialog .ui-dialog-buttonpane {background-image: none; background-color: #fff; padding: 0 .5rem .5rem .5rem; text-align: left;}
.ui-dialog .ui-dialog-buttonpane button {cursor: pointer; float: left; height: 2rem; line-height: 2rem; text-align: center; color: black; text-decoration: none; font-size: 1rem; background-color: #E1E3E4; padding: 0 0.5rem; margin-right: 1rem; width: max-content;  min-width: 5.4rem; border: none; font-weight: normal;}
.ui-dialog .ui-dialog-buttonpane button:focus {outline: none;}
.ui-dialog .ui-dialog-buttonpane button > span {margin: 0; padding: 0;}
.ui-dialog .ui-dialog-buttonpane button:hover {color: white; background: #EF5350;}
.ui-dialog .ui-resizable-se {bottom: .2rem; height: 1rem; right: .2rem; width: 1rem;}
.ui-draggable .ui-dialog-titlebar {cursor: move;}
/* ------ */
.ui-autocomplete {position: absolute; cursor: default;}
* html .ui-autocomplete {width: .1rem;} /* without this, the menu expands to 100% in IE6 */
.ui-menu {list-style: none; padding: .1rem; margin: 0; float: left; background: #fff 50% bottom repeat-x; border: .1rem solid #dedede; color: #353535;}
.ui-menu .ui-menu {margin-top: -0.2rem;}
.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: -0.1rem; border: .1rem solid #a7a7a7; color: #4e4e4e; font-weight: bold;}
/*--- [code] ---*/
pre code { display: block; padding: 0.5rem; background: #f9fafa; 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: 1em;}
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: .4rem; width: 22rem;}
.quick-edit-textarea {height: 16rem; padding: .1rem; border: .1rem solid #d7d7d7; width: 100%; box-shadow: inset 0 .1rem .1rem 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;}                  
/*--- ---*/
#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 -2rem;}
#marker-bar {border: .1rem solid #ccc; border-radius: 1rem; background: #fff; padding: .2rem .5rem; cursor: default; box-shadow: 0 0 .2rem #ccc; -webkit-box-shadow: 0 0 .2rem #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: 2rem; height: 2rem; -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 .2rem; float: left;}
#marker-bar .masha-marker {line-height: 1rem; color: #aaa; border-bottom: .1rem dotted #aaa; margin-right: .5rem;}
#marker-bar .masha-marker:hover {color: #ea3e26; border-color: #ea3e26;}
.user_selection, .user_selection_true {background: #fff5d5; padding: .1rem 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: -0.5rem; left: -0.2rem; width: 2rem; height: 2rem; 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 -2rem;}   
/* ---   --- */
button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {box-shadow: inset 0 .1rem .2rem 0 rgba(0,0,0,0.1);}
input[type="submit"].bbcodes, input[type="button"].bbcodes, input.bbcodes, .ui-button {}   
input[type="text"], input[type="password"], input[type="email"] {display: block; color: #000000; background-color: #ffffff; border-radius: 0; -webkit-appearance: none; box-shadow: 0 0 0 0.1rem #e3e3e3,inset 0 0.2rem 0.3rem 0 rgba(0,1,1,0.1); border: 0;}
input[type="text"]:focus {}                                 
select {border: none; border-radius: 0.2rem; background-color: #FFF;}
textarea {display: block; width: 100%; padding: 0.5rem; border: 0.1rem solid #e3e3e3; background-color: #F8F8F8; border-radius: 0; overflow: auto; vertical-align: top; resize: vertical; box-shadow: 0 0 0 0.1rem #EDEDED,inset 0.1rem 0.1rem 0.2rem 0 rgba(0,0,0,0.1);}
table.xfields, td.xprofile {width: 100%;}
.xfields .xprofile input {max-width: inherit;}
.delnews {cursor: pointer;}
.wide, .bb-editor textarea, .ui-dialog textarea, select#category, .timezoneselect, .quick-edit-text {width: 100% !important;}
#searchuser, #searchinput {}
label {}
.form-xfield.register td {width: 24%;}
.form-xfield.register td.xprofile {width: 100%;}
/* ---   --- */
.bbcodes {display: inline-block; vertical-align: middle; cursor: pointer; outline: none; text-decoration: none !important; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 .1rem .1rem 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; padding: 0.1rem 0.2rem 0.2rem 0.2rem; font-size: 1.4rem; background-color: #039ad3; border-radius: 0.5rem; border: 0.2rem solid #039ad3; color: #fff;}
.btn > .icon {fill: #fff;}
.btn-white > .icon {fill: #3394e6;}
.btn-white {background-color: #fff; color: #3394e6;}
.btn-white:hover > .icon {fill: #fff;}
.btn-white:hover { background-color: #3394e6; color: #fff;}
.bbcodes:hover, .ui-button:hover{ background-color: #0bb4aa; color: #fff; outline:0;} 
.btn-border {color: #000; display: inline-block; vertical-align: middle; border: 0.15rem solid #039ad3; height: 2rem; line-height: 1.2rem; border-radius: 0.2rem; margin: 0.5rem 0; padding: 0 1rem; background-color: transparent !important; overflow: hidden; box-shadow: inset 0 0 0 0 transparent; -webkit-box-shadow: inset 0 0 0 0 transparent;}   
/* forms */
.tableform {width: 100%;}
.tableform td, .tableform th {border-top: .1rem dotted #e3e3e3; padding: .5rem 0; text-align: left; }
.tableform tr:first-child td, .tableform tr:first-child th {border: 0 none;}
.tableform th, .tableform .label, .tableform .addnews, .tableform .xfieldsdescr {width: 24%; font-weight: normal; vertical-align: top; padding-right: .5rem; padding-top: .5rem;}
@media (max-width: 1199px){
	.tableform th, .tableform .label, .tableform .addnews, .tableform .xfieldsdescr {width: 29%;}
}
.fieldtr select, .f_textarea, .f_input, .xfields textarea, .xprofile textarea, .tdfield select, .lfield input, 
.editor input[type="text"], #category, textarea.ui-corner-all, .pm select,
.xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select, 
.bbeditor select, .textin, select.rating {padding: 0.1rem;}      
.recipient select {width: 19rem; }
.checkbox { color: #333; padding: .2rem 0; line-height: 1rem; }
.checkbox input { margin-top: -0.1rem 0 0 0.1rem; vertical-align: middle; position: relative !important; }
.checkbox label { padding-left: 0;  min-height: auto; display: inline;}  
/*--- NEW FORM ---*/
.comms-title {margin-bottom: .5rem;}
.comms-title > span {font-size: 1rem;}
.add-comm-form {position: relative; margin: 1rem 0; display: none;}
.ac-soc {position: absolute; right: 0px; top: -0.5rem;}
.ac-soc:before {content: attr(data-label); display: inline-block; vertical-align: top; line-height: 2rem; margin-right: 0.2rem;}
.ac-soc a {display: inline-block; margin: 0 0 0 .2rem; vertical-align: top;}
.ac-soc img {display: block; width: 2rem;}
.ac-inputs, .ac-textarea {margin-bottom: 1rem;}                                    
.ac-av {width: 2.5rem; height: 2.5rem; border-radius: 0%; float: left; margin-right: .5rem; background: #fff url(../dleimages/noavatar.png) no-repeat; background-size: contain;}
.ac-title {font-weight: 700; margin-bottom: 1rem; text-transform:uppercase;}
.ac-inputs input {width:49%;}
@media (max-width: 590px) {
	.ac-inputs input {width: 100%; margin-top: 1rem;}
}
.ac-textarea textarea {height: 5.4rem;}
.ac-submit {}
.sec-answer + .sec-label {margin-top: .5rem;}
.ac-protect {margin-top: -0.5rem; display:none;}
.ac-protect .label {font-size: 1rem;}
.ac-protect .sep-input {padding: .5rem .5rem .5rem 1rem;}
.ac-protect input {background-color: #FFF;}      
.mass_comments_action {text-align: right; padding: .2rem 1rem; background-color: #f0f0f0; margin: 1rem 0 0 0;}
.last-comm-link {font-size: 1rem; margin-bottom: 0.5rem;}
.last-comm-link a {text-decoration:underline;}  
.form-wrap {}
.form-wrap h1 {font-size: 2rem;}
.form-wrap > div, .form-vote > div {margin: 0 0 .5rem 0; float: left; width: -webkit-fill-available;}
.form-submit {margin-bottom: 0 !important;}
.form-item {margin-bottom: 1rem; padding-left: 12.5rem; position:relative;}
.form-item > label {display: block; float: left; width: 12.5rem; margin-left: -12.5rem; padding-top: 0.5rem; margin-top: 0;}
.form-item > input[type="text"], .form-item > input[type="password"], .form-item > input[type="file"] {float: left; max-width: 100%;}
.imp > label:after {content: "*"; margin: 0 0 0 .5rem; color: #e85319;}
.form-buts input[type="button"], .form-buts a {width: 48%; float: left; display: block; text-align: center; box-shadow: none; border-radius: 0; font-size: 1rem;}
.form-buts a {float: right;}
.findrelated {background: #ffc; border: .1rem solid #9E9E9E; padding: .2rem;}
.form-textarea > label {display: block; padding: .5rem; background-color: #444; color: #fff; font-size: 1rem;}
#category {width: 100% !important;}
.form-xfield .addnews {vertical-align: middle;}
.form-checks input#allow_main {margin-left: 3.2rem;}
.form-checks label, #allow_subscribe + label {display: inline-block; margin-left: .2rem; position: relative; top: .1rem; margin-bottom: 0;}
.form-submit button:last-child {margin-left: .5rem;}
.btn:focus {color: #fff !important;}
.form-secur {width: 100%; float: right;}
.form-secur input {display: inline-block; max-width: 19rem; vertical-align: top;}
.form-secur > a {display: inline-block; vertical-align: top; margin-left: .5rem;}
.form-secur select {width: 100%; max-width: 37.5rem;}
.form-item > input[type="button"] {position: absolute; right: 0; top: 0; height: 2.5rem; padding: 0 .5rem; line-height: 2.5rem;}
#result-registration {text-align:center;}
@media screen and (max-width: 600px) {
.form-wrap h1 {font-size: 1rem;}
.form-item {padding-left: 0;}
.form-item > label {float: none; width: 100%; margin-left: 0; padding: 0 0 .5rem 0;}
.form-item > input[type="text"], .form-item > input[type="password"], .form-item > input[type="file"] {float: none;}
.form-item > input[type="button"] {display: none;}
.form-checks input#allow_main {margin-left: .5rem;}
.form-buts input[type="button"], .form-buts a {width: 50%; padding: 0; font-size: 1rem;}
.stat-list {width: 100%; float: none;}
.bb-pane {padding: 0 0 0 .2rem; height: 3.2rem !important; white-space: nowrap; overflow-y: hidden; overflow-x: auto;}
.bb-btn{float:none;}
.tableform th,.tableform .addnews, .tableform .xfields, .tableform .xfieldsdescr { width: 100%; display: block;}
.tableform .xfields {border-top: 0; padding: 0 0 1rem 0;}
}
/*--- XFIELDS ---*/
.xfields textarea, .xprofile textarea {height: 12.4rem;}
.xfields input, .xprofile input {max-width: 16rem; display: inline-block;}
.xfields_table td {vertical-align: top;}
.xfields .bb-editor {margin-top: .5rem;}
.xfields_table td {vertical-align: top;}
.xfieldsrow {padding-top: .2rem; clear: both;}
.xfieldscolleft {float: left; width: 30%; padding-top: 1rem;}
.xfieldscolright {float: left; width: 70%;}
.file-box {width: 95%; max-width: 27.4rem; border:1px solid #B3B3B3; -moz-border-radius: .2rem; -webkit-border-radius: .2rem; border-radius: .2rem; background-color: #F5F5F5; padding: .5rem; margin-top: .5rem;}
.xf.xfieldimagegallery {margin: 0; padding: 0; list-style: none; clear: both;}
.xf.xfieldimagegallery li {list-style: none; margin: 0; padding: 0;}
.xf.xfieldimagegallery li img {float: left; margin-right: .2rem; border: .2rem solid #fff; width: 6rem; height: 6rem; transition: box-shadow 0.5s ease;}
.xf.xfieldimagegallery li img:hover {box-shadow: 0 0 .3rem rgba(0,0,0,0.4);}
.qq-uploader {position: relative; width: 100%;}
.qq-upload-button {display: inline-block; margin-top: .2rem; margin-bottom: .2rem; 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: -0.5rem; font-size: 1rem;}
.qq-upload-drop-area-active {background: #FF7171;}
.uploadedfile {display: inline-block; width: 7.2rem; height: 1rem; margin: .5rem .2rem .2rem .2rem; border: .1rem solid #B3B3B3; box-shadow: 0px .1rem .2rem rgba(0,0,0,0.3); -moz-box-shadow: 0 .1rem .2rem rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 .1rem .2rem rgba(0, 0, 0, 0.3); text-align: center; background: #ffffff;}
.uploadedfile .uploadimage {margin-top: .2rem; 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: 0 .2rem 0px .2rem; overflow: hidden; padding: 0;}
.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: 1rem; margin-bottom: 1rem; background-color: whitesmoke; height: 1rem; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; -ms-border-radius: .5rem; -o-border-radius: .5rem; border-radius: .5rem; background: #eee; -webkit-box-shadow: 0 .1rem 0 white, 0 0 0 .1rem rgba(0, 0, 0, 0.1) inset, 0 .1rem .2rem rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 white, 0 0 0 1.rem rgba(0, 0, 0, 0.1) inset, 0 .1rem .2rem rgba(0, 0, 0, 0.2) inset;}
.progress .progress-bar {float: left; width: 0%; font-size: 1rem; line-height: 1.2rem; color: white; text-align: center; background-color: #428bca; -webkit-box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -.1rem 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; transition: width 0.6s ease; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; -ms-border-radius: .5rem; -o-border-radius: .5rem; border-radius: .5rem; -webkit-box-shadow: none; box-shadow: none; height: .5rem;}
.progress-bar span {position: absolute; width: .1rem; height: .1rem; margin: -0.1rem; 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: .1rem solid #55aeee;}
/* ------ */
.emoji {border: none; vertical-align: middle; width: 1.4rem; height: 1.4rem;}
.form-group td {padding-bottom: 0.5rem; display: inline-block;}
.form-group td.addnews {width: 30%;}
.form-group > label {display: block;}
.story .title {margin: 0.5rem 0; font-size: 1rem;}
/* --- Statistics --- */
.stats_head > ul {list-style: none; padding: 0; margin: 0; font-size: 1.25rem;}
.stats_head > ul > li {margin-top: 1rem; padding-left: 2rem;}
.stats_head > ul > li:before {content: ""; float: left; margin: 0.1rem 0 0 -1rem; width: 1rem; height: 1rem; border-radius: 50%; background-color: #3394e6;}
.stats_head > ul > li > b {display: block; font-size: .8rem; opacity: .5; font-weight: normal;}
.stats_head > ul > li.stats_d:before { background-color: #f6a71a;}
.stats_head > ul > li.stats_w:before { background-color: #ce3f28;}
.stat_group { margin: 1rem 0;}
.stat_group > h5 { margin-top: 0; margin-bottom: 1rem; font-size: 1rem;}
.stat_group > ul { list-style: none; padding: 0; margin: 0;}
.stat_group > ul > li { padding: .6rem 0; border-top: .1rem dotted #d5d5d5;}
/* BOTTOM NAVIGATION */
.pagi-load, .pagi-load a {text-align: center; font-size: 1rem;}
.pagi-load > span {display: none;}
.pagi-load + .pagi-nav {margin-top: 1.6rem;}
.pagi-load a {padding: 0.4rem; color: #000000; display: inline-block; background-color: #fff; border-radius: 0.5rem; cursor: pointer; font-size: 1.6rem; font-variant: all-petite-caps; line-height: .6rem;}
.pagi-load a:hover {color: #fff; background: #039ad3; border-color: #039ad3;}
.icon-l .fa {margin-right: .5rem;}
.bottom-nav {height: 2rem; line-height: 1.8rem; text-align: center; font-size: 1rem; padding: 0;}
.pagi-nav {white-space: nowrap; overflow-y: hidden; overflow-x: auto; max-width: 100%; background-color: #FFF; border: .1rem solid #e3e3e3; border-radius: .5rem; display: inline-block;}
.pagi-nav > span {display: inline-block;}
.pprev, .pnext {}
.pprev {border-right: .1rem solid #e3e3e3;}
.pnext a, .pprev a, .pprev > span, .pnext > span {display: block; width: 1.8rem; text-align: center;}
.navigation {text-align: center;}
.navigation a, .navigation span {display: inline-block; padding: 0 .2rem; min-width: 1.6rem; color: #444; border-right: .1rem solid #e3e3e3; margin-right: -.2rem;}
.navigation span, .pagi-nav a:hover {background-color: #039ad3; color: #fff;}
.navigation span.nav_ext {background-color: transparent; color: #888;}
.dle-comments-navigation .pagi-nav {margin-bottom: 0; padding-bottom: 1.2rem;}
.clr {clear: both;}
/* ... */
.fx-row {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
.left-log {background-color: #fafafa; text-align: center; position: relative;}
.us-prof {border: 0.2rem solid #fafafa; background-color: #fff; margin-bottom: 1rem;}
.userinfo_top {position: relative; padding: 1rem 0;}
.userinfo_top .u-online {display: block; margin-bottom: 1rem;}
.userinfo_top .u-online span {background: #029E07; padding: .5rem 1rem; text-align: center; border-radius: 0.2rem; color: #fff;}
.userinfo_top .u-offline span {background: #ef5350;}
.userinfo_top .avatar {width: 6rem; height: 6rem; margin: 0 auto; margin-bottom: 1rem;}
.userinfo_top .avatar img {width: 6rem; height: 6rem;}
.userinfo_top li a {display: block; background: #EF5350; color: #fff; padding: .5rem 0; text-align:center; margin: 0.2rem 0; border-radius: .2rem;}
.userinfo_top li a:hover {background: #D4312F; color: #fff;}
.userinfo_top .u-stat {background: #eee; padding: 1rem 0; text-align: center; margin-bottom: 1rem;}
.userinfo_top .u-stat span {font-size: 1rem; font-weight: 700;}
.userinfo_top .u-stat .u-s-next{font-size: 1rem;}
.box_log {padding: 1rem 0;}
.usinf {list-style: none; padding: 0; margin: 0 0 1rem 0;} 
.usinf li {padding: 1rem 0; border-top: .1rem solid #eee;}
.usinf li:first-child {border-top-width: 0;}
.ui-c1, 
.ui-c2 {display: inline-block; vertical-align: top;}
.ui-c1 {width: 30%; margin-right: 5%;}
.ui-c2 {width: 60%;}
.image-bordered {border: .1rem solid #ddd;}
.image-shadows {box-shadow: rgb(9 30 66 / 25%) 0px .2rem .4rem -0.1rem, rgb(9 30 66 / 8%) 0px 0px 0px .1rem;}
.image-padded {padding: 0.5rem;}
.comments-user-profile {font-weight: bold; cursor: pointer; color: #3394e6;}