/* Colour codes used */
/*    Guacamole grassy green: #ef3b32 */
/*    Warning red #ff2233 */
/*    Main background charcoal #3f3f3f */
/*    Input fields dark charcoal #2b2b2b */
/*    Login dialog background black #000000 */
/*    All text: #ececec */

:root {
    --blanc: #F3F3F3;
    --bleuF: #286C8B;
    --orange: #F3802F;
    --bleuG: #7692AB;
}

/* General Style */
body {
    color: var(--bleuG); 
    background-color: var(--blanc);
}
pre {
    color: var(--bleuG);
    background-color: var(--blanc);
    border: 1px solid #000000;
}

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

div.location,
input[type=text],
input[type=email],
input[type=number],
input[type=password],
textarea {
    background-color: var(--blanc);
    color: var(--bleuF);
    border-radius: 1em;
}

div.location, input[type=submit] {
    background-color: var(--bleuF);
    color: var(--blanc);
    border-radius: 1em;
}
/* FIN General Style */

/* Login */
div.login-ui {
    color: var(--bleuG);
    background-image: url('app/ext/tempnamespace/images/background.jpg');
    background-color: var(--blanc);
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    display: flex; /* Permet de placer les différentes div*/
    flex-direction: column; /* Placement en colonne */
    justify-content: center; /* Centre horizontalement */
    align-items: center;     /* Centre verticalement */
    min-height: 100vh;       /* Assure que le conteneur occupe toute la hauteur de la page */
}

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

.login-ui .login-fields .labeled-field input:focus {
    background-color: var(--blanc);
    color: var(--bleuG);
}

.login-ui .login-dialog .login-fields input {
    border: none;
}

.login-ui .login-fields .labeled-field {
    background-color: var(--blanc);
    color: var(--bleuG);
    border-radius: 0.25em;
}

.login-ui .login-fields .labeled-field.empty input {
    background: transparent;
    border: 1px solid var(--bleuF);
}

.login-ui .login-dialog .logo {
    background-image: url('app/ext/tempnamespace/images/bastion_fng.png');
    width: 7em;
    height:	7em;
    -webkit-background-size: 7em auto;
}

.login-ui .login-dialog {
	background-color: rgb(255, 255, 255, 0.9);
	backdrop-filter: blur(2px);
    border-radius: 1.25em;
    padding: 1em;
}


.login-ui .login-dialog .version .app-name { /* Texte LGL Bastion */
    font-weight: 300;
    text-transform: none;
    text-align: center;
    font-size: 1.8em;
    color: var(--bleuF);
    font-family: arial black, sans-serif;
}

div.logged-out-modal .ng-scope {
    color: var(--blanc);
    background-color: var(--orange);
}

div.logged-out-modal .ng-scope button {
    color: var(--blanc);
    background-color: var(--bleuF);
    border: 1px solid var(--bleuF);
}

a.button:hover, button:hover, input[type=submit]:hover {
    background-color: var(--bleuG); /* Couleur quand survol du bouton de connexion */
}

div.modal-contents {
    color: var(--bleuG);
    background-color: var(--blanc);
}

.logged-out-modal guac-modal {
    color: var(--bleuG);
    background-color: var(--blanc);
}

div.notification.ng.scope {
    border: 1px solid var(--bleuG);
}

.notification.error {
    background-color: var(--orange);
}

.client-status-modal .notification.error {
    background-color: var(--orange);
}

button.danger {
    background: var(--orange);
 }

.login-ui.error p.login-error {
    color: var(--blanc);
    background-color: var(--orange);
}

 /*** "Bouton" SAML ***/
.login-ui .sso-providers {
    /* Placement du DIV contenant le lien SAML*/
    display: block;
    position: static !important;

    /* Masque le texte contenu dans le DIV */
    visibility: hidden;
}

.login-ui .sso-providers .sso-provider-list {
    /* Placement du DIV contenant la liste avec le lien SAML*/
    display: block;
}

.login-ui .sso-providers .sso-provider-list .sso-provider a{
    /* Affiche le contenu du lien SAML uniquement et le place */
    visibility: visible;
    display: block;

    /* Style "bouton" pour le lien SAML */
    text-decoration: none; /* Retire de soulignement */
    background-color: var(--orange); /* Couleur de fond du bouton */
    color: #ffffff;            /* Couleur du texte */
    padding: 10px 20px;        /* Ajuste l'espace interne du bouton */
    border-radius: 5px;        /* Coins arrondis */
    text-align: center;        /* Centrage du texte */
    cursor: pointer;           /* Curseur en forme de main pour un effet de bouton */
    transition: background-color 0.3s ease; /* Transition douce pour le survol */
    font-size: 27px; /* Taille du texte du lien */
    font-weight: bold; /* Texte du lien en gras */
    border: 1px solid #D3610C;
}

.login-ui .sso-providers .sso-provider-list .sso-provider a::before{
    /* Ajoute le mot "Connexion" devant le lien SAML et style du texte */
    content: url('app/ext/tempnamespace/images/Microsoft_logo.png') " Connexion ";
    font-size: 27px;
    font-weight: bold;
}

.login-ui .sso-providers .sso-provider-list .sso-provider a:hover {
    /* Change la couleur de fond au survol du lien SAML*/
    background-color: #D3610C;
}
 /*** Fin "Bouton" SAML ***/

/* FIN Login */

/* Home */
.recent-connections .connection:hover {
    background-color: var(--orange);
}

.menu-dropdown .menu-contents {
    background-color: var(--blanc);
}
.menu-dropdown .menu-contents li a {
    color: var(--bleuF);
}
.menu-dropdown .menu-contents li a:hover {
    background-color: var(--orange);
}

.list-item.selected {
    background: var(--orange);
}

.list-item:not(.selected) .caption:hover {
    background-color: var(--orange);
}

.list-item caption {
    background-color: var(--blanc);
}

.list-item .name {
    color: var(--bleuF);
}

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

.notification {
    color: var(--blanc);
    background-color: var(--bleuF);
}

.filter .search-string {
    background-color: rgba(0, 0, 0, 0.01);
}

/* Menus */
.menu {
    color: var(--blanc);
    background-color: var(--bleuF);
}

.clipboard,
.clipboard-service-target {
    background-color: var(--bleuF);
    color: var(--orange);
}

.menu-dropdown .menu-contents li a.danger {
    color: #ececec;
    font-weight: 700;
    background-color: var(--orange);
}

/* Connections */
#connection-warning {
    background-color: var(--bleuF);
}

.transfer-manager {
    background-color: var(--bleuF);
}
.transfer.error {
    background-color: var(--orange);
}

a.button, button, input[type=submit] {
    background-color: var(--bleuF);
}

/* Sessions Actives */
button.danger:disabled, button:disabled, input[type=submit]:disabled {
    background-color: var(--bleuF);
    color: hsla(0, 0%, 100%, .8);
    opacity: .75;
}

button.danger:enabled, button:enabled, input[type=submit]:enabled {
    background-color: var(--bleuF);
    color: var(--blanc);
}

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

.page-tabs .page-list li a[href]:visited {
    color: var(--bleuG);
}

.page-tabs .page-list li a[href].current, 
.page-tabs .page-list li a[href].current:hover, 
.section-tabs li a.current, .section-tabs li a.current:hover {
    background: rgba(0, 0, 0, .1);
    cursor: default;
}

.settings table.session-list tr.session:hover {
    background-color: var(--orange);
}

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

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

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

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

.manage-user .notice.read-only {
    color: var(--blanc);
    background-color: var(--bleuF);
}

#filesystem-menu .header.breadcrumbs .breadcrumb:hover {
    background-color: var(--orange);
}

#guac-menu #zoom-out:hover,
#guac-menu #zoom-in:hover {
    background-color: var(--orange);
}/*
 * 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;

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

.login-ui .sso-providers {

    padding: 0.25em 0.5em;
    position: absolute;
    bottom: 0;
    left: 0;

}

.sso-providers ul {
    list-style: none;
}

.sso-providers ul, .sso-providers li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.sso-providers li::before {
    content: ' / ';
}

.sso-providers li:first-child::before {
    display: none;
}