/*
 * 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}html,body{background:#1b1d22!important;color:#e4e6eb!important;font-family:"Noto Sans","Segoe UI",Roboto,sans-serif!important}
a,.name,.caption,.list-item .name,h1,h2,h3,label,.settings p{color:#e4e6eb!important}
.header{background:#24262d!important;border-bottom:1px solid #353842!important}
.header h2{color:#e4e6eb!important;font-weight:600!important}
.recent-connections,.all-connections,.connection-list-ui,.home,.view,.settings,.manage-user,.manage-connection{background:transparent!important}
.recent-connections .connection{background:#24262d!important;border:1px solid #353842!important;border-radius:10px!important;padding:.6em!important;box-shadow:0 4px 14px rgba(0,0,0,.45)!important;transition:transform .15s}
.recent-connections .connection:hover{transform:translateY(-2px);border-color:#3d8bfd!important}
.list-item{border-radius:6px!important}
.list-item:hover,.list-item.selected{background:#2d3039!important}
.menu-dropdown .menu-contents,.menu,.menu-content,.notification{background:#24262d!important;color:#e4e6eb!important;border-color:#353842!important}
.menu-dropdown .menu-contents li a:hover{background:#353842!important}
.menu-dropdown .menu-title{color:#e4e6eb!important}
input,select,textarea{background:#24262d!important;color:#e4e6eb!important;border:1px solid #454954!important;border-radius:5px!important}
input:focus,select:focus,textarea:focus{border-color:#3d8bfd!important;outline:none!important}
button,input[type=submit],a.button{background:#3d8bfd!important;color:#fff!important;border:none!important;border-radius:6px!important;box-shadow:none!important}
button:hover,input[type=submit]:hover,a.button:hover{background:#2f76e0!important}
button.danger,a.button.danger{background:#c0392b!important}
table{color:#e4e6eb!important}th{background:#24262d!important;border-color:#353842!important}td{border-color:#353842!important}
tr:nth-child(even) td{background:#202228!important}
.page-tabs .page-list li a{color:#b8bcc6!important}
.page-tabs .page-list li a.current{color:#fff!important;border-bottom:2px solid #3d8bfd!important}
.login-ui{background:radial-gradient(circle at top,#2b3140 0%,#15161a 70%)!important}
.login-ui .login-dialog{background:#23252b!important;border:1px solid #353842!important;border-radius:14px!important;box-shadow:0 12px 40px rgba(0,0,0,.6)!important;color:#e4e6eb!important}
.login-ui .login-dialog .version .app-name{color:#e4e6eb!important}
.section-header,.connection-group>.caption{color:#e4e6eb!important}
.all-connections{padding:1.2em 1.5em!important}
.all-connections .group-list-page{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.all-connections .group-list-page>.list-item{background:#24262d!important;border:1px solid #353842!important;border-radius:12px!important;padding:0!important;transition:transform .15s,box-shadow .15s,border-color .15s}
.all-connections .group-list-page>.list-item:hover{border-color:#3d8bfd!important;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.45)}
.all-connections .caption{padding:0!important;background:transparent!important}
.all-connections a.home-connection{display:flex!important;align-items:center;gap:14px;padding:14px 16px!important;text-decoration:none!important;background:transparent!important}
.all-connections .icon.type{background-image:none!important;width:46px!important;height:46px!important;min-width:46px;border-radius:10px;display:flex!important;align-items:center;justify-content:center;font:700 12px "Noto Sans","Segoe UI",sans-serif;letter-spacing:.6px;opacity:1!important;margin:0!important;background:rgba(160,165,180,.15)!important;color:#b8bcc6}
.all-connections .icon.type.ssh{background:rgba(46,204,113,.15)!important;color:#2ecc71}
.all-connections .icon.type.ssh::before{content:"SSH"}
.all-connections .icon.type.rdp{background:rgba(61,139,253,.16)!important;color:#5b9dff}
.all-connections .icon.type.rdp::before{content:"RDP"}
.all-connections .icon.type.vnc{background:rgba(243,156,18,.16)!important;color:#f5a623}
.all-connections .icon.type.vnc::before{content:"VNC"}
.all-connections .icon.type.telnet::before{content:"TEL"}
.all-connections .name{font-size:14px!important;font-weight:600!important;color:#e4e6eb!important}
.all-connections a.home-connection.active .icon.type{box-shadow:0 0 0 2px #2ecc71}
.header .filter input{border-radius:20px!important;padding:5px 12px 5px 28px!important;min-width:200px}
.login-ui .login-dialog .logo{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjggMTI4Ij4KICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZyIgeDE9IjAiIHkxPSIwIiB4Mj0iMSIgeTI9IjEiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM1YjlkZmYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyZWNjNzEiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgPC9kZWZzPgogIDxyZWN0IHg9IjQiIHk9IjQiIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiByeD0iMjgiIGZpbGw9IiMxYjFkMjIiIHN0cm9rZT0idXJsKCNnKSIgc3Ryb2tlLXdpZHRoPSI0Ii8+CiAgPGNpcmNsZSBjeD0iNjQiIGN5PSI2NCIgcj0iMzAiIGZpbGw9Im5vbmUiIHN0cm9rZT0idXJsKCNnKSIgc3Ryb2tlLXdpZHRoPSIxMiIvPgogIDxjaXJjbGUgY3g9IjY0IiBjeT0iNjQiIHI9IjgiIGZpbGw9IiNlNGU2ZWIiLz4KICA8cmVjdCB4PSI4OCIgeT0iMzAiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjMiIGZpbGw9IiMyZWNjNzEiLz4KPC9zdmc+Cg==")!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;width:5.5em!important;height:5.5em!important;margin:.5em auto .8em!important}
.login-ui .login-dialog .version .app-name{font-size:0!important;color:transparent!important}
.login-ui .login-dialog .version .app-name::after{content:"OSTED";font-size:22px;font-weight:700;letter-spacing:.18em;color:#e4e6eb;display:block}
.login-ui .login-dialog input[type=submit],.login-ui .login-dialog .login{background:#3d8bfd!important;color:#fff!important;border-radius:6px!important;font-weight:600!important}
.login-ui .login-dialog input[type=submit]:hover{background:#2f76e0!important}
.login-ui .login-dialog .labeled-field{background:#1b1d22!important;border-radius:5px!important;position:relative}
.login-ui .login-dialog .labeled-field input{background:transparent!important}
.login-ui .login-dialog .labeled-field .field-header{color:#8b909c!important;opacity:1!important}
.osted-brand{height:1.7em!important;width:1.7em!important;vertical-align:middle!important;margin:-.2em .6em 0 0!important;display:inline-block!important}
.header:has(> .user-menu){display:flex!important;align-items:center!important;min-height:52px}
.header:has(> .user-menu)::before{content:"OSTED";display:block;flex:none;height:30px;line-height:30px;padding:0 18px 0 40px;margin:0 16px 0 10px;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjggMTI4Ij4KICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZyIgeDE9IjAiIHkxPSIwIiB4Mj0iMSIgeTI9IjEiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM1YjlkZmYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyZWNjNzEiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgPC9kZWZzPgogIDxyZWN0IHg9IjQiIHk9IjQiIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiByeD0iMjgiIGZpbGw9IiMxYjFkMjIiIHN0cm9rZT0idXJsKCNnKSIgc3Ryb2tlLXdpZHRoPSI0Ii8+CiAgPGNpcmNsZSBjeD0iNjQiIGN5PSI2NCIgcj0iMzAiIGZpbGw9Im5vbmUiIHN0cm9rZT0idXJsKCNnKSIgc3Ryb2tlLXdpZHRoPSIxMiIvPgogIDxjaXJjbGUgY3g9IjY0IiBjeT0iNjQiIHI9IjgiIGZpbGw9IiNlNGU2ZWIiLz4KICA8cmVjdCB4PSI4OCIgeT0iMzAiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjMiIGZpbGw9IiMyZWNjNzEiLz4KPC9zdmc+Cg==") left center/30px 30px no-repeat;border-right:1px solid #353842;font:700 15px "Noto Sans","Segoe UI",sans-serif;letter-spacing:.18em;color:#e4e6eb}
.header:has(> .user-menu) h2{flex:1 1 auto}
.header:not(.ng-hide) ~ .header::before{display:none!important}