/* Rulers
——————————————————————————————————————*/
.k-rulers > div {
    position: absolute;
    background: #DDD;
    z-index: 1;
    overflow: hidden;
}

.k-ruler-corner {
    top: 1px;
    left: 1px;
    width: 15px;
    height: 15px;
}

.k-ruler-x {
    height: 15px;
    top: 1px;
    left: 16px;
    right: 0px;
    border-bottom: 1px solid;
    border-left: 1px solid #777;
}

.k-ruler-y {
    width: 15px;
    top: 15px;
    left: 1px;
    bottom: 16px;
    border-right: 1px solid;
    border-top: 1px solid #777;
}

.k-ruler-x canvas:first-child {
    margin-left: -16px;
}

.k-ruler-x canvas {
    float: left;
}

.k-ruler-y canvas {
    margin-top: -16px;
}

.k-ruler-x > div,
.k-ruler-y > div {
    overflow: hidden;
}