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

/* Content-other */
.ui-icon, .close { display: block; overflow: hidden; text-indent: -9999px; white-space: nowrap; }
#pollbox { border-bottom: 1px dashed #E3E3E3; padding-bottom: 22px }
#dle-poll-list, #searchtable, .pm-status { padding: 0 0 20px 0; border-radius: 6px;}

/* 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,
.xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select, 
.bbeditor select, .textin, select.rating {padding:5px;}

.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:200px; margin-left:-200px; padding-top:10px;}
.form-item > input[type="text"], .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;}
#category {width:100% !important;}
.form-xfield .addnews {vertical-align:middle;}
.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%; float:right;}
.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-item > input[type="button"] {position:absolute; right:0; top:0; height:40px; line-height:40px;}
#result-registration {text-align:center;}

@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%}
}


/* search */
.search-page {margin-bottom:20px;}
.searchstyle { width: 480px }
.search { padding: 0 }
#searchtable, #searchtable td { vertical-align: top; text-align: left }
#searchtable fieldset { font-size: 12px; border: 1px solid #000; padding: 10px; text-align: left; 
margin: 0 4px 4px 0 !important; border-radius: 6px }
fieldset legend { font-size: 12px; font-weight: bold; color: #fff; }
#searchtable table, #searchtable form { margin: 0; width:100%;}
#searchtable select { background-color: #fff }
#searchuser, #searchinput { width: 90% !important; }
.search > div {margin-bottom:10px;}
.search input[type="text"], .search select {display:block; width:100% !important; margin-bottom:10px;}
.search input[type="checkbox"], .search input[type="radio"] {margin-right:5px;}
#searchinput + br, #searchinput + br + br {display:none;}

.sres-wrap {background-color:#222; display:block; padding:15px 15px 15px 230px; border:1px solid #111; position:relative;}
.sres-wrap:nth-child(2n) {background-color:#111;}
.sres-wrap:hover {z-index:100; border-color:#33b6de; 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:#ccc;}
.sres-text h2 {font-size:16px; color: #33b6de; 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;}
}

#dle-pm-preview .bform { display: 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: #000;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: #fd6500;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); }}

/*--- quick edit fields---*/
.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);}


/*--- DROP NENU ---*/
#dropmenudiv { font: 12px Arial; padding: 10px; display: none; background: #000; 
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;}


/*--- SEARCH SUGGESTIONS---*/
#searchsuggestions {z-index: 99998; width: 320px; font-size: 12px; background: #222; 
border-radius: 5px; box-shadow: 0 0 1.6em rgba(0,0,0, 0.2) }
#searchsuggestions:after {}
#searchsuggestions a, #searchsuggestions span.notfound { padding:8px 10px; display: block; text-decoration: none; 
border-bottom: 1px solid #000; font-weight:normal;}
#searchsuggestions a { }
#searchsuggestions a:hover { text-decoration:none; background-color:#111}
#searchsuggestions span.searchheading { display: block; margin-bottom:10px; font-weight:700; text-transform:uppercase}
#searchsuggestions span.seperator { display: block; }
#searchsuggestions span.seperator a { padding: 10px 0; text-align: center; border: 0 none; background-color:#000; color: #fff; }
#searchsuggestions span.notfound { padding: 15px 20px; display: block; }
#searchsuggestions .break { display: none; }

/*--- 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: #222; 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 {background-color:#111;  
height:50px; line-height:50px;}
.ui-dialog-title { margin-top: 0px; float: none; font-size: 16px; color: #fff; max-width: calc(100% - 60px); 
 white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display:block; padding:0 0 0 20px; }

.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 #000; padding: 10px 20px; text-align: center; 
background-color:#111; }

.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:"\e90a"; width:50px; height:50px; line-height:50px; text-align:center; color:#fff; 
position:absolute; right:0; top:0; text-indent:0; font-size:18px; display:block; font-family:'icomoon';}
.icon-close {width:18px; height:18px;}
.icon-close:before {content:"\e90a"; width:18px; height:18px; line-height:18px; text-align:center; color:#795548; 
position:absolute; right:0; top:0; text-indent:0; font-size:14px; display:block; font-family:'icomoon';font-style:normal;}
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;}

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

/*--- TEXT [code]---*/
pre {
    display: block;
    padding: 10px;
    background: #3F3F3F;
    color: #DCDCDC;
    text-shadow: 0 1px 1px #000;
    box-shadow: inset 0 2px 15px rgba(0,0,0,.5);
    font-family: Consolas,'Courier New',monospace;
}
pre {
    font-size: 14px;
    line-height: 18px;
    border-radius: 4px;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
}

pre .tag, pre.css .class, pre.css .id, pre.lisp .title, pre.nginx .title,
pre .request, pre .status, pre .clojure .attribute 
{color:#E3CEAB}
pre.django .template_tag, pre.django .variable, pre.django .filter .argument 
{color:#DCDCDC}
pre .number, pre .date {color:#8CD0D3}
pre.dos .envvar, pre.dos .stream, pre .variable, pre.apache .sqbracket
{color:#EFDCBC}
pre.dos .flow, pre.diff .change, pre.python .exception, pre.python .built_in,
pre .literal, pre.tex .special
{color:#EFEFAF}
pre.diff .chunk, pre .subst {color:#8F8F8F}
pre.dos .keyword, pre.python .decorator, pre .title, pre.haskell .type,
pre.diff .header, pre.ruby .class .parent, pre.apache .tag, pre.nginx .built_in,
pre.tex .command, pre .prompt {color:#efef8f} 
pre.dos .winutils, pre.ruby .symbol, pre.ruby .symbol .string,
pre.ruby .string {color:#DCA3A3} 
pre.diff .deletion, pre .string, pre .tag .value, pre .preprocessor, pre .pragma,
pre .built_in, pre.sql .aggregate, pre .javadoc, pre.smalltalk .class,
pre.smalltalk .localvars, pre.smalltalk .array, pre.css .rules .value,
pre .attr_selector, pre .pseudo, pre.apache .cbracket, pre.tex .formula,
pre.coffeescript .attribute {color:#CC9393} 
pre .shebang, pre.diff .addition, pre .comment, pre.java .annotation,
pre .template_comment, pre .pi, pre .doctype {color:#7F9F7F}
pre.coffeescript .javascript, pre.javascript .xml, pre.tex .formula, pre.xml .javascript,
pre.xml .vbscript, pre.xml .css, pre.xml .cdata{}


@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;}
}

     
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot');
  src:  url('../fonts/icomoon.eot#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon.woff') format('woff'),
    url('../fonts/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.fa {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font: normal normal normal 14px/1 'icomoon';
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa {font-family:'icomoon';font-weight:400}

.fa-angle-left:before {
  content: "\e900";
}
.fa-angle-right:before {
  content: "\e901";
}
.fa-arrow-left:before {
  content: "\e902";
}
.fa-arrow-right:before {
  content: "\e903";
}
.fa-bars:before {
  content: "\e904";
}
.fa-chevron-up:before {
  content: "\e905";
}
.fa-exclamation-circle:before {
  content: "\e906";
}
.fa-film:before {
  content: "\e907";
}
.fa-play-circle:before {
  content: "\e908";
}
.fa-search:before {
  content: "\e909";
}
.fa-times:before {
  content: "\e90a";
}
.fa-trophy:before {
  content: "\e90b";
}
.fa-tv-solid:before {
  content: "\e90c";
}