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

}
/* ---- Helix branding for Guacamole login ---- */

.login-ui {
    background: #1b2a5e !important;
    background: linear-gradient(160deg, #16224e 0%, #24336f 55%, #33468c 100%) !important;
}

.login-ui .login-dialog {
    background: #ffffff !important;
    border: none !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.38) !important;
    padding: 1.7em 1.5em 1.5em !important;
    max-width: 3.4in !important;
    color: #24325f !important;
}

/* Logo (982x384 -> 39.1% aspect box) */
.login-ui .login-dialog .logo {
    display: block !important;
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 39.1% !important;
    margin: 0 0 0.15em 0 !important;
    background-image: url('app/ext/helix-branding/images/helix-logo.jpeg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    opacity: 1 !important;
}

/* Replace "APACHE GUACAMOLE / version" with our own subtitle */
.login-ui .login-dialog .version .app-name,
.login-ui .login-dialog .version .version-number {
    display: none !important;
}

.login-ui .login-dialog .version {
    padding: 0 0 1.1em 0 !important;
    text-align: center !important;
}

.login-ui .login-dialog .version::before {
    content: "Tally Server Access";
    display: block;
    font-size: 0.6em;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #8b93b0;
}

/* Field labels */
.login-ui .login-dialog th,
.login-ui .login-dialog label {
    color: #5a6488 !important;
    text-shadow: none !important;
    font-size: 0.66em !important;
    font-weight: 600 !important;
    letter-spacing: 0.09em !important;
    text-transform: uppercase !important;
}

/* Inputs */
.login-ui .login-dialog input[type="text"],
.login-ui .login-dialog input[type="email"],
.login-ui .login-dialog input[type="password"] {
    width: 100% !important;
    box-sizing: border-box !important;
    background: #f5f7fc !important;
    border: 1px solid #d4dbea !important;
    border-radius: 8px !important;
    padding: 0.62em 0.72em !important;
    margin: 0.15em 0 0.55em 0 !important;
    color: #24325f !important;
    font-size: 0.8em !important;
    box-shadow: none !important;
    outline: none !important;
}

.login-ui .login-dialog input[type="text"]:focus,
.login-ui .login-dialog input[type="email"]:focus,
.login-ui .login-dialog input[type="password"]:focus {
    border-color: #33468c !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(51, 70, 140, 0.13) !important;
}

.login-ui .login-dialog .login-fields table,
.login-ui .login-dialog .login-fields tbody,
.login-ui .login-dialog .login-fields tr,
.login-ui .login-dialog .login-fields td,
.login-ui .login-dialog .login-fields th {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
}

/* Submit button */
.login-ui .login-dialog .buttons {
    text-align: center !important;
    margin-top: 0.4em !important;
}

.login-ui .login-dialog input[type="submit"] {
    width: 100% !important;
    background: #24336f !important;
    background-image: none !important;
    border: none !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0.72em 1em !important;
    font-size: 0.78em !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
    cursor: pointer !important;
    transition: background 0.15s ease !important;
}

.login-ui .login-dialog input[type="submit"]:hover {
    background: #33468c !important;
}

/* Error message */
.login-ui .login-error {
    color: #ffffff !important;
    background: rgba(228, 85, 111, 0.92) !important;
    border-radius: 8px !important;
    padding: 0.7em 1em !important;
    max-width: 3.4in !important;
    margin: 0 auto !important;
    font-size: 0.8em !important;
}