@charset "UTF-8";
aside.taskbar div.taskitems div[data-name="admin"]:after {
  content: "Administration"; }

aside.taskbar div.taskitems div[data-name="admin"]:before {
  background-image: url(images/security-low.svg); }

nav li.admin:before {
  background-image: url(images/security-low.svg); }

.window[data-name="admin"] header:before {
  background-image: url(images/security-low.svg); }

aside.taskbar div.taskitems div[data-name="start"]:after {
  content: "Startseite"; }

aside.taskbar div.taskitems div[data-name="start"]:before {
  background-image: url(images/qupzilla.svg); }

nav li.start:before {
  background-image: url(images/qupzilla.svg); }

.window[data-name="start"] header:before {
  background-image: url(images/qupzilla.svg); }

aside.taskbar div.taskitems div[data-name="register"]:after {
  content: "Registrieren"; }

aside.taskbar div.taskitems div[data-name="register"]:before {
  background-image: url(images/list-add-user.svg); }

nav li.register:before {
  background-image: url(images/list-add-user.svg); }

.window[data-name="register"] header:before {
  background-image: url(images/list-add-user.svg); }

aside.taskbar div.taskitems div[data-name="newpw"]:after {
  content: "PW vergessen"; }

aside.taskbar div.taskitems div[data-name="newpw"]:before {
  background-image: url(images/preferences-desktop-user-password.svg); }

nav li.newpw:before {
  background-image: url(images/preferences-desktop-user-password.svg); }

.window[data-name="newpw"] header:before {
  background-image: url(images/preferences-desktop-user-password.svg); }

aside.taskbar div.taskitems div[data-name="screens"]:after {
  content: "Screenshots"; }

aside.taskbar div.taskitems div[data-name="screens"]:before {
  background-image: url(images/folder-images.svg); }

nav li.screens:before {
  background-image: url(images/folder-images.svg); }

.window[data-name="screens"] header:before {
  background-image: url(images/folder-images.svg); }

aside.taskbar div.taskitems div[data-name="blacklist"]:after {
  content: "Ban-Liste"; }

aside.taskbar div.taskitems div[data-name="blacklist"]:before {
  background-image: url(images/list-remove-user.svg); }

nav li.blacklist:before {
  background-image: url(images/list-remove-user.svg); }

.window[data-name="blacklist"] header:before {
  background-image: url(images/list-remove-user.svg); }

aside.taskbar div.taskitems div[data-name="statistics"]:after {
  content: "Statistiken"; }

aside.taskbar div.taskitems div[data-name="statistics"]:before {
  background-image: url(images/view-statistics.svg); }

nav li.statistics:before {
  background-image: url(images/view-statistics.svg); }

.window[data-name="statistics"] header:before {
  background-image: url(images/view-statistics.svg); }

aside.taskbar div.taskitems div[data-name="impressum"]:after {
  content: "Impressum"; }

aside.taskbar div.taskitems div[data-name="impressum"]:before {
  background-image: url(images/help-about.svg); }

nav li.impressum:before {
  background-image: url(images/help-about.svg); }

.window[data-name="impressum"] header:before {
  background-image: url(images/help-about.svg); }

aside.taskbar div.taskitems div[data-name="overview"]:after {
  content: "Übersicht"; }

aside.taskbar div.taskitems div[data-name="overview"]:before {
  background-image: url(images/qupzilla.svg); }

nav li.overview:before {
  background-image: url(images/qupzilla.svg); }

.window[data-name="overview"] header:before {
  background-image: url(images/qupzilla.svg); }

aside.taskbar div.taskitems div[data-name="messages"]:after {
  content: "Nachrichten"; }

aside.taskbar div.taskitems div[data-name="messages"]:before {
  background-image: url(images/kmail.svg); }

nav li.messages:before {
  background-image: url(images/kmail.svg); }

.window[data-name="messages"] header:before {
  background-image: url(images/kmail.svg); }

aside.taskbar div.taskitems div[data-name="computer"]:after {
  content: "Computer"; }

aside.taskbar div.taskitems div[data-name="computer"]:before {
  background-image: url(images/video-display.svg); }

nav li.computer:before {
  background-image: url(images/video-display.svg); }

.window[data-name="computer"] header:before {
  background-image: url(images/video-display.svg); }

aside.taskbar div.taskitems div[data-name="clan"]:after {
  content: "Clan"; }

aside.taskbar div.taskitems div[data-name="clan"]:before {
  background-image: url(images/user-group-new.svg); }

nav li.clan:before {
  background-image: url(images/user-group-new.svg); }

.window[data-name="clan"] header:before {
  background-image: url(images/user-group-new.svg); }

aside.taskbar div.taskitems div[data-name="market"]:after {
  content: "Markt"; }

aside.taskbar div.taskitems div[data-name="market"]:before {
  background-image: url(images/market.svg); }

nav li.market:before {
  background-image: url(images/market.svg); }

.window[data-name="market"] header:before {
  background-image: url(images/market.svg); }

aside.taskbar div.taskitems div[data-name="bank"]:after {
  content: "Bank"; }

aside.taskbar div.taskitems div[data-name="bank"]:before {
  background-image: url(images/view-bank.svg); }

nav li.bank:before {
  background-image: url(images/view-bank.svg); }

.window[data-name="bank"] header:before {
  background-image: url(images/view-bank.svg); }

aside.taskbar div.taskitems div[data-name="notes"]:after {
  content: "Notizen"; }

aside.taskbar div.taskitems div[data-name="notes"]:before {
  background-image: url(images/note.svg); }

nav li.notes:before {
  background-image: url(images/note.svg); }

.window[data-name="notes"] header:before {
  background-image: url(images/note.svg); }

aside.taskbar div.taskitems div[data-name="support"]:after {
  content: "Support"; }

aside.taskbar div.taskitems div[data-name="support"]:before {
  background-image: url(images/help-contents.svg); }

nav li.support:before {
  background-image: url(images/help-contents.svg); }

.window[data-name="support"] header:before {
  background-image: url(images/help-contents.svg); }

aside.taskbar div.taskitems div[data-name="ranking"]:after {
  content: "Rangliste"; }

aside.taskbar div.taskitems div[data-name="ranking"]:before {
  background-image: url(images/view-statistics.svg); }

nav li.ranking:before {
  background-image: url(images/view-statistics.svg); }

.window[data-name="ranking"] header:before {
  background-image: url(images/view-statistics.svg); }

aside.taskbar div.taskitems div[data-name="options"]:after {
  content: "Einstellungen"; }

aside.taskbar div.taskitems div[data-name="options"]:before {
  background-image: url(images/preferences-system.svg); }

nav li.options:before {
  background-image: url(images/preferences-system.svg); }

.window[data-name="options"] header:before {
  background-image: url(images/preferences-system.svg); }

aside.taskbar div.taskitems div[data-name="items"]:after {
  content: "Lager"; }

aside.taskbar div.taskitems div[data-name="items"]:before {
  background-image: url(images/repository.svg); }

nav li.items:before {
  background-image: url(images/repository.svg); }

.window[data-name="items"] header:before {
  background-image: url(images/repository.svg); }

aside.taskbar div.taskitems div[data-name="admininfo"]:after {
  content: "Admininfo"; }

aside.taskbar div.taskitems div[data-name="admininfo"]:before {
  background-image: url(images/security-low.svg); }

nav li.admininfo:before {
  background-image: url(images/security-low.svg); }

.window[data-name="admininfo"] header:before {
  background-image: url(images/security-low.svg); }

aside.taskbar div.taskitems div[data-name="user"]:after {
  content: "User"; }

aside.taskbar div.taskitems div[data-name="user"]:before {
  background-image: url(images/user-identity.svg); }

nav li.user:before {
  background-image: url(images/user-identity.svg); }

.window[data-name="user"] header:before {
  background-image: url(images/user-identity.svg); }

aside.taskbar div.taskitems div[data-name="logout"]:after {
  content: "Logout"; }

aside.taskbar div.taskitems div[data-name="logout"]:before {
  background-image: url(images/system-log-out.svg); }

nav li.logout:before {
  background-image: url(images/system-log-out.svg); }

.window[data-name="logout"] header:before {
  background-image: url(images/system-log-out.svg); }

aside.taskbar div.taskitems div[data-name="help"]:after {
  content: "Hilfe"; }

aside.taskbar div.taskitems div[data-name="help"]:before {
  background-image: url(images/system-help.svg); }

nav li.help:before {
  background-image: url(images/system-help.svg); }

.window[data-name="help"] header:before {
  background-image: url(images/system-help.svg); }

aside.taskbar div.taskitems div[data-name="forum"]:after {
  content: "Forum"; }

aside.taskbar div.taskitems div[data-name="forum"]:before {
  background-image: url(images/preferences-desktop-theme.svg); }

nav li.forum:before {
  background-image: url(images/preferences-desktop-theme.svg); }

.window[data-name="forum"] header:before {
  background-image: url(images/preferences-desktop-theme.svg); }

aside.taskbar div.taskitems div[data-name="donation"]:after {
  content: "Spenden"; }

aside.taskbar div.taskitems div[data-name="donation"]:before {
  background-image: url(images/help-donate.svg); }

nav li.donation:before {
  background-image: url(images/help-donate.svg); }

.window[data-name="donation"] header:before {
  background-image: url(images/help-donate.svg); }

aside.taskbar div.taskitems div[data-name^="remote"]:before {
  background-image: url(images/video-display.svg); }

.window[data-name^="remote"] header:before {
  background-image: url(images/video-display.svg); }

* {
  vertical-align: baseline;
  font-family: "Noto Sans";
  font-size: 9.5pt;
  box-sizing: border-box;
  color: inherit;
  margin: 0;
  padding: 0;
  cursor: default;
  flex-shrink: 0; }

.mobile {
  display: none; }

html {
  color: #eff0f1;
  overflow: hidden;
  width: 100%;
  background: url(images/background.png);
  background-size: cover;
  background-position: center; }

html:not([data-name]) {
  height: 100%; }

body {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative; }

h3 {
  font-size: 13pt;
  margin: 20px 0 10px 0;
  border-bottom: 1px solid #7B7D80;
  text-align: left; }

a {
  color: #1D99F3;
  cursor: pointer; }
  a:active, a:hover, a:focus {
    color: #3DAEE9; }
  a:visited {
    color: #9B59B6; }
  a * {
    cursor: inherit; }

img {
  max-width: 100%; }

table img {
  max-width: initial; }

fieldset {
  border: 1px solid #7B7D80;
  border-radius: 2px;
  padding: 10px; }
  fieldset {
    margin: 5px 0; }
  fieldset:first-child {
    margin-top: 0; }
  fieldset:last-child {
    margin-bottom: 0; }
  fieldset legend {
    display: inline-block;
    width: 100%;
    text-align: center;
    float: left;
    margin-top: -7px;
    margin-bottom: 10px; }

ul.list li {
  list-style-type: disc;
  margin-left: 20px; }

input.loginWork {
  background-image: url("images/busywidget.svg") !important; }

table {
  width: 100%;
  border-spacing: 0px; }

td, th {
  white-space: nowrap;
  padding: 0 4px; }
  td:first-child, th:first-child {
    width: 1px;
    padding-right: 2em; }

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

thead th {
  text-align: left;
  background-color: rgba(0, 0, 0, 0.2); }

thead th:first-child {
  border-top-left-radius: 5px; }

thead th:last-child {
  border-top-right-radius: 5px; }

tbody tr:nth-child(2n) {
  background-color: #232629; }

tbody tr:hover {
  background-color: rgba(84, 197, 229, 0.5); }

table.noColor tr, table.noColor th, table.noColor td, table.mobileTable tr, table.mobileTable td {
  background-color: transparent !important; }

table.mobileTable {
  width: 100% !important;
  border: none !important; }

table.mobileTable thead, table.mobileTable tbody tr.notMobile, table:not(.mobileTable) *.onlyMobile {
  display: none; }

table.mobileTable tbody tr {
  display: block;
  margin: 10px 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }

table.mobileTable.noHeader tbody tr {
  padding: 0 3px;
  border-radius: 5px; }

table.mobileTable tbody td {
  display: flex;
  width: 100%;
  padding: 0;
  text-align: right;
  word-wrap: break-word;
  white-space: initial;
  border: none;
  justify-content: space-between; }

table.mobileTable .progressBar[id^="download"] {
  width: auto !important;
  flex-grow: 100; }

table.mobileTable.mobileList tbody td {
  text-align: left; }

table.mobileTable.mobileList tbody td:first-child {
  font-weight: bold; }

table.mobileTable:not(.mobileList) tbody td:before {
  content: attr(data-th);
  padding-right: 3px;
  font-weight: bold;
  text-align: left;
  word-wrap: initial;
  white-space: nowrap;
  flex-grow: 1; }

table.mobileTable tbody td.mobileHeader {
  min-height: 20px;
  padding: 0 5px;
  background-color: rgba(0, 0, 0, 0.2) !important;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  text-align: left;
  font-weight: bold; }

table.mobileTable tbody td.mobileHeader:before {
  content: initial; }

table.mobileTable *.onlyMobile {
  display: initial !important; }

table.mobileTable.noBorder tr {
  border: none;
  margin: 0; }

table.market {
  width: auto; }

table.market tr td:first-child {
  padding-right: 50px; }

table.scanTable {
  border: thin solid #7B7D80;
  empty-cells: show;
  border-collapse: collapse;
  margin-top: 10px; }

table.scanTable th, table.scanTable td {
  border: thin solid #7B7D80; }

table.scanTable.mobileTable td:empty {
  display: none; }

span.nowrap {
  white-space: nowrap; }

.hidden {
  display: none !important; }

nav {
  position: absolute;
  background-color: #31363B;
  bottom: 30px;
  opacity: 0;
  border-top-right-radius: 1px;
  box-shadow: 2px -2px 3px rgba(0, 0, 0, 0.5);
  padding: 10px;
  z-index: 99;
  transform: translate3d(0, 100%, 1px);
  transition: transform 0.3s ease-in, opacity 0.2s ease-in; }
  nav li {
    list-style-type: none;
    padding: 3px 5px;
    margin: 2px 0;
    border: 1px solid transparent; }
    nav li:hover {
      background-color: #33576A;
      border-color: #387D9F; }
    nav li:before {
      display: inline-block;
      content: "";
      position: relative;
      background-size: cover;
      left: -3px;
      margin-bottom: -6px;
      width: 24px;
      height: 24px; }
  nav.show {
    transition: transform 0.3s ease-out, opacity 0.2s ease-out 0.1s, z-index 0s ease-out 0.3s;
    transform: translate3d(0, 0, 1px);
    opacity: 0.95;
    z-index: 101; }
  nav.hide {
    display: block; }
  nav h2, nav h3 {
    display: none; }
  nav hr {
    display: none; }
  nav #asupportanz:not(:empty), nav #messageanz:not(:empty), nav #clananz:not(:empty), nav #supportanz:not(:empty) {
    background-color: rgba(68, 68, 68, 0.4);
    padding: 0 8px;
    border-radius: 8px;
    margin-left: 10px;
    font-size: 9pt;
    font-weight: bold; }

aside.taskbar {
  background-color: #31363B;
  position: fixed;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 30px;
  bottom: 0;
  left: 0px;
  text-align: left;
  box-shadow: 0 0 5px black;
  z-index: 100; }
  aside.taskbar div.menubutton {
    display: inline-block;
    height: 30px;
    width: 30px;
    margin-right: 10px;
    background: url(images/start.svg) center/90% no-repeat; }
    aside.taskbar div.menubutton span {
      display: none; }
    aside.taskbar div.menubutton .counter {
      display: none !important; }
    aside.taskbar div.menubutton div.counter:not(:empty) {
      position: absolute;
      bottom: 5px;
      left: 3px;
      display: inline-block;
      background-color: rgba(84, 197, 229, 0.75);
      font-size: 12pt;
      font-weight: bold;
      border: 2px solid #54c5e5;
      border-radius: 10px;
      box-shadow: 0 0 8px black;
      min-width: 25px;
      text-align: center;
      padding: 0 2px; }
  aside.taskbar div.right {
    display: inline-block;
    flex-shrink: 0;
    text-align: right;
    margin: 0 7px;
    font-size: 20px;
    font-weight: normal;
    line-height: 30px; }
    aside.taskbar div.right br {
      display: none; }
    aside.taskbar div.right time, aside.taskbar div.right span {
      font-size: 20px; }
    aside.taskbar div.right time:after {
      content: " ";
      width: 1em;
      display: inline-block; }
    aside.taskbar div.right time .onlytime {
      display: inline;
      position: relative; }
  aside.taskbar div.taskitems {
    flex-grow: 1;
    display: flex;
    flex-direction: row; }
    aside.taskbar div.taskitems div[data-name^="remote"]:after {
      content: "Remotezugriff"; }
    aside.taskbar div.taskitems div {
      background: #494C50;
      display: inline-block;
      max-width: 210px;
      line-height: 27px;
      padding: 0 9px;
      border-top: 3px solid #6F7275;
      margin: 0px 1px;
      flex-shrink: 1;
      flex-grow: 1; }
      aside.taskbar div.taskitems div:after {
        content: attr(data-name);
        display: inline-block;
        text-transform: capitalize; }
      aside.taskbar div.taskitems div:before {
        display: inline-block;
        content: "";
        position: relative;
        background-size: cover;
        left: -7px;
        margin-bottom: -6px;
        width: 24px;
        height: 24px; }
      aside.taskbar div.taskitems div:hover, aside.taskbar div.taskitems div.active {
        background: #3B647A;
        border-color: #3BA8E1; }
      aside.taskbar div.taskitems div.active {
        background: #3A6F8C;
        border-color: #3DA2D7; }
      aside.taskbar div.taskitems div.close {
        width: 0px;
        opacity: 0;
        border: none;
        padding: 0;
        margin: 0; }

div#notifications {
  position: absolute;
  right: 0px;
  bottom: 50px;
  text-align: right;
  z-index: 999; }

div#notifications div {
  position: relative;
  border: 1px solid #54c5e5;
  border-radius: 10px;
  margin: 0px 10px 10px 10px;
  padding: 5px 8px;
  max-width: 400px;
  text-align: center;
  background-color: #54c5e5;
  box-shadow: 0 0 15px #54c5e5; }

div#notifications div.hide {
  opacity: 0;
  height: 0px;
  padding: 0px;
  margin: 0px;
  max-width: 0px; }

div#notifications div.warning {
  border: 1px solid #e04949;
  background-color: #e04949;
  box-shadow: 0 0 15px #e04949; }

div#tutorial {
  position: absolute;
  top: 0;
  width: 100%;
  height: 0px;
  text-align: center;
  z-index: 98; }

div#tutorial div {
  border: 1px solid #54c5e5;
  border-top: 0px;
  box-shadow: 0 0 5px black;
  border-radius: 0 0 10px 10px; }

div#tutorial div:first-child {
  background-color: rgba(84, 197, 229, 0.9);
  display: inline-block;
  text-align: left;
  overflow: hidden;
  padding: 5px; }

div#tutorial div:last-child {
  background-color: rgba(84, 197, 229, 0.5);
  display: none;
  opacity: 0;
  width: 50px;
  height: 50px;
  margin: -3px auto 0 auto;
  background-image: url(images/book.png);
  background-size: 48px 50px; }

div#tutorial h2 {
  text-decoration: underline;
  font-style: 14px; }

div#tutorial a {
  color: black; }

div#login {
  position: absolute;
  top: 0;
  width: 100%;
  height: 0px;
  text-align: center;
  z-index: 101; }

div#login div:first-child {
  display: inline-block;
  background: #31363B;
  text-align: left;
  overflow: hidden;
  padding: 5px;
  box-shadow: 0 0 5px black;
  border-radius: 0 0 1px 1px;
  overflow: hidden; }

div#login div div:last-child {
  display: none; }

div#login h2 {
  display: none; }

#login_error, #login_error_mobile {
  display: inline-block;
  width: 100%;
  color: red;
  text-align: center; }

#login_error:empty, #login_error_mobile:empty {
  display: none; }

footer {
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 100%;
  color: #aaa; }
  footer div.left, footer div.center {
    display: none; }
  footer div.right {
    position: absolute;
    bottom: 0;
    right: 10px;
    text-align: right; }

div.messageBox {
  background-color: rgba(50, 50, 50, 0.7);
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

div.messageBox div.messageBoxContent {
  position: relative;
  top: 100px;
  width: 600px;
  max-width: 90%;
  max-height: calc(100% - 160px);
  overflow: auto;
  text-align: center;
  background-color: #31363B;
  padding: 10px;
  margin: 0 auto;
  border-radius: 3px;
  box-shadow: 0 0 10px black; }

div.messageBox.hide {
  background-color: transparent; }

div.messageBox.hide div.messageBoxContent {
  top: 100%; }

div.messageBox.writeMessage span {
  font-size: 33pt;
  display: inline-block;
  margin: 10px 0 20px 0;
  background-color: rgba(71, 204, 81, 0.75);
  width: 60px;
  height: 60px;
  border-radius: 30px;
  box-shadow: 0 0 6px black; }

.messageBoxContent h2 {
  margin: 8px 0; }

.messageBoxContent h3 {
  margin-top: 8px; }

.messageBoxContent div.left {
  display: inline-block;
  text-align: left;
  max-width: 100%; }

.messageBoxContent div.left label {
  display: inline-block;
  min-width: 130px; }

div.toolTipInfo {
  display: inline-block;
  width: 35px;
  height: 35px;
  background: url(images/info.svg);
  background-size: contain;
  vertical-align: bottom;
  text-indent: -9999px; }

div.toolTip.outline {
  position: absolute;
  display: inline-block;
  border: 1px solid #7B7D80;
  background-color: #31363B;
  border-radius: 3px;
  padding: 3px;
  margin-top: 12px;
  max-width: 90%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

div.toolTip.inline {
  position: relative;
  display: inline-block;
  border: 1px solid #777;
  background-color: #aaa;
  border-radius: 5px;
  padding: 3px;
  margin-left: 17px;
  box-shadow: 3px 3px 5px #aaa; }

div.toolTip.inline div:first-child {
  display: inline-block;
  position: absolute;
  top: 4px;
  left: -15px;
  width: 0px;
  height: 0px;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 14px solid #777; }

div.toolTip.inline div:first-child:after {
  content: "";
  display: inline-block;
  position: relative;
  top: -8px;
  left: 2px;
  width: 0px;
  height: 0px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 13px solid #aaa; }

div.toolTip.inline.top {
  position: relative;
  display: inline-block;
  border: 1px solid #777;
  background-color: #aaa;
  border-radius: 5px;
  padding: 3px;
  margin-top: 12px;
  margin-left: 9px;
  margin-right: 9px; }

div.toolTip.inline.top div:first-child {
  display: inline-block;
  position: absolute;
  top: -23px;
  left: 3px;
  width: 0px;
  height: 0px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 14px solid #777; }

div.toolTip.inline.top div:first-child:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -6px;
  left: -8px;
  width: 0px;
  height: 0px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 13px solid #aaa; }

div.toolTip.red {
  background-color: #612A31 !important; }

div.toolTip.green {
  background-color: #1A462F !important; }

div.toolTip.hide {
  opacity: 0; }

.window {
  position: absolute !important;
  background: #31363B;
  display: inline-flex;
  flex-direction: column;
  width: 900px;
  height: 600px;
  top: 50px;
  left: 50px;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 0 10px black;
  z-index: 1;
  opacity: 1 !important;
  transition: opacity 0.5s;
  -ms-touch-action: unset !important;
  touch-action: unset !important; }

.window.close {
  opacity: 0 !important; }

.window header {
  height: 30px;
  padding: 5px 0 0 8px;
  width: 100%;
  text-align: center;
  background: linear-gradient(to bottom, #3b4147 0%, #31363B 100%);
  position: relative; }
  .window header:before {
    display: inline-block;
    content: "";
    position: absolute;
    background-size: cover;
    left: 6px;
    top: 3px;
    margin-bottom: -6px;
    width: 24px;
    height: 24px; }

.window header h2 {
  font-size: inherit;
  font-weight: normal; }

.window .windowicons {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  margin: 2px 9px 0 0; }
  .window .windowicons div {
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 50%;
    background: transparent;
    position: relative;
    transition: background 0.1s; }
    .window .windowicons div {
      margin: 3px; }
    .window .windowicons div:first-child {
      margin-left: 0; }
    .window .windowicons div:last-child {
      margin-right: 0; }
    .window .windowicons div:hover {
      background-color: #eff0f1; }
    .window .windowicons div:active {
      background-color: #606569; }
  .window .windowicons .windowMinimize {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 17.999999 17.999999'%3E%3Cg stroke='%23eff0f1' fill='none'%3E%3Cpath d='M4.137 6.387l5.226 5.226M8.637 11.613l5.226-5.226'/%3E%3C/g%3E%3C/svg%3E"); }
    .window .windowicons .windowMinimize:hover, .window .windowicons .windowMinimize:active {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 17.999999 17.999999'%3E%3Cg stroke='%2331363B' fill='none'%3E%3Cpath d='M4.137 6.387l5.226 5.226M8.637 11.613l5.226-5.226'/%3E%3C/g%3E%3C/svg%3E"); }
  .window .windowicons .windowMaximize {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 17.999999 17.999999'%3E%3Cg stroke='%23eff0f1' fill='none'%3E%3Cpath d='M4.137 11.613l5.226-5.226M8.637 6.387l5.226 5.226'/%3E%3C/g%3E%3C/svg%3E"); }
    .window .windowicons .windowMaximize:hover, .window .windowicons .windowMaximize:active {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 17.999999 17.999999'%3E%3Cg stroke='%2331363B' fill='none'%3E%3Cpath d='M4.137 11.613l5.226-5.226M8.637 6.387l5.226 5.226'/%3E%3C/g%3E%3C/svg%3E"); }
  .window .windowicons .windowClose {
    background-color: #eff0f1;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='18' viewBox='0 0 17.999999 17.999999'%3E%3Cg stroke='%2331363B' transform='translate(-236.376 -293.92)'%3E%3Cpath id='a' d='M240.824 298.37l9.103 9.102' fill='none' fill-rule='evenodd'/%3E%3Cuse height='100%25' width='100%25' transform='matrix(1 0 0 -1 0 605.84)' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E"); }
    .window .windowicons .windowClose:hover {
      background-color: #FF98A2; }
    .window .windowicons .windowClose:active {
      background-color: #DA4453; }

.window.maximize .windowicons {
  margin-right: 5px; }
  .window.maximize .windowicons .windowMaximize {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='18' viewBox='0 0 17.999999 17.999999'%3E%3Cg stroke='%23eff0f1' fill='none' transform='translate(-236.376 -293.92)'%3E%3Cpath id='a' d='M245.013 298.058l5.225 5.225' fill-rule='evenodd'/%3E%3Cuse height='100%25' width='100%25' transform='matrix(1 0 0 -1 -4.5 601.34)' id='b' xlink:href='%23a'/%3E%3Cuse height='100%25' width='100%25' transform='translate(-4.5 4.5)' xlink:href='%23a'/%3E%3Cuse height='100%25' width='100%25' transform='translate(4.5 4.5)' xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E"); }
    .window.maximize .windowicons .windowMaximize:hover, .window.maximize .windowicons .windowMaximize:active {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='18' viewBox='0 0 17.999999 17.999999'%3E%3Cg stroke='%2331363B' fill='none' transform='translate(-236.376 -293.92)'%3E%3Cpath id='a' d='M245.013 298.058l5.225 5.225' fill-rule='evenodd'/%3E%3Cuse height='100%25' width='100%25' transform='matrix(1 0 0 -1 -4.5 601.34)' id='b' xlink:href='%23a'/%3E%3Cuse height='100%25' width='100%25' transform='translate(-4.5 4.5)' xlink:href='%23a'/%3E%3Cuse height='100%25' width='100%25' transform='translate(4.5 4.5)' xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E"); }

.windowcontent {
  background: #31363B;
  width: 100%;
  padding: 7px;
  overflow: auto;
  flex-shrink: 1; }

.windowcontent h2 {
  display: none; }

ul.tabs {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 1px;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row; }
  ul.tabs:after {
    content: " ";
    display: inline-block;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #7B7D80;
    z-index: 0; }

ul.tabs li {
  display: inline-block;
  padding: 5px;
  border: 1px solid transparent;
  border-bottom-width: 0;
  position: relative;
  background: #575B5F;
  flex-shrink: 0; }
  ul.tabs li:after {
    content: " ";
    display: inline-block;
    height: 1px;
    background: #7B7D80;
    top: 100%;
    left: -1px;
    right: -1px;
    position: absolute;
    z-index: 1; }
  ul.tabs li:not(.active) + li {
    border-left-color: #7B7D80; }
  ul.tabs li:first-child {
    border-radius: 2px 0 0 0;
    border-left-color: transparent !important; }
  ul.tabs li:last-child {
    border-radius: 0 2px 0 0; }
  ul.tabs li:hover {
    background: #334E5E; }
  ul.tabs li.active {
    display: inline-block;
    border-color: #7B7D80 !important;
    background-color: #31363B;
    border-radius: 2px 2px 0 0;
    position: relative; }
    ul.tabs li.active:after {
      background: #31363B;
      left: 0;
      right: 0; }

div[data-tab] {
  margin-top: 5px;
  display: none; }

div[data-tab]:first-child {
  display: block; }

div.updatePossible {
  display: none; }

div.progressBar {
  position: relative;
  max-width: 100%;
  height: 100%;
  max-width: 100%;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: center; }

div.progressBar div {
  border-radius: 3px;
  background: #BDC3C7;
  height: 6px;
  order: 2;
  flex-shrink: 0;
  flex-grow: 1; }

div.progressBar div div {
  top: 0;
  left: 0;
  height: 6px;
  background-color: #3DAEE6; }

div.progressBar span {
  display: inline-block;
  flex-shrink: 0;
  order: 1;
  margin-right: 1em; }

div.normalConversation div.conversation {
  position: relative;
  min-height: 95px;
  padding: 10px 120px 7px 93px;
  margin: 10px;
  line-height: 2;
  border: 1px solid #999;
  border-radius: 10px; }

div.normalConversation div.conversation img:first-child {
  position: absolute;
  top: 7px;
  left: 7px; }

div.normalConversation div.conversation div.conversationTime {
  position: absolute;
  right: 7px;
  top: 7px;
  text-align: right; }

div.normalConversation div.conversation div.conversationDelete {
  position: absolute;
  bottom: 18px;
  right: 7px; }

div.miniConversation div.conversation {
  position: relative;
  min-height: 95px;
  padding: 0px 5px 0px 5px;
  margin: 10px;
  line-height: 2;
  border: 1px solid #999;
  border-radius: 10px;
  background-position: 5px 5px !important; }

div.miniConversation div.conversation img:first-child {
  position: absolute;
  top: 7px;
  left: 7px; }

div.miniConversation div.conversation div.conversationInfo {
  margin-left: 88px;
  text-align: center; }

div.miniConversation div.conversation a:last-child {
  display: block;
  text-align: center;
  margin-top: 5px; }

div.conversationMessage {
  position: relative;
  padding-bottom: 15px;
  margin: 10px 0px; }
  div.conversationMessage.from div.message > span:first-child {
    display: block; }
  div.conversationMessage div.read, div.conversationMessage div.unread {
    display: inline-block;
    vertical-align: bottom;
    left: 105px;
    width: 16px;
    height: 16px;
    background-size: contain; }
  div.conversationMessage div.read {
    background-image: url("images/read.svg"); }
  div.conversationMessage div.unread {
    background-image: url("images/unread.svg"); }
  div.conversationMessage .messageText {
    white-space: pre-wrap; }

div.conversationMessage.to {
  text-align: right; }

div.conversationMessage div.message {
  position: relative;
  display: inline-block;
  min-width: 230px;
  max-width: 100%;
  padding: 5px 10px;
  border: 1px solid #54c5e5;
  background-color: rgba(84, 197, 229, 0.2);
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  word-wrap: break-word;
  text-align: left; }

div.conversationMessage.to div.message {
  border: 1px solid #787878;
  background-color: rgba(120, 120, 120, 0.2); }

div.conversationMessage time {
  display: block;
  font-size: 12px; }

div.conversationMessage a.delete {
  display: none;
  color: #eff0f1; }

div.conversationMessage div.message:hover a.delete {
  position: absolute;
  display: inline-block;
  top: 1px;
  right: 8px;
  padding: 1px 25px 1px 5px;
  background: rgba(120, 120, 120, 0.4) url("images/delete.svg") no-repeat calc(100% - 4px) center/contain; }

div.conversationMessage div.arrow {
  position: absolute;
  bottom: 0px;
  left: 8px;
  display: inline-block;
  border-width: 15px 10px 0px 0px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #54c5e5; }

div.conversationMessage.to div.arrow {
  left: initial;
  right: 8px;
  border-width: 15px 0px 0px 10px;
  border-top-color: #787878; }

div.conversationMessage textarea {
  height: auto;
  background: none;
  border: none;
  box-shadow: none; }

#messageusermainanz:not(:empty), #messageuseranz:not(:empty), #messagesystemmainanz:not(:empty), #messagesystemanz:not(:empty), #messageattackanz:not(:empty), #messagedefenseanz:not(:empty), #messageclananz:not(:empty), #asupportmainanz:not(:empty), #clanappanz:not(:empty), #clancontractanz:not(:empty) {
  background-color: rgba(84, 197, 229, 0.6);
  border-radius: 8px;
  padding: 0px 6px;
  margin-left: 3px;
  font-size: 9pt;
  font-weight: bold; }

tr.scanhide {
  display: none; }

.startStopButton {
  width: 35px;
  height: 35px;
  min-width: initial !important;
  background-position: center;
  background-size: 90%; }
  .startStopButton.inactive, .startStopButton.work {
    opacity: 0.5;
    pointer-events: none; }

.start_pc {
  background-image: url(images/pc-start.svg); }

.stop_pc {
  background-image: url(images/pc-stop.svg); }

.turn_power_off {
  cursor: pointer;
  background-color: transparent;
  background-image: url(images/power_off.png);
  color: transparent;
  width: 64px;
  height: 64px;
  border: 0px !important;
  margin-top: 10px;
  min-width: initial !important;
  box-shadow: none !important; }

.turn_power_off:hover {
  background-color: transparent !important; }

form[name="checkcommand"] {
  position: relative; }

input.command {
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  padding-left: 20px;
  border-radius: 0;
  box-shadow: none;
  border: none;
  background-color: transparent; }

input.command:focus {
  box-shadow: none;
  border: none; }

div.ipselect, div.uploadselect {
  display: inline-block; }

.sk-fading-circle {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden; }
  .sk-fading-circle .sk-circle.sk-circle1 {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background: url(images/busywidget.svg) no-repeat;
    background-position: center;
    background-size: contain;
    /* 		animation: spin 1.5s linear infinite; */ }
  .sk-fading-circle .sk-circle {
    display: none; }

[data-name="register"] label, [data-name="options"] label {
  display: inline-block;
  min-width: 220px; }

[data-name="newpw"] label, [data-name="clan"] form[name="saveclanoptions"] label {
  display: inline-block;
  min-width: 150px; }

[data-name="market"] label {
  display: inline-block;
  min-width: 160px; }

[data-name="admin"] div[data-tab="admin_bank"] label {
  display: inline-block;
  min-width: 80px; }

[data-name="clan"] div[data-tab="clan_bank"] label:not([for^="clantransferoption"]), [data-name="bank"] div[data-tab="bank_transfer"] label:not([for^="bankoption"]), [data-name="bank"] div[data-tab="income"] label {
  display: inline-block;
  min-width: 170px; }

[data-name="clan"] div[data-tab="clan_bank"] label[for^="clantransferoption"], [data-name="bank"] div[data-tab="bank_transfer"] label[for^="bankoption"] {
  display: inline-block;
  min-width: 147px; }

[data-name="admininfo"] label {
  display: inline-block;
  min-width: 100px; }

[data-name="items"] div div.item:nth-child(2n) {
  background-color: #232629; }

[data-name="items"] div div.item:hover {
  background-color: rgba(84, 197, 229, 0.5); }

input.bbCode {
  text-indent: -9999px;
  width: 30px;
  min-width: initial; }

input.bbCode.b {
  background: url("images/bbc/text_bold.png") center center no-repeat; }

input.bbCode.i {
  background: url("images/bbc/text_italic.png") center center no-repeat; }

input.bbCode.u {
  background: url("images/bbc/text_underline.png") center center no-repeat; }

input.bbCode.l {
  background: url("images/bbc/text_align_left.png") center center no-repeat; }

input.bbCode.c {
  background: url("images/bbc/text_align_center.png") center center no-repeat; }

input.bbCode.r {
  background: url("images/bbc/text_align_right.png") center center no-repeat; }

input.bbCode.a {
  background: url("images/bbc/world_link.png") center center no-repeat; }

input.bbCode.pic {
  background: url("images/bbc/picture_link.png") center center no-repeat; }

input.bbCode.mail {
  background: url("images/bbc/email_link.png") center center no-repeat; }

input.bbCode.user {
  background: url("images/bbc/user_link.png") center center no-repeat; }

input.bbCode.clan {
  background: url("images/bbc/clan_link.png") center center no-repeat; }

input.bbCode:hover {
  background-color: #ccc; }

input.bbCode:active {
  background-color: #bbb; }

div.soldOut {
  position: absolute;
  top: 35%;
  width: 100%;
  text-align: center; }

div.soldOut div {
  display: inline-block;
  padding: 3px 5px;
  color: #e04949;
  font-size: 16pt;
  font-weight: bold;
  border: 3px solid #e04949;
  border-radius: 10px;
  transform: rotate(-10deg); }

div.vserver {
  display: inline-block;
  width: 33%;
  min-width: 200px;
  margin-bottom: 30px; }

div.vserver:hover {
  background-color: rgba(84, 197, 229, 0.5); }

.window:not(.ui-draggable-dragging):not(.ui-resizable-resizing) {
  transition-property: top, left, height, width, opacity;
  transition-duration: 0.3s; }

.window [data-name="bank"] .windowcontent, .window [data-name="bank"] .windowcontent > div[data-tab="marketram"][style="display: block;"], .window [data-name="bank"] .windowcontent > div[data-tab="marketcpu"][style="display: block;"], .window [data-name="bank"] .windowcontent > div[data-tab="systemmessages"][style="display: block;"], .window [data-name="messages"] .windowcontent, .window [data-name="messages"] .windowcontent > div[data-tab="marketram"][style="display: block;"], .window [data-name="messages"] .windowcontent > div[data-tab="marketcpu"][style="display: block;"], .window [data-name="messages"] .windowcontent > div[data-tab="systemmessages"][style="display: block;"], .window [data-name="market"] .windowcontent, .window [data-name="market"] .windowcontent > div[data-tab="marketram"][style="display: block;"], .window [data-name="market"] .windowcontent > div[data-tab="marketcpu"][style="display: block;"], .window [data-name="market"] .windowcontent > div[data-tab="systemmessages"][style="display: block;"] {
  display: -webkit-flex !important;
  -webkit-flex-direction: column;
  position: relative; }

.window.maximize {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding-bottom: 30px; }

.window.minimize {
  top: 100% !important;
  left: calc(50% - 100px) !important;
  bottom: 0 !important;
  width: 210px !important;
  height: 0 !important;
  opacity: 0 !important; }

.window.minimize:nth-of-type(1) {
  left: calc(41px + (212px * (1 - 1))) !important; }

.window.minimize:nth-of-type(2) {
  left: calc(41px + (212px * (2 - 1))) !important; }

.window.minimize:nth-of-type(3) {
  left: calc(41px + (212px * (3 - 1))) !important; }

.window.minimize:nth-of-type(4) {
  left: calc(41px + (212px * (4 - 1))) !important; }

.window.minimize:nth-of-type(5) {
  left: calc(41px + (212px * (5 - 1))) !important; }

.window.minimize:nth-of-type(6) {
  left: calc(41px + (212px * (6 - 1))) !important; }

.window.minimize:nth-of-type(7) {
  left: calc(41px + (212px * (7 - 1))) !important; }

.window.minimize:nth-of-type(8) {
  left: calc(41px + (212px * (8 - 1))) !important; }

.window.minimize:nth-of-type(9) {
  left: calc(41px + (212px * (9 - 1))) !important; }

.window.minimize:nth-of-type(10) {
  left: calc(41px + (212px * (10 - 1))) !important; }

.window.minimize:nth-of-type(11) {
  left: calc(41px + (212px * (11 - 1))) !important; }

.window.minimize:nth-of-type(12) {
  left: calc(41px + (212px * (12 - 1))) !important; }

.window.minimize:nth-of-type(13) {
  left: calc(41px + (212px * (13 - 1))) !important; }

.window.minimize:nth-of-type(14) {
  left: calc(41px + (212px * (14 - 1))) !important; }

.window.minimize:nth-of-type(15) {
  left: calc(41px + (212px * (15 - 1))) !important; }

.window.minimize:nth-of-type(16) {
  left: calc(41px + (212px * (16 - 1))) !important; }

.window.minimize:nth-of-type(17) {
  left: calc(41px + (212px * (17 - 1))) !important; }

.window.minimize:nth-of-type(18) {
  left: calc(41px + (212px * (18 - 1))) !important; }

.window.minimize:nth-of-type(19) {
  left: calc(41px + (212px * (19 - 1))) !important; }

.window.minimize:nth-of-type(20) {
  left: calc(41px + (212px * (20 - 1))) !important; }

.window.ui-draggable-dragging, .window.ui-resizable-resizing {
  opacity: 0.75 !important; }

.window div[data-tab] {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto; }

[data-name="items"] h4 {
  color: #54c5e5;
  margin-top: 10px; }

[data-name="overview"] div div.width div {
  padding: 5px 0; }

[data-name="overview"] div.side {
  position: relative;
  padding-right: 360px; }
  [data-name="overview"] div.side div.width {
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 0;
    width: 350px; }
    [data-name="overview"] div.side div.width div {
      padding: 5px 0; }
    [data-name="overview"] div.side div.width div:first-child {
      padding-top: 0; }
    [data-name="overview"] div.side div.width div:last-child {
      padding-bottom: 0; }
    [data-name="overview"] div.side div.width + fieldset {
      margin-top: 10px; }

[data-name="overview"] div.hafWidth {
  text-align: center; }
  [data-name="overview"] div.hafWidth div {
    width: 50%;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    padding: 5px; }
    [data-name="overview"] div.hafWidth div:first-child {
      padding-left: 0; }
    [data-name="overview"] div.hafWidth div:last-child {
      padding-right: 0; }
  [data-name="overview"] div.hafWidth:not(.thirdWidth) div:nth-child(2n) {
    padding-right: 0; }
  [data-name="overview"] div.hafWidth:not(.thirdWidth) div:nth-child(2n+1) {
    padding-left: 0; }
  [data-name="overview"] div.hafWidth.thirdWidth {
    display: flex; }
    [data-name="overview"] div.hafWidth.thirdWidth div {
      width: 33.3333333333%;
      vertical-align: top; }
      [data-name="overview"] div.hafWidth.thirdWidth div fieldset {
        height: 100%; }

[data-name="computer"] div.below {
  text-align: center;
  margin-bottom: 15px; }

[data-name="computer"] div.below td {
  white-space: normal; }

[data-name="computer"] div.below div {
  margin-bottom: 15px; }

[data-name="computer"] div.side {
  position: relative;
  padding-right: 70px; }

[data-name="computer"] div.side > div {
  width: 50%;
  display: inline-block;
  vertical-align: top; }

[data-name="computer"] div.side div:nth-child(3) {
  position: absolute;
  top: 0;
  right: 0;
  width: 70px; }

[data-name="computer"] div.side td {
  white-space: normal; }

[data-name="computer"] div.side tr td:first-child {
  width: 150px; }

div.stopMobileTable table:not(.mobileTable) thead {
  display: table-header-group; }

div.stopMobileTable table:not(.mobileTable) tr {
  border: none;
  display: table-row; }

div.stopMobileTable table:not(.mobileTable) tr:nth-child(2n) {
  background-color: #232629 !important; }

div.stopMobileTable table:not(.mobileTable) tr:hover {
  background-color: rgba(84, 197, 229, 0.5) !important; }

div.stopMobileTable table:not(.mobileTable) tbody td {
  display: table-cell;
  width: auto;
  font-weight: normal !important;
  padding: 0 4px; }

div.stopMobileTable table.mobileTable tbody td {
  text-align: right; }

div.bottom div.windowPart {
  margin-top: 15px; }

div.side1, div.side2 {
  position: relative; }

div.side1 div.windowPart {
  width: 50%;
  display: inline-block;
  vertical-align: top; }

div.side1 div.windowPart:nth-child(3) {
  margin-top: 15px;
  width: 100%;
  text-align: center; }

div.side2 div.windowPart {
  padding-right: 50%; }

div.side2 div.windowPart:nth-child(2) {
  margin-top: 15px; }

div.side2 div.windowPart:nth-child(3) {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  padding: 0 0 0 10px; }

[data-name^="remote"] div[data-tab$="cs"] {
  border: 1px solid #7B7D80;
  background: black;
  boder-radius: 1px;
  padding: 5px; }
  [data-name^="remote"] div[data-tab$="cs"] td {
    white-space: initial; }
  [data-name^="remote"] div[data-tab$="cs"], [data-name^="remote"] div[data-tab$="cs"] * {
    font-size: 9pt;
    font-family: "Oxygen Mono";
    color: #b2b2b2;
    font-weight: normal; }
  [data-name^="remote"] div[data-tab$="cs"] * {
    background-color: transparent; }
  [data-name^="remote"] div[data-tab$="cs"] form[name="checkcommand"] {
    flex-grow: 0;
    display: flex; }
    [data-name^="remote"] div[data-tab$="cs"] form[name="checkcommand"] input[type="text"] {
      background: none;
      margin: 0;
      padding: 0;
      padding-left: 2px;
      font-family: "Oxygen Mono";
      color: #b2b2b2;
      font-size: 9pt;
      border: none;
      flex-grow: 1; }

[data-name^="screens"] div.windowcontent {
  text-align: justify; }

[data-name^="screens"] a img {
  max-height: 120px;
  border-radius: 5px;
  margin: 3px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6); }

img.easteregg {
  width: 26px;
  height: 26px;
  cursor: pointer;
  vertical-align: bottom; }

input[type="button"], input[type="submit"] {
  border: 1px solid #7B7D80;
  border-radius: 2px;
  background-color: #31363B;
  min-width: 84px;
  padding: 6px;
  transition: border-color 0.3s;
  text-transform: capitalize; }
  input[type="button"][value="Ok"], input[type="submit"][value="Ok"] {
    text-transform: uppercase; }
  input[type="button"]:hover, input[type="button"]:active, input[type="submit"]:hover, input[type="submit"]:active {
    border-color: #3DAFEB; }
  input[type="button"]:active, input[type="submit"]:active {
    background-color: #3DAFEB;
    position: relative;
    top: 1px;
    left: 1px; }
  input[type="button"]:focus, input[type="button"]:active, input[type="submit"]:focus, input[type="submit"]:active {
    outline: none; }

input[type="button"]:not(.button_hidden) + input[type="button"]:not(.button_hidden), input[type="button"]:not(.button_hidden) + input[type="submit"]:not(.button_hidden), input[type="submit"]:not(.button_hidden) + input[type="button"]:not(.button_hidden), input[type="submit"]:not(.button_hidden) + input[type="submit"]:not(.button_hidden) {
  margin-left: 1em; }

input[type="submit"], input[type="button"][value="Ok"] {
  padding-left: 30px;
  background-image: url(images/checkmark.svg);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 3px center; }

[style*="border"][style*="black"] {
  border-color: #eff0f1 !important; }

.button_hidden {
  display: none; }

input[type="radio"] {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  background: #31363B;
  border: 1px solid #A1A4A6;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  outline: none;
  margin: 0px 2px;
  transition: border-color 0.3s; }
  input[type="radio"]:checked, input[type="radio"]:hover, input[type="radio"]:focus, input[type="radio"]:active {
    border-color: #3DAFEB; }
  input[type="radio"]:active {
    top: 1px;
    left: 1px; }
  input[type="radio"]:focus:after {
    content: " ";
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 1px;
    bottom: -3px;
    left: -2px;
    border-bottom: 1px solid #3DAFEB; }
  input[type="radio"]:before {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    background: #3DAFEB;
    border-radius: 50%;
    transform: skewY(-50deg) skewX(-50deg) scaleY(0);
    transition: transform 0.1s; }
  input[type="radio"]:checked:before {
    transform: none; }

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea {
  background-color: #232629;
  border: 1px solid #7B7D80;
  border-radius: 2px;
  padding: 5px;
  appearance: none;
  transition: border-color 0.3s; }
  input[type="text"]:hover, input[type="text"]:active, input[type="text"]:focus, input[type="password"]:hover, input[type="password"]:active, input[type="password"]:focus, input[type="email"]:hover, input[type="email"]:active, input[type="email"]:focus, input[type="url"]:hover, input[type="url"]:active, input[type="url"]:focus, textarea:hover, textarea:active, textarea:focus {
    border-color: #3DAFEB;
    outline: none; }
  input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #A9A9A9; }
  input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="url"]:-moz-placeholder, textarea:-moz-placeholder {
    color: #A9A9A9; }
  input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, textarea::-moz-placeholder {
    color: #A9A9A9; }
  input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #A9A9A9; }

textarea {
  width: 100%;
  min-height: 200px; }

select {
  background-color: #31363B;
  border: 1px solid #7B7D80;
  border-radius: 2px;
  padding: 5px;
  appearance: none;
  padding-right: 20px;
  position: relative;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 17.999999 17.999999'%3E%3Cg stroke='%23eff0f1' fill='none'%3E%3Cpath d='M4.137 6.387l5.226 5.226M8.637 11.613l5.226-5.226'/%3E%3C/g%3E%3C/svg%3E");
  background-position: right center;
  background-repeat: no-repeat;
  transition: border-color 0.3s;
  text-transform: capitalize; }
  select:hover, select:active, select:focus {
    border-color: #3DAFEB; }
  select:active {
    position: relative;
    top: 1px;
    left: 1px; }
  select:focus, select:active {
    outline: none; }
  select option {
    background: #232629; }

input[type="checkbox"] {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #A1A4A6;
  border-radius: 2px;
  position: relative;
  transition: border-color 0.3s; }
  input[type="checkbox"]:hover, input[type="checkbox"]:checked, input[type="checkbox"]:focus, input[type="checkbox"]:active {
    border-color: #3DAFEB; }
  input[type="checkbox"]:focus, input[type="checkbox"]:active {
    outline: none; }
  input[type="checkbox"]:active {
    position: relative;
    top: 1px;
    left: 1px; }
  input[type="checkbox"]:after {
    position: absolute;
    content: "";
    left: 2px;
    right: 2px;
    top: 2px;
    bottom: 2px;
    background: #3DAFEB;
    transform: skewY(-50deg) skewX(-50deg) scaleY(0);
    transition: transform 0.1s; }
  input[type="checkbox"]:checked:after {
    transform: none; }

input[type="text"], input[type="password"], input[type="email"], input[type="url"], select, input[type="checkbox"], input[type="radio"], textarea, button, input[type="button"], input[type="submit"] {
  margin: 2px; }

input[type="checkbox"], input[type="radio"] {
  vertical-align: middle; }

/*.ui-resizable-handle.ui-resizable-se {
	display: none !important;
}

.ui-resizable {
	resize: both;

	&:active {
		width: 0;
		height: 0;
		transition: none;
		min-width: 100px;
		min-height: 100px;
	}
}*/
@media only screen and (min-width: 1001px) {
  ::-webkit-scrollbar {
    width: 20px;
    height: 20px; }
  ::-webkit-scrollbar-track {
    border: 10px solid transparent;
    border-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21'%3E%3Cpath d='M9.95 5A4.95 4.95 0 0 0 5 9.95v1.1A4.95 4.95 0 0 0 9.95 16h1.1A4.95