@import url('https://fonts.googleapis.com/css2?family=Abel&family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

body {
   font-family: 'Roboto Mono', monospace;
   background: #1e2125;
   color: #dddddd;
}
menu-body {
   background: #1e2125;
   color: #1a1a1a;
}
input[type="submit"], button, a.button hast{
   font-family: 'Abel', sans-serif;
} 
.header {
   background: #717471;
   color: #1a1a1a;
}
.menu-body {
   font-size: 0.85em;
   color: #1a1a1a;
}
.page-tabs .page-list li {
   color: #1a1a1a;
}
.page-tabs a:visited, .user a:visited, .user-group a:visited, .connection a:visited, .connection-group a:visited {  
   color: #b0b0b0;
   background: #dddddd;
   border: none;
}
.user a:hover, user-group a:hover, .connection a:hover, .connection-group a:hover {
   color: #1a1a1a;
}
.status-middle .notification {
   background: #e4e4e4;
}
#connection-warning {
   background: #1e2125;
   padding: 0.3em;
}

.list-item .name, .user a, .user-group a, .connection a, .connection-group a {
   color: #e4e4e4;
}

/* This is logo in the login box */
.login-ui .login-dialog .logo {
    width: 248px;
    height: 60px;
    background-position: center center
    background-size: cover;
    -webkit-background-size: cover;
    background-image:  url('app/ext/guac-customize/web/images/logo.png');
}

/* This removes the Login Name */
.app-name {
   display: normal;
}

/* This is the background for the entire page */
div.login-ui {
    background-position: bottom left;
    background-size: cover;
    -webkit-background-size: cover;
    background-image: url('app/ext/guac-customize/web/images/background.png');
}

/* Login Feld */
.login-ui .login-dialog {
    box-shadow: none;
    border: 0;
}

.login-ui .login-fields .labeled-field {
    z-index: 0;
    width: 250px;
    padding: 0;
}

/* Fixes the font size so the welcome text fits on one line*/
.login-ui .login-dialog .version {
    font-size: 0.85em;
    font-weight: normal;
}

.login-ui .login-dialog-middle {
    vertical-align: left;
    text-align: left;
    position: absolute;
    width: 50%;
    top: 2em;
    left: 3em;
}

.login-ui .login-form {

}

div.client-view {
    border: 2px solid #ff8a00;
    box-sizing: border-box;
}

.notification {
    -webkit-box-shadow: 0px 10px 14px 1px rgba(0,0,0,0.5); 
    box-shadow: 0px 10px 14px 1px rgba(0,0,0,0.5);
    font-size: 0.8em; 
    background: #1e2125;
    color: #1a1a1a;
}

/* This removes the Guacamole {Version} from the login box */
.version-number {
    display: none;
}
/*
 * 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;

}