/* errors */
.berrors {background: #fce5ba; color: #a76846; margin: 0 0 20px 0; padding: 10px 20px;}
.berrors a { color: #aa4e43; text-decoration:underline; }
.berrors + .speedbar {margin-top:0;}

/* Content-other */
#pollbox { border-bottom: 1px dashed #E3E3E3; padding-bottom: 22px }

/* forms */
.tableform {width:100%;}
.tableform td, .tableform th {border-top:1px dotted #e3e3e3; padding:10px 0; text-align:left; }
.tableform tr:first-child td, .tableform tr:first-child th {border:0 none;}
.tableform th, .tableform .label, .tableform .addnews {width:25%; font-weight:normal; vertical-align:top; padding-right:10px; padding-top:8px;}
.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,

.recipient select { width: 298px; }
.checkbox { color: #787878; padding: 4px 0; line-height: 1em; }
.checkbox input { margin-top: -2px; vertical-align: middle; }

/*--- NEW FORM ---*/
.form-wrap {}
.form-wrap h1 {font-size:24px; margin-bottom:20px;}
.form-wrap > div, .form-vote > div {margin-bottom:20px;}
.form-item {margin-bottom:20px; padding-left:200px; position:relative;}
.form-item > label {display:block; float:left; width:190px; margin-left:-190px;}
.form-item > input[type="text"], .form-item > input[type="email"],  .form-item > input[type="password"],  .form-item > input[type="file"] {float:left; max-width:600px;}
.imp > label:after {content: "*"; margin: 0 0 0 10px; 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:14px;}
.form-buts a {float:right;}
.findrelated {background: #ffc; border:1px solid #9E9E9E; padding:5px;}
.form-textarea > label {display:block; padding:10px 20px; background-color:#444; color:#fff; font-size:16px;}


.form-checks input#allow_main {margin-left:50px;}
.form-checks label, #allow_subscribe + label {display:inline-block; line-height:30px; margin-left:5px; position:relative; top:1px;}
.form-submit button:last-child {margin-left:10px;}
.form-secur {width:100%; padding: 10px;}
.form-secur input {display:inline-block; max-width:300px; vertical-align:top;}
.form-secur > a {display:inline-block; vertical-align:top; margin-left:10px;}
.form-secur select {width:100%; max-width:600px;}
.form-secur img {height: 40px;}
.form-item > input[type="button"] {position:absolute; right:0; top:0; height:40px; line-height:40px;}
#result-registration {text-align:center;}

/* Userinfo */
.up-img {width:100px; height:100px; border-radius:3px; border:5px solid #FFF; box-shadow:2px 2px 5px 0 rgba(0,0,0,0.2);
position:absolute; left:30px; bottom:-30px;}
.user-popup {padding:20px 0; position:relative; margin:-20px;}
.upop-left {width:28%; float:left; position:relative; z-index:50; text-align:center;}
.upop-left .up-img {position:static; display:block; margin:0 auto 10px auto;}
.upop-right {width:72%; float:right;}
.upop-right li {padding:5px 0;}

.us-prof {border:3px solid #222; background-color:#FFF; margin-bottom:20px;}
.usp-left {width:240px; padding:20px; background-color:#333; text-align:center; position:relative;}
.usp-right {width:calc(100% - 240px); width:-webkit-calc(100% - 240px); padding:20px;}
.usp-status {position:absolute; left:0; top:0;}
.offline, .online {padding:3px 5px; display:inline-block; color: #fff; background-color: #626262;}
.online {background:#99ce1b;}
.usp-av {width:100px; height:100px; border:5px solid #222; margin:0 auto;}
.usp-activ {margin:10px -20px 0 -20px; background-color:#222; color:#CCC;}
.usp-activ > div {width:50%; float:left; padding:10px 0;}
.usp-activ > div div {font-weight:700; font-size:16px;}
.usp-activ > div + div {border-left:3px solid #111;}
.usp-btn a {display:block; margin-top:10px;color:#fff;}
.usp-name {margin:-20px -20px 10px -20px; padding:20px; border-bottom:1px solid #f0f0f0; background-color:#f8f8f8;}
.usp-name h1 {font-size:18px; font-weight:700; margin-bottom:5px;}
.usp-group span {color:#fa5800 !important; font-weight:700;}
.usp-meta li {padding:7px 10px;}
.usp-meta li a {text-decoration:underline;}
.usp-meta li:nth-child(2n+1) {background-color:#f5f5f5;}

@media screen and (max-width: 760px) {
.up-first {padding:20px 10px; height:auto; text-align:center;}
.up-img {position:relative; margin:10px auto; left:0; bottom:0;}
.up-status {position:relative; margin:0 auto; left:0; bottom:0;}
.up-second, .up-edit {padding:20px 10px;}
.usp-left {width:100%;}
.usp-right {width:100%}
}

/*--- UI WIDGETS ---*/
.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 { background-color: #fff; overflow: hidden; padding: 0; position: absolute; width: 300px;
box-shadow:0 0 0 10px rgba(0,0,0,0.1); border-radius:0px;}
.ui-dialog-titlebar {padding:0 60px 0 20px; background-color:#f1656f;
height:50px; line-height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ui-dialog-title { margin-top: 2px; float: left; font-size: 16px; color: #fff;}

.ui-dialog .ui-dialog-content {padding:20px; border: 0; overflow: auto; position: relative; zoom: 1; }
.ui-dialog-content h2 { display: inline; font-size: 1em; font-weight: bold }
.ui-dialog .ui-dialog-buttonpane { border-top: 1px solid #f0f0f0; padding: 10px 20px; text-align: center;
background-color:#f8f8f8; }

.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-icon-closethick {cursor: pointer; position:absolute; right:0; top:0; width:50px; height:50px;}
.ui-icon-closethick:before {content:"x"; width:50px; height:50px; line-height:50px; text-align:center; color:#fff;
position:absolute; right:0; top:0; text-indent:0; font-size:24px;
background-color:transparent; display:block;}
a:hover .ui-icon-closethick {opacity:0.8;}
.ui-dialog .ui-dialog-buttonset button { margin-right:10px !important; line-height:15px !important; font-size:12px; padding:0 10px;}



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

/*--- AJAX---*/
#loading-layer {display: block !important;background-color: #000;background-color: rgba(0,0,0,0.5);z-index:8888 !important;
position: fixed;top: 0; left: 0; right: 0; bottom: 0;width: 100%; height: 100%; text-indent: -9999px;overflow: hidden;white-space: nowrap;}
#loading-layer:before, #loading-layer:after {content: "";border-radius: 50%;background-color: #fff;position: absolute;left: 50%; top: 50%;}
#loading-layer:before {width: 100px; height: 100px;margin: -50px 0 0 -50px;}
#loading-layer:after {width: 40px; height: 40px;background-color: #0392e4;margin: -20px 0 0 -20px;}
#loading-layer:before {animation: load1 1s infinite ease;}
#loading-layer:after {animation: load2 1s infinite -0.32s ease;}
@keyframes load1 {0%, 80%, 100% { transform: scale(1,1); } 40% { transform: scale(.6,.6); }}
@keyframes load2 {0%, 80%, 100% { transform: scale(1,1); } 40% { transform: scale(.5,.5); }}




/*--- DROP NENU ---*/
#dropmenudiv { font: 12px Arial; padding: 10px; display: none; background: #fff;
border-radius: 8px;  box-shadow: 0 0 50px 0 rgba(0,0,0,0.22); z-index:200 !important;}
#dropmenudiv a { display: block; text-decoration: none; padding: 5px 8px; width: 154px }

/*--- ---*/
fieldset {border: 1px solid #bfced6;padding: 5px;text-align: left;}



/* ---  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; padding: 2px; margin: 0; display:block; float: left; background: #fff 50% bottom repeat-x; border: 1px solid #dedede; color: #222; }
.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; }


/*--- UPDATES TO NEW VERSIONS ---*/
.comments-tree-list {display: block;margin: 0;padding: 0;list-style: none;}
.comments-tree-list .comments-tree-list {padding-left: 25px; position:relative;}
.comments-tree-list .comments-tree-list:before {content:"\f178 "; font-family:'FontAwesome';
position:absolute; left:0; top:0; color:#888;}
.comments-tree-item {display: block; margin: 0; padding: 0;}
#dlefastreplycomments {padding:10px; background: #f7f6e5; margin: 10px 0 5px 30px;}
.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;}
.pollallvotes {text-align: center; margin-top: 10px;}

/*--- 11 ---*/
.emoji {border: none;vertical-align: middle;width: 22px;height: 22px;}

.xfieldsrow {padding-top:5px;clear: both;}
.xfieldscolleft {float: left; width: 30%;}
.xfieldscolright {float: left;width: 70%;}
.file-box {width: 95%;max-width: 437px;border:1px solid #B3B3B3; border-radius: 3px;background-color: #F5F5F5;padding: 10px;margin-top: 10px;}
.qq-uploader { position:relative; width: 100%;}
.qq-upload-button {display:inline-block;padding:0 10px;margin-top:5px; line-height:40px !important;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;}
.progress {overflow:hidden;margin-top:10px;margin-bottom:10px;background-color:whitesmoke;height:10px;
border-radius:8px;background:#eee;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;
box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);transition:width 0.6s ease;border-radius:8px;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:linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%);background-repeat:repeat-x;border:1px solid #55aeee;}


.btn.disabled, .btn[disabled], fieldset[disabled] .btn {cursor:not-allowed; pointer-events:none; opacity:0.65;}


#g-recaptcha {display: flex; justify-content: center; align-items: center; margin: 0 auto; padding: 10px; box-sizing: border-box;}



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

@media screen and (max-width: 600px) {
.form-wrap h1 {font-size:16px;}
.form-item {padding-left:0;}
.form-item > label {float:none; width:100%; margin-left:0; padding:0 0 10px 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:10px;}
.form-buts input[type="button"], .form-buts a {width:50%; padding:0; font-size:12px;}
.stat-list {width:100%; float:none;}
.bb-pane{padding:0 0 0 5px;height:50px !important;
white-space:nowrap; overflow-y:hidden; overflow-x:auto;}
.bb-btn{float:none;}
}