@font-face {
  font-family:loggis_font_header;
  src:url(/includes/fonts/Audiowide-Regular.ttf);
}

@font-face {
  font-family:loggis_font_1;
  src:url(/includes/fonts/SEGOEUI.TTF);
}

@font-face {
  font-family:loggis_font_2;
  src:url(/includes/fonts/CALIBRI.TTF);
}

@font-face {
  font-family:loggis_font_monospace_1;
  src:url(/includes/fonts/FiraMono-Regular.ttf);
}

@font-face {
  font-family:loggis_font_monospace_2;
  src:url(/includes/fonts/FiraCode-Regular.ttf);
}

@keyframes animation_toGray {
  from {background-color: #BBB;}
  to {background-color: #999;}
}

/* rend la mise en page un peu plus facile... https://developer.mozilla.org/fr/docs/Web/CSS/box-sizing */
* {
	box-sizing:border-box;
}

.noDisplay { 
	display: none !important; /* usage exceptionnel de !important : on voudra toujours que ces éléments soient masqués */
}

.spacerDiv {
	margin:auto;
	flex:1 1 0;
}

.overlappingDiv, #fullscreenOverlappingDiv {
	position: absolute;
	z-index: 9000;
	height: 100%;
	width: 100%;
	display: flex;	
	background-color: rgba(0,0,0,.5);
	margin: 0;
}

#fullscreenOverlappingDiv > div, .overlappingDivInner {
	flex-direction: column;
	margin: auto;
	padding: 1rem;
	border-radius: 5px;
	background-color: white;
	border: 1px black solid;
}

#fullscreenOverlappingDiv #parametersDiv {
	margin: auto;
}
#fullscreenOverlappingDiv #pdfViewer {
	margin: 2rem;
}

#fullscreenOverlappingDiv > div {
	display: none; /* non visible par défaut, on la montre via JS lorsque nécessaire */
}

.overlappingDivInner {
	display: flex;  
	max-height: 100%;
}

.closeButton, .deleteButton, .addButton, .refreshButton, .settingsButton, .revealPasswordButton {
	background-repeat: no-repeat;
	background-position: center;
}

.closeButton, .deleteButton, .addButton, .refreshButton {
	background-size: 70%;
}

.settingsButton, .revealPasswordButton {
	background-size: 90%;
}

.closeButton, .deleteButton 
{
	background-color: orangered !important;
	background-image: url("/includes/icons/close.svg");
}

.addButton {
	background-color: limegreen !important;
	background-image: url("/includes/icons/add.svg");
}

.refreshButton {
	background-color: deepskyblue !important;
	background-image: url("/includes/icons/refresh.svg");
}

.settingsButton {
	background-image: url("/includes/icons/settings.svg");
}

.revealPasswordButton {
	background-image: url("/includes/icons/password_reveal.svg");
}

#tempStorage {
	display:none;
	position:absolute;
	z-index:999999;
}

.blink { /* pour les opérations de chargement */
	animation:fadeIn 0.5s infinite alternate;	
}

.blinkSlow { /* pour les opérations de chargement */
	animation:fadeIn 1s infinite alternate;	
}

.copyToClipboardIcon {
	width: 100%;
	height: 100%;
	
	background-image: url("/includes/icons/copy_to_clipboard.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}