table.TableStyle
{
    width: 98%;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 10px;
}

.TableStyle td
{
    border-style: solid;
    border-width: 1px;
    border-color: #dfdfdf;
    padding: 3px 6px;
}

.TableStyle th
{
    border-style: solid;
    border-bottom-color: #7b7b7b;
    border-color: white;
    border-width: 1px;
    border-radius: 0.25rem 0.25rem 0px 0px;
    background-color: #7b7b7b;
    color: white;
    padding: 3px 6px;
}

.TableStyle tr
{
    transition: background-color 0.25s;
}

    .TableStyle tr:nth-child(even)
    {
        background-color: white;
    }

    .TableStyle tr:nth-child(odd)
    {
        background-color: #f8f9fa;
    }

    .TableStyle tr:hover
    {
        background-color: #ccc !important;
    }

.TableStyleActive
{
    background-color: #a8a8a8 !important;
    color: white;
}



.tablesorter
{
}

    .tablesorter .header,
    .tablesorter .tablesorter-header
    {
        background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQBAMAAADQT4M0AAAAGFBMVEUAAADu7u7u7u7u7u7u7u7u7u7u7u7u7u5jNePWAAAACHRSTlMAMxIHKwEgMWD59H4AAABSSURBVAjXY2BgYFJgAAHzYhDJ6igSAKTYBAUTgJSioKAQAwNzoaCguAFDiCAQuDIkgigxBgiA8cJAVCpQt6AgSL+JoKAzA0gjUBsQqBcBCYhFAAE/CV4zeSzxAAAAAElFTkSuQmCC);
        background-position: right 5px center;
        background-repeat: no-repeat;
        cursor: pointer;
        white-space: normal
    }

    .tablesorter thead .headerSortUp,
    .tablesorter thead .tablesorter-headerAsc,
    .tablesorter thead .tablesorter-headerSortUp
    {
        background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQBAMAAADQT4M0AAAAIVBMVEUAAADu7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u5meJAOAAAACnRSTlMAMwsqXt+gIBUGxGoDMAAAAFlJREFUCNctzC0SQAAUReEzGNQ3AlHRiSRZFCVZYgeswRL8hLdK7834wj3tAlGP6y7fYHpKS6w6WwbVG0I1NZVnZPG8/DYxOYlnhUYkA06R1s9ESsxR4NIdPhkPFDFYuEnMAAAAAElFTkSuQmCC)
    }

    .tablesorter thead .headerSortDown,
    .tablesorter thead .tablesorter-headerDesc,
    .tablesorter thead .tablesorter-headerSortDown
    {
        background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQBAMAAADQT4M0AAAALVBMVEUAAADu7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7i0NViAAAADnRSTlMAMiweCQITTvDctZZqaTlM310AAABcSURBVAjXY2BgYEtgAAFHERDJqigUAKSYBQUNgFSioKAYAwOLIBA4MASBKFUGQxAlzAAF+94BwWuGKBC1lIFl3rt3Lx0YGCzevWsGSjK9e6cAUlT3HKyW9wADAwDRrBiDy6bKzwAAAABJRU5ErkJggg==)
    }

    .tablesorter .tablesorter-processing
    {
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-image: url(data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=) !important
    }