table {
    background:      white;
    margin-top:      10px;
    border-collapse: separate;
}

table.results td {
    white-space:    nowrap;
    border:     1px solid black;
    font-family:    garamond;
}

/*
div {
  width: 500px;
  overflow-x: scroll;
  margin-left: 5em;
  overflow-y: visible;
  padding: 0;
} 


.headcol {
  position: absolute;
  width: 5em;
  left: 0;
  top: auto;
  border-top-width: 1px;
  //only relevant for first row
  margin-top: -1px;
  //compensate for top border
} */

/* (A) TABLE WRAPPER */
#demoCW {
  width: 100%;
  overflow: auto;
}
#container{
    width:100%;
    height:100%;
    overflow: auto;
    position: relative;
}
#a{
    position: relative;
    z-index: 1
}
#b{
    background: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2
}
#c{
    background: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2
}
#d{
    background: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3  
} 
/* (B) STICKY HEADERS */
#demoCT th {
  position: sticky;
  left: 0;
  z-index: 2;
  white-space:    nowrap;
  border:   1px solid black;
  font-family:  garamond;
  background:    white;
}

table.subm_list td {
    padding-left:   5px;
    padding-right:  5px;
    padding-top:    2px;
    padding-bottom: 2px;
    font-family:    garamond;
}

td.solved, td.penalty, td.weight, td.contest, td.problem, td.verdict {
    text-align: center;
}

td.WA, td.TL, td.WT, td.ML, td.RT, td.PE, td.CE {
    /*background: #ee3333;*/
    /*background:   #f58787;*/
    background: #ffaaaa;
    /*background: #00ff00;
    color:      #000000;*/
}

td.PR, td.AC {
    background: #ffffaa;
}

td.OK {
        /*background: #f58787;*/
        /*background: #66ff66;*/
        background: #aaffbb;
    /*background:   #66ff66;*/
    /*background: #0000ff;
    color:  #ffffff;      */
}
/*

td.RJ, td.IG {
    background: #aaaaff;
    color:      #000000;
}

td.CF, td.DQ {
    background: #000000;
/*  background: #0000ff;
    color: #0000ff;     
}*/

td.RJ, td.IG {
    background: #aaaaff;
    color:      #000000;
}

td.CF {
    background: #ffaaaa;
}

td.DQ {
    background: #000000;
/*  background: #0000ff;
    color: #0000ff;     */
}


td.NO {
    background: #ffffff;
}

table.results td.name {
    padding-right: 10px;
}

table.results td {
    padding: 3px;
}

table.results {
}

td.weight {
    font-weight: bold;
}

td.pending {
    background: #ffffaa;
}

td.ok_inf {
    background: #ff0000;
}

td.ok_15 {
    background: #ff7a00;
}

td.ok_10 {
    background: #ffff00;
}

td.ok_5 {
    background: #ccff00;
}

td.ok_0 {
    background: #00ff00;
}

td.obligatory {
    background: #8f8fff;
    color:      #ffffff;
}

p.header {
    font-family: verdana;
    font-size: 24;
}

td.probstat, td.probstat_all {
    text-align: right;
}

td.probstat_all {
    background: #6677ff;
    color:      #ffffff;
}

p.cf_list {
    font-size: 36pt;
}

table.subm_list {
    cellspacing: 100;
}

form.filter_form {
    margin: 0em;
}

td.exam_2 {
    background: #ffc0a0;
}

td.exam_3 {
    background: #ffff77; //#ffc71c;
}

td.exam_4 {
    background: #8afff1;
}

td.exam_p {
    background: #cadff0;
}

td.exam_t {
    background: #cadfa0;
}

td.exam_p4 {
    background: #fabfff;
}

td.exam_5 {
    background: #baff11; //#00b0ff;
}

td.exam_super {
    background: #008000; //#00b0ff;
    color: #ffffff;
}

td.ok_inf {
    background: #00ff00;
}

td.remain_4 {
    /*background: #ff0000;*/
    background: #000000;
    color : #ffffff;
}

td.remain_3 {
    background: #ff7a00;
}

td.remain_2 {
    background: #ffff00;
}

td.remain_1 {
    background: #ccff00;
}

td.remain_0 {
    background: #00ff00;
}