@import url(navi.css);
@import url(form.css);
@import url(icons.css);
@import url(variable.css);

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0;padding: 0;border: 0;font-size: 100%; }
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

body { background:var(--color-bg); }
.cl { clear:left; width:100%; line-height:0; font-size:0; }
a { color:#15c; }
a span.blank, a span.ext-link { display:inline-block; vertical-align:middle; font-size:0; width:8px; height:8px; margin-left:5px; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 210.4 210.4" style="enable-background:new 0 0 210.4 210.4;" xml:space="preserve"%3E%3Cstyle type="text/css"%3E .st0{fill:%23CDC8C4;}%3C/style%3E%3Cpolygon class="st0" points="131.6,131.6 131.6,184.5 25.9,184.5 25.9,78.7 78.8,78.7 78.8,52.8 0,52.8 0,210.4 157.6,210.4 157.6,131.6 "/%3E%3Cpolygon class="st0" points="105.2,0 105.2,26.4 165.4,26.4 76.5,115.3 95.1,133.9 184,45 184,105.2 210.4,105.2 210.4,0 "/%3E%3C/svg%3E'); background-repeat:no-repeat; }
.fl { float:left; }
.fr { float:right; }
.hide { display:none; }

.ajax_2 { display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; background:#fff; opacity:0.7; filter:alpha(Opacity=70); z-index:9999; overflow:hidden; }
.ajax_image { display:block; position:relative; top:50%; left:50%; margin:-32px 0 0 -32px; }

.content { clear:left; text-align:left; padding:10px; font:13px Arial; }
    .content>h1 { font-size:15px; font-family:Arial; font-weight:bold; line-height:28px; color:rgba(0 0 0/100%); margin:0 0 10px 0; }
		.content>h1 sup { font-size:13px; font-weight:normal; color:rgba(0 0 0/20%); vertical-align:baseline; font-size:inherit; margin-left:10px; }
		.content>h1 em { font-style:normal; font-weight:normal; }
		
		.content>h1 div.breadcrumbs { font-size:13px; color:rgba(0 0 0/30%); display:inline-block; }
		.content>h1 div.breadcrumbs a { font-weight:normal; }
		.content>h1 div.breadcrumbs a.home-link { font-size:15px; font-weight:bold; color:rgba(0 0 0/100%); }
		.content>h1 div.breadcrumbs a:last-child { margin:0 0 10px 0; }
		
		.content>h1 a.search-button { border:1px solid #ccc; border-radius:4px; display:inline-block; font-weight:normal; padding:0 15px; text-decoration:none; color:rgba(0 0 0 / 40%); }
			.content>h1 a.search-button span { margin-right:7px; opacity:0.3; }
		
		
/* Table */	
.grid-view { position:relative; }
table.items td.center { text-align:center; }
table.items th.date { width:110px; min-width:110px; }
table.items td.date { max-width:110px; font-size:11px; color:rgba(0 0 0/50%); overflow:hidden; }
	table.items td.date sup { vertical-align:baseline; font-size:inherit; color:rgba(0 0 0/20%); }
table.items th.date.notime { width:70px; }
table.items td.date.notime { max-width:70px; text-align:center; }
table.items th.editor { width:120px; }
table.items td.editor { max-width:120px; text-align:left; font-size:11px; color:rgba(0 0 0/50%); overflow:hidden; }
	table.items td.editor a { color:rgba(0 0 0/40%); }
	table.items td.editor sup { vertical-align:baseline; font-size:inherit; color:rgba(0 0 0/20%) }

table.items td .input-pos { width:30px; background:none; border:1px solid rgba(0 0 0/5%); text-align:center; }
table.items td .input-alias { width:70px; background:none; border:1px solid rgba(0 0 0/30%); text-align:center; opacity:0.3; }
	
td.cron-procent { text-align:center; max-width:150px; position:relative; }
	td.cron-procent sup { vertical-align:baseline; font-size:inherit; color:rgba(0 0 0/20%) }
	td.cron-procent div { position:absolute; height:4px; width:100%; top:0; left:0; }

.id-column { color:rgba(0 0 0/20%); }
input[type="checkbox"].cron-grid_check { margin:0; }
	
.sp-stop { color:#f55; }
.sp-run { color:#12ab9d; }
.sp-success { color:rgba(0 0 0/20%); }
.sp-queue { color:#12ab9d70; }
	
table.items th.post-view { width:60px; }
table.items td.post-view { text-align:center; }
	table.items td.post-view sup { vertical-align:baseline; font-size:inherit; color:rgba(0 0 0/30%); }

table.items span.comment-item { float:right; }
	table.items span.comment-item i { opacity:0.3; text-decoration:none; }
	table.items span.comment-item div { z-index:1000; color:#444; position:absolute; opacity:0.8; }
	table.items span.comment-item div span.in-arr { border:10px solid transparent;	border-bottom:10px solid #000; margin-top:-10px; position:absolute; }
	table.items span.comment-item div span.in { color:#eee; font:11px Arial; display:block; background:#000; padding:8px; margin-top:10px; max-width:500px; max-height:400px; overflow:auto; }
	table.items span.comment-item div span.in hr { border:0; height:1px; background:#888; }

table.items td a.add { float:right; }
	
table.items td.button-column {}
	table.items td.button-column img { width:18px; height:18px; }
	table.items td.button-column a.update {}
	table.items td.button-column a.delete {  }

a.onoff-btn { display:inline-block; background:#fff; border-radius:3px; text-decoration:none; font:12px Arial; padding:2px 10px; text-align:center; color:rgba(0 0 0 /30%); }
a.onoff-btn:hover { color:#15c; }
	
table.items td .input-value { width:calc(100% - 8px); max-width:500px; background:#fff; border:1px solid rgba(0 0 0/20%); padding:2px 5px; text-align:left; }
table.items td .input-menuindex { width:30px; background:none; border:1px solid rgba(0 0 0/5%); text-align:center; }
table.items td a.view { margin-left:5px; }
table.items td a.rec-folder { color:rgba(0 0 0/90%); }

table.items td.for-sup {}
	table.items td.for-sup sup { vertical-align:baseline; font-size:inherit; color:rgba(0 0 0/30%); }

.grid-view div.summary { color:rgba(0 0 0/20%); font-size:12px; position:absolute; margin-top:-20px; right:0px; }

.div-overflow { width:100%; height:18px; line-height:18px; overflow:hidden; position:relative; }
	.div-overflow>div { width:1000px; height:18px; line-height:18px; position:absolute; }
	.div-overflow::before { content:""; width:40px; height:18px; position:absolute; right:0; top:0; z-index:2; background:linear-gradient(90deg, transparent 0%, var(--color-bg) 100%); }	
		tr.even .div-overflow::before { background:linear-gradient(90deg, transparent 0%, #fff 100%); }
		tr.odd .div-overflow::before { background:linear-gradient(90deg, transparent 0%, #f4f5f7 100%); }

.mail-error { opacity:0.4; color:#fff; background:var(--color-alert); font-size:11px; padding:1px 4px; text-decoration:none; border-radius:3px; position:relative; }
	.mail-error:hover { opacity:1; }
	.mail-error:active { top:1px; }
		
.outbox-error { opacity:0.8; color:#fff; background:#a000e3; font-size:11px; padding:1px 4px; text-decoration:none; border-radius:3px; position:relative; }

	
/* Main */
.main-page-table { width:100%; }
	.main-page-table td { vertical-align:top; }
	.main-page-table fieldset {	width:calc(100% - 20px); display:block; border:1px solid #aaa; padding:10px; margin:0 0 10px 0; display:inline-block; }
		.main-page-table fieldset legend { padding:0 10px; }
		.main-page-table fieldset h2 { margin:15px 0; border-bottom:1px solid #aaa; height:6px; text-align:center; }
			.main-page-table fieldset h2 span { background:#fff; display:inline-block; margin:0 auto; padding:0 5px; line-height:12px; color:#aaa; }
		.main-page-table fieldset p { color:#333; }
		.main-page-table fieldset p strong { color:#000; }
.main-page-table table td { padding:0; width:auto; }

.main-page-table #cron-grid .summary { margin-top:-15px; font-size:11px; }

#current-clock {  }
	#current-clock em { color:rgba(0 0 0/50%); font-style:normal; margin-left:10px; }

div.main-col12 { clear:left; overflow:hidden; width:100%; padding:10px 0; }
	div.main-col1, div.main-col2 { float:left; width:calc(50% - 10px); }
	div.main-col1 { margin-right:20px; }
	div.main-col2 { }
	
.log-main-table { width:100%; }
	table.log-main-table td, table.log-main-table th { padding:2px 0; }
	table.log-main-table th { color:rgba(0 0 0/20%); }
	.log-main-table th.col1 {}
	.log-main-table th.col2 { text-align:left; }
	.log-main-table th.col3 { text-align:left; width:150px; }
	.log-main-table th.col4 { text-align:right; width:40px; }
	.log-main-table td.col1 {}
	.log-main-table td.col2 { text-align:left; color:rgba(0 0 0/30%); }
	.log-main-table td.col3 { text-align:left; }
	.log-main-table td.col4 { text-align:right; color:rgba(0 0 0/30%); }
	
.cronlog-main-table	{ width:100%; margin-top:10px; }
	.cronlog-main-table td.col1 {}
	.cronlog-main-table td.col2 { text-align:left; width:150px; color:rgba(0 0 0/20%); }
		.cronlog-main-table td sup { line-height:1em; font-size:1em; vertical-align:baseline; color:rgba(0 0 0/20%); }
	.cronlog-main-table td.col3 { text-align:right; width:40px; color:rgba(0 0 0/30%); }
	
.bd-main-table { width:100%; }	
	table.bd-main-table td { padding:5px; }	
	table.bd-main-table td.col1 { background:#fff; vertical-align:middle; }
	table.bd-main-table td.col2 { width:70px; text-align:right; color:rgba(0 0 0/20%); font-size:11px; }

#test_mail_log { display:none; width:calc(100% - 22px); height:auto; background:#fff; border-radius: 8px; padding:10px; }	
	#test_mail_log p { margin:0 0 7px 0; }
#valid_mail_log { display:none; width:calc(100% - 22px); height:auto; background:#fff; border-radius: 8px; padding:10px; margin-bottom: 10px; }
	#valid_mail_log p { margin:0 0 7px 0; }
	
	
/* Message box */
div.message-box { position:fixed; z-index:1000; width:500px; top:50%; left:50%; margin-top:-50px; margin-left:-250px; background:#222; color:#fff; font:14px Verdana; border-radius:6px; opacity:0.8; }
	div.message-box p { margin:20px 30px; }
	div.message-box a#close { background:#000; opacity:1; font:bold 20px Arial; color:#fff; width:25px; height:25px; display:block; text-align:center; position:absolute; top:0; right:0; cursor:pointer; border-top-right-radius:6px; }

/* loading */	
.loading-box { display:none; 
	width:50px; height:50px;
	position:absolute; top:50%; left:50%; 
	margin-left:20px; margin-top:20px; 
	background:#000 url('/templates/back/i/loading-w.gif') center 8px no-repeat;
	background-size:30px 30px;	
	border-radius:50%; opacity:0.5; z-index:100; }

		
span.mark-flag { display:inline-block; width:0px; border:4px solid transparent; border-right:5px solid transparent; border-color:#eee; border-bottom-color:transparent !important; margin-right:1px; }

.adm-stat { opacity:0.5; z-index:9999;position:fixed;bottom:0;right:0;display:block;padding:2px;background:#fff;color:#000;font:11px Arial;text-align:right; }

.help_explanatin { font:13px Arial; color:#333; }
	details.help_explanatin summary { padding:0; margin:5px 0; text-decoration:underline; cursor:pointer; }
	details.help_explanatin[open] summary { margin-bottom:10px; }
	.help_explanatin .text { background:#fff; border-radius:8px; padding:15px 20px; margin:5px 0; }
	.help_explanatin h1,h2,h3,h4 { margin:35px 0 15px 0; }
	.help_explanatin h1 {}
	.help_explanatin h2 {}
	.help_explanatin h3 { font:18px Arial; }
	.help_explanatin h4 {}
	.help_explanatin p { margin:0px 0 15px 0; }
	.help_explanatin ul { margin:0 0 15px 20px; }
		.help_explanatin ul li { margin-bottom:10px; }
	.help_explanatin ol { margin:0 0 15px 20px; }
		.help_explanatin ol li { margin-bottom:10px; padding-left:10px; }