.ccx-schedule-container {
    float: left;
    width: 750px;
}

table.ccx-schedule {
    width: 100%;

    thead {
        border-bottom: 2px solid black;
    }
    th:first-child {
        width: 40%;
    }
    th:last-child {
        width: 18%;
    }
    th, td {
        padding: 10px;
    }
    .sequential .unit {
        padding-left: 25px;
    }
    .vertical .unit {
        padding-left: 40px;
    }
    a.empty {
        display: block;
        width: 100%;
        color: white;
    }
    a.empty:hover {
        color: #cbcbcb;
    }
}

.ccx-schedule-sidebar {
    float: left;
    width: 295px;
    margin-left: 20px;
}

.ccx-sidebar-panel {
    border: 1px solid #cbcbcb;
    padding: 15px;
    margin-bottom: 20px;
}

form.ccx-form {
    line-height: 1.5;
    select {
        width: 100%;
    }
    .field {
        margin: 5px 0 5px 0;
    }
}

button.ccx-button-link {
    background: none;
    border: none;
    padding: 0;
    color: #069;
    cursor: pointer;
    &:after {
        content: "\00a0 ";
    }
    &:active {
        background: none;
        border: none;
        padding: 0;
    }
    &:hover {
        color: brown;
    }
}
