/**
 * UTILITIES STYLES
 * Klasy pomocnicze i utility
 * Zawiera: floats, grid, margins, padding, text alignment
 */

/* FLOATS */
.left {
    float: left;
}
.right {
    float: right;
}

/* GRID */
.left10 {
    float: left;
    width: 10%;
}
.left20 {
    float: left;
    width: 20%;
}
.left25 {
    float: left;
    width: 25%;
}
.left30 {
    float: left;
    width: 30%;
}
.left33 {
    float: left;
    width: 33.3%;
}
.left40 {
    float: left;
    width: 40%;
}
.left50 {
    float: left;
    width: 50%;
}
.left60 {
    float: left;
    width: 60%;
}
.left70 {
    float: left;
    width: 70%;
}
.left80 {
    float: left;
    width: 80%;
}
.left90 {
    float: left;
    width: 90%;
}

/* MARGINS */
.mrg {
    margin-top: 70px;
}
.mrg15 {
    margin-top: 15px;
}
.mrg2 {
    margin-top: 35px;
}
.mb {
    margin-right: 15px;
}
.mt10 {
    margin-top: 10px;
}
.mm12 {
    margin-top: -13px;
}
.p20 {
    padding: 20px;
    box-sizing: border-box;
}

/* TEXT ALIGNMENT */
.ar {
    text-align: right;
}
.ac {
    text-align: center;
}

/* OTHER UTILITIES */
.vt {
    vertical-align: top;
}

.st {
    font-size: 13px;
}
.pc10r {
    box-sizing: border-box;
    padding-right: 10px;
}
.pc10l {
    box-sizing: border-box;
    padding-left: 10px;
}
.ibck {
    display: inline-block;
}
.ibck:not(select):not(input) {
    padding: 10px;
}
.ibck:first-child {
    padding-left: 0;
}