/*
 * 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}/* --- RED HAT INSPIRED THEME FOR GUACAMOLE --- */

/* 1. Global Background, Font, and Text */
body, .app, .guac-ui, .view, .connection-list-ui, .login-ui {
    background-color: #f0f0f0 !important; /* Clean light gray background */
    color: #151515 !important;            /* Dark charcoal text */
    font-family: 'Red Hat Text', 'Red Hat Display', Helvetica, Arial, sans-serif !important;
}

/* 2. Top Header Bar */
.header {
    background-color: #151515 !important; /* Dark charcoal header */
    border-bottom: 4px solid #ee0000 !important; /* Red Hat Brand Red Accent */
}

.header h2, .header a {
    color: #ffffff !important;
}

/* 3. Header Dropdown Menus */
.user-menu .menu-title, .user-menu .menu-contents {
    background-color: #ffffff !important;
    color: #151515 !important;
    border: 1px solid #d2d2d2 !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
}

.menu-contents li a {
    color: #151515 !important;
}

.menu-contents li a:hover {
    background-color: #ee0000 !important;
    color: #ffffff !important;
}

/* 4. Connection List Items (Making them look like clean cards) */
.group-list, .connection, .recent-connections {
    background-color: #ffffff !important; 
    color: #151515 !important;
    border: 1px solid #d2d2d2 !important;
    margin-bottom: 4px !important;
    border-radius: 2px !important;
}

.connection:hover {
    border-left: 4px solid #ee0000 !important; /* Red accent bar on hover */
    background-color: #fafafa !important;
}

/* 5. Inputs and Search Bars */
input.search-string, input[type="text"], input[type="password"] {
    background-color: #ffffff !important;
    color: #151515 !important;
    border: 1px solid #8a8d90 !important;
    border-bottom: 2px solid #8a8d90 !important;
    border-radius: 0 !important;
    padding: 8px !important;
}

input:focus {
    border-bottom: 2px solid #ee0000 !important; /* Red underline on focus */
    outline: none !important;
}

/* 6. Buttons */
button, .btn, .login-ui .login-dialog .login-button {
    background-color: #ee0000 !important; /* Red Hat Red */
    color: #ffffff !important;
    border: none !important;
    border-radius: 3px !important;
    padding: 10px 24px !important;
    font-weight: 600 !important;
    text-transform: none !important;
}

button:hover, .btn:hover, .login-ui .login-dialog .login-button:hover {
    background-color: #cc0000 !important; /* Slightly darker red on hover */
    cursor: pointer;
}

/* 7. Login Dialog Box Overrides */
.login-ui .login-dialog {
    background: #ffffff !important;
    border-top: 6px solid #ee0000 !important;
    border-radius: 0 !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15) !important; 
    color: #151515 !important;
}