@charset "UTF-8";
div.alert ul {
  padding-left: 10px;
}
div.alert .errorMessage span::before {
  content: "\e101";
  font-family: glyphicons halflings;
  padding-right: 7px;
}
div.alert .actionMessage span::before {
  content: "\e084";
  font-family: glyphicons halflings;
  padding-right: 7px;
}
div.alert .errorMessage LI,
div.alert .actionMessage LI {
  list-style-type: none;
}

BODY.authlogin .card .card-header h1 {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
BODY.authlogin .card {
  max-width: 400px;
  margin-left: 50px;
  background-color: #efefef;
  padding: 25px 45px;
  border-radius: 10px;
  border: solid #ccc 1px;
}

BODY.activation,
BODY.lostpassword,
BODY.menupage,
BODY.changepassword,
BODY.agreement,
BODY.externe,
BODY.authlogin {
  margin: 1em;
}
BODY.activation .header,
BODY.lostpassword .header,
BODY.menupage .header,
BODY.changepassword .header,
BODY.agreement .header,
BODY.externe .header,
BODY.authlogin .header {
  margin-bottom: 2em;
}
BODY.activation .header h1,
BODY.lostpassword .header h1,
BODY.menupage .header h1,
BODY.changepassword .header h1,
BODY.agreement .header h1,
BODY.externe .header h1,
BODY.authlogin .header h1 {
  color: #8e2562;
  display: inline-block;
  margin-bottom: 0;
  padding-bottom: 0;
  vertical-align: bottom;
  font-size: 32px;
}
BODY.activation .header img,
BODY.lostpassword .header img,
BODY.menupage .header img,
BODY.changepassword .header img,
BODY.agreement .header img,
BODY.externe .header img,
BODY.authlogin .header img {
  margin-right: 3em;
}
BODY.activation div.container,
BODY.lostpassword div.container,
BODY.menupage div.container,
BODY.changepassword div.container,
BODY.agreement div.container,
BODY.externe div.container,
BODY.authlogin div.container {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}
BODY.activation div.container form fieldset,
BODY.lostpassword div.container form fieldset,
BODY.menupage div.container form fieldset,
BODY.changepassword div.container form fieldset,
BODY.agreement div.container form fieldset,
BODY.externe div.container form fieldset,
BODY.authlogin div.container form fieldset {
  padding-left: 15px;
  padding-right: 15px;
}
BODY.activation div.container form label.error,
BODY.lostpassword div.container form label.error,
BODY.menupage div.container form label.error,
BODY.changepassword div.container form label.error,
BODY.agreement div.container form label.error,
BODY.externe div.container form label.error,
BODY.authlogin div.container form label.error {
  color: red;
  font-style: italic;
}
BODY.activation div.container form h4,
BODY.lostpassword div.container form h4,
BODY.menupage div.container form h4,
BODY.changepassword div.container form h4,
BODY.agreement div.container form h4,
BODY.externe div.container form h4,
BODY.authlogin div.container form h4 {
  _color: #fff;
  font-weight: bold;
  margin-top: 1.5em;
  _border-bottom: solid #8e2562 1px;
  _background-color: #8e2562;
  padding: 5px 5px 4px 6px;
  _margin-left: 15px;
  margin-left: 0px;
  margin-right: 15px;
  margin-bottom: 1em;
  text-transform: uppercase;
  _font-size: 0.98em;
  font-size: 1.2em;
  _border-radius: 3px;
  color: #7d7c7c;
}
BODY.activation div.container form h4 i,
BODY.lostpassword div.container form h4 i,
BODY.menupage div.container form h4 i,
BODY.changepassword div.container form h4 i,
BODY.agreement div.container form h4 i,
BODY.externe div.container form h4 i,
BODY.authlogin div.container form h4 i {
  margin-right: 8px;
}
BODY.activation div.container form h4:before,
BODY.lostpassword div.container form h4:before,
BODY.menupage div.container form h4:before,
BODY.changepassword div.container form h4:before,
BODY.agreement div.container form h4:before,
BODY.externe div.container form h4:before,
BODY.authlogin div.container form h4:before {
  content: "\f138";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 6px;
  position: relative;
  top: 2px;
}
BODY.activation div.container form .form-group,
BODY.lostpassword div.container form .form-group,
BODY.menupage div.container form .form-group,
BODY.changepassword div.container form .form-group,
BODY.agreement div.container form .form-group,
BODY.externe div.container form .form-group,
BODY.authlogin div.container form .form-group {
  display: flex;
  flex-direction: column;
}
BODY.activation div.container form .input-group,
BODY.lostpassword div.container form .input-group,
BODY.menupage div.container form .input-group,
BODY.changepassword div.container form .input-group,
BODY.agreement div.container form .input-group,
BODY.externe div.container form .input-group,
BODY.authlogin div.container form .input-group {
  width: 100%;
}
BODY.activation div.container form #captcha-div img,
BODY.lostpassword div.container form #captcha-div img,
BODY.menupage div.container form #captcha-div img,
BODY.changepassword div.container form #captcha-div img,
BODY.agreement div.container form #captcha-div img,
BODY.externe div.container form #captcha-div img,
BODY.authlogin div.container form #captcha-div img {
  align-self: flex-start;
}
BODY.activation div.container form #captcha-div img#captcha_img,
BODY.lostpassword div.container form #captcha-div img#captcha_img,
BODY.menupage div.container form #captcha-div img#captcha_img,
BODY.changepassword div.container form #captcha-div img#captcha_img,
BODY.agreement div.container form #captcha-div img#captcha_img,
BODY.externe div.container form #captcha-div img#captcha_img,
BODY.authlogin div.container form #captcha-div img#captcha_img {
  border: solid #8e2562 1px;
  padding: 1em;
  border-radius: 5px;
  cursor: pointer;
}
BODY.activation div.container form div.message_top,
BODY.lostpassword div.container form div.message_top,
BODY.menupage div.container form div.message_top,
BODY.changepassword div.container form div.message_top,
BODY.agreement div.container form div.message_top,
BODY.externe div.container form div.message_top,
BODY.authlogin div.container form div.message_top {
  height: 4em;
}
BODY.activation div.container form div.message,
BODY.lostpassword div.container form div.message,
BODY.menupage div.container form div.message,
BODY.changepassword div.container form div.message,
BODY.agreement div.container form div.message,
BODY.externe div.container form div.message,
BODY.authlogin div.container form div.message {
  font-style: italic;
  font-size: 0.95em;
}
BODY.activation div.container form div.row.shadow-box,
BODY.lostpassword div.container form div.row.shadow-box,
BODY.menupage div.container form div.row.shadow-box,
BODY.changepassword div.container form div.row.shadow-box,
BODY.agreement div.container form div.row.shadow-box,
BODY.externe div.container form div.row.shadow-box,
BODY.authlogin div.container form div.row.shadow-box {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
BODY.activation div.container form div.row,
BODY.lostpassword div.container form div.row,
BODY.menupage div.container form div.row,
BODY.changepassword div.container form div.row,
BODY.agreement div.container form div.row,
BODY.externe div.container form div.row,
BODY.authlogin div.container form div.row {
  border: 1px solid #8e2562;
  border-radius: 3px;
  margin-bottom: 1em;
  padding: 0 20px 20px;
}
BODY.activation div.container form div.row.submit,
BODY.lostpassword div.container form div.row.submit,
BODY.menupage div.container form div.row.submit,
BODY.changepassword div.container form div.row.submit,
BODY.agreement div.container form div.row.submit,
BODY.externe div.container form div.row.submit,
BODY.authlogin div.container form div.row.submit {
  border: none !important;
  padding-left: 0px;
}
BODY.activation div.container form div.row.submit .btn,
BODY.lostpassword div.container form div.row.submit .btn,
BODY.menupage div.container form div.row.submit .btn,
BODY.changepassword div.container form div.row.submit .btn,
BODY.agreement div.container form div.row.submit .btn,
BODY.externe div.container form div.row.submit .btn,
BODY.authlogin div.container form div.row.submit .btn {
  padding-left: 30px;
  padding-right: 30px;
}
BODY.activation div.container form div.row h4,
BODY.lostpassword div.container form div.row h4,
BODY.menupage div.container form div.row h4,
BODY.changepassword div.container form div.row h4,
BODY.agreement div.container form div.row h4,
BODY.externe div.container form div.row h4,
BODY.authlogin div.container form div.row h4 {
  margin-top: 6px;
  margin-left: -12px;
}

DIV.page-header {
  border: none;
}
DIV.page-header h1 {
  font-size: 33px;
}
DIV.page-header h1 img {
  vertical-align: baseline;
  margin-right: 17px;
  position: relative;
  bottom: -6px;
}
DIV.page-header h1 {
  color: #8e2562;
}
DIV.page-header h1 p {
  padding-left: 15px;
  display: inline-block;
}
DIV.page-header h1 p span {
  display: block;
  flex-direction: column;
}
DIV.page-header h1 p small {
  display: block;
  font-size: 0.65em;
}
DIV.page-header h1 {
  display: flex;
  flex-direction: row;
}

BODY.menupage DIV.menu-user h2 {
  margin-left: 23px;
  font-size: 1.6em;
  text-transform: uppercase;
  color: #796868;
  text-decoration: none;
  font-weight: 600;
}
BODY.menupage DIV.menu-user h2 i {
  margin-right: 8px;
  font-size: 0.85em;
}
BODY.menupage DIV.menu-user ul {
  list-style-type: none;
}
BODY.menupage DIV.menu-user ul li {
  font-size: 1.2em;
  display: table;
  padding: 10px;
  margin-top: 1em;
  border: solid #666 1px;
  border-radius: 3px;
  width: 500px;
  max-width: 500px;
}
BODY.menupage DIV.menu-user ul li a {
  margin-left: 10px;
  color: #796868;
  text-decoration: none;
  font-weight: 600;
}
BODY.menupage DIV.menu-user ul li span {
  display: block;
  font-size: 0.8em;
  font-style: italic;
  color: #888888;
  margin-top: 5px;
}

@media (max-width: 768px) {
  BODY.menupage DIV.menu-user ul {
    padding-left: 0;
  }
  BODY.menupage DIV.menu-user ul li {
    width: 100%;
    max-width: 100%;
  }
}
BODY.agreement .pdf-file {
  background-color: #efefef;
  border: 1px solid #8e2562;
  border-radius: 4px;
  display: inline-block;
  font-size: 1.3em;
  padding: 15px 25px;
  width: auto;
  margin-left: 15px;
}
BODY.agreement .pdf-file i {
  color: #ee0000;
  font-size: 1.4em !important;
  margin-right: 0.5em;
}
BODY.agreement form {
  margin-top: 2em;
}
BODY.agreement form [type=checkbox]:checked + label {
  color: green;
}
BODY.agreement form [type=checkbox] + label {
  padding-left: 8px;
}
BODY.agreement form [type=checkbox] {
  font-weight: bold;
}
BODY.agreement form input[type=submit] {
  margin-top: 2em;
}

@media (max-width: 768px) {
  div.row.submit {
    text-align: center;
  }
  BODY {
    margin: 0 !important;
  }
  BODY .page-header {
    margin-top: 0px;
    margin-bottom: 0;
  }
  BODY .page-header h1 {
    flex-direction: column;
    margin-top: 5px;
  }
  BODY .page-header h1 img {
    width: 100px;
    margin-left: 15px;
  }
  BODY .page-header h1 span {
    font-size: 0.8em;
  }
}
BODY.admin div.container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
BODY.admin .remodal {
  max-width: 1200px;
}
BODY.admin .remodal p {
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
}
BODY.admin .remodal p span {
  color: #006a72;
  text-transform: none;
}
BODY.admin .remodal div#email-display p {
  font-weight: normal;
  text-transform: none;
}

hr {
  margin-bottom: 15px;
  margin-top: 15px;
}

table#emails-table {
  margin-top: 6px;
}
table#emails-table tr {
  cursor: pointer;
}
table#emails-table tr:hover {
  background-color: #aaaaaa;
}

div#mailbox-display header,
div#mailbox-display .header,
div#scheduler-display header,
div#scheduler-display .header {
  background-color: #eeeeee;
  padding: 10px;
  border: solid #ccc 1px;
  text-align: left;
}
div#mailbox-display header span.key,
div#mailbox-display .header span.key,
div#scheduler-display header span.key,
div#scheduler-display .header span.key {
  display: inline-block;
  width: 108px;
  font-weight: bold;
}
div#mailbox-display header span.key:after,
div#mailbox-display .header span.key:after,
div#scheduler-display header span.key:after,
div#scheduler-display .header span.key:after {
  content: ":";
}
div#mailbox-display p.highlight,
div#scheduler-display p.highlight {
  background-color: #ccc;
}
div#mailbox-display p,
div#scheduler-display p {
  margin-bottom: 2px;
  margin-top: 2px;
  padding: 0;
  background-color: #efefef;
  display: flex;
}
div#mailbox-display p span.key,
div#scheduler-display p span.key {
  background-color: #006a72;
  color: #fff !important;
  display: inline-block;
  padding: 5px;
  width: 150px;
  min-width: 150px;
  font-weight: normal;
  font-style: italic;
}
div#mailbox-display p span.value,
div#scheduler-display p span.value {
  padding: 5px;
  margin-left: 15px;
  color: #000 !important;
  font-weight: normal;
}
div#mailbox-display p span.value.success,
div#scheduler-display p span.value.success {
  color: green;
}
div#mailbox-display p span.value.error,
div#scheduler-display p span.value.error {
  color: red;
}

div#email-display header {
  background-color: #eeeeee;
  padding: 10px;
  border: solid #ccc 1px;
}
div#email-display header span.key {
  display: inline-block;
  width: 108px;
  font-weight: bold;
}
div#email-display header span.key:after {
  content: ":";
}
div#email-display div.email_body {
  text-align: left;
  padding: 10px 10px 30px 10px;
  border: solid #ccc 1px;
  margin-bottom: 2em;
  margin-top: 4px;
}
div#email-display div.email_body img {
  display: none;
}

div#user-display-groups {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
div#user-display-groups .group {
  border: solid #ccc 1px;
  padding: 5px;
  margin: 5px;
}
div#user-display-groups .group p {
  margin-bottom: 0;
}
div#user-display-groups .group p.highlight {
  font-weight: bold;
}
div#user-display-groups .group p span.key {
  color: #aaa;
  margin-right: 10px;
}

div#user-display div.photo {
  display: flex;
  flex-direction: row;
  background-color: #006a72;
  padding: 6px;
}
div#user-display div.photo img {
  width: 120px;
}
div#user-display div.photo div.displayname {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  margin-left: 2em;
  flex-grow: 1;
}
div#user-display div.photo div.emails a {
  text-decoration: none;
  cursor: pointer;
  color: #006a72;
}
div#user-display div.photo div.emails a .email_count {
  background-color: #ffffff;
  height: 2.5em;
  width: 2.5em;
  text-align: center;
  border-radius: 1.3em;
}
div#user-display div.photo div.emails a .email_count i {
  position: relative;
  display: inline-block;
  width: 2.5em;
  height: 2.5em;
  top: 5px;
}
div#user-display div.photo div.emails a .email_count i:before {
  font-size: 1.7em;
}
div#user-display div.photo div.emails a .email_count i span {
  position: absolute;
  bottom: 8px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  left: 0;
  display: inline-block;
}
div#user-display div.photo span.key {
  color: #ffffff;
  display: inline-block;
  width: 68px;
}
div#user-display div.photo span.value {
  color: #fff;
  font-size: 1.8em;
  font-weight: bold;
}
div#user-display p.highlight {
  background-color: #ccc;
}
div#user-display p {
  margin-bottom: 2px;
  margin-top: 2px;
  padding: 0;
  background-color: #efefef;
  display: flex;
}
div#user-display p span.key {
  background-color: #006a72;
  color: #fff !important;
  display: inline-block;
  padding: 5px;
  width: 200px;
  font-weight: normal;
  font-style: italic;
}
div#user-display p span.action {
  margin-left: 2em;
}
div#user-display p span.value {
  padding: 5px;
  margin-left: 15px;
  color: #000;
  font-weight: normal;
}
div#user-display p span.value .success {
  color: green;
}
div#user-display p span.value .error {
  color: red;
}
div#user-display p span.value ul {
  display: table-cell;
  padding-left: 0px;
}
div#user-display p span.value ul li {
  list-style-type: none;
}
div#user-display p[data-show-expired=true] span.value .expired {
  color: red !important;
}
div#user-display div#activation {
  margin-top: 20px;
}
div#user-display div#activation span.key {
  background-color: #f29400 !important;
}
div#user-display div#archivedHomedir {
  margin-top: 20px;
}
div#user-display div#archivedHomedir span.key {
  background-color: #1f7a1f !important;
}
div#user-display {
  margin-bottom: 2em;
}

body.externe article > h4,
body.activation-success article > h4 {
  border-bottom: 1px solid #ccc;
  color: #00334d;
  font-size: 1.2em;
  margin-bottom: 1em;
  padding-bottom: 4px;
  text-transform: uppercase;
}
body.externe article #person > P,
body.activation-success article #person > P {
  display: flex;
}
body.externe article #person > P span.key,
body.activation-success article #person > P span.key {
  color: #00334d;
  font-weight: bold;
  width: 220px;
}

body.externe_dashboard #printdiv,
body.externe #printdiv {
  display: none;
}

body.externe_dashboard div.container table tr th {
  background-color: #eeeeee;
}
body.externe_dashboard div.container table tr th,
body.externe_dashboard div.container table tr td {
  border: 1px solid #cccccc;
  padding: 4px 20px 4px 8px;
}
body.externe_dashboard div.container table {
  margin-bottom: 1em;
}
body.externe_dashboard div.container p.alert {
  width: 75%;
}
body.externe_dashboard div.import {
  border: 1px solid #cccccc;
  display: table;
  margin-bottom: 2em;
  padding: 20px;
  width: 100%;
}
body.externe_dashboard div.import h2 {
  color: #666;
  font-size: 1.6em;
  font-weight: bold;
  margin-bottom: 1.1em;
  margin-top: 0;
  position: relative;
  top: -4px;
}
body.externe_dashboard div.import > div {
  float: left;
}
body.externe_dashboard div.import .num {
  background-color: #999;
  border-radius: 17px;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  height: 35px;
  line-height: 34px;
  position: relative;
  text-align: center;
  top: -10px;
  vertical-align: middle;
  width: 35px;
}
body.externe_dashboard div.import .num span {
  position: relative;
  left: -2px;
}
body.externe_dashboard div.import_import input#gce_form_submit:before {
  content: "\f0c9";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  padding-right: 8px;
}
body.externe_dashboard ul#reports_list li a {
  display: inline-block;
}
body.externe_dashboard ul#reports_list li a.print {
  margin-left: 1em;
}

div.actions {
  margin-top: 1em;
}

a[class^=action_]:before,
a[class*=action_]:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  padding-right: 8px;
}

a.action_add_account:before {
  content: "\e008";
}

a.action_tableau_bord:before {
  content: "\f0c9";
}

a.action_confirm_yes:before {
  content: "\e089";
}

a.action_confirm_no:before {
  content: "\e090";
}

tr.disabled {
  color: #cccccc;
}

td.expired {
  color: #ff9900;
}

div.question {
  font-size: 1.2em;
  color: #000080;
  font-weight: bold;
}
div.question .checkbox-inline label {
  color: #000000;
  font-size: 0.75em;
  font-weight: normal !important;
}
div.question .checkbox-inline label input {
  position: relative;
  top: 4px;
}

div.info {
  font-style: italic;
  margin-top: 1em;
  margin-bottom: 1em;
}

div.required label.control-label::after {
  color: red;
  content: "*";
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
div.page-form {
  position: relative;
}

div#loader .widget {
  border: 16px solid #f3f3f3;
  /* Light grey */
  border-top: 16px solid blue;
  border-right: 16px solid green;
  border-bottom: 16px solid red;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
}
div#loader {
  visibility: hidden;
  opacity: 0;
  z-index: 999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
div#loader.loader-visible {
  visibility: visible;
  opacity: 0.8;
  transition: visibility 1s, opacity 0.3s linear;
}
div#loader.loader-invisible {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 0.3s linear;
}

div#person div.header div.emails {
  display: none;
}

div#person div.header.deleted {
  background-color: #e60000 !important;
}

div#person div.header.quarantine {
  background-color: #ff9900 !important;
}

div.header.quarantine::before {
  content: "\f05e";
  max-width: 4em;
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  color: white;
  font-weight: bold;
  font-family: fontawesome;
  font-size: 4em;
  margin-left: 15px;
  margin-right: 15px;
}

div.header.deleted::before {
  content: "\f014";
  max-width: 4em;
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  color: white;
  font-weight: bold;
  font-family: fontawesome;
  font-size: 4em;
  margin-left: 15px;
  margin-right: 15px;
}

ul.changelog li {
  list-style-type: none;
  padding: 0 5px;
  margin-top: 2px;
}
ul.changelog li.tag {
  background-color: #eeeeee;
}
ul.changelog li.commit {
  background-color: #e6f5fa;
}
ul.changelog li.commit span.message {
  padding-left: 2em;
}

.container .dataTables_wrapper .dataTables_processing {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  opacity: 0.8;
}

body.admin.histories .input-daterange,
body.admin.events .input-daterange,
body.admin.soaplogs .input-daterange {
  padding: 5px 10px;
  background-color: #eee;
  border: solid #ddd 1px;
  border-radius: 3px;
  margin-bottom: 2em;
}
body.admin.histories .input-daterange label,
body.admin.events .input-daterange label,
body.admin.soaplogs .input-daterange label {
  margin-right: 20px;
}

body.admin.soaplogs [data-remodal-id=soap-display] {
  text-align: left;
}
body.admin.soaplogs [data-remodal-id=soap-display] label {
  font-weight: bold;
  display: inline-block;
  width: 120px;
  margin-top: 10px;
}

[data-clipboard-target] {
  cursor: copy;
}
[data-clipboard-target]:hover {
  background-color: #fdf079;
}
[data-clipboard-target].copied:before,
[data-clipboard-target] .copied:before {
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  padding-right: 8px;
}

form .input-group label.error {
  width: 100%;
}

.header.highlight.photo.disabled-DESACTIVATION::after {
  content: "compte désactivé";
  width: 90px;
  margin: auto;
  color: white;
  background-color: rgb(189, 49, 49);
  text-align: center;
  border-radius: 5px;
  margin-left: 1em;
  margin-right: 1em;
  font-weight: bold;
}

#lockout .action.hide {
  display: none;
}

#lockout .action.show {
  display: inline-block;
}/*# sourceMappingURL=fc.css.map */