:root .grid-stack-item > .ui-resizable-handle {
    filter: none;
}

.grid-stack {
    position: relative;
}

    .grid-stack.grid-stack-rtl {
        direction: ltr;
    }

        .grid-stack.grid-stack-rtl > .grid-stack-item {
            direction: rtl;
        }

    .grid-stack .grid-stack-placeholder > .placeholder-content {
        border: 1px dashed lightgray;
        margin: 0;
        position: absolute;
        top: 0;
        left: 5px;
        right: 5px;
        bottom: 0;
        width: auto;
        z-index: 0 !important;
        text-align: center;
    }

    .grid-stack > .grid-stack-item {
        position: absolute;
        padding: 0;
    }

        .grid-stack > .grid-stack-item > .grid-stack-item-content {
            margin: 0;
            position: absolute;
            top: 0;
            left: 5px;
            right: 5px;
            bottom: 0;
            width: auto;
            z-index: 0;
            overflow-x: hidden;
            overflow-y: hidden;
        }

        .grid-stack > .grid-stack-item > .ui-resizable-handle {
            position: absolute;
            font-size: 0.1px;
            display: block;
            -ms-touch-action: none;
            touch-action: none;
        }

        .grid-stack > .grid-stack-item.ui-resizable-disabled > .ui-resizable-handle,
        .grid-stack > .grid-stack-item.ui-resizable-autohide > .ui-resizable-handle {
            display: none;
        }

        .grid-stack > .grid-stack-item.ui-draggable-dragging, .grid-stack > .grid-stack-item.ui-resizable-resizing {
            z-index: 100;
        }

            .grid-stack > .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content,
            .grid-stack > .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content, .grid-stack > .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content,
            .grid-stack > .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content {
                box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2);
                opacity: 0.8;
            }

        .grid-stack > .grid-stack-item > .ui-resizable-se,
        .grid-stack > .grid-stack-item > .ui-resizable-sw {            
            background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=');
            background-repeat: no-repeat;
            background-position: center;
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
        }

        .grid-stack > .grid-stack-item > .ui-resizable-se {
            -webkit-transform: rotate(-360deg);
            -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
            -o-transform: rotate(-360deg);
            transform: rotate(-360deg);
        }

        .grid-stack > .grid-stack-item > .ui-resizable-nw {
            cursor: nw-resize;
            width: 20px;
            height: 20px;
            left: 10px;
            top: 0;
        }

        .grid-stack > .grid-stack-item > .ui-resizable-n {
            cursor: n-resize;
            height: 10px;
            top: 0;
            left: 25px;
            right: 25px;
        }

        .grid-stack > .grid-stack-item > .ui-resizable-ne {
            cursor: ne-resize;
            width: 20px;
            height: 20px;
            right: 10px;
            top: 0;
        }

        .grid-stack > .grid-stack-item > .ui-resizable-e {
            cursor: e-resize;
            width: 7px;
            right: 3px;
            top: 15px;
            bottom: 15px;
        }

        .grid-stack > .grid-stack-item > .ui-resizable-se {
            cursor: se-resize;
            width: 12px;
            height: 12px;
            right: 10px;
            bottom: 0;
        }

        .grid-stack > .grid-stack-item > .ui-resizable-s {
            cursor: s-resize;
            height: 5px;
            left: 25px;
            bottom: 0;
            right: 25px;
        }

        .grid-stack > .grid-stack-item > .ui-resizable-sw {
            cursor: sw-resize;
            width: 20px;
            height: 20px;
            left: 10px;
            bottom: 0;
        }

        .grid-stack > .grid-stack-item > .ui-resizable-w {
            cursor: w-resize;
            width: 5px;
            left: 5px;
            top: 15px;
            bottom: 15px;
        }

        .grid-stack > .grid-stack-item.ui-draggable-dragging > .ui-resizable-handle {
            display: none !important;
        }


.grid-stack-10 > .grid-stack-item[data-gs-width='1'] {
    width: calc(100%/10);
}

.grid-stack-10 > .grid-stack-item[data-gs-x='1'] {
    left: calc(100%/10);
}

.grid-stack-10 > .grid-stack-item[data-gs-min-width='1'] {
    min-width: calc(100%/10);
}

.grid-stack-10 > .grid-stack-item[data-gs-max-width='1'] {
    max-width: calc(100%/10);
}

.grid-stack-10 > .grid-stack-item[data-gs-width='2'] {
    width: calc((100%/10)*2);
}

.grid-stack-10 > .grid-stack-item[data-gs-x='2'] {
    left: calc((100%/10)*2);
}

.grid-stack-10 > .grid-stack-item[data-gs-min-width='2'] {
    min-width: calc((100%/10)*2);
}

.grid-stack-10 > .grid-stack-item[data-gs-max-width='2'] {
    max-width: calc((100%/10)*2);
}

.grid-stack-10 > .grid-stack-item[data-gs-width='3'] {
    width: calc((100%/10)*3)
}

.grid-stack-10 > .grid-stack-item[data-gs-x='3'] {
    left: calc((100%/10)*3)
}

.grid-stack-10 > .grid-stack-item[data-gs-min-width='3'] {
    min-width: calc((100%/10)*3)
}

.grid-stack-10 > .grid-stack-item[data-gs-max-width='3'] {
    max-width: calc((100%/10)*3);
}

.grid-stack-10 > .grid-stack-item[data-gs-width='4'] {
    width: calc((100%/10)*4);
}

.grid-stack-10 > .grid-stack-item[data-gs-x='4'] {
    left: calc((100%/10)*4);
}

.grid-stack-10 > .grid-stack-item[data-gs-min-width='4'] {
    min-width: calc((100%/10)*4);
}

.grid-stack-10 > .grid-stack-item[data-gs-max-width='4'] {
    max-width: calc((100%/10)*4);
}

.grid-stack-10 > .grid-stack-item[data-gs-width='5'] {
    width: calc((100%/10)*5);
}

.grid-stack-10 > .grid-stack-item[data-gs-x='5'] {
    left: calc((100%/10)*5);
}

.grid-stack-10 > .grid-stack-item[data-gs-min-width='5'] {
    min-width: calc((100%/10)*5);
}

.grid-stack-10 > .grid-stack-item[data-gs-max-width='5'] {
    max-width: calc((100%/10)*5);
}

.grid-stack-10 > .grid-stack-item[data-gs-width='6'] {
    width: calc((100%/10)*6);
}

.grid-stack-10 > .grid-stack-item[data-gs-x='6'] {
    left: calc((100%/10)*6);
}

.grid-stack-10 > .grid-stack-item[data-gs-min-width='6'] {
    min-width: calc((100%/10)*6);
}

.grid-stack-10 > .grid-stack-item[data-gs-max-width='6'] {
    max-width: calc((100%/10)*6);
}

.grid-stack-10 > .grid-stack-item[data-gs-width='7'] {
    width: calc((100%/10)*7);
}

.grid-stack-10 > .grid-stack-item[data-gs-x='7'] {
    left: calc((100%/10)*7)
}

.grid-stack-10 > .grid-stack-item[data-gs-min-width='7'] {
    min-width: calc((100%/10)*7)
}

.grid-stack-10 > .grid-stack-item[data-gs-max-width='7'] {
    max-width: calc((100%/10)*7);
}

.grid-stack-10 > .grid-stack-item[data-gs-width='8'] {
    width: calc((100%/10)*8);
}

.grid-stack-10 > .grid-stack-item[data-gs-x='8'] {
    left: calc((100%/10)*8);
}

.grid-stack-10 > .grid-stack-item[data-gs-min-width='8'] {
    min-width: calc((100%/10)*8);
}

.grid-stack-10 > .grid-stack-item[data-gs-max-width='8'] {
    max-width: calc((100%/10)*8);
}

.grid-stack-10 > .grid-stack-item[data-gs-width='9'] {
    width: calc((100%/10)*9);
}

.grid-stack-10 > .grid-stack-item[data-gs-x='9'] {
    left: calc((100%/10)*9);
}

.grid-stack-10 > .grid-stack-item[data-gs-min-width='9'] {
    min-width: calc((100%/10)*9);
}

.grid-stack-10 > .grid-stack-item[data-gs-max-width='9'] {
    max-width: calc((100%/10)*9);
}

.grid-stack-10 > .grid-stack-item[data-gs-width='10'] {
    width: 100%;
}

.grid-stack-10 > .grid-stack-item[data-gs-x='10'] {
    left: 100%;
}

.grid-stack-10 > .grid-stack-item[data-gs-min-width='10'] {
    min-width: 100%;
}

.grid-stack-10 > .grid-stack-item[data-gs-max-width='10'] {
    max-width: 100%;
}

.grid-stack-11 > .grid-stack-item[data-gs-width='1'] {
    width: calc(100%/11);
}

.grid-stack-11 > .grid-stack-item[data-gs-x='1'] {
    left: calc(100%/11);
}

.grid-stack-11 > .grid-stack-item[data-gs-min-width='1'] {
    min-width: calc(100%/11);
}

.grid-stack-11 > .grid-stack-item[data-gs-max-width='1'] {
    max-width: calc(100%/11);
}

.grid-stack-11 > .grid-stack-item[data-gs-width='2'] {
    width: calc((100%/11)*2);
}

.grid-stack-11 > .grid-stack-item[data-gs-x='2'] {
    left: calc((100%/11)*2);
}

.grid-stack-11 > .grid-stack-item[data-gs-min-width='2'] {
    min-width: calc((100%/11)*2);
}

.grid-stack-11 > .grid-stack-item[data-gs-max-width='2'] {
    max-width: calc((100%/11)*2);
}

.grid-stack-11 > .grid-stack-item[data-gs-width='3'] {
    width: calc((100%/11)*3)
}

.grid-stack-11 > .grid-stack-item[data-gs-x='3'] {
    left: calc((100%/11)*3)
}

.grid-stack-11 > .grid-stack-item[data-gs-min-width='3'] {
    min-width: calc((100%/11)*3)
}

.grid-stack-11 > .grid-stack-item[data-gs-max-width='3'] {
    max-width: calc((100%/11)*3);
}

.grid-stack-11 > .grid-stack-item[data-gs-width='4'] {
    width: calc((100%/11)*4);
}

.grid-stack-11 > .grid-stack-item[data-gs-x='4'] {
    left: calc((100%/11)*4);
}

.grid-stack-11 > .grid-stack-item[data-gs-min-width='4'] {
    min-width: calc((100%/11)*4);
}

.grid-stack-11 > .grid-stack-item[data-gs-max-width='4'] {
    max-width: calc((100%/11)*4);
}

.grid-stack-11 > .grid-stack-item[data-gs-width='5'] {
    width: calc((100%/11)*5);
}

.grid-stack-11 > .grid-stack-item[data-gs-x='5'] {
    left: calc((100%/11)*5);
}

.grid-stack-11 > .grid-stack-item[data-gs-min-width='5'] {
    min-width: calc((100%/11)*5);
}

.grid-stack-11 > .grid-stack-item[data-gs-max-width='5'] {
    max-width: calc((100%/11)*5);
}

.grid-stack-11 > .grid-stack-item[data-gs-width='6'] {
    width: calc((100%/11)*6);
}

.grid-stack-11 > .grid-stack-item[data-gs-x='6'] {
    left: calc((100%/11)*6);
}

.grid-stack-11 > .grid-stack-item[data-gs-min-width='6'] {
    min-width: calc((100%/11)*6);
}

.grid-stack-11 > .grid-stack-item[data-gs-max-width='6'] {
    max-width: calc((100%/11)*6);
}

.grid-stack-11 > .grid-stack-item[data-gs-width='7'] {
    width: calc((100%/11)*7);
}

.grid-stack-11 > .grid-stack-item[data-gs-x='7'] {
    left: calc((100%/11)*7)
}

.grid-stack-11 > .grid-stack-item[data-gs-min-width='7'] {
    min-width: calc((100%/11)*7)
}

.grid-stack-11 > .grid-stack-item[data-gs-max-width='7'] {
    max-width: calc((100%/11)*7);
}

.grid-stack-11 > .grid-stack-item[data-gs-width='8'] {
    width: calc((100%/11)*8);
}

.grid-stack-11 > .grid-stack-item[data-gs-x='8'] {
    left: calc((100%/11)*8);
}

.grid-stack-11 > .grid-stack-item[data-gs-min-width='8'] {
    min-width: calc((100%/11)*8);
}

.grid-stack-11 > .grid-stack-item[data-gs-max-width='8'] {
    max-width: calc((100%/11)*8);
}

.grid-stack-11 > .grid-stack-item[data-gs-width='9'] {
    width: calc((100%/11)*9);
}

.grid-stack-11 > .grid-stack-item[data-gs-x='9'] {
    left: calc((100%/11)*9);
}

.grid-stack-11 > .grid-stack-item[data-gs-min-width='9'] {
    min-width: calc((100%/11)*9);
}

.grid-stack-11 > .grid-stack-item[data-gs-max-width='9'] {
    max-width: calc((100%/11)*9);
}

.grid-stack-11 > .grid-stack-item[data-gs-width='10'] {
    width: calc((100%/11)*10);
}

.grid-stack-11 > .grid-stack-item[data-gs-x='10'] {
    left: calc((100%/11)*10);
}

.grid-stack-11 > .grid-stack-item[data-gs-min-width='10'] {
    min-width: calc((100%/11)*10);
}

.grid-stack-11 > .grid-stack-item[data-gs-max-width='10'] {
    max-width: calc((100%/11)*10);
}

.grid-stack-11 > .grid-stack-item[data-gs-width='11'] {
    width: 100%;
}

.grid-stack-11 > .grid-stack-item[data-gs-x='11'] {
    left: 100%;
}

.grid-stack-11 > .grid-stack-item[data-gs-min-width='11'] {
    min-width: 100%;
}

.grid-stack-11 > .grid-stack-item[data-gs-max-width='11'] {
    max-width: 100%;
}
.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-width='1'] {
    width: 8.3333333333%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-x='1'] {
    left: 8.3333333333%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-min-width='1'] {
    min-width: 8.3333333333%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-max-width='1'] {
    max-width: 8.3333333333%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-width='2'] {
    width: 16.6666666667%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-x='2'] {
    left: 16.6666666667%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-min-width='2'] {
    min-width: 16.6666666667%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-max-width='2'] {
    max-width: 16.6666666667%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-width='3'] {
    width: 25%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-x='3'] {
    left: 25%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-min-width='3'] {
    min-width: 25%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-max-width='3'] {
    max-width: 25%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-width='4'] {
    width: 33.3333333333%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-x='4'] {
    left: 33.3333333333%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-min-width='4'] {
    min-width: 33.3333333333%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-max-width='4'] {
    max-width: 33.3333333333%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-width='5'] {
    width: 41.6666666667%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-x='5'] {
    left: 41.6666666667%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-min-width='5'] {
    min-width: 41.6666666667%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-max-width='5'] {
    max-width: 41.6666666667%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-width='6'] {
    width: 50%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-x='6'] {
    left: 50%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-min-width='6'] {
    min-width: 50%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-max-width='6'] {
    max-width: 50%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-width='7'] {
    width: 58.3333333333%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-x='7'] {
    left: 58.3333333333%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-min-width='7'] {
    min-width: 58.3333333333%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-max-width='7'] {
    max-width: 58.3333333333%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-width='8'] {
    width: 66.6666666667%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-x='8'] {
    left: 66.6666666667%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-min-width='8'] {
    min-width: 66.6666666667%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-max-width='8'] {
    max-width: 66.6666666667%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-width='9'] {
    width: 75%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-x='9'] {
    left: 75%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-min-width='9'] {
    min-width: 75%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-max-width='9'] {
    max-width: 75%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-width='10'] {
    width: 83.3333333333%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-x='10'] {
    left: 83.3333333333%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-min-width='10'] {
    min-width: 83.3333333333%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-max-width='10'] {
    max-width: 83.3333333333%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-width='11'] {
    width: 91.6666666667%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-x='11'] {
    left: 91.6666666667%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-min-width='11'] {
    min-width: 91.6666666667%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-max-width='11'] {
    max-width: 91.6666666667%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-width='12'] {
    width: 100%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-x='12'] {
    left: 100%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-min-width='12'] {
    min-width: 100%;
}

.grid-stack-12 .grid-stack > .grid-stack-item[data-gs-max-width='12'] {
    max-width: 100%;
}
.grid-stack-13 > .grid-stack-item[data-gs-width='1'] {
    width: calc(100%/13);
}

.grid-stack-13 > .grid-stack-item[data-gs-x='1'] {
    left: calc(100%/13);
}

.grid-stack-13 > .grid-stack-item[data-gs-min-width='1'] {
    min-width: calc(100%/13);
}

.grid-stack-13 > .grid-stack-item[data-gs-max-width='1'] {
    max-width: calc(100%/13);
}

.grid-stack-13 > .grid-stack-item[data-gs-width='2'] {
    width: calc((100%/13)*2);
}

.grid-stack-13 > .grid-stack-item[data-gs-x='2'] {
    left: calc((100%/13)*2);
}

.grid-stack-13 > .grid-stack-item[data-gs-min-width='2'] {
    min-width: calc((100%/13)*2);
}

.grid-stack-13 > .grid-stack-item[data-gs-max-width='2'] {
    max-width: calc((100%/13)*2);
}

.grid-stack-13 > .grid-stack-item[data-gs-width='3'] {
    width: calc((100%/13)*3)
}

.grid-stack-13 > .grid-stack-item[data-gs-x='3'] {
    left: calc((100%/13)*3)
}

.grid-stack-13 > .grid-stack-item[data-gs-min-width='3'] {
    min-width: calc((100%/13)*3)
}

.grid-stack-13 > .grid-stack-item[data-gs-max-width='3'] {
    max-width: calc((100%/13)*3);
}

.grid-stack-13 > .grid-stack-item[data-gs-width='4'] {
    width: calc((100%/13)*4);
}

.grid-stack-13 > .grid-stack-item[data-gs-x='4'] {
    left: calc((100%/13)*4);
}

.grid-stack-13 > .grid-stack-item[data-gs-min-width='4'] {
    min-width: calc((100%/13)*4);
}

.grid-stack-13 > .grid-stack-item[data-gs-max-width='4'] {
    max-width: calc((100%/13)*4);
}

.grid-stack-13 > .grid-stack-item[data-gs-width='5'] {
    width: calc((100%/13)*5);
}

.grid-stack-13 > .grid-stack-item[data-gs-x='5'] {
    left: calc((100%/13)*5);
}

.grid-stack-13 > .grid-stack-item[data-gs-min-width='5'] {
    min-width: calc((100%/13)*5);
}

.grid-stack-13 > .grid-stack-item[data-gs-max-width='5'] {
    max-width: calc((100%/13)*5);
}

.grid-stack-13 > .grid-stack-item[data-gs-width='6'] {
    width: calc((100%/13)*6);
}

.grid-stack-13 > .grid-stack-item[data-gs-x='6'] {
    left: calc((100%/13)*6);
}

.grid-stack-13 > .grid-stack-item[data-gs-min-width='6'] {
    min-width: calc((100%/13)*6);
}

.grid-stack-13 > .grid-stack-item[data-gs-max-width='6'] {
    max-width: calc((100%/13)*6);
}

.grid-stack-13 > .grid-stack-item[data-gs-width='7'] {
    width: calc((100%/13)*7);
}

.grid-stack-13 > .grid-stack-item[data-gs-x='7'] {
    left: calc((100%/13)*7)
}

.grid-stack-13 > .grid-stack-item[data-gs-min-width='7'] {
    min-width: calc((100%/13)*7)
}

.grid-stack-13 > .grid-stack-item[data-gs-max-width='7'] {
    max-width: calc((100%/13)*7);
}

.grid-stack-13 > .grid-stack-item[data-gs-width='8'] {
    width: calc((100%/13)*8);
}

.grid-stack-13 > .grid-stack-item[data-gs-x='8'] {
    left: calc((100%/13)*8);
}

.grid-stack-13 > .grid-stack-item[data-gs-min-width='8'] {
    min-width: calc((100%/13)*8);
}

.grid-stack-13 > .grid-stack-item[data-gs-max-width='8'] {
    max-width: calc((100%/13)*8);
}

.grid-stack-13 > .grid-stack-item[data-gs-width='9'] {
    width: calc((100%/13)*9);
}

.grid-stack-13 > .grid-stack-item[data-gs-x='9'] {
    left: calc((100%/13)*9);
}

.grid-stack-13 > .grid-stack-item[data-gs-min-width='9'] {
    min-width: calc((100%/13)*9);
}

.grid-stack-13 > .grid-stack-item[data-gs-max-width='9'] {
    max-width: calc((100%/13)*9);
}

.grid-stack-13 > .grid-stack-item[data-gs-width='10'] {
    width: calc((100%/13)*10);
}

.grid-stack-13 > .grid-stack-item[data-gs-x='10'] {
    left: calc((100%/13)*10);
}

.grid-stack-13 > .grid-stack-item[data-gs-min-width='10'] {
    min-width: calc((100%/13)*10);
}

.grid-stack-13 > .grid-stack-item[data-gs-max-width='10'] {
    max-width: calc((100%/13)*10);
}

.grid-stack-13 > .grid-stack-item[data-gs-width='11'] {
    width: calc((100%/13)*11);
}

.grid-stack-13 > .grid-stack-item[data-gs-x='11'] {
    left: calc((100%/13)*11);
}

.grid-stack-13 > .grid-stack-item[data-gs-min-width='11'] {
    min-width: calc((100%/13)*11);
}

.grid-stack-13 > .grid-stack-item[data-gs-max-width='11'] {
    max-width: calc((100%/13)*11);
}

.grid-stack-13 > .grid-stack-item[data-gs-width='12'] {
    width: calc((100%/13)*12);
}

.grid-stack-13 > .grid-stack-item[data-gs-x='12'] {
    left: calc((100%/13)*12);
}

.grid-stack-13 > .grid-stack-item[data-gs-min-width='12'] {
    min-width: calc((100%/13)*12);
}

.grid-stack-13 > .grid-stack-item[data-gs-max-width='12'] {
    max-width: calc((100%/13)*12);
}

.grid-stack-13 > .grid-stack-item[data-gs-width='13'] {
    width: 100%;
}

.grid-stack-13 > .grid-stack-item[data-gs-x='13'] {
    left: 100%;
}

.grid-stack-13 > .grid-stack-item[data-gs-min-width='13'] {
    min-width: 100%;
}

.grid-stack-13 > .grid-stack-item[data-gs-max-width='13'] {
    max-width: 100%;
}


.grid-stack-14 > .grid-stack-item[data-gs-width='1'] {
    width: calc(100%/14);
}

.grid-stack-14 > .grid-stack-item[data-gs-x='1'] {
    left: calc(100%/14);
}

.grid-stack-14 > .grid-stack-item[data-gs-min-width='1'] {
    min-width: calc(100%/14);
}

.grid-stack-14 > .grid-stack-item[data-gs-max-width='1'] {
    max-width: calc(100%/14);
}

.grid-stack-14 > .grid-stack-item[data-gs-width='2'] {
    width: calc((100%/14)*2);
}

.grid-stack-14 > .grid-stack-item[data-gs-x='2'] {
    left: calc((100%/14)*2);
}

.grid-stack-14 > .grid-stack-item[data-gs-min-width='2'] {
    min-width: calc((100%/14)*2);
}

.grid-stack-14 > .grid-stack-item[data-gs-max-width='2'] {
    max-width: calc((100%/14)*2);
}

.grid-stack-14 > .grid-stack-item[data-gs-width='3'] {
    width: calc((100%/14)*3)
}

.grid-stack-14 > .grid-stack-item[data-gs-x='3'] {
    left: calc((100%/14)*3)
}

.grid-stack-14 > .grid-stack-item[data-gs-min-width='3'] {
    min-width: calc((100%/14)*3)
}

.grid-stack-14 > .grid-stack-item[data-gs-max-width='3'] {
    max-width: calc((100%/14)*3);
}

.grid-stack-14 > .grid-stack-item[data-gs-width='4'] {
    width: calc((100%/14)*4);
}

.grid-stack-14 > .grid-stack-item[data-gs-x='4'] {
    left: calc((100%/14)*4);
}

.grid-stack-14 > .grid-stack-item[data-gs-min-width='4'] {
    min-width: calc((100%/14)*4);
}

.grid-stack-14 > .grid-stack-item[data-gs-max-width='4'] {
    max-width: calc((100%/14)*4);
}

.grid-stack-14 > .grid-stack-item[data-gs-width='5'] {
    width: calc((100%/14)*5);
}

.grid-stack-14 > .grid-stack-item[data-gs-x='5'] {
    left: calc((100%/14)*5);
}

.grid-stack-14 > .grid-stack-item[data-gs-min-width='5'] {
    min-width: calc((100%/14)*5);
}

.grid-stack-14 > .grid-stack-item[data-gs-max-width='5'] {
    max-width: calc((100%/14)*5);
}

.grid-stack-14 > .grid-stack-item[data-gs-width='6'] {
    width: calc((100%/14)*6);
}

.grid-stack-14 > .grid-stack-item[data-gs-x='6'] {
    left: calc((100%/14)*6);
}

.grid-stack-14 > .grid-stack-item[data-gs-min-width='6'] {
    min-width: calc((100%/14)*6);
}

.grid-stack-14 > .grid-stack-item[data-gs-max-width='6'] {
    max-width: calc((100%/14)*6);
}

.grid-stack-14 > .grid-stack-item[data-gs-width='7'] {
    width: calc((100%/14)*7);
}

.grid-stack-14 > .grid-stack-item[data-gs-x='7'] {
    left: calc((100%/14)*7)
}

.grid-stack-14 > .grid-stack-item[data-gs-min-width='7'] {
    min-width: calc((100%/14)*7)
}

.grid-stack-14 > .grid-stack-item[data-gs-max-width='7'] {
    max-width: calc((100%/14)*7);
}

.grid-stack-14 > .grid-stack-item[data-gs-width='8'] {
    width: calc((100%/14)*8);
}

.grid-stack-14 > .grid-stack-item[data-gs-x='8'] {
    left: calc((100%/14)*8);
}

.grid-stack-14 > .grid-stack-item[data-gs-min-width='8'] {
    min-width: calc((100%/14)*8);
}

.grid-stack-14 > .grid-stack-item[data-gs-max-width='8'] {
    max-width: calc((100%/14)*8);
}

.grid-stack-14 > .grid-stack-item[data-gs-width='9'] {
    width: calc((100%/14)*9);
}

.grid-stack-14 > .grid-stack-item[data-gs-x='9'] {
    left: calc((100%/14)*9);
}

.grid-stack-14 > .grid-stack-item[data-gs-min-width='9'] {
    min-width: calc((100%/14)*9);
}

.grid-stack-14 > .grid-stack-item[data-gs-max-width='9'] {
    max-width: calc((100%/14)*9);
}

.grid-stack-14 > .grid-stack-item[data-gs-width='10'] {
    width: calc((100%/14)*10);
}

.grid-stack-14 > .grid-stack-item[data-gs-x='10'] {
    left: calc((100%/14)*10);
}

.grid-stack-14 > .grid-stack-item[data-gs-min-width='10'] {
    min-width: calc((100%/14)*10);
}

.grid-stack-14 > .grid-stack-item[data-gs-max-width='10'] {
    max-width: calc((100%/14)*10);
}

.grid-stack-14 > .grid-stack-item[data-gs-width='11'] {
    width: calc((100%/14)*11);
}

.grid-stack-14 > .grid-stack-item[data-gs-x='11'] {
    left: calc((100%/14)*11);
}

.grid-stack-14 > .grid-stack-item[data-gs-min-width='11'] {
    min-width: calc((100%/14)*11);
}

.grid-stack-14 > .grid-stack-item[data-gs-max-width='11'] {
    max-width: calc((100%/14)*11);
}

.grid-stack-14 > .grid-stack-item[data-gs-width='12'] {
    width: calc((100%/14)*12);
}

.grid-stack-14 > .grid-stack-item[data-gs-x='12'] {
    left: calc((100%/14)*12);
}

.grid-stack-14 > .grid-stack-item[data-gs-min-width='12'] {
    min-width: calc((100%/14)*12);
}

.grid-stack-14 > .grid-stack-item[data-gs-max-width='12'] {
    max-width: calc((100%/14)*12);
}

.grid-stack-14 > .grid-stack-item[data-gs-width='13'] {
    width: calc((100%/14)*13);
}

.grid-stack-14 > .grid-stack-item[data-gs-x='13'] {
    left: calc((100%/14)*13);
}

.grid-stack-14 > .grid-stack-item[data-gs-min-width='13'] {
    min-width: calc((100%/14)*13);
}

.grid-stack-14 > .grid-stack-item[data-gs-max-width='13'] {
    max-width: calc((100%/14)*13);
}

.grid-stack-14 > .grid-stack-item[data-gs-width='14'] {
    width: 100%;
}

.grid-stack-14 > .grid-stack-item[data-gs-x='14'] {
    left: 100%;
}

.grid-stack-14 > .grid-stack-item[data-gs-min-width='14'] {
    min-width: 100%;
}

.grid-stack-14 > .grid-stack-item[data-gs-max-width='14'] {
    max-width: 100%;
}

/*/////////////////////14 Grid stack column css End////////////////*/

/*/////////////////////15 Grid stack column css////////////////*/


.grid-stack-15 > .grid-stack-item[data-gs-width='1'] {
    width: calc(100%/15);
}

.grid-stack-15 > .grid-stack-item[data-gs-x='1'] {
    left: calc(100%/15);
}

.grid-stack-15 > .grid-stack-item[data-gs-min-width='1'] {
    min-width: calc(100%/15);
}

.grid-stack-15 > .grid-stack-item[data-gs-max-width='1'] {
    max-width: calc(100%/15);
}

.grid-stack-15 > .grid-stack-item[data-gs-width='2'] {
    width: calc((100%/15)*2);
}

.grid-stack-15 > .grid-stack-item[data-gs-x='2'] {
    left: calc((100%/15)*2);
}

.grid-stack-15 > .grid-stack-item[data-gs-min-width='2'] {
    min-width: calc((100%/15)*2);
}

.grid-stack-15 > .grid-stack-item[data-gs-max-width='2'] {
    max-width: calc((100%/15)*2);
}

.grid-stack-15 > .grid-stack-item[data-gs-width='3'] {
    width: calc((100%/15)*3)
}

.grid-stack-15 > .grid-stack-item[data-gs-x='3'] {
    left: calc((100%/15)*3)
}

.grid-stack-15 > .grid-stack-item[data-gs-min-width='3'] {
    min-width: calc((100%/15)*3)
}

.grid-stack-15 > .grid-stack-item[data-gs-max-width='3'] {
    max-width: calc((100%/15)*3);
}

.grid-stack-15 > .grid-stack-item[data-gs-width='4'] {
    width: calc((100%/15)*4);
}

.grid-stack-15 > .grid-stack-item[data-gs-x='4'] {
    left: calc((100%/15)*4);
}

.grid-stack-15 > .grid-stack-item[data-gs-min-width='4'] {
    min-width: calc((100%/15)*4);
}

.grid-stack-15 > .grid-stack-item[data-gs-max-width='4'] {
    max-width: calc((100%/15)*4);
}

.grid-stack-15 > .grid-stack-item[data-gs-width='5'] {
    width: calc((100%/15)*5);
}

.grid-stack-15 > .grid-stack-item[data-gs-x='5'] {
    left: calc((100%/15)*5);
}

.grid-stack-15 > .grid-stack-item[data-gs-min-width='5'] {
    min-width: calc((100%/15)*5);
}

.grid-stack-15 > .grid-stack-item[data-gs-max-width='5'] {
    max-width: calc((100%/15)*5);
}

.grid-stack-15 > .grid-stack-item[data-gs-width='6'] {
    width: calc((100%/15)*6);
}

.grid-stack-15 > .grid-stack-item[data-gs-x='6'] {
    left: calc((100%/15)*6);
}

.grid-stack-15 > .grid-stack-item[data-gs-min-width='6'] {
    min-width: calc((100%/15)*6);
}

.grid-stack-15 > .grid-stack-item[data-gs-max-width='6'] {
    max-width: calc((100%/15)*6);
}

.grid-stack-15 > .grid-stack-item[data-gs-width='7'] {
    width: calc((100%/15)*7);
}

.grid-stack-15 > .grid-stack-item[data-gs-x='7'] {
    left: calc((100%/15)*7)
}

.grid-stack-15 > .grid-stack-item[data-gs-min-width='7'] {
    min-width: calc((100%/15)*7)
}

.grid-stack-15 > .grid-stack-item[data-gs-max-width='7'] {
    max-width: calc((100%/15)*7);
}

.grid-stack-15 > .grid-stack-item[data-gs-width='8'] {
    width: calc((100%/15)*8);
}

.grid-stack-15 > .grid-stack-item[data-gs-x='8'] {
    left: calc((100%/15)*8);
}

.grid-stack-15 > .grid-stack-item[data-gs-min-width='8'] {
    min-width: calc((100%/15)*8);
}

.grid-stack-15 > .grid-stack-item[data-gs-max-width='8'] {
    max-width: calc((100%/15)*8);
}

.grid-stack-15 > .grid-stack-item[data-gs-width='9'] {
    width: calc((100%/15)*9);
}

.grid-stack-15 > .grid-stack-item[data-gs-x='9'] {
    left: calc((100%/15)*9);
}

.grid-stack-15 > .grid-stack-item[data-gs-min-width='9'] {
    min-width: calc((100%/15)*9);
}

.grid-stack-15 > .grid-stack-item[data-gs-max-width='9'] {
    max-width: calc((100%/15)*9);
}

.grid-stack-15 > .grid-stack-item[data-gs-width='10'] {
    width: calc((100%/15)*10);
}

.grid-stack-15 > .grid-stack-item[data-gs-x='10'] {
    left: calc((100%/15)*10);
}

.grid-stack-15 > .grid-stack-item[data-gs-min-width='10'] {
    min-width: calc((100%/15)*10);
}

.grid-stack-15 > .grid-stack-item[data-gs-max-width='10'] {
    max-width: calc((100%/15)*10);
}

.grid-stack-15 > .grid-stack-item[data-gs-width='11'] {
    width: calc((100%/15)*11);
}

.grid-stack-15 > .grid-stack-item[data-gs-x='11'] {
    left: calc((100%/15)*11);
}

.grid-stack-15 > .grid-stack-item[data-gs-min-width='11'] {
    min-width: calc((100%/15)*11);
}

.grid-stack-15 > .grid-stack-item[data-gs-max-width='11'] {
    max-width: calc((100%/15)*11);
}

.grid-stack-15 > .grid-stack-item[data-gs-width='12'] {
    width: calc((100%/15)*12);
}

.grid-stack-15 > .grid-stack-item[data-gs-x='12'] {
    left: calc((100%/15)*12);
}

.grid-stack-15 > .grid-stack-item[data-gs-min-width='12'] {
    min-width: calc((100%/15)*12);
}

.grid-stack-15 > .grid-stack-item[data-gs-max-width='12'] {
    max-width: calc((100%/15)*12);
}

.grid-stack-15 > .grid-stack-item[data-gs-width='13'] {
    width: calc((100%/15)*13);
}

.grid-stack-15 > .grid-stack-item[data-gs-x='13'] {
    left: calc((100%/15)*13);
}

.grid-stack-15 > .grid-stack-item[data-gs-min-width='13'] {
    min-width: calc((100%/15)*13);
}

.grid-stack-15 > .grid-stack-item[data-gs-max-width='13'] {
    max-width: calc((100%/15)*13);
}


.grid-stack-15 > .grid-stack-item[data-gs-width='14'] {
    width: calc((100%/15)*14);
}

.grid-stack-15 > .grid-stack-item[data-gs-x='14'] {
    left: calc((100%/15)*14);
}

.grid-stack-15 > .grid-stack-item[data-gs-min-width='14'] {
    min-width: calc((100%/15)*14);
}

.grid-stack-15 > .grid-stack-item[data-gs-max-width='14'] {
    max-width: calc((100%/15)*14);
}

.grid-stack-15 > .grid-stack-item[data-gs-width='15'] {
    width: 100%;
}

.grid-stack-15 > .grid-stack-item[data-gs-x='15'] {
    left: 100%;
}

.grid-stack-15 > .grid-stack-item[data-gs-min-width='15'] {
    min-width: 100%;
}

.grid-stack-15 > .grid-stack-item[data-gs-max-width='15'] {
    max-width: 100%;
}
.grid-stack-16 > .grid-stack-item[data-gs-width='1'] {
    width: calc(100%/16);
}

.grid-stack-16 > .grid-stack-item[data-gs-x='1'] {
    left: calc(100%/16);
}

.grid-stack-16 > .grid-stack-item[data-gs-min-width='1'] {
    min-width: calc(100%/16);
}

.grid-stack-16 > .grid-stack-item[data-gs-max-width='1'] {
    max-width: calc(100%/16);
}

.grid-stack-16 > .grid-stack-item[data-gs-width='2'] {
    width: calc((100%/16)*2);
}

.grid-stack-16 > .grid-stack-item[data-gs-x='2'] {
    left: calc((100%/16)*2);
}

.grid-stack-16 > .grid-stack-item[data-gs-min-width='2'] {
    min-width: calc((100%/16)*2);
}

.grid-stack-16 > .grid-stack-item[data-gs-max-width='2'] {
    max-width: calc((100%/16)*2);
}

.grid-stack-16 > .grid-stack-item[data-gs-width='3'] {
    width: calc((100%/16)*3)
}

.grid-stack-16 > .grid-stack-item[data-gs-x='3'] {
    left: calc((100%/16)*3)
}

.grid-stack-16 > .grid-stack-item[data-gs-min-width='3'] {
    min-width: calc((100%/16)*3)
}

.grid-stack-16 > .grid-stack-item[data-gs-max-width='3'] {
    max-width: calc((100%/16)*3);
}

.grid-stack-16 > .grid-stack-item[data-gs-width='4'] {
    width: calc((100%/16)*4);
}

.grid-stack-16 > .grid-stack-item[data-gs-x='4'] {
    left: calc((100%/16)*4);
}

.grid-stack-16 > .grid-stack-item[data-gs-min-width='4'] {
    min-width: calc((100%/16)*4);
}

.grid-stack-16 > .grid-stack-item[data-gs-max-width='4'] {
    max-width: calc((100%/16)*4);
}

.grid-stack-16 > .grid-stack-item[data-gs-width='5'] {
    width: calc((100%/16)*5);
}

.grid-stack-16 > .grid-stack-item[data-gs-x='5'] {
    left: calc((100%/16)*5);
}

.grid-stack-16 > .grid-stack-item[data-gs-min-width='5'] {
    min-width: calc((100%/16)*5);
}

.grid-stack-16 > .grid-stack-item[data-gs-max-width='5'] {
    max-width: calc((100%/16)*5);
}

.grid-stack-16 > .grid-stack-item[data-gs-width='6'] {
    width: calc((100%/16)*6);
}

.grid-stack-16 > .grid-stack-item[data-gs-x='6'] {
    left: calc((100%/16)*6);
}

.grid-stack-16 > .grid-stack-item[data-gs-min-width='6'] {
    min-width: calc((100%/16)*6);
}

.grid-stack-16 > .grid-stack-item[data-gs-max-width='6'] {
    max-width: calc((100%/16)*6);
}

.grid-stack-16 > .grid-stack-item[data-gs-width='7'] {
    width: calc((100%/16)*7);
}

.grid-stack-16 > .grid-stack-item[data-gs-x='7'] {
    left: calc((100%/16)*7)
}

.grid-stack-16 > .grid-stack-item[data-gs-min-width='7'] {
    min-width: calc((100%/16)*7)
}

.grid-stack-16 > .grid-stack-item[data-gs-max-width='7'] {
    max-width: calc((100%/16)*7);
}

.grid-stack-16 > .grid-stack-item[data-gs-width='8'] {
    width: calc((100%/16)*8);
}

.grid-stack-16 > .grid-stack-item[data-gs-x='8'] {
    left: calc((100%/16)*8);
}

.grid-stack-16 > .grid-stack-item[data-gs-min-width='8'] {
    min-width: calc((100%/16)*8);
}

.grid-stack-16 > .grid-stack-item[data-gs-max-width='8'] {
    max-width: calc((100%/16)*8);
}

.grid-stack-16 > .grid-stack-item[data-gs-width='9'] {
    width: calc((100%/16)*9);
}

.grid-stack-16 > .grid-stack-item[data-gs-x='9'] {
    left: calc((100%/16)*9);
}

.grid-stack-16 > .grid-stack-item[data-gs-min-width='9'] {
    min-width: calc((100%/16)*9);
}

.grid-stack-16 > .grid-stack-item[data-gs-max-width='9'] {
    max-width: calc((100%/16)*9);
}

.grid-stack-16 > .grid-stack-item[data-gs-width='10'] {
    width: calc((100%/16)*10);
}

.grid-stack-16 > .grid-stack-item[data-gs-x='10'] {
    left: calc((100%/16)*10);
}

.grid-stack-16 > .grid-stack-item[data-gs-min-width='10'] {
    min-width: calc((100%/16)*10);
}

.grid-stack-16 > .grid-stack-item[data-gs-max-width='10'] {
    max-width: calc((100%/16)*10);
}

.grid-stack-16 > .grid-stack-item[data-gs-width='11'] {
    width: calc((100%/16)*11);
}

.grid-stack-16 > .grid-stack-item[data-gs-x='11'] {
    left: calc((100%/16)*11);
}

.grid-stack-16 > .grid-stack-item[data-gs-min-width='11'] {
    min-width: calc((100%/16)*11);
}

.grid-stack-16 > .grid-stack-item[data-gs-max-width='11'] {
    max-width: calc((100%/16)*11);
}

.grid-stack-16 > .grid-stack-item[data-gs-width='12'] {
    width: calc((100%/16)*12);
}

.grid-stack-16 > .grid-stack-item[data-gs-x='12'] {
    left: calc((100%/16)*12);
}

.grid-stack-16 > .grid-stack-item[data-gs-min-width='12'] {
    min-width: calc((100%/16)*12);
}

.grid-stack-16 > .grid-stack-item[data-gs-max-width='12'] {
    max-width: calc((100%/16)*12);
}

.grid-stack-16 > .grid-stack-item[data-gs-width='13'] {
    width: calc((100%/16)*13);
}

.grid-stack-16 > .grid-stack-item[data-gs-x='13'] {
    left: calc((100%/16)*13);
}

.grid-stack-16 > .grid-stack-item[data-gs-min-width='13'] {
    min-width: calc((100%/16)*13);
}

.grid-stack-16 > .grid-stack-item[data-gs-max-width='13'] {
    max-width: calc((100%/16)*13);
}


.grid-stack-16 > .grid-stack-item[data-gs-width='14'] {
    width: calc((100%/16)*14);
}

.grid-stack-16 > .grid-stack-item[data-gs-x='14'] {
    left: calc((100%/16)*14);
}

.grid-stack-16 > .grid-stack-item[data-gs-min-width='14'] {
    min-width: calc((100%/16)*14);
}

.grid-stack-16 > .grid-stack-item[data-gs-max-width='14'] {
    max-width: calc((100%/16)*14);
}



.grid-stack-16 > .grid-stack-item[data-gs-width='15'] {
    width: calc((100%/16)*15);
}

.grid-stack-16 > .grid-stack-item[data-gs-x='15'] {
    left: calc((100%/16)*15);
}

.grid-stack-16 > .grid-stack-item[data-gs-min-width='15'] {
    min-width: calc((100%/16)*15);
}

.grid-stack-16 > .grid-stack-item[data-gs-max-width='15'] {
    max-width: calc((100%/16)*15);
}


.grid-stack-16 > .grid-stack-item[data-gs-width='16'] {
    width: 100%;
}

.grid-stack-16 > .grid-stack-item[data-gs-x='16'] {
    left: 100%;
}

.grid-stack-16 > .grid-stack-item[data-gs-min-width='16'] {
    min-width: 100%;
}

.grid-stack-16 > .grid-stack-item[data-gs-max-width='16'] {
    max-width: 100%;
}
.grid-stack-17 > .grid-stack-item[data-gs-width='1'] {
    width: calc(100%/17);
}

.grid-stack-17 > .grid-stack-item[data-gs-x='1'] {
    left: calc(100%/17);
}

.grid-stack-17 > .grid-stack-item[data-gs-min-width='1'] {
    min-width: calc(100%/17);
}

.grid-stack-17 > .grid-stack-item[data-gs-max-width='1'] {
    max-width: calc(100%/17);
}

.grid-stack-17 > .grid-stack-item[data-gs-width='2'] {
    width: calc((100%/17)*2);
}

.grid-stack-17 > .grid-stack-item[data-gs-x='2'] {
    left: calc((100%/17)*2);
}

.grid-stack-17 > .grid-stack-item[data-gs-min-width='2'] {
    min-width: calc((100%/17)*2);
}

.grid-stack-17 > .grid-stack-item[data-gs-max-width='2'] {
    max-width: calc((100%/17)*2);
}

.grid-stack-17 > .grid-stack-item[data-gs-width='3'] {
    width: calc((100%/17)*3)
}

.grid-stack-17 > .grid-stack-item[data-gs-x='3'] {
    left: calc((100%/17)*3)
}

.grid-stack-17 > .grid-stack-item[data-gs-min-width='3'] {
    min-width: calc((100%/17)*3)
}

.grid-stack-17 > .grid-stack-item[data-gs-max-width='3'] {
    max-width: calc((100%/17)*3);
}

.grid-stack-17 > .grid-stack-item[data-gs-width='4'] {
    width: calc((100%/17)*4);
}

.grid-stack-17 > .grid-stack-item[data-gs-x='4'] {
    left: calc((100%/17)*4);
}

.grid-stack-17 > .grid-stack-item[data-gs-min-width='4'] {
    min-width: calc((100%/17)*4);
}

.grid-stack-17 > .grid-stack-item[data-gs-max-width='4'] {
    max-width: calc((100%/17)*4);
}

.grid-stack-17 > .grid-stack-item[data-gs-width='5'] {
    width: calc((100%/17)*5);
}

.grid-stack-17 > .grid-stack-item[data-gs-x='5'] {
    left: calc((100%/17)*5);
}

.grid-stack-17 > .grid-stack-item[data-gs-min-width='5'] {
    min-width: calc((100%/17)*5);
}

.grid-stack-17 > .grid-stack-item[data-gs-max-width='5'] {
    max-width: calc((100%/17)*5);
}

.grid-stack-17 > .grid-stack-item[data-gs-width='6'] {
    width: calc((100%/17)*6);
}

.grid-stack-17 > .grid-stack-item[data-gs-x='6'] {
    left: calc((100%/17)*6);
}

.grid-stack-17 > .grid-stack-item[data-gs-min-width='6'] {
    min-width: calc((100%/17)*6);
}

.grid-stack-17 > .grid-stack-item[data-gs-max-width='6'] {
    max-width: calc((100%/17)*6);
}

.grid-stack-17 > .grid-stack-item[data-gs-width='7'] {
    width: calc((100%/17)*7);
}

.grid-stack-17 > .grid-stack-item[data-gs-x='7'] {
    left: calc((100%/17)*7)
}

.grid-stack-17 > .grid-stack-item[data-gs-min-width='7'] {
    min-width: calc((100%/17)*7)
}

.grid-stack-17 > .grid-stack-item[data-gs-max-width='7'] {
    max-width: calc((100%/17)*7);
}

.grid-stack-17 > .grid-stack-item[data-gs-width='8'] {
    width: calc((100%/17)*8);
}

.grid-stack-17 > .grid-stack-item[data-gs-x='8'] {
    left: calc((100%/17)*8);
}

.grid-stack-17 > .grid-stack-item[data-gs-min-width='8'] {
    min-width: calc((100%/17)*8);
}

.grid-stack-17 > .grid-stack-item[data-gs-max-width='8'] {
    max-width: calc((100%/17)*8);
}

.grid-stack-17 > .grid-stack-item[data-gs-width='9'] {
    width: calc((100%/17)*9);
}

.grid-stack-17 > .grid-stack-item[data-gs-x='9'] {
    left: calc((100%/17)*9);
}

.grid-stack-17 > .grid-stack-item[data-gs-min-width='9'] {
    min-width: calc((100%/17)*9);
}

.grid-stack-17 > .grid-stack-item[data-gs-max-width='9'] {
    max-width: calc((100%/17)*9);
}

.grid-stack-17 > .grid-stack-item[data-gs-width='10'] {
    width: calc((100%/17)*10);
}

.grid-stack-17 > .grid-stack-item[data-gs-x='10'] {
    left: calc((100%/17)*10);
}

.grid-stack-17 > .grid-stack-item[data-gs-min-width='10'] {
    min-width: calc((100%/17)*10);
}

.grid-stack-17 > .grid-stack-item[data-gs-max-width='10'] {
    max-width: calc((100%/17)*10);
}

.grid-stack-17 > .grid-stack-item[data-gs-width='11'] {
    width: calc((100%/17)*11);
}

.grid-stack-17 > .grid-stack-item[data-gs-x='11'] {
    left: calc((100%/17)*11);
}

.grid-stack-17 > .grid-stack-item[data-gs-min-width='11'] {
    min-width: calc((100%/17)*11);
}

.grid-stack-17 > .grid-stack-item[data-gs-max-width='11'] {
    max-width: calc((100%/17)*11);
}

.grid-stack-17 > .grid-stack-item[data-gs-width='12'] {
    width: calc((100%/17)*12);
}

.grid-stack-17 > .grid-stack-item[data-gs-x='12'] {
    left: calc((100%/17)*12);
}

.grid-stack-17 > .grid-stack-item[data-gs-min-width='12'] {
    min-width: calc((100%/17)*12);
}

.grid-stack-17 > .grid-stack-item[data-gs-max-width='12'] {
    max-width: calc((100%/17)*12);
}

.grid-stack-17 > .grid-stack-item[data-gs-width='13'] {
    width: calc((100%/17)*13);
}

.grid-stack-17 > .grid-stack-item[data-gs-x='13'] {
    left: calc((100%/17)*13);
}

.grid-stack-17 > .grid-stack-item[data-gs-min-width='13'] {
    min-width: calc((100%/17)*13);
}

.grid-stack-17 > .grid-stack-item[data-gs-max-width='13'] {
    max-width: calc((100%/17)*13);
}


.grid-stack-17 > .grid-stack-item[data-gs-width='14'] {
    width: calc((100%/17)*14);
}

.grid-stack-17 > .grid-stack-item[data-gs-x='14'] {
    left: calc((100%/17)*14);
}

.grid-stack-17 > .grid-stack-item[data-gs-min-width='14'] {
    min-width: calc((100%/17)*14);
}

.grid-stack-17 > .grid-stack-item[data-gs-max-width='14'] {
    max-width: calc((100%/17)*14);
}



.grid-stack-17 > .grid-stack-item[data-gs-width='15'] {
    width: calc((100%/17)*15);
}

.grid-stack-17 > .grid-stack-item[data-gs-x='15'] {
    left: calc((100%/17)*15);
}

.grid-stack-17 > .grid-stack-item[data-gs-min-width='15'] {
    min-width: calc((100%/17)*15);
}

.grid-stack-17 > .grid-stack-item[data-gs-max-width='15'] {
    max-width: calc((100%/17)*15);
}


.grid-stack-17 > .grid-stack-item[data-gs-width='16'] {
    width: calc((100%/17)*16);
}

.grid-stack-17 > .grid-stack-item[data-gs-x='16'] {
    left: calc((100%/17)*16);
}

.grid-stack-17 > .grid-stack-item[data-gs-min-width='16'] {
    min-width: calc((100%/17)*16);
}

.grid-stack-17 > .grid-stack-item[data-gs-max-width='16'] {
    max-width: calc((100%/17)*16);
}

.grid-stack-17 > .grid-stack-item[data-gs-width='17'] {
    width: 100%;
}

.grid-stack-17 > .grid-stack-item[data-gs-x='17'] {
    left: 100%;
}

.grid-stack-17 > .grid-stack-item[data-gs-min-width='17'] {
    min-width: 100%;
}

.grid-stack-17 > .grid-stack-item[data-gs-max-width='17'] {
    max-width: 100%;
}
.grid-stack-18 > .grid-stack-item[data-gs-width='1'] {
    width: calc(100%/18);
}

.grid-stack-18 > .grid-stack-item[data-gs-x='1'] {
    left: calc(100%/18);
}

.grid-stack-18 > .grid-stack-item[data-gs-min-width='1'] {
    min-width: calc(100%/18);
}

.grid-stack-18 > .grid-stack-item[data-gs-max-width='1'] {
    max-width: calc(100%/18);
}

.grid-stack-18 > .grid-stack-item[data-gs-width='2'] {
    width: calc((100%/18)*2);
}

.grid-stack-18 > .grid-stack-item[data-gs-x='2'] {
    left: calc((100%/18)*2);
}

.grid-stack-18 > .grid-stack-item[data-gs-min-width='2'] {
    min-width: calc((100%/18)*2);
}

.grid-stack-18 > .grid-stack-item[data-gs-max-width='2'] {
    max-width: calc((100%/18)*2);
}

.grid-stack-18 > .grid-stack-item[data-gs-width='3'] {
    width: calc((100%/18)*3)
}

.grid-stack-18 > .grid-stack-item[data-gs-x='3'] {
    left: calc((100%/18)*3)
}

.grid-stack-18 > .grid-stack-item[data-gs-min-width='3'] {
    min-width: calc((100%/18)*3)
}

.grid-stack-18 > .grid-stack-item[data-gs-max-width='3'] {
    max-width: calc((100%/18)*3);
}

.grid-stack-18 > .grid-stack-item[data-gs-width='4'] {
    width: calc((100%/18)*4);
}

.grid-stack-18 > .grid-stack-item[data-gs-x='4'] {
    left: calc((100%/18)*4);
}

.grid-stack-18 > .grid-stack-item[data-gs-min-width='4'] {
    min-width: calc((100%/18)*4);
}

.grid-stack-18 > .grid-stack-item[data-gs-max-width='4'] {
    max-width: calc((100%/18)*4);
}

.grid-stack-18 > .grid-stack-item[data-gs-width='5'] {
    width: calc((100%/18)*5);
}

.grid-stack-18 > .grid-stack-item[data-gs-x='5'] {
    left: calc((100%/18)*5);
}

.grid-stack-18 > .grid-stack-item[data-gs-min-width='5'] {
    min-width: calc((100%/18)*5);
}

.grid-stack-18 > .grid-stack-item[data-gs-max-width='5'] {
    max-width: calc((100%/18)*5);
}

.grid-stack-18 > .grid-stack-item[data-gs-width='6'] {
    width: calc((100%/18)*6);
}

.grid-stack-18 > .grid-stack-item[data-gs-x='6'] {
    left: calc((100%/18)*6);
}

.grid-stack-18 > .grid-stack-item[data-gs-min-width='6'] {
    min-width: calc((100%/18)*6);
}

.grid-stack-18 > .grid-stack-item[data-gs-max-width='6'] {
    max-width: calc((100%/18)*6);
}

.grid-stack-18 > .grid-stack-item[data-gs-width='7'] {
    width: calc((100%/18)*7);
}

.grid-stack-18 > .grid-stack-item[data-gs-x='7'] {
    left: calc((100%/18)*7)
}

.grid-stack-18 > .grid-stack-item[data-gs-min-width='7'] {
    min-width: calc((100%/18)*7)
}

.grid-stack-18 > .grid-stack-item[data-gs-max-width='7'] {
    max-width: calc((100%/18)*7);
}

.grid-stack-18 > .grid-stack-item[data-gs-width='8'] {
    width: calc((100%/18)*8);
}

.grid-stack-18 > .grid-stack-item[data-gs-x='8'] {
    left: calc((100%/18)*8);
}

.grid-stack-18 > .grid-stack-item[data-gs-min-width='8'] {
    min-width: calc((100%/18)*8);
}

.grid-stack-18 > .grid-stack-item[data-gs-max-width='8'] {
    max-width: calc((100%/18)*8);
}

.grid-stack-18 > .grid-stack-item[data-gs-width='9'] {
    width: calc((100%/18)*9);
}

.grid-stack-18 > .grid-stack-item[data-gs-x='9'] {
    left: calc((100%/18)*9);
}

.grid-stack-18 > .grid-stack-item[data-gs-min-width='9'] {
    min-width: calc((100%/18)*9);
}

.grid-stack-18 > .grid-stack-item[data-gs-max-width='9'] {
    max-width: calc((100%/18)*9);
}

.grid-stack-18 > .grid-stack-item[data-gs-width='10'] {
    width: calc((100%/18)*10);
}

.grid-stack-18 > .grid-stack-item[data-gs-x='10'] {
    left: calc((100%/18)*10);
}

.grid-stack-18 > .grid-stack-item[data-gs-min-width='10'] {
    min-width: calc((100%/18)*10);
}

.grid-stack-18 > .grid-stack-item[data-gs-max-width='10'] {
    max-width: calc((100%/18)*10);
}

.grid-stack-18 > .grid-stack-item[data-gs-width='11'] {
    width: calc((100%/18)*11);
}

.grid-stack-18 > .grid-stack-item[data-gs-x='11'] {
    left: calc((100%/18)*11);
}

.grid-stack-18 > .grid-stack-item[data-gs-min-width='11'] {
    min-width: calc((100%/18)*11);
}

.grid-stack-18 > .grid-stack-item[data-gs-max-width='11'] {
    max-width: calc((100%/18)*11);
}

.grid-stack-18 > .grid-stack-item[data-gs-width='12'] {
    width: calc((100%/18)*12);
}

.grid-stack-18 > .grid-stack-item[data-gs-x='12'] {
    left: calc((100%/18)*12);
}

.grid-stack-18 > .grid-stack-item[data-gs-min-width='12'] {
    min-width: calc((100%/18)*12);
}

.grid-stack-18 > .grid-stack-item[data-gs-max-width='12'] {
    max-width: calc((100%/18)*12);
}

.grid-stack-18 > .grid-stack-item[data-gs-width='13'] {
    width: calc((100%/18)*13);
}

.grid-stack-18 > .grid-stack-item[data-gs-x='13'] {
    left: calc((100%/18)*13);
}

.grid-stack-18 > .grid-stack-item[data-gs-min-width='13'] {
    min-width: calc((100%/18)*13);
}

.grid-stack-18 > .grid-stack-item[data-gs-max-width='13'] {
    max-width: calc((100%/18)*13);
}


.grid-stack-18 > .grid-stack-item[data-gs-width='14'] {
    width: calc((100%/18)*14);
}

.grid-stack-18 > .grid-stack-item[data-gs-x='14'] {
    left: calc((100%/18)*14);
}

.grid-stack-18 > .grid-stack-item[data-gs-min-width='14'] {
    min-width: calc((100%/18)*14);
}

.grid-stack-18 > .grid-stack-item[data-gs-max-width='14'] {
    max-width: calc((100%/18)*14);
}



.grid-stack-18 > .grid-stack-item[data-gs-width='15'] {
    width: calc((100%/18)*15);
}

.grid-stack-18 > .grid-stack-item[data-gs-x='15'] {
    left: calc((100%/18)*15);
}

.grid-stack-18 > .grid-stack-item[data-gs-min-width='15'] {
    min-width: calc((100%/18)*15);
}

.grid-stack-18 > .grid-stack-item[data-gs-max-width='15'] {
    max-width: calc((100%/18)*15);
}


.grid-stack-18 > .grid-stack-item[data-gs-width='16'] {
    width: calc((100%/18)*16);
}

.grid-stack-18 > .grid-stack-item[data-gs-x='16'] {
    left: calc((100%/18)*16);
}

.grid-stack-18 > .grid-stack-item[data-gs-min-width='16'] {
    min-width: calc((100%/18)*16);
}

.grid-stack-18 > .grid-stack-item[data-gs-max-width='16'] {
    max-width: calc((100%/18)*16);
}


.grid-stack-18 > .grid-stack-item[data-gs-width='17'] {
    width: calc((100%/18)*17);
}

.grid-stack-18 > .grid-stack-item[data-gs-x='17'] {
    left: calc((100%/18)*17);
}

.grid-stack-18 > .grid-stack-item[data-gs-min-width='17'] {
    min-width: calc((100%/18)*17);
}

.grid-stack-18 > .grid-stack-item[data-gs-max-width='17'] {
    max-width: calc((100%/18)*17);
}

.grid-stack-18 > .grid-stack-item[data-gs-width='18'] {
    width: 100%;
}

.grid-stack-18 > .grid-stack-item[data-gs-x='18'] {
    left: 100%;
}

.grid-stack-18 > .grid-stack-item[data-gs-min-width='18'] {
    min-width: 100%;
}

.grid-stack-18 > .grid-stack-item[data-gs-max-width='18'] {
    max-width: 100%;
}

.grid-stack-19 > .grid-stack-item[data-gs-width='1'] {
    width: calc(100%/19);
}

.grid-stack-19 > .grid-stack-item[data-gs-x='1'] {
    left: calc(100%/19);
}

.grid-stack-19 > .grid-stack-item[data-gs-min-width='1'] {
    min-width: calc(100%/19);
}

.grid-stack-19 > .grid-stack-item[data-gs-max-width='1'] {
    max-width: calc(100%/19);
}

.grid-stack-19 > .grid-stack-item[data-gs-width='2'] {
    width: calc((100%/19)*2);
}

.grid-stack-19 > .grid-stack-item[data-gs-x='2'] {
    left: calc((100%/19)*2);
}

.grid-stack-19 > .grid-stack-item[data-gs-min-width='2'] {
    min-width: calc((100%/19)*2);
}

.grid-stack-19 > .grid-stack-item[data-gs-max-width='2'] {
    max-width: calc((100%/19)*2);
}

.grid-stack-19 > .grid-stack-item[data-gs-width='3'] {
    width: calc((100%/19)*3)
}

.grid-stack-19 > .grid-stack-item[data-gs-x='3'] {
    left: calc((100%/19)*3)
}

.grid-stack-19 > .grid-stack-item[data-gs-min-width='3'] {
    min-width: calc((100%/19)*3)
}

.grid-stack-19 > .grid-stack-item[data-gs-max-width='3'] {
    max-width: calc((100%/19)*3);
}

.grid-stack-19 > .grid-stack-item[data-gs-width='4'] {
    width: calc((100%/19)*4);
}

.grid-stack-19 > .grid-stack-item[data-gs-x='4'] {
    left: calc((100%/19)*4);
}

.grid-stack-19 > .grid-stack-item[data-gs-min-width='4'] {
    min-width: calc((100%/19)*4);
}

.grid-stack-19 > .grid-stack-item[data-gs-max-width='4'] {
    max-width: calc((100%/19)*4);
}

.grid-stack-19 > .grid-stack-item[data-gs-width='5'] {
    width: calc((100%/19)*5);
}

.grid-stack-19 > .grid-stack-item[data-gs-x='5'] {
    left: calc((100%/19)*5);
}

.grid-stack-19 > .grid-stack-item[data-gs-min-width='5'] {
    min-width: calc((100%/19)*5);
}

.grid-stack-19 > .grid-stack-item[data-gs-max-width='5'] {
    max-width: calc((100%/19)*5);
}

.grid-stack-19 > .grid-stack-item[data-gs-width='6'] {
    width: calc((100%/19)*6);
}

.grid-stack-19 > .grid-stack-item[data-gs-x='6'] {
    left: calc((100%/19)*6);
}

.grid-stack-19 > .grid-stack-item[data-gs-min-width='6'] {
    min-width: calc((100%/19)*6);
}

.grid-stack-19 > .grid-stack-item[data-gs-max-width='6'] {
    max-width: calc((100%/19)*6);
}

.grid-stack-19 > .grid-stack-item[data-gs-width='7'] {
    width: calc((100%/19)*7);
}

.grid-stack-19 > .grid-stack-item[data-gs-x='7'] {
    left: calc((100%/19)*7)
}

.grid-stack-19 > .grid-stack-item[data-gs-min-width='7'] {
    min-width: calc((100%/19)*7)
}

.grid-stack-19 > .grid-stack-item[data-gs-max-width='7'] {
    max-width: calc((100%/19)*7);
}

.grid-stack-19 > .grid-stack-item[data-gs-width='8'] {
    width: calc((100%/19)*8);
}

.grid-stack-19 > .grid-stack-item[data-gs-x='8'] {
    left: calc((100%/19)*8);
}

.grid-stack-19 > .grid-stack-item[data-gs-min-width='8'] {
    min-width: calc((100%/19)*8);
}

.grid-stack-19 > .grid-stack-item[data-gs-max-width='8'] {
    max-width: calc((100%/19)*8);
}

.grid-stack-19 > .grid-stack-item[data-gs-width='9'] {
    width: calc((100%/19)*9);
}

.grid-stack-19 > .grid-stack-item[data-gs-x='9'] {
    left: calc((100%/19)*9);
}

.grid-stack-19 > .grid-stack-item[data-gs-min-width='9'] {
    min-width: calc((100%/19)*9);
}

.grid-stack-19 > .grid-stack-item[data-gs-max-width='9'] {
    max-width: calc((100%/19)*9);
}

.grid-stack-19 > .grid-stack-item[data-gs-width='10'] {
    width: calc((100%/19)*10);
}

.grid-stack-19 > .grid-stack-item[data-gs-x='10'] {
    left: calc((100%/19)*10);
}

.grid-stack-19 > .grid-stack-item[data-gs-min-width='10'] {
    min-width: calc((100%/19)*10);
}

.grid-stack-19 > .grid-stack-item[data-gs-max-width='10'] {
    max-width: calc((100%/19)*10);
}

.grid-stack-19 > .grid-stack-item[data-gs-width='11'] {
    width: calc((100%/19)*11);
}

.grid-stack-19 > .grid-stack-item[data-gs-x='11'] {
    left: calc((100%/19)*11);
}

.grid-stack-19 > .grid-stack-item[data-gs-min-width='11'] {
    min-width: calc((100%/19)*11);
}

.grid-stack-19 > .grid-stack-item[data-gs-max-width='11'] {
    max-width: calc((100%/19)*11);
}

.grid-stack-19 > .grid-stack-item[data-gs-width='12'] {
    width: calc((100%/19)*12);
}

.grid-stack-19 > .grid-stack-item[data-gs-x='12'] {
    left: calc((100%/19)*12);
}

.grid-stack-19 > .grid-stack-item[data-gs-min-width='12'] {
    min-width: calc((100%/19)*12);
}

.grid-stack-19 > .grid-stack-item[data-gs-max-width='12'] {
    max-width: calc((100%/19)*12);
}

.grid-stack-19 > .grid-stack-item[data-gs-width='13'] {
    width: calc((100%/19)*13);
}

.grid-stack-19 > .grid-stack-item[data-gs-x='13'] {
    left: calc((100%/19)*13);
}

.grid-stack-19 > .grid-stack-item[data-gs-min-width='13'] {
    min-width: calc((100%/19)*13);
}

.grid-stack-19 > .grid-stack-item[data-gs-max-width='13'] {
    max-width: calc((100%/19)*13);
}


.grid-stack-19 > .grid-stack-item[data-gs-width='14'] {
    width: calc((100%/19)*14);
}

.grid-stack-19 > .grid-stack-item[data-gs-x='14'] {
    left: calc((100%/19)*14);
}

.grid-stack-19 > .grid-stack-item[data-gs-min-width='14'] {
    min-width: calc((100%/19)*14);
}

.grid-stack-19 > .grid-stack-item[data-gs-max-width='14'] {
    max-width: calc((100%/19)*14);
}

.grid-stack-19 > .grid-stack-item[data-gs-width='15'] {
    width: calc((100%/19)*15);
}

.grid-stack-19 > .grid-stack-item[data-gs-x='15'] {
    left: calc((100%/19)*15);
}

.grid-stack-19 > .grid-stack-item[data-gs-min-width='15'] {
    min-width: calc((100%/19)*15);
}

.grid-stack-19 > .grid-stack-item[data-gs-max-width='15'] {
    max-width: calc((100%/19)*15);
}


.grid-stack-19 > .grid-stack-item[data-gs-width='16'] {
    width: calc((100%/19)*16);
}

.grid-stack-19 > .grid-stack-item[data-gs-x='16'] {
    left: calc((100%/19)*16);
}

.grid-stack-19 > .grid-stack-item[data-gs-min-width='16'] {
    min-width: calc((100%/19)*16);
}

.grid-stack-19 > .grid-stack-item[data-gs-max-width='16'] {
    max-width: calc((100%/19)*16);
}


.grid-stack-19 > .grid-stack-item[data-gs-width='17'] {
    width: calc((100%/19)*17);
}

.grid-stack-19 > .grid-stack-item[data-gs-x='17'] {
    left: calc((100%/19)*17);
}

.grid-stack-19 > .grid-stack-item[data-gs-min-width='17'] {
    min-width: calc((100%/19)*17);
}

.grid-stack-19 > .grid-stack-item[data-gs-max-width='17'] {
    max-width: calc((100%/19)*17);
}


.grid-stack-19 > .grid-stack-item[data-gs-width='18'] {
    width: calc((100%/19)*18);
}

.grid-stack-19 > .grid-stack-item[data-gs-x='18'] {
    left: calc((100%/19)*18);
}

.grid-stack-19 > .grid-stack-item[data-gs-min-width='18'] {
    min-width: calc((100%/19)*18);
}

.grid-stack-19 > .grid-stack-item[data-gs-max-width='18'] {
    max-width: calc((100%/19)*18);
}

.grid-stack-19 > .grid-stack-item[data-gs-width='19'] {
    width: 100%;
}

.grid-stack-19 > .grid-stack-item[data-gs-x='19'] {
    left: 100%;
}

.grid-stack-19 > .grid-stack-item[data-gs-min-width='19'] {
    min-width: 100%;
}

.grid-stack-19 > .grid-stack-item[data-gs-max-width='19'] {
    max-width: 100%;
}

.grid-stack-20 > .grid-stack-item[data-gs-width='1'] {
    width: calc(100%/20);
}

.grid-stack-20 > .grid-stack-item[data-gs-x='1'] {
    left: calc(100%/20);
}

.grid-stack-20 > .grid-stack-item[data-gs-min-width='1'] {
    min-width: calc(100%/20);
}

.grid-stack-20 > .grid-stack-item[data-gs-max-width='1'] {
    max-width: calc(100%/20);
}

.grid-stack-20 > .grid-stack-item[data-gs-width='2'] {
    width: calc((100%/20)*2);
}

.grid-stack-20 > .grid-stack-item[data-gs-x='2'] {
    left: calc((100%/20)*2);
}

.grid-stack-20 > .grid-stack-item[data-gs-min-width='2'] {
    min-width: calc((100%/20)*2);
}

.grid-stack-20 > .grid-stack-item[data-gs-max-width='2'] {
    max-width: calc((100%/20)*2);
}

.grid-stack-20 > .grid-stack-item[data-gs-width='3'] {
    width: calc((100%/20)*3)
}

.grid-stack-20 > .grid-stack-item[data-gs-x='3'] {
    left: calc((100%/20)*3)
}

.grid-stack-20 > .grid-stack-item[data-gs-min-width='3'] {
    min-width: calc((100%/20)*3)
}

.grid-stack-20 > .grid-stack-item[data-gs-max-width='3'] {
    max-width: calc((100%/20)*3);
}

.grid-stack-20 > .grid-stack-item[data-gs-width='4'] {
    width: calc((100%/20)*4);
}

.grid-stack-20 > .grid-stack-item[data-gs-x='4'] {
    left: calc((100%/20)*4);
}

.grid-stack-20 > .grid-stack-item[data-gs-min-width='4'] {
    min-width: calc((100%/20)*4);
}

.grid-stack-20 > .grid-stack-item[data-gs-max-width='4'] {
    max-width: calc((100%/20)*4);
}

.grid-stack-20 > .grid-stack-item[data-gs-width='5'] {
    width: calc((100%/20)*5);
}

.grid-stack-20 > .grid-stack-item[data-gs-x='5'] {
    left: calc((100%/20)*5);
}

.grid-stack-20 > .grid-stack-item[data-gs-min-width='5'] {
    min-width: calc((100%/20)*5);
}

.grid-stack-20 > .grid-stack-item[data-gs-max-width='5'] {
    max-width: calc((100%/20)*5);
}

.grid-stack-20 > .grid-stack-item[data-gs-width='6'] {
    width: calc((100%/20)*6);
}

.grid-stack-20 > .grid-stack-item[data-gs-x='6'] {
    left: calc((100%/20)*6);
}

.grid-stack-20 > .grid-stack-item[data-gs-min-width='6'] {
    min-width: calc((100%/20)*6);
}

.grid-stack-20 > .grid-stack-item[data-gs-max-width='6'] {
    max-width: calc((100%/20)*6);
}

.grid-stack-20 > .grid-stack-item[data-gs-width='7'] {
    width: calc((100%/20)*7);
}

.grid-stack-20 > .grid-stack-item[data-gs-x='7'] {
    left: calc((100%/20)*7)
}

.grid-stack-20 > .grid-stack-item[data-gs-min-width='7'] {
    min-width: calc((100%/20)*7)
}

.grid-stack-20 > .grid-stack-item[data-gs-max-width='7'] {
    max-width: calc((100%/20)*7);
}

.grid-stack-20 > .grid-stack-item[data-gs-width='8'] {
    width: calc((100%/20)*8);
}

.grid-stack-20 > .grid-stack-item[data-gs-x='8'] {
    left: calc((100%/20)*8);
}

.grid-stack-20 > .grid-stack-item[data-gs-min-width='8'] {
    min-width: calc((100%/20)*8);
}

.grid-stack-20 > .grid-stack-item[data-gs-max-width='8'] {
    max-width: calc((100%/20)*8);
}

.grid-stack-20 > .grid-stack-item[data-gs-width='9'] {
    width: calc((100%/20)*9);
}

.grid-stack-20 > .grid-stack-item[data-gs-x='9'] {
    left: calc((100%/20)*9);
}

.grid-stack-20 > .grid-stack-item[data-gs-min-width='9'] {
    min-width: calc((100%/20)*9);
}

.grid-stack-20 > .grid-stack-item[data-gs-max-width='9'] {
    max-width: calc((100%/20)*9);
}

.grid-stack-20 > .grid-stack-item[data-gs-width='10'] {
    width: calc((100%/20)*10);
}

.grid-stack-20 > .grid-stack-item[data-gs-x='10'] {
    left: calc((100%/20)*10);
}

.grid-stack-20 > .grid-stack-item[data-gs-min-width='10'] {
    min-width: calc((100%/20)*10);
}

.grid-stack-20 > .grid-stack-item[data-gs-max-width='10'] {
    max-width: calc((100%/20)*10);
}

.grid-stack-20 > .grid-stack-item[data-gs-width='11'] {
    width: calc((100%/20)*11);
}

.grid-stack-20 > .grid-stack-item[data-gs-x='11'] {
    left: calc((100%/20)*11);
}

.grid-stack-20 > .grid-stack-item[data-gs-min-width='11'] {
    min-width: calc((100%/20)*11);
}

.grid-stack-20 > .grid-stack-item[data-gs-max-width='11'] {
    max-width: calc((100%/20)*11);
}

.grid-stack-20 > .grid-stack-item[data-gs-width='12'] {
    width: calc((100%/20)*12);
}

.grid-stack-20 > .grid-stack-item[data-gs-x='12'] {
    left: calc((100%/20)*12);
}

.grid-stack-20 > .grid-stack-item[data-gs-min-width='12'] {
    min-width: calc((100%/20)*12);
}

.grid-stack-20 > .grid-stack-item[data-gs-max-width='12'] {
    max-width: calc((100%/20)*12);
}

.grid-stack-20 > .grid-stack-item[data-gs-width='13'] {
    width: calc((100%/20)*13);
}

.grid-stack-20 > .grid-stack-item[data-gs-x='13'] {
    left: calc((100%/20)*13);
}

.grid-stack-20 > .grid-stack-item[data-gs-min-width='13'] {
    min-width: calc((100%/20)*13);
}

.grid-stack-20 > .grid-stack-item[data-gs-max-width='13'] {
    max-width: calc((100%/20)*13);
}


.grid-stack-20 > .grid-stack-item[data-gs-width='14'] {
    width: calc((100%/20)*14);
}

.grid-stack-20 > .grid-stack-item[data-gs-x='14'] {
    left: calc((100%/20)*14);
}

.grid-stack-20 > .grid-stack-item[data-gs-min-width='14'] {
    min-width: calc((100%/20)*14);
}

.grid-stack-20 > .grid-stack-item[data-gs-max-width='14'] {
    max-width: calc((100%/20)*14);
}

.grid-stack-20 > .grid-stack-item[data-gs-width='15'] {
    width: calc((100%/20)*15);
}

.grid-stack-20 > .grid-stack-item[data-gs-x='15'] {
    left: calc((100%/20)*15);
}

.grid-stack-20 > .grid-stack-item[data-gs-min-width='15'] {
    min-width: calc((100%/20)*15);
}

.grid-stack-20 > .grid-stack-item[data-gs-max-width='15'] {
    max-width: calc((100%/20)*15);
}


.grid-stack-20 > .grid-stack-item[data-gs-width='16'] {
    width: calc((100%/20)*16);
}

.grid-stack-20 > .grid-stack-item[data-gs-x='16'] {
    left: calc((100%/20)*16);
}

.grid-stack-20 > .grid-stack-item[data-gs-min-width='16'] {
    min-width: calc((100%/20)*16);
}

.grid-stack-20 > .grid-stack-item[data-gs-max-width='16'] {
    max-width: calc((100%/20)*16);
}


.grid-stack-20 > .grid-stack-item[data-gs-width='17'] {
    width: calc((100%/20)*17);
}

.grid-stack-20 > .grid-stack-item[data-gs-x='17'] {
    left: calc((100%/20)*17);
}

.grid-stack-20 > .grid-stack-item[data-gs-min-width='17'] {
    min-width: calc((100%/20)*17);
}

.grid-stack-20 > .grid-stack-item[data-gs-max-width='17'] {
    max-width: calc((100%/20)*17);
}


.grid-stack-20 > .grid-stack-item[data-gs-width='18'] {
    width: calc((100%/20)*18);
}

.grid-stack-20 > .grid-stack-item[data-gs-x='18'] {
    left: calc((100%/20)*18);
}

.grid-stack-20 > .grid-stack-item[data-gs-min-width='18'] {
    min-width: calc((100%/20)*18);
}

.grid-stack-20 > .grid-stack-item[data-gs-max-width='18'] {
    max-width: calc((100%/20)*18);
}

.grid-stack-20 > .grid-stack-item[data-gs-width='19'] {
    width: calc((100%/20)*19);
}

.grid-stack-20 > .grid-stack-item[data-gs-x='19'] {
    left: calc((100%/20)*19);
}

.grid-stack-20 > .grid-stack-item[data-gs-min-width='19'] {
    min-width: calc((100%/20)*19);
}

.grid-stack-20 > .grid-stack-item[data-gs-max-width='19'] {
    max-width: calc((100%/20)*19);
}

.grid-stack-20 > .grid-stack-item[data-gs-width='20'] {
    width: 100%;
}

.grid-stack-20 > .grid-stack-item[data-gs-x='20'] {
    left: 100%;
}

.grid-stack-20 > .grid-stack-item[data-gs-min-width='20'] {
    min-width: 100%;
}

.grid-stack-20 > .grid-stack-item[data-gs-max-width='20'] {
    max-width: 100%;
}

.grid-stack-21 > .grid-stack-item[data-gs-width='1'] {
    width: calc(100%/21);
}

.grid-stack-21 > .grid-stack-item[data-gs-x='1'] {
    left: calc(100%/21);
}

.grid-stack-21 > .grid-stack-item[data-gs-min-width='1'] {
    min-width: calc(100%/21);
}

.grid-stack-21 > .grid-stack-item[data-gs-max-width='1'] {
    max-width: calc(100%/21);
}

.grid-stack-21 > .grid-stack-item[data-gs-width='2'] {
    width: calc((100%/21)*2);
}

.grid-stack-21 > .grid-stack-item[data-gs-x='2'] {
    left: calc((100%/21)*2);
}

.grid-stack-21 > .grid-stack-item[data-gs-min-width='2'] {
    min-width: calc((100%/21)*2);
}

.grid-stack-21 > .grid-stack-item[data-gs-max-width='2'] {
    max-width: calc((100%/21)*2);
}

.grid-stack-21 > .grid-stack-item[data-gs-width='3'] {
    width: calc((100%/21)*3)
}

.grid-stack-21 > .grid-stack-item[data-gs-x='3'] {
    left: calc((100%/21)*3)
}

.grid-stack-21 > .grid-stack-item[data-gs-min-width='3'] {
    min-width: calc((100%/21)*3)
}

.grid-stack-21 > .grid-stack-item[data-gs-max-width='3'] {
    max-width: calc((100%/21)*3);
}

.grid-stack-21 > .grid-stack-item[data-gs-width='4'] {
    width: calc((100%/21)*4);
}

.grid-stack-21 > .grid-stack-item[data-gs-x='4'] {
    left: calc((100%/21)*4);
}

.grid-stack-21 > .grid-stack-item[data-gs-min-width='4'] {
    min-width: calc((100%/21)*4);
}

.grid-stack-21 > .grid-stack-item[data-gs-max-width='4'] {
    max-width: calc((100%/21)*4);
}

.grid-stack-21 > .grid-stack-item[data-gs-width='5'] {
    width: calc((100%/21)*5);
}

.grid-stack-21 > .grid-stack-item[data-gs-x='5'] {
    left: calc((100%/21)*5);
}

.grid-stack-21 > .grid-stack-item[data-gs-min-width='5'] {
    min-width: calc((100%/21)*5);
}

.grid-stack-21 > .grid-stack-item[data-gs-max-width='5'] {
    max-width: calc((100%/21)*5);
}

.grid-stack-21 > .grid-stack-item[data-gs-width='6'] {
    width: calc((100%/21)*6);
}

.grid-stack-21 > .grid-stack-item[data-gs-x='6'] {
    left: calc((100%/21)*6);
}

.grid-stack-21 > .grid-stack-item[data-gs-min-width='6'] {
    min-width: calc((100%/21)*6);
}

.grid-stack-21 > .grid-stack-item[data-gs-max-width='6'] {
    max-width: calc((100%/21)*6);
}

.grid-stack-21 > .grid-stack-item[data-gs-width='7'] {
    width: calc((100%/21)*7);
}

.grid-stack-21 > .grid-stack-item[data-gs-x='7'] {
    left: calc((100%/21)*7)
}

.grid-stack-21 > .grid-stack-item[data-gs-min-width='7'] {
    min-width: calc((100%/21)*7)
}

.grid-stack-21 > .grid-stack-item[data-gs-max-width='7'] {
    max-width: calc((100%/21)*7);
}

.grid-stack-21 > .grid-stack-item[data-gs-width='8'] {
    width: calc((100%/21)*8);
}

.grid-stack-21 > .grid-stack-item[data-gs-x='8'] {
    left: calc((100%/21)*8);
}

.grid-stack-21 > .grid-stack-item[data-gs-min-width='8'] {
    min-width: calc((100%/21)*8);
}

.grid-stack-21 > .grid-stack-item[data-gs-max-width='8'] {
    max-width: calc((100%/21)*8);
}

.grid-stack-21 > .grid-stack-item[data-gs-width='9'] {
    width: calc((100%/21)*9);
}

.grid-stack-21 > .grid-stack-item[data-gs-x='9'] {
    left: calc((100%/21)*9);
}

.grid-stack-21 > .grid-stack-item[data-gs-min-width='9'] {
    min-width: calc((100%/21)*9);
}

.grid-stack-21 > .grid-stack-item[data-gs-max-width='9'] {
    max-width: calc((100%/21)*9);
}

.grid-stack-21 > .grid-stack-item[data-gs-width='10'] {
    width: calc((100%/21)*10);
}

.grid-stack-21 > .grid-stack-item[data-gs-x='10'] {
    left: calc((100%/21)*10);
}

.grid-stack-21 > .grid-stack-item[data-gs-min-width='10'] {
    min-width: calc((100%/21)*10);
}

.grid-stack-21 > .grid-stack-item[data-gs-max-width='10'] {
    max-width: calc((100%/21)*10);
}

.grid-stack-21 > .grid-stack-item[data-gs-width='11'] {
    width: calc((100%/21)*11);
}

.grid-stack-21 > .grid-stack-item[data-gs-x='11'] {
    left: calc((100%/21)*11);
}

.grid-stack-21 > .grid-stack-item[data-gs-min-width='11'] {
    min-width: calc((100%/21)*11);
}

.grid-stack-21 > .grid-stack-item[data-gs-max-width='11'] {
    max-width: calc((100%/21)*11);
}

.grid-stack-21 > .grid-stack-item[data-gs-width='12'] {
    width: calc((100%/21)*12);
}

.grid-stack-21 > .grid-stack-item[data-gs-x='12'] {
    left: calc((100%/21)*12);
}

.grid-stack-21 > .grid-stack-item[data-gs-min-width='12'] {
    min-width: calc((100%/21)*12);
}

.grid-stack-21 > .grid-stack-item[data-gs-max-width='12'] {
    max-width: calc((100%/21)*12);
}

.grid-stack-21 > .grid-stack-item[data-gs-width='13'] {
    width: calc((100%/21)*13);
}

.grid-stack-21 > .grid-stack-item[data-gs-x='13'] {
    left: calc((100%/21)*13);
}

.grid-stack-21 > .grid-stack-item[data-gs-min-width='13'] {
    min-width: calc((100%/21)*13);
}

.grid-stack-21 > .grid-stack-item[data-gs-max-width='13'] {
    max-width: calc((100%/21)*13);
}


.grid-stack-21 > .grid-stack-item[data-gs-width='14'] {
    width: calc((100%/21)*14);
}

.grid-stack-21 > .grid-stack-item[data-gs-x='14'] {
    left: calc((100%/21)*14);
}

.grid-stack-21 > .grid-stack-item[data-gs-min-width='14'] {
    min-width: calc((100%/21)*14);
}

.grid-stack-21 > .grid-stack-item[data-gs-max-width='14'] {
    max-width: calc((100%/21)*14);
}

.grid-stack-21 > .grid-stack-item[data-gs-width='15'] {
    width: calc((100%/21)*15);
}

.grid-stack-21 > .grid-stack-item[data-gs-x='15'] {
    left: calc((100%/21)*15);
}

.grid-stack-21 > .grid-stack-item[data-gs-min-width='15'] {
    min-width: calc((100%/21)*15);
}

.grid-stack-21 > .grid-stack-item[data-gs-max-width='15'] {
    max-width: calc((100%/21)*15);
}


.grid-stack-21 > .grid-stack-item[data-gs-width='16'] {
    width: calc((100%/21)*16);
}

.grid-stack-21 > .grid-stack-item[data-gs-x='16'] {
    left: calc((100%/21)*16);
}

.grid-stack-21 > .grid-stack-item[data-gs-min-width='16'] {
    min-width: calc((100%/21)*16);
}

.grid-stack-21 > .grid-stack-item[data-gs-max-width='16'] {
    max-width: calc((100%/21)*16);
}


.grid-stack-21 > .grid-stack-item[data-gs-width='17'] {
    width: calc((100%/21)*17);
}

.grid-stack-21 > .grid-stack-item[data-gs-x='17'] {
    left: calc((100%/21)*17);
}

.grid-stack-21 > .grid-stack-item[data-gs-min-width='17'] {
    min-width: calc((100%/21)*17);
}

.grid-stack-21 > .grid-stack-item[data-gs-max-width='17'] {
    max-width: calc((100%/21)*17);
}


.grid-stack-21 > .grid-stack-item[data-gs-width='18'] {
    width: calc((100%/21)*18);
}

.grid-stack-21 > .grid-stack-item[data-gs-x='18'] {
    left: calc((100%/21)*18);
}

.grid-stack-21 > .grid-stack-item[data-gs-min-width='18'] {
    min-width: calc((100%/21)*18);
}

.grid-stack-21 > .grid-stack-item[data-gs-max-width='18'] {
    max-width: calc((100%/21)*18);
}

.grid-stack-21 > .grid-stack-item[data-gs-width='19'] {
    width: calc((100%/21)*19);
}

.grid-stack-21 > .grid-stack-item[data-gs-x='19'] {
    left: calc((100%/21)*19);
}

.grid-stack-21 > .grid-stack-item[data-gs-min-width='19'] {
    min-width: calc((100%/21)*19);
}

.grid-stack-21 > .grid-stack-item[data-gs-max-width='19'] {
    max-width: calc((100%/21)*19);
}

.grid-stack-21 > .grid-stack-item[data-gs-width='20'] {
    width: calc((100%/21)*20);
}

.grid-stack-21 > .grid-stack-item[data-gs-x='20'] {
    left: calc((100%/21)*20);
}

.grid-stack-21 > .grid-stack-item[data-gs-min-width='20'] {
    min-width: calc((100%/21)*20);
}

.grid-stack-21 > .grid-stack-item[data-gs-max-width='20'] {
    max-width: calc((100%/21)*20);
}

.grid-stack-21 > .grid-stack-item[data-gs-width='21'] {
    width: 100%;
}

.grid-stack-21 > .grid-stack-item[data-gs-x='21'] {
    left: 100%;
}

.grid-stack-21 > .grid-stack-item[data-gs-min-width='21'] {
    min-width: 100%;
}

.grid-stack-21 > .grid-stack-item[data-gs-max-width='21'] {
    max-width: 100%;
}

.grid-stack-22 > .grid-stack-item[data-gs-width='1'] {
    width: calc(100%/22);
}

.grid-stack-22 > .grid-stack-item[data-gs-x='1'] {
    left: calc(100%/22);
}

.grid-stack-22 > .grid-stack-item[data-gs-min-width='1'] {
    min-width: calc(100%/22);
}

.grid-stack-22 > .grid-stack-item[data-gs-max-width='1'] {
    max-width: calc(100%/22);
}

.grid-stack-22 > .grid-stack-item[data-gs-width='2'] {
    width: calc((100%/22)*2);
}

.grid-stack-22 > .grid-stack-item[data-gs-x='2'] {
    left: calc((100%/22)*2);
}

.grid-stack-22 > .grid-stack-item[data-gs-min-width='2'] {
    min-width: calc((100%/22)*2);
}

.grid-stack-22 > .grid-stack-item[data-gs-max-width='2'] {
    max-width: calc((100%/22)*2);
}

.grid-stack-22 > .grid-stack-item[data-gs-width='3'] {
    width: calc((100%/22)*3)
}

.grid-stack-22 > .grid-stack-item[data-gs-x='3'] {
    left: calc((100%/22)*3)
}

.grid-stack-22 > .grid-stack-item[data-gs-min-width='3'] {
    min-width: calc((100%/22)*3)
}

.grid-stack-22 > .grid-stack-item[data-gs-max-width='3'] {
    max-width: calc((100%/22)*3);
}

.grid-stack-22 > .grid-stack-item[data-gs-width='4'] {
    width: calc((100%/22)*4);
}

.grid-stack-22 > .grid-stack-item[data-gs-x='4'] {
    left: calc((100%/22)*4);
}

.grid-stack-22 > .grid-stack-item[data-gs-min-width='4'] {
    min-width: calc((100%/22)*4);
}

.grid-stack-22 > .grid-stack-item[data-gs-max-width='4'] {
    max-width: calc((100%/22)*4);
}

.grid-stack-22 > .grid-stack-item[data-gs-width='5'] {
    width: calc((100%/22)*5);
}

.grid-stack-22 > .grid-stack-item[data-gs-x='5'] {
    left: calc((100%/22)*5);
}

.grid-stack-22 > .grid-stack-item[data-gs-min-width='5'] {
    min-width: calc((100%/22)*5);
}

.grid-stack-22 > .grid-stack-item[data-gs-max-width='5'] {
    max-width: calc((100%/22)*5);
}

.grid-stack-22 > .grid-stack-item[data-gs-width='6'] {
    width: calc((100%/22)*6);
}

.grid-stack-22 > .grid-stack-item[data-gs-x='6'] {
    left: calc((100%/22)*6);
}

.grid-stack-22 > .grid-stack-item[data-gs-min-width='6'] {
    min-width: calc((100%/22)*6);
}

.grid-stack-22 > .grid-stack-item[data-gs-max-width='6'] {
    max-width: calc((100%/22)*6);
}

.grid-stack-22 > .grid-stack-item[data-gs-width='7'] {
    width: calc((100%/22)*7);
}

.grid-stack-22 > .grid-stack-item[data-gs-x='7'] {
    left: calc((100%/22)*7)
}

.grid-stack-22 > .grid-stack-item[data-gs-min-width='7'] {
    min-width: calc((100%/22)*7)
}

.grid-stack-22 > .grid-stack-item[data-gs-max-width='7'] {
    max-width: calc((100%/22)*7);
}

.grid-stack-22 > .grid-stack-item[data-gs-width='8'] {
    width: calc((100%/22)*8);
}

.grid-stack-22 > .grid-stack-item[data-gs-x='8'] {
    left: calc((100%/22)*8);
}

.grid-stack-22 > .grid-stack-item[data-gs-min-width='8'] {
    min-width: calc((100%/22)*8);
}

.grid-stack-22 > .grid-stack-item[data-gs-max-width='8'] {
    max-width: calc((100%/22)*8);
}

.grid-stack-22 > .grid-stack-item[data-gs-width='9'] {
    width: calc((100%/22)*9);
}

.grid-stack-22 > .grid-stack-item[data-gs-x='9'] {
    left: calc((100%/22)*9);
}

.grid-stack-22 > .grid-stack-item[data-gs-min-width='9'] {
    min-width: calc((100%/22)*9);
}

.grid-stack-22 > .grid-stack-item[data-gs-max-width='9'] {
    max-width: calc((100%/22)*9);
}

.grid-stack-22 > .grid-stack-item[data-gs-width='10'] {
    width: calc((100%/22)*10);
}

.grid-stack-22 > .grid-stack-item[data-gs-x='10'] {
    left: calc((100%/22)*10);
}

.grid-stack-22 > .grid-stack-item[data-gs-min-width='10'] {
    min-width: calc((100%/22)*10);
}

.grid-stack-22 > .grid-stack-item[data-gs-max-width='10'] {
    max-width: calc((100%/22)*10);
}

.grid-stack-22 > .grid-stack-item[data-gs-width='11'] {
    width: calc((100%/22)*11);
}

.grid-stack-22 > .grid-stack-item[data-gs-x='11'] {
    left: calc((100%/22)*11);
}

.grid-stack-22 > .grid-stack-item[data-gs-min-width='11'] {
    min-width: calc((100%/22)*11);
}

.grid-stack-22 > .grid-stack-item[data-gs-max-width='11'] {
    max-width: calc((100%/22)*11);
}

.grid-stack-22 > .grid-stack-item[data-gs-width='12'] {
    width: calc((100%/22)*12);
}

.grid-stack-22 > .grid-stack-item[data-gs-x='12'] {
    left: calc((100%/22)*12);
}

.grid-stack-22 > .grid-stack-item[data-gs-min-width='12'] {
    min-width: calc((100%/22)*12);
}

.grid-stack-22 > .grid-stack-item[data-gs-max-width='12'] {
    max-width: calc((100%/22)*12);
}

.grid-stack-22 > .grid-stack-item[data-gs-width='13'] {
    width: calc((100%/22)*13);
}

.grid-stack-22 > .grid-stack-item[data-gs-x='13'] {
    left: calc((100%/22)*13);
}

.grid-stack-22 > .grid-stack-item[data-gs-min-width='13'] {
    min-width: calc((100%/22)*13);
}

.grid-stack-22 > .grid-stack-item[data-gs-max-width='13'] {
    max-width: calc((100%/22)*13);
}


.grid-stack-22 > .grid-stack-item[data-gs-width='14'] {
    width: calc((100%/22)*14);
}

.grid-stack-22 > .grid-stack-item[data-gs-x='14'] {
    left: calc((100%/22)*14);
}

.grid-stack-22 > .grid-stack-item[data-gs-min-width='14'] {
    min-width: calc((100%/22)*14);
}

.grid-stack-22 > .grid-stack-item[data-gs-max-width='14'] {
    max-width: calc((100%/22)*14);
}

.grid-stack-22 > .grid-stack-item[data-gs-width='15'] {
    width: calc((100%/22)*15);
}

.grid-stack-22 > .grid-stack-item[data-gs-x='15'] {
    left: calc((100%/22)*15);
}

.grid-stack-22 > .grid-stack-item[data-gs-min-width='15'] {
    min-width: calc((100%/22)*15);
}

.grid-stack-22 > .grid-stack-item[data-gs-max-width='15'] {
    max-width: calc((100%/22)*15);
}


.grid-stack-22 > .grid-stack-item[data-gs-width='16'] {
    width: calc((100%/22)*16);
}

.grid-stack-22 > .grid-stack-item[data-gs-x='16'] {
    left: calc((100%/22)*16);
}

.grid-stack-22 > .grid-stack-item[data-gs-min-width='16'] {
    min-width: calc((100%/22)*16);
}

.grid-stack-22 > .grid-stack-item[data-gs-max-width='16'] {
    max-width: calc((100%/22)*16);
}


.grid-stack-22 > .grid-stack-item[data-gs-width='17'] {
    width: calc((100%/22)*17);
}

.grid-stack-22 > .grid-stack-item[data-gs-x='17'] {
    left: calc((100%/22)*17);
}

.grid-stack-22 > .grid-stack-item[data-gs-min-width='17'] {
    min-width: calc((100%/22)*17);
}

.grid-stack-22 > .grid-stack-item[data-gs-max-width='17'] {
    max-width: calc((100%/22)*17);
}


.grid-stack-22 > .grid-stack-item[data-gs-width='18'] {
    width: calc((100%/22)*18);
}

.grid-stack-22 > .grid-stack-item[data-gs-x='18'] {
    left: calc((100%/22)*18);
}

.grid-stack-22 > .grid-stack-item[data-gs-min-width='18'] {
    min-width: calc((100%/22)*18);
}

.grid-stack-22 > .grid-stack-item[data-gs-max-width='18'] {
    max-width: calc((100%/22)*18);
}

.grid-stack-22 > .grid-stack-item[data-gs-width='19'] {
    width: calc((100%/22)*19);
}

.grid-stack-22 > .grid-stack-item[data-gs-x='19'] {
    left: calc((100%/22)*19);
}

.grid-stack-22 > .grid-stack-item[data-gs-min-width='19'] {
    min-width: calc((100%/22)*19);
}

.grid-stack-22 > .grid-stack-item[data-gs-max-width='19'] {
    max-width: calc((100%/22)*19);
}

.grid-stack-22 > .grid-stack-item[data-gs-width='20'] {
    width: calc((100%/22)*20);
}

.grid-stack-22 > .grid-stack-item[data-gs-x='20'] {
    left: calc((100%/22)*20);
}

.grid-stack-22 > .grid-stack-item[data-gs-min-width='20'] {
    min-width: calc((100%/22)*20);
}

.grid-stack-22 > .grid-stack-item[data-gs-max-width='20'] {
    max-width: calc((100%/22)*20);
}


.grid-stack-22 > .grid-stack-item[data-gs-width='21'] {
    width: calc((100%/22)*21);
}

.grid-stack-22 > .grid-stack-item[data-gs-x='21'] {
    left: calc((100%/22)*21);
}

.grid-stack-22 > .grid-stack-item[data-gs-min-width='21'] {
    min-width: calc((100%/22)*21);
}

.grid-stack-22 > .grid-stack-item[data-gs-max-width='21'] {
    max-width: calc((100%/22)*21);
}



.grid-stack-22 > .grid-stack-item[data-gs-width='22'] {
    width: 100%;
}

.grid-stack-22 > .grid-stack-item[data-gs-x='22'] {
    left: 100%;
}

.grid-stack-22 > .grid-stack-item[data-gs-min-width='22'] {
    min-width: 100%;
}

.grid-stack-22 > .grid-stack-item[data-gs-max-width='22'] {
    max-width: 100%;
}
.grid-stack-23 > .grid-stack-item[data-gs-width='1'] {
    width: calc(100%/23);
}

.grid-stack-23 > .grid-stack-item[data-gs-x='1'] {
    left: calc(100%/23);
}

.grid-stack-23 > .grid-stack-item[data-gs-min-width='1'] {
    min-width: calc(100%/23);
}

.grid-stack-23 > .grid-stack-item[data-gs-max-width='1'] {
    max-width: calc(100%/23);
}

.grid-stack-23 > .grid-stack-item[data-gs-width='2'] {
    width: calc((100%/23)*2);
}

.grid-stack-23 > .grid-stack-item[data-gs-x='2'] {
    left: calc((100%/23)*2);
}

.grid-stack-23 > .grid-stack-item[data-gs-min-width='2'] {
    min-width: calc((100%/23)*2);
}

.grid-stack-23 > .grid-stack-item[data-gs-max-width='2'] {
    max-width: calc((100%/23)*2);
}

.grid-stack-23 > .grid-stack-item[data-gs-width='3'] {
    width: calc((100%/23)*3)
}

.grid-stack-23 > .grid-stack-item[data-gs-x='3'] {
    left: calc((100%/23)*3)
}

.grid-stack-23 > .grid-stack-item[data-gs-min-width='3'] {
    min-width: calc((100%/23)*3)
}

.grid-stack-23 > .grid-stack-item[data-gs-max-width='3'] {
    max-width: calc((100%/23)*3);
}

.grid-stack-23 > .grid-stack-item[data-gs-width='4'] {
    width: calc((100%/23)*4);
}

.grid-stack-23 > .grid-stack-item[data-gs-x='4'] {
    left: calc((100%/23)*4);
}

.grid-stack-23 > .grid-stack-item[data-gs-min-width='4'] {
    min-width: calc((100%/23)*4);
}

.grid-stack-23 > .grid-stack-item[data-gs-max-width='4'] {
    max-width: calc((100%/23)*4);
}

.grid-stack-23 > .grid-stack-item[data-gs-width='5'] {
    width: calc((100%/23)*5);
}

.grid-stack-23 > .grid-stack-item[data-gs-x='5'] {
    left: calc((100%/23)*5);
}

.grid-stack-23 > .grid-stack-item[data-gs-min-width='5'] {
    min-width: calc((100%/23)*5);
}

.grid-stack-23 > .grid-stack-item[data-gs-max-width='5'] {
    max-width: calc((100%/23)*5);
}

.grid-stack-23 > .grid-stack-item[data-gs-width='6'] {
    width: calc((100%/23)*6);
}

.grid-stack-23 > .grid-stack-item[data-gs-x='6'] {
    left: calc((100%/23)*6);
}

.grid-stack-23 > .grid-stack-item[data-gs-min-width='6'] {
    min-width: calc((100%/23)*6);
}

.grid-stack-23 > .grid-stack-item[data-gs-max-width='6'] {
    max-width: calc((100%/23)*6);
}

.grid-stack-23 > .grid-stack-item[data-gs-width='7'] {
    width: calc((100%/23)*7);
}

.grid-stack-23 > .grid-stack-item[data-gs-x='7'] {
    left: calc((100%/23)*7)
}

.grid-stack-23 > .grid-stack-item[data-gs-min-width='7'] {
    min-width: calc((100%/23)*7)
}

.grid-stack-23 > .grid-stack-item[data-gs-max-width='7'] {
    max-width: calc((100%/23)*7);
}

.grid-stack-23 > .grid-stack-item[data-gs-width='8'] {
    width: calc((100%/23)*8);
}

.grid-stack-23 > .grid-stack-item[data-gs-x='8'] {
    left: calc((100%/23)*8);
}

.grid-stack-23 > .grid-stack-item[data-gs-min-width='8'] {
    min-width: calc((100%/23)*8);
}

.grid-stack-23 > .grid-stack-item[data-gs-max-width='8'] {
    max-width: calc((100%/23)*8);
}

.grid-stack-23 > .grid-stack-item[data-gs-width='9'] {
    width: calc((100%/23)*9);
}

.grid-stack-23 > .grid-stack-item[data-gs-x='9'] {
    left: calc((100%/23)*9);
}

.grid-stack-23 > .grid-stack-item[data-gs-min-width='9'] {
    min-width: calc((100%/23)*9);
}

.grid-stack-23 > .grid-stack-item[data-gs-max-width='9'] {
    max-width: calc((100%/23)*9);
}

.grid-stack-23 > .grid-stack-item[data-gs-width='10'] {
    width: calc((100%/23)*10);
}

.grid-stack-23 > .grid-stack-item[data-gs-x='10'] {
    left: calc((100%/23)*10);
}

.grid-stack-23 > .grid-stack-item[data-gs-min-width='10'] {
    min-width: calc((100%/23)*10);
}

.grid-stack-23 > .grid-stack-item[data-gs-max-width='10'] {
    max-width: calc((100%/23)*10);
}

.grid-stack-23 > .grid-stack-item[data-gs-width='11'] {
    width: calc((100%/23)*11);
}

.grid-stack-23 > .grid-stack-item[data-gs-x='11'] {
    left: calc((100%/23)*11);
}

.grid-stack-23 > .grid-stack-item[data-gs-min-width='11'] {
    min-width: calc((100%/23)*11);
}

.grid-stack-23 > .grid-stack-item[data-gs-max-width='11'] {
    max-width: calc((100%/23)*11);
}

.grid-stack-23 > .grid-stack-item[data-gs-width='12'] {
    width: calc((100%/23)*12);
}

.grid-stack-23 > .grid-stack-item[data-gs-x='12'] {
    left: calc((100%/23)*12);
}

.grid-stack-23 > .grid-stack-item[data-gs-min-width='12'] {
    min-width: calc((100%/23)*12);
}

.grid-stack-23 > .grid-stack-item[data-gs-max-width='12'] {
    max-width: calc((100%/23)*12);
}

.grid-stack-23 > .grid-stack-item[data-gs-width='13'] {
    width: calc((100%/23)*13);
}

.grid-stack-23 > .grid-stack-item[data-gs-x='13'] {
    left: calc((100%/23)*13);
}

.grid-stack-23 > .grid-stack-item[data-gs-min-width='13'] {
    min-width: calc((100%/23)*13);
}

.grid-stack-23 > .grid-stack-item[data-gs-max-width='13'] {
    max-width: calc((100%/23)*13);
}


.grid-stack-23 > .grid-stack-item[data-gs-width='14'] {
    width: calc((100%/23)*14);
}

.grid-stack-23 > .grid-stack-item[data-gs-x='14'] {
    left: calc((100%/23)*14);
}

.grid-stack-23 > .grid-stack-item[data-gs-min-width='14'] {
    min-width: calc((100%/23)*14);
}

.grid-stack-23 > .grid-stack-item[data-gs-max-width='14'] {
    max-width: calc((100%/23)*14);
}

.grid-stack-23 > .grid-stack-item[data-gs-width='15'] {
    width: calc((100%/23)*15);
}

.grid-stack-23 > .grid-stack-item[data-gs-x='15'] {
    left: calc((100%/23)*15);
}

.grid-stack-23 > .grid-stack-item[data-gs-min-width='15'] {
    min-width: calc((100%/23)*15);
}

.grid-stack-23 > .grid-stack-item[data-gs-max-width='15'] {
    max-width: calc((100%/23)*15);
}


.grid-stack-23 > .grid-stack-item[data-gs-width='16'] {
    width: calc((100%/23)*16);
}

.grid-stack-23 > .grid-stack-item[data-gs-x='16'] {
    left: calc((100%/23)*16);
}

.grid-stack-23 > .grid-stack-item[data-gs-min-width='16'] {
    min-width: calc((100%/23)*16);
}

.grid-stack-23 > .grid-stack-item[data-gs-max-width='16'] {
    max-width: calc((100%/23)*16);
}


.grid-stack-23 > .grid-stack-item[data-gs-width='17'] {
    width: calc((100%/23)*17);
}

.grid-stack-23 > .grid-stack-item[data-gs-x='17'] {
    left: calc((100%/23)*17);
}

.grid-stack-23 > .grid-stack-item[data-gs-min-width='17'] {
    min-width: calc((100%/23)*17);
}

.grid-stack-23 > .grid-stack-item[data-gs-max-width='17'] {
    max-width: calc((100%/23)*17);
}



.grid-stack-23 > .grid-stack-item[data-gs-width='18'] {
    width: calc((100%/23)*18);
}

.grid-stack-23 > .grid-stack-item[data-gs-x='18'] {
    left: calc((100%/23)*18);
}

.grid-stack-23 > .grid-stack-item[data-gs-min-width='18'] {
    min-width: calc((100%/23)*18);
}

.grid-stack-23 > .grid-stack-item[data-gs-max-width='18'] {
    max-width: calc((100%/23)*18);
}

.grid-stack-23 > .grid-stack-item[data-gs-width='19'] {
    width: calc((100%/23)*19);
}

.grid-stack-23 > .grid-stack-item[data-gs-x='19'] {
    left: calc((100%/23)*19);
}

.grid-stack-23 > .grid-stack-item[data-gs-min-width='19'] {
    min-width: calc((100%/23)*19);
}

.grid-stack-23 > .grid-stack-item[data-gs-max-width='19'] {
    max-width: calc((100%/23)*19);
}

.grid-stack-23 > .grid-stack-item[data-gs-width='20'] {
    width: calc((100%/23)*20);
}

.grid-stack-23 > .grid-stack-item[data-gs-x='20'] {
    left: calc((100%/23)*20);
}

.grid-stack-23 > .grid-stack-item[data-gs-min-width='20'] {
    min-width: calc((100%/23)*20);
}

.grid-stack-23 > .grid-stack-item[data-gs-max-width='20'] {
    max-width: calc((100%/23)*20);
}


.grid-stack-23 > .grid-stack-item[data-gs-width='21'] {
    width: calc((100%/23)*21);
}

.grid-stack-23 > .grid-stack-item[data-gs-x='21'] {
    left: calc((100%/23)*21);
}

.grid-stack-23 > .grid-stack-item[data-gs-min-width='21'] {
    min-width: calc((100%/23)*21);
}

.grid-stack-23 > .grid-stack-item[data-gs-max-width='21'] {
    max-width: calc((100%/23)*21);
}


.grid-stack-23 > .grid-stack-item[data-gs-width='22'] {
    width: calc((100%/23)*22);
}

.grid-stack-23 > .grid-stack-item[data-gs-x='22'] {
    left: calc((100%/23)*22);
}

.grid-stack-23 > .grid-stack-item[data-gs-min-width='22'] {
    min-width: calc((100%/23)*22);
}

.grid-stack-23 > .grid-stack-item[data-gs-max-width='22'] {
    max-width: calc((100%/23)*22);
}

.grid-stack-23 > .grid-stack-item[data-gs-width='23'] {
    width: 100%;
}

.grid-stack-23 > .grid-stack-item[data-gs-x='23'] {
    left: 100%;
}

.grid-stack-23 > .grid-stack-item[data-gs-min-width='23'] {
    min-width: 100%;
}

.grid-stack-23 > .grid-stack-item[data-gs-max-width='23'] {
    max-width: 100%;
}

.grid-stack-24 > .grid-stack-item[data-gs-width='1'] {
    width: calc(100%/24);
}

.grid-stack-24 > .grid-stack-item[data-gs-x='1'] {
    left: calc(100%/24);
}

.grid-stack-24 > .grid-stack-item[data-gs-min-width='1'] {
    min-width: calc(100%/24);
}

.grid-stack-24 > .grid-stack-item[data-gs-max-width='1'] {
    max-width: calc(100%/24);
}

.grid-stack-24 > .grid-stack-item[data-gs-width='2'] {
    width: calc((100%/24)*2);
}

.grid-stack-24 > .grid-stack-item[data-gs-x='2'] {
    left: calc((100%/24)*2);
}

.grid-stack-24 > .grid-stack-item[data-gs-min-width='2'] {
    min-width: calc((100%/24)*2);
}

.grid-stack-24 > .grid-stack-item[data-gs-max-width='2'] {
    max-width: calc((100%/24)*2);
}

.grid-stack-24 > .grid-stack-item[data-gs-width='3'] {
    width: calc((100%/24)*3)
}

.grid-stack-24 > .grid-stack-item[data-gs-x='3'] {
    left: calc((100%/24)*3)
}

.grid-stack-24 > .grid-stack-item[data-gs-min-width='3'] {
    min-width: calc((100%/24)*3)
}

.grid-stack-24 > .grid-stack-item[data-gs-max-width='3'] {
    max-width: calc((100%/24)*3);
}

.grid-stack-24 > .grid-stack-item[data-gs-width='4'] {
    width: calc((100%/24)*4);
}

.grid-stack-24 > .grid-stack-item[data-gs-x='4'] {
    left: calc((100%/24)*4);
}

.grid-stack-24 > .grid-stack-item[data-gs-min-width='4'] {
    min-width: calc((100%/24)*4);
}

.grid-stack-24 > .grid-stack-item[data-gs-max-width='4'] {
    max-width: calc((100%/24)*4);
}

.grid-stack-24 > .grid-stack-item[data-gs-width='5'] {
    width: calc((100%/24)*5);
}

.grid-stack-24 > .grid-stack-item[data-gs-x='5'] {
    left: calc((100%/24)*5);
}

.grid-stack-24 > .grid-stack-item[data-gs-min-width='5'] {
    min-width: calc((100%/24)*5);
}

.grid-stack-24 > .grid-stack-item[data-gs-max-width='5'] {
    max-width: calc((100%/24)*5);
}

.grid-stack-24 > .grid-stack-item[data-gs-width='6'] {
    width: calc((100%/24)*6);
}

.grid-stack-24 > .grid-stack-item[data-gs-x='6'] {
    left: calc((100%/24)*6);
}

.grid-stack-24 > .grid-stack-item[data-gs-min-width='6'] {
    min-width: calc((100%/24)*6);
}

.grid-stack-24 > .grid-stack-item[data-gs-max-width='6'] {
    max-width: calc((100%/24)*6);
}

.grid-stack-24 > .grid-stack-item[data-gs-width='7'] {
    width: calc((100%/24)*7);
}

.grid-stack-24 > .grid-stack-item[data-gs-x='7'] {
    left: calc((100%/24)*7)
}

.grid-stack-24 > .grid-stack-item[data-gs-min-width='7'] {
    min-width: calc((100%/24)*7)
}

.grid-stack-24 > .grid-stack-item[data-gs-max-width='7'] {
    max-width: calc((100%/24)*7);
}

.grid-stack-24 > .grid-stack-item[data-gs-width='8'] {
    width: calc((100%/24)*8);
}

.grid-stack-24 > .grid-stack-item[data-gs-x='8'] {
    left: calc((100%/24)*8);
}

.grid-stack-24 > .grid-stack-item[data-gs-min-width='8'] {
    min-width: calc((100%/24)*8);
}

.grid-stack-24 > .grid-stack-item[data-gs-max-width='8'] {
    max-width: calc((100%/24)*8);
}

.grid-stack-24 > .grid-stack-item[data-gs-width='9'] {
    width: calc((100%/24)*9);
}

.grid-stack-24 > .grid-stack-item[data-gs-x='9'] {
    left: calc((100%/24)*9);
}

.grid-stack-24 > .grid-stack-item[data-gs-min-width='9'] {
    min-width: calc((100%/24)*9);
}

.grid-stack-24 > .grid-stack-item[data-gs-max-width='9'] {
    max-width: calc((100%/24)*9);
}

.grid-stack-24 > .grid-stack-item[data-gs-width='10'] {
    width: calc((100%/24)*10);
}

.grid-stack-24 > .grid-stack-item[data-gs-x='10'] {
    left: calc((100%/24)*10);
}

.grid-stack-24 > .grid-stack-item[data-gs-min-width='10'] {
    min-width: calc((100%/24)*10);
}

.grid-stack-24 > .grid-stack-item[data-gs-max-width='10'] {
    max-width: calc((100%/24)*10);
}

.grid-stack-24 > .grid-stack-item[data-gs-width='11'] {
    width: calc((100%/24)*11);
}

.grid-stack-24 > .grid-stack-item[data-gs-x='11'] {
    left: calc((100%/24)*11);
}

.grid-stack-24 > .grid-stack-item[data-gs-min-width='11'] {
    min-width: calc((100%/24)*11);
}

.grid-stack-24 > .grid-stack-item[data-gs-max-width='11'] {
    max-width: calc((100%/24)*11);
}

.grid-stack-24 > .grid-stack-item[data-gs-width='12'] {
    width: calc((100%/24)*12);
}

.grid-stack-24 > .grid-stack-item[data-gs-x='12'] {
    left: calc((100%/24)*12);
}

.grid-stack-24 > .grid-stack-item[data-gs-min-width='12'] {
    min-width: calc((100%/24)*12);
}

.grid-stack-24 > .grid-stack-item[data-gs-max-width='12'] {
    max-width: calc((100%/24)*12);
}

.grid-stack-24 > .grid-stack-item[data-gs-width='13'] {
    width: calc((100%/24)*13);
}

.grid-stack-24 > .grid-stack-item[data-gs-x='13'] {
    left: calc((100%/24)*13);
}

.grid-stack-24 > .grid-stack-item[data-gs-min-width='13'] {
    min-width: calc((100%/24)*13);
}

.grid-stack-24 > .grid-stack-item[data-gs-max-width='13'] {
    max-width: calc((100%/24)*13);
}


.grid-stack-24 > .grid-stack-item[data-gs-width='14'] {
    width: calc((100%/24)*14);
}

.grid-stack-24 > .grid-stack-item[data-gs-x='14'] {
    left: calc((100%/24)*14);
}

.grid-stack-24 > .grid-stack-item[data-gs-min-width='14'] {
    min-width: calc((100%/24)*14);
}

.grid-stack-24 > .grid-stack-item[data-gs-max-width='14'] {
    max-width: calc((100%/24)*14);
}



.grid-stack-24 > .grid-stack-item[data-gs-width='15'] {
    width: calc((100%/24)*15);
}

.grid-stack-24 > .grid-stack-item[data-gs-x='15'] {
    left: calc((100%/24)*15);
}

.grid-stack-24 > .grid-stack-item[data-gs-min-width='15'] {
    min-width: calc((100%/24)*15);
}

.grid-stack-24 > .grid-stack-item[data-gs-max-width='15'] {
    max-width: calc((100%/24)*15);
}


.grid-stack-24 > .grid-stack-item[data-gs-width='16'] {
    width: calc((100%/24)*16);
}

.grid-stack-24 > .grid-stack-item[data-gs-x='16'] {
    left: calc((100%/24)*16);
}

.grid-stack-24 > .grid-stack-item[data-gs-min-width='16'] {
    min-width: calc((100%/24)*16);
}

.grid-stack-24 > .grid-stack-item[data-gs-max-width='16'] {
    max-width: calc((100%/24)*16);
}


.grid-stack-24 > .grid-stack-item[data-gs-width='17'] {
    width: calc((100%/24)*17);
}

.grid-stack-24 > .grid-stack-item[data-gs-x='17'] {
    left: calc((100%/24)*17);
}

.grid-stack-24 > .grid-stack-item[data-gs-min-width='17'] {
    min-width: calc((100%/24)*17);
}

.grid-stack-24 > .grid-stack-item[data-gs-max-width='17'] {
    max-width: calc((100%/24)*17);
}



.grid-stack-24 > .grid-stack-item[data-gs-width='18'] {
    width: calc((100%/24)*18);
}

.grid-stack-24 > .grid-stack-item[data-gs-x='18'] {
    left: calc((100%/24)*18);
}

.grid-stack-24 > .grid-stack-item[data-gs-min-width='18'] {
    min-width: calc((100%/24)*18);
}

.grid-stack-24 > .grid-stack-item[data-gs-max-width='18'] {
    max-width: calc((100%/24)*18);
}

.grid-stack-24 > .grid-stack-item[data-gs-width='19'] {
    width: calc((100%/24)*19);
}

.grid-stack-24 > .grid-stack-item[data-gs-x='19'] {
    left: calc((100%/24)*19);
}

.grid-stack-24 > .grid-stack-item[data-gs-min-width='19'] {
    min-width: calc((100%/24)*19);
}

.grid-stack-24 > .grid-stack-item[data-gs-max-width='19'] {
    max-width: calc((100%/24)*19);
}


.grid-stack-24 > .grid-stack-item[data-gs-width='20'] {
    width: calc((100%/24)*20);
}

.grid-stack-24 > .grid-stack-item[data-gs-x='20'] {
    left: calc((100%/24)*20);
}

.grid-stack-24 > .grid-stack-item[data-gs-min-width='20'] {
    min-width: calc((100%/24)*20);
}

.grid-stack-24 > .grid-stack-item[data-gs-max-width='20'] {
    max-width: calc((100%/24)*20);
}


.grid-stack-24 > .grid-stack-item[data-gs-width='21'] {
    width: calc((100%/24)*21);
}

.grid-stack-24 > .grid-stack-item[data-gs-x='21'] {
    left: calc((100%/24)*21);
}

.grid-stack-24 > .grid-stack-item[data-gs-min-width='21'] {
    min-width: calc((100%/24)*21);
}

.grid-stack-24 > .grid-stack-item[data-gs-max-width='21'] {
    max-width: calc((100%/24)*21);
}


.grid-stack-24 > .grid-stack-item[data-gs-width='22'] {
    width: calc((100%/24)*22);
}

.grid-stack-24 > .grid-stack-item[data-gs-x='22'] {
    left: calc((100%/24)*22);
}

.grid-stack-24 > .grid-stack-item[data-gs-min-width='22'] {
    min-width: calc((100%/24)*22);
}

.grid-stack-24 > .grid-stack-item[data-gs-max-width='22'] {
    max-width: calc((100%/24)*22);
}

.grid-stack-24 > .grid-stack-item[data-gs-width='23'] {
    width: calc((100%/24)*23);
}

.grid-stack-24 > .grid-stack-item[data-gs-x='23'] {
    left: calc((100%/24)*23);
}

.grid-stack-24 > .grid-stack-item[data-gs-min-width='23'] {
    min-width: calc((100%/24)*23);
}

.grid-stack-24 > .grid-stack-item[data-gs-max-width='23'] {
    max-width: calc((100%/24)*23);
}

.grid-stack-24 > .grid-stack-item[data-gs-width='24'] {
    width: 100%;
}

.grid-stack-24 > .grid-stack-item[data-gs-x='24'] {
    left: 100%;
}

.grid-stack-24 > .grid-stack-item[data-gs-min-width='24'] {
    min-width: 100%;
}

.grid-stack-24 > .grid-stack-item[data-gs-max-width='24'] {
    max-width: 100%;
}

.grid-stack.grid-stack-animate,
.grid-stack.grid-stack-animate .grid-stack-item {
    -webkit-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
    -moz-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
    -ms-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
    -o-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
    transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
}

    .grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging,
    .grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing,
    .grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder {
        -webkit-transition: left 0s, top 0s, height 0s, width 0s;
        -moz-transition: left 0s, top 0s, height 0s, width 0s;
        -ms-transition: left 0s, top 0s, height 0s, width 0s;
        -o-transition: left 0s, top 0s, height 0s, width 0s;
        transition: left 0s, top 0s, height 0s, width 0s;
    }

.grid-stack.grid-stack-one-column-mode {
    height: auto !important;
}

    .grid-stack.grid-stack-one-column-mode > .grid-stack-item {
        position: relative !important;
        width: auto !important;
        left: 0 !important;
        top: auto !important;
        margin-bottom: 20px;
        max-width: none !important;
    }

        .grid-stack.grid-stack-one-column-mode > .grid-stack-item > .ui-resizable-handle {
            display: none;
        }



@media (min-width: 769px) and (max-width: 1024px) {
    .grid-stack .grid-stack-item {
        display: inline-block !important;
        position: relative !important;
        left: 0% !important;
        top: auto !important;
    }

    .grid-stack > .grid-stack-item > .grid-stack-item-content {
        bottom: 10px !important;
    }


    .grid-stack > .grid-stack-item[data-gs-width='1'] {
        width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-x='1'] {
        left: 0% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width='1'] {
        min-width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width='1'] {
        max-width: 50% !important;
    }


    .grid-stack > .grid-stack-item[data-gs-width='2'] {
        width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-x='2'] {
        left: 0% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width='2'] {
        min-width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width='2'] {
        max-width: 50% !important;
    }


    .grid-stack > .grid-stack-item[data-gs-width='3'] {
        width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-x='3'] {
        left: 0% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width='3'] {
        min-width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width='3'] {
        max-width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-width='4'] {
        width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-x='4'] {
        left: 0% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width='4'] {
        min-width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width='4'] {
        max-width: 50% !important;
    }


    .grid-stack > .grid-stack-item[data-gs-width='5'] {
        width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-x='5'] {
        left: 0% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width='5'] {
        min-width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width='5'] {
        max-width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-width='6'] {
        width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-x='6'] {
        left: 0% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width='6'] {
        min-width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width='6'] {
        max-width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-width='7'] {
        width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-x='7'] {
        left: 0% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width='7'] {
        min-width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width='7'] {
        max-width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-width='8'] {
        width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-x='8'] {
        left: 0% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width='8'] {
        min-width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width='8'] {
        max-width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-width='9'] {
        width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-x='9'] {
        left: 0% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width='9'] {
        min-width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width='9'] {
        max-width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-width='10'] {
        width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-x='10'] {
        left: 0% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width='10'] {
        min-width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width='10'] {
        max-width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-width='11'] {
        width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-x='11'] {
        left: 0% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width='11'] {
        min-width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width='11'] {
        max-width: 50%;
    }



    .grid-stack > .grid-stack-item[data-gs-width='11'],
    .grid-stack > .grid-stack-item[data-gs-width='12'],
    .grid-stack > .grid-stack-item[data-gs-width='13'],
    .grid-stack > .grid-stack-item[data-gs-width='14'],
    .grid-stack > .grid-stack-item[data-gs-width='15'],
    .grid-stack > .grid-stack-item[data-gs-width='16'],
    .grid-stack > .grid-stack-item[data-gs-width='17'],
    .grid-stack > .grid-stack-item[data-gs-width='18'],
    .grid-stack > .grid-stack-item[data-gs-width='19'],
    .grid-stack > .grid-stack-item[data-gs-width='20'],
    .grid-stack > .grid-stack-item[data-gs-width='21'],
    .grid-stack > .grid-stack-item[data-gs-width='22'] {
        width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-width='23'] {
        width: 100% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-x='11'],
    .grid-stack > .grid-stack-item[data-gs-x='12'],
    .grid-stack > .grid-stack-item[data-gs-x='13'],
    .grid-stack > .grid-stack-item[data-gs-x='14'],
    .grid-stack > .grid-stack-item[data-gs-x='15'],
    .grid-stack > .grid-stack-item[data-gs-x='16'],
    .grid-stack > .grid-stack-item[data-gs-x='17'],
    .grid-stack > .grid-stack-item[data-gs-x='18'],
    .grid-stack > .grid-stack-item[data-gs-x='19'],
    .grid-stack > .grid-stack-item[data-gs-x='20'],
    .grid-stack > .grid-stack-item[data-gs-x='21'],
    .grid-stack > .grid-stack-item[data-gs-x='22'] {
        left: 0% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-x='23'] {
        left: 0% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width='11'],
    .grid-stack > .grid-stack-item[data-gs-min-width='12'],
    .grid-stack > .grid-stack-item[data-gs-min-width='13'],
    .grid-stack > .grid-stack-item[data-gs-min-width='14'],
    .grid-stack > .grid-stack-item[data-gs-min-width='15'],
    .grid-stack > .grid-stack-item[data-gs-min-width='16'],
    .grid-stack > .grid-stack-item[data-gs-min-width='17'],
    .grid-stack > .grid-stack-item[data-gs-min-width='18'],
    .grid-stack > .grid-stack-item[data-gs-min-width='19'],
    .grid-stack > .grid-stack-item[data-gs-min-width='20'],
    .grid-stack > .grid-stack-item[data-gs-min-width='21'],
    .grid-stack > .grid-stack-item[data-gs-min-width='22'] {
        min-width: 50% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width='23'] {
        min-width: 100% !important;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width='11'],
    .grid-stack > .grid-stack-item[data-gs-max-width='12'],
    .grid-stack > .grid-stack-item[data-gs-max-width='13'],
    .grid-stack > .grid-stack-item[data-gs-max-width='14'],
    .grid-stack > .grid-stack-item[data-gs-max-width='15'],
    .grid-stack > .grid-stack-item[data-gs-max-width='16'],
    .grid-stack > .grid-stack-item[data-gs-max-width='17'],
    .grid-stack > .grid-stack-item[data-gs-max-width='18'],
    .grid-stack > .grid-stack-item[data-gs-max-width='19'],
    .grid-stack > .grid-stack-item[data-gs-max-width='20'],
    .grid-stack > .grid-stack-item[data-gs-max-width='21'],
    .grid-stack > .grid-stack-item[data-gs-max-width='22'] {
        max-width: 50%;
    }


    .grid-stack > .grid-stack-item[data-gs-max-width='23'] {
        max-width: 100%;
    }

    .grid-stack > .grid-stack-item > .ui-resizable-sw {
        cursor: sw-resize !important;
        width: 20px !important;
        height: 20px !important;
        left: 10px !important;
        bottom: 10px !important;
    }

    .grid-stack > .grid-stack-item > .ui-resizable-se {
        cursor: se-resize !important;
        width: 20px !important;
        height: 20px !important;
        right: 10px !important;
        bottom: 10px !important;
    }
}

@media (max-width:768px) {
    .grid-stack-item {
        position: relative !important;
        width: auto !important;
        left: 0 !important;
        top: auto !important;
        margin-bottom: 20px;
    }

        .grid-stack-item .ui-resizable-handle {
            display: none !important;
        }

    .grid-stack {
        height: auto !important;
    }
}