.login-ui .login-dialog .logo {
    background: url('app/ext/tempnamespace/images/vompany.png') no-repeat center;
	background-size: contain !important;
    width: 9em;
    -webkit-background-size: 9em auto;
}

.login-ui .version {
	height: 1em;
}

.login-ui .version * {
	display: none;
}

div.login-ui {
    background: #666;
    background-color: #666;
}

.login-ui .login-dialog {
    background-color: white;
}
:root{
	--brand-main:#00c2ff;
	--brand-second:#c0f5d1;
	--link-color: #f00;
	--dark: #313131;
	--white: #fff;
	--gray: #666;
	--gradient-main:linear-gradient(to bottom, var(--brand-main),var(--brand-second));
	--gradient-second: linear-gradient(rgb(238 238 238 / 0.8), rgb(224 224 224 / 0.8));
	--btn-shadow:0px 12px 5px -10px #777;
	--font-smaller:12px;
	--font-small:14px;
	--font-regular:18px;
	--font-medium:28px;
	--font-medium-mobile:24px;
	--font-large:32px;
	}

body {
    background: var(--gradient-main);
    background-attachment: fixed;
    font-family: Carlito,FreeSans,Helvetica,Arial,sans-serif;
    padding: 0;
    margin: 0;
    min-height: 100vh;
}

.header {
    background: var(--dark);
    color: var(--white);
}

.all-connections :is(.connection,.connection-group) {
	text-align: left;
	cursor: pointer;
	position: relative;
	padding: 0;
	margin: 0 1em 2em 1em;
	border: 1px solid var(--dark);
	min-width: 240px;
	max-width: 80%;
	background: var(--gradient-second);
	box-shadow: var(--btn-shadow);
	transition: 0.3s;
	z-index: 9;
}


.list-item:not(.selected) .caption:hover {
    background: unset;
}

.all-connections :is(.connection) {
	overflow: hidden; 
	display: inline-block;
	float: left
}	

.all-connections :is(.connection-group) {
	float: none;
	display: block;
	clear: both;
	overflow: hidden;
}	

.all-connections :is(.connection,.connection-group, .connection-group.expanded),
.all-connections :is(.children) .connection-group.expanded {
     min-height: 180px;
}	

.all-connections :is(.children) .connection-group {
	min-height: unset;
}

.all-connections .connection-group > :is(.caption, .caption:hover) {
	background: var(--dark) !important;
	margin-bottom: 1em
}

.all-connections :is(.home-connection-group) span {
	color: white !important;
}

.all-connections .children {
    margin: 0;
    padding: 0;
}

.all-connections .children .connection {
	margin: 0.5em;
	min-height: unset;
	padding: 0.5em;
	border: 0;
	box-shadow: none;
	background: #eeee;
}

.all-connections .connection:hover {
	background: #fff;
	box-shadow: none;
}

.all-connections .connection .caption {
    padding: 0.5em;
    transform: translateY(50%);
}

.all-connections .children .connection .caption {
    padding: 0;
    transform: unset;
    background: none;
}

.all-connections .connection .name {
    color: var(--gray);
    font-weight: normal;
    padding: .2em;
    margin: 0;
    text-align: center;
    display: block;
}
.all-connections .children .connection .name {

}

.all-connections .children :is(.connection .icon, .connection .name) {
	vertical-align: middle;
	padding: 0;
	margin: 0;
	display: inline-block;
}

.all-connections .children .connection .icon {
	width: 18px;
	height: 18px;
	background-size: contain;
}

.all-connections .connection .icon {
    display: block;
    background-position: center;
    width: 100%;
    height: 38px;
    background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    -webkit-background-size: 2em;
    -khtml-background-size: 16px 16px;
    margin: 0 0 16px 0;
    padding: 8px;
}

.all-connections .caption .activeUserCount {
    font-style: italic;
    margin-right: 0;
    float: none;
    display: table;
    text-align: center;
    font-size: var(--font-small);
    width: 100%;
}

/** RECENT CONNECTIONS **/

div.recent-connections {
    text-align: left;
}

div.recent-connections div.connection {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    padding: 1em;
    margin: 1em;
    text-align: center;
    max-width: 75%;
    overflow: hidden;
    border: 1px solid var(--dark);
    background: var(--brand-second);
    box-shadow: var(--btn-shadow);
    transition: 0.3s;
}

.recent-connections .connection:hover {
	transform: scale(1.05);
	box-shadow: none;
}


.menu-dropdown .menu-indicator:after {
    position: absolute;
    top: 14px;
    right: 8px;
    content: "\25BC";
    color: #fff;
    font-family: "Arial";
    display: block;
    font-size: 1em;
}

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

}