body
{
  color:#ddd;
  background:#333;
  margin-bottom:70px;
}

a
{
	color:#60B1E2;
}

a:hover
{
	color:#D00;
}

a.nounderline
{
	text-decoration:none;
}

a.highlight_green
{
	color:#43C20C;
}

a.highlight_green:hover
{
	color:#A00;
}

a.highlight_red
{
	color:#E00000;
}

a.highlight_red:hover
{
	color:#A00;
}

a.highlight_yellow
{
	color:#E0C400;
}

a.highlight_yellow:hover
{
	color:#A00;
}

p
{
	padding-top:3px;
	padding-bottom:3px;
	margin-top:0px;
	margin-bottom:0px;
}

div.functionssettings
{
	padding-top:3px;
	padding-bottom:3px;
	margin-top:0px;
	margin-bottom:0px;
}

fieldset
{
	margin-top:10px;
	background:#444;
}

.textcolorerror
{
	color:#F00;
}

.textcolorgood
{
	color:#00BD00;
}

legend
{
	color:#60B1E2;
	font-weight:bold;
}

img.logtypeimage
{
	width:22px;
	min-height:22px;
	height:auto;
}

@media only screen and (min-width:700px)
{
	fieldset.small
	{
		background:#444;
		width:550px;
	}

	.button
	{
		margin-top:10px;
		border-radius:25px 25px 0px 0px;
		background:#555;
		padding:10px;
		display:inline-block;
		vertical-align:top;
		height:20px;
		width:200px;
	}
	
	div.settings
	{
		vertical-align:top;
		width:70%;
	}

	label
	{
		display:inline-block;
		width:70%;
	}

	input.small
	{
		width:25%;
		min-width:200px;
	}
	
	input.fixed
	{
		width:200px;
	}
	
	input.fixed300
	{
		width:300px;
	}

	textarea.small
	{
		width:25%;
		min-width:200px;
	}
	
	textarea.fixed
	{
		width:200px;
	}
	
	#plusminusbutton
	{
		display:none;
	}
	
	#framemenu_bigscreen
	{
		display:block;
	}
	
	#framemenu_smallscreen
	{
		display:none;
	}
	
	#botheader_bigscreen
	{
		display:block;
	}
	
	#botheader_smallscreen
	{
		display:none;
	}
}

@media only screen and (max-width:699px)
{
	.hidden_midsizescreen
	{
		display:none;
	}

	fieldset.small
	{
		background:#444;
	}

	.button
	{
		margin:2px;
		border-radius:25px;
		background:#555;
		padding:10px;
		display:inline-block;
		vertical-align:top;
		height:20px;
		width:200px;
	}
	
	div.settings
	{
		vertical-align:top;
		width:95%;
	}
	
	label
	{
		display:inline-block;
		width:95%;
	}

	input.small
	{
		width:95%;
	}
	
	input.fixed
	{
		width:95%;
	}
	
	input.fixed300
	{
		width:95%;
	}

	textarea.small
	{
		width:95%;
	}
	
	textarea.fixed
	{
		width:95%;
	}
	
	#framemenu_bigscreen
	{
		display:none;
	}
	
	#framemenu_smallscreen
	{
		display:block;
	}
	
	#botheader_bigscreen
	{
		display:none;
	}
	
	#botheader_smallscreen
	{
		display:block;
	}
}

@media only screen and (max-width:599px)
{
	.hidden_smallscreen
	{
		display:none;
	}
}

@media only screen and (max-width:379px)
{
	.hidden_verysmallscreen
	{
		display:none;
	}
	
	.title
	{
		font-size:12pt;
	}
	
	span.build
	{
		display:none;
		font-size:10pt;
	}
}

@media only screen and (min-width:380px)
{
	.title
	{
		font-size:14pt;
	}
	
	span.build
	{
		font-size:10pt;
	}
}

div.settings, div.settingsright
{
	padding-top:3px;
	padding-bottom:3px;
	margin-top:0px;
	margin-bottom:0px;
	display:inline-block;
}

div.settingsright_topspacer
{
	padding-top:10px;
	padding-bottom:3px;
	margin-top:0px;
	margin-bottom:0px;
	display:inline-block;
}

label.auto
{
	display:inline-block;
	width:auto;
}

label.small
{
	display:inline-block;
	width:250px;
}

label.big
{
	display:inline-block;
	width:95%;
}
	
input.big
{
	width:95%;
}

textarea.big
{
	width:95%;
}

#frametop
{
	width:100%;
	padding-top:4px;
	padding-left:10px;
	padding-bottom:20px;
	margin:0px;
}

.framemenublock_nowidth, .framemenublock_big
{
	display:inline-block;
	vertical-align:top;
	padding-left:0px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:0px;
	margin:0px;
	height:40px;
}

.framemenublock_nowidth
{
	min-width:200px;
}

.framemenublock_big
{
	width:200px;
}

.framemenublock_single, .framemenublock_single_nowidth
{
	display:inline-block;
	vertical-align:top;
	padding-left:0px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:0px;
	margin:0px;
	height:20px;
}

.framemenublock_single_nowidth
{
	min-width:200px;
}

.framemenublock_single
{
	width:200px;
}

.framemenublock_login
{
	display:inline-block;
	vertical-align:top;
	padding-left:0px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:0px;
	margin:0px;
	height:50px;
	width:200px;
}

.hidden
{
	display:none;
}

#languagename
{
	font-weight:bold;
}

#framecontent
{
	margin:0px;
	padding-top:4px;
	padding-left:0px;
	padding-right:5px;
	padding-bottom:0px;
	text-align:left;
}

#framecontentinstall
{
	margin-bottom:60px;
	padding-top:4px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0px;
	text-align:left;
}

#framebottom
{
	width:100%;
	position:fixed;
	left:0px;
	right:0px;
	bottom:0px;
	padding-bottom:3px;
	background-color:#333;
}

#loadingscreen, #loadingscreencommand
{
	margin-top:10px;
	padding:10px;
	background-color:#444;
	text-align:center;
	font-weight:bold;
	color:#00D8EA;
}

#helpinstancelistreload
{
	margin-top:10px;
	padding:10px;
	background-color:#444;
	color:#DDD;
}

#statusscreen, #botstatusscreen
{
	margin-top:10px;
	padding:10px;
	background-color:#444;
	text-align:center;
	font-weight:bold;
	color:#FF6868;
}

table.functionlist
{
	margin-top:2px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	border:0px;
	border-collapse:collapse;
}

td.functionlist
{
	margin:0px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:1px;
	padding-top:1px;
	border:0px;
}

.nospacer
{
	margin:0px;
	padding:0px;
	border:0px;
}

tr.functionlist
{
	margin:0px;
	padding:0px;
	border:0px;
}

tr.functionlist:hover
{
	background-color:#444;
}

tr.functionlist_title, th.functionlist_title
{
	background:#18388E;
	color:#ccc;
	border:0;
	margin:0px;
}

.div_addfunction_title
{
	font-weight:bold;
	padding:5px;
}

.top
{
	vertical-align:top;
}

.middle
{
	vertical-align:middle;
}

.settingstable
{
	border-collapse:collapse;
	margin-bottom:60px;
}

.checkbox
{
	width:16px;
	height:16px;
	background-color:#FFF;
	border-style:ridge;
	border-width:3px;
	border-color:#999;
	cursor:pointer;
}

.textinput, .Select_Single, .Select_Multiple
{
	margin:4px;
	color:#ddd;
	background-color:#333;
	box-shadow:2px 2px 4px rgba(0,0,0,0.5);
}

.textinput:focus
{
	box-shadow:2px 2px 4px rgba(0,0,0,1.0);
}

.textinputerror
{
	margin:4px;
	color:#000000;
	background-color:#FF0000;
	box-shadow:2px 2px 4px rgba(200,0,0,0.5);
}

.textinputerror:focus
{
	box-shadow:2px 2px 4px rgba(200,0,0,1.0);
}

.errormessage
{
	color:#FF4C4C;
	font-weight:bold;
}

.topspacer
{
	padding-top:10px;
}

.rightspacer
{
	padding-right:10px;
}

.submitspacer
{
	margin-bottom:5px;
	margin-top:5px;
	margin-left:20px;
	margin-right:20px;
}

.spacer_topnbottom
{
	padding-top:10px;
	padding-bottom:50px;
}

.botmanagertitle
{
	text-align:left;
	font-size:20pt;
}

.title
{
	background-image:linear-gradient(90deg, #374569, transparent 100%);
	color:#BBB;
	/* text-shadow: 0 -1px #FFF, 1px 0 #FFF, 0 1px #FFF, -1px 0 #FFF; */
	text-shadow:0.1px 0.1px 3px #000;
	text-align:left;
	padding-left:5px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:2px;
	white-space:nowrap;
}

.botmanagerdescription
{
	text-align:left;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:10px;
}

.botmanagerwarning
{
	text-align:left;
	font-weight:bold;
	padding-top:0px;
	padding-bottom:20px;
	color:#FF4400;
}

.logviewpages
{
	text-align:center;
	padding-top:15px;
}

.logdelete
{
	text-align:center;
	padding-top:15px;
}

.div_addfunction
{
	width:90%;
	text-align:center;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
}

hr.borderline
{
	border:none;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#AAAAAA;
}

.borderline
{
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#AAAAAA;
}

.rightpadding
{
	padding-right:5px;
}

.leftrightpadding
{
	padding-left:5px;
	padding-right:5px;
}

.bottommargin
{
	margin-bottom:20px;
}

.nopaddingmargin
{
	padding:0px;
	margin:0px;
}

.hand
{
	cursor:pointer;
}

.ellipsis
{
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

.nowrap
{
	white-space:nowrap;
}

.bold
{
	font-weight:bold;
}

.left
{
	text-align:left;
}

.center
{
	text-align:center;
}

.right
{
	text-align:right;
}

.languageimagechooser
{
	padding:1px;
}

.languageimagechooser:hover
{
	padding:0px;
	border-color:#3300FF;
	border-style:solid;
	border-width:1px;
}

.button_active
{
	background:#444 !important;
}

.button:hover
{
	background:#444;
}

table.bbcode, select.bbcode
{
	background:#bbb;
	border:0;
	outline:none;
}

table.bbcode
{
	padding:0px;
	padding-bottom:1px;
}

select.bbcode
{
	height:100%;
}

select.bbcode:focus
{
	background:#aaa;
}

.bbcode_message_keyword
{
	color:#00C300;
}

.bbcode_message_highlight_warning
{
	color:#FF4400;
}

.bbcode_message_highlight_notice
{
	color:#00C300;
}
/* Modern responsive redesign, retains original CSS contracts */
:root{color-scheme:dark;--bg:#0b1120;--card:#151e30;--border:#2c3b55;--accent:#56b9f9;--txt:#eaf1fc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0!important;padding:18px clamp(12px,3vw,45px) 60px!important;background:radial-gradient(ellipse at 90% 0%,#172f4c 0,transparent 38%),var(--bg)!important;color:var(--txt)!important;font-family:Inter,Segoe UI,Arial,sans-serif!important;font-size:14px;line-height:1.5}
a{color:#79cbff!important;transition:color .2s ease}a:hover{color:#b9e4ff!important}
body>.title:first-of-type{background:linear-gradient(120deg,#192b47,#172136);border:1px solid var(--border);border-radius:18px;padding:19px 22px;margin:0 0 18px!important;font-size:22px;font-weight:750;box-shadow:0 12px 35px #0003}
.title{background:linear-gradient(90deg,#192c4d,#171f31)!important;border:1px solid var(--border);border-radius:12px;padding:10px 16px!important;margin-bottom:14px!important;color:#f5f9ff!important}
fieldset{border:1px solid var(--border)!important;background:#141e30!important;border-radius:14px!important;padding:18px!important;min-width:0}
fieldset legend{color:#c4ddff!important;font-weight:700;padding:0 10px}
input[type=text],input[type=password],input[type=email],input[type=number],select,textarea,.textinput{max-width:100%;background:#0d1727!important;border:1px solid #394b65!important;border-radius:9px!important;color:#eef4ff!important;padding:8px 10px!important;min-height:35px;box-shadow:none!important}
input:focus,textarea:focus,select:focus{outline:2px solid #56b9f966;outline-offset:1px}
input[type=submit],input[type=button],button,.button{border-radius:10px!important;transition:background .2s ease,border-color .2s ease;background:#203550!important;border:1px solid #406186!important;color:#e5f4ff!important;padding:9px 15px!important;cursor:pointer}
input[type=submit]:hover,button:hover,.button:hover{background:#2b5076!important}
.button_active{background:#254e72!important;border-color:#56b9f9!important}
.borderline{border-color:#2a3b54!important;padding:9px 0!important}
#framebottom{margin-top:35px!important;padding:24px 10px!important;color:#9badc6!important;border-top:1px solid #2e3c50}#framebottom a{color:#91abc4!important}
.settingstable,table.functionlist,table.bbcode{max-width:100%;border-radius:12px;overflow:hidden}
.jts-smtp-shortcut{margin:6px 0 18px;padding:12px 16px;background:#183250;border:1px solid #35628a;border-radius:12px;font-weight:650}
.jts-smtp{max-width:950px;margin:24px auto;background:#141e30;border:1px solid var(--border);border-radius:20px;padding:clamp(18px,3vw,35px);box-shadow:0 16px 44px #0003}
.jts-smtp-intro h2{margin:0;font-size:24px}.jts-smtp-intro p,.jts-test p{color:#a8b8d0}.jts-smtp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.jts-smtp label,.jts-test label{display:flex;flex-direction:column;gap:7px;color:#cbdcf1;font-weight:600}.jts-smtp input,.jts-smtp select{width:100%}.jts-smtp .jts-check{flex-direction:row;align-items:center}.jts-smtp .jts-check input{width:auto}.jts-action{background:#196ca6!important;padding:12px 20px!important;font-weight:700}.jts-action.secondary{background:#243a58!important}.jts-test{border-top:1px solid var(--border);margin-top:26px;padding-top:18px;max-width:520px}.jts-test label{margin-bottom:15px}.jts-notice{padding:12px 16px;background:#213c52;border-radius:10px;margin:16px 0}
@media(max-width:800px){body{padding:10px 12px 38px!important}fieldset{padding:10px!important}table{max-width:100%;display:block;overflow-x:auto}input,select{max-width:100%!important}.jts-smtp-grid{grid-template-columns:1fr}.jts-smtp-grid>span{display:none}.borderline label{display:block!important;float:none!important;width:auto!important;margin-bottom:7px}.settingsright{float:none!important}.title{overflow-wrap:anywhere}}