/*
 * Password Management Servlets (PWM)
 * http://www.pwm-project.org
 *
 * Copyright (c) 2006-2009 Novell, Inc.
 * Copyright (c) 2009-2022 The PWM Project
 *
 * Licensed 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.
 */

#header {
    width: 100%;
    height: 70px;
    margin: 0;
/*    background-image: url('header-gradient.gif')  */
	color : #3B8CB3;
	background: #3B8CB3;
}
/*
#header-company-logo {
    position: relative;
    float: left;
    background-image: url('logo.png');
    top: 10px;
    left: 10px;
    width: 280px;
    height: 50px;
    z-index: 1;
}

*/

#header-company-logo {
position: relative;
float: left;
background-image: url('logo-long.png');
top: 5px;
left: 10px;
width: 280px;
height: 59px;
z-index: 1;
}

@media only screen and (max-width: 650px) {
#header-company-logo {
background-image: url('logo-court.png');
width:118px;
}
}

.header-button:hover {background: #4f5be8;}


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

.tile {
    width: 165px;
    height: 165px;
}

.tile:hover {border: 1px solid #4f5be8;}

#centerbody {
    background-color: #eeeeee;
    padding: 10px 10px 40px 15px;
    border: solid 3px #000088;
    border-radius: 5px;
}

.message {
    background-color: #eeeeee;
}

.message-info {
    background-color: #b6ccdb;
}

.message-error {
    background-color: #ffcccc;
}

.message-success {
    background-color: #70c1f9;
}

.menubutton {
    white-space: normal;
}

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

 /* Themes12 */
 
.btn {
    /* background: linear-gradient(to bottom, rgb(115,119,116), rgb(75,79,82)) repeat scroll 0 0 #ffffff;  */
    background-color: #f6f9f8; /* For IE9 */
    border: 1px solid;
    border-radius: 4px;
    color: #434c50;
    /* display: table-cell; */
    font-size: 14px;
    height: auto;
    margin: 0;
    margin-right: 5px;
    min-width: 80px;
    max-width: 250px;
    padding: 5px 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}
	
	
.btn:hover {
    color: #007cd0;
    border: 1px solid #01a9e7;
}


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

.menubutton_key {

max-width: 300px;
width: 250px;
height: 50px;
border: 1px solid;
border-radius: 4px;
text-align: center;
}

 /* Themes13 */
     /* Reverse button order  */
.buttonbar {
  display: flex;
  flex-direction: row;
}
.buttonbar > button:nth-of-type(1) { order: 2; }
.buttonbar > button:nth-of-type(2) { order: 1; }
.buttonbar > button:nth-of-type(3) { order: 3; }


     /* Reverse button order & Accept in creation new user */
.buttonbar > form:nth-of-type(1) { order:2; margin-left:auto; }
.buttonbar > form:nth-of-type(2) { order:1; margin-top:auto; }



 /* Themes18a
      background Image
	 
html {
    background-image: url('background_10.png')no-repeat;
	background-image: url('autumn-bg.jpg');
    background-size: cover;
    background-color: White;
	background-color: #4582a4;
	background-size: 100%;
    background: white url('tulips-bg.jpg') no-repeat;
	Header#3B8CB3
	
	*/
	
 /* Themes18b
      background Image */
	 
html {
    background-image: url('background_20.webp');
	background-size: 100%;
	background-color: #4582a4;
	background-repeat: no-repeat;
}

#footer {
    color: #FFFFFF;
	font-size: 13px;
}







/*************************************************/
/**** Mise à jour TONDEUR Jonathan 26/06/2025 ****/
/*************************************************/

/** Rendre l'image de background toujours visible même en cas de scroll */
html {
	background-attachment: fixed;
	background-size: cover;
}
  
/** Font Family, Size **/
body {
	font-family: roboto;
	font-size:16px;
	line-height:1.5;
}
  
  
/** Margin / disposition globale de la page / taille du contenu principal / Organisation de la page **/
#header-page {
    padding-top: 8px;
    font-size: 20px;
    line-height: 21px;
}

#header-title {
	font-size:20px;
}
  
#header-company-logo {
	margin-right:20px;
}
  
/** Largeur du contenu principal **/
#header-center {
    width: 100%;
	max-width:1024px;
	padding:4px 0px;
}

/** Largeur du module de support **/  
#centerbody.wide.tall {
	max-width:90%;
}
  
  
/** Changement de langue : je le masque définitivement il n'était quand même pas visible car de la même couleur que le header */
#localeSelectionMenu {
	display:none;
}  


/** Contenu principal - couleur, bordure, background **/
#centerbody {
    border: none;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 20px 0px;
    padding: 15px 30px;
	background:white;
	color:#363636;
    width: 100%;
	max-width:1024px;
    border-radius: 5px;
}

#centerbody.tile-centerbody {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap:1rem;
  padding:25px 0px;
}

#centerbody.tile-centerbody a {
	outline-width:0px;
}

#centerbody #Button_NewUser {
  order: -1;
  margin-right:60px;
}

  
/** "Tuile" de la page d'accueil, revoir les bordure, le margin, l'alignement vertical **/
.tile {
	border-radius:5px;  
    margin: 5px;
	width:175px;
	height:175px;
	line-height:1.3;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 20px 0px;
	 
    display: flex;
    justify-content: center;
    align-items: center;
}  
  
.tile p {
	margin:0px;
}
  
.tile-subtitle {
	height:auto;
}
  
.tile-centerbody {
	text-align: center;
}
  

/** Changement des icônes une fois connecté **/
  
.tile-image.password-image:before { 
	content: "\f023";
}
  
.tile-image.security-image:before { 
	content: "\f128"; 
}
  
.tile-image.user-image:before { 
	content: "\f007"; 
}
  
.tile-image.support-image:before { 
	content: "\f0c0"; 
}
  

/**	Dialog : fenêtre de dialogue diverses **/
	
	
	
.ias-styles-root .ias-dialog .ias-dialog-container,
dialog {
	border-radius:5px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 20px 0px;
	border:1px solid #f5f5f5;
	max-width:90%;
}

.ias-dialog-label,
dialog .titleBar {
	font-weight:bold;
	text-align:left;
	padding-left: 14px;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #f5f5f5;
}


.ias-styles-root .ias-dialog .ias-dialog-container .ias-dialog-content,
dialog .body {
	padding:5px 15px !important;
}

.ias-styles-root .ias-dialog .ias-dialog-container .ias-dialog-content table {
	width:100%;
}

.ias-styles-root .ias-dialog .ias-dialog-container .ias-dialog-content table td {
	padding:0;
}

.ias-dialog.type-change-password-dialog .ias-dialog-content table input {
	margin-left:0px;
	margin-right:0px;
}

.ias-dialog .ias-actions {
	margin:4px 22px 0px 22px;
}

.ias-dialog .ias-button {
	margin-bottom: 10px;
}

.ias-dialog #close-icon {	
	position: absolute;
	top: 2px;
	right: 2px;
}
  
/*
 * Messages d'alerte : positionnement
 **/
 
 .agreementText {
	background-color: #f5f5f5;
	padding: 10px 20px;
 }

#message_wrapper 
{
	position: fixed;
	right: 0 !important;
    top: 25px !important;
    z-index: 1000;
	padding-right:25px;
}


#message_wrapper #capslockwarning,
#message_wrapper .message {
	max-width: 310px;
	width: calc(100vw - 32px); 
	
	padding: 9px 15px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 20px 0px;
	border-radius: 5px;
	
	top: auto!important;
	left: auto !important;
	position:relative !important;
}

.message-error {
	padding: 9px 15px;
    background-color: #D84D4D;
    color: white;
}

#message_wrapper #capslockwarning {
	margin-top:15px;
	padding-bottom:15px;
    color: #1F2937;
    font-weight: normal;
    font-variant: normal;
    background: #F5F5F5;
}

/**	Forms : amélioration des formulaires **/ 
	
/** Override input field and password */
input.ng-pristine,
.selectfield,
.changepasswordfield, 
.inputfield {
	
	background-color:white;
    width: 96%;
    border-radius: 8px;
    border: solid 1px #7D7D7D;
	color:#363636;
	
	
    padding-block:9px;
    padding-inline: 16px;
	
	
    font-family: inherit;
    font-feature-settings: inherit;
    font-size: 1rem;
    transition: background 0.2s, color 0.2s, border-color 0.2s, 0.2s, 0.2s;
    
    outline-color: transparent;
    box-shadow: none;
	font-size: 16px;
}
  
/** Taille des inputs dans les dialog **/
.ias-styles-root .ias-dialog input[type='password'],
.ias-styles-root .ias-dialog input[type='text'] {
		width:90%;
}
  
textarea {
    width: 87% !important;
}
  
.passwordfield,
.changepasswordfield  {
	width:85%;
	margin-bottom:10px;
}

.selectfield {
	width:100%;
}

	

.passwordfield,
.changepasswordfield, 
.inputfield
{
	height: 21px;
}

.ias-search input.ng-pristine {
	height: 35px;
}

.advanced-search-container input.ng-pristine {
	width:auto;
}

/** Focus on field **/
input.ng-pristine:focus,
.selectfield:focus,
.changepasswordfield:focus, 
.inputfield:focus {
	border-color: #001dd7;
	box-shadow: 0 0 0 0.2rem #919ec5;
	outline: 0 none transparent;
	outline-offset: 0;
}

/** Label size **/
p, 
.formFieldLabel {
	font-size: 16px;
}
  

  
   
  /** Hide TD unused **/
  #newUserForm table.noborder.nomargin.nopadding tr.noborder.nomargin.nopadding td:nth-of-type(3),
  #newUserForm table.noborder.nomargin.nopadding tr.noborder.nomargin.nopadding td:nth-of-type(2) {
	display:none;
  }
  
  /** Buttons **/
  
	.buttonbar {
		padding-left:5px;
	}
	
  #dialog_ok_button,
  #dialog_cancel_button,
  button[type='button'].btn,
  button[type='submit'].btn {
    border: 0;
    background: none;
    -webkit-appearance: none;
	
	border-radius:8px;
	transition: background 0.2s, color 0.2s, border-color 0.2s, 0.2s, 0.2s;
    padding-block: 9px;
    padding-inline: 15px;
	
	
    background: #001d77;
    border:1px solid #001d77;
	color:white;
  }
  
  .btn [class^="pwm-icon-"], 
  .btn [class*=" pwm-icon-"] {
    vertical-align: unset;
  }


  #dialog_ok_button:hover,
  #dialog_cancel_button:hover,
  button[type='button'].btn:hover,
  button[type='submit'].btn:hover {
	background-color:white;
	border:1px solid #001d77;
	color:#001d77;
  }
  
  
  /** Specific button override **/
  #submitBtn {
	margin-left:5px;
  }
  
  
  #button_reset,
  #dialog_cancel_button,
  #button-sendReset,
  #button-reset,
  #button-cancelButton,
  #button-cancel {
	margin-left:5px;
    background: #F5F5F5;
    border:1px solid #F5F5F5;
	color:#1F2937;
  }
  
  #button_reset:hover,
  #dialog_cancel_button:hover, 
  #button-sendReset:hover,
  #button-reset:hover,
  #button-cancelButton:hover,
  #button-cancel:hover {
	background-color:#E5E8F1;
	border:1px solid #E5E8F1;
	color:#1F2937;
  }
  
  #button-goBack {
    background: transparent;
    border:1px solid #919ec5;
	color:#001d77;
  }
  
  #button-goBack:hover {
	background-color:#f2f4f8;
	border:1px solid #E5E8F1;
	color:#001d77;
  }
  
  /** Adaptations tablette **/
  
  @media only screen and (max-width: 1025px) {
	#centerbody {
		max-width: 910px;
	}
  }
  
  /** Adaptations pour smartphone **/
  
  @media only screen and (max-width: 1000px) {
	
	.button-bar {
		padding-left:0px;
	}
  
	#centerbody {
		padding: 15px 25px;
		width: 80%;
	}
	
	
	input.ng-pristine,
	.changepasswordfield, 
	.inputfield {
		width: 80%;
		margin-left: 0 !important;
	}
	
	textarea {
		width: 83% !important;
	}
  }
  
	@media only screen and (max-width: 900px) {
		#centerbody #Button_NewUser {
			margin-right:0px;
		}
	}
  
  @media only screen and (max-width: 500px) {
  
	#header-center-left {
		
		width: 100%;
		margin-top: 15px;
	}

	#message_wrapper 
	{
		padding-right:0px;
	}


	#message_wrapper #capslockwarning,
	#message_wrapper .message {
		max-width: 80%;
		margin-left:auto !important;
		margin-right:auto !important;
		border-radius:none;
	}
  
  
	.buttonbar {
		display:block;
		width:100%;
		max-width:100%;
		margin:0 auto;
	}
	
	
	.buttonbar #button_reset,
	.buttonbar #dialog_cancel_button,
	.buttonbar #button-sendReset,
	.buttonbar #button-reset,
	.buttonbar #button-cancelButton,
	.buttonbar button[type='button'].btn,
	.buttonbar button[type='submit'].btn,
	.buttonbar #button-goBack,
	.buttonbar #button-cancel,
	.buttonbar #submitBtn{
		margin-left:0px;
		margin-bottom:10px;
		margin-right:0px;
		width:100%;
		max-width:100%;
	}
	
	
  }