/* =========================================================
   MARTINO ENTREGAS - GUACAMOLE
   LOGIN AZUL / GRAFITO
   ========================================================= */


/* =========================================================
   FONDO GENERAL
   ========================================================= */

div.login-ui {

    background:
        radial-gradient(
            circle at center,
            #17364d 0%,
            #102a3d 45%,
            #071725 100%
        ) !important;

    color: #ffffff !important;
}


/* =========================================================
   PANEL LOGIN
   ========================================================= */

.login-ui .login-dialog {

    background:
        linear-gradient(
            180deg,
            #142a3a 0%,
            #0a1c29 100%
        ) !important;

    border: 1px solid #078cff !important;

    border-radius: 9px !important;

    padding: 28px !important;

    box-shadow:
        0 18px 45px rgba(0,0,0,0.55),
        0 0 20px rgba(0,140,255,0.12) !important;
}


/* =========================================================
   LOGO MARTINO
   NUEVA IMAGEN CUADRADA

   La imagen tiene mucho espacio arriba y abajo.
   Por eso hacemos "zoom" sobre la zona central.
   ========================================================= */

.login-ui .login-dialog .logo {

    background-image:
        url('app/ext/tempnamespace/images/logo-placeholder.png') !important;

    width: 240px !important;
    height: 135px !important;

    /*
       La imagen original es prácticamente cuadrada.
       La ampliamos dentro de esta ventana para eliminar
       visualmente el espacio azul sobrante.
    */

    background-size: 240px auto !important;

    background-repeat: no-repeat !important;

    /*
       IMPORTANTE:
       desplaza verticalmente la imagen para mostrar
       solamente la zona del logo.
    */

    background-position:
        center 43% !important;

    display: block !important;

    margin:
        0 auto
        18px auto !important;

    padding: 0 !important;
}


/* =========================================================
   ACCESO REMOTO
   ========================================================= */

.login-ui .login-dialog .app-name {

    color: #f5f7fa !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 25px !important;

    font-weight: 600 !important;

    line-height: 1.15 !important;

    letter-spacing: 4px !important;

    text-align: center !important;

    text-transform: uppercase !important;

    text-shadow:
        0 2px 3px rgba(0,0,0,0.85) !important;

    margin:
        8px 0
        27px 0 !important;
}


/* =========================================================
   FORMULARIO
   ========================================================= */

.login-ui .login-fields {

    margin-top: 0 !important;
}


/* =========================================================
   CONTENEDOR DE CADA CAMPO
   ========================================================= */

.login-ui .login-fields .labeled-field {

    position: relative !important;

    margin-bottom: 10px !important;
}


/* =========================================================
   INPUT

   MUY IMPORTANTE:
   acá forzamos el color del texto REAL escrito.
   ========================================================= */

.login-ui .login-fields input,
.login-ui .login-fields input[type="text"],
.login-ui .login-fields input[type="password"],

.login-ui .login-fields
.username-field input,

.login-ui .login-fields
.password-field input,

.login-ui
.labeled-field-username input,

.login-ui
.labeled-field-password input {

    box-sizing: border-box !important;

    width: 100% !important;
    height: 42px !important;

    background-color: #081923 !important;

    color: #ffffff !important;

    -webkit-text-fill-color: #ffffff !important;

    caret-color: #00a2ff !important;

    border:
        1px solid #55758b !important;

    border-radius: 5px !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 15px !important;

    font-weight: 400 !important;

    padding:
        0 13px !important;

    opacity: 1 !important;

    outline: none !important;

    text-shadow: none !important;

    box-shadow:
        inset 0 1px 3px
        rgba(0,0,0,0.30) !important;
}


/* =========================================================
   USUARIO ESCRITO
   ========================================================= */

.login-ui
.labeled-field-username
.username-field input {

    color: white !important;

    -webkit-text-fill-color:
        white !important;
}


/* =========================================================
   CONTRASEÑA ESCRITA
   ========================================================= */

.login-ui
.labeled-field-password
.password-field input {

    color: white !important;

    -webkit-text-fill-color:
        white !important;
}


/* =========================================================
   ETIQUETAS CUANDO ESTAN VACIOS

   HTML REAL:
   .labeled-field.empty .field-header
   ========================================================= */

.login-ui
.login-fields
.labeled-field.empty
.field-header {

    display: block !important;

    position: absolute !important;

    z-index: 20 !important;

    top: 50% !important;

    left: 13px !important;

    transform:
        translateY(-50%) !important;

    margin: 0 !important;

    padding: 0 !important;

    color: #b9c9d5 !important;

    opacity: 1 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 15px !important;

    font-weight: normal !important;

    line-height: 1 !important;

    pointer-events: none !important;
}


/* =========================================================
   CUALQUIER ELEMENTO DENTRO DEL HEADER
   ========================================================= */

.login-ui
.login-fields
.labeled-field.empty
.field-header * {

    color: #b9c9d5 !important;

    opacity: 1 !important;
}


/* =========================================================
   CUANDO ESCRIBIMOS
   OCULTAMOS "Usuario" / "Contraseña"
   ========================================================= */

.login-ui
.login-fields
.labeled-field:not(.empty)
.field-header {

    display: none !important;
}


/* =========================================================
   INPUT SELECCIONADO
   ========================================================= */

.login-ui
.login-fields
input:focus {

    background-color:
        #0b2130 !important;

    color:
        #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    border-color:
        #00a2ff !important;

    outline:
        none !important;

    box-shadow:
        0 0 0 1px
        rgba(0,162,255,0.20),

        0 0 10px
        rgba(0,140,255,0.45) !important;
}


/* =========================================================
   TEXTO CUANDO EL CAMPO TIENE FOCO
   ========================================================= */

.login-ui
.labeled-field-username
input:focus,

.login-ui
.labeled-field-password
input:focus {

    color:
        #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;
}


/* =========================================================
   AUTOCOMPLETADO CHROME / EDGE
   ========================================================= */

.login-ui input:-webkit-autofill,

.login-ui input:-webkit-autofill:hover,

.login-ui input:-webkit-autofill:focus,

.login-ui input:-webkit-autofill:active {

    -webkit-text-fill-color:
        #ffffff !important;

    caret-color:
        #ffffff !important;

    -webkit-box-shadow:
        0 0 0 1000px
        #081923 inset !important;

    box-shadow:
        0 0 0 1000px
        #081923 inset !important;

    transition:
        background-color
        9999s ease-out !important;
}


/* =========================================================
   BOTON
   ========================================================= */

.login-ui
.buttons
input[type="submit"] {

    box-sizing: border-box !important;

    width: 100% !important;
    height: 43px !important;

    background:
        linear-gradient(
            180deg,
            #16a5ff 0%,
            #007ee9 48%,
            #005bc0 100%
        ) !important;

    color:
        #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    border:
        1px solid #20aaff !important;

    border-radius:
        5px !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        16px !important;

    font-weight:
        bold !important;

    text-shadow:
        0 1px 2px
        rgba(0,0,0,0.55) !important;

    box-shadow:
        0 3px 8px
        rgba(0,0,0,0.40),

        inset 0 1px 0
        rgba(255,255,255,0.20) !important;

    cursor:
        pointer !important;
}


/* =========================================================
   BOTON HOVER
   ========================================================= */

.login-ui
.buttons
input[type="submit"]:hover {

    background:
        linear-gradient(
            180deg,
            #32b3ff 0%,
            #008cff 50%,
            #0064ca 100%
        ) !important;

    border-color:
        #65c4ff !important;

    box-shadow:
        0 0 15px
        rgba(0,153,255,0.50),

        0 3px 8px
        rgba(0,0,0,0.45) !important;
}


/* =========================================================
   OCULTAR VERSION
   ========================================================= */

.login-ui
.login-dialog
.version-number {

    display: none !important;
}/*
 * 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}