/* This file has been generated with less on Fri 26 Apr 2024 05:22:42 PM CEST. */
/* Fonts */
@font-face {
  font-family: "Lato";
  src: url('/resources/fonts/Lato/Lato-Light.ttf') format('truetype');
  font-weight: 300;
}
@font-face {
  font-family: "Lato";
  src: url('/resources/fonts/Lato/Lato-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url('/resources/fonts/Lato/Lato-Bold.ttf') format('truetype');
  font-weight: bold;
}
@font-face {
  font-family: "Lato";
  src: url('/resources/fonts/Lato/Lato-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url('/resources/fonts/Lato/Lato-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url('/resources/fonts/Lato/Lato-Regular.ttf') format('truetype');
  font-weight: normal;
}
/*
 * General config
 */
/*
 * Menu config
 */
/*
 * Widgets config
 */
/* Labels */
/* Grid */
/* Widget mandatory button */
/* Widget help buttons : see help-button-... */
/* Bad input */
/* Corrected input */
/* Other buttons - help button */
/* Other buttons - add button */
/* Other buttons - edit button */
/* Other buttons - delete button */
/* Effects */
.theme-clickable {
  cursor: pointer;
}
.theme-text-over-effect-shadow {
  text-shadow: 0px 0px 1px 0px;
}
/* Colors */
/*
 * Meta tags
 */
:root {
  font-size: 10pt;
}
* {
  margin: 0;
}
html {
  height: 100%;
  scroll-behavior: smooth;
}
body {
  height: 100%;
}
textarea:focus,
input:focus {
  outline: none;
}
/*
 * Page structure
 */
#main-div {
  height: 100%;
}
#main-allbutfooter {
  position: relative;
  min-height: calc(100% - 22px);
}
#main-allbutfooter:after {
  content: "";
  display: block;
}
/*****************************************************\
 * Header
\*****************************************************/
#main-header {
  padding: 10px 4% 0 4%;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 5px;
  justify-content: space-between;
}
#main-title-block {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
#main-logo {
  height: 50px;
}
#main-title-content {
  display: flex;
  flex-direction: column;
}
#main-title {
  color: #bb2222;
  font-size: 2.5em;
}
#main-version {
  text-align: right;
  font-size: 0.8em;
  color: #040404;
}
#main-maintenance {
  margin: auto 20px auto 20px;
  padding: 10px 20px 10px 20px;
  width: 60%;
  position: absolute;
  left: 20%;
  display: inline-block;
  color: black;
  font-size: 1.4em;
  border-style: solid;
  border-color: red;
  vertical-align: top;
  text-align: center;
}
#main-top-right-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: right;
}
/* User */
#main-user-section {
  display: flex;
  flex-direction: column;
}
#main-user-block {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: flex-end;
  color: #040404;
}
#main-user {
  font-size: 1em;
  font-weight: bold;
  color: #040404;
}
#main-user:before {
  content: '\1f464';
  font-family: "Font Awesome 6 Pro";
  font-weight: 600;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  padding: 0 4px 0 0;
}
#main-login,
#main-logout {
  color: inherit;
}
/* Connected user */
#main-me-edit-section {
  display: flex;
  flex-direction: row;
  padding: 20px;
  justify-content: flex-end;
  align-items: flex-start;
}
#main-me-edit {
  display: flex;
  flex-direction: column;
  gap: 25px;
  text-align: left;
}
.main-me-edit-content {
  display: flex;
  flex-direction: row;
  gap: 40px;
}
.main-me-block {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.main-me-row {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.main-me-label {
  font-size: .8em;
  width: 200px;
}
.main-me-edit-control-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  border-style: solid none none none;
  border-width: 1px;
  border-color: #a6b7cc;
  padding: 20px 0 0 0;
}
.main-me-current-password-error {
  font-style: italic;
  font-size: .8em;
  color: #bb2222;
}
/* Profile */
#main-info-profile {
  position: relative;
  text-align: right;
  font-weight: bold;
  color: #040404;
}
#main-info-profile:before {
  content: '\1f3db';
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  padding: 0 4px 0 0;
}
#main-info-profile_submenublock {
  /* ??? */
  background-color: #d9eaf5;
  right: 0;
}
/*****************************************************\
 * Body
\*****************************************************/
/*
 * Top bars
 */
#main-top-bar {
  position: sticky;
  top: 0;
  background-color: #fefefe;
  z-index: 89;
}
/* Module */
#main-module-menu-hamburger {
  display: none;
  flex-direction: row;
  gap: 10px;
  cursor: pointer;
}
#main-module-text {
  align-items: center;
}
#main-module-bar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 4% 0 4%;
}
/* 
 * Menu bar
 */
#main-menu-bar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  padding: 0 4% 0 4%;
}
/* Menu */
#main-menu-hamburger {
  display: none;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  cursor: pointer;
}
#main-menu {
  display: flex;
  flex-direction: row;
}
.main-menu-item-child-block {
  position: absolute;
  display: flex;
  flex-direction: column;
}
/* Other infos */
#main-info-block {
  padding: 0 4% 0 4%;
  justify-content: flex-end;
  display: flex;
  flex-direction: row;
  gap: 10px;
  font-size: 1em;
  font-weight: bold;
  background-color: #fefefe;
}
/* Messages */
/* Bookmark  */
.main-bookmark-bar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.main-bookmark-bar-empty {
  display: none;
}
.main-bookmark {
  cursor: pointer;
}
/* Messages */
#main-action-message-block {
  position: fixed;
  left: 0;
  bottom: 50px;
  width: 100%;
  z-index: 89;
  opacity: 0.8;
}
#main-action-message-block-clear {
  position: absolute;
  right: 0;
  width: 50px;
  font-size: 1.4em;
  color: blue;
}
.main-action-message,
.main-action-message-persistant {
  position: static;
  cursor: pointer;
  font-size: 1.2em;
  border-width: 2px;
  border-style: solid;
  border-radius: 3px;
  /*margin: 5px 0 5px 0;*/
  padding: 5px 0 5px 0;
  text-align: center;
}
.main-action-message-success {
  background: rgba(79, 169, 4, 0.1);
  background-color: black;
  border-color: #4fa904;
  color: #4fa904;
  font-weight: bold;
}
.main-action-message-failure {
  background: rgba(255, 0, 0, 0.1);
  background-color: black;
  border-color: #ff0000;
  color: #ff0000;
  font-weight: bold;
}
#main-content {
  position: relative;
  padding: 0 4% 0 4%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
/* Modal */
.main-modal-section {
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  padding: 15% 4%;
  box-sizing: border-box;
  background-color: #000000;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
}
.main-modal {
  background-color: #fefefe;
  padding: 20px;
  border: 1px solid grey;
  overflow: auto;
}
.main-modal-close {
  color: lightgrey;
  position: absolute;
  top: 20px;
  right: 20px;
}
/* Footer */
#main-footer {
  padding: 4px 4% 4px 4%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  background-color: #a6b7cc;
  color: #040404;
  text-align: right;
  font-size: 0.8em;
}
#main-help-button {
  position: absolute;
  left: 4%;
}
#main-footer-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
#main-rights {
  font-style: italic;
}
/*
 * Multi languages edit
 */
.multilanedit_language {
  display: inline-block;
  width: 40px;
}
.multilanedit_text {
  display: inline-block;
}
/* Help */
#main-module-help {
  position: fixed;
  padding: 4px;
  bottom: 50px;
  right: 20px;
  max-height: 80%;
  max-width: 30%;
  overflow-y: auto;
  background-color: #ddecf6;
  color: #040404;
  z-index: 99;
}
.help-content-toggle {
  cursor: pointer;
}
.help-content-toggle:after {
  content: "\25FF";
  padding: 0 0 0 8px;
  font-size: 0.8em;
}
.help-title-1 {
  padding: 20px 0 15px 0;
  font-size: 1.2em;
  font-weight: bold;
}
.help-title-2 {
  padding: 16px 0 12px 0;
  font-size: 1em;
  font-weight: bold;
}
.help-title-3 {
  padding: 12px 0 9px 0;
  font-size: 1em;
}
.help-link {
  padding: 6px 0 3px 0;
  font-size: 1em;
  font-style: italic;
  text-decoration: underline;
  color: #0001fe;
}
.help-text {
  padding: 6px 0 3px 0;
  font-size: 1em;
}
.help > ul,
.help > ol {
  font-size: 0.8em;
  margin: 2px 0 1px 12px;
  padding: 0;
}
.help > ul > li {
  padding: 2px 0 2px 0;
}
.debug {
  font-size: 1em;
  width: 100%;
  border-width: 3px;
  border-color: #FF0000;
  border-style: solid;
  background-color: #E0E655;
}
/*
 * Responsiveness
 */
@media screen and (max-width: 600px) {
  #main-header {
    flex-direction: column;
  }
  #main-module-bar,
  #main-menu-bar,
  #main-bookmark-block,
  #main-language,
  #main-bookmark {
    flex-direction: column;
    flex-wrap: nowrap;
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition: max-height 0.3s ease-in;
    -moz-transition: max-height 0.3s ease-in;
    -o-transition: max-height 0.3s ease-in;
    transition: max-height 0.3s ease-in;
  }
  #main-module-menu-hamburger,
  #main-menu-hamburger,
  #main-language-short {
    display: flex;
  }
  .main-module,
  .main-module-selected {
    display: block;
  }
  .main-menu-item {
    display: block;
  }
}