styles-partial.css

/* SKIREV - FLEXBOX-TOP */
.flexbox-top {
    /* CSS Tricks https://css-tricks.com/using-flexbox/ */
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	/*display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;*/
	overflow: hidden;
}

.flexbox-top .one-fourth,
.flexbox-top .two-fifths,
.flexbox-top .one-fifth,
.flexbox-top .three-fifths {
    /* CSS Tricks https://css-tricks.com/using-flexbox/ */
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    /*width: 20%;               /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	/*flex: 1;*/
}

.flexbox-top .two-fifths {
	-webkit-flex-basis: 35.5%;
	-ms-flex-basis: 35.5%;
	flex-basis: 35.5%;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
}

.flexbox-top .one-fifth {
	-webkit-flex-basis: 27.333333333333%;
	-ms-flex-basis: 27.333333333333%;
	flex-basis: 27.333333333333%;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
}

.flexbox-top .three-fifths {
	-webkit-flex-basis: 35.5%;
	-ms-flex-basis: 35.5%;
	flex-basis: 35.5%;
	-webkit-order: 2;
	-ms-flex-order: 2;
	order: 2;
}

.flexbox-top .one-fourth {
	-webkit-flex-basis: 24.375%;
	-ms-flex-basis: 24.375%;
	flex-basis: 24.375%;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
}

/* SKIREV - FLEXBOX-BOTTOM */
.flexbox-bottom {
    /* CSS Tricks https://css-tricks.com/using-flexbox/ */
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	/*display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;*/
	overflow: hidden;
	}

.flexbox-bottom #overview-bottom-left,
.flexbox-bottom #overview-bottom-right {
    /* CSS Tricks https://css-tricks.com/using-flexbox/ */
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    /*width: 20%;               /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	/*flex: 1;*/
}

.flexbox-bottom #overview-bottom-left {
	-webkit-flex-basis: 49.583333333333%;
	-ms-flex-basis: 49.583333333333%;
	flex-basis: 49.583333333333%;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
}

.flexbox-bottom #overview-bottom-right {
	-webkit-flex-basis: 49.583333333333%;
	-ms-flex-basis: 49.583333333333%;
	flex-basis: 49.583333333333%;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
}

/* ## SKIREV - Column Classes
--------------------------------------------- */
.one-half,
.one-fourth,
.one-fifth,
.two-fifths,
.three-fifths,
.four-fifths
.five-fifths {
	background:#ffffff;
	background: -webkit-linear-gradient(top, #ffffff, #f6f6f6);
    background:    -moz-linear-gradient(top, #ffffff, #f6f6f6);
    background:     -ms-linear-gradient(top, #ffffff, #f6f6f6);
    background:      -o-linear-gradient(top, #ffffff, #f6f6f6);
	border-bottom: 1px solid #d7d7d7;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	float: left;
}

.one-half,
.one-fifth,
.two-fifths,
.three-fifths,
.four-fifths  {
	margin-left: 0.83333333333333%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 49.583333333333%;
}
 
.one-third,
.two-sixths {
	width: 32.777777777778%;
}
 
.four-sixths,
.two-thirds {
	width: 66.388888888889%;
}
 
.one-fourth {
	margin-left: 0;
	width: 24.375%;
}
 
.three-fourths {
	width: 74.791666666667%;
}
 
.one-fifth {
	/*width: 19.333333333333%;*/
	width: 27.333333333333%;
}
 
.two-fifths {
	/*width: 39.5%;*/
	width: 35.5%;
}
 
.three-fifths {
	/*width: 39.5%;/* SKIREV Anterior: 59.666666666667% */
	width: 35.5%;/* SKIREV Anterior: 59.666666666667% */
}
 
/*.four-fifths {
	width: 79.833333333333%;
}*/
 
.one-sixth {
	width: 15.972222222222%;
}
 
.five-sixths {
	width: 83.194444444444%;
}
 
.first {
	clear: both;
	margin-left: 0;
}

.first-2 {
	margin-left: 0;
}

/* Style */
.background-boxes {
	background:#ffffff;
	background: -webkit-linear-gradient(top, #ffffff, #f6f6f6);
    background: -moz-linear-gradient(top, #ffffff, #f6f6f6);
    background: -ms-linear-gradient(top, #ffffff, #f6f6f6);
    background: -o-linear-gradient(top, #ffffff, #f6f6f6);
	/*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid #d7d7d7;*/
}