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

}
/* ==========================================================
   QDV WEB - Branding Quotex
   Couleurs charte : magenta #E2127A / gris #9C9E9F
   ========================================================== */

:root {
    --qdv-magenta: #E2127A;
    --qdv-magenta-dark: #B80E63;
    --qdv-grey: #9C9E9F;
    --qdv-grey-dark: #6E7071;
}

/* ---------- Logo sur l'écran de connexion ---------- */
.login-ui .logo {
    background-image: url('logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 260px;
    height: 90px;
}

/* ---------- Fond général de l'écran de login ---------- */
.login-ui {
    background-color: #f4f4f4;
}

.login-ui .login-dialog {
    border-top: 4px solid var(--qdv-magenta);
}

/* ---------- Boutons principaux ---------- */
.login-ui button[type="submit"],
button.button.primary,
.button.primary {
    background-color: var(--qdv-magenta) !important;
    border-color: var(--qdv-magenta) !important;
    color: #ffffff !important;
}

.login-ui button[type="submit"]:hover,
button.button.primary:hover,
.button.primary:hover {
    background-color: var(--qdv-magenta-dark) !important;
    border-color: var(--qdv-magenta-dark) !important;
}

/* ---------- Liens et éléments actifs ---------- */
a {
    color: var(--qdv-magenta);
}

.list-item.selected,
.connection.selected,
.tree-item.selected {
    background-color: rgba(226, 18, 122, 0.12) !important;
    border-left: 3px solid var(--qdv-magenta);
}

/* ---------- Barre de menu / en-tête ---------- */
.page-header,
#topbar,
.guac-menu {
    background-color: var(--qdv-grey-dark);
    color: #ffffff;
}

/* ---------- Icônes et indicateurs de statut ---------- */
.status.connected,
.connected-indicator {
    color: var(--qdv-magenta);
}

/* ---------- Barres de progression / chargement ---------- */
.progress-bar-value,
.loading-indicator {
    background-color: var(--qdv-magenta) !important;
}