#tee {
    position  : relative;
    margin    : auto;
    margin-top: 36px;
}

#tee * {
   -webkit-user-select: auto;
      -moz-user-select: auto;
       -ms-user-select: auto;
           user-select: auto
}

#tee tr > td {
    -webkit-transition: background-color .3s;
       -moz-transition: background-color .3s;
        -ms-transition: background-color .3s;
         -o-transition: background-color .3s;
            transition: background-color .3s;
}

#tee tr > td.selected {
    color           : #FFFFFF;
    background-color: #8CCAFA !important;
}

#tee tr > td:first-child {
    width        : 180px;
    border-right : 3px solid #3EA2EF;
    padding-right: 24px;
    text-align   : right;
}

#tee tr > td:last-child {
    border-left: 3px solid #3EA2EF;
}

#tee tr:first-child > td {
    border-bottom: 3px solid #3EA2EF;
}

#tee tr:last-child > td {
    background-color: rgba(62, 162, 239, .2);
}

#tee tr:first-child > td:first-child {
    padding         : 0px;
    text-align      : center;
    color           : #FFFFFF;
    background-color: #3EA2EF;
    cursor          : pointer;
}

#tee tr:not(:first-child) > td:not(:first-child) {
    cursor: pointer;
}

#tee tr:not(:first-child) > td:not(:first-child):hover {
    color           : #FFFFFF;
    background-color: #8CCAFA;
}

#tee_sum {
    position   : relative;
    height     : 24px;
    margin-top : 36px;
    font-size  : 18px;
    text-align : center;
    line-height: 24px;
}

#tee_sum > p {
    display       : inline-block;
    vertical-align: top;
}

#tee_sum-value {
    height    : 100%;
    width     : 60px;
    text-align: right;
}