::-webkit-input-placeholder {
  color: var(--text-muted) !important;
}
:focus::-webkit-input-placeholder {
  color: var(--text-hover) !important;
}
:-moz-placeholder {
  color: var(--text-muted) !important;
}
:focus:-moz-placeholder {
  color: var(--text-hover) !important;
}
::-moz-placeholder {
  color: var(--text-muted) !important;
}
:focus::-moz-placeholder {
  color: var(--text-hover) !important;
}
:-ms-input-placeholder {
  color: var(--text-muted) !important;
}
:focus:-ms-input-placeholder {
  color: var(--text-hover) !important;
}
:root {
  --transparency-dark-05: rgba(0, 0, 0, 0.05);
  --transparency-dark-10: rgba(0, 0, 0, 0.1);
  --transparency-dark-15: rgba(0, 0, 0, 0.15);
  --transparency-dark-25: rgba(0, 0, 0, 0.25);
  --transparency-dark-35: rgba(0, 0, 0, 0.35);
  --transparency-dark-40: rgba(0, 0, 0, 0.4);
  --transparency-dark-45: rgba(0, 0, 0, 0.45);
  --transparency-dark-50: rgba(0, 0, 0, 0.5);
  --transparency-dark-55: rgba(0, 0, 0, 0.55);
  --transparency-dark-60: rgba(0, 0, 0, 0.6);
  --transparency-dark-65: rgba(0, 0, 0, 0.65);
  --transparency-dark-70: rgba(0, 0, 0, 0.7);
  --transparency-dark-75: rgba(0, 0, 0, 0.75);
  --transparency-dark-80: rgba(0, 0, 0, 0.8);
  --transparency-dark-85: rgba(0, 0, 0, 0.85);
  --transparency-dark-90: rgba(0, 0, 0, 0.9);
  --transparency-light-05: rgba(255, 255, 255, 0.05);
  --transparency-light-10: rgba(255, 255, 255, 0.1);
  --transparency-light-15: rgba(255, 255, 255, 0.15);
  --transparency-light-20: rgba(255, 255, 255, 0.2);
  --transparency-light-25: rgba(255, 255, 255, 0.25);
  --transparency-light-30: rgba(255, 255, 255, 0.3);
  --transparency-light-35: rgba(255, 255, 255, 0.35);
  --transparency-light-45: rgba(255, 255, 255, 0.45);
  --transparency-light-50: rgba(255, 255, 255, 0.5);
  --transparency-light-55: rgba(255, 255, 255, 0.55);
}
* {
  outline: 0 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--text-hover);
}
.logged-out-modal guac-modal,
body {
  background: var(--main-bg-color) !important;
  background-repeat: repeat, no-repeat;
  background-attachment: fixed, fixed;
  background-position: center center, center center;
  background-size: auto, cover;
  -webkit-background-size: auto, cover;
  -moz-background-size: auto, cover;
  -o-background-size: auto, cover;
  color: var(--text) !important;
}
div.displayMiddle {
  background: var(--modal-bg-color);
  background-repeat: repeat, no-repeat;
  background-attachment: fixed, fixed;
  background-position: center center, center center;
  background-size: auto, cover;
  -webkit-background-size: auto, cover;
  -moz-background-size: auto, cover;
  -o-background-size: auto, cover;
}
div.login-ui {
  background: inherit;
}
.login-ui div.login-dialog {
  background: var(--transparency-dark-25);
  border: none;
}
a.button,
button,
input[type="submit"] {
  background-color: var(--button-color);
  border: none;
  outline: 0;
}
a.button:hover,
button:hover,
input[type="submit"]:hover {
  background-color: var(--button-color-hover);
  border: none;
  cursor: pointer;
}
select {
  background: var(--transparency-dark-10);
  color: var(--text);
  border-color: transparent;
}
select:focus {
  background-color: var(--drop-down-menu-bg);
  color: var(--text);
}
.login-ui .login-fields .labeled-field input:focus {
  outline: 0;
}
.login-ui .login-fields .labeled-field.empty input {
  outline: 0;
  background: rgba(0, 0, 0, 0.15);
  caret-color: var(--text);
}
.login-ui .login-fields .labeled-field.empty input:focus {
  outline: 0;
  color: #000;
}
.login-ui .login-dialog .login-fields input {
  background: #fff;
  color: #000 !important;
}
div.location,
input[type="email"],
input[type="number"],
input[type="password"],
input[type="text"],
textarea {
  color: var(--text-hover);
}
input[type="checkbox"],
input[type="email"],
input[type="number"],
input[type="radio"],
input[type="text"],
textarea {
  color: var(--text-hover);
}
.login-ui .login-dialog .login-fields input {
  background: #fff;
  color: #000 !important;
}
.header h2 {
  color: rgb(var(--accent-color));
}
.connection .icon.rdp,
.connection .icon.vnc {
  background-image: url(app/ext/xhack/images/guacamole/guac-monitor.png);
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: 0.75em;
  padding-left: 2.5em;
}
.connection .icon.ssh,
.connection .icon.telnet {
  background-image: url(app/ext/xhack/images/guacamole/guac-text.png);
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: 0.75em;
  padding-left: 2.5em;
}
.user-menu .menu-dropdown .menu-title {
  background-image: url(app/ext/xhack/images/guacamole/guac-user.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: 0.75em;
  padding-left: 2.5em;
}
.user-menu .menu-dropdown .menu-contents li a[href="#/"] {
  background-image: url(app/ext/xhack/images/guacamole/guac-home-dark.png);
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: 0.75em;
  padding-left: 2.5em;
}
.user-menu .menu-dropdown .menu-contents li a[href="#/settings/connections"],
.user-menu .menu-dropdown .menu-contents li a[href="#/settings/preferences"],
.user-menu .menu-dropdown .menu-contents li a[href="#/settings/sessions"],
.user-menu .menu-dropdown .menu-contents li a[href="#/settings/users"] {
  background-image: url(app/ext/xhack/images/guacamole/guac-config-dark.png);
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: 0.75em;
  padding-left: 2.5em;
}
.user-menu .menu-dropdown .menu-contents li a.logout {
  background-image: url(app/ext/xhack/images/guacamole/guac-logout-dark.png);
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: 0.75em;
  padding-left: 2.5em;
}
.icon.user {
  background-image: url(app/ext/xhack/images/guacamole/guac-user.png);
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: 0.75em;
  padding-left: 2.5em;
}
.pager .icon.first-page {
  background-image: url(app/ext/xhack/images/guacamole/guac-first-page.png);
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: 0.75em;
  padding-left: 2.5em;
}
.pager .icon.prev-page {
  background-image: url(app/ext/xhack/images/guacamole/guac-prev-page.png);
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: 0.75em;
  padding-left: 2.5em;
}
.pager .icon.next-page {
  background-image: url(app/ext/xhack/images/guacamole/guac-next-page.png);
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: 0.75em;
  padding-left: 2.5em;
}
.pager .icon.last-page {
  background-image: url(app/ext/xhack/images/guacamole/guac-last-page.png);
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: 0.75em;
  padding-left: 2.5em;
}
.loading::before {
  background-image: url(app/ext/xhack/images/guacamole/cog.png);
}
table.sorted th.sort-primary.sort-descending:after {
  background-image: url(app/ext/xhack/images/guacamole/up.png);
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: 0.75em;
  padding-left: 2.5em;
}
.menu-dropdown .menu-indicator {
  background-image: url(app/ext/xhack/images/guacamole/down.png);
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: 0.75em;
  padding-left: 2.5em;
}
.menu-dropdown .menu-indicator:hover {
  background-image: url(app/ext/xhack/images/guacamole/down.png);
  color: #f9be03;
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: 0.75em;
  padding-left: 2.5em;
}
table.sorted th.sort-primary:after {
  background-image: url(app/ext/xhack/images/guacamole/down.png);
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: 0.75em;
  padding-left: 2.5em;
}
.form-field .password-field input[type="password"] ~ .icon.toggle-password {
  filter: invert(1);
}
thead {
  color: var(--text-hover);
}
table.sorted td,
table.sorted th {
  border: 1px solid rgb(255 255 255 / 15%);
}
.settings table.session-list tr.session:hover {
  background: var(--transparency-light-15);
}
.menu-dropdown.open,
.menu-dropdown.open:hover {
  background: var(--transparency-dark-25);
}
.menu-dropdown .menu-contents li a {
  display: block;
  cursor: pointer;
  color: var(--text);
  text-decoration: none;
  padding: 0.75em;
}
.menu-dropdown .menu-contents li a.current,
.menu-dropdown .menu-contents li a.current:hover {
  color: var(--text-hover);
}
.menu-dropdown .menu-contents li a:hover {
  background: var(--transparency-dark-25);
  color: var(--text-hover);
}
.menu-dropdown:hover {
  background: var(--transparency-dark-25);
  color: var(--text-hover);
}
.menu-dropdown .menu-contents {
  background: var(--drop-down-menu-bg);
}
.header .filter input {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  border: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.125);
  background-color: transparent;
  color: var(--text-hover);
}
.filter .search-string {
  background-image: url(app/ext/xhack/images/guacamole/magnifier.png) !important;
  background-repeat: no-repeat !important;
  background-size: 1.75em !important;
  background-position: 0.25em center !important;
  padding: 0.5em !important;
  padding-left: 2.25em !important;
  width: 100%;
  max-width: none;
  background: var(--transparency-dark-25);
  border: 0;
}
div.location,
input[type="email"],
input[type="number"],
input[type="password"],
input[type="text"],
textarea {
  color: var(--text-hover);
}
.connection a:visited,
.connection-group a:visited,
.user a:visited {
  text-decoration: none;
  color: var(--link-color-hover);
}
.recent-connections .connection:hover {
  background: var(--transparency-dark-10);
  color: var(--link-color-hover);
}
.list-item:not(.selected) .caption:hover {
  background: var(--transparency-dark-10);
  color: var(--link-color-hover);
}
.list-item .name {
  color: var(--link-color);
}
.list-item:not(.selected) .caption:hover .name {
  color: var(--link-color-hover);
}
.menu,
.menu .header {
  background: var(--modal-bg-color) !important;
  background-repeat: repeat, no-repeat;
  background-attachment: fixed, fixed;
  background-position: center center, center center;
  background-size: auto, cover;
  -webkit-background-size: auto, cover;
  -moz-background-size: auto, cover;
  -o-background-size: auto, cover;
  box-shadow: none;
}
.menu-body,
.menu-content,
.menu-content .header {
  background: var(--modal-bg-color) !important;
  background-repeat: repeat, no-repeat;
  background-attachment: fixed, fixed;
  background-position: center center, center center;
  background-size: auto, cover;
  -webkit-background-size: auto, cover;
  -moz-background-size: auto, cover;
  -o-background-size: auto, cover;
}
.clipboard,
.clipboard-service-target {
  background: var(--transparency-dark-25);
  color: var(--text-hover);
}
.notification.error {
  background: var(--modal-bg-color);
  background-repeat: repeat, no-repeat;
  background-attachment: fixed, fixed;
  background-position: center center, center center;
  background-size: auto, cover;
  -webkit-background-size: auto, cover;
  -moz-background-size: auto, cover;
  -o-background-size: auto, cover;
  color: var(--text-hover);
}
.notification {
  background: var(--modal-bg-color);
  background-repeat: repeat, no-repeat;
  background-attachment: fixed, fixed;
  background-position: center center, center center;
  background-size: auto, cover;
  -webkit-background-size: auto, cover;
  -moz-background-size: auto, cover;
  -o-background-size: auto, cover;
  color: var(--text-hover);
}
.page-tabs .page-list li a[href]:visited {
  color: var(--text-hover);
}
.page-tabs .page-list li a[href] {
  color: var(--text-hover);
}
.page-tabs .page-list li a[href]:hover {
  background: var(--transparency-dark-25);
}
.connection a:visited,
.connection-group a:visited,
.user a:visited {
  text-decoration: none;
  color: var(--link-color);
}
.connection a:hover,
.connection-group a:hover,
.user a:hover,
.user-group a:hover,
a.ng-binding:hover:not(.add-user):not(.button) {
  color: var(--link-color-hover) !important;
}
.connection a,
.connection-group a,
.user a,
a.ng-binding:not(.add-user):not(.button) {
  text-decoration: none;
  color: var(--link-color);
}
div.location,
input[type="email"],
input[type="number"],
input[type="password"],
input[type="text"],
textarea {
  border: 0;
  background: var(--transparency-dark-25);
}
.location-chooser .dropdown {
  background: #666;
}
.page-tabs .page-list li a[href],
.section-tabs li a {
  color: var(--text) !important;
}
.page-tabs .page-list li a[href].current,
.page-tabs .page-list li a[href].current:hover,
.section-tabs li a.current,
.section-tabs li a.current:hover {
  background: var(--transparency-dark-25);
  cursor: default;
  color: rgb(var(--accent-color)) !important;
}
.page-tabs .page-list li a[href]:hover,
.section-tabs li a:hover {
  background: var(--transparency-dark-10);
  color: var(--text-hover) !important;
}
.manage-user .page-tabs .page-list li.linked a[href]:before {
  background-image: url(app/ext/xhack/images/guacamole/checkmark.png);
}
.manage-user .page-tabs .page-list li.read-only a[href]:before {
  background-image: url(app/ext/xhack/images/guacamole/lock.png);
}
.manage-user .notice.read-only {
  background: var(--transparency-dark-10);
}
.duo-signature-response-field {
  background: var(--modal-bg-color) !important;
  background-repeat: repeat, no-repeat;
  background-attachment: fixed, fixed;
  background-position: center center, center center;
  background-size: auto, cover;
  -webkit-background-size: auto, cover;
  -moz-background-size: auto, cover;
  -o-background-size: auto, cover;
}
.base-wrapper {
  border: 1px solid transparent !important;
  background: var(--modal-bg-color) !important;
  background-repeat: repeat, no-repeat;
  background-attachment: fixed, fixed;
  background-position: center center, center center;
  background-size: auto, cover;
  -webkit-background-size: auto, cover;
  -moz-background-size: auto, cover;
  -o-background-size: auto, cover;
}
.base-body {
  background-color: #333 !important;
}
h1.spacious-frame-view {
  color: var(--text-hover) !important;
}
@media screen and (-webkit-max-device-pixel-ratio: 1.25),
  screen and (max-resolution: 120dpi) {
  .h1,
  h1 {
    color: var(--text-hover) !important;
  }
}
.white-wrapper {
  background-color: #333 !important;
  color: var(--text) !important;
}
form:not(.inline) fieldset {
  background-color: #333 !important;
}
label span {
  color: var(--text-hover) !important;
}
input[type="radio"] {
  border: 1px solid var(--text-hover) !important;
}
#connection-warning {
  background: var(--modal-bg-color);
  background-repeat: repeat, no-repeat;
  background-attachment: fixed, fixed;
  background-position: center center, center center;
  background-size: auto, cover;
  -webkit-background-size: auto, cover;
  -moz-background-size: auto, cover;
  -o-background-size: auto, cover;
  color: var(--text);
}
#file-transfer-dialog .transfer-manager {
  background: var(--modal-bg-color);
  background-repeat: repeat, no-repeat;
  background-attachment: fixed, fixed;
  background-position: center center, center center;
  background-size: auto, cover;
  -webkit-background-size: auto, cover;
  -moz-background-size: auto, cover;
  -o-background-size: auto, cover;
}
.transfer.error {
  background: rgba(244, 67, 54, 0.5);
}
.transfer-manager .header h2 {
  background-color: transparent;
}
.transfer .in-progress .progress {
  background: var(--modal-bg-color);
  background-repeat: repeat, no-repeat;
  background-attachment: fixed, fixed;
  background-position: center center, center center;
  background-size: auto, cover;
  -webkit-background-size: auto, cover;
  -moz-background-size: auto, cover;
  -o-background-size: auto, cover;
}
.related-objects .abbreviated-related-objects ul li {
  display: inline-block;
  margin: 0.25em;
  padding: 0.25em;
  border: 1px solid rgb(var(--accent-color));
  background: rgb(var(--accent-color));
}
.related-objects .abbreviated-related-objects ul li label span {
  color: var(--label-text-color) !important;
}
.attributes .form h3,
.header {
  background: var(--transparency-dark-25);
}
.connection-parameters .form .fields {
  border-left: 3px solid rgb(var(--accent-color));
}
:root {
  --main-bg-color: linear-gradient(135deg, #252b2f, #090c0e) center center/cover no-repeat fixed;

  --modal-bg-color: var(--main-bg-color);
  --modal-header-color: var(--main-bg-color);
  --modal-footer-color: var(--main-bg-color);

  --drop-down-menu-bg: var(--main-bg-color);

  --button-color: #252b2f;
  --button-color-hover: #090c0e;
  --button-text: #eee;
  --button-text-hover: hsla(0, 0%, 100%, 0.95);

  --accent-color: 81, 101, 114;
  --accent-color-hover: rgb(var(--accent-color),.8);
  --link-color: rgb(96, 128, 150);
  --link-color-hover: rgb(81, 101, 114, .8);
  --label-text-color: #eee;

  --text:#ddd;
  --text-hover: #fff;
  --text-muted: #999;

  /*Specials*/
  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
  --plex-poster-unwatched: rgb(81, 101, 114);
  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
  --gitea-color-primary-dark-4:  81, 101, 114;
  --overseerr-gradient: linear-gradient(135deg, rgb(37, 43, 47, .9), rgb(9, 12, 14, .9)) center center/cover no-repeat fixed;
}
.login-ui .login-dialog .logo {
  background-image: url(app/ext/xhack/images/logo.png);
  width: 9em;
  height: 9em;
  -webkit-background-size: 9em auto;
  background-size: contain;
}
.sso-providers {
  width: 100%;
  /* display: table-cell; */
  vertical-align: middle;
  text-align: center;
}

.sso-providers ul.sso-provider-list,
.sso-providers li.sso-provider {
  display: block;
  margin: 1em;
}

.sso-providers li::before {
  content: "" !important;
}

.sso-providers a {
  -webkit-appearance: none;
  text-decoration: none !important;
  background-color: var(--button-color);
  border: none;
  color: #fff !important;
  text-shadow: -1px -1px rgb(0 0 0 / 30%);
  font-size: 1em;
  font-weight: 700;
  font-family: Carlito, FreeSans, Helvetica, Arial, sans-serif;
  padding: 0.35em 1em;
  min-width: 5em;
  margin: 0.25em;
  box-shadow: 0 1px 2px rgb(0 0 0 / 25%);
}

.sso-providers .sso-provider-list .sso-provider a:hover {
  background-color: var(--button-color-hover);
  border: none;
  cursor: pointer;
  color: #fff !important;
}
/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

/* Label/tag denoting the user that shared a connection */
.jdbc-share-tag {

    background: #0095ff;
    padding: 0.25em;

    -moz-border-radius:    0.25em;
    -webkit-border-radius: 0.25em;
    -khtml-border-radius:  0.25em;
    border-radius:         0.25em;

    color: white;
    font-size: 0.75em;
    font-weight: bold;

}
/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

.login-ui .sso-providers {

    padding: 0.25em 0.5em;
    position: absolute;
    bottom: 0;
    left: 0;

    display: none;

}

.login-ui .sso-providers:last-child {
    display: block;
}

.sso-providers ul {
    list-style: none;
}

.sso-providers ul, .sso-providers li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.sso-providers li::before {
    content: ' / ';
}

.sso-providers li:first-child::before {
    display: none;
}