/* I2P Theme: Midnight */
/* Description: Dark blue with chrome highlights */
/* Thanks to Florian Kuhlmann for the hatface images. [http://www.flickr.com/photos/floriankuhlmann/] */
/* Additional thanks to NASA for the planet earth image */
/* Author: dr|z3d */

body {
     margin: 5px 0 0 0;
     padding: 0;
     text-align: center;
     background: #001;
     background: linear-gradient(to bottom, #001, #000);
     background-size: auto 2px;
     color: #c9ceff;
     font: 8.5pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
}

/* preload button mouseovers */
body {
     background: linear-gradient(to bottom, #001, #000),
     url(/themes/console/images/buttons/clean_hover.png) no-repeat,
     url(/themes/console/images/buttons/configure_hover.png) no-repeat,
     url(/themes/console/images/buttons/delete_hover.png) no-repeat,
     url(/themes/console/images/buttons/restart_hover.png) no-repeat,
     url(/themes/console/images/buttons/restore_hover.png) no-repeat,
     url(/themes/console/images/buttons/search_hover.png) no-repeat,
     url(/themes/console/images/buttons/shutdown_hover.png) no-repeat,
     url(/themes/console/images/buttons/update_hover.png) no-repeat, #000;
     background-size: auto 2px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
}

.hide, .hideme {
     display: none;
}

small {
     font-size: 9pt;
}

div.clearer {
     clear: left;
     height: 0;
     line-height: 0;
     margin-bottom: -16px;
}

::selection {
     background: #22296f !important;
     background: rgba(34, 41, 111, 0.9) !important;
     color: white;
}

::-moz-selection {
     background: #22296f !important;
     color: white;
}

.routersummary img[src$="i2plogo.png"], .routersummary h3, .confignav, *::before, *::after {
     -moz-user-select: none;
     -webkit-user-select: none;
     user-select: none;
}

/* standard buttons and inputs */

button, input[type="submit"], input[type="reset"], select {
     filter: drop-shadow(0 0 1px #115);
     box-shadow: inset 0 0 0 1px #000020;
}

button, button:visited, input[type="submit"], input[type="reset"] {
     font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     border: 1px solid #3e3f8f;
     border-bottom-color: #14144f;
     border-right-color: #14144f;
     border-radius: 2px;
     padding: 5px 4px;
     text-decoration: none;
     margin: 2px 3px;
     text-align: center;
     vertical-align: middle;
     min-width: 75px;
     background: #000;
     background: linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%);
     color: #4e47bf;
}

button:hover, button:focus, input[type="submit"]:focus, input[type="reset"]:focus {
     border: 1px solid #652787;
     box-shadow: inset 0 1px 1px 0 #c9ceff;
     background: #000;
     color: #652787;
     cursor: pointer;
}

button:active, input[type="submit"]:active, input[type="reset"]:active {
     border: 1px solid #652787;
     background: #652787;
     color: #c9ceff;
     box-shadow: inset 0 0 0 1px #000;
}

:focus, :active, :checked {
     outline: none !important;
}

input {
     border: 1px solid #3e3f8f;
     border-bottom-color: #14144f;
     border-right-color: #14144f;
     background: #000;
     color: #443da0;
     margin: 5px;
     font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     padding: 3px 2px;
     text-decoration: none;
     min-width: 110px;
     border-radius: 2px;
}

input:hover, input:focus {
     background: #000;
     color: #652787;
     border: 1px solid #652787;
     box-shadow: inset 0 1px 1px 0 #c9ceff;
     cursor: pointer;
}

input:active {
     background: #000;
     color: #c9ceff;
     border: 1px solid #652787;
     box-shadow: inset 0 0 0 1px #000;
}

input[type=text], input[type=password] {
     background: #000;
     color: #c9ceff;
     margin: 5px 10px;
     padding: 4px 2px;
     font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     border: 1px solid #443da0 !important;
     text-decoration: none;
     border-radius: 2px;
     box-shadow: inset 1px 1px 1px 0 #000;
     cursor: text;
}

textarea {
     color: #c9ceff;
     padding: 5px;
     margin: 10px;
     border-radius: 2px;
     font: 8.5pt "Droid Sans Mono", "Noto Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
     min-height: 100px;
     min-width: 97%;
     width: calc(100% - 15px);
     text-align: left;
}

textarea[cols="70"], textarea[name="levels"] {
     width: calc(100% - 20px);
}

button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
     outline: none;
     border: none;
}

input[type=text], input[type=password], textarea {
     color: #7670c2 !important;
     background: linear-gradient(to bottom, #000, #000019);
     box-shadow: inset 0 0 3px 3px #000;
     border: 1px solid #3e3f8f;
     padding: 5px;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
     color: #c9ceff !important;
     background: #000;
     border: 1px solid #443da0;
     box-shadow: 0 0 0 1px rgba(101, 39, 135, 0.5);
     filter: drop-shadow(0 0 1px #99f);
     transition: filter ease 0.3s;
}

input[type=image] {
     min-width: 0;
}

input[type="checkbox"] {
     min-width: 16px !important;
}

input[type="checkbox"], .optbox {
     min-width: 16px !important;
     vertical-align: sub;
     filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%); /* colorize radios and checkboxes */
     background: none;
}

input[type="checkbox"]:hover, .optbox:hover, input[type="checkbox"]:focus, .optbox:focus {
     box-shadow: 0 0 2px 1px #99f;
     filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%) drop-shadow(0 0 3px #99f);
}

input[type="checkbox"][disabled]:hover, input[type="checkbox"][disabled]:focus,
input[type="radio"][disabled]:hover, input[type="radio"][disabled]:focus {
     box-shadow: none;
     filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%);
}

label {
     cursor: pointer;
}

.main#config_clients label[for="0"] {
     cursor: default;
}

input[type="file"] {
     box-shadow: none;
     border: none;
     background: none;
     color: #c9ceff;
     padding: 0;
     cursor: pointer;
     margin: 5px 10px;
     font-weight: normal;
}

input[type="file"]:hover, input[type="file"]:active {
     color: #652787;
}

input[name="refreshInterval"] {
     margin-right: 3px;
     margin-left: 0;
     width: 40px;
     text-align: right;
}

input:disabled {
     cursor: default;
}

input[type="text"]:disabled, input[readonly], input[readonly]:focus {
     color: #443da0 !important;
     box-shadow: none;
     filter: none;
}

input[class="check"] { /* nudge "check for updates" button into alignment on /configupdate */
     margin-left: 10px !important;
}

select {
     -moz-appearance: none;
     -webkit-appearance: none;
     appearance: none;
     background: #000 url(images/dropdown.png) right center no-repeat !important;
     color: #4e47bf;
     margin: 5px 10px;
     border: 1px solid #3e3f8f;
     border-bottom-color: #14144f;
     border-right-color: #14144f;
     border-radius: 2px;
     min-width: 110px;
     font: 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     font-weight: bold;
     padding: 4px 16px 4px 4px !important;
     cursor: pointer;
     overflow: hidden;
     text-overflow: ellipsis;
}

select:focus, select:hover {
     color: #652787;
     border: 1px solid #652787;
     box-shadow: inset 0 1px 1px 0 #c9ceff;
}

select option {
     font-weight: normal;
     font-size: 9.5pt !important;
     box-shadow: inset 0 0 20px 20px #000;
}

select option:hover, select option:focus, select option:checked {
     box-shadow: inset 0 0 20px 20px #652787;
}

img[src="dropdown.png"] {
     filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%);
}

select:hover, select:active {
     background: #000 url(images/dropdown_hover.png) right center no-repeat !important;
}

select:focus {
     background: #000 url(images/dropdown_hover.png) right center no-repeat !important;
}

select::-ms-expand {
     display: none;
}

/* buttons (experimental) */

input[type="submit"], input[type="reset"], button {
     background-size: 14px 14px, 100% 100%;
     filter: drop-shadow(0 0 1px #115);
     box-shadow: inset 0 0 0 1px #000020;
     min-width: 0 !important;
}

input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
     background-blend-mode: normal;
     box-shadow: inset 0 1px 1px #bbf;
}

input[type="submit"]:active, input[type="reset"]:active, button:active {
     background-blend-mode: luminosity !important;
     box-shadow: inset 0 0 0 1px #000 !important;
     box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px #000 !important;
}

input.accept, button.accept, button[type="submit"] {
     background: url(/themes/console/images/buttons/yes.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px 14px, 100% 100% !important;
     padding: 5px 7px 5px 23px !important;
}

input.accept:hover, button.accept:hover,
input.accept:focus, button.accept:focus {
     background: #000 url(/themes/console/images/buttons/yes.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.accept:active, button.accept:active {
     background: #652787 url(/themes/console/images/buttons/yes.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.accept[value^="Unban"], button.accept[value^="Unban"] {
     background: url(/themes/console/images/buttons/unban.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px 14px, 100% 100% !important;
     padding: 5px 7px 5px 23px !important;
}

input.accept[value^="Unban"]:hover, button.accept[value^="Unban"]:hover,
input.accept[value^="Unban"]:focus, button.accept[value^="Unban"]:focus {
     background: #000 url(/themes/console/images/buttons/unban.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.accept[value^="Unban"]:active, button.accept[value^="Unban"]:active {
     background: #652787 url(/themes/console/images/buttons/unban.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.accept[value^="Create"], button.accept[value^="Create"] {
     background: url(/themes/console/images/buttons/create.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px 14px, 100% 100% !important;
     padding: 5px 7px 5px 23px !important;
}

input.accept[value^="Create"]:hover, button.accept[value^="Create"]:hover,
input.accept[value^="Create"]:focus, button.accept[value^="Create"]:focus {
     background: #000 url(/themes/console/images/buttons/create.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.accept[value^="Create"]:active, button.accept[value^="Create"]:active {
     background: #652787 url(/themes/console/images/buttons/create.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.accept[value^="Filter"], button.accept[value^="Filter"] {
     background: url(/themes/console/images/buttons/filter.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px 14px, 100% 100% !important;
     padding: 5px 7px 5px 23px !important;
}

input.accept[value^="Filter"]:hover, button.accept[value^="Filter"]:hover,
input.accept[value^="Filter"]:focus, button.accept[value^="Filter"]:focus {
     background: #000 url(/themes/console/images/buttons/filter.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.accept[value^="Filter"]:focus, button.accept[value^="Filter"]:focus {
     background: #652787 url(/themes/console/images/buttons/filter.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.add, button.add {
     background: url(/themes/console/images/buttons/add.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px 14px, 100% 100% !important;
     padding: 5px 7px 5px 23px !important;
}

input.add:hover, button.add:hover,
input.add:focus, button.add:focus {
     background: #000 url(/themes/console/images/buttons/add.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.add:active, button.add:active {
     background: #652787 url(/themes/console/images/buttons/add.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.add[value^="Adjust"], button.add[value^="Adjust"] {
     background: url(/themes/console/images/buttons/edit2.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px 14px, 100% 100% !important;
     padding: 5px 7px 5px 23px !important;
}

input.add[value^="Adjust"]:hover, button.add[value^="Adjust"]:hover,
input.add[value^="Adjust"]:focus, button.add[value^="Adjust"]:focus {
     background: #000 url(/themes/console/images/buttons/edit2.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.add[value^="Adjust"]:active, button.add[value^="Adjust"]:active {
     background: #652787 url(/themes/console/images/buttons/edit2.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.cancel, button.cancel {
     background: url(/themes/console/images/buttons/no.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px 14px, 100% 100% !important;
     padding: 5px 7px 5px 23px !important;
}

input.cancel:hover, button.cancel:hover,
input.cancel:focus, button.cancel:focus {
     background: #000 url(/themes/console/images/buttons/no.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.cancel:active, button.cancel:active {
     background: #652787 url(/themes/console/images/buttons/no.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.accept[value^="Show"], button.accept[value^="Show"],
input.check[value^="View"], button.check[value^="View"] {
     background: url(/themes/console/images/buttons/show.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px 14px, 100% 100% !important;
     padding: 5px 7px 5px 23px !important;
}

input.accept[value^="Show"]:hover, button.accept[value^="Show"]:hover,
input.check[value^="View"]:hover, button.check[value^="View"]:hover,
input.accept[value^="Show"]:focus, button.accept[value^="Show"]:focus,
input.check[value^="View"]:focus, button.check[value^="View"]:focus {
     background: #000 url(/themes/console/images/buttons/show.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.accept[value^="Show"]:active, button.accept[value^="Show"]:active,
input.check[value^="View"]:active, button.check[value^="View"]:active {
     background: #652787 url(/themes/console/images/buttons/show.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.cancel[value^="Hide"], button.cancel[value^="Hide"],
input.delete[value^="Do not view"], button.delete[value^="Do not view"] {
     background: url(/themes/console/images/buttons/hide.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px 14px, 100% 100% !important;
     padding: 5px 7px 5px 23px !important;
}

input.cancel[value^="Hide"]:hover, button.cancel[value^="Hide"]:hover,
input.delete[value^="Do not view"]:hover, button.delete[value^="Do not view"]:hover,
input.cancel[value^="Hide"]:focus, button.cancel[value^="Hide"]:focus,
input.delete[value^="Do not view"]:focus, button.delete[value^="Do not view"]:focus {
     background: #000 url(/themes/console/images/buttons/hide.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.cancel[value^="Hide"]:active, button.cancel[value^="Hide"]:active,
input.delete[value^="Do not view"]:active, button.delete[value^="Do not view"]:active {
     background: #652787 url(/themes/console/images/buttons/hide.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.check, button.check {
     background: url(/themes/console/images/buttons/yes.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px 14px, 100% 100% !important;
     padding: 5px 7px 5px 23px !important;
}

input.check:hover, button.check:hover,
input.check:focus, button.check:focus {
     background: #000 url(/themes/console/images/buttons/yes.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.check:active, button.check:active {
     background: #652787 url(/themes/console/images/buttons/yes.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.check[value$="updates"], button.check[value$="updates"] {
     background: url(/themes/console/images/buttons/update.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px 14px, 100% 100% !important;
     padding: 5px 7px 5px 23px !important;
}

input.check[value$="updates"]:hover, button.check[value$="updates"]:hover,
input.check[value$="updates"]:focus, button.check[value$="updates"]:focus {
     background: #000 url(/themes/console/images/buttons/update_hover.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.check[value$="updates"]:active, button.check[value$="updates"]:active {
     background: #652787 url(/themes/console/images/buttons/update_hover.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.delete, button.delete {
     background: url(/themes/console/images/buttons/delete.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px 14px, 100% 100% !important;
     padding: 5px 7px 5px 23px !important;
}

input.delete:hover, button.delete:hover,
input.delete:focus, button.delete:focus {
     background: #000 url(/themes/console/images/buttons/delete_hover.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.delete:active, button.delete:active {
     background: #652787 url(/themes/console/images/buttons/delete_hover.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.delete[value^="Ban"], button.delete[value^="Ban"] {
     background: url(/themes/console/images/buttons/ban.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px 14px, 100% 100% !important;
     padding: 5px 7px 5px 23px !important;
}

input.delete[value^="Ban"]:hover, button.delete[value^="Ban"]:hover,
input.delete[value^="Ban"]:focus, button.delete[value^="Ban"]:focus {
     background: #000 url(/themes/console/images/buttons/ban.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.delete[value^="Ban"]:active, button.delete[value^="Ban"]:active {
     background: #652787 url(/themes/console/images/buttons/ban.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.download, button.download {
     background: url(/themes/console/images/buttons/download.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px 14px, 100% 100% !important;
     padding: 5px 7px 5px 23px !important;
}

input.download:hover, button.download:hover,
input.download:focus, button.download:focus {
     background: #000 url(/themes/console/images/buttons/download.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.download:active, button.download:active {
     background: #652787 url(/themes/console/images/buttons/download.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.download[value^="Join"], button.download[value^="Join"] {
     background: url(/themes/console/images/buttons/users.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px 14px, 100% 100% !important;
     padding: 5px 7px 5px 23px !important;
}

input.download[value^="Join"]:hover, button.download[value^="Join"]:hover,
input.download[value^="Join"]:focus, button.download[value^="Join"]:focus {
     background: #000 url(/themes/console/images/buttons/users.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.download[value^="Join"]:active, button.download[value^="Join"]:active {
     background: #652787 url(/themes/console/images/buttons/users.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.download[value$="from File"], button.download[value$="from File"],
input.download[value$="from file"], button.download[value$="from file"] {
     background: url(/themes/console/images/buttons/from-file.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px 14px, 100% 100% !important;
     padding: 5px 7px 5px 23px !important;
}

input.download[value$="from file"]:hover, button.download[value$="from file"]:hover,
input.download[value$="from file"]:focus, button.download[value$="from file"]:focus {
     background: #000 url(/themes/console/images/buttons/from-file.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.download[value$="from file"]:active, button.download[value$="from file"]:active {
     background: #652787 url(/themes/console/images/buttons/from-file.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.download[value^="Dump"], button.download[value^="Dump"] {
     background: url(/themes/console/images/buttons/dump-threads.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px 14px, 100% 100% !important;
     padding: 5px 7px 5px 23px !important;
}

input.download[value^="Dump"]:hover, button.download[value^="Dump"]:hover,
input.download[value^="Dump"]:focus, button.download[value^="Dump"]:focus {
     background: #000 url(/themes/console/images/buttons/dump-threads.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
     padding: 5px 7px 5px 23px !important;
}

input.download[value^="Dump"]:active, button.download[value^="Dump"]:active {
     background: #652787 url(/themes/console/images/buttons/dump-threads.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
     padding: 5px 7px 5px 23px !important;
}

input.go, button.go, input[value="GO"] {
     background: url(/themes/console/images/buttons/go.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px 14px, 100% 100% !important;
     padding: 5px 7px 5px 23px !important;
}

input.go:hover, button.go:hover, input[value="GO"]:hover,
input.go:focus, button.go:focus, input[value="GO"]:focus {
     background: #000 url(/themes/console/images/buttons/go.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.go:active, button.go:active, input[value="GO"]:active {
     background: #652787 url(/themes/console/images/buttons/go.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.go[value^="Create"], button.go[value^="Create"] {
     background: url(/themes/console/images/buttons/create-file.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px 14px, 100% 100% !important;
     padding: 5px 7px 5px 23px !important;
}

input.go[value^="Create"]:hover, button.go[value^="Create"]:hover,
input.go[value^="Create"]:focus, button.go[value^="Create"]:focus {
     background: #000 url(/themes/console/images/buttons/create-file.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.go[value^="Create"]:active, button.go[value^="Create"]:active {
     background: #652787 url(/themes/console/images/buttons/create-file.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.reload, button.reload {
     background: url(/themes/console/images/buttons/restore.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px 14px, 100% 100% !important;
     padding: 5px 7px 5px 23px !important;
}

input.reload:hover, button.reload:hover,
input.reload:focus, button.reload:focus {
     background: #000 url(/themes/console/images/buttons/restore_hover.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.reload:active, button.reload:active {
     background: #652787 url(/themes/console/images/buttons/restore_hover.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.reload[value$="restart"], button.reload[value$="restart"] {
     background: url(/themes/console/images/buttons/restart.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px 14px, 100% 100% !important;
     padding: 5px 7px 5px 23px !important;

}

input.reload[value$="restart"]:hover, button.reload[value$="restart"]:hover,
input.reload[value$="restart"]:focus, button.reload[value$="restart"]:focus {
     background: #000 url(/themes/console/images/buttons/restart_hover.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

input.reload[value^="Update"], button.reload[value^="Update"] {
     background: url(/themes/console/images/buttons/update.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px 14px, 100% 100% !important;
     padding: 5px 7px 5px 23px !important;

}

input.reload[value^="Update"]:hover, button.reload[value^="Update"]:hover,
input.reload[value^="Update"]:focus, button.reload[value^="Update"]:focus {
     background: #000 url(/themes/console/images/buttons/update_hover.png) 6px center no-repeat !important;
}

input.reload[value^="Update"]:active, button.reload[value^="Update"]:active {
     background: #652787 url(/themes/console/images/buttons/update_hover.png) 6px center no-repeat !important;
}

input.reload[value="Force GC"], button.reload[value="Force GC"] {
     background: url(/themes/console/images/buttons/clean.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px 14px, 100% 100% !important;
     padding: 5px 7px 5px 23px !important;
}

input.reload[value="Force GC"]:hover, button.reload[value="Force GC"]:hover,
input.reload[value="Force GC"]:focus, button.reload[value="Force GC"]:focus {
     background: #000 url(/themes/console/images/buttons/clean_hover.png) 6px center no-repeat !important;
}

input.reload[value="Force GC"]:active, button.reload[value="Force GC"]:active {
     background: #652787 url(/themes/console/images/buttons/clean_hover.png) 6px center no-repeat !important;
}

input.stop, button.stop {
     background: url(/themes/console/images/buttons/shutdown.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px 14px, 100% 100% !important;
     padding: 5px 7px 5px 23px !important;
}

input.stop:hover, button.stop:hover,
input.stop:focus, button.stop:focus {
     background: #000 url(/themes/console/images/buttons/shutdown_hover.png) 6px center no-repeat !important;
     background-size: 14px 14px, 100% 100% !important;
     padding: 5px 7px 5px 23px !important;
}

input.stop:active, button.stop:active {
     background: #652787 url(/themes/console/images/buttons/shutdown.png) 6px center no-repeat !important;
}

button.search {
     background: url(/themes/console/images/buttons/search.png) 6px center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px 14px, 100% 100% !important;
     padding: 5px 7px 5px 23px !important;
}

button.search:hover, button.search:focus {
     background: #000 url(/themes/console/images/buttons/search_hover.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

button.search:active {
     background: #652787 url(/themes/console/images/buttons/search_hover.png) 6px center no-repeat !important;
     background-size: 14px 14px !important;
}

/* client/plugin/webapps buttons aka project "X" */

button.control, button.control:hover, button.control:focus {
     padding: 12px !important;
     font-size: 0 !important;
     text-indent: -99999px !important;
     background-size: 16px 16px, 100% 100% !important;
}

button.accept.control {
     background: url(/themes/console/images/buttons/Xstart.png) center center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
}

button.accept.control:hover, button.accept.control:focus {
     background: #000 url(/themes/console/images/buttons/Xstart.png) center center no-repeat !important;
}

button.accept.control:active {
     background: #652787 url(/themes/console/images/buttons/Xstart.png) center center no-repeat !important;
}

button.stop.control {
     background: url(/themes/console/images/buttons/Xstop.png) center center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
}

button.stop.control:hover, button.stop.control:focus {
     background: #000 url(/themes/console/images/buttons/Xstop.png) center center no-repeat !important;
}

button.stop.control:active {
     background: #652787 url(/themes/console/images/buttons/Xstop.png) center center no-repeat !important;
}

button.add.control {
     background: url(/themes/console/images/buttons/edit2.png) center center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
}

button.add.control:hover, button.add.control:focus {
     background: #000 url(/themes/console/images/buttons/edit2.png) center center no-repeat !important;
}

button.add.control:active {
     background: #652787 url(/themes/console/images/buttons/edit2.png) center center no-repeat !important;
}

button.delete.control {
     background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
}

button.delete.control:hover, button.delete.control:focus {
     background: #000 url(/themes/console/images/buttons/delete_hover.png) center center no-repeat !important;
}

button.delete.control:active {
     background: #652787 url(/themes/console/images/buttons/delete_hover.png) center center no-repeat !important;
}

button.check.control {
     background: url(/themes/console/images/buttons/update.png) center center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
}

button.check.control:hover, button.check.control:focus {
     background: #000 url(/themes/console/images/buttons/update_hover.png) center center no-repeat !important;
}

button.check.control:active {
     background: #652787 url(/themes/console/images/buttons/update_hover.png) center center no-repeat !important;
}

button.download.control {
     background: url(/themes/console/images/buttons/download.png) center center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
}

button.download.control:hover, button.download.control:focus {
     background: #000 url(/themes/console/images/buttons/download.png) center center no-repeat !important;
}

button.download.control:active {
     background: #652787 url(/themes/console/images/buttons/download.png) center center no-repeat !important;
}

button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
     outline: none;
     border: none;
}

/* end project "X" */

/* sidebar buttons */

.routersummary button {
     margin: 2px;
     min-width: 87px !important;
     background-blend-mode: normal;
}

.routersummary .reload, .routersummary .stop {
     text-indent: -99999px;
     background-size: 16px 16px, 100% 100% !important;
     background-position: center center !important;
     padding: 5px !important;
     min-width: 92px !important;
     margin-top: 3px;
     margin-bottom: 3px;
}

.routersummary .reload, .routersummary .reload[value$="restart"] {
     background: url(/themes/console/images/buttons/restart.png) center center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
}

.routersummary .reload:hover, .routersummary .reload:focus, .routersummary .reload[value$="restart"]:hover, .routersummary .reload[value$="restart"]:focus {
     background: #000 url(/themes/console/images/buttons/restart_hover.png) center center no-repeat !important;
     background: url(/themes/console/images/buttons/shutdown_hover.png) 37% 55% no-repeat, url(/themes/console/images/buttons/restart_hover.png) 63% 55% no-repeat,  #000 !important;
}

.routersummary .reload:active, .routersummary .reload[value$="restart"]:active {
     background: #652787 url(/themes/console/images/buttons/restart_hover.png) center center no-repeat !important;
}

.routersummary .stop {
     background: url(/themes/console/images/buttons/shutdown.png) center center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
}

.routersummary .stop:hover, .routersummary .stop:focus {
     background: url(/themes/console/images/buttons/shutdown_hover.png) center center no-repeat;
     background-position: center center !important;
     background-size: 16px 16px, 100% 100% !important;
}

/* Show text on context specific buttons (eg deferred shutdown) */

.routersummary .reload[value="restartImmediate"], .routersummary .stop[value="shutdownImmediate"], .routersummary .reload[value="Reseed"] {
     text-indent: 0;
     text-align: left;
     min-width: 0 !important;
     padding: 5px 7px 5px 23px !important;
}

.routersummary .reload[value="restartImmediate"] {
     background: url(/themes/console/images/buttons/restart.png) center left 6px no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px auto !important;
}

.routersummary .reload[value="restartImmediate"]:hover {
     background: #000 url(/themes/console/images/buttons/restart.png) center left 6px no-repeat !important;
     background-size: 14px auto !important;
}

.routersummary .reload[value="restartImmediate"]:focus, .routersummary .reload[value="restartImmediate"]:active {
     background: url(/themes/console/images/buttons/restart_hover.png) center left 6px no-repeat;
     background-size: 14px auto !important;
}

.routersummary .stop[value="shutdownImmediate"] {
     background: url(/themes/console/images/buttons/shutdown.png) center left 6px no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px auto !important;
}

.routersummary .stop[value="shutdownImmediate"]:hover {
     background: #000 url(/themes/console/images/buttons/shutdown_hover.png) center left 6px no-repeat !important;
     background-size: 14px auto !important;
}

.routersummary .stop[value="shutdownImmediate"]:focus, .routersummary .stop[value="shutdownImmediate"]:active {
     background: url(/themes/console/images/buttons/shutdown_hover.png) center left 6px no-repeat;
     background-size: 14px auto !important;
}

.routersummary .reload[value="Reseed"] {
     background: url(/themes/console/images/buttons/download.png) center left 6px no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     background-size: 14px auto !important;
}

.routersummary .reload[value="Reseed"]:hover {
     background: #000 url(/themes/console/images/buttons/download.png) center left 6px no-repeat !important;
     background-size: 14px auto !important;
}

.routersummary .reload[value="Reseed"]:focus, .routersummary .reload[value="Reseed"]:active {
     background: #652787 url(/themes/console/images/buttons/download.png) center left 6px no-repeat !important;
     background-size: 14px auto !important;
}

.routersummary .download, .routersummary .download:hover, .routersummary .download:focus {
     background: url(/themes/console/images/buttons/download.png) 6px center no-repeat;
     background-size: 14px 14px, 100% 100%;
     min-width: 0 !important;
}

.routersummary .download, .routersummary .download:hover, .routersummary .download:focus, .routersummary .download:active {
     background-size: 14x 14px !important;
     padding: 5px 7px 5px 23px !important;
}

.routersummary .download:active {
     background: #652787 url(/themes/console/images/buttons/download.png) 6px center no-repeat;
}

/* end sidebar buttons */
/* end buttons & inputs */

img {
     border: none;
}

pre {
     width: 98%;
     overflow-x: auto;
     text-align: left;
     font: 8.5pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
     color: #c9ceff;
}

/* proxy errors */

div.logo { /* proxy error "fake" sidebar */
     float: left;
     padding: 10px;
     text-align: center;
     color: #c9ceff;
     margin: -2px 20px 0 20px;
     border: 1px solid #443da0;
     background: #000;
     width: 185px;
     box-shadow: inset 0 0 0 1px #44175f;
     font-size: 9pt;
}

.logo a img {
     opacity: 0.6;
     filter: invert(100%) sepia(100%) hue-rotate(175deg);
}

.logo a img:hover {
     opacity: 1;
     filter: invert(100%) sepia(100%) hue-rotate(175deg) drop-shadow(0 0 3px #652787);
}

div.logo hr {
     color: #443da0;
     background: #443da0;
     height: 1px;
     border: 0 solid #443da0;
     margin: 9px -10px;
}

.logo a:link {
     display: block;
     padding: 4px;
}

.warning { /* proxy error messages */
     margin: 20px 20px 20px 245px;
     padding: 14px 25px 20px 75px;
     background: #000;
     border: 1px solid #443da0;
     text-align: left;
     color: #c9ceff;
     text-align: justify;
     background: #000 url(/themes/console/images/itoopie_sm.png) 10px center no-repeat;
     background-position: 10px calc(50% + 16px);
     box-shadow: inset 0 0 0 1px #44175f;
     word-wrap: break-word;
     font-size: 10pt;
     min-width: 300px;
     box-shadow: inset 0 0 0 1px #44175f, inset 0 0 3px 3px #000, 0 0 0 2px #443da0;;
     border: 5px solid #443da0;
     border-image: repeating-linear-gradient(135deg, #003 0px, #003 20px, #550 20px, #550 40px, #003 40px) 5 repeat repeat;
     border-image-width: 5px;
     border-image-outset: 1px;
}

.warning p, .warning a {
     font-size: 10pt
     line-height: 130%;
}

.warning h3 {
     text-align: left;
     font-size: 10pt;
     padding: 7px 10px;
     text-align: left;
     margin: -13px -24px 15px -74px;
     border: none;
     border-bottom: 1px solid #44175f;
}

#jumplinks a {
     display: inline-block;
     padding: 2px 0;
     line-height: 16px;
}

#jumplinks a::before {
     content: "\279F\00A0";
     font-size: 16pt;
     display: inline-block;
     padding: 3px 0;
     vertical-align: sub;
     line-height: 16px;
}

#proxyNewAddressHelper .warning {
     padding-bottom: 0 !important;
}

#proxyNewHost {
     margin-bottom: 30px;
}

#proxyNewHost td {
     padding: 8px !important;
     font-size: 10pt !important;
}

#proxyNewHost td:first-child {
     font-weight: bold;
}

#proxyNewHost tr:last-child td:first-child {
     vertical-align: top;
}

#proxyNewHost textarea {
     white-space: pre-wrap;
     word-break: break-all;
     overflow: auto;
     border: none;
     resize: none;
     background: none !important;
     box-shadow: none !important;
     width: 100% !important;
     height: 6em;
     margin: 0 !important;
     padding: 0 !important;
}

#proxyNewHost textarea:focus {
     filter: none;
}

#proxyNewHost + hr {
     display: none;
}

.warning h4 {
     box-shadow: none !important;
     text-align: left;
     font-size: 10pt;
     padding-bottom: 7px;
}

#proxyNewHost a {
     display: inline-block;
     word-break: break-all;
}

.warning p + .formaction {
     margin: 0 0 20px;
     padding: 0;
}

.proxyfooter {
     margin: 0 20px 10px 240px;
     padding: 20px 25px 20px 75px;
     color: #652787;
     font-size: 7pt;
     text-align: right !important;
     border-radius: 2px;
     border: 1px solid #000;
     display: none;
}

/* responsive proxy errors */

@media screen and (max-width: 800px) {
.warning {
     margin-left: 20px !important;
     background: #000 !important;
     padding-left: 25px !important;
}

.warning h3 {
     margin: -4px -14px 10px;
     padding: 7px 10px 5px;
}

.logo {
     display: none;
}
}

/* end proxy errors */

/* sidebar */

.routersummaryouter {
     float: left;
     width: 200px;
     margin: 0 0 10px 5px;
     padding: 0;
     border: 0;
     clear: left;/* fixes a bug in Opera */
     text-align: center;
     display: block;
     position: absolute;/* so no interference with /home app icons */
}

.routersummary {
     width: 184px;
     padding: 8px 10px 8px;
     text-align: center;
     border: 1px solid #443da0;
     background: #000;
     color: #c9ceff;
     font-size: 8pt;
     clear: left;/* fixes a bug in Opera */
     border-radius: 2px;
     float: left;
     box-shadow: 0 1px 5px #000;
     margin-bottom: 7px !important;
}

.routersummary img[src*="i2plogo"] {
     opacity: 0.7;
     transition: ease-out opacity 0.3s, ease filter 0.3s;
     margin-top: -1px;
     margin-left: -5px;
     width: 190px;
     height: auto;
     filter: sepia(100%) hue-rotate(180deg) drop-shadow(0 0 1px #652787);
}

.routersummary img[src*="i2plogo"]:hover {
     opacity: 1;
     transition: ease-in opacity 0.3s, ease filter 0.3s;
     filter: drop-shadow(0 0 2px #652787) saturate(100%);
}

.routersummary img[src*="i2plogo"]:active {
     filter: drop-shadow(0 0 5px #450519) saturate(140%) !important;
     transition: ease-out opacity 0.3s, ease filter 0.3s;
}

.routersummary a[href="/"]:focus img, .routersummary a[href="/console"]:focus img {
     opacity: 1;
     transition: ease-in opacity 0.3s, ease filter 0.3s;
     filter: drop-shadow(0 0 3px #652787) saturate(200%);
}

.routersummary input[type=text] {
     text-align: right !important;
     box-shadow: inset 1px 1px 1px 0 #000;
}

.routersummary hr {
     color: #443da0;
     background: #443da0;
     height: 2px;
     border-bottom: 1px solid #443da0;
     margin: 8px -10px 7px -10px;
     box-shadow: inset 0 1px 1px 1px #000;
}

.routersummary h3 {
     border: 0;
     font-size: 9.5pt;
     letter-spacing: 0.04em;
     margin: -7px -10px -8px -10px;
     padding: 4px 0 !important;
     text-transform: uppercase;
     border-radius: 0;
     background: #000 url(images/header.png) center center;
}

.routersummary h3:hover {
     background: linear-gradient(to bottom, #001020 50%, #000 50%) !important;
}

.routersummary h3:hover a {
    color: #652787 !important;
}

.routersummary h3:active {
     box-shadow: inset 3px 3px 3px #000;
}

.routersummary h3 a, .routersummary h3 a:visited {
     display: inline-block;
     width: calc(100% - 6px);
     padding: 1px 0 !important;
     margin: 0;
     color: #7670c2;
}

.routersummary h4 {
     border: none;
     font-size: 8pt;
     letter-spacing: 0.02em;
     margin: -6px -9px -8px -9px !important;
     padding: 6px 3px;
     background: #000;
     background: linear-gradient(to right, #001 0%, #010005 5%, #010010 15%, #010025 50%, #010010 85%, #010005 95%, #001 100%);
     text-decoration: none !important;
     color: #2a1fbe;
     line-height: 120%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.routersummary h4 {
     box-shadow: none;
}
}

.routersummary ul {
     text-align: left !important;
}

.routersummary table {
     border: 0;
     text-align: center !important;
     margin: -4px -7px -5px -8px !important;
     width: 200px !important;
     overflow: hidden;
     font-size: 8pt;
     background-image: none !important;
     background-color: transparent !important;
}

.routersummary td {
     padding: 0 2px 0 2px;
     background-image: none !important;
     border: 0 !important;
     word-spacing: -0.1em;
     max-width: 180px;
}

.routersummary td:first-child {
     max-width: 90px;
     text-transform: capitalize;
}

#sb_general, #sb_shortgeneral, #sb_advancedgeneral, #sb_bandwidth, #sb_peers, #sb_peersadvanced, #sb_tunnels, #sb_queue {
     margin-top: -6px !important;
     margin-bottom: -5px !important;
}

#sb_general td::after, #sb_shortgeneral td::after, #sb_advancedgeneral td::after, #sb_bandwidth td::after,
#sb_peers td::after, #sb_peersadvanced td::after, #sb_tunnels td::after, #sb_queue td::after {
     content: "";
     display: inline-block;
     vertical-align: bottom;
     min-height: 16px !important;
}

#sb_general td, #sb_shortgeneral td, #sb_advancedgeneral td {
     white-space: nowrap;
}

#sb_localtunnels {
     width: 200px !important;
     border-collapse: separate;
     border-spacing: 0;
     margin-top: -6px !important;
     margin-bottom: -8px !important;
}

#sb_localtunnels a {
     display: inline-block;
     width: 100%;
     max-width: 156px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}

#sb_localtunnels img {
     margin: 0;
     padding: 0;
}

#sb_localtunnels td:first-child {
     width: 16px;
     text-align: left;
     padding: 2px 0 2px 1px;
}

#sb_localtunnels td:last-child {
     text-align: right;
     padding-right: 0;
}

#sb_localtunnels tr:hover td {
     background: #652787;
}

#sb_localtunnels tr:hover td:first-child {
     border-radius: 2px 0 0 2px;
}

#sb_localtunnels tr:hover td:last-child {
     border-radius: 0 2px 2px 0;
}

#sb_services a:link, #sb_internals a:link, #sb_advanced a:link, #sb_help a:link {
     word-break: break-all;
     max-width: 190px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     line-height: 140%;
     vertical-align: middle;
     display: inline-block;
     padding: 1px 3px;
}

#sb_services a:hover, #sb_internals a:hover, #sb_advanced a:hover, #sb_localtunnels tr:hover, #sb_localtunnels tr:hover a, #sb_help a:hover,
.news a:hover, #console a:hover, tt a:hover {
     background: #652787;
     color: #fff !important;
     border-radius: 2px;
}

#sb_services a:active, #sb_internals a:active, #sb_advanced a:active, #sb_help a:active,
#sb_localtunnels tr:active, .news a:active, #console a:active, tt a:active {
     background: #39144f;
     color: #c9ceff !important;
}

#sb_localtunnels tr:active a {
     color: #c9ceff !important;
}

#sb_peersadvanced a {
     padding: 0;
     color: #c9ceff;
}

#sb_peersadvanced a:hover, #sb_peersadvanced a:focus {
     color: #652787;
}

#sb_peersadvanced .separator td::after {
     min-height: 0 !important;
}

#sb_peersadvanced .separator hr, #sb_peersadvanced .separator hr:last-child {
     display: block !important;
     margin: 3px 0 2px !important;
     color: transparent;
     background: transparent;
     border-bottom: 1px dashed #2d296f;
}

.sb_notice {
     background: #001;
     border: 1px solid #241f69;
     border-radius: 2px;
     box-shadow: inset 0 0 0 1px #000;
     margin: -3px -6px -5px;
     padding: 5px 3px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.sb_notice {
     margin-bottom: -6px !important;
}

.sb_netstatus, .tunnelBuildStatus {
     margin-bottom: -4px !important;
}
}

#sb_warning {
     border-bottom: 1px solid #443da0;
     margin-left: -10px !important;
     margin-right: -10px !important;
}

#sb_warning + .sb_notice {
     margin-top: 12px;
}

#sb_warning + hr {
     margin-top: 6px !important;
}

p:empty + .sb_notice {
     margin-top: 10px;
}

#sb_warning + p:empty + form {
     margin-top: 11px;
     margin-bottom: -7px;
}

/* sidebar stacked tables fix */

#sb_localid + #sb_version {
     margin-top: 6px !important;
     margin-bottom: 5px !important;
}

.routersummary tr {
     background-image: none !important;
     background-color: transparent !important;
     border: 0 !important;
}

.routersummary form {
     margin: -4px -9px -6px;
}

.routersummary form:first-child {
     margin: 6px 0 -5px 0 !important;
}

.routersummary p {
     padding: 0;
}

.refresh {
     margin-top: -10px !important;
     margin-bottom: -4px !important;
     padding: 2px 0 0 0 !important;
}

.routersummary a:link, .routersummary a:visited {
     padding: 0 2px;
     word-spacing: 0;
}

.routersummary a:hover {
     color: #652787;
}

.routersummary hr:last-child {
     margin-top: 5px;
     margin-bottom: -5px !important;
}

/* "experimental" custom sidebar links for apps

#sb_services {
     width: 192px !important;
     margin: 0 !important;
     margin: -7px -10px -9px !important;
     border-collapse: collapse;

}

#sb_services td {
     padding: 0;
}

#sb_services a, #sb_services a:hover, #sb_services a:active {
     border-bottom: 1px solid #443da0 !important;
     outline: none !important;
}

#sb_services a:hover {
     background: #002;
}

#sb_services a:last-child {
     border-bottom: 1px solid transparent !important;
}

#sb_services a[href*="mail"], #sb_services a[href*="snark"], #sb_services a[href*="7658"], #sb_services a[href*="bote"] {
     width: calc(100% - 31px) !important;
     padding: 5px 5px 5px 26px !important;
     border: 1px outset transparent;
     margin: 0 !important;
     float: left;
     text-align: left;
     background: #000;
     text-decoration: none;
     text-transform: uppercase;
     letter-spacing: 0.1em;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     clear: both;
}

#sb_services a[href*="mail"] {
     background: #000 url(images/mail.png) 5px center no-repeat;
}
#sb_services a[href*="mail"]:hover {
     background: #002 url(images/mail.png) 5px center no-repeat;
}

#sb_services a[href*="bote"] {
     background: #000 url(images/webmail.png) 5px center no-repeat;
}

#sb_services a[href*="bote"]:hover {
     background: #002 url(images/webmail.png) 5px center no-repeat;
}

#sb_services a[href*="snark"] {
     background: #000 url(images/magnet.png) 5px center no-repeat;
}

#sb_services a[href*="snark"]:hover {
     background: #002 url(images/magnet.png) 5px center no-repeat;
}

#sb_services a[href*="7658"] {
     background: #000 url(images/webserver.png) 5px center no-repeat;
}

#sb_services a[href*="7658"]:hover {
     background: #002 url(images/webserver.png) 5px center no-repeat;
}

/* end custom sidebar links */

/* sidebar news */

.sb_newsheadings {
     width: 192px;
     margin-left: 0;
     margin-top: -6px !important;
     margin-bottom: -8px !important;
     text-align: right;
}

.sb_newsheadings table {
     margin-bottom: 3px !important;
}

.sb_newsheadings a {
     display: inline-block;
     padding: 0 3px 0 0;
     line-height: 140%;
}

.sb_newsheadings td {
     padding: 4px 5px 4px 20px;
     text-align: left;
     background: url(images/newsbullet_mini.png) 4px center no-repeat !important;
     border-bottom: 1px solid #113 !important;
}

.sb_newsheadings tr:last-child td {
     border-bottom: none !important;
}

/* end sidebar news */

/* mini sidebar graph */

#sb_bandwidthgraph {
     width: 100%;
     margin: -13px 0 0 -8px !important;
     border-collapse: separate;
     border-spacing: 0;
     padding: 0;
     border: 1px solid #5df;
     box-shadow: 0 0 1px #ccf;
}

#sb_bandwidthgraph:hover {
     border: 1px solid #f60;
     cursor: url(/themes/console/images/cursor_zoom.png), pointer;
}

a:active #sb_bandwidthgraph {
     border: 1px solid #f30;
}

#sb_bandwidthgraph td {
     background: linear-gradient(to top, #f3f3ff 2px, rgba(255,255,255,0.0) 2px, rgba(255,255,255,0.0) 89%, #f3f3ff 93%), linear-gradient(to right, #f3f3ff, rgba(255,255,255,0.0) 2%, rgba(255,255,255,0.0) 98%, #f3f3ff), repeating-linear-gradient(to right, rgba(255,255,255,0.0) 10px, rgba(120,120,255,0.8) 11px, rgba(255,255,255,0.0) 11px, rgba(255,255,255,0.0) 20px), repeating-linear-gradient(to top, rgba(255,255,255,0.0) 1px, rgba(120,120,255,0.8) 2px, rgba(255,255,255,0.0) 2px, rgba(255,255,255,0.0) 10px) !important;
     background: linear-gradient(to top, #fff 2px, rgba(255,255,255,0.0) 2px, rgba(255,255,255,0.0) 89%, #fff 93%), repeating-linear-gradient(to right, rgba(255,255,255,0.0) 10px, rgba(120,120,255,0.8) 11px, rgba(255,255,255,0.0) 11px, rgba(255,255,255,0.0) 20px), repeating-linear-gradient(to top, rgba(255,255,255,0.0) 1px, rgba(120,120,255,0.8) 2px, rgba(255,255,255,0.0) 2px, rgba(255,255,255,0.0) 10px) !important;
     padding: 0 1px;
     box-shadow: inset 0 0 0 1px #fff;
     height: 40px;
     vertical-align: top;
}

#sb_graphstats {
     display: inline-block;
     padding: 2px 8px;
     font-weight: bold;
     background: #444;
     border: 1px solid #999;
     border-top: none;
     box-shadow: inset 0 0 0 1px #fff, 0 0 1px #fff;
     opacity: 0;
     transition: ease opacity 0.3s;
}

#sb_graphcontainer:hover #sb_graphstats {
     opacity: 1;
     transition: ease opacity 0.3s;
}

#sb_graphcontainer {
     background-color: #000;
     background-position: left -72px top -24px !important;
     background-size: 280px 90px !important;
     background-repeat: no-repeat !important;
     margin: -6px 0 -4px !important;
     height: 40px;
     filter: invert(1) sepia(1) hue-rotate(180deg);
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#sb_graphcontainer {
     margin-bottom: -5px !important;
}
}

@keyframes graphfadein {
from {
     opacity: 0;
}

to {
     opacity: 1;
}
}

#sb_graphcontainer {
     animation: graphfadein 0.4s ease-in; /* attempt to mitigate strobe effect as image loads before filters are applied */
}

@media screen and (min-width: 1500px) {
#sb_graphcontainer {
     background-size: 300px 77px !important;
     background-position: left -72px top -20px !important;
}

#sb_bandwidthgraph {
     width: 100%;
     margin: -15px 0 0 -8px !important;
}
}

/* end mini sidebar graph */

/* status bar */

@media screen and (-webkit-min-device-pixel-ratio:0) {
#sb_memoryBar {
     margin-bottom: -6px !important;
}
}

.percentBarOuter {
     width: 194px;
     background: #000;
     background: repeating-linear-gradient(135deg, #001 1px, #001 5px, #003 6px, #003 11px);
     background: repeating-linear-gradient(to right, #000 1px, #000 2px, #003 2px, #003 4px);
     border: 1px solid #292b5f;
     opacity: 1;
     box-shadow: 0 0 1px 1px rgba(0,0,0,0.8);
     margin: -3px 0 -5px -6px;
}

@media screen and (min-width: 1500px) {
.percentBarOuter {
     width: 210px;
}
}

.percentBarOuter:hover .percentBarText {
     opacity: 1;
     transition: ease opacity 0.2s;
}

.percentBarInner {
     height: 14px;
     background: #0e5f00;
     background: linear-gradient(to bottom,  #33a 0%, #226 50%, #003 50%, #000 100%);
     box-shadow: inset 0 0 0 1px #000;
}

.percentBarText {
     width: 100%;
     font-weight: bold;
     text-align: center;
     vertical-align: middle;
     float: left;
     opacity: 0;
     transition: ease opacity 0.2s;
}

/* update bar */

.sb_updatestatus {
     background: #000;
     margin: -6px -4px -2px;
     padding: 2px 0 4px;
     border-bottom: 1px solid #443da0;
     color: #c9ceff;
}

.sb_info .percentBarOuter {
     margin: 5px -2px -4px 0;
     box-shadow: none !important;
     background: repeating-linear-gradient(135deg, #001 1px, #001 5px, #003 6px, #003 11px);
     animation: downloadbar 3s infinite alternate;
}
.sb_info .percentBarText {
     opacity: 1;
     padding-top: 2px;
     color: #c9ceff;
}

.sb_info .percentBarInner {
     height: 16px;
}

@keyframes downloadbar {
from {
     background: repeating-linear-gradient(135deg, #001 1px, #001 5px, #003 6px, #003 11px);
}

to {
     background: repeating-linear-gradient(135deg, #003 1px, #003 6px, #001 7px, #001 11px);
}
}

/* end status bar */
/* end sidebar */

/* console error messages */

img[src="/themes/console/images/i2plogo.png"], img[src="/themes/console/images/i2plogo.png"]:hover,
img[src="/themes/console/images/i2plogo.png"]:focus, a:active img[src="/themes/console/images/i2plogo.png"] {
     margin-top: 6px !important;
     margin-left: -1px !important;
     filter: sepia(100%) invert(100%) !important;
     width: 180px !important;
}

.sorry {
     margin: -1px 5px 10px 215px;
     padding: 20px 20px 20px 75px;
     background: #020022;
     border: 1px solid #443da0;
     border-radius: 0 0 2px 2px;
     text-align: justify;
     background-image:url(/themes/console/images/info/errortriangle.png);
     background-position:15px center;
     background-repeat:no-repeat;
     box-shadow: inset 0 0 0 1px #320951;
     word-wrap: break-word;
     min-width: 545px;
     color: #c9ceff;
     font-size: 10pt;
}

div.sorry hr {
     color: #c9ceff;
     background: #c9ceff;
     height: 1px;
     border-top: 1px solid #c9ceff;
     margin: 10px 0;
     opacity: 0.7;
}

#warning2 {
     min-width: 580px;
     background: #001;
     background: #000 url(images/earth.jpg) no-repeat scroll bottom right !important;
     background-size: auto 180px !important;
     margin-top: -28px;
     margin-bottom: 5px;
     padding: 20px 30px 10px;
     font-size: 9pt;
}

#warning2 h3 {
     margin: -21px -31px 10px;
     padding: 10px;
     border-width: 1px;
     box-shadow: inset 0 0 0 1px #320951;
}

#warning2 p {
     line-height: 130% !important;
}

#warning2 b {
     margin-right: 5px;
     display: inline-block;
     min-width: 140px;
     text-align: right;
}

/* end error msgs */

.main {
     margin: -1px 5px 5px 215px;
     padding: 0 10px 1px 10px;
     text-align: left;
     color: #c9ceff;
     width: auto;
     border: 1px solid #443da0;
     border-radius: 0 0 2px 2px;
     background: #000 url(images/scarface.jpg) right bottom no-repeat !important;
     background-size: auto 200px !important;
     min-width: 620px;
     box-shadow: 0 1px 5px #000, inset 0 0 0 1px #000;
     font-size: 9pt;
}

.main#news {
     background: #000 url(images/earth.jpg) no-repeat scroll bottom right !important;
     background-size: auto 180px !important;
     padding-bottom: 0;
}

.news {
     margin: -1px 5px 0 215px;
     padding: 6px 20px 5px;
     border: 1px solid #443da0;
     background: #000 url(images/earth.jpg) no-repeat scroll bottom right;
     background-size: auto 200px;
     color: #7670c2;
     font-size: 8pt;
     text-align: right;
     box-shadow: 0 1px 5px #000;
     min-width: 600px;
}

.main#news .newscontent {
     border: 1px solid #443da0;
     margin: -11px 0 10px;
     padding: 0 10px 5px;
     border-radius: 0 0 2px 2px;
     background: rgba(0,0,0,0.6);
     box-shadow: inset 0 0 0 1px #000;
}

.main#news .newsentry h3 {
     border: 1px solid #443da0;
     border-radius: 2px 2px 0 0;
}

.main#news .newsentry {
     margin-bottom: 14px !important;
}

.main#news .newsentry:first-child {
     margin-top: -3px !important;
}

.main#news .newsentry:last-child {
     margin-bottom: -3px !important;
}

.news .newsentry {
     margin-top: -3px !important;
}

.news .newsentry:first-child {
     margin-top: -10px !important;
}

.news h4 {
     border-bottom: 1px;
     border-bottom-style: dotted;
     border-bottom-color: #443da0;
     padding: 0 0 0 0;
     margin: 5px 0 10px 0;
     font-size: 10pt;
     opacity: 1;
     text-transform: capitalize;
}

.news p, .newscontent p {
     margin-top: -5px;
     font-size: 9pt;
     color: #c9ceff;
     margin-bottom: 0;
}

.news p:nth-child(n+1), .newscontent p:nth-child(n+1) {
     margin-top: 5px;
}

.news hr {
     margin: 8px -20px 5px;
}

#newspage {
     margin: 18px 5px; /* positional parity with homepage news */
}

#newsStatus, #news #newsDisplay a {
     font-size: 8pt;
}

#newsStatus {
     float: left;
     color: #c9ceff;
}

#newsDisplay {
     white-space: nowrap;
     margin-left: 10px;
}

#news #newsDisplay {
     margin-right: -10px;
}

#news #newsDisplay, #graphopts {
     color: transparent;
}

#news #newsStatus {
     padding-top: 2px;
     margin-left: -10px;
}

#news #newsDisplay {
     padding: 0 0 3px;
}

#newsStatus, #news #newsDisplay, #news #newsDisplay a, #graphopts a {
     display: inline-block;
}

#news #newsDisplay a, #graphopts a {
     border: 1px solid #001;
     margin: 0 -2px;
     padding: 1px 10px !important;
     background: #002;
     background: rgba(0,0,48,0.4);
     border-radius: 15px;
     filter: drop-shadow(0 0 1px rgba(0,0,64,0.8));
}

#news #newsDisplay a:hover, #news #newsDisplay a:focus, #graphopts a:hover, #graphopts a:focus {
     background: #030;
     background: linear-gradient(to bottom, #005 50%, #001 50%);
     border: 1px solid #006;
     text-shadow: 0 1px 1px #000;
}

#news #newsDisplay a:active, #graphopts a:active {
     background: #004;
     box-shadow: inset 2px 2px 2px #000;
}

.news #newsDisplay, .news #newsStatus {
     margin-top: 3px !important;
     display: inline-block;
}

.newsAuthor {
     float: right;
     background: url(/themes/console/images/info/author_dark.png) left 2px top no-repeat;
     background-size: 14px 14px;
     font-size: 8pt !important;
     padding: 0 0 0 18px;
     display: inline-block;
     opacity: 0.7;
     text-transform: none;
}

.newsDate {
     opacity: 0.7;
     font-style: italic;
     margin-right: 2px;
}

.messages i {
     text-align: left;
     float: none;
     display: inline-block;
}

.messages #newsDisplay {
     display: inline-block;
     margin-left: 45px;
}

.main#jobs .joblog {
     margin-top: 10px !important;
}

.main#jobs ol {
     padding: 10px 10px 5px 10px;
     -moz-columns: 2;
     -webkit-columns: 2;
     columns: 2;
     text-align: left;
}

.main#jobs ol:empty {
     display: none;
}

.main#jobs ol li:first-child {
     margin-top: 0 !important;
}

.main#jobs ol li {
     break-inside: avoid;
     page-break-inside: avoid;
     -webkit-break-inside: avoid;
     display: inline-block;
     text-align: left !important;
     min-width: 400px;
}

.main#config_update input, .main#config_update button, .main#config_update select, .main#config_update textarea {
     margin-left: 0 !important;
}

.main#config_update .messages {
     background: url(/themes/console/images/info/infohelp.png) no-repeat 15px center, url(images/earth.jpg) bottom right no-repeat !important;
     background-size: auto, 80px !important;
}

.main#events .messages {
     margin-top: 21px;
     margin-bottom: -16px;
     box-shadow: inset 0 0 0 1px #300 !important;
}

.wideload {
     margin: 0;
}

.widescroll { /* only scroll content, not entire page eg /peers */
     overflow: auto;
}

.widescroll table {
     white-space: nowrap;
}

/* top navigation */

div.confignav {
     background: #010010 url(images/titles.png) center center repeat-x !important;
     background: linear-gradient(to bottom, #121225 50%, #000011 50%, #00000d 50%);
     padding: 7px 5px 8px !important;
     margin: -1px -11px 15px;
     border: 1px solid #443da0;
     font-weight: bold !important;
     line-height: 130% !important;
     text-align: center;
     box-shadow: inset 0 0 0 1px #000, inset 0 0 3px 1px #030;
}

.tab, .tab2 {
     box-sizing: border-box;
     display: inline-block;
     border: 1px solid #443da0;
     margin: 0 -2px -1px -2px !important;
     padding: 1px 0 2px;
     min-width: 60px !important;
     box-shadow: inset 0 0 0 1px #000;
}

.tab a, .tab a:visited {
     display: inline-block;
     padding: 4px 16px 5px;
     color: #7670c2
}

.tab {
     background: #010010 url(images/titles.png) center center repeat-x;
     background: linear-gradient(to bottom, #1a1b2f 50%, #000011 50%, #00000d 50%) !important;
}

.tab:hover {
     background: #000 !important;
     box-shadow: inset 0 0 0 1px #404;
}

.tab:hover a {
     color: #652787 !important;
}

.tab:active {
     box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px 1px #2d103f;
     background: #652787 !important;
}

.tab:active a {
     color: #c9ceff !important;
}

.tab2 {
     padding: 5px 14px 7px;
     color: #c9ceff;
     box-shadow: inset 3px 3px 2px #000;
     background: #040033;
     background: linear-gradient(to bottom, #040033 50%, #020011 50%);
}

/* end topnav */

#bwlimiter a, #advancedconfig a, .tabletitle a, #upnpconfig a, #servicedebug a, .ptitle a, #configstats th a, h3#graphinfo a, .h3navlinks {
     float: right;
     letter-spacing: normal;
     text-transform: capitalize !important;
     font-size: 9pt;
}

.h3navlinks a {
     text-transform: capitalize;
     letter-spacing: normal;
     margin-left: 5px;
}

.main#tunnels h3:first-child {
     margin-top: 10px;
}

.main#tunnels h3 a:not(old), #criticallogs + h3.tabletitle a:not(old) {
     font-size: 0;
}

.main#tunnels h3 a[href^="/configtunnels#"]::after, #criticallogs + h3.tabletitle a::after {
     content: url(/themes/console/images/buttons/configure.png);
     float: right;
     padding: 0;
}

#criticallogs tr:first-child {
     display: none;
}

#criticallogs li::first-line, #routerlogs li::first-line {
     display: inline-block;
     border: 1px solid #f00;
}

#criticallogs li:last-child, #routerlogs li:last-child {
     padding-bottom: 8px !important;
}

img[src$="inbound.png"], img[src$="outbound.png"] {
     filter: hue-rotate(-47deg);
}

h3#iptransport a:not(old), h3#advancedconfig a:not(old) {
     font-size: 0;
     height: 20px;
}

h3#iptransport a::after, h3#advancedconfig a::after {
     content: url(images/help.png);
     padding: 0;
     margin: 0;
     vertical-align: text-top;
     cursor: help;
     filter: drop-shadow(0 0 1px #555);
}

div.messages {
     padding: 20px 10px;
     margin: -4px 0 10px;
     border: 1px solid #443da0;
     background: #000;
     background: url(/themes/console/images/info/infohelp.png) no-repeat 15px center, #000;
     font-weight: bold;
     font-size: 9.5pt;
     color: #c9ceff !important;
     box-shadow: none !important;
}

div.messages i {
     padding-left: 45px;
     color: #c9ceff;
}

div.messages span.error {
     color: #d6fffd;
}

div.messages span.notice {
     font-style: italic;
}

div.messages li {
     text-align: justify !important;
     font-weight: bold;
     list-style: none !important;
     margin: 0 5px 0 50px !important;
     padding: 0 10px 0 0 !important;
     border: 0 !important;
}

div.widepanel h3 {
     text-align: left !important;
     padding: 6px 10px;
     text-transform: uppercase;
     font-size: 10.5pt;
     text-align: left;
     letter-spacing: 0.08em;
     word-spacing: 0.1em;
     border-radius: 0;
     border: 1px solid #443da0;
}

/* graphs */

.graphspanel {
     padding: 0;
     margin: 15px 0 -15px 0;
     background: none;
     text-align: center;
     overflow: auto;
     width: 100%;
}

.graphspanel form {
     text-align: left;
     padding: 0 15px 0 15px;
     margin-bottom: 25px;
}

.graphspanel a img {
     border: 1px solid #443da0;
     padding: 3px;
     margin: 5px 4px;
     text-align: center !important;
     background: #000;
     opacity: 0.9;
     transition: ease all 0.3s;
}

.graphspanel a img:hover {
     border: 1px solid #652787;
     padding: 3px;
     text-align: center !important;
     background: #000;
     opacity: 1;
     transition: ease all 0.3s;
     cursor: url(/themes/console/images/cursor_zoom.png), auto;
}

.graphspanel img {
     border: 1px solid #2f2e38;
     padding: 2px;
     max-width: 97%;
     max-width: calc(100% - 20px);
     vertical-align: top;
}

.graphspanel img:not(old) {
     filter: invert(1) hue-rotate(180deg);
     background: #fff;
     border: 1px solid #ddf;
}

.graphspanel a img:not(old) {
     border: 1px solid #a2acdb;
     padding: 2px;
}

.graphspanel a img:hover:not(old) {
     border: 1px solid #9678d7;
     background: #fff;
     padding: 2px;
}

.graphspanel a {
     font-size: 0;
}
.graphspanel p {
     text-align: center;
     text-transform: capitalize;
     margin-top: 10px;
     border-top: 1px solid #443da0;
     padding: 10px 10px 15px;
}

#graphopts {
     margin: 30px -10px 0 !important;
     padding: 10px 0 8px;
     text-align: center;
     background: #001;
     background: rgba(0,0,16,0.5);
     border-top: 1px solid #443da0;
}

#graphopts a {
     margin: 3px -2px;
     background: #001;
     border-color: #003;
     padding: 0 10px !important;
     text-transform: capitalize;
}

#graphopts a, #graphopts a:visited {
     color: #54508f !important;
}

#graphopts a:hover, #graphopts a:visited:hover, #graphopts a:focus {
     color: #6762af;
}

#graphopts a:active {
     color: #2d277f !important;
}

#graphopts a:empty {
     display: none;
}

h3#graphinfo {
     margin-top: 10px;
     border-radius: 0 !important;
     text-transform: capitalize;
     letter-spacing: normal;
     word-spacing: normal;
}

#graphopts + p {
     display: none;
}

form[action="graphs"] {
     border: 1px solid #443da0;
     padding: 10px 10px 0 !important;
     background: #000;
     margin-top: -11px;
     margin-bottom: 10px;
}

h3#graphdisplay a {
     text-transform: capitalize;
     letter-spacing: normal;
     font-size: 9pt;
     float: right;
}

#graphs form {
     padding: 0 !important;
}

#graphs form hr {
     margin: 0 -1px 8px !important;
}

#graphs form table {
     border: none;
     margin: 0;
}

.formaction#graphing {
     margin: -2px 0 0 !important;
     padding-top: 1px;
     border-left: none;
     border-right: none;
}

#graphs tr:first-child td {
     border-top: none;
}

#graphs td:first-child {
     text-align: right;
     width: 85px;
     white-space: nowrap;
     padding: 13px 3px 13px 5px;
}

#graphs td:nth-child(2) {
     width: 260px;
     white-space: nowrap;
}

#graphs td.infohelp {
     border: 1px inset #120f35;
     border-right: none;
     border-left: none;
     background-size: 20px 20px !important;
     padding: 5px 5px 5px 40px !important;
     background-color: #010008 !important;
     text-align: left;
}

#graphs form input, #graphs form select {
     margin: 3px 5px 3px 0;
     vertical-align: middle;
}

#graphs input[type="text"] {
     min-width: 60px;
}

#graph_single {
     background-size: auto 100px !important;
}

/* end graphs */

table {
     border-collapse: collapse;
     width: 100%;
     border: 1px solid #443da0;
     padding: 1px;
     font-size: 9pt;
     background: #040033;
     margin: 1px 0;
}

table hr {
     padding: 0 0;
     color: #443da0;
     background: #443da0;
     border: 0 solid #443da0;
     margin: 0 0;
     height: 1px;
     display: none;
}

th {
     padding: 6px 2px;
     color: #c9ceff;
     text-align: center;
     font-size: 9pt;
     background: #000 url(images/titles.png) center center repeat-x;
     background: linear-gradient(to bottom, #121225 50%, #000011 50%, #00000d 50%);
     border-top: 1px solid #443da0;
     border-bottom: 1px solid #443da0 !important;
     line-height: 110%;
}

tr {
     vertical-align: middle;
}

tr:nth-child(even) {
     background: #010010;
     vertical-align: middle;
}

tr:nth-child(odd) {
     background: #010008;
     vertical-align: middle;
}

td {
     padding: 4px 6px;
     color: #c9ceff;
     vertical-align: middle;
     border-top: 1px inset #120f35;
}

td img {
     padding: 0 1px 0 2px;
}

td img[src$="c=a1"], td img[src$="c=a2"] {
     filter: drop-shadow(0 0 1px #337);
}

tt {
     font: bold 8.5pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
     color: #393;
}

table tt {
     color: #393;
}

a:link tt, a:visited tt {
     color: #4e47bf;
}

a:hover tt {
     color: #652787;
}

a:active tt {
     color: #9FE9F9;
}

div.main li {
     text-align: left;
     list-style: square;
     margin: 2px 0 2px 30px;
     padding: 2px 20px 2px 0;
     word-wrap: break-word;
}

.tidylist {
     text-align: justify !important;
     line-height: 150%;
}

.tidylist:last-child {
     padding-bottom: 10px;
}

.tidylist code {
     text-align: left;
     font: bold 8.5pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
     color: #fff;
     padding: 2px 3px;
     background: #040033;
     margin: 0 2px;
     border-radius: 2px;
}

ol {
     display: inline;
     padding: 1px 0 0 20px;
}

ol li:first-child {
     margin-top: 10px !important;
}
ul {
     margin: 0;
     padding: 0;
}

code {
     text-align: left;
     font: 9pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
     color: #393;
}

a:link, h2 a:link, #news #newsDisplay a:visited, #graphopts a:visited {
     color: #7972d1;
     text-decoration: none;
     font-weight: bold;
     word-wrap: break-word;
     outline: none;
}

a:visited {
     color: #4e47bf;
     text-decoration: none;
     font-weight: bold;
     word-wrap: break-word;
}

a:hover, a:focus {
     color: #652787;
     text-decoration: none;
     font-weight: bold;
     word-wrap: break-word;
}

a:active {
     color: #4f0519 !important;
}

.links {
     text-align: justify;
     margin-top: 10px;
     margin-bottom: -10px;
}

.links li {
     list-style-image: url(images/link.png) !important;
     text-align: justify! important;
     line-height: 150%;
}

.links b {
     color: #ebdbff !important;
     color: #8f7959 !important;
     letter-spacing: 0.08em;
     line-height: 165%;
}

p {
     text-align: justify;
     line-height: 160%;
}

p img:first-child {
     display: none !important;
}

p:empty { /* kills empty paragraphs that are likely erroneous eg. see top of /profiles?f=1, /profiles */
     display: none;
     border: 1px dotted #652787; /* display in order to bug hunt */
}

#config_logging p {
     text-align: left;
     margin: 3px 0 0 !important;
}

h1 {
     text-align: left;
     color: #c9ceff;
     padding: 13px 15px;
     margin: 0 5px 0 215px !important;
     font-size: 17pt;
     font-weight: bold;
     font-style: normal;
     text-transform: uppercase;
     letter-spacing: 0.15em;
     text-shadow: 0 0 2px #010011;
     white-space: normal;
     background: #000 url(images/header.png) center center;
     border: 1px solid #443da0;
     border-radius: 2px 2px 0 0;
     line-height: 120%;
     min-width: 610px;
     box-shadow: 0 1px 5px #000;
}

span.newtab {
     text-align: right;
     font-size: 8pt;
     float: right;
     letter-spacing: 0;
}

.newtab:hover {
     filter: drop-shadow(0 0 3px #652787) !important;
}

h2, h2.welcome {
     font-size: 12pt;
     color: #c9ceff;
     text-shadow: 0 0 2px #010011;
     letter-spacing: 0.05em;
     background: #000 url(images/header.png) center center ;
     padding: 10px;
     border: 1px solid #443da0;
     border-radius: 2px;
     vertical-align: middle;
     margin: 15px 0 12px 0 !important;
     text-transform: uppercase;
     word-wrap: break-word;
}

h2 a:visited {
     color: #190f9b;
}

h2 a:hover {
     color: #652787;
}

h2 a[name]:hover, h2 a[name]:active {
     color: #c9ceff !important;
}

h3, h3.welcome, div.news h3 {
     border: 1px solid #443da0;
     border-left: 5px solid #443da0;
     padding: 7px 10px;
     margin: 10px 0 10px 0;
     border-radius: 0 2px 2px 0;
     background: #000 url(images/header.png) center center ;
     text-transform: uppercase;
     text-shadow: 0 0 2px #010011;
     letter-spacing: 0.08em;
}

div.news h3 {
     padding: 6px 10px 6px 0;
     box-shadow: none;
}

h4 {
     border-bottom: 1px;
     border-bottom-style: solid;
     border-bottom-color: #443da0;
     padding: 0 0 10px 0;
     margin: 5px 0 10px 0;
     font-size: 11pt;
}

h1, h2, h3:not([id*="help"]), h4.app, h4.app2, .routersummary h3, .confignav {
     background: linear-gradient(to bottom, #191729, #000 75%) !important;
}

h2, h3, h4, .confignav {
     box-shadow: inset 0 0 0 1px #000;
}

.news h3, #newspage h3 {
     padding-left: 30px !important;
     text-align: left !important;
     font-size: 9.5pt !important;
     letter-spacing: 0.08em;
     color: #c9ceff;
     padding: 6px 10px 6px 30px;
     background: url(/themes/console/images/info/newspaper.png) left 8px center no-repeat, linear-gradient(to bottom, #191729 0%, #000 50%) !important;
     background-size: 16px 16px, 100% 100% !important;
}

.news h3 {
     padding-left: 23px !important;
     background: url(/themes/console/images/info/newspaper.png) left 1px center no-repeat !important;
     background-size: 16px 16px !important;
     border: none !important;
     border-bottom: 1px solid #443da0 !important;
}

.underline {
     border-bottom: 1px solid #efeeff;
     padding: 5px 0 5px 0;
     margin: 0 0 10px 0;
}

/* welcome */

.langbox {
     margin: 5px 4px 2px 5px;
     padding: 0;
     color: #c9ceff;
     font-size: 7pt;
     width: 380px;
     text-align: right;
     float: right;
     vertical-align: middle;
}

.langbox img {
     opacity: 0.7;
     margin: 0 !important;
     padding: 0;
}

.langbox img:hover, .langbox a:focus img {
     opacity: 1;
     transform: scale(1.1);
}

.langbox img:active {
     transform: none !important;
}

.twocol {
     -moz-columns: 2 400px;
     -webkit-columns: 2 400px;
     columns: 2 400px;
     -moz-column-gap: 0 !important;
     -webkit-column-gap: 0 !important;
     column-gap: 0 !important;
     display: block;
     margin: 5px 0 -5px;
}

div[lang="es"] li, div[lang="pt"] li, div[lang="sv"] li, div[lang="zh"] li {
     list-style: none;
     text-align: justify;
}

div[lang="pt"] li br {
     display: none;
}

div[lang="sv"] li::first-letter {
     text-transform: uppercase !important;
}

div[lang="de"] .twocol, div[lang="pt"] .twocol, div[lang="es"] .twocol, div[lang="sv"] .twocol {
     background: rgba(0,0,48,0.3);
     border: 1px solid #002;
     border-radius: 2px;
     box-shadow: inset 0 0 0 1px #000;
     padding: 10px;
     margin: 10px -5px 5px !important;
}

p + .twocol, div[lang="de"] p + .twocol {
     margin: 10px 25px !important;
}

.twocol li {
     break-inside: avoid;
     page-break-inside: avoid;
     -webkit-column-break-inside: avoid;
}

.twocol li:first-child {
     margin-top: 0 !important;
}

.main#console p {
   margin: 5px 20px 10px;
}

div[lang="de"] ul.links {
     margin: 0 30px -10px 20px;
}

div[lang] li {
   line-height: 160% !important;
}

/* end welcome */

hr {
     color: #443da0;
     background: #443da0;
     height: 1px;
     border: 0 solid #443da0;
     margin: 20px 0 10px;
}

hr:last-child {
     margin-top: 20px;
     margin-bottom: 20px;
}

.joblog hr {
     margin: 10px 0;
}

fieldset {
     overflow: hidden;
     position: relative;
}

.statusnotes {
     font-style: italic;
     font-size: 9pt;
     color: #c9ceff;
     text-align: center;
     border: 1px solid #443da0 !important;
     margin: -3px 0 5px 0;
     padding: 7px;
     background: #000;
     background: linear-gradient(to bottom, #010014, #010010 50%, #010010 100%);
}

div.joblog {
     border-radius: 2px 2px 0 0;
     overflow-y: hidden !important;
     margin-top: 10px !important;
 }

div.joblog h3 {
     margin-top: 10px !important;
}

div.joblog br {
     margin-bottom: -5px;
}

div.main li:last-child {
     padding-bottom: 15px;
}

div.joblog li {
     word-wrap: break-word !important;
     line-height: 120% !important;
     margin: 2px 0 2px 30px;
     padding: 2px 20px 2px 0;
}

div.joblog ul {
     word-wrap: break-word !important;
     margin: 5px 0 -10px;
}

div.joblog li:first-child {
     margin-top: 0;
     padding-top: 0;
}

div.joblog li:last-child {
     padding-bottom: 5px;
}

div.joblog ul li li li {
     margin-bottom: 10px !important;
}

div.joblog form:first-child {
     margin-top: 10px;
}

div.joblog table {
     margin-top: 15px;
     margin-left: 0 !important; /* removes hard-coded indentation */
     margin-bottom: 15px;
}

div.joblog table td:first-child {
     font-weight: bold;
}

div.joblog p {
     line-height: 140%;
}

div.joblog th:first-child {
     text-align: left;
     padding-left: 6px;
}

/* /jobs */

h2#jobrunners {
     margin-top: 0 !important;
}

.main#jobs h2 {
     border-radius: 0;
}

#jobrunners ~ ol {
     display: block;
     margin-bottom: 5px !important;
     margin-top: -11px !important;
     border: 1px solid #443da0;
     width: 97%;
     width: calc(100% - 22px);
     background: #010008;
     padding: 0 20px 0 0;
}

#jobrunners ~ ol > li:last-child {
     margin-bottom: 5px;
}

h3[id*="jobs"] {
     clear: both;
     margin-top: 25px !important;
}

table#schedjobs {
     width: 100% !important;
     margin: -6px 0 0 !important;
}

#jobstats {
     margin-bottom: 10px;
}

#jobstats th, #jobstats td {
     text-align: right;
     padding-right: 8px !important;
}

#schedjobs th:first-child, #schedjobs td:first-child, #jobstats th:first-child, #jobstats td:first-child {
     text-align: left;
     padding-left: 10px;
     font-weight: bold;
     margin-bottom: 15px;
}

table#jobstats + hr {
     display: none;
}

h3#totaljobstats {
     margin-bottom: -2px;
     margin-top: 10px !important;
}

h3#finishedjobs + ol li, h3#scheduledjobs + ol li, h3#activejobs + ol li, h3#readyjobs + ol li {
    list-style: none !important;
}

h3#activejobs + ol li:before, h3#scheduledjobs + ol li:before, h3#readyjobs + ol li:before, h3#finishedjobs + ol li:before {
     content: '\2023\00A0 ';
     margin-left: -20px;
     font-size: 15pt;
     font-weight: bold;
     line-height: 50%;
     vertical-align: sub;
     color: #393;
}

h3#finishedjobs + ol li:before {
     color: #3D3;
     content: '\2714\00A0';
}

h3#readyjobs + ol li:before {
     color: #dd3;
}

h3#scheduledjobs + ol li:before {
     color: #773;
}

/* end /jobs */

/* /eventlogs */

table#eventlog {
     margin-top: -21px;
     margin-bottom: 10px;
}

table#eventlog td {
     padding: 3px 10px;
     width: 30%;
}

table#eventlog td:last-child {
     width: 40%;
}

form[action="events"] {
     background: #000;
}

.smallhead th {
     font-size: 8pt
}

.smallhead th a:hover {
     text-decoration: none;
}

.smallhead th a img:hover {
     filter: drop-shadow(0 0 1px #652787);
}

.mediumtags {
     font-size: 9pt;
}

.optbox {
     min-width: 16px !important;
     max-width: 16px !important;
     width: 16px !important;
     min-height: 16px;
     max-height: 16px;
     height: 16px;
     opacity: 1.0;
     border: 0;
     margin: 2px 4px;
     padding: 2px;
     overflow: hidden;
     position: relative;
}

.cells {
     border: 1px inset #120f35;
     text-align: center;
}

.tablefooter tr, .tablefooter td {
     background: #000 url(images/header.png) repeat-x center center !important;
     background: linear-gradient(to bottom, #010014, #010010 50%, #010010 100%) !important;
     border-top: 1px solid #443da0;
     border-bottom: 1px solid #443da0 !important;
     line-height: 110%;
     padding: 10px;
}

.formaction {
     text-align: right;
     margin-bottom: -5px;
     padding: 7px 5px;
}

h3[id$="con"] { /* peers h3 + tables */
     background: #652787;
     margin-bottom: -2px;
     border-radius: 0;
     padding: 6px 10px;
     font-size: 10pt;
     word-spacing: 0.1em;
     letter-spacing: 0.08em;
     background: #000;
     background: linear-gradient(to right, #000000, #010010 70%, #010013 90%);
     border: 1px solid #443da0;
}

h3[id="udpcon"] {
     width: auto;
}

#udpconnections table {
     overflow-x: auto !important;
}

#udpconnections th {
      padding: 5px 2px;
}

#udpconnections table i {
     font-weight: bold;
     line-height: 150%;
     letter-spacing: 0.1em;
}

#udpconnections tr a img {
      margin-top: 3px !important;
}

#udpconnections tr:hover, #ntcpconnections tr:hover, #jobstats tr:hover, #schedjobs tr:hover, #jardump tr:hover, #webappconfig tr:hover td, .tunneldisplay tr:hover td {
     background: #020022;
     color: #eff1ff;
}

#udpconnections td > *, #ntcpconnections td > * {
     vertical-align: middle;
}

#udpconnections td:first-child, #udpconnections td:nth-child(2) {
     width: 50px;
     padding: 2px 4px;
     white-space: nowrap;
}

#udpconnections tr:hover td, #ntcpconnections tr:hover td {
     color: #c9ceff;
}

#udpconnections tr.tablefooter td {
     color: #c9ceff;
}

#udpconnections tr.tablefooter:hover td {
     border-top: 1px solid #443da0;
}

#udpconnections tr.tablefooter td:first-child {
     padding-left: 9px;
}

#udpconnections td[class="cells"]:first-child, #ntcpconnections td[class="cells"]:first-child {
     width: 50px;
     white-space: nowrap;
     text-align: right;
}

#ntcpconnections td[class="cells"]:last-child {
     font-weight: bold !important;
     width: 100px;
}

#ntcpconnections {
     overflow-x: scroll !important;
}

/* peers - sort icons */

#ntcpconnections th, #udpconnections th {
     background: #000010 !important;
}

#udpconnections th {
     vertical-align: top;
     padding-top: 3px;
}

.sortup, .sortdown, .sortupactive, .sortdownactive {
     padding: 1px 0;
     border: 1px solid #117;
     border: 1px solid #443da0;
     border-radius: 1px;
     margin: 4px 1px 0 !important;
     vertical-align: middle;
     text-align: center;
     display: inline-block;
     width: 16px;
     height: 12px;
     background-size: 10px auto, 100% 100% !important;
}

.sortup, .sortdown {
     box-shadow: inset 0 0 0 1px #000;
     opacity: 0.5;
}

.sortup img, .sortdown img, .sortupactive img, .sortdownactive img {
     margin: 0;
     padding: 0;
     opacity: 0;
     width: 16px;
     height: 14px;
     vertical-align: middle;
     text-align: center;
     filter: hue-rotate(60deg);
}

.sortupactive, .sortdownactive {
     opacity: 1;
     box-shadow: inset 2px 2px 1px #000;
}

.sortup {
     background: url(images/sort_up.png) center center no-repeat, linear-gradient(to bottom, #004, #000);
}

.sortup:hover {
     background: url(images/sort_up.png) center center no-repeat, linear-gradient(to bottom, #000, #004);
     border: 1px solid #652787;
     opacity: 1;
}

.sortup a:focus, .sortdown a:focus {
     background: rgba(237, 207, 255, 0.2);
     border-radius: 1px;
     margin-top: -1px;
     height: 14px;
     width: 16px;
     display: inline-block;
}

.sortupactive {
     background: url(images/sort_up.png) center center no-repeat, #005;
}

.sortdown {
     background: url(images/sort_down.png) center center no-repeat, linear-gradient(to bottom, #004, #000);
}

.sortdown:hover {
     background: url(images/sort_down.png) center center no-repeat, linear-gradient(to bottom, #000, #004);
     border: 1px solid #652787;
     opacity: 1;
}

.sortdownactive {
     background: url(images/sort_down.png) center center no-repeat, #005;
     border: 1px solid #005;
}

/* end peer sort */

.backlogged {
     font-size: 14pt;
     line-height: 0;
}

pre#transports {
     border: 1px solid #443da0;
     padding: 15px 7px 5px 15px;
     margin: 0;
     background: #000;
     width: calc(100% - 24px);
}

a[name="chelp"]:hover, a[name="help"]:hover, a[name="chelp"]:active, a[name="help"]:active { /* hide /help anchorpoints */
     color: #c9ceff !important;
     text-decoration: none;
     text-shadow: none;
}

.homelinkedit th:nth-child(3), .homelinkedit th:last-child {/* /confighome */
     text-align: left !important;
     text-transform: none !important;
     padding-left: 5px;
}

.homelinkedit tr:last-child td:first-child {
     text-align: right;
}

.homelinkedit input[type="text"] {
     margin-left: 0;
}

.homelinkedit td:nth-child(2) img {
     height: 20px;
     width: 20px;
}

#config_homepage .delete {
     float: left;
}

.formaction#homesites {
     margin-bottom: -2px !important;
}

.formaction#homeapps, .formaction#homesites, .formaction#tunnelconfigsave, .formaction#homesearch {
     border: 1px solid #443da0;
     background: #000;
     margin-top: -2px;
}

.formaction#homesearch {
     margin-bottom: -2px !important;
}

.formaction#themeui {
     padding: 2px 0 12px !important;
}

#themesettings hr {
     margin: 5px -7px;
}

tr#addnew {
     border-top: 1px solid #443da0;
}

/* /configui lang selection boxes + theme selection */

div.themechoice {
     width: 120px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     border: 1px solid #241f69;
     float: left;
     text-align: center;
     padding: 0 4px;
     margin: 4px;
     border-radius: 2px;
     background: linear-gradient(to bottom, #020020, #000);
     box-shadow: inset 0 0 0 1px #000;
}

.themechoice:hover {
     border: 1px solid #652787;
     background: #000;
}

.themechoice:hover .themelabel {
     border-top: 1px solid #652787 !important;
     background: #000 !important;
     color: #652787;
}

.themechoice:active .themelabel, .langselect:active .ui_lang {
     border-top: 1px solid #652787 !important;
     background: #652787 !important;
     color: #c9ceff !important;
     box-shadow: inset 0 0 0 1px #000 !important;
}

.themechoice:hover object {
     filter: drop-shadow(0 0 2px #652787);
}

.themechoice object, .themechoice img {
     padding: 3px 3px 4px;
     opacity: 0.75;
}

.themechoice object img {
     padding: 3px 3px 0;
     margin-bottom: 0;
     opacity: 0.75;
}

.themechoice .optbox {
     min-width: 120px !important;
     min-height: 80px !important;
     opacity: 0; /* hide the radio icon so we can use thumbnail img instead */
     margin-left: -33px;
     z-index: 999;
     position: absolute;
}

.themechoice .optbox + img {
     padding: 3px 0 !important;
}

.themechoice .optbox:hover + object ~ div.themelabel {
     color: #652787;
}

.themechoice .optbox:checked + object ~ div.themelabel {
     background: #040033 !important;
     color: #c9ceff;
     font-weight: bold;
}

.themechoice .optbox:checked + object, .themechoice .optbox:checked + img {
     transform: scale(0.9);
     opacity: 1;
}

.themechoice .optbox:focus + object ~ div.themelabel {
     color: #652787;
     box-shadow: inset 0 0 10px 3px #000;
}

#themeoptions {
     clear: both;
     border-top: 1px solid #443da0;
     margin: 0 -7px 5px;
     position: relative;
     top: 8px;
     padding: 5px 10px 8px 5px;
}

#themeoptions br {
     display: none;
}

#themeoptions label {
     white-space: nowrap;
     margin: 1px 10px 1px 0 !important;
     display: inline-block;
}

p#helptranslate {
     position: relative;
     top: 8px;
     margin: 0 -7px;
     padding: 15px 10px 15px 50px !important;
     text-align: left !important;
     border-top: 1px solid #443da0;
     border-bottom: 1px solid #443da0;
     background: url(/themes/console/images/info/notice.png) left 14px center no-repeat, #000;
     background-size: 28px 28px;
}

#themeoptions input {
     margin-left: 5px 1px;
}

#themeoptions input[type="checkbox"] {
     min-height: 16px;
}

.themelabel {
     border-top: 1px solid #241f69 !important;
     margin-left: -4px;
     margin-right: -4px;
     padding: 4px 2px;
     background: #010010 url(images/titles.png) center center repeat-x;
     background: linear-gradient(to bottom, #121225 50%, #000011 50%, #00000d 50%);
     color: #7670c2;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     box-shadow: inset 0 0 0 1px #000;
}

h3#themeheading, h3#langheading, h3#passwordheading {
     border-radius: 0;
     border: 1px solid #443da0;
     padding: 6px 10px;
     font-size: 10.5pt;
     word-spacing: 0.1em;
     letter-spacing: 0.08em;
     margin-bottom: 0;
     background: #000;
     background: linear-gradient(to right, #000000, #010010 70%, #010013 90%);
}

div#themesettings {
     clear: both;
     border: 1px solid #443da0;
     padding: 8px 7px 0;
     margin: -1px 0;
}

td#themeselect {
     clear: both;
     border: 1px solid #443da0;
     padding: 8px 7px 0;
     margin: -1px 0;
}

#themeselect hr {
     display: inline !important;
}

.langselect { /* containing box for lang selection */
     width: 120px;
     float: left;
     margin: 4px;
     text-align: center;
     border: 1px solid #241f69;
     padding: 8px 4px 0;
     border-radius: 2px;
     background: linear-gradient(to bottom, #020020, #000);
     box-shadow: inset 0 0 0 1px #000;
}

.langselect .optbox {
     opacity: 0;
     outline: 1px dotted #652787;
     margin-left: 0;
}

.langselect .optbox {
     opacity: 0;
     outline: 1px dotted !important;
     min-height: 60px;
     min-width: 125px !important;
     margin: -5px 0 -30px -2px;
     vertical-align: text-bottom;
     text-align: center;
     z-index: 999;
}

.langselect img {
     width: 40px;
     height: 40px;
     margin-bottom: 0;
     margin-left: -72px;
     margin-top: 7px !important;
     position: absolute;
}

.langselect input[name="lang"]:checked + img {
     width: 19px;
     height: 13px;
     margin-top: 6px !important;
     margin-left: -73px;
}

.langselect input[name="lang"]:hover + img {
     filter: drop-shadow(0 0 1px #652787);
}

.langselect input[name="lang"]:hover + img + div.ui_lang {
     color: #652787;
}

.langselect input[name="lang"]:checked + img + div.ui_lang {
     background: #040033 !important;
     color: #c9ceff;
     font-weight: bold;
}

.langselect input[name="lang"]:focus + img + div.ui_lang {
     color: #652787 !important;
     box-shadow: inset 0 0 10px 3px #000 !important;
}

.langselect input[name="lang"]:active + img + div.ui_lang {
     color: #c9ceff !important;
     box-shadow: inset 0 0 0 1px #000 !important;
}

.langselect:hover, .langselect:active {
     border: 1px solid #652787;
     background: #000;
}

.langselect:hover .ui_lang {
     border-top: 1px solid #652787;
     background: #000;
     color: #652787;
}

/* large flags */

.langselect img {
     width: 40px;
     height: 40px;
     border: none !important;
     margin-top: -6px !important;
     margin-left: -82px;
     position: absolute;
     box-shadow: none;
     opacity: 0.75;
     filter: drop-shadow(0 0 1px #000);
}

.langselect input[name="lang"]:checked + img, .langselect input[name="lang"]:checked + #config_ui img[src="/flags.jsp?c=a1"] {
     width: 32px !important;
     height: 32px !important;
     border: none !important;
     margin-left: -78px;
     margin-top: -2px !important;
     margin-bottom: 0;
     box-shadow: none !important;
     opacity: 1;
}

.langselect input:hover + img {
     box-shadow: none !important;
     transition: none !important;
     filter: drop-shadow(0 0 2px #652787);
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.langselect img {
     margin-left: -19px !important;
     margin-top: -31px !important;
}

.langselect input[name="lang"]:checked + img, .langselect input[name="lang"]:checked + #config_ui img[src="/flags.jsp?c=a1"] {
     margin-left: -15px !important;
     margin-top: -27px !important;
}
}

/* end large flags */
/* end flag as radio icons */

.ui_lang { /* lang text label */
     text-align: center;
     background: #010010;
     padding: 3px 2px 4px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 124px;
     margin: 10px -4px 0 !important;
     border-top: 1px solid #241f69;
     border-radius: 0 0 2px 2px;
     text-transform: capitalize;
     background: linear-gradient(to bottom, #121225 50%, #000011 50%, #00000d 50%);
     color: #7670c2;
     box-shadow: inset 0 0 0 1px #000;
}

p#helptranslate {
     clear: both;
     padding: 6px 10px 10px;
     text-align: right;
}

h3#themeheading {
}

h3#langheading {
     margin-bottom: 0;
}

div#langsettings {
     border: 1px solid #443da0;
     padding: 8px 7px 12px;
     margin-top: -1px;
     margin-bottom: -12px;
     background: #000;
}

#langsettings hr {
     display: none;
}

.formaction#langui {
     margin: 7px -8px -15px;
     border: 1px solid #443da0;
     background: #000;
}

/* console password layout */

h3#passwordheading {
     margin-top: 25px;
     margin-bottom: -2px;
}

table#consolepass th:nth-child(2) {
     text-align: left;
}

table#consolepass td:first-child {
     width: 100px;
     white-space:nowrap;
}

table#consolepass th {
     padding: 5px;
}

table#consolepass td {
     padding: 2px 3px;
}

table#consolepass td {
     border-bottom: 1px solid #443da0;
     padding: 5px 10px;
}

table#consolepass input {
     margin: 5px;
}

table#consolepass td#pw_adduser {
     padding: 5px 10px;
     background: #000;
}

td#pw_adduser input {
     margin: 5px 20px 5px 5px !important;
}

table#consolepass input[name="name"] {
     margin-right: 20px;
}

table#consolepass input[type="password"] {
     width: 200px;
}

.formaction#consolepass {
     margin-bottom: -2px !important;
     margin-top: -2px;
     border: 1px solid #443da0;
     background: #000;
}

#consolepass input[name="name"], #externali2cp input[name="user"] {
     background: #000 url(/themes/console/images/buttons/user.png) 5px center no-repeat;
     background: url(/themes/console/images/buttons/user.png) 5px center no-repeat, linear-gradient(to bottom, #000, #000019);
     padding: 5px 5px 5px 26px !important;
     background-size: 16px 16px, 100% 100% !important;
}

#consolepass input[name="name"]:focus, #externali2cp input[name="user"]:focus {
     background: #000 url(/themes/console/images/buttons/user.png) 5px center no-repeat !important;
}

#consolepass input[name="nofilter_pw"], #externali2cp input[name="nofilter_pw"] {
     background: #000 url(/themes/console/images/buttons/password.png) 3px center no-repeat;
     background: url(/themes/console/images/buttons/password.png) 3px center no-repeat, linear-gradient(to bottom, #000, #000019);
     padding: 5px 5px 5px 22px !important;
     background-size: 16px 16px, 100% 100% !important;
}
#consolepass input[name="nofilter_pw"]:focus, #externali2cp input[name="nofilter_pw"]:focus {
     background: #000 url(/themes/console/images/buttons/password.png) 3px center no-repeat !important;
}

/* end /configui mods */

form[action="/createreseed"] > h3 {
     border-radius: 0;
     border: 1px solid #443da0;
     padding: 10px;
     font-size: 10.5pt;
     word-spacing: 0.1em;
     letter-spacing: 0.08em;
     background: linear-gradient(to right, #000000, #010010 70%, #010013 90%);
     margin-bottom: -13px;
}

table#configclient {
     margin-top: -11px !important;
}

/* configfamily */

#newfamily, #exportfamily {
     margin-bottom: 14px !important;
}

#exportfamily tr:nth-child(2) td:first-child {
     background: #000 url(/themes/console/images/info/export_key.png) 12px center no-repeat;
     padding: 15px 15px 15px 50px;
     background-size: 28px 28px;
}

#leavefamily {
     margin-bottom: 10px !important;
}

#leavefamily tr:last-child td:first-child {
     background: #000 url(/themes/console/images/info/leave_family.png) 12px center no-repeat;
     padding: 15px 15px 15px 50px;
     background-size: 28px 28px;
}

/* configreseed */

table#reseedconfig input[type="text"], table#reseedconfig input[type="password"] {
     width: 170px;
}

#reseednow {
     margin-top: -16px !important;
}

.formaction#resetreseed {
     margin: -4px -5px 0 0;
}

table#reseedconfig textarea {
     width: 100%;
     width: calc(100% - 5px);
}

#reseedconfig tr:nth-child(2) br {
     display: none;
}

#reseedconfig tr:nth-child(2) label {
     white-space: nowrap;
     margin-right: 10px;
}

#reseedconfig td:first-child {
     line-height: 120%;
}

/* /configservice */

.formaction#shutdown, .formaction#restart, .formaction#systray, .formaction#runonstart, .formaction#dumpthreads, .formaction#browserstart {
     border: 1px solid #443da0;
     background: #000;
     margin-top: -11px;
     margin-bottom: 8px;
}

/* /configpeer */

ul#banlist {
     margin-top: -2px;
}

ul#banlist tt {
     color: #c11f5d;
}

ul#banlist {
     border: 1px solid #443da0;
     background: #000;
     padding: 10px 10px 10px 0;
     margin: -1px 0 13px;
     -moz-columns: 300px auto;
     -moz-column-gap: 8px;
     -moz-column-rule: 1px dotted #443da0;
     -webkit-columns: 300px auto;
     -webkit-column-gap: 8px;
     -webkit-column-rule: 1px dotted #443da0;
     columns: 300px auto;
     column-width: 300px;
     column-gap: 8px;
     column-rule: 1px dotted #443da0;
}

#profiles ul#banlist {
     margin-top: -4px !important;
}

#banlist li {
     list-style: none !important;
     border-bottom: 1px dotted #443da0;
     margin: 0 10px 3px;
     padding-top: 3px;
     min-width: 300px;
     padding-bottom: 5px;
     break-inside: avoid;
     page-break-inside: avoid;
     -webkit-break-inside: avoid;
     display: inline-block;
}

/* /confignet */

h3#iptransport {
     margin-bottom: 11px;
}

p#defaultswork {
     margin-bottom: 11px !important;
}

p#upnpconfig, p#ipchange, p#ipv6config, p#tcpconfig, p#confignotes, p#defaultswork {
     padding: 10px;
     border: 1px solid #443da0;
     margin-bottom: -13px;
     margin-top: -12px;
}

p#defaultswork {
     padding: 15px 10px 15px 45px !important;
}

p#confignotes {
     margin-bottom: -21px;
     padding: 15px 10px 15px 45px;
     background: url(/themes/console/images/info/infohelp.png) 12px center no-repeat !important;
}

p#ipconfig, p#ipv4config, p#udpconfig, p#externaltcp {
     border: 1px solid #443da0;
     border-bottom: none;
     padding: 10px;
     background: #010010;
}

table#bandwidthconfig {
     margin-bottom: 1px;
}

table#bandwidthconfig td:first-child {
     width: 200px;
     white-space: nowrap;
}

table#bandwidthconfig {
     padding: 5px 10px !important;
}

table#bandwidthconfig input, table#bandwidthconfig select {
     margin-right: 3px;
}

/* confignet tidyup */

#netconfig .optbox {
     margin: 10px 6px 2px !important;
     display: inline-block !important;
     vertical-align: sub !important;
}

#netconfig .optbox:first-child {
     margin-top: 6px !important;
     margin-bottom: 6px !important;
}

#netconfig .optbox:last-child, #netconfig .optbox[value="only"], #netconfig .optbox[name="disableUDP"], #netconfig .optbox[value="disabled"] {
     margin-bottom: 6px !important;
}

#netconfig input[type="text"] + br + .optbox, #netconfig .optbox[name="ntcpAutoPort"] {
     margin-top: 3px !important;
}

#netconfig input[name*="ost"] {
     width: 250px !important;
}

/* end confignet tidyup */
/* end /confignet */

/* /events */

div.eventspanel {
     margin-top: -10px;
}

form[action="events"] {
     border: 1px solid #443da0;
     margin-top: -11px;
     padding: 10px 20px 10px;
     margin-bottom: 20px;
}

form[action="events"] > br {
     display: none;
}

form[action="events"] > .formaction {
     margin-bottom: -11px !important;
     margin-right: -21px;
     margin-left: -21px;
}

.eventspanel th {
     text-align: left;
     padding-left: 10px;
     font-size: 10pt;
     text-transform: uppercase;
     letter-spacing: 0.08em;
     word-spacing: 0.1em;
}

.eventspanel table {
     font-size: 9pt;
}

.eventspanel table tr:hover {
     background: #020020;
}

.eventspanel table td {
     padding: 5px 10px;
}

table#addkeyring td:first-child {
     width: 15%;
     white-space: nowrap;
     font-weight: bold;
     padding-right: 0;
}

table#addkeyring tr:last-child {
     border-top: 1px solid #443da0;
     background: linear-gradient(to bottom, #010014, #010010 50%, #010010 100%);
}

table#addkeyring tr:last-child td {
     padding-right: 6px;
}

#addkeyring textarea, #addkeyring input[type="text"] {
     width: 95%;
     width: calc(100% - 15px);
}

p#keyringhelp, p#webappconfig, p#availableplugins, p#pluginconfigtext, p#clientdefaultshelp, p#bwshare, p#editclients, p#upnpstatus, p#gatherstats {
     background: #000 url(/themes/console/images/info/infohelp.png) 12px center no-repeat !important;
     border: 1px solid #443da0;
     padding: 15px 15px 15px 45px !important;
}

#config_reseed p.infohelp, #config_family p.infohelp, p#tunnelconfig {
     margin-top: 0;
}

p#keyringhelp, #ffconf, #bwlimiter, #i2pclientconfig, .confignav + h3, #advancedclientconfig, .confignav + .infowarn, #webappconfig,
#config_logging h3, #iptransport, .confignav + form > h3, #pluginmanage, .confignav + .infohelp, #statsForm > h3.ptitle, .infowarn + .infohelp {
     margin-top: -4px !important;
}

p#availableplugins {
     margin: 12px 0 -1px;
}

p#upnpstatus {
     margin-top: 10px;
}

p#webappconfigtext + p, p#pluginconfigtext {
     margin-bottom: -1px;
}

h3#pconfig {
     margin-top: -4px;
}

#pluginconfig th:first-child, #pluginconfig td:first-child, #webappconfig th:first-child {
     text-align: right;
     white-space: nowrap;
}

#webappconfig th:nth-child(2), #webappconfig th:nth-child(3) {
     text-align: center;
}

#webappconfig th:last-child {
     text-align: left;
     padding-left: 5px;
}

#webappconfig td:first-child::after {
     content: "";
     display: inline-block;
     min-height: 28px;
     vertical-align: middle;
}

.configtable#webappconfig tr:last-child, .configtable#tunnelconfig tr:last-child {
     border-top: 1px inset #120f35 !important;
}

#pluginconfig td:nth-child(2) {
     border-right: 1px inset #120f35 !important;
}

#pluginconfig td:last-child table {
     padding: 5px;
     margin: 5px 15px 5px 5px !important;
     width: 99%;
     width: calc(100% - 8px);
}

/* /advanced */

.wideload > form > input[type="hidden"] + table  + p + hr + .formaction {
     border-left: none;
     border-right: none;
}

input[type="hidden"] + p {
     border: 1px solid #443da0;
     padding: 10px;
     margin-bottom: -21px;
     background: #000;
}

input[type="hidden"] + p + p {
     border: 1px solid #443da0;
     padding: 10px;
     margin-top: 20px;
     margin-bottom: -21px;
     background: #010010;
}

/* /stats */

form#statnav {
     border: 1px solid #443da0 !important;
     padding: 10px 10px 10px 15px;
}

h3.stats {
     border: 1px solid #443da0;
     border-radius: 0;
}

.statlist {
     border: 1px solid #443da0;
     margin-bottom: -21px !important;
     margin-top: -11px !important;
     padding: 10px 0 5px;
     background: #000;
}

div.main .statlist li:not(old) {
     list-style: none !important;
}

.statlist:last-of-type {
     margin-bottom: -1px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.statlist {
     margin-bottom: -25px !important;
}

.statlist:last-of-type {
     margin-bottom: -6px !important;
}
}

.statlist a[name], .statlist b, .statlist li b, .statlist a[name]:hover {
     text-decoration: none;
     letter-spacing: normal;
}

.statlist li::before {
     content: "\2B26\00A0";
     font-size: 14pt;
     vertical-align: baseline;
}

.statlist li {
     list-style: none;
     margin-bottom: -3px;
}

.statlist li li {
     margin-left: 16px;
     margin-right: -20px;
     line-height: 140% !important;
     list-style: none;
}

.statlist li li::before {
     content: "\279F\00A0";
     vertical-align: baseline;
}

.statlist li li:last-child::before {
     content: "\27A1\00A0";
}

.statlist li li:last-child {
     padding-bottom: 5px !important;
}

.statlist a[href^="graph"]::before {
     content: "\27A1\00A0";
     font-size: 14pt;
}

.statlist a[href$="&showEvents=true"]::before {
     display: none;
}

.main#stats form {
     border: 1px solid #443da0;
     padding: 10px;
     margin: -13px 0 -11px;
}

.statlist li ul {
     margin-top: 10px;
}

.statlist li li b {
     margin-right: 3px;
}

li.noevents {
     margin-top: 0 !important;
     margin-bottom: 10px !important;
}

.nowrap {
     white-space: nowrap;
}

.statsViewGraphs {
     display: inline-block;
     margin: 5px 5px 0 20px;
}

.statsLongName {
     color: #37a3df;
     font-weight: bold;
}

p#gatherstats {
     margin-top: 1px;
     margin-bottom: 25px;
}

/* end stats */

h3#exploratorytunnels {
     margin-top: 15px;
}

h3.tabletitle + .statusnotes, table.tunneldisplay {
     margin-top: -1px;
}

.statusnotes + .statusnotes {
     margin-top: -6px;
}

.statusnotes:last-child {
     margin-bottom: 10px;
}

form > table {
     font-size: 9pt;
}

/* configtunnels */

table#tunnelconfig td:first-child {
     font-weight: bold;
}

#tunnelconfig td:nth-child(n+2) {
     text-align: left;
}

.formaction#tunnelconfigsave {
     margin-top: -32px !important;
}

/* end /configtunnels */

/* /configupdate */

table#i2pupdates {
     margin-top: -1px;
     margin-bottom: -3px !important;
}

table#i2pupdates td:first-child {
     width: 15%;
     white-space: nowrap;
     padding-left: 10px;
}

table#i2pupdates input[name*="URL"], table#i2pupdates textarea {
     width: 98%;
     width: calc(100% - 10px);
     resize: none;
}

table#i2pupdates tr:last-child td {
     padding-right: 6px;
     background: #000 !important;
}

/* /configlogging */

input[name="logfilename"], input[name="logformat"], input[name="logdateformat"], input[name="logfilesize"], select[name="defaultloglevel"], select[name="newloglevel"] {
     width: 125px;
}

#loggingoptions td {
     padding: 6px;
}

#loggingoptions td:first-child {
     padding-right: 3px;
     line-height: 120%;
}

#loggingoptions td:nth-child(2) {
     width: 170px;
}

#loggingoptions tr:nth-last-child(2) {
     white-space: nowrap;
}

#loggingoptions input[type="text"], #loggingoptions select, #loggingoptions textarea {
     min-width: 170px !important;
     margin: 3px;
}

#loggingoptions textarea {
     width: 99%;
     width: calc(100% - 8px);
     resize: none;
}

#loggingoptions select[name="newlogclass"] {
     width: calc(100% - 185px);
}

/* configsidebar */

#config_summarybar .configtable td:not(.optionsave) {
     padding-left: 50px;
     background: url(/themes/console/images/info/interval.png) 12px center no-repeat;
     background-size: 28px 28px;
}

table#sidebarconf {
     margin-top: -1px;
}

#sidebarconf tr:hover {
     background: #020020;
}

#sidebarconf + .formaction {
     margin-bottom: -3px !important;
}

#sidebarconf button {
     margin: 2px;
     padding: 4px 3px !important;
     min-width: 0;
     background: #000;
     background: linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
}

#sidebarconf button:active {
     background: #652787;
}

#sidebarconf button:hover img {
     opacity: 1;
}

#sidebarconf button:active img {
     mix-blend-mode: luminosity;
}

#sidebarconf button img {
     height: 12px;
     width: auto;
}

#sidebarconf th:nth-child(1), .homelinkedit th:first-child, #consolepass th:first-child {
     text-align: center;
     background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #121225 50%, #000011 50%, #00000d 50%);
     text-indent: -99999px;
     width: 5%;
}

#sidebarconf th:nth-child(2) {
     text-align: left;
}

#sidebarconf td:first-child {
     width: 60px;
}

#sidebarconf td:nth-child(3), #sidebarconf td:nth-child(4) {
     width: 60px;
     padding: 0;
     white-space:nowrap;
}

#sidebarconf td:nth-child(3) {
}

#sidebarconf td:nth-child(4) {
     text-align: left;
}

#sidebarconf tr:last-child td {
     background: #000;
     border-top: 1px solid #443da0;
}

#sidebarconf select {
     margin-left: 0;
     width: 100% !important;
}

#sidebarconf tr:last-child td:last-child {
     text-align: left;
     padding-left: 0;
}

.formaction#sidebardefaults {
     margin-top: -2px !important;
     margin-bottom: -2px !important;
}

/* end configsidebar */

/* /configservice */

h3#shutdownrouter, h3#restartrouter, h3#servicedebug, h3#browseronstart, h3#rononstartup, h3#systray {
     margin-bottom: -6px;
}

h3#restartrouter, h3#servicedebug, h3#browseronstart, h3#rononstartup, h3#systray {
      margin-top: 11px !important;
}

/* info paragraphs */

h3#shutdownrouter + p, h3#restartrouter + p, h3#servicedebug + p, h3#browseronstart + p, h3#runonstartup + p, h3#systray + p {
     background: #010008 url(/themes/console/images/info/infohelp.png) 12px center no-repeat !important;
     padding: 10px 15px 10px 50px;
     border: 1px solid #443da0;
     border-bottom: none;
     margin: 5px 0 -20px !important;
}

h3#servicedebug + p + p {
     padding: 10px;
     border: 1px solid #443da0;
     border-bottom: none;
     margin-bottom: -21px;
     background: #010010;
     margin-top: 20px;
}
/* configclients */

table#clientconfig th:first-child {
     text-align: right;
     padding-right: 5px;
}

#clientconfig td:nth-child(3) {
     white-space: nowrap;
}

table#clientconfig th:last-child {
     text-align: left;
     padding-left: 5px;
}

.formaction#clientsconfig, .formaction#webappconfigactions, .formaction#pluginconfigactions, .formaction#sidebardefaults {
     border: 1px solid #443da0;
     background: #000;
     margin-bottom: 4px;
}

.formaction#webappconfigactions, .formaction#pluginconfigactions, .formaction#clientsconfig {
     margin-top: -2px;
     margin-bottom: -2px;
}

table#externali2cp {
     margin-bottom: -2px !important;
}

.infohelp#clientconf {
     margin-bottom: -13px;
}

.infowarn#clientconf {
     margin-bottom: 11px;
}

/* end /configclients */

/* /help */

#help p, #help li, #help td {
     line-height: 150% !important;
}

#help li {
     padding-right: 5px !important;
}

#help h3 {
    padding: 7px 10px;
    font-size: 10pt;
}

#legal, #sidebarhelp, #volunteer, #reachabilityhelp, #configurationhelp, #faq {
     border: 1px solid #443da0;
     padding: 0 20px;
     margin: 10px 0;
     background: #000;
}

div#volunteer {
     border: 1px solid #443da0;
     padding: 0 20px;
     margin: -5px 0 10px !important;
     background: #000 url(images/scarface.jpg) bottom right no-repeat !important;
     background-size: auto 60% !important;
}

#legal h2, #sidebarhelp h2, #volunteer h2, #reachabilityhelp h2, #configurationhelp h2, #faq h2 {
     margin: -1px -21px 10px !important;
     padding: 10px;
     text-transform: uppercase;
     font-size: 11pt;
     text-align: left;
     letter-spacing: 0.08em;
     word-spacing: 0.1em;
     border-radius: 0;
}

#legal h2 + p {
     padding-top: 10px;
}

#sidebarhelp h3, #faq h3 {
     margin: 0 -21px 10px !important;
     padding: 10px;
     text-transform: uppercase;
     font-size: 10.5pt;
     text-align: left;
     letter-spacing: 0.08em;
     word-spacing: 0.1em;
     border-radius: 0;
     border: 1px solid #443da0;
}

#changelog h2, #advancedsettings h2 {
     padding: 10px;
     text-transform: uppercase;
     font-size: 11pt;
     text-align: left;
     letter-spacing: 0.08em;
     word-spacing: 0.1em;
     border-radius: 0;
     margin: 0 0 -11px !important;
}

#changelog pre {
     margin-top: 11px;
     padding: 10px 10px 10px 20px;
     max-height: 600px;
     overflow-y: scroll;
     width: calc(100% - 32px);
     border-left: 1px solid #443da0;
     border-right: 1px solid #443da0;
     background: #000;
}

#advancedsettings h2 {
     margin-bottom: -13px !important;
}

#advancedsettings p.infohelp {
     margin-top: 12px;
     margin-bottom: -2px !important;
}

#configinfo th {
     text-align: left;
     padding: 8px 10px;
     font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
     color: #393;
     background: #002;
     background: linear-gradient(to right, #000, #002);
}

#configinfo td {
     text-align: justify;
     padding: 7px 10px;
}

p#fullhistory {
     text-align: right;
     margin: -13px 0 9px;
     border: 1px solid #443da0;
     padding: 5px 10px;
     background: #000;
     position: relative;
     z-index: 999;
}

ul#upnphelp li:last-child, #legal ul li:last-child {
     padding-bottom: 0;
}

#help td.infohelp, #help td.infowarn {
     background-size: 24px 24px !important;
     padding-left: 46px !important;
}

#help #configinfo .infowarn {
     border: none;
     border-bottom: 1px inset #010008;
     box-shadow: none;
     background-size: 20px 20px !important;
     padding: 7px 10px 7px 40px !important;
}

#help li {
     text-align: justify;
}

/* mini faq */

#faq h3 {
     padding: 6px 10px 8px 35px !important;
     background: url(/themes/console/images/info/question.png) 10px center no-repeat, linear-gradient(to bottom, #191729, #201f33 7%, #1f1e32 9%, #161525 21%, #090812 49%, #05050e 50%, #020206 51%, #010103 53%, #000000 56%) !important;
     background-size: 18px 18px, 100% 100% !important;
     background-blend-mode: luminosity, normal;
     text-transform: none;
     font-size: 10.5pt !important;
     letter-spacing: 0;
     word-spacing: 0;
}

#faq p.infohelp {
     margin: 10px -10px !important;
}

#faq ul {
     margin-bottom: -15px !important;
}

#faq li code {
     margin-left: 10px;
}

#faq code, #help code {
     user-select: all;
     -moz-user-select: all;
     -webkit-user-select: all;
}

#portfaq {
     width: auto;
     margin: 10px -10px;
}

#portfaq td, #portfaq th {
     padding-top: 10px !important;
     padding-bottom: 10px !important;
}

#portfaq th:first-child, #portfaq td:first-child {
     font-weight: bold;
     text-align: right;
}

#portfaq .infohelp {
     padding-top: 15px !important;
     padding-bottom: 15px !important;
}

#portfaq th {
     text-align: left;
     padding: 8px 5px !important;
}

#portfaq th[colspan="3"] {
     text-align: left;
     font-size: 10.5pt !important;
     letter-spacing: 0.08em;
     word-spacing: 0.1em;
     padding-left: 10px !important;
}

#portfaq td[colspan="3"] {
     font-weight: normal;
}

#portfaq td:nth-child(2) {
     white-space: nowrap;
}

#portfaq td:first-child {
     padding-left: 10px;
}

#portfaq td:last-child, #portfaq td[colspan="3"] {
     text-align: justify;
     padding-right: 10px;
}

/* end mini faq */
/* end help */

/* netdb (main section) */

table#netdboverview {
     margin: -5px 0 10px;
}

#netdboverview td {
     padding: 0;
}

#netdbversions, #netdbtransports, #netdbcountrylist {
     border: 1px solid #120f35 !important;
     margin-bottom: 0;
}

#netdbcountrylist img {
     margin-right: 5px;
     text-align: right;
}

#netdbtransports {
     border-left: 1px solid transparent !important;
     border-right: 1px solid transparent !important;
}

#netdbtransports th, #netdbtransports td {
     padding-left: 10px !important;
     padding-right: 10px !important;
}

#netdbversions th, #netdbtransports th, #netdbcountrylist th {
     border-top: none;
     padding: 3px 5px;
     line-height: 150%;
}

#netdbversions td, #netdbtransports td, #netdbcountrylist td {
     padding: 5px;
}

table[cellspacing="30"] > tbody > tr > th[colspan="3"] { /* netdb header */
     padding: 10px;
     text-transform: uppercase;
     font-size: 11pt;
     letter-spacing: 0.08em;
     word-spacing: 0.1em;
}

table[cellspacing="30"] > tbody > tr > td {
     padding: 8px;
}

table[cellspacing="30"] > tbody > tr > td > table > tbody > tr > th:first-child {
     text-align: left;
     padding: 5px;
}

table[cellspacing="30"] > tbody > tr > td:first-child > table > tbody > tr > th:first-child {
     text-align: center;
}

/* /netdb - Sybil */

th > img[src^="/imagegen"] { /* scale down header images */
     height: 24px;
     width: 24px;;
     margin: -1px;
     border-left: 1px solid #443da0;
}

/* Advanced lookup */

#netdblookup {
     margin-bottom: -4px;
}

#netdblookup th {
     text-align: left;
     font-size: 11pt;
     letter-spacing: 0.08em;
     padding: 10px;
     text-transform: uppercase;
}

#netdblookup td:first-child {
     text-align: right;
     width: 100px;
     white-space: nowrap;
     font-weight: bold;
}

#netdblookup td:nth-child(2) {
     width: 100px;
     padding-left: 0;
}

.subheading {
     text-align: left !important;
     background: #000;
     padding: 10px;
     border: 1px solid #443da0;
}

.subheading b {
     font-size: 10pt !important;
}

#netdblookup .optbox {
     margin: 10px ;
}

#netdblookup .optionsave {
     padding: 10px !important;
}

#netdb .tabletitle {
     margin-bottom: -2px !important;
}

.sybil_distance th {
     text-align: left;
     padding: 5px;
}

.sybil_distance th:last-child, .sybil_distance td:last-child {
     text-align: right;
}

.sybil_distance tr:nth-child(n+2):hover {
     background: #002;
     font-weight: bold;
}

.sybil_distance:last-child {
     margin-bottom: 9px;
}

/* leasesets */

.netdb_leases, .netdb_leases li, .netdb_leases li:first-child {
     margin: 0 !important;
}

.netdb_leases {
     columns: auto 420px !important;
     column-rule: 1px solid #114;
     column-gap: 1em;
}

.netdb_leases li {
     list-style: none;
     display: inline-block;
     padding: 1px 5px 1px 0 !important;
     margin: 1px 0;
     min-width: 400px;
}

.netdb_leases li b:first-child {
     display: inline-block;
     min-width: 80px !important;
     text-align: right;
     margin: 0 !important;
     padding: 0 !important;
}

.netdb_gateway {
     margin-left: 0 !important;
     margin-right: -8px !important;
     vertical-align: bottom;
}

.netdb_gateway img {
     vertical-align: bottom;
}

.netdb_tunnel {
     display: inline-block;
     background: #003;
     padding: 0 4px;
     margin-left: 4px;
     margin-right: -4px;
     border-radius: 2px;
}

.netdb_leases .tunnel_id {
     min-width: 74px;
}

.netdb_leases .tunnel_peer {
     min-width: 64px;
}

.netdb_leases .tunnel_peer tt, .netdb_leases .tunnel_peer tt a {
     font-size: 8.5pt !important;
     font-weight: bold !important;
}

.netdb_leases .tunnel_peer tt, .netdb_leases .tunnel_peer a {
     letter-spacing: 0.1em !important;
     margin: 0 !important;
     padding: 0 !important;
}

.main li .netdb_expiry {
     font-weight: normal;
     text-transform: lowercase;
     font-style: italic;
}

/* end leasesets */
/* end netdb */

/* logs */

a[name="criticallogs"] + p + h3 + p + ul { /* tidy router logs ul */
     border: 1px solid #443da0;
     margin-bottom: 15px;
}

#enviro, #criticallogs, #routerlogs, #eventlogs, #wrapperlogs {
     margin-top: -11px;
}

#wrapperlogs {
     width: 100%;
     overflow-x: scroll;
     table-layout: fixed;
}

#bugreports {
     margin-top: 10px;
}

#bugreports td {
     background: url(/themes/console/images/info/infohelp.png) 12px center no-repeat !important;
     padding: 15px 10px 15px 50px;
}

#enviro:hover {
     -moz-user-select: all;
     --webkit-user-select: all;
     user-select: all;
     cursor: text;
}

#enviro:hover td {
     background: #001;
     border-top: 1px inset transparent;
     border-bottom: 1px inset transparent;
     color: #dd0;
}

#enviro td {
     font-weight: normal !important;
     padding: 5px 10px;
}

#enviro td:first-child {
     width: 1%;
     text-align: right;
     padding-right: 0;
     white-space: nowrap;
}

#criticallogs td , #routerlogs td, #eventlogs td, #wrapperlogs td {
     font-weight: normal !important;
     padding: 5px 10px;
     border-top: 1px solid #443da0;
}

#criticallogs td:empty {
     display: none;
}

table[id$="logs"] tr:nth-child(odd){
     background: #010011;
}

table[id$="logs"] tr:nth-child(even){
     background: #000;
}

table[id$="logs"] ul {
     margin: -3px 15px -10px -18px !important;
}

#wrapperlogs {
     margin-bottom: 10px;
}

#wrapperlogs tr:last-child td {
     padding: 0 0 0 5px;
}

#wrapperlogs pre {
     margin-bottom: 0 !important;
     white-space: pre-wrap !important;
     word-wrap: break-word;
     width: 100%;
     height: 600px;
}

.main#logs li {
     word-break: break-all;
     font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
}

.logtable ul li:not(old) {
     list-style: none !important;
     margin-left: 15px;
}

/* Override error log colors */

font[color="#006600"] { /* debug */
     color: #090;
}

font[color="#bf00df"] { /* warning */
     color: #909;
}

font[color="#ff3300"] { /* error */
     color: #d00;
}

font[color="#cc0000"] { /* critical */
     color: #f00;
}

font[color="#000099"] { /* info */
     color: #bb0;
}

/* end log color overrides */

#logs li {
     list-style: none;
     font: 8.5pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
     line-height: 130%;
     text-align: left;
     display: inline-block;
     width: 100%;
     margin-right: 5px !important;
     padding: 2px 0;
}

#criticallogs li {
     width: 100%;
}

#logs li::after {
     content: "";
     display: block;
     border-top: 1px dotted #005;
     width: 100%;
     margin: 5px 0 -3px;
}

#logs li:last-child::after {
     border: none;
     margin: 0;
}

#logs font[color^="#"]::before {
     content: "";
     display: inline-block;
     width: 6px;
     height: 6px;
     background: #fff;
     border-radius: 50%;
     margin-right: 5px;
     margin-left: 0;
     vertical-align: calc(1px);
}

#logs li font[color="#cc0000"]::before {
     background: #f00;
}

#logs li font[color="#006600"]::before {
     background: #090;
}

#logs li font[color="#ff3300"]::before {
     background: #d00;
}

#logs li font[color="#bf00df"]::before {
     background: #909;
}

#logs li font[color="#000099"]::before {
     background: #bb0;
}

/* /profiles */

#profilelist tr:hover, #floodfills tr:hover {
     background: #040033;
}

#profilelist tr:hover td, #floodfills tr:hover td {
     color: #c9ceff;
}

#profilelist th, #profilelist td {
     text-align: right;
}

#profilelist td:nth-child(2), #profilelist th:nth-child(2) {
     text-align: left;
}

#profilelist td:first-child {
     width: 1%;
     text-align: right;
}

#profilelist td:first-child {
     text-align: right !important;
     padding-left: 4px;
}

#profilelist td:first-child, #profilelist th:first-child, #profilelist td:nth-last-child(2), #profilelist th:nth-last-child(2) {
     white-space: nowrap;
     text-align: center;
}

#profilelist td:nth-child(3) {
     letter-spacing: 0.1em;
}

#profilelist th:last-child {
     text-align: center;
     padding-right: 8px;
}

#profilelist td:last-child {
     text-align: center;
     width: 1%;
     white-space: nowrap;
}

#profilelist td[colspan="9"] { /* profile class separator */
     background: #050044;
     padding: 1px;
     border: 1px inset #000;
}

a[href^="configpeer?peer"]:not(old) {
     font-size: 0 !important;
     filter: drop-shadow(0 0 1px #777);
}

a[href^="configpeer?peer"]::after {
     content: url(/themes/console/images/buttons/edit.png);
     vertical-align: top;
     margin: 0 0 0 4px !important;
     line-height: 0 !important;
}

a[href^="configpeer?peer"]:hover {
     filter: drop-shadow(0 0 1px #99f);
}

table#profile_defs, table#thresholds {
     margin-top: -1px;
     margin-bottom: 10px;
}

table#profile_defs td, table#thresholds td {
     padding: 5px;
}

#profile_defs td:first-child {
     width: 5% !important;
     white-space: nowrap;
     text-align: right;
}

#profile_defs td:last-child {
     white-space: normal;
     line-height: 120%;
}

#thresholds th, #thresholds td {
     text-align: center !important;
}

#capabilities_key td {
     padding: 0 !important;
}

#capabilities_key table {
     margin: 0 !important;
     border: none;
     border-top: 1px solid #004;
     border-bottom: 1px solid #004;
}

#capabilities_key table td {
     padding: 3px 5px !important;
}

#capabilities_key table td:nth-child(even) {
     width: 16px;
}

#capabilities_key td:nth-child(2) b, #capabilities_key td:nth-child(4) b {
     display: inline-block;
     min-width: 16px;
     background: #003;
     border-radius: 2px;
     padding: 1px 2px;
     text-align: center;
}

#capabilities_key td:nth-child(2), #capabilities_key td:nth-child(4) {
     text-align: right;
}

#capabilities_key td[colspan="5"] {
     text-align: left;
}

#profile_defs b {
     text-transform: capitalize;
}

#capabilities_key b {
     text-transform: none !important;
}

table#profile_defs + hr {
     display: none;
}

.main#profiles .widescroll {
     margin-top: -5px !important;
}

.main#profiles ul#banlist {
     margin-top: 5px;
}

#profiles_overview {
     margin-top: -4px;
}

#floodfills {
     margin: 0 0 10px;
}

#floodfills + hr {
     display: none;
}

#floodfills th, #floodfills td {
     text-align: right !important;
}

#floodfills th {
     white-space: normal;
     text-align: center !important;
}

#floodfills td {
     padding: 3px !important;
}

#floodfills th:first-child, #floodfills td:first-child {
     text-align: center !important;
     width: 52px;
     white-space: nowrap;
     padding: 0 !important;
}

#floodfills td:first-child {
     text-align: right !important;
     padding-left: 4px !important;
     padding-right: 5px !important;
}

#profilelist td:first-child > *, #floodfills td:first-child > *,
#udpconnections td:first-child > *, #ntcpconnections td:first-child > * {
     vertical-align: middle;
}

table#viewprofile {
     margin-bottom: 8px;
}

table#viewprofile td {
     padding: 10px 15px 0;
}

#viewprofile pre {
     margin-bottom: 0;
     white-space: pre-wrap;
}

ul#banlist {
     border: 1px solid #443da0;
     background: #000;
     padding: 10px 10px 10px 0;
     margin-bottom: 10px;
}

ul#banlist li:last-child {
     margin-bottom: 0;
}

ul#banlist + hr {
     display: none;
}

a[href^="/profiles"] ~ table > tbody > tr > th {
     text-align: right;
}

a[href^="/profiles"] ~ table > tbody > tr > th:nth-last-child(2) {
     text-align: center;
}

a[href^="/profiles"] ~ table > tbody > tr > th:nth-child(2) {
     text-align: center;
}

a[href^="/profiles"] ~ table > tbody > tr > th:first-child {
     text-align: center;
}

/* jardump */

#jardump {
     padding: 0;
     overflow: auto;
}

table#jardump {
     margin-top: -1px;
     margin-bottom: 0;
     font-size: 8pt !important;
     border: none;
}

#jardump tt {
     letter-spacing: -0.03em;
}

#jardump hr {
     margin: 1px 0 0;
     width: 100%;
     height: 1px;
     background: #120f35;
     display: block !important;
}

#jardump th {
     border-right: none;
     border-left: none;
}

#jardump th, #jardump td {
     vertical-align: middle !important;
     text-align: center !important;
}

#jardump th:first-child {
     padding-left: 5px;
}

#jardump th:first-child, #jardump td:first-child {
     text-align: left !important;
}

#jardump .subheading {
     padding: 6px 5px !important;
}

#jardump .subheading code {
     font-weight: bold;
}

.subheading.routerfiles {
     background: url(/themes/console/images/eepsite.png) right 5px center no-repeat, linear-gradient(to right, #000, #000010 40%) !important;
     background-size: 16px auto, 100% 100% !important;
     background-blend-mode: luminosity, normal;
}

.subheading.pluginfiles {
     background: url(/themes/console/images/plugin.png) right 5px center no-repeat, linear-gradient(to right, #000, #000010 40%) !important;
     background-size: 16px auto, 100% 100% !important;
     background-blend-mode: luminosity, normal;
}

#jardump td {
     border-right: 1px inset #120f35;
}

#jardump td:nth-child(2) {
     text-align: right !important;
     font-style: italic;
}

#jardump td:last-child {
     word-break: break-all;
     text-align: left !important;
     border-right: none;
}

#jardump tr:hover td {
     border: 1px solid #115;
     border-left: 1px solid transparent;
     border-right: 1px solid transparent;
}

#jardump td:first-child {
     padding-left: 22px;
}

#jardump td:first-child, #jardump tr:hover td:first-child {
     background-image: url(/themes/console/images/info/box.png) !important;
     background-position: 5px center;
     background-repeat: no-repeat;
     background-size: 16px 16px;
}

#jardump tr:hover td:first-child {
     padding-left: 20px;
}

#jardump td:first-child b {
     display: inline-block;
     padding: 4px;
     border-radius: 2px;
     margin-right: 4px;
     margin-left: 0;
}

#jardump tr:hover td:first-child b {
     background: #004;
     border: 1px solid #001;
     margin-right: 0;
     margin-left: 4px;
     box-shadow: 0 0 1px 0 #001;
     width: 95%;
     width: calc(100% - 10px);
}

#jardump tr:hover hr {
     background: transparent;
}

.revision, .sha256, .unsignedmod {
     display: inline-block;
     -moz-user-select: all;
     -webkit-user-select: all;
     user-select: all;
}

#jardump td:last-child {
     word-break: break-all;
     text-align: left !important;
     border-right: none;
     padding: 1px 0 1px;
}

.unsignedmod {
     padding: 2px 3px 2px 4px;
     margin: 0;
}

#jardump tr:hover .unsignedmod:not(:empty) {
     background: #400;
     color: #fff;
     border-radius: 2px;
}

.revision:hover, .sha256:hover {
     overflow: auto;
     text-overflow: clip;
}
}

/* end jardump */

.main#certs {
     padding-top: 3px;
}

.main#certs h3 {
     margin-bottom: -16px !important;
     border: 1px solid #443da0;
     border-radius: 0;
     padding: 7px 10px;
}

.main#certs h4 {
     padding: 5px 10px;
     margin: 15px 0 0;
     border: 1px solid #443da0;
     letter-spacing: 0.05em;
     font-size: 10pt;
     background: linear-gradient(to right, #000, #002);
}

.main#certs h3 + p {
     margin-top: 15px;
}

.main#certs p {
     margin-top: -1px;
     padding: 10px;
     border: 1px solid #443da0;
     background: #000;
}

.main#certs p + p:empty + h4 {
     margin-top: -13px !important;
}

.main#certs textarea {
     margin: -1px 0 11px 0;
     width: 100%;
}

.main#tunnels th {
     padding: 5px 2px;
}

.main#proof textarea, .main#proof textarea:focus {
     margin-top: 12px !important;
     background: none;
     border: 0;
     color: #c9ceff !important;
     filter: none;
     resize: none;
     box-shadow: none;
     font-size: 9pt;
     line-height: 180%;
}

#proof p {
     margin: 15px 5px;
     padding: 30px 15px 0;
     border: 1px solid #000;
     border-radius: 2px;
     box-shadow: inset 0 0 0 1px #225, 0 0 1px #000;
     background: url(/themes/console/images/info/rosette.png) right 8px top 8px no-repeat #002;
     background: url(/themes/console/images/info/rosette.png) right 8px top 8px no-repeat rgba(0,0,32,0.4);
     background-blend-mode: color-burn;
}

#proof textarea {
     line-height: 160%;
     font-size: 9pt;
     overflow: hidden;
     word-break: break-all;
     white-space: pre-wrap;
     height: 200px;
}

#proof textarea:focus {
     outline: none;
}

#oldconsole p {
     margin: 17px 6px 15px;
     padding: 10px 20px;
     line-height: 200%;
     border: 1px solid #000;
     border-radius: 2px;
     box-shadow: inset 0 0 0 1px #225, 0 0 1px #000;
     background: #002;
     background: rgba(0,0,32,0.4);
}

#oldconsole b {
     display: inline-block;
     min-width: 120px;
     margin-right: 8px;
     text-align: right;
}


.main#webmail {
     padding: 0;
     background: #000 !important;
     min-width: 736px;
}

.main#torrents, .main#tunnelmgr {
     padding: 0;
     background: url(images/scarface.jpg) right bottom no-repeat, linear-gradient(to bottom, #000, #001) !important;
     background-size: auto 120px, 100% 2px !important;
     background-blend-mode: screen;
}

.main#torrents {
     min-width: 640px;
}

.main#tunnelmgr {
     padding: 0 5px;
     min-width: 630px;
}

#i2ptunnelframe {
     margin: -5px 0;
}

/* debug */

#debug h2, #debug h3 {
     border-radius: 0;
}

#debug h2 {
     padding: 10px !important;
     background: url(/themes/console/images/info/debug.png) right 5px center no-repeat, linear-gradient(to bottom, #191729 0%, #000000 50%) !important;
     background-size: 24px 24px, 100% 100% !important;
     background-blend-mode: luminosity, normal;
}

#debug h2:first-child, #dht {
     margin-top: 10px !important;
}

#debug h2 + table {
     margin-top: -13px;
}

#debug th:last-child, #debug td:last-child {
     text-align: right;
}

#debug td:last-child {
     vertical-align: top;
}

#debug_portmapper {
     margin-top: -4px !important;
}

#portmapper td {
     padding: 5px 10px !important;
}

#portmapper th, #portmapper td {
     text-align: left !important;
}

#portmapper td:first-child {
     font-weight: bold;
}

.debug_container {
     margin-top: -11px;
     border: 1px solid #443da0;
     padding: 10px 15px;
     background: #000008;
}

.debug_container:empty::after {
     content: "None";
     display: inline-block;
     font-style: italic;
}

.buckets {
     margin-top: -13px;
     margin-bottom: 9px;
     max-height: 600px;
     overflow: auto;
     word-break: break-all;
}

.buckets hr {
     display: none;
}

.debug_container + h3, .debug_outboundsessions {
     margin-top: -1px;
}

.debug_outboundsessions {
     margin-top: -2px;
}

#debug h3.debug_outboundsessions, #debug h3.debug_inboundsessions {
     padding: 6px 10px 6px 28px !important;
     background-blend-mode: luminosity, normal;
}

#debug h3.debug_outboundsessions {
     background: url(/themes/console/images/outbound.png) 6px center no-repeat, linear-gradient(to bottom, #191729 0%, #000 50%) !important;
}

#debug h3.debug_inboundsessions {
     background: url(/themes/console/images/inbound.png) 6px center no-repeat, linear-gradient(to bottom, #191729 0%, #000 50%) !important;
}

.debug_version {
     color: #060;
}

#debug h2 + h3, .buckets {
     margin-top: -13px;
}

#debug h3 + table {
     margin-top: -11px;
}

#debug th {
     padding: 7px 10px !important;
}

#debug h3 {
     border-width: 1px !important;
     padding: 5px 10px !important;
}

#debug ul, .debug_targetinfo {
     columns: 400px 2;
     column-rule: 1px solid #113;
     column-gap: 30px;
     margin: 0 !important;
     text-align: left;
}

.debug_targetinfo {
     line-height: 140% !important;
}

.debug_container {
     line-height: 160% !important;
}

.debug_container.buckets {
     line-height: 140% !important;
}

.debug_targetinfo b {
     margin-right: 3px;
}

#debug li {
     display: inline-block;
     text-align: left !important;
     margin: 0 !important;
     padding: 2px 0 !important;
     min-width: 400px !important;
}

/* end debug */

.footnote {
     text-align: right;
     font-size: 8pt;
     margin-bottom: 5px !important;
}

.footnote hr {
     margin: 10px 0 5px 0 !important;
     color: #443da0;
     background: #443da0;
     height: 1px;
     border: 0 solid #443da0;
}

.topness {
     font-size: 7.5pt;
     text-align: right;
     margin-top: -10px !important;
     margin-bottom: -5px;
     margin-right: 5px;
}

/* begin home page */

#home .welcome h2 {
     margin-top: 12px !important;
}

#homepanel {
     margin: 0 -8px;
}

h4.app, h4.app2 {
     background: linear-gradient(to bottom, #191729, #000 75%) !important;
     border: 1px solid #443da0;
     font-size: 10.5pt;
     font-variant: small-caps;
     letter-spacing: 2px;
     margin: 11px -8px -9px -8px;
     padding: 7px 8px 7px;
     text-transform: uppercase;
     text-align: left;
     letter-spacing: 0.08em;
     word-spacing: 0.1em;
}

h4.app2 {
     clear: left;
     position: relative;
     top: -4px;
     margin-bottom: -13px;
}

div.ag2 {
     margin: 0 5px 12px;
     padding: 0;
}

div.app {
     float: left;
     padding: 2px 0 0;
     min-width: 70px;
     border: 1px solid #443da0;
     background: #000;
     background: linear-gradient(to bottom, #020020, #000);
     border-radius: 2px;
     margin: 2px 3px 5px;
     text-align: center !important;
     opacity: 0.8;
     box-shadow: inset 0 0 0 1px #000;
     transition: border ease 0.3s;
}

.app a:link, .app a:visited {
     color: #7670c2;
     display: inline-block;
     width: 100%;
}

div.app:hover {
     opacity: 1;
     border: 1px solid #652787;
     background: #000;
     box-shadow: none;
     color: #652787 !important;
}

div.app:hover img {
     filter: drop-shadow(0 0 3px #652787) !important;
     mix-blend-mode: normal;
}

div.app:active .applabel {
     background: #652787 !important;
     box-shadow: inset 0 0 0 1px #000;
}

div.app:active .applabel a {
     color: #c9ceff !important;
}

div.app a:link, div.app a:hover, div.app a:active {
     outline: none;
}

div.app a:focus img {
     filter: drop-shadow(0 0 3px #c96fff) !important;
}

div.app a:focus {
     color: #652787;
}

div.app:hover a:link, div.app:hover a:visited {
     color: #652787;
}

div.app:last-child {
     margin-bottom: 12px;
}

h4.app + .appgroup div.app:last-child {
     margin-bottom: 13px;
}

h4.app2 + .appgroup div.app:last-child {
     margin-bottom: 12px;
}

div.appgroup {
     margin: 0;
     padding: 16px 0;
     width: auto;
}

div.search {
     margin: 10px 10px 0 0;
     padding: 8px 8px 0 8px;
     width: auto;
}

table.search {
     background: none;
     width: 80%;
     margin-left: auto;
     margin-right: auto;
     margin-top: -19px;
}

.search tr {
     background: #000 url(images/header.png) center center repeat-x;
     background: linear-gradient(to bottom, #000010 0%, #000019 50%, #000 51%) !important;
}

.search td {
     padding: 4px;
     text-align: center;
}

.search td:nth-child(2) {
     width: 50px;
     padding: 4px 0 4px 20px;
}

.search td:last-child {
     text-align: left !important;
     width: 50px;
     padding-right: 10px;
}

input.search, input.search:hover {
     background: #000 url(/themes/console/images/buttons/search.png) 4px center no-repeat;
     background: url(/themes/console/images/buttons/search.png) 4px center no-repeat, linear-gradient(to bottom, #000, #000019);
     padding: 4px 3px 4px 24px;
     vertical-align: middle;
     width: 100%;
}

input.search:focus {
     background: #000 url(/themes/console/images/buttons/search.png) 4px center no-repeat;
}

.search select {
     width: 90%;
}

.appimg {
     height: 45px;
}

.app img {
     height: 32px;
     width: auto;
     max-height: 32px;
     max-width: 32px;
     padding: 9px 50px 35px;
     margin-bottom: 1px;
     mix-blend-mode: luminosity;
}

div.app:hover .app img {
     filter: saturate(200%);
     mix-blend-mode: normal;
}

.app table {
     background: none;
     border: 0;
     margin: auto;
     width: auto;
}

.app tr {
     background: none;
     border: 0;
     margin: 0;
}

.app td {
     background: none;
     border: 0;
     margin: 0;
     padding: 3px 0 0;
}

.applabel {
     margin: 2px 0 0;
     padding: 5px 2px 6px;
     text-align: center;
     vertical-align: bottom;
     line-height: 95%;
     text-transform: lowercase;
     border: none;
     width: 150px;
     background: #001 url(images/titles.png) center center;
     background: linear-gradient(to bottom, #121225 50%, #00000d 50%);
     border-radius: 0 0 2px 2px;
     border-top: 1px solid #443da0;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     color: #4e47bf;
     box-shadow: inset 0 0 0 1px #000;
}

.applabel:hover {
     background: #000;
     border-top: 1px solid #652787;
     color: #652787;
}

.applabel a, .applabel a:hover {
     text-decoration: none !important;
     outline: none;
     max-width: 144px;
     overflow: hidden;
     text-overflow: ellipsis;
     display: inline-block;
     padding: 2px 0;
}

div.app:hover .applabel {
     border-top: 1px solid #652787 !important;
     background: #000;
     color: #652787;
}

/* end home page */

iframe.iframed {
     margin: 15px 0 0;
}

#i2psnarkframe, #susimailframe {
     margin-top: -1px;
}

.main#dns {
     padding: 0;
     min-width: 640px;
     background: #000 !important;
}

#susidnsframe {
     margin-top: -2px;
}

/* Fixes for when app is not started and console error loads inside iframe */

body.iframed {
     background: transparent url(/themes/console/images/transparent.gif) !important;
}

.iframed .routersummaryouter {
     display: none !important;
}

.iframed h1 {
     margin: 0 5px 0 5px !important;
}

.iframed div.sorry {
     margin: -1px 5px 10px 5px !important;
}

/* end iframed console fixes */

/* global overrides */

h3[id*="job"] {
     border: 1px solid #443da0;
     padding: 6px;
     margin: 12px 0 10px 0;
     border-radius: 0;
     text-transform: uppercase;
     text-shadow: 0 0 2px #010011;
     letter-spacing: 0.08em;
}

/* netdb */

.netdbentry, .leaseset {
     width: 100% !important;
     margin-bottom: 10px;
}

.confignav + .netdbentry {
     margin-top: -4px !important;
}

.netdbentry td b, .leaseset td b, #leasesetdebug td b, .sybil_routerinfo td b {
     color: #c9ceff !important;
}

span#distance {
     color: #d6fffd !important;
}

.netdbentry th {
     font-weight: normal;
     text-align: left;
     padding: 4px 6px;
}

.netdbentry th code, .leaseset th code, .sybil_routerinfo th code {
     font-size: 9pt;
     font-weight: bold;
     margin-left: 5px;
}

.netdbentry th:last-child {
     text-align: right;
     padding: 5px;
     white-space: nowrap;
     width: 50px;
}

.netdbentry th:first-child {
     white-space: nowrap;
}

.netdbentry td:first-child {
     width: 80px;
}

.netdbentry td:nth-child(2) {
     word-break: break-all;
     hyphens: none;
}

.netdbentry img {
     margin: 1px 0 0 0;
}

.netdbentry tr:last-child code {
     font-weight: bold;
}

#leasesetdebug, #leasesetsummary {
     margin-top: -4px;
     margin-bottom: 10px;
}

.leaseset th {
     font-weight: normal;
     padding: 5px;
     text-align: left;
}

.leaseset th:last-child, .leaseset td:nth-child(2) {
     text-align: right;
     padding-right: 5px;
}

.leaseset td:first-child img {
     margin-left: 3px;
     margin-right: 2px;
}

#leasesetdebug th, #leasesetsummary th {
     font-weight: bold;
     text-transform: uppercase;
     font-size: 10pt;
     letter-spacing: 0.08em;
     word-spacing: 0.1em;
     padding: 8px 10px;
}

#leasesetdebug th a, #leasesetsummary a {
     font-size: 9pt;
     text-transform: capitalize;
     letter-spacing: normal;
     word-spacing: normal;
}

#leasesetsummary td:first-child {
     width: 100px;
     white-space: nowrap;
     padding-left: 10px;
}

#leasesetdebug th:first-child, #leasesetsummary th:first-child {
     text-align:left;
     white-space: nowrap;
}

#leasesetdebug th:last-child, #leasesetsummary th:last-child {
     text-align:right;
     white-space: nowrap;
}

#leasesetdebug td:nth-child(odd) {
     width: 200px;
     white-space: nowrap;
     text-align: right;
     border-right: 1px inset #120f35;
}

#leasesetdebug td:nth-child(even) {
     text-align: left;
     white-space: nowrap;
}

#leasesetdebug td:nth-child(2) {
     width: 10px;
}

#leasesetdebug th a:not(old), #leasesetsummary th a:not(old) {
     font-size: 0;
}

#leasesetdebug th a::after, #leasesetsummary th a::after {
     content: url(/themes/console/images/buttons/floodfill.png);
     vertical-align: text-top;
     padding-right: 0;
}

.addtobook {
     text-align: right;
}

.addtobook a:not(old) {
     font-size: 0;
}

.addtobook a::after {
     content: url(/themes/console/images/buttons/add_address.png);
}

a.viewfullentry:not(old), a[href^="viewprofile"]:not(old) {
     font-size: 0;
}

a.viewfullentry::after, a[href^="viewprofile"]::after {
     content: url(/themes/console/images/buttons/fullview.png);
     vertical-align: text-top;
}

#noleasesets, #notinitialized, .netdbnotfound {
     background: #000 url(/themes/console/images/info/infohelp.png) 12px center no-repeat !important;
     padding: 15px 15px 15px 50px !important;
     border: 1px solid #443da0;
     margin-top: -4px;
     margin-bottom: 10px;
     text-align: left;
}

#sybilnav, #sybils_summary {
     border: 1px solid #443da0;
     padding: 10px;
     margin-bottom: 10px;
}

#sybilnav {
     -moz-columns: 4 200px;
     -webkit-columns: 4 200px;
     columns: 4 200px;
     padding: 10px;
}

#sybilnav li {
     break-inside: avoid;
     page-break-before: right;
     -webkit-column-break-inside: avoid;
}

#sybilnav ul li {
     list-style: none;
     padding-left: 0;
     margin-left: 0;
     margin-bottom: 5px;
     min-width: 110px;
     white-space: nowrap;
     border: 1px solid #443da0;
     border-radius: 2px;
     background: linear-gradient(to right, #000, #002 80%);
     box-shadow: inset 0 0 0 1px #000;
}

#sybilnav ul li:hover {
     border: 1px solid #652787;
     background: #652787;
}

#sybilnav a {
     display: inline-block;
     width: 100%;
}

#sybilnav ul li:hover a {
     color: #652787;
     color: #fff;
}

#sybilnav ul li:active {
     background: #39144f;
}

#sybilnav ul li:active a {
     color: #c9ceff !important;
}

#sybilnav ul li a {
     padding-right: 30%;
     box-sizing: border-box;
}

#sybilnav ul li::before {
     content: url(/themes/console/images/buttons/show.png);
     mix-blend-mode: luminosity;
     margin-right: 5px;
     font-size: 16pt;
     line-height: 50%;
     vertical-align: middle;
     padding-left: 5px;
}

#sybilnav ul li:first-child {
     margin-top: 0;
}

#sybilnav ul li:last-child {
     margin-bottom: -10px;
     padding-bottom: 2px;
}

/* end sybilnav */

.sybil_routerinfo {
     margin-bottom: 10px;
}

.sybil_routerinfo th {
     padding: 1px 1px 1px 6px !important;
}

.sybil_routerinfo th:first-child {
     text-align: left;
}

.sybil_routerinfo:first-of-type th {
     padding: 6px !important;
}

.sybil_routerinfo th:first-child {
     white-space: nowrap;
}

.sybil_routerinfo th:nth-last-child(2) {
     text-align: right !important;
     padding-right: 0 !important;
}

.sybil_routerinfo th:last-child {
     width: 20px;
}

.sybil_routerinfo td:first-child {
     width: 50px;
     white-space: nowrap;
}

p.sybil_info, p.family, p.threatpoints, p.hashdist, p#sybil_totals, p.notfound {
     border: 1px solid #443da0;
     padding: 5px 5px 5px 30px;
     margin: 3px 0;
     font-weight: bold;
     background: url(/themes/console/images/buttons/show.png) 8px center no-repeat, #002;
     background: url(/themes/console/images/buttons/show.png) 8px center no-repeat, linear-gradient(to right, #000, #001 80%, #002);
     background-blend-mode: luminosity;
     box-shadow: inset 0 0 0 1px #080077;
}

p#sybil_totals {
     font-weight: normal;
}

p.sybil_info, p.hashdist, p.family {
     margin-top: -1px;
}

p.sybil_info + p.sybil_info, p.family + p.family {
     margin-top: -4px;
}

p.sybil_info + a[name] + .sybil_routerinfo, p.hashdist + a[name] + .sybil_routerinfo {
     margin-top: 10px !important;
}

.threatpoints + ul {
     border: 1px solid #443da0;
     padding: 5px 5px 0;
     margin: -4px 0 10px;
     background: #000;
}
.threatpoints + ul li:last-child {
     margin-bottom: -5px;
}

.sybil_routerinfo + .threatpoints + ul + a[name] + table {
     margin-top: -11px !important;
}

.sybil_routerinfo + .threatpoints + ul {
     margin-bottom: 10px;
}

/* end netdb */

/* /confignet, /configadvanced */

.configtable + .tabletitle {
     margin-top: 12px;
}

.configtable {
     margin-top: -1px;
     margin-bottom: -2px !important;
}

.configtable tr:last-child {
     border-top: 1px solid #443da0;
}

#netconfig th, #externali2cp th, #plugininstall th, .configtable th, th.th_title {
    text-align: left;
    padding: 5px 10px !important;
    text-transform: uppercase;
    font-size: 10pt;
    letter-spacing: 0.08em;
    word-spacing: 0.1em;
}

.configtable td {
     padding: 6px 10px;
     background: #000;
     line-height: 180%;
}

.configtable input, .configtable textarea, .configtable select {
     margin-left: 5px;
}

#netconfig img[src*="itoo"] {
     display: none;
}

.configtable td.tabletextarea {
     padding: 0 !important;
}

textarea#advancedsettings {
     margin: 0 !important;
     width: 100%;
     resize: none;
     overflow-x: hidden;
     white-space: pre-wrap;
     border: 0 none transparent;
     border-radius: 0;
}

.configtable td.infohelp, p.infohelp, td.infohelp, p#debugmode, p#sybilinfo, p.infowarn, td.infowarn {
     background: #000 url(/themes/console/images/info/infohelp.png) 12px center no-repeat !important;
     padding: 15px 15px 15px 50px !important;
     text-align: justify;
     line-height: 130%;
     border-bottom: 1px solid #443da0;
     border-top: 1px solid #443da0;
     white-space: normal !important;
     font-weight: normal !important;
}

p.infowarn, td.infowarn, p.infohelp, td.infohelp {
     line-height: 130% !important;
     background-size: 28px 28px !important;
}

p.infowarn, td.infowarn {
     background: #000 url(/themes/console/images/info/infowarn.png) 12px center no-repeat !important;
     padding: 15px 15px 15px 50px !important;
     border: 1px solid #443da0;
}

.logtable, #enviro {
     margin-top: -1px !important;
}

p.infohelp, p#debugmode, p#sybilinfo {
     border: 1px solid #443da0;
}

p#debugmode, p#sybilinfo {
     margin-top: -4px;
}

td.optionsave {
     text-align: right;
     border-top: 1px solid #443da0;
     padding: 7px 5px !important;
     white-space: nowrap;
     width: 50px;
     background: #000;
}

#floodfillconfig form, #plugininstall form, #updateplugins form, .configtable form {
     margin-bottom: 0;
}

h3.h3table, h3.tabletitle, h3#i2pclientconfig, h3#advancedclientconfig, h3#webappconfig, h3#pconfig, h3#pluginfromurl,
h3#pluginfromfile, h3#updateplugins, h3#pluginmanage, h3#bannedpeers, h3.ptitle, h3#transports, h3#upnpstatus, h3.sybils {
     margin-bottom: 0 !important;
     border-radius: 0;
     border: 1px solid #443da0;
     text-transform: uppercase;
     letter-spacing: 0.08em;
     padding: 7px 10px;
}

h3#pluginmanage {
     margin-bottom: -13px !important;
}

.sybils#samefamily {
     margin-bottom: 10px !important;
}

h3.tabletitle a {
     text-transform: lowercase;
     letter-spacing: normal;
}

h3.sybils + div, h3.sybils + a[name] + table {
     margin-top: -1px;
}

p.notfound {
     margin-top: -1px;
}

h3#transports {
     margin-bottom: -1px !important;
}

h3#upnpstatus {
     margin-bottom: 10px !important;
}

h3#upnp {
     border: 1px solid #443da0;
}

#upnpscan {
     border: 1px solid #443da0;
     margin: -11px 0 10px;
     padding: 5px 15px;
     background: #000;
}

h3.ptitle {
     margin-bottom: -6px !important;
}

h3#webappconfig {
     margin-bottom: -13px !important;
}

p#webappconfigtext {
     margin: 1px 0 15px 0;
     background: #000 url(/themes/console/images/info/java_edit.png) 12px center no-repeat !important;
     background-size: 28px 28px !important;
}

#pluginconfig, #i2pupdates, .homelinkedit, #peerdefs {
     margin-top: -1px;
}

#i2pupdates select {
     min-width: 220px;
}

#i2pupdates .optbox {
     margin-left: 8px;
}

h3#i2pclientconfig, h3#pconfig, h3#pluginfromurl, h3#pluginfromfile {
     margin-bottom: -13px !important;
}

table#advconf {
     margin-bottom: 9px !important;
}

p#javaclienthelp {
     border: 1px solid #443da0;
     background: url(/themes/console/images/info/infohelp.png) 12px center no-repeat !important;
     padding: 10px 10px 10px 50px !important;
}

div#clientsconfig {
     margin-top: -2px;
}

table#externali2cp th {
     text-align: left;
}

#tunnelconfig th {
     padding: 6px 10px;
}

#tunnelconfig th img {
     margin-bottom: -2px;
}

th.th_title {
     padding: 7px 10px !important;
     text-align: left;
     background: linear-gradient(to bottom, #191729 0%, #000 50%) !important;
     box-shadow: inset 0 0 0 1px #000;
}

input#hideme {
     display: none;
}

#plugininstall input[type="text"] {
     width: 50%;
     min-width: 400px;
}

#plugininstall input.cancel {
     display: none;
}

#pluginupdater {
     border: 1px solid #443da0;
     padding: 15px 5px 15px 50px;
     margin-top: -11px;
     margin-bottom: 10px !important;
     background: url(/themes/console/images/info/update.png) 12px center no-repeat, #000;
     background-size: 28px 28px;
}

#pluginupdater form {
     margin-bottom: 0;
}

.formaction#tunnelconfigsave, .formaction#homeapps, .formaction#browserstart {
     margin-bottom: -2px !important;
}

h4.embeddedtitle#updateplugins {
     padding: 5px 10px;
     font-size: 9pt;
     background: linear-gradient(to bottom, #121225 50%, #000011 50%, #00000d 50%);
     border: 1px solid #443da0;
     text-align: left;
     text-transform: uppercase;
     font-size: 10pt;
     letter-spacing: 0.08em;
     word-spacing: 0.1em;
     margin-top: -13px;
}

#manualreseed input[type="text"] {
     width: 50%;
     width: calc(100% - 300px);
}

#loggingoptions, table#addkeyring {
     margin-bottom: -3px !important;
     margin-top: -1px;
}

/* /configpeers banlist */

#bannedips {
     margin-bottom: 8px;
     margin-top: -1px;
}

#bannedips table {
     margin-bottom: -1px !important;
}

#bannedips td {
     vertical-align: top;
     padding: 0;
     width: 50%;
}

#bannedips table tr {
     border-top: 1px solid #000;
}

#bannedips table td {
     text-align: center;
     padding: 4px 2px;
}

#bannedips table tr:last-child {
     border-bottom: 1px solid #443da0;
}

#permabanned th, #banneduntilrestart th {
     padding: 5px 10px !important;
}

#permabanned, #banneduntilrestart {
     margin: -1px 0 !important;
     border: none;
}

#permabanned td:first-child {
     border-left: 1px solid #443da0;
     text-align: right;
     padding-right: 10px;
     width: 49%;
}

#permabanned td:nth-child(2) {
     width: 2%;
}

#permabanned td:last-child {
     text-align: left;
     padding-left: 10px;
     width: 49%;
}

#banneduntilrestart td {
     border-right: 1px solid #443da0;
     text-align: center !important;
}

#ipv4, #ipv6, #permabanned tr:nth-child(2) {
     background: #000 url(images/titles.png) center center repeat-x;
     background: linear-gradient(to bottom, #121225 50%, #000011 50%, #00000d 50%);
     border-top: 1px solid #443da0 !important;
     border-bottom: 1px solid #443da0 !important;
}

/* end /configpeer banlist */

table#configstats {
     margin-bottom: -2px;
}

#configstats th {
     padding: 8px 10px;
     text-align: left;
}

#configstats th b {
     text-transform: uppercase;
     font-size: 10pt;
     letter-spacing: 0.08em;
     word-spacing: 0.1em;
}

#configstats td {
    color: #b2bcf7;
    padding: 8px 4px;
}

#configstats td:first-child {
     width: 1%;
     white-space: nowrap;
    padding: 8px;
}

#configstats td:first-child:empty + td > label { /* remove pointer from inert labels */
     cursor: default;
}

#configstats td:last-child {
     border-right: 1px solid #443da0;
}

#configstats td b {
    color: #c9ceff;
}

#configstats input.optbox {
     margin: 0;
     padding: 0;
     vertical-align: middle;
}

#configstats tr.tablefooter td {
     padding: 4px 10px;
     line-height: 140%;
     background: #000 !important;
}

p#enablefullstats {
     margin-top: 5px;
     padding: 5px 10px;
     border: 1px solid #443da0;
}

#enablefullstats .optbox {
     vertical-align: middle;
}

#peerdefs td:first-child {
     width: 40px;
     white-space: nowrap;
     border: 1px inset #120f35;
     text-align: right;
}

/* infohelp/warn overrides and misc ornamentation */

table#bugreports td.infohelp {
     background: url(/themes/console/images/info/bugreport.png) 12px center no-repeat !important;
     padding: 15px 15px 15px 50px;
     background-size: 28px 28px !important;
}

p#debugmode {
     padding: 15px 15px 15px 50px;
     background: url(/themes/console/images/info/debug.png) 12px center no-repeat !important;
     background-size: 28px 28px !important;
}

p#sybilinfo {
     padding: 15px 15px 15px 50px;
     margin-bottom: 10px;
     background: url(/themes/console/images/info/experimental.png) 12px center no-repeat !important;
     background-size: 28px 28px !important;
}

#bandwidthconfig tr:first-child .infohelp {
     background: url(/themes/console/images/info/bandwidth.png) 12px center no-repeat !important;
     padding: 15px 15px 15px 50px;
     background-size: 28px 28px !important;
}

#addkeyring td.infohelp {
     background: #000 url(/themes/console/images/info/keys.png) 12px center no-repeat !important;
     padding: 15px 15px 15px 50px;
     background-size: 28px 28px !important;
}

#joinfamily tr:nth-child(3) td:first-child {
     background: #000 url(/themes/console/images/info/key.png) 12px center no-repeat !important;
     padding: 15px 15px 15px 50px;
     background-size: 28px 28px !important;
}

#newfamily tr:last-child td:first-child {
     background: #000 url(/themes/console/images/info/label.png) 12px center no-repeat !important;
     padding: 15px 15px 15px 50px;
     background-size: 28px 28px !important;
}

#oldhome td:first-child {
     background: url(/themes/console/images/info/home.png) 12px center no-repeat !important;
     padding: 15px 15px 15px 50px;
     background-size: 28px 28px !important;
}

#oldhome input[type="checkbox"], #enablefullstats input[type="checkbox"] {
     vertical-align: sub;
}

#floodfillconfig tr:first-child .infohelp {
     background: #000 url(/themes/console/images/info/floodfill_32x32.png) 12px center no-repeat !important;
     padding: 15px 15px 15px 50px;
     background-size: 28px 28px !important;
}

#floodfillconfig tr:nth-child(2) td {
     padding: 10px 10px 10px 18px;
}

#floodfillconfig tr:nth-child(2) b {
     margin-right: 8px;
}

p#clientconf.infohelp, p#webappconfig.infohelp {
     background: #000 url(/themes/console/images/info/java_edit.png) 12px center no-repeat !important;
     padding: 15px 15px 15px 50px;
     background-size: 28px 28px !important;
}

p#pluginconfigtext {
     background: #000 url(/themes/console/images/info/plugin_edit.png) 12px center no-repeat !important;
     padding: 15px 15px 15px 50px;
     background-size: 28px 28px !important;
}

#plugininstall .infohelp {
     background: #000 url(/themes/console/images/info/plugin_link.png) 12px center no-repeat !important;
     padding: 15px 15px 15px 50px;
     background-size: 28px 28px !important;
}

#manualreseed tr:nth-last-child(2) td.infohelp {
     background: #000 url(/themes/console/images/info/box.png) 12px center no-repeat !important;
     padding: 15px 15px 15px 50px;
     background-size: 28px 28px !important;
}

#config_peers tr:nth-child(3) td.infohelp {
     background: #000 url(/themes/console/images/info/blocked.png) 12px center no-repeat !important;
     padding: 15px 15px 15px 50px;
     background-size: 28px 28px !important;
}

h3#shutdownrouter + p.infohelp {
     background: #000 url(/themes/console/images/info/power.png) 12px center no-repeat !important;
     padding: 15px 15px 15px 50px;
     background-size: 28px 28px !important;
}

h3#restartrouter + p.infohelp, #config_family .infohelp.needrestart {
     background: #000 url(/themes/console/images/info/reboot.png) 12px center no-repeat !important;
     padding: 15px 15px 15px 50px;
     background-size: 28px 28px !important;
}

h3#systray + p.infohelp {
     background: #000 url(/themes/console/images/info/systray.png) 12px center no-repeat !important;
     padding: 15px 15px 15px 50px;
     background-size: 28px 28px !important;
}

h3#servicedebug + p.infohelp {
     background: #000 url(/themes/console/images/info/debug.png) 12px center no-repeat !important;
     padding: 15px 15px 15px 50px;
     background-size: 28px 28px !important;
}

h3#browseronstart + p.infohelp {
     background: #000 url(/themes/console/images/info/launch_browser.png) 12px center no-repeat !important;
     padding: 15px 15px 15px 50px;
     background-size: 28px 28px !important;
}

.main#config_reseed p.infohelp {
     background: #000 url(/themes/console/images/info/connect.png) 12px center no-repeat !important;
     padding: 15px 15px 15px 50px;
     background-size: 28px 28px !important;
}

p#enablefullstats, p#gatherstats {
     background: #000 url(/themes/console/images/info/statistics.png) 12px center no-repeat !important;
     padding: 15px 15px 15px 50px;
     background-size: 28px 28px !important;
}

#config_family .infohelp {
      background: #000 url(/themes/console/images/info/family.png) 12px center no-repeat !important;
      padding: 15px 15px 15px 50px;
      background-size: 28px 28px !important;
}

#consolepass tr:first-child td {
     background: #000 url(/themes/console/images/info/user_add.png) 12px center no-repeat;
     background-size: 28px 28px;
     padding: 15px 15px 15px 50px;
}

form[action="events"] {
     padding: 10px 10px 10px 50px;
     background: url(/themes/console/images/info/logs.png) 12px center no-repeat;
     background-size: 28px 28px;
}

#plugininstall tr:nth-child(3) td:nth-last-child(2), #manualreseed tr:nth-child(3) td:nth-last-child(2) {
     background: #000 url(/themes/console/images/info/url.png) 12px center no-repeat;
     padding: 15px 15px 15px 50px;
     background-size: 28px 28px;
}

#manualreseed tr:nth-child(5) td:nth-last-child(2), #plugininstall tr:nth-child(5) td:nth-last-child(2) {
     background: #000 url(/themes/console/images/info/from_file.png) 12px center no-repeat;
     padding: 15px 15px 15px 50px;
     background-size: 28px 28px;
}

/* network status */

.routersummary h4 a {
     width: auto !important;
     vertical-align: middle;
     display: inline;
}

.sb_netstatus, .sb_netstatus a {
      vertical-align: baseline;
}

.routersummary .error, .routersummary .warn, .routersummary .testing, .routersummary .hidden,
.routersummary .running, .routersummary .firewalled, .routersummary .vmcomm, .routersummary .clockskew, .tunnelBuildStatus {
     display: inline-block;
     vertical-align: middle;
     border: 1px solid rgba(52, 47, 127, 0.6);
     border-radius: 2px;
     padding: 6px 3px;
     width: 100%;
     margin: -3px -1px;
     box-shadow: inset 0 0 0 1px #000;
     text-shadow: 0 1px 1px #000;
     box-sizing: border-box;
}

.routersummary .firewalled {
     border: 1px dotted #342f7f;
}

.routersummary .error {
     border: 1px dotted #700;
}

.routersummary .warn, .routersummary .clockskew {
     border: 1px solid #550;
}

.routersummary .testing {
     border: 1px dotted #342f7f;
}

.routersummary .hidden, .routersummary .vmcomm {
     border: 1px solid #241f69;
}

.routersummary .running {
     border: 1px solid #342f7f;
     border: 1px solid rgba(52, 47, 127, 0.6);
}

.routersummary .error::before, .routersummary .warn::before, .routersummary .testing::before, .routersummary .hidden::before,
.routersummary .running::before, .routersummary .firewalled::before, .routersummary .vmcomm::before, .routersummary .clockskew::before {
     padding: 0 1px 0 0;
     vertical-align: middle;
     display: inline-block;
     filter: drop-shadow(0 0 1px rgba(220,220,220,0.7));
     transform: scale(0.9);
}

.routersummary .error::before, .routersummary .clockskew::before {
     content: url(/themes/console/images/info/network_status/network_error.png);
}

.routersummary .warn::before {
     content: url(/themes/console/images/info/network_status/network_warning.png);
}

.routersummary .testing::before {
     content: url(/themes/console/images/info/network_status/network_testing.png);
}

.routersummary .hidden::before {
     content: url(/themes/console/images/info/network_status/network_hidden.png);
     padding: 0 3px;
}

.routersummary .running::before {
     content: url(/themes/console/images/info/network_status/network_ok.png);
}

.routersummary .firewalled::before {
     content: url(/themes/console/images/info/network_status/network_firewalled.png);
     opacity: 0.7;
     filter: drop-shadow(0 1px 1px rgba(255,120,120,0.8));
     mix-blend-mode: luminosity;
}

.routersummary .vmcomm::before {
     content: url(/themes/console/images/info/network_status/network_vm.png);
}

.routersummary .clockskew::before {
     content: url(/themes/console/images/info/network_status/network_clockskew.png);
}

/* end network status */

#sb_services, #sb_internals, #sb_advanced, #sb_help {
     margin-top: -3px !important;
     margin-bottom: -5px !important;
}

/* /tunnels */

img + tt {
     letter-spacing: 0.15em;
}

.tunnel_cap {
     background: rgba(0,0,140,0.4);
     color: #c9ceff;
     border: 1px solid rgba(0,0,64,0.2);
     border-radius: 2px;
     min-width: 12px;
     padding: 0 2px;
     display:inline-block;
     margin: 1px 2px 1px 8px;
     text-align: center !important;
     text-shadow: 0 1px 1px #000;
}

.tunnel_cap:empty {
     border: none;
}

.tunnel_id {
     display: inline-block;
     min-width: 78px;
     text-align: right;
}

.tunnel_id:empty {
     min-width: 0;
}

.tunnel_id:empty + .tunnel_cap {
     margin-left: 12px !important;
     display: inline-block;
}

.tunnel_peer {
     display: inline-block;
     min-width: 56px;
     text-align: right;
}

.tunnel_local {
     font-size: 8pt;
     text-transform: lowercase;
     background: rgba(0,0,96,0.3);
     border-radius: 2px;
     text-align: center;
     padding: 2px 0;
     margin-left: -4px;
     margin-right: 4px;
}

.tunnel_peer:empty {
     vertical-align: top;
}

#tunnel_defs {
     margin-top: -1px;
     margin-bottom: 10px;
}

#tunnel_defs td:first-child, #tunnel_defs td:nth-child(even) {
     width: 1%;
     white-space: nowrap;
}

@media screen and (max-width: 1100px) {
.tunnel_id, .tunnel_peer {
     min-width: 0 !important;
     text-align: center !important;
}

.tunnel_local {
     margin-right: 5px;
     margin-left: 2px;
     padding: 2px 4px;
}

.tunnel_peer:empty {
     vertical-align: middle;
}

.tunnel_peer:empty::before {
     margin: 1px 6px 1px 2px;
}

.tunnel_cap {
     margin-left: 5px !important;
}
}

@media screen and (min-width: 1500px) {
.tunnel_cap {
     margin-left: 10px;
     padding: 0 1px;
     min-width: 14px;
}

.tunnel_id:empty {
     margin-right: -10px;
}
}

/* end tunnels */

/* /peers */

#ntcpconnections th:nth-child(6), #ntcpconnections th:nth-child(7), #ntcpconnections th:nth-child(8), #ntcpconnections th:nth-child(9), #ntcpconnections th:nth-child(10),
#ntcpconnections td:nth-child(6), #ntcpconnections td:nth-child(7), #ntcpconnections td:nth-child(8), #ntcpconnections td:nth-child(9), #ntcpconnections td:nth-child(10),
#udpconnections td:nth-child(6), #udpconnections td:nth-child(7), #udpconnections td:nth-child(9), #udpconnections td:nth-child(10), #udpconnections td:nth-child(11),
#udpconnections td:nth-child(13), #udpconnections td:nth-child(14), #udpconnections td:nth-child(15), #udpconnections td:nth-child(16) {
     text-align: right;
     white-space: nowrap;
}

#ntcpconnections .tablefooter td:nth-child(3), #ntcpconnections .tablefooter td:nth-child(4), #ntcpconnections .tablefooter td:nth-child(5), #ntcpconnections .tablefooter td:nth-child(6),
#udpconnections .tablefooter td:nth-child(3), #udpconnections .tablefooter td:nth-child(4), #udpconnections .tablefooter td:nth-child(7), #udpconnections .tablefooter td:nth-child(8),
#udpconnections .tablefooter td:nth-child(10), #udpconnections .tablefooter td:nth-child(11), #udpconnections .tablefooter td:nth-child(12), #udpconnections .tablefooter td:nth-child(13) {
     text-align: right;
}

#udpconnections .tablefooter td:nth-child(9) {
     text-align: center !important;
}

#ntcpconnections td:nth-child(4), #ntcpconnections td:nth-child(5), #udpconnections td:nth-child(4),
#udpconnections td:nth-child(5), #udpconnections td:nth-child(8), #udpconnections td:nth-child(12) {
     white-space: nowrap;
}

#udpconnections .tablefooter td, #ntcpconnections .tablefooter td {
     padding-left: 5px;
     padding-right: 5px;
}

#ntcpconnections th:nth-child(6), #ntcpconnections th:nth-child(7), #ntcpconnections th:nth-child(8), #ntcpconnections th:nth-child(9), #ntcpconnections th:nth-child(10) {
     text-align: right;
}

#udpconnections th:nth-child(6), #udpconnections th:nth-child(7), #udpconnections th:nth-child(n+9) {
     text-align: right;
}

#udpconnections th:nth-child(12) {
     text-align: center;
}

.peersort {
     text-align: center;
     display: inline-block;
}

.right {
     text-align: right;
     margin: 0 1px;
     display: inline-block;
     width: 40%
}

.left {
     text-align: left;
     margin: 0 1px;
     display: inline-block;
     width: 40%
}

.peeripv6:empty {
     padding: 0;
     width: 0;
}

.cwnd .left, .cwnd .right {
     width: auto;
}

#udpconnections th:nth-child(n+13), #udpconnections .tablefooter th:nth-child(n+10),
#udpconnections td:nth-child(n+13), #udpconnections .tablefooter td:nth-child(n+10) {
     padding-right: 1% !important;
}

#peerdefs {
     line-height: 140%;
}

.peer_arrow {
     display: inline-block;
     width: 18px;
     text-align: center;
     margin-right: 3px;
}

/* end peers */

/* netdb router address info */

.leasesets_container {
     -moz-columns: 680px 2;
     -webkit-columns: 680px 2;
     columns: 680px 2;
     -moz-column-gap: 10px;
     -webkit-column-gap: 10px;
     column-gap: 10px;
}

th code {
     -moz-user-select: all;
     -webkit-user-select: all;
     user-select: all;
}

@media screen and (min-width: 1634px) {
.leasesets_container {
     margin-bottom: 8px;
}

th code {
     font-size: 9pt !important;
}
}

.leasesets_container table:first-child {
     margin-top: 0;
}

.leasesets_container table {
     break-inside: avoid;
     page-break-inside: avoid;
     -webkit-column-break-inside: avoid;
}

.netdb_addresses br:first-child, .sybil_routerinfo tr:last-child td br:first-child {
     display: none;
}

.netdbentry th:first-child::after {
     content: "";
     display: inline-block;
     min-height: 20px;
     vertical-align: middle;
}

.netdbentry th:last-child > *, .sybil_routerinfo th:nth-child(2) > * {
     display: inline-block;
     vertical-align: middle !important;
}

.netdbentry th a img {
     display: inline-block;
     vertical-align: middle;
     margin-right: 1px;
     margin-bottom: 2px;
}

.netdbentry a.viewfullentry::after {
     display: inline-block;
     vertical-align: middle !important;
     margin-left: 3px;
}

.netdbentry td:first-child {
     text-align: right;
     min-width: 100px;
     padding-right: 5px !important
}

b.netdb_transport {
     display: inline-block;
     width: 50px;
     text-align: right;
     margin-right: 5px;
}

#netdb code {
    font-weight: normal !important;
}

.netdb_name {
     color: #dfe2ff;
     text-transform: capitalize;
     font-weight: bold;
}

.netdb_info {
     margin-right: 1px;
}

.netdb_expiry {
     margin-left: 5px;
}

.sybil_routerinfo th img[src^="/flags"] {
     height: 11px;
     width: 16px;
     margin-right: 5px;
}

.sybil_routerinfo b.netdb_transport {
     margin-left: -13px;
     margin-right: 0;
}

.sybil_routerinfo td:first-child, .netdbentry td:first-child {
     text-align: right !important;
     padding-right: 0;
}

.sybil_routerinfo td[colspan="3"] {
     white-space: normal;
}

.sybil_container {
     -moz-columns: 680px 2;
     -webkit-columns: 680px 2;
     columns: 680px 2;
     margin: 10px 0;
}

.sybil_container p {
     break-inside: avoid;
     page-break-inside: avoid;
     -webkit-column-break-inside: avoid;
}

.sybil_container p:first-child {
     margin-top: 0;
}

.sybil_container p:last-child {
     margin-bottom: 0;
}

/* end netdb router address */

/* sybils */

.leaseset th:last-child, .leaseset td:last-child, .sybil_routerinfo th:last-child, .sybil_routerinfo td:last-child {
     border-right: 1px solid #443da0 !important;
}

.sybil_routerinfo table td:last-child {
     border-right: none !important;
}

.sybilinfo_params {
     padding: 0;
     border-bottom: 1px solid #443da0;
}

.sybilinfo_container {
     columns: 240px auto;
     -moz-columns: 240px auto;
     -webkit-columns: 240px auto;
     -moz-column-gap: 0;
     -webkit-column-gap: 0;
     column-gap: 0;
     background: #00001a;
     padding: 4px 5px;
}

.sybilinfo_container b {
     color: #bb3;
}

.sybil_routerinfo tr:last-child {
     border-top: none;
}

.sybil_routerinfo p {
     margin: 0;
     padding: 0;
     line-height: 120%;
     break-inside: avoid;
     page-break-inside: avoid;
     -webkit-column-break-inside: avoid;
}

#sybils_summary {
     line-height: 140%;
}

.sybilinfo_familyname {
     display: inline-block;
     vertical-align: top;
     max-width: 150px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}

.sybil_addresses td:first-child {
     max-width: 155px;
     font-weight: bold;
     padding-right: 9px;
}

.sybil_addresses table {
     width: 100%;
     margin: 0;
}

.sybil_addresses {
     padding: 0;
     border-bottom: 1px solid #443da0
}

.sybil_addresses table, .sybil_addresses td {
     border: none;
}

.threatpoints + ul {
     -moz-columns: auto 600px;
     -webkit-columns: auto 600px;
     columns: auto 600px;
     -moz-column-rule: 1px solid #443da0;
     -webkit-column-rule: 1px solid #443da0;
     column-rule: 1px solid #443da0;
     padding-top: 3px;
     padding-bottom: 3px;
}

.threatpoints + ul li:first-child {
     margin-top: 0 !important;
     padding-top: 0 !important;
}

.threatpoints + ul li:last-child {
     padding-bottom: 0 !important;
}

.threatpoints + ul li {
     list-style: none;
     margin-left: 5px;
     line-height: 120%;
     break-inside: avoid !important;
     page-break-inside: avoid !important;
     -webkit-column-break-inside: avoid !important;
}

.threatpoints + ul li a {
     white-space: nowrap;
}

/* end sybils */

/* responsive layout */

@media screen and (max-width: 900px) {
#ntcpconnections th:last-child:not(old) {
     font-size: 0;
}

#ntcpconnections th:last-child::before {
     content: url(/themes/console/images/info/backlogged.png) !important;
}

#ntcpconnections td:last-child {
     width: 24px !important;
     white-space: nowrap;
}
}

@media screen and (max-width: 1200px) {
.tab, .tab2 {
     padding: 1px 0 2px;
     min-width: 50px !important;
}

.tab2 {
     padding: 3px 12px 4px;
}

.tab a {
     padding: 2px 14px;
}

#floodfills td {
     border-right: 1px inset #120f35;
}

#floodfills td:last-child {
     border-right: 1px solid #443da0;
}

#plugininstall input[type="text"] {
     min-width: 200px !important;
}

td.optionsave, table#i2pupdates td:first-child {
     white-space: normal !important;
     width: 30%;
}

table#i2pupdates td:first-child {
     line-height: 120%;
}

#portfaq td:nth-child(2) {
     white-space: normal;
}

#help h3, #faq h3 {
     font-size: 10pt !important;
}
}

@media screen and (max-width: 1400px) {
.revision, .sha256 {
     display: inline-block;
     max-width: 100px !important;
     overflow: hidden;
     text-overflow: ellipsis;
}

.revision:hover, .sha256:hover {
     overflow: auto;
     text-overflow: clip;
}
}

@media screen and (max-width: 1500px) {
#sb_general td::after, #sb_shortgeneral td::after, #sb_advancedgeneral td::after, #sb_bandwidth td::after,
#sb_peers td::after, #sb_peersadvanced td::after, #sb_tunnels td::after, #sb_queue td::after {
   min-height: 14px;
}

.tunnels_client th:first-child:not(old) {
     font-size: 0;
}

.tunnels_client th:first-child::after {
     content: "\21F5";
     content: "\21E9\21E7";
     font-size: 12pt;
     line-height: 0;
     vertical-align: middle;
     letter-spacing: -0.25em;
}
}

@media screen and (min-width: 1200px) {
#floodfills td:last-child {
     padding-right: 5px !important;
}

.topness, #newsStatus, #newsDisplay {
     font-size: 9pt !important;
}

.news hr {
     margin-bottom: 5px;
}

#help h3, #faq h3 {
     font-size: 10.5pt !important;
}

.cells {
     border: none;
}
}

@media screen and (min-width: 1400px) {
#help #changelog pre:not(old) {
     columns: 550px auto;
     column-gap: 40px;
     column-rule: 1px dotted #443da0;
     margin-left: 0;
     padding-left: 10px;
     width: calc(100% - 22px) !important;
     overflow-y: hidden;
}
}

@media screen and (min-width: 1500px) {
body, .main, .main td, .news p, #news p, .statusnotes, textarea, th, .applabel a, tt, code, .messages, .messages #newsStatus, .messages #newsDisplay, #changelog pre {
     font-size: 10pt !important;
}

.cells tt, #profilelist tt, #floodfills tt {
     font-size: 9pt !important;
     margin-left: 1px !important;
     margin-right: 2px !important;
}

h1 {
     font-size: 19pt;
     padding: 15px;
}

.main button, .main input, select {
     font-size: 10pt !important;
}

.main, .news, h1 {
     margin-left: 232px !important;
}

.routersummary {
     width: 200px !important;
}

.routersummary div[style="height: 36px;"] {
     height: 40px !important;
     margin-top: 3px;
}

.routersummary img[src$="i2plogo.png"] {
     margin-left: -4px;
     transform: none;
     width: 204px;
     margin-top: -2px;
}

.routersummary table[id^="sb_"], #sb_localtunnels {
     width: 216px !important;
}

#sb_general td::after, #sb_shortgeneral td::after, #sb_advancedgeneral td::after,
#sb_bandwidth td::after, #sb_peers td::after, #sb_peersadvanced td::after, #sb_tunnels td::after, #sb_queue td::after {
   min-height: 18px;
}

.routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, .smallhead, pre, #newsStatus, #newsDisplay {
     font-size: 9pt !important;
}

.routersummary button.download {
     font-size: 10pt !important;
}

.routersummary h3 a, #netdboverview th {
     font-size: 11pt !important;
}

.routersummary button {
     min-width: 100px !important;
}

div.app {
     min-width: 150px;
}

div.app:hover {
     cursor: pointer;
}

.applabel {
     width: 150px !important;
}

.applabel a, .applabel a:hover {
     max-width: 146px;
     padding: 3px 0;
}

.appimg {
     height: 50px;
     padding-top: 4px;
}

img.app, img.app2p {
     padding: 14px 61px 44px;
     margin-top: -5px;
}

h3#themeheading, h3#langheading, h3#passwordheading {
     font-size: 12pt !important;
}

h3#i2pclientconfig, h3#pconfig, h3#pluginfromurl, h3#pluginfromfile, #clientconf.infohelp, h3#pluginmanage, h3#webappconfig {
     margin-bottom: -15px !important;
}

h4#updateplugins {
     margin-top: -15px !important;
}

#profilelist td:first-child, #profilelist th:first-child, #floodfills td:first-child, #floodfills th:first-child {
     width: 1% !important;
     white-space: nowrap;
}

.sorry {
     margin-left: 232px !important;
}

.subheading b {
     font-size: 10.5pt !important;
}

#webappconfig td:first-child::after {
     min-height: 30px;
}

div.joblog h3 {
     margin-top: 8px !important;
}

#sb_services a:link, #sb_internals a:link, #sb_advanced a:link, #sb_help a:link {
     max-width: 207px;
}

#sb_general, #sb_shortgeneral, #sb_advancedgeneral, #sb_bandwidth, #sb_peers, #sb_peersadvanced, #sb_tunnels, #sb_queue {
     margin-top: -4px !important;
     margin-bottom: -4px !important;
}

.langbox {
     margin-top: 6px;
     line-height: 16px;
}

button.control, button.control:hover, button.control:focus {
     padding: 14px !important;
     font-size: 0 !important;
}

.main[id^="config_"] th, h4#updateplugins {
    font-size: 10.5pt !important;
}

#help .confignav {
     padding: 0 !important;
     position: sticky;
     top: 0;
     z-index: 999;
}

#help .tab {
     margin-top: -1px !important;
     margin-bottom: -1px !important;
}

/* news @ home */

#newsStatus, #news #newsDisplay a, .newsAuthor {
     font-size: 9pt !important;
}

.news #newsStatus, .news #newsDisplay {
     display: inline-block;
     padding-top: 2px;
     padding-bottom: 4px;
}

.news hr {
     margin-bottom: 6px;
}

.newsAuthor {
     background-size: 15px 15px !important;
     padding-left: 19px !important;
}

/* end news */

table#reseedconfig input[type="text"], table#reseedconfig input[type="password"] {
     width: 250px;
}

.themechoice, .langselect {
     width: 134px !important;
}

.ui_lang {
     width: 138px;
}

.themechoice .optbox, .langselect .optbox {
     min-width: 138px !important;
     outline: 1px dotted #f00;
     opacity: 0;
}

.themechoice .optbox {
     margin-left: -42px !important;
}

.langselect .optbox {
     margin: -7px 0 -34px -2px;
     min-height: 64px;
}

.langselect img {
    margin-left: -78px !important;
}

.langselect input[name="lang"]:checked + img {
    margin-left: -79px !important;
}

ul#banlist {
     -moz-column-width: 300px;
     -moz-column-gap: 10px;
     -webkit-column-width: 300px;
     -webkit-column-gap: 10px;
     column-width: 300px;
     column-gap: 10px;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1500px) {
.langselect img, .langselect input[name="lang"]:checked + img {
     margin-left: -20px !important;
     margin-top: -30px !important;
}

.langselect input[name="lang"]:checked + img {
     margin-left: -16px !important;
     margin-top: -26px !important;
}
}

@media screen and (min-width: 1840px) {
div[id^="config_"] div.confignav {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     align-content: space-evenly;
     justify-content: center;
     padding: 4px 4px 5px 3px !important;
}

div[id^="config_"] .tab, div[id^="config_"] .tab2 {
     flex: auto;
     flex-basis: content;
     flex-grow: 0.06;
     margin: 0 -1px -1px 0 !important;
     white-space: nowrap;
     min-width: 70px !important;
}

div[id^="config_"] .tab2 {
     padding: 5px 6px;
}

div[id^="config_"] .tab a {
     padding: 4px 6px;
}

div[id^="config_"] div.confignav {
     padding: 0 !important;
}

div[id^="config_"] .tab, div[id^="config_"] .tab2 {
     margin-top: -1px !important;
}

div[id^="config_"] .tab:first-child {
     margin-left: -1px !important;
}
}

/* responsive proxy errors */

@media screen and (max-width: 800px) {
.warning {
     margin-left: 20px !important;
     margin-top: 130px !important;
     background: #000 !important;
     padding: 5px 15px 15px !important;
}

.warning h3, .warning a, .warning p {
     font-size: 9pt;
}

.logo {
     position: absolute;
     top: 20px;
     width: calc(100% - 62px) !important;
     z-index: 999;
     min-width: 330px;
     display: block;
}

.logo a {
     width: auto !important;
     padding: 2px 5px !important;
     display: inline-block !important;
}

.logo a img {
     padding: 0 !important;
     margin-top: -2px;
     margin-bottom: -4px;
}
}

@media screen and (min-height: 700px) {
.proxyfooter {
     position: absolute;
     bottom: 0;
     right: 0;
     padding: 0 20px 0 0;
     text-align: right;
     background: #030;
     width: 100%;
     opacity: 0.7;
     border-top: 1px solid #000;
}

.proxyfooter p {
     text-align: right;
     line-height: 130% !important;
     margin: 5px 0;
}

.warning {
     margin-bottom: 30px;
}
}

@media screen and (max-height: 700px) {
.proxyfooter {
     display: none;
}
}
/* end proxy errors */
/* end responsive layout */

/* IE/Edge tweaks */

_:-ms-lang(x), .tunnels_client th:first-child::after {
     letter-spacing: -0.05em;
     font-weight: normal;
}

_:-ms-lang(x), table + .statusnotes {
     margin-top: -2px;
}

/* end IE/Edge tweaks */

/* TO DO: Merge with main classes */

.optionlist {
     columns: 500px auto;
     padding-bottom: 1px;
}

.optionlist label {
     min-width: 300px;
     break-inside: avoid;
     page-break-inside: avoid !important;
     -webkit-column-break-inside: avoid;
}

th.options, table#externali2cp th {
     padding: 7px 10px !important;
}

.options input[type="checkbox"], #i2pupdates .options .optbox {
     margin: 0 3px 0 0;
}

#i2pupdates textarea {
      min-height: 76px !important;
      height: 76px !important;
      margin: 6px 0 6px 10px !important;
      padding: 3px 5px;
}

#reseedconfig textarea {
      min-height: 76px !important;
      height: 76px !important;
      margin: 6px 10px 6px 0 !important;
      padding: 3px 5px;
}

#manualreseed {
     margin-bottom: 10px !important;
}

#resetreseed {
     padding: 5px 5px 0 0;
}

/* /configui */

#passwordheading {
     margin-top: 0 !important;
}

#langsettings {
     margin-bottom: 10px !important;
}

/* end /configui */

#pluginconfigtext + form {
     float: right;
     margin: -42px 6px 0 0;
}

#externaltcp .nowrap:first-child {
     margin: 5px 0 -18px !important;
     display: inline-block;
}

#cputype {
     display: inline-block;
     margin: -2px 2px -2px 0;
     padding: 2px 5px;
     font-weight: bold;
     text-transform: uppercase;
     border-radius: 2px;
     background: #005;
}

#wrapperlogs pre {
     height: 300px;
     resize: vertical;
}

/* graphs */

#graphs td:first-child {
     font-weight: normal;
     text-align: left;
     padding: 5px 0 0;
}

@media screen and (min-width: 1060px) {
#graphs td:first-child {
     padding: 5px 0;
}
}

#graphs td b {
     min-width: 150px;
     text-align: right;
     display: inline-block;
     margin-right: 5px;
}

#graphs .nowrap {
     line-height: 300%;
     display: inline-block;
}

/* end graphs */

.buckets br + br {
     line-height: 5px;
}
