/* Darkside Guacamole - layered dark theme */

html,
body,
.page,
.content,
.content-area,
.main,
.main-content,
.home,
.settings,
.preferences,
.connection-list,
.connection-group {
    background: #151719 !important;
    color: #e6e6e6 !important;
}

/* Header */
.header,
.header-bar,
.navigation {
    background: #1c1f22 !important;
    color: #eeeeee !important;
    border-color: #34383c !important;
}

/* Major sections */
.section,
.panel,
.settings-section,
.connection-group,
.connection-list {
    background: #191c1f !important;
    color: #e6e6e6 !important;
    border-color: #34383c !important;
}

/* Connection tiles */
.connection,
.connection-list-item,
.list-item {
    background: #22262a !important;
    color: #eeeeee !important;
    border: 1px solid #34383c !important;
}

.connection:hover,
.connection-list-item:hover,
.list-item:hover {
    background: #2b3035 !important;
}

/* Kill Guacamole's pale green connection highlight */
.connection-list-item.selected,
.list-item.selected,
.connection.selected,
.selected,
.active {
    background: #30363b !important;
    color: #ffffff !important;
}

/* Menus and dialogs */
.menu,
.menu-body,
.menu-contents,
.menu-dropdown,
.dropdown,
.dropdown-menu,
.dialog,
.modal,
.modal-content,
.user-menu {
    background: #202327 !important;
    color: #eeeeee !important;
    border-color: #3a3e43 !important;
}

/* Login */
.login-ui {
    background: #151719 !important;
}

.login-ui .login-dialog,
.login-dialog {
    background: #202327 !important;
    color: #eeeeee !important;
    border: 1px solid #3a3e43 !important;
    box-shadow: 0 12px 40px rgba(0,0,0,.45) !important;
}

/* Forms */
input,
textarea,
select,
.input,
.form-control {
    background: #272b2f !important;
    color: #f2f2f2 !important;
    border: 1px solid #454a50 !important;
    box-shadow: none !important;
}

input:focus,
textarea:focus,
select:focus {
    background: #2c3136 !important;
    border-color: #777d84 !important;
    color: #ffffff !important;
}

/* Buttons */
button,
.button,
input[type="submit"],
input[type="button"] {
    background: #30353a !important;
    color: #eeeeee !important;
    border: 1px solid #4b5157 !important;
}

button:hover,
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background: #3b4147 !important;
    color: #ffffff !important;
}

/* Tables */
table,
thead,
tbody,
tr,
td,
th {
    background-color: #1d2023 !important;
    color: #e6e6e6 !important;
    border-color: #34383c !important;
}

tr:hover td {
    background: #292d31 !important;
}

/* Links */
a,
.link {
    color: #c5cbd1 !important;
}

a:hover,
.link:hover {
    color: #ffffff !important;
}

/* Authentication / TOTP */
.login-ui .form-field,
.login-ui .instructions,
.login-ui .notice {
    background: transparent !important;
    color: #e6e6e6 !important;
}

/* Scrollbars */
* {
    scrollbar-color: #555b61 #202327;
}

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

::-webkit-scrollbar-track {
    background: #202327;
}

::-webkit-scrollbar-thumb {
    background: #555b61;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #6a7178;
}

/* Miscellaneous containers */
fieldset,
legend,
.properties,
.properties-list,
.accordion,
.tabs,
.tab,
.notification,
.notification-container {
    background-color: #202327 !important;
    color: #e6e6e6 !important;
    border-color: #3a3e43 !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;

}
.totp-enroll p,.totp-details{font-size:.8em}.totp-qr-code{text-align:center}.totp-qr-code img{margin:1em;border:1px solid rgba(0,0,0,0.25);box-shadow:1px 1px 2px rgba(0,0,0,0.25);cursor:pointer}h3.totp-details-header{font-size:.8em}h3.totp-details-header::before{content:'▸ '}.totp-details-visible h3.totp-details-header::before{content:'▾ '}.totp-details,.totp-hide-details{display:none}.totp-details-visible .totp-details{display:table}.totp-details-visible .totp-hide-details{display:inline}.totp-details-visible .totp-show-details{display:none}.totp-hide-details,.totp-show-details{color:blue;text-decoration:underline;cursor:pointer;margin:0 .25em;font-weight:normal}.totp-details{margin:0 auto}.totp-details th{padding-right:.25em;text-align:left}.totp-details td{font-family:monospace}.totp-detail{display:inline-block;margin:0 .25em}