ScoDoc-PE/app/static/css/scodoc.css

/* # -*- mode: css -*- 
           ScoDoc, (c) Emmanuel Viennet 1998 - 2021
 */

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


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

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

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

div#gtrcontent {
  margin-bottom: 4ex;
}

.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.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;
}

/* ----- 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;
}

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

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

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


div.head_message {
   margin-top: 2px;
   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;
}


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);
}
div.part2 {
  margin-top: 3ex;
}

/* ---- (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;
}

/* 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_etud_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: 80px; /* 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;
}

td.datesem {
  font-size: 80%;
  white-space: nowrap;
}

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

/* table.semlist tr.gt_firstrow th {} */

table.semlist tr td {
 border: none;
}
table.semlist tr a.stdlink, table.semlist tr a.stdlink:visited {
 color: navy;
 text-decoration: none;
}

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

table.semlist tr td.semestre_id {
 text-align: right;
}
table.semlist tr td.modalite {
 text-align: left;
 padding-right: 1em;
}
div#gtrcontent table.semlist tr.css_S-1 {
 background-color: rgb(251, 250, 216);
}

div#gtrcontent table.semlist tr.css_S1 {
 background-color: rgb(92%,95%,94%);
}
div#gtrcontent table.semlist tr.css_S2 {
 background-color: rgb(214, 223, 236);
}
div#gtrcontent table.semlist tr.css_S3 {
 background-color: rgb(167, 216, 201);
}
div#gtrcontent table.semlist tr.css_S4 {
 background-color: rgb(131, 225, 140);
}

div#gtrcontent table.semlist tr.css_MEXT {
  color: #0b6e08;
}

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

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.newstitle {
   font-weight: bold;
}

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

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

span.newstext {
    font-style: normal; 
}


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.ficheEtud {
   background-color: #f5edc8; /* rgb(255,240,128); */
   border: 1px solid gray;
   width: 910px;
   padding: 10px;
   margin-top: 10px;
}

div.menus_etud {
   position: absolute;
   margin-left: 1px;
   margin-top: 1px;
}
div.ficheEtud 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 .4em;
    padding-left: .6em;
}
div.etudarchive ul li.addetudarchive {
    background-image: url(/ScoDoc/static/icons/bullet_plus.png);
    padding-left: 1.2em
}
span.etudarchive_descr {
    margin-right: .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;
}

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;
}

.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 {color: red;}
span.linktitresem a:visited {color: red;}

.listegroupelink a:link { color: blue; }
.listegroupelink a:visited { color: blue; }
.listegroupelink a:hover { color: red; }

a.stdlink, a.stdlink:visited {
  color: blue; 
  text-decoration: underline;
}
a.stdlink:hover { 
  color: red; 
  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 {
  display: inline-block;
  width: 110px;
  vertical-align: top;
  margin-left: 5px;
  margin-top: 5px;
}

span.trombi_legend {
  display: inline-block;
}
span.trombi-photo {
 display: inline-block;
}
span.trombi_box a {
  display: inline-block;
}
span.trombi_box a img {
  display: inline-block;
}

.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 {
   color: black;
   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 {
  font-style: italic; 
}

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

div.sco_help {
  margin-top: 12px;
  margin-bottom: 4px;
  padding: 8px;
  border-radius: 4px;
  font-style: italic; 
  background-color: rgb(200,200,220);
}

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

#bonus_description {
  color:rgb(6, 73, 6);
  padding: 5px;
  margin-top:5px;
  border: 2px solid blue;
  border-radius: 5px;
  background-color: cornsilk;
}
#bonus_description div.bonus_description_head{
  font-weight: bold;
}

.configuration_logo div.img {

}
.configuration_logo div.img-container {
  width: 256px;
}
.configuration_logo div.img-container img {
  max-width: 100%;
}
.configuration_logo div.img-data {
    vertical-align: top;
}
.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 {
    font-size: 80%;
    font-weight: normal;
}
.boldredmsg {
    color: red;
    font-weight: bold;
}

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

td.etudabs, td.etudabs a.discretelink, tr.etudabs td.moyenne a.discretelink {
    color: rgb(180,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;
}
table.notes_evaluation th.eval_attente {
    color: rgb(215, 90, 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;
}
/* #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;
}

.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;
}


span.eval_info {
    font-style: italic;
}
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%;
}

.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;
}

.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;
    vertical-align: middle;
    margin-bottom: 2px;
}
.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;
}

span.inscr_addremove_menu {
  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;
}

table.formsemestre_status {
    border-collapse: collapse;
}
tr.formsemestre_status { background-color: rgb(90%,90%,90%); }
tr.formsemestre_status_green { background-color: #EFF7F2; }
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.formsemestre_status_cell {
  white-space: nowrap;
}

span.mod_coef_indicator, span.ue_color_indicator {
  display:inline-block;
  width: 10px; 
  height: 10px;
}
span.mod_coef_indicator_zero {
  display:inline-block;
  width: 9px; 
  height: 9px;
  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;
}

#grouplists h4 {
   font-style: italic;
   margin-bottom: 0px;
   margin-top: 5px;
}

#grouplists table {
   /*border: 1px solid black;*/
   border-spacing: 1px;
}

/* Tableau de bord module */
div.moduleimpl_tableaubord { 
  padding: 7px;
  border: 2px solid gray;
}
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) / var(--max));
	height: var(--height);
	padding: var(--height) 4px 0 4px;
  background: #09c;
  box-sizing: border-box;
}
.coefs_histo>div:nth-child(odd){
  background-color: #9c0;
}

span.moduleimpl_abs_link {
  padding-right: 2em;
}
.moduleimpl_evaluations_top_links {
  font-size: 80%;
  margin-bottom: 3px;
}

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 {
   background-color:#eeeeee;
}

tr.mievr_rattr {
   background-color:#dddddd;
}
span.mievr_rattr {
    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 td.mievr_tit { 
  font-weight: bold;
  background-color: #cccccc;
}
tr.mievr td {
  text-align: left;
  background-color:white;
}
tr.mievr th {
  background-color:white;
}
tr.mievr td.mievr {
  width: 90px;
}
tr.mievr td.mievr_menu {
  width: 110px;
}
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 {
 vertical-align: top;
 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.evalindex_cont {
 float: right;
}
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(0, 0, 255);
}

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

}

/* 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;
}

table.formation_list_table {
    width:100%;
    border-collapse:collapse;
    background-color: rgb(0%,90%,90%);
}
table#formation_list_table tr.gt_hl {
    background-color: rgb(96%,96%,96%);
}
.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.titre {
  width: 50%;
}

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

/* Presentation formation (ue_list) */
div.formation_descr {
  background-color: rgb(250,250,240);
  border: 1px solid rgb(128,128,128);
  padding-left: 5px;
  padding-bottom: 5px;
  margin-right: 12px;
}
div.formation_descr span.fd_t {
  font-weight: bold;
  margin-right: 5px;
}
div.formation_descr span.fd_n {
  font-weight: bold;
  font-style: italic;
  color: green;
  margin-left: 6em;
}

div.formation_ue_list {
  border: 1px solid black;
  margin-top: 5px;
  margin-right: 12px;
  padding-left: 5px;
}
div.formation_list_ues_titre {
  padding-left: 24px;
  padding-right: 24px;
  font-size: 120%;
  font-weight: bold;
}

div.formation_list_modules, div.formation_list_ues {
  border-radius: 18px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding-bottom: 1px;
}
div.formation_list_ues {
  background-color: #b7d2fa;
  margin-top: 20px
}
div.formation_list_modules {
  margin-top: 20px;
}
div.formation_list_modules_RESSOURCE {
  background-color: #f8c844;
}
div.formation_list_modules_SAE {
  background-color: #c6ffab;
}
div.formation_list_modules_STANDARD {
  background-color: #afafc2;
}
div.formation_list_modules_titre {
  padding-left: 24px;
  padding-right: 24px;
  font-weight: bold;
  font-size: 120%;
}
div.formation_list_ues ul.notes_module_list {
  margin-top: 0px;
  margin-bottom: -1px;
  padding-top: 5px;
  padding-bottom: 5px;
}
div.formation_list_modules ul.notes_module_list {
  margin-top: 0px;
  margin-bottom: -1px;
  padding-top: 5px;
  padding-bottom: 5px;
}
span.missing_ue_ects {
  color: red;
  font-weight: bold;
}
li.module_malus span.formation_module_tit {
  color: red;
  font-weight: bold;
  text-decoration: underline;
}

span.formation_module_ue {
  background-color: #b7d2fa;
}
span.notes_module_list_buts {
  margin-right: 5px;
}

div.ue_list_tit {
  font-weight: bold;
  margin-top: 5px;
}

ul.apc_ue_list {
  background-color: rgba(180, 189, 191, 0.14);
  margin-left: 8px;
  margin-right: 8px;
}
ul.notes_ue_list {
  margin-top: 4px;
  margin-right: 1em;
  margin-left: 1em;
  /* padding-top: 1em; */
  padding-bottom: 1em;
  font-weight: bold;
}
.formation_classic_infos ul.notes_ue_list {
  padding-top: 0px;
}

.formation_classic_infos li.notes_ue_list {
  margin-top: 9px;
  list-style-type: none;
  border: 1px solid maroon;
  border-radius: 10px;
  padding-bottom: 5px;
}
span.ue_type_1 {
  color: green;
  font-weight: bold;
}
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;
}
ul.notes_module_list span.ue_coefs_list {
  color: blue;
  font-size: 70%;
}
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 {
    background-color: rgb(155, 218, 155);
    padding: 10px;
    border: 1px solid blue;
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
    margin-right: 15px;
}

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

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

div#ue_list_etud_validations {
  background-color: rgb(220,250,220);
  padding-left: 4px;
  padding-bottom: 1px;
  margin: 3ex;
}
div#ue_list_etud_validations span {
    font-weight: bold;
}

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;
}

/* 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;
   font-weight: bold;
   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;
   font-weight: bold;
   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;
}

/* bulletin */
div.notes_bulletin {
  margin-right: 5px;
}
div.bull_head {
  display: grid;
  justify-content: space-between;
  grid-template-columns: auto auto;
}
div.bull_photo {
  display: inline-block;
  margin-right: 10px;
}
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.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;
}

.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: auto;
}
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 ); /* E7EADA */ 
}
div.saisienote_etape2 {
  border: 2px solid green; 
  margin-top: 1em;
  padding: 5px;
  background-color: rgb(234,221,218); /* EADDDA */
}
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;
}


/* ----- 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;
}

.warning {
  font-weight: bold;
  color: red;
}
.warning::before { 
  content: url(/ScoDoc/static/icons/warning_img.png);
  vertical-align: -80%;  
}
.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 { 
  /* font-weight: bold; */
  vertical-align:top;
}

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

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

.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 {
  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 {
  text-decoration: underline;
}

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;
}

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

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;
}
/* ----------------------------------------------- */

/* ----------------------------- */
/* 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.roles {
  width: 22em;
}

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

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

/* --- */
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;
}

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

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 p {
   font-weight: bold;
   margin-top: 0px;
}
div.othersemlist input {
   margin-left: 20px;
}


div#update_warning {
    display: none;
    border: 1px solid red;
    background-color: rgb(250,220,220);
    margin: 3ex;
    padding-left: 1ex;
    padding-right: 1ex;
    padding-bottom: 1ex;
}
div#update_warning > div:first-child:before {
    content: url(/ScoDoc/static/icons/warning_img.png);
    vertical-align: -80%;  
}
div#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 {
   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);
}
#apo_csv_download {
   margin-top: 5px;
}

div.apo_compare_csv_form_but {
  margin-top: 10px;
  margin-bottom: 10px;
}
div.apo_compare_csv_form_submit input {
  margin-top: 2ex;
  margin-left: 5em;
  font-size: 120%;
}
.apo_compare_csv div.section .tit {
  margin-top: 10px;
  font-size: 120%;
  font-weight: bold;
}

.apo_compare_csv div.section .key {
  font-size: 110%;
}
.apo_compare_csv div.section .val_ok {
  font-size: 110%;
  color: green;
  font-weight: bold;
  font-family: "Courier New", Courier, monospace;
}
.apo_compare_csv div.section .val_dif {
  font-size: 110%;
  color: red;
  font-weight: bold;
  font-family: "Courier New", Courier, monospace;
}
.apo_compare_csv div.section .p_ok {
  font-size: 100%;
  font-style: italic;
  color: green;
  margin-left: 4em;
}
.apo_compare_csv div.section .s_ok {
  font-size: 100%;
  font-style: italic;
  color: green;
}
.apo_compare_csv div.sec_table {
  margin-bottom: 10px;
  margin-top: 20px;
}
.apo_compare_csv div.sec_table .gt_table {
  font-size: 100%;
}
.apo_compare_csv div.sec_table .gt_table td.val_A, .apo_compare_csv div.sec_table .gt_table td.val_B  {
  color: red;
  font-weight: bold;
  text-align: center;
}
.apo_compare_csv div.sec_table .gt_table td.type_res {
  text-align: center;
}

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;
    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;
}

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%;
}

/* DataTables */

table.dataTable tr.odd td {
  background-color: #ecf5f4;
}
table.dataTable tr.gt_lastrow th {
  text-align: right;
}
table.dataTable td.etudinfo, table.dataTable td.group {
  text-align: left;
}
/* Nouveau tableau recap */
div.table_recap {
  margin-top: 6px;
}
div.table_recap table.table_recap {
  width: auto;
}
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);
}
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 .identite_court  {
  white-space:nowrap;
  text-align: left;
}
table.table_recap .rang  {
  white-space:nowrap;
  text-align: right;
}
table.table_recap .col_ue, table.table_recap .col_moy_gen, table.table_recap .group {
  border-left: 1px solid blue;
}
table.table_recap .group {
  border-left: 1px dashed rgb(160, 160, 160);
}

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 tfoot th, table.table_recap thead th {
  text-align: left;
  padding-left: 10px !important;
}
table.table_recap td.moy_inf {
  font-weight: bold;
  color: rgb(255,0,0);
}
table.table_recap td.moy_ue_valid {
  font-weight: bold;
  color: rgb(0,140,0);
}
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;
}