/* Page colours; the site palette is in common.css. */
:root {
    --ix-product-green: #00b050;
    --ix-product-blue: #4078ba;
    --ix-product-orange: #ffc000;
}

td {
    padding-top: 1px;
    padding-right: 1px;
    padding-left: 1px;
    color: var(--ix-text);
    font-size: 11.0pt;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    font-family: Calibri, sans-serif;
    text-align: general;
    vertical-align: bottom;
    border: none;
    white-space: nowrap;
}

ul.ullist {
  margin-left: 40px;
}

.productTable {
    width: 100%;
}

.productTable td, .productTable th {
    border-spacing: 30px;
    width: 20%;
    text-align: center;
}

.productTable.sixCol td, .productTable.sixCol th {
    border-spacing: 30px;
    width: 16.66%;
}

.productTable thead th {
    vertical-align: top;
}

.productTable tbody th {
    font-size: 11.0pt;
    text-align: right;
    font-weight: normal;
}

.productTable .greenColumn {
    color: var(--ix-text-inverse);
    background-color: var(--ix-product-green);
    width: 90%;
    display: block;
    margin: 0 5%;
}

.productTable .blueColumn {
    color: var(--ix-text-inverse);
    background-color: var(--ix-product-blue);
    width: 90%;
    display: block;
    margin: 0 5%;
}

.productTable .orangeColumn {
    color: var(--ix-text-inverse);
    background-color: var(--ix-product-orange);
    width: 90%;
    display: block;
    margin: 0 5%;
}

.productTable .callToActionRow td {
    vertical-align: top;
}

#productNotice {
    font-size: 10pt;
}

/* Feature availability marks in the comparison tables */
.productTable .available {
    color: var(--ix-available);
    font-size: 16pt;
}

.productTable .unavailable {
    color: var(--ix-error);
    font-size: 16pt;
}