/*
 * 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}:root {
    --softload-navy: #073b6f;
    --softload-navy-dark: #042b53;
    --softload-lime: #a9c817;
    --softload-white: #ffffff;
}

body {
    font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Login */
div.login-ui {
    background:
        linear-gradient(115deg, rgba(3, 28, 55, 0.82), rgba(7, 59, 111, 0.36)),
        url("app/ext/softload-theme/images/softload-background.jpg") center center / cover no-repeat fixed;
}

.login-ui .login-dialog {
    box-sizing: border-box;
    max-width: 360px;
    padding: 32px 34px 28px;
    border-top: 5px solid var(--softload-lime);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 18px 55px rgba(0, 0, 0, 0.35);
}

.login-ui .login-dialog .logo {
    width: 220px;
    height: 54px;
    margin: 0 auto 12px;
    background-image: url("app/ext/softload-theme/images/softload-logo.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.login-ui .login-dialog .version {
    padding: 0;
}

.login-ui .login-dialog .version .app-name {
    color: var(--softload-navy);
    font-size: 1.15em;
    letter-spacing: 0.02em;
    text-transform: none;
}

.login-ui .login-dialog .version .version-number {
    display: none;
}

.softload-login-subtitle {
    margin: 5px 0 20px;
    color: #5c6874;
    font-size: 0.72em;
    text-align: center;
}

.login-ui .login-dialog .login-fields input {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #cbd3da;
    border-radius: 4px;
    background: #fff;
    color: #263746;
}

.login-ui .login-dialog .login-fields input:focus {
    border-color: var(--softload-navy);
    box-shadow: 0 0 0 3px rgba(7, 59, 111, 0.12);
    outline: none;
}

.login-ui .login-dialog .buttons input[type="submit"] {
    box-sizing: border-box;
    width: 100%;
    min-height: 42px;
    border: 1px solid var(--softload-navy);
    border-radius: 4px;
    background: var(--softload-navy);
    color: var(--softload-white);
    font-weight: 600;
}

.login-ui .login-dialog .buttons input[type="submit"]:hover {
    border-color: var(--softload-navy-dark);
    background: var(--softload-navy-dark);
}

.login-ui.error p.login-error {
    border-color: #a93f3f;
    background: #fff0f0;
    color: #8c2929;
}

/* Cabeçalho e página inicial */
.header {
    border-bottom: 3px solid var(--softload-lime);
    background: var(--softload-navy);
    color: var(--softload-white);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16);
}

.header a,
.header .user-menu,
.header .user-menu .user-menu-button {
    color: var(--softload-white);
}

.home-ui,
.settings-ui,
.manage-ui {
    min-height: 100%;
    background:
        linear-gradient(rgba(255, 255, 255, 0.91), rgba(255, 255, 255, 0.96)),
        url("app/ext/softload-theme/images/softload-background.jpg") center center / cover fixed;
}

.recent-connections .connection {
    border: 1px solid rgba(7, 59, 111, 0.14);
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 5px 18px rgba(7, 59, 111, 0.14);
    transition: transform 120ms ease, box-shadow 120ms ease;
}

.recent-connections .connection:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(7, 59, 111, 0.22);
}

input[type="submit"],
button,
a.button {
    border-color: var(--softload-navy);
    background-color: var(--softload-navy);
    color: var(--softload-white);
}

input[type="submit"]:hover,
button:hover,
a.button:hover {
    border-color: var(--softload-navy-dark);
    background-color: var(--softload-navy-dark);
}

a,
.link,
.connection-name {
    color: var(--softload-navy);
}

@media (max-width: 520px) {
    .login-ui .login-dialog {
        width: calc(100% - 32px);
        padding: 26px 22px 24px;
    }

    .login-ui .login-dialog .logo {
        width: 190px;
    }
}