
body {
    background-color: gold;
}

div {
    box-sizing: border-box;
}

.wrapper {
    padding: 100px;
}

.grid-holder {
    display: inline-block;
    width: 4000px;
}

.grid-anchor {
    position: relative;
    float: left;
}

.grid-times {
    margin-left: 100px;
    height: 24px;
}

.grid-days {
    padding-top: 12px;
    padding-right: 8px;
    width: 100px;
    float: left;
    text-align: right;
}

.grid-days p, .grid-times p {
    margin: 0;
    padding: 0;
}

.grid-time {
    display: inline-block;
}

.grid {
    width: 3456px;
    height: 308px;
    border: 1px solid slategrey;
    background: #ffffff url("../images/hour.svg");
}

.radio-show {
    position: absolute;
    width: 144px;
    height: 44px;
    padding: 6px 8px 8px 44px;
    color: black;
    font-weight: 700;
    z-index: 1;
    background: white url("../images/grip.svg") top left no-repeat;
    cursor: pointer;
    user-select: none;
}

.radio-show p {
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.radio-show:after {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    display: block;
    height: 44px;
    width: 10px;
    background: url("../images/arrow.svg") center right no-repeat;
    cursor: col-resize;
    z-index: 4;
}

.staging {
}

.staging .radioShow {
    display: inline-block;
}

.front {
    z-index: 3;
}

.color-one {
    border: 2px solid black;
    border-right-width: 12px;
}