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

}
/*
 * 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.
 */

.login-ui .sso-providers {

    padding: 0.25em 0.5em;
    position: absolute;
    bottom: 0;
    left: 0;

}

.sso-providers ul {
    list-style: none;
}

.sso-providers ul, .sso-providers li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.sso-providers li::before {
    content: ' / ';
}

.sso-providers li:first-child::before {
    display: none;
}
.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}/*
 * SDEBastion Branding CSS
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements. 
 */

/**
 * Personnalisation du logo sur l'écran de connexion
 */
.login-ui .login-dialog .logo {
    width: 5em;
    height: 5em;
    background-size:          5em 5em;
    -moz-background-size:    5em 5em;
    -webkit-background-size: 5em 5em;
    -khtml-background-size:  5em 5em;
    background-image:  url('app/ext/sdebastion-branding/images/logo_sdebastion_512.png');
    margin:  0.5em auto 0.3em auto;
}

/**
 * Personnalisation du titre de l'application
 *     text-transform: uppercase;
 */
.login-ui .login-dialog .version .app-name {
    font-weight: bold;
    text-align: center;
    font-size: 1.5em;
    color: #333333;
    letter-spacing: 0.05em;
}

/**
 * Espacement et style du numéro de version
 */
.login-ui .login-dialog .version .version-number {
    position: absolute;
    right: 0;
    bottom: 0;
    padding:  0.25em 0.75em;
    margin: 0.25em;
    border-radius: 0.5em;
    color: white;
    background:  #666666;
    font-size:  0.5em;
    font-style: italic;
    opacity: 0.7;
}

/**
 * Conteneur pour les champs de connexion
 */
.login-ui .login-dialog .login-fields {
    vertical-align: middle;
    margin-bottom: 0.5em;
}

/**
 * Conteneur OpenID - espacement et séparation
 */
.login-ui .login-dialog .openid-section {
    margin-top: 1.5em;
    padding-top: 1em;
    border-top: 1px solid #e0e0e0;
    text-align: center;
}

/**
 * Texte séparateur
 */
.login-ui .login-dialog .openid-separator {
    font-size: 0.85em;
    color: #888888;
    margin: 0.5em 0;
    font-weight: normal;
}

.login-ui .login-dialog .openid-login-button:hover {
    background-color: #357ae8;
    border-color: #357ae8;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.login-ui .login-dialog .openid-login-button:active {
    background-color: #2d5bc6;
    border-color:  #2d5bc6;
}

/**
 * Style pour le conteneur des boutons de connexion
 */
.login-ui .login-dialog .buttons {
    text-align: right;
    margin:  0;
    margin-bottom: 1em;
}

/**
 * Style des boutons standards (Login/Continue)
 */
input[type="submit"], button, a.button {
    background-color: #4285F4;
    border: 1px solid #4285F4;
    font-size: 0.95em;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    color: white;
    padding: 0.5em 1em;
    cursor: pointer;
    border-radius: 0.3em;
    transition: all 0.3s ease;
}

input[type="submit"]:hover, button:hover, a.button:hover {
    background-color: #357ae8;
    border-color: #357ae8;
    box-shadow:  0 2px 5px rgba(0,0,0,0.1);
}

input[type="submit"]:active, button:active, a.button:active {
    background-color: #2d5bc6;
    border-color: #2d5bc6;
}

/**
 * Personnalisation de l'en-tête
 */
.header {
    border-bottom: 2px solid #f0f0f0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    background:  white;
    color: #333333;
}

/**
 * Conteneur principal de la boîte de connexion
 */
.login-ui .login-dialog {
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border-radius: 0.5em;
    background: white;
}

/**
 * Style du titre h1 dans le login
 */
.login-ui .login-dialog h1 {
    margin-top: 0;
    margin-bottom: 0.5em;
    text-align: center;
    color: #333333;
    font-size: 1.3em;
}