/* ----------------------------------------
    Labs page main styles
---------------------------------------- */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* ----------------------------------------
    Lab specific: scrollUp
---------------------------------------- */

.themes { padding: 0; margin: 0; margin-bottom: 20px; float: left; width: 100%; }
.themes li { text-align: center; display: block; float: left; width: 22%; margin-left: 4%; }
.themes li.first { margin-left: 0; }
.themes li a { display: block; padding: 10px; background-color: #444; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #eee; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; }
.themes li a:hover, .themes li a.active { background-color: #F66169; color: #FAEFDE; }
#toggleActive { padding: 10px; width: 100%; text-align: center; display: inline-block; background-color: #444; color: #eee; font-size: 14px; cursor: pointer; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
#toggleActive.active { background-color: #F66169; color: #FAEFDE; }
#scrollUp-active { display: none; }