@charset "UTF-8"; #shopcloud { box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: transparent; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } *, *:focus, *::before, *::after { box-sizing: inherit; outline: none; } @font-face { font-family: "magictoolbox-thin"; font-weight: normal; font-style: normal; src: url(../../template/store/fonts/magictoolbox-thin.eot?#iefix) format("embedded-opentype"), url("data:font/opentype;base64,AAEAAAANAIAAAwBQRkZUTXJLSEgAAAdAAAAAHEdERUYAKQAPAAAHIAAAAB5PUy8yAlYL4QAAAVgAAABWY21hcEAYY70AAAHUAAABSmdhc3D//wADAAAHGAAAAAhnbHlmMMVOJwAAAzQAAAGIaGVhZAmWUYMAAADcAAAANmhoZWEP9QamAAABFAAAACRobXR4L0EAQAAAAbAAAAAkbG9jYQGGAgAAAAMgAAAAFG1heHAAUAAcAAABOAAAACBuYW1l6MPgdAAABLwAAAH1cG9zdLaTuyIAAAa0AAAAZAABAAAAAQAAEWdxz18PPPUACwgAAAAAANDtg/MAAAAA0O2D8wAA/gIInAaeAAAACAACAAAAAAAAAAEAAAae/gIAuAibAAD//wicAAEAAAAAAAAAAAAAAAAAAAAJAAEAAAAJABkABQAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQZeAZAABQAIBTMFmQAAAR4FMwWZAAAD1wBmAhIAAAAABQAAAAAAAAAAAAAAAAAAAAACAAAAAAAAUGZFZABAoAGgBgZm/mYAuAaeAf4AAAABAAAAAAAABAAAAAAAAAACqgAACJsAAAOlAAADpQAACJsAAAibAAAHfABAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAACgBv//AAAAAKAB//8AAGACAAEAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAqACoAKgBMAGAAdACIAJwAxAAFAAAAAAQABZoAAgAFAAgACwAPAAATEQkBIQE3AREJASEDESERZgFd/uECuP6kPQFd/mYBXP1IpAQABNf77AIK/ZkCC1z99gQU/lICCvrNBZr6ZgABAAD+AgicBp4ACwAACQEHCQEnCQE3CQEXBHEEKyP71fvVIwQr+9UjBCsEKyMCUPvVIwQr+9UjBCsEKyP71QQrIwAAAAEAAP4CA6YGngAFAAARARcJAQcDixv8iQN1GwJQBE4X+8n7yRcAAAABAAD+AgOmBp4ABQAACQEnCQE3A6b8dxsDd/yHGwJQ+7IXBDcENxcAAQAAADcInAPdAAUAACUBNwkBFwRO+7IXBDcENxc3A4oa/IkDeRoAAAEAAAA3CJwD3QAFAAAJAQcJAScETgROF/vJ+8kXA938dxsDd/yHGwACAEAAQAHAAcAADQAYAAAlBycGIyImNDYyFhUUDwEWMzI2NCYiBhUUAcAXcSk3P1lZflkh1yc5OFBQcFBXF3EhWX5ZWT82KQInUHBQUDg5AAAADACWAAEAAAAAAAEAEQAkAAEAAAAAAAIABABAAAEAAAAAAAMALQChAAEAAAAAAAQAEQDzAAEAAAAAAAUACwEdAAEAAAAAAAYAEQFNAAMAAQQJAAEAIgAAAAMAAQQJAAIACAA2AAMAAQQJAAMAWgBFAAMAAQQJAAQAIgDPAAMAAQQJAAUAFgEFAAMAAQQJAAYAIgEpAE0AYQBnAGkAYwBUAG8AbwBsAGIAbwB4AC0AVABoAGkAbgAATWFnaWNUb29sYm94LVRoaW4AAFQAaABpAG4AAFRoaW4AAEYAbwBuAHQARgBvAHIAZwBlACAAMgAuADAAIAA6ACAATQBhAGcAaQBjAFQAbwBvAGwAYgBvAHgALQBUAGgAaQBuACAAOgAgADIANwAtADEALQAyADAAMQA1AABGb250Rm9yZ2UgMi4wIDogTWFnaWNUb29sYm94LVRoaW4gOiAyNy0xLTIwMTUAAE0AYQBnAGkAYwBUAG8AbwBsAGIAbwB4AC0AVABoAGkAbgAATWFnaWNUb29sYm94LVRoaW4AAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAAVmVyc2lvbiAxLjAAAE0AYQBnAGkAYwBUAG8AbwBsAGIAbwB4AC0AVABoAGkAbgAATWFnaWNUb29sYm94LVRoaW4AAAAAAAIAAAAAAAD/mgBmAAAAAAAAAAAAAAAAAAAAAAAAAAAACQAAAAEAAgECAQMBBAEFAQYBBwd1bmlBMDAxB3VuaUEwMDIHdW5pQTAwMwd1bmlBMDA0B3VuaUEwMDUHdW5pQTAwNgAAAAH//wACAAEAAAAMAAAAFgAAAAIAAQADAAgAAQAEAAAAAgAAAAAAAAABAAAAANBwQGEAAAAA0O2D8wAAAADQ7YPz"); } #shopcloud { } #shopcloud html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } #shopcloud body { margin: 0; } #shopcloud article, #shopcloud aside, #shopcloud details, #shopcloud figcaption, #shopcloud figure, #shopcloud footer, #shopcloud header, #shopcloud hgroup, #shopcloud main, #shopcloud menu, #shopcloud nav, #shopcloud section, #shopcloud summary { display: block; } #shopcloud audio, #shopcloud canvas, #shopcloud progress, #shopcloud video { display: inline-block; vertical-align: baseline; } #shopcloud audio:not([controls]) { display: none; height: 0; } #shopcloud [hidden], #shopcloud template { display: none; } #shopcloud a { background-color: transparent; } #shopcloud a:active { outline: 0; } #shopcloud a:hover { outline: 0; } #shopcloud abbr[title] { border-bottom: 1px dotted; } #shopcloud b, #shopcloud strong { font-weight: bold; } #shopcloud dfn { font-style: italic; } #shopcloud h1 { font-size: 2em; margin: 0.67em 0; } #shopcloud mark { background: #ff0; color: #000; } #shopcloud small { font-size: 80%; } #shopcloud sub, #shopcloud sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } #shopcloud sup { top: -0.5em; } #shopcloud sub { bottom: -0.25em; } #shopcloud img { border: 0; } #shopcloud svg:not(:root) { overflow: hidden; } #shopcloud figure { margin: 1em 40px; } #shopcloud hr { box-sizing: content-box; height: 0; } #shopcloud pre { overflow: auto; } #shopcloud code, #shopcloud kbd, #shopcloud pre, #shopcloud samp { font-family: monospace, monospace; font-size: 1em; } #shopcloud button, #shopcloud input, #shopcloud optgroup, #shopcloud select, #shopcloud textarea { color: inherit; font: inherit; margin: 0; } #shopcloud button { overflow: visible; } #shopcloud button, #shopcloud select { text-transform: none; } #shopcloud button, #shopcloud html input[type="button"], #shopcloud input[type="reset"], #shopcloud input[type="submit"] { -webkit-appearance: button; cursor: pointer; } #shopcloud button[disabled], #shopcloud html input[disabled] { cursor: default; } #shopcloud button::-moz-focus-inner, #shopcloud input::-moz-focus-inner { border: 0; padding: 0; } #shopcloud input { line-height: normal; } #shopcloud input[type="checkbox"], #shopcloud input[type="radio"] { box-sizing: border-box; padding: 0; } #shopcloud input[type="number"]::-webkit-inner-spin-button, #shopcloud input[type="number"]::-webkit-outer-spin-button { height: auto; } #shopcloud input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } #shopcloud input[type="search"]::-webkit-search-cancel-button, #shopcloud input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } #shopcloud fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } #shopcloud legend { border: 0; padding: 0; } #shopcloud textarea { overflow: auto; } #shopcloud optgroup { font-weight: bold; } #shopcloud table { border-collapse: collapse; border-spacing: 0; } #shopcloud td, #shopcloud th { padding: 0; } @media print { #shopcloud *, #shopcloud *::before, #shopcloud *::after { text-shadow: none !important; box-shadow: none !important; } #shopcloud a, #shopcloud a:visited { text-decoration: underline; } #shopcloud abbr[title]::after { content: " (" attr(title) ")"; } #shopcloud pre, #shopcloud blockquote { border: 1px solid #999; page-break-inside: avoid; } #shopcloud thead { display: table-header-group; } #shopcloud tr, #shopcloud img { page-break-inside: avoid; } #shopcloud img { max-width: 100% !important; } #shopcloud p, #shopcloud h2, #shopcloud h3 { orphans: 3; widows: 3; } #shopcloud h2, #shopcloud h3 { page-break-after: avoid; } #shopcloud .navbar { display: none; } #shopcloud .btn > .caret, #shopcloud .dropup > .btn > .caret { border-top-color: #000 !important; } #shopcloud .label { border: 1px solid #000; } #shopcloud .table { border-collapse: collapse !important; } #shopcloud .table td, #shopcloud .table th { background-color: #fff !important; } #shopcloud .table-bordered th, #shopcloud .table-bordered td { border: 1px solid #ddd !important; } } #shopcloud html { box-sizing: border-box; } #shopcloud *, #shopcloud *::before, #shopcloud *::after { box-sizing: inherit; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @-webkit-viewport { width: device-width; } @viewport { width: device-width; } #shopcloud html { font-size: 16px; -webkit-tap-highlight-color: transparent; } #shopcloud body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1rem; line-height: 1.5; color: #373a3c; background-color: #fff; } #shopcloud h1, #shopcloud h2, #shopcloud h3, #shopcloud h4, #shopcloud h5, #shopcloud h6 { margin-top: 0; margin-bottom: .5rem; } #shopcloud p { margin-top: 0; margin-bottom: 1rem; } #shopcloud abbr[title], #shopcloud abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #818a91; } #shopcloud address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } #shopcloud ol, #shopcloud ul, #shopcloud dl { margin-top: 0; margin-bottom: 1rem; } #shopcloud ol ol, #shopcloud ul ul, #shopcloud ol ul, #shopcloud ul ol { margin-bottom: 0; } #shopcloud dt { font-weight: bold; } #shopcloud dd { margin-bottom: .5rem; margin-left: 0; } #shopcloud blockquote { margin: 0 0 1rem; } #shopcloud a { color: #0275d8; text-decoration: none; } #shopcloud a:focus, #shopcloud a:hover { color: #014c8c; text-decoration: underline; } #shopcloud a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } #shopcloud pre { margin-top: 0; margin-bottom: 1rem; } #shopcloud figure { margin: 0 0 1rem; } #shopcloud img { vertical-align: middle; } #shopcloud [role="button"] { cursor: pointer; } #shopcloud table { background-color: transparent; } #shopcloud caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #818a91; text-align: left; caption-side: bottom; } #shopcloud th { text-align: left; } #shopcloud label { display: inline-block; margin-bottom: .5rem; } #shopcloud input, #shopcloud button, #shopcloud select, #shopcloud textarea { margin: 0; line-height: inherit; } #shopcloud textarea { resize: vertical; } #shopcloud fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } #shopcloud legend { display: block; width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; } #shopcloud input[type="search"] { box-sizing: inherit; -webkit-appearance: none; } #shopcloud output { display: inline-block; } #shopcloud h1, #shopcloud h2, #shopcloud h3, #shopcloud h4, #shopcloud h5, #shopcloud h6, #shopcloud .h1, #shopcloud .h2, #shopcloud .h3, #shopcloud .h4, #shopcloud .h5, #shopcloud .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } #shopcloud h1, #shopcloud .h1, #shopcloud h2, #shopcloud .h2, #shopcloud h3, #shopcloud .h3 { margin-bottom: 0.5rem; } #shopcloud h4, #shopcloud .h4, #shopcloud h5, #shopcloud .h5, #shopcloud h6, #shopcloud .h6 { margin-bottom: 0.5rem; } #shopcloud h1, #shopcloud .h1 { font-size: 2.5rem; } #shopcloud h2, #shopcloud .h2 { font-size: 2rem; } #shopcloud h3, #shopcloud .h3 { font-size: 1.75rem; } #shopcloud h4, #shopcloud .h4 { font-size: 1.5rem; } #shopcloud h5, #shopcloud .h5 { font-size: 1.25rem; } #shopcloud h6, #shopcloud .h6 { font-size: 1rem; } #shopcloud .lead { font-size: 1.25rem; font-weight: 300; } #shopcloud .display-1 { font-size: 6rem; font-weight: 300; } #shopcloud .display-2 { font-size: 5.5rem; font-weight: 300; } #shopcloud .display-3 { font-size: 4.5rem; font-weight: 300; } #shopcloud .display-4 { font-size: 3.5rem; font-weight: 300; } #shopcloud hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } #shopcloud small, #shopcloud .small { font-size: 80%; font-weight: normal; } #shopcloud mark, #shopcloud .mark { padding: .2em; background-color: #fcf8e3; } #shopcloud .list-unstyled { padding-left: 0; list-style: none; } #shopcloud .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } #shopcloud .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } #shopcloud .dl-horizontal { margin-right: -1.875rem; margin-left: -1.875rem; } #shopcloud .dl-horizontal::after { content: ""; display: table; clear: both; } #shopcloud .initialism { font-size: 90%; text-transform: uppercase; } #shopcloud .blockquote { padding: 0.5rem 1rem; margin-bottom: 1rem; font-size: 1.25rem; border-left: 0.25rem solid #eceeef; } #shopcloud .blockquote p:last-child, #shopcloud .blockquote ul:last-child, #shopcloud .blockquote ol:last-child { margin-bottom: 0; } #shopcloud .blockquote footer { display: block; font-size: 80%; line-height: 1.5; color: #818a91; } #shopcloud .blockquote footer::before { content: "\2014 \00A0"; } #shopcloud .blockquote-reverse { padding-right: 1rem; padding-left: 0; text-align: right; border-right: 0.25rem solid #eceeef; border-left: 0; } #shopcloud .blockquote-reverse footer::before { content: ""; } #shopcloud .blockquote-reverse footer::after { content: "\00A0 \2014"; } #shopcloud .figure { display: inline-block; } #shopcloud .figure > img { margin-bottom: 0.5rem; line-height: 1; } #shopcloud .figure-caption { font-size: 90%; color: #818a91; } #shopcloud .img-fluid, #shopcloud .figure > img, #shopcloud .carousel-inner > .carousel-item > img, #shopcloud .carousel-inner > .carousel-item > a > img { display: block; max-width: 100%; height: auto; } #shopcloud .img-rounded { border-radius: 0px; } #shopcloud .img-thumbnail { padding: 0.25rem; line-height: 1.5; background-color: #fff; border: 1px solid #ddd; border-radius: 0px; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } #shopcloud .img-circle { border-radius: 50%; } #shopcloud code, #shopcloud kbd, #shopcloud pre, #shopcloud samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } #shopcloud code { padding: .2rem .4rem; font-size: 90%; color: #bd4147; background-color: #f7f7f9; border-radius: 0px; } #shopcloud kbd { padding: .2rem .4rem; font-size: 90%; color: #fff; background-color: #333; border-radius: 0px; } #shopcloud kbd kbd { padding: 0; font-size: 100%; font-weight: bold; } #shopcloud pre { display: block; margin-top: 0; margin-bottom: 1rem; font-size: 90%; line-height: 1.5; color: #373a3c; } #shopcloud pre code { padding: 0; font-size: inherit; color: inherit; background-color: transparent; border-radius: 0; } #shopcloud .pre-scrollable { max-height: 340px; overflow-y: scroll; } #shopcloud .container { margin-right: auto; margin-left: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; } #shopcloud .container::after { content: ""; display: table; clear: both; } @media (min-width: 400px) { #shopcloud .container { max-width: 1140px; } } @media (min-width: 900px) { #shopcloud .container { max-width: 1140px; } } @media (min-width: 1025px) { #shopcloud .container { max-width: 1140px; } } @media (min-width: 1260px) { #shopcloud .container { max-width: 1140px; } } #shopcloud .container-fluid { margin-right: auto; margin-left: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; } #shopcloud .container-fluid::after { content: ""; display: table; clear: both; } #shopcloud .row { margin-left: -0.9375rem; margin-right: -0.9375rem; } #shopcloud .row::after { content: ""; display: table; clear: both; } #shopcloud .col-xs-1, #shopcloud .col-xs-2, #shopcloud .col-xs-3, #shopcloud .col-xs-4, #shopcloud .col-xs-5, #shopcloud .col-xs-6, #shopcloud .col-xs-7, #shopcloud .col-xs-8, #shopcloud .col-xs-9, #shopcloud .col-xs-10, #shopcloud .col-xs-11, #shopcloud .col-xs-12, #shopcloud .col-sm-1, #shopcloud .col-sm-2, #shopcloud .col-sm-3, #shopcloud .col-sm-4, #shopcloud .col-sm-5, #shopcloud .col-sm-6, #shopcloud .col-sm-7, #shopcloud .col-sm-8, #shopcloud .col-sm-9, #shopcloud .col-sm-10, #shopcloud .col-sm-11, #shopcloud .col-sm-12, #shopcloud .col-md-1, #shopcloud .col-md-2, #shopcloud .col-md-3, #shopcloud .col-md-4, #shopcloud .col-md-5, #shopcloud .col-md-6, #shopcloud .col-md-7, #shopcloud .col-md-8, #shopcloud .col-md-9, #shopcloud .col-md-10, #shopcloud .col-md-11, #shopcloud .col-md-12, #shopcloud .col-lg-1, #shopcloud .col-lg-2, #shopcloud .col-lg-3, #shopcloud .col-lg-4, #shopcloud .col-lg-5, #shopcloud .col-lg-6, #shopcloud .col-lg-7, #shopcloud .col-lg-8, #shopcloud .col-lg-9, #shopcloud .col-lg-10, #shopcloud .col-lg-11, #shopcloud .col-lg-12, #shopcloud .col-xl-1, #shopcloud .col-xl-2, #shopcloud .col-xl-3, #shopcloud .col-xl-4, #shopcloud .col-xl-5, #shopcloud .col-xl-6, #shopcloud .col-xl-7, #shopcloud .col-xl-8, #shopcloud .col-xl-9, #shopcloud .col-xl-10, #shopcloud .col-xl-11, #shopcloud .col-xl-12 { position: relative; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; } #shopcloud .col-xs-1, #shopcloud .col-xs-2, #shopcloud .col-xs-3, #shopcloud .col-xs-4, #shopcloud .col-xs-5, #shopcloud .col-xs-6, #shopcloud .col-xs-7, #shopcloud .col-xs-8, #shopcloud .col-xs-9, #shopcloud .col-xs-10, #shopcloud .col-xs-11, #shopcloud .col-xs-12 { float: left; } #shopcloud .col-xs-1 { width: 8.33333%; } #shopcloud .col-xs-2 { width: 16.66667%; } #shopcloud .col-xs-3 { width: 25%; } #shopcloud .col-xs-4 { width: 33.33333%; } #shopcloud .col-xs-5 { width: 41.66667%; } #shopcloud .col-xs-6 { width: 50%; } #shopcloud .col-xs-7 { width: 58.33333%; } #shopcloud .col-xs-8 { width: 66.66667%; } #shopcloud .col-xs-9 { width: 75%; } #shopcloud .col-xs-10 { width: 83.33333%; } #shopcloud .col-xs-11 { width: 91.66667%; } #shopcloud .col-xs-12 { width: 100%; } #shopcloud .col-xs-pull-0 { right: auto; } #shopcloud .col-xs-pull-1 { right: 8.33333%; } #shopcloud .col-xs-pull-2 { right: 16.66667%; } #shopcloud .col-xs-pull-3 { right: 25%; } #shopcloud .col-xs-pull-4 { right: 33.33333%; } #shopcloud .col-xs-pull-5 { right: 41.66667%; } #shopcloud .col-xs-pull-6 { right: 50%; } #shopcloud .col-xs-pull-7 { right: 58.33333%; } #shopcloud .col-xs-pull-8 { right: 66.66667%; } #shopcloud .col-xs-pull-9 { right: 75%; } #shopcloud .col-xs-pull-10 { right: 83.33333%; } #shopcloud .col-xs-pull-11 { right: 91.66667%; } #shopcloud .col-xs-pull-12 { right: 100%; } #shopcloud .col-xs-push-0 { left: auto; } #shopcloud .col-xs-push-1 { left: 8.33333%; } #shopcloud .col-xs-push-2 { left: 16.66667%; } #shopcloud .col-xs-push-3 { left: 25%; } #shopcloud .col-xs-push-4 { left: 33.33333%; } #shopcloud .col-xs-push-5 { left: 41.66667%; } #shopcloud .col-xs-push-6 { left: 50%; } #shopcloud .col-xs-push-7 { left: 58.33333%; } #shopcloud .col-xs-push-8 { left: 66.66667%; } #shopcloud .col-xs-push-9 { left: 75%; } #shopcloud .col-xs-push-10 { left: 83.33333%; } #shopcloud .col-xs-push-11 { left: 91.66667%; } #shopcloud .col-xs-push-12 { left: 100%; } #shopcloud .col-xs-offset-0 { margin-left: 0%; } #shopcloud .col-xs-offset-1 { margin-left: 8.33333%; } #shopcloud .col-xs-offset-2 { margin-left: 16.66667%; } #shopcloud .col-xs-offset-3 { margin-left: 25%; } #shopcloud .col-xs-offset-4 { margin-left: 33.33333%; } #shopcloud .col-xs-offset-5 { margin-left: 41.66667%; } #shopcloud .col-xs-offset-6 { margin-left: 50%; } #shopcloud .col-xs-offset-7 { margin-left: 58.33333%; } #shopcloud .col-xs-offset-8 { margin-left: 66.66667%; } #shopcloud .col-xs-offset-9 { margin-left: 75%; } #shopcloud .col-xs-offset-10 { margin-left: 83.33333%; } #shopcloud .col-xs-offset-11 { margin-left: 91.66667%; } #shopcloud .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 400px) { #shopcloud .col-sm-1, #shopcloud .col-sm-2, #shopcloud .col-sm-3, #shopcloud .col-sm-4, #shopcloud .col-sm-5, #shopcloud .col-sm-6, #shopcloud .col-sm-7, #shopcloud .col-sm-8, #shopcloud .col-sm-9, #shopcloud .col-sm-10, #shopcloud .col-sm-11, #shopcloud .col-sm-12 { float: left; } #shopcloud .col-sm-1 { width: 8.33333%; } #shopcloud .col-sm-2 { width: 16.66667%; } #shopcloud .col-sm-3 { width: 25%; } #shopcloud .col-sm-4 { width: 33.33333%; } #shopcloud .col-sm-5 { width: 41.66667%; } #shopcloud .col-sm-6 { width: 50%; } #shopcloud .col-sm-7 { width: 58.33333%; } #shopcloud .col-sm-8 { width: 66.66667%; } #shopcloud .col-sm-9 { width: 75%; } #shopcloud .col-sm-10 { width: 83.33333%; } #shopcloud .col-sm-11 { width: 91.66667%; } #shopcloud .col-sm-12 { width: 100%; } #shopcloud .col-sm-pull-0 { right: auto; } #shopcloud .col-sm-pull-1 { right: 8.33333%; } #shopcloud .col-sm-pull-2 { right: 16.66667%; } #shopcloud .col-sm-pull-3 { right: 25%; } #shopcloud .col-sm-pull-4 { right: 33.33333%; } #shopcloud .col-sm-pull-5 { right: 41.66667%; } #shopcloud .col-sm-pull-6 { right: 50%; } #shopcloud .col-sm-pull-7 { right: 58.33333%; } #shopcloud .col-sm-pull-8 { right: 66.66667%; } #shopcloud .col-sm-pull-9 { right: 75%; } #shopcloud .col-sm-pull-10 { right: 83.33333%; } #shopcloud .col-sm-pull-11 { right: 91.66667%; } #shopcloud .col-sm-pull-12 { right: 100%; } #shopcloud .col-sm-push-0 { left: auto; } #shopcloud .col-sm-push-1 { left: 8.33333%; } #shopcloud .col-sm-push-2 { left: 16.66667%; } #shopcloud .col-sm-push-3 { left: 25%; } #shopcloud .col-sm-push-4 { left: 33.33333%; } #shopcloud .col-sm-push-5 { left: 41.66667%; } #shopcloud .col-sm-push-6 { left: 50%; } #shopcloud .col-sm-push-7 { left: 58.33333%; } #shopcloud .col-sm-push-8 { left: 66.66667%; } #shopcloud .col-sm-push-9 { left: 75%; } #shopcloud .col-sm-push-10 { left: 83.33333%; } #shopcloud .col-sm-push-11 { left: 91.66667%; } #shopcloud .col-sm-push-12 { left: 100%; } #shopcloud .col-sm-offset-0 { margin-left: 0%; } #shopcloud .col-sm-offset-1 { margin-left: 8.33333%; } #shopcloud .col-sm-offset-2 { margin-left: 16.66667%; } #shopcloud .col-sm-offset-3 { margin-left: 25%; } #shopcloud .col-sm-offset-4 { margin-left: 33.33333%; } #shopcloud .col-sm-offset-5 { margin-left: 41.66667%; } #shopcloud .col-sm-offset-6 { margin-left: 50%; } #shopcloud .col-sm-offset-7 { margin-left: 58.33333%; } #shopcloud .col-sm-offset-8 { margin-left: 66.66667%; } #shopcloud .col-sm-offset-9 { margin-left: 75%; } #shopcloud .col-sm-offset-10 { margin-left: 83.33333%; } #shopcloud .col-sm-offset-11 { margin-left: 91.66667%; } #shopcloud .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 900px) { #shopcloud .col-md-1, #shopcloud .col-md-2, #shopcloud .col-md-3, #shopcloud .col-md-4, #shopcloud .col-md-5, #shopcloud .col-md-6, #shopcloud .col-md-7, #shopcloud .col-md-8, #shopcloud .col-md-9, #shopcloud .col-md-10, #shopcloud .col-md-11, #shopcloud .col-md-12 { float: left; } #shopcloud .col-md-1 { width: 8.33333%; } #shopcloud .col-md-2 { width: 16.66667%; } #shopcloud .col-md-3 { width: 25%; } #shopcloud .col-md-4 { width: 33.33333%; } #shopcloud .col-md-5 { width: 41.66667%; } #shopcloud .col-md-6 { width: 50%; } #shopcloud .col-md-7 { width: 58.33333%; } #shopcloud .col-md-8 { width: 66.66667%; } #shopcloud .col-md-9 { width: 75%; } #shopcloud .col-md-10 { width: 83.33333%; } #shopcloud .col-md-11 { width: 91.66667%; } #shopcloud .col-md-12 { width: 100%; } #shopcloud .col-md-pull-0 { right: auto; } #shopcloud .col-md-pull-1 { right: 8.33333%; } #shopcloud .col-md-pull-2 { right: 16.66667%; } #shopcloud .col-md-pull-3 { right: 25%; } #shopcloud .col-md-pull-4 { right: 33.33333%; } #shopcloud .col-md-pull-5 { right: 41.66667%; } #shopcloud .col-md-pull-6 { right: 50%; } #shopcloud .col-md-pull-7 { right: 58.33333%; } #shopcloud .col-md-pull-8 { right: 66.66667%; } #shopcloud .col-md-pull-9 { right: 75%; } #shopcloud .col-md-pull-10 { right: 83.33333%; } #shopcloud .col-md-pull-11 { right: 91.66667%; } #shopcloud .col-md-pull-12 { right: 100%; } #shopcloud .col-md-push-0 { left: auto; } #shopcloud .col-md-push-1 { left: 8.33333%; } #shopcloud .col-md-push-2 { left: 16.66667%; } #shopcloud .col-md-push-3 { left: 25%; } #shopcloud .col-md-push-4 { left: 33.33333%; } #shopcloud .col-md-push-5 { left: 41.66667%; } #shopcloud .col-md-push-6 { left: 50%; } #shopcloud .col-md-push-7 { left: 58.33333%; } #shopcloud .col-md-push-8 { left: 66.66667%; } #shopcloud .col-md-push-9 { left: 75%; } #shopcloud .col-md-push-10 { left: 83.33333%; } #shopcloud .col-md-push-11 { left: 91.66667%; } #shopcloud .col-md-push-12 { left: 100%; } #shopcloud .col-md-offset-0 { margin-left: 0%; } #shopcloud .col-md-offset-1 { margin-left: 8.33333%; } #shopcloud .col-md-offset-2 { margin-left: 16.66667%; } #shopcloud .col-md-offset-3 { margin-left: 25%; } #shopcloud .col-md-offset-4 { margin-left: 33.33333%; } #shopcloud .col-md-offset-5 { margin-left: 41.66667%; } #shopcloud .col-md-offset-6 { margin-left: 50%; } #shopcloud .col-md-offset-7 { margin-left: 58.33333%; } #shopcloud .col-md-offset-8 { margin-left: 66.66667%; } #shopcloud .col-md-offset-9 { margin-left: 75%; } #shopcloud .col-md-offset-10 { margin-left: 83.33333%; } #shopcloud .col-md-offset-11 { margin-left: 91.66667%; } #shopcloud .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1025px) { #shopcloud .col-lg-1, #shopcloud .col-lg-2, #shopcloud .col-lg-3, #shopcloud .col-lg-4, #shopcloud .col-lg-5, #shopcloud .col-lg-6, #shopcloud .col-lg-7, #shopcloud .col-lg-8, #shopcloud .col-lg-9, #shopcloud .col-lg-10, #shopcloud .col-lg-11, #shopcloud .col-lg-12 { float: left; } #shopcloud .col-lg-1 { width: 8.33333%; } #shopcloud .col-lg-2 { width: 16.66667%; } #shopcloud .col-lg-3 { width: 25%; } #shopcloud .col-lg-4 { width: 33.33333%; } #shopcloud .col-lg-5 { width: 41.66667%; } #shopcloud .col-lg-6 { width: 50%; } #shopcloud .col-lg-7 { width: 58.33333%; } #shopcloud .col-lg-8 { width: 66.66667%; } #shopcloud .col-lg-9 { width: 75%; } #shopcloud .col-lg-10 { width: 83.33333%; } #shopcloud .col-lg-11 { width: 91.66667%; } #shopcloud .col-lg-12 { width: 100%; } #shopcloud .col-lg-pull-0 { right: auto; } #shopcloud .col-lg-pull-1 { right: 8.33333%; } #shopcloud .col-lg-pull-2 { right: 16.66667%; } #shopcloud .col-lg-pull-3 { right: 25%; } #shopcloud .col-lg-pull-4 { right: 33.33333%; } #shopcloud .col-lg-pull-5 { right: 41.66667%; } #shopcloud .col-lg-pull-6 { right: 50%; } #shopcloud .col-lg-pull-7 { right: 58.33333%; } #shopcloud .col-lg-pull-8 { right: 66.66667%; } #shopcloud .col-lg-pull-9 { right: 75%; } #shopcloud .col-lg-pull-10 { right: 83.33333%; } #shopcloud .col-lg-pull-11 { right: 91.66667%; } #shopcloud .col-lg-pull-12 { right: 100%; } #shopcloud .col-lg-push-0 { left: auto; } #shopcloud .col-lg-push-1 { left: 8.33333%; } #shopcloud .col-lg-push-2 { left: 16.66667%; } #shopcloud .col-lg-push-3 { left: 25%; } #shopcloud .col-lg-push-4 { left: 33.33333%; } #shopcloud .col-lg-push-5 { left: 41.66667%; } #shopcloud .col-lg-push-6 { left: 50%; } #shopcloud .col-lg-push-7 { left: 58.33333%; } #shopcloud .col-lg-push-8 { left: 66.66667%; } #shopcloud .col-lg-push-9 { left: 75%; } #shopcloud .col-lg-push-10 { left: 83.33333%; } #shopcloud .col-lg-push-11 { left: 91.66667%; } #shopcloud .col-lg-push-12 { left: 100%; } #shopcloud .col-lg-offset-0 { margin-left: 0%; } #shopcloud .col-lg-offset-1 { margin-left: 8.33333%; } #shopcloud .col-lg-offset-2 { margin-left: 16.66667%; } #shopcloud .col-lg-offset-3 { margin-left: 25%; } #shopcloud .col-lg-offset-4 { margin-left: 33.33333%; } #shopcloud .col-lg-offset-5 { margin-left: 41.66667%; } #shopcloud .col-lg-offset-6 { margin-left: 50%; } #shopcloud .col-lg-offset-7 { margin-left: 58.33333%; } #shopcloud .col-lg-offset-8 { margin-left: 66.66667%; } #shopcloud .col-lg-offset-9 { margin-left: 75%; } #shopcloud .col-lg-offset-10 { margin-left: 83.33333%; } #shopcloud .col-lg-offset-11 { margin-left: 91.66667%; } #shopcloud .col-lg-offset-12 { margin-left: 100%; } } @media (min-width: 1260px) { #shopcloud .col-xl-1, #shopcloud .col-xl-2, #shopcloud .col-xl-3, #shopcloud .col-xl-4, #shopcloud .col-xl-5, #shopcloud .col-xl-6, #shopcloud .col-xl-7, #shopcloud .col-xl-8, #shopcloud .col-xl-9, #shopcloud .col-xl-10, #shopcloud .col-xl-11, #shopcloud .col-xl-12 { float: left; } #shopcloud .col-xl-1 { width: 8.33333%; } #shopcloud .col-xl-2 { width: 16.66667%; } #shopcloud .col-xl-3 { width: 25%; } #shopcloud .col-xl-4 { width: 33.33333%; } #shopcloud .col-xl-5 { width: 41.66667%; } #shopcloud .col-xl-6 { width: 50%; } #shopcloud .col-xl-7 { width: 58.33333%; } #shopcloud .col-xl-8 { width: 66.66667%; } #shopcloud .col-xl-9 { width: 75%; } #shopcloud .col-xl-10 { width: 83.33333%; } #shopcloud .col-xl-11 { width: 91.66667%; } #shopcloud .col-xl-12 { width: 100%; } #shopcloud .col-xl-pull-0 { right: auto; } #shopcloud .col-xl-pull-1 { right: 8.33333%; } #shopcloud .col-xl-pull-2 { right: 16.66667%; } #shopcloud .col-xl-pull-3 { right: 25%; } #shopcloud .col-xl-pull-4 { right: 33.33333%; } #shopcloud .col-xl-pull-5 { right: 41.66667%; } #shopcloud .col-xl-pull-6 { right: 50%; } #shopcloud .col-xl-pull-7 { right: 58.33333%; } #shopcloud .col-xl-pull-8 { right: 66.66667%; } #shopcloud .col-xl-pull-9 { right: 75%; } #shopcloud .col-xl-pull-10 { right: 83.33333%; } #shopcloud .col-xl-pull-11 { right: 91.66667%; } #shopcloud .col-xl-pull-12 { right: 100%; } #shopcloud .col-xl-push-0 { left: auto; } #shopcloud .col-xl-push-1 { left: 8.33333%; } #shopcloud .col-xl-push-2 { left: 16.66667%; } #shopcloud .col-xl-push-3 { left: 25%; } #shopcloud .col-xl-push-4 { left: 33.33333%; } #shopcloud .col-xl-push-5 { left: 41.66667%; } #shopcloud .col-xl-push-6 { left: 50%; } #shopcloud .col-xl-push-7 { left: 58.33333%; } #shopcloud .col-xl-push-8 { left: 66.66667%; } #shopcloud .col-xl-push-9 { left: 75%; } #shopcloud .col-xl-push-10 { left: 83.33333%; } #shopcloud .col-xl-push-11 { left: 91.66667%; } #shopcloud .col-xl-push-12 { left: 100%; } #shopcloud .col-xl-offset-0 { margin-left: 0%; } #shopcloud .col-xl-offset-1 { margin-left: 8.33333%; } #shopcloud .col-xl-offset-2 { margin-left: 16.66667%; } #shopcloud .col-xl-offset-3 { margin-left: 25%; } #shopcloud .col-xl-offset-4 { margin-left: 33.33333%; } #shopcloud .col-xl-offset-5 { margin-left: 41.66667%; } #shopcloud .col-xl-offset-6 { margin-left: 50%; } #shopcloud .col-xl-offset-7 { margin-left: 58.33333%; } #shopcloud .col-xl-offset-8 { margin-left: 66.66667%; } #shopcloud .col-xl-offset-9 { margin-left: 75%; } #shopcloud .col-xl-offset-10 { margin-left: 83.33333%; } #shopcloud .col-xl-offset-11 { margin-left: 91.66667%; } #shopcloud .col-xl-offset-12 { margin-left: 100%; } } #shopcloud .table { width: 100%; max-width: 100%; margin-bottom: 1rem; } #shopcloud .table th, #shopcloud .table td { padding: 0.75rem; line-height: 1.5; vertical-align: top; border-top: 1px solid #eceeef; } #shopcloud .table thead th { vertical-align: bottom; border-bottom: 2px solid #eceeef; } #shopcloud .table tbody + tbody { border-top: 2px solid #eceeef; } #shopcloud .table .table { background-color: #fff; } #shopcloud .table-sm th, #shopcloud .table-sm td { padding: 0.3rem; } #shopcloud .table-bordered { border: 1px solid #eceeef; } #shopcloud .table-bordered th, #shopcloud .table-bordered td { border: 1px solid #eceeef; } #shopcloud .table-bordered thead th, #shopcloud .table-bordered thead td { border-bottom-width: 2px; } #shopcloud .table-striped tbody tr:nth-of-type(odd) { background-color: #f9f9f9; } #shopcloud .table-hover tbody tr:hover { background-color: #f5f5f5; } #shopcloud .table-active, #shopcloud .table-active > th, #shopcloud .table-active > td { background-color: #f5f5f5; } #shopcloud .table-hover .table-active:hover { background-color: #e8e8e8; } #shopcloud .table-hover .table-active:hover > td, #shopcloud .table-hover .table-active:hover > th { background-color: #e8e8e8; } #shopcloud .table-success, #shopcloud .table-success > th, #shopcloud .table-success > td { background-color: #dff0d8; } #shopcloud .table-hover .table-success:hover { background-color: #d0e9c6; } #shopcloud .table-hover .table-success:hover > td, #shopcloud .table-hover .table-success:hover > th { background-color: #d0e9c6; } #shopcloud .table-info, #shopcloud .table-info > th, #shopcloud .table-info > td { background-color: #d9edf7; } #shopcloud .table-hover .table-info:hover { background-color: #c4e3f3; } #shopcloud .table-hover .table-info:hover > td, #shopcloud .table-hover .table-info:hover > th { background-color: #c4e3f3; } #shopcloud .table-warning, #shopcloud .table-warning > th, #shopcloud .table-warning > td { background-color: #fcf8e3; } #shopcloud .table-hover .table-warning:hover { background-color: #faf2cc; } #shopcloud .table-hover .table-warning:hover > td, #shopcloud .table-hover .table-warning:hover > th { background-color: #faf2cc; } #shopcloud .table-danger, #shopcloud .table-danger > th, #shopcloud .table-danger > td { background-color: #f2dede; } #shopcloud .table-hover .table-danger:hover { background-color: #ebcccc; } #shopcloud .table-hover .table-danger:hover > td, #shopcloud .table-hover .table-danger:hover > th { background-color: #ebcccc; } #shopcloud .table-responsive { display: block; width: 100%; overflow-x: auto; } #shopcloud .thead-inverse th { color: #fff; background-color: #373a3c; } #shopcloud .thead-default th { color: #55595c; background-color: #eceeef; } #shopcloud .table-inverse { color: #eceeef; background-color: #373a3c; } #shopcloud .table-inverse.table-bordered { border: 0; } #shopcloud .table-inverse th, #shopcloud .table-inverse td, #shopcloud .table-inverse thead th { border-color: #55595c; } #shopcloud .table-reflow thead { float: left; } #shopcloud .table-reflow tbody { display: block; white-space: nowrap; } #shopcloud .table-reflow th, #shopcloud .table-reflow td { border-top: 1px solid #eceeef; border-left: 1px solid #eceeef; } #shopcloud .table-reflow th:last-child, #shopcloud .table-reflow td:last-child { border-right: 1px solid #eceeef; } #shopcloud .table-reflow thead:last-child tr:last-child th, #shopcloud .table-reflow thead:last-child tr:last-child td, #shopcloud .table-reflow tbody:last-child tr:last-child th, #shopcloud .table-reflow tbody:last-child tr:last-child td, #shopcloud .table-reflow tfoot:last-child tr:last-child th, #shopcloud .table-reflow tfoot:last-child tr:last-child td { border-bottom: 1px solid #eceeef; } #shopcloud .table-reflow tr { float: left; } #shopcloud .table-reflow tr th, #shopcloud .table-reflow tr td { display: block !important; border: 1px solid #eceeef; } #shopcloud .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #55595c; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0px; } #shopcloud .form-control::-ms-expand { background-color: transparent; border: 0; } #shopcloud .form-control:focus { border-color: #66afe9; outline: none; } #shopcloud .form-control::placeholder { color: #999; opacity: 1; } #shopcloud .form-control:disabled, #shopcloud .form-control[readonly] { background-color: #eceeef; opacity: 1; } #shopcloud .form-control:disabled { cursor: not-allowed; } #shopcloud .form-control-file, #shopcloud .form-control-range { display: block; } #shopcloud .form-control-label { padding: 0.375rem 0.75rem; margin-bottom: 0; } @media screen and (-webkit-min-device-pixel-ratio: 0) { #shopcloud input[type="date"].form-control, #shopcloud input[type="time"].form-control, #shopcloud input[type="datetime-local"].form-control, #shopcloud input[type="month"].form-control { line-height: 2.25rem; } #shopcloud input[type="date"].input-sm, .input-group-sm #shopcloud input[type="date"].form-control, #shopcloud input[type="time"].input-sm, .input-group-sm #shopcloud input[type="time"].form-control, #shopcloud input[type="datetime-local"].input-sm, .input-group-sm #shopcloud input[type="datetime-local"].form-control, #shopcloud input[type="month"].input-sm, .input-group-sm #shopcloud input[type="month"].form-control { line-height: 1.825rem; } #shopcloud input[type="date"].input-lg, .input-group-lg #shopcloud input[type="date"].form-control, #shopcloud input[type="time"].input-lg, .input-group-lg #shopcloud input[type="time"].form-control, #shopcloud input[type="datetime-local"].input-lg, .input-group-lg #shopcloud input[type="datetime-local"].form-control, #shopcloud input[type="month"].input-lg, .input-group-lg #shopcloud input[type="month"].form-control { line-height: 3.16667rem; } } #shopcloud .form-control-static { min-height: 2.25rem; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; } #shopcloud .form-control-static.form-control-sm, #shopcloud .input-group-sm > .form-control-static.form-control, #shopcloud .input-group-sm > .form-control-static.input-group-addon, #shopcloud .input-group-sm > .input-group-btn > .form-control-static.btn, #shopcloud .form-control-static.form-control-lg, #shopcloud .input-group-lg > .form-control-static.form-control, #shopcloud .input-group-lg > .form-control-static.input-group-addon, #shopcloud .input-group-lg > .input-group-btn > .form-control-static.btn { padding-right: 0; padding-left: 0; } #shopcloud .form-control-sm, #shopcloud .input-group-sm > .form-control, #shopcloud .input-group-sm > .input-group-addon, #shopcloud .input-group-sm > .input-group-btn > .btn { padding: 0.275rem 0.75rem; font-size: 0.85rem; line-height: 1.5; border-radius: 0px; } #shopcloud .form-control-lg, #shopcloud .input-group-lg > .form-control, #shopcloud .input-group-lg > .input-group-addon, #shopcloud .input-group-lg > .input-group-btn > .btn { padding: 0.75rem 1.25rem; font-size: 1.25rem; line-height: 1.33333; border-radius: 0px; } #shopcloud .form-group { margin-bottom: 1rem; } #shopcloud .radio, #shopcloud .checkbox { position: relative; display: block; margin-bottom: 0.75rem; } #shopcloud .radio label, #shopcloud .checkbox label { padding-left: 1.25rem; margin-bottom: 0; font-weight: normal; cursor: pointer; } #shopcloud .radio label input:only-child, #shopcloud .checkbox label input:only-child { position: static; } #shopcloud .radio input[type="radio"], #shopcloud .radio-inline input[type="radio"], #shopcloud .checkbox input[type="checkbox"], #shopcloud .checkbox-inline input[type="checkbox"] { position: absolute; margin-top: .25rem; margin-left: -1.25rem; } #shopcloud .radio + .radio, #shopcloud .checkbox + .checkbox { margin-top: -.25rem; } #shopcloud .radio-inline, #shopcloud .checkbox-inline { position: relative; display: inline-block; padding-left: 1.25rem; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; } #shopcloud .radio-inline + .radio-inline, #shopcloud .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: .75rem; } #shopcloud input[type="radio"]:disabled, #shopcloud input[type="radio"].disabled, #shopcloud input[type="checkbox"]:disabled, #shopcloud input[type="checkbox"].disabled { cursor: not-allowed; } #shopcloud .radio-inline.disabled, #shopcloud .checkbox-inline.disabled { cursor: not-allowed; } #shopcloud .radio.disabled label, #shopcloud .checkbox.disabled label { cursor: not-allowed; } #shopcloud .form-control-success, #shopcloud .form-control-warning, #shopcloud .form-control-error { padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right 0.5625rem; background-size: 1.4625rem 1.4625rem; } #shopcloud .has-success .help-block, #shopcloud .has-success .form-control-label, #shopcloud .has-success .radio, #shopcloud .has-success .checkbox, #shopcloud .has-success .radio-inline, #shopcloud .has-success .checkbox-inline, #shopcloud .has-success.radio label, #shopcloud .has-success.checkbox label, #shopcloud .has-success.radio-inline label, #shopcloud .has-success.checkbox-inline label { color: #5cb85c; } #shopcloud .has-success .form-control { border-color: #5cb85c; } #shopcloud .has-success .input-group-addon { color: #5cb85c; border-color: #5cb85c; background-color: #eaf6ea; } #shopcloud .has-success .form-control-feedback { color: #5cb85c; } #shopcloud .has-success .form-control-success { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNoZWNrIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMiA3OTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYxMiA3OTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiM1Q0I4NUMiIGQ9Ik0yMzMuOCw2MTAuMWMtMTMuMywwLTI1LjktNi4yLTM0LTE2LjlMOTAuNSw0NDguOEM3Ni4zLDQzMCw4MCw0MDMuMyw5OC44LDM4OS4xYzE4LjgtMTQuMyw0NS41LTEwLjUsNTkuOCw4LjNsNzEuOSw5NWwyMjAuOS0yNTAuNWMxMi41LTIwLDM4LjgtMjYuMSw1OC44LTEzLjZjMjAsMTIuNCwyNi4xLDM4LjcsMTMuNiw1OC44TDI3MCw1OTBjLTcuNCwxMi0yMC4yLDE5LjQtMzQuMywyMC4xQzIzNS4xLDYxMC4xLDIzNC41LDYxMC4xLDIzMy44LDYxMC4xeiIvPjwvc3ZnPg=="); } #shopcloud .has-warning .help-block, #shopcloud .has-warning .form-control-label, #shopcloud .has-warning .radio, #shopcloud .has-warning .checkbox, #shopcloud .has-warning .radio-inline, #shopcloud .has-warning .checkbox-inline, #shopcloud .has-warning.radio label, #shopcloud .has-warning.checkbox label, #shopcloud .has-warning.radio-inline label, #shopcloud .has-warning.checkbox-inline label { color: #f0ad4e; } #shopcloud .has-warning .form-control { border-color: #f0ad4e; } #shopcloud .has-warning .input-group-addon { color: #f0ad4e; border-color: #f0ad4e; background-color: white; } #shopcloud .has-warning .form-control-feedback { color: #f0ad4e; } #shopcloud .has-warning .form-control-warning { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ildhcm5pbmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjEyIDc5MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjEyIDc5MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI0YwQUQ0RSIgZD0iTTYwMyw2NDAuMmwtMjc4LjUtNTA5Yy0zLjgtNi42LTEwLjgtMTAuNi0xOC41LTEwLjZzLTE0LjcsNC4xLTE4LjUsMTAuNkw5LDY0MC4yYy0zLjcsNi41LTMuNiwxNC40LDAuMiwyMC44YzMuOCw2LjUsMTAuOCwxMC40LDE4LjMsMTAuNGg1NTcuMWM3LjUsMCwxNC41LTMuOSwxOC4zLTEwLjRDNjA2LjYsNjU0LjYsNjA2LjcsNjQ2LjYsNjAzLDY0MC4yeiBNMzM2LjYsNjEwLjJoLTYxLjJWNTQ5aDYxLjJWNjEwLjJ6IE0zMzYuNiw1MDMuMWgtNjEuMlYzMDQuMmg2MS4yVjUwMy4xeiIvPjwvc3ZnPg=="); } #shopcloud .has-error .help-block, #shopcloud .has-error .form-control-label, #shopcloud .has-error .radio, #shopcloud .has-error .checkbox, #shopcloud .has-error .radio-inline, #shopcloud .has-error .checkbox-inline, #shopcloud .has-error.radio label, #shopcloud .has-error.checkbox label, #shopcloud .has-error.radio-inline label, #shopcloud .has-error.checkbox-inline label { color: #d9534f; } #shopcloud .has-error .form-control { border-color: #d9534f; } #shopcloud .has-error .input-group-addon { color: #d9534f; border-color: #d9534f; background-color: #fdf7f7; } #shopcloud .has-error .form-control-feedback { color: #d9534f; } #shopcloud .has-error .form-control-error { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNyb3NzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMiA3OTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYxMiA3OTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNEOTUzNEYiIGQ9Ik00NDcsNTQ0LjRjLTE0LjQsMTQuNC0zNy42LDE0LjQtNTEuOSwwTDMwNiw0NTEuN2wtODkuMSw5Mi43Yy0xNC40LDE0LjQtMzcuNiwxNC40LTUxLjksMGMtMTQuNC0xNC40LTE0LjQtMzcuNiwwLTUxLjlsOTIuNC05Ni40TDE2NSwyOTkuNmMtMTQuNC0xNC40LTE0LjQtMzcuNiwwLTUxLjlzMzcuNi0xNC40LDUxLjksMGw4OS4yLDkyLjdsODkuMS05Mi43YzE0LjQtMTQuNCwzNy42LTE0LjQsNTEuOSwwYzE0LjQsMTQuNCwxNC40LDM3LjYsMCw1MS45TDM1NC43LDM5Nmw5Mi40LDk2LjRDNDYxLjQsNTA2LjgsNDYxLjQsNTMwLDQ0Nyw1NDQuNHoiLz48L3N2Zz4="); } @media (min-width: 400px) { #shopcloud .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } #shopcloud .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } #shopcloud .form-inline .form-control-static { display: inline-block; } #shopcloud .form-inline .input-group { display: inline-table; vertical-align: middle; } #shopcloud .form-inline .input-group .input-group-addon, #shopcloud .form-inline .input-group .input-group-btn, #shopcloud .form-inline .input-group .form-control { width: auto; } #shopcloud .form-inline .input-group > .form-control { width: 100%; } #shopcloud .form-inline .form-control-label { margin-bottom: 0; vertical-align: middle; } #shopcloud .form-inline .radio, #shopcloud .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } #shopcloud .form-inline .radio label, #shopcloud .form-inline .checkbox label { padding-left: 0; } #shopcloud .form-inline .radio input[type="radio"], #shopcloud .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } #shopcloud .form-inline .has-feedback .form-control-feedback { top: 0; } } #shopcloud .btn { display: inline-block; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; user-select: none; border: 1px solid transparent; padding: 0.375rem 1rem; font-size: 1rem; line-height: 1.5; border-radius: 0px; } #shopcloud .btn:focus, #shopcloud .btn.focus, #shopcloud .btn:active:focus, #shopcloud .btn:active.focus, #shopcloud .btn.active:focus, #shopcloud .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } #shopcloud .btn:focus, #shopcloud .btn:hover { text-decoration: none; } #shopcloud .btn.focus { text-decoration: none; } #shopcloud .btn:active, #shopcloud .btn.active { background-image: none; outline: 0; } #shopcloud .btn.disabled, #shopcloud .btn:disabled { cursor: not-allowed; opacity: .65; } #shopcloud a.btn.disabled, #shopcloud fieldset[disabled] a.btn { pointer-events: none; } #shopcloud .btn-primary { color: #fff; background-color: #1a8fc5; border-color: #1a8fc5; } #shopcloud .btn-primary:hover { color: #fff; background-color: #146e98; border-color: #13688f; } #shopcloud .btn-primary:focus, #shopcloud .btn-primary.focus { color: #fff; background-color: #146e98; border-color: #13688f; } #shopcloud .btn-primary:active, #shopcloud .btn-primary.active, .open > #shopcloud .btn-primary.dropdown-toggle { color: #fff; background-color: #146e98; border-color: #13688f; background-image: none; } #shopcloud .btn-primary:active:hover, #shopcloud .btn-primary:active:focus, #shopcloud .btn-primary:active.focus, #shopcloud .btn-primary.active:hover, #shopcloud .btn-primary.active:focus, #shopcloud .btn-primary.active.focus, .open > #shopcloud .btn-primary.dropdown-toggle:hover, .open > #shopcloud .btn-primary.dropdown-toggle:focus, .open > #shopcloud .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #105778; border-color: #0b3d54; } #shopcloud .btn-primary.disabled:focus, #shopcloud .btn-primary.disabled.focus, #shopcloud .btn-primary:disabled:focus, #shopcloud .btn-primary:disabled.focus { background-color: #1a8fc5; border-color: #1a8fc5; } #shopcloud .btn-primary.disabled:hover, #shopcloud .btn-primary:disabled:hover { background-color: #1a8fc5; border-color: #1a8fc5; } #shopcloud .btn-secondary { color: #373a3c; background-color: #fff; border-color: #ccc; } #shopcloud .btn-secondary:hover { color: #373a3c; background-color: #e6e6e6; border-color: #adadad; } #shopcloud .btn-secondary:focus, #shopcloud .btn-secondary.focus { color: #373a3c; background-color: #e6e6e6; border-color: #adadad; } #shopcloud .btn-secondary:active, #shopcloud .btn-secondary.active, .open > #shopcloud .btn-secondary.dropdown-toggle { color: #373a3c; background-color: #e6e6e6; border-color: #adadad; background-image: none; } #shopcloud .btn-secondary:active:hover, #shopcloud .btn-secondary:active:focus, #shopcloud .btn-secondary:active.focus, #shopcloud .btn-secondary.active:hover, #shopcloud .btn-secondary.active:focus, #shopcloud .btn-secondary.active.focus, .open > #shopcloud .btn-secondary.dropdown-toggle:hover, .open > #shopcloud .btn-secondary.dropdown-toggle:focus, .open > #shopcloud .btn-secondary.dropdown-toggle.focus { color: #373a3c; background-color: #d4d4d4; border-color: #8c8c8c; } #shopcloud .btn-secondary.disabled:focus, #shopcloud .btn-secondary.disabled.focus, #shopcloud .btn-secondary:disabled:focus, #shopcloud .btn-secondary:disabled.focus { background-color: #fff; border-color: #ccc; } #shopcloud .btn-secondary.disabled:hover, #shopcloud .btn-secondary:disabled:hover { background-color: #fff; border-color: #ccc; } #shopcloud .btn-info { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } #shopcloud .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #2aabd2; } #shopcloud .btn-info:focus, #shopcloud .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #2aabd2; } #shopcloud .btn-info:active, #shopcloud .btn-info.active, .open > #shopcloud .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #2aabd2; background-image: none; } #shopcloud .btn-info:active:hover, #shopcloud .btn-info:active:focus, #shopcloud .btn-info:active.focus, #shopcloud .btn-info.active:hover, #shopcloud .btn-info.active:focus, #shopcloud .btn-info.active.focus, .open > #shopcloud .btn-info.dropdown-toggle:hover, .open > #shopcloud .btn-info.dropdown-toggle:focus, .open > #shopcloud .btn-info.dropdown-toggle.focus { color: #fff; background-color: #269abc; border-color: #1f7e9a; } #shopcloud .btn-info.disabled:focus, #shopcloud .btn-info.disabled.focus, #shopcloud .btn-info:disabled:focus, #shopcloud .btn-info:disabled.focus { background-color: #5bc0de; border-color: #5bc0de; } #shopcloud .btn-info.disabled:hover, #shopcloud .btn-info:disabled:hover { background-color: #5bc0de; border-color: #5bc0de; } #shopcloud .btn-success { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } #shopcloud .btn-success:hover { color: #fff; background-color: #449d44; border-color: #419641; } #shopcloud .btn-success:focus, #shopcloud .btn-success.focus { color: #fff; background-color: #449d44; border-color: #419641; } #shopcloud .btn-success:active, #shopcloud .btn-success.active, .open > #shopcloud .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; border-color: #419641; background-image: none; } #shopcloud .btn-success:active:hover, #shopcloud .btn-success:active:focus, #shopcloud .btn-success:active.focus, #shopcloud .btn-success.active:hover, #shopcloud .btn-success.active:focus, #shopcloud .btn-success.active.focus, .open > #shopcloud .btn-success.dropdown-toggle:hover, .open > #shopcloud .btn-success.dropdown-toggle:focus, .open > #shopcloud .btn-success.dropdown-toggle.focus { color: #fff; background-color: #398439; border-color: #2d672d; } #shopcloud .btn-success.disabled:focus, #shopcloud .btn-success.disabled.focus, #shopcloud .btn-success:disabled:focus, #shopcloud .btn-success:disabled.focus { background-color: #5cb85c; border-color: #5cb85c; } #shopcloud .btn-success.disabled:hover, #shopcloud .btn-success:disabled:hover { background-color: #5cb85c; border-color: #5cb85c; } #shopcloud .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } #shopcloud .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #eb9316; } #shopcloud .btn-warning:focus, #shopcloud .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #eb9316; } #shopcloud .btn-warning:active, #shopcloud .btn-warning.active, .open > #shopcloud .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; border-color: #eb9316; background-image: none; } #shopcloud .btn-warning:active:hover, #shopcloud .btn-warning:active:focus, #shopcloud .btn-warning:active.focus, #shopcloud .btn-warning.active:hover, #shopcloud .btn-warning.active:focus, #shopcloud .btn-warning.active.focus, .open > #shopcloud .btn-warning.dropdown-toggle:hover, .open > #shopcloud .btn-warning.dropdown-toggle:focus, .open > #shopcloud .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #d58512; border-color: #b06d0f; } #shopcloud .btn-warning.disabled:focus, #shopcloud .btn-warning.disabled.focus, #shopcloud .btn-warning:disabled:focus, #shopcloud .btn-warning:disabled.focus { background-color: #f0ad4e; border-color: #f0ad4e; } #shopcloud .btn-warning.disabled:hover, #shopcloud .btn-warning:disabled:hover { background-color: #f0ad4e; border-color: #f0ad4e; } #shopcloud .btn-danger { color: #fff; background-color: #d9534f; border-color: #d9534f; } #shopcloud .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #c12e2a; } #shopcloud .btn-danger:focus, #shopcloud .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #c12e2a; } #shopcloud .btn-danger:active, #shopcloud .btn-danger.active, .open > #shopcloud .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; border-color: #c12e2a; background-image: none; } #shopcloud .btn-danger:active:hover, #shopcloud .btn-danger:active:focus, #shopcloud .btn-danger:active.focus, #shopcloud .btn-danger.active:hover, #shopcloud .btn-danger.active:focus, #shopcloud .btn-danger.active.focus, .open > #shopcloud .btn-danger.dropdown-toggle:hover, .open > #shopcloud .btn-danger.dropdown-toggle:focus, .open > #shopcloud .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #ac2925; border-color: #8b211e; } #shopcloud .btn-danger.disabled:focus, #shopcloud .btn-danger.disabled.focus, #shopcloud .btn-danger:disabled:focus, #shopcloud .btn-danger:disabled.focus { background-color: #d9534f; border-color: #d9534f; } #shopcloud .btn-danger.disabled:hover, #shopcloud .btn-danger:disabled:hover { background-color: #d9534f; border-color: #d9534f; } #shopcloud .btn-primary-outline { color: #1a8fc5; background-image: none; background-color: transparent; border-color: #1a8fc5; } #shopcloud .btn-primary-outline:focus, #shopcloud .btn-primary-outline.focus, #shopcloud .btn-primary-outline:active, #shopcloud .btn-primary-outline.active, .open > #shopcloud .btn-primary-outline.dropdown-toggle { color: #fff; background-color: #1a8fc5; border-color: #1a8fc5; } #shopcloud .btn-primary-outline:hover { color: #fff; background-color: #1a8fc5; border-color: #1a8fc5; } #shopcloud .btn-primary-outline.disabled:focus, #shopcloud .btn-primary-outline.disabled.focus, #shopcloud .btn-primary-outline:disabled:focus, #shopcloud .btn-primary-outline:disabled.focus { border-color: #5cbde9; } #shopcloud .btn-primary-outline.disabled:hover, #shopcloud .btn-primary-outline:disabled:hover { border-color: #5cbde9; } #shopcloud .btn-secondary-outline { color: #ccc; background-image: none; background-color: transparent; border-color: #ccc; } #shopcloud .btn-secondary-outline:focus, #shopcloud .btn-secondary-outline.focus, #shopcloud .btn-secondary-outline:active, #shopcloud .btn-secondary-outline.active, .open > #shopcloud .btn-secondary-outline.dropdown-toggle { color: #fff; background-color: #ccc; border-color: #ccc; } #shopcloud .btn-secondary-outline:hover { color: #fff; background-color: #ccc; border-color: #ccc; } #shopcloud .btn-secondary-outline.disabled:focus, #shopcloud .btn-secondary-outline.disabled.focus, #shopcloud .btn-secondary-outline:disabled:focus, #shopcloud .btn-secondary-outline:disabled.focus { border-color: white; } #shopcloud .btn-secondary-outline.disabled:hover, #shopcloud .btn-secondary-outline:disabled:hover { border-color: white; } #shopcloud .btn-info-outline { color: #5bc0de; background-image: none; background-color: transparent; border-color: #5bc0de; } #shopcloud .btn-info-outline:focus, #shopcloud .btn-info-outline.focus, #shopcloud .btn-info-outline:active, #shopcloud .btn-info-outline.active, .open > #shopcloud .btn-info-outline.dropdown-toggle { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } #shopcloud .btn-info-outline:hover { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } #shopcloud .btn-info-outline.disabled:focus, #shopcloud .btn-info-outline.disabled.focus, #shopcloud .btn-info-outline:disabled:focus, #shopcloud .btn-info-outline:disabled.focus { border-color: #b0e1ef; } #shopcloud .btn-info-outline.disabled:hover, #shopcloud .btn-info-outline:disabled:hover { border-color: #b0e1ef; } #shopcloud .btn-success-outline { color: #5cb85c; background-image: none; background-color: transparent; border-color: #5cb85c; } #shopcloud .btn-success-outline:focus, #shopcloud .btn-success-outline.focus, #shopcloud .btn-success-outline:active, #shopcloud .btn-success-outline.active, .open > #shopcloud .btn-success-outline.dropdown-toggle { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } #shopcloud .btn-success-outline:hover { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } #shopcloud .btn-success-outline.disabled:focus, #shopcloud .btn-success-outline.disabled.focus, #shopcloud .btn-success-outline:disabled:focus, #shopcloud .btn-success-outline:disabled.focus { border-color: #a3d7a3; } #shopcloud .btn-success-outline.disabled:hover, #shopcloud .btn-success-outline:disabled:hover { border-color: #a3d7a3; } #shopcloud .btn-warning-outline { color: #f0ad4e; background-image: none; background-color: transparent; border-color: #f0ad4e; } #shopcloud .btn-warning-outline:focus, #shopcloud .btn-warning-outline.focus, #shopcloud .btn-warning-outline:active, #shopcloud .btn-warning-outline.active, .open > #shopcloud .btn-warning-outline.dropdown-toggle { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } #shopcloud .btn-warning-outline:hover { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } #shopcloud .btn-warning-outline.disabled:focus, #shopcloud .btn-warning-outline.disabled.focus, #shopcloud .btn-warning-outline:disabled:focus, #shopcloud .btn-warning-outline:disabled.focus { border-color: #f8d9ac; } #shopcloud .btn-warning-outline.disabled:hover, #shopcloud .btn-warning-outline:disabled:hover { border-color: #f8d9ac; } #shopcloud .btn-danger-outline { color: #d9534f; background-image: none; background-color: transparent; border-color: #d9534f; } #shopcloud .btn-danger-outline:focus, #shopcloud .btn-danger-outline.focus, #shopcloud .btn-danger-outline:active, #shopcloud .btn-danger-outline.active, .open > #shopcloud .btn-danger-outline.dropdown-toggle { color: #fff; background-color: #d9534f; border-color: #d9534f; } #shopcloud .btn-danger-outline:hover { color: #fff; background-color: #d9534f; border-color: #d9534f; } #shopcloud .btn-danger-outline.disabled:focus, #shopcloud .btn-danger-outline.disabled.focus, #shopcloud .btn-danger-outline:disabled:focus, #shopcloud .btn-danger-outline:disabled.focus { border-color: #eba5a3; } #shopcloud .btn-danger-outline.disabled:hover, #shopcloud .btn-danger-outline:disabled:hover { border-color: #eba5a3; } #shopcloud .btn-link { font-weight: normal; color: #0275d8; border-radius: 0; } #shopcloud .btn-link, #shopcloud .btn-link:active, #shopcloud .btn-link.active, #shopcloud .btn-link:disabled { background-color: transparent; } #shopcloud .btn-link, #shopcloud .btn-link:focus, #shopcloud .btn-link:active { border-color: transparent; } #shopcloud .btn-link:hover { border-color: transparent; } #shopcloud .btn-link:focus, #shopcloud .btn-link:hover { color: #014c8c; text-decoration: underline; background-color: transparent; } #shopcloud .btn-link:disabled:focus, #shopcloud .btn-link:disabled:hover { color: #818a91; text-decoration: none; } #shopcloud .btn-lg, #shopcloud .btn-group-lg > .btn { padding: 0.75rem 1.25rem; font-size: 1.25rem; line-height: 1.33333; border-radius: 0px; } #shopcloud .btn-sm, #shopcloud .btn-group-sm > .btn { padding: 0.25rem 0.75rem; font-size: 0.85rem; line-height: 1.5; border-radius: 0px; } #shopcloud .btn-block { display: block; width: 100%; } #shopcloud .btn-block + .btn-block { margin-top: 5px; } #shopcloud input[type="submit"].btn-block, #shopcloud input[type="reset"].btn-block, #shopcloud input[type="button"].btn-block { width: 100%; } #shopcloud .fade { opacity: 0; transition: opacity .15s linear; } #shopcloud .fade.in { opacity: 1; } #shopcloud .collapse { display: none; } #shopcloud .collapse.in { display: block; } #shopcloud .collapsing { position: relative; height: 0; overflow: hidden; transition-timing-function: ease; transition-duration: .35s; transition-property: height; } #shopcloud .dropup, #shopcloud .dropdown { position: relative; } #shopcloud .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .25rem; vertical-align: middle; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-left: 0.3em solid transparent; } #shopcloud .dropdown-toggle:focus { outline: 0; } #shopcloud .dropup .dropdown-toggle::after { border-top: 0; border-bottom: 0.3em solid; } #shopcloud .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 1rem; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0px; } #shopcloud .dropdown-divider { height: 1px; margin: 0.5rem 0; overflow: hidden; background-color: #e5e5e5; } #shopcloud .dropdown-item { display: block; width: 100%; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.5; color: #373a3c; text-align: inherit; white-space: nowrap; background: none; border: 0; } #shopcloud .dropdown-item:focus, #shopcloud .dropdown-item:hover { color: #2b2d2f; text-decoration: none; background-color: #f5f5f5; } #shopcloud .dropdown-item.active, #shopcloud .dropdown-item.active:focus, #shopcloud .dropdown-item.active:hover { color: #fff; text-decoration: none; background-color: #0275d8; outline: 0; } #shopcloud .dropdown-item.disabled, #shopcloud .dropdown-item.disabled:focus, #shopcloud .dropdown-item.disabled:hover { color: #818a91; } #shopcloud .dropdown-item.disabled:focus, #shopcloud .dropdown-item.disabled:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; } #shopcloud .open > .dropdown-menu { display: block; } #shopcloud .open > a { outline: 0; } #shopcloud .dropdown-menu-right { right: 0; left: auto; } #shopcloud .dropdown-menu-left { right: auto; left: 0; } #shopcloud .dropdown-header { display: block; padding: 3px 20px; font-size: 0.85rem; line-height: 1.5; color: #818a91; white-space: nowrap; } #shopcloud .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } #shopcloud .pull-right > .dropdown-menu { right: 0; left: auto; } #shopcloud .dropup .caret, #shopcloud .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 0.3em solid; } #shopcloud .dropup .dropdown-menu, #shopcloud .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } #shopcloud .btn-group, #shopcloud .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } #shopcloud .btn-group > .btn, #shopcloud .btn-group-vertical > .btn { position: relative; float: left; } #shopcloud .btn-group > .btn:focus, #shopcloud .btn-group > .btn:active, #shopcloud .btn-group > .btn.active, #shopcloud .btn-group-vertical > .btn:focus, #shopcloud .btn-group-vertical > .btn:active, #shopcloud .btn-group-vertical > .btn.active { z-index: 2; } #shopcloud .btn-group > .btn:hover, #shopcloud .btn-group-vertical > .btn:hover { z-index: 2; } #shopcloud .btn-group .btn + .btn, #shopcloud .btn-group .btn + .btn-group, #shopcloud .btn-group .btn-group + .btn, #shopcloud .btn-group .btn-group + .btn-group { margin-left: -1px; } #shopcloud .btn-toolbar { margin-left: -5px; } #shopcloud .btn-toolbar::after { content: ""; display: table; clear: both; } #shopcloud .btn-toolbar .btn-group, #shopcloud .btn-toolbar .input-group { float: left; } #shopcloud .btn-toolbar > .btn, #shopcloud .btn-toolbar > .btn-group, #shopcloud .btn-toolbar > .input-group { margin-left: 5px; } #shopcloud .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } #shopcloud .btn-group > .btn:first-child { margin-left: 0; } #shopcloud .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } #shopcloud .btn-group > .btn:last-child:not(:first-child), #shopcloud .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } #shopcloud .btn-group > .btn-group { float: left; } #shopcloud .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } #shopcloud .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, #shopcloud .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } #shopcloud .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } #shopcloud .btn-group .dropdown-toggle:active, #shopcloud .btn-group.open .dropdown-toggle { outline: 0; } #shopcloud .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } #shopcloud .btn-group > .btn-lg + .dropdown-toggle, #shopcloud .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } #shopcloud .btn .caret { margin-left: 0; } #shopcloud .btn-lg .caret, #shopcloud .btn-group-lg > .btn .caret { border-width: 0.3em 0.3em 0; border-bottom-width: 0; } #shopcloud .dropup .btn-lg .caret, #shopcloud .dropup .btn-group-lg > .btn .caret { border-width: 0 0.3em 0.3em; } #shopcloud .btn-group-vertical > .btn, #shopcloud .btn-group-vertical > .btn-group, #shopcloud .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } #shopcloud .btn-group-vertical > .btn-group::after { content: ""; display: table; clear: both; } #shopcloud .btn-group-vertical > .btn-group > .btn { float: none; } #shopcloud .btn-group-vertical > .btn + .btn, #shopcloud .btn-group-vertical > .btn + .btn-group, #shopcloud .btn-group-vertical > .btn-group + .btn, #shopcloud .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } #shopcloud .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } #shopcloud .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } #shopcloud .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 0px; border-top-right-radius: 0; border-top-left-radius: 0; } #shopcloud .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } #shopcloud .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, #shopcloud .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } #shopcloud .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } #shopcloud [data-toggle="buttons"] > .btn input[type="radio"], #shopcloud [data-toggle="buttons"] > .btn input[type="checkbox"], #shopcloud [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], #shopcloud [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } #shopcloud .input-group { position: relative; display: table; border-collapse: separate; } #shopcloud .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } #shopcloud .input-group-addon, #shopcloud .input-group-btn, #shopcloud .input-group .form-control { display: table-cell; } #shopcloud .input-group-addon:not(:first-child):not(:last-child), #shopcloud .input-group-btn:not(:first-child):not(:last-child), #shopcloud .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } #shopcloud .input-group-addon, #shopcloud .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } #shopcloud .input-group-addon { padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: normal; line-height: 1; color: #55595c; text-align: center; background-color: #eceeef; border: 1px solid #ccc; border-radius: 0px; } #shopcloud .input-group-addon.form-control-sm, #shopcloud .input-group-sm > .input-group-addon, #shopcloud .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 0.275rem 0.75rem; font-size: 0.85rem; border-radius: 0px; } #shopcloud .input-group-addon.form-control-lg, #shopcloud .input-group-lg > .input-group-addon, #shopcloud .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 0.75rem 1.25rem; font-size: 1.25rem; border-radius: 0px; } #shopcloud .input-group-addon input[type="radio"], #shopcloud .input-group-addon input[type="checkbox"] { margin-top: 0; } #shopcloud .input-group .form-control:first-child, #shopcloud .input-group-addon:first-child, #shopcloud .input-group-btn:first-child > .btn, #shopcloud .input-group-btn:first-child > .btn-group > .btn, #shopcloud .input-group-btn:first-child > .dropdown-toggle, #shopcloud .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), #shopcloud .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } #shopcloud .input-group-addon:first-child { border-right: 0; } #shopcloud .input-group .form-control:last-child, #shopcloud .input-group-addon:last-child, #shopcloud .input-group-btn:last-child > .btn, #shopcloud .input-group-btn:last-child > .btn-group > .btn, #shopcloud .input-group-btn:last-child > .dropdown-toggle, #shopcloud .input-group-btn:first-child > .btn:not(:first-child), #shopcloud .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } #shopcloud .input-group-addon:last-child { border-left: 0; } #shopcloud .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } #shopcloud .input-group-btn > .btn { position: relative; } #shopcloud .input-group-btn > .btn + .btn { margin-left: -1px; } #shopcloud .input-group-btn > .btn:focus, #shopcloud .input-group-btn > .btn:active, #shopcloud .input-group-btn > .btn:hover { z-index: 2; } #shopcloud .input-group-btn:first-child > .btn, #shopcloud .input-group-btn:first-child > .btn-group { margin-right: -1px; } #shopcloud .input-group-btn:last-child > .btn, #shopcloud .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } #shopcloud .c-input { position: relative; display: inline; padding-left: 1.5rem; color: #555; cursor: pointer; } #shopcloud .c-input > input { position: absolute; z-index: -1; opacity: 0; } #shopcloud .c-input > input:checked ~ .c-indicator { color: #fff; background-color: #0074d9; } #shopcloud .c-input > input:focus ~ .c-indicator { box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; } #shopcloud .c-input > input:active ~ .c-indicator { color: #fff; background-color: #84c6ff; } #shopcloud .c-input + .c-input { margin-left: 1rem; } #shopcloud .c-indicator { position: absolute; top: 0; left: 0; display: block; width: 1rem; height: 1rem; font-size: 65%; line-height: 1rem; color: #eee; text-align: center; user-select: none; background-color: #eee; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } #shopcloud .c-checkbox .c-indicator { border-radius: .25rem; } #shopcloud .c-checkbox input:checked ~ .c-indicator { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=); } #shopcloud .c-checkbox input:indeterminate ~ .c-indicator { background-color: #0074d9; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K); } #shopcloud .c-radio .c-indicator { border-radius: 50%; } #shopcloud .c-radio input:checked ~ .c-indicator { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); } #shopcloud .c-inputs-stacked .c-input { display: inline; } #shopcloud .c-inputs-stacked .c-input::after { display: block; margin-bottom: .25rem; content: ""; } #shopcloud .c-inputs-stacked .c-input + .c-input { margin-left: 0; } #shopcloud .c-select { display: inline-block; max-width: 100%; padding: .375rem 1.75rem .375rem .75rem; padding-right: .75rem \9; vertical-align: middle; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 0.75rem center; background-image: none \9; background-size: 8px 10px; border: 1px solid #ccc; -moz-appearance: none; -webkit-appearance: none; } #shopcloud .c-select:focus { border-color: #51a7e8; outline: none; } #shopcloud .c-select::-ms-expand { opacity: 0; } #shopcloud .c-select-sm { padding-top: 3px; padding-bottom: 3px; font-size: 12px; } #shopcloud .c-select-sm:not([multiple]) { height: 26px; min-height: 26px; } #shopcloud .file { position: relative; display: inline-block; height: 2.5rem; cursor: pointer; } #shopcloud .file input { min-width: 14rem; margin: 0; filter: alpha(opacity=0); opacity: 0; } #shopcloud .file-custom { position: absolute; top: 0; right: 0; left: 0; z-index: 5; height: 2.5rem; padding: .5rem 1rem; line-height: 1.5; color: #555; user-select: none; background-color: #fff; border: .075rem solid #ddd; border-radius: .25rem; } #shopcloud .file-custom::after { content: "Choose file..."; } #shopcloud .file-custom::before { position: absolute; top: -.075rem; right: -.075rem; bottom: -.075rem; z-index: 6; display: block; height: 2.5rem; padding: .5rem 1rem; line-height: 1.5; color: #555; content: "Browse"; background-color: #eee; border: .075rem solid #ddd; border-radius: 0 .25rem .25rem 0; } #shopcloud .nav { padding-left: 0; margin-bottom: 0; list-style: none; } #shopcloud .nav-link { display: inline-block; } #shopcloud .nav-link:focus, #shopcloud .nav-link:hover { text-decoration: none; } #shopcloud .nav-link.disabled { color: #818a91; } #shopcloud .nav-link.disabled, #shopcloud .nav-link.disabled:focus, #shopcloud .nav-link.disabled:hover { color: #818a91; cursor: not-allowed; background-color: transparent; } #shopcloud .nav-inline .nav-link + .nav-link { margin-left: 1rem; } #shopcloud .nav-tabs { border-bottom: 1px solid #ddd; } #shopcloud .nav-tabs::after { content: ""; display: table; clear: both; } #shopcloud .nav-tabs .nav-item { float: left; margin-bottom: -1px; } #shopcloud .nav-tabs .nav-item + .nav-item { margin-left: .2rem; } #shopcloud .nav-tabs .nav-link { display: block; padding: 0.5em 1em; border: 1px solid transparent; border-radius: 0px 0px 0 0; } #shopcloud .nav-tabs .nav-link:focus, #shopcloud .nav-tabs .nav-link:hover { border-color: #eceeef #eceeef #ddd; } #shopcloud .nav-tabs .nav-link.disabled, #shopcloud .nav-tabs .nav-link.disabled:focus, #shopcloud .nav-tabs .nav-link.disabled:hover { color: #818a91; background-color: transparent; border-color: transparent; } #shopcloud .nav-tabs .nav-link.active, #shopcloud .nav-tabs .nav-link.active:focus, #shopcloud .nav-tabs .nav-link.active:hover, #shopcloud .nav-tabs .nav-item.open .nav-link, #shopcloud .nav-tabs .nav-item.open .nav-link:focus, #shopcloud .nav-tabs .nav-item.open .nav-link:hover { color: #55595c; background-color: #fff; border-color: #ddd #ddd transparent; } #shopcloud .nav-pills .nav-item { float: left; } #shopcloud .nav-pills .nav-item + .nav-item { margin-left: .2rem; } #shopcloud .nav-pills .nav-link { display: block; padding: 0.5em 1em; border-radius: 0px; } #shopcloud .nav-pills .nav-link.active, #shopcloud .nav-pills .nav-link.active:focus, #shopcloud .nav-pills .nav-link.active:hover, #shopcloud .nav-pills .nav-item.open .nav-link, #shopcloud .nav-pills .nav-item.open .nav-link:focus, #shopcloud .nav-pills .nav-item.open .nav-link:hover { color: #fff; cursor: default; background-color: #0275d8; } #shopcloud .nav-stacked .nav-item { display: block; float: none; } #shopcloud .nav-stacked .nav-item + .nav-item { margin-top: .2rem; margin-left: 0; } #shopcloud .tab-content > .tab-pane { display: none; } #shopcloud .tab-content > .active { display: block; } #shopcloud .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } #shopcloud .navbar { position: relative; padding: 0.5rem 1rem; } #shopcloud .navbar::after { content: ""; display: table; clear: both; } @media (min-width: 400px) { #shopcloud .navbar { border-radius: 0px; } } #shopcloud .navbar-full { z-index: 1000; } @media (min-width: 400px) { #shopcloud .navbar-full { border-radius: 0; } } #shopcloud .navbar-fixed-top, #shopcloud .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 400px) { #shopcloud .navbar-fixed-top, #shopcloud .navbar-fixed-bottom { border-radius: 0; } } #shopcloud .navbar-fixed-top { top: 0; } #shopcloud .navbar-fixed-bottom { bottom: 0; } #shopcloud .navbar-sticky-top { position: sticky; top: 0; z-index: 1030; width: 100%; } @media (min-width: 400px) { #shopcloud .navbar-sticky-top { border-radius: 0; } } #shopcloud .navbar-brand { float: left; padding-top: .25rem; padding-bottom: .25rem; margin-right: 1rem; font-size: 1.25rem; } #shopcloud .navbar-brand:focus, #shopcloud .navbar-brand:hover { text-decoration: none; } #shopcloud .navbar-brand > img { display: block; } #shopcloud .navbar-divider { float: left; width: 1px; padding-top: .425rem; padding-bottom: .425rem; margin-right: 1rem; margin-left: 1rem; overflow: hidden; } #shopcloud .navbar-divider::before { content: "\00a0"; } #shopcloud .navbar-toggler { padding: .5rem .75rem; font-size: 1.25rem; line-height: 1; background: none; border: 1px solid transparent; border-radius: 0px; } #shopcloud .navbar-toggler:focus, #shopcloud .navbar-toggler:hover { text-decoration: none; } @media (min-width: 400px) { #shopcloud .navbar-toggleable-xs { display: block !important; } } @media (min-width: 900px) { #shopcloud .navbar-toggleable-sm { display: block !important; } } @media (min-width: 1025px) { #shopcloud .navbar-toggleable-md { display: block !important; } } #shopcloud .navbar-nav .nav-item { float: left; } #shopcloud .navbar-nav .nav-link { display: block; padding-top: .425rem; padding-bottom: .425rem; } #shopcloud .navbar-nav .nav-link + .nav-link { margin-left: 1rem; } #shopcloud .navbar-nav .nav-item + .nav-item { margin-left: 1rem; } #shopcloud .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.8); } #shopcloud .navbar-light .navbar-brand:focus, #shopcloud .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, 0.8); } #shopcloud .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.3); } #shopcloud .navbar-light .navbar-nav .nav-link:focus, #shopcloud .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 0.6); } #shopcloud .navbar-light .navbar-nav .open > .nav-link, #shopcloud .navbar-light .navbar-nav .open > .nav-link:focus, #shopcloud .navbar-light .navbar-nav .open > .nav-link:hover, #shopcloud .navbar-light .navbar-nav .active > .nav-link, #shopcloud .navbar-light .navbar-nav .active > .nav-link:focus, #shopcloud .navbar-light .navbar-nav .active > .nav-link:hover, #shopcloud .navbar-light .navbar-nav .nav-link.open, #shopcloud .navbar-light .navbar-nav .nav-link.open:focus, #shopcloud .navbar-light .navbar-nav .nav-link.open:hover, #shopcloud .navbar-light .navbar-nav .nav-link.active, #shopcloud .navbar-light .navbar-nav .nav-link.active:focus, #shopcloud .navbar-light .navbar-nav .nav-link.active:hover { color: rgba(0, 0, 0, 0.8); } #shopcloud .navbar-light .navbar-divider { background-color: rgba(0, 0, 0, 0.075); } #shopcloud .navbar-dark .navbar-brand { color: white; } #shopcloud .navbar-dark .navbar-brand:focus, #shopcloud .navbar-dark .navbar-brand:hover { color: white; } #shopcloud .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } #shopcloud .navbar-dark .navbar-nav .nav-link:focus, #shopcloud .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); } #shopcloud .navbar-dark .navbar-nav .open > .nav-link, #shopcloud .navbar-dark .navbar-nav .open > .nav-link:focus, #shopcloud .navbar-dark .navbar-nav .open > .nav-link:hover, #shopcloud .navbar-dark .navbar-nav .active > .nav-link, #shopcloud .navbar-dark .navbar-nav .active > .nav-link:focus, #shopcloud .navbar-dark .navbar-nav .active > .nav-link:hover, #shopcloud .navbar-dark .navbar-nav .nav-link.open, #shopcloud .navbar-dark .navbar-nav .nav-link.open:focus, #shopcloud .navbar-dark .navbar-nav .nav-link.open:hover, #shopcloud .navbar-dark .navbar-nav .nav-link.active, #shopcloud .navbar-dark .navbar-nav .nav-link.active:focus, #shopcloud .navbar-dark .navbar-nav .nav-link.active:hover { color: white; } #shopcloud .navbar-dark .navbar-divider { background-color: rgba(255, 255, 255, 0.075); } #shopcloud .card { position: relative; margin-bottom: 0.75rem; background-color: #fff; border: 0.0625rem solid #e5e5e5; border-radius: 0.25rem; } #shopcloud .card-block { padding: 1.25rem; } #shopcloud .card-title { margin-bottom: 0.75rem; } #shopcloud .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } #shopcloud .card-text:last-child { margin-bottom: 0; } #shopcloud .card-link:hover { text-decoration: none; } #shopcloud .card-link + .card-link { margin-left: 1.25rem; } #shopcloud .card > .list-group:first-child .list-group-item:first-child { border-radius: 0.25rem 0.25rem 0 0; } #shopcloud .card > .list-group:last-child .list-group-item:last-child { border-radius: 0 0 0.25rem 0.25rem; } #shopcloud .card-header { padding: 0.75rem 1.25rem; background-color: #f5f5f5; border-bottom: 0.0625rem solid #e5e5e5; } #shopcloud .card-header:first-child { border-radius: 0.1875rem 0.1875rem 0 0; } #shopcloud .card-footer { padding: 0.75rem 1.25rem; background-color: #f5f5f5; border-top: 0.0625rem solid #e5e5e5; } #shopcloud .card-footer:last-child { border-radius: 0 0 0.1875rem 0.1875rem; } #shopcloud .card-primary { background-color: #0275d8; border-color: #0275d8; } #shopcloud .card-success { background-color: #5cb85c; border-color: #5cb85c; } #shopcloud .card-info { background-color: #5bc0de; border-color: #5bc0de; } #shopcloud .card-warning { background-color: #f0ad4e; border-color: #f0ad4e; } #shopcloud .card-danger { background-color: #d9534f; border-color: #d9534f; } #shopcloud .card-inverse .card-header, #shopcloud .card-inverse .card-footer { border-bottom: 0.075rem solid rgba(255, 255, 255, 0.2); } #shopcloud .card-inverse .card-header, #shopcloud .card-inverse .card-footer, #shopcloud .card-inverse .card-title, #shopcloud .card-inverse .card-blockquote { color: #fff; } #shopcloud .card-inverse .card-link, #shopcloud .card-inverse .card-text, #shopcloud .card-inverse .card-blockquote > footer { color: rgba(255, 255, 255, 0.65); } #shopcloud .card-inverse .card-link:focus, #shopcloud .card-inverse .card-link:hover { color: #fff; } #shopcloud .card-blockquote { padding: 0; margin-bottom: 0; border-left: 0; } #shopcloud .card-img { border-radius: 0.25rem; } #shopcloud .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } #shopcloud .card-img-top { border-radius: 0.25rem 0.25rem 0 0; } #shopcloud .card-img-bottom { border-radius: 0 0 0.25rem 0.25rem; } @media (min-width: 400px) { #shopcloud .card-deck { display: table; table-layout: fixed; border-spacing: 1.25rem 0; } #shopcloud .card-deck .card { display: table-cell; width: 1%; vertical-align: top; } #shopcloud .card-deck-wrapper { margin-right: -1.25rem; margin-left: -1.25rem; } } @media (min-width: 400px) { #shopcloud .card-group { display: table; width: 100%; table-layout: fixed; } #shopcloud .card-group .card { display: table-cell; vertical-align: top; } #shopcloud .card-group .card + .card { margin-left: 0; border-left: 0; } #shopcloud .card-group .card:first-child .card-img-top { border-top-right-radius: 0; } #shopcloud .card-group .card:first-child .card-img-bottom { border-bottom-right-radius: 0; } #shopcloud .card-group .card:last-child .card-img-top { border-top-left-radius: 0; } #shopcloud .card-group .card:last-child .card-img-bottom { border-bottom-left-radius: 0; } #shopcloud .card-group .card:not(:first-child):not(:last-child) { border-radius: 0; } #shopcloud .card-group .card:not(:first-child):not(:last-child) .card-img-top, #shopcloud .card-group .card:not(:first-child):not(:last-child) .card-img-bottom { border-radius: 0; } } @media (min-width: 400px) { #shopcloud .card-columns { column-count: 3; column-gap: 1.25rem; } #shopcloud .card-columns .card { display: inline-block; width: 100%; } } #shopcloud .breadcrumb { padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #eceeef; border-radius: 0px; } #shopcloud .breadcrumb::after { content: ""; display: table; clear: both; } #shopcloud .breadcrumb > li { float: left; } #shopcloud .breadcrumb > li + li::before { padding-right: .5rem; padding-left: .5rem; color: #818a91; content: "/"; } #shopcloud .breadcrumb > .active { color: #818a91; } #shopcloud .pagination { display: inline-block; padding-left: 0; margin-top: 1rem; margin-bottom: 1rem; border-radius: 0px; } #shopcloud .pagination > li { display: inline; } #shopcloud .pagination > li > a, #shopcloud .pagination > li > span { position: relative; float: left; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.5; color: #0275d8; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } #shopcloud .pagination > li:first-child > a, #shopcloud .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 0px; border-top-left-radius: 0px; } #shopcloud .pagination > li:last-child > a, #shopcloud .pagination > li:last-child > span { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } #shopcloud .pagination > li > a:focus, #shopcloud .pagination > li > a:hover, #shopcloud .pagination > li > span:focus, #shopcloud .pagination > li > span:hover { color: #014c8c; background-color: #eceeef; border-color: #ddd; } #shopcloud .pagination > .active > a, #shopcloud .pagination > .active > a:focus, #shopcloud .pagination > .active > a:hover, #shopcloud .pagination > .active > span, #shopcloud .pagination > .active > span:focus, #shopcloud .pagination > .active > span:hover { z-index: 2; color: #fff; cursor: default; background-color: #0275d8; border-color: #0275d8; } #shopcloud .pagination > .disabled > span, #shopcloud .pagination > .disabled > span:focus, #shopcloud .pagination > .disabled > span:hover, #shopcloud .pagination > .disabled > a, #shopcloud .pagination > .disabled > a:focus, #shopcloud .pagination > .disabled > a:hover { color: #818a91; cursor: not-allowed; background-color: #fff; border-color: #ddd; } #shopcloud .pagination-lg > li > a, #shopcloud .pagination-lg > li > span { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.33333; } #shopcloud .pagination-lg > li:first-child > a, #shopcloud .pagination-lg > li:first-child > span { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } #shopcloud .pagination-lg > li:last-child > a, #shopcloud .pagination-lg > li:last-child > span { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } #shopcloud .pagination-sm > li > a, #shopcloud .pagination-sm > li > span { padding: 0.275rem 0.75rem; font-size: 0.85rem; line-height: 1.5; } #shopcloud .pagination-sm > li:first-child > a, #shopcloud .pagination-sm > li:first-child > span { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } #shopcloud .pagination-sm > li:last-child > a, #shopcloud .pagination-sm > li:last-child > span { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } #shopcloud .pager { padding-left: 0; margin-top: 1rem; margin-bottom: 1rem; text-align: center; list-style: none; } #shopcloud .pager::after { content: ""; display: table; clear: both; } #shopcloud .pager li { display: inline; } #shopcloud .pager li > a, #shopcloud .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } #shopcloud .pager li > a:focus, #shopcloud .pager li > a:hover { text-decoration: none; background-color: #eceeef; } #shopcloud .pager .disabled > a, #shopcloud .pager .disabled > a:focus, #shopcloud .pager .disabled > a:hover { color: #818a91; cursor: not-allowed; background-color: #fff; } #shopcloud .pager .disabled > span { color: #818a91; cursor: not-allowed; background-color: #fff; } #shopcloud .pager-next > a, #shopcloud .pager-next > span { float: right; } #shopcloud .pager-prev > a, #shopcloud .pager-prev > span { float: left; } #shopcloud .label { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0px; } #shopcloud .label:empty { display: none; } #shopcloud .btn .label { position: relative; top: -1px; } #shopcloud a.label:focus, #shopcloud a.label:hover { color: #fff; text-decoration: none; cursor: pointer; } #shopcloud .label-pill { padding-right: .6em; padding-left: .6em; border-radius: 1rem; } #shopcloud .label-default { background-color: #818a91; } #shopcloud .label-default[href]:focus, #shopcloud .label-default[href]:hover { background-color: #687077; } #shopcloud .label-primary { background-color: #0275d8; } #shopcloud .label-primary[href]:focus, #shopcloud .label-primary[href]:hover { background-color: #025aa5; } #shopcloud .label-success { background-color: #5cb85c; } #shopcloud .label-success[href]:focus, #shopcloud .label-success[href]:hover { background-color: #449d44; } #shopcloud .label-info { background-color: #5bc0de; } #shopcloud .label-info[href]:focus, #shopcloud .label-info[href]:hover { background-color: #31b0d5; } #shopcloud .label-warning { background-color: #f0ad4e; } #shopcloud .label-warning[href]:focus, #shopcloud .label-warning[href]:hover { background-color: #ec971f; } #shopcloud .label-danger { background-color: #d9534f; } #shopcloud .label-danger[href]:focus, #shopcloud .label-danger[href]:hover { background-color: #c9302c; } #shopcloud .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #eceeef; border-radius: 0px; } #shopcloud .jumbotron-hr { border-top-color: #d0d5d8; } @media (min-width: 400px) { #shopcloud .jumbotron { padding: 4rem 2rem; } } #shopcloud .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } #shopcloud .alert { padding: 15px; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0px; } #shopcloud .alert > p, #shopcloud .alert > ul { margin-bottom: 0; } #shopcloud .alert > p + p { margin-top: 5px; } #shopcloud .alert-heading { color: inherit; } #shopcloud .alert-link { font-weight: bold; } #shopcloud .alert-dismissible { padding-right: 35px; } #shopcloud .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } #shopcloud .alert-success { background-color: #dff0d8; border-color: #d0e9c6; color: #3c763d; } #shopcloud .alert-success hr { border-top-color: #c1e2b3; } #shopcloud .alert-success .alert-link { color: #2b542c; } #shopcloud .alert-info { background-color: #d9edf7; border-color: #bcdff1; color: #31708f; } #shopcloud .alert-info hr { border-top-color: #a6d5ec; } #shopcloud .alert-info .alert-link { color: #245269; } #shopcloud .alert-warning { background-color: #fcf8e3; border-color: #faf2cc; color: #8a6d3b; } #shopcloud .alert-warning hr { border-top-color: #f7ecb5; } #shopcloud .alert-warning .alert-link { color: #66512c; } #shopcloud .alert-danger { background-color: #f2dede; border-color: #ebcccc; color: #a94442; } #shopcloud .alert-danger hr { border-top-color: #e4b9b9; } #shopcloud .alert-danger .alert-link { color: #843534; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } #shopcloud .progress { display: block; width: 100%; height: 1rem; margin-bottom: 1rem; } #shopcloud .progress[value] { color: #0074d9; border: 0; appearance: none; } #shopcloud .progress[value]::-webkit-progress-bar { background-color: #eee; border-radius: 0px; } #shopcloud .progress[value]::-webkit-progress-value::before { content: attr(value); } #shopcloud .progress[value]::-webkit-progress-value { background-color: #0074d9; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } #shopcloud .progress[value="100"]::-webkit-progress-value { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } @media screen and (min-width: 0\0) { #shopcloud .progress { background-color: #eee; border-radius: 0px; } #shopcloud .progress-bar { display: inline-block; height: 1rem; text-indent: -999rem; background-color: #0074d9; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } #shopcloud .progress[width^="0"] { min-width: 2rem; color: #818a91; background-color: transparent; background-image: none; } #shopcloud .progress[width="100%"] { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } } #shopcloud .progress-striped[value]::-webkit-progress-value { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } #shopcloud .progress-striped[value]::-moz-progress-bar { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } @media screen and (min-width: 0\0) { #shopcloud .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } } #shopcloud .progress-animated[value]::-webkit-progress-value { animation: progress-bar-stripes 2s linear infinite; } #shopcloud .progress-animated[value]::-moz-progress-bar { animation: progress-bar-stripes 2s linear infinite; } @media screen and (min-width: 0\0) { #shopcloud .progress-animated .progress-bar-striped { animation: progress-bar-stripes 2s linear infinite; } } #shopcloud .progress-success[value]::-webkit-progress-value { background-color: #5cb85c; } #shopcloud .progress-success[value]::-moz-progress-bar { background-color: #5cb85c; } @media screen and (min-width: 0\0) { #shopcloud .progress-success .progress-bar { background-color: #5cb85c; } } #shopcloud .progress-info[value]::-webkit-progress-value { background-color: #5bc0de; } #shopcloud .progress-info[value]::-moz-progress-bar { background-color: #5bc0de; } @media screen and (min-width: 0\0) { #shopcloud .progress-info .progress-bar { background-color: #5bc0de; } } #shopcloud .progress-warning[value]::-webkit-progress-value { background-color: #f0ad4e; } #shopcloud .progress-warning[value]::-moz-progress-bar { background-color: #f0ad4e; } @media screen and (min-width: 0\0) { #shopcloud .progress-warning .progress-bar { background-color: #f0ad4e; } } #shopcloud .progress-danger[value]::-webkit-progress-value { background-color: #d9534f; } #shopcloud .progress-danger[value]::-moz-progress-bar { background-color: #d9534f; } @media screen and (min-width: 0\0) { #shopcloud .progress-danger .progress-bar { background-color: #d9534f; } } #shopcloud .media { margin-top: 15px; } #shopcloud .media:first-child { margin-top: 0; } #shopcloud .media, #shopcloud .media-body { overflow: hidden; zoom: 1; } #shopcloud .media-body { width: 10000px; } #shopcloud .media-left, #shopcloud .media-right, #shopcloud .media-body { display: table-cell; vertical-align: top; } #shopcloud .media-middle { vertical-align: middle; } #shopcloud .media-bottom { vertical-align: bottom; } #shopcloud .media-object { display: block; } #shopcloud .media-object.img-thumbnail { max-width: none; } #shopcloud .media-right { padding-left: 10px; } #shopcloud .media-left { padding-right: 10px; } #shopcloud .media-heading { margin-top: 0; margin-bottom: 5px; } #shopcloud .media-list { padding-left: 0; list-style: none; } #shopcloud .list-group { padding-left: 0; margin-bottom: 0; } #shopcloud .list-group-item { position: relative; display: block; padding: .75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } #shopcloud .list-group-item:first-child { border-top-right-radius: 0px; border-top-left-radius: 0px; } #shopcloud .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } #shopcloud .list-group-flush .list-group-item { border-width: 1px 0; border-radius: 0; } #shopcloud a.list-group-item, #shopcloud button.list-group-item { width: 100%; color: #555; text-align: inherit; } #shopcloud a.list-group-item .list-group-item-heading, #shopcloud button.list-group-item .list-group-item-heading { color: #333; } #shopcloud a.list-group-item:focus, #shopcloud a.list-group-item:hover, #shopcloud button.list-group-item:focus, #shopcloud button.list-group-item:hover { color: #555; text-decoration: none; background-color: #f5f5f5; } #shopcloud .list-group-item.disabled, #shopcloud .list-group-item.disabled:focus, #shopcloud .list-group-item.disabled:hover { color: #818a91; cursor: not-allowed; background-color: #eceeef; } #shopcloud .list-group-item.disabled .list-group-item-heading, #shopcloud .list-group-item.disabled:focus .list-group-item-heading, #shopcloud .list-group-item.disabled:hover .list-group-item-heading { color: inherit; } #shopcloud .list-group-item.disabled .list-group-item-text, #shopcloud .list-group-item.disabled:focus .list-group-item-text, #shopcloud .list-group-item.disabled:hover .list-group-item-text { color: #818a91; } #shopcloud .list-group-item.active, #shopcloud .list-group-item.active:focus, #shopcloud .list-group-item.active:hover { z-index: 2; color: #fff; background-color: #0275d8; border-color: #0275d8; } #shopcloud .list-group-item.active .list-group-item-heading, #shopcloud .list-group-item.active .list-group-item-heading > small, #shopcloud .list-group-item.active .list-group-item-heading > .small, #shopcloud .list-group-item.active:focus .list-group-item-heading, #shopcloud .list-group-item.active:focus .list-group-item-heading > small, #shopcloud .list-group-item.active:focus .list-group-item-heading > .small, #shopcloud .list-group-item.active:hover .list-group-item-heading, #shopcloud .list-group-item.active:hover .list-group-item-heading > small, #shopcloud .list-group-item.active:hover .list-group-item-heading > .small { color: inherit; } #shopcloud .list-group-item.active .list-group-item-text, #shopcloud .list-group-item.active:focus .list-group-item-text, #shopcloud .list-group-item.active:hover .list-group-item-text { color: #a8d6fe; } #shopcloud .list-group-item-success { color: #3c763d; background-color: #dff0d8; } #shopcloud a.list-group-item-success, #shopcloud button.list-group-item-success { color: #3c763d; } #shopcloud a.list-group-item-success .list-group-item-heading, #shopcloud button.list-group-item-success .list-group-item-heading { color: inherit; } #shopcloud a.list-group-item-success:focus, #shopcloud a.list-group-item-success:hover, #shopcloud button.list-group-item-success:focus, #shopcloud button.list-group-item-success:hover { color: #3c763d; background-color: #d0e9c6; } #shopcloud a.list-group-item-success.active, #shopcloud a.list-group-item-success.active:focus, #shopcloud a.list-group-item-success.active:hover, #shopcloud button.list-group-item-success.active, #shopcloud button.list-group-item-success.active:focus, #shopcloud button.list-group-item-success.active:hover { color: #fff; background-color: #3c763d; border-color: #3c763d; } #shopcloud .list-group-item-info { color: #31708f; background-color: #d9edf7; } #shopcloud a.list-group-item-info, #shopcloud button.list-group-item-info { color: #31708f; } #shopcloud a.list-group-item-info .list-group-item-heading, #shopcloud button.list-group-item-info .list-group-item-heading { color: inherit; } #shopcloud a.list-group-item-info:focus, #shopcloud a.list-group-item-info:hover, #shopcloud button.list-group-item-info:focus, #shopcloud button.list-group-item-info:hover { color: #31708f; background-color: #c4e3f3; } #shopcloud a.list-group-item-info.active, #shopcloud a.list-group-item-info.active:focus, #shopcloud a.list-group-item-info.active:hover, #shopcloud button.list-group-item-info.active, #shopcloud button.list-group-item-info.active:focus, #shopcloud button.list-group-item-info.active:hover { color: #fff; background-color: #31708f; border-color: #31708f; } #shopcloud .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } #shopcloud a.list-group-item-warning, #shopcloud button.list-group-item-warning { color: #8a6d3b; } #shopcloud a.list-group-item-warning .list-group-item-heading, #shopcloud button.list-group-item-warning .list-group-item-heading { color: inherit; } #shopcloud a.list-group-item-warning:focus, #shopcloud a.list-group-item-warning:hover, #shopcloud button.list-group-item-warning:focus, #shopcloud button.list-group-item-warning:hover { color: #8a6d3b; background-color: #faf2cc; } #shopcloud a.list-group-item-warning.active, #shopcloud a.list-group-item-warning.active:focus, #shopcloud a.list-group-item-warning.active:hover, #shopcloud button.list-group-item-warning.active, #shopcloud button.list-group-item-warning.active:focus, #shopcloud button.list-group-item-warning.active:hover { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } #shopcloud .list-group-item-danger { color: #a94442; background-color: #f2dede; } #shopcloud a.list-group-item-danger, #shopcloud button.list-group-item-danger { color: #a94442; } #shopcloud a.list-group-item-danger .list-group-item-heading, #shopcloud button.list-group-item-danger .list-group-item-heading { color: inherit; } #shopcloud a.list-group-item-danger:focus, #shopcloud a.list-group-item-danger:hover, #shopcloud button.list-group-item-danger:focus, #shopcloud button.list-group-item-danger:hover { color: #a94442; background-color: #ebcccc; } #shopcloud a.list-group-item-danger.active, #shopcloud a.list-group-item-danger.active:focus, #shopcloud a.list-group-item-danger.active:hover, #shopcloud button.list-group-item-danger.active, #shopcloud button.list-group-item-danger.active:focus, #shopcloud button.list-group-item-danger.active:hover { color: #fff; background-color: #a94442; border-color: #a94442; } #shopcloud .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } #shopcloud .list-group-item-text { margin-bottom: 0; line-height: 1.3; } #shopcloud .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } #shopcloud .embed-responsive .embed-responsive-item, #shopcloud .embed-responsive iframe, #shopcloud .embed-responsive embed, #shopcloud .embed-responsive object, #shopcloud .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } #shopcloud .embed-responsive-21by9 { padding-bottom: 42.85714%; } #shopcloud .embed-responsive-16by9 { padding-bottom: 56.25%; } #shopcloud .embed-responsive-4by3 { padding-bottom: 75%; } #shopcloud .close { float: right; font-size: 1.5rem; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; } #shopcloud .close:focus, #shopcloud .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .5; } #shopcloud button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } #shopcloud .modal-open { overflow: hidden; } #shopcloud .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; -webkit-overflow-scrolling: touch; } #shopcloud .modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translate(0, -25%); } #shopcloud .modal.in .modal-dialog { transform: translate(0, 0); } #shopcloud .modal-open .modal { overflow-x: hidden; overflow-y: auto; } #shopcloud .modal-dialog { position: relative; width: auto; margin: 10px; } #shopcloud .modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0px; outline: 0; } #shopcloud .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } #shopcloud .modal-backdrop.fade { opacity: 0; } #shopcloud .modal-backdrop.in { opacity: 0.5; } #shopcloud .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } #shopcloud .modal-header::after { content: ""; display: table; clear: both; } #shopcloud .modal-header .close { margin-top: -2px; } #shopcloud .modal-title { margin: 0; line-height: 1.5; } #shopcloud .modal-body { position: relative; padding: 15px; } #shopcloud .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } #shopcloud .modal-footer::after { content: ""; display: table; clear: both; } #shopcloud .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } #shopcloud .modal-footer .btn-group .btn + .btn { margin-left: -1px; } #shopcloud .modal-footer .btn-block + .btn-block { margin-left: 0; } #shopcloud .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 400px) { #shopcloud .modal-dialog { width: 600px; margin: 30px auto; } #shopcloud .modal-sm { width: 300px; } } @media (min-width: 900px) { #shopcloud .modal-lg { width: 900px; } } #shopcloud .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 0.85rem; opacity: 0; } #shopcloud .tooltip.in { opacity: 0.9; } #shopcloud .tooltip.tooltip-top, #shopcloud .tooltip.bs-tether-element-attached-bottom { padding: 5px 0; margin-top: -3px; } #shopcloud .tooltip.tooltip-top .tooltip-arrow, #shopcloud .tooltip.bs-tether-element-attached-bottom .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } #shopcloud .tooltip.tooltip-right, #shopcloud .tooltip.bs-tether-element-attached-left { padding: 0 5px; margin-left: 3px; } #shopcloud .tooltip.tooltip-right .tooltip-arrow, #shopcloud .tooltip.bs-tether-element-attached-left .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } #shopcloud .tooltip.tooltip-bottom, #shopcloud .tooltip.bs-tether-element-attached-top { padding: 5px 0; margin-top: 3px; } #shopcloud .tooltip.tooltip-bottom .tooltip-arrow, #shopcloud .tooltip.bs-tether-element-attached-top .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } #shopcloud .tooltip.tooltip-left, #shopcloud .tooltip.bs-tether-element-attached-right { padding: 0 5px; margin-left: -3px; } #shopcloud .tooltip.tooltip-left .tooltip-arrow, #shopcloud .tooltip.bs-tether-element-attached-right .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } #shopcloud .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 0px; } #shopcloud .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } #shopcloud .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 0.85rem; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0px; } #shopcloud .popover.popover-top, #shopcloud .popover.bs-tether-element-attached-bottom { margin-top: -10px; } #shopcloud .popover.popover-top .popover-arrow, #shopcloud .popover.bs-tether-element-attached-bottom .popover-arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; } #shopcloud .popover.popover-top .popover-arrow::after, #shopcloud .popover.bs-tether-element-attached-bottom .popover-arrow::after { bottom: 1px; margin-left: -10px; content: ""; border-top-color: #fff; border-bottom-width: 0; } #shopcloud .popover.popover-right, #shopcloud .popover.bs-tether-element-attached-left { margin-left: 10px; } #shopcloud .popover.popover-right .popover-arrow, #shopcloud .popover.bs-tether-element-attached-left .popover-arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; } #shopcloud .popover.popover-right .popover-arrow::after, #shopcloud .popover.bs-tether-element-attached-left .popover-arrow::after { bottom: -10px; left: 1px; content: ""; border-right-color: #fff; border-left-width: 0; } #shopcloud .popover.popover-bottom, #shopcloud .popover.bs-tether-element-attached-top { margin-top: 10px; } #shopcloud .popover.popover-bottom .popover-arrow, #shopcloud .popover.bs-tether-element-attached-top .popover-arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: rgba(0, 0, 0, 0.25); } #shopcloud .popover.popover-bottom .popover-arrow::after, #shopcloud .popover.bs-tether-element-attached-top .popover-arrow::after { top: 1px; margin-left: -10px; content: ""; border-top-width: 0; border-bottom-color: #fff; } #shopcloud .popover.popover-left, #shopcloud .popover.bs-tether-element-attached-right { margin-left: -10px; } #shopcloud .popover.popover-left .popover-arrow, #shopcloud .popover.bs-tether-element-attached-right .popover-arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: rgba(0, 0, 0, 0.25); } #shopcloud .popover.popover-left .popover-arrow::after, #shopcloud .popover.bs-tether-element-attached-right .popover-arrow::after { right: 1px; bottom: -10px; content: ""; border-right-width: 0; border-left-color: #fff; } #shopcloud .popover-title { padding: 8px 14px; margin: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: -1px -1px 0 0; } #shopcloud .popover-content { padding: 9px 14px; } #shopcloud .popover-arrow, #shopcloud .popover-arrow::after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } #shopcloud .popover-arrow { border-width: 11px; } #shopcloud .popover-arrow::after { content: ""; border-width: 10px; } #shopcloud .carousel { position: relative; } #shopcloud .carousel-inner { position: relative; width: 100%; overflow: hidden; } #shopcloud .carousel-inner > .carousel-item { position: relative; display: none; transition: .6s ease-in-out left; } #shopcloud .carousel-inner > .carousel-item > img, #shopcloud .carousel-inner > .carousel-item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { #shopcloud .carousel-inner > .carousel-item { transition: transform .6s ease-in-out; backface-visibility: hidden; perspective: 1000px; } #shopcloud .carousel-inner > .carousel-item.next, #shopcloud .carousel-inner > .carousel-item.active.right { left: 0; transform: translate3d(100%, 0, 0); } #shopcloud .carousel-inner > .carousel-item.prev, #shopcloud .carousel-inner > .carousel-item.active.left { left: 0; transform: translate3d(-100%, 0, 0); } #shopcloud .carousel-inner > .carousel-item.next.left, #shopcloud .carousel-inner > .carousel-item.prev.right, #shopcloud .carousel-inner > .carousel-item.active { left: 0; transform: translate3d(0, 0, 0); } } #shopcloud .carousel-inner > .active, #shopcloud .carousel-inner > .next, #shopcloud .carousel-inner > .prev { display: block; } #shopcloud .carousel-inner > .active { left: 0; } #shopcloud .carousel-inner > .next, #shopcloud .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } #shopcloud .carousel-inner > .next { left: 100%; } #shopcloud .carousel-inner > .prev { left: -100%; } #shopcloud .carousel-inner > .next.left, #shopcloud .carousel-inner > .prev.right { left: 0; } #shopcloud .carousel-inner > .active.left { left: -100%; } #shopcloud .carousel-inner > .active.right { left: 100%; } #shopcloud .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); opacity: 0.5; } #shopcloud .carousel-control.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } #shopcloud .carousel-control.right { right: 0; left: auto; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } #shopcloud .carousel-control:focus, #shopcloud .carousel-control:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9; } #shopcloud .carousel-control .icon-prev, #shopcloud .carousel-control .icon-next { position: absolute; top: 50%; z-index: 5; display: inline-block; width: 20px; height: 20px; margin-top: -10px; font-family: serif; line-height: 1; } #shopcloud .carousel-control .icon-prev { left: 50%; margin-left: -10px; } #shopcloud .carousel-control .icon-next { right: 50%; margin-right: -10px; } #shopcloud .carousel-control .icon-prev::before { content: "\2039"; } #shopcloud .carousel-control .icon-next::before { content: "\203a"; } #shopcloud .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } #shopcloud .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: transparent; border: 1px solid #fff; border-radius: 10px; } #shopcloud .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } #shopcloud .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } #shopcloud .carousel-caption .btn { text-shadow: none; } @media (min-width: 400px) { #shopcloud .carousel-control .icon-prev, #shopcloud .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; } #shopcloud .carousel-control .icon-prev { margin-left: -15px; } #shopcloud .carousel-control .icon-next { margin-right: -15px; } #shopcloud .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } #shopcloud .carousel-indicators { bottom: 20px; } } #shopcloud .clearfix::after { content: ""; display: table; clear: both; } #shopcloud .center-block { display: block; margin-left: auto; margin-right: auto; } #shopcloud .pull-right { float: right !important; } #shopcloud .pull-left { float: left !important; } #shopcloud .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } #shopcloud .sr-only-focusable:active, #shopcloud .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } #shopcloud [hidden] { display: none !important; } #shopcloud .invisible { visibility: hidden; } #shopcloud .text-hide { font: "0/0" a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } #shopcloud .text-left { text-align: left; } #shopcloud .text-right { text-align: right; } #shopcloud .text-center { text-align: center; } #shopcloud .text-justify { text-align: justify; } #shopcloud .text-nowrap { white-space: nowrap; } #shopcloud .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #shopcloud .text-xs-left { text-align: left; } #shopcloud .text-xs-right { text-align: right; } #shopcloud .text-xs-center { text-align: center; } @media (min-width: 400px) { #shopcloud .text-sm-left { text-align: left; } #shopcloud .text-sm-right { text-align: right; } #shopcloud .text-sm-center { text-align: center; } } @media (min-width: 900px) { #shopcloud .text-md-left { text-align: left; } #shopcloud .text-md-right { text-align: right; } #shopcloud .text-md-center { text-align: center; } } @media (min-width: 1025px) { #shopcloud .text-lg-left { text-align: left; } #shopcloud .text-lg-right { text-align: right; } #shopcloud .text-lg-center { text-align: center; } } @media (min-width: 1260px) { #shopcloud .text-xl-left { text-align: left; } #shopcloud .text-xl-right { text-align: right; } #shopcloud .text-xl-center { text-align: center; } } #shopcloud .text-lowercase { text-transform: lowercase; } #shopcloud .text-uppercase { text-transform: uppercase; } #shopcloud .text-capitalize { text-transform: capitalize; } #shopcloud .text-muted { color: #818a91; } #shopcloud .text-primary { color: #0275d8; } #shopcloud a.text-primary:focus, #shopcloud a.text-primary:hover { color: #025aa5; } #shopcloud .text-success { color: #5cb85c; } #shopcloud a.text-success:focus, #shopcloud a.text-success:hover { color: #449d44; } #shopcloud .text-info { color: #5bc0de; } #shopcloud a.text-info:focus, #shopcloud a.text-info:hover { color: #31b0d5; } #shopcloud .text-warning { color: #f0ad4e; } #shopcloud a.text-warning:focus, #shopcloud a.text-warning:hover { color: #ec971f; } #shopcloud .text-danger { color: #d9534f; } #shopcloud a.text-danger:focus, #shopcloud a.text-danger:hover { color: #c9302c; } #shopcloud .bg-inverse { color: #eceeef; background-color: #373a3c; } #shopcloud .bg-faded { background-color: #f7f7f9; } #shopcloud .bg-primary { color: #fff; background-color: #0275d8; } #shopcloud a.bg-primary:focus, #shopcloud a.bg-primary:hover { background-color: #025aa5; } #shopcloud .bg-success { color: #fff; background-color: #5cb85c; } #shopcloud a.bg-success:focus, #shopcloud a.bg-success:hover { background-color: #449d44; } #shopcloud .bg-info { color: #fff; background-color: #5bc0de; } #shopcloud a.bg-info:focus, #shopcloud a.bg-info:hover { background-color: #31b0d5; } #shopcloud .bg-warning { color: #fff; background-color: #f0ad4e; } #shopcloud a.bg-warning:focus, #shopcloud a.bg-warning:hover { background-color: #ec971f; } #shopcloud .bg-danger { color: #fff; background-color: #d9534f; } #shopcloud a.bg-danger:focus, #shopcloud a.bg-danger:hover { background-color: #c9302c; } #shopcloud .m-a-0 { margin: 0 !important; } #shopcloud .m-t-0 { margin-top: 0 !important; } #shopcloud .m-r-0 { margin-right: 0 !important; } #shopcloud .m-b-0 { margin-bottom: 0 !important; } #shopcloud .m-l-0 { margin-left: 0 !important; } #shopcloud .m-x-0 { margin-right: 0 !important; margin-left: 0 !important; } #shopcloud .m-y-0 { margin-top: 0 !important; margin-bottom: 0 !important; } #shopcloud .m-a { margin: 1rem !important; } #shopcloud .m-t { margin-top: 1rem !important; } #shopcloud .m-r { margin-right: 1rem !important; } #shopcloud .m-b { margin-bottom: 1rem !important; } #shopcloud .m-l { margin-left: 1rem !important; } #shopcloud .m-x { margin-right: 1rem !important; margin-left: 1rem !important; } #shopcloud .m-y { margin-top: 1rem !important; margin-bottom: 1rem !important; } #shopcloud .m-x-auto { margin-right: auto !important; margin-left: auto !important; } #shopcloud .m-a-md { margin: 1.5rem !important; } #shopcloud .m-t-md { margin-top: 1.5rem !important; } #shopcloud .m-r-md { margin-right: 1.5rem !important; } #shopcloud .m-b-md { margin-bottom: 1.5rem !important; } #shopcloud .m-l-md { margin-left: 1.5rem !important; } #shopcloud .m-x-md { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } #shopcloud .m-y-md { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } #shopcloud .m-a-lg { margin: 3rem !important; } #shopcloud .m-t-lg { margin-top: 3rem !important; } #shopcloud .m-r-lg { margin-right: 3rem !important; } #shopcloud .m-b-lg { margin-bottom: 3rem !important; } #shopcloud .m-l-lg { margin-left: 3rem !important; } #shopcloud .m-x-lg { margin-right: 3rem !important; margin-left: 3rem !important; } #shopcloud .m-y-lg { margin-top: 3rem !important; margin-bottom: 3rem !important; } #shopcloud .p-a-0 { padding: 0 !important; } #shopcloud .p-t-0 { padding-top: 0 !important; } #shopcloud .p-r-0 { padding-right: 0 !important; } #shopcloud .p-b-0 { padding-bottom: 0 !important; } #shopcloud .p-l-0 { padding-left: 0 !important; } #shopcloud .p-x-0 { padding-right: 0 !important; padding-left: 0 !important; } #shopcloud .p-y-0 { padding-top: 0 !important; padding-bottom: 0 !important; } #shopcloud .p-a { padding: 1rem !important; } #shopcloud .p-t { padding-top: 1rem !important; } #shopcloud .p-r { padding-right: 1rem !important; } #shopcloud .p-b { padding-bottom: 1rem !important; } #shopcloud .p-l { padding-left: 1rem !important; } #shopcloud .p-x { padding-right: 1rem !important; padding-left: 1rem !important; } #shopcloud .p-y { padding-top: 1rem !important; padding-bottom: 1rem !important; } #shopcloud .p-a-md { padding: 1.5rem !important; } #shopcloud .p-t-md { padding-top: 1.5rem !important; } #shopcloud .p-r-md { padding-right: 1.5rem !important; } #shopcloud .p-b-md { padding-bottom: 1.5rem !important; } #shopcloud .p-l-md { padding-left: 1.5rem !important; } #shopcloud .p-x-md { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } #shopcloud .p-y-md { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } #shopcloud .p-a-lg { padding: 3rem !important; } #shopcloud .p-t-lg { padding-top: 3rem !important; } #shopcloud .p-r-lg { padding-right: 3rem !important; } #shopcloud .p-b-lg { padding-bottom: 3rem !important; } #shopcloud .p-l-lg { padding-left: 3rem !important; } #shopcloud .p-x-lg { padding-right: 3rem !important; padding-left: 3rem !important; } #shopcloud .p-y-lg { padding-top: 3rem !important; padding-bottom: 3rem !important; } #shopcloud .pos-f-t { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } #shopcloud .hidden-xs-up { display: none !important; } @media (max-width: 399px) { #shopcloud .hidden-xs-down { display: none !important; } } @media (min-width: 400px) { #shopcloud .hidden-sm-up { display: none !important; } } @media (max-width: 899px) { #shopcloud .hidden-sm-down { display: none !important; } } @media (min-width: 900px) { #shopcloud .hidden-md-up { display: none !important; } } @media (max-width: 1024px) { #shopcloud .hidden-md-down { display: none !important; } } @media (min-width: 1025px) { #shopcloud .hidden-lg-up { display: none !important; } } @media (max-width: 1259px) { #shopcloud .hidden-lg-down { display: none !important; } } @media (min-width: 1260px) { #shopcloud .hidden-xl-up { display: none !important; } } #shopcloud .hidden-xl-down { display: none !important; } #shopcloud .visible-print-block { display: none !important; } @media print { #shopcloud .visible-print-block { display: block !important; } } #shopcloud .visible-print-inline { display: none !important; } @media print { #shopcloud .visible-print-inline { display: inline !important; } } #shopcloud .visible-print-inline-block { display: none !important; } @media print { #shopcloud .visible-print-inline-block { display: inline-block !important; } } @media print { #shopcloud .hidden-print { display: none !important; } } #shopcloud .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #shopcloud .no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } #shopcloud .p-x-xs { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } #shopcloud .p-y-xs { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } #shopcloud .p-t-xs { padding-top: 0.5rem !important; } #shopcloud .p-b-xs { padding-bottom: 0.5rem !important; } #shopcloud .m-x-xs { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } #shopcloud .m-y-xs { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } #shopcloud .m-t-xs { margin-top: 0.5rem !important; } #shopcloud .m-b-xs { margin-bottom: 0.5rem !important; } #shopcloud .m-b-06 { margin-bottom: 0.6rem !important; } #shopcloud .m-b-1 { margin-bottom: 1rem !important; } #shopcloud .border-999 { border: 1px solid #999; } #shopcloud .border-t-999 { border-top: 1px solid #999; } #shopcloud .border-b-999 { border-bottom: 1px solid #999; } #shopcloud .border-none { border: none !important; } #shopcloud .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; text-decoration: none; } #shopcloud .dropdown-menu > li > a.active:after { font-family: FontAwesome; content: "\f058"; margin-left: 10px; color: #3c763d; } @media (max-width: 899px) { #shopcloud .center-sm-block { display: block; margin-left: auto; margin-right: auto; } } @media (min-width: 900px) { #shopcloud .pull-md-right { float: right !important; } } #shopcloud .btn, #shopcloud .form-control { } #shopcloud .btn-link { padding: 0; } #shopcloud .close { text-decoration: none; } #shopcloud label { font-weight: normal; } #shopcloud .label { color: #000; padding: 0; } #shopcloud .m-t-xs-20 { margin-top: 20px; } @media (min-width: 400px) { #shopcloud .modal-lg { width: auto; margin: 30px 30px; } #shopcloud .m-t-xs-20 { margin-top: 20px; } } @media (min-width: 900px) { #shopcloud .modal-lg { width: auto; margin: 30px 30px; } #shopcloud .m-t-xs-20 { margin-top: 0px; } } @media (min-width: 1025px) { #shopcloud .modal-lg { width: 900px; margin: 30px auto; } #shopcloud .m-t-xs-20 { margin-top: 0px; } } #shopcloud .col-no-padding { padding: 0px !important; } #shopcloud .pull-none { float: none !important; } #shopcloud .nav-pills.nav-workflow > li { position: relative; overflow: visible; border-right: 15px solid #fff; border-left: 15px solid #fff; } #shopcloud .nav-pills.nav-workflow .nav-item + .nav-item { margin-left: 0px; } #shopcloud .nav-pills.nav-workflow .nav-link { height: 40px; padding: 10px 15px; text-decoration: none; } #shopcloud .nav-pills.nav-workflow > li:first-child { border-left: 0; } #shopcloud .nav-pills.nav-workflow > li:first-child a { } #shopcloud .nav-pills.nav-workflow > li:last-child { border-right: 0; } #shopcloud .nav-pills.nav-workflow > li:last-child a { } #shopcloud .nav-pills.nav-workflow > li a { border-radius: 0; background-color: #1a8fc5; color: #fff; } #shopcloud .nav-pills.nav-workflow > li .nav-arrow { position: absolute; top: 0px; right: -20px; width: 0px; height: 0px; border-style: solid; border-width: 20px 0 20px 20px; border-color: transparent transparent transparent #1a8fc5; z-index: 150; } #shopcloud .nav-pills.nav-workflow > li .nav-wedge { position: absolute; top: 0px; left: -20px; width: 0px; height: 0px; border-style: solid; border-width: 20px 0 20px 20px; border-color: #1a8fc5 #1a8fc5 #1a8fc5 transparent; z-index: 150; } #shopcloud .nav-pills.nav-workflow > li:hover .nav-arrow { border-color: transparent transparent transparent #146e98; } #shopcloud .nav-pills.nav-workflow > li.done:hover .nav-arrow { border-color: transparent transparent transparent #146e98; } #shopcloud .nav-pills.nav-workflow > li:hover a { background-color: #146e98; color: #000; } #shopcloud .nav-pills.nav-workflow > li.done a { background: #0e4e6b; color: #fff; } #shopcloud .nav-pills.nav-workflow > li.done:hover a { background: #146e98; } #shopcloud .nav-pills.nav-workflow > li.done .nav-arrow { border-color: transparent transparent transparent #0e4e6b; } #shopcloud .nav-pills.nav-workflow > li.done .nav-wedge { border-color: #0e4e6b #0e4e6b #0e4e6b transparent; } #shopcloud .nav-pills.nav-workflow > li.active .nav-arrow { border-color: transparent transparent transparent #146e98; } #shopcloud .nav-pills.nav-workflow > li.active .nav-wedge { border-color: #146e98 #146e98 #146e98 transparent; } #shopcloud .nav-pills.nav-workflow > li.active a { background-color: #146e98; color: #fff; } #shopcloud .nav-pills.nav-workflow > li:hover .nav-wedge { border-color: #146e98 #146e98 #146e98 transparent; } #shopcloud .paymenticon { width: 100px; height: 70px; display: inline-block; background-repeat: no-repeat; background-size: 100px; } #shopcloud .paymenticon.maestro { background-image: url("//cdn.shopcloud.io/asset/icon/payment/maestro.png"); } #shopcloud .paymenticon.mastercard { background-image: url("//cdn.shopcloud.io/asset/icon/payment/mastercard.png"); } #shopcloud .paymenticon.visa { background-image: url("//cdn.shopcloud.io/asset/icon/payment/visa.png"); } #shopcloud .paymenticon.paypal { background-image: url("//cdn.shopcloud.io/asset/icon/payment/paypal.png"); } #shopcloud .paymenticon.sofortueberweisung { background-image: url("//cdn.shopcloud.io/asset/icon/payment/sofortueberweisung.png"); } #shopcloud .paymenticon.amazon-payments { background-image: url("//cdn.shopcloud.io/asset/icon/payment/amazon-payments.png"); } #shopcloud .paymenticon.billpay { background-image: url("//cdn.shopcloud.io/asset/icon/payment/billpay.png"); } #shopcloud .paymenticon.banktransfer { background-image: url("//cdn.shopcloud.io/asset/icon/payment/banktransfer.png"); } #shopcloud .paymenticon.moneyorder { background-image: url("//cdn.shopcloud.io/asset/icon/payment/moneyorder.png"); } #shopcloud .paymenticon.payment-in-advance { background-image: url("//cdn.shopcloud.io/asset/icon/payment/payment-in-advance-alternate.png"); } #shopcloud .paymenticon.cash-payment { background-image: url("//cdn.shopcloud.io/asset/icon/payment/cash-on-pickup.png"); } #shopcloud .paymenticon.americanexpress { background-image: url("//cdn.shopcloud.io/asset/icon/payment/american-express.png"); } #shopcloud .paymenticon.diners-club { background-image: url("//cdn.shopcloud.io/asset/icon/payment/diners-club.png"); } #shopcloud .paymenticon.jcb { background-image: url("//cdn.shopcloud.io/asset/icon/payment/jcb.png"); } #shopcloud .paymenticon.postfinance { background-image: url("//cdn.shopcloud.io/asset/icon/payment/postfinance-alternate.png"); } #shopcloud .paymenticon.giropay { background-image: url("//cdn.shopcloud.io/asset/icon/payment/giropay.png"); } #shopcloud .paymenticon.wirecard { background-image: url("//cdn.shopcloud.io/asset/icon/payment/wirecard.png"); } #shopcloud footer .paymenticon { width: 60px; height: 45px; display: inline-block; background-repeat: no-repeat; background-size: 60px; } #shopcloud body { font-size: 16px; color: #000; background-color: #fff; } #shopcloud .ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #shopcloud .islink { cursor: pointer; } #shopcloud .bold { font-weight: bold; } #shopcloud .shop_order_subscribe_action_panel .radio input[type="radio"] + label::before { margin-right: 0.5em; } #shopcloud h1, #shopcloud .h1 { font-size: 22px; text-transform: none; color: #1a8fc5; } #shopcloud h2, #shopcloud .h2 { font-size: 20px; text-transform: none; color: #1a8fc5; } #shopcloud h3, #shopcloud .h3 { font-size: 18px; text-transform: none; } #shopcloud h3[data-toggle="collapse"], #shopcloud .h3[data-toggle="collapse"] { line-height: inherit; } #shopcloud h3.blue, #shopcloud .h3.blue { font-size: 17px; text-transform: none; color: #1a8fc5; } #shopcloud .gridcol { border: 1px solid; } #shopcloud small { color: gray; } #shopcloud hr { border-top: 1px solid #020c11; } #shopcloud a { color: #000; text-decoration: underline; } #shopcloud a.active { font-weight: bold; } #shopcloud a[data-toggle="collapse"] { text-decoration: none; } #shopcloud a:link { color: #000; } #shopcloud a:visited { color: #000; } #shopcloud a:hover { color: gray; } #shopcloud a:focus { color: #000; outline: none; } #shopcloud a:active { color: #000; } #shopcloud a:visited:hover { color: gray; } #shopcloud ul { padding-left: 20px; } #shopcloud img { display: block; } #shopcloud .btn:focus, #shopcloud .btn.focus, #shopcloud .btn:active:focus, #shopcloud .btn:active.focus, #shopcloud .btn.active:focus, #shopcloud .btn.active.focus { outline: none; } #shopcloud .list-group-item { border-color: #020c11; } #shopcloud .text-decoration-none { text-decoration: none !important; } #shopcloud .companylogo { max-height: 100px; } #shopcloud .navbar { border-radius: 0px; } #shopcloud .has-error a { color: #d9534f; } #shopcloud .has-error a:hover { color: gray; } #shopcloud .alert-danger a { color: #a94442; } #shopcloud .alert-danger a:hover { color: gray; } #shopcloud .fa { } #shopcloud .alert { background: none; } #shopcloud .modal-content { } #shopcloud .modal-header, #shopcloud .modal-footer { border: none; } #shopcloud #main { min-height: 300px; padding-bottom: 50px; } #shopcloud .hr { background-color: #020c11; height: 1px; line-height: 1px; margin: 0; } #shopcloud .border-top-bottom { border-top: 1px solid #020c11; border-bottom: 1px solid #020c11; } #shopcloud .border-top { border-top: 1px solid #020c11; } #shopcloud .border-bottom { border-bottom: 1px solid #020c11; } #shopcloud .spacer20 { margin-bottom: 10px; margin-top: 10px; } #shopcloud .border-xs-top { border-top: 1px solid #020c11; } #shopcloud header { padding: 15px 0px 20px 0px; } #shopcloud .bg { background-color: #fff; background-image: none; } #shopcloud .bg-neutral { background-color: #dedede; } #shopcloud .bg-5 { background-color: #177fae; background-image: none; } #shopcloud .bg-10 { background-color: #146e98; background-image: none; } #shopcloud .light-bg { background-color: #1a8fc5; color: #fff; } #shopcloud .light-bg a { color: #fff; } #shopcloud .light-bg a:hover { color: gray; } #shopcloud .medium-bg { background-color: #146e98; color: #fff; } #shopcloud .medium-bg a { color: #fff; } #shopcloud .medium-bg a:hover { color: #000; } #shopcloud .medium-bg .hr { background-color: #1a8fc5; } #shopcloud .dark-bg { background-color: #0e4e6b; color: #fff; } #shopcloud .dark-bg a { color: #fff; } #shopcloud .dark-bg a:hover { color: gray; } #shopcloud .darker-bg { background-color: black; color: #fff; } #shopcloud .font-inverse { color: #fff !important; } #shopcloud .tooltip .tooltip-inner { background-color: #1a8fc5; color: #fff; } #shopcloud .price { color: #000; } #shopcloud .originalPrice { color: gray; } #shopcloud .card { border: none; } #shopcloud .card .card-header { color: #fff; border: none; background-color: #0e4e6b; } #shopcloud .card .card-footer { padding: 0px; color: #000; border: none; background-color: #fff; } #shopcloud .card.active { } #shopcloud .card.active .card-footer { } #shopcloud .card.active .card-header { } #shopcloud .card .card-block { padding: 0px 0px 1.25rem 0; } #shopcloud .card .card-block.payment { } #shopcloud #checkout-shop-btn { position: absolute; left: 0px; top: -40px; width: auto; height: auto; } #shopcloud .workflow-box { position: relative; } #shopcloud .btn-link { color: #000; } #shopcloud .btn-link:hover { color: gray; text-decoration: none; } #shopcloud .btn-link.active { text-decoration: underline; } #shopcloud .btn-secondary { width: 100%; color: #fff; background-color: #1a8fc5; border-color: #020c11; text-decoration: none; } #shopcloud .btn-secondary a { text-decoration: none; } #shopcloud .btn-secondary:link { color: #fff; } #shopcloud .btn-secondary:visited { color: #fff; } #shopcloud .btn-secondary:hover { color: #fff; background-color: black; border-color: #000; } #shopcloud .btn-secondary:focus { color: #fff; background-color: black; border-color: #000; } #shopcloud .btn-secondary:active { color: #fff; background-color: black; border-color: #000; } #shopcloud .btn-secondary:visited:hover { color: #fff; background-color: black; border-color: #000; } #shopcloud .btn-secondary:disabled:hover { color: #000 !important; border-color: #000 !important; } #shopcloud .btn-secondary.disabled:hover { color: #000 !important; border-color: #000 !important; } #shopcloud .btn-primary { width: 100%; color: #fff; background-color: #115e81; border-color: #000; text-decoration: none; } #shopcloud .btn-primary:link { color: #fff; } #shopcloud .btn-primary:visited { color: #fff; } #shopcloud .btn-primary:hover { color: #fff; background-color: #1a8fc5; border-color: #000; } #shopcloud .btn-primary:focus { color: #fff; background-color: #1a8fc5; border-color: #000; } #shopcloud .btn-primary:active { color: #fff; background-color: #1a8fc5; border-color: #000; } #shopcloud .btn-primary:visited:hover { color: #fff; border-color: #000; background-color: #1a8fc5; } #shopcloud .btn-danger { width: 100%; background-color: #1a8fc5; color: #d9534f; } #shopcloud .btn-danger:link { color: #d9534f; } #shopcloud .btn-danger:visited { color: #d9534f; } #shopcloud .btn-danger:hover { color: #1a8fc5; } #shopcloud .btn-danger:focus { color: #d9534f; } #shopcloud .btn-danger:active { color: #d9534f; } #shopcloud .btn-danger:visited:hover { color: #1a8fc5; } #shopcloud .form-control { color: #000; background-color: #fff; border: 1px solid #020c11; } #shopcloud input:required:valid { border: 1px #0ecd00 solid; background-image: url(/alvine/frontend/plugins/content.simple.form/assets/valid.png); background-position: right center; background-repeat: no-repeat; } #shopcloud input:required:invalid, .has-error #shopcloud input { border: 1px #d9534f solid !important; color: #d9534f !important; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNyb3NzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMiA3OTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYxMiA3OTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNEOTUzNEYiIGQ9Ik00NDcsNTQ0LjRjLTE0LjQsMTQuNC0zNy42LDE0LjQtNTEuOSwwTDMwNiw0NTEuN2wtODkuMSw5Mi43Yy0xNC40LDE0LjQtMzcuNiwxNC40LTUxLjksMGMtMTQuNC0xNC40LTE0LjQtMzcuNiwwLTUxLjlsOTIuNC05Ni40TDE2NSwyOTkuNmMtMTQuNC0xNC40LTE0LjQtMzcuNiwwLTUxLjlzMzcuNi0xNC40LDUxLjksMGw4OS4yLDkyLjdsODkuMS05Mi43YzE0LjQtMTQuNCwzNy42LTE0LjQsNTEuOSwwYzE0LjQsMTQuNCwxNC40LDM3LjYsMCw1MS45TDM1NC43LDM5Nmw5Mi40LDk2LjRDNDYxLjQsNTA2LjgsNDYxLjQsNTMwLDQ0Nyw1NDQuNHoiLz48L3N2Zz4=") !important; background-position: right center !important; background-repeat: no-repeat !important; -moz-box-shadow: none !important; } #shopcloud input:-webkit-autofill { background-color: #fff; } #shopcloud .stocklabel { display: inline-block; position: relative; height: 24px; overflow: hidden; width: 12px; } #shopcloud .stocklabel.warning:before { background: #f0ad4e; } #shopcloud .stocklabel.danger:before { background: #d9534f; } #shopcloud .stocklabel.success:before { background: #5cb85c; } #shopcloud .stocklabel.info:before { background: #5bc0de; } #shopcloud .stocklabel:before { content: ''; padding: 0px; width: 12px; height: 12px; display: inline-block; border-radius: 1rem; position: absolute; left: 0; top: 6px; } #shopcloud .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #shopcloud .c-select { background-image: url(/alvine/frontend/template/checkout/assets/arrow.png); background-repeat: no-repeat; background-position-x: 98%; background-position-y: 50%; background-size: 0.75em; height: 38px; line-height: 25px; } #shopcloud [aria-expanded="true"] .fa-angle-down { display: block; } #shopcloud [aria-expanded="true"] .fa-angle-right { display: none; } #shopcloud [aria-expanded="false"] .fa-angle-down { display: none; } #shopcloud [aria-expanded="false"] .fa-angle-right { display: block; } #shopcloud footer { padding: 0px; font-size: 0.9em; color: #fff; } #shopcloud footer a { color: #fff; text-decoration: none; } #shopcloud footer a:hover { text-decoration: none; } #shopcloud footer h4 { font-size: 1.5em; } #shopcloud footer .big-icons i, #shopcloud footer .big-icons em { font-size: 2.0em !important; } #shopcloud .giftcard-text { height: 7rem; } @media (min-width: 900px) { #shopcloud .giftcard-text { height: 25rem; } } #shopcloud .bx-nl, #shopcloud .new-alternative { display: none; } #shopcloud .ui-datepicker-today { opacity: 1 !important; } #shopcloud .ui-datepicker-today span { background: #1a8fc5 !important; color: #000 !important; } #shopcloud [aria-expanded="true"] .fa-check-square-o { display: block; } #shopcloud [aria-expanded="true"] .fa-square-o { display: none; } #shopcloud [aria-expanded="false"] .fa-check-square-o { display: none; } #shopcloud [aria-expanded="false"] .fa-square-o { display: block; } #shopcloud .fa-check { margin-left: 0em; margin-top: 0.3em; } #shopcloud .fa-check-square-o { color: #1a8fc5; } #shopcloud .color-list { list-style-type: none; padding-left: 0; margin-left: 0; height: 28px; } #shopcloud .color-list a { text-decoration: none; } #shopcloud .color-list a:hover { text-decoration: none; } #shopcloud .color-list li { padding: 3px 3px 3px 3px; display: inline-block; } #shopcloud .color-list li.active, #shopcloud .color-list li:hover { border: 1px solid #575452; padding: 2px 2px 2px 2px; } #shopcloud .sc-list-item-spacer { border-bottom: 1px solid #020c11; } #shopcloud .sc_summary_list { line-height: 20px; } #shopcloud .sc_summary_list .total-value div, #shopcloud .sc_summary_list .total-gross div { font-size: 20px; } #shopcloud .shPaymentTypeDisplay ul li { background: url(../../template/store/assets/payment_icons.png); text-indent: -9999px; width: 70px; height: 50px; } #shopcloud .shPaymentTypeDisplay ul .type_1 { background-position: -1px 0px; } #shopcloud .shPaymentTypeDisplay ul .type_2 { background-position: -1px -50px; } #shopcloud .shPaymentTypeDisplay ul .type_3 { background-position: -1px -50px; } #shopcloud .shPaymentTypeDisplay ul .type_5 { background-position: -1px -2px; } #shopcloud .shPaymentTypeDisplay ul .type_6 { background-position: -1px -92px; } #shopcloud .shPaymentTypeDisplay ul .type_7 { background-position: -1px -137px; } #shopcloud .shPaymentTypeDisplay ul .type_4 { background-position: -1px -44px; } #shopcloud .shPaymentTypeDisplay ul .type_90 { background-position: -1px -185px; } #shopcloud #ppplus iframe { width: 100% !important; } #shopcloud .collapse_ppp { width: 100%; } #shopcloud .pui_label { float: left; width: 200px; } #shopcloud .account-nav .headline { background-color: black; color: #fff; padding: 0.5rem; margin-bottom: 1rem; } #shopcloud .account-nav .logout { margin-top: 1rem; } @media (max-width: 1024px) { #shopcloud .account-nav .headline { text-align: center; margin-bottom: 0px; } #shopcloud .account-nav .logout { margin-top: 0px; } #shopcloud .account-nav li { text-align: center; border-bottom: 1px solid #020c11; padding: 0.5rem; } #shopcloud .account-nav li:nth-child(6) { border-bottom: none; } #shopcloud .account-nav li:last-child { border-bottom: none; padding: 0px; } } @media print { #shopcloud .col-print-1 { width: 8%; float: left; } #shopcloud .col-print-2 { width: 16%; float: left; } #shopcloud .col-print-3 { width: 25%; float: left; } #shopcloud .col-print-4 { width: 33%; float: left; } #shopcloud .col-print-5 { width: 42%; float: left; } #shopcloud .col-print-6 { width: 50%; float: left; } #shopcloud .col-print-7 { width: 58%; float: left; } #shopcloud .col-print-8 { width: 66%; float: left; } #shopcloud .col-print-9 { width: 75%; float: left; } #shopcloud .col-print-10 { width: 83%; float: left; } #shopcloud .col-print-11 { width: 92%; float: left; } #shopcloud .col-print-12 { width: 100%; float: left; } } #shopcloud div.alvineJSPluginLayer_lightbox_overlay { position: absolute; width: 100%; height: 100%; overflow: hidden; -height: 100px; -overflow: visible; top: 0; opacity: 0; background: #000000; color: black; } #shopcloud div.alvineJSPluginLayer_lightbox_contentbox { position: absolute; z-index: 100; margin-left: 77px; } #shopcloud a.alvineJSPluginLayer_lightbox_close { position: absolute; top: 5px; right: 5px; background-image: url("/alvine/frontend/plugins/content.layout.popup/assets/ctLayPopup_cssShape.png"); background-position: -43px -21px; background-repeat: no-repeat; height: 13px; overflow: hidden; width: 12px; cursor: pointer; } #shopcloud .alvineJSPluginajaxloader { width: 100%; position: relative; } #shopcloud .alvineJSPluginajaxloaderOverlay { background: #fff none; position: absolute; bottom: 0; top: 0; left: 0; right: 0; opacity: .8; filter: alpha(opacity=80); border-radius: 8px; z-index: 9; } #shopcloud .alvineJSPluginajaxloaderImage { background: transparent url("/alvine/frontend/template/checkout/assets/amazon_loader.gif"); background-position: center; background-repeat: no-repeat; position: absolute; bottom: 0; top: 0; left: 0; right: 0; z-index: 10; } #shopcloud #alvineJSPluginajaxloaderImageBox .loaderImage { background-image: url("/alvine/frontend/template/onlineshop/images/transparent_loader.gif"); width: 20px; height: 20px; display: inline-block; } #shopcloud #wrapper { padding-left: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin-top: 66px; } #shopcloud .usp { line-height: 35px; } @media (min-width: 1025px) { #shopcloud #wrapper { margin-top: 0px; } } #shopcloud #page-content-wrapper { width: 100%; position: absolute; } #shopcloud header .search { margin-top: 28px; } #shopcloud header .headerrow { } @media (min-width: 900px) and (max-width: 1024px) { #shopcloud header .accountnavigation { margin-top: 28px; } } @media (max-width: 899px) { #shopcloud header .shoplogo { max-height: 50px; } #shopcloud header .search { margin-top: 0px; } } #shopcloud .tab-content { min-height: 250px; border: 1px solid #020c11; border-top: 0; } #shopcloud .breadrumbs a { text-decoration: none; font-size: 80%; } #shopcloud .breadrumbs li { padding-right: 0px; } #shopcloud .breadrumbs li + li { line-height: 16px; border-left: 1px solid #020c11; } #shopcloud .icontext { text-align: center; display: block; } #shopcloud .item { position: relative; padding: 3px; } #shopcloud .item .itemimage { } #shopcloud .item .itemimage img { max-width: 100%; margin: 0 auto; overflow: hidden; display: block; } #shopcloud .item .itemdescription .price-row { min-height: 1.5em; } #shopcloud #gallery-panel { background-color: #fff; } @media (max-width: 899px) { #shopcloud .itemdescription { font-size: 12px; } } #shopcloud .usp, #shopcloud .bx-nl { display: none; } #shopcloud .shopnavi_category ul { padding: 0px; margin-left: 0px; list-style-type: none; } #shopcloud .shopnavi_category ul ul { margin: 0px 0px 0px 17px; } #shopcloud [aria-expanded="true"] .fa-check-square-o { display: block; } #shopcloud [aria-expanded="true"] .fa-square-o { display: none; } #shopcloud [aria-expanded="false"] .fa-check-square-o { display: none; } #shopcloud [aria-expanded="false"] .fa-square-o { display: block; } #shopcloud .fa-check { margin-left: 1em; margin-top: 0.3em; } #shopcloud .fa-check-square-o { color: #1a8fc5; } #shopcloud .radio input[type="radio"] { opacity: 0; z-index: 1; } #shopcloud .radio label::before { content: "\f096"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; } #shopcloud .radio input[type="radio"]:checked + label::before { content: "\f046"; color: #1a8fc5; } #shopcloud input[type="search"] { line-height: 2.4em; height: 2.4em; } #shopcloud a:hover .icon.person { background-position: -50px -50px; } #shopcloud a:hover .icon.wishlist { background-position: -150px -50px; } #shopcloud a:hover .icon.shoppingcard { background-position: -1px -50px; } #shopcloud .icon { width: 48px; height: 48px; background-image: url(../../template/store/assets/shopcloudicons.png); background-repeat: no-repeat; display: block; margin: 0 auto; } #shopcloud .icon.person { background-position: -50px 0px; text-indent: -9999px; } #shopcloud .icon.wishlist { background-position: -150px 0px; text-indent: -9999px; } #shopcloud .icon.shoppingcard { background-position: -1px 0px; } #shopcloud .icon.search { background-position: -100px 0px; text-indent: -9999px; } #shopcloud .icon.sale { z-index: 50; background: none; border: 1px solid #020c11; padding: 5px; height: auto; width: auto; text-transform: uppercase; background-color: #177fae; font-size: 60%; } #shopcloud .icon.new { z-index: 50; border: 1px solid #020c11; padding: 5px; background: none; height: auto; width: auto; text-transform: uppercase; font-size: 60%; } #shopcloud .icon.overlayer { position: absolute; top: 0px; left: 0px; } @media (min-width: 900px) { #shopcloud .icon.new { font-size: 1vw; } #shopcloud .icon.sale { font-size: 1vw; } } @media (min-width: 1025px) { #shopcloud .icon.new { font-size: 80%; } #shopcloud .icon.sale { font-size: 80%; } } #shopcloud .icon_care { background-image: url(../../template/store/assets/shapeCareicons.png); background-repeat: no-repeat; width: 30px; height: 22px; overflow: hidden; float: left; margin: 0 4px 4px 0; } #shopcloud .icon_row { line-height: 22px; height: 30px; margin-bottom: 4px; width: auto; display: block; float: left; } #shopcloud .icon_care.icon_care_ba { background-position: -90px -88px; } #shopcloud .icon_care.icon_care_b { background-position: -30px 0; } #shopcloud .icon_care.icon_care_nb { background-position: -120px -22px; margin-bottom: 11px; } #shopcloud .icon_care.icon_care_nbu { background-position: -150px -22px; margin-bottom: 11px; } #shopcloud .icon_care.icon_care_b1 { background-position: -60px 0; } #shopcloud .icon_care.icon_care_b2 { background-position: -90px 0; } #shopcloud .icon_care.icon_care_b3 { background-position: -120px 0; } #shopcloud .icon_care.icon_care_hw { background-position: -180px 0; } #shopcloud .icon_care.icon_care_kr { background-position: 0 -22px; } #shopcloud .icon_care.icon_care_kb { background-position: -210px 0; } #shopcloud .icon_care.icon_care_bci { background-position: -150px 0; } #shopcloud .icon_care.icon_care_ncb { background-position: -180px -22px; } #shopcloud .icon_care.icon_care_sb { background-position: -180px -44px; } #shopcloud .icon_care.icon_care_snr { background-position: -210px -44px; } #shopcloud .icon_care.icon_care_sr { background-position: -210px -88px; } #shopcloud .icon_care.icon_care_nr { background-position: -210px -22px; } #shopcloud .icon_care.icon_care_mnr { background-position: -90px -22px; } #shopcloud .icon_care.icon_care_rfs { background-position: -90px -44px; } #shopcloud .icon_care.icon_care_rf { background-position: -60px -44px; } #shopcloud .icon_care.icon_care_rp { background-position: -120px -44px; } #shopcloud .icon_care.icon_care_rps { background-position: -150px -44px; } #shopcloud .icon_care.icon_care_nt { background-position: -240px -22px; } #shopcloud .icon_care.icon_care_nw { background-position: -60px -88px; } #shopcloud .icon_care.icon_care_r { background-position: 0 -44px; } #shopcloud .icon_care.icon_care_knr { background-position: -240px 0; } #shopcloud .icon_care.icon_care_ta { background-position: -30px -110px; margin-bottom: 11px; } #shopcloud .icon_care.icon_care_tl { background-position: -60px -110px; margin-bottom: 11px; } #shopcloud .icon_care.icon_care_lt { background-position: -150px -88px; margin-bottom: 11px; } #shopcloud .icon_care.icon_care_ts { background-position: -180px -66px; margin-bottom: 11px; } #shopcloud .icon_care.icon_care_t0 { background-position: -180px -88px; margin-bottom: 11px; } #shopcloud .icon_care.icon_care_t1 { background-position: -240px -44px; margin-bottom: 11px; } #shopcloud .icon_care.icon_care_t2 { background-position: -240px -66px; margin-bottom: 11px; } #shopcloud .icon_care.icon_care_t3 { background-position: -211px -66px; margin-bottom: 11px; } #shopcloud .icon_care.icon_care_wa { background-position: -90px -110px; } #shopcloud .icon_care.icon_care_w30 { background-position: -120px -66px; } #shopcloud .icon_care.icon_care_m30 { background-position: -30px -22px; } #shopcloud .icon_care.icon_care_w30 { background-position: -150px -66px; } #shopcloud .icon_care.icon_care_w30s { background-position: -120px -66px; } #shopcloud .icon_care.icon_care_w30f { background-position: -30px -22px; } #shopcloud .icon_care.icon_care_w40 { background-position: -90px -66px; } #shopcloud .icon_care.icon_care_m40 { background-position: -60px -22px; } #shopcloud .icon_care.icon_care_w40s { background-position: -60px -66px; } #shopcloud .icon_care.icon_care_w40f { background-position: -60px -22px; } #shopcloud .icon_care.icon_care_w60 { background-position: -30px -66px; } #shopcloud .icon_care.icon_care_w60s { background-position: 0 -66px; } #shopcloud .icon_care.icon_care_w95 { background-position: 0 -88px; } #shopcloud .icon_care.icon_care_w95s { background-position: -30px -88px; } #shopcloud .icon_care.icon_care_ra { background-position: -30px -44px; } #shopcloud .icon_care.icon_care_ab { background-position: 0 0; } #shopcloud .energy-label { text-decoration: none; cursor: pointer; background-color: #000; width: 70px; height: 30px; display: inline-block; position: relative; text-align: right; line-height: 32px; color: #fff; font-size: 20px; } #shopcloud .energy-label:hover { color: #fff; text-decoration: none; } #shopcloud .energy-label:after { color: #000; border-left: 15px solid; border-top: 15px solid transparent; border-bottom: 15px solid transparent; display: inline-block; content: ''; position: absolute; right: -15px; } #shopcloud .max-a3 .energy-label.a3 { background-color: #008D34; } #shopcloud .max-a3 .energy-label.a3:after { color: #008D34; } #shopcloud .max-a3 .energy-label.a2 { background-color: #57A528; } #shopcloud .max-a3 .energy-label.a2:after { color: #57A528; } #shopcloud .max-a3 .energy-label.a1 { background-color: #BECE05; } #shopcloud .max-a3 .energy-label.a1:after { color: #BECE05; } #shopcloud .max-a3 .energy-label.a { background-color: #FFEC00; } #shopcloud .max-a3 .energy-label.a:after { color: #FFEC00; } #shopcloud .max-a3 .energy-label.b { background-color: #F5AB00; } #shopcloud .max-a3 .energy-label.b:after { color: #F5AB00; } #shopcloud .max-a3 .energy-label.c { background-color: #E45419; } #shopcloud .max-a3 .energy-label.c:after { color: #E45419; } #shopcloud .max-a3 .energy-label.d { background-color: #DC0620; } #shopcloud .max-a3 .energy-label.d:after { color: #DC0620; } #shopcloud .max-a3 .energy-label.e { background-color: #DC0620; } #shopcloud .max-a3 .energy-label.e:after { color: #DC0620; } #shopcloud .max-a3 .energy-label.f { background-color: #DC0620; } #shopcloud .max-a3 .energy-label.f:after { color: #DC0620; } #shopcloud .max-a3 .energy-label.g { background-color: #DC0620; } #shopcloud .max-a3 .energy-label.g:after { color: #DC0620; } #shopcloud .max-a2 .energy-label.a2 { background-color: #008D34; } #shopcloud .max-a2 .energy-label.a2:after { color: #008D34; } #shopcloud .max-a2 .energy-label.a1 { background-color: #57A528; } #shopcloud .max-a2 .energy-label.a1:after { color: #57A528; } #shopcloud .max-a2 .energy-label.a { background-color: #BECE05; } #shopcloud .max-a2 .energy-label.a:after { color: #BECE05; } #shopcloud .max-a2 .energy-label.b { background-color: #FFEC00; } #shopcloud .max-a2 .energy-label.b:after { color: #FFEC00; } #shopcloud .max-a2 .energy-label.c { background-color: #F5AB00; } #shopcloud .max-a2 .energy-label.c:after { color: #F5AB00; } #shopcloud .max-a2 .energy-label.d { background-color: #E45419; } #shopcloud .max-a2 .energy-label.d:after { color: #E45419; } #shopcloud .max-a2 .energy-label.e { background-color: #DC0620; } #shopcloud .max-a2 .energy-label.e:after { color: #DC0620; } #shopcloud .max-a2 .energy-label.f { background-color: #DC0620; } #shopcloud .max-a2 .energy-label.f:after { color: #DC0620; } #shopcloud .max-a2 .energy-label.g { background-color: #DC0620; } #shopcloud .max-a2 .energy-label.g:after { color: #DC0620; } #shopcloud .max-a1 .energy-label.a1 { background-color: #008D34; } #shopcloud .max-a1 .energy-label.a1:after { color: #008D34; } #shopcloud .max-a1 .energy-label.a { background-color: #57A528; } #shopcloud .max-a1 .energy-label.a:after { color: #57A528; } #shopcloud .max-a1 .energy-label.b { background-color: #BECE05; } #shopcloud .max-a1 .energy-label.b:after { color: #BECE05; } #shopcloud .max-a1 .energy-label.c { background-color: #FFEC00; } #shopcloud .max-a1 .energy-label.c:after { color: #FFEC00; } #shopcloud .max-a1 .energy-label.b { background-color: #F5AB00; } #shopcloud .max-a1 .energy-label.b:after { color: #F5AB00; } #shopcloud .max-a1 .energy-label.d { background-color: #E45419; } #shopcloud .max-a1 .energy-label.d:after { color: #E45419; } #shopcloud .max-a1 .energy-label.e { background-color: #DC0620; } #shopcloud .max-a1 .energy-label.e:after { color: #DC0620; } #shopcloud .max-a1 .energy-label.f { background-color: #DC0620; } #shopcloud .max-a1 .energy-label.f:after { color: #DC0620; } #shopcloud .max-a1 .energy-label.g { background-color: #DC0620; } #shopcloud .max-a1 .energy-label.g:after { color: #DC0620; } #shopcloud .max-a .energy-label.a { background-color: #008D34; } #shopcloud .max-a .energy-label.a:after { color: #008D34; } #shopcloud .max-a .energy-label.b { background-color: #57A528; } #shopcloud .max-a .energy-label.b:after { color: #57A528; } #shopcloud .max-a .energy-label.c { background-color: #BECE05; } #shopcloud .max-a .energy-label.c:after { color: #BECE05; } #shopcloud .max-a .energy-label.d { background-color: #FFEC00; } #shopcloud .max-a .energy-label.d:after { color: #FFEC00; } #shopcloud .max-a .energy-label.e { background-color: #F5AB00; } #shopcloud .max-a .energy-label.e:after { color: #F5AB00; } #shopcloud .max-a .energy-label.f { background-color: #E45419; } #shopcloud .max-a .energy-label.f:after { color: #E45419; } #shopcloud .max-a .energy-label.g { background-color: #DC0620; } #shopcloud .max-a .energy-label.g:after { color: #DC0620; } #shopcloud .ratingListShape { background-repeat: no-repeat; background-image: url(../../template/store/assets/ratingListShape_4.gif); } #shopcloud .ratingListShape .scheme2 { background-image: url(../../template/store/assets/ratingListShape_2.gif) !important; } #shopcloud .ratingListShape .scheme3 { background-image: url(../../template/store/assets/ratingListShape_3.gif) !important; } #shopcloud .ratingListShape .scheme4 { background-image: url(../../template/store/assets/ratingListShape_4.gif) !important; } #shopcloud .ratingListShape .scheme5 { background-image: url(../../template/store/assets/ratingListShape_5.gif) !important; } #shopcloud .ratingListShape .scheme6 { background-image: url(../../template/store/assets/ratingListShape_6.gif) !important; } #shopcloud .ratingListShape .scheme6 { background-image: url(../../template/store/assets/ratingListShape_7.gif) !important; } #shopcloud .barometer { margin-bottom: 5px; overflow: hidden; } #shopcloud .barometer.stars1 { background-position: 0px 0px; width: 18px; } #shopcloud .barometer.stars2 { background-position: 0px 0px; width: 40px; } #shopcloud .barometer.stars3 { background-position: 0px 0px; width: 58px; } #shopcloud .barometer.stars4 { background-position: 0px 0px; width: 80px; } #shopcloud .barometer.stars5 { background-position: 0px 0px; width: 100px; } #shopcloud .barometer.stars6 { background-position: 0px 0px; width: 100px; } #shopcloud .nav a { text-decoration: none; } #shopcloud .nav a.active { text-decoration: underline; font-weight: normal; } #shopcloud .dropdown-menu { border: 1px solid #020c11; } #shopcloud .nav-tabs { border-bottom: 1px solid #020c11; } #shopcloud .nav-tabs .nav-link { text-decoration: none; } #shopcloud .nav-tabs .nav-link:focus, #shopcloud .nav-tabs .nav-link:hover { border-color: #020c11 #020c11 #020c11; } #shopcloud .nav-tabs .nav-link.active, #shopcloud .nav-tabs .nav-link.active:focus, #shopcloud .nav-tabs .nav-link.active:hover, #shopcloud .nav-tabs .nav-item.open .nav-link, #shopcloud .nav-tabs .nav-item.open .nav-link:focus, #shopcloud .nav-tabs .nav-item.open .nav-link:hover { border-color: #020c11 #020c11 transparent; } #shopcloud .nav-tabs .nav-item + .nav-item { margin-left: 0px; } @media (max-width: 399px) { #shopcloud .nav-tabs .nav-item { } } #shopcloud .navbar-nav .nav-link { text-decoration: none; } #shopcloud .dropdown { font-size: 18px; } #shopcloud .dropdown-menu { margin: 0px; font-size: 14px; } #shopcloud .dropdown-menu .dropdown-item { text-decoration: none; font-size: 16px; } #shopcloud .dropdown-menu .dropdown-item:hover { background: none; } #shopcloud .dropdown-menu .dropdown-item.active { background: none; color: #000; } #shopcloud #navbar .navbar-nav .nav-item + .nav-item { margin-left: 0; } #shopcloud #navbar .navbar-nav .nav-item + .nav-item .nav-link { padding-left: 1.5rem; } @media (min-width: 900px) { #shopcloud .nav-item.hover .dropdown-menu:after { font-family: FontAwesome; content: "\f106"; position: absolute; height: 3px; width: 7px; display: block; left: 25px; top: -3px; z-index: 9999; line-height: 1px; margin: 0 0 0 -5px; color: #999999; border-bottom: 1px solid #ffffff; } } @media (max-width: 899px) { #shopcloud .navbar-nav { background-color: #fff; } #shopcloud .navbar-nav .nav-item { float: none; border-bottom: 1px solid #177fae; } #shopcloud .navbar-nav .nav-item .nav-link { padding-left: 0 !important; } #shopcloud .navbar-brand { float: right; } #shopcloud .navbar-brand, #shopcloud .navbar-nav .nav-item { display: block; } #shopcloud .navbar-nav .nav-item + .nav-item { margin-left: 0 !important; } #shopcloud .dropdown-menu { position: relative; float: none; background-color: #177fae; padding: 0; margin: 0; } #shopcloud .dropdown-menu .dropdown-item { padding-left: 1.75rem; } #shopcloud .dropdown-menu .dropdown-item:last-child { border: none; } } #shopcloud .hamburger { position: relative; display: block; width: 30px; height: 30px; margin-top: 10px; background: transparent; border: none; } #shopcloud .hamburger:hover, #shopcloud .hamburger:focus, #shopcloud .hamburger:active { outline: none; } #shopcloud .hamburger.is-closed:before { content: ''; display: block; width: 100px; font-size: 14px; line-height: 32px; text-align: center; opacity: 0; -webkit-transform: translate3d(0, 0, 0); -webkit-transition: all .35s ease-in-out; } #shopcloud .hamburger.is-closed:hover:before { opacity: 1; display: block; -webkit-transform: translate3d(-100px, 0, 0); -webkit-transition: all .35s ease-in-out; } #shopcloud .hamburger.is-closed .hamb-top, #shopcloud .hamburger.is-closed .hamb-middle, #shopcloud .hamburger.is-closed .hamb-bottom, #shopcloud .hamburger.is-open .hamb-top, #shopcloud .hamburger.is-open .hamb-middle, #shopcloud .hamburger.is-open .hamb-bottom { position: absolute; left: 0; height: 4px; width: 100%; } #shopcloud .hamburger.is-closed .hamb-top, #shopcloud .hamburger.is-closed .hamb-middle, #shopcloud .hamburger.is-closed .hamb-bottom { background-color: #000; } #shopcloud .hamburger.is-closed .hamb-top { top: 5px; -webkit-transition: all .35s ease-in-out; } #shopcloud .hamburger.is-closed .hamb-middle { top: 50%; margin-top: -2px; } #shopcloud .hamburger.is-closed .hamb-bottom { bottom: 5px; -webkit-transition: all .35s ease-in-out; } #shopcloud .hamburger.is-closed:hover .hamb-top { } #shopcloud .hamburger.is-closed:hover .hamb-bottom { } #shopcloud .hamburger.is-open .hamb-top, #shopcloud .hamburger.is-open .hamb-middle, #shopcloud .hamburger.is-open .hamb-bottom { background-color: #000; } #shopcloud .hamburger.is-open .hamb-top, #shopcloud .hamburger.is-open .hamb-bottom { top: 50%; margin-top: -2px; } #shopcloud .hamburger.is-open .hamb-top { -webkit-transform: rotate(45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); } #shopcloud .hamburger.is-open .hamb-middle { display: none; } #shopcloud .hamburger.is-open .hamb-bottom { -webkit-transform: rotate(-45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); } #shopcloud .hamburger.is-open:before { content: ''; display: block; width: 100px; font-size: 14px; line-height: 32px; text-align: center; opacity: 0; -webkit-transform: translate3d(0, 0, 0); -webkit-transition: all .35s ease-in-out; } #shopcloud .hamburger.is-open:hover:before { opacity: 1; display: block; -webkit-transform: translate3d(-100px, 0, 0); -webkit-transition: all .35s ease-in-out; } #shopcloud .nav-storefilter { margin: 0px; padding: 0px; } #shopcloud .nav-storefilter.color a { padding: 0 0 0 50px; } #shopcloud .nav-storefilter.color a:after { background: none; } #shopcloud .nav-storefilter.color li { line-height: 46px; border: none; } #shopcloud .nav-storefilter li { border-bottom: 1px solid #020c11; list-style: none; } #shopcloud .nav-storefilter li:last-child { border-bottom: none; } #shopcloud .nav-storefilter a { text-align: center; display: inline-block; vertical-align: top; position: relative; text-decoration: none; padding: 10px 0 10px 20px; } #shopcloud .nav-storefilter a:after { content: ''; position: absolute; top: 14px; left: 0; width: 14px; height: 14px; background: url(../../template/store/assets/shopcloudicons.png) no-repeat -17px -118px; } #shopcloud .nav-storefilter a.active:after { background-position: -67px -118px; } #shopcloud .nav-storefilter a.active { font-weight: normal; } #shopcloud .nav-storefilter a.active .color-icon-holder { padding: 2px; border: 1px solid #020c11; } #shopcloud .nav-storefilter a:hover .color-icon-holder { padding: 1px; border: 1px solid #020c11; } #shopcloud .nav-storefilter a .color-icon-holder { position: absolute; top: 0; left: 0; padding: 3px; display: block; } #shopcloud .nav-storefilter a .color-icon-holder .color-icon { width: 40px; height: 40px; } @media (min-width: 900px) { #shopcloud .nav-storefilter.color a { padding: 0 0 0 20px; } #shopcloud .nav-storefilter.color li { line-height: 15px; } #shopcloud .nav-storefilter li { padding: 10px 0 0; border: none; } #shopcloud .nav-storefilter li:first-child { padding: 0px; } #shopcloud .nav-storefilter a { padding: 0 0 0 20px; border: none; width: auto; height: auto; } #shopcloud .nav-storefilter a:after { top: 5px; } #shopcloud .nav-storefilter a .color-icon-holder .color-icon { width: 10px; height: 10px; } } #shopcloud .pagination > li > a, #shopcloud .pagination > li > span { color: #000; border: none; } #shopcloud .pagination > li > a:focus, #shopcloud .pagination > li > a:hover, #shopcloud .pagination > li > span:focus, #shopcloud .pagination > li > span:hover { color: #000; background-color: #177fae; border-color: #020c11; } #shopcloud .pagination > .active > a, #shopcloud .pagination > .active > a:focus, #shopcloud .pagination > .active > a:hover, #shopcloud .pagination > .active > span, #shopcloud .pagination > .active > span:focus, #shopcloud .pagination > .active > span:hover { z-index: 2; color: #000; cursor: default; background-color: #177fae; border-color: #020c11; } #shopcloud .pagination > .disabled > span, #shopcloud .pagination > .disabled > span:focus, #shopcloud .pagination > .disabled > span:hover, #shopcloud .pagination > .disabled > a, #shopcloud .pagination > .disabled > a:focus, #shopcloud .pagination > .disabled > a:hover { color: #000; cursor: not-allowed; background-color: #fff; border-color: #020c11; text-decoration: underline; } #shopcloud .MagicZoom, #shopcloud .mz-figure, #shopcloud .mz-lens, #shopcloud .mz-zoom-window, #shopcloud .mz-loading, #shopcloud .mz-hint, #shopcloud .mz-expand .mz-expand-stage, #shopcloud .mz-expand .mz-expand-stage .mz-image-stage, #shopcloud .mz-expand .mz-image-stage > figure .mz-caption, #shopcloud .mz-thumb img, #shopcloud .mz-expand-thumbnails, #shopcloud .mz-expand-controls, #shopcloud .mz-button { -webkit-box-sizing: border-box; box-sizing: border-box; } #shopcloud .MagicZoom, #shopcloud .mz-figure { display: inline-block; outline: 0 !important; font-size: 0 !important; line-height: 100% !important; direction: ltr !important; position: relative; z-index: 1; margin: 0 auto; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #shopcloud .MagicZoom { -webkit-transform: translate3d(0, 0, 0); -ms-touch-action: pan-y; touch-action: pan-y; } #shopcloud figure.mz-figure { overflow: hidden; margin: 0 !important; -webkit-perspective: 300px; perspective: 300px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } #shopcloud .MagicZoom img, #shopcloud .mz-figure img { border: 0 !important; margin: 0 !important; outline: 0 !important; padding: 0 !important; } #shopcloud .MagicZoom > img, #shopcloud .mz-figure > img { width: 100%; height: auto; } #shopcloud .ie8-magic .MagicZoom > img, #shopcloud .ie8-magic .mz-figure > img { width: 100%; max-width: none !important; } #shopcloud .mz-figure.mz-no-zoom.mz-no-expand, #shopcloud .mz-expand .mz-figure.mz-no-zoom { cursor: default !important; } #shopcloud .mz-figure.mz-active, #shopcloud .mz-expand { -ms-touch-action: none; touch-action: none; } #shopcloud .mz-lens, #shopcloud .mz-zoom-window { position: absolute !important; overflow: hidden !important; pointer-events: none !important; } #shopcloud .mz-lens img, #shopcloud .mz-zoom-window img { position: absolute !important; max-width: none !important; max-height: none !important; } #shopcloud .mz-lens img { -webkit-transition: none !important; transition: none !important; } #shopcloud .mz-zoom-window { z-index: 2000000000; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #shopcloud .mz-zoom-window.mz-magnifier { -webkit-mask-image: -webkit-radial-gradient(circle, white, black); -webkit-mask-clip: content; cursor: none; } #shopcloud .mz-figure.mz-active .mz-zoom-window.mz-magnifier { pointer-events: auto !important; cursor: inherit !important; } #shopcloud .mz-zoom-window.mz-magnifier.mz-expanded { z-index: 2147483647; } #shopcloud .mz-zoom-window img { width: auto; height: auto; left: -1000%; right: -1000%; top: -1000%; bottom: -1000%; margin: auto !important; -webkit-transition: none; transition: none; -webkit-transform-origin: 50% 50% !important; -ms-transform-origin: 50% 50% !important; transform-origin: 50% 50% !important; } #shopcloud .mz-zoom-window.mz-preview img { top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; margin: 0 !important; width: 100% !important; height: auto !important; -webkit-transform: none !important; transform: none !important; } #shopcloud .lt-ie9-magic .mz-zoom-window img { margin: 0 !important; } #shopcloud .mz-expand-controls { z-index: 2147483647; } #shopcloud .mz-fade { -webkit-transition: opacity .25s; transition: opacity .25s; } #shopcloud .mz-hidden { opacity: 0; } #shopcloud .mz-visible { opacity: 1; } #shopcloud .mobile-magic .mz-expand .mz-expand-bg { -webkit-transform-style: flat !important; transform-style: flat !important; } #shopcloud .mobile-magic .mz-expand .mz-image-stage > figure .mz-caption { display: none !important; } #shopcloud .mobile-magic .mz-expand-controls.mz-fade { transition: none !important; } #shopcloud .mobile-magic .mz-expand > .mz-zoom-window { top: 0 !important; left: 0 !important; } #shopcloud .mz-expanded-view-open, #shopcloud .mz-expanded-view-open body { overflow: hidden !important; } #shopcloud .mz-expanded-view-open body { height: auto !important; } #shopcloud .mz-figure.mz-active { background: #fff; } #shopcloud .mz-figure.mz-no-zoom, #shopcloud .mz-figure.mz-click-zoom, #shopcloud .mz-figure.mz-active { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } #shopcloud .mz-figure.mz-active.mz-no-expand { cursor: crosshair; } #shopcloud .mz-figure.mz-active.mz-click-zoom.mz-no-expand { cursor: crosshair; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; cursor: zoom-out; } #shopcloud .mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand { cursor: none; } #shopcloud .mz-figure.mz-magnifier-zoom.mz-active { overflow: visible !important; } #shopcloud .mz-figure.mz-active > img { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(80%) opacity(60%); filter: grayscale(80%) opacity(60%); } #shopcloud .no-cssfilters-magic .mz-figure.mz-active > img { opacity: 0.6; } #shopcloud .lt-ie10-magic .mz-figure.mz-active > img { opacity: 1; filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1,opacity=0.6); } #shopcloud .mz-figure.mz-active.mz-inner-zoom, #shopcloud .lt-ie11-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom, #shopcloud .lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > img { opacity: 0; } #shopcloud .lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom, #shopcloud .lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > .mz-zoom-window { opacity: 1; } #shopcloud .lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom, #shopcloud .lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom > img { filter: alpha(opacity=0); } #shopcloud .ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom { background: transparent; } #shopcloud .mz-lens { border: 1px solid #aaa; border-color: rgba(170, 170, 170, 0.7); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); cursor: none; z-index: 10; opacity: 0; } #shopcloud .mz-figure.mz-active .mz-lens { opacity: 1; -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9) 0.1s; transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9) 0.1s; } #shopcloud .mz-figure.mz-active.mz-magnifier-zoom .mz-lens { border-radius: 50%; opacity: 0; cursor: none; } #shopcloud .mz-zoom-window { background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); } #shopcloud .mz-zoom-window.mz-magnifier { border-radius: 100%; border: 0; background: rgba(255, 255, 255, 0.3); } #shopcloud .mz-zoom-window.mz-magnifier:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 100%; border: 1px solid rgba(170, 170, 170, 0.7); box-shadow: inset 0 0 20px 1px rgba(0, 0, 0, 0.3); background: transparent; z-index: 1; } #shopcloud .mz-zoom-window.mz-magnifier.mz-square, #shopcloud .mz-zoom-window.mz-magnifier.mz-square:before { border-radius: 0 !important; } #shopcloud .lt-ie9-magic .mz-zoom-window { border: 1px solid #e5e5e5; } #shopcloud .mz-zoom-window.mz-inner { border: none; box-shadow: none; } #shopcloud .mz-zoom-window .mz-caption { background: #777; color: #fff; font-size: 10pt; opacity: 0.8; position: absolute; top: 0; z-index: 150; padding: 3px; width: 100%; line-height: normal !important; text-align: center !important; } #shopcloud .lt-ie9-magic .mz-zoom-window .mz-caption { filter: alpha(opacity=80); } #shopcloud .mz-zoom-window.caption-bottom .mz-caption { top: auto; bottom: 0; } #shopcloud .mz-zoom-window.mz-expanded > .mz-caption { display: none; } #shopcloud .mz-zoom-window.mz-deactivating, #shopcloud .mz-zoom-window.mz-activating { -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), -webkit-transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } #shopcloud .mz-zoom-window.mz-deactivating { -webkit-transition-duration: .25s, .25s, .25s; transition-duration: .25s, .25s, .25s; } #shopcloud .mz-zoom-window.mz-p-right, #shopcloud .mz-zoom-window.mz-p-left, #shopcloud .mz-zoom-window.mz-p-top, #shopcloud .mz-zoom-window.mz-p-bottom { opacity: 0; z-index: -100; } #shopcloud .mz-zoom-window.mz-p-right { -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); } #shopcloud .mz-zoom-window.mz-p-left { -webkit-transform: translate3d(20%, 0, 0); transform: translate3d(20%, 0, 0); } #shopcloud .mz-zoom-window.mz-p-top { -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); } #shopcloud .mz-zoom-window.mz-p-bottom { -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); } #shopcloud .mz-zoom-window > img { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } #shopcloud .mz-zoom-window.mz-p-inner.mz-deactivating > img, #shopcloud .mz-zoom-window.mz-p-inner.mz-activating > img { -webkit-transition: -webkit-transform 0.22s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: transform 0.22s cubic-bezier(0.25, 0.5, 0.5, 0.9); } #shopcloud .mz-zoom-window.mz-p-magnifier { -webkit-transform: scale(0.1); transform: scale(0.1); } #shopcloud .mz-zoom-window.mz-preview.mz-deactivating, #shopcloud .mz-zoom-window.mz-preview.mz-activating, #shopcloud .mz-zoom-window.mz-custom.mz-deactivating, #shopcloud .mz-zoom-window.mz-custom.mz-activating { -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } #shopcloud .mz-zoom-window.mz-preview.mz-deactivating, #shopcloud .mz-zoom-window.mz-custom.mz-deactivating { -webkit-transition-duration: .2s; transition-duration: .2s; } #shopcloud .mz-zoom-window.mz-p-preview, #shopcloud .mz-zoom-window.mz-p-custom { opacity: 0; } #shopcloud .mz-hint, #shopcloud .mz-loading { color: #eee; background: rgba(49, 51, 61, 0.7); font: normal 12px/1.2em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; direction: ltr; display: inline-block; margin: 0; position: absolute; z-index: 1000; pointer-events: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: opacity 0.25s ease; transition: opacity 0.25s ease; } #shopcloud .mz-hint { bottom: 8px; left: 0; right: 0; padding: 0 10%; background-color: transparent; -webkit-transition: opacity 0.25s ease, z-index 0.25s ease; transition: opacity 0.25s ease, z-index 0.25s ease; } #shopcloud .mz-hint-message { display: inline-block; background: rgba(49, 51, 61, 0.7); border-radius: 2em; padding: .7em 1.1em; } #shopcloud .mz-hint-message:before { content: '\02295'; font-family: serif; font-size: 1.5em; speak: none; text-align: center; vertical-align: -2px; margin-right: 6px; -webkit-transition: opacity 0.25s ease; transition: opacity 0.25s ease; } #shopcloud .mobile-magic .mz-hint-message:before { display: none; } #shopcloud .mz-hint-hidden { opacity: 0; z-index: -1; -webkit-transition-delay: .6s; transition-delay: .6s; } #shopcloud .mz-expand .mz-hint { font-size: 18px; line-height: 1.1em; top: 50%; bottom: auto; margin: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } #shopcloud .mz-expand .mz-hint-message { padding: 1.1em; } #shopcloud .mz-expand .mz-hint-message:before { display: none; } #shopcloud .mz-expand .mz-hint-hidden { -webkit-transition-delay: 1s; transition-delay: 1s; opacity: 0; } #shopcloud .mz-loading { font-size: 0; border-radius: 100%; opacity: 0; padding: 0; width: 36px; height: 36px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #shopcloud .mz-loading:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 24px; height: 24px; margin: auto; text-indent: -9999em; border-radius: 50%; border: 2px solid white; border-top-color: transparent; box-sizing: border-box; } #shopcloud .mz-loading.shown { opacity: 1; z-index: 1; -webkit-transition: opacity 0s; transition: opacity 0s; } #shopcloud .mz-loading.shown:after { -webkit-animation: spin-loading .9s infinite linear; animation: spin-loading .9s infinite linear; } @-webkit-keyframes spin-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #shopcloud .lt-ie10-magic .mz-loading { font-size: 12px; padding: .7em 1.1em; width: auto; height: auto; } #shopcloud .lt-ie10-magic .mz-loading:after { content: 'Loading...'; text-indent: 0; border: none; position: relative; } #shopcloud .lt-ie9-magic .mz-loading { filter: alpha(opacity=0); right: 0; left: 0; width: 126px; margin: auto; } #shopcloud .lt-ie9-magic .mz-hint-message, #shopcloud .lt-ie9-magic .mz-loading.shown { background: transparent !important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7c31333D', EndColorStr='#7c31333D'); } #shopcloud .lt-ie9-magic .mz-hint-hidden { filter: alpha(opacity=0); } #shopcloud .mz-expand, #shopcloud .mz-expand .mz-expand-bg, #shopcloud .mz-expand .mz-expand-bg > img, #shopcloud .mz-expand .mz-expand-bg > svg, #shopcloud .mz-expand .mz-expand-stage, #shopcloud .mz-expand .mz-expand-stage .mz-image-stage { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } #shopcloud .mz-expand .mz-expand-bg, #shopcloud .mz-expand .mz-expand-bg > img, #shopcloud .mz-expand .mz-expand-bg > svg { width: auto !important; height: auto !important; } #shopcloud .mz-expand .mz-expand-bg, #shopcloud .mz-expand .mz-expand-bg > svg { min-width: 100% !important; min-height: 100% !important; } #shopcloud .mz-expand { background-color: black; text-align: center; vertical-align: middle; display: block; overflow: hidden; z-index: 2100000000; position: fixed; width: auto; height: auto; -webkit-perspective: 600px; perspective: 600px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-overflow-style: none; } #shopcloud .mz-expand .mz-expand-bg { display: inline-block; vertical-align: middle; margin: auto; z-index: -100; max-width: none !important; max-height: none !important; -webkit-transform: translate3d(0, 0, 0) scale(10) rotate(0.01deg); -ms-transform: translate(0, 0) scale(10, 10) rotate(0.01deg); transform: translate3d(0, 0, 0) scale(10) rotate(0.01deg); -webkit-perspective: 600px; perspective: 600px; background-repeat: no-repeat; background-size: cover; } #shopcloud .mz-expand .mz-expand-bg > img { margin: auto; filter: url("data:image/svg+xml;utf8,#blur"); -webkit-filter: blur(20px) brightness(60%); filter: blur(20px) brightness(60%); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } #shopcloud .mz-expand .mz-expand-bg > svg { margin: auto; opacity: .6; } #shopcloud [data-magic-ua=edge] .mz-expand .mz-expand-bg, #shopcloud .lt-ie10-magic .mz-expand .mz-expand-bg { display: none !important; } #shopcloud .lt-ie9-magic .mz-expand { background: #1f1f1f; } #shopcloud [data-magic-ua=edge] .mz-expand { background-color: rgba(31, 31, 31, 0.96); } #shopcloud .mz-expand.plain-bg .mz-expand-bg, #shopcloud .mz-expand.dark-bg .mz-expand-bg, #shopcloud .mz-expand.white-bg .mz-expand-bg { display: none !important; } #shopcloud .mz-expand.dark-bg { background-color: #1f1f1f; background-color: rgba(31, 31, 31, 0.96); } #shopcloud .mz-expand.white-bg { background-color: #fff; } #shopcloud .mz-expand .mz-expand-stage { z-index: 2100000000; padding: 0; } #shopcloud .mz-expand .mz-expand-stage .mz-image-stage { z-index: 50; left: 120px; right: 120px; padding: 20px 0 40px 0; margin: 0; text-align: center; vertical-align: middle; -webkit-perspective: 600px; perspective: 600px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #shopcloud .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage { padding-bottom: 120px; } #shopcloud .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage { padding: 0 !important; left: 0; right: 0; } #shopcloud .mz-expand .mz-image-stage > figure:before, #shopcloud .mz-expand .mz-image-stage:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; font-size: 0; line-height: 100%; width: 0; } #shopcloud .mz-expand .mz-image-stage > figure { width: 100%; max-width: 100%; max-height: 100%; padding: 0; margin: 0; display: inline-block; vertical-align: middle; font-size: 0; line-height: 100%; position: relative; } #shopcloud .mz-expand .mz-figure { overflow: visible; max-width: 100% !important; } #shopcloud .mz-expand .mz-figure > img { max-width: 100%; width: auto; height: auto; } #shopcloud .mz-expand .mz-zoom-in .mz-image-stage > figure, #shopcloud .mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-activating, #shopcloud .mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active { width: 100%; height: 100%; } #shopcloud .mz-expand .mz-figure { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } #shopcloud .mz-expand .mz-figure.mz-active { cursor: crosshair; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; cursor: zoom-out; } #shopcloud .mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage > figure > figure > img { z-index: 1; position: absolute !important; top: -5000px !important; bottom: -5000px !important; left: -5000px !important; right: -5000px !important; margin: auto !important; } #shopcloud .lt-ie10-magic .mz-zoom-window.mz-expanded img { filter: alpha(opacity=100); } #shopcloud .lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom { overflow: hidden; filter: alpha(opacity=100); } #shopcloud .mz-expand .mz-caption { color: #fff; text-shadow: 0px 0px 46px #000; padding: 10px 4px; font: normal 10pt/1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif; text-align: center; width: 100%; position: absolute; left: 0; opacity: 0; } #shopcloud .mz-expand .mz-caption.mz-show { -webkit-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; opacity: 1; } #shopcloud .mz-expand .mz-caption a { color: inherit; cursor: pointer; } #shopcloud .mz-expand.white-bg .mz-caption { color: #555; text-shadow: none; } #shopcloud .lt-ie9-magic .mz-expand .mz-caption { top: 100%; } #shopcloud .mz-expand .mz-zoom-window { box-shadow: none; background: transparent; } #shopcloud .lt-ie9-magic .mz-expand .mz-zoom-window { border: 0; } #shopcloud .mobile-magic .mz-expand-stage .mz-expand-thumbnails, #shopcloud .mobile-magic .mz-expand-stage .mz-image-stage { left: 0px; right: 0px; } #shopcloud .mobile-magic .mz-expand .mz-expand-stage.with-thumbs { bottom: 0px; } #shopcloud .mobile-magic .mz-expand-stage .mz-image-stage { padding: 0; } #shopcloud .mobile-magic .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage { padding: 5px 0 60px; } #shopcloud .mobile-magic .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage { padding-top: 0; } #shopcloud .mobile-magic .mz-expand .mz-expand-thumbnails { padding: 0; height: 60px; } #shopcloud .mz-expand-controls, #shopcloud button.mz-button { margin: 0 !important; padding: 0 !important; outline: 0 !important; } #shopcloud button.mz-button { color: #b4b4b4 !important; font: 900 34px/1 'magictoolbox-thin' !important; cursor: pointer; z-index: 90 !important; background-color: transparent !important; border: 1px solid rgba(180, 180, 180, 0) !important; border-radius: 100% !important; box-shadow: none !important; position: absolute !important; text-transform: none !important; text-align: center; speak: none; -webkit-font-smoothing: antialiased; width: 60px !important; height: 60px !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; } #shopcloud button.mz-button:before { display: inline; position: static; color: inherit !important; font: inherit !important; -webkit-font-smoothing: inherit !important; } #shopcloud button.mz-button.mz-button-prev, #shopcloud button.mz-button.mz-button-next { margin: auto 10px !important; top: 0 !important; bottom: 0 !important; overflow: hidden !important; } #shopcloud button.mz-button.mz-button-prev { left: 0 !important; } #shopcloud button.mz-button.mz-button-next { right: 0 !important; } #shopcloud button.mz-button.mz-button-close { font-size: 26px !important; margin: 10px !important; top: 0 !important; right: 0 !important; z-index: 95 !important; } #shopcloud :root:not(.mobile-magic) button.mz-button { color: rgba(180, 180, 180, 0.75) !important; -webkit-transform: scale(0.85) !important; transform: scale(0.85) !important; -webkit-transition: color .25s, border-color .25s, -webkit-transform .25s !important; transition: color .25s, border-color .25s, transform .25s !important; } #shopcloud :root:not(.mobile-magic) button.mz-button:hover { color: #b4b4b4 !important; border-color: rgba(180, 180, 180, 0.6) !important; -webkit-transform: scale(1) !important; transform: scale(1) !important; } #shopcloud .mobile-magic button.mz-button { -webkit-transition: -webkit-transform .1s !important; transition: transform .1s !important; } #shopcloud .mobile-magic button.mz-button:active { border-color: rgba(180, 180, 180, 0.6) !important; -webkit-transform: scale(0.95) !important; transform: scale(0.95) !important; } #shopcloud button.mz-button.mz-button-close:before { content: "\a001"; } #shopcloud button.mz-button.mz-button-prev:before { content: "\a002"; } #shopcloud button.mz-button.mz-button-next:before { content: "\a003"; } @media screen and (max-device-width: 767px) { #shopcloud button.mz-button-prev, #shopcloud button.mz-button-next { display: none !important; } #shopcloud .mobile-magic .mz-expand button.mz-button { width: 44px !important; height: 44px !important; font-size: 18px !important; color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(49, 51, 61, 0.3) !important; border-color: transparent !important; } } #shopcloud .lt-ie9-magic button.mz-button { border: 0; filter: alpha(opacity=75); } #shopcloud .lt-ie9-magic button.mz-button:hover { filter: alpha(opacity=100); } #shopcloud a[data-zoom-id], #shopcloud .mz-thumb, #shopcloud .mz-thumb:focus { display: inline-block; line-height: 0; outline: none; } #shopcloud a[data-zoom-id] img, #shopcloud .mz-thumb img { border: 0; box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.3); box-sizing: border-box; } #shopcloud .mz-thumb:hover:not(.mz-thumb-selected) img { -webkit-filter: brightness(75%); filter: brightness(75%); } #shopcloud .mz-thumb-selected img { -webkit-filter: brightness(60%); filter: brightness(60%); } #shopcloud .no-cssfilters-magic .mz-thumb { background: #000; } #shopcloud .no-cssfilters-magic .mz-thumb:hover:not(.mz-thumb-selected) img { opacity: .75; filter: alpha(opacity=75); } #shopcloud .no-cssfilters-magic .mz-thumb-selected img { opacity: .6; filter: alpha(opacity=60); } #shopcloud .ie9-magic .mz-thumb img { box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.3); } #shopcloud .mz-expand-thumbnails { z-index: 50; position: absolute; bottom: 0; left: 65px; right: 65px; height: 80px; padding: 10px 0; box-sizing: border-box; } #shopcloud .mz-expand-thumbnails .magic-thumbs .magic-thumb { padding: 10px 2px; } #shopcloud .mz-expand-thumbnails .magic-thumb > img { cursor: pointer; height: 40px; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3); } #shopcloud .mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected) > img:hover { -webkit-filter: brightness(70%); filter: brightness(70%); } #shopcloud .mz-expand-thumbnails .magic-thumb-selected img { -webkit-filter: brightness(50%); filter: brightness(50%); } #shopcloud .mz-expand-thumbnails .magic-thumbs .magic-thumbs-button { box-shadow: none; } #shopcloud .mz-expand-thumbnails .magic-thumbs .magic-thumbs-button-disabled { opacity: 0; } #shopcloud .no-cssfilters-magic .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected) img { opacity: .7; filter: alpha(opacity=70); } #shopcloud .no-cssfilters-magic .mz-expand-thumbnails .magic-thumb-selected img { opacity: .5; filter: alpha(opacity=50); } #shopcloud .mz-expand.no-expand-thumbnails .mz-expand-stage.with-thumbs .mz-image-stage { padding-bottom: 40px; } #shopcloud .mz-expand.no-expand-thumbnails .mz-expand-thumbnails { display: none; } #shopcloud .mobile-magic .mz-expand.no-expand-thumbnails .mz-expand-stage.with-thumbs .mz-image-stage { padding: 0; } #shopcloud .magic-thumbs, #shopcloud .magic-thumbs .magic-thumbs-wrapper, #shopcloud .magic-thumbs ul, #shopcloud .magic-thumbs li, #shopcloud .magic-thumbs li:before, #shopcloud .magic-thumbs li:after, #shopcloud .magic-thumbs li img, #shopcloud .magic-thumbs .magic-thumbs-button { margin: 0; padding: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } #shopcloud .magic-thumbs { direction: ltr; overflow: visible; z-index: 100; position: relative; left: 0; top: 0; padding: 0 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -ms-touch-action: none; touch-action: none; } #shopcloud .magic-thumbs { width: 100%; height: 100%; white-space: nowrap; } #shopcloud .magic-thumbs.no-buttons { padding: 0 !important; } #shopcloud .magic-thumbs-wrapper { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; text-align: center; } #shopcloud .magic-thumbs ul { list-style: none; font-size: 0; display: inline-block; vertical-align: middle; height: 100%; position: relative; white-space: nowrap; } #shopcloud .magic-thumbs.no-buttons ul { left: 0 !important; padding: 0 !important; -webkit-transition: none !important; transition: none !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } #shopcloud .magic-thumbs ul li { margin: 0 4px; height: 100%; width: auto; vertical-align: top; line-height: 0; display: inline-block; } #shopcloud .magic-thumbs ul li:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } #shopcloud .magic-thumbs ul li > img { width: auto; height: auto; max-width: none !important; max-height: 100% !important; vertical-align: middle; } #shopcloud .ie8-magic .magic-thumbs ul li > img { max-width: none !important; max-height: none !important; } #shopcloud .magic-thumbs.magic-thumbs-vertical { height: 100%; } #shopcloud .magic-thumbs-vertical { padding: 30px 0; } #shopcloud .magic-thumbs-vertical ul { height: auto; width: 100%; white-space: normal; } #shopcloud .magic-thumbs-vertical ul li { width: 100%; height: auto; } #shopcloud .magic-thumbs-vertical ul li { margin: 4px 0; } #shopcloud .magic-thumbs-vertical ul li > img { max-width: 100% !important; max-height: none !important; } #shopcloud .ie8-magic .magic-thumbs-vertical ul li > img { width: 100%; } #shopcloud .magic-thumbs button.magic-thumbs-button { color: #b4b4b4 !important; font: 900 24px/1 'magictoolbox-thin' !important; cursor: pointer; z-index: 90 !important; background-repeat: no-repeat; background-color: transparent !important; background-image: none; border: 0; border-radius: 0; box-shadow: none !important; overflow: hidden; position: absolute; text-transform: none !important; speak: none; text-align: center; -webkit-font-smoothing: antialiased; width: 30px; height: 100%; top: 0; bottom: 0; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; } #shopcloud .magic-thumbs button.magic-thumbs-button:before { display: inline; position: static; color: inherit !important; font: inherit !important; -webkit-font-smoothing: inherit !important; } #shopcloud .magic-thumbs .magic-thumbs-button-prev { left: 0; } #shopcloud .magic-thumbs .magic-thumbs-button-next { right: 0; } #shopcloud .magic-thumbs .magic-thumbs-button-prev:before { content: "\a002"; } #shopcloud .magic-thumbs .magic-thumbs-button-next:before { content: "\a003"; } #shopcloud :root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button { color: rgba(180, 180, 180, 0.75) !important; -webkit-transform: scale(0.85) !important; transform: scale(0.85) !important; -webkit-transition: color .25s, -webkit-transform .25s !important; transition: color .25s, transform .25s !important; } #shopcloud :root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button:hover { color: #b4b4b4 !important; -webkit-transform: scale(1) !important; transform: scale(1) !important; } #shopcloud .magic-thumbs-vertical .magic-thumbs-button { width: 100%; height: 30px; left: 0; right: 0; top: auto; bottom: auto; } #shopcloud .magic-thumbs-vertical .magic-thumbs-button-prev { top: 0; } #shopcloud .magic-thumbs-vertical .magic-thumbs-button-next { bottom: 0; } #shopcloud .magic-thumbs-vertical .magic-thumbs-button-prev:before { content: "\a005"; } #shopcloud .magic-thumbs-vertical .magic-thumbs-button-next:before { content: "\a004"; } #shopcloud .magic-thumbs.no-buttons .magic-thumbs-button { display: none !important; } #shopcloud .magic-thumbs-button-disabled { opacity: 0.2; filter: alpha(opacity=20); } #shopcloud .shariff::after, #shopcloud .shariff::before { content: " "; display: table; } #shopcloud .shariff::after { clear: both; } #shopcloud .shariff ul { padding: 0; margin: 0; } #shopcloud .shariff li { height: 30px; display: inline-block; margin-right: 14px; overflow: hidden; width: 100%; } #shopcloud .shariff li:last-child { margin-right: 0; } #shopcloud .shariff li a { font-family: Arial,Helvetica,sans-serif; color: #fff; position: relative; display: block; padding-left: 34px; padding-right: 5px; font-size: 12px; line-height: 31px; text-decoration: none; } #shopcloud .shariff li.shariff-button a::before { position: absolute; left: 5px; font-family: FontAwesome; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #shopcloud .shariff li.facebook a { padding-left: 24px; background-color: #3b5998; } #shopcloud .shariff li.facebook a:hover { background-color: #4273c8; } #shopcloud .shariff li.facebook a::before { content: "\f09a"; font-size: 17px; } #shopcloud .shariff li.facebook .share_count { color: #183a75; background-color: #99adcf; } #shopcloud .shariff li.whatsapp a { padding-left: 24px; background-color: #5cbe4a; } #shopcloud .shariff li.whatsapp a:hover { background-color: #34af23; } #shopcloud .shariff li.twitter a { background-color: #55acee; } #shopcloud .shariff li.twitter a:hover { background-color: #32bbf5; } #shopcloud .shariff li.twitter a::before { content: "\f099"; font-size: 24px; } #shopcloud .shariff li.twitter .share_count { color: #0174a4; background-color: #96D4EE; } #shopcloud .shariff li.googleplus a { background-color: #d34836; } #shopcloud .shariff li.googleplus a:hover { background-color: #f75b44; } #shopcloud .shariff li.googleplus a::before { content: "\f0d5"; font-size: 17px; top: 1px; } #shopcloud .shariff li.googleplus .share_count { color: #a31601; background-color: #eda79d; } #shopcloud .shariff li.mail a { background-color: #999; } #shopcloud .shariff li.mail a:hover { background-color: #a8a8a8; } #shopcloud .shariff li.mail a::before { content: "\f0e0"; font-size: 18px; } #shopcloud .shariff li.info { width: 23px; height: 28px; border: 1px solid #ccc; } #shopcloud .shariff li.info a { padding: 0; } #shopcloud .shariff li.info a::before { content: "\f129"; font-size: 16px; left: 9px; color: #666; } #shopcloud .shariff li.info a:hover { background-color: #efefef; } #shopcloud .shariff li.info .share_text { display: block; text-indent: -9999px; } #shopcloud .shariff li .share_count { padding: 0 8px; height: 28px; position: absolute; top: 1px; right: 1px; line-height: 30px; } #shopcloud .shariff .theme-grey .twitter a, #shopcloud .shariff .theme-grey .facebook a, #shopcloud .shariff .theme-grey .googleplus a, #shopcloud .shariff .theme-grey .mail a { background-color: #b0b0b0; } #shopcloud .shariff .theme-grey .twitter .share_count, #shopcloud .shariff .theme-grey .facebook .share_count, #shopcloud .shariff .theme-grey .googleplus .share_count, #shopcloud .shariff .theme-grey .mail .share_count { background-color: #ccc; color: #333; } #shopcloud .shariff .theme-grey .twitter a:hover { background-color: #55acee; } #shopcloud .shariff .theme-grey .facebook a:hover { background-color: #3b5998; } #shopcloud .shariff .theme-grey .googleplus a:hover { background-color: #d34836; } #shopcloud .shariff .theme-grey .send_by_email a:hover { background-color: #999; } #shopcloud .shariff .theme-white .shariff-button { border: 1px solid #ddd; } #shopcloud .shariff .theme-white .shariff-button a { background-color: #fff; } #shopcloud .shariff .theme-white .shariff-button a:hover { background-color: #eee; } #shopcloud .shariff .theme-white .shariff-button .share_count { background-color: #fff; color: #999; } #shopcloud .shariff .theme-white .twitter a { color: #55acee; } #shopcloud .shariff .theme-white .facebook a { color: #3b5998; } #shopcloud .shariff .theme-white .googleplus a { color: #d34836; } #shopcloud .shariff .theme-white .mail a { color: #999; } #shopcloud .shariff .theme-white .info { height: 30px; } #shopcloud .shariff .orientation-vertical li { display: block; margin: 5px 0; } #shopcloud .shariff .orientation-vertical li .share_count { width: 24px; text-align: right; } #shopcloud .shariff .orientation-vertical li.facebook a { padding-left: 34px; } #shopcloud .shariff .orientation-vertical li.info { margin-left: 95px; } #shopcloud .slim { float: left; margin-right: 5px; } #shopcloud .shariff li.whatsapp a { background: #b0b0b0 url(../../template/store/assets/whatsapp.png) 5px 5px no-repeat; padding-left: 33px; } #shopcloud .shariff li.whatsapp a:hover { background-color: #5cbe4a; } #shopcloud .shariff li.whatsapp a::before { font-size: 17px; top: 1px; } #shopcloud #contentProxy_6124b38c12 { position: relative; } #shopcloud #contentProxy_6124b38c12 .spinner { position: absolute; top: 0; right: 23px; } #shopcloud .shoppingcard { position: relative; } #shopcloud .shoppingcard .amount { color: #fff; background-color: #000; padding: 5px; border-radius: 10px; min-width: 20px; height: 20px; line-height: 10px; display: block; text-align: center; position: absolute; top: 9px; right: 0; text-decoration: none; font-size: 90%; } #shopcloud #summary_list_popup { border: 1px solid #D4D4D4; z-index: 5000; background: #ffffff; position: absolute; display: none; right: 0px; width: 350px; } #shopcloud .cart-holder { background-color: #fff; text-align: left; overflow: hidden; } #shopcloud .cart-total { margin: 10px 0; padding: 0 8px; text-align: left; overflow: hidden; } #shopcloud .cart-items .cart-item { overflow: hidden; height: 205px; border-top: 1px solid #ccd4da; } #shopcloud .cart-items .cart-item:first-child { border-top: none; } #shopcloud .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } #shopcloud .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } #shopcloud .slick-list:focus { outline: none; } #shopcloud .slick-list.dragging { cursor: pointer; cursor: hand; } #shopcloud .slick-slider .slick-track, #shopcloud .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #shopcloud .slick-track { position: relative; top: 0; left: 0; display: block; } #shopcloud .slick-track:before, #shopcloud .slick-track:after { display: table; content: ''; } #shopcloud .slick-track:after { clear: both; } #shopcloud .slick-loading .slick-track { visibility: hidden; } #shopcloud .slick-slide { display: none; float: left; } #shopcloud [dir='rtl'] .slick-slide { float: right; } #shopcloud .slick-slide img { display: block; max-width: 100%; margin: 0 auto; } #shopcloud .slick-slide.slick-loading img { display: none; } #shopcloud .slick-slide.dragging img { pointer-events: none; } #shopcloud .slick-initialized .slick-slide { display: block; } #shopcloud .slick-loading .slick-slide { visibility: hidden; } #shopcloud .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } #shopcloud .slick-arrow.slick-hidden { display: none; } #shopcloud .slick-arrow { outline: none; width: 35px; height: 35px; border: 1px solid #020c11; background-color: #fff; font-size: 0px; line-height: 30px; } #shopcloud .slick-prev { position: absolute; top: 50%; left: 0; z-index: 2; margin-top: -29px; } #shopcloud .slick-prev:before { font-family: FontAwesome; content: "\f104"; font-size: 16px; } #shopcloud .slick-prev:hover { } #shopcloud .slick-next { position: absolute; top: 50%; left: auto; right: 0px; z-index: 2; margin-top: -29px; } #shopcloud .slick-next:before { font-family: FontAwesome; content: "\f105"; font-size: 16px; } #shopcloud .slick-next:hover { } #shopcloud .slick-dots { display: block; width: 100%; padding: 0; list-style: none; text-align: center; } #shopcloud .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px; padding: 0; cursor: pointer; } #shopcloud .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background-color: #fff; border: 1px solid #000; } #shopcloud .slick-dots li.slick-active button { background-color: #797675; } #shopcloud .slick-slide .spinner.centered { height: 336px; font-size: 30px; } #shopcloud .alvinecookieinfo { min-height: 60px; position: relative; } #shopcloud .alvinecookieinfo .alvinecookieinfo-container { background-color: #dcdcdc; padding: 15px; overflow: hidden; } #shopcloud .alvinecookieinfo .alvinecookieinfo-container a.btn { padding: 0.375rem 1rem; display: inline-block; font-weight: normal; cursor: pointer; border: 1px solid transparent; line-height: 1.5; width: 33%; float: right; margin-left: 10px; text-align: center; max-width: 200px; } #shopcloud .alvinecookieinfo .alvinecookieinfo-container p.message { margin-top: 0.5em; margin-bottom: 0px; } #shopcloud .alvinecookieinfo .alvinecookieinfo-container p.message a { white-space: nowrap; } #shopcloud .alvinecookieinfo.bottom { position: fixed; bottom: 0px; z-index: 900000; width: 100%; } #shopcloud .alvinecookieinfo.floating { position: fixed; left: initial; right: 20px; bottom: 20px; z-index: 900000; width: 350px; } #shopcloud .alvinecookieinfo.floating p.message { padding: 0em 0em 3em 0em; } #shopcloud .alvinecookieinfo.floating a.btn { position: absolute; bottom: 10px; left: 15px; right: 15px; margin: 0px; width: auto !important; max-width: 100%; } @media screen and (max-width: 900px) { #shopcloud .alvinecookieinfo .alvinecookieinfo-container { padding: 15px; } #shopcloud .alvinecookieinfo .alvinecookieinfo-container p.message { padding: 0em 0em 3em 0em; margin-top: 0px; font-size: 0.7rem; } #shopcloud .alvinecookieinfo.top a.btn { font-size: 0.7rem; position: absolute; bottom: 10px; left: 15px; right: 15px; margin: 0px; width: auto !important; max-width: 100%; } #shopcloud .alvinecookieinfo.bottom a.btn { font-size: 0.7rem; position: absolute; bottom: 10px; left: 15px; right: 15px; margin: 0px; width: auto !important; max-width: 100%; } #shopcloud .alvinecookieinfo.floating { bottom: 0px; right: 0px; width: 100%; } #shopcloud .alvinecookieinfo.floating a.btn { font-size: 0.7rem; position: absolute; bottom: 10px; left: 15px; right: 15px; margin: 0px; width: auto !important; max-width: 100%; } } @media print { #shopcloud .alvinecookieinfo { display: none; } } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; -webkit-overflow-scrolling: touch; } .modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translate(0, -25%); } .modal.in .modal-dialog { transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0px; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.in { opacity: 0.5; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header::after { content: ""; display: table; clear: both; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.5; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer::after { content: ""; display: table; clear: both; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 400px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-sm { width: 300px; } } @media (min-width: 900px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 0.85rem; opacity: 0; } .tooltip.in { opacity: 0.9; } .tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom { padding: 5px 0; margin-top: -3px; } .tooltip.tooltip-top .tooltip-arrow, .tooltip.bs-tether-element-attached-bottom .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left { padding: 0 5px; margin-left: 3px; } .tooltip.tooltip-right .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top { padding: 5px 0; margin-top: 3px; } .tooltip.tooltip-bottom .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right { padding: 0 5px; margin-left: -3px; } .tooltip.tooltip-left .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 0px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } @media screen, handheld { } @media print { } div.content_error_panel{ margin:0px; padding:0px; } div.ctContentText{ margin:0px; padding:0px; } @media screen { div.ctContentText { } } @media print { div.ctContentText { } } div.content_layout_placeholder { } @media print { div.content_layout_placeholder { } } @media screen, handheld { div.shop_item_filter_style_panel{ margin:0px; padding:0px; } } @media print { div.shop_item_filter_style_panel{ margin:0px; padding:0px; } } @media screen, handheld { div.shop_item_filter_brand_panel{ margin:0px; padding:0px; } } @media print { div.shop_item_filter_brand_panel{ margin:0px; padding:0px; } } @media screen, handheld { div.shop_item_filter_category_panel{ margin:0px; padding:0px; } } @media print { div.shop_item_filter_category_panel{ margin:0px; padding:0px; } } @media screen, handheld { div.shop_item_filter_color_panel{ margin:0px; padding:0px; } } @media print { div.shop_item_filter_color_panel{ margin:0px; padding:0px; } } @media screen, handheld { div.shop_item_filter_department_panel{ margin:0px; padding:0px; } } @media print { div.shop_item_filter_department_panel{ margin:0px; padding:0px; } } @media screen, handheld { div.shop_item_filter_find_panel{ margin:0px; padding:0px; } } @media print { div.shop_item_filter_find_panel{ margin:0px; padding:0px; } } @media screen, handheld { div.shop_item_filter_fulltext_panel{ margin:0px; padding:0px; } } @media print { div.shop_item_filter_fulltext_panel{ margin:0px; padding:0px; } } @media screen, handheld { div.shop_item_filter_item_panel{ margin:0px; padding:0px; } } @media print { div.shop_item_filter_item_panel{ margin:0px; padding:0px; } } @media screen, handheld { div.shop_item_filter_variants_panel{ margin:0px; padding:0px; } } @media print { div.shop_item_filter_variants_panel{ margin:0px; padding:0px; } } div.shop_item_filter_property_panel{ margin:0px; padding:0px; } @media screen { div.shop_item_filter_property_panel{ } } @media print { div.shop_item_filter_property_panel{ } } div.shop_item_filter_collection_panel{ margin:0px; padding:0px; } @media screen, handheld { } @media print { div.shop_item_filter_collection_panel{ margin:0px; padding:0px; } } @media screen, handheld { div.shop_item_filter_assignment1_panel{ margin:0px; padding:0px; } } @media print { div.shop_item_filter_assignment1_panel{ margin:0px; padding:0px; } } div.shop_item_filter_audience_panel{ margin:0px; padding:0px; } @media screen, handheld { } @media print { div.shop_item_filter_audience_panel{ margin:0px; padding:0px; } } @media screen, handheld { div.shop_item_filter_assignment3_panel{ margin:0px; padding:0px; } } @media print { div.shop_item_filter_assignment3_panel{ margin:0px; padding:0px; } } @media screen, handheld { div.shop_item_filter_assignment2_panel{ margin:0px; padding:0px; } } @media print { div.shop_item_filter_assignment2_panel{ margin:0px; padding:0px; } } div.cncnTemplate{ margin: 0px; padding: 0px; } div.pbGalleryDetails{ margin:0px; padding:0px; } div.pbGalleryDetails .title{ background: none repeat scroll 0 0 #FFFFFF; border-radius: 0 8px 8px 0; color: #000000; font-size: 14px; position: absolute; bottom: 25px; left: 0; letter-spacing: 1px; line-height: 18px; margin-right: 30px; opacity: 0.8; padding: 10px; display:none; text-align: left; text-shadow: 0 0 2px #FFFFFF; z-index: 999; } div.pbGalleryDetails .navButton{ display:none; background-color: black; color:white; font-size: 30px; width: 20px; position:absolute; z-index:9999; cursor:pointer; } div.pbGalleryDetails .navButton.left{ left:0px; } div.pbGalleryDetails .navButton.right{ right:0px; } div.content_content_image_expression_panel.default {} div.content_content_image_expression_panel div.image_preview_panel .image_panel { overflow:hidden; margin:0px auto; padding:0px 0px 0px 0px; position:relative; } div.content_content_image_expression_panel div.image_preview_panel .image_panel .image_positioner {overflow:visible;} div.content_content_image_expression_panel div.image_preview_panel .image_panel .preview_image {border:0px;} div.content_content_image_expression_panel div.image_preview_panel .menubar{ margin: 10px 0px 0px 0px; overflow:hidden; } div.content_content_image_expression_panel div.image_preview_panel .menubar .item{ float:left; margin: 0px 8px 0px 0px; padding:0px 6px 0px 6px; cursor:pointer; } div.content_content_image_expression_panel div.highlight{ margin:0px; padding:0px; border: 1px solid red; } @media screen, handheld { } @media print { div.content_content_image_expression_panel{ margin:0px; padding:0px; } }