.rgr {
	padding-left: 8px;
	padding-right: 8px;
}
.rgr-padding,
.rgr-padding-wrap {
    padding-left: 8px;
	padding-right: 8px;
}
.rgr-inline {
	display: inline-block !important;
}
.rgr-12 {
    width: 100%;
	clear: both;
}

/**
 * ----------------------
 * Grid small
 * ----------------------
 */


.ui-grid-small > .rgr-1 {
    width: 50%;
}
.ui-grid-small > .rgr-2 {
    width: 50%;
}
.ui-grid-small > .rgr-3 {
    width: 50%;
}
.ui-grid-small > .rgr-4 {
    width: 100%;
}
.ui-grid-small > .rgr-5 {
    width: 100%;
}
.ui-grid-small > .rgr-6 {
    width: 100%;
}
.ui-grid-small > .rgr-7 {
    width: 100%;
}
.ui-grid-small > .rgr-8 {
    width: 100%;
}
.ui-grid-small > .rgr-9 {
    width: 100%;
}
.ui-grid-small > .rgr-10 {
    width: 100%;
}
.ui-grid-small > .rgr-11 {
    width: 100%;
}
.ui-grid-small > .rgr-12 {
    width: 100%;
}
.ui-grid-small > .rgr-1, .ui-grid-small > .rgr-2, .ui-grid-small > .rgr-3, .ui-grid-small > .rgr-4, .ui-grid-small > .rgr-5, .ui-grid-small > .rgr-6, .ui-grid-small > .rgr-7, .ui-grid-small > .rgr-8, .ui-grid-small > .rgr-9, .ui-grid-small > .rgr-10, .ui-grid-small > .rgr-11, .ui-grid-small > .rgr-12 {
    float: left;
}
.ui-grid-small > .rgr-float {
    float: left;
}
.ui-grid-small > .rgr-center {
    display: inline-block;
}


/**
 * ----------------------
 * Grid standard
 * ToDo: after removing media queries make .rgr-* default (.ui-grid-medium not necessary) 
 * ----------------------
 */


.ui-grid-medium > .rgr-1 {
    width: 8.333%;
}
.ui-grid-medium > .rgr-2 {
    width: 16.666%;
}
.ui-grid-medium > .rgr-3 {
    width: 25%;
}
.ui-grid-medium > .rgr-4 {
    width: 33.333%;
}
.ui-grid-medium > .rgr-5 {
    width: 41.666%;
}
.ui-grid-medium > .rgr-6 {
    width: 50%;
}
.ui-grid-medium > .rgr-7 {
    width: 58.333%;
}
.ui-grid-medium > .rgr-8 {
    width: 66.666%;
}
.ui-grid-medium > .rgr-9 {
    width: 75%;
}
.ui-grid-medium > .rgr-10 {
    width: 83.333%;
}
.ui-grid-medium > .rgr-11 {
    width: 91.666%;
}
.ui-grid-medium > .rgr-12 {
    width: 100%;
}
.ui-grid-medium > .rgr-1, .ui-grid-medium > .rgr-2, .ui-grid-medium > .rgr-3, .ui-grid-medium > .rgr-4, .ui-grid-medium > .rgr-5, .ui-grid-medium .rgr-6, .ui-grid-medium > .rgr-7, .ui-grid-medium > .rgr-8, .ui-grid-medium > .rgr-9, .ui-grid-medium > .rgr-10, .ui-grid-medium > .rgr-11, .ui-grid-medium > .rgr-12 {
    float: left;
}
.ui-grid-medium > .rgr-float {
    float: left;
}
.ui-grid-medium > .rgr-center {
    display: inline-block;
}


/**
 * ----------------------
 * Grid big
 * ----------------------
 */


.ui-grid-big > .rgr-1 {
    width: 8.333%;
}
.ui-grid-big > .rgr-2 {
    width: 16.666%;
}
.ui-grid-big > .rgr-3 {
    width: 25%;
}
.ui-grid-big > .rgr-4 {
    width: 33.333%;
}
.ui-grid-big > .rgr-5 {
    width: 41.666%;
}
.ui-grid-big > .rgr-6 {
    width: 50%;
}
.ui-grid-big > .rgr-6-big {
    width: 50%;
}
.ui-grid-big > .rgr-7 {
    width: 58.333%;
}
.ui-grid-big > .rgr-8 {
    width: 66.666%;
}
.ui-grid-big > .rgr-9 {
    width: 75%;
}
.ui-grid-big > .rgr-10 {
    width: 83.333%;
}
.ui-grid-big > .rgr-11 {
    width: 91.666%;
}
.ui-grid-big > .rgr-12 {
    width: 100%;
}
.ui-grid-big > .rgr-1, .ui-grid-big > .rgr-2, .ui-grid-big > .rgr-3, .ui-grid-big > .rgr-4, .ui-grid-big > .rgr-5, .ui-grid-big > .rgr-6, .ui-grid-big > .rgr-6-big, .ui-grid-big > .rgr-7, .ui-grid-big > .rgr-8, .ui-grid-big > .rgr-9, .ui-grid-big > .rgr-10, .ui-grid-big > .rgr-11, .ui-grid-big > .rgr-12 {
    float: left;
}
.ui-grid-big > .rgr-float {
    float: left;
}
.ui-grid-big > .rgr-center {
    display: inline-block;
}