siwi-form/demo/siwi-layout.css

siwi form by siwi

.sw.row
{
    position: relative;

    display: block;
    zoom: 1;

    height: auto;
    margin-right: 0;
    margin-left: 0;
}
.sw.row:before,
.sw.row:after
{
    display: table;

    content: '';
}
.sw.row:after
{
    font-size: 0;

    visibility: hidden;
    clear: both;

    height: 0;
}
.sw.flex-row
{
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.sw.flex-row:before,
.sw.flex-row:after
{
    display: -ms-flexbox;
    display: flex;
}
.sw.justify-content-flex-start
{
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.sw.justify-content-center
{
    -ms-flex-pack: center;
    justify-content: center;
}
.sw.justify-content-flex-end
{
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.sw.justify-content-space-between
{
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.sw.justify-content-space-around
{
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.sw.algin-items-flex-start
{
    -ms-flex-align: start;
    align-items: flex-start;
}
.sw.algin-items-center
{
    -ms-flex-align: center;
    align-items: center;
}
.sw.algin-items-flex-end
{
    -ms-flex-align: end;
    align-items: flex-end;
}
.sw.algin-items-baseline
{
    -ms-flex-align: baseline;
    align-items: baseline;
}
.sw.algin-items-stretch
{
    -ms-flex-align: stretch;
    align-items: stretch;
}
.sw.align-content-flex-start
{
    -ms-flex-line-pack: start;
    align-content: flex-start;
}
.sw.align-content-flex-end
{
    -ms-flex-line-pack: end;
    align-content: flex-end;
}
.sw.align-content-center
{
    -ms-flex-line-pack: center;
    align-content: center;
}
.sw.align-content-space-between
{
    -ms-flex-line-pack: justify;
    align-content: space-between;
}
.sw.align-content-space-around
{
    -ms-flex-line-pack: distribute;
    align-content: space-around;
}
.sw.align-content-space-evenly
{
    -ms-flex-line-pack: space-evenly;
    align-content: space-evenly;
}
.sw.align-content-stretch
{
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}
.col
{
    position: relative;

    display: block;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-13,
.col-14,
.col-15,
.col-16
{
    display: block;
    float: left;

    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}
.col-16
{
    width: 100%;
}
.col-15
{
    width: 93.75%;
}
.col-14
{
    width: 87.5%;
}
.col-13
{
    width: 81.25%;
}
.col-12
{
    width: 75%;
}
.col-11
{
    width: 68.75%;
}
.col-10
{
    width: 62.5%;
}
.col-9
{
    width: 56.25%;
}
.col-8
{
    width: 50%;
}
.col-7
{
    width: 43.75%;
}
.col-6
{
    width: 37.5%;
}
.col-5
{
    width: 31.25%;
}
.col-4
{
    width: 25%;
}
.col-3
{
    width: 18.75%;
}
.col-2
{
    width: 12.5%;
}
.col-1
{
    width: 6.25%;
}
.col-0
{
    display: none;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-13,
.col-xs-14,
.col-xs-15,
.col-xs-16
{
    display: block;
    float: left;

    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}
.col-xs-16
{
    width: 100%;
}
.col-xs-15
{
    width: 93.75%;
}
.col-xs-14
{
    width: 87.5%;
}
.col-xs-13
{
    width: 81.25%;
}
.col-xs-12
{
    width: 75%;
}
.col-xs-11
{
    width: 68.75%;
}
.col-xs-10
{
    width: 62.5%;
}
.col-xs-9
{
    width: 56.25%;
}
.col-xs-8
{
    width: 50%;
}
.col-xs-7
{
    width: 43.75%;
}
.col-xs-6
{
    width: 37.5%;
}
.col-xs-5
{
    width: 31.25%;
}
.col-xs-4
{
    width: 25%;
}
.col-xs-3
{
    width: 18.75%;
}
.col-xs-2
{
    width: 12.5%;
}
.col-xs-1
{
    width: 6.25%;
}
.col-xs-0
{
    display: none;
}
@media (min-width: 768px)
{
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-13,
    .col-sm-14,
    .col-sm-15,
    .col-sm-16
    {
        display: block;
        float: left;

        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    }
    .col-sm-16
    {
        width: 100%;
    }
    .col-sm-15
    {
        width: 93.75%;
    }
    .col-sm-14
    {
        width: 87.5%;
    }
    .col-sm-13
    {
        width: 81.25%;
    }
    .col-sm-12
    {
        width: 75%;
    }
    .col-sm-11
    {
        width: 68.75%;
    }
    .col-sm-10
    {
        width: 62.5%;
    }
    .col-sm-9
    {
        width: 56.25%;
    }
    .col-sm-8
    {
        width: 50%;
    }
    .col-sm-7
    {
        width: 43.75%;
    }
    .col-sm-6
    {
        width: 37.5%;
    }
    .col-sm-5
    {
        width: 31.25%;
    }
    .col-sm-4
    {
        width: 25%;
    }
    .col-sm-3
    {
        width: 18.75%;
    }
    .col-sm-2
    {
        width: 12.5%;
    }
    .col-sm-1
    {
        width: 6.25%;
    }
    .col-sm-0
    {
        display: none;
    }
}
@media (min-width: 992px)
{
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-13,
    .col-md-14,
    .col-md-15,
    .col-md-16
    {
        display: block;
        float: left;

        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    }
    .col-md-16
    {
        width: 100%;
    }
    .col-md-15
    {
        width: 93.75%;
    }
    .col-md-14
    {
        width: 87.5%;
    }
    .col-md-13
    {
        width: 81.25%;
    }
    .col-md-12
    {
        width: 75%;
    }
    .col-md-11
    {
        width: 68.75%;
    }
    .col-md-10
    {
        width: 62.5%;
    }
    .col-md-9
    {
        width: 56.25%;
    }
    .col-md-8
    {
        width: 50%;
    }
    .col-md-7
    {
        width: 43.75%;
    }
    .col-md-6
    {
        width: 37.5%;
    }
    .col-md-5
    {
        width: 31.25%;
    }
    .col-md-4
    {
        width: 25%;
    }
    .col-md-3
    {
        width: 18.75%;
    }
    .col-md-2
    {
        width: 12.5%;
    }
    .col-md-1
    {
        width: 6.25%;
    }
    .col-md-0
    {
        display: none;
    }
}
@media (min-width: 1200px)
{
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-13,
    .col-lg-14,
    .col-lg-15,
    .col-lg-16
    {
        display: block;
        float: left;

        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    }
    .col-lg-16
    {
        width: 100%;
    }
    .col-lg-15
    {
        width: 93.75%;
    }
    .col-lg-14
    {
        width: 87.5%;
    }
    .col-lg-13
    {
        width: 81.25%;
    }
    .col-lg-12
    {
        width: 75%;
    }
    .col-lg-11
    {
        width: 68.75%;
    }
    .col-lg-10
    {
        width: 62.5%;
    }
    .col-lg-9
    {
        width: 56.25%;
    }
    .col-lg-8
    {
        width: 50%;
    }
    .col-lg-7
    {
        width: 43.75%;
    }
    .col-lg-6
    {
        width: 37.5%;
    }
    .col-lg-5
    {
        width: 31.25%;
    }
    .col-lg-4
    {
        width: 25%;
    }
    .col-lg-3
    {
        width: 18.75%;
    }
    .col-lg-2
    {
        width: 12.5%;
    }
    .col-lg-1
    {
        width: 6.25%;
    }
    .col-lg-0
    {
        display: none;
    }
}
.pull-16
{
    right: 100%;
}
.pull-15
{
    right: 93.75%;
}
.pull-14
{
    right: 87.5%;
}
.pull-13
{
    right: 81.25%;
}
.pull-12
{
    right: 75%;
}
.pull-11
{
    right: 68.75%;
}
.pull-10
{
    right: 62.5%;
}
.pull-9
{
    right: 56.25%;
}
.pull-8
{
    right: 50%;
}
.pull-7
{
    right: 43.75%;
}
.pull-6
{
    right: 37.5%;
}
.pull-5
{
    right: 31.25%;
}
.pull-4
{
    right: 25%;
}
.pull-3
{
    right: 18.75%;
}
.pull-2
{
    right: 12.5%;
}
.pull-1
{
    right: 6.25%;
}
.push-16
{
    left: 100%;
}
.push-15
{
    left: 93.75%;
}
.push-14
{
    left: 87.5%;
}
.push-13
{
    left: 81.25%;
}
.push-12
{
    left: 75%;
}
.push-11
{
    left: 68.75%;
}
.push-10
{
    left: 62.5%;
}
.push-9
{
    left: 56.25%;
}
.push-8
{
    left: 50%;
}
.push-7
{
    left: 43.75%;
}
.push-6
{
    left: 37.5%;
}
.push-5
{
    left: 31.25%;
}
.push-4
{
    left: 25%;
}
.push-3
{
    left: 18.75%;
}
.push-2
{
    left: 12.5%;
}
.push-1
{
    left: 6.25%;
}
.offset-16
{
    margin-left: 100%;
}
.offset-15
{
    margin-left: 93.75%;
}
.offset-14
{
    margin-left: 87.5%;
}
.offset-13
{
    margin-left: 81.25%;
}
.offset-12
{
    margin-left: 75%;
}
.offset-11
{
    margin-left: 68.75%;
}
.offset-10
{
    margin-left: 62.5%;
}
.offset-9
{
    margin-left: 56.25%;
}
.offset-8
{
    margin-left: 50%;
}
.offset-7
{
    margin-left: 43.75%;
}
.offset-6
{
    margin-left: 37.5%;
}
.offset-5
{
    margin-left: 31.25%;
}
.offset-4
{
    margin-left: 25%;
}
.offset-3
{
    margin-left: 18.75%;
}
.offset-2
{
    margin-left: 12.5%;
}
.offset-1
{
    margin-left: 6.25%;
}
.order-16
{
    -ms-flex-order: 16;
    order: 16;
}
.order-15
{
    -ms-flex-order: 15;
    order: 15;
}
.order-14
{
    -ms-flex-order: 14;
    order: 14;
}
.order-13
{
    -ms-flex-order: 13;
    order: 13;
}
.order-12
{
    -ms-flex-order: 12;
    order: 12;
}
.order-11
{
    -ms-flex-order: 11;
    order: 11;
}
.order-10
{
    -ms-flex-order: 10;
    order: 10;
}
.order-9
{
    -ms-flex-order: 9;
    order: 9;
}
.order-8
{
    -ms-flex-order: 8;
    order: 8;
}
.order-7
{
    -ms-flex-order: 7;
    order: 7;
}
.order-6
{
    -ms-flex-order: 6;
    order: 6;
}
.order-5
{
    -ms-flex-order: 5;
    order: 5;
}
.order-4
{
    -ms-flex-order: 4;
    order: 4;
}
.order-3
{
    -ms-flex-order: 3;
    order: 3;
}
.order-2
{
    -ms-flex-order: 2;
    order: 2;
}
.order-1
{
    -ms-flex-order: 1;
    order: 1;
}