/* Table for Both */
table.wh-features, table.wh-comparison, table.wh-recent {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;
}

table.wh-features span.good, table.wh-features a.good, 
table.wh-comparison span.good, table.wh-comparison a.good,
table.wh-recent span.good, table.wh-recent a.good {
    color: limegreen;
}

table.wh-features span.ok, table.wh-features a.ok, 
table.wh-comparison span.ok, table.wh-comparison a.ok,
table.wh-recent span.ok, table.wh-recent a.ok {
    color: black;
}

table.wh-features span.bad, table.wh-features a.bad,
table.wh-comparison span.bad, table.wh-comparison a.bad,
table.wh-recent span.bad, table.wh-recent a.bad {
    color: red;
}

table.wh-features span.dashicons,
table.wh-comparison span.dashicons,
table.wh-recent span.dashicons {
    color: blue;
}

table.wh-features tr.highlight td,
table.wh-comparison tr.highlight td,
table.wh-recent tr.highlight td {
    font-weight: bold;
    font-size: 22px;
    background-color: #fcf8e3;
}


table.wh-features>tbody>tr>td, table.wh-features>tbody>tr>th, 
table.wh-comparison>tbody>tr>td, table.wh-comparison>tbody>tr>th, 
table.wh-comparison>thead>tr>th, table.wh-comparison>thead>tr>td,
table.wh-recent>thead>tr>th, table.wh-recent>thead>tr>td,
table.wh-recent>tbody>tr>td, table.wh-recent>tbody>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    min-height: 1px;
    position: static;
    display: table-cell;
    float: none;
}

/* Table for features */
table.wh-features>tbody>tr>td, table.wh-features>tbody>tr>th,  {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    min-height: 1px;
    position: static;
    display: table-cell;
    float: none;
}

table.wh-features>tbody>tr>td, table.wh-features>tbody>tr>th {
    width: 50%;
}

table.wh-features>tbody>tr>th {
    font-weight: bold;
    text-align: right;
}

table.wh-features>tbody>tr:hover {
    background-color: #f5f5f5;
}

/* Table for Comparison */
table.wh-comparison>thead>tr:first-child>th {
    border-top: 0px;
}
table.wh-comparison>thead>tr.header>td, table.wh-comparison>thead>tr.header>th {
    background-color: #d9edf7;
}

table.wh-comparison>thead>tr.header>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.column-1 {
    text-align: left;
}

.column-2, .column-3, .column-4 {
    text-align: right;
}

.column-6, .column-7 {
    text-align: right;
}

table.wh-comparison .button {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

table.wh-comparison .button.test-button {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    border: 1px solid;
}

table.wh-comparison .button.test-button:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
    text-decoration: none;
}

table.wh-comparison .button.signup-button {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    border: 1px solid;
}

table.wh-comparison .button.signup-button:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
    text-decoration: none;
}

table.wh-comparison>tbody>tr:hover {
    background-color: #f5f5f5;
}

/* Table for Recent Results */
table.wh-recent>thead>tr:first-child>th {
    border-top: 0px;
}
table.wh-recent>thead>tr.header>td, table.wh-recent>thead>tr.header>th {
    background-color: #d9edf7;
}

table.wh-recent>thead>tr.header>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}