.toggleGrid{
    position: fixed;
    z-index: 9999;
    bottom: 20px; right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: aqua;
    border: 0;
    box-shadow: 0 35px 40px 0 rgba(50,51,94,0.25);
    cursor: pointer;

    svg{
        position: absolute;
        top: 50%; left: 50%;
        margin-left: -10px;
        margin-top: -10px;
        fill: #FFF;
    }
}

.gridDebug{
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 9998;
    pointer-events: none;
    display: none;

    &[data-state="1"]{
        opacity: 0.15;
        display: block;
    }
    &[data-state="2"]{
        opacity: 0.4;
        display: block;
    }
    &[data-state="3"]{
        display: block;
        opacity: 0.6;

        .colOverlay{
            background: none;
            border-left: 1px solid aqua;
            border-right: 1px solid aqua;
        }
    }

    .container{
        height: 100%;
    }

    .row{
        height: 100%;

        .col-1{
            padding-top: 0;
            padding-bottom: 0;
        }
    }

    .colOverlay{
        display: block;
        height: 100%;
        background: aqua;
    }
}