ScoDoc/app/static/css/scodoc.css

/*   ScoDoc, (c) Emmanuel Viennet 1998 - 2024
 */

:root {
  --sco-content-min-width: 600px;
  --sco-content-max-width: 1024px;
  --sco-color-explication: rgb(10, 58, 140);
  --sco-color-background: rgb(242, 242, 238);
  --sco-color-box-bg: rgb(243, 240, 228);
  --sco-color-mod-std: #afafc2;
  --sco-color-ressources: #f8c844;
  --sco-color-saes: #c6ffab;
  --sco-color-ues: #0051a9;
}

html,
body {
  background-color: var(--sco-color-background);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12pt;
  margin: 0;
  padding: 0;
  width: 100%;
}

@media print {
  .noprint {
    display: none;
  }
}

h1,
h2,
h3 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h3 {
  font-size: 14pt;
  font-weight: bold;
}

body a {
  color: rgb(4, 16, 159);
}

details>summary:first-of-type {
  display: list-item !important;
}

div.container {
  margin-bottom: 24px;
}

div.sco-app-content {
  display: flex;
  flex-direction: column;
  margin-right: 12px;
}

.vspaced {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

.space-before-18 {
  margin-top: 18px !important;
}

.space-before-24 {
  margin-top: 24px !important;
}

.space-after-24 {
  margin-bottom: 24px !important;
}

div.scobox.maxwidth {
  max-width: none;
}

div.scobox {
  flex: 1 0 0;
  /* Equal width for all boxes */
  max-width: var(--sco-content-max-width);
  /* margin: 5px; Optional: Add margin between boxes */

  background-color: var(--sco-color-box-bg);
  margin-top: 12px;
  margin-bottom: 12px;
  margin-right: 12px;
  padding: 8px;
  border: 1px solid #c5b4b2;
  border-radius: 8px;
}

div.scobox.explanation {
  background-color: var(--sco-color-background);
  border: 1px dashed #333;
}

div.scobox.success div.scobox-title {
  color: white;
  background-color: darkgreen;
}

div.scobox.failure div.scobox-title {
  color: white;
  background-color: #c50000;
}

div.scobox div.scobox-title {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 8px;
  padding-left: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
}

div.scobox-buttons {
  margin-top: 16px;
  margin-bottom: 4px;
}

div.scobox-buttons input {
  font-size: 110%;
}

div.scobox-etud {
  background-color: var(--sco-color-background);
}

/* customization of multiselect style */
.multiselect-container.dropdown-menu {
  background-color: #e9e9e9;
}

.multiselect-container label.form-check-label {
  font-weight: normal;
  margin-left: 8px;
}

button.multiselect-option {
  width: 100%;
  text-align: left;
  border: none;
}

.multiselect-container button.multiselect-option span.form-check {
  padding-left: 2px;
}

.multiselect-container span.multiselect-group {
  font-weight: bold;
}

.multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-all:not(.multiselect-active-item-fallback):active,
.multiselect-container .multiselect-group.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-group:not(.multiselect-active-item-fallback):active,
.multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-option:not(.multiselect-active-item-fallback):active {
  background-color: #e9e9e9;
}

/* Legacy ScoDoc pages */
div#gtrcontent {
  margin-bottom: 16px;
}

.gtrcontent {
  margin-left: 140px;
  height: 100%;
  margin-bottom: 10px;
}

.gtrcontent a,
.gtrcontent a:visited {
  color: rgb(4, 16, 159);
  text-decoration: none;
}

.gtrcontent a:hover {
  color: rgb(153, 51, 51);
  text-decoration: underline;
}

.scotext {
  font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia,
    serif;
}

.sco-hidden {
  display: None;
}

div.flashes {
  left: 50%;
  margin-top: 8px;
  max-width: 800px;
  position: fixed;
  text-align: center;
  top: 8px;
  transform: translateX(-50%);
  transition: opacity 0.5s ease;
  z-index: 1000;
}

div.alert {
  padding: 16px;
  border-radius: 12px;
  font-size: 200%;
  opacity: 0.9;
}

div.alert-info {
  color: #208d3b;
  background-color: #fffd97;
  border-color: #208d3b;
}

div.alert-warning {
  color: #ef5c00;
  background-color: #fbfb00d4;
  border-color: #767676;
}

div.alert-error {
  color: #ef0020;
  background-color: #ffff00;
  border-color: #8d0a17;
}

form.inline-form {
  display: inline-block;
}

div.tab-content {
  margin-top: 10px;
  margin-left: 15px;
}

div.tab-content ul {
  padding-bottom: 3px;
}

div.tab-content h3 {
  font-size: 1.17em;
}

form#group_selector {
  display: inline;
}

#group_selector button {
  padding-top: 3px;
  padding-bottom: 3px;
  margin-bottom: 3px;
}

/* Text lien ou itms ,non autorisés pour l'utilisateur courant */
.unauthorized {
  color: grey;
}

/* ----- bandeau haut ------ */
span.bandeaugtr {
  width: 100%;
  margin: 0;
  border-width: 0;
  padding-left: 160px;
  /*  background-color: rgb(17,51,85); */
}

@media print {
  span.bandeaugtr {
    display: none;
  }
}

tr.bandeaugtr {
  /*  background-color: rgb(17,51,85); */
  color: rgb(255, 215, 0);
  /* font-style: italic; */
  font-weight: bold;
  border-width: 0;
  margin: 0;
}

#authuser {
  margin-top: 16px;
}

#authuserlink {
  color: rgb(255, 0, 0);
  text-decoration: none;
}

#authuserlink:hover {
  text-decoration: underline;
}

#deconnectlink {
  font-size: 75%;
  font-style: normal;
  color: rgb(255, 0, 0);
  text-decoration: underline;
}

nav li.logout a {
  color: rgb(255, 0, 0);
}

div.user_info div {
  padding: 8px;
  border-radius: 16px;
  margin-bottom: 8px;
}

div.user_info ul li {
  margin-bottom: 8px;
}

div.user_basics {
  border: 1px solid blue;
  background-color: #eeeeee;
}

div.user_info_admin {
  border: 1px solid red;
  background-color: #fdcaca;
}

div.user_info div.permissions {
  border: 1px solid rgb(0, 0, 255);
  background-color: #dedefd;
}

/* ----- page content ------ */

div.about-logo {
  text-align: center;
  padding-top: 10px;
}

div.head_message {
  margin-top: 12px;
  margin-bottom: 8px;
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(255, 255, 115, 0.9);
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  font-family: arial, verdana, sans-serif;
  font-weight: bold;
  width: 70%;
  text-align: center;
}

#sco_msg {
  padding: 0px;
  position: fixed;
  top: 0px;
  right: 0px;
  color: green;
}

.message_custom {
  position: fixed;
  bottom: 100%;
  left: 50%;
  z-index: 10;
  padding: 20px;
  border-radius: 0 0 10px 10px;
  background: rgb(247, 253, 67);
  color: #2c1b1b;
  font-size: 24px;
  animation: message 3s;
  transform: translate(-50%, 0);
}

div.message_error {
  position: fixed;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  padding: 20px;
  border-radius: 10px 10px 10px 10px;
  background: rgb(212, 0, 0);
  color: #ffffff;
  font-size: 24px;
}

div.passwd_warn {
  font-weight: bold;
  font-size: 200%;
  background-color: #feb199;
  width: 80%;
  height: 200px;
  text-align: center;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}

div.scovalueerror {
  padding-left: 20px;
  padding-bottom: 100px;
}

p.footer {
  font-size: 80%;
  color: rgb(60, 60, 60);
  margin-top: 15px;
  border-top: 1px solid rgb(60, 60, 60);
}

/* ---- (left) SIDEBAR  ----- */

div.sidebar {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 130px;
  border: black 1px;
  /* debug background-color: rgb(245,245,245); */
  border-right: 1px solid rgb(210, 210, 210);
}

@media print {
  div.sidebar {
    display: none;
  }
}

a.sidebar:link,
.sidebar a:link {
  color: rgb(4, 16, 159);
  text-decoration: none;
}

a.sidebar:visited,
.sidebar a:visited {
  color: rgb(4, 16, 159);
  text-decoration: none;
}

a.sidebar:hover,
.sidebar a:hover {
  color: rgb(153, 51, 51);
  text-decoration: underline;
}

a.scodoc_title {
  color: rgb(102, 102, 102);
  font-family: arial, verdana, sans-serif;
  font-size: large;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

h2.insidebar {
  color: rgb(102, 102, 102);
  font-weight: bold;
  font-size: large;
  margin-bottom: 0;
}

h3.insidebar {
  color: rgb(102, 102, 102);
  font-weight: bold;
  font-size: medium;
  margin-bottom: 0;
  margin-top: 0;
}

ul.insidebar {
  padding-left: 1em;
  list-style: circle;
}

div.box-chercheetud {
  margin-top: 12px;
}

div.box-chercheetud form input {
  max-width: 120px;
}

/* Page accueil général */
span.dept_full_name {
  font-style: italic;
}

span.dept_visible {
  color: rgb(6, 158, 6);
}

span.dept_cache {
  color: rgb(194, 5, 5);
}

div.table_etuds_in_accessible_depts {
  margin-left: 3em;
  margin-bottom: 2em;
}

div.table_etud_in_dept {
  margin-bottom: 2em;
}

div.table_etud_in_dept table.gt_table {
  width: 600px;
}

.etud-insidebar {
  font-size: small;
  background-color: rgb(220, 220, 220);
  width: 100%;
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
}

.etud-insidebar h2 {
  color: rgb(153, 51, 51);
  font-size: medium;
}

.etud-insidebar ul {
  padding-left: 1.5em;
  margin-left: 0;
}

div.logo-insidebar {
  margin-left: 0px;
  width: 75px;
  /* la marge fait 130px */
}

div.logo-logo {
  margin-left: -5px;
  text-align: center;
}

div.logo-logo img {
  box-sizing: content-box;
  margin-top: 10px;
  /* -10px */
  width: 64px;
  /* adapter suivant image */
  /* padding-right: 5px; */
}

div.sidebar-bottom {
  margin-top: 10px;
}

div.etud_info_div {
  border: 2px solid gray;
  height: 94px;
  background-color: #f7f7ff;
}

div.eid_left {
  display: inline-block;

  padding: 2px;
  border: 0px;
  vertical-align: top;
  margin-right: 100px;
}

span.eid_right {
  padding: 0px;
  border: 0px;
  position: absolute;
  right: 2px;
  top: 2px;
}

div.eid_nom {
  display: inline;
  color: navy;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 120%;
}

div.eid_nom div {
  margin-top: 4px;
}

div.eid_info {
  margin-left: 2px;
  margin-top: 3px;
}

div.eid_bac {
  margin-top: 5px;
}

div.eid_bac span.eid_bac {
  font-weight: bold;
}

div.eid_parcours {
  margin-top: 3px;
}

.qtip-etud {
  border-width: 0px;
  margin: 0px;
  padding: 0px;
}

.qtip-etud .qtip-content {
  padding: 0px 0px;
}

table.listesems th {
  text-align: left;
  padding-top: 0.5em;
  padding-left: 0.5em;
}

table.listesems td {
  vertical-align: center;
}

table.listesems td.semicon {
  padding-left: 1.5em;
}

table.listesems tr.firstsem td {
  padding-top: 0.8em;
}


h2.listesems {
  padding-top: 10px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}


/***************************/
/* Statut des cellules     */
/***************************/
.sco_selected {
  outline: 1px solid #c09;
}

.sco_modifying {
  outline: 2px dashed #c09;
  background-color: white !important;
}

.sco_wait {
  outline: 2px solid #c90;
}

.sco_good {
  outline: 2px solid #9c0;
}

.sco_modified {
  font-weight: bold;
  color: indigo;
}

/***************************/
/* Message                 */
/***************************/
.message {
  position: fixed;
  bottom: 100%;
  left: 50%;
  z-index: 10;
  padding: 20px;
  border-radius: 0 0 10px 10px;
  background: #ec7068;
  background: #90c;
  color: #fff;
  font-size: 24px;
  animation: message 3s;
  transform: translate(-50%, 0);
}

@keyframes message {
  20% {
    transform: translate(-50%, 100%);
  }

  80% {
    transform: translate(-50%, 100%);
  }
}

/* ----- Liste des news ----- */

div.scobox.news {
  font-size: 10pt;
  background-color: rgb(255, 235, 170);
}


div.news a:hover {
  color: rgb(153, 51, 51);
  text-decoration: underline;
}

ul.newslist {
  padding-left: 1em;
  padding-bottom: 0em;
  list-style: circle;
}

span.newsdate {
  padding-right: 2em;
  font-family: monospace;
}

span.newstext {
  font-style: normal;
}

/* div.news {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 10pt;
  margin-top: 1em;
  margin-bottom: 0px;
  margin-right: 16px;
  margin-left: 16px;
  padding: 0.5em;
  background-color: rgb(255, 235, 170);
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
} */



span.gt_export_icons {
  margin-left: 1.5em;
}

/* --- infos sur premiere page Sco --- */
div.scoinfos {
  margin-top: 0.5em;
  margin-bottom: 0px;
  padding: 2px;
  padding-bottom: 0px;
  background-color: #f4f4b2;
}

/* ----- fiches etudiants ------ */

div.fiche_etud {
  background-color: #f5edc8;
  /* rgb(255,240,128); */
  border: 1px solid gray;
  width: 910px;
  padding: 24px 10px 10px 10px;
  margin-top: 10px;
}

div.menus_etud {
  position: absolute;
  margin-left: 10px;
  margin-top: 16px;
}

div.fiche_etud h2 {
  padding-top: 10px;
}

div.code_nip {
  padding-top: 10px;
  font-family: "Andale Mono", "Courier";
}

div.fichesituation {
  background-color: rgb(231, 234, 218);
  /* E7EADA */
  margin: 0.5em 0 0.5em 0;
  padding: 0.5em;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
}

div.ficheadmission {
  background-color: rgb(231, 234, 218);
  /* E7EADA */

  margin: 0.5em 0 0.5em 0;
  padding: 0.5em;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
}

div#adm_table_description_format table.gt_table td {
  font-size: 80%;
}

div.ficheadmission div.note_rapporteur {
  font-size: 80%;
  font-style: italic;
}

div.etudarchive ul {
  padding: 0;
  margin: 0;
  margin-left: 1em;
  list-style-type: none;
}

div.etudarchive ul li {
  background-image: url(/ScoDoc/static/icons/bullet_arrow.png);
  background-repeat: no-repeat;
  background-position: 0 0.4em;
  padding-left: 0.6em;
}

div.etudarchive ul li.addetudarchive {
  background-image: url(/ScoDoc/static/icons/bullet_plus.png);
  padding-left: 1.2em;
}

span.etudarchive_descr {
  margin-right: 0.4em;
}

span.deletudarchive {
  margin-left: 0.5em;
}

div#fichedebouche {
  background-color: rgb(183, 227, 254);
  /* bleu clair */
  color: navy;
  width: 910px;
  margin: 0.5em 0 0.5em 0;
  padding: 0.5em;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
}

div#fichedebouche .ui-accordion-content {
  background-color: rgb(183, 227, 254);
  /* bleu clair */
  padding: 0px 10px 0px 0px;
}

span.debouche_tit {
  font-weight: bold;
  padding-right: 1em;
}

/* li.itemsuivi {} */

span.itemsuivi_tag_edit {
  border: 2px;
}

.listdebouches .itemsuivi_tag_edit .tag-editor {
  background-color: rgb(183, 227, 254);
  border: 0px;
}

.itemsuivi_tag_edit ul.tag-editor {
  display: inline-block;
  width: 100%;
}

/* .itemsuivi_tag_edit ul.tag-editor li {} */

.itemsuivi_tag_edit .tag-editor-delete {
  height: 20px;
}

.itemsuivi_suppress {
  float: right;
  padding-top: 9px;
  padding-right: 5px;
}

div.itemsituation {
  background-color: rgb(224, 234, 241);
  /* height: 2em;*/
  border: 1px solid rgb(204, 204, 204);
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

div.itemsituation em {
  color: #bbb;
}

/* tags readonly */
span.ro_tag {
  display: inline-block;
  background-color: rgb(224, 234, 241);
  color: #46799b;
  margin-top: 3px;
  margin-left: 5px;
  margin-right: 3px;
  padding-left: 3px;
  padding-right: 3px;
  border: 1px solid rgb(204, 204, 204);
}

div.ficheinscriptions {
  background-color: #eae3e2;
  /* was EADDDA */
  margin: 0.5em 0 0.5em 0;
  padding: 0.5em;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  overflow-x: scroll;
}

.ficheinscriptions a.sem {
  text-decoration: none;
  font-weight: bold;
  color: blue;
}

.ficheinscriptions a.sem:hover {
  color: red;
}

td.photocell {
  padding-left: 32px;
}

div.fichetitre {
  font-weight: bold;
}

span.etud_type_admission {
  color: rgb(0, 0, 128);
  font-style: normal;
}

td.fichetitre2 {
  font-weight: bold;
  vertical-align: top;
}

.fiche_etud span.boursier {
  background-color: red;
  color: white;
  margin-left: 12px;
  padding: 4px;
  border-radius: 12px;
}

td.fichetitre2 .formula {
  font-weight: normal;
  color: rgb(0, 64, 0);
  border: 1px solid red;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-right: 1em;
}

span.formula {
  font-size: 80%;
  font-family: Courier, monospace;
  font-weight: normal;
}

td.fichetitre2 .fl {
  font-weight: normal;
}

div.section_but {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
}

div.section_but .pb-config {
  font-style: italic;
  color: red;
}

div.fiche_but_col2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

div.fiche_total_etcs {
  font-weight: bold;
  margin-top: 16px;
}

div.section_but div.link_validation_rcues,
div.section_but div.link_validation_rcues img {
  align-self: center;
  text-align: center;
}

.ficheannotations {
  background-color: #f7d892;
  width: 910px;

  margin: 0.5em 0 0.5em 0;
  padding: 0.5em;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
}

.ficheannotations table#etudannotations {
  width: 100%;
  border-collapse: collapse;
}

.ficheannotations table#etudannotations tr:nth-child(odd) {
  background: rgb(240, 240, 240);
}

.ficheannotations table#etudannotations tr:nth-child(even) {
  background: rgb(230, 230, 230);
}

.ficheannotations span.annodate {
  color: rgb(200, 50, 50);
  font-size: 80%;
}

.ficheannotations span.annoc {
  color: navy;
}

.ficheannotations td.annodel {
  text-align: right;
}

span.link_bul_pdf {
  font-size: 80%;
  padding-right: 2em;
}

/* Page accueil Sco */
span.infostitresem {
  font-weight: normal;
}

span.linktitresem {
  font-weight: normal;
}

span.linktitresem a:link,
span.linktitresem a:visited {
  color: red;
}

a.stdlink,
a.stdlink:visited {
  color: blue;
  text-decoration: underline;
}

a.stdlink:hover {
  color: red;
  text-decoration: underline;
}

a.etudlink,
a.etud:visited {
  color: red;
}

a.etudlink:hover {
  text-decoration: underline;
}

/* a.link_accessible {} */
a.link_unauthorized,
a.link_unauthorized:visited {
  color: rgb(75, 75, 75);
}

span.spanlink {
  color: rgb(0, 0, 255);
  text-decoration: underline;
}

span.spanlink:hover {
  color: red;
}

/* Trombinoscope */

.trombi_legend {
  font-size: 80%;
  margin-bottom: 3px;
  -ms-word-break: break-all;
  word-break: break-all;
  /* non std for webkit: */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.trombi_box {
  margin-left: 5px;
  margin-top: 5px;
  width: 140px;
  /* Constant width for the box */
  display: inline-flex;
  flex-direction: column;
  /* Ensures trombi-photo is above trombi_legend */
  align-items: center;
  /* Centers content horizontally */
}

.trombi-photo {
  display: flex;
  justify-content: center;
  /* Centers image horizontally within the photo container */
  margin-bottom: 10px;
  /* Adds some space between the photo and the legend */
}

.trombi-photo img {
  width: auto;
  /* Maintains aspect ratio */
  height: 120px;
  /* Sets the height to 90px */
  max-width: 100%;
  /* Ensures the image doesn't exceed the container's width */
}

/* span.trombi_legend {
  display: inline-block;
}

span.trombi_box a {
  display: inline-block;
}

span.trombi_box a img {
  display: inline-block;
  height: 128px;
  width: auto;
} */

.trombi_nom {
  display: block;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: -5px;
  margin-bottom: 0px;
}

.trombi_prenom {
  display: inline-block;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: -2px;
  margin-bottom: 0px;
}

/* markup non semantique pour les cas simples */

.fontred {
  color: red;
}

.fontorange {
  color: rgb(215, 90, 0);
}

.fontitalic {
  font-style: italic;
}

.redboldtext {
  font-weight: bold;
  color: red;
}

.greenboldtext {
  font-weight: bold;
  color: green;
}

a.redlink {
  color: red;
}

a.redlink:hover {
  color: rgb(153, 51, 51);
  text-decoration: underline;
}

a.discretelink,
a.discretelink:visited {
  color: black;
  text-decoration: underline;
  text-decoration-style: dotted;
}

table.gt_table a.discretelink,
table.gt_table a.discretelink:visited {
  text-decoration: none;
}

a.discretelink:hover {
  color: rgb(153, 51, 51);
  text-decoration: underline;
}

.rightcell {
  text-align: right;
}

.rightjust {
  padding-left: 2em;
}

.centercell {
  text-align: center;
}

.help {
  max-width: var(--sco-content-max-width);
  font-style: italic;
}

.help em {
  font-style: normal;
}

.help_important {
  font-style: italic;
  color: red;
}

div.sco_box,
div.sco_help {
  margin-top: 12px;
  margin-bottom: 4px;
  margin-left: 0px;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid grey;
  max-width: var(--sco-content-max-width);
}

div.sco_help {
  font-style: italic;
  background-color: rgb(209, 255, 214);
}

div.sco_box_title {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 8px;
}

.sco_green_bg {
  background-color: rgb(155, 218, 155);
}

.sco_lightgreen_bg {
  background-color: rgb(209, 255, 214);
}

div.vertical_spacing_but {
  margin-top: 12px;
}

span.wtf-field ul.errors li,
span.wtf-field-error {
  color: red;
}

div.wtf-error-messages {
  color: red;
  font-size: 110%;
  font-weight: bold;
  border: 1px solid red;
  border-radius: 8px;
  background-color: yellow;
  padding: 12px;
  margin: 12px;
}

#bonus_description {
  color: rgb(6, 73, 6);
  border: 2px solid blue;
  border-radius: 5px;
  background-color: cornsilk;
}

#bonus_description div.bonus_description_head {
  font-weight: bold;
}

.configuration_logo summary {
  display: list-item !important;
}

.configuration_logo entete_dept {
  display: inline-block;
}

.configuration_logo .effectifs {
  float: right;
}

.configuration_logo h1 {
  display: inline-block;
}

.configuration_logo h2 {
  display: inline-block;
}

.configuration_logo h3 {
  display: inline-block;
}

.configuration_logo details>*:not(summary) {
  margin-left: 32px;
}

.configuration_logo .content {
  display: grid;
  grid-template-columns: auto auto 1fr;
}

.configuration_logo .image_logo {
  vertical-align: top;
  grid-column: 1/2;
  width: 256px;
}

.configuration_logo div.img-container img {
  max-width: 100%;
}

.configuration_logo .infos_logo {
  grid-column: 2/3;
}

.configuration_logo .actions_logo {
  grid-column: 3/5;
  display: grid;
  grid-template-columns: auto auto;
  grid-column-gap: 10px;
  align-self: start;
  grid-row-gap: 10px;
}

.configuration_logo .actions_logo .action_label {
  grid-column: 1/2;
  grid-template-columns: auto auto;
}

.configuration_logo .actions_logo .action_button {
  grid-column: 2/3;
  align-self: start;
}

.configuration_logo logo-edit titre {
  background-color: lightblue;
}

.configuration_logo logo-edit nom {
  float: left;
  vertical-align: baseline;
}

.configuration_logo logo-edit description {
  float: right;
  vertical-align: baseline;
}

p.indent {
  padding-left: 2em;
}

.blacktt {
  font-family: Courier, monospace;
  font-weight: normal;
  color: black;
}

p.msg {
  color: red;
  font-weight: bold;
  border: 1px solid blue;
  background-color: rgb(140, 230, 250);
  padding: 10px;
}

table.tablegrid {
  border-color: black;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-collapse: collapse;
}

table.tablegrid td,
table.tablegrid th {
  border-color: black;
  border-width: 1px 1px 0 0;
  border-style: solid;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
}

/* ----- Notes ------ */
a.smallbutton {
  border-width: 0;
  margin: 0;
  margin-left: 2px;
  text-decoration: none;
}

span.evallink {
  margin-left: 16px;
  font-weight: normal;
}

.boldredmsg {
  color: red;
  font-weight: bold;
}

tr.etuddem td {
  color: rgb(100, 100, 100);
  font-style: italic;
}

table.gt_table tr.etuddem td a {
  color: red;
}

table.gt_table tr.etuddem td.etudinfo:first-child::after {
  color: red;
  content: " (dém.)";
}

td.etudabs,
td.etudabs a.discretelink,
tr.etudabs td.moyenne a.discretelink {
  color: rgb(195, 0, 0);
}

tr.moyenne td {
  font-weight: bold;
}

table.notes_evaluation th.eval_complete {
  color: rgb(6, 90, 6);
}

table.notes_evaluation th.eval_incomplete {
  color: red;
  width: 80px;
  font-size: 80%;
}

table.notes_evaluation td.eval_incomplete>a {
  font-size: 80%;
  color: rgb(166, 50, 159);
}

table.notes_evaluation th.eval_attente {
  color: rgb(215, 90, 0);
  width: 80px;
}

table.notes_evaluation td.att a {
  color: rgb(255, 0, 217);
  font-weight: bold;
}

table.notes_evaluation td.exc a {
  font-style: italic;
  color: rgb(0, 131, 0);
}

table.notes_evaluation tr td a.discretelink:hover {
  text-decoration: none;
}

table.notes_evaluation tr td.tdlink a.discretelink:hover {
  color: red;
  text-decoration: underline;
}

table.notes_evaluation tr td.tdlink a.discretelink,
table.notes_evaluation tr td.tdlink a.discretelink:visited {
  color: blue;
  text-decoration: underline;
}

table.notes_evaluation tr td {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

div.notes_evaluation_stats {
  margin-top: -15px;
}

span.eval_title {
  font-weight: bold;
  font-size: 14pt;
}

#evaluation-edit-blocked td,
#evaluation-edit-coef td {
  padding-top: 24px;
}

.tf-liste-notes td.tf-field {
  max-width: var(--sco-content-max-width);
}

/* #saisie_notes span.eval_title {
    border-bottom: 1px solid rgb(100,100,100);
}
*/

span.jurylink {
  margin-left: 1.5em;
}

span.jurylink a {
  color: red;
  text-decoration: underline;
}

div.jury_footer {
  display: flex;
  justify-content: space-evenly;
}

div.jury_footer>span {
  border: 2px solid rgb(90, 90, 90);
  border-radius: 4px;
  padding: 4px;
  background-color: rgb(230, 242, 230);
}

.eval_description p {
  margin-left: 15px;
  margin-bottom: 2px;
  margin-top: 0px;
}

.eval_description span.resp {
  font-weight: normal;
}

.eval_description span.resp a {
  font-weight: normal;
}

.eval_description span.eval_malus {
  font-weight: bold;
  color: red;
}

.eval_info {
  font-style: italic;
  max-width: var(--sco-content-max-width);
  margin: 16px 0 16px 0;
}

span.eval_complete {
  color: green;
}

span.eval_incomplete {
  color: red;
}

span.eval_attente {
  color: rgb(215, 90, 0);
}

table.tablenote {
  border-collapse: collapse;
  border: 2px solid blue;
  /*  width: 100%;*/
  margin-bottom: 20px;
  margin-right: 20px;
}

table.tablenote th {
  padding-left: 1em;
}

.tablenote a {
  text-decoration: none;
  color: black;
}

.tablenote a:hover {
  color: rgb(153, 51, 51);
  text-decoration: underline;
}

table.tablenote_anonyme {
  border-collapse: collapse;
  border: 2px solid blue;
}

tr.tablenote {
  border: solid blue 1px;
}

td.colnote {
  text-align: right;
  padding-right: 0.5em;
  border: solid blue 1px;
}

td.colnotemoy {
  text-align: right;
  padding-right: 0.5em;
  font-weight: bold;
}

td.colcomment,
span.colcomment {
  text-align: left;
  padding-left: 2em;
  font-style: italic;
  color: rgb(80, 100, 80);
}

table.notes_evaluation table.eval_poids {
  font-size: 50%;
}

table.notes_evaluation td.moy_ue {
  font-weight: bold;
  color: rgb(1, 116, 96);
}

td.coef_mod_ue {
  font-style: normal;
  font-weight: bold;
  color: rgb(1, 116, 96);
}

td.coef_mod_ue_non_conforme {
  font-style: normal;
  font-weight: bold;
  color: red;
  background-color: yellow;
}

h2.formsemestre,
#gtrcontent h2 {
  margin-top: 2px;
  font-size: 130%;
  font-weight: bold;
}

.formsemestre_page_title table.semtitle,
.formsemestre_page_title table.semtitle td {
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  border-width: 0;
  border-collapse: collapse;
}

.formsemestre_page_title {
  width: 100%;
  padding-top: 5px;
  padding-bottom: 10px;
  margin-left: 4px;
}

.formsemestre_page_title table.semtitle td.infos table {
  padding-top: 10px;
}

.formsemestre_page_title a {
  color: black;
}

.formsemestre_page_title .eye,
formsemestre_page_title .eye img {
  display: inline-block;
  margin-left: 12px;
}

.formsemestre_page_title .infos span.lock,
formsemestre_page_title .lock img {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 5px;
  padding-right: 5px;
}

#formnotes .tf-explanation {
  font-size: 80%;
}

#formnotes .tf-explanation .sn_abs {
  color: red;
}

#formnotes .tf-ro-fieldlabel.formnote_bareme {
  text-align: right;
  font-weight: bold;
}

#formnotes td.tf-ro-fieldlabel:after {
  content: "";
}

#formnotes .tf-ro-field.formnote_bareme {
  font-weight: bold;
}

#formnotes td.tf-fieldlabel {
  border-bottom: 1px dotted #fdcaca;
}

.wtf-field li {
  display: inline;
}

.wtf-field ul {
  padding-left: 0;
}

.wtf-field .errors {
  color: red;
  font-weight: bold;
}

/*
.formsemestre_menubar {
    border-top: 3px solid #67A7E3;
    background-color: #D6E9F8;
    margin-top: 8px;
}

.formsemestre_menubar .barrenav ul li a.menu {
    font-size: 12px;
}
*/
/* Barre menu semestre */
#sco_menu {
  overflow: hidden;
  background: rgb(214, 233, 248);
  border-top-color: rgb(103, 167, 227);
  border-top-style: solid;
  border-top-width: 3px;
  margin-top: 5px;
  margin-right: 3px;
  margin-left: -1px;
}

#sco_menu>li {
  float: left;
  width: auto;
  /* 120px !important; */
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

#sco_menu>li li {
  text-transform: none;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}

#sco_menu>li>a {
  font-weight: bold !important;
  padding-left: 15px;
  padding-right: 15px;
}

#sco_menu>li>a.ui-menu-item,
#sco_menu>li>a.ui-menu-item:visited {
  text-decoration: none;
}

#sco_menu ul .ui-menu {
  width: 200px;
}

.sco_dropdown_menu>li {
  width: auto;
  /* 120px !important; */
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

.menu-etudiant>li {
  width: 200px !important;
}

div.inscr_addremove_menu {
  display: inline-block;
  margin: 8px 0px;
  width: 150px;
}

.formsemestre_page_title .infos span {
  padding-right: 25px;
}

.formsemestre_page_title span.semtitle {
  font-size: 12pt;
}

.formsemestre_page_title span.resp,
span.resp a {
  color: red;
  font-weight: bold;
}

.formsemestre_page_title span.nbinscrits {
  text-align: right;
  font-weight: bold;
  padding-right: 1px;
}

div.formsemestre_status {
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  padding: 2px 6px 2px 16px;
  margin-right: 10px;
}

.formsemestre_status_warning,
.formsemestre_status_warning a {
  color: rgb(215, 90, 0);
}

.formsemestre_status_warning::before {
  content: "\26a0 \fe0f \00a0";
  /* EMO_WARNING, "⚠️"  */
}

table.formsemestre_status_head {
  border-collapse: collapse;

}

table.formsemestre_status_head tr td:nth-child(2) {
  padding-left: 1em;
}

table.formsemestre_status {
  border-collapse: collapse;
}

tr.formsemestre_status {
  background-color: rgb(90%, 90%, 90%);
}

table.formsemestre_status tr td:first-child {
  padding-left: 4px;
}

table.formsemestre_status tr td:last-child {
  padding-right: 8px;
}

tr.formsemestre_status_green {
  background-color: #eff7f2;
}

tr.modimpl_non_conforme td {
  background-color: #ffc458;
}

tr.modimpl_non_conforme td,
tr.modimpl_attente td {
  padding-top: 4px;
  padding-bottom: 4px;
}

tr.modimpl_has_blocked span.nb_evals_blocked,
tr span.evals_attente {
  background-color: yellow;
  border-radius: 4px;
  font-weight: bold;
  margin-left: 8px;
  padding-left: 4px;
  padding-right: 4px;
}

tr.modimpl_has_blocked span.nb_evals_blocked {
  color: red;
}

tr span.evals_attente {
  background-color: orange;
  color: green;
}

table.formsemestre_status a.redlink {
  text-decoration: none;
}

tr.formsemestre_status_ue {
  background-color: rgb(90%, 90%, 90%);
}

tr.formsemestre_status_cat td {
  padding-top: 2ex;
}

table.formsemestre_status td {
  border-top: 1px solid rgb(80%, 80%, 80%);
  border-bottom: 1px solid rgb(80%, 80%, 80%);
  border-left: 0px;
}

table.formsemestre_status td.evals,
table.formsemestre_status th.evals,
table.formsemestre_status td.resp,
table.formsemestre_status th.resp,
table.formsemestre_status td.malus {
  padding-left: 1em;
}

table.formsemestre_status th {
  font-weight: bold;
  text-align: left;
}

th.formsemestre_status_inscrits {
  font-weight: bold;
  text-align: center;
}

td.formsemestre_status_code {
  /* width: 2em; */
  padding-right: 1em;
}

table.formsemestre_status td.malus a {
  color: red;
}

a.formsemestre_status_link {
  text-decoration: none;
  color: black;
}

a.formsemestre_status_link:hover {
  color: rgb(153, 51, 51);
  text-decoration: underline;
}

td.formsemestre_status_inscrits {
  text-align: center;
}

td.rcp_titre_sem a.jury_link {
  margin-left: 8px;
  color: red;
}

td.formsemestre_status_cell {
  white-space: nowrap;
}

span.mod_coef_indicator,
span.ue_color_indicator {
  display: inline-block;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
}

span.mod_coef_indicator_zero {
  display: inline-block;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border: 1px solid rgb(156, 156, 156);
}

span.status_ue_acro {
  font-weight: bold;
}

span.status_ue_title {
  font-style: italic;
  padding-left: 1cm;
}

span.status_module_cat {
  font-weight: bold;
}

table.formsemestre_inscr td {
  padding-right: 1.25em;
}

ul.ue_inscr_list li span.tit {
  font-weight: bold;
}

ul.ue_inscr_list li.tit {
  padding-top: 1ex;
}

ul.ue_inscr_list li.etud {
  padding-top: 0.7ex;
}

/* Liste des groupes sur tableau bord semestre */
.formsemestre_status h3 {
  border: 0px solid black;
  margin-bottom: 5px;
}

.sem-groups-abs {
  background-color: rgb(137, 137, 137);
  border-radius: 16px;
  padding: 16px;
  width: fit-content;
}

.sem-groups-abs h4 {
  font-style: italic;
  margin-bottom: 0px;
  margin-top: 5px;
}

.sem-groups-partition-titre {
  margin-left: 4px;
  font-size: 110%;
}

.sem-groups-partition {
  background-color: rgb(213, 203, 183);
  border-radius: 12px;
  margin-bottom: 8px;
  padding: 12px;
  display: grid;
  grid-template-columns: 240px auto;
}

.sem-groups-partition .stdlink,
.sem-groups-partition .stdlink:visited {
  color: black;
  text-decoration-style: dotted;
  text-underline-offset: 3px;
}

.sem-groups-autres-liens {
  background-color: var(--sco-color-box-bg);
}

.sem-groups-list .stdlink,
.sem-groups-list .stdlink:visited {
  color: rgb(0, 0, 192);
}

.sem-groups-list,
.sem-groups-assi {
  background-color: #ebebeb;
  border-radius: 6px;
  margin: 4px;
}

.sem-groups-list>div {
  margin: 4px;
}

.sem-groups-assi>div {
  margin: 6px 8px 6px 8px;
}

.sem-groups-assi {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
}

.sem-groups-none {
  grid-column: 1 / span 2;
}

/* Tableau de bord module */
div.moduleimpl_tableaubord {
  padding: 7px;
  border: 2px solid gray;
  min-width: var(--sco-content-min-width);
  max-width: var(--sco-content-max-width);
}

div.moduleimpl_type_sae {
  background-color: #cfeccf;
}

div.moduleimpl_type_ressource {
  background-color: #f5e9d2;
}

div#modimpl_coefs {
  position: absolute;
  border: 1px solid;
  padding-top: 3px;
  padding-left: 3px;
  padding-right: 5px;
  background-color: #d3d3d378;
}

.coefs_histo {
  height: 32px;
  display: flex;
  gap: 4px;
  color: rgb(0, 0, 0);
  text-align: center;
  align-items: flex-end;
  font-weight: normal;
  font-size: 60%;
}

.coefs_histo>div {
  --height: calc(32px * var(--coef) / max(var(--max), 1));
  height: var(--height);
  padding: var(--height) 4px 0 4px;
  background: #09c;
  box-sizing: border-box;
}

.coefs_histo>div:nth-child(odd) {
  background-color: #9c0;
}

div.evaluation_titre {
  margin-top: 4px;
  display: inline-flex;
  vertical-align: super;
}


/* visualisation poids évaluations */
.hinton_map {
  height: 12px;
  display: inline-flex;
  text-align: center;
  vertical-align: super;
  margin-left: 4px;
}

.hinton_map>div {
  display: inline-flex;
  height: var(--size);
  width: var(--size);
  margin-left: 2px;
  margin-right: 2px;
  border: 1px solid rgb(180, 180, 180);
  align-items: center;
  justify-content: center;
}

.hinton_map>div>div {
  height: var(--boxsize);
  width: var(--boxsize);
  background: #09c;
}

span.moduleimpl_abs_link {
  padding-right: 2em;
}

.moduleimpl_evaluations_top_links {
  font-size: 80%;
  margin-bottom: 3px;
}

.moduleimpl_evaluations_table_bot {
  margin-top: 12px;
  margin-bottom: 12px;
}

table.moduleimpl_evaluations {
  width: 100%;
  border-spacing: 0px;
}

th.moduleimpl_evaluations {
  font-weight: normal;
  text-align: left;
  color: rgb(0, 0, 128);
}

th.moduleimpl_evaluations a,
th.moduleimpl_evaluations a:visited {
  font-weight: normal;
  color: red;
  text-decoration: none;
}

th.moduleimpl_evaluations a:hover {
  text-decoration: underline;
}

tr.mievr_in.evaluation_blocked th.moduleimpl_evaluation_moy span,
tr.evaluation_blocked th.moduleimpl_evaluation_moy a {
  font-weight: bold;
  color: red;
  background-color: yellow;
  padding: 2px;
  border-radius: 2px;
}

tr.mievr {
  background-color: #eeeeee;
}

tr.mievr_rattr,
tr.mievr_session2,
tr.mievr_bonus {
  background-color: #dddddd;
}

span.mievr_rattr,
span.mievr_session2,
span.mievr_bonus {
  display: inline-block;
  font-weight: bold;
  font-size: 80%;
  color: white;
  background-color: orangered;
  margin-left: 2em;
  margin-top: 1px;
  margin-bottom: 2px;
  border: 1px solid red;
  padding: 1px 3px 1px 3px;
}

tr.mievr_tit td.mievr_tit {
  font-weight: bold;
  border-top-left-radius: 8px;
}

tr.mievr.mievr_tit td {
  background-color: #e1e1e1;
}

tr.mievr_tit td:last-child {
  border-top-right-radius: 8px;
  text-align: right;
  padding-right: 8px;
}

tr.mievr td {
  text-align: left;
  vertical-align: top;
  background-color: white;
}

tr.mievr.non_visible_inter td,
tr.mievr.non_visible_inter th {
  /* background-color: #d2cdc5; */
  background: repeating-linear-gradient(45deg,
      #f0f0f0,
      #f0f0f0 10px,
      #e0e0e0 10px,
      #e0e0e0 20px);
}

tr.mievr_tit.evaluation_blocked td,
tr.mievr_tit.evaluation_blocked th {
  background-image: radial-gradient(#bd7777 1px, transparent 1px);
  background-size: 10px 10px;
}

tr.mievr_in.evaluation_blocked td,
tr.mievr_in.evaluation_blocked th {
  background-color: rgb(195, 235, 255);
  padding-top: 4px;
}


tr.mievr th {
  background-color: white;
}

tr.mievr td.mievr {
  width: 90px;
}

tr.mievr td.mievr_menu {
  width: 110px;
  padding-bottom: 4px;
}

tr.mievr td.mievr_dur {
  width: 60px;
}

tr.mievr td.mievr_coef {
  width: 60px;
}

tr.mievr td.mievr_nbnotes {
  width: 90px;
}

tr td.mievr_grtit {
  text-align: right;
  font-weight: bold;
}

span.mievr_lastmodif {
  padding-left: 2em;
  font-weight: normal;
  font-style: italic;
}

a.mievr_evalnodate {
  color: rgb(215, 90, 0);
  font-style: italic;
  text-decoration: none;
}

a.mievr_evalnodate:hover {
  color: rgb(153, 51, 51);
  text-decoration: underline;
}

span.eval_warning_coef {
  color: red;
  margin: 2px;
  padding-left: 3px;
  padding-right: 3px;
  background-color: rgb(255, 225, 0);
}

span.evalindex {
  font-weight: normal;
  font-size: 80%;
  margin-right: 5px;
}

.eval_arrows_chld {
  margin-right: 3px;
  margin-top: 3px;
}

.eval_arrows_chld a {
  margin-left: 3px;
}

table.moduleimpl_evaluations td.eval_poids {
  color: rgb(234, 110, 20);
}

span.eval_coef_ue {
  color: rgb(6, 73, 6);
  font-style: normal;
  font-size: 80%;
  margin-right: 2em;
}

/* Inscriptions modules/UE */
div.list_but_ue_inscriptions {
  margin-top: 16px;
  margin-bottom: 16px;
  margin-right: 8px;
  padding-left: 8px;
  padding-bottom: 8px;
  border-radius: 16px;
  border: 2px solid black;
  background-color: #eafffa;
}

div.list_but_ue_inscriptions h3 {
  margin-top: 8px;
}

div.list_but_ue_inscriptions table th:first-child {
  border-left: 0px;
  border-top: 0px;
}

div.list_but_ue_inscriptions table th:last-child,
div.list_but_ue_inscriptions table td:last-child {
  border-right: 1px solid salmon;
}

div.list_but_ue_inscriptions table th {
  border-top: 1px solid salmon;
}

div.list_but_ue_inscriptions table th,
div.list_but_ue_inscriptions table td {
  padding-left: 8px;
  padding-right: 8px;
  border-left: 1px solid salmon;
  border-bottom: 1px solid salmon;
}

div.list_but_ue_inscriptions table td.ue_validee {
  background-color: #a1f539;
}

form.list_but_ue_inscriptions {
  margin-bottom: 16px;
}

form.list_but_ue_inscriptions td:first-child {
  text-align: left;
}

form.list_but_ue_inscriptions td {
  text-align: center;
}

table#but_ue_inscriptions {
  margin-left: 16px;
  width: auto;
}

div#but_ue_inscriptions_filter {
  margin-left: 16px;
  margin-bottom: 8px;
}

/* Formulaire edition des partitions */
form#editpart table {
  border: 1px solid gray;
  border-collapse: collapse;
}

form#editpart tr.eptit th {
  font-size: 110%;
  border-bottom: 1px solid gray;
}

form#editpart td {
  border-bottom: 1px dashed gray;
}

form#editpart table td {
  padding-left: 1em;
}

form#editpart table td.epnav {
  padding-left: 0;
}

/* Liste des formations */
ul.notes_formation_list {
  list-style-type: none;
  font-size: 110%;
}

li.notes_formation_list {
  padding-top: 10px;
}

.dt-scroll-body,
.dt-scroll-head {
  overflow: initial !important;
}

table.dataTable.formation_list_table.gt_table {
  border-collapse: collapse;
  margin-right: 12px;
  margin-left: 12px;
}

table#formation_list_table tr.gt_hl {
  background-color: rgb(96%, 96%, 96%);
}

table.formation_list_table td.buttons {
  white-space: nowrap;
}

table.formation_list_table td.buttons a {
  margin-left: 8px;
}

table.formation_list_table td.buttons span.but_placeholder {
  display: inline-block;
  width: 15px;
}

.formation_list_table img.delete_small_img {
  width: 16px;
  height: 16px;
}

.formation_list_table td.acronyme {
  width: 10%;
  font-weight: bold;
}

.formation_list_table td.formation_code {
  font-family: Courier, monospace;
  font-weight: normal;
  color: black;
  font-size: 100%;
}

.formation_list_table td.version {
  text-align: center;
}

.formation_list_table td.sems_list_txt {
  width: 15%;
}

.formation_list_table td.commentaire {
  font-style: italic;
}

.formation_list_table td.sems_list_txt {
  font-size: 90%;
}

/* Presentation formation (ue_table) */


span.explication {
  font-style: italic;
  color: var(--sco-color-explication);
}


div.formation_semestre_niveaux_warning {
  font-weight: bold;
  color: red;
  padding: 4px;
  margin-top: 8px;
  margin-left: 24px;
  margin-right: 24px;
  background-color: yellow;
  border-radius: 8px;
}

div.formation_semestre_niveaux_warning div {
  color: black;
  font-size: 110%;
}

div.formation_semestre_niveaux_warning ul {
  list-style-type: none;
  padding-left: 0;
}

div.formation_semestre_niveaux_warning ul li:before {
  content: '⚠️';
  margin-right: 10px;
  /* Adjust space between emoji and text */
}



span.ue_code {
  font-family: Courier, monospace;
  font-weight: normal;
  color: black;
  font-size: 80%;
}

span.ue_type {
  color: green;
  margin-left: 1.5em;
  margin-right: 1.5em;
}

table.formsemestre_description td.ue_coef_nul {
  background-color: yellow !important;
  color: red;
  font-weight: bold;
}

ul.notes_module_list span.ue_coefs_list {
  color: blue;
  font-size: 70%;
}

ul.notes_module_list span.ue_coefs_list span {
  margin-right: 1em;
}

div.formation_ue_list_externes {
  background-color: #98cc98;
}

div.formation_ue_list_externes ul.notes_ue_list,
div.formation_ue_list_externes li.notes_ue_list {
  background-color: #98cc98;
}

span.ue_is_external span {
  color: orange;
}

span.ue_is_external a {
  font-weight: normal;
}

li.notes_matiere_list {
  margin-top: 2px;
}

ul.notes_matiere_list {
  background-color: rgb(220, 220, 220);
  font-weight: normal;
  font-style: italic;
  border-top: 1px solid maroon;
}

ul.notes_module_list {
  background-color: rgb(210, 210, 210);
  font-weight: normal;
  font-style: normal;
}

div.ue_list_div {
  border: 3px solid rgb(35, 0, 160);
  padding-left: 5px;
  padding-top: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
}

div.ue_list_tit_sem {
  font-size: 120%;
  font-weight: bold;
  color: orangered;
  display: list-item;
  /* This has to be "list-item"                                               */
  list-style-type: disc;
  /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type     */
  list-style-position: inside;
}

input.sco_tag_checkbox {
  margin-bottom: 10px;
}

.notes_ue_list a.stdlink {
  color: #001084;
  text-decoration: underline;
}

.notes_ue_list span.locked {
  font-weight: normal;
}

.notes_ue_list a.smallbutton img {
  position: relative;
  top: 2px;
}

div#ue_list_code {
  border: 1px solid blue;
}

ul.notes_module_list {
  list-style-type: none;
}

input#tf_submit,
input#tf_cancel {
  padding: 8px 20px;
  font-size: 16px;
  border-radius: 8px;
}

input#tf_submit {
  border: 2px solid #c50000;
}

form.clone_form {
  margin-top: 12px;
}

/*Choix niveau dans form edit UE */
div.ue_choix_niveau {
  background-color: rgb(191, 242, 255);
  border: 1px solid blue;
  border-radius: 10px;
  padding: 10px;
  margin-top: 10px;
  margin-right: 15px;
}

/* Choix niveau dans edition programme (ue_table) */
div.formation_list_ues div.ue_choix_niveau {
  margin-left: 64px;
  margin-right: 64px;
  margin-top: 2px;
  padding: 4px;
  font-size: 14px;
}

div.formation_list_ues div.ue_choix_niveau b {
  font-weight: normal;
}

div.cont_ue_choix_niveau {
  display: inline-flex;
  flex-wrap: wrap;
}

div.cont_ue_choix_niveau>div {
  display: inline-flex;
  margin-left: 8px;
  align-items: center;
}

div.cont_ue_choix_niveau select {
  margin-left: 4px;
}

div.cont_ue_choix_niveau select.select_niveau_ue {
  width: 490px;
}

div.ue_advanced {
  background-color: rgb(244, 253, 255);
  border: 1px solid blue;
  border-radius: 10px;
  padding: 10px;
  margin-top: 10px;
  margin-right: 15px;
}

div.ue_advanced h3 {
  margin-top: 2px;
}

div#ue_list_modules {
  background-color: rgb(251, 225, 165);
  border: 1px solid blue;
  border-radius: 10px;
  padding: 10px;
  margin-top: 10px;
  margin-right: 15px;
}

span.ue_share {
  font-weight: bold;
}

div.ue_warning {
  border: 1px solid red;
  border-radius: 10px;
  background-color: rgb(250, 220, 220);
  margin-top: 10px;
  margin-right: 15px;
  margin-bottom: 10px;
  padding: 10px;
}

div.ue_warning:first-child {
  font-weight: bold;
}

div.ue_warning span:before {
  content: url(/ScoDoc/static/icons/warning_img.png);
  vertical-align: -80%;
}

div.ue_warning span {
  font-weight: bold;
}

span.missing_value {
  font-weight: bold;
  color: red;
}

span.code_parcours {
  color: white;
  background-color: rgb(254, 95, 246);
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 2px;
}

span.code_parcours.no_parcours {
  color: gold;
  background-color: firebrick;
}

tr#tf_module_parcours>td {
  background-color: rgb(229, 229, 229);
}

tr#tf_module_app_critiques>td {
  background-color: rgb(194, 209, 228);
}

/* tableau recap notes */
table.notes_recapcomplet {
  border: 2px solid blue;
  border-spacing: 0px 0px;
  border-collapse: collapse;
  white-space: nowrap;
}

tr.recap_row_even {
  background-color: rgb(210, 210, 210);
}

@media print {
  tr.recap_row_even {
    /* bordures noires pour impression */
    border-top: 1px solid black;
    border-bottom: 1px solid black;
  }
}

tr.recap_row_min {
  border-top: 1px solid blue;
}

tr.recap_row_min,
tr.recap_row_max {
  font-weight: normal;
  font-style: italic;
}

tr.recap_row_moy {
  font-weight: bold;
}

tr.recap_row_nbeval {
  color: green;
}

tr.recap_row_ects {
  color: rgb(160, 86, 3);
  border-bottom: 1px solid blue;
}

td.recap_tit {
  font-weight: bold;
  text-align: left;
  padding-right: 1.2em;
}

td.recap_tit_ue {
  font-weight: bold;
  text-align: left;
  padding-right: 1.2em;
  padding-left: 2px;
  border-left: 1px solid blue;
}

td.recap_col {
  padding-right: 1.2em;
  text-align: left;
}

td.recap_col_moy {
  padding-right: 1.5em;
  text-align: left;
  font-weight: bold;
  color: rgb(80, 0, 0);
}

td.recap_col_moy_inf {
  padding-right: 1.5em;
  text-align: left;
  font-weight: bold;
  color: rgb(255, 0, 0);
}

td.recap_col_ue {
  padding-right: 1.2em;
  padding-left: 4px;
  text-align: left;
  font-weight: bold;
  border-left: 1px solid blue;
}

td.recap_col_ue_inf {
  padding-right: 1.2em;
  padding-left: 4px;
  text-align: left;
  color: rgb(255, 0, 0);
  border-left: 1px solid blue;
}

td.recap_col_ue_val {
  padding-right: 1.2em;
  padding-left: 4px;
  text-align: left;
  color: rgb(0, 140, 0);
  border-left: 1px solid blue;
}

/* noms des etudiants sur recap complet */
table.notes_recapcomplet a:link,
table.notes_recapcomplet a:visited {
  text-decoration: none;
  color: black;
}

table.notes_recapcomplet a:hover {
  color: red;
  text-decoration: underline;
}

div.table_recap_caption {
  width: fit-content;
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 8px;
  border-radius: 8px;
  background-color: rgb(202, 255, 180);
}

div.table_recap_caption div.title {
  font-weight: bold;
}

div.table_recap_caption div.captions {
  display: grid;
  grid-template-columns: 48px 200px;
}

div.table_recap_caption div.captions div:nth-child(odd) {
  text-align: center;
}

div.table_recap_caption div.captions div:nth-child(even) {
  font-style: italic;
}

/* bulletin */
div.notes_bulletin {
  margin-right: 5px;
}

div.bull_head {
  display: grid;
  justify-content: space-between;
  grid-template-columns: auto auto;
  min-width: 600px;
  max-width: 1072px;
}

div.bull_photo {
  display: inline-block;
  margin-right: 8px;
}

span.bulletin_menubar_but {
  display: inline-block;
  margin-left: 2em;
  margin-right: 2em;
}

table.notes_bulletin {
  border-collapse: collapse;
  border: 2px solid rgb(100, 100, 240);
  width: 100%;
  margin-right: 100px;
  background-color: rgb(240, 250, 255);
  font-family: arial, verdana, sans-serif;
  font-size: 13px;
}

tr.notes_bulletin_row_gen {
  border-top: 1px solid black;
  font-weight: bold;
}

tr.notes_bulletin_row_rang {
  font-weight: bold;
}

tr.notes_bulletin_row_ue {
  /* background-color: rgb(170,187,204); voir sco_utils.UE_COLORS */
  font-weight: bold;
  border-top: 1px solid black;
}

tr.bul_row_ue_cur {
  background-color: rgb(180, 180, 180);
}

tr.bul_row_ue_cap {
  background-color: rgb(150, 170, 200);
  color: rgb(50, 50, 50);
}

tr.notes_bulletin_row_mat {
  border-top: 2px solid rgb(140, 140, 140);
  color: blue;
}

tr.notes_bulletin_row_mod {
  border-top: 1px solid rgb(140, 140, 140);
}

tr.notes_bulletin_row_sum_ects {
  border-top: 1px solid black;
  font-weight: bold;
  background-color: rgb(170, 190, 200);
}

tr.notes_bulletin_row_mod td.titre,
tr.notes_bulletin_row_mat td.titre {
  padding-left: 1em;
}

tr.notes_bulletin_row_eval {
  font-style: italic;
  color: rgb(60, 60, 80);
}

tr.notes_bulletin_row_eval_incomplete .discretelink {
  color: rgb(200, 0, 0);
}

tr.b_eval_first td {
  border-top: 1px dashed rgb(170, 170, 170);
}

tr.b_eval_first td.titre {
  border-top: 0px;
}

tr.notes_bulletin_row_eval td.module {
  padding-left: 5px;
  border-left: 1px dashed rgb(170, 170, 170);
}

span.bul_ue_descr {
  font-weight: normal;
  font-style: italic;
}

table.notes_bulletin td.note {
  padding-left: 1em;
}

table.notes_bulletin td.min,
table.notes_bulletin td.max,
table.notes_bulletin td.moy {
  font-size: 80%;
}

table.notes_bulletin tr.notes_bulletin_row_ue_cur td.note,
table.notes_bulletin tr.notes_bulletin_row_ue_cur td.min,
table.notes_bulletin tr.notes_bulletin_row_ue_cur td.max {
  font-style: italic;
}

table.notes_bulletin tr.bul_row_ue_cur td,
table.notes_bulletin tr.bul_row_ue_cur td a {
  color: rgb(114, 89, 89);
}

.note_bold {
  font-weight: bold;
}

td.bull_coef_eval,
td.bull_nom_eval {
  font-style: italic;
  color: rgb(60, 60, 80);
}

tr.notes_bulletin_row_eval td.note {
  font-style: italic;
  color: rgb(40, 40, 40);
  font-size: 90%;
}

tr.notes_bulletin_row_eval td.note .note_nd {
  font-weight: bold;
  color: red;
}

/* --- Bulletins UCAC */
tr.bul_ucac_row_tit,
tr.bul_ucac_row_ue,
tr.bul_ucac_row_total,
tr.bul_ucac_row_decision,
tr.bul_ucac_row_mention {
  font-weight: bold;
  border: 1px solid black;
}

tr.bul_ucac_row_tit {
  background-color: rgb(170, 187, 204);
}

tr.bul_ucac_row_total,
tr.bul_ucac_row_decision,
tr.bul_ucac_row_mention {
  background-color: rgb(220, 220, 220);
}

/* ---- /ucac */

span.bul_minmax {
  font-weight: normal;
  font-size: 66%;
}

span.bul_minmax:before {
  content: " ";
}

a.invisible_link,
a.invisible_link:hover {
  text-decoration: none;
  color: rgb(20, 30, 30);
}

a.bull_link {
  text-decoration: none;
  color: rgb(20, 30, 30);
}

a.bull_link:hover {
  color: rgb(153, 51, 51);
  text-decoration: underline;
}

div.bulletin_menubar {
  padding-left: 25px;
}

div.bull_titre_semestre {
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 120%;
}

div.bull_titre_semestre .parcours {
  margin-left: 12px;
}

.bull_liensemestre {
  font-weight: bold;
}

.bull_liensemestre a {
  color: rgb(255, 0, 0);
  text-decoration: none;
}

.bull_liensemestre a:hover {
  color: rgb(153, 51, 51);
  text-decoration: underline;
}

.bull_appreciations p {
  margin: 0;
  font-style: italic;
}

.bull_appreciations_link {
  margin-left: 1em;
}

span.bull_appreciations_date {
  margin-right: 1em;
  font-style: normal;
  font-size: 75%;
}

div.eval_description {
  color: rgb(20, 20, 20);
  /* border: 1px solid rgb(30,100,0); */
  padding: 3px;
}

div.bul_foot {
  max-width: 1000px;
  background: #ffe7d5;
  border-radius: 16px;
  border: 1px solid #aaa;
  padding: 16px 32px;
  margin-left: 16px;
}

div.bull_appreciations {
  border-left: 1px solid black;
  padding-left: 5px;
}

/* Saisie des notes */
div.saisienote_etape1 {
  border: 2px solid blue;
  padding: 5px;
  background-color: rgb(231, 234, 218);
  margin-top: 12px;
  margin-right: 8px;
  max-width: var(--sco-content-max-width);
}

div.saisienote_etape2 {
  border: 2px solid green;
  margin-top: 1em;
  margin-right: 8px;
  padding: 5px;
  background-color: rgb(234, 221, 218);
  max-width: var(--sco-content-max-width);
}

.diag-evaluation {
  color: green;
}

.notes-chargees {
  margin-left: 16px;
  margin-top: 12px;
  background-color: #e2ffe2;
  font-size: 120%;
  border: 1px solid #84ae84;
  border-radius: 8px;
  padding: 8px;
  width: fit-content;
}

span.titredivsaisienote {
  font-weight: bold;
  font-size: 115%;
}

.etud_dem {
  color: rgb(130, 130, 130);
}

input.note_invalid {
  color: red;
  background-color: yellow;
}

input.note_valid_new {
  color: blue;
}

input.note_saved {
  color: green;
}

span.history {
  font-style: italic;
}

span.histcomment {
  font-style: italic;
}

/* ----- Absences ------ */
td.matin {
  background-color: rgb(203, 242, 255);
}

td.absent {
  background-color: rgb(255, 156, 156);
}

td.present {
  background-color: rgb(230, 230, 230);
}

span.capstr {
  color: red;
}

b.etuddem {
  font-weight: normal;
  font-style: italic;
}

tr.row_1 {
  background-color: white;
}

tr.row_2 {
  background-color: white;
}

tr.row_3 {
  background-color: #dfdfdf;
}

td.matin_1 {
  background-color: #e1f7ff;
}

td.matin_2 {
  background-color: #e1f7ff;
}

td.matin_3 {
  background-color: #c1efff;
}

table.abs_form_table tr:hover td {
  border: 1px solid red;
}

.ul_abs button {
  margin-bottom: 6px;
}

/* ----- Formulator  ------- */
ul.tf-msg {
  color: rgb(6, 80, 18);
  border: 1px solid red;
}

li.tf-msg {
  list-style-image: url(/ScoDoc/static/icons/warning16_img.png);
  padding-top: 5px;
  padding-bottom: 5px;
}

.pref-comment {
  font-style: italic;
  font-size: small;
  color: var(--sco-color-explication);
}

div.formsemestre-warning-box {
  background-color: yellow;
  border-radius: 4px;
  margin-top: 12px;
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 4px;
  padding-top: 2px;
  /* padding-bottom: 1px; */
}

.warning,
.warning-bloquant {
  color: red;
  margin-left: 16px;
  margin-bottom: 8px;
  min-width: var(--sco-content-min-width);
  max-width: var(--sco-content-max-width);
}

.warning::before {
  content: "";
  margin-right: 8px;
  height: 32px;
  width: 32px;
  background-size: 32px 32px;
  background-image: url(/ScoDoc/static/icons/warning_std.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: -40%;
}

.warning.warning-info::before {
  height: 24px;
  width: 24px;
  background-size: 24px 24px;
  background-image: url(/ScoDoc/static/icons/warning-info.svg);
}


.warning-light {
  font-style: italic;
  color: rgb(166, 50, 159);
}

.warning-light::before {
  content: "\26a0 \fe0f \00a0";
  /* EMO_WARNING, "⚠️"  */
}

.warning-bloquant::before {
  content: "";
  margin-right: 8px;
  height: 32px;
  width: 32px;
  background-size: 32px 32px;
  background-image: url(/ScoDoc/static/icons/warning_bloquant.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: -40%;
}


p.error {
  font-weight: bold;
  color: red;
}

p.error::before {
  content: "\2049 \fe0f";
  margin-right: 8px;
}

mark {
  padding-right: 0px;
}

.infop {
  font-weight: normal;
  color: rgb(26, 150, 26);
  font-style: italic;
}

.infop::before {
  content: url(/ScoDoc/static/icons/info-16_img.png);
  vertical-align: -15%;
  padding-right: 5px;
}

form.sco_pref table.tf {
  border-spacing: 5px 15px;
}

td.tf-ro-fieldlabel {
  /* font-weight: bold; */
  vertical-align: top;
  margin-top: 20px;
}

td.tf-ro-fieldlabel:after {
  content: " :";
}

td.tf-ro-field {
  vertical-align: top;
}

span.tf-ro-value {
  background-color: white;
  color: grey;
  margin-right: 2em;
}

div.tf-ro-textarea {
  border: 1px solid grey;
  padding-left: 8px;
}

select.tf-selglobal {
  margin-left: 10px;
}

td.tf-fieldlabel {
  vertical-align: top;
}

td.tf-field {
  max-width: 800px;
}

.tf-comment {
  font-size: 80%;
  font-style: italic;
}

.tf-explanation {
  font-style: italic;
}

#tf details summary {
  font-size: 130%;
  margin-top: 6px;
  margin-bottom: 6px;
}

.radio_green {
  background-color: green;
}

.radio_red {
  background-color: red;
}

td.fvs_val {
  border-left: 1px solid rgb(80, 80, 80);
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
}

td.fvs_val_inf {
  border-left: 1px solid rgb(80, 80, 80);
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  color: red;
}

td.fvs_tit {
  font-weight: bold;
  text-align: left;
  border-left: 1px solid rgb(80, 80, 80);
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
}

td.fvs_tit_chk {
  font-weight: bold;
}

span.table_nav_mid {
  flex-grow: 1;
  /* Set the middle element to grow and stretch */
}

span.table_nav_prev,
span.table_nav_next {
  width: 11em;
  /* A fixed width as the default */
}

div.table_nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

P.gtr_interdit:before {
  content: url(/ScoDoc/static/icons/interdit_img.png);
  vertical-align: -80%;
}

P.gtr_devel:before {
  content: url(/ScoDoc/static/icons/devel_img.png);
  vertical-align: -80%;
}

/* ---- Sortable tables --- */
/* Sortable tables */
table.sortable a.sortheader {
  background-color: #e6e6e6;
  color: black;
  font-weight: bold;
  text-decoration: none;
  display: block;
}

table.sortable span.sortarrow {
  color: black;
  text-decoration: none;
}

/* Horizontal bar graph */
.graph {
  width: 100px;
  height: 12px;
  /* background-color: rgb(200, 200, 250); */
  padding-bottom: 0px;
  margin-bottom: 0;
  margin-right: 0px;
  margin-top: 3px;
  margin-left: 10px;
  border: 1px solid black;
  position: absolute;
}

.bar {
  background-color: rgb(100, 150, 255);
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 2px;
  height: 8px;
  z-index: 2;
}

.mark {
  background-color: rgb(0, 150, 0);
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 2px;
  height: 100%;
  z-index: 2;
}

td.cell_graph {
  width: 170px;
}

/* ------------------ Formulaire validation semestre ---------- */
table.recap_parcours {
  color: black;
  border-collapse: collapse;
}

table.recap_parcours td {
  padding-left: 8px;
  padding-right: 8px;
}

.recap_parcours tr.sem_courant {
  background-color: rgb(255, 241, 118);
}

.recap_parcours tr.sem_precedent {
  background-color: rgb(90%, 95%, 90%);
}

.recap_parcours tr.sem_autre {
  background-color: rgb(90%, 90%, 90%);
}

.rcp_l1 td {
  padding-top: 5px;
  border-top: 3px solid rgb(50%, 50%, 50%);
  border-right: 0px;
  border-left: 0px;
  color: blue;
  vertical-align: top;
}

td.rcp_dec {
  color: rgb(0%, 0%, 50%);
}

td.rcp_nonass,
td.rcp_but {
  color: red;
}

.recap_hide_details tr.rcp_l2 {
  display: none;
}

table.recap_hide_details td.ue_acro span {
  display: none;
}

.sco_hide {
  display: none;
}

table.recap_hide_details tr.sem_courant,
table.recap_hide_details tr.sem_precedent {
  display: table-row;
}

table.recap_hide_details tr.sem_courant td.ue_acro span,
table.recap_hide_details tr.sem_precedent td.ue_acro span {
  display: inline;
}

.recap_parcours tr.sem_courant td.rcp_type_sem {
  font-weight: bold;
}

.recap_parcours tr.sem_autre td.rcp_type_sem {
  color: rgb(100%, 70%, 70%);
}

.recap_parcours tr.sem_autre_formation td.rcp_titre_sem {
  background-image: repeating-linear-gradient(-45deg,
      rgb(100, 205, 193),
      rgb(100, 205, 193) 2px,
      transparent 5px,
      transparent 40px);
}

.rcp_l2 td {
  padding-bottom: 5px;
}

td.sem_ects_tit {
  text-align: right;
}

span.ects_fond {
  text-decoration: underline;
}

span.ects_fond:before {
  content: "(";
}

span.ects_fond:after {
  content: ")";
}

table.recap_parcours td.datedebut {
  color: rgb(0, 0, 128);
}

table.recap_parcours td.datefin {
  color: rgb(0, 0, 128);
}

table.recap_parcours td.rcp_type_sem {
  padding-left: 4px;
  padding-right: 4px;
  color: red;
}

td.ue_adm {
  color: green;
  font-weight: bold;
}

td.ue_cmp {
  color: green;
}

td.ue_capitalized,
.ue_cap {
  text-decoration: underline;
  text-decoration-thickness: 3px;
}

h3.sfv {
  margin-top: 0px;
}

form.sfv_decisions {
  border: 1px solid blue;
  padding: 6px;
  margin-right: 2px;
}

form.sfv_decisions_manuelles {
  margin-top: 10px;
}

th.sfv_subtitle {
  text-align: left;
  font-style: italic;
}

tr.sfv_ass {
  background-color: rgb(90%, 90%, 80%);
}

tr.sfv_pbass {
  background-color: rgb(90%, 70%, 80%);
}

div.link_defaillance {
  padding-top: 8px;
  font-weight: bold;
}

div.pas_sembox {
  margin-top: 10px;
  border: 2px solid #a0522d;
  padding: 5px;
  margin-right: 10px;
  font-family: arial, verdana, sans-serif;
}

span.sp_etape {
  display: inline-block;
  width: 4em;
  font-family: "Andale Mono", "Courier";
  font-size: 75%;
  color: black;
}

.deja-inscrit {
  font-weight: bold;
  color: rgb(1, 76, 1) !important;
}

.inscrit-ailleurs {
  font-weight: bold;
  color: red !important;
}

div.etuds_select_boxes {
  margin-bottom: 16px;
}

span.paspaye,
span.paspaye a {
  color: #9400d3 !important;
}

span.finalisationinscription {
  color: green;
}

.pas_sembox_title a {
  font-weight: bold;
  font-size: 100%;
  color: #1c721c;
}

.pas_sembox_subtitle {
  font-weight: normal;
  font-size: 100%;
  color: blue;
  border-bottom: 1px solid rgb(50%, 50%, 50%);
  margin-bottom: 8px;
}

.pas_recap {
  font-weight: bold;
  font-size: 110%;
  margin-top: 10px;
}

div.pas_help {
  width: 80%;
  font-size: 80%;
  background-color: rgb(90%, 90%, 90%);
  color: rgb(40%, 20%, 0%);
  margin-top: 30px;
  margin-bottom: 30px;
}

div.pas_help_left {
  float: left;
}

span.libelle {
  font-weight: bold;
}

span.anomalie {
  font-style: italic;
}

/* ---- check absences / evaluations ---- */
div.module_check_absences h2 {
  font-size: 100%;
  color: blue;
  margin-bottom: 0px;
}

div.module_check_absences h2.eval_check_absences {
  font-size: 80%;
  color: black;
  margin-left: 20px;
  margin-top: 0px;
  margin-bottom: 5px;
}

div.module_check_absences h3 {
  font-size: 80%;
  color: rgb(133, 0, 0);
  margin-left: 40px;
  margin-top: 0px;
  margin-bottom: 0px;
}

div.module_check_absences ul {
  margin-left: 60px;
  font-size: 80%;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* ----------------------------------------------- */
/*    Help bubbles (aka tooltips)                  */
/* ----------------------------------------------- */
.tooltip {
  width: 200px;
  color: #000;
  font: lighter 11px/1.3 Arial, sans-serif;
  text-decoration: none;
  text-align: center;
}

.tooltip span.top {
  padding: 30px 8px 0;
  background: url(/ScoDoc/static/icons/bt_gif.png) no-repeat top;
}

.tooltip b.bottom {
  padding: 3px 8px 15px;
  color: #548912;
  background: url(/ScoDoc/static/icons/bt_gif.png) no-repeat bottom;
}

/* ----------------------------------------------- */

.scoplement {
  pointer-events: none;
  position: absolute;
  bottom: 100%;
  left: 0;
  padding: 8px;
  border-radius: 4px;
  background: rgb(205, 228, 255);
  color: #000;
  border: 1px solid rgb(4, 16, 159);
  opacity: 0;
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 0 !important;
  column-gap: 4px !important;
}

.with_scoplement:hover .scoplement {
  opacity: 1;
  z-index: 1;
}

.scoplement>div {
  text-align: left;
  display: inline-block;
  white-space: nowrap;
}

.scoplement>div:nth-child(1),
.scoplement>div:nth-child(7) {
  margin-bottom: 8px;
}

/* ----------------------------------------------- */

/* ----------------------------- */
/* TABLES generees par gen_table */
/* ----------------------------- */
/* Voir gt_table.css les definitions s'appliquant à toutes les tables
 */

table.table_cohorte tfoot tr td,
table.table_cohorte tfoot tr th {
  background-color: rgb(90%, 95%, 100%);
  border-right: 1px solid #dddddd;
}

table.table_cohorte tfoot tr th {
  text-align: left;
  border-left: 1px solid #dddddd;
  font-weight: normal;
}

table.table_coldate tr td:first-child {
  /* largeur col. date/time */
  width: 12em;
  color: rgb(0%, 0%, 50%);
}

table.table_listegroupe tr td {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

table.list_users td.date_modif_passwd {
  white-space: nowrap;
}

table.list_users td.roles_string,
table.list_users th.roles_string {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

table.formsemestre_description tr.table_row_ue td {
  font-weight: bold;
}

table.formsemestre_description tr.evaluation td {
  color: rgb(4, 16, 159);
  font-size: 85%;
}

table.formsemestre_description tr.evaluation td.poids a {
  font-style: italic;
  color: rgb(4, 16, 159);
}

table.formsemestre_description tbody tr.evaluation td {
  background-color: #cee4fa !important;
}

/* --- */
tr#tf_extue_decl>td,
tr#tf_extue_note>td {
  padding-top: 20px;
}

tr#tf_extue_titre>td,
tr#tf_extue_acronyme>td,
tr#tf_extue_type>td,
tr#tf_extue_ects>td {
  padding-left: 20px;
}

table.formsemestre_enseignants_list tbody tr td.nbabsadded {
  text-align: right;
  padding-right: 1em;
}

/* ----------------------------- */

div.form_rename_partition {
  margin-top: 2em;
  margin-bottom: 2em;
}

td.calday {
  text-align: right;
  vertical-align: top;
}

div.cal_evaluations table.monthcalendar td.calcell {
  padding-left: 0.6em;
  width: 6em;
}

div.cal_evaluations table.monthcalendar td a {
  color: rgb(128, 0, 0);
}

#lyc_map_canvas {
  width: 900px;
  height: 600px;
}

div.othersemlist {
  margin-bottom: 10px;
  margin-right: 5px;
  padding-bottom: 4px;
  padding-left: 5px;
  border: 1px solid gray;
}

div.othersemlist input {
  margin-left: 20px;
}

div.scobox.update_warning {
  display: none;
  border: 1px solid red;
  background-color: rgb(250, 220, 220);
}

div.scobox.update_warning>div:first-child:before {
  content: url(/ScoDoc/static/icons/warning_img.png);
  vertical-align: -80%;
}

div.scobox.update_warning>div:nth-child(2) {
  font-size: 80%;
  padding-left: 8ex;
}

/*
  Titres des tabs:
  .nav-tabs li a {
      font-variant: small-caps;
      font-size: 13pt;
  }

  #group-tabs {
  clear: both;
  }

  #group-tabs ul {
  display: inline;
  }

  #group-tabs ul li {
  display: inline;
  }
*/

/* Page accueil */
#scodoc_attribution p {
  font-size: 75%;
}

div.maindiv {
  margin: 1em;
}

ul.main {
  list-style-type: square;
  margin-top: 1em;
}

ul.main li {
  padding-bottom: 2ex;
}

#scodoc_admin {
  background-color: #eeffff;
}

#message,
.message {
  margin-top: 2px;
  margin-bottom: 0px;
  padding: 0.1em;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffff73;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  font-family: arial, verdana, sans-serif;
  font-weight: bold;
  width: 40%;
  text-align: center;
  color: red;
}

h4.scodoc {
  padding-top: 20px;
  padding-bottom: 0px;
}

tr#erroneous_ue td {
  color: red;
}

/* Export Apogee */

div.apo_csv_infos {
  margin-bottom: 12px;
}

div.apo_csv_infos span:first-of-type {
  font-weight: bold;
  margin-right: 2ex;
}

div.apo_csv_infos span:last-of-type {
  font-weight: bold;
  font-family: "Andale Mono", "Courier";
  margin-right: 2ex;
}

div.apo_csv_1 {
  margin-bottom: 10px;
}

div.apo_csv_status {
  margin-top: 20px;
  padding-left: 22px;
}

div.apo_csv_status li {
  margin: 10px 0;
}

div.apo_csv_status span {
  font-family: arial, verdana, sans-serif;
  font-weight: bold;
}

div.apo_csv_status_nok {
  background: url(/ScoDoc/static/icons/bullet_warning_img.png) no-repeat left top 0px;
}

div.apo_csv_status_missing_elems {
  background: url(/ScoDoc/static/icons/bullet_warning_img.png) no-repeat left top 0px;
  padding-left: 22px;
}

div#param_export_res {
  padding-top: 1em;
}

div#apo_elements span.apo_elems {
  font-family: "Andale Mono", "Courier";
  font-weight: normal;
  font-size: 9pt;
}

div#apo_elements span.apo_elems .missing {
  color: red;
  font-weight: normal;
}

div.apo_csv_jury_nok li {
  color: red;
}

pre.small_pre_acc {
  font-size: 60%;
  width: 90%;
  height: 20em;
  background-color: #fffff0;
  overflow: scroll;
}

.apo_csv_jury_ok input[type="submit"] {
  color: green;
}

li.apo_csv_warning,
.apo_csv_problems li.apo_csv_warning {
  color: darkorange;
}

.apo_csv_problems li {
  color: red;
}

table.apo_maq_list {
  margin-bottom: 12px;
}

table.apo_maq_table tr.apo_not_scodoc td:last-of-type {
  color: red;
}

table.apo_maq_table th:last-of-type {
  width: 4em;
  text-align: left;
}

div.apo_csv_list {
  margin-top: 4px;
  padding-left: 5px;
  padding-bottom: 5px;
  border: 1px dashed rgb(150, 10, 40);
}

table#apo_csv_list td {
  white-space: nowrap;
  word-break: no-wrap;
}

#apo_csv_download {
  margin-top: 5px;
}

div.semset_descr {
  border: 1px dashed rgb(10, 150, 40);
  padding-left: 5px;
}

div.semset_descr p {
  margin: 5px;
}

ul.semset_listsems li {
  margin-top: 10px;
}

ul.semset_listsems li:first-child {
  margin-top: 0;
}

span.box_title {
  font-weight: bold;
  font-size: 115%;
}

div.apo_csv_status {
  border: 1px dashed red;
  padding-bottom: 5px;
}

.form_apo_export input[type="submit"] {
  -webkit-appearance: button;
  appearance: button;
  font-size: 150%;
  font-weight: bold;
  color: green;
  margin: 10px;
}

span.vdi_label {
  padding-left: 2em;
}

/* Poursuites edtude PE */
form#pe_view_sem_recap_form div.pe_template_up {
  margin-top: 20px;
  margin-bottom: 30px;
}

/* Editable */
span.span_apo_edit {
  border-bottom: 1px dashed #84ae84;
}

/* Tags */
.notes_module_list span.sco_tag_edit {
  display: none;
}

span.sco_tag_edit .tag-editor {
  background-color: rgb(210, 210, 210);
  border: 0px;
  margin-left: 40px;
  margin-top: 2px;
}

div.sco_tag_module_edit span.sco_tag_edit .tag-editor {
  background-color: rgb(210, 210, 210);
  border: 0px;
  margin-left: 0px;
  margin-top: 2px;
}

span.sco_tag_edit .tag-editor-delete {
  height: 20px;
}

/* Autocomplete noms */
.ui-menu-item {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11pt;
}

div#formsemestre_ext_edit_ue_validations {
  margin-bottom: 2ex;
}

form.tf_ext_edit_ue_validations table {
  border-collapse: collapse;
  width: 97%;
  margin-left: 1em;
  margin-right: 1em;
}

form.tf_ext_edit_ue_validations table th,
form.tf_ext_edit_ue_validations table td {
  border-bottom: 1px solid rgb(168, 168, 168);
}

form.tf_ext_edit_ue_validations table th {
  padding-left: 1em;
  padding-right: 1em;
}

form.tf_ext_edit_ue_validations table td.tf_field_note,
form.tf_ext_edit_ue_validations table td.tf_field_coef {
  text-align: center;
}

form.tf_ext_edit_ue_validations table td.tf_field_note input {
  margin-left: 1em;
}

span.ext_sem_moy {
  font-weight: bold;
  color: rgb(122, 40, 2);
  font-size: 120%;
}

/* ------------- BOUTONS style radio ------------  */
#zonePartitions button.dt-button {
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
  margin: 0 4px;
  border-radius: 5px;
  cursor: pointer;
  padding-top: 2px;
  padding-bottom: 2px;
  border: 2px solid lightgrey;
  transition: all 0.3s ease;
  font-size: 18px;

  color: white;
  border-color: #0069d9;
  background: #0069d9;
}

#zonePartitions button.dt-button.unselect {
  color: #707070;
  background: #fff;
}

#zonePartitions .edt_id {
  color: rgb(85, 255, 24);
}

/* -------------  Nouveau tableau recap ------------  */
div.table_recap {
  margin-top: 6px;
}

.table_recap .but_on {
  background-color: rgb(177, 238, 162) !important;
  font-weight: bold;
}

.button.but_off,
button.unselect {
  background-color: lightgray;
  font-weight: normal;
}

.table_recap button.but_on:hover:not(.disabled),
.table_recap div.but_on:hover:not(.disabled),
.table_recap a.but_on:hover:not(.disabled),
.table_recap input.but_on:hover:not(.disabled) {
  background: linear-gradient(to bottom, lightgray 0%, rgb(255, 0, 0) 100%) !important;
}

.table_recap button.but_off:hover:not(.disabled),
.table_recap div.but_off:hover:not(.disabled),
.table_recap a.but_off:hover:not(.disabled),
.table_recap input.but_off:hover:not(.disabled) {
  background: linear-gradient(to bottom, rgb(51, 255, 0) 0%, lightgray 100%) !important;
}

/* Non supporté par les navigateurs (en Fev. 2023)
.table_recap button:has(span a.clearreaload) {
}
*/

div.table_recap table.table_recap,
div.evaluations_recap table.evaluations_recap {
  width: auto;
  margin-left: 0px;
  /* font-family: Consolas, monaco, monospace; */
}

table.table_recap tr.selected td {
  border-bottom: 1px solid rgb(248, 0, 33);
  border-top: 1px solid rgb(248, 0, 33);
  background-color: rgb(253, 255, 155) !important;
}

table.table_recap tr.selected td:first-child {
  border-left: 1px solid rgb(248, 0, 33);
}

table.table_recap tr.selected td:last-child {
  border-right: 1px solid rgb(248, 0, 33);
}

table.table_recap tbody td {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

table.table_recap tbody td:hover {
  color: rgb(163, 0, 0);
  text-decoration: dashed underline;
}

table.table_recap tfoot tr td {
  padding-left: 10px;
  padding-right: 10px;
}

/* col moy gen en gras seulement pour les form. classiques */
table.table_recap.classic td.col_moy_gen {
  font-weight: bold;
}

table.table_recap .identite_court {
  white-space: nowrap;
  text-align: left;
}

table.table_recap .rang {
  white-space: nowrap;
  text-align: right;
}

table.table_recap .cursus {
  white-space: nowrap;
}

table.table_recap td.col_rcue,
table.table_recap th.col_rcue,
table.table_recap td.cursus_but.first,
table.table_recap td.cursus_but.first {
  border-left: 1px solid rgb(221, 221, 221);
}

table.table_recap td.cursus_BUT1 {
  color: #007bff;
}

table.table_recap td.cursus_BUT2 {
  color: #d39f00;
}

table.table_recap td.cursus_BUT3 {
  color: #7f00ff;
}

table.table_recap td.col_ue,
table.table_recap td.col_ue_code,
table.table_recap td.col_moy_gen,
table.table_recap td.group {
  border-left: 1px solid blue;
}

table.table_recap .col_ue {
  font-weight: bold;
}

table.table_recap.jury td.col_ue {
  font-weight: normal;
}

table.table_recap.jury .col_rcue,
table.table_recap.jury .col_rcue_code {
  font-weight: bold;
}

table.table_recap.jury tr.odd td.col_rcue,
table.table_recap.jury tr.odd td.col_rcue_code {
  background-color: #e0eeff;
}

table.table_recap.jury td.empty_code::after {
  content: "📍";
}

table.table_recap.jury td.fontred a {
  color: red;
}

table.table_recap .group {
  border-left: 1px dashed rgb(160, 160, 160);
  white-space: nowrap;
}

table.table_recap thead th {
  border-left: 1px solid rgb(200, 200, 200);
  border-right: 1px solid rgb(200, 200, 200);
}

table.table_recap tr.groups_header th {
  border-bottom: none;
  font-weight: normal;
  font-style: italic;
  text-align: center;
  padding-bottom: 8px;
}

table.table_recap thead tr.titles th {
  padding-top: 0px;
}

table.table_recap tr td.col_ue_code,
table.table_recap tr th.col_ue_code {
  border-left: none;
}

table.table_recap tr td.jury_code_sem {
  font-weight: bold;
  border-left: 1px solid blue;
}

table.table_recap tr td.col_jury_link {
  border-left: 1px solid blue;
}

table.table_recap .admission {
  white-space: nowrap;
  color: rgb(6, 73, 6);
}

table.table_recap .admission_first {
  border-left: 1px solid blue;
}

table.table_recap tbody tr td a:hover {
  color: red;
  text-decoration: underline;
}

/* noms des etudiants sur recap complet */
table.table_recap a:link,
table.table_recap a:visited {
  text-decoration: none;
  color: black;
}

table.table_recap a.stdlink:link,
table.table_recap a.stdlink:visited {
  color: blue;
  text-decoration: underline;
}

table.table_recap tfoot th,
table.table_recap thead th {
  text-align: left;
  padding-left: 10px !important;
}

table.table_recap td.moy_inf,
table.table_recap tr.selected td.moy_inf {
  font-weight: bold;
  color: rgb(225, 147, 0);
}

table.table_recap td.moy_ue_valid,
table.table_recap tr.selected td.moy_ue_valid {
  color: rgb(0, 140, 0);
}

table.table_recap td.moy_ue_warning,
table.table_recap tr.selected td.moy_ue_warning {
  color: rgb(255, 0, 0);
}

table.table_recap td.ue_hors_parcours a,
table.table_recap tr.selected td.ue_hors_parcours a,
span.ue_hors_parcours {
  color: purple;
  font-style: italic;
  font-weight: bold;
}

table.table_recap td.cap table.table_recap td.col_ues_validables {
  white-space: nowrap;
  font-style: normal !important;
}

table.table_recap td.col_res,
table.table_recap th.col_res {
  border-right: 1px dashed green;
  border-left: 1px dashed green;
}

table.table_recap td.abs,
table.table_recap th.abs {
  color: rgb(80, 0, 0);
  border-right: 1px dashed green;
  border-left: 1px dashed green;
}

table.table_recap td.partition,
table.table_recap th.partition {
  border-right: 1px solid rgb(221, 221, 221);
  border-left: 1px solid rgb(221, 221, 221);
}

.green-arrow-up {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid rgb(48, 239, 0);
}

.red-arrow-down {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid red;
}

table.table_recap td.col_ue_bonus,
table.table_recap th.col_ue_bonus {
  font-size: 80%;
  font-weight: bold;
  color: rgb(0, 128, 11);
}

table.table_recap span.sp2l {
  margin-left: 2px;
}

table.table_recap .malus_negatif {
  color: green;
}

table.table_recap td.col_ue_bonus {
  white-space: nowrap;
}

table.table_recap td.col_malus,
table.table_recap th.col_malus {
  font-size: 80%;
  font-weight: bold;
  color: rgb(165, 0, 0);
}

table.table_recap td.col_eval_bonus,
table.table_recap th.col_eval_bonus {
  color: #90c;
}

table.table_recap tr.ects td {
  color: rgb(160, 86, 3);
  font-weight: bold;
  border-bottom: 1px solid blue;
}

table.table_recap tr.coef td {
  font-style: italic;
  color: #9400d3;
}

table.table_recap tr.coef td,
table.table_recap tr.min td,
table.table_recap tr.max td,
table.table_recap tr.moy td {
  font-size: 80%;
  padding-top: 3px;
  padding-bottom: 3px;
}

table.table_recap tr.dem td {
  color: rgb(100, 100, 100);
  font-style: italic;
}

table.table_recap tr.def td {
  color: rgb(121, 74, 74);
  font-style: italic;
}

table.table_recap td.evaluation,
table.table_recap tr.descr_evaluation {
  font-size: 90%;
  color: rgb(4, 16, 159);
}

table.table_recap tr.descr_evaluation a {
  color: rgb(4, 16, 159);
  text-decoration: none;
}

table.table_recap tr.descr_evaluation a:hover {
  color: red;
}

table.table_recap tr.descr_evaluation {
  vertical-align: top;
}

table.table_recap tr.apo td:not(.identite_court) {
  font-size: 75%;
  font-family: monospace;
}

table.table_recap tr.apo td {
  background-color: #f5fdf6;
  overflow-wrap: anywhere;
  max-width: 1px;
}

table.table_recap tr.type_col td {
  font-size: 40%;
  font-family: monospace;
  overflow-wrap: anywhere;
  max-width: 1px;
}

table.table_recap td.evaluation.first,
table.table_recap th.evaluation.first {
  border-left: 2px solid rgb(4, 16, 159);
}

table.table_recap td.evaluation.first_of_mod,
table.table_recap th.evaluation.first_of_mod {
  border-left: 1px dashed rgb(4, 16, 159);
}

table.table_recap td.evaluation.att {
  color: rgb(255, 0, 217);
  font-weight: bold;
}

table.table_recap td.evaluation.abs {
  color: rgb(231, 0, 0);
  font-weight: bold;
}

table.table_recap td.evaluation.exc {
  font-style: italic;
  color: rgb(0, 131, 0);
}

table.table_recap td.evaluation.non_inscrit {
  font-style: italic;
  color: rgb(101, 101, 101);
}

div.table_jury_but_links {
  margin-top: 16px;
  margin-bottom: 16px;
}

div.links_under_recap ul li {
  padding-bottom: 8px;
}

/* -------------  Tableau stats jury BUT --------  */
table.jury_stats_codes {
  margin-top: 8px;
  margin-left: 42px;
  border: 3px solid #000000;
  text-align: left;
  border-collapse: collapse;
}

table.jury_stats_codes td {
  margin-right: 12px;
  border-top: 1px solid #000000;
  padding: 5px 8px;
}

div.jury_stats {
  background-color: #c7f6c7;
  border-radius: 12px;
  border: 1px solid black;
  padding: 8px;
  width: fit-content;
}

/* -------------  Tableau etat evals ------------  */

div.evaluations_recap table.evaluations_recap {
  width: auto !important;
  border: 1px solid black;
}

table.evaluations_recap tr.odd td {
  background-color: #fff4e4;
}

table.evaluations_recap tr.res td {
  background-color: #f7d372;
}

table.evaluations_recap tr.sae td {
  background-color: #d8fcc8;
}

table.evaluations_recap tr.module td {
  font-weight: bold;
}

table.evaluations_recap tr.evaluation td.titre {
  font-style: italic;
  padding-left: 2em;
}

table.evaluations_recap td.titre,
table.evaluations_recap th.titre {
  max-width: 350px;
}

table.evaluations_recap td.complete,
table.evaluations_recap th.complete,
table.evaluations_recap td.type_evaluation,
table.evaluations_recap th.type_evaluation {
  text-align: center;
}

table.evaluations_recap tr.evaluation.incomplete td,
table.evaluations_recap tr.evaluation.incomplete td a {
  color: red;
}

table.evaluations_recap tr.evaluation.incomplete td a.incomplete {
  font-weight: bold;
}

table.evaluations_recap td.inscrits,
table.evaluations_recap td.manquantes,
table.evaluations_recap td.nb_abs,
table.evaluations_recap td.nb_att,
table.evaluations_recap td.nb_exc {
  text-align: center;
}

/* -------------  Tableau récap formation ------------  */
table.formation_table_recap tr.ue td {
  font-weight: bold;
}

table.formation_table_recap td.coef,
table.formation_table_recap td.ects,
table.formation_table_recap td.nb_moduleimpls,
table.formation_table_recap td.heures_cours,
table.formation_table_recap td.heures_td,
table.formation_table_recap td.heures_tp {
  text-align: right;
}

div.cas_settings {
  margin-left: -15px;
  margin-bottom: 8px;
  border: 1px dashed rgb(191, 34, 191);
  background-color: #feb4e54f;
}

div.cas_settings>div,
div.cas_settings div.form-group {
  margin-left: 8px;
}

div.cas_etat_certif_ssl {
  margin-top: -15px;
  margin-bottom: 8px;
  font-style: italic;
  color: rgb(231, 0, 0);
}

.hidden {
  visibility: hidden;
}