/*
 * Password Management Servlets (PWM)
 * http://www.pwm-project.org
 *
 * Copyright (c) 2006-2009 Novell, Inc.
 * Copyright (c) 2009-2016 The PWM Project
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 */

 @font-face {
    font-family: 'Avenir', sans-serif;
    src: url('avenir-font/AvenirLTStd-Book.otf') format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir-Bold', sans-serif;
    src: url('avenir-font/AvenirLTStd-Heavy.otf') format("opentype");
}

#header {
    width: 95%;
    height: 80px;
	display: flex;
    margin: 0 25px;
    background: #000000; PROD */
    /* background: #00A000; TEST */
    /* background: #28A220; DEV */
    border-radius: 0 0 10px 10px;
}

#header-center {
    width:33%;
    margin: 0px 0px 0px 25px;
    position: fixed;
    padding: 0px 0px 0px 0px;
    /*! text-align: center; */
}

#header-center-right {
    float: left;
    width: 20%;
    height: 0px;
    padding-top: 3px;
    left: 262%;
}

#header-company-logo {
    position: relative;
    float: left;
    background: url(EssilorLuxotticaWhite.svg) 0 0 no-repeat ;
    top: 10px;
    left: 40%;
    width: 48%;
    height: 69%;
    z-index: 1;
}

.header-button {
    margin: 0px;
    margin-top: 6px;
    margin-left: 6px;
}

#header-username-group, #header-username {
    display: inline-block;
	color:black;
}

#header-menu-wrapper > #header-username {
    display: block;
}


#header-username-caret span.m-icon {
    content: "\f08b";
}

#header-page{
	font-family: 'Avenir', sans-serif;
	color: white;
	font-weight: bold;
}

#header-title{
	font-family: 'Avenir', sans-serif;
	color: white;
}


.header-button {
    margin: 0px;
    margin-top: 6px;
    margin-left: 6px;
}

.header-button:hover {
    opacity: 0.8;
}





#header-menu {
    cursor: pointer;
}

#header-menu:only-child {
  padding-top: 15px;
}

#header-username-caret {
    display: inline-block;
}


#header-username-caret::after {
    content: "\f078";
    font: 12px FontAwesome;
}


#header-menu-icon {
  display: inline-block;
}

#header-menu-icon::after {
  content: "\f141";
  font: 12px FontAwesome;
}

#header-menu-wrapper {
    color: white;
    text-align: right;
}

#header-menu-alert {
    display: inline-block;
    height: 10px;
}

#header-menu-alert::before {
    color: #e50000;
    content: "\f071";
    font: 12px FontAwesome;
}




/* Modifiche per il form di login */
#login, #configLogin {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Allinea gli input a sinistra rispetto al container */
    justify-content: flex-start; /* Assicura che il form rimanga in alto */
    margin-left: 20%;	/* Sposta il form pił a sinistra rispetto al container */
	margin-right: 20%;
    width: 60%; /* Limita la larghezza per rimanere centrato rispetto al logo */
}

#login .inputfield, #configLogin .inputfield {
    margin: 0;
    padding: 6px;
    width: 250px;
    margin-right: 8px;
	 margin-left: 8px;
    font-size: 15px;
}

body {
	font-family: 'Avenir', sans-serif;
	background-color: #d9d9d9;
}

.inputfield {
    margin: 0 20px 20px 0;
    padding: 8px;
    width: 250px;
    font-size: 15px;
    border: none;
    font-family: 'Avenir', sans-serif;
    border-bottom: 2px solid #adadad;
    background: transparent;
    outline: none;
}

#login .inputfield:focus, #configLogin .inputfield:focus {
    border-bottom-color: #000;
    box-shadow: none;
}



.btn {
    background: #000;
    color: white;
    font-family: 'Avenir', sans-serif;
    border: none;
    border-radius: 0;
    cursor: pointer;
    font-size: 15px;
}

p{
	margin: 20px;
   
}

.formFieldWrapper {
    margin: 20px;
    padding-bottom: 28px;
}

#login .buttonbar #submitBtn {
    margin: 0;
    width: 100%;
    height: 39px;
    min-width: 80px;
    padding: 5px 10px;
    font-size: 14px;
    border: 1px solid transparent;
}

.btn:hover {
    opacity: 0.9;
}

/* Modifica per il blocco "Forgotten Password" */
table.noborder {
    margin-top: 20px; /* Aggiunge uno spazio sopra la tabella */
}

.menubutton_key {
    display: block;
    text-align: center;
    margin-top: 10px;
}

.menubutton-description {
    text-align: center;
}

.menubutton-description p {
    margin-bottom: 10px;
}

.menubutton {
    display: inline-block;
    margin-top: 5px; /* Sposta il link "Forgotten Password" leggermente sotto la descrizione */
    text-align: center;
}

/* Mantenere il resto del CSS esistente invariato */


.tile-subtitle {
     color: #002f6c;
}

.tab-container > .label:hover {
    color: #000088;
    border-top-color: #000088;
    border-left-color: #000088;
    border-right-color: #000088;
}

#centerbody{
	background-color: white;
	border-radius: 25px;
}

.tile{
	border-radius: 12px;
}

.formFieldWrapper {
    padding-bottom: 28px;
}

#footer {
    margin: 0 25px;
    position: absolute;
    /*padding: 20px 10px 5px 10px;*/
    width: 95%;
    clear: both;
    float: center;
    background-color: #000000;
    font-size: 13px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: #fff;
}