@charset "utf-8";

.SDG {
    background-color: #FFFFFF;
    width: 100%;
    border-color: #938FCF;
    border-width: 1px;
    border-style: solid;
    border-spacing: 0;
}

    .SDG a {
        color: #000000;
        text-decoration: underline;
        font-size: 10px;
        font-family: Verdana;
    }

        .SDG a:hover {
            color: #3A8EBA;
            text-decoration: underline;
        }

a:hover {
    color: blue;
    text-decoration: underline;
}


.SDGHeader {
    background-color: #3A8EBA;
    position:sticky;
    top: 0;
    color: #FFFFFF;
}

    .SDGHeader a {
        color: #ffffff;
        text-decoration: underline;
        font-size: 10px;
        font-family: Verdana;
    }

        .SDGHeader a:hover {
            color: #000000;
            text-decoration: underline;
        }

    .SDGHeader td {
        color: #FFFFFF;
    }

.SDGHeaderFixed {
    background-color: #3A8EBA;
}

.SDGFixed {
    background-color: White;
    position: relative;
    top: expression(this.offsetParent.scrollTop);
}

tr.row:hover, tr.over td {
    background-color: #CECECE;
}

.jcd-sdg {
    padding: 0;
    border-spacing: 0px;
}

    .jcd-sdg th {
        FONT-SIZE: 10px;
        COLOR: #000000;
        FONT-FAMILY: Verdana;
    }

.sdg-cell-head-center,
.sdg-cell-head,
.sdg-cell-head-right,
.sdg-cell-head-left {
    width: 33%;
}

.sdg-row-head-center,
.sdg-row-head {
    text-align: center;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
}

.sdg-row-head-left {
    text-align: left;
    -ms-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
}

.sdg-row-head-right {
    text-align: right;
    -ms-align-content: flex-end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
}

.sdg-cell-head-center {
    text-align: left;
    -ms-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    width: 40%;
}

.sdg-cell-head {
    text-align: center;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
}

.sdg-cell-head-left {
    text-align: left;
    -ms-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    width: 10%;
}

.sdg-cell-head-right {
    text-align: right;
    -ms-align-content: flex-end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    width: 50%;
}

.sdg-dtg-center {
}

.sdg-tbl-left {
    text-align: left;
    -ms-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    width: 100%;
    height: 100%;
}

.sdg-tbl {
    float: right;
}

.sdg-all-chk {
    float: right;
}

    .sdg-all-chk label {
        padding-top: 1%;
    }

    .sdg-all-chk input {
        float: right;
    }

.sdg-tbl > tbody > tr {
}

    .sdg-tbl > tbody > tr > td {
    }

.sdg-row-item-center,
.sdg-row-item * {
    text-align: center;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center; /* 'align-content' should be listed after '-webkit-align-content'. */
}

div.sticky-header {
    background-color: #3A8EBA;
    position: relative;
    width: 99.5%;
}

    div.sticky-header table {
        background-color: #3A8EBA;
        width: 100%;
        border-color: #938FCF;
        border-width: 1px;
        border-collapse: collapse;
        text-align: center;
        width: 100%;
        height: 43px;
    }

        div.sticky-header table tr {
            border-collapse: collapse;
            background-color: #3A8EBA;
            text-align: center;
        }

            div.sticky-header table tr td {
                background-color: #3A8EBA;
            }

tr.f-gridlines,
tr.y-gridlines {
    border-left: 1px solid #938FCF;
    border-right: 1px solid #938FCF;
}

tr.f-gridlines,
tr.x-gridlines {
    border-top: 1px solid #938FCF;
    border-bottom: solid 1px #938FCF;
}

tr.no-gridlines {
    border-style: none;
    border-width: 0px;
    border-color: inherit;
}

tr.pg-default td {
    padding: 10px;
}
