body {
    background-color: #F4F4FC;
    font-family: "Segoe UI";
    color: #322429;
    font-size: 15px;
}

.header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.page-full-width-container {
    padding-left: 20px;
    padding-right: 20px;
}

.main-container {
    margin: 0;
    padding: 0;
    height: 100%;
}

.link {
    color: #464775;
    font-size: 15px;
    cursor: pointer;
    cursor: hand;
}

    .link.small {
        font-size: 14px;
    }

    .link:hover {
        text-decoration: underline;
    }

    .link.dark {
        color: #252424;
    }

    .link.blue {
        color: #1a1aa6;
    }

    .link.lightblue {
        color: #6264A7;
    }

    .link.white {
        color: #f8f8f9;
    }

    .link.disable {
        color: #717070;
        pointer-events: none;
        cursor: not-allowed;
        box-shadow: none;
        font-style: italic;
    }

    .link.bold {
        font-weight: bold;
    }

.text {
    color: #252424;
    font-size: small;
}

.title {
    color: #252424;
    font-size: medium;
    font-weight: bold;
}

.modern-controlbox {
    margin-top: 5px;
    margin-bottom: 5px;
}

.wordwrap {
    word-break: break-all;
    table-layout: fixed;
}

.flotChart-tooltip-main-container {
    position: absolute;
    display: none;
    z-index: 3000;
}

    .flotChart-tooltip-main-container .arrow_box {
        position: relative;
        background: #FFFFFF;
        border: 2px solid #464775;
    }

        .flotChart-tooltip-main-container .arrow_box:after,
        .flotChart-tooltip-main-container .arrow_box:before {
            right: 100%;
            top: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .flotChart-tooltip-main-container .arrow_box:after {
            border-color: rgba(255, 255, 255, 0);
            border-right-color: #FFFFFF;
            border-width: 10px;
            margin-top: -10px;
        }

        .flotChart-tooltip-main-container .arrow_box:before {
            border-color: rgba(70, 71, 117, 0);
            border-right-color: #464775;
            border-width: 13px;
            margin-top: -13px;
        }

    .flotChart-tooltip-main-container .chart-tooltip-container {
        padding-left: 15px;
        padding-top: 8px;
        padding-bottom: 15px;
        display: table-cell;
        color: #252424;
        font-weight: lighter;
        background-color: #FFFFFF;
    }

        .flotChart-tooltip-main-container .chart-tooltip-container .poor-percentage {
            font-size: 41px;
        }

        .flotChart-tooltip-main-container .chart-tooltip-container .poor {
            font-size: 14px;
            margin-bottom: 8px;
        }

        .flotChart-tooltip-main-container .chart-tooltip-container .measurement-value {
            min-width: 100px;
            font-size: 22px;
            margin-right: 15px;
        }

        .flotChart-tooltip-main-container .chart-tooltip-container .measurement-caption {
            min-width: 90px;
            font-size: 14px;
            padding-left: 7px;
        }

.inner-page {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 39px;
}

.div-table {
    display: table;
}

    .div-table.full-height-width {
        height: 100%;
        width: 100%;
    }

.div-row {
    display: table-row;
}

.div-cell {
    display: table-cell;
}

    .div-cell.vertical-center {
        vertical-align: middle;
    }

    .div-cell.vertical-top {
        vertical-align: top;
    }

    .div-cell.right {
        text-align: right;
    }

    .div-cell.left {
        text-align: left;
    }

    .div-cell.text-center {
        text-align: center;
    }


/* Change default focus outline for all controls */
*:focus-visible {
    outline: 1px solid #252424;
    border-radius: 4px;
}