html.wait, html.wait * {
	cursor: wait !important;
}

@supports (-moz-appearance:none) {
/* Firefox specific styles.
 * Variable fonts cause flickering since firefox 111. */
@font-face {
	font-family: 'igfont_button';
	src: url('igfont_button_regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
}

@supports not (-moz-appearance:none) {
@font-face {
	font-family: 'igfont_button';
	src: url('igfont_button_variable.woff2') format('woff2-variations'),
		 url('igfont_button_regular.woff2') format('woff2');
	font-weight: 1 999;
	font-style: normal;
}
}

@font-face {
	font-family: 'igfont_regular';
	src: url('igfont_regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'igfont_bold';
	src: url('igfont_bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@media (scripting: enabled) {
	.show-if-javascript {
	}
}

@media (scripting: none) {
	.show-if-javascript {
		display: none;
	}
}

body {
	color: var(--main-font-color);
	background-color: var(--main-bg-color);
	margin-left: 0px;
	margin-right: 0px;
	font-family: igfont_regular, Helvetica, Verdana, sans-serif;
	font-size: 13.5px;
}

a:link,a:visited {
	color: var(--link-font-color);
	text-decoration: underline;
}

a:focus {
	outline-width: var(--input-focus-outline-width);
	outline-style: solid;
	outline-color: var(--input-focus-outline-color);
	border-radius: 3px;
}

a:focus:not(:focus-visible) {
	outline: none;
}

button::-moz-focus-inner {
	border: 0;
}

button::focus {
	outline: 0;
}

button.topbutton {
	background-color: var(--topbutton-bg-color);
	border-radius: 6px;
	cursor: pointer;
	color: var(--topbutton-font-color);
	height: 50px;
	border: none;
	text-decoration: none;
	text-align: center;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: bottom;
	font-family: igfont_button;
	font-size: 14.3px;
	font-weight: 410;
	letter-spacing: 0.005em;
	line-height: 1.4em;
	white-space: nowrap;
	margin-left: 3px;
}

button.topbutton:focus {
	outline: 0;
}

button.topbutton:hover {
	background-color: var(--topbutton-hover-bg-color);
}

button.topbutton_selected {
	background-color: var(--topbutton-selected-bg-color);
	border-radius: 6px;
	cursor: pointer;
	color: var(--topbutton-selected-font-color);
	height: 50px;
	border: none;
	text-decoration: none;
	text-align: center;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: bottom;
	font-family: igfont_button;
	font-size: 14.3px;
	font-weight: 410;
	letter-spacing: 0.005em;
	line-height: 1.4em;
	white-space: nowrap;
	margin-left: 3px;
}

button.topbutton_logout {
	background-color: var(--topbutton-logout-bg-color);
	border-radius: 6px;
	cursor: pointer;
	color: var(--topbutton-logout-font-color);
	height: 50px;
	border: none;
	text-decoration: none;
	text-align: center;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: bottom;
	font-family: igfont_button;
	font-size: 14.3px;
	font-weight: 410;
	letter-spacing: 0.005em;
	line-height: 1.4em;
	white-space: nowrap;
	margin-left: 8px;
}

button.topbutton_logout:focus {
	outline: 0;
}

button.topbutton_logout:hover {
	background-color: var(--topbutton-logout-hover-bg-color);
}

button.topbutton_selected:focus {
	outline: 0;
}

button.topbutton_selected:hover {
	background-color: var(--topbutton-selected-hover-bg-color);
}

button.subbutton {
	background-color: var(--subbutton-bg-color);
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	cursor: pointer;
	color: var(--subbutton-font-color);
	height: 50px;
	border: none;
	text-decoration: none;
	margin-right: 1px;
	text-align: center;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: bottom;
	font-family: igfont_button;
	font-size: 14.3px;
	font-weight: 410;
	letter-spacing: 0.005em;
	line-height: 1.4em;
	white-space: nowrap;
}

button.subbutton_selected {
	background-color: var(--subbutton-selected-bg-color);
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	cursor: pointer;
	color: var(--subbutton-selected-font-color);
	height: 50px;
	border: none;
	text-decoration: none;
	margin-right: 1px;
	text-align: center;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: bottom;
	font-family: igfont_button;
	font-size: 14.3px;
	font-weight: 410;
	letter-spacing: 0.005em;
	line-height: 1.4em;
	white-space: nowrap;
}

button.subbutton:focus {
	outline: 0;
}

button.subbutton:hover {
	background-color: var(--subbutton-hover-bg-color);
}

button.subbutton_selected:focus {
	outline: 0;
}

button.subbutton_selected:hover {
	background-color: var(--subbutton-selected-hover-bg-color);
}

button[name="builtin.save"] {
	margin-left: 0;
}

.unit_name_heading {
	font-size: 20px;
	text-align: center;
	padding-right: 15%;
	white-space: nowrap;
}

dl.help {
	margin: 0;
}

dl.help dt {
	font-family: igfont_bold;
	font-weight: normal;
}

dl.help dd {
	margin: 0;
	padding-bottom: 0.5em;
}

td.topborder {
	background-color: var(--topborder-bg-color);
	height: 2px;
}

td.sidesleft {
	background-color: var(--sides-left-bg-color);
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	min-width: 8px;
}

td.sidesright {
	background-color: var(--sides-right-bg-color);
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

td.fillright {
	background-color: var(--sides-right-bg-color);
	border-radius: 6px 0px 0px 6px;
}

td.tablist {
	white-space: nowrap;
	min-width: 560px;
}

td.verticaldivider {
	background-color: var(--table-border-color);
}

td.whiteverticaldivider {
	background-color: var(--main-bg-color);
	min-width: 4px;
}

td.title {
	font-family: igfont_bold;
	font-weight: normal;
}

h1 {
	margin-left: 3px;
	margin-top: 4px;
	margin-bottom: 0;
	font-size: 125%;
	font-family: igfont_bold;
	font-weight: normal;
}

h1.internal_error {
	margin-left: 0px;
	font-size: 30px;
	font-family: igfont_bold;
	font-weight: normal;
	color: var(--internal-error-font-color);
}

h2 {
	border-radius: 5px;
	background-color: var(--h2-bg-color);
	text-align: left;
	font-size: 102%;
	font-family: igfont_bold;
	font-weight: normal;
	white-space: nowrap;
	margin: 0px 0px 2px 0px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

h3 {
	font-size: 100%;
	font-family: igfont_bold;
	font-weight: normal;
	margin: 0px;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

th {
	font-family: igfont_bold;
	font-weight: normal;
	text-align: center;
}

b {
	font-family: igfont_bold;
	font-weight: normal;
}

p {
	margin-top: 4px;
	margin-bottom: 3px;
	margin-left: 4px;
}

p.tableheadline {
	margin-left: 8px;
	margin-bottom: 0px;
	margin-top: 7px;
}

p.tableheadlinehelp {
	margin-left: 6.5px;
	margin-bottom: 0px;
	margin-top: 7px;
	width: 100ch;
}

.fixme {
	margin: 0px;
	font-size: 130%;
	color: var(--alert-font-color);
}

.stdtext {
	font-weight: normal;
}

p.linebreak {
	white-space: pre-line;
}

ul.linebreak li {
	white-space: pre-line;
}

.nowrap {
	white-space: nowrap;
}

.smaller {
	font-size: smaller;
}

.helplink {
	font-size: 80%;
	cursor: help;
}

.helplink:focus {
	outline-width: var(--input-focus-outline-width);
	outline-style: solid;
	outline-color: var(--input-focus-outline-color);
	border-radius: 3px;
}

.helplink:focus:not(:focus-visible) {
	outline: none;
}

a.linkerror, a.linkerror:visited {
	color: var(--alert-font-color);
}

.headerlink {
	font-size: 80%;
}

.nopassword {
	color: var(--alert-font-color);
	font-size: 150%;
}

.addrow {
	padding-top: 0.5em;
	white-space: nowrap;
	margin-left: unset;
	margin-top: -5px;
}

.dialoguebg div {
	padding: 0.4em;
}

.error {
	color: var(--alert-font-color);
}

.warning {
	color: var(--alert-font-color);
	font-family: igfont_bold;
	font-weight: normal;
}

.boxedstatus {
	padding: 0.2em;
	color: var(--boxed-status-font-color);
	text-align: center;
	cursor: pointer;
	background: var(--boxed-status-bg-color);
	border: 1px solid var(--boxed-status-font-color);
	margin-top: 5px;
	border-radius: 4px;
	font-size: 13.5px;
	font-family: igfont_bold;
	font-weight: normal;
}

.notapplied {
	width: 100%;
	padding: 0.2em;
	color: var(--not-applied-font-color);
	text-align: center;
	cursor: pointer;
	background: var(--not-applied-bg-color);
	border: 1px solid var(--not-applied-font-color);
	margin-top: 5px;
	border-radius: 4px;
	font-size: 13.5px;
	font-family: igfont_bold;
	font-weight: normal;
}

.notapplied:focus {
	outline: none;
}

.notapplied::-moz-focus-inner {
	border: 0;
}

.standby {
	padding: 0.2em;
	color: var(--standby-status-font-color);
	text-align: center;
	cursor: pointer;
	background: var(--standby-status-bg-color);
	border: 1px solid var(--standby-status-font-color);
	margin-top: 5px;
	border-radius: 4px;
	font-size: 13.5px;
	font-family: igfont_bold;
	font-weight: normal;
}

.fd_cdrom {
	padding: 0.2em;
	color: var(--not-applied-font-color);
	text-align: center;
	cursor: pointer;
	background: var(--not-applied-bg-color);
	border: 1px solid var(--not-applied-font-color);
	margin-top: 5px;
	border-radius: 4px;
	font-size: 13.5px;
	font-family: igfont_bold;
	font-weight: normal;
}

.upgradeinfo {
	font-family: igfont_bold;
	font-weight: normal;
}

.fetch-status {
	font-family: igfont_bold;
	font-weight: normal;
}

.expiresoon {
	color: var(--alert-font-color);
	font-family: igfont_bold;
	font-weight: normal;
}

.example {
	font-family: monospace;
}

.entry {
	font-family: igfont_bold;
	font-weight: normal;
	white-space: nowrap;
	vertical-align: top;
}

.output {
	font-family: igfont_bold;
	font-weight: normal;
}

.explanation {
	font-weight: normal;
	vertical-align: top;
}

.explanationhelp {
	font-weight: normal;
	vertical-align: top;
	width: 100ch;
}

.selection {
	font-weight: normal;
}

.selectionnowrap {
	font-weight: normal;
	white-space: nowrap;
}

.singlesetting {
	font-weight: normal;
	padding-left: 2px;
}

.singlesettingnowrap {
	font-weight: normal;
	white-space: nowrap;
	padding-left: 3px;
}

.unit {
	font-weight: normal;
}

.siptrunkhelp {
	font-weight: lighter;
	font-style:	 italic;
	font-size:	 90%;
}

.dialoguebg {
	background-color: var(--dialogue-bg-color);
	margin: 0.5em;
}

.traceback_header {
	margin-top: 5%;
	margin-left: 15%;
	margin-right: 15%;
	margin-bottom: 15px;
	font-size: 16px;
	color: var(--traceback-header-font-color);
}

.traceback {
	border-radius: 10px;
	background-color: var(--traceback-bg-color);
	margin-left: 15%;
	margin-right: 15%;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 13px;
	padding-right: 13px;
	opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	filter: alpha(opacity=60);
}

.traceback_body {
	background-color: var(--traceback-body-bg-color);
}

pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

.reportbg {
	background-color: var(--main-bg-color);
	margin: 0.5em;
}

.reportpage {
}

.reportheader {
}

.reportlink {
	font-size: 110%;
}

.reportdescription {
	font-family: igfont_bold;
	font-weight: normal;
}

.logviewbox {
	border-color: var(--logview-border-color);
	border-style: solid;
	border-width: 1px;
	margin: 0.15em;
}

.logviewblock {
}

.logviewblocksmall {
	border-color: var(--logview-border-color);
	border-style: solid;
	border-width: 1px;
	margin: 0.15em;
}

.tdtable {
	text-align: left;
}

table.logtable {
	border-width: 3px;
	border-color: var(--table-border-color);
	border-collapse: collapse;
	border-style: solid;
}

table.logtable th {
	border-width: 3px;
	border-color: var(--table-border-color);
	border-collapse: collapse;
	border-style: solid;
}

table.tdtable {
	border-width: 3px;
	border-color: var(--table-border-color);
	border-collapse: collapse;
}
table.tdtable th {
	border-width: 3px;
	padding: 2px;
	border-style: solid;
	border-color: var(--table-border-color);
}
table.tdtable td {
	border-width: 3px;
	padding: 2px;
	border-style: solid;
	border-color: var(--table-border-color);
	vertical-align: middle;
}

div.divtdtable-nowrap table.tdtable td {
	white-space: nowrap;
}

.emptybody {
	display: none;
}

.clickabletd {
	background-color: var(--h2-bg-color);
}

table.about {
	width: 100%;
}

td.about {
	width: 1%;
	white-space: nowrap;
}

div.about {
	display: inline-block;
	background-color: var(--dialogue-bg-color);
	border-top: 2px solid var(--topborder-bg-color);
	margin-left: 0.5em;
	min-width: 40em;
	padding: 0.3em;
}

.licenses {
	margin: 0;
	/* sync with .about padding. */
	padding-left: 1.3em;
}

#specialproduct {
	margin-left: 1em;
}

.wrap {
	white-space: normal;
}

.plusbutton {
	white-space: nowrap;
}

.add_row_button {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	font-size: 13px;
	font-family: igfont_bold;
	font-weight: normal;
	color: var(--input-add-row-font-color);
	background: var(--input-add-row-bg-color);
	border: none;
	cursor: pointer;
	text-align: center;
	padding: inherit;
	line-height: 0px;
}

.add_row_button:hover {
	background-color: var(--input-add-row-hover-bg-color);
}

.add_row_button:focus {
	outline: 0;
}

/* Logview classes. */

.logdate {
	white-space: nowrap;

	border-width: 3px;
	border-color: var(--table-border-color);
	border-collapse: collapse;
	border-style: solid;

}

.logownip {
	background-color: var(--log-own-ip-bg-color);
	font-family: var(--log-own-ip-font-family);
	border-width: 3px;
	border-color: var(--table-border-color);
	border-collapse: collapse;
	border-style: solid;
}

.logotherip {
	border-width: 3px;
	border-color: var(--table-border-color);
	border-collapse: collapse;
	border-style: solid;

}

.logport {
	text-align: right;
	border-width: 3px;
	border-color: var(--table-border-color);
	border-collapse: collapse;
	border-style: solid;
}

.logblock {
	background-color: var(--log-block-bg-color);
	border-width: 3px;
	border-color: var(--table-border-color);
	border-collapse: collapse;
	border-style: solid;
}

.logallow {
	border-width: 3px;
	border-color: var(--table-border-color);
	border-collapse: collapse;
	border-style: solid;
}

.logorigin {
	white-space: nowrap;
	border-width: 3px;
	border-color: var(--table-border-color);
	border-collapse: collapse;
	border-style: solid;

}

.logalert {
	background-color: var(--log-alert-bg-color);
	border-width: 3px;
	border-color: var(--table-border-color);
	border-collapse: collapse;
	border-style: solid;
}

.logerr {
	background-color: var(--log-err-bg-color);
	border-width: 3px;
	border-color: var(--table-border-color);
	border-collapse: collapse;
	border-style: solid;
}

.logtxtentry {
	border-width: 3px;
	border-color: var(--table-border-color);
	border-collapse: collapse;
	border-style: solid;
}

.logtxtentryfmt {
	font-family: monospace;
	white-space: pre;
	font-size: smaller;

	border-width: 3px;
	border-color: var(--table-border-color);
	border-collapse: collapse;
	border-style: solid;

}

.logrow {
	border-width: 3px;
	border-color: var(--table-border-color);
	border-collapse: collapse;
	border-style: solid;
}

.trunksetting table {
	width: 100%;
}

table.trunk {
	width: 100%;
}

td.trunk {
	width: 1%;
	min-width: 560px;
	white-space: nowrap;
	background-color: var(--dialogue-bg-color);
	border-top: 2px solid var(--topborder-bg-color);
}

.reload {
	display: flex;
	justify-content: space-between;
	padding: 0 !important;
}

.reload span {
	font-size: 1.3em;
	cursor: pointer;
	user-select: none;
}

.reload span:hover {
	color: var(--reload-versions-hover-font-color);
}

input[name$="ciphers"] {
	width: 15em;
}

input[name$="parameters"] {
	width: 15em;
}

input[type="image"] {
	outline: 0;
	border: none;
}

.logobutton {
	background-color: var(--main-bg-color);
	border: 0;
	width: 93px;
	height: 26px;
	background-size: 93px 26px;
	background-image: var(--logo-image-src);
	outline: 0;
}

.submitbutton {
	color: var(--input-font-color);
	font-size: var(--submit-font-size);
	font-family: var(--submit-font-family);
	background-color: var(--input-bg-color);
	border: 1px solid var(--input-border-color);
	border-radius: 4px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.14em;
	padding-bottom: 0.14em;
}

.submitbutton:hover {
	border: 1px solid var(--input-hover-border-color);
	background-color: var(--input-hover-bg-color);
}

.submitbutton:active {
	background-color: var(--input-active-bg-color);
	border: 1px solid var(--input-active-border-color);
}

select {
	color: var(--input-font-color);
	font-size: var(--select-font-size);
	font-family: var(--select-font-family);
	background-color: var(--input-bg-color);
	border: 1px solid var(--input-border-color);
	border-radius: 4px;
	padding-left: 0.3em;
	padding-right: 0.3em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

select:hover {
	border: 1px solid var(--input-hover-border-color);
	background-color: var(--input-hover-bg-color);
}

.textinput {
	color: var(--input-font-color);
	font-size: 13.5px;
	font-family: igfont_regular;
	background-color: var(--input-text-bg-color);
	border: 1px solid var(--input-border-color);
	border-radius: 4px;
	padding-left: 0.3em;
	padding-right: 0.2em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

.textinput:hover {
	border: 1px solid var(--input-hover-border-color);
}

.textareainput {
	color: var(--textarea-font-color);
	font-size: 14px;
	font-family: monospace;
	background-color: var(--input-text-bg-color);
	border: 1px solid var(--input-border-color);
	border-radius: 4px;
	padding-left: 0.4em;
	padding-right: 0.3em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

.textareainput:hover {
	border: 1px solid var(--input-hover-border-color);
}

.submitbutton:focus, select:focus, .textinput:focus, .textareainput:focus {
	outline-width: var(--input-focus-outline-width);
	outline-style: solid;
	outline-color: var(--input-focus-outline-color);
	outline-offset: -1px;
}

.submitbutton:focus:not(:focus-visible) {
	outline: none;
}

input[type="checkbox"]:focus, input[type="radio"]:focus {
	outline-width: var(--input-focus-outline-width);
	outline-style: solid;
	outline-color: var(--input-focus-outline-color);
	outline-offset: 1px;
}

input[type="checkbox"]:focus:not(:focus-visible) {
	outline: none;
}

input[type="radio"]:focus:not(:focus-visible) {
	outline: none;
}

input[type="file"]::file-selector-button {
	color: var(--input-font-color);
	font-size: var(--submit-font-size);
	font-family: var(--submit-font-family);
	background-color: var(--input-bg-color);
	border: 1px solid var(--input-border-color);
	border-radius: 4px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.14em;
	padding-bottom: 0.14em;
}

input[type="file"]::file-selector-button:hover {
	border: 1px solid var(--input-hover-border-color);
	background-color: var(--input-hover-bg-color);
}

input[type="file"]::file-selector-button:active {
	background-color: var(--input-active-bg-color);
	border: 1px solid var(--input-active-border-color);
}

input[type=checkbox], input[type=radio] {
	accent-color: var(--radio-checkbox-accent-color);
}

input[type="number"] {
	-moz-appearance: textfield;
}

div.spaceme {
	margin-left: -1px;
	margin-top: -4px;
	margin-bottom: -4px;
}

div.spacemeless {
	margin-left: -1px;
	margin-top: -6px;
	margin-bottom: -13px;
}

div.showsection {
	margin: 0;
	padding: 0;
}

canvas#dategraph {
	background-color: var(--dialogue-bg-color);
}

div#networks-file-edit {
	display: inline-block;
	position: relative;
}

div#networks-file-edit > #fcontent {
	margin-bottom: 0.2em;
	outline: none;
}

div#networks-file-edit > input {
	margin-right: 1em;
}

div#networks-file-edit > input:last-of-type {
	float: right;
	margin-right: 0;
}

div#networks-file-edit > #foverlay {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 100;
	background-color: var(--h2-bg-color);
	opacity: 0.6;
	align-items: center;
	justify-content: center;
	font-size: xx-large
}