/*
 * 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}/* Berghotel Oberhof Branding v3.6 - logo above dialog, flow layout */
html, body {
    width:100% !important;
    min-height:100% !important;
    margin:0 !important;
    background:#eef2f4 !important;
}
.login-ui {
    width:100% !important;
    min-height:100vh !important;
    margin:0 !important;
    padding:12vh 1rem 3rem !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    overflow:auto !important;
    position:relative !important;
    background:#eef2f4 url('app/ext/berghotel-oberhof-branding-v371/resources/images/login-background-v35.jpg') center center / cover fixed no-repeat !important;
    color:#30343a !important;
}
.login-ui .login-dialog .logo,
.login-ui .login-dialog .version { display:none !important; }
.login-ui::before {
    content:"" !important;
    display:block !important;
    position:relative !important;
    z-index:5 !important;
    flex:0 0 auto !important;
    width:min(29rem,72vw) !important;
    height:15.5rem !important;
    margin:0 auto 1.4rem !important;
    background:url('app/ext/berghotel-oberhof-branding-v371/resources/images/brand-header-v31.png') center bottom / contain no-repeat !important;
    pointer-events:none !important;
}
.login-ui .login-dialog {
    position:relative !important;
    z-index:20 !important;
    flex:0 0 auto !important;
    width:31.5rem !important;
    max-width:calc(100vw - 2rem) !important;
    margin:0 !important;
    padding:4.5rem 2rem 2rem !important;
    box-sizing:border-box !important;
    background:rgba(255,255,255,.985) !important;
    border:1px solid rgba(160,165,170,.55) !important;
    border-radius:12px !important;
    box-shadow:0 14px 38px rgba(35,45,55,.20) !important;
    color:#30343a !important;
}
.login-ui .login-dialog::before {
    content:"Willkommen" !important;
    position:absolute !important;
    left:0 !important; right:0 !important; top:.85rem !important;
    text-align:center !important;
    font-size:2rem !important; line-height:1.25 !important; font-weight:700 !important;
    color:#30343a !important; pointer-events:none !important;
}
.login-ui .login-dialog input[type="text"],
.login-ui .login-dialog input[type="password"],
.login-ui .login-dialog input[type="email"],
.login-ui .login-dialog input:not([type]) {
    min-height:3.25rem !important;
    color:#30343a !important; background:#fff !important;
    border:1px solid #c9cdd1 !important; border-radius:7px !important;
    box-sizing:border-box !important;
}
.login-ui .login-dialog input:focus { border-color:#b71920 !important; box-shadow:0 0 0 2px rgba(183,25,32,.13) !important; }
.login-ui .login-dialog input::placeholder { color:#8d9298 !important; opacity:1 !important; }
.login-ui .login-dialog input:focus::placeholder { color:transparent !important; opacity:0 !important; }
.login-ui .login-dialog button,
.login-ui .login-dialog input[type="submit"],
.login-ui .login-dialog .button {
    min-height:3.25rem !important; color:#fff !important; background:#b71920 !important;
    border:1px solid #a6161c !important; border-radius:7px !important;
    font-weight:700 !important; text-shadow:none !important; box-shadow:none !important;
}
.login-ui .login-dialog button:hover,
.login-ui .login-dialog input[type="submit"]:hover,
.login-ui .login-dialog .button:hover { background:#c91d24 !important; }
.login-ui .login-dialog td:first-child:not(:only-child),
.login-ui .login-dialog label { font-size:0 !important; line-height:0 !important; margin:0 !important; padding:0 !important; }
html body .login-ui .login-dialog .error-message,
html body .login-ui .login-dialog .login-error,
html body .login-ui .login-dialog .notification,
html body .login-ui .login-dialog .message {
    display:block !important; visibility:visible !important; opacity:1 !important;
    position:relative !important; z-index:30 !important;
    width:100% !important; height:auto !important;
    margin:0 0 1rem !important; padding:.75rem .9rem !important; box-sizing:border-box !important;
    color:#7a1010 !important; background:#ffe8e8 !important;
    border:1px solid #df6767 !important; border-radius:6px !important;
    font-weight:600 !important; line-height:1.35 !important; text-align:left !important;
}
@media (max-height:800px) and (min-width:601px) {
    .login-ui { padding-top:7vh !important; }
    .login-ui::before { width:min(24rem,65vw) !important; height:12.5rem !important; margin-bottom:1rem !important; }
}
@media (max-width:600px) {
    .login-ui { padding:7vh .75rem 2rem !important; }
    .login-ui .login-dialog { width:100% !important; max-width:32rem !important; padding:4.3rem 1.1rem 1.4rem !important; }
    .login-ui .login-dialog::before { font-size:1.65rem !important; }
    .login-ui::before { width:82vw !important; height:11.5rem !important; margin-bottom:.8rem !important; }
}