.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}/*
 * 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;

}
/* === NRNIA DARK THEME === */

body {
    background-color: #0a0a0f;
    background-repeat: no-repeat;
}

div.login-ui {
    background-color: #0a0a0f !important;
}

/* Hide top bar ONLY on login page */
.login-ui .header,
.login-ui .navigation {
    display: none !important;
}

/* Hide the guacamole logo on login */
.login-ui .login-dialog .logo {
    display: none !important;
}

/* Hide app name text */
.login-ui .login-dialog .version .app-name {
    display: none !important;
}

/* Login dialog box with 3D glow */
.login-ui .login-dialog {
    background-color: #12121f;
    max-width: 5in;
    border: solid 1px #2a2a4a;
    border-radius: 12px;
    color: #d0d0e0;
    box-shadow:
        0 0 15px rgba(108, 99, 255, 0.3),
        0 0 40px rgba(108, 99, 255, 0.15),
        0 0 80px rgba(108, 99, 255, 0.08),
        0 8px 32px rgba(0, 0, 0, 0.6);
}

/* All text inside login dialog */
.login-ui .login-dialog p,
.login-ui .login-dialog label,
.login-ui .login-dialog span,
.login-ui .login-dialog .login-fields .labeled-field label,
.login-ui .login-dialog .login-fields .labeled-field.empty label {
    color: #d0d0e0 !important;
}

/* Input fields */
input[name="username"],
input[name="password"],
input[name="guac-totp"],
input[ng-model="searchString"],
.login-ui .login-dialog .login-fields input,
.login-ui .login-dialog input {
    background-color: #0a0a15 !important;
    color: #e0e0e0 !important;
    border: 1px solid #2a2a4a !important;
    border-radius: 6px;
    padding: 0.6em !important;
}

input[name="username"]:focus,
input[name="password"]:focus,
input[name="guac-totp"]:focus,
.login-ui .login-dialog input:focus {
    border-color: #6c63ff !important;
    box-shadow: 0 0 8px rgba(108, 99, 255, 0.3);
    outline: none;
}

/* Placeholder text */
.login-ui .login-dialog input::placeholder {
    color: #666680 !important;
}

/* Login button */
a.button, button, input[type=submit] {
    background-color: #6c63ff;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    transition: all 0.2s ease;
    font-weight: 500;
}

a.button:hover, button:hover, input[type=submit]:hover {
    background-color: #5a52d5;
    box-shadow: 0 0 12px rgba(108, 99, 255, 0.4);
}

/* Login error */
.login-ui.error p.login-error {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    padding: 1em;
    margin: 0;
    background: #ff4444;
    border: none;
    text-align: center;
    color: #ffffff;
    z-index: 200;
}

/* === POST-LOGIN STYLES === */

/* Header / Navigation bar (visible after login) */
.header,
.navigation {
    background: #12121f !important;
    color: #e0e0e0 !important;
    border-bottom: 1px solid #2a2a4a;
}

.navigation a {
    color: #b0b0cc;
    text-decoration: none;
    transition: all 0.2s ease;
}

.navigation a:hover {
    background-color: #6c63ff;
    color: #ffffff;
}

/* Tab bar */
.page-tabs .page-list li a[href].current {
    background: #6c63ff !important;
    color: #ffffff !important;
}

.page-tabs .page-list li a[href]:hover {
    background: #5a52d5 !important;
    color: #ffffff !important;
}

/* Menu dropdown */
.page-list-level li,
.menu-dropdown {
    background: #12121f !important;
}

.menu-dropdown .ng-isolate-scope .open {
    background: #12121f !important;
}

/* Connection list */
.list-item:not(.selected) .caption:hover {
    background: #1e1e35 !important;
    border: solid 1px #3a3a5a !important;
}

.recent-connections .connection:hover {
    background: #1e1e35 !important;
}

.list-item .name {
    color: #8888cc;
    font-weight: 400;
    padding: 0.1em;
    margin-left: 0.25em;
}

/* User menu */
.user-menu {
    background: #12121f !important;
    color: #e0e0e0 !important;
}

.user-menu:hover {
    background: #6c63ff !important;
    color: #ffffff !important;
}
/* === SETTINGS / ADMIN PAGE TEXT === */
.settings,
.settings *,
.view,
.view *,
table,
table *,
th, td,
.section,
.section *,
.form,
.form *,
p, span, label, h1, h2, h3, h4 {
    color: #d0d0e0 !important;
}

/* Table styling */
table {
    border-collapse: collapse;
}

th {
    color: #8888cc !important;
    border-bottom: 1px solid #2a2a4a;
}

td {
    border-bottom: 1px solid #1a1a2e;
}

tr:hover td {
    background-color: #1e1e35;
}

/* Filter/search input */
input[type="text"],
input[type="search"],
input.filter,
input {
    background-color: #0a0a15 !important;
    color: #e0e0e0 !important;
    border: 1px solid #2a2a4a !important;
}

/* Settings page background */
.settings-page,
.view,
.body,
.client-body {
    background-color: #0a0a0f !important;
}

/* Links in settings */
a {
    color: #8888cc;
}

a:hover {
    color: #6c63ff;
}