@charset "utf-8";

html, body{margin:0;padding:0;font-size:14px;opacity:1;color:#444;min-height:520px;line-height:16px}
html,body,.darkline,.topbar{background-color:#fdfdfd}

/* Fonts */
html,body{font-family:'Dejavu Sans','Sans serif','Arial','Roboto'}
#next,#prev,#prevoff,#nextoff{font-family:unset}
#headline-page,#headline,#filename,#tags,#metades{font-family:inherit}
#default-code,.qmark{font-family:'Courier new','Courier','Consolas'}
.dropdown-title{font-family:'Roboto','Dejavu Sans','Sans serif','Arial';}


/* Transitions */
input[class="moncheck"] + label:before,input[class="moncheck"] + label,input[class="moncheck"]:checked + label:before{transition:all .1s}


a:link{color:#444;text-decoration:none;cursor:pointer}
a:visited{color:#000;cursor:pointer}
a:hover{color:#555}
a:active{color:#999;cursor:pointer}
a:focus{outline:1px dotted #333}
a:focus-visible{outline:auto}
textarea:focus,input:focus{outline:1px dotted #777}
input:focus-visible,textarea:focus-visible{outline:auto}
h1{color:#222;font-size:23px;font-weight:normal}
.page-description,.option-description{color:#777;font-size:14px;display:inline-block;margin-bottom:25px}
.option-description{display:inline}
.panels{width:auto;position:relative;margin-left:20px;max-width:1600px}

.topbar{width:100%;height:58px;position:fixed;z-index:997;min-width:560px;top:0;padding-top:0px;border-bottom:none;opacity: 0.9;}
.topbar,.navigation,#action-confirm,#error-confirm,.defobj,.objtitle,.itemcon,.sidemenu,.savedfile,#top,.opb,.dropdown-title,#resetdate{user-select:none}
.top:hover{box-shadow:0 10px 10px 2px #333}
.topshadow{width:100%;height:2px;position:fixed;top:60px}
.logo{color:#222;font-size:14px;position:relative;top:25px;min-width:200px;width:auto;margin-left:15px;text-overflow:ellipsis;white-space:nowrap}
.logo a:link{color:#222;font-weight:bold;}
.logo a:visited{color:#111}
.logo a:hover{color:#6B6B6B}
#logolink:hover img{opacity:.5}
.editbar{float:left;height:100%;position:relative;}
#dropdown{position:relative;top:17px;width:29px;height:17px;float:left}
.expandmenu{height:19px;top:4px;position:relative;color:#444;font-size:14px;font-weight:bold;width:20px;display:none}

#dropdown-content{width:140px;top:60px;position:relative;left:0}
.dropcon .text{display:inline-block;font-size:14px;color:#555;margin-left:0px;letter-spacing:0.3px}
.dropcon .dropcon .dropdown-title img{left:0;margin:0px 0px 0px 20px;top:1px;display:none}
.dropcon #drop-pages{left:0}
.dropcon .dropdown-title:hover .text{color:#000}


.dinf{font-size:12px;padding:2px 6px;color:#555;border-radius:7px;position: relative;left: 3px;}
.dropdown-title{height:12px;position:relative;margin: 0px 0 0px 30px;padding: 2px 30px 6px 2px;white-space:nowrap}
.dropdown-title{display:inline-block}
.dropdown-title:hover{color:#000}
.dropdown-title:hover .dinf{color:#000}
.dropdown-title img{width:14px;position:relative;left:-8px;top:0px;transition-delay:0.1s !important;transition:all 0.2s;opacity: 0.8;display: none;}
.menu-separator{font-size:12px;pointer-events:none;display: block;margin-top: 8px;margin-bottom: 8px;color: #bbb;display: none;}

#drop-pages{width:13px;height:16px;position:relative;left:16px;margin-right:3px}
.main{margin:80px auto 0 150px;max-width:85%;min-height:390px;min-width:600px;}
.main h1{font-size:18px;margin:0 0 0 17px;position:relative;font-weight:normal;height: 16px;}
#plugins-h{margin:0 0 40px 17px;}
.pageview{width:100%;position:fixed;height:100%;background:#fff;z-index:-2;bottom:0}

/*right mypanel section*/
.user-info{position:relative;float:right;margin-right:40px;height:39px;top:9px;width:36px;transition:padding-right .2s;}
.user-info:hover{width:auto;padding-right:5px}
.useradmin{height:50px;position:relative;transition:margin-right .0s,width 0s;text-align:right;right:-620px;padding-left:0px;}
.user-info:hover .useradmin{width:auto;opacity:1;transition:opacity .1s;margin-right:44px;right:0}
.panelicon{float:right;position:relative;width:32px;height:32px;top:0;right:0;border:1px solid #FBFBFB;border-radius:20px;background-color:#f6f6f6;margin-top:2px}
.user-info:hover #lgcon, .user-info:hover #user, .user-info:hover #general-submit{opacity:1;transition:opacity .1s}
.user-info:hover #lgcon{top:2px;right:initial;transition:opacity .1s;padding:2px 9px;height:36px}
.user-info:hover #general-submit{top:0;right:initial;opacity:.3;pointer-events:none}
.user-info:hover .panelicon {border-color:#6ccef5}
#general-submit{margin:3px 45px 0 12px;outline:none;position:relative;background-color:transparent;border:none;font-size:15px;color:#ccc;padding:7px 0px 0px 0px;opacity:0;}
#general-submit{color:#222}
#general-submit:visited{color:#222}
#general-submit:hover{cursor:pointer}
#general-submit:active{color:#666}
#lgcon:link{opacity:0;transition:opacity .1s;line-height:36px;position:relative;top:2px;float:left}
#lgcon:active{}
#lgcon:focus{opacity:1;top:-65px;right:723px;padding:0 8px;color:#222;width:70px}
#user{color:#555;position:relative;font-size:14px;opacity:0;transition:opacity .1s;top:4px;display:block;float:right;height:10px;text-align:right;padding:0 12px 1px 6px;border-radius:4px}
.username{position:relative;top:100%;text-align:right;display:block;color:#000}
.inbl{display:inline-block;margin-top:0}
.inbl a{position:relative;right:-40px;opacity:0;animation:.4s backbutton;animation-fill-mode:forwards;animation-iteration-count:1;animation-delay:.3s;-webkit-animation:.4s backbutton;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:1s;-webkit-animation-delay:.3s;font-size:25px}
@keyframes backbutton{from{right:-40px;opacity:0}to{right:0;opacity:1}
}
@-webkit-keyframes backbutton{from{right:-40px;opacity:0}to{right:15px;opacity:1}
}
.panel-info{text-align:center;font-size:20px;color:#6D6D6D;margin:0 36px;float:left}
.panel-num{font-weight:bold;color:#444;font-size:130%}
h2{font-size:22px;color:#333}
#action-confirm{right:0px;left:0;text-align:center;font-size:14px;color:#000;cursor:default;z-index:998;opacity:1;letter-spacing:0px;margin:0 auto;position:fixed;width:100%;margin-top: 8px;}
.results{margin:5px auto 0 auto}
#no-results{display:block;color:#555;font-size:13px;margin:8px 0 0 20px}
.pbar{height:40px;z-index:9;padding-top:9px}
.pbar span{font-size:12px;padding:5px 5px 0 5px;text-align:center;display:inline-block;height:24px;cursor:default;float:right}
.pbaraccounts{display:none}
#pbar-title{float:left!important;margin-left:2px;text-decoration:underline}
.lastmodbar{width:103px;text-decoration:underline}
.catbar{width:147px}
.filter{float:none!important;position:absolute;top:12px}
.filter:hover{color:#aaa;width:12px}
.filter .sortfil{display:none}
.filter:hover .sortfil{display:block;position:relative;right:-20px;text-align:left;min-width:40px;overflow:hidden;top:5px;height:auto;background-color:#ddd;border:1px solid #ccc}
.sortfil a:link{display:table;margin:0 0 4px 0;height:15px;overflow:hidden}
a.stsel{color:#999;display:table;height:15px;margin:0 0 4px 0}
a.stsel:hover{color:#999}
a.stsel:active{color:#999;cursor:default}
.arrsel{color:#777}
.sort:link{text-decoration:underline}
.sort1:link, .sort2:link{text-decoration:underline}
.sort1:after,.sort2:after{position:absolute;margin:0 3px}
.sort1:after{content:' ↓'}
.sort2:after{content:' ↑'}
.results-set{font-size:12px;letter-spacing:-.5px;display:inline-block;position:relative;top:0px;float:right;}
.results-set u{opacity:.5}
.normal-res span{letter-spacing:normal}
.results-set a:link{font-weight:normal}
.results-set a:hover{text-decoration:underline}
.headpages{height:71px;font-size:12px;padding:0 10px 0 20px;}
.headpages a:link{text-decoration: underline;}
.headpages a:visited{}
.headpages a:hover{color:#aaa}
.headpages a:hover{border-color:#aaa}
.headpages a:active{}
.headpages select{font-size:12px;margin:5px 5px 0 0;height:auto;text-overflow:ellipsis;max-width:120px}
.headpages select option{border:none;padding:0}
a.newpostbut:link{padding:3px 5px;font-size:11px;color:#444;position:relative;border:1px solid #E9E9E9;border-radius:3px;background-color:#f8f8f8}
a.newpostbut:visited{color:#333}
a.newpostbut:hover{color:#000;border-color:#888}
a.newpostbut:active{}
.buttonlink{word-spacing:-1px}
.-bg{background-color:#fbeee9;border-bottom-color:#e8dfdf !important}
.savedfile,.savedpage{height:90px;margin-bottom:4px;background-color:transparent;position: relative;}
.savedfileimg{width:24px;height:24px}
.savedfile:hover .page-title, .savedfile:hover .post-title{color:#222}
.savedusers{margin:60px 0 30px 0;height:90px}
.savedusers .type{width:100px!important;display: inline-block;}
.savedusers .savedfile,.savedpage{overflow:hidden;position:relative;height:98px;}
.savedusers .savedfile {overflow:hidden;position:relative;height:80px;}
.savedusers .post-options{top:20px;}
.savedusers .savedfile:hover{background-color:#fbfbfb}
.savedoff{opacity:.7}
.savedusers .savedoff:hover{background-color:#fdfdfd}
.savedpage{height:54px;padding: 5px 0;}
.post-title, .page-title, .account-username{font-size:14px;text-align:left;cursor:default;float:left;white-space:normal;padding:2px 10px 2px 5px;margin:0 0 0 6px;height:16px;overflow:hidden;max-width:45%;position:relative;top:5px;color:#222;}
.post-title a:link, .page-title a:link, .account-username a:link{color:#111}
.account-username{overflow:initial}
.account-description,.post-text{clear:left;position:absolute;left:12px;top:28px;overflow:hidden;user-select:text;max-width:50%;float: left;font-size: 13px;}
.account-description{top:46px;}
#select-type{font-size:14px;padding:4px;float: right;margin-top: 30px;}
.inp-acc{margin:20px 0 0 0;float: right;position: relative;}
.label-acc{top:30px;position: relative}
.post-options, .page-options{clear:left;float:left;font-size:14px;position:relative;left:13px;font-weight:normal;top:30px;}
.page-options{top:12px}
.options-button{font-size:13px}
.options-button, .option-off{opacity:0}
.option-off{margin-left:6px;width:0}
.savedfile:hover .options-button, .savedpage:hover .options-button,.options-button:focus{opacity:1}
.savedfile:hover .option-off,.savedpage:hover .option-off{opacity:.4;cursor:not-allowed}
.savedfile:hover .post-options,.savedpage:hover .page-options{border-left:5px solid #333}
a.options-button:link{margin:0 6px;text-decoration:none;/*! color:#214b75;*/color:#555;border-radius:3px;}
a.options-button:visited{color:#aaa}
a.options-button:hover{color:#000}
a.options-button:active{color:#555;box-shadow:none}
.lastmod,.last-login{float:right;height:40px;margin:-12px 20px 0 10px;color:#333;cursor:default;width:90px;text-align:right;letter-spacing:-0.5px;}
.type,.ownericon{float:right;margin:-12px 15px 0px 0px;color:#444;cursor:default;width:80px;text-align:center}
.ownericon{width:18px}
.author{float:right;margin:-12px 20px 0 0;color:#666;cursor:default;text-align:center;width:108px}
.category{float:right;color:#444;border-radius:4px;margin:-12px -12px 0 0;text-align:center;position:relative;width:130px;overflow:hidden;max-height:32px}
.lastmod,.type,.author,.category{text-overflow:ellipsis;overflow:hidden;height:42px;font-size: 13px;}
.resultspages .lastmod{width: auto;}
.filres{display:none}
#res-nav{margin-top:10px;margin-bottom:30px;height:36px;max-width: 97%;margin: 50px auto 30px auto;}
.pagenav-left{float:left}
.pagenav-right{float:right}
#next,#prev,#prevoff,#nextoff{font-size:21px;padding:2px 8px 4px 10px;background-color:#EAEAEA;border:1px solid #e5e5e5}
#prev:before,#prevoff:before{content:"‹"}
#next:before,#nextoff:before{content:"›"}
#prevoff,#nextoff{opacity:.4;cursor:not-allowed;display: inline-block;padding: 7px;}
.navbutton{font-size:16px;letter-spacing:1px}
#cur-res{text-align:center;/*! position:relative;*/height:0px;font-size:13px;font-weight:bold;margin:0 auto}
.ctg{height:50px;margin:40px 0 40px 12px}
#page{margin:0 auto 0 0;font-size:14px;color:#333;opacity:1;overflow:visible;width:97%;z-index:0;/*! padding-top:12px; */position:absolute;bottom:0;height:100%;top:0;}
#page textarea:focus{color:#444;border:1px solid #ddd;background-color:#fafafa;}
#action-block{position:relative;z-index:96;min-width:380px;top:0px;max-width:50%;height:70px;margin-top: 18px;float: right;}
#action-block, #result-block{/*! display:inline; */}
#result-block{height:26px;margin:0 auto;display: block;text-align: right;margin: -3px 20px 5px 0;padding-right: 15px;}
.posted{font-size:13px;}
#createpagelink, #createaccountlink{padding:13px 17px;display:table;font-size:12px;border-bottom:1px solid #c1c1c1;margin-bottom:20px;background-color:#e1e1f3;border-radius:4px;text-shadow:1px 1px 0 #f6f6f6;font-weight:bold}
#submit-page{float:left;margin-left:40px;background-color:#fbfbfb;border:none}
.stylish-button{position:relative;cursor:pointer;text-align:center;font-size:12px;background-color:#222;padding:7px 7px;margin-bottom:10px;border:none;border-radius:2px;color:#ddd;/*! font-weight: bold; */}
.stylish-button:visited{color:#444}
.stylish-button:hover,.stylish-button:focus{color:#FFF;background-color:#555}
.stylish-button:active{color:#fff;text-decoration:none;top:1px}
.stylish-button:focus{/*! outline:thin dotted;*//*! outline-offset:-2px */}
.iconstyle{clear:both;display:block;position:absolute;padding:5px 10px;left:0;margin:11px 0 0 12px;visibility:hidden}
.readyicon{visibility:visible}
.iconstyle:active{top:initial}
#pd,#sd{float:right;border-radius:2px;padding:5px 20px 8px 20px;background-color:transparent;font-size:15px;margin:-2px 5px}
input[type="image"]{outline:none}
#pd{color:#111;margin-left:0;}
#pd:hover{color:#000;text-shadow:initial;background-color:#fff}
#sd:hover{border-color:#BDBDBD;color:#070707;background-color:#fff}
#sd{color:#000000;/*! background-color:#ffffff; *//*! padding:9px 14px */}
#sd[disabled],#pd[disabled]{opacity:.35;cursor:default}
.postmore{float:right;top:-2px;transition:all 0s;transition-delay:.2s;padding:6px 7px 1px 8px;font-size:26px;border-radius:2px;margin:0 3px 0 6px;cursor:pointer;z-index:999;position:relative;width:6px;height:25px;border:1px solid transparent}
.postmore a{text-align:left}
.postmore:hover,.postmore:focus{background-color:#fefefe;transition-delay:0s;height:36px;border:1px solid #eee;}
.dot{width:4px;height:4px;display:block;margin-top:2px;background-color:#444;border-radius:5px;position:relative}
.postmore:hover .dot,.postmore:focus .dot{background-color:#aaa;position:relative;top:1px}
.pmoptions{font-size:12px;position:absolute;z-index:99;padding:5px 10px 10px 10px;left:-125px;top:-500px;width:130px;cursor:default;height:24px;padding-top:10px;text-align:right}
.prev-but,.close-but{background:none;border:none;width:57px;padding:3px;font-size:13px;color:#222;cursor:pointer}
.close-but{width:auto}
.prev-but:hover,.close-but:hover{color:#555}
.prev-but:focus,.close-but:focus{position:relative;top:539px}
.postmore:hover .prev-but:focus,.postmore:hover .close-but:focus{top:0}
.postmore:hover .pmoptions,.postmore:focus .pmoptions{top:39px} 
#result{border:none;opacity:1;width:200px;height:28px;display:block;z-index:20;margin:0 auto}
.submit-loader{width:25px;height:20px;position:relative;margin:0 auto;z-index:-1;top:-8px}
.submit-loader img{width:20px}
#headline-page,#headline{color:#111;font-size:26px;border:none;padding:6px 0 6px 12px;height:40px;resize:none;background-color:transparent;width:100%;margin-left: 26px;/*! overflow: visible; */margin-top: -10px;}
#headline-page:focus,#headline:focus{color:#000;background-color:transparent!important;border:none!important}
#filename,#postimage{padding:6px;width:250px;resize:none;display:block;color:#999;height:22px;font-size:12px;background-color:#fdfdfd}
#filename:focus{color:#000}
#tags{padding:4px 6px;font-size:12px;color:#666;width:250px;height:40px;resize:none;margin-bottom:10px;background-color:#fdfdfd}
#dateinput{resize:none;position: relative;top:5px;height:28px;width:170px;line-height:26px;user-select: none;}
#dateinput:focus{background-color:#fff!important}
#resetdate{position:relative;border-radius:20px;background-color:#555;color:#ddd;cursor:default;;padding:0 4px 2px 4px;right:22px;display:inline-block;line-height:15px;outline-color: #333;}
#resetdate:active{opacity:.7}
#datepickcon{position: relative;width: 240px;height:250px;margin: 0 auto;}
.monthbox{width:218px;float:left;text-align:center;font-size:14px;padding:4px;color:#000;user-select:none;position:absolute;visibility:hidden;font-size: 15px;}
.monthbox h4{text-align: right;margin:0;font-weight: normal;font-size: 13px;}
.mcontrols{position:relative;top:20px;z-index:9}
#lbtn,#rbtn{font-size:14px;padding:0 5px;cursor: pointer;user-select: none;background-color: #eee;text-decoration: underline;}
#lbtn:hover,#lbtn:focus,#rbtn:hover,#rbtn:focus{background-color:#06c;color:#eee;outline-color: #333;outline-offset: 2px}
.days{clear: both;height: 170px;width: 100%;}
.day{border-radius:18px}
.setdate:hover{color:#000;background-color:#eee;cursor:pointer}
.day,.dayoff,.wday,.daypast,.cmday,.setdate{float:left;margin: 0px 2px;font-size:12px;text-align:center;display:block;width:23px;height:23px;border:none;line-height:22px;padding:2px;letter-spacing:-0.5px;color:#444}
.setdate:active{background-color:#ccc}
.setdate:focus{background-color:#eee;color:#000;outline-width:0}
.daypast{cursor:default;color:#999}
.wday{color:#000;position:relative}
.tday{;text-shadow:1px 0 0 #555}
.cmday{text-decoration:underline}
#metades{padding:5px 6px;width:250px;font-size:14px;color:#999;resize:none}
#metades:focus,#tags:focus{color:#333}
.clear,.clear-h{clear:both;height:7px}
.clear-h{height:40px}
.clearmenu{height:14px;}
#position{margin:0 3px 0 20px;color:#bbb;position:relative;top:-2px}
.enable{color:#000!important}
.newpageright{width:300px;height:100%;margin:12px auto 0 auto;padding-left:20px;/*! background-color:#fafafa; */float: right;border-right: 1px solid #ddd;overflow: auto;}
.newpageright textarea{border:1px solid #ddd!important;outline: none;}
.selcat{width:264px;height:36px;font-size:14px;margin:10px 0}
.selcat option{padding:3px}
.postinfo{padding:20px 10px 2px 2px;color:#191919;font-size:13px;width:240px}
.spinner{margin:0 auto;width:70px;text-align:center;position:relative;top:230px}
.spinner > div{width:18px;height:18px;background-color:#ccc;
border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.2s infinite ease-in-out both}
.spinner .bounce1{-webkit-animation-delay:-0.22s;animation-delay:-0.22s}
.spinner .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}
@-webkit-keyframes sk-bouncedelay{0%, 80%, 100%{ -webkit-transform:scale(0) }40%{ -webkit-transform:scale(1.0) }}
@keyframes sk-bouncedelay{0%, 80%, 100%{ -webkit-transform:scale(0);transform:scale(0)} 40%{ -webkit-transform:scale(1.0);transform:scale(1.0)}}
#editControls{position:fixed;height:42px;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:9;background-color:#fdfdfd;max-width: 780px;min-width: 650px;top: 60px;margin-left: 135px;z-index: 999 !important;}
#editControls a:link{color:#3F3F3F;text-decoration:none;padding:7px 11px;position:relative;text-align:center;font-weight:bold;border-radius:3px;display:block;float:left;min-width:10px;color:#444;margin:0 2px}
#editControls a:visited{color:#000}
#editControls a:hover{color:#000}
#editControls span{}
#edH,#edT{padding:7px 11px;position:relative;border-radius:3px;cursor:pointer;display:block;float:left;color:#444;margin:0 2px}
#edH:hover,#edT:hover{color:#000}
.hcon span{font-size:12px!important}
#edH b,#edT b{font-size:13px !important;font-weight:bold;text-align:center;text-decoration:none;top:5px;font-weight:normal}
.hcon{position:absolute;padding:10px 0px;width:180px!important;opacity:.9;background-color:#f9f9f9;top:30px;display:none;left:0px;padding:12px 4px;cursor:default}
.hcon:hover{background-color:#f9f9f9!important}
#edH:hover .hcon,#edT:hover .hcon{display:block}
.controls-container{width:100%;margin-left:-1px;height:34px;/*! border:1px solid #eee; */padding-top:5px;border-bottom:0px solid #e7e7e7;border-right: none;border-top: none;}
.controls-container img{width:14px;padding-top:0}
.newpageleft{width:60%;height:100%;position:relative;bottom:0;float:left;z-index: 99;top: 85px;}
#editor{overflow-x:auto;padding:22px 7px 7px 25px;outline:0;font-size:14px;word-wrap:break-word;resize:both;background-color:#fff;color:#333}
#editor, #output-container{position:absolute;top:65px;right:0;bottom:5px;left:0}
#editor{color:initial!important;font-size:14px;}
#editor h3{font-size:25px!important}
#editor h4{font-size:20px!important}
#editor-container{resize:none;height:100%;position:absolute;width:100%;margin-top:-45px;border:1px solid transparent}

#output-container{background-color:transparent}
#editor h1{font-size:32px}
#editor a:link{color:#06c}
#editor a:visited{color:#06c}
#editor a:hover{text-decoration:underline}
#output{border:1px solid transparent !important;width:98%;height:90%;/*! resize:none; */color:#333;padding:9px;font-size:14px;margin-top:0px;}
#output:focus{background-color:#fff;outline:none}
#code #output{height:350px;border:1px solid #ddd;color:#555;padding:4px 6px;font-size:15px;resize:both;background-color:#f0f0f0;width:100%}
.ed{font-size:13px}
.ed-excerpt{font-size:11px;position:relative;top:-2px;padding:8px}
.ed-color{border-bottom:3px solid #007cff;display:block;height:14px}
.ed-color:hover{}
.ed-link{font-size:11px}
.ed-link:hover{}
.ed-unlink{font-size:11px}
.ed-img{padding:7px 0;margin:0 -2px -10px -2px}
#monreadmoreHr{display:contents}
#monreadmoreHr:after{font-size:12px;content:'read more...';background-color:#f2f2f2;border-top:1px dashed #bbb;display:block;margin:10px 0;font-style: italic;}
#toggle-code, #update{font-size:12px;position:relative;z-index:11;color:#2E2E2E;padding:7px 7px;margin-left:4px;font-weight:bold;border-radius:3px;cursor:pointer;display:block;float:left}
#update{color:#ccc;background-color:#111!important}
#update:hover{color:#eee;background-color:#111}
#toggle-code:hover, #update:hover{opacity:.7}
#disable{opacity:0.6;z-index:10;width:100%;height:40px;position:absolute;margin:-5px auto;background-color:#f7f7f7}
.vertline{height:40px;width:1px;background-color:transparent;/*! display:none; */float:left;margin:-5px 4px 0 4px;}
.fade{opacity:.35}
.hide{visibility:hidden;width:auto;height:auto;padding:0!important;position:absolute!important;}
.center-container{margin:48px auto 30px 20px}
.settings-container{width:90%;float:left;min-height:340px;margin:0px 0 0 5px;position:relative}
#editorpost .center-container{max-width:1200px}
.settings-container-createpage{width:800px;margin:0 auto}
.navigation{width:200px;float:left}
#settingspage{font-size:14px;color:#444444}
#website-title{width:280px}
.sel{float:left;width:355px;margin-right:12%;color: #333;}
.sel h4{margin-top:6px}
.sel-r{float:left}
.des{font-size:13px;color:#888}
.togdes{position:relative;left:30px;top:-8px;color:#555}
#usericon{padding:2px 5px 3px;width:300px}
#website-description{width:280px;min-width:260px;resize:both}
.inp-1,.inp-2,.inp-76,.inp-4,.inp-7,.inp-category,.inp-acc{color:#9A9A9A;min-height:30px;padding:5px 5px 5px 10px;font-size:13px;border:1px solid #eee;display:inline;max-width:60%;resize:none;outline: none;}
.inp-4,.inp-7{width:60px;float:none;display:inline}
.inp-76{width:230px;max-width:208px;min-width:200px}
.inp-1:focus,.inp-2:focus,.inp-76:focus,.inp-4:focus,.inp-7:focus,.inp-category:focus,.inp-acc:focus{color:#000;box-shadow:0 0 5px -3px #b9b9b9;background-color: #fcfcfc;}
.inp-3,.inp-5{width:30px;float:left}
.lab-5{color:#555;font-size:15px;cursor:pointer}
.lab-5:hover{color:#222}
.lab-3,.lab-5{padding:0;font-size:14px;color:#333}
.sublab{color:#777}
.form-category{width:260px;position:relative;margin-bottom:48px}
.inp-category{width:243px;max-width:initial}
.category-btn{float:right}
#category-name{margin:10px 0 6px 0}
#category-folder{margin-bottom:12px}
.textual{margin-left:0px}
.-ch{margin-left:35px}
#settingspage h2{margin:30px 0;padding-left:10px}
#settingspage .website, #settingspage .control-panel, #settingspage .user-settings{margin-top:30px}
.user-settings a:link{color:#6384a1;padding:6px 16px;font-size:14px;border-radius:3px;background-color:#eee;font-weight:bold;text-shadow:1px 1px 0 #fff;display:block;text-decoration:underline;width:50px}
.user-settings a:visited{color:#6384a1}
.user-settings a:hover{color:#7894bd}
.user-settings a:active{color:#09c;position:relative;top:1px}
#settingspage #maxupload{width:40px}
#blogoption{display:none;margin:20px 0 0 20px}
.submit-button{cursor:pointer;background:linear-gradient(to bottom, #eee 0%,#e7e7e7 100%);border:1px solid #ddd;font-weight:bold}
.submit-button:hover{background:linear-gradient(to bottom, rgba(238,238,238,.7) 0%,rgba(204,204,204,.7) 100%)}
.submit-button:active{position:relative;top:1px}
.pass-change{margin:50px 0 30px}
#patternsubmit{display:block;position:relative;height:42px;margin:30px 0;cursor:pointer}
.input-wrap{margin:0px 0px 20px 0;display:table;width:700px}
#settingspage .clear{clear:both;height:85px}
#settingspage .clear-s{clear:both;height:48px;}
#default-code-button{margin-top:20px;font-size:13px;padding:10px 20px;cursor:pointer;color:#bbb;display:table;border-bottom:1px solid #fbfbfb;border-top-left-radius:3px;border-top-right-radius:3px;background-color:#eee}
#default-code-button:hover{color:#222}
#default-code{font-size:14px;padding-left:6px;height:0;overflow:hidden;color:#aaa;background-color:#eee;max-height:100px}
#default-code:hover{color:#777;transition:all .2s;-webkit-transition:all .2s}
.opencode{height:auto!important;padding-top:12px;padding-bottom:12px}
.theme-error{position:fixed;top:0px;z-index:22;left:0px;right:0px;bottom:0px;margin:0px auto;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6)}
.theme-error .inner{margin:200px auto 0px;position:relative;display:table;background-color:#eee;padding:20px}
.theme-error textarea{width:538px;height:210px;resize:none}
.close-theme-error{right:11px;position:absolute;top:0px;font-size:22px;cursor:pointer;padding:5px 10px;color:#444}
.close-theme-error:hover{color:#fff;background-color:#aaa}
#user-image,#icon-image,#bgimage{width:558px;border:none;height:148px;overflow:hidden;margin:20px 0 0 0px}
#icon-image{position:relative;z-index:3}
.userimage-cover{width:600px;height:120px;opacity:.7;background-color:#f4f4f4;margin:20px 0 0 0;position:absolute;cursor:not-allowed;z-index:2}
.userimage{border:none;width:48px;height:48px;margin-right:20px;image-rendering:optimizequality}
#close-folder,#close-folderbg{opacity:1;position:absolute;padding:8px 12px;font-size:14px;top:22px;cursor:pointer;z-index:99;color:#444;font-weight:normal;right:3px}
#close-folder:hover,#close-folderbg:hover{color:#aaa}
.openbutton{padding:5px;cursor:pointer;margin:0 0 30px 7px;border:none;display:block}
.closedfolder{display:none}
.openedfolder{width:532px;height:280px;position:relative;top:-186px;z-index:9;margin-bottom:-171px}
#icons-folder{width:100%;height:259px;border:none;position:relative;top:0px;margin:0 auto;display:block;border-radius:3px}
#userimages-wrap{position:relative;overflow-y:scroll;height:169px;margin:0 auto;overflow-x:hidden}
#userimages{margin:4px auto;height:100%}
#iconselect{height:30px;padding:8px 0;margin-left:14px}
.icondelete{position:fixed;top:0;left:0;opacity:0;text-align:center;color:#000;padding:10px 0;width:100%;font-size:15px;animation:icondel 3s;letter-spacing:1px}
@keyframes icondel{0%{opacity:.9}90%{opacity:.9}100%{opacity:0}}
.user-icon-wrap{width:90px;height:96px;float:left;position:relative;background:none;border:1px solid #fff;margin-left:3px;cursor:pointer}
.user-icon-wrap:hover{}
.user-icon-wrap .user{min-width:98%;min-height:98%;width:100%;max-height:100%;background-repeat:no-repeat;border:2px solid #fff;overflow:hidden;background-size:cover;display:block}
.current-use{box-shadow:0 0 0 4px #0c6ed9;z-index:9;position:relative;border:2px solid #0c6ed9 !important}
.user:hover{opacity:.7}
.current-use:hover{opacity:1}
.loadmoreimg{text-align:center;margin:0 auto;clear:both;padding:8px 0 0 0;cursor:pointer;position:relative;top:7px;color:#000;width:243px;border-top:2px solid #4F4F4F;font-size:13px;height:28px;display:block}
.loadmoreimg:hover{color:#333;border-top:2px solid transparent;text-decoration:underline}
.delthis{font-size:15px;top:0;border-bottom:0px solid #444}
#main-container{margin:0 15px}
#imgform{}
#uploaded{border:1px dashed #ccc;width:100%;margin: 20px auto 3px 0px;}
#images-wrapper #res-nav{clear:both}
#images-wrapper{position:relative;width:80%;margin:0px auto 45px auto;padding:0 30px 13px 30px}
#upload-frame{border:none;width:800px;height:60px}
#uploadedimages{position:relative;overflow:hidden;clear:both;margin: 5px;}
#uploadedimages img{margin:auto;max-width:90%;position:absolute;top:0;right:0;bottom:0;left:0;display:block;max-height:90%}
#uploadedimages .container{width:180px;margin:0 auto;height:130px;position:relative}
#uploadedimages .wrapper{width:200px;height:150px;float:left;position:relative}
#uploadedimages .wrapper:hover{background-color:#f4f4f4}
.img-options{position:relative;top:-3px;display:table;margin:0 auto;opacity:0}
.wrapper:hover .img-options{transition:all .11s;-webkit-transition:all .11s;position:relative;left:2px;opacity:1}
.img-delete{font-size:12px;font-weight:bold}
.imd{position:relative;top:-1px;font-weight:bold}
#submitimage{cursor:pointer;}
#images-wrapper #results-set{float:right;position:relative;top:41px;height:90px}
#images-wrapper #options-res{top:8px}
#pass-change{margin:30px auto 30px auto;color:#444}
.account-username img{width:24px;height:24px;margin:0px 15px -5px 5px;border-radius:50%}
.usr-1,.psw-1{font-size:16px}
.newoptions{height:60px;margin-left:18px}
.newoptions:before{content:':::'}

/* LOGIN */
.login-wrapper{margin:120px auto;position:absolute;left:0;right:0;top:0;float: left;padding-top: 10px;width: 320px;bottom: 0;height: 370px;}
#login-container{margin:4px;top:14px;position: relative;height: 215px;width: 320px;}
.cred,.creduser{font-size:12px;height:18px;color:#626262;/*! top: 10px; */position: relative;z-index: 99;/*! background: #fbfbfb; */width: 75px;padding: 0;display: inline-block;}
.creduser{display:block}
.loginlogo{display:block;margin:10px auto;width:38px}

.loginheading{text-align:center;font-weight:bold;position: relative;font-size: 15px;line-height: 29px;color: #444;margin: 7px 0 16px 0;}
.loginM{padding:6px 4px 0px 5px;background-color:#151515;color:#f9f9f9;font-size:19px;font-weight:bold;display:block;height:23px;border-radius: 2px;border-bottom-right-radius: 12px;margin: 0 auto;line-height: 16px;width: 21px;}
.logincms{margin-left:-32px;font-size:13px;position:relative;bottom:-6px;left:-13px}
#login-button{background-color:#165495;padding:5px 15px 7px;border:none;font-size:13px;color:#ffffff;position:relative; display:block;float:right;cursor: pointer;right: 24px;border-radius: 3px;margin-top: 24px;}
#login-button:hover,#login-button:focus{}
#login-button:active{text-decoration:none;opacity:1}
#login-button:disabled{opacity:.5}
#login-button:focus{outline:blue 1px solid}
.logindes{color:#646464;margin:30px 15px 0 0px;font-size:12px;float:right;clear: both;text-align: right;width: 294px;}
.login-input{width:223px;height:30px;padding:0 0 0 6px;color:#999;font-size:13px;border:1px solid #F1F1F1;background-color:#fff;border-radius:2px;filter:grayscale(90%);margin: 2px 0px;}
.login-input:focus{opacity:1;color:#111;background-color:#fff;transition: all .1s;outline-color:black;filter:initial}
.login-box{position:relative;margin: 4px 0;}
#passforget:link{font-size:13px;border-bottom:1px dotted #999}
.loginf{color:#e9677f;height:0px;animation:shake .9s;position:relative;text-align:center;top:-22px;font-size:13px;width:250px;margin:0 auto;}
@keyframes shake{0%{left:0;right:0}10%{left:-10px;right:10px}20%{left:10px;right:-10px}30%{left:-10px;right:10px}40%{left:10px;right:-10px}50%{left:-10px;right:10px} 60%{left:10px;right:-10px}70%{left:-10px;right:10px}80%{left:10px;right:-10px}90%{left:-10px;right:10px}100%{left:0;right:0}}
#remcheck{position:static;margin:12px 0 0px 40px}
#forgot{overflow:hidden;z-index:-9;background-color:#fff;padding:0px 20px;opacity:0;color:#000;position:absolute;box-shadow:0 0 0 2000px rgba(0,0,0,.5);height:324px;font-size:13px}
.show{transition:opacity .3s !important;padding:24px !important;z-index:9 !important;opacity:1 !important}
#closeforget{margin-top:20px;display:block;background:#eee;text-align:center;padding:10px 0;cursor:pointer;width:100%;font-weight:bold}
#closeforget:hover{background:#333;color:#fff}


/* checkbox & radio button general style*/
label{cursor:pointer}
input[class="moncheck"],input[class="monradio"],input[class="montog"]{position:absolute;width:0;height:0;left:-1600px}
input[class="moncheck"] + label:before{content:'-';display:inline-block;border:none;line-height:17px;color:transparent;left:32px;position: relative;width: 10px;border-bottom: 2px solid #ccc;top: -2px;outline:none!important}
input[class="moncheck"] + label:after{content:'OFF';font-size:12px;padding-top:2px;color:#ccc;font-weight:bold;margin-left:-6px}
input[class="moncheck"] + label{cursor:pointer;position:relative;padding:4px 12px}
input[class="moncheck"]:hover + label:before{}
input[class="moncheck"]:focus + label{outline:1px dotted #333}
input[class="moncheck"]:focus-visible + label{outline:3px solid #07c;outline-offset: 1px}
input[class="moncheck"]:checked + label:before{content:'-';border:none;color:transparent;outline-color:#aaa !important;left:0;width: 10px;border-bottom: 2px solid #333;outline:none!important}
input[class="moncheck"]:checked + label:after{content:'ON';color:#222;font-size:12px;padding-left:4px;text-align:left;margin-left: 0;}
#quick{right:16px;position:relative;top:-18px;float:right;width:45px}
input[class="monradio"] + label{display:inline-block;position:relative;padding-left:20px;margin:2px;cursor:pointer;color:#333;line-height:22px;letter-spacing:0px}
input[class="moncheck"]:disabled + label,input[class="moncheck"]:disabled + label:before,input[class="monradio"]:disabled + label,input[class="monradio"]:disabled + label:before{display:none!important}
input[class="monradio"]:checked + label{color:#111!important}
input[class="monradio"]:hover + label:before{border-color:#999}
input[class="monradio"]:hover + label{color:#333}
input[class="monradio"] + label:before{border-radius:12px}
input[class="monradio"]:checked + label:before{width:13px;height:13px;left:-1px;top:-1px;border:1px solid #9A9A9A;color:#000;padding:0px 4px 8px 4px;font-size:16px;font-weight:bold}
input[class="monradio"] + label:before{width:12px;height:12px;position:absolute;display:block;border:1px solid #bbb;background-color:#fbfbfb;left:-1px;top:3px;border-radius:12px;content:''}
input[class="monradio"]:checked + label:before{content:'';background-color:#111!important;border:1px solid #aaa;box-shadow:inset 0 0 0 2px #eee!important;width:12px;height:12px;padding:0;top:3px}
input[class="monradio"]:focus + label{outline:1px dotted #333}
input[class="monradio"]:focus-visible + label{outline:3px solid #07c}

input[id="c-4"]+label:before{border-radius:2px;width:10px;height:10px;top:4px}
input[id="c-4"]:checked+label:before{width:10px;height:10px;top:4px}


input[class="moncheck"] + label:before{content:'';border:none;width:20px;height:20px;border-radius:12px;left:-2px;position:relative;background-color:#EBEBEB;top:-1px;border: 1px solid #ccc;}
input[class="moncheck"] + label:after{content:none}
input[class="moncheck"] + label{width:34px;display:inline-block;height:20px;border:none;border-radius:14px;background-color:#ccc;padding:0}
input[class="moncheck"]:checked + label{width:34px;display:inline-block;border:none;border-radius:14px;background-color:#3279C6;padding:0}
input[class="moncheck"]:checked + label:before{width:20px;height:20px;border-radius:12px;content:'';background-color:#FAFAFA;border:1px solid #337AC8;position:relative;left:15px;top:-1px;}
input[class="moncheck"]:checked + label:after{ content:none}

/*#tog input[class="moncheck"] + label:before{display:none}
#tog input[class="moncheck"] + label:after{margin-left:8px}
#tog br{margin:4px 0}
*/
#rd-3 + label{margin:0 20px 0 5px}


.pluginsadm input[type="checkbox"] + label{cursor:pointer;top:56px;position:relative;margin-left:40px}
.laycon{float:left;width:71px;height:90px;font-size:12px;margin-right:40px;color:#777;cursor:default;text-align:center}
.laycon input{position:absolute;left:-120px}
.laycon input + label{padding:0;top:0px;font-size:12px;width:71px;height:51px;opacity:.55;line-height:normal;margin:0 0 10px 0}
.laycon input + label:hover{opacity:.8}
.laycon input + label:before{display:none}
.laycon input:checked + label{box-shadow:0 0 0 3px #dbdbdb;opacity:1}
.laycon span{display:block;position:absolute;bottom:-30px;text-align:center;width:107%;height:20px;padding-top:15px}
.laycon input:checked + label span{background:url('images/selected.jpg') no-repeat right top}
#action-confirm{animation:confirm-action 8s;animation-fill-mode:forwards;}

@keyframes confirm-action{0%{top:10px;opacity:0}12%{top:10px;opacity:0.8;}80%{top:10px;opacity:0.8;}84%{top:10px;opacity:0.8;}99%{top:10px;opacity:0;}100%{top:-100px;opacity:0;}}
@keyframes error-show{0%{top:2px;opacity:0}12%{top:2px;opacity:1}90%{top:2px;opacity:1}99%{top:2px;opacity:0}100%{top:-40px;opacity:0}}
.qmark{transition:all 0.4s;display:inline-block;border-radius:10px;font-size:11px;padding:0 3px;height:14px;/*! cursor:default !important; */position:relative;top:-6px;border:1px solid;color:#aaa;line-height:normal;width:8px;text-align:center;cursor:default;font-weight: bold;}
.details{display:none;position:absolute;padding:6px 6px;font-weight:normal;top:-28px;border-radius:3px;background-color:#070707;text-align:start;width:200px;left:12px;color:#ccc;opacity:.9;font-size:12px}
.qmark:hover{color:#777}
.qmark:hover .details,.qmark:focus .details{display:block;animation:qmarkh .5s;animation-fill-mode:forwards}
@keyframes qmarkh{0%{display:none}1%{display:block}20%{display:block;opacity:.9;left:12px}60%{display:block;opacity:.9;left:-4px}100%{display:block;opacity:1;left:-2px}}
.resp-userinfo{display:none}
.passinput{display:block;padding:10px;margin:7px 0;width:220px;background-color:transparent;border:1px solid #ccc;border-radius:3px;height:24px;font-size:15px}
.actioncon{max-width:1400px;margin:0 auto}
.equals{margin-top:35px}
#dinp-0+label,#dinp-1+label,#dinp-2+label,#dinp-3+label,#dinp-4+label,#dinp-5+label,#dinp-6+label,#dinp-7+label,#dinp-8+label{font-size:13px}
.setlink:link{transition:all .1s}
.setlink:hover{margin-left:5px;transition:all .2s}
.details li{list-style:none}
#top{height:58px;z-index:999;position:fixed;width:100%;top:0px}
.pluginsclear{margin:30px 0;}
.plonoff{width:70%;text-align:left;font-size:14px;float:left;min-height:70px;margin-left:40px;}
.plonoff label{margin:0 0 4px 0;font-size:14px;font-weight:normal;cursor:pointer;display:inline-block}
.plonoff label:hover{color:#000}
.plonoff label:active{text-decoration:underline}
.pldes{color:#444;display:block;margin-right:30px;line-height: normal;font-size: 13px;max-width: 75%;}


@media (min-width:350px) and (max-width:900px){ 

.newpageleft,.newpageright{width:100%}
.post-title{font-size:12px}
.type,.category,.author,.lastmod{width:64px;margin-right:0px;padding:0;margin-left:0}
.pbar{display:none}
.results{margin-top:30px}
.results-set{float:left;top:14px}

}

@media (min-width:1024px) and (max-width:1260px) {
.newpageleft,.newpageright{/*! width:300px; */margin-top: 50px;}
.newpageright{height:auto;position:relative;/*! float:left; */overflow:auto;}
#page{overflow-y:auto}

}

.pbopacity .page-title{opacity:.6}
.pbopacity .unp{font-size:12px;margin-right:5px}
.pubselected{cursor: default;opacity: .7;}