@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* Aplicando a fonte geral */
body, input, button, select, textarea {
    font-family: 'Inter', sans-serif !important;
    background: #f4f5ff;
}

/* Fundo da tela de login */
#login-container {
    background-color: #f4f5ff !important;
}


/* Estilização dos botões */
button, .guac-button, .btn {
    background-color: #ea7726 !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 15px !important;
    border-radius: 5px !important;
    font-weight: 600 !important;
    transition: background 0.3s ease-in-out !important;
}



/* Hover dos botões */
button:hover, .guac-button:hover, .btn:hover {
    background-color: #d4651f !important;
    cursor: pointer !important;
}
button:hover, .btn:hover {
    background-color: var(--hover-color);
    cursor: pointer;
}
/* Fundo da tela de login */
body.login {
    background-color: #f4f5ff !important;
}

/* Botões padrão */
button, input[type="submit"], .button {
    background-color: #ea7726 !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: bold;
    padding: 10px 15px;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}

/* Hover dos botões */
button:hover, input[type="submit"]:hover, .button:hover {
    background-color: #cf671f !important;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    transform: scale(1.05);
}

/* Foco nos botões */
button:focus, input[type="submit"]:focus, .button:focus {
    outline: none;
    box-shadow: 0px 0px 10px rgba(234, 119, 38, 0.7);
}

/* Ajustes em links para manter a consistência visual */
a.button {
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

/* Ajuste em botões desativados */
button:disabled, input[type="submit"]:disabled {
    background-color: #d3d3d3 !important;
    color: #888 !important;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}


.group-list-page{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

* {
    font-family: 'Inter', sans-serif;
}


#filesystem-menu .header.breadcrumbs .breadcrumb:hover {
    background-color: #e68a4f;
    cursor: pointer
}

.recent-connections .connection:hover {
    background: #e68a4f
}

.menu-dropdown .menu-contents li a:hover {
    background-color: #e68a4f
}

.settings table.session-list tr.session:hover {
    background: #e68a4f
}


.client-zoom .client-zoom-in:hover,.client-zoom .client-zoom-out:hover {
    border: 1px solid #000;
    background: #e68a4f
}

.list-item:not(.selected) .caption:hover {
    background: #e68a4f
}

.page-tabs .page-list li a[href]:hover,.section-tabs li a:hover {
    background-color: #e68a4f;
    cursor: pointer
}

.logged-out-modal guac-modal {
    background: #f4f5ff;
    z-index: 20;
}

.login-ui .login-dialog-middle {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: #f4f5ff;
}


.navigation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #f4f5ff; /* Cor de fundo suave */
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Inter", sans-serif; /* Fonte moderna */
    z-index: 1000;
}

.navigation .hlogo {
    font-size: 20px;
    font-weight: bold;
    color: #ea7726; /* Cor da marca */
    text-decoration: none;
}

.navigation .hlogo:hover {
    color: #d67a40; /* Tom mais escuro no hover */
}

.header-right {
    display: flex;
    gap: 15px;
}

.header-right a {
    text-decoration: none;
    color: #333; /* Cor neutra para links */
    font-size: 16px;
    transition: color 0.3s ease;
}

.header-right a:hover {
    color: #ea7726; /* Cor da marca no hover */
}

.hlogo{
    width: 171px;
    background-size: cover;
    background-position: center;
    height: 22px;
    background-repeat: no-repeat;
}


.totp-code{
    margin-top: 48px;
}

.login-form {
    display: grid;
    row-gap: 12px;
    grid-template-columns: 1fr 1fr;
}

.login-ui .login-dialog .logo {
    margin: -14px;
    height: 4em;
    grid-row: 2;
    align-self: center;
    width: 100% !important;
    background-image: url(app/ext/geek2gether/images/m3.png) !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.login-ui .login-dialog .version, .login-ui .login-dialog .login-fields, .login-ui .login-dialog .buttons {
    grid-column: 2;
    padding: 0;
    margin: 0;
}

.login-ui .login-dialog{
    max-width: 6in !important;
    border-radius: 10px;
}


.version-number{
    display: none;
}

input {
    border-radius: 25px;  /* Deixa a borda redonda */
    border: 1px solid #ccc; /* Define uma borda leve */
    padding: 10px;  /* Adiciona espaçamento interno */
    outline: none;  /* Remove o contorno padrão ao clicar */
    transition: all 0.3s ease-in-out; /* Suaviza o efeito ao focar */
}

/* Estiliza quando o input estiver focado */
input:focus {
    border-color: #007bff; /* Muda a cor da borda ao focar */
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Efeito de brilho ao focar */
}

.login-ui .login-fields .labeled-field.empty input{
    border-radius: 20px;
}/*
 * 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}