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

}
/* ---------------- LOGIN ---------------- */

.login-ui {
    background: #030303 !important;
}

.login-ui .login-dialog {
    background: rgba(7, 7, 7, 0.94) !important;
    border: 1px solid rgba(87, 232, 120, 0.25) !important;
    border-radius: 18px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45) !important;
    max-width: 460px !important;
}

.login-ui .login-dialog .logo {
    background-image: url("app/ext/slydata-branding/logo.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 160px !important;
    margin-bottom: 14px !important;
}

.login-ui .login-dialog .version {
    display: none !important;
}

.login-ui .branding-subtitle {
    text-align: center !important;
    color: #57e878 !important;
    font-size: 13px !important;
    letter-spacing: 0.20em !important;
    text-transform: uppercase !important;
    margin: 8px 0 18px 0 !important;
    opacity: 0.95 !important;
}

.login-ui input {
    border-radius: 12px !important;
}

.login-ui button,
.login-ui input[type="submit"] {
    border-radius: 12px !important;
    background: #57e878 !important;
    color: #031109 !important;
    font-weight: 700 !important;
    border: none !important;
}

/* ---------------- APP AFTER LOGIN ---------------- */

html, body {
    background: #060606 !important;
    color: #e8f7ea !important;
}

#app, .app, .home, .logged-in {
    background: #060606 !important;
    color: #e8f7ea !important;
}

/* top bar */
.header,
.app-header,
.logged-in .header {
    background: #050505 !important;
    color: #e8f7ea !important;
    border-bottom: 1px solid rgba(87, 232, 120, 0.18) !important;
}

.header *,
.app-header *,
.logged-in .header * {
    color: #e8f7ea !important;
}

/* big white content areas */
.home, .dashboard, .connection-listing, .listing, .page {
    background: #060606 !important;
}

/* panels / sections */
section,
.panel,
.list,
.connection-list,
.recent-connections,
.all-connections {
    background: #0a0a0a !important;
    border: 1px solid rgba(87, 232, 120, 0.10) !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 34px rgba(0,0,0,0.28) !important;
    color: #e8f7ea !important;
}

/* headings */
h1, h2, h3, h4, h5, h6,
.title, .header-text, .caption {
    color: #e8f7ea !important;
}

/* connection rows */
a.connection,
.connection,
.list-item,
.connection-group,
.connection-entry,
[data-connection-id] {
    background: #0d0d0d !important;
    color: #ecfff0 !important;
    border-radius: 10px !important;
}

a.connection:hover,
.connection:hover,
.list-item:hover,
.connection-group:hover,
.connection-entry:hover {
    background: rgba(87, 232, 120, 0.10) !important;
}

.in-use,
.active,
.list-item.active {
    background: rgba(87, 232, 120, 0.18) !important;
    border-left: 4px solid #57e878 !important;
}

/* labels/text */
.name,
.caption,
.details,
.status,
.username {
    color: #e8f7ea !important;
}

/* search/filter */
input,
textarea,
select {
    background: #101010 !important;
    color: #eaffee !important;
    border: 1px solid rgba(87, 232, 120, 0.18) !important;
    border-radius: 10px !important;
}

input::placeholder,
textarea::placeholder {
    color: #8db396 !important;
}

/* preview boxes */
.thumbnail,
.preview,
.connection-preview {
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #0b0b0b !important;
}

/* buttons */
button,
input[type="submit"],
input[type="button"] {
    background: #57e878 !important;
    color: #041008 !important;
    border: none !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
}

/* sidebar */
.sidebar, .nav, .menu {
    background: #050505 !important;
    border-right: 1px solid rgba(87,232,120,0.12) !important;
}

.sidebar *, .nav *, .menu * {
    color: #9fe6ae !important;
}