table.learn-gradebook-table {
 --learning-accent: #c50000;
 --learning-border: #F2F2F2;
 --learning-text: #1d1d1d;
 --learning-muted: #808080;
 --learning-bg-soft: #fafafa;

 width: 100%;
 margin: 0 0 14px;
 background: #fff;

 border: 1px solid var(--learning-border);
 border-collapse: separate;
 border-spacing: 0;
 border-radius: 12px;
 overflow: hidden;

 font-size: 14px;
 line-height: 1.5;
 color: var(--learning-text);

}





table.learn-gradebook-table td {
 padding: 10px 12px;
 vertical-align: top;
 border-top: 1px solid var(--learning-border);
}


table.learn-gradebook-table th + th,
table.learn-gradebook-table td + td {
 border-left: 1px solid var(--learning-border);
}


table.learn-gradebook-table tr:nth-child(n + 2):nth-child(even) td {
 background: #fcfcfc;
}


table.learn-gradebook-table a {
 color: #116afc;
 text-decoration: none;
 transition: color .25s ease, background-color .25s ease, border-color .25s ease, opacity .25s ease;
}

table.learn-gradebook-table a:hover {
 color: var(--learning-accent);
}





/* table.learn-gradebook-table td:nth-child(7) > a { */
/*  display: inline-flex; */
/*  align-items: center; */
/*  justify-content: center; */
/*  */
/*  padding: 10px 14px; */
/*  border-radius: 24px; */
/*  */
/*  background: var(--learning-accent); */
/*  color: #fff; */
/*  font-weight: 600; */
/*  */
/*  border: 1px solid transparent; */
/* } */
/*  */
/* table.learn-gradebook-table td:nth-child(7) > a:hover { */
/*  opacity: 0.9; */
/*  color: #fff; */
/* } */


table.learn-gradebook-table td span[title] {
 border-bottom: 1px dashed #116afc !important;
 cursor: help;
}



table.learn-gradebook-table + br + a {
 display: inline-flex;
 align-items: center;
 justify-content: center;

 padding: 10px 14px;
 border-radius: 4px;

 border: 1px solid var(--learning-border);
 background: #fff;
 color: var(--learning-text);
 text-decoration: none;
}

table.learn-gradebook-table + br + a:hover {
 background: var(--learning-accent);
 border-color: var(--learning-accent);
 color: #fff;
}










table.learn-gradebook-table {
  --learning-accent: #c50000;
  --learning-border: #F2F2F2;
  --learning-text: #1d1d1d;
  --learning-muted: #808080;
  --learning-bg-soft: #fafafa;

  width: 100%;
  margin: 0 0 14px;
  background: #fff;

  border: 1px solid var(--learning-border);
  border-collapse: separate;
  border-spacing: 0;

  
  border-radius: 0;
  overflow: hidden;

  font-size: 14px;
  line-height: 1.5;
  color: var(--learning-text);
}


table.learn-gradebook-table th {
  font-weight: 700;
  color: var(--learning-muted);
  background: var(--learning-bg-soft);

  padding: 12px 14px;
  border-bottom: 1px solid var(--learning-border);

  
  text-align: center;
  vertical-align: middle;
  /*white-space: nowrap;*/
}


table.learn-gradebook-table td {
  padding: 12px 14px;
  border-top: 1px solid var(--learning-border);

  
  text-align: center;
  vertical-align: middle;
}


table.learn-gradebook-table th + th,
table.learn-gradebook-table td + td {
  border-left: 1px solid var(--learning-border);
}


table.learn-gradebook-table tr:nth-child(n + 2):nth-child(even) td {
  background: #fcfcfc;
}


table.learn-gradebook-table a {
  color: var(--learning-accent) !important;
  text-decoration: none;
  font-weight: 600;
  transition: opacity .2s ease, color .2s ease, background-color .2s ease, border-color .2s ease;
}
table.learn-gradebook-table a:hover {
  opacity: .9;
}


table.learn-gradebook-table td:nth-child(6) > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px; 
    border: 2px solid #b7b7b7;
    border-radius: 12px; 
    background: #fff;
    color: var(--learning-text) !important;
    font-weight: 600;
    white-space: normal;   
    text-align: center;    
    line-height: 1.3;      
}

table.learn-gradebook-table td:nth-child(6) > a:hover {
  background: var(--learning-accent);
  border-color: var(--learning-accent);
  color: #fff !important;
  opacity: 1;
}


table.learn-gradebook-table td:nth-child(7) > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border-radius: 12px; 
    border: 1px solid transparent;
    background: var(--learning-accent);
    color: #fff !important;
    font-weight: 600;
    white-space: normal;   
    line-height: 1.3;      
    text-align: center;    
}

table.learn-gradebook-table td:nth-child(7) > a:hover {
  opacity: .9;
}


table.learn-gradebook-table td span[title] {
  border-bottom: 1px dashed var(--learning-accent) !important;
  cursor: help;
}


table.learn-gradebook-table + br + a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 10px 14px;
  border-radius: 0;

  border: 1px solid var(--learning-border);
  background: #fff;
  color: var(--learning-accent) !important; 
  text-decoration: none;
  font-weight: 600;
}
table.learn-gradebook-table + br + a:hover {
  background: var(--learning-accent);
  border-color: var(--learning-accent);
  color: #fff !important;
}


@media (max-width: 992px) {
 table.learn-gradebook-table {
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
 }

 table.learn-gradebook-table th,
 table.learn-gradebook-table td {
  white-space: nowrap;
 }
}







a.learning-btn.learning-btn--primary {
  
  --btn-bg: var(--learning-accent, #c50000);

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 10px 14px;
  border-radius: 24px; 

  background: var(--btn-bg);
  border: 1px solid var(--btn-bg);

  color: #fff !important;
  font-weight: 600;
  text-decoration: none;

  transition: filter .2s ease, transform .05s ease;
}

a.learning-btn.learning-btn--primary:hover {
    background-color: #f80000;

}

a.learning-btn.learning-btn--primary:focus-visible {
  outline: 2px solid rgba(197, 0, 0, .35);
  outline-offset: 2px;
}

