/* Colour codes used */
:root {
    --guacamole-green: #88bf5b;
    --warning-red: #ff2233;
    --charcoal: #3f3f3f;
    --dark-charcoal: #2b2b2b;
    --black: #000000;
    --text-color: #ececec;
   /* --primary-color: #2d3436;*/
    --primary-color: #000000;
    --secondary-color: #dfe6e9;
    --highlight-color: #F4A460;
    --background-light: #ffffff;
    --border-color: #b2bec3;
    --error-color: #d63031;
    --input-background: #dcdde1;
    --box-shadow-color: rgba(0, 0, 0, 0.1);
}

/* General Style */
body {
    
   /* background-color: white; */
    background-color: #ffffff;
    background-repeat: no-repeat;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold; /* Makes the text bold */
}



pre {
    color: var(--primary-color);
    background-color: var(--input-background);
    border: 1px solid var(--border-color);
    padding: 1em;
    border-radius: 5px;
}

a[href] {
    color: var(--primary-color);
    text-transform: capitalize;
    text-decoration: none;

}

a[href]:visited {
    color: var(--highlight-color);
}

/* Login */
div.login-ui {
   /* background-image: url('app/ext/custom-namespace/images/back-logo.png');*/
    background-color: rgb(17, 18, 23);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.login-ui .login-fields .labeled-field input:focus {
    background-color: var(--secondary-color);
    color: var(--primary-color);
    border: 1px inset var(--secondary-color);
}

.login-ui .login-fields .labeled-field {
    background-color: var(--secondary-color);
    color: var(--primary-color);
    margin-bottom: 0.1em;
}

.login-ui .login-dialog .logo {
    background-image: url('app/ext/custom-namespace/images/logo.png');
    width: 10.9em;
    height: 10.9em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto 0.1em;
}

.login-ui .login-dialog {
   /* background-image: url('app/ext/custom-namespace/images/back-logo-2.png');*/
    background-color: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
   /* color: var(--primary-color);*/
    padding: 21px;
    border-radius: 21px;
    /*box-shadow: 0 4px 8px var(--box-shadow-color);*/
   /* border: 0px outset #CCCCCC; /*var(--highlight-color);*/

    border: 1px solid #CCCCCC; /* Base border */
    box-shadow: inset 1px 1px 0 #D9D9D9, inset -1px -1px 0 #BFBFBF;
}

.login-ui .login-dialog .version .app-name {
    font-weight: 900;
    text-transform: capitalize;
    text-align: center;
    font-size: 1em;
    color: #1e6d91;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


.login-ui .login-dialog .version .version-number {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: .25em .75em;
    margin: .25em;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    -khtml-border-radius: .5em;
    border-radius: .5em;
    color: #ffffff;
    background-color: rgb(17, 18, 23);
    text-align: center;
    font-weight: 850;
    font-size: .7em;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 1.8;
}

div.logged-out-modal .ng-scope,
.logged-out-modal guac-modal {
    color: var(--primary-color);
    background-color: var(--background-light);
}

div.logged-out-modal .ng-scope button {
    color: var(--background-light);
    background-color: #1b1b73;
    border: 2px outset;
    cursor: pointer;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease-in-out;
    border-radius: 10px;
    padding: 0.5em 1em;
}

div.modal-contents {
    color: var(--primary-color);
    background-color: var(--background-light);
    border-radius: 5px;
    box-shadow: 0 4px 8px var(--box-shadow-color);
    padding: 1em;
}

div.notification.ng.scope {
    border: 1px solid var(--highlight-color);
    background-color: var(--input-background);
    color: var(--primary-color);
    padding: 0.5em;
    border-radius: 5px;
}

.notification.error,
.client-status-modal .notification.error,
button.danger,
.login-ui.error p.login-error {
    background-color: var(--error-color);
    color: var(--background-light);
    border-radius: 5px;
    padding: 0.5em 1em;
}

/* Home */
.recent-connections .connection:hover {
    background-color: var(--highlight-color);
    color: var(--background-light);
    border-radius: 5px;
}

.menu-dropdown .menu-contents {
    background-color: var(--input-background);
}

.menu-dropdown .menu-contents li a {
    /*color: var(--primary-color);*/
     color: green;                   /* Sets the text color */
     font-weight: bold;              /* Makes the text bold */
}

.menu-dropdown .menu-contents li a:hover {
    background-color: var(--highlight-color);
    color: var(--background-light);
    border-radius: 5px;
}

.list-item.selected,
.list-item:not(.selected) .caption:hover {
    background: var(--highlight-color);
    color: var(--background-light);
    border-radius: 5px;
}

.list-item .name {
   /* color: var(--primary-color);*/
  color: green;                   /* Sets the text color */
  font-weight: bold;              /* Makes the text bold */
  text-transform: uppercase;      /* Converts text to uppercase */
  font-size: 16px;                /* Adjusts the text size */
}

.settings.connections .connection-list .new-sharing-profile {
    opacity: .9;
}

.notification {
    color: var(--primary-color);
    background-color: var(--input-background);
    padding: 0.5em;
    border-radius: 5px;
}

/* Menus */
.menu {
    color: var(--primary-color);
    background-color: var(--background-light);
    border-radius: 10px;
    box-shadow: 0 4px 8px var(--box-shadow-color);
}

.clipboard,
.clipboard-service-target {
    background-color: var(--input-background);
    color: var(--highlight-color);
}

.menu-dropdown .menu-contents li a.danger {
    color: var(--background-light);
    font-weight: 600;
    background-color: var(--error-color);
    border-radius: 5px;
}

/* Connections */
#connection-warning {
    background-color: var(--background-light);
    border-radius: 10px;
    box-shadow: 0 4px 8px var(--box-shadow-color);
}

.transfer-manager {
    background-color: var(--input-background);
}

.transfer.error {
    background-color: var(--error-color);
    color: var(--background-light);
    border-radius: 5px;
}

/* Settings */
.page-tabs .page-list li a[href],
.section-tabs li a {
    color: var(--primary-color);
}

.page-tabs .page-list li a[href]:hover,
.section-tabs li a:hover {
    background-color: var(--highlight-color);
    color: var(--background-light);
    border-radius: 5px;
}

.page-tabs .page-list li a[href]:visited {
    color: #000080;
}


/*.settings table.session-list tr.session:hover {
    /*background-color: var(--highlight-color);*/
  /*  background-color: #e3d8d4 !important;
    color: var(--background-light);
    border-radius: 5px;
}*/


.location-chooser .dropdown {
    background-color: var(--input-background);
}

.settings.connectionHistory a.history-session-recording {
    color: var(--black);
}

.settings.connectionHistory a.history-session-recording:after {
    opacity: .1;
}

.user a,
.user-group a,
.connection a,
.connection-group a {
    color: #000080;
}

.user a:hover,
.user-group a:hover,
.connection a:hover,
.connection-group a:hover {
    color: var(--highlight-color);
}

.user a:visited,
.user-group a:visited,
.connection a:visited,
.connection-group a:visited {
    color: var(--primary-color);
}

.manage-user .notice.read-only {
    color: var(--primary-color);
    background-color: var(--input-background);
    padding: 0.5em;
    border-radius: 5px;
}

#filesystem-menu .header.breadcrumbs .breadcrumb:hover,
#guac-menu #zoom-out:hover,
#guac-menu #zoom-in:hover {
    background-color: var(--highlight-color);
    color: var(--background-light);
    border-radius: 10px;
}

/* Addede from other theme */

/* menu page settings */
.page-tabs .page-list li a[href]:hover{
    background: #CCCCCC !important;
    color: #000080 !important;
}
.page-list-level li  
.menu-dropdown{
    background: #e3d8d4 !important;
}

.list-item:not(.selected) .caption:hover{
    background: #e5e5cd !important; 
    border:outset 2px  !important;
    color: #000080 !important;
}

.recent-connections .connection:hover {
    background: #e3d8d4 !important;
    border:outset 2px  !important;
    color: #000080 !important;
}
.user-menu{
    background: #e3d8d4 !important;
    color: #000000 !important;    
}
.user-menu:hover{
    background: #CCCCCC !important;
    color: #000080 !important;    
}
.menu-dropdown .ng-isolate-scope .open{
    background: #CCCCCC !important;
}

.header {
    background: #e3d8d4 !important;
    color: #000000 !important;
    border: 3px outset;
}

a.button, button, input[type=submit] {
   /* background-color: #1b1b73;*/
    background-color: #1e6d91;
    border: 2px outset;
    color: #FFFFFF;
    font-size: 16px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease-in-out;
}

input[name="guac-totp"] {
    background-color: #e3d8d4 !important;
/*    background: #fff !important; */
}

input[ng-model="searchString"] {
    background: #ffffff !important;
     border: 2px inset;
}

.attributes .form h3 {
    font-size: 1.25em;
    font-weight: 700;
    text-transform: uppercase;
    padding: .5em;
    margin: 1em 0;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-top: 1px solid rgba(0, 0, 0, .125);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .125);
   /* background: rgba(0, 0, 0, .04); */
    width: 100%;
    background-color: #e3d8d4 !important;
    border: 3px outset;
}

.quickconnect-button {
   /* clear: both;
    float: right;
    margin-right: .75em;
    font-size: .75em;
    padding: .25em;*/
    position: relative;
    background-color: #1b1b73;
    border: 2px outset;
    color: #FFFFFF;
    font-size: 17px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 950;
    cursor: pointer;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease-in-out;
}

.quickconnect-container .quickconnect-field {
    background-image: url(images/protocol-icons/guac-text.png);
    background-repeat: no-repeat;
   /* background-size: 1.50em; */
   /*background-position: .25em center;*/
    background-color: transparent;
    padding: 25px;
   /* padding-left: 2.50em;*/
    width: 100%;
    max-width: none;
    border: 2px inset;
    /*box-sizing: border-box;*/
}

.connection .icon.kubernetes, .connection .icon.ssh, .connection .icon.telnet {
    background-image: url(images/protocol-icons/guac-text.svg);
    color: green;
    font-weight: bold;
    font-size: 16px;
}

a.button.add-connection, a.button.add-connection-group, a.button.add-user, a.button.add-user-group {
   /* font-size: .8em;
    padding-left: 1.8em;
    position: relative;*/

    position: relative;
    background-color: #1b1b73;
    border: 3px outset;
    color: #FFFFFF;
    font-size: 15px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease-in-out;
    text-transform: capitalize;
}

.page-tabs .page-list ul, .section-tabs ul {
    margin: 0;
    padding: 0;
    background: rgba(0, 0, 0, .0125);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border: 2px inset;
}

.page-tabs .page-list li a[href], .section-tabs li a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 900;
    cursor: pointer;
    color: #000080;
    text-decoration: underline;
}

.header .filter input {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    border: none;
    border-left: 1px solid rgba(0, 0, 0, .125);
    background-color: transparent;
    border: 2px inset;
}

.caption .activeUserCount {
    font-style: italic;
    margin-right: 1em;
    float: right;
    text-transform: capitalize;
}

.tr {
    display: table-row;
    vertical-align: inherit;
    unicode-bidi: isolate;
    border-color: inherit;
    border: 4px inset;
}


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

}