@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}
#main-container{clear:both}
.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:48px;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:15px;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:19px;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:150px;top:60px;position:relative;left:0}
.dropcon .text{display:inline-block;font-size:15px;color:#333;margin-left:0;letter-spacing:.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:17px;position:relative;margin: 0 0 0px 22px;padding: 2px 16px 3px 2px;white-space:nowrap}
.dropdown-title{display:inline-block}
.dropdown-title:hover{color:#000}
.dropdown-title:hover .dinf{color:#000}
.dropdown-title:hover .indic{color:#09c}
.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:82px auto 0 152px;max-width:85%;min-height:390px;min-width:600px;}
.main h1{font-size:19px;margin:0 0 0 12px;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:36px;padding-top:12px;width:36px;transition:padding-right .2s;top: 0px;}
.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:34px;height:34px;top:0px;right:0px;border:1px solid #eee;border-radius:20px;background-color:transparent;overflow:hidden;text-align: center;}
.plimg{width:34px;height:34px;}
.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:12px 45px 0 12px;outline:none;position:relative;background-color:transparent;border:none;font-size:15px;color:#ccc;padding:0px 7px 0px 8px;opacity:0}
#general-submit{color:#222;font-weight:normal;}
#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;top:2px;float:left;color:#222;position:relative}
#lgcon:active{}
#lgcon:focus{opacity:1;top:-65px;right:723px;padding:0 12px 0 0;color:#222;width:64px;}
#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 18px 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;font-size:25px}
@keyframes backbutton{from{right:-40px;opacity:0}to{right:0;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:15px;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;display:block;position:relative;top:0;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}
#rstoff{opacity:.5;cursor:default}
.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}
.-pin{margin-left:-5px}
.-pin:before{content:'•';position:absolute;left:0px;font-size:14px}
.savedfile,.savedpage{height:90px;margin-bottom:4px;background-color:transparent;position: relative;}
.savedfileimg{width:24px;height:24px}
.savedfch{float:left;position:relative;margin-left:-1500px;}
.svchlb{opacity:0.7;width:8px;height:8px;background-color:#FFFFFF;position:absolute;left:-10px;top:8px;border:1px solid #666;padding:3px;border-radius: 3px;}
input[class="savedfch"]:checked + label{opacity:1}
input[class="savedfch"]:checked + label:after{content:'✓';position:relative;top:-4px;color:#000;font-size:16px;font-weight:normal;left: -2px;}
.savedfile:hover .svchlb{opacity:1}
.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:auto;padding: 10px 1px 19px 10px;}
.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:0px 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{height:36px;margin:30px auto 30px auto;font-size:16px;max-width: 99%;}
#res-nav a:link{padding:5px 8px;margin:0}
.pagenav-left{float:left}
.pagenav-right{float:right}
#next,#prev,#prevoff,#nextoff,.prevhome,#navoff{font-size:21px;padding:2px 8px 4px 10px;position:relative;z-index:24;/*! background-color:#EAEAEA; *//*! border:1px solid #e5e5e5 */}
#prev:before,#prevoff:before{content:"‹"}
#next:before,#nextoff:before{content:"›"}
#next:hover,#prev:hover,.prevhome:hover{text-decoration:underline}
#prevoff,#nextoff,#navoff,#navoff:hover{opacity:.4;cursor:not-allowed;text-decoration:none}
.nextoff,.prevoff{opacity:.3;width: 22px;display: inline-block;text-align:center}
.navbutton{font-size:16px;letter-spacing:1px}
.prevhome,#navoff{z-index:21}
#cur-res{text-align:center;height:0px;font-size:13px;font-weight:bold;margin:0 auto;line-height: 48px;}
.ctg{height:50px;margin:40px 0 40px 12px}
.cat{margin:0 4px}
.cat-del{font-size:14px;margin:2px;padding:6px;display:inline-block;width:16px;text-align:center;border-radius:16px}
.cat-del:hover{background-color:#333;color:#fff}
#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 */}
#passwrdbutton:hover{background-color:}
.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,#catalogue{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:18px}
#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, .newpageright input{border:1px solid #ddd!important;outline:none}
.newpageright .qmark{display: inline}
.newpageright .qmark span{width:180px}
.selcat{width:264px;height:36px;font-size:14px;margin:10px 0}
.selcat option{padding:3px}
.postinfo{padding:10px 10px 2px 2px;color:#191919;font-size:13px;width:240px}
#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 15px;}
.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;}
#website-title{width:280px}
.sel{float:left;width:453px;margin-right:12%;color: #333;}
.sel h4{margin-top:6px}
.sel-r{float:left}
.des{font-size:13px;color:#555;display: inline-block;margin-top: 3px;}
.togdes{position:relative;left:30px;top:-8px;color:#555}
#usericon{padding:2px 5px 3px;width:300px}
#usericon::placeholder{font-style:italic;opacity:.4}
#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:9px 12px 5px 14px;font-size:14px;border:0px solid #eee;cursor:pointer;display:inline;max-width:60%;resize:none;outline:none;background-color:transparent;font-family:'Courier new','Courier','Consolas'}
.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;cursor:initial;background-color:#f5f5f5;outline:1px dotted;}
.inp-5{width:30px;float:left}
.labspan{color:#222}
.lab-5{padding:0;cursor:pointer;font-size:14px;color:#222}
.lab-5:hover{color:#000;text-decoration: underline}
.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, #advanced-container .clear{clear:both;height:60px;}
#settingspage .clear-s, #advanced-container .clear-s{clear:both;height:48px}
#settingspage .clear-ss, #advanced-container .clear-ss{clear:both;height:24px}

.userimage{border:none;width:48px;height:48px;margin-right:20px;image-rendering:optimizequality;margin-left: 10px;}
#user-image,#icon-image,#bgimage{width:558px;border:none;height:148px;overflow:hidden;margin:20px 0 0 0px}
#uploaded{border:1px dashed #ccc;width:100%;margin:20px auto 3px 0}
#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;text-overflow: ellipsis;overflow: hidden;font-size: 13px;}
#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:7px;}
.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:#111;/*! 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 #E8E8E8;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}}


/* 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{display:inline-block;border:none;line-height:17px;color:transparent;left:32px;position: relative;width: 10px;border-bottom: 2px solid #ccc;top: -92px;outline:none!important}

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{border:none;color:transparent;outline-color:#aaa !important;left:0;width:10px;border-bottom:2px solid #333;outline:none!important}
#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;min-width: 80px;}
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 9s;animation-fill-mode:forwards}

@keyframes confirm-action{0%{top:10px;opacity:0}12%{opacity:1}80%{opacity:1}84%{opacity:1}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:7px;font-size:13px;padding:0 3px;height:14px;position:relative;top:-6px;border:1px solid #f0f0f0;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:-8px;width:340px;left:28px;color:#333;opacity:.9;font-size:12px;text-align: left;}
.qmark:hover{color:#777}
.qmark:hover .details,.qmark:focus .details{display:inline}
.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}
#dinp-c:checked + label:before{opacity:.5;box-shadow:inset 0 0 0 2px #f7f7f7;background-color:#999}
#dinp-c + label{opacity:.5}
#dinp-c:checked + label{opacity:1}
.details li{list-style:none}
#top{height:48px;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:15px;font-weight:normal;cursor:pointer;display:inline-block}
.plonoff label:hover{color:#000}
.pldes{color:#444;display:block;margin-right:30px;line-height: 19px;font-size: 13px;max-width:75%}

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

}
.pbopacity .unp{font-size:12px;margin-right:5px}
.pubselected{cursor: default;opacity:.7}
.subsel{width:345px;margin-left:10px}
.set{display:inline}
#adv{font-size:16px;font-weight:normal;display:inline-block;margin:40px 0 60px 3px;}
#adv:active{cursor:pointer}
.advlink:active{outline:none}
.afterplus{cursor:pointer}
.settings-advanced{height:112px}
.achidden{display:none}
.acshow{display:block}
.clear-l{clear:both;height:64px}
.clear-m{clear:both;height:42px}
input[type="text"]:hover,textarea:hover{color:#444}
#passwrdbutton{left:120px;margin-top:20px;background-color:#eee;color:#444}
#passwrdbutton:hover{text-decoration:underline}
.indic{color:#4f9df0;position:relative;font-size:19px;bottom:-2px}
.pfolder{display:table;font-size:12px}