@charset "utf-8";
:root {
	--admincp-bodybg: #f7f7f7;
    --admincp-color: var(--root-base);
    --admincp-alink: var(--admincp-color);
    --admincp-ahover: var(--admincp-color);
    --admincp-ahot: var(--admincp-color);
    --admincp-fa: #333;
    --admincp-fb: #666;
    --admincp-fc: #999;
    --admincp-fd: #cccccc;
    --admincp-ff: #ffffff;
	--admincp-fg: #11142d;
	--admincp-f5f9: rgba(var(--root-base-value), 0.03);
	--admincp-f60: #ff6600;
    --admincp-nvbg: var(--admincp-color);
    --admincp-nvtxt: var(--admincp-color);
    --admincp-nvbga: rgba(var(--root-base-value), 0.08);
    --admincp-nvtxta: var(--admincp-color);
    --admincp-bga: rgba(var(--root-base-value), 0.1);
    --admincp-bgb: #F3F3F3;
    --admincp-bgc: #F9f9f9;
    --admincp-bgf7: #f7f7f7;
	--admincp-bge: #eeeeee;
    --admincp-bgf: #ffffff;
	--admincp-bgf2: rgba(var(--root-base-value), 0.02);
    --admincp-bgfglass: rgba(255,255,255,.4);
    --admincp-bgbglass: rgba(0,0,0,.4);
    --admincp-btnbg: var(--admincp-color);
    --admincp-btntxt: #ffffff;
    --admincp-btnbga: var(--admincp-color);
    --admincp-btntxta: #ffffff;
    --admincp-bordera: #eeeeee;
	--admincp-borderf: #ffffff;
    --admincp-borderb: #dddddd;
    --admincp-borderc: #cccccc;
    --admincp-borderd: #ecf0f2;
	--admincp-borderg: #dce1e7;
    --admincp-radius-x: 3px;
    --admincp-radius-s: 4px;
    --admincp-radius-m: 0px;
    --admincp-radius-xl: 10px;
    --admincp-radius-l: 2px;
    --admincp-radius-a: 50%;
    --admincp-radius-b: 4px;
    --admincp-radius-c: 40px;
    --admincp-shadow: 0 0 2px 0 rgba(88,118,138,.1);
}



.st-d {
	--admincp-bodybg: #2e3947;
	--admincp-color: var(--root-base);
	--admincp-alink: #dce1e7;
	--admincp-ahover: var(--admincp-color);
	--admincp-ahot: var(--admincp-color);
	--admincp-fa: #dce1e7;
	--admincp-fb: #666;
	--admincp-fc: #999;
	--admincp-fd: #cccccc;
	--admincp-ff: #ffffff;
	--admincp-fg: #6c7a91;
	--admincp-f5f9: rgba(108,122,145, 0.08);
	--admincp-nvbg: var(--admincp-color);
	--admincp-nvtxt: var(--admincp-color);
	--admincp-nvbga: #E1E9F8;
	--admincp-nvtxta: var(--admincp-color);
	--admincp-bga: #2e3947;
	--admincp-bgb: #F3F3F3;
	--admincp-bgc: #2e3947;
	--admincp-bgf7: rgba(72, 110, 149, 0.14);
	--admincp-bge: #2e3947;
	--admincp-bgf: #1f262f;
	--admincp-bgf2: rgba(108,122,145, 0.08);
	--admincp-bgfglass: rgba(255,255,255,.4);
	--admincp-bgbglass: rgba(0,0,0,.4);
	--admincp-btnbg: var(--admincp-color);
	--admincp-btntxt: #ffffff;
	--admincp-btnbga: var(--admincp-color);
	--admincp-btntxta: #ffffff;
	--admincp-bordera: rgba(72, 110, 149, 0.14);
	--admincp-borderf: #ffffff;
	--admincp-borderb: #25384f;
	--admincp-borderc: #25384f;
	--admincp-borderd: #25384f;
	--admincp-borderg: #25384f;
	--admincp-radius-x: 3px;
	--admincp-radius-s: 4px;
	--admincp-radius-m: 0px;
	--admincp-radius-xl: 10px;
	--admincp-radius-l: 2px;
	--admincp-radius-a: 50%;
	--admincp-radius-b: 4px;
	--admincp-radius-c: 40px;
	--admincp-shadow: 0 0 2px 0 rgba(88,118,138,.1);
}
@font-face {
  font-family: 'dzicon';
  src: url('font/dzicon.woff2?v2') format('woff2'),
       url('font/dzicon.woff?v2') format('woff'),
       url('font/dzicon.ttf?v2') format('truetype');
}
@font-face {
    font-family: 'sysicon';
    src: url('font/sysicon.woff2?v2') format('woff2'),
    url('font/sysicon.woff?v2') format('woff'),
    url('font/sysicon.ttf?v2') format('truetype');
}
@font-face {
    font-family: "dzficon";
    src: url('../common/dzicon.eot');
    src: url('../common/dzicon.eot?#iefix') format('eot'),url('../common/dzicon.woff2') format('woff2'), url('../common/dzicon.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*:focus { outline: none !important; }
#ajaxwaitid { display: none; position: absolute; right: 0; top: 0; z-index: 1; padding: 0 5px; background: #D00; color: #FFF; }
body { font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif; min-width: 1000px; margin: 10px; background: var(--admincp-bodybg); scroll-behavior: smooth; }
::selection { background: rgba(var(--root-base-value), 0.15); color: inherit; }
a{ color:var(--admincp-alink); text-decoration:none; transition: color .15s; }

	a:hover { text-decoration:underline; }
	::-webkit-scrollbar { width: 6px; height: 6px; }
	::-webkit-scrollbar-thumb { background: var(--admincp-borderb); border-radius: 3px; }
	::-webkit-scrollbar-track { background: transparent; }
	a img{ border:none; }
em, cite, th{ font-style:normal; font-weight:normal; }

.xs0 { font-size: 10px; -webkit-text-size-adjust: none; }
.xs1 { font-size: 12px !important; }
.xs2 { font-size: 14px !important; }
.xs3 { font-size: 16px !important; }
.xg1, .xg1 a { color: var(--admincp-fc) !important; }
.xg1 .xi2 { color: var(--admincp-color) !important; }
.xg2 { color: var(--admincp-fb) !important; }
.xi1, .onerror { color: var(--admincp-f60) !important; }
.xi2, .xi2 a, .xi3 a { color: var(--admincp-alink) !important; }
.xw0 { font-weight: 400; }
.xw1 { font-weight: 700; }
.bbda { border-bottom: 1px dashed var(--admincp-bordera) !important; }
.btda { border-top: 1px dashed var(--admincp-bordera) !important; }
.bbs { border-bottom: 1px solid var(--admincp-bordera) !important; }
.bts { border-top: 1px dashed var(--admincp-bordera) !important; }
.bw0 { border: none !important; }
.bw0_all, .bw0_all th, .bw0_all td { border: none !important; }
.bg0_c { background-color: transparent !important; }
.bg0_i { background-image: none !important; }
.bg0_all { background: none !important; }
.mtn { margin-top: 5px !important; }
.mbn { margin-bottom: 5px !important; }
.mtm { margin-top: 10px !important; }
.mbm { margin-bottom: 10px !important; }
.mtw { margin-top: 20px !important; }
.mbw { margin-bottom: 20px !important; }
.ptn { padding-top: 5px !important; }
.pbn { padding-bottom: 5px !important; }
.ptm { padding-top: 10px !important; }
.pbm { padding-bottom: 10px !important; }
.ptw { padding-top: 20px !important; }
.pbw { padding-bottom: 20px !important; }
.vm { vertical-align: middle; }
.vm * { vertical-align: middle; }
.hm { text-align: center; }
.z { float: left; } .y { float: right; }
hr { display: block; clear: both; }
    hr.l { height: 1px; border: none; background: var(--admincp-bordera); color: var(--admincp-bordera); }
    hr.l2 { height: 2px; }
    hr.l3 { height: 3px; }
    hr.da { height: 0; border: none; border-top: 1px dashed var(--admincp-bordera); background: transparent; color: transparent; }

textarea, input, select, .html { padding: 6px 10px; font-size: 100%; border: 1px solid; border-color: var(--admincp-borderc); background: var(--admincp-bgc); color: var(--admincp-fa); resize: none; border-radius: var(--admincp-radius-s); transition: border-color .2s, box-shadow .2s; }
textarea {font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;}
.txt, select, .vmiddle { vertical-align:middle; }
.txt:hover, .txt:focus, textarea:hover, textarea:focus, input[type=text]:focus { border-color:var(--admincp-color); background:var(--admincp-f5f9); outline: 0; box-shadow: 0 0 0 3px rgba(var(--root-base-value), 0.12); }
.hover:hover { background:var(--admincp-f5f9); transition: background .15s; }
.hover:hover .addchildboard, .hover:hover .deleterow { color: var(--admincp-fa); }
.txtnobd{cursor:pointer; }
.radio, .checkbox, .pr, .pc { border:none; background:none; vertical-align:middle;margin-right: 4px; margin-left: 4px; }
.btn{ margin:10px; border:0; padding:7px 18px; background:var(--admincp-color); color:var(--admincp-ff); cursor:pointer; vertical-align:middle; border-radius:var(--admincp-radius-s); box-shadow:0 1px 3px rgba(var(--root-base-value), 0.2); transition:opacity .2s, box-shadow .2s, transform .1s; }
.btn:hover { text-decoration:none; opacity:0.88; box-shadow:0 2px 6px rgba(var(--root-base-value), 0.25); }
.btn:focus { outline:0; box-shadow:0 0 0 3px rgba(var(--root-base-value), 0.15); }
.btn:active { transform:translateY(1px); opacity:0.95; }
.btn_big { display: inline-block; width: 90px; height: 30px; line-height: 30px; text-align: center; background: url(btn_big.png) no-repeat 0 0; font-size: 18px; font-weight: 700; color:  var(--admincp-ff); }
.btn_big:hover { text-decoration: none; }
.uploadbtn{ width:250px; border-color:var(--admincp-fc); }
.line { border-bottom: 1px solid #0F0; }
.num{ width:40px !important; height: 28px; vertical-align:middle; }
.highlight { color: #C00; font-weight: 700; }
/* simulate input type="file" */
.filebtn { position: relative; margin-right: 30px; width: 60px; overflow: hidden; zoom: 1; }
	.filebtn .pf { position: absolute; right: 0; height: 23px; opacity: 0; filter:alpha(opacity=0); cursor: pointer; }

/* .html */
.html { cursor: text; white-space: nowrap; overflow-x: hidden; }
.htmlbtn { background: url("/static/image/editor/editor.gif") no-repeat scroll 0 0 transparent;border-color: var(--admincp-borderc);width: 21px;height: 21px;margin-right: 2px;float: left;cursor: pointer;padding: 0px; }
.htmlbtn.current { border-color: #369; }
.htmlbtn.b {background-position:0 0;}
.htmlbtn.i { background-position:-20px 0; }
.htmlbtn.u { background-position:-40px 0; }
.htmlbtn.c { background-position:-60px 0; }

.spectitle{ border-bottom:1px dashed var(--admincp-f60); }
.extcredits, .threadprofilenode { margin:-5px 0 10px; }
.extcredits a, .threadprofilenode a { margin-right:5px; padding:2px 5px; line-height:220%; border:1px solid var(--admincp-borderb); background: var(--admincp-bgf); white-space:nowrap; border-radius: var(--admincp-radius-s); transition: border-color .15s, background .15s; }
.popupmenu_popup { width:400px; overflow:hidden; padding:10px; border:1px solid var(--admincp-borderb); background: var(--admincp-bgf); font-size:12px; font-weight:400; text-align:left; border-radius: var(--admincp-radius-s); box-shadow: 0 4px 12px rgba(0,0,0,.08); }
	li.popupmenu_popup { list-style: none; }
	#fselect_menu { width:300px; }
	.fsel { _height: 350px; max-height: 350px; overflow-y: auto; }
		#fselect_menu a { width: 70%; }
	#ugselect_menu { width:450px; }
	.popupmenu_popup em { display:block; clear: both; padding: 2px 4px; font-weight:700; background:var(--admincp-bgf2); color: var(--admincp-fa); }
		.popupmenu_popup em.hover { cursor:pointer; }
	.popupmenu_popup a { float: left; margin: 5px 9px 1px 0; padding-left:3px; width: 100px; }
	.popupmenu_popup .ck { margin: 6px; }
	.popupmenu_popup .current { font-weight:700; }
		.popupmenu_popup a.f, .popupmenu_popup a.s { float: none; display: block; width:80%; }
			.popupmenu_popup a.s { margin-left:40px; }
	.popupmenu_dropmenu { cursor: pointer; }
		.popupmenu_dropmenu em { margin-left:3px; background:url(bg_repno.gif) no-repeat 0 -145px; }

.infobox { padding: 30px 40px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.infotitle1 { margin-bottom: 10px; color: var(--admincp-color); font-size: 14px; font-weight: 700; }
.infotitle2 { margin-bottom: 10px; color: #090; font-size: 14px; font-weight: 700; }
.infotitle3 { margin-bottom: 10px; color: #C00; font-size: 14px; font-weight: 700; }
.infobox h3 { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.colorbox { background: var(--admincp-bgf); padding: 20px; margin-top: 3px; margin-bottom: 3px; border-top: 4px solid var(--admincp-borderc); border-bottom: 4px solid var(--admincp-borderc); border-radius: var(--admincp-radius-s); }
.colorbox h4 { font-size: 18px; margin-bottom: 10px; }
.drow { display: flex; margin-left: -10px; margin-right: -10px; flex-wrap: wrap; }
.drow.clp { margin-left: 0; margin-right: 0; }
.drow .dcol { padding-left: 10px; padding-right: 10px; min-width: 0;}
#home_sys_info .drow .dcol {width: 60%;}
#home_sys_info .newver { text-decoration: none; color: var(--admincp-f60);}
.drow.clp .dcol { padding-left: 0; padding-right: 0; }
.d-1 { flex-grow: 1; }
.d-2 { flex-grow: 2; }
.d-3 { flex-grow: 3; }
.d-11 { flex-basis: 100%; }
.d-12 { flex-basis: 50%; }
.d-13 { flex-basis: 33.3%; }
.d-23 { flex-basis: 66.6%; }
.d-14 { flex-basis: 25%; }
.d-34 { flex-basis: 75%; }
@media (max-width: 900px) {
	.apps .drow{width: 100%!important;margin: 0 !important;}
	.apps .boxbody{padding: 10px!important;}
	.pluginlist .dcol { flex-basis: unset !important; }
}
@media (max-width: 1000px) {
	.pluginlist .w1000hide { display: none; }
}
@media (max-width: 1240px) {
	.pluginlist .w1300hide { display: none; }
}
@media (min-width: 600px) and (max-width: 1240px) {
	.d-13 { flex-basis: 100%; }
	.d-23 { flex-basis: 100%; }
}

.cpcontainer { background: var(--admincp-bgf); padding: 5px 10px; margin-bottom: 50px; color: var(--admincp-fa); font-size: 12px; background-clip: border-box; border-radius: 0 0 12px 12px; box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.03);}
#cpcontainer { background: var(--admincp-bgf); padding: 0 10px; border: none; box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.03); border-radius: 12px 12px 0 0;}
.copyright { width: 100%; background: transparent; color: var(--admincp-fc); padding: 16px; font-size: 12px; text-align: center; margin-top: 8px; margin-bottom: 10px; border-top: 1px solid var(--admincp-borderd); line-height: 2; }
    .copyright #dzlogo::before{ font-family: dzicon;content: "\e61f";font-size: 16px; }
    .copyright a { color: var(--admincp-fb); transition: color .2s; }
    .copyright a:hover { color: var(--admincp-color); text-decoration: none; }
    .copyright p { margin: 2px 0; }
.itemtitle { padding: 0 10px; display: flex; align-items: flex-start; flex-direction: column;}
.itemtitle .titlerow { display: flex; width: 100%; flex-direction: row; justify-content: space-between;}
.itemtitle .titlerow>span, .itemtitle .titlerow>a { margin: 12px 0;color: var(--admincp-fa); }
.itemtitle h3 { font-weight: bold; font-size: 16px; margin: 12px 14px 12px 0; color: var(--admincp-fa);}
/* .st-l .itemtitle h3 { color:#000;} */
.itemtitle ul { display: flex; flex-wrap: wrap; margin-top: 10px;width: 100%; }
.itemtitle ul li>a { display: block; text-decoration: none; padding: 10px 16px; margin-right: 15px; color: var(--admincp-fg); border-bottom: 2px solid transparent; transition: color .15s ease, background-color .15s ease, border-color .15s ease; }
.itemtitle ul li.current>a { color: var(--admincp-color); border-bottom-color: var(--admincp-color); font-weight: 600; }
.itemtitle ul li.current>a span, .itemtitle ul li.hasdropmenu>a span { display: flex; flex-direction: row; align-items: center; }
.itemtitle ul li.current>a span em, .itemtitle ul li.hasdropmenu>a span em { display: block; width: 0; height: 0; margin-left: 8px; border-top: 5px solid; border-bottom: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.itemtitle ul.stepstat { font-size: 14px; color: var(--admincp-fb); width: 100%; justify-content: center; margin-bottom: 16px;border: 0; }
.itemtitle ul.stepstat li { display: flex; align-items: center; }
.itemtitle ul.stepstat span { display: flex; width: 20px; height: 20px; border-radius: 10px; background: var(--admincp-borderb); color: var(--admincp-fa); justify-content: center; align-items: center; margin-right: 10px; }
.itemtitle ul.stepstat li:not(:first-child)::before { display: block; content: ""; width: 100px; height: 3px; background: var(--admincp-borderb); margin: 0 10px; }
.itemtitle ul.stepstat li.current { color: var(--admincp-color); }
.itemtitle ul.stepstat li.current span { background: var(--admincp-color); color:  var(--admincp-ff); }
.itemtitle ul.stepstat li.current:not(:first-child)::before { background: var(--admincp-color); }
@media (max-width: 575px) {
	.itemtitle ul.stepstat { justify-content: space-around; }
	.itemtitle ul.stepstat li:not(:first-child)::before { display: none; }
}
.dropmenu { background: var(--admincp-bgf); display: flex; flex-direction: column; border-radius: var(--admincp-radius-s); margin-top: 5px; box-shadow: 0 4px 12px rgba(0,0,0,.1); overflow: hidden; }

.dropmenu>ul { display: flex; flex-direction: column; }
.dropmenu>a, .dropmenu>ul>li>a { padding: 8px 15px; text-decoration: none; color: var(--admincp-fa); margin-right: 0; }
.dropmenu a:focus { outline: 0; background: var(--admincp-bgf7); transition: background .15s; }
.dropmenu a.current { background: var(--admincp-color); color:  var(--admincp-ff); }

.tips{ margin: 5px 0 18px 0 !important; color:var(--admincp-fc); transition: background .2s; }
    .tips .tipsblock { border: 0 !important; background: transparent !important; padding: 0 20px; }
    .tips .tipsblock ul { margin: 0; }
    .tips .tipsblock li { padding: 5px 0 5px 20px; margin-bottom: 0; line-height: 1.9; }
    .tips .partition { border-bottom: none !important; }
.tips2{ line-height:180%; color:var(--admincp-fc); word-break:break-all; }
.tb2 .tipsblock{ background: var(--admincp-bgf); margin-bottom:-10px; padding: 10px; padding-left: 20px; border: 1px solid var(--admincp-bgc) !important; }
	.tipsblock ul{ margin-bottom:-11px; }
		.tipsblock li{ margin-bottom:5px; padding:0 0 5px 20px; line-height:160%; background:url(bg_repno.gif) no-repeat -340px 13px; }
.tips a, .tips2 a, .tipsblock a{ margin:0 3px; text-decoration:underline; color:  var(--admincp-fb); }
	.tips a:hover, .tips2 a:hover, .tipsblock a:hover{ color:var(--admincp-color); }

@media (max-width: 575px) {
	.tb { overflow: auto; }
}
.tipbox { /* todo */ }
.dbox { display: flex; flex-direction: column; margin-bottom: 20px; background: var(--admincp-bgf); border-radius: 10px; box-shadow: 0 1px 4px rgba(0,0,0,.03), 0 2px 8px rgba(0,0,0,.02); overflow: hidden; transition: box-shadow .25s ease, transform .2s ease; border: 1px solid var(--admincp-borderd); }
.dbox:hover { box-shadow: 0 2px 8px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04); }

.dbox .boxheader { padding: 14px 20px; font-size: 15px; font-weight: 600; letter-spacing: .3px; line-height: 1.6; background: linear-gradient(135deg, var(--admincp-bgc) 0%, var(--admincp-bgf) 100%); border-bottom: 1px solid var(--admincp-borderd); }
.dbox .boxheader a { font-size: 12px; font-weight: 400; opacity: .7; transition: opacity .2s; }
.dbox .boxheader a:hover { opacity: 1; text-decoration: none; }

.dbox .boxbody { padding: 20px 24px; border-bottom: none; }


.dbox .boxbody:last-child { border-bottom: 0px; }
.dbox .tb:last-child { margin-bottom: 0px; }
.boxbody .txt { margin-right: 4px; }
.listbox .boxbody>div { border-bottom: 1px solid var(--admincp-bordera); padding: 10px 8px; transition: background .15s, padding-left .15s; border-radius: var(--admincp-radius-s); }


.retheader { padding: 0 20px; height:20px;background: #182433; display: flex; align-items: flex-start; margin: -10px -10px 10px -10px;justify-content: space-between; }
.retheader a:hover { text-decoration:none; }
    .retheader a path { fill: var(--admincp-btntxt); }
    .retheader a { color: var(--admincp-btntxt); font-size: 16px; }
    .retheader i:before { font-family: dzicon;font-size: 16px;font-style: normal;content: "\e6db"; }
    .retheader a.index:before { font-family: dzicon; font-size: 16px;font-style: normal;content: "\e604"; }
    #retheader_menu { background: #182433; padding: 10px; }
        #retheader_menu li { margin: 0; padding: 0; list-style-type: none; }
        #retheader_menu>ul { flex-grow: 1; overflow: auto; display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; }
        #retheader_menu span { color: var(--admincp-btntxt); }
        #retheader_menu li[id^="lm_"] { width: 120px; }
        #retheader_menu a[id^="leftmn"] { background-color: #192433; font-size: 16px; }
        #retheader_menu>ul a { font-size: 12px;display: flex;border-radius: 0;color: rgba(255, 255, 255, .7);margin-bottom: 0;padding: 2px 4px;height: 30px;align-items: center;text-decoration: none; }
        #retheader_menu>ul li.s span { font-size: 14px; color: #bcc3d3; line-height: 30px; font-weight: 400; padding: 14px 14px 0 14px; margin-left: 0px; }
        #retheader_menu>ul li.sp { display: none; }
/* table */
.tb{ clear:both; width:100%; margin-bottom: 20px;}

	.tb th, .tb td{ padding:5px; height:25px; }
.tb1{}
	.th11, .th12{ width:60px; font-weight:700; }
	.tb1 .th12{ padding-top:7px; vertical-align:top; }
		.tb1 .tb2 th{ padding-top:0; }
	.tb1 .txt{ width:150px; }
	.tb1 strong{ margin-right:5px; color:var(--admincp-f60); }
	.first td{ padding-top:13px; }
	.first .th12{ padding-top:15px; }
	.bdtop td{ border-top:1px dashed var(--admincp-borderb); }
	.bdbot td{ border-bottom:1px dashed var(--admincp-borderb); }
	.td11{ width:350px; vertical-align:top; }
		.td11 li{ float:left; margin:0 10px 7px 0; *margin:-3px 10px 7px 0; }
		.td11 .clear{ margin:0; }
		.listtitle,	.listtitlelong{ padding-top:3px; *padding-top:6px; width:80px; color:var(--admincp-color); }
		.listtitlelong{ width:100px; }
		.td11 .txt{ width:70px; }
		.td11 .sginput .txt{ width:150px; }
	.td12{}
		.td12 li{ float:left; margin-right:10px; }
		.td12 .radio{ float:left; margin-top:4px; *float:none; *margin-top:0; }
		.td12 label{ float:left; margin-top:2px; *float:none; *margin-top:0; }
		.td12 .txt{ width:50px; }
	.checkboxlist{ width:720px; }
		.checkboxlist li{ float:left; width:90px; line-height:180%; white-space:nowrap; cursor:pointer; }
	.longtxt .txt{ width:400px !important;}
	.tarea{ width:400px; height:75px; }
	.sml, .sml th, .sml td { font-size: 12px !important; -webkit-text-size-adjust: none; }
	.fixsel { padding-left: 10px; }
	.fixsel .btn:first-child{ margin-left: 0px; }
	.tb2 .fixsel{ padding-left: 0px; }
	.tb2 tbody:first-child tr:first-child th, .tb2 tbody:first-child tr:first-child td{ border-top: 0px; }
/* tb */
.tb2{}
	.tb2 tr.hover:hover .tips2{ color:var(--admincp-fa); }
	.tb2 tr.hover:hover td { background: var(--admincp-bgf2); transition: background .12s; }

	.tb2 tr.hl, .drow.hl { background: var(--admincp-bgf); }
	.tb2 tr.hl td, .drow.hl { border-top:1px #F4E4B4 solid; border-bottom:1px #F4E4B4 solid }
	.tb2.tdhover tr:hover td { background: none; }
	.tb2.tdhover tr td:hover { background: var(--admincp-bgf2); }
	.tb2 td{ padding:10px 5px 10px 0px; border-top: 1px solid var(--admincp-bordera); }

	.tb2 th{ padding:10px 5px 10px 0px; border-bottom: 1px solid var(--admincp-borderc); line-height:1.5; }

	.tb2 td:first-child{ padding-left:20px; }
	.tb2 th:first-child{ padding-left:20px; }
	.tb2 .txt, .tb2 .txtnobd{ width:100px; margin-right:10px; }
	.tb2 .smtxt { margin-right: 5px; width: 25px; }
	.nowrap { white-space: nowrap; }
	.td21{ width:150px; font-weight:700; }
	.td22{ width:100px; font-weight:700; }
	.td23{ width:100px; }
	.td24{ width:120px; }
	.td25{ width: 80px; }
		.td25 .txt{ width:60px; }
	.td26{}
		.td26 .txt, .td26 .txtnobd{ width:90%; *width:280px; }
	.tb2 .td27{ padding:16px 10px 10px 20px; font-weight:700;}
		.tb2 .td27:hover { background: none; }
	.td27m { font-weight:700; padding-bottom:5px; }
	.td28 .txt{ width:60px; }
	.td29 .txt{ width:200px; }
	.td30 { width:30px; }
	.td31 { width:200px; }
	.td32 { width:100px; }
		.td32 .txt{ width:80px; }
	.tbm { padding:5px !important; padding-left: 20px !important; background: var(--admincp-bgf2) !important; font-weight: 700; border-top:0 !important; }

    .multitable td { border-top: 1px solid var(--admincp-borderb) !important; }
	.multicol { float:left; width: 300px !important; }
    #multititle { border-top: 1px solid var(--admincp-borderb) !important; z-index: 99; }
    #multititle div.multileft { width: 190px; }
    .multileft { width: 170px; font-weight: 700; }
    div.multileft { float:left; }
    td.multileft { position: sticky; left: 0; background: var(--admincp-bgf2); }

	.staton{ text-indent:-9999px; width:20px; height:17px; background:url(bg_repno.gif) no-repeat -280px -250px; }
	.statoff{ text-indent:-9999px; background:url(bg_repno.gif) no-repeat -250px -347px; }
	.rowform{ width:336px; overflow:auto; }
		.tb2 .rowform{ padding-left:20px; }
		.rowform .txt, .rowform textarea{ margin-right:10px; width:250px; }
		.rowform select{ margin-right:10px; width:256px; }
		/* .rowform .radio{ margin-top:-2px !important; *margin-top:0 !important; *margin-top:-2px; } */
		.rowform li{ overflow:hidden; float:left; margin-right:10px; white-space:nowrap; cursor:pointer; }
			.rowform li:hover { color: var(--admincp-color); opacity: 0.7; }
			.rowform .clear{ clear:both; float:none; margin-bottom:10px; }
		.rowform .nofloat{ clear:both; }
			.rowform .nofloat li{ float:none; margin:10px 0; overflow:visible; }
		.ckbox {width:900px; }
		.ckbox li { float: left; margin: 5px 10px 5px 0; white-space: nowrap; width: 162px; height: 20px; }
	.partition, .partition2{ color: var(--admincp-fa); }

	.tb2 .partition { padding: 15px 10px; font-size: 14px; border: 0; border-radius: var(--admincp-radius-s) var(--admincp-radius-s) 0 0; border-bottom: 1px solid var(--admincp-bordera); color: var(--admincp-color); font-weight: 700; background: var(--admincp-bgf2); }

	.dblist{}
		.dblist li{ float:left; margin-bottom:5px; width:33%; height:20px; white-space:nowrap; cursor:pointer; }

	.cfolder, .ofolder{ display:block; line-height:30px; font-weight:700; }
	/* .ofolder{ background:url(bg_repno.gif) no-repeat -260px -100px; } */
	.cfolder:before{font-family:dzicon;content: "\e63b";font-size: 28px;color:#999;font-style: normal; margin-right: 5px;border: 0;}
	.ofolder:before{font-family:dzicon;content: "\e63a";font-size: 28px;color:#999;font-style: normal; margin-right: 5px;border: 0;}

	.filenum{ margin:8px 0 0 20px; }
	.files{ padding:1px 0 1px 50px; }
	.files:before{font-family:dzicon;content: "\e633";font-size: 16px;color:#999;font-style: normal; margin-right: 5px;border: 0;;}
	.del{ padding-bottom: 1px;display: inline-flex; color:#E8594D; }
	.del:before{font-family:dzicon;content: "\e648";font-size: 16px;color:#E8594D;font-style: normal; margin-right: 5px;border: 0;}
	.edited, .unfixed { padding-bottom: 1px; color:#E8594D;display: inline-flex; }
	.edited:before{font-family:dzicon;content: "\e8c6";font-size: 16px;color:#E8594D;font-style: normal; margin-right: 5px;border: 0;}
	.unknown{ padding-bottom: 1px; color:#6189B8; }
	.unknown:before{font-family:dzicon;content: "\e600";font-size: 16px;color:#6189B8;font-style: normal; margin-right: 5px;border: 0;}
	.correct, .fixed { padding-bottom: 1px; color:#70B759; }
	.correct:before{font-family:dzicon;content: "\e8be";font-size: 16px;color:#70B759;font-style: normal; margin-right: 5px;border: 0;}
	span.bignum { display: block; font-size: 36px; }
		/* crons */
		.crons{ width:300px; }
		.crons .txt{ margin-bottom:3px; width:250px; }

	/* faqlist & boardlist */
	.node, .board{ padding-left:55px; background:url(bg_repno.gif) no-repeat -240px -550px; }
		.node .txt, .lastnode .txt, .newnode .txt{ width:250px; }
		.parentnode .txt{ width:250px; font-weight:700; }
		.parentboard .txt{ font-weight:700; }
	.lastnode, .lastboard{ padding-left:55px; background:url(bg_repno.gif) no-repeat -240px -600px; }
	.childboard{ padding-left:110px; background:url(bg_repno.gif) no-repeat -185px -550px; }
	.lastchildboard{ padding-left:110px; background:url(bg_repno.gif) no-repeat -185px -600px; }
	.boardattr{ float:right; margin-top:-22px !important; color:var(--admincp-fc); }

	/* pick window */
	.colorwd{ float:left; width:40px; height:30px; border-color:#ccc #666 #666 #ccc; }
	.cmen { overflow: hidden; width: 63px; }
		.cmen a { overflow: hidden; float:left; width: 20px; height: 20px; }

.tb3{ margin-top:-15px; border:none; }
	.tb3 th{ padding:10px 0 5px 20px; }
	.tb3 td{ padding:0 0 0 20px; line-height:180%; }

.mod_validate td, .mod_export td { background: rgba(102,187,106,.15) !important; }
.mod_invalidate td, .mod_refusal td { background: rgba(239,83,80,.08) !important; }
.mod_ignore td { background: var(--admincp-bge) !important; }
.mod_cancel td { background: var(--admincp-bgf) !important; }
.mod_dismiss td { background: rgba(148,176,241,.2) !important; }
.mod_delete td { background: rgba(255,153,153,.2) !important; }

/* custom menu */
.custom{ overflow:hidden; position:relative; border:6px solid var(--admincp-borderc); background: var(--admincp-bgf); border-radius: var(--admincp-radius-s); }
	.cmain{ padding:0; text-align: left; padding: 10px; }
		.cnote{ line-height:20px; }
			.cnote li{ float:left; margin-right:15px; }
		.cmlist{ clear:left; overflow-y:auto; }
			.cmlist a{ display: block; float: left; overflow: hidden; width: 150px; height: 20px; color:  var(--admincp-fb); }
			.cmlist td { padding: 5px 0; border-bottom: 1px dotted var(--admincp-bordera); }
			.cmlist tr:last-child td { border-bottom: none; }
			.cmlist h4{ color:var(--admincp-color); width: 90px; }
	.cside{ float:right; display:inline; margin-right:5px; width:151px; text-align:left; }
		.cside h3{ position:relative; margin-bottom:0; padding:6px 0 0 5px; height:28px; line-height:28px; border-bottom:1px solid var(--admincp-borderb); background:url(bg_custom_t.gif) repeat-x; }
		.ctitle1{ display:block; padding-left:25px; height:28px; background:url(btn_add2menu.gif) no-repeat 0 5px; color:#090; }
			.ctitle1:hover{ text-decoration:none; }
		.cadmin{ position:absolute; top:-4px; right:-5px; padding:10px 10px 0; color:  var(--admincp-fb); font-weight:400; }
		.cslist li{ height:1%; }
			.cslist li a{ display:block; padding:5px 5px 5px 30px; border-radius: var(--admincp-radius-s); transition: background .15s; }
				.cslist li a:hover{ text-decoration:none; background: var(--admincp-bgf2); }
		.cslist li .pages{ margin-left:27px; }
			.cslist li .pages a{ display:inline; padding:2px 5px; }
			.cslist li .pages a:hover{ background:var(--admincp-color); }
		.cfixbd{ position:absolute; right:5px; bottom:0; width:151px; height:5px; line-height:5px; font-size:1px; background:  var(--admincp-bgf); overflow:hidden; }
/* list */
.tpllist{ list-style:disc; margin:10px 15px; line-height:180%; }
.tpllist2{ list-style:circle; margin:5px 25px; }
.tpllist3{ list-style:square; margin:0 25px; }
.userlist{ overflow:hidden; margin:10px 0; }
	.userlist li{ float:left; margin:0 10px 10px 0; white-space:nowrap; }
	.unum{ clear:both; display:block; width:100%; font-weight:700; }
.safelist{ padding:10px 0; border-top:4px solid var(--admincp-bga); }
	.safelist li{ margin-bottom:5px; padding-left:20px; line-height:160%; background:url(bg_repno.gif) no-repeat -340px 6px; }
		.safelist p{ margin-bottom:5px; }
		.safelist .txt{ width:150px; }
.infolist{}
	.infolist li{ clear:both; line-height:180%; }
		.infolist em{ float:left; width:120px; }
.tb2 .threadopt{ border-bottom:1px solid var(--admincp-borderb); background:none; vertical-align:top; }
.threadtitle{ padding:10px !important; }
.nowrap li{ float:left; white-space:nowrap; margin-right:5px; }

/* pages */
.pg{ clear:both; margin:10px 0; }
	.pg em, .pg a, .pg strong{ text-decoration:none; margin-left:3px; padding:5px 10px; border:1px solid var(--admincp-borderd); vertical-align:middle; border-radius:var(--admincp-radius-s); transition:all .15s; }
		.pg a:hover{ text-decoration:none; border-color:var(--admincp-color); background:var(--admincp-color); color:var(--admincp-ff); }
	.pg strong{ border:none; font-weight:700; }
	.pg kbd input{ margin-left:5px; width:45px; vertical-align:middle; }
.cuspages{ margin:3px 0; line-height:200%; }
	.cuspages .pg{ display:inline; clear:none; margin-right:10px; }
.fixsel select{ margin:3px 5px 3px 0; }

/* link */
.addtr{ padding-left:17px; line-height:25px; color:var(--admincp-f60); display: inline-flex;text-decoration: none;}
.addtr:hover { text-decoration: none;}
.addtr::before {font-family:dzicon;content: "\e601";font-size: 16px;font-style: normal; margin-right: 5px;border: 0; color:  var(--admincp-f60);}
.act{ margin:0 5px; text-decoration:underline; }
.addchildboard, .deleterow { margin-right: 5px; padding-left:17px; line-height:25px;color:  var(--admincp-fa); zoom: 1;display: inline-flex;vertical-align: middle; }
.addchildboard::before {font-family:dzicon;content: "\e601";font-size: 16px;font-style: normal; margin-right: 5px;border: 0; color:  var(--admincp-fc);}
	.deleterow::before {font-family:dzicon;content: "\e647";font-size: 16px;font-style: normal; margin-right: 5px;border: 0; color:  var(--admincp-fc);}
	.addchildboard:hover, .deleterow:hover { text-decoration:none; color:var(--admincp-f60) !important; }
.switch{ color:var(--admincp-color); }
	.switch:hover{ text-decoration:none; }
	.switch img{ margin-right:5px; vertical-align:middle; }
.lightlink{ color:  var(--admincp-fb); text-decoration:underline;}
.lightlink2{ color:  var(--admincp-fb); }
.parentlink{ color:var(--admincp-color); text-decoration:underline; }
.menulink{ background:none !important; text-decoration:underline; }
	.menulink:hover{ text-decoration:underline !important; }

/* admincp default */
.anno{ width:200px; }
	.anno p{ margin:4px 0; }
	.anno .txt{ margin-left:3px; width:105px; }
.difflink{ margin:10px 0; }
	.difflink a{ margin-left:10px; color:  var(--admincp-fb); text-decoration:underline; }
.devteam{ width:350px; }

/* widget */
.checked, .checked .txt{ color:var(--admincp-color); }
.lightfont{ color:#CCC; }
.light, .light a{ color:#AAA; }
.lightnum{ color:var(--admincp-f60); }

.error{ color:#F00; }
.diffcolor2{ color:#090; }
.diffcolor3{ color:var(--admincp-color); }
.nomargin{ margin:0; }
.marginleft{ margin-left:20px; }
.marginleft10{ margin-left:10px; }
.marginright{ margin-right:10px; }
.margintop{ margin-top:10px; }
.marginbot{ margin-bottom:10px; }
.nobg, .nobg td{ background:none; }
	.nobg .td27{ padding-left:5px; }
.nobottom{  }
.nobdb{ border-bottom:none; }
.nobdt{ border-top:none; }
.noborder, .noborder td{border-bottom:0; border-top:0; }
	.noborder td:hover, .normalfont { color: var(--admincp-fa); }

.vtop{ vertical-align:top; }
.lineheight{ line-height:150%; }
.left{ float:left; }
.right{ float:right; align-self: flex-end; }
.center{ text-align:center; }
.bold{ font-weight:700; }
.normal{ font-weight:400; }
.clear{ clear:both; }
.smallfont{font-size:14px!important;}
.smallfont h3{ font-size:14px; }
.fixpadding th, .fixpadding td{ padding-left:20px !important; }
.notice { position: absolute; z-index: 100; width: 100%; }
	.notice a { display: inline-block; padding: 5px 10px; border: solid var(--admincp-borderc); border-width: 0 1px 1px; background: #FEFEE9; color: red; box-shadow: 0 2px 6px rgba(0,0,0,.08); border-radius: 0 0 var(--admincp-radius-s) var(--admincp-radius-s); }
		.notice a:hover { text-decoration: none; }
	.notice span { margin-left: 20px; color: var(--admincp-color); text-decoration: underline; }

.news{ padding:10px 0; border-top:4px solid var(--admincp-bga); clear: both; }
	.news li { list-style: none; }
#boardnews{ padding-bottom:10px; }

.diff-deleted{ background:rgba(239,83,80,.1) !important; }
.diff-changed{ background:rgba(255,193,7,.12) !important; }
.diff-added{ background:rgba(102,187,106,.1) !important; }

.verifyimg { max-height: 120px; }

.dbox.hometop { flex-direction: row; width: 100%; margin-top: 20px;}
.dbox.hometop .avt { width: 80px; height: 80px; margin-right: 24px; border: 2px solid #fff; border-radius: 3px; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }
.dbox.hometop .hinfo { flex-grow: 1; }
.dbox.hometop .hinfo h4 { font-size: 18px; margin-top: 14px; margin-bottom: 10px; color: var(--admincp-fa);}
/* .st-l .dbox.hometop .hinfo h4{color:#000;} */

.dbox.hometop .hinfo p { font-size: 14px; color: #666; }
.dbox .tb2 td{ padding:10px 5px 10px 0px;}
.dbox .tb2 th{ padding:10px 5px 10px 0px;}
.dbox .tb3 th{ padding:10px 0 5px; }
.dbox .tb3 td{ padding:0;}
.tipsbody { padding: 10px 20px; background: #b9edd5; color: #1f7244; }

.tipsbody .difflink a { color: #1f7244; }

.tipsbody .tipicon { background:  var(--admincp-bgf); width: 32px; height: 32px; border-radius: 27px; margin-top: 3px; margin-right: 14px; padding: 6px; }

/* ===== File Check Widget Styles ===== */
/* ===== File Check Widget Styles ===== */
.fc-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; padding: 16px 20px; }
.fc-item { display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: var(--admincp-bgf); border-radius: 10px; border: 1px solid var(--admincp-borderd); transition: transform .2s ease, box-shadow .2s ease; }
.fc-item:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,.06); }
.fc-icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; flex-shrink: 0; }
.fc-icon i { font-size: 18px; font-style: normal; }
.fc-i-ok:before { content: "\e8be"; font-family: dzicon; color: #059669; font-style: normal; }
.fc-i-warning:before { content: "\e8c6"; font-family: dzicon; color: #d97706; font-style: normal; }
.fc-i-danger:before { content: "\e648"; font-family: dzicon; color: #dc2626; font-style: normal; }
.fc-i-info:before { content: "\e600"; font-family: dzicon; color: #6189B8; font-style: normal; }
.fc-ok .fc-icon { background: rgba(16, 185, 129, 0.08); }
.fc-warning .fc-icon { background: rgba(245, 158, 11, 0.08); }
.fc-danger .fc-icon { background: rgba(220, 38, 38, 0.08); }
.fc-info .fc-icon { background: rgba(97, 137, 184, 0.08); }
.fc-detail { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.fc-label { font-size: 12px; color: var(--admincp-fc); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fc-num { font-size: 22px; font-weight: 700; color: var(--admincp-fa); line-height: 1; }
.fc-ok .fc-num { color: #059669; }
.fc-warning .fc-num { color: #d97706; }
.fc-danger .fc-num { color: #dc2626; }
.fc-info .fc-num { color: #6189B8; }
.fc-footer { display: flex; justify-content: space-between; align-items: center; padding: 12px 20px; border-top: 1px solid var(--admincp-borderd); background: var(--admincp-bgc); gap: 8px; }
.fc-time { font-size: 12px; color: var(--admincp-fc); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fc-link { font-size: 12px; color: var(--admincp-color); text-decoration: none; transition: color .15s; white-space: nowrap; flex-shrink: 0; }
.fc-link:hover { color: var(--admincp-ahover); text-decoration: none; }
.fc-link em { font-style: normal; margin-left: 2px; }

/* Right sidebar narrow layout */
#show_widgets_right .fc-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 14px 16px; }
#show_widgets_right .fc-item { padding: 12px 14px; gap: 10px; }
#show_widgets_right .fc-icon { width: 36px; height: 36px; }
#show_widgets_right .fc-icon i { font-size: 16px; }
#show_widgets_right .fc-label { font-size: 11px; }
#show_widgets_right .fc-num { font-size: 20px; }
#show_widgets_right .fc-footer { padding: 10px 16px; }
#show_widgets_right .fc-time, #show_widgets_right .fc-link { font-size: 11px; }

/* Responsive fallback */
@media (max-width: 575px) {
	.fc-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 14px 16px; }
	.fc-item { padding: 12px 14px; gap: 10px; }
	.fc-icon { width: 36px; height: 36px; }
	.fc-icon i { font-size: 16px; }
	.fc-label { font-size: 11px; }
	.fc-num { font-size: 20px; }
	.fc-footer { padding: 10px 16px; }
	.fc-time, .fc-link { font-size: 11px; }
}
#home_notes .drow { align-items: flex-start; }
#home_notes .drow > .dcol { flex-basis: 50%; max-width: 50%; }
.adminnote { min-height: 170px; background: var(--admincp-bgf); position: relative; margin-bottom: 16px; border-radius: 10px; border: 1px solid var(--admincp-borderd); border-left: 4px solid var(--admincp-color); box-shadow: 0 2px 8px rgba(0,0,0,.04); transition: transform .2s ease, box-shadow .2s ease; display: flex; flex-direction: column; overflow: visible; }
.adminnote:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,.08); }
.adminnote .note-body { padding: 14px 16px 16px; display: flex; flex-direction: column; flex: 1; position: relative; }
.adminnote .note-header { display: flex; align-items: center; gap: 8px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--admincp-borderd); }
.adminnote .note-avatar { width: 32px; height: 32px; border-radius: 50%; background: var(--admincp-color); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 600; flex-shrink: 0; text-transform: uppercase; }
.adminnote .note-author { font-size: 13px; font-weight: 600; color: var(--admincp-color); }
.adminnote .note-date { font-size: 11px; color: var(--admincp-fc); margin-top: 1px; }
.adminnote .note-message { font-size: 13px; line-height: 1.6; color: var(--admincp-fa); word-break: break-word; flex: 1; }
.adminnote .note-expire { font-size: 11px; color: var(--admincp-fc); margin-top: 10px; padding-top: 8px; border-top: 1px dashed var(--admincp-borderd); }
.adminnote .ndel { position: absolute; top: 8px; right: 8px; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: transparent; color: transparent; font-size: 0; transition: all .2s ease; z-index: 2; }
.adminnote .ndel:hover { background: rgba(220, 38, 38, 0.1); text-decoration: none; }
.adminnote .ndel:before { content: "\00d7"; font-size: 16px; font-weight: 700; color: #dc2626; opacity: 0; transition: opacity .15s; }
.adminnote:hover .ndel:before { opacity: 1; }
.adminnote-form { padding: 16px 20px; background: var(--admincp-bgc); border-top: 1px solid var(--admincp-borderd); }
.adminnote-form .note-form-row { display: flex; flex-direction: column; gap: 12px; }
.adminnote-form .note-form-row textarea.txt { width: 100%; padding: 8px 12px; border: 1px solid var(--admincp-borderd); border-radius: var(--admincp-radius-s); background: var(--admincp-bgf); transition: border-color .2s, box-shadow .2s; font-size: 13px; color: var(--admincp-fa); resize: vertical; min-height: 60px; box-sizing: border-box; font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif; }
.adminnote-form .note-form-row textarea.txt:focus { border-color: var(--admincp-color); outline: none; box-shadow: 0 0 0 3px rgba(var(--root-base-value), 0.12); }
.adminnote-form .note-form-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.adminnote-form .note-form-meta .txt { padding: 6px 10px; border: 1px solid var(--admincp-borderd); border-radius: var(--admincp-radius-s); background: var(--admincp-bgf); transition: border-color .2s, box-shadow .2s; font-size: 13px; color: var(--admincp-fa); height: 32px; box-sizing: border-box; }
.adminnote-form .note-form-meta .txt:focus { border-color: var(--admincp-color); outline: none; box-shadow: 0 0 0 3px rgba(var(--root-base-value), 0.12); }
.adminnote-form .note-form-meta .btn { padding: 6px 16px; border: none; border-radius: var(--admincp-radius-s); background: var(--admincp-color); color: #fff; cursor: pointer; transition: opacity .15s, transform .1s; font-size: 13px; font-weight: 500; height: 32px; box-sizing: border-box; line-height: 1; }
.adminnote-form .note-form-meta .btn:hover { opacity: 0.88; }
.adminnote-form .note-form-meta .btn:active { transform: translateY(1px); opacity: 0.95; }
.adminnote-form .meta-label { font-size: 12px; color: var(--admincp-fc); white-space: nowrap; }
.adminnote-form .meta-unit { font-size: 12px; color: var(--admincp-fc); white-space: nowrap; }
.adminnote-form .note-form-meta input[name="newexpiration"] { width: 50px; text-align: center; }
.team { display: flex; flex-wrap: wrap; flex-basis: calc(100% - 150px); }
.team a { flex-basis: 25%; min-width: 180px; }
.team span { flex-basis: 40%; min-width: 200px; }
.team.tm a { flex-basis: auto; min-width: auto; }
#home_dev img { margin-left: 15px; float:right; width:100px; }

/* forumlist */
.forumheader { padding: 0 20px; height: 60px; line-height: 60px; border-bottom: 1px solid var(--admincp-borderd); }


/* sub table */
.sub, .sub .td27{ padding-left:35px !important; }
.sub .rowform{ padding-left:35px !important; width:281px; }
	.sub .rowform .txt, .sub .rowform textarea{ width:225px; }
	.sub select{ width:231px; }

.mt10{margin-top: 10px;}
.mt0{margin-top:0}
.header, .header td, .header th{ font-weight: 700; }

.smallefont{font-size: 14px}

/* 弹窗 */
.fwin { text-align: left; background: var(--admincp-bgf); font-size: 12px; min-width: 200px; border-radius: 8px; box-shadow: 0 8px 30px rgba(0,0,0,.12); }
.t_l, .t_c, .t_r, .m_l, .m_r, .b_l, .b_c, .b_r { overflow: hidden; background: var(--admincp-fc); }
.t_l, .t_r, .b_l, .b_r { width: 6px; height: 6px; line-height: 6px; font-size: 0; background: var(--admincp-fc); }
.t_c, .b_c { height: 6px; }
.m_l, .m_r { width: 6px; font-size: 1px; }
.m_c { background:  var(--admincp-bgf); }
.m_c .tb { margin: 0 0 6px; padding: 0 6px; }
.m_c .c { padding: 0 6px 6px; }
.m_c .o { padding: 8px 6px; text-align: right; border-top: 1px solid var(--admincp-borderc); background: var(--admincp-bgc); }
.m_c .o .btn { margin: 0; }

.flb { word-wrap: break-word; padding: 10px 10px 8px; height: 20px; line-height: 20px; }
	.flb em { float: left; font-size: 14px; font-weight: 700; color: var(--admincp-color); }
		.flb em a { text-decoration: none; }
	.flb span { float: right; color: #999; }
		.flb span a, .flb strong { float: left; text-decoration: none; margin-left: 8px; font-weight: 400; color: var(--admincp-fa); }
			.flb span a:hover { color: #999; }
		.flbc { float: left; width: 20px; height: 20px; overflow: hidden; background: #AAA; cursor: pointer; font-size: 16px; text-align: center; line-height: 20px; border-radius: var(--admincp-radius-s); transition: background .2s; }
			.flbc:hover { background: #15afdb; text-decoration: none; }
			.flbc:before { content: "\d7"; color:  var(--admincp-ff); font-weight: 700; }

.fwin .cl li { margin:5px; float: left; }
.fwin .cl li.a { font-weight: 700; }
.fwin .c { clear: both; }
.fwin .c  li{ color:  var(--admincp-fa); }
.fwin .dt { width: 100%; }
.fwin .dt th, .fwin .dt td { border-bottom: 1px dotted var(--admincp-bordera); line-height: 20px; }
.fwin .dt th { font-weight: 700; }
.fwin .ss em { background: var(--admincp-bge); width: 16px; line-height: 18px; display: block; float: left; margin: 2px; cursor: pointer; padding-left: 7px;}
.fwin .ss em.a { background: #09f; color:  var(--admincp-ff);}
.fwin .notice { position: relative !important; margin-top: 5px; }
#seocodes { word-break: break-word;}

/* .cl --> Clear 自动闭合 */
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl { zoom: 1; }

.preview { margin-bottom: 20px; width: 100%; height: 340px; border: 1px solid var(--admincp-color); box-shadow: 0 2px 8px rgba(0,0,0,.08); border-radius: var(--admincp-radius-s); }

/*
	Name:			mod_tip
	Level:			Global
	Explain:		弹出的气泡信息，1、2、3、4 分别指气泡尖角从左上到左小顺时针方向的位置
	Last Modify:	lushnis
*/
.tip { position: absolute; font-size: 12px; padding: 10px; width: 260px; border: 1px solid #B1B1B1; background: #FEFEE9; border-radius: var(--admincp-radius-s); box-shadow: 0 2px 8px rgba(0,0,0,.08); }
	.tip_1, .tip_2 { margin-top: 8px; }
	.tip_3, .tip_4 { margin-top: -8px; }
	.tip_horn { position: absolute; width: 11px; height: 6px; overflow: hidden; }
		.tip_1 .tip_horn { left: 5px; top: -6px; }
		.tip_2 .tip_horn { right: 5px; top: -6px; }
		.tip_3 .tip_horn { right: 5px; bottom: -6px; }
		.tip_4 .tip_horn { left: 5px; bottom: -6px; }
		.tip_js .tip_horn { right: 61px; bottom: -6px; }
		.tip_1 .tip_horn, .tip_2 .tip_horn { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6'%3e%3cpath fill='%23fefee9' stroke='%23b1b1b1' d='M0 6l5.5-5.3L11 6'/%3e%3c/svg%3e"); }
		.tip_3 .tip_horn, .tip_4 .tip_horn, .tip_js .tip_horn { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6'%3e%3cpath fill='%23fefee9' stroke='%23b1b1b1' d='M0 0l5.5 5.3L11 0'/%3e%3c/svg%3e"); }
	.aimg_tip { margin-top: 0; }


/*气泡信息 by dfox */
.prmm { margin-left: -27px; padding-top: 10px; width: 250px; background: transparent url(pm_ntc.gif) no-repeat 0 0; text-align: left; opacity: 0.98; }
	.prmc { padding-bottom: 10px; background: transparent url(pm_ntc.gif) no-repeat -250px 100%; }
		.prmm ul { padding: 0 10px; border: solid var(--admincp-borderb); border-width: 0 2px; background: var(--admincp-bgf); }
			.prmm li { border-bottom: 1px solid var(--admincp-bordera); line-height: 29px; display: block; width: 100%; color: var(--admincp-fb); overflow: hidden; text-overflow: ellipsis; }
				.prmm a:hover { text-decoration: none; color: #666; }
.up { padding-top: 0; padding-bottom: 10px; width: 150px; background-position: -500px 100%; }
	.up .prmc { padding-top: 5px; padding-bottom: 0; background-position: -650px 0; }
		.up li { border-bottom: none; line-height: 160%; }

/* 通用的表单样式 */
	.tfm { width: 100%; }
		.tfm caption, .tfm th, .tfm td { padding: 10px 2px;color: var(--admincp-fa); }
				.tfm tr { transition: background .12s; }
			.tfm caption h2 { font-size: 18px; }
			.vt th, .vt td { vertical-align: top; }
		.tfm th { width: 95px; font-weight: 700; }
			.tfm th .rq { float: right; }
			.tfm .pt, .tfm .px { margin-right: 3px; width: 282px; }
		.tfm .c, .tfm .tedt, .m_c .tfm .tedt { width: 290px; }
		.tfm .d { clear: both; margin: 5px 0; color: var(--admincp-fa); }
			.tfm .d em { margin-left: 5px; color: red; }
			.tfm .d strong { margin-left: 5px; }
		.tfm .p { text-align: right; }
		.tfm .pcl label { display: block; padding: 0 2px 5px; }
			.tfm .pcl .pc { margin-right: 5px; padding: 0; }
		.tfm .l th, .tfm .l td { padding-top: 0; padding-bottom: 0; }
	.bn .tfm caption, .bn .tfm th, .bn .tfm td { padding-top: 5px; padding-bottom: 5px; }
		.bn .tfm th { font-weight: 400; }

/* 普通数据列表 datatable by michael */

.dt { border-top: 1px solid var(--admincp-bordera); width: 100%; }
	.dt th { background: var(--admincp-bgf2); transition: background .15s; }
	.dt td, .dt th { padding: 7px 4px; border-bottom: 1px solid var(--admincp-bordera); }
	.dt .c { width: 50px; }
	.dt .px { height: 16px !important; }


/* 外边距 Margin，三组从窄到宽，级别分别为：n, m, w */
	.mtn { margin-top: 5px !important; }
	.mbn { margin-bottom: 5px !important; }
	.mtm { margin-top: 10px !important; }
	.mbm { margin-bottom: 10px !important; }
	.mtw { margin-top: 20px !important; }
	.mbw { margin-bottom: 20px !important; }

.psetting p { margin-top: 10px; }
	.psetting .light, .psetting .light a { color: #777; }
	.psetting a.memo { color: #999; margin-left: 20px; }
	.psetting div.memo { margin:5px;padding: 5px; border: 1px dotted var(--admincp-bordera); background:  var(--admincp-bgf); }


/* 进度条 */
.pbg { position: relative; margin: 10px 0; width: 200px; height: 16px; background: var(--admincp-bgc); border-radius: 8px; overflow: hidden; border: 1px solid var(--admincp-bordera); }
	.pbr { height: 16px; width: 200px; background: var(--admincp-color); border-radius: 8px; transition: width .3s ease; }
	.pbg .xs0 { position: absolute; top: 0; right: 8px; }

@property --percent { syntax: '<percentage>'; inherits: false; initial-value: 0%; }
.percentbar { margin: auto; border-radius: 25px; background: linear-gradient(90deg, #FFF, #EEE var(--percent), transparent 0); border: 1px solid var(--admincp-bordera); transition: .3s --progress; }



/* 新模版样式 */
.template_box{float:left; margin-right:20px; margin-bottom:20px; border:1px solid var(--admincp-bordera); padding:20px; border-radius:8px; min-height:202px; min-width:370px; transition:box-shadow .2s;}
.template_box:hover { box-shadow: 0 2px 10px rgba(0,0,0,.05); }
.template_box .template_top{display: flex;align-items: center;}
.template_box .template_top .template_name {margin-right: 10px;color: var(--admincp-color);font-size: 14px;}
.template_box .template_top .template_name a{color: var(--admincp-color);font-size: 14px;}
.template_box .template_top .template_version{background: var(--admincp-color);color:  var(--admincp-ff);font-size: 12px;padding: 0 2px;border-radius: 3px; margin-right: 10px;}
.template_box .template_top .template_control .control_btn{padding: 2px 6px;margin-right: 10px;}
.template_box .template_control{display: flex;align-items: center;}
.template_box .template_orther_menu{display: flex;align-items: center;justify-content: space-between;}
.template_box .template_center {display: flex;justify-content: space-between;margin-top: 10px;margin-bottom: 10px;}
.template_box .template_center .template_switch{display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;margin-left: 10px;}
.template_box .template_center .template_switch .switch_top{display: flex;flex-direction: column;align-items: flex-start;}
.template_box .template_center .template_switch .switch_top p{margin-top: 8px;}
.template_box .template_center .template_preview{width: 110px;height: 120px;}
.template_box .template_center .template_preview img{width: 100%; height: 100%;}
.template_box .template_center .template_menu{margin-left: 40px;display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;width: 150px;}
.template_box .template_center .template_menu .template_menu_top{width: 100%;}
.template_box .template_center .template_menu .template_control{margin-bottom: 5px;justify-content: space-between;}
.template_box .template_center .template_menu .template_orther_menu{margin-top: 10px;display: flex;align-items: center;justify-content: space-between;width: 100%;}
.template_box .template_center .template_menu .template_orther_menu .edit_file{margin: 0 5px;}
.template_box .template_center .template_menu .template_control .control_btn{margin-right: 10px;}
.template_box .template_center .template_menu .template_control .control_btn:last-child{margin-right: 0px;}
.template_box .template_bottom input{border: 0;background: none;font-size: 14px;}

.pluginlist .hover:hover { background: none; }
.plugin_control { width:350px;text-align:right; }
.plugin_control .txt { height: 20px; }
.plugin_control .control_btns { display: flex;align-items: center; flex-direction: row-reverse; }
.control_btn{ display:flex; justify-content:center; align-items:center; color:var(--admincp-fa); padding:6px 10px; background-color:var(--admincp-bgf); box-shadow:0 0 0 1px var(--admincp-borderd); border-radius:var(--admincp-radius-s); transition:background-color .15s, box-shadow .15s; }
.control_btn:hover{ background-color:rgba(var(--root-base-value), 0.08); box-shadow:0 0 0 1px var(--admincp-color); text-decoration:none; }
.cell_btn{background-color: var(--admincp-bga);color: var(--admincp-color);box-shadow: 0 0 0 1px var(--admincp-color);}
.control_btn img{width: 16px;height: 16px;margin-right: 3px;}
.cell_btn img,.big_btn img{width: 20px;height: 20px;}
/* .big_btn{color: var(--admincp-color);} */
.tips_title:before{font-family:dzicon;content: "\e8bd";font-size: 16px; font-style: normal; margin-right: 5px;border: 0;}

/* body{background: none;}
#cpcontainer,.cpcontainer,.copyright{background: rgba(255, 255, 255, 0.58);}
.tbm{background: rgba(255, 255, 255, 0.8);}
.addchildboard, .deleterow{color: var(--admincp-fa);} */


input[type=radio],input[type=checkbox] {display:inline-block;vertical-align:middle;width:15px;height:15px;margin-left:5px;-webkit-appearance:none;background-color:transparent;border:0;outline:0 !important;line-height:15px;color:var(--admincp-fc);}
input[type=radio]:after {content:"";display:block;width:15px;height:15px;border-radius:50%;text-align:center;line-height:14px;font-size:12px;color:#fff;border:1px solid var(--admincp-borderc);background-color:var(--admincp-bgf);box-sizing:border-box;margin-left:-8px;margin-top:-6px;transition:border-color .15s, background-color .15s;}
input[type=checkbox]:after {content:"";display:block;width:15px;height:15px;text-align:center;line-height:14px;font-size:12px;color:var(--admincp-ff);border:1px solid var(--admincp-borderc);background-color:var(--admincp-bgf);box-sizing:border-box;margin-left:-8px;margin-top:-6px;border-radius: 2px;transition:border-color .15s, background-color .15s;}
input[type=checkbox]:checked:after {font-family: dzicon;content: "\e634";border-color:var(--admincp-color);background-color:var(--admincp-color);font-size: 10px;}
input[type=radio]:checked:after {font-family: dzicon;content: "\e645";color:var(--admincp-color);background:none;font-size: 17px;border: 0;margin-left: -9px;margin-top: -6px;}
/* input[type=radio]:checked:after {border:5px solid var(--admincp-borderd);background-color:var(--admincp-color);} */
input[type=radio]:disabled:after,input[type=checkbox]:disabled:after {border:1px solid var(--admincp-bordera);background-color:var(--admincp-bge);}

.charts span { margin-right: 50px; }
.charts .trendlink { }
.charts { margin-top: 6px; }
#statchart { border-radius: 6px; overflow: hidden; }
div.stats, div.todo { display: flex; width: 100%; justify-content: space-between; margin-bottom: 10px; text-align: center; flex-wrap: wrap; }
div.stats>em, div.todo>em { display: block; padding: 12px 16px; margin: 4px; background: var(--admincp-bgc); border-radius: 10px; border: 1px solid var(--admincp-borderd); transition: background .2s, box-shadow .2s; }
div.stats>em:hover, div.todo>em:hover { background: var(--admincp-bgf2); box-shadow: 0 2px 8px rgba(0,0,0,.04); }
div.stats span, div.todo span { display: block; font-size: 22px; font-weight: 600; margin-top: 4px; }
div.todo { justify-content: flex-start; }
div.todo>em { width: 25%; }


.stat_box ul {width:calc(100% + 10px);overflow:hidden}
.stat_box .statitem {float:left;width:calc(25% - 10px);margin:5px 10px 5px 0;padding:14px 16px 13px;line-height:22px;box-sizing:border-box;border-radius:10px;overflow:hidden;background:var(--admincp-bgc);position:relative;border:1px solid var(--admincp-borderd);transition:transform .2s ease, box-shadow .2s ease;}
.stat_box .statitem:hover { transform:translateY(-2px); box-shadow:0 4px 14px rgba(0,0,0,.06); }
.stat_box .statitem:after{content:"\e612";font-family: dzicon; font-size: 40px; position:absolute;top:20px;right:10px;bottom:0;opacity:0.1}
.stat_box .statitem span {display:block;margin:15px 0 5px;min-height:22px;font-size:20px;font-weight:600;color:var(--admincp-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:30px;cursor:help;}
.stat_box .statitem span a {color:inherit}
.stat_box .statitem em {font-size:12px;float: right;margin-top: 40px;color:var(--admincp-fc);max-width:calc(100% - 30px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.stat_box .ico01:after {content: "\e621"; }
.stat_box .ico02:after {content: "\e7a7"; }
.stat_box .ico03:after {content: "\e6d5"; }
.stat_box .ico04:after {content: "\e606"; }
.stat_box .ico05:after {content: "\e619"; }
.stat_box .ico06:after {content: "\e66b"; }
.stat_box .ico07:after {content: "\e63c"; }
.stat_box .ico08:after {content: "\e649"; }

.stat_detail { display: flex; margin-top: 12px; padding: 14px 16px; background: var(--admincp-bgc); border-radius: 10px; border: 1px solid var(--admincp-borderd); flex-wrap: wrap; gap: 0; }
.stat_detail_item { flex: 1; min-width: 0; padding: 6px 16px; display: flex; align-items: center; gap: 8px; }
.stat_detail_item:not(:last-child) { border-right: 1px solid var(--admincp-bordera); }
.stat_detail_item label { font-size: 12px; color: var(--admincp-fc); white-space: nowrap; flex-shrink: 0; }
.stat_detail_item value { font-size: 13px; font-weight: 600; color: var(--admincp-fa); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.stat_detail_item value a { color: var(--admincp-color); }
.stat_detail_item value a:hover { text-decoration: underline; }

.st-d .stat_box .statitem {
    background: var(--admincp-bodybg);
}

#show_widgets_right .stat_box .statitem {
    width: calc(50% - 10px);
}

.hotthreads-list { padding: 4px 0; }
.ht-item { display: flex; align-items: center; padding: 9px 16px; border-bottom: 1px solid var(--admincp-borderd); transition: background .15s; min-width: 0; }
.ht-item:last-child { border-bottom: none; }
.ht-item:hover { background: var(--admincp-bgf2); }
.ht-rank { width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--admincp-bgc); color: var(--admincp-fc); font-size: 11px; font-weight: 600; flex-shrink: 0; margin-right: 10px; }
.ht-rank.top { background: var(--admincp-color); color: #fff; }
.ht-subject { flex: 1; min-width: 0; color: var(--admincp-fa); font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px; }
.ht-subject:hover { color: var(--admincp-color); text-decoration: none; }
.ht-forum { font-size: 11px; color: var(--admincp-fc); background: var(--admincp-bgc); padding: 2px 8px; border-radius: 3px; white-space: nowrap; flex-shrink: 0; margin-right: 8px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; }
.ht-replies { font-size: 12px; color: var(--admincp-fc); white-space: nowrap; flex-shrink: 0; }
.ht-replies::before { content: "\e665"; font-family: dzicon; font-size: 12px; margin-right: 3px; vertical-align: -1px; }

/* News Widget */
.news-list { padding: 0 !important; }
.news-item { display: flex; align-items: center; padding: 9px 16px; border-bottom: 1px solid var(--admincp-borderd); transition: background .15s; min-width: 0; }
.news-item:last-child { border-bottom: none; }
.news-item:hover { background: var(--admincp-bgf2); }
.news-date { font-size: 11px; color: var(--admincp-fc); white-space: nowrap; flex-shrink: 0; margin-right: 12px; min-width: 70px; }
.news-title { flex: 1; min-width: 0; color: var(--admincp-fa); font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-title:hover { color: var(--admincp-color); text-decoration: none; }

/* System Info Widget */
.sysinfo-header { background: var(--admincp-bgc) !important; border-left: 3px solid var(--admincp-color) !important; padding: 8px 16px !important; margin: 8px 0 0 0 !important; }
.sysinfo-header:first-child { margin-top: 0 !important; }
.sysinfo-header:hover { background: var(--admincp-bgc) !important; padding-left: 16px !important; }
.sysinfo-header .sysinfo-label { font-weight: 600; font-size: 12px; color: var(--admincp-color); letter-spacing: .5px; text-transform: uppercase; }
#home_sys_info i[class] { width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; background: var(--admincp-bgc); border-radius: 5px; font-size: 14px; margin-right: 6px; vertical-align: middle; }
#home_sys_info .dzlogo::before, #home_sys_info .uclogo::before { font-size: 16px; }
.sysinfo-badge { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; margin-left: 8px; }
.sysinfo-badge.on { background: rgba(16,185,129,.1); color: #059669; }
.sysinfo-badge.off { background: rgba(239,68,68,.1); color: #dc2626; }
.sysinfo-detail { padding: 3px 10px; background: var(--admincp-bgc); border: 1px solid var(--admincp-borderd); border-radius: 4px; font-size: 12px; color: var(--admincp-color) !important; text-decoration: none !important; transition: all .15s; }
.sysinfo-detail:hover { background: var(--admincp-color); color: #fff !important; border-color: var(--admincp-color); }

.sysicon { vertical-align: middle; font-family: sysicon; font-size: 14px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; }
    .sysicon.sys_php:before { content: "\e607"; }
    .sysicon.sys_mysql:before { content: "\e608"; }
    .sysicon.sys_win:before { content: "\e602"; }
    .sysicon.sys_debian:before { content: "\e603"; }
    .sysicon.sys_fedora:before { content: "\e604"; }
    .sysicon.sys_ubuntu:before { content: "\e606"; }
    .sysicon.sys_centos:before { content: "\e609"; }
    .sysicon.sys_linux:before { content: "\e605"; }
    .sysicon.sys_redis:before { content: "\e60a"; }
    .sysicon.sys_memcache:before { content: "\e60c"; }
    .sysicon.sys_memory:before { content: "\e60b"; }
    .sysicon.sys_servers:before { content: "\e613"; }
    .sysicon.sys_webserver:before { content: "\e618"; }
    .sysicon.sys_nginx:before { content: "\e616"; }
    .sysicon.sys_apache:before { content: "\e619"; }
    .sysicon.sys_lighttpd:before { content: "\e615"; }
    .sysicon.sys_iis:before { content: "\e61a"; }
    .sysicon.sy{ -moz-transform:scaleY(-1); -webkit-transform:scaleY(-1); -o-transform:scaleY(-1); transform:scaleY(-1); }


.dzlogo::before{ font-family: dzicon;content: "\e620";font-size: 14px; font-style: normal; }
.dzlogo2::before{ font-family: dzicon;content: "\e61f";font-size: 14px; font-style: normal; }
.uclogo::before{ font-family: dzicon;content: "\e618";font-size: 14px; font-style: normal; }
.related::before{ font-family: dzicon;content: "\e622";font-size: 14px; }
    a.related { text-decoration:none; color: var(--admincp-fd); margin-left: 5px; vertical-align: middle; }
    a.related:hover { color: var(--admincp-fb); }
.queuelogo::before{ font-family: dzicon;content: "\e6a3\e6a3";font-size: 7px; font-style: normal; }
.cronlogo::before{ font-family: dzicon;content: "\e62a";font-size: 14px; font-style: normal; }

/* ===== Widget Drag & Drop ===== */
.widget-wrapper {
	position: relative;
	transition: opacity .2s, box-shadow .2s;
}
.widget-wrapper.dragging {
	opacity: 0.4;
	box-shadow: 0 4px 20px rgba(0,0,0,.12);
}
.widget-wrapper.widget-hidden {
	opacity: 0.55;
}
.widget-wrapper.widget-hidden .boxbody {
	display: none;
}
.widget-wrapper.widget-hidden .boxheader {
	opacity: 0.65;
	border-bottom: none;
}
.widget-wrapper.widget-invisible {
    display: none;
}
/* When boxheader exists, hide separate toolbar and make boxheader draggable */
.widget-wrapper.has-boxheader > .widget-toolbar {
	display: none;
}
.widget-wrapper.has-boxheader .boxheader {
	cursor: grab;
	user-select: none;
}
.widget-wrapper.has-boxheader .boxheader:active {
	cursor: grabbing;
}
/* Fallback toolbar for widgets without boxheader */
.widget-toolbar {
	padding: 4px 12px;
	background: var(--admincp-bgf2);
	border: 1px dashed var(--admincp-borderb);
	border-radius: 8px 8px 0 0;
	cursor: grab;
	user-select: none;
	min-height: 28px;
	line-height: 28px;
	font-size: 12px;
	color: var(--admincp-fc);
}
.widget-toolbar:active {
	cursor: grabbing;
}
/* Toggle button – inline, follows title text */
.widget-toggle {
	display: inline;
	background: none;
	border: none;
	cursor: pointer;
	font-size: 14px;
	color: var(--admincp-fc);
	padding: 0 4px;
	line-height: 1;
	vertical-align: baseline;
	visibility: hidden;
	transition: color .15s;
}
.widget-wrapper:hover .widget-toggle,
.widget-wrapper.dragging .widget-toggle,
.widget-wrapper.widget-hidden .widget-toggle {
	visibility: visible;
}
.widget-toggle:hover {
	color: var(--admincp-color);
}
/* Drop indicators – thick line + dot */
.widget-wrapper.drop-before::before,
.widget-wrapper.drop-after::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	height: 3px;
	background: var(--admincp-color);
	border-radius: 2px;
	z-index: 5;
	pointer-events: none;
}
.widget-wrapper.drop-before::before {
	top: -2px;
}
.widget-wrapper.drop-after::after {
	bottom: -2px;
}
.widget-wrapper.drop-before::after,
.widget-wrapper.drop-after::before {
	content: '';
	position: absolute;
	left: -5px;
	width: 10px;
	height: 10px;
	background: var(--admincp-color);
	border-radius: 50%;
	z-index: 5;
	pointer-events: none;
}
.widget-wrapper.drop-before::after {
	top: -5px;
}
.widget-wrapper.drop-after::before {
	bottom: -5px;
}
#show_widgets_left.drop-target,
#show_widgets_right.drop-target {
	background: rgba(0,0,0,.02);
	border-radius: 8px;
	outline: 2px dashed var(--admincp-borderb);
	outline-offset: -2px;
}
#show_widgets_left,
#show_widgets_right {
	min-height: 100px;
}
.widget-actions a {
    display: block;
    color: var(--admincp-alink);
    text-decoration: none;
    line-height: 35px;
    font-size: 12px;
    font-weight: 400;
    padding: 2px 10px;
}
.widget-actions a:hover {
    background-color: var(--admincp-bgb);
}

#user_bar {
    height: 20px;
    margin-top: 15px;
    font-size: 9px;
    border: 1px solid var(--admincp-color);
    padding: 4px;
    border-radius: 4px;
    background: rgba(var(--root-base-value), 0.15);
    color: var(--admincp-color);
}

#user_bar_menu {
    border: 1px solid var(--admincp-bordera);
    margin-top: 5px;
    background: var(--admincp-bgf);
    border-radius: var(--admincp-radius-s);
    min-width: 80px;
    box-shadow: 0 0 10px 0 rgba(82, 63, 105, .15);
    padding: 5px;
}

@font-face {
    font-family: 'mitframeicon';
    src: url('../mitframe/mitframe.woff2?v3') format('woff2'),
    url('../mitframe/mitframe.woff?v3') format('woff'),
    url('../mitframe/mitframe.ttf?v3') format('truetype');
}

.mitframe_gray::before{ font-style: normal; font-family: mitframeicon;content: "\e60e";font-size: 10px; margin-right: -5px; }
.mitframe_color::before{ font-style: normal; font-family: mitframeicon;content: "\e60d";font-size: 10px; }
.i18n_ico::before { font-family: normal; font-family: mitframeicon; content: "\e620";font-size: 12px; margin-right: 1px; }
#calendar{margin-top: 10px;background: var(--admincp-bgf)!important;border: 1px solid var(--admincp-borderb)!important; font-size: 12px; border-radius: var(--admincp-radius-s); box-shadow: 0 2px 8px rgba(0,0,0,.06);}
#calendar input { width: 30px !important; }
#calendar_year, #calendar_month { font-size: 12px; }
#calendar_header td,#calendar_week td{border-bottom: 1px solid var(--admincp-borderb)!important;}
.calendar_default, .calendar_default a:link, .calendar_default a:visited,#calendar_week a{color: var(--admincp-color)!important;}
#calendar td.calendar_checked, #calendar span.calendar_checked{background: var(--admincp-bga)!important;border-radius: var(--admincp-radius-s); transition: background .15s;}
.calendar_checked, .calendar_checked a:link, .calendar_checked a:visited{color: var(--admincp-color)!important;}

#calendar_week .dropmenu{ filter: none; opacity: 1; background: none; margin-left: 0;position:relative; margin-top:0; border:none; text-align:left; text-decoration:underline; display: inline; box-shadow: none; }
.calendar_checked, .calendar_checked a:link, .calendar_checked a:visited{ color:var(--admincp-fa); }
@media (max-width: 575px) {
	body{min-width: auto;}
	.cpcontainer #cpform{min-width: 1000px;background: var(--admincp-bgf);}
	.cpcontainer .tb2 .noborder{display: flex;flex-direction: column;}
	.cpcontainer .tb2 .rowform{overflow: hidden;}
	.cpcontainer .tb2 td{height: auto;padding: 5px;}
	.stat_box .statitem { width: calc(100% - 10px); }
	.stat_detail { flex-direction: column; }
	.stat_detail_item:not(:last-child) { border-right: none; border-bottom: 1px solid var(--admincp-bordera); padding-bottom: 10px; margin-bottom: 6px; }
	#show_widgets_left { flex-basis: 100%;}
	#show_widgets_right { flex-basis: 100%;}
	#user_bar { display: none; }
}

/* Online Users Capsule Tags */
#home_onlines .boxbody a {
	display: inline-block;
	padding: 4px 12px;
	margin: 3px 4px 3px 0;
	background: var(--admincp-bgc);
	border-radius: 20px;
	font-size: 12px;
	transition: background .2s, color .2s, border-color .2s;
	border: 1px solid var(--admincp-borderd);
}
#home_onlines .boxbody a:hover {
	background: var(--admincp-color);
	color: #fff;
	text-decoration: none;
	border-color: var(--admincp-color);
}

/* Widget spacing */
#show_widgets_left .dbox,
#show_widgets_right .dbox {
	margin-bottom: 18px;
}
@media (max-width: 1240px) {
	#show_widgets_left .dbox,
	#show_widgets_right .dbox {
		margin-bottom: 14px;
	}
}

/* ===== Todo Widget Styles ===== */
.todo-badge-toggle {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-shrink: 0;
}

.todo-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	height: 24px;
	padding: 0 8px;
	background: var(--admincp-color);
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	border-radius: 12px;
	line-height: 1;
	float: right;
}

/* 待办统计汇总 */
.todo-summary {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 6px;
	padding: 10px;
	margin-bottom: 16px;
	background: var(--admincp-bgf2);
	border-radius: var(--admincp-radius-s);
	border: 1px solid var(--admincp-borderd);
}

.todo-stat-item {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 10px;
	background: var(--admincp-bgf);
	border-radius: var(--admincp-radius-s);
	transition: background 0.15s ease;
	min-width: 0;
}

.todo-stat-item:hover {
	background: var(--admincp-bgf2);
	box-shadow: none;
	transform: none;
}

.stat-icon {
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 14px;
	flex-shrink: 0;
}

.icon-users::before {
	content: "\e621";
	font-family: dzicon;
	color: var(--admincp-color);
}

.icon-content::before {
	content: "\e615";
	font-family: dzicon;
	color: var(--admincp-color);
}

.icon-other::before {
	content: "\e7ef";
	font-family: dzicon;
	color: var(--admincp-color);
}

.stat-label {
	flex: 1;
	min-width: 0;
	font-size: 12px;
	color: var(--admincp-fc);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.stat-value {
	font-size: 16px;
	font-weight: 600;
	color: var(--admincp-color);
	margin-left: auto;
	flex-shrink: 0;
}

.stat-value a {
	color: inherit;
	text-decoration: none;
	transition: color 0.15s;
}

.stat-value a:hover {
	color: var(--admincp-ahover);
}

/* 待办分组 */
.todo-section {
	margin-bottom: 16px;
	border: 1px solid var(--admincp-borderd);
	border-radius: var(--admincp-radius-s);
	overflow: hidden;
	transition: box-shadow 0.2s ease;
}

.todo-section:hover {
	box-shadow: 0 2px 8px rgba(0,0,0,.04);
}

.todo-section:last-child {
	margin-bottom: 0;
}

.section-title {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 16px;
	background: var(--admincp-bgf2);
	border-bottom: 1px solid var(--admincp-borderd);
	font-size: 13px;
	font-weight: 600;
	color: var(--admincp-fa);
}

.todo-icon-users::before {
	content: "\e66a";
	font-family: dzicon;
	font-size: 16px;
	color: var(--admincp-color);
}

.todo-icon-content::before {
	content: "\e69a";
	font-family: dzicon;
	font-size: 16px;
	color: var(--admincp-color);
	font-style: normal;
}

.todo-icon-other::before {
	content: "\e641";
	font-family: dzicon;
	font-size: 16px;
	color: var(--admincp-color);
	font-style: normal;
}

.todo-items {
	padding: 8px;
}

.todo-item {
	margin-bottom: 4px;
	border-radius: var(--admincp-radius-s);
	transition: background 0.15s ease;
}

.todo-item:last-child {
	margin-bottom: 0;
}

.todo-item:hover {
	background: var(--admincp-bgf2);
}

.todo-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 12px;
	text-decoration: none;
	color: var(--admincp-fa);
	transition: color 0.15s;
	min-width: 0;
	gap: 8px;
}

.todo-link:hover {
	text-decoration: none;
	color: var(--admincp-color);
}

.todo-text {
	flex: 1;
	min-width: 0;
	font-size: 13px;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.todo-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 28px;
	height: 24px;
	padding: 0 10px;
	background: var(--admincp-bgc);
	color: var(--admincp-color);
	font-size: 13px;
	font-weight: 600;
	border-radius: 12px;
	transition: all 0.15s ease;
	flex-shrink: 0;
}

.todo-link:hover .todo-count {
	background: var(--admincp-color);
	color: #fff;
}

/* 紧急待办 */
.todo-item-urgent {
	border-left: 3px solid #f59e0b;
}

.todo-count-urgent {
	background: #fef3c7;
	color: #d97706;
}

.todo-link:hover .todo-count-urgent {
	background: #f59e0b;
	color: #fff;
}

/* 错误待办 */
.todo-item-error {
	border-left: 3px solid #dc2626;
}

.todo-count-error {
	background: #fee2e2;
	color: #dc2626;
}

.todo-link:hover .todo-count-error {
	background: #dc2626;
	color: #fff;
}

/* 响应式设计 */
@media (max-width: 768px) {
	.todo-items {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
		gap: 8px;
	}

	.todo-item {
		margin-bottom: 0;
	}
}

@media (max-width: 575px) {
	.todo-items {
		grid-template-columns: 1fr;
	}
}

/* ===== Site Status Widget Styles ===== */

/* 安全评分 */
.ss-security {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 16px;
	margin-bottom: 16px;
	background: var(--admincp-bgf2);
	border-radius: var(--admincp-radius-s);
	border: 1px solid var(--admincp-borderd);
}

.ss-score-circle {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	border: 3px solid;
	transition: all 0.3s ease;
}

.ss-score-good {
	border-color: #059669;
	background: rgba(16, 185, 129, 0.08);
}

.ss-score-good .ss-score-num {
	color: #059669;
}

.ss-score-warning {
	border-color: #f59e0b;
	background: rgba(245, 158, 11, 0.08);
}

.ss-score-warning .ss-score-num {
	color: #d97706;
}

.ss-score-danger {
	border-color: #dc2626;
	background: rgba(220, 38, 38, 0.08);
}

.ss-score-danger .ss-score-num {
	color: #dc2626;
}

.ss-score-num {
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
}

.ss-score-label {
	font-size: 11px;
	color: var(--admincp-fc);
	margin-top: 2px;
}

.ss-issues {
	flex: 1;
	min-width: 0;
}

.ss-issue-item {
	display: flex;
	align-items: flex-start;
	gap: 6px;
	padding: 4px 0;
	font-size: 12px;
	color: var(--admincp-fb);
	line-height: 1.5;
}

.ss-issue-dot {
	display: inline-flex;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #dc2626;
	margin-right: 6px;
	flex-shrink: 0;
	align-self: center;
}

.ss-issue-dot-good {
	background: #059669;
}

.ss-issue-icon {
	color: #dc2626;
	font-size: 14px;
	flex-shrink: 0;
	margin-top: 1px;
}

.ss-issues-good {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #059669;
	font-size: 13px;
	font-weight: 600;
}

.ss-issues-good i {
	font-size: 18px;
}

/* 分组区域 */
.ss-section {
	margin-bottom: 16px;
	border: 1px solid var(--admincp-borderd);
	border-radius: var(--admincp-radius-s);
	overflow: hidden;
}

.ss-section:last-child {
	margin-bottom: 0;
}

.ss-section .section-title {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 16px;
	background: var(--admincp-bgf2);
	border-bottom: 1px solid var(--admincp-borderd);
	font-size: 13px;
	font-weight: 600;
	color: var(--admincp-fa);
}

/* 资源监控 */
.ss-resource-grid {
	padding: 12px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.ss-resource-item {
	padding: 8px 12px;
	background: var(--admincp-bgf);
	border-radius: var(--admincp-radius-s);
	transition: background 0.15s;
}

.ss-resource-item:hover {
	background: var(--admincp-bgf2);
}

.ss-resource-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
	gap: 8px;
}

.ss-resource-name {
	font-size: 13px;
	color: var(--admincp-fa);
	font-weight: 500;
}

.ss-resource-value {
	font-size: 13px;
	color: var(--admincp-color);
	font-weight: 600;
	flex-shrink: 0;
}

.ss-resource-value.ss-resource-error {
	color: var(--admincp-red);
}

.ss-resource-value small {
	font-size: 11px;
	color: var(--admincp-fc);
	font-weight: 400;
}

.ss-progress-bar {
	height: 6px;
	background: var(--admincp-bgc);
	border-radius: 3px;
	overflow: hidden;
}

.ss-progress-fill {
	height: 100%;
	border-radius: 3px;
	transition: width 0.5s ease;
}

.ss-progress-cpu {
	background: var(--admincp-color);
}

.ss-progress-memory {
	background: var(--admincp-color);
}

.ss-progress-disk {
	background: var(--admincp-color);
}

/* 服务状态 */
.ss-service-grid {
	padding: 12px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

.ss-service-item {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 10px;
	background: var(--admincp-bgf);
	border-radius: var(--admincp-radius-s);
	transition: background 0.15s;
	border-left: 3px solid transparent;
}

.ss-service-item:hover {
	background: var(--admincp-bgf2);
}

.ss-service-running {
	border-left-color: #059669;
}

.ss-service-stopped {
	border-left-color: #dc2626;
}

.ss-service-error {
	border-left-color: #dc2626;
}

.ss-service-none {
	border-left-color: var(--admincp-borderc);
}

.ss-service-info {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.ss-service-name {
	font-size: 12px;
	font-weight: 600;
	color: var(--admincp-fa);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ss-service-detail {
	font-size: 11px;
	color: var(--admincp-fc);
}

.ss-service-status {
	flex-shrink: 0;
}

.ss-status-dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

.ss-status-running {
	background: #059669;
	box-shadow: 0 0 4px rgba(16, 185, 129, 0.4);
}

.ss-status-error {
	background: #dc2626;
	box-shadow: 0 0 4px rgba(220, 38, 38, 0.4);
}

.ss-status-none {
	background: var(--admincp-borderc);
}

/* 备份状态 */
.ss-backup-info {
	padding: 12px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.ss-backup-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 12px;
	background: var(--admincp-bgf);
	border-radius: var(--admincp-radius-s);
	gap: 8px;
}

.ss-backup-label {
	font-size: 12px;
	color: var(--admincp-fc);
}

.ss-backup-value {
	font-size: 12px;
	color: var(--admincp-fa);
	font-weight: 500;
}

.ss-backup-badge {
	font-size: 11px;
	padding: 2px 8px;
	border-radius: 10px;
	font-weight: 600;
	flex-shrink: 0;
}

.ss-backup-normal {
	background: rgba(16, 185, 129, 0.1);
	color: #059669;
}

.ss-backup-warning {
	background: rgba(245, 158, 11, 0.1);
	color: #d97706;
}

.ss-backup-danger {
	background: rgba(220, 38, 38, 0.1);
	color: #dc2626;
}

/* 响应式 */
@media (max-width: 768px) {
	.ss-security {
		flex-direction: column;
		align-items: flex-start;
	}

	.ss-resource-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 575px) {
	.ss-service-grid {
		grid-template-columns: 1fr;
	}

	.ss-service-item {
		padding: 8px;
	}

	.ss-backup-item {
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
	}
}

/* ===== End of Site Status Widget ===== */

.permitem { max-height: 300px; overflow: auto; }
.permitem p { margin: 5px; }
.permitem a { margin: 5px; text-decoration:none; transition: color .15s; }

.blank { background-size: 20%; color: #999; display: flex;font-size: 12px;text-align: center;text-align: center;height: 100%;width: 100%; position: absolute;justify-content: flex-end;flex-direction: column;align-items: center; }
    .blank a { color: #999; }
    .blank .gear { width: 100%;height: 100%; position: absolute; background: url('loginbg.svg') no-repeat left bottom;transform: rotateY(180deg); filter: hue-rotate(90deg) saturate(150%) brightness(50%); }
    .blank .text { top: -50px; position: relative; }

h3.flb { font-weight: bold; }
.p_opt {
    padding: 10px;
}

.imgl { margin-bottom: 5px; width: 100%; }
    .imgl td { padding: 8px 0; text-align: center; vertical-align: bottom; }
    .imgl tr:last-child td { border-bottom: none; }
    .imgl img { border: 1px solid var(--admincp-borderb); max-width: 110px; }

    .imgf .px { width: 106px; padding: 2px; height: 14px; line-height: 14px; }

/* pgs --> pages & postbutton 分页、发帖按钮, pgb -->返回首页, nxt -->下一页 */
.pgs {}
    .pgs #newspecial, .pgs #newspecialtmp, .pgs #post_reply, .pgs #post_replytmp { float: left; margin-right: 5px; }
    .pgsbtn { color: #FFF; padding: 10px 16px; font-size: 14px; line-height: 14px; border-radius: var(--admincp-radius-s); letter-spacing: 1px; transition: background .2s, box-shadow .2s; border: 0; }
    .pgsbtn:hover { text-decoration: none; }
    .pgsbtn:active { box-shadow: 0 0 0 3px rgba(36,88,167,0.25); }
    .pgsbtn:focus { outline: 0; }
    .pg { float: right; }
        .pg, .pgb { line-height: 26px; }
        .pg a, .pg strong, .pgb a, .pg label { border: 1px solid var(--admincp-borderb) !important; float: left; display: inline; margin-left: 4px; padding: 0 8px; height: 26px; border: 1px solid; background-repeat: no-repeat; overflow: hidden; text-decoration: none; }
        .pg a.nxt, .pg a.prev, .pgb a { padding: 0 10px; }
        .pg a.nxt { padding-right: 11px; }
        .pg a.nxt::after { display: inline-block; margin-left: 9px; content: ""; border-left: 0.4em solid #666; border-top: 0.4em solid transparent; border-right: 0; border-bottom: 0.4em solid transparent; }
        .pg a.prev { padding-left: 11px; }
        .pg a.prev::before { display: inline-block; margin-right: 9px; content: ""; border-left: 0; border-top: 0.4em solid transparent; border-right: 0.4em solid #666; border-bottom: 0.4em solid transparent; }
    .pgb a { padding-left: 15px; }
        .pgb a::before { display: inline-block; margin-right: 5px; content: ""; border-left: 0; border-top: 0.4em solid transparent; border-right: 0.4em solid #666; border-bottom: 0.4em solid transparent; }
    .pg label { cursor: text; }
        .pg label .px { padding: 0; width: 25px; height: 16px; line-height: 16px; }
    #pgt .pg, #pgt .pgb { margin-top: 5px; }

/* flow */
.drag.dragging { opacity: 0.5; }
.flow a { color: var(--admincp-fc); }
.flow a:hover { text-decoration:none; }
.flow-left a::before, .flow-right a::before { font-family: dzicon; font-size: 14px; font-style: normal; cursor: pointer; }

.flow-left { width: 40%; min-width: 400px; float: left; padding-right: 50px;border-right: 1px solid #ccc; }
.flow-right { float: left; padding-left: 50px; }
.flow-left a.add::before, .flow-right a.add::before { content: "\e607"; margin-right: 2px; }

.flow-choice-item { margin-bottom: 10px; }
.flow-choice-item .header { width: 250px; cursor:move; border: 1px solid var(--admincp-borderc); background: var(--admincp-bgc);padding:5px; height: 26px; line-height: 26px; border-radius: 0 20px 20px 0; box-shadow: 1px 1px 2px var(--admincp-borderc); }
.flow-choice-item .body { padding: 5px; border-bottom: 1px dotted #ccc; }
.flow-choice-item a.remove::before { content: "\e888"; }
.flow-choice-item .add { line-height: 30px; }
.flow-choice-item div.add_menu { border: 1px solid var(--admincp-borderc); background: var(--admincp-bgc); padding: 5px; border-radius: 5px;box-shadow: 1px 1px 2px var(--admincp-borderc); }
.flow-choice-item div.add_menu a { display: block; padding: 5px; }
.flow-choice-item div.add_menu a:hover { background: var(--admincp-bge); }
.flow-choice-item div.line { line-height: 30px; display: inline-flex;align-items: center; border: none; }
.flow-choice-item div.lineNo { border-right: 1px dotted var(--admincp-borderc);width: 20px;text-align: right; color: var(--admincp-fc); margin-right: 5px;padding-right: 5px; }
.flow-choice-item div.op * { margin-right: 5px; }
.flow-choice-item a.lineU, .flow-choice-item a.lineD { transform: rotate(90deg); }
.flow-choice-item a.lineU { position: relative; top: -5px; }
.flow-choice-item a.lineD { position: relative; top: 5px; left: -13px; margin-right: -5px; }
.flow-choice-item a.lineU:before { content: "\e679"; font-size: 8px; }
.flow-choice-item a.lineD:before { content: "\e6a3"; font-size: 8px; }

.flow-step-item { border: 1px solid var(--admincp-borderc); background: var(--admincp-bgc); padding: 3px;margin-bottom: 10px; border-radius: 5px;box-shadow: 1px 1px 2px var(--admincp-borderc); }
.flow-step-item { padding: 5px;min-height: 30px;border: 1px solid var(--admincp-borderc); border-left: 3px solid var(--admincp-borderc); }
.flow-step-item .header { cursor:move;padding:2px; height: 30px; line-height: 30px; margin-bottom: 5px; }
.flow-step-item .header * { vertical-align: middle; }
.flow-step-item a.remove::before { content: "\e888"; }
.flow-step-item .stepNum { border-radius: 20px; width: 20px; text-align: center; }

.flow-step-choice .row { width: 250px; border: 1px solid var(--admincp-borderc); border-right: 3px solid var(--admincp-borderc); padding:5px; margin-bottom: 5px;height: 26px; line-height: 26px; border-radius: 0 20px 20px 0; }
.flow-step-choice .row.empty { background: var(--admincp-bgf); box-shadow: inset 1px 1px 2px var(--admincp-borderc); }
.flow-step-choice .row.empty.hover { border: 1px solid var(--admincp-ahover); }
.flow-step-choice .row a.remove::before { content: "\e888"; }
.flow-step-choice .row * { vertical-align: middle; }

#flow-line { position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index: 0; }
#flow-angle-line {fill: none;stroke: var(--admincp-borderc);stroke-width: 2px;stroke-linejoin: round;stroke-linecap: round;}
#flow-arrow {fill: var(--admincp-borderc);stroke: var(--admincp-borderc);stroke-width: 1px;}

#sagelink-list { width: 250px; height: 100%; }

#sagelink-list .sagelink-item { padding: 5px; min-height: 30px; border: 1px solid var(--admincp-borderc); border-left: 3px solid var(--admincp-borderc); margin-bottom: 10px; border-radius: 5px; box-shadow: 1px 1px 2px var(--admincp-borderc); background: var(--admincp-bgc); transition: all 0.5s ease; transition: box-shadow 0.5s ease, border-color 0.5s ease, background 0.5s ease; }
#sagelink-list .sagelink-item .header { cursor: move; padding: 2px 0; height: 30px; line-height: 30px; margin-bottom: 5px; }
#sagelink-list .sagelink-item:has(.delete:checked), #sagelink-list .sagelink-item:has(.available:not(:checked)) { box-shadow: 0 0 0 0 transparent; border: 1px solid var(--admincp-bordera); border-left: 3px solid var(--admincp-bordera); background: var(--admincp-ff); }
#sagelink-list .sagelink-item .header .codeid, .response-row .codeid, .response-end .codeid { border-radius: 20px; width: 20px; text-align: center; padding: 6px 10px; resize: none; font-size: 10px; }
#sagelink-list .sagelink-item .codeid::placeholder { font-size: 10px; color: #00CC00; }
.sagelink .response-body { margin: 5px; }
.sagelink .response-row, .response-end { text-align: right; }
.sagelink .response-row { margin: 3px; }
.sagelink .response-row * { vertical-align: middle; }
.sagelink .response-row .value { width: 150px; }
.sagelink .response-end .codeid { color: #00CC00; }
.sagelink .response-end input.end[type=checkbox]:checked:after { border-color: #00CC00 !important; background-color: #00CC00 !important; }
.sagelink .response-end input.end[type=checkbox] + .codeid::placeholder { color: var(--admincp-fc) !important; }
.sagelink .response-end input.end[type=checkbox]:checked + .codeid::placeholder { color: #00CC00 !important; }
.sagelink .response-end input.end[type=checkbox]:checked + .codeid + .downnext { display: none; }
.sagelink .header { border-bottom: 1px dotted var(--admincp-borderc); }
.sagelink .header input.delete[type=checkbox] { float: right; }
.sagelink .header input.delete[type=checkbox]:checked:after { border-color: var(--admincp-f60); background-color: var(--admincp-f60); content: "\e723"; font-family: dzicon; }
.sagelink .header input.delete[type=checkbox]:after { border-color: var(--admincp-fc); background-color: var(--admincp-fc); content: "\e723"; font-family: dzicon; display: block; width: 15px; height: 15px; text-align: center; line-height: 14px; box-sizing: border-box; margin-left: -8px; margin-top: -6px; border-radius: 2px; font-size: 10px; }
.sagelink .downnext { text-align: center; height: 10px; margin-bottom: -10px; }
.sagelink .downnext span { transform: rotate(90deg); -webkit-transform: rotate(90deg); transform-origin: center center; display: inline-block; }
.sagelink .sagelink-setting { background: transparent; width: 100%; height: 100%; }
#sagelink-line { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; }
#sagelink-angle-line { fill: none; stroke: var(--admincp-borderc); stroke-width: 2px; stroke-linejoin: round; stroke-linecap: round; }
#sagelink-arrow { fill: var(--admincp-borderc); stroke: var(--admincp-borderc); stroke-width: 1px; }

.loading-wrap{ width: 250px; height: 20px; border-radius: 6px; background: rgba(var(--root-base-value),0.5); padding: 1px; margin-bottom:5px; box-sizing: border-box; box-shadow: 0 3px 6px rgba(var(--root-base-value),0.3); }
.loading-inner{ width:100%; height:100%; border-radius:5px; background: repeating-linear-gradient(-45deg,rgba(var(--root-base-value), 0.10) 0 12px,var(--admincp-bgf) 12px 24px); background-size: 34px 34px; animation: run 1.5s linear infinite; }
.loading-inner:hover{ animation-play-state:paused; }
@keyframes run{  from{background-position:0 0;} to{background-position:34px 0;} }