/* Theme Previewer (c) 2015 xcartmods.co.uk
-----------------------------*/

.side-icons { position: fixed; top: 45%; left: 0; z-index: 9999; border-radius: 0 4px 4px 0; }
.side-icons a:link, #side-icons a:visited { color: #fff; outline: none; }
.side-icon { display: block; width: 40px; height: 40px; background: #000; color: #fff; font-size: 24px; border-radius: 0 4px 4px 0; padding: 2px 0px 3px 6px !important; }
.side-icon:hover { background: #222; }

div.preset-themes ul { text-align: center; margin: 0; padding: 0; }
div.preset-themes ul li { display: inline-block; cursor: pointer; width: 50px; height: 30px; border-radius: 4px; border: 2px solid #fff; }
div.preset-themes ul li:hover, div.preset-themes ul li.active { border: 2px solid #000; }

div.preset-themes ul li#theme01 { background: #e53935; }
div.preset-themes ul li#theme02 { background: #d81b60; }
div.preset-themes ul li#theme03 { background: #8e24aa; }
div.preset-themes ul li#theme04 { background: #5e35b1; }
div.preset-themes ul li#theme05 { background: #3949ab; }
div.preset-themes ul li#theme06 { background: #1e88e5; }
div.preset-themes ul li#theme07 { background: #039be5; }
div.preset-themes ul li#theme08 { background: #00acc1; }
div.preset-themes ul li#theme09 { background: #00897b; }
div.preset-themes ul li#theme10 { background: #43a047; }
div.preset-themes ul li#theme11 { background: #7cb342; }
div.preset-themes ul li#theme12 { background: #c0ca33; }
div.preset-themes ul li#theme13 { background: #fdd835; }
div.preset-themes ul li#theme14 { background: #ffb300; }
div.preset-themes ul li#theme15 { background: #fb8c00; }
div.preset-themes ul li#theme16 { background: #f4511e; }
div.preset-themes ul li#theme17 { background: #6d4c41; }
div.preset-themes ul li#theme18 { background: #757575; }
div.preset-themes ul li#theme19 { background: #546e7a; }
div.preset-themes ul li#theme20 { background: #4d4d4d; }

div.bootswatch-themes ul { text-align: center; margin: 0; padding: 0; }
div.bootswatch-themes ul li { display: inline-block; margin: 0 0 5px 0; padding: 5px; cursor: pointer; width: 85px; height: 32px; border-radius: 4px; border: 1px solid #ccc; }
div.bootswatch-themes ul li:hover, div.bootswatch-themes ul li.active { border: 1px solid #000; background: rgba(255,255,255,0.15); }