/* ----------- STARTING: /app/components-viewer/components-viewer.css */
.space-rows .col-md-12 {
    margin-top: 2em;
}


.outside-scroll {
    height: 100px;
    overflow: auto;
    border:1px dashed red;
}

.inside-scroll {
    border:1px solid blue;
}

.component-section {
    margin-bottom: 20px;
    border: 1px solid;
    padding: 1em
}

.view-manager-example{
    height: 295px;
    border: 3px solid;
    text-align: center;
}

    .view-manager-example.view1{
        border-color: red;
        background-color: #ff00003d
    }

    .view-manager-example.view2{
        border-color: blue;
        background-color: #0000ff47;
    }

    .view-manager-example.view3{
        border-color: green;
        color: green;
        background-color: #00800033
    }

    .view-manager-example .vm-example-container{
        border: 3px solid yellow;
        color: yellow;
        background-color: #ffff003b;
    }

.test-pageslide{
    background-color: rgb(49, 49, 255);
    
}


.drag-block{
    margin: 4px;
    padding: 4px;
    border: 1px solid #ccc;
}

.larger-charts11 .chart-container{
    height: 200px;
}

.component-section .test-chart-container{
    height: 200px;
    position: relative;
    border: 1px dotted red;
}
/* ----------- ENDING: /app/components-viewer/components-viewer.css */


/* ----------- STARTING: /app/components-viewer/components-tables/components-tables.css */
.components-tables-container{

}

/* ----------- ENDING: /app/components-viewer/components-tables/components-tables.css */


/* ----------- STARTING: /app/components-viewer/component-charts/component-charts.css */
.component-charts-container{
 
}

.component-charts-container .larger-charts{
    height: 170px;
    position: relative;
}

/* ----------- ENDING: /app/components-viewer/component-charts/component-charts.css */


/* ----------- STARTING: /app/components-viewer/grid-system/col-grid-system/col-grid-system.css */
.col-grid-system-container {
    [class^=col-] {
        /* border: 1px solid red; */
    }

    .my-card {
        box-shadow: 0px 2px 4px 3px #0000003d;
    }

    .my-wrapper {
        border: 1px dotted rgb(155, 155, 155);
    }
}

.no-spacing.row {
    padding: 0;
    margin: 0;
}

.no-spacing.row+.no-spacing.row {
    margin-top: -10px;
}

.no-spacing.row [class^=col-] {
    padding: 0;
    margin: 0;
}

.even-spacing {
    border: 1px solid blue;
    margin: 10px;
}
/* ----------- ENDING: /app/components-viewer/grid-system/col-grid-system/col-grid-system.css */


/* ----------- STARTING: /app/components-viewer/grid-system/flex-grid-system/flex-grid-system.css */
.col-grid-system-container {
    [class^=col-] {
        /* border: 1px solid red; */
    }
    .my-card {
        box-shadow: 0px 2px 4px 3px #0000003d;
    }
    .my-wrapper {
        border: 1px dotted rgb(155, 155, 155);
    }
}


.tile-spacing-test {
    .row {
        padding: 0;
        margin: 0;
    }

    .row [class^=col-] {
        padding: 0;
        margin: 0;
    }

    .row>[class^="col-"] {
        margin: 0;
        padding: 0;
    }

    .row+.row {
        [class^=col-]>*:not(.row) {
            margin-top: 0;
        }
    }

    [class^=col-]>*:not(.row) {
        margin: 15px 7.5px;
    }
}
/* ----------- ENDING: /app/components-viewer/grid-system/flex-grid-system/flex-grid-system.css */