@import 'id-style-kit';

// Styles for helping to toolkit development
// Do not include in production

//body {
//    padding: 0;
//    margin: 0;
//    background: url("../images/preview.png") top center no-repeat;
//}

.f-item-group {
    @include scaffold;
    @include scaffold-typography;
    @include scaffold-forms;
    @include scaffold-buttons;
}

iframe {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

body {
    overflow: hidden;
}

.pageOverlay {
    position: relative;
    z-index: 2;
    overflow-y: scroll;
}

.myContainer {
    @include make-legacy-container();
}

.containerLeft {
    @include make-xs-column(5);
}

.containerRight {
    @include make-xs-column(19);
}
.color {
    background: rgba(255, 128, 128, 0.5);
}

.myKicker {
    @include make-kicker;
}