@import "common/layout.scss";

.gragh-box {
    margin-top: 120px;
}

section {
    border-top: 1px solid #ddd;
    padding: 40px 80px;

    .graph-box {
        margin-top: 80px;
        width: 100%;
        height: 600px;
    }
}

.srv-box {
    margin-top: 40px;
}

.srv-list-box {
    height: 820px;
    margin: 80px 20px;

    .srvc {
        float: left;
        margin: 20px;
        background-color: #1da9fc;
        color: #fff;
        cursor: pointer;
        box-shadow: 0 0 1px 1px #0986ce;
        border: none;
        overflow: hidden;
        table-layout: fixed;
        width: 23.6%;
    }

    .srvc > tbody > tr > td {
        overflow: hidden;
        width: 50%;
    }
}

.top-box > select {
    float: right;
    z-index: 9;
    margin-left: 40px;
}

.table-module {
    padding: 40px;
}

.table-box {
    margin-top: 80px;

    table {
        width: 100%;
        table-layout: fixed;

        tr > th {
            width: 11%;
            text-overflow: ellipsis;
            overflow: hidden;

            &:first-child {
                width: 23%;
            }
        }
    }
}

.page-slipt{
    margin-top: 40px;
}