/* MEDIA QUERIES */
.flipswitch {
position: relative;
width: 86px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none; }
.flipswitch input[type=checkbox] {
display: none; }
.flipswitch-label {
display: block;
overflow: hidden;
cursor: pointer;
border-radius: 50px; }
.flipswitch-inner {
width: 200%;
margin-left: -100%;
transition: margin 0.3s ease-in 0s; }
.flipswitch-inner:before, .flipswitch-inner:after {
float: left;
width: 50%;
height: 24px;
padding: 0;
line-height: 24px;
font-size: 18px;
color: white;
font-family: Trebuchet, Arial, sans-serif;
font-weight: bold;
box-sizing: border-box; }
.flipswitch-inner:before {
content: "Active";
font-size: 12px;
padding-left: 12px;
background-color: #226DD0;
color: #FFFFFF; }
.flipswitch-inner:after {
content: "Inactive";
font-size: 12px;
padding-right: 12px;
background-color: #EBEBEB;
color: #888888;
text-align: right; }
.flipswitch-switch {
width: 31px;
height: 31px;
/* margin: -3.5px; */
background: #FFFFFF;
border: 2px solid #f2f2f2;
border-radius: 50px;
position: absolute;
top: 7px;
bottom: 0;
right: 59px;
transition: all 0.3s ease-in 0s; }
.flipswitch-cb:checked + .flipswitch-label .flipswitch-inner {
margin-left: 0; }
.flipswitch-cb:checked + .flipswitch-label .flipswitch-switch {
right: -3px; }
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
/********* CSS RESET **********/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, main,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
font-family: 'Open Sans', sans-serif; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
html {
margin-top: 0 !important; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
div, section, form, fieldset, input, select, ul, li, a {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box; }
/***************************************/
h2.subHeader {
font-size: 28px;
margin: 10px auto;
font-weight: lighter; }
.overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #000;
opacity: 0.6;
z-index: 100; }
.overlay.menu {
top: 9.2rem;
z-index: 1; }
.decrement, .increment {
display: inline-block;
width: 2rem;
height: 2rem;
text-align: center;
color: #fff;
cursor: pointer;
border: none;
padding: 0; }
.loader,
.loader:before,
.loader:after {
background: #ffffff;
animation: load1 1s infinite ease-in-out;
width: 1em;
height: 4em; }
.loader:before,
.loader:after {
position: absolute;
top: 0;
content: ''; }
.loader:before {
left: -1.5em;
animation-delay: -0.32s; }
.loader {
text-indent: -9999em;
margin: 88px auto;
position: fixed;
font-size: 11px;
transform: translateZ(0);
animation-delay: -0.16s;
top: 30%;
left: 50%;
z-index: 200; }
.loader:after {
left: 1.5em; }
@keyframes load1 {
0%,
80%,
100% {
box-shadow: 0 0 #ffffff;
height: 4em; }
40% {
box-shadow: 0 -2em #ffffff;
height: 5em; } }
.spinner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.spinner:before {
content: "";
position: absolute;
background-color: #fff;
opacity: 0.8;
z-index: 0;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.spinner:after {
content: "";
position: absolute;
z-index: 1;
background: url("/img/spinner.gif") center center no-repeat;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.header {
padding-top: 20px;
padding-bottom: 20px; }
label {
display: block;
padding: 10px 00px; }
label input, label select, label textarea {
margin-top: 5px; }
.stylish-input-group .input-group-addon {
background: white !important; }
.stylish-input-group .form-control {
border-right: 0;
box-shadow: 0 0 0;
border-color: #ccc; }
.stylish-input-group button {
border: 0;
background: transparent; }
.tee.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.tee, .tee-m, .tees, .tees-m, .unisex-tee, .t-shirts, .athletic-t-shirt {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.tee:hover, .tee:active, .selected .tee, .tee-m:hover, .tee-m:active, .selected .tee-m, .tees:hover, .tees:active, .selected .tees, .tees-m:hover, .tees-m:active, .selected .tees-m, .unisex-tee:hover, .unisex-tee:active, .selected .unisex-tee, .t-shirts:hover, .t-shirts:active, .selected .t-shirts, .athletic-t-shirt:hover, .athletic-t-shirt:active, .selected .athletic-t-shirt {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .tee, .active .tee-m, .active .tees, .active .tees-m, .active .unisex-tee, .active .t-shirts, .active .athletic-t-shirt {
background-image: none; }
.tank.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.tank, .tanks, .tank-top, .tank-tops {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.tank:hover, .tank:active, .selected .tank, .tanks:hover, .tanks:active, .selected .tanks, .tank-top:hover, .tank-top:active, .selected .tank-top, .tank-tops:hover, .tank-tops:active, .selected .tank-tops {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .tank, .active .tanks, .active .tank-top, .active .tank-tops {
background-image: none; }
.racerback.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.racerback, .racerback-tank, .racerbacks, .juniors-racerback-tank {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.racerback:hover, .racerback:active, .selected .racerback, .racerback-tank:hover, .racerback-tank:active, .selected .racerback-tank, .racerbacks:hover, .racerbacks:active, .selected .racerbacks, .juniors-racerback-tank:hover, .juniors-racerback-tank:active, .selected .juniors-racerback-tank {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .racerback, .active .racerback-tank, .active .racerbacks, .active .juniors-racerback-tank {
background-image: none; }
.v.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.v-neck, .vneck, .v-necks, .v-neck-t-shirt, .v-neck-t-shirts, .fine-jersey-short-sleeve-v-neck {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.v-neck:hover, .v-neck:active, .selected .v-neck, .vneck:hover, .vneck:active, .selected .vneck, .v-necks:hover, .v-necks:active, .selected .v-necks, .v-neck-t-shirt:hover, .v-neck-t-shirt:active, .selected .v-neck-t-shirt, .v-neck-t-shirts:hover, .v-neck-t-shirts:active, .selected .v-neck-t-shirts, .fine-jersey-short-sleeve-v-neck:hover, .fine-jersey-short-sleeve-v-neck:active, .selected .fine-jersey-short-sleeve-v-neck {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .v-neck, .active .vneck, .active .v-necks, .active .v-neck-t-shirt, .active .v-neck-t-shirts, .active .fine-jersey-short-sleeve-v-neck {
background-image: none; }
.baseball.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.baseball, .baseball-tee, .baseball-t-shirts {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.baseball:hover, .baseball:active, .selected .baseball, .baseball-tee:hover, .baseball-tee:active, .selected .baseball-tee, .baseball-t-shirts:hover, .baseball-t-shirts:active, .selected .baseball-t-shirts {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .baseball, .active .baseball-tee, .active .baseball-t-shirts {
background-image: none; }
.lightweight.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.lightweight-pullover, .pullover, .lightweight-pullovers, .light-weight-raglan-pullover {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.lightweight-pullover:hover, .lightweight-pullover:active, .selected .lightweight-pullover, .pullover:hover, .pullover:active, .selected .pullover, .lightweight-pullovers:hover, .lightweight-pullovers:active, .selected .lightweight-pullovers, .light-weight-raglan-pullover:hover, .light-weight-raglan-pullover:active, .selected .light-weight-raglan-pullover {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .lightweight-pullover, .active .pullover, .active .lightweight-pullovers, .active .light-weight-raglan-pullover {
background-image: none; }
.sweatshirt.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.sweatshirt, .crewneck-sweatshirt, .crewnecksweatshirt {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.sweatshirt:hover, .sweatshirt:active, .selected .sweatshirt, .crewneck-sweatshirt:hover, .crewneck-sweatshirt:active, .selected .crewneck-sweatshirt, .crewnecksweatshirt:hover, .crewnecksweatshirt:active, .selected .crewnecksweatshirt {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .sweatshirt, .active .crewneck-sweatshirt, .active .crewnecksweatshirt {
background-image: none; }
.hoodie.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.hoodie, .hoodies, .pullover-hoodie {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.hoodie:hover, .hoodie:active, .selected .hoodie, .hoodies:hover, .hoodies:active, .selected .hoodies, .pullover-hoodie:hover, .pullover-hoodie:active, .selected .pullover-hoodie {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .hoodie, .active .hoodies, .active .pullover-hoodie {
background-image: none; }
.baby.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.baby, .baby-one-piece {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.baby:hover, .baby:active, .selected .baby, .baby-one-piece:hover, .baby-one-piece:active, .selected .baby-one-piece {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .baby, .active .baby-one-piece {
background-image: none; }
.blanket.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.blanket, .blankets {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.blanket:hover, .blanket:active, .selected .blanket, .blankets:hover, .blankets:active, .selected .blankets {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .blanket, .active .blankets {
background-image: none; }
.pillow.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.pillow, .pillows {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.pillow:hover, .pillow:active, .selected .pillow, .pillows:hover, .pillows:active, .selected .pillows {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .pillow, .active .pillows {
background-image: none; }
.mug.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.mug, .mugs {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.mug:hover, .mug:active, .selected .mug, .mugs:hover, .mugs:active, .selected .mugs {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .mug, .active .mugs {
background-image: none; }
.poster.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.poster, .posters {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.poster:hover, .poster:active, .selected .poster, .posters:hover, .posters:active, .selected .posters {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .poster, .active .posters {
background-image: none; }
.towel.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.towel, .towels, .beach-towel, .beach-towels {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.towel:hover, .towel:active, .selected .towel, .towels:hover, .towels:active, .selected .towels, .beach-towel:hover, .beach-towel:active, .selected .beach-towel, .beach-towels:hover, .beach-towels:active, .selected .beach-towels {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .towel, .active .towels, .active .beach-towel, .active .beach-towels {
background-image: none; }
.canvas.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.canvas, .canvas-print, .canvas-prints {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.canvas:hover, .canvas:active, .selected .canvas, .canvas-print:hover, .canvas-print:active, .selected .canvas-print, .canvas-prints:hover, .canvas-prints:active, .selected .canvas-prints {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .canvas, .active .canvas-print, .active .canvas-prints {
background-image: none; }
.flexi.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.flexi-case, .flexi-cases, .flexicase {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.flexi-case:hover, .flexi-case:active, .selected .flexi-case, .flexi-cases:hover, .flexi-cases:active, .selected .flexi-cases, .flexicase:hover, .flexicase:active, .selected .flexicase {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .flexi-case, .active .flexi-cases, .active .flexicase {
background-image: none; }
.phone.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.phone-case, .phone-cases, .phonecase {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.phone-case:hover, .phone-case:active, .selected .phone-case, .phone-cases:hover, .phone-cases:active, .selected .phone-cases, .phonecase:hover, .phonecase:active, .selected .phonecase {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .phone-case, .active .phone-cases, .active .phonecase {
background-image: none; }
.tablet.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.tablet, .tabletcase, .tablet-case, .tablet-cases {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.tablet:hover, .tablet:active, .selected .tablet, .tabletcase:hover, .tabletcase:active, .selected .tabletcase, .tablet-case:hover, .tablet-case:active, .selected .tablet-case, .tablet-cases:hover, .tablet-cases:active, .selected .tablet-cases {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .tablet, .active .tabletcase, .active .tablet-case, .active .tablet-cases {
background-image: none; }
.tote.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.tote, .totes, .tote-bag, .tote-bags {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.tote:hover, .tote:active, .selected .tote, .totes:hover, .totes:active, .selected .totes, .tote-bag:hover, .tote-bag:active, .selected .tote-bag, .tote-bags:hover, .tote-bags:active, .selected .tote-bags {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .tote, .active .totes, .active .tote-bag, .active .tote-bags {
background-image: none; }
.sticker.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.sticker, .sticker-sheet, .sticker-sheets {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.sticker:hover, .sticker:active, .selected .sticker, .sticker-sheet:hover, .sticker-sheet:active, .selected .sticker-sheet, .sticker-sheets:hover, .sticker-sheets:active, .selected .sticker-sheets {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .sticker, .active .sticker-sheet, .active .sticker-sheets {
background-image: none; }
.greeting-cards.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.giftcard.selected {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjU2LjAwMDAwMCAyNTYuMDAwMDAwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwyNTYuMDAwMDAwKSBzY2FsZSgwLjEwMDAwMCwtMC4xMDAwMDApIiBmaWxsPSIjMDAwMDAwIiBzdHJva2U9Im5vbmUiPiA8cGF0aCBkPSJNMTY3IDE5OTIgYy0xNiAtMTcgLTE3IC04MSAtMTcgLTcxNCAwIC02NjAgMSAtNjk2IDE4IC03MTEgMTcgLTE2IDEwOSAtMTcgMTExNCAtMTcgMTA0OCAwIDEwOTYgMSAxMTExIDE4IDE2IDE3IDE3IDgxIDE3IDcxNCAwIDY2MCAtMSA2OTYgLTE4IDcxMSAtMTcgMTYgLTEwOSAxNyAtMTExNCAxNyAtMTA0OCAwIC0xMDk2IC0xIC0xMTExIC0xOHogbTE1NzcgLTIwOCBjMTYgLTYgMjEgLTMwIDEwIC01OCAtNCAtMTEgLTE5IC0xNiAtNDQgLTE2IC0zNCAwIC0zOSAtNCAtNDkgLTMxIC02IC0xNyAtOCAtMzUgLTUgLTQwIDMgLTUgMjkgLTkgNTkgLTkgbDU0IDAgMyAzOCBjMyAzMiA3IDM4IDM4IDQ4IDE5IDcgMzggMTAgNDMgNyA0IC0yIDcgLTI0IDcgLTQ4IGwwIC00NCA0MyAtMyBjMzkgLTMgNDIgLTUgNDIgLTMzIDAgLTI4IC0zIC0zMCAtNDIgLTMzIGwtNDMgLTMgMCAtOTMgYzAgLTEwMSA3IC0xMTYgNTIgLTExNiAyNSAwIDI4IC0zIDI4IC0zNCAwIC0yOSAtNCAtMzQgLTI5IC0zOSAtNDIgLTkgLTk5IDEwIC0xMTcgMzkgLTEyIDE3IC0xOCA1NyAtMjIgMTM0IGwtNSAxMTAgLTU4IDAgLTU5IDAgMCAtMTQxIDAgLTE0MCAtNDIgMyAtNDMgMyAtMyAxMzggYy0yIDEyOSAtNCAxMzcgLTIyIDEzNyAtMTYgMCAtMjAgNyAtMjAgMzUgMCAyOCA0IDM1IDE5IDM1IDIwIDAgMzEgMTggMzEgNTIgMCA3MCAxMDIgMTMwIDE3NCAxMDJ6IG0tNDIyIC00MiBjNyAtNyA3IC0yMCAxIC0zOSAtOCAtMjEgLTE2IC0yNyAtMzQgLTI2IC0xMyAyIC01MSA0IC04NSA1IC0xMDYgMyAtMTY0IC01NCAtMTY0IC0xNjEgMCAtNjMgMjAgLTExNCA1MyAtMTM2IDM4IC0yNSA4OCAtMzYgMTMwIC0yOSBsMzcgNiAwIDU0IDAgNTQgLTQ2IDAgLTQ1IDAgMyAzOCAzIDM3IDgwIDAgODAgMCAzIC0xMjEgMyAtMTIxIC0zOSAtMTEgYy02MSAtMTkgLTE4MCAtMTUgLTIyNyA3IC04MiAzOCAtMTI2IDExMyAtMTI3IDIxNiAwIDk3IDQ3IDE4MSAxMjQgMjIxIDU4IDMwIDIyMiAzNCAyNTAgNnogbTE2NiAtMjg0IGwtMyAtMTczIC00MCAwIC00MCAwIC0zIDE3MyAtMiAxNzIgNDUgMCA0NSAwIC0yIC0xNzJ6IG01NzAgLTM3MCBsMiAtMzA4IC00NSAwIGMtMzMgMCAtNDUgNCAtNDUgMTUgMCAxOSAtMyAxOSAtNTAgLTUgLTEzMSAtNjcgLTI3MCAzNiAtMjcwIDIwMSAwIDE2MiAxMzQgMjcwIDI2NyAyMTQgMTkgLTggMzcgLTE1IDM5IC0xNSAyIDAgNCA0NyA0IDEwNiBsMCAxMDUgNDggLTMgNDcgLTMgMyAtMzA3eiBtLTExNTIgMjgxIGMyNCAtNiA0NiAtMTUgNDkgLTE5IDIgLTMgLTEgLTI0IC03IC00NCAtMTIgLTM3IC0xMyAtMzcgLTQ3IC0yOSAtMjAgNCAtNjYgOCAtMTAyIDggLTU1IC0xIC03MyAtNSAtMTA2IC0yNyAtNTYgLTM3IC04NCAtOTggLTg0IC0xODMgMCAtMTU5IDEwMyAtMjM5IDI2NCAtMjA2IDMzIDcgNjEgMTAgNjQgNyAzIC0zIDYgLTIyIDcgLTQzIDEgLTM1IC0xIC0zOCAtMzkgLTQ5IC0xMDkgLTM0IC0yNDkgLTYgLTMyMCA2MyAtNjEgNTkgLTgwIDExMiAtODAgMjIzIDAgODQgMyAxMDEgMjcgMTQ1IDcwIDEzMiAyMTkgMTkzIDM3NCAxNTR6IG0zNTEgLTE3NSBjNTEgLTM4IDYwIC03NSA2NiAtMjUxIGw2IC0xNjMgLTQ1IDAgYy0yOCAwIC00NyA1IC01MCAxNCAtNCAxMSAtMTIgMTAgLTQyIC01IC01MCAtMjYgLTExMSAtMjQgLTE1MyA0IC00MiAyOCAtNTkgNjAgLTU5IDExMiAwIDgzIDcwIDE0MiAxODIgMTUyIDQ2IDUgNTggOSA1OCAyMyAwIDQ4IC04MCA2OSAtMTUxIDQwIC0yOCAtMTIgLTMzIC0xMiAtNDUgNSAtOCAxMCAtMTQgMjcgLTE0IDM3IDAgNTMgMTg2IDc3IDI0NyAzMnogbTM4MyAtMjQgYzAgLTUwIDAgLTUwIC0zMyAtNTAgLTM3IDAgLTc0IC0yOCAtODIgLTYzIC0zIC0xMiAtNiAtNzggLTggLTE0NyBsLTIgLTEyNSAtNTAgMCAtNTAgMCAtMyAyMTMgLTIgMjEyIDQ1IDAgYzMzIDAgNDUgLTQgNDUgLTE1IDAgLTE5IDMgLTE5IDQyIDUgMTggMTEgNDggMjAgNjYgMjAgMzIgMCAzMiAwIDMyIC01MHoiLz48cGF0aCBkPSJNMTgwNyAxMTE5IGMtNjYgLTM4IC02NCAtMjEzIDIgLTI0OSAzOSAtMjAgODcgLTEyIDExNCAyMCA0NiA1NCA0NyAxNzEgMSAyMTcgLTI1IDI1IC04NCAzMSAtMTE3IDEyeiIvPjwvZz48L3N2Zz4="); }
.giftcard {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjU2LjAwMDAwMCAyNTYuMDAwMDAwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwyNTYuMDAwMDAwKSBzY2FsZSgwLjEwMDAwMCwtMC4xMDAwMDApIiBmaWxsPSIjOWNhMGE0IiBzdHJva2U9Im5vbmUiPiA8cGF0aCBkPSJNMTY3IDE5OTIgYy0xNiAtMTcgLTE3IC04MSAtMTcgLTcxNCAwIC02NjAgMSAtNjk2IDE4IC03MTEgMTcgLTE2IDEwOSAtMTcgMTExNCAtMTcgMTA0OCAwIDEwOTYgMSAxMTExIDE4IDE2IDE3IDE3IDgxIDE3IDcxNCAwIDY2MCAtMSA2OTYgLTE4IDcxMSAtMTcgMTYgLTEwOSAxNyAtMTExNCAxNyAtMTA0OCAwIC0xMDk2IC0xIC0xMTExIC0xOHogbTE1NzcgLTIwOCBjMTYgLTYgMjEgLTMwIDEwIC01OCAtNCAtMTEgLTE5IC0xNiAtNDQgLTE2IC0zNCAwIC0zOSAtNCAtNDkgLTMxIC02IC0xNyAtOCAtMzUgLTUgLTQwIDMgLTUgMjkgLTkgNTkgLTkgbDU0IDAgMyAzOCBjMyAzMiA3IDM4IDM4IDQ4IDE5IDcgMzggMTAgNDMgNyA0IC0yIDcgLTI0IDcgLTQ4IGwwIC00NCA0MyAtMyBjMzkgLTMgNDIgLTUgNDIgLTMzIDAgLTI4IC0zIC0zMCAtNDIgLTMzIGwtNDMgLTMgMCAtOTMgYzAgLTEwMSA3IC0xMTYgNTIgLTExNiAyNSAwIDI4IC0zIDI4IC0zNCAwIC0yOSAtNCAtMzQgLTI5IC0zOSAtNDIgLTkgLTk5IDEwIC0xMTcgMzkgLTEyIDE3IC0xOCA1NyAtMjIgMTM0IGwtNSAxMTAgLTU4IDAgLTU5IDAgMCAtMTQxIDAgLTE0MCAtNDIgMyAtNDMgMyAtMyAxMzggYy0yIDEyOSAtNCAxMzcgLTIyIDEzNyAtMTYgMCAtMjAgNyAtMjAgMzUgMCAyOCA0IDM1IDE5IDM1IDIwIDAgMzEgMTggMzEgNTIgMCA3MCAxMDIgMTMwIDE3NCAxMDJ6IG0tNDIyIC00MiBjNyAtNyA3IC0yMCAxIC0zOSAtOCAtMjEgLTE2IC0yNyAtMzQgLTI2IC0xMyAyIC01MSA0IC04NSA1IC0xMDYgMyAtMTY0IC01NCAtMTY0IC0xNjEgMCAtNjMgMjAgLTExNCA1MyAtMTM2IDM4IC0yNSA4OCAtMzYgMTMwIC0yOSBsMzcgNiAwIDU0IDAgNTQgLTQ2IDAgLTQ1IDAgMyAzOCAzIDM3IDgwIDAgODAgMCAzIC0xMjEgMyAtMTIxIC0zOSAtMTEgYy02MSAtMTkgLTE4MCAtMTUgLTIyNyA3IC04MiAzOCAtMTI2IDExMyAtMTI3IDIxNiAwIDk3IDQ3IDE4MSAxMjQgMjIxIDU4IDMwIDIyMiAzNCAyNTAgNnogbTE2NiAtMjg0IGwtMyAtMTczIC00MCAwIC00MCAwIC0zIDE3MyAtMiAxNzIgNDUgMCA0NSAwIC0yIC0xNzJ6IG01NzAgLTM3MCBsMiAtMzA4IC00NSAwIGMtMzMgMCAtNDUgNCAtNDUgMTUgMCAxOSAtMyAxOSAtNTAgLTUgLTEzMSAtNjcgLTI3MCAzNiAtMjcwIDIwMSAwIDE2MiAxMzQgMjcwIDI2NyAyMTQgMTkgLTggMzcgLTE1IDM5IC0xNSAyIDAgNCA0NyA0IDEwNiBsMCAxMDUgNDggLTMgNDcgLTMgMyAtMzA3eiBtLTExNTIgMjgxIGMyNCAtNiA0NiAtMTUgNDkgLTE5IDIgLTMgLTEgLTI0IC03IC00NCAtMTIgLTM3IC0xMyAtMzcgLTQ3IC0yOSAtMjAgNCAtNjYgOCAtMTAyIDggLTU1IC0xIC03MyAtNSAtMTA2IC0yNyAtNTYgLTM3IC04NCAtOTggLTg0IC0xODMgMCAtMTU5IDEwMyAtMjM5IDI2NCAtMjA2IDMzIDcgNjEgMTAgNjQgNyAzIC0zIDYgLTIyIDcgLTQzIDEgLTM1IC0xIC0zOCAtMzkgLTQ5IC0xMDkgLTM0IC0yNDkgLTYgLTMyMCA2MyAtNjEgNTkgLTgwIDExMiAtODAgMjIzIDAgODQgMyAxMDEgMjcgMTQ1IDcwIDEzMiAyMTkgMTkzIDM3NCAxNTR6IG0zNTEgLTE3NSBjNTEgLTM4IDYwIC03NSA2NiAtMjUxIGw2IC0xNjMgLTQ1IDAgYy0yOCAwIC00NyA1IC01MCAxNCAtNCAxMSAtMTIgMTAgLTQyIC01IC01MCAtMjYgLTExMSAtMjQgLTE1MyA0IC00MiAyOCAtNTkgNjAgLTU5IDExMiAwIDgzIDcwIDE0MiAxODIgMTUyIDQ2IDUgNTggOSA1OCAyMyAwIDQ4IC04MCA2OSAtMTUxIDQwIC0yOCAtMTIgLTMzIC0xMiAtNDUgNSAtOCAxMCAtMTQgMjcgLTE0IDM3IDAgNTMgMTg2IDc3IDI0NyAzMnogbTM4MyAtMjQgYzAgLTUwIDAgLTUwIC0zMyAtNTAgLTM3IDAgLTc0IC0yOCAtODIgLTYzIC0zIC0xMiAtNiAtNzggLTggLTE0NyBsLTIgLTEyNSAtNTAgMCAtNTAgMCAtMyAyMTMgLTIgMjEyIDQ1IDAgYzMzIDAgNDUgLTQgNDUgLTE1IDAgLTE5IDMgLTE5IDQyIDUgMTggMTEgNDggMjAgNjYgMjAgMzIgMCAzMiAwIDMyIC01MHoiLz48cGF0aCBkPSJNMTgwNyAxMTE5IGMtNjYgLTM4IC02NCAtMjEzIDIgLTI0OSAzOSAtMjAgODcgLTEyIDExNCAyMCA0NiA1NCA0NyAxNzEgMSAyMTcgLTI1IDI1IC04NCAzMSAtMTE3IDEyeiIvPjwvZz48L3N2Zz4="); }
.greeting-cards, .greeting-card, .greetingcard {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.greeting-cards:hover, .greeting-cards:active, .selected .greeting-cards, .greeting-card:hover, .greeting-card:active, .selected .greeting-card, .greetingcard:hover, .greetingcard:active, .selected .greetingcard {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .greeting-cards, .active .greeting-card, .active .greetingcard {
background-image: none; }
.tattoo.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.tattoo, .tattoos {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.tattoo:hover, .tattoo:active, .selected .tattoo, .tattoos:hover, .tattoos:active, .selected .tattoos {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .tattoo, .active .tattoos {
background-image: none; }
.accessoryBag.selected, .accessoryPouch.selected, .accessorybag.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.accessoryBag, .accessoryBags, .accessoryPouch, .accessoryPouchs, .accessorybag, .accessorybags {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.accessoryBag:hover, .accessoryBag:active, .selected .accessoryBag, .accessoryBags:hover, .accessoryBags:active, .selected .accessoryBags, .accessoryPouch:hover, .accessoryPouch:active, .selected .accessoryPouch, .accessoryPouchs:hover, .accessoryPouchs:active, .selected .accessoryPouchs, .accessorybag:hover, .accessorybag:active, .selected .accessorybag, .accessorybags:hover, .accessorybags:active, .selected .accessorybags {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .accessoryBag, .active .accessoryBags, .active .accessoryPouch, .active .accessoryPouchs, .active .accessorybag, .active .accessorybags {
background-image: none; }
.wall-decal.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.wall-decal, .wall-decals {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.wall-decal:hover, .wall-decal:active, .selected .wall-decal, .wall-decals:hover, .wall-decals:active, .selected .wall-decals {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .wall-decal, .active .wall-decals {
background-image: none; }
.legging.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.legging, .leggings {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.legging:hover, .legging:active, .selected .legging, .leggings:hover, .leggings:active, .selected .leggings {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .legging, .active .leggings {
background-image: none; }
.sock.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.sock, .socks {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.sock:hover, .sock:active, .selected .sock, .socks:hover, .socks:active, .selected .socks {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .sock, .active .socks {
background-image: none; }
.necklace.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.necklace, .necklaces {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.necklace:hover, .necklace:active, .selected .necklace, .necklaces:hover, .necklaces:active, .selected .necklaces {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .necklace, .active .necklaces {
background-image: none; }
.pin.selected {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.pin, .pins {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.pin:hover, .pin:active, .selected .pin, .pins:hover, .pins:active, .selected .pins {
background-image: url('data:image/svg+xml;charset=utf8,'); }
.active .pin, .active .pins {
background-image: none; }
nav {
width: 100%;
padding: 20px;
box-sizing: border-box;
border-bottom: 1px solid #ccc;
background-color: #f1f1f1; }
nav img {
height: 40px;
width: auto; }
nav .navLinks {
float: right; }
.loginForm {
width: 300px;
position: relative;
margin: 100px auto;
padding: 20px;
border: 1px solid #ecf0f1; }
.loginForm .forgotPassword {
width: 100%;
padding-top: 20px;
font-size: 12px;
text-align: center; }
.loginForm h2 {
font-size: 18px;
font-weight: bold; }
.loginForm button {
margin: 0px auto;
display: block;
width: 100px; }
.dedup h2 {
font-size: 25px;
font-weight: bold;
margin: 15px 0px; }
.dedup h3 {
width: 300px; }
.dedup .productBlock {
float: left;
width: 100%;
border-bottom: 1px solid #000;
padding-bottom: 20px; }
.dedup .product {
float: left;
text-align: center;
width: 33%; }
.migrateProducts .multiProductTrigger {
float: right;
margin-top: 10px; }
.migrateProducts .productToMigrate {
width: 100%;
border-bottom: 1px solid #ccc;
padding: 20px 0px; }
.migrateProducts .migrateToLogo {
width: 100px;
height: auto; }
.migrateProducts .product {
text-align: center; }
.migrateProducts .product .removeProduct {
position: absolute;
top: 0px;
left: 0px; }
.migrateProducts .product .siteLogo {
position: absolute;
width: 30px;
left: calc(50% - 15px);
/* box-shadow: 10px 10px 5px #888888; */
top: calc(100% - 60px);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); }
.migrateProducts .product .arrow {
display: block;
position: absolute;
left: calc(100% - 50px);
top: calc(50% - 30px);
font-size: 60px;
color: rgba(0, 0, 0, 0.2); }
.users .searchField {
width: 300px;
float: right;
margin-top: -33px; }
.users td {
cursor: pointer; }
.users tbody > tr:hover * {
background-color: #f2f2f2; }
.users h3 {
font-size: 20px;
font-weight: bold;
width: 100%;
border-bottom: 1px solid #FFF; }
.users nav {
border-bottom: 0px;
padding: 0px;
background-color: transparent; }
.editUser .btn {
margin-left: 15px; }
.editUser .header {
padding-top: 0px;
overflow: auto;
zoom: 1; }
.editUser .header .flipswitch {
display: inline-block;
float: left;
margin-top: -10px;
margin-left: 10px; }
.editUser .header h2 {
font-size: 22px;
margin: 10px auto;
font-weight: bold;
margin-top: -5px;
float: left;
margin-right: 10px; }
.editUser .group {
font-size: 14px; }
.ecommerceUsers .searchField {
width: 300px;
float: right;
margin-top: -33px; }
.ecommerceUsers h3 {
font-size: 20px;
font-weight: bold;
width: 100%;
border-bottom: 1px solid #FFF; }
.ecommerceUsers nav {
border-bottom: 0px;
padding: 0px;
background-color: transparent; }
.editUser .btn {
margin-left: 15px; }
.editUser .header {
padding-top: 0px;
overflow: auto;
zoom: 1; }
.editUser .header .flipswitch {
display: inline-block;
float: left;
margin-top: -10px;
margin-left: 10px; }
.editUser .header h2 {
font-size: 22px;
margin: 10px auto;
font-weight: bold;
margin-top: -5px;
float: left;
margin-right: 10px; }
.editUser .group {
font-size: 14px; }
.myProducts .product {
height: 350px;
border: 1px solid #f2f2f2;
padding: 10px;
/* margin: 10px; */
box-sizing: border-box;
border-radius: 3px; }
.myProducts .product h3 {
height: 50px;
font-weight: lighter;
font-size: 18px;
line-height: 22px; }
.myProducts .day {
font-size: 22px;
margin: 15px 0px;
width: 100%;
border-bottom: 1px solid #ccc;
padding-bottom: 15px; }
.groupsPermissions h3 {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px; }
.groupsPermissions .permission {
font-size: 12px;
display: inline-block;
margin: 10px;
padding: 10px;
background-color: #e74c3c;
color: #fff;
border-radius: 10px; }
.groupsPermissions .permission .removePermission {
color: #ccc;
background-color: rgba(0, 0, 0, 0.2);
padding: 1px 5px;
border-radius: 50%;
cursor: pointer;
font-size: 10px; }
.createProduct .multiImage {
margin: 20px 0px; }
.createProduct .removeImage {
position: absolute;
left: 100%;
margin-left: -40px;
margin-top: -25px;
background-color: #e74c3c;
color: #fff;
border-radius: 50%;
cursor: pointer;
font-size: 12px;
padding: 3px 5px; }
.createProduct .atp .row {
border-bottom: 0px;
padding: 10px 0px; }
.createProduct .category {
float: left;
padding: 10px;
cursor: pointer;
border-width: 1px 1px 0px 1px;
border-color: #333;
border-style: solid;
margin: 0px 3px;
height: 38px;
background-color: #FFF;
margin-bottom: 20px; }
.createProduct .types {
overflow: auto;
zoom: 1;
width: 100%; }
.createProduct .type {
width: 60px;
height: 60px;
text-align: center;
padding-top: 65px;
background-repeat: no-repeat;
margin: 10px;
display: inline-block;
font-size: 12px;
background-position-y: 80%;
cursor: pointer;
background-position: center top;
float: left;
margin-bottom: 20px; }
.createProduct .style {
font-size: 12px;
padding: 5px 0px;
line-height: 16px; }
.createProduct .color {
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #ccc;
display: inline-block;
margin: 3px;
background-size: 40px 40px; }
.createProduct .color:hover {
border: 2px solid #333; }
.createProduct .color.selected {
border: 2px solid #333; }
.createProduct .category.selected {
background-color: #F2f2f2; }
.createProduct .categories {
border-bottom: 1px solid #333;
box-sizing: border-box;
clear: none;
height: 38px; }
.createProduct .createProductButton {
width: 100%;
height: 70px;
background-color: #1752c9;
color: #FFF;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 22px;
border: 0px;
margin-top: 40px; }
.createProduct .createProductButton:after {
content: "\25B6\FE0E";
margin-left: 0.7rem; }
.createProduct h3 {
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 10px; }
.createProduct .flipswitch {
float: right;
margin-top: 20px; }
.createProduct .row {
padding: 20px;
border-bottom: 1px solid #ccc; }
.createProduct .title {
color: #111;
font-size: 2rem;
letter-spacing: .05em;
line-height: 1;
margin-bottom: 1rem;
text-transform: uppercase;
font-weight: bold; }
.createProduct .title input {
width: 100%; }
.createProduct .description {
font-size: 14px;
margin: 20px 0px;
text-align: justify;
line-height: 16px; }
.createProduct .description textarea {
width: 100%;
height: 100px; }
.createProduct .image-preview {
width: 512px;
height: 512px;
position: relative;
overflow: hidden;
background-color: #ffffff;
color: #ecf0f1; }
.createProduct .image-preview input {
line-height: 200px;
font-size: 200px;
position: absolute;
opacity: 0;
z-index: 10; }
.createProduct .image-preview label {
position: absolute;
z-index: 5;
opacity: 0.8;
cursor: pointer;
background-color: #bdc3c7;
width: 200px;
height: 50px;
font-size: 20px;
line-height: 30px;
text-transform: uppercase;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
text-align: center; }
.product .tag, .createProduct .tag {
background-color: #5E94FF;
display: inline-block;
color: #fff;
padding: 10px;
margin: 5px;
border-radius: 15px;
font-size: 12px; }
.product .tag .removeTag, .createProduct .tag .removeTag {
display: inline-block;
margin-right: 5px;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.2);
padding: 0px 3px;
border-radius: 50%;
color: #1752c9; }
.product .newTag, .createProduct .newTag {
display: block;
width: auto;
font-size: 12px;
background-color: #f3f3f3;
border: 0px;
border-radius: 15px;
height: 30px;
padding: 8px;
outline: none;
margin-top: 20px; }
.product nav, .createProduct nav {
border-bottom: 0px;
padding: 0px;
background-color: transparent; }
.product .variations .variation {
width: 23%;
margin: 1%;
float: left; }
.product .variations .variation .glyphicon-star {
position: relative;
z-index: 100;
margin-top: -20px;
margin-bottom: -30px;
top: 20px;
left: 5px;
font-size: 22px;
color: #f1c40f; }
.product .variations .variation .removeVariation {
top: 0px;
position: relative;
display: block;
margin-top: -128px;
margin-bottom: 130px;
left: 110px;
color: #fff;
background-color: #c0392b;
width: 18;
text-align: center;
border-radius: 50%;
font-size: 9px;
padding: 5px; }
.product .variations .variation img {
width: 100%;
height: auto; }
.product .variations .variation.addVariation {
background-color: #ecf0f1;
height: 127px;
color: #333;
font-size: 18px;
text-align: center;
padding-top: 40px;
border-radius: 5px;
cursor: pointer; }
.product .variations .variation.addVariation:hover {
text-decoration: none; }
.product b {
font-weight: bold; }
.product sub {
font-style: italic;
font-size: 12px;
color: #ccc; }
.product .startDate {
width: 180px;
float: right;
margin-top: -40px; }
.product .startDate span {
font-size: 12px; }
.product h3 {
font-size: 18px;
font-weight: bolder; }
.product h4 {
font-size: 16px;
font-weight: bold;
margin: 20px 0px 10px 0px; }
.product h4 span.edit {
font-size: 12px;
text-transform: uppercase; }
.sales h3 {
font-size: 22px;
margin: 20px 0px; }
.vcenter {
display: inline-block;
vertical-align: middle;
float: none; }
.dateRow {
position: absolute;
width: 1000px;
margin-top: -10px; }
.dateRow .line {
width: 250px;
background-color: #e74c3c;
height: 1px;
margin-top: -15px;
display: inline-block; }
.dateRow .date {
display: inline-block;
margin: 0px 10px;
font-weight: bold; }
.event {
height: 100px; }
.event .line {
width: 1px;
border-right: 1px solid #f2f2f2;
height: 42px;
margin-left: 80px; }
.event .circle {
width: 16px;
height: 16px;
background-color: #2ecc71;
border-radius: 50%;
margin-left: 73px; }
.event .date {
position: absolute;
/* display: none; */
font-size: 12px;
color: #CCC;
text-align: center;
margin-top: -20px; }
.event .description {
padding-top: 35px;
padding-left: 50px; }
.event .userEmail {
margin-top: 0.5rem;
margin-left: 1.0rem;
font-style: italic;
font-size: 0.9rem; }
.detail {
display: block;
margin-top: 10px;
color: #888; }
.detail b {
display: inline-block;
font-weight: bold;
color: #333;
margin-bottom: 5px; }
.order .note {
border-bottom: 1px solid #f2f2f2;
padding: 10px 0px; }
.order .note .editForm {
display: none; }
.order .note .controls {
margin-top: 10px; }
.order .note .controls .editNote, .order .note .controls .deleteNote {
display: inline-block;
margin-right: 5px;
cursor: pointer; }
.order .note .controls .deleteNote {
color: #e74c3c; }
.order .note .noteTitle {
font-size: 14px;
color: #ccc;
font-style: italic;
margin: 10px 0px;
display: inline-block; }
.order .dropdown {
float: left;
margin-right: 20px; }
.order b {
font-weight: bold; }
.order h3 {
font-size: 20px;
font-weight: bold;
margin: 10px 0px; }
.order h4 {
font-size: 18px;
margin: 10px 0px; }
.order .navigation {
margin-top: 20px; }
.order .source {
padding: 20px;
width: 100%;
border: 1px solid #333;
margin: 70px 0px; }
.order .source .sourceTitle {
margin-top: -53px;
margin-bottom: 20px;
background-color: #333;
color: #FFF;
padding: 8px;
margin-left: -21px;
width: 200px;
text-align: center; }
.order .source .sourceItems .item {
margin-bottom: 20px; }
.order .transaction, .order .address {
line-height: 1.5rem;
margin-top: 5px; }
.order .subtotal .subTotal-table {
margin-top: 5px;
font-size: 0.9rem; }
.order .subtotal .subTotal-table th {
font-weight: bold;
padding: 5px; }
.order .subtotal .subTotal-table td {
padding: 5px;
text-align: right; }
.order .subtotal .subTotal-table .savings {
color: #ff0000; }
.promotions {
padding-top: 30px; }
.promotions .bigNumber {
font-size: 48px;
font-weight: 100; }
.promotions .bigLabel {
font-size: 40px;
font-weight: 100;
margin: 30px 0px; }
.promotions b {
display: block;
font-weight: bold;
margin: 20px 0px 10px; }
.promotions h3 {
font-size: 18px;
margin: 10px 0px 20px;
font-weight: bold; }
.promotions .promotionDetails {
margin: 10px 0px; }
.promotions .scrollableCell {
max-height: 100px;
max-width: 300px;
overflow: scroll; }
.promotions .typeSelector {
margin-top: 10px;
margin-bottom: 30px; }
.promotions .typeSelector b {
font-weight: bold;
display: inline-block;
margin-right: 10px; }
.promotions .typeSelector label {
display: inline-block;
margin-right: 10px;
padding-top: 3px; }
.promotions .statusSiteSelectors {
margin-left: 30px;
margin-top: -15px;
font-weight: bold;
padding-top: 10px; }
.promotions .statusSiteSelectors select {
font-weight: normal;
margin-top: -4px;
margin-left: 5px; }
.promotions .list td {
padding: 20px 5px; }
.promotions .list td .btn {
display: inline-block;
margin-bottom: 5px; }
.promotions .list td td {
padding: 5px; }
.promotions .header sub {
font-size: 12px;
color: #CCCCCC;
font-style: italic; }
.miniCalendar .event {
height: 25px;
margin-top: 50px;
font-size: 12px;
background-color: #3498db;
z-index: 3;
color: #fff;
padding: 7px;
margin-bottom: -100px;
border-radius: 5px;
border: 1px solid #2980b9; }
.miniCalendar .calendarDay {
display: inline-block;
border: 1px solid #CCC;
height: 130px;
margin: 0px;
padding: 5px; }
.miniCalendar .calendarDay .updateDate {
margin-top: 70px; }
.miniCalendar .calendarDay .date {
color: #aaa; }
.createPromotion hr {
margin: 40px 0px;
border: 0;
border-top: 3px solid #eee;
width: calc(100% + 30px);
margin-left: -15px; }
.createPromotion .subHeader {
margin-left: 0px !important; }
.createPromotion h3 {
font-size: 22px;
font-weight: bold;
margin: 20px 0px 10px; }
.createPromotion label > select {
font-weight: normal; }
.createPromotion label > input {
font-weight: normal; }
.createPromotion label {
font-weight: 600;
font-size: 14px;
text-transform: uppercase; }
.createPromotion .tab-pane {
padding: 20px;
border: 1px solid #ccc;
border-width: 0px 1px 1px 1px; }
.createPromotion .modal-body h4 {
font-size: 18px;
margin: 20px 0px 10px;
font-weight: 600; }
.createPromotion .modal-body sub {
font-size: 14px;
color: #ccc;
font-style: italic;
display: inline-block;
margin-bottom: 10px; }
.collections {
padding-top: 30px; }
.collections b {
display: block;
font-weight: bold;
margin: 20px 0px 10px; }
.collections h3 {
font-size: 18px;
margin: 10px 0px 20px;
font-weight: bold; }
.collections .collectionDetails {
margin: 10px 0px; }
.collections .scrollableCell {
max-height: 100px;
max-width: 300px;
overflow: scroll; }
.collections .typeSelector {
margin-top: 10px;
margin-bottom: 30px; }
.collections .typeSelector b {
font-weight: bold;
display: inline-block;
margin-right: 10px; }
.collections .typeSelector label {
display: inline-block;
margin-right: 10px;
padding-top: 3px; }
.collections .statusSiteSelectors {
margin-left: 30px;
margin-top: -15px;
font-weight: bold;
padding-top: 10px; }
.collections .statusSiteSelectors select {
font-weight: normal;
margin-top: -4px;
margin-left: 5px; }
.collections .list td {
padding: 20px 5px; }
.collections .list td .btn {
display: inline-block;
margin-bottom: 5px; }
.collections .list td td {
padding: 5px; }
.collections .header sub {
font-size: 12px;
color: #CCCCCC;
font-style: italic; }
.miniCalendar .event {
height: 25px;
margin-top: 50px;
font-size: 12px;
background-color: #3498db;
z-index: 3;
color: #fff;
padding: 7px;
margin-bottom: -100px;
border-radius: 5px;
border: 1px solid #2980b9; }
.miniCalendar .calendarDay {
display: inline-block;
border: 1px solid #CCC;
height: 130px;
margin: 0px;
padding: 5px; }
.miniCalendar .calendarDay .updateDate {
margin-top: 70px; }
.miniCalendar .calendarDay .date {
color: #aaa; }
.createCollection hr {
margin: 40px 0px;
border: 0;
border-top: 3px solid #eee;
width: calc(100% + 30px);
margin-left: -15px; }
.createCollection .subHeader {
margin-left: 0px !important; }
.createCollection h3 {
font-size: 22px;
font-weight: bold;
margin: 20px 0px 10px; }
.createCollection label > select {
font-weight: normal; }
.createCollection label > input {
font-weight: normal; }
.createCollection label {
font-weight: 600;
font-size: 14px;
text-transform: uppercase; }
.createCollection .tab-pane {
padding: 20px;
border: 1px solid #ccc;
border-width: 0px 1px 1px 1px; }
.createCollection .modal-body h4 {
font-size: 18px;
margin: 20px 0px 10px;
font-weight: 600; }
.createCollection .modal-body sub {
font-size: 14px;
color: #ccc;
font-style: italic;
display: inline-block;
margin-bottom: 10px; }
.createCollection .tag {
background-color: #5E94FF;
display: inline-block;
color: #fff;
padding: 10px;
margin: 5px;
border-radius: 15px;
font-size: 12px; }
.createCollection .tag .removeTag {
display: inline-block;
margin-right: 5px;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.2);
padding: 0px 3px;
border-radius: 50%;
color: #1752c9; }
.createCollection .newTag {
display: block;
width: auto;
font-size: 12px;
background-color: #f3f3f3;
border: 0px;
border-radius: 15px;
height: 30px;
padding: 8px;
outline: none;
margin-top: 20px; }
.createCollection .image-preview {
width: 512px;
height: 512px;
position: relative;
overflow: hidden;
background-color: #ffffff;
color: #ecf0f1; }
.createCollection .image-preview input {
line-height: 200px;
font-size: 200px;
position: absolute;
opacity: 0;
z-index: 10; }
.createCollection .image-preview label {
position: absolute;
z-index: 5;
opacity: 0.8;
cursor: pointer;
background-color: #bdc3c7;
width: 200px;
height: 50px;
font-size: 20px;
line-height: 30px;
text-transform: uppercase;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
text-align: center; }
.createCollection .createCollectionButton {
width: 100%;
height: 70px;
background-color: #1752c9;
color: #FFF;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 22px;
border: 0px;
margin-top: 40px; }
.createCollection .createCollectionButton:after {
content: "\25B6\FE0E";
margin-left: 0.7rem; }
.pages .stylish-input-group input {
width: 40%;
float: right;
transition: 0.5s; }
.pages .stylish-input-group input:active, .pages .stylish-input-group input:focus {
width: 50%; }
.pages form .row {
padding: 5px 0px 16px; }
.pages .preview, .pages .sidebar {
border: 1px solid #ccc;
height: calc(100% - 185px);
overflow: scroll; }
.pages .preview h2, .pages .sidebar h2 {
font-size: 18px;
margin-top: 15px;
text-transform: uppercase; }
.pages .preview .existing, .pages .sidebar .existing {
margin-top: -25px;
margin-right: -10px; }
.pages .sidebar {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-width: 2px 2px 2px 0px; }
.pages hr {
width: calc(100% + 30px);
margin-left: -15px;
margin-top: 15px; }
.pages .preview {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-width: 2px 1px 2px 2px; }
.pages .module-types .module-type {
border: 1px solid #f2f2f2;
margin-bottom: 10px;
padding: 10px; }
.pages .module-types .module-type h3 {
font-weight: bold;
margin-bottom: 5px; }
.pages .module-types .module-type img {
width: 100%;
height: auto; }
.pages .sidebar h4 {
font-size: 18px;
font-weight: bold; }
.pages .sidebar .bordered-label {
border: 1px solid #ccc;
padding: 10px;
margin-top: 10px; }
.pages.editModule h4 {
font-size: 22px;
margin-top: 30px; }
.module {
border: 1px solid #ccc;
padding: 10px;
margin-top: 10px; }
.arrow_icon_smallWButton {
background-image: url('data:image/svg+xml;charset=utf8,');
background-position: 2px 0px;
background-repeat: no-repeat;
display: inline-block;
height: 7px;
width: 9px; }
.glyphicon-chevron-right {
display: none; }
.two_wide .image-content {
text-align: center;
padding: 10px; }
.two_wide a:hover {
text-decoration: none; }
.two_wide h2 {
font-weight: bold;
padding-left: 10px;
border-left: 2px solid #333;
padding: 0px 10px 0px;
margin-bottom: 10px;
margin-left: 15px; }
.two_wide h3 {
font-size: 12px;
margin: 5px 10px;
font-weight: bold;
color: #000; }
.two_wide h3 i {
font-size: 15px; }
.two_wide h4 {
font-size: 10px;
text-transform: uppercase;
margin: 5px 10px;
font-weight: 600;
letter-spacing: 1px;
color: #e1e1e1; }
.two_wide h5 {
font-size: 10px;
margin: 5px 10px;
color: #666; }
.two_wide .promotion_pane {
margin: 25px 0;
padding: 30px 0;
text-align: center; }
.two_wide .promotion_pane h3 {
font-size: 25px;
font-weight: 900;
letter-spacing: 1px;
text-transform: none; }
.two_wide .promotion_pane p {
margin: 3px 0; }
.two_wide .border {
background: #e1e1e1 none repeat scroll 0 0;
border: 1px solid #e4e4e4; }
.two_wide .image-content-image-width {
width: 68px; }
.two_wide .image-content-h5 {
text-align: center; }
.two_wide .btn_black {
background: #000;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 900;
text-align: center;
padding: 19px 35px; }
.two_wide .margin_right30 {
margin: 0 30px 0 0; }
.two_wide .margin_right {
margin-right: 20px !important; }
.sale-price {
color: #f2836c;
display: inline-block;
font-weight: 900; }
.sale-price span {
text-transform: uppercase; }
.sale-price span:first-child {
/*font-size: 1.2rem;*/
font-weight: 400; }
.head_desc {
color: #565759;
padding: 0 0 0 10px;
font-size: 10px;
line-height: 1.23077;
text-align: center; }
.desktop_image_hide {
display: none; }
.mobile_image {
display: block; }
.desktop_image {
display: none; }
@media (min-width: 550px) {
.mobile_image {
display: none; }
.desktop_image {
display: block; } }
/*# sourceMappingURL=app.css.map */