html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea,button{font:99%arial,helvetica,clean,sans-serif}table{font-size:inherit;font-size:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}body{text-align:center}

*{text-underline-offset: 0.3em;}

#header-key{position:absolute;top:2px;text-align:right;width:1180px;font-style:italic;font-size:120%;font-weight:bold;color:#aab}
#product-name{position:absolute;top:1em;left:7.0em;font-size:200%;font-weight:bold;color:#000}
#slogan{position:absolute;top:3.2em;left:11.0em;font-style:italic;font-size:150%;font-weight:bold;color:#2687c8}
#hd_logo{position:absolute;top:8px;left:60px;z-index:99;}
#hd_gradient{height:120px;background: white;background: linear-gradient(#eee, #fff)}

#main_table{vertical-align:top;font-size:11pt;line-height:15pt;text-align:justify;margin-left:80px}
#content_td{width:560px;max-width:560px;vertical-align:top;}

#left_td{width:200px;vertical-align:top;}
#menu{font-size:110%;line-height:150%;margin-bottom:30px;}

.afm_hdr{margin-top:20px;margin-bottom:3px;font-weight: 600;}
.afm_block{margin-left:5px;line-height:26px;}

#right_td{width:200px;vertical-align:top;padding-left:100px;}
#aws_powered{margin-top:20px;margin-left:35px;}

.tsr_header{position:relative;margin-top:20px;margin-bottom:10px;margin-left:32px;color:#c00;font-weight:bold;font-size:110%;}
.tsr{position:relative;margin-bottom:15px;margin-left:2px;padding:6px;padding-bottom:10px;width:185px;text-align:center;border:1px solid #2687c8;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.tsr_tmnls{font-size:80%;line-height:1px;border-color:#aabbaa;padding-top:0px;padding-bottom:0px;}

.header{font-weight:bold;padding:0}

.social-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
}

.social-link svg {
  flex: none;
}

.social-icon-telegram {
	color:#229ed9;
}

.social-icon-facebook {
	color:#1877f2;
}

.social-icon-x {
	color:#111;
}

.social-icon-rss {
	color:#f26522;
}

.social-link svg.rss {
	margin-left:0.05em;
	margin-right: 0.15em;
}

.tsr .social-link {
	line-height:16px;
}

.tsr .social-connection-link {
	display:flex;
	justify-content:center;
	font-size:140%;
	line-height:22px;
	margin-top:12px;
	margin-bottom:12px;
}

.main_header{color:#c00;}
.main_header p a{color:#c00;}

blockquote{padding-left:20px}

acronym{border-bottom:.4pt dotted #999}

h1{font-weight:bold;font-size:140%}
h2{font-weight:bold;font-size:120%;margin-top:1em;margin-bottom:1em;}
h3{font-weight:bold;font-size:110%}

p{margin-top:1.0em;line-height:24px}

.ft{border-top:solid 1px #000;padding:10px;text-align:center;}

a:link{text-decoration:none;color:#2687c8}
a:visited{text-decoration:none;color:#2687c8}
a:hover{color:#f90;border-width:0}
a.nohighlight:hover{text-decoration:none;border:0}

table td{padding:5px}
.head{background-color:lightgrey;font-weight:bold;color:black;text-align:center}

ul,ol{padding-left:2.2em;padding-top:.3em;padding-bottom:.5em;margin-top:3px;line-height:28px}
ul li{list-style-type:disc}
ol li{list-style-type:decimal}

.primary-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:200px;min-height:40px;padding:0 22px;border:1px solid #7e8790;border-radius:3px;background:#f3f3f3;background:linear-gradient(#fff,#e8ecef);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 1px 2px rgba(0,0,0,.12);color:#222;font:bold 15px/1.2 Arial,Helvetica,sans-serif;text-align:center;vertical-align:middle;white-space:nowrap;cursor:pointer}
.primary-button:hover{border-color:#2687c8;background:#edf8ff;background:linear-gradient(#fff,#e7f4fb);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 3px rgba(38,135,200,.25);color:#111}
.primary-button:focus{outline:0}
.primary-button:focus-visible{box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 0 0 2px rgba(38,135,200,.35)}
.primary-button:active{transform:translateY(1px);background:#e6edf2;background:linear-gradient(#e1e8ed,#fff);box-shadow:inset 0 1px 3px rgba(0,0,0,.20)}
.primary-button:disabled,.primary-button.disabled{cursor:default;opacity:.55}
.primary-button--wide{min-width:385px}
.primary-button--compact{min-width:120px}

.code{width:560px;background-color:#eee;border:1px solid #999;padding:10px;padding-left:15px;font-family:monospace;}

.pic_ok{text-align:center;}

.pic_57x,.pic_58x,.pic_60x,.pic_62x,.pic_64x,.pic_66x,.pic_68x,.pic_70x,.pic_72x,.pic_74x,.pic_76x,.pic_78x,.pic_80x,.pic_82x,.pic_84x,.pic_86x,.pic_88x,.pic_90x,.pic_92x,.pic_94x,.pic_96x,.pic_98x,.pic_108x{position:relative;z-index:99}
.pic_57x{width:102%;left:-1%}
.pic_58x{width:104%;left:-2%}
.pic_60x{width:108%;left:-4%}
.pic_62x{width:110%;left:-5%}
.pic_64x{width:114%;left:-7%}
.pic_66x{width:118%;left:-9%}
.pic_68x{width:122%;left:-11%}
.pic_70x{width:126%;left:-13%}
.pic_72x{width:128%;left:-14%}
.pic_74x{width:132%;left:-16%}
.pic_76x{width:136%;left:-18%}
.pic_78x{width:140%;left:-20%}
.pic_80x{width:142%;left:-21%}
.pic_82x{width:146%;left:-23%}
.pic_84x{width:150%;left:-25%}
.pic_86x{width:154%;left:-27%}
.pic_88x{width:158%;left:-29%}
.pic_90x{width:160%;left:-30%}
.pic_92x{width:164%;left:-32%}
.pic_94x{width:168%;left:-34%}
.pic_96x{width:172%;left:-36%}
.pic_98x{width:176%;left:-38%}
.pic_108x{width:178%;left:-39%}

.pic_desc,.small_gray{font-size:10px;font-weight:bold;color:#666;text-align:center;padding:0px;margin:0px;}

.small_gray{text-align:left;}

.nowrap {white-space:nowrap}
.nobr{white-space:nowrap}

.info{border:1px solid #82c7e6;border-radius:3px;margin:10px 0px;padding:15px 10px 15px 58px;line-height:1.45;background-repeat:no-repeat;background-position:14px center;background-size:32px 32px}
.info{color:#00529B;background-color:#BDE5F8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%230d6efd' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/%3E%3C/svg%3E")}

.warning{background-color:#ffff77;padding:15px;color:#ff0000;border:1px solid #f00}

@media (prefers-color-scheme: dark) {

	body {
		background: #1e1e1e;
		color: #d0d0d0;
	}
	
	#product-name {
		color: #d0d0d0;
	}

	#hd_gradient {
		background: #1e1e1e;
	}

	a:link{text-decoration:none;color:#03a1fc}
    a:visited{text-decoration:none;color:#03a1fc}
    a:hover{color:#f90;border-width:0;}

	.social-icon-x {
		color:#e7e9ea;
	}

	.warning{background-color:#333;padding:15px;color:#ff0;border:1px solid #f00}

	.info{
		color:#b8dcff;
		background-color:#112638;
		border-color:#2d6f9f;
		background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%234dabf7' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/%3E%3C/svg%3E");
	}

	.code{
		background-color:#333;
		border:1px solid #777;
		margin-top: 1em;
		padding:10px;
		overflow-y:hidden;
	}

	.tsr_tmnls{border-color:#777;}

	.pic_desc,.small_gray{color:#aaa;}

    select,
    textarea,
    input[type=button],
    input[type=text],
    input[type=date],
	input[type=submit],
    input[type=number]{
        background-color:#2e2e2e;
        color: #c0c0c0;
        border: solid 1px #777;
        outline: none;
    }

    select:hover,
    textarea:hover,
    input[type=button]:hover,
    input[type=text]:hover,
    input[type=date]:hover,
	input[type=submit]:hover,
    input[type=number]:hover{
        border: solid 1px #aaa;
        background-color:#222;
    }

    select:focus,
    textarea:focus,
    input[type=button]:focus,
    input[type=text]:focus,
    input[type=date]:focus,
	input[type=submit]:focus,
    input[type=number]:focus{
        border: solid 1px #aaa;
        background-color:#222;
    }

	legend{
		color:#aaa;
		padding-left:.5em;
		padding-right:.5em;
	}

	.head{
		background-color:#252525;
		color:#aaa;
	}

	.primary-button{
		border-color:#777;
		background:#252525;
		background:linear-gradient(#303030,#232323);
		box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 2px rgba(0,0,0,.35);
		color:#d0d0d0;
	}

	.primary-button:hover{
		border-color:#03a1fc;
		background:#2a2a2a;
		background:linear-gradient(#343434,#262626);
		box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 1px 3px rgba(3,161,252,.25);
		color:#fff;
	}

	.primary-button:focus-visible{
		box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 2px rgba(3,161,252,.45);
	}

	.primary-button:active{
		background:#222;
		background:linear-gradient(#202020,#303030);
		box-shadow:inset 0 1px 3px rgba(0,0,0,.45);
	}

	:root {
		scrollbar-color: #666 #3e3e3e;
	}

	::-webkit-scrollbar {
		width: 12px;
		height: 12px;
	}

	::-webkit-scrollbar-thumb {
		background-color: #666;
		border-radius: 4px;
	}

	::-webkit-scrollbar-thumb:hover {
		background-color: #888;
	}

	::-webkit-scrollbar-track {
		background-color: #3e3e3e;
	}
}